@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

#main .class_260407renewal {
	width: 100%;
	max-width: none;
	font-size: 0;
	font-family: "Noto Sans JP", sans-serif;
}
#main .class_260407renewal .pc_blk {
	display: block;
}
#main .class_260407renewal .sp_blk {
	display: none;
}
#main .class_260407renewal h1 {
	width: 100%;
	height: 350px;
	background: url(../img/260407renewal/h1_pc.png) no-repeat center / auto 50% #EF831D;
}
#main .class_260407renewal .wrap {
	margin: 0 auto;
	width: 100%;
	max-width: 1040px;
	padding: 0 20px;
}
#main .class_260407renewal section.lead {
	background: url(../img/260407renewal/lead_bg_left.png) no-repeat left center / auto 100%, url(../img/260407renewal/lead_bg_right.png) no-repeat right center / auto 100% #FAFAFA;
	padding: 100px 0 90px;
}
#main .class_260407renewal section.lead h2 {
	width: 100%;
	height: 60px;
	background: url(../img/260407renewal/lead_h2.png) no-repeat center / auto 100%;
}
#main .class_260407renewal section.lead p {
	font-size: 1.4rem;
	line-height: 1.4;
	text-align: center;
	margin-top: 40px;
}
#main .class_260407renewal section.lead .btn {
	margin-top: 50px;
	text-align: center;
}
#main .class_260407renewal section.lead .btn a {
	display: inline-block;
	font-size: 2.2rem;
	line-height: 1;
	color: white;
	text-decoration: none;
	margin: 0 30px;
	padding: 16px 0;
	width: 220px;
	border-radius: 40px;
}
#main .class_260407renewal section.lead .btn a[href="#west"] {
	background: #FC9057;
	border: solid 2px #FC9057;
}
#main .class_260407renewal section.lead .btn a[href="#east"] {
	background: #EC6D80;
	border: solid 2px #EC6D80;
}
#main .class_260407renewal section.lead .btn a::after {
	content: '';
	display: inline-block;
	vertical-align: sub;
	width: 1em;
	aspect-ratio: 1;
	margin-left: 10px;
	transition: 0.3s;
}
#main .class_260407renewal section.lead .btn a[href="#west"]::after {
	background: url(../img/260407renewal/arrow_white.png) no-repeat center top 0em / auto 70%, url(../img/260407renewal/arrow_orange.png) no-repeat center top -1em / auto 70%;
}
#main .class_260407renewal section.lead .btn a[href="#east"]::after {
	background: url(../img/260407renewal/arrow_white.png) no-repeat center top 0em / auto 70%, url(../img/260407renewal/arrow_pink.png) no-repeat center top -1em / auto 70%;
}
#main .class_260407renewal section.lead .btn a[href="#west"]:hover {
	background: white;
	color: #FC9057;
}
#main .class_260407renewal section.lead .btn a[href="#east"]:hover {
	background: white;
	color: #EC6D80;
}
#main .class_260407renewal section.lead .btn a:hover::after {
	background-position: center top 1em, center top 0em;
}

#main .class_260407renewal section.area {
	background: url(../img/260407renewal/area_bg_left.png) repeat-y left center / 300px auto, url(../img/260407renewal/area_bg_right.png) repeat-y right center / 300px auto;
	padding: 215px 0 240px;
}
#main .class_260407renewal section.area h2 {
	border-top: dotted 6px;
	position: relative;
}
#main .class_260407renewal section.area h2::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
	width: 240px;
	aspect-ratio: 24 / 11;
	background: no-repeat center / contain;
}
#main .class_260407renewal section.area h3 {
	text-align: center;
	font-size: 3.2rem;
	line-height: 1.6;
	color: white;
	margin: 135px 0 0;
	padding: 20px 0;
	border-radius: 50px;
}
#main .class_260407renewal section.area ul.side {}
#main .class_260407renewal section.area ul.side li {
	padding: 60px 0;
	border-bottom: dashed 2px #707070;
	display: grid;
	grid-template-columns: 430px 1fr;
	grid-template-areas:
		"left right";
	align-items: center;
}
#main .class_260407renewal section.area ul.side li figure {
	width: 430px;
	max-width: 100%;
	grid-area: left;
}
#main .class_260407renewal section.area ul.side li article {
	grid-area: right;
	padding: 0 0 0 70px;
	font-size: 1.8rem;
}
#main .class_260407renewal section.area ul.side li:nth-of-type(even) {
	grid-template-columns: 1fr 400px;
	grid-template-areas:"right left";
}
#main .class_260407renewal section.area ul.side li:nth-of-type(even) figure {}
#main .class_260407renewal section.area ul.side li:nth-of-type(even) article {
	padding: 0 70px 0 0;
}
#main .class_260407renewal section.area ul.card {
	margin: 55px 0 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 35px 60px;
}
#main .class_260407renewal section.area ul.card li {
	background: white;
	font-size: 1.4rem;
	padding: 20px 30px;
}
#main .class_260407renewal section.area ul.card li.flag {
	position: relative;
}
#main .class_260407renewal section.area ul.card li.flag::after {
	content: '';
	position: absolute;
	top: -10px;
	right: 4px;
	z-index: 1;
	width: 74px;
	aspect-ratio: 1;
	background: no-repeat top right / contain;
}
#main .class_260407renewal section.area ul.card li.flag_hf::after {
	background-image: url(../img/260407renewal/flag_hf.png);
}
#main .class_260407renewal section.area ul.card li.flag_kf::after {
	background-image: url(../img/260407renewal/flag_kf.png);
}
#main .class_260407renewal section.area ul.card li.flag_of::after {
	background-image: url(../img/260407renewal/flag_of.png);
}
#main .class_260407renewal section.area ul.card li.flag_uf::after {
	background-image: url(../img/260407renewal/flag_uf.png);
}
#main .class_260407renewal section.area ul.card li.flag_uk::after {
	background-image: url(../img/260407renewal/flag_uk.png);
}
#main .class_260407renewal section.area ul.card li.flag_zf::after {
	background-image: url(../img/260407renewal/flag_zf.png);
}
#main .class_260407renewal section.area ul li p {
	line-height: 1.6;
	margin: 4px 0;
}
#main .class_260407renewal section.area ul li .width_reg {
	font-weight: normal;
}
#main .class_260407renewal section.area ul li .width_bold {
	font-weight: bold;
}
#main .class_260407renewal section.area ul li .size_small {
	font-size: 80%;
}
#main .class_260407renewal section.area ul li .size_big {
	font-size: 120%;
}
#main .class_260407renewal section.area ul.card li .size_big {
	font-size: 130%;
}
#main .class_260407renewal section.area ul li .size_large {
	font-size: 160%;
}
#main .class_260407renewal section.area ul li .color_insistence {
	color: #CC344B;
}
#main .class_260407renewal section.area ul li .type_badge {
	display: inline-block;
	vertical-align: text-top;
	background: #CC344B;
	color: white;
	font-size: 80%;
	padding: 0px 6px 1px;
	margin-right: 10px;
}
#main .class_260407renewal section.area ul li .grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
#main .class_260407renewal section.area ul li .grid span {}

#main .class_260407renewal section.area#west {
	background-color: #FFEBD3;
}
#main .class_260407renewal section.area#west h2 {
	border-top-color: #FC9057;
}
#main .class_260407renewal section.area#west h2::after {
	background-image: url(../img/260407renewal/area_h2_west.png);
}
#main .class_260407renewal section.area#west h3 {
	background-color: #FC9057;
}

#main .class_260407renewal section.area#east {
	background-color: #FCE7EB;
}
#main .class_260407renewal section.area#east h2 {
	border-top-color: #EC6D80;
}
#main .class_260407renewal section.area#east h2::after {
	background-image: url(../img/260407renewal/area_h2_east.png);
}
#main .class_260407renewal section.area#east h3 {
	background-color: #EC6D80;
}
#main .class_260407renewal section.area#east .present {
	width: 100%;
	margin: 285px 0 0;
	position: relative;
	background-color: #EC6D80;
	padding: 20px 35px 35px;
	border-radius: 0 0 10px 10px;
}
#main .class_260407renewal section.area#east .present::before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 0;
	z-index: 1;
	width: 100%;
	min-height: 125px;
	background: url(../img/260407renewal/present_pc.png) no-repeat center bottom / 100% auto;
}
#main .class_260407renewal section.area#east .present .inner {
	background: white;
	border-radius: 10px;
	position: relative;
	padding: 35px 30px 40px 350px;
	font-size: 2.2rem;
	line-height: 1.4;
}
#main .class_260407renewal section.area#east .present .inner::before,
#main .class_260407renewal section.area#east .present .inner::after {
	content: '';
	position: absolute;
	z-index: 1;
	background: no-repeat center / contain;
}
#main .class_260407renewal section.area#east .present .inner::before {
	background-image: url(../img/260407renewal/present_img01.png);
	width: 120px;
	aspect-ratio: 1;
	bottom: 20px;
	left: 35px;
}
#main .class_260407renewal section.area#east .present .inner::after {
	background-image: url(../img/260407renewal/present_img02.png);
	width: 120px;
	aspect-ratio: 1 / 1.4;
	bottom: 20px;
	right: 30px;
}
#main .class_260407renewal section.area#east .present .inner p {}
#main .class_260407renewal section.area#east .present .inner p .name {
	display: inline-block;
	font-size: 110%;
	font-weight: bold;
	margin: 0 1em 0 -8em;
}
#main .class_260407renewal section.area#east .present .inner .size_large {
	font-size: 160%;
}
#main .class_260407renewal section.area#east .present .inner .color_insistence {
	color: #CC344B;
}
#main .class_260407renewal section.area#east .present .inner .size_small {
	font-size: 65%;
	margin-top: 10px;
}

@media screen and (max-width: 768px) {
#main .class_260407renewal {
	margin: 0;
}
#main .class_260407renewal .pc_blk {}
#main .class_260407renewal .sp_blk {
	display: block;
}
#main .class_260407renewal h1 {
	height: 49vw;
	background-image: url(../img/260407renewal/h1_sp.png);
	background-size: auto 66%;
}
#main .class_260407renewal .wrap {
	padding: 0 5vw;
}
#main .class_260407renewal section.lead {
	padding: 11vw 0 12vw;
	background-position: left top, right bottom;
	background-size: 20vw auto;
}
#main .class_260407renewal section.lead h2 {
	height: 9vw;
}
#main .class_260407renewal section.lead p {
	font-size: 3.3vw;
	line-height: 1.5;
	text-align: left;
	margin-top: 6vw;
}
#main .class_260407renewal section.lead .btn {
	margin-top: 6vw;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 2vw;
}
#main .class_260407renewal section.lead .btn a {
	font-size: 4.5vw;
	margin: 0;
	padding: 3.6vw 0;
	width: 100%;
}
#main .class_260407renewal section.lead .btn a[href="#west"] {}
#main .class_260407renewal section.lead .btn a[href="#east"] {}
#main .class_260407renewal section.lead .btn a::after {}
#main .class_260407renewal section.lead .btn a[href="#west"]::after {}
#main .class_260407renewal section.lead .btn a[href="#east"]::after {}
#main .class_260407renewal section.lead .btn a[href="#west"]:hover {}
#main .class_260407renewal section.lead .btn a[href="#east"]:hover {}
#main .class_260407renewal section.lead .btn a:hover::after {}
#main .class_260407renewal section.area {
	padding: 24vw 0 12vw;
	background-size: 20vw auto;
}
#main .class_260407renewal section.area h2 {
	border-top-width: 1.4vw;
}
#main .class_260407renewal section.area h2::after {
	width: 33vw;
}
#main .class_260407renewal section.area h3 {
	font-size: 5vw;
	margin: 22vw 0 0;
	padding: 3.4vw 0;
}
#main .class_260407renewal section.area ul.side {
	margin: 4vw 0 0;
}
#main .class_260407renewal section.area ul.side li {
	display: block;
	padding: 8vw 0;
}
#main .class_260407renewal section.area ul.side li figure {
	width: 100%;
}
#main .class_260407renewal section.area ul.side li article {
	padding: 3vw 0 0;
	font-size: 4vw;
}
#main .class_260407renewal section.area ul.side li:nth-of-type(even) {}
#main .class_260407renewal section.area ul.side li:nth-of-type(even) figure {}
#main .class_260407renewal section.area ul.side li:nth-of-type(even) article {}
#main .class_260407renewal section.area ul.card {
	margin: 10vw 0 15vw;
	display: grid;
	grid-template-columns: 1fr;
	gap: 6vw;
}
#main .class_260407renewal section.area ul.card li {
	font-size: 3.4vw;
	padding: 4vw 4vw;
}
#main .class_260407renewal section.area ul.card li.flag {}
#main .class_260407renewal section.area ul.card li.flag::after {
	top: -2vw;
	right: 1vw;
	width: 16vw;
}
#main .class_260407renewal section.area ul.card li.flag_hf::after {}
#main .class_260407renewal section.area ul.card li.flag_kf::after {}
#main .class_260407renewal section.area ul.card li.flag_of::after {}
#main .class_260407renewal section.area ul.card li.flag_uf::after {}
#main .class_260407renewal section.area ul.card li.flag_uk::after {}
#main .class_260407renewal section.area ul.card li.flag_zf::after {}
#main .class_260407renewal section.area ul.card li.flag >p:first-of-type {
	padding: 0 16vw 3vw 0;
}
#main .class_260407renewal section.area ul li p {
	font-size: inherit;
}
#main .class_260407renewal section.area ul li .width_reg {}
#main .class_260407renewal section.area ul li .width_bold {}
#main .class_260407renewal section.area ul li .size_small {}
#main .class_260407renewal section.area ul li .size_big {}
#main .class_260407renewal section.area ul.card li .size_big {
	font-size: 120%;
}
#main .class_260407renewal section.area ul li .size_large {}
#main .class_260407renewal section.area ul li .color_insistence {}
#main .class_260407renewal section.area ul li .type_badge {}
#main .class_260407renewal section.area ul li .grid {
	grid-template-columns: 1fr;
}
#main .class_260407renewal section.area ul li .grid span {}
#main .class_260407renewal section.area#west {}
#main .class_260407renewal section.area#west h2 {}
#main .class_260407renewal section.area#west h2::after {}
#main .class_260407renewal section.area#west h3 {}
#main .class_260407renewal section.area#east {
	padding-bottom: 27vw;
}
#main .class_260407renewal section.area#east h2 {}
#main .class_260407renewal section.area#east h2::after {}
#main .class_260407renewal section.area#east h3 {}
#main .class_260407renewal section.area#east .present {
	margin: 40vw 0 0;
	padding: 2vw 5vw 5vw;
}
#main .class_260407renewal section.area#east .present::before {
	width: 100%;
	min-height: 24vw;
	background-image: url(../img/260407renewal/present_sp.png);
	margin-bottom: -2px;
}
#main .class_260407renewal section.area#east .present .inner {
	padding: 6vw 6vw;
	font-size: 4vw;
}
#main .class_260407renewal section.area#east .present .inner::before,
#main .class_260407renewal section.area#east .present .inner::after {}
#main .class_260407renewal section.area#east .present .inner::before {
	width: 18vw;
	bottom: 1.5vw;
	left: auto;
	right: 15vw;
}
#main .class_260407renewal section.area#east .present .inner::after {
	width: 18vw;
	bottom: 1vw;
	right: 0;
}
#main .class_260407renewal section.area#east .present .inner p {
	font-size: inherit;
}
#main .class_260407renewal section.area#east .present .inner p .name {
	margin: 0;
	display: block;
}
#main .class_260407renewal section.area#east .present .inner .size_large {}
#main .class_260407renewal section.area#east .present .inner .color_insistence {}
#main .class_260407renewal section.area#east .present .inner .size_small {
	font-size: 85%;
	margin-top: 4vw;
}
}