@charset "utf-8";


/* ==========================================================

	全体

========================================================== */
html {
	scrollbar-gutter: stable;
}

body {
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 0.05rem;
	height: 100%;
}

main { padding-bottom: 0;}

.lp_wrapper {
	width: calc(366 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	width: calc(366 / 430 * 100cqw);
	margin-right: auto; margin-left: auto;
}

.fc_red           { color: #DC000C;}
.fc_malibu        { color: #3FA9F5;}
.fc_purple        { color: #B779CD;}
.fc_lightseagreen { color: #00BDCE;}

.ff_roboto { font-family: Roboto;}

.notes {
	font-size: calc(14 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(14 / 430 * 100cqw);
}

/* TB以上 */
@media screen and (min-width: 768px) {
	.pc_non { display: none !important;}
}

/* TB */
@media screen and (min-width : 768px) and (max-width : 1199.98px) {
}

/* sp */
@media screen and (max-width : 767.98px) {
	.sp_non { display: none !important;}

	.cmn_banner_cta { display: none;}
}


/* font-size
===========================================================*/
.fz14 {
	font-size: calc(14 / 430 * 100vw) !important; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(14 / 430 * 100cqw) !important;
}
.fz18 {
	font-size: calc(18 / 430 * 100vw) !important; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(18 / 430 * 100cqw) !important;
}
.fz24 {
	font-size: calc(24 / 430 * 100vw) !important; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(24 / 430 * 100cqw) !important;
}
.fz33 {
	font-size: calc(33 / 430 * 100vw) !important; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(33 / 430 * 100cqw) !important;
}


/* bg
===========================================================*/
.bg_sky {
	background: url(../img/lp/2023-05_fair/bg_sky.jpg) no-repeat;
	background-size: cover;
}

.bg_sky_dark {
	background: url(../img/lp/2024-05_fair/bg_sky.jpg) repeat-y;
	background-size: 100% auto;
	background-position: left -250px;
}

.bg_yellow { background: #fff9dc;}


/* section
===========================================================*/
main section {
	padding-top: 8vw; padding-bottom: 8vw; /* cqw未サポートiPhone15以前対策 */
	padding-top: 8cqw; padding-bottom: 8cqw;
}


/* title
===========================================================*/
.title_je {
	margin-bottom: calc(34 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	margin-bottom: calc(34 / 430 * 100cqw);
	font-weight: 500;
	line-height: 1.1;
	color: #3FA9F5;
}

.title_je span {
	display: flex;
	flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;
}

.title_je .__sub {
	font-size: 18px;
	font-weight: bold;
}

.title_je .__ja {
	font-size: calc(40 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(40 / 430 * 100cqw);
}

.title_je .__ja .red { color: #DC000C;}
.title_je .__ja .blue { color: #3FA9F5;}

.title_je .__en {
	color: #FFD71A;
	margin-top: calc(22 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	margin-top: calc(22 / 430 * 100cqw);
	font-size: calc(20 / 430 * 100cqw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(20 / 430 * 100cqw);
}


.setA {
	position: absolute;
	width: 80vw; /* cqw未サポートiPhone15以前対策 */
	width: 80cqw;
}


.ttl-set_photo {
	display: flex;
	justify-content: space-between; align-items: flex-end;
	padding-bottom: calc(40 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding-bottom: calc(40 / 430 * 100cqw);
}

.ttl-set_photo .-_title {
	padding-left: calc(32 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding-left: calc(32 / 430 * 100cqw);
	margin-bottom: 0;
}

.ttl-set_photo .title_je .__en { margin-bottom: 4px;}

.ttl-set_photo .-_photo img {
	width: calc(200 / 430 * 100vw); height: calc(180 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	width: calc(200 / 430 * 100cqw); height: calc(180 / 430 * 100cqw);
	border-radius: 0 0 0 80px;
}


.ttl_fukidashi {
	background: #3069CF;
	color: #fff;
	display: flex;
	justify-content: center; align-items: baseline;
	width: fit-content;
	margin-right: auto; margin-left: auto;
	padding: calc(8 / 430 * 100vw) calc(30 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding: calc(8 / 430 * 100cqw) calc(30 / 430 * 100cqw);
	border-radius: calc(1px / 0);
	font-size: calc(20 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(20 / 430 * 100cqw);
	position: relative;
	margin-bottom: calc(20 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
    margin-bottom: calc(20 / 430 * 100cqw);
}

.ttl_fukidashi::after {
	content: '';
    border-top: calc(11 / 430 * 100vw) solid #326bd1; /* cqw未サポートiPhone15以前対策 */
    border-top: calc(11 / 430 * 100cqw) solid #326bd1;
    border-right: calc(11 / 430 * 100vw) solid transparent; /* cqw未サポートiPhone15以前対策 */
    border-right: calc(11 / 430 * 100cqw) solid transparent;
    border-left: calc(11 / 430 * 100vw) solid transparent; /* cqw未サポートiPhone15以前対策 */
    border-left: calc(11 / 430 * 100cqw) solid transparent;
	position: absolute;
    left: 50%;
	bottom: calc(-10 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
    bottom: calc(-10 / 430 * 100cqw);
    transform: translateX(-50%);
}


.ttl_center {
	text-align: center;
	line-height: 1.3;
	font-size: calc(40 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(40 / 430 * 100cqw);
	color: #DC000C;
	margin-bottom: calc(50 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
    margin-bottom: calc(50 / 430 * 100cqw);
}

.ttl_center .__blue {
	color: #3FA9F5;
}




/* ==========================================================

	btn

========================================================== */
/* フェアボタン
===========================================================*/
.btn_detail {
	background: #fff url(../img/lp/2023-05_fair/ico_arrow_red.png) no-repeat right 20px center;
	background-size: 5.34vw auto; /* cqw未サポートiPhone15以前対策 */
	background-size: 5.34cqw auto;
	color: #3FA9F5;
	border: 2px solid #3FA9F5;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	width: 100%;
	box-sizing: border-box;
	padding-right: 15px; padding-top: 3vw; padding-bottom: 3vw; /* cqw未サポートiPhone15以前対策 */
	padding-top: 3cqw; padding-bottom: 3cqw;
	font-weight: bold;
}

.btn_detail.__up {
	background: #fff url(../img/lp/2026-10_fair/ico_arrow_red.svg) no-repeat right 20px center;
	background-size: 5.34vw auto; /* cqw未サポートiPhone15以前対策 */
	background-size: 5.34cqw auto;
}


/* 会場ボタン
===========================================================*/
.btn_select {
	width: 320px;
	height: 172px;
	padding: 24px 24px 24px 20px;
	display: flex;
	flex-direction: column;	justify-content: center; align-items: center;
	grid-row: span 1;
	grid-column: span 1;
	border-radius: 20px;
	border: 2px solid #3FA9F5;
	background: #FFF;
	box-shadow: 6px 6px 0 0 #3FA9F5;
	text-decoration: none;
	text-align: center;
	line-height: 1;
}

.btn_select .__place {
	font-size: 52px;
	color: #3FA9F5;
	letter-spacing: 2.6px;
	font-weight: 700;
	margin-bottom: 15px;
}

.btn_select .__date {
	color: #333;
	font-family: Roboto;
	font-size: 34px;
	font-weight: 900;
	margin-left: 8px;
}

.btn_select .__date span {
	font-size: 18px;
	font-weight: 900;
	font-feature-settings: "palt";
	margin-left: 2px;
}

/* sp */
@media screen and (max-width : 767.98px) {
	.btn_select {
		width: calc(166 / 430 * 100vw); height: calc(80 / 430 * 100vw);
		padding: calc(8 / 430 * 100vw) calc(12 / 430 * 100vw);
		border-radius: calc(10 / 430 * 100vw);
		box-shadow: 3px 3px 0 0 #3FA9F5;
	}

	.btn_select .__place {
		font-size: calc(27 / 430 * 100vw);
		margin-bottom: calc(12 / 430 * 100vw);
	}

	.btn_select .__date { font-size: calc(18 / 430 * 100vw);}

	.btn_select .__date span { font-size: calc(10 / 430 * 100vw);}
}


/* 予約ボタン
===========================================================*/
.btn_venue_modal {
	background: #EB3943;
	border: none;
	border-radius: calc(1px / 0);
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: calc(20 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(20 / 430 * 100cqw);
	font-weight: 700;
	letter-spacing: 0.95px;
	display: flex;
	justify-content: center; align-items: center;
	width: 100%;
	height: calc(84 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	height: calc(84 / 430 * 100cqw);
}

.btn-set_here .__here { text-align: center;}

.btn-set_here .__here p {
	display: inline-block;
	position: relative;
	margin-bottom: calc(8 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	margin-bottom: calc(8 / 430 * 100cqw);
	letter-spacing: 0.52px;
	font-weight: 500;
}

.btn-set_here .__here p::before,
.btn-set_here .__here p::after {
	content: '';
	display: block;
	width: calc(30 / 430 * 100vw); height: calc(30 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	width: calc(30 / 430 * 100cqw); height: calc(30 / 430 * 100cqw);
	position: absolute;
}

.btn-set_here .__here p::before {
	border-left: 2px solid #FFD71A;
	transform: rotate(-30deg);
	top: calc(-7 / 430 * 100vw); left: calc(-30 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	top: calc(-7 / 430 * 100cqw); left: calc(-30 / 430 * 100cqw);
}

.btn-set_here .__here p::after {
	border-right: 2px solid #FFD71A;
	transform: rotate(30deg);
	top: calc(-7 / 430 * 100vw); right: calc(-30 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	top: calc(-7 / 430 * 100cqw); right: calc(-30 / 430 * 100cqw);
}




/* ==========================================================

	スライダー（swiper）

========================================================== */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.carousel_mv {
	padding-bottom: calc((40 / 375 * 100vw) + (16 / 375 * 100vw)); /* cqw未サポートiPhone15以前対策 */
	padding-bottom: calc((40 / 375 * 100cqw) + (16 / 375 * 100cqw));
}

/* スライダー内高さ揃え */
.swiper-slide          { height: auto;}
.swiper-slide .__block { height: 100%; box-sizing: border-box;}
/* ----------------- */

.swiper-pagination {
	padding-top: calc(6 / 375 *100vw); padding-bottom: calc(6 / 375 *100vw); /* cqw未サポートiPhone15以前対策 */
	padding-top: calc(6 / 375 *100cqw); padding-bottom: calc(6 / 375 *100cqw);
}

.swiper-button-prev,
.swiper-button-next {
	display: block; /* home引用のためhomeの指定打消し */
	background: #3069CF;
	width: calc(40 / 375 * 100vw); height: calc(40 / 375 * 100vw); /* cqw未サポートiPhone15以前対策 */
	width: calc(40 / 375 * 100cqw); height: calc(40 / 375 * 100cqw);
	border-radius: 50%;
	top: auto; margin-top: 0; /* swiper打消し */
	bottom: 0;
}

.swiper-button-prev { left: 0;}
.swiper-button-next { right: 0;	}

.swiper-button-prev::before { content: '←';}
.swiper-button-next::before { content: '→';}

.swiper-button-prev::before,
.swiper-button-next::before {
	font-weight: bold;
	color: #fff;
	display: flex;
	justify-content: center; align-items: center;
	height: 100%;
}





/* ==========================================================

	モーダル

========================================================== */
.js-modalSet_body {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(32, 32, 32, 0.8);
	z-index: 1000;
	align-items: center;
	justify-content: center;
}

body.is-modal-open {
	overflow: hidden;
}

.js-modalSet_body.is-open {
	display: flex;
}

.js-modalSet_close {
	position: absolute; top: 24px; right: 24px;
	font-size: 12px;
	font-weight: bold;
	display: flex;
	align-items: center; justify-content: center;
	width: 40px; height: 40px;
	color: #fff;
	background: #ABC0DF;
	font-size: 28px;
	line-height: 1;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
}

.js-modalSet_body .-_box {
	width: 80%;
	max-width: 744px;
	background: #fff;
	position: relative;
	border-radius: 40px;
}

/* sp */
@media screen and (max-width : 767.98px) {
	.js-modalSet_close {
		top: calc(12 / 430 * 100vw); right: calc(12 / 430 * 100vw);
	}

	.js-modalSet_body .-_box {
		width: calc(384 / 430 * 100vw);
		border-radius: calc(20 / 430 * 100vw);
	}
}


/* 会場予約ボタン
===========================================================*/
.bl_venue {
	padding: 56px 40px 40px;
}

.bl_venue .-_text1 {
	color: #3FA9F5;
	text-align: center;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 2px;
	margin-bottom: 16px;
}

.bl_venue .-_text2 {
	color: var(--Black3333333, #333);
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 1px;
}

.bl_venue .-_btn_wrap {
	margin-top: 24px;
	display: inline-grid;
	row-gap: 24px;
	column-gap: 24px;
	grid-template-rows: repeat(2,fit-content(100%));
	grid-template-columns: repeat(2,fit-content(100%));
	grid-auto-flow: row;
}

/* sp */
@media screen and (max-width : 767.98px) {
	.bl_venue {
		padding: calc(32 / 430 * 100vw) calc(20 / 430 * 100vw) calc(24 / 430 * 100vw);
	}

	.bl_venue .-_btn_wrap {
		gap: calc(12 / 430 * 100vw);
	}

	.bl_venue .-_text1 {
		font-size: calc(24 / 430 * 100vw);
		margin-bottom: calc(10 / 430 * 100vw);
	}

	.bl_venue .-_text2 { font-size: calc(14 / 430 * 100vw);}

	.bl_venue .-_btn_wrap { margin-top: calc(16 / 430 * 100vw);}
}


/* youtube
===========================================================*/
.js-modalSet_body[data-modal="youtube"] .-_box {
	border-radius: 0;
	background: transparent;
}

.bl_video {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.bl_video .js-video_player,
.bl_video iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.bl_video iframe {
	border: 0;
}





/* ==========================================================

	配置

========================================================== */
/* main
===========================================================*/
.main_wrapper {
	width: 100%; max-width: 430px;
	margin-right: auto; margin-left: auto;
	background: #fff;
	container-type: inline-size;
	position: relative;
	z-index: 5;
}

/* SP以外 */
@media screen and (min-width: 576px) {
	.main_wrapper::before,
	.main_wrapper::after {
		content: '';
		display: block;
		width: 10px; height: 100%;
		position: absolute; top: 0;
		background: #3069cf;
	}

	.main_wrapper::before { left: -10px;}
	.main_wrapper::after  { right: -10px;}
}

/* SPのみ */
@media screen and (max-width: 575.98px) {
	.main_wrapper { max-width: initial;}
}


main {
	font-size: 16px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(16 / 430 * 100cqw);
	overflow: hidden;
}

/* 860px未満 header固定のため上余白 */
@media screen and (max-width: 859.98px) {
	main {
		padding-top: 16.2cqw; /* cqw未サポートiPhone15以前対策 */
		padding-top: 16.2cqw;
	}
}


/* ディスプレイ余白(860以上)
===========================================================*/
.fixed-background {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: url(../img/lp/2025-10_fair/bg_sky_pc.jpg) no-repeat center top;
    background-size: cover;
	z-index: -1;
}


/* 860以上 2カラム・3カラム共通設定 */
@media screen and (min-width: 860px) {
	.sideRight { position: absolute; top: 0;}

	.sideLeft,
	.sideRight {
		position: fixed;
		container-type: inline-size;
		height: 100%;
		display: flex;
		z-index: 10;
		justify-content: center; align-items: center;
		box-sizing: border-box;
	}

	.sideLeft .-_logo,
	.sideRight .-_menu { width: clamp(330px, 76cqw, 378px);}

	.sideRight .-_menu {
		background: #fff;
		border-radius: 8px;
		border: 2px solid #3FA9F5;
		container-type: inline-size;
		padding-top: 32px; padding-bottom: 32px;
	}

	.sideRight .-_menu .-__lists h3 {
		margin-right: calc(24 / 378 * 100cqw); margin-left: calc(24 / 378 * 100cqw);
	}

	.sideRight .-_menu .-__lists img {
		width: 82px; height: auto;
		margin-bottom: 16px;
	}

	.sideRight .-_menu .-__lists ul {
		width: 298px;
		margin-right: auto; margin-left: auto;
		border-top: 1px dotted #D9D9D9;
	}

	.sideRight .-_menu .-__lists li {
		font-size: 14px;
		border-bottom: 1px dotted #D9D9D9;
	}

	.sideRight .-_menu .-__lists li a {
		display: block;
		color: #3FA9F5;
		font-weight: bold;
		text-decoration: none;
		padding: 8px 10px 8px 30px;
	}

	.sideRight .-_menu .-__lists li a:hover {
		color: #EB3943;
		background: url(../img/lp/2025-10_fair/ico_plane.png) no-repeat 3px center;
		background-size: 20px auto;
	}

	.sideRight .-__btns {
		display: flex;
		flex-direction: column; justify-content: center; align-items: center;
		margin-top: 16px;
	}

	.sideRight .-__btns p {
		display: inline-block;
		position: relative;
	}

	.sideRight .-__btns p::before,
	.sideRight .-__btns p::after {
		content: '';
		display: block;
		width: 29px; height: 29px;
		position: absolute; top: -5px;
	}

	.sideRight .-__btns p::before { border-left: 2px solid #FFD71A;  transform: rotate(-30deg); left: -26px;}
	.sideRight .-__btns p::after  { border-right: 2px solid #FFD71A; transform: rotate(30deg);  right: -26px;}

	.sideRight .btn_venue_modal {
		margin-top: 8px; margin-right: 0; margin-left: 0;
		max-width: 330px;
	}
}

/* 860～1170 2カラムのみ */
@media screen and (min-width: 860px) and (max-width: 1169.98px) {
	.fixed-background {
		background-position: 70% top;
	}

	.main_wrapper { margin-left: 5%;}

	.sideRight {
		left: calc(5% + 430px + 10px);
		width: calc(100% - 5% - 430px - 10px);
	}
}

/* 1170以上 3カラムのみ */
@media screen and (min-width: 1170px) {
	.sideRight {
		left: calc((100% - 430px - (10px * 2)) / 2 + 430px + (10px * 2));
	}

	.sideLeft,
	.sideRight {
		width: calc((100% - 430px - (10px * 2)) / 2);
	}

	.sideLeft .-_logo {
		width: clamp(330px, calc(385 / 430 * 100vw), 385px);
		width: clamp(330px, calc(385 / 430 * 100cqw), 385px);
	}
}


/* 1170未満 2カラム以下 */
@media screen and (max-width: 1169.98px) {
	.sideLeft { display: none;}
}


/* 860未満 両サイド無 */
@media screen and (max-width: 859.98px) {
	.sideRight { display: none;}
}

/* 576未満 背景無 */
@media screen and (max-width: 575.98px) {
	.fixed-background { display: none;}
}







/* ==========================================================

	menu

========================================================== */
/* 860px以上 右サイド表示 */
@media screen and (min-width: 860px) {
	.fixedMenuSP { display: none;}
}


/* 860px未満 header固定 */
@media screen and (max-width: 859.98px) {
	.fixedMenuSP {
		position: fixed; top: 0; left: 50%; z-index: 100;
		transform: translateX(-50%);
		width: 430px;
		background: #EB3943;
		color: #fff;
	}

	.fixedMenuSP a {
		display: block;
		color: #fff;
		text-decoration: none;
		position: relative;
	}

	.fixedMenuSP ul {
		display: flex;
		align-items: stretch;
	}

	.fixedMenuSP li {
		width: 20.2cqw;
		font-size: 2.66cqw;
		text-align: center;
		letter-spacing: 0;
	}

	.fixedMenuSP li a {
		display: flex;
		flex-direction: column; justify-content: center; align-items: center;
		padding-top: 2.5cqw; padding-bottom: 2cqw;
		line-height: 1.2;
		position: relative;
	}

	.fixedMenuSP li .__ico {
		height: 7.7cqw;
		display: flex;
		justify-content: center; align-items: flex-end;
		margin-bottom: 1cqw;
	}

	.fixedMenuSP .-_m_school  img { width: 9vw; width: 9cqw; margin-bottom: 2px;}
	.fixedMenuSP .-_m_seminar img { width: 10vw; width: 10cqw;}
	.fixedMenuSP .-_m_access  img { width: 6vw; width: 6cqw;}
	.fixedMenuSP .-_m_how-to  img { width: 10vw; width: 10cqw;}
	.fixedMenuSP .-_m_step    img { width: 6.3vw; width: 6.3cqw; margin-right: 1vw; margin-right: 1cqw;}

	.fixedMenuSP .-_m_step {
		display: flex;
		flex-direction: column; justify-content: center; align-items: center;
		width: 37cqw;
		font-size: 5.06cqw;
	}

	.fixedMenuSP .-_m_step a {
		background: #fff;
		color: #EB3943;
		border-radius: 40px;
		width: 100%;
		flex-direction: row;
		padding-top: 2cqw; padding-bottom: 2cqw;
		font-size: 4.26cqw;
	}

	
}

/* 576px未満 ディスプレイ幅100%に切り替え */
@media screen and (max-width: 575.98px) {
	.fixedMenuSP { width: 100%;}

	.fixedMenuSP li {
		width: 20.2cqw;
		font-size: 2.66cqw;
	}

	.fixedMenuSP li a { padding-top: 2.5cqw; padding-bottom: 2cqw;}

	.fixedMenuSP li .__ico {
		height: 7.7cqw;
		margin-bottom: 1cqw;
	}

	.fixedMenuSP .-_m_seminar img { width: 10cqw;}
	.fixedMenuSP .-_m_access  img { width: 6cqw;}
	.fixedMenuSP .-_m_how-to  img { width: 10cqw;}
	.fixedMenuSP .-_m_step    img { width: 6.3cqw; margin-right: 1cqw;}

	.fixedMenuSP .-_m_step {
		width: 37cqw;
		font-size: 5.06cqw;
	}

	.fixedMenuSP .-_m_step a {
		padding-top: 2cqw; padding-bottom: 2cqw;
		font-size: 4.26cqw;
	}
}





/* ==========================================================

	各sectionレイアウト

========================================================== */
.rp_plane,
.rp_airplane {
    position: relative;
}

.setP {
	position: absolute;
	bottom: -16.6cqw;
	left: -31cqw;
	width: calc(100% + 27cqw);
}

.setA { width: 80cqw;}


/* YouTube
===========================================================*/
.youtube {
	position: relative;
	width: 90%;
	aspect-ratio: 560 / 315;
	margin-right: auto; margin-left: auto;
}

.sec-inr_contents .youtube { width: 100%;}

.youtube iframe {
	width: 100%; height: 100%;
}

.youtube.__down { margin-bottom: -27cqw;}

.youtube.__up { margin-top: -28cqw;}

.youtube p {
	color: #3FA9F5;
	font-weight: bold;
	width: fit-content;
	margin-right: auto; margin-left: auto;
	position: relative;
	margin-bottom: calc(8 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	margin-bottom: calc(8 / 430 * 100cqw);
}

.youtube .-_check {
	font-size: calc(32 / 430 * 100vw);  /* cqw未サポートiPhone15以前対策 */
	font-size: calc(32 / 430 * 100cqw);
	line-height: 1.3;
	text-align: center;
	margin-bottom: calc(16 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	margin-bottom: calc(16 / 430 * 100cqw);
}

.youtube .-_slash {
	font-size: calc(22 / 430 * 100vw);  /* cqw未サポートiPhone15以前対策 */
	font-size: calc(22 / 430 * 100cqw);
}

.youtube .-_slash::before {
	content: '';
	height: 1.5em;
	border-left: 2px solid #3FA9F5;
	position: absolute; left: -1em; top: 3px;
	transform: rotate(-35deg)
}

.youtube .-_slash::after {
	content: '';
	height: 1.5em;
	border-right: 2px solid #3FA9F5;
	position: absolute; right: -1em; top: 3px;
	transform: rotate(35deg)
}



/* sec-inr_contents
===========================================================*/
.sec-inr_contents {
	width: calc(366 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
    width: calc(366 / 430 * 100cqw);
    margin-right: auto; margin-left: auto;
}




/* ==========================================================

	MV

========================================================== */
.mv {
	position: relative;
}





/* ==========================================================

	留学フェア概要(.fair_outset)

========================================================== */
.fair_outset {
	/* background: url(../img/lp/2024-10_fair/bg_halloween_sp.png) no-repeat left bottom -1px;
	background-size: 100% auto; */
	padding-bottom: calc(48 /430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding-bottom: calc(48 /430 * 100cqw);
}


.fair_info {
	padding-top: 2vw; padding-top: 2cqw;
	line-height: 1.5;
	position: relative;
}

.fair_info h1 {
	text-align: center;
	margin-right: auto; margin-left: auto;
	width: calc(386 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	width: calc(386 / 430 * 100cqw);
}

.fair_info p {
	background: linear-gradient(90deg, rgba(244,117,25,1) 0%, rgba(250,191,2,1) 50%, rgba(244,117,25,1) 100%);
	color: #fff;
	text-align: center;
	width: 47.7vw; /* cqw未サポートiPhone15以前対策 */
	width: 47.7cqw;
	font-size: 4vw; /* cqw未サポートiPhone15以前対策 */
	font-size: 4cqw;
	position: absolute;
	top: 21.5vw; right: 4vw; /* cqw未サポートiPhone15以前対策 */
	top: 21.5cqw; right: 4cqw;
}

.fair_info p span {
	display: inline-block;
	background: #fff;
	color: #FABF00;
	padding-right: 1vw; padding-left: 1vw; /* cqw未サポートiPhone15以前対策 */
	padding-right: 1cqw; padding-left: 1cqw;
	font-size: 3.2vw; /* cqw未サポートiPhone15以前対策 */
	font-size: 3.2cqw;
	margin-left: 1vw; /* cqw未サポートiPhone15以前対策 */
	margin-left: 1cqw;
	position: relative; top: -1px;
}

.fair_info ul {
	display: flex;
	flex-wrap: wrap; justify-content: center; align-items: flex-start;
	letter-spacing: 0.1rem;
	margin: 2vw 4vw 3.7vw; /* cqw未サポートiPhone15以前対策 */
	margin: 2cqw 4cqw 3.7cqw; 
	font-size: 10px;
}

.fair_info li {
	position: relative;
	padding: 0.5vw 1cqw 0.5vw 2vw; /* cqw未サポートiPhone15以前対策 */
	padding: 0.5cqw 1cqw 0.5cqw 2cqw;
}

.fair_info li::before {
	content: '';
	display: block;
	position: absolute; left: 0;
	background: #FFD71A;
	top: 50%;
	transform: translateY(-50%);
	width: 1.06vw; height: 1.06vw; /* cqw未サポートiPhone15以前対策 */
	width: 1.06cqw; height: 1.06cqw;
	border-radius: 50%;
}

.fair_info li.__non { padding-left: 0;}
.fair_info li.__non::before { content: none;}


/* .fair_place
===========================================================*/
.fair_place {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 4px;
	line-height: 1.3;
	padding-right: calc(20 / 430 * 100vw); padding-left: calc(20 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding-right: calc(20 / 430 * 100cqw); padding-left: calc(20 / 430 * 100cqw);
	padding-bottom: calc(120 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding-bottom: calc(120 / 430 * 100cqw);
	background: url(../img/lp/2026-10_fair/Halloween-img.png) no-repeat center bottom;
	background-size: 100% auto;
}

.fair_place a {
	box-sizing: border-box;
	border: 2px solid #3FA9F5;
	border-radius: 5px;
	background: #fff;
	text-decoration: none;
	color: inherit;
	text-align: center;
	position: relative;
}

.fair_place h2 {
	background: #3FA9F5;
	color: #fff;
	text-align: center;
	font-size: calc(18 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(18 / 430 * 100cqw);
	line-height: 1.4;
}

.fair_place .__date_time {
	padding: calc(8 / 430 * 100vw) 0;
	padding: calc(8 / 430 * 100cqw) 0;
}

.fair_place .__date {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: calc(21 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(21 / 430 * 100cqw);
	line-height: 1.1;
	display: flex;
	justify-content: center; align-items: flex-start;
}

.fair_place .__date span {
	font-size: calc(36 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(36 / 430 * 100cqw);
}

.fair_place .__week {
	width: calc(60 / 430 * 100vw); height: calc(17 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	width: calc(60 / 430 * 100cqw); height: calc(17 / 430 * 100cqw);
	padding-bottom: 2px;
	margin-right: auto; margin-left: auto;
	border-radius: calc(1px / 0);
	color: #fff;
	font-weight: bold;
	font-size: calc(12 / 430 * 100vw);
	font-size: calc(12 / 430 * 100cqw);
	display: flex;
	justify-content: center; align-items: center;
}

.fair_place .__week.__sun {
	background: #EF3340;
}

.fair_place .__week.__sat {
	background: #3474D4;
}





/* ==========================================================

	ISS留学ライフの留学フェアとは？

========================================================== */
.fair {
    padding-top: calc(45 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
    padding-top: calc(45 / 430 * 100cqw);
    padding-bottom: calc(64 / 430 * 100vw);
    padding-bottom: calc(64 / 430 * 100cqw);
}

.fair .ttl_center .ttl_fukidashi {
	padding-right: 0; padding-left: 0;
	width: 100%;
}

.fair .-_point {
	position: relative;
	padding-bottom: calc(32 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
    padding-bottom: calc(32 / 430 * 100cqw);
}

.fair .-_point::after {
	content: '';
	width: calc(24 / 430 * 100vw); height: calc(24 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	width: calc(24 / 430 * 100cqw); height: calc(24 / 430 * 100cqw);
	background: url(../img/lp/2026-10_fair/ico_plane_blue.svg);
	position: absolute;
	bottom: calc(63 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	bottom: calc(63 / 430 * 100cqw);
	left: 0; right: 0;
	margin-right: auto; margin-left: auto;
}

.fair .-_point .-__block {
    width: 100%;
	margin-bottom: calc(80 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
    margin-bottom: calc(80 / 430 * 100cqw);
}

.fair .-_point .-___img {
    width: 100%;
    margin-bottom: calc(15 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
    margin-bottom: calc(15 / 430 * 100cqw);
}

.fair .-_point .-___img img {
    display: block;
    width: 100%;
    height: auto;
}

.fair .-_point .-__block h3 {
    display: flex;
    align-items: flex-start;
    gap: calc(12 / 430 * 100vw);
    gap: calc(12 / 430 * 100cqw);
    width: calc(300 / 366 * 100%);
    margin: 0 auto calc(14 / 430 * 100vw);
    margin-bottom: calc(14 / 430 * 100cqw);
    color: #333;
    font-weight: 700;
}

.fair .-_point .-__block h3 .__num {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: calc(40 / 430 * 100vw);
    width: calc(40 / 430 * 100cqw);
    height: calc(40 / 430 * 100vw);
    height: calc(40 / 430 * 100cqw);
    border-radius: 50%;
    background: #3fa9f5;
    color: #fff;
    font-size: calc(17 / 430 * 100vw);
    font-size: calc(17 / 430 * 100cqw);
    line-height: 1;
}

.fair .-_point .-__block h3 .__text {
    font-size: calc(30 / 430 * 100vw);
    font-size: calc(30 / 430 * 100cqw);
    line-height: 1.25;
    letter-spacing: .04em;
}

.fair .-_point .-__block > p:not(.__note) {
    margin: 0;
    font-size: calc(16 / 430 * 100vw);
    font-size: calc(16 / 430 * 100cqw);
    line-height: 1.65;
    letter-spacing: .02em;
}

.fair .-_point .-__block .__note {
    margin: calc(7 / 430 * 100vw) 0 0;
    margin-top: calc(7 / 430 * 100cqw);
    font-size: calc(12 / 430 * 100vw);
    font-size: calc(12 / 430 * 100cqw);
    line-height: 1.5;
}


/* はじめてでも安心
===========================================================*/
.fair .-_beginner {
	border-radius: calc(10 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	border-radius: calc(10 / 430 * 100cqw);
	background: #EDF3FF;
	padding: calc(32 / 430 * 100vw) calc(20 / 430 * 100vw) calc(16 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding: calc(32 / 430 * 100cqw) calc(20 / 430 * 100cqw) calc(16 / 430 * 100cqw);
	position: relative;
	margin-bottom: calc(24 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	margin-bottom: calc(24 / 430 * 100cqw);
}

.fair .-_beginner .ttl_fukidashi {
	position: absolute; 
	top: calc(-38 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	top: calc(-38 / 430 * 100cqw);
	left: 0; right: 0;
}

.fair .-_beginner .-__box {
	display: flex;
	align-items: center;
	gap: calc(12 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	gap: calc(12 / 430 * 100cqw);
	margin-bottom: calc(16 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	margin-bottom: calc(16 / 430 * 100cqw);
	letter-spacing: -0.02em;
}

.fair .-_beginner .-__box .__text {
	flex: 1;
	font-size: calc(14 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(14 / 430 * 100cqw);
}

.fair .-_beginner .-__box .__title {
	color: #3069CF;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 1.1px;
	margin-bottom: calc(8 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	margin-bottom: calc(8 / 430 * 100cqw);
	font-size: calc(22 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(22 / 430 * 100cqw);
}


/* Youtube
===========================================================*/
.fair .youtube {
	margin-top: calc(72 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	margin-top: calc(72 / 430 * 100cqw);
	position: relative;
}

.fair .youtube::before {
	content: '';
	width: calc(24 / 430 * 100vw); height: calc(24 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	width: calc(24 / 430 * 100cqw); height: calc(24 / 430 * 100cqw);
	background: url(../img/lp/2026-10_fair/ico_plane_blue.svg);
	position: absolute;
	top: calc(-48 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	top: calc(-48 / 430 * 100cqw);
	left: 0; right: 0;
	margin-right: auto; margin-left: auto;
}





/* ==========================================================

	留学フェアでできること

========================================================== */
.detail {
	padding-top: calc(40 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding-top: calc(40 / 430 * 100cqw);
	padding-bottom: calc(70 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding-bottom: calc(70 / 430 * 100cqw);
}

.detail .title_je .__en {
	margin-top: calc(16 / 430 * 100vw);
    margin-top: calc(16 / 430 * 100cqw);
}

.detail h3 {
	color: #3FA9F5;
	line-height: 1.3;
	font-size: calc(20 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(20 / 430 * 100cqw);
	font-weight: 700;
	margin-top: 3vw; margin-bottom: calc(8 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	margin-top: 3cqw; margin-bottom: calc(8 / 430 * 100cqw);
	display: flex;
	align-items: flex-start;
	gap: calc(8 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	gap: calc(8 / 430 * 100cqw);
	align-self: stretch;
}

.detail h3 .__num {
	color: #EB3943;
	font-family: Roboto;
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
}

.detail section {
	padding-top: 0; padding-bottom: 0;
	margin-bottom: 12vw; /* cqw未サポートiPhone15以前対策 */
	margin-bottom: 12cqw;
}

.detail section .__img img { border-radius: 10px;}

.detail section .__text { flex: 1;}
.detail p { margin-bottom: 1.5rem; margin-left: 0;}

.detail .__btn {
	display: flex;
	justify-content: flex-end; align-items: flex-start;
}

.detail .btn_place a {
	margin-top: 0;
}





/* ==========================================================

	参加校紹介

========================================================== */
.school {
	padding-bottom: 10vw; /* cqw未サポートiPhone15以前対策 */
	padding-bottom: 10cqw;
}

.school section {
	padding-top: 0; padding-bottom: 0;
}

.school_lists {
	margin-top: 7vw; /* cqw未サポートiPhone15以前対策 */
	margin-top: 7cqw;
}

.school_lists .school_host-place {
	background-color: #3169CF;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    font-weight: bold;
    padding: 20px 90px 20px 30px;
    position: relative;
    line-height: 1.5;
}

.school_lists .school_host-place::before {
    content: '';
    background-color: #fff;
    height: 2px;
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translateY(-50%);
    width: 16px;
}

.school_lists .school_host-place::after {
    content: '';
    background-color: #fff;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 30px;
    transform-origin: center;
    transition: transform 0.2s;
    transform: translateY(-50%);
    width: 2px;
}

.school_lists .school_host-place.is-open::after {
    transform: translateY(-50%) rotate(90deg);
}

.school_index_list {
	padding-top: calc(6 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding-top: calc(6 / 430 * 100cqw);
}

.school_index_list > dt {
    margin-top: calc(5 / 390 * 100vw); /* cqw未サポートiPhone15以前対策 */
	margin-top: calc(5 / 390 * 100cqw);
	height: calc(57 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	height: calc(57 / 430 * 100cqw);
	padding-right: calc(57 / 430 * 100vw); padding-left: calc(11 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding-right: calc(57 / 430 * 100cqw); padding-left: calc(11 / 430 * 100cqw);
}

.school_index_list > dt::before,
.school_index_list > dt::after {
	width: 17px; height: 2px;
	right: 22px;
}

.school_index_list > dt::after {
	width: 2px; height: 17px;
	right: 30px;
}

.school_index_list > dt img {
	width: calc(34 / 430 * 100vw); height: calc(34 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	width: calc(34 / 430 * 100cqw); height: calc(34 / 430 * 100cqw);
}

.school_index_country_kana {
	font-size: calc(10 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(10 / 430 * 100cqw);
	line-height: 1.4;
}

.school_index_country_eng,
.school_index_eng {
	font-size: calc(14 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(14 / 430 * 100cqw);
	line-height: 1.4;
}

.school_index_sublist dd {
	border-top: 1px dashed #ebf1f9;
	padding: calc(22 / 430 * 100vw) calc(18 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding: calc(22 / 430 * 100cqw) calc(18 / 430 * 100cqw);
	background: #fff;
}

.school_index_sublist a::after {
	border: 7px solid transparent;
	border-left-color: #3aa4e1; 
}

.school_index_sublist a {
	padding: calc(5 / 430 * 100vw) 0 calc(5 / 430 * 100vw) calc(22 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding: calc(5 / 430 * 100cqw) 0 calc(5 / 430 * 100cqw) calc(22 / 430 * 100cqw);
}

.school_index_sublist li + li {
	margin-top: calc(10 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	margin-top: calc(10 / 430 * 100cqw);
}

.school_lists a.__nolink:hover { color: inherit; cursor: default;}

.school_index_sublist a.__nolink::after { content: none;}

.school_lists .__comingsoon {
	text-align: center;
	font-weight: bold;
	font-size: calc(24 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(24 / 430 * 100cqw);
	padding-top: calc(6 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding-top: calc(6 / 430 * 100cqw);
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	position: relative; left: -0.9em;
}





/* ==========================================================

	セミナー情報

========================================================== */
.seminar { padding-top: 0; padding-bottom: 50px;}

.seminar .__summary { margin-bottom: 1rem;}

.seminar .__special {
	background: #eaf2f6;
	position: relative;
	border-radius: 0 10px 10px 10px;
	margin-top: 12vw; /* cqw未サポートiPhone15以前対策 */
	margin-top: 12cqw;
	padding: calc(32 / 430 * 100vw) calc(24 / 430 * 100vw) calc(24 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding: calc(32 / 430 * 100cqw) calc(24 / 430 * 100cqw) calc(24 / 430 * 100cqw);
}

.seminar .__special.__purple { background: #F7E9FC;}

.seminar .__special .__point {
	position: absolute; left: 0;
	top: calc(-1rem - 1vw); /* cqw未サポートiPhone15以前対策 */
	top: calc(-1rem - 1cqw);
	color: #fff;
	background:#3FA9F5 url(../img/lp/2023-05_fair/ico_airplane.png) no-repeat right 4vw center;
	background:#3FA9F5 url(../img/lp/2023-05_fair/ico_airplane.png) no-repeat right 4cqw center;
	background-size: 5vw auto; /* cqw未サポートiPhone15以前対策 */
	background-size: 5cqw auto;
	padding: 1vw 10vw 1vw 6vw; /* cqw未サポートiPhone15以前対策 */
	padding: 1cqw 10cqw 1cqw 6cqw;
	border-radius: calc(1px / 0);
	font-size: 13px;
	font-size: calc(13 / 430 * 100cqw); /* cqw未サポートiPhone15以前対策 */
}

.seminar .__special.__purple .__point { background-color: #B779CD;}

.seminar .__special h3 {
	color: #3169CF;
	line-height: 1.6;
	font-size: 22px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(22 / 430 * 100cqw);
	margin-bottom: 3vw; /* cqw未サポートiPhone15以前対策 */
	margin-bottom: 3cqw;
	letter-spacing: 0;
}

.seminar .__special.__purple h3 { color: #B779CD;}

.seminar .__special h3 span {
	display: block;
	font-size: 3.74vw; /* cqw未サポートiPhone15以前対策 */
	font-size: 3.74cqw;
}

.seminar .__special .__area { position: relative;}

.seminar .__special .__professor {
	margin-bottom: 16px;
}

.seminar .__special .__professor span {
	line-height: 1.5;
	display: flex;
	justify-content: flex-start; align-items: flex-end;
}

.seminar .__special .__photo {
	width: 30vw; /* cqw未サポートiPhone15以前対策 */
	width: 30cqw;
	position: absolute;
	top: -9vw; right: -2vw; /* cqw未サポートiPhone15以前対策 */
	top: -9cqw; right: -2cqw;
}

.seminar .__special .__professor span:nth-child(1) { font-size: 14px; font-size: calc(14 / 430 * 100cqw);}
.seminar .__special .__professor span:nth-child(2) span:nth-child(1) { font-size: 23px; font-size: calc(23 / 430 * 100cqw); font-weight: bold;}
.seminar .__special .__professor span:nth-child(2) span:nth-child(2) { font-size: 17px; font-size: calc(17 / 430 * 100cqw); position: relative; top: -1px; left: 2px;}

.seminar dl { margin-bottom: 24px;}

.seminar .__special .__text dl {
	font-size: 13px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(13 / 430 * 100cqw);
	letter-spacing: 0;
}

.seminar .__p-t {
	display: flex;
	flex-wrap: wrap; justify-content: flex-start; align-items: center;
}

.seminar .__p-t p { width: 48%;}

.seminar .__p-t .__place {
	font-size: 13px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(13 / 430 * 100cqw);
	border-radius: 5px;
	color: #fff;
	padding: 4px 2vw 5px; /* cqw未サポートiPhone15以前対策 */
	margin-right: 1vw; /* cqw未サポートiPhone15以前対策 */
	padding: 4px 2cqw;
	margin-right: 1cqw;
}

.seminar .__p-t .__place.__osaka {background: #3FA9F5;}
.seminar .__p-t .__place.__tokyo {background: #3169CF}

.seminar .__p-t .__time {
	font-size: 15px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(15 / 430 * 100cqw);
}





/* ==========================================================

	セミナースケジュール

========================================================== */
.schedule {
	padding-bottom: 10vw; /* cqw未サポートiPhone15以前対策 */
	padding-bottom: 10cqw;
}

.schedule .__timeline_wp {
	margin: 6vw -3vw; /* cqw未サポートiPhone15以前対策 */
	margin: 6cqw -3cqw;
}

.schedule h3 {
	background-color: #3169CF;
	color: #fff;
	text-align: center;
	border-radius: 10px;
    cursor: pointer;
    font-weight: bold;
    padding: 20px 90px 20px 30px;
    position: relative;
    line-height: 1.5;
}

.schedule h3::before {
    content: '';
    background-color: #fff;
    height: 2px;
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translateY(-50%);
    width: 16px;
}

.schedule h3::after {
    content: '';
    background-color: #fff;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 30px;
    transform-origin: center;
    transition: transform 0.2s;
    transform: translateY(-50%);
    width: 2px;
}
.schedule h3.is-open::after {
    transform: translateY(-50%) rotate(90deg);
}

.schedule .__timeline {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	position: relative;
	padding-top: 8vw; padding-bottom: 2vw; /* cqw未サポートiPhone15以前対策 */
	padding-top: 8cqw; padding-bottom: 2cqw;
}

.schedule .__timeline::before {
	content: '';
	display: block;
	height: calc(100% - 26vw); /* cqw未サポートiPhone15以前対策 */
	height: calc(100% - 26cqw);
	border: 1px solid #dce9f0;
	position: absolute;
	top: 14vw; right: 85.5vw;
	top: 14cqw; right: 85.5cqw; /* cqw未サポートiPhone15以前対策 */
}

.schedule .__timeline .__tl_r {
	display: flex;
	justify-content: flex-end; align-items: flex-start;
}

.schedule .__timeline .__box {
	width: 77.6vw; /* cqw未サポートiPhone15以前対策 */
	width: 77.6cqw;
	padding: calc(18 / 430 * 100vw) 3vw 4vw; /* cqw未サポートiPhone15以前対策 */
	padding: calc(18 / 430 * 100cqw) 3cqw 4cqw;
	margin-bottom: 8vw; /* cqw未サポートiPhone15以前対策 */
	margin-bottom: 8cqw;
	font-size: 14px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(14 / 430 * 100cqw);
	border-radius: 10px;
	box-sizing: border-box;
	position: relative;
}

.schedule .__timeline .__box::after {
	content: '';
	border-top: 2vw solid transparent; /* cqw未サポートiPhone15以前対策 */
	border-top: 2cqw solid transparent;
	border-bottom: 2vw solid transparent; /* cqw未サポートiPhone15以前対策 */
	border-bottom: 2cqw solid transparent;
	position: absolute; top: 20px;
}

.schedule .__timeline .__tl_r .__box::after { left: -3.8vw; left: -3.8cqw;}
.schedule .__timeline .__box.__cyan { background: #e2fbfd;}
.schedule .__timeline .__box.__blue { background: #edf3ff;}
.schedule .__timeline .__box.__purple { background: #f7e9fc;}
.schedule .__timeline .__tl_r .__box.__cyan::after { border-right: 26px solid #e2fbfd;}
.schedule .__timeline .__tl_r .__box.__blue::after { border-right: 4vw solid #edf3ff; border-right: 4cqw solid #edf3ff;}
.schedule .__timeline .__tl_r .__box.__purple::after { border-right: 4vw solid #F7E9FC; border-right: 4cqw solid #F7E9FC;}

.schedule .__timeline .__box h4 {
	font-size: calc(26 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(26 / 430 * 100cqw);
	line-height: 1.4;
}

.schedule .__timeline .__box h5 { font-size: 20px; margin-bottom: 8px;}

.schedule .__timeline .__box.__cyan h4,
.schedule .__timeline .__box.__cyan h5   { color: #00BDCE;}
.schedule .__timeline .__box.__blue h4,
.schedule .__timeline .__box.__blue h5   { color: #5481DB;}
.schedule .__timeline .__box.__azure h4,
.schedule .__timeline .__box.__azure h5  { color: #3FA9F5;}
.schedule .__timeline .__box.__purple h4,
.schedule .__timeline .__box.__purple h5 { color: #B779CD;}

.schedule .__timeline .__box h4 .__small {
	display: inline-block;
	font-size: 3.74vw; /* cqw未サポートiPhone15以前対策 */
	font-size: 3.74cqw;
	line-height: 1.4;
}

.schedule .__timeline .__box h4 .__sub {
	display: block;
	margin-top: 5px;
	font-size: calc(19 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(19 / 430 * 100cqw);
}

.schedule .__timeline .__box h4 .__fz22 {
	font-size: calc(22 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(22 / 430 * 100cqw);
}

.schedule .__timeline .__box.__cyan .__target span.__small:nth-of-type(1)  { color: #333; margin-left: 3px;}

.schedule .__timeline .__box .__time {
	font-family: 'Roboto', sans-serif;
	position: absolute;
	top: -2vw; /* cqw未サポートiPhone15以前対策 */
	top: -2cqw;
	color: #3169CF;
	font-weight: bold;
}

.schedule .__timeline .__tl_r .__box .__time { left: -8vw; left: -8cqw; transform: translateX(-50%);}

.schedule .__timeline .__target2c {
	margin-top: 3vw; /* cqw未サポートiPhone15以前対策 */
	margin-top: 3cqw;
}

.schedule .__timeline .__target2c .__box {
	padding-top: 7vw; /* cqw未サポートiPhone15以前対策 */
	padding-top: 7cqw;
}

.schedule .__timeline .__box .__time::after {
	content: '';
	display: block;
	width: 3vw; height: 3vw; /* cqw未サポートiPhone15以前対策 */
	width: 3cqw; height: 3cqw;
	border-radius: 3vw;
	border-radius: 3cqw; /* cqw未サポートiPhone15以前対策 */
	background: #FFD71A;
	position: absolute; left: 50%;
	transform: translateX(-50%);
	bottom: -3vw; /* cqw未サポートiPhone15以前対策 */
	bottom: -3cqw;
}

.schedule .__timeline .__box .__target {
	max-width: 95%;
	position: absolute; top: 0; left: 0;
	padding: 0 calc(28 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding: 0 calc(28 / 430 * 100cqw);
	color: #fff;
	border-radius: calc(1px / 0);
	transform: translate(8px, -50%);
}

.schedule .__timeline .__box .__target span {
	font-size: calc(12 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(12 / 430 * 100cqw);
	display: block;
	line-height: 1.3;
	padding-top: 4px;
}

.schedule .__timeline .__box.__cyan .__target   { background: #00BDCE;}
.schedule .__timeline .__box.__blue .__target   { background: #5481DB;}
.schedule .__timeline .__box.__purple .__target { background: #B779CD;}

.schedule .__timeline .__box .__timeSlot {
	font-size: 3.73vw; /* cqw未サポートiPhone15以前対策 */
	font-size: 3.73cqw;
	margin-top: 5px; margin-bottom: 5px;
	font-weight: bold;
}

.schedule .btn-set_here {
	margin-top: calc(48 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	margin-top: calc(48 / 430 * 100cqw);
}




/* ==========================================================

	会場の歩き方

========================================================== */
.how-to .__box {
	border-radius: 10px;
	padding-top: 0; padding-bottom: 0;
	background: #fff;
	margin-bottom: 8vw; /* cqw未サポートiPhone15以前対策 */
	margin-bottom: 8cqw;
}

.js-acc_btn { cursor: pointer;}

.how-to .__box1,
.how-to .__box1 .__click .__ico { border: 3px solid #00BDCE;}
.how-to .__box2,
.how-to .__box2 .__click .__ico { border: 3px solid #3FA9F5;}
.how-to .__box3,
.how-to .__box3 .__click .__ico { border: 3px solid #B779CD;}

.how-to .__box3 {
	margin-bottom: 18vw; /* cqw未サポートiPhone15以前対策 */
	margin-bottom: 18cqw;
}

.how-to .__box .__click {
	width: 10.67vw; /* cqw未サポートiPhone15以前対策 */
	width: 10.67cqw;
	margin-right: auto; margin-left: auto;
}

.how-to .__box .__click .__ico {
	position: relative;
	display: block;
	width: 10.67vw; height: 10.67vw; /* cqw未サポートiPhone15以前対策 */
	width: 10.67cqw; height: 10.67cqw;
	border-radius: 50%;
}

.how-to .__box .__click .__ico::before,
.how-to .__box .__click .__ico::after  {
	content: '';
	border-radius: 3px;
	position: absolute; left: 50%; top: 50%;
	transform: translate(-50%, -50%);
}

.how-to .__box .__click .__ico::before {
    width: 4.27vw; /* cqw未サポートiPhone15以前対策 */
	width: 4.27cqw;
	height: 3px;
}

.how-to .__box .__click .__ico::after {
    width: 3px;
	height: 4.27vw; /* cqw未サポートiPhone15以前対策 */
	height: 4.27cqw;
    transform-origin: center;
    transition: transform 0.2s;
}

.how-to .__box .is-open .__click .__ico::after {
    transform: translateY(-50%) rotate(90deg);
}

.how-to .__box1 .__click .__ico::before,
.how-to .__box1 .__click .__ico::after { background: #00BDCE;}
.how-to .__box2 .__click .__ico::before,
.how-to .__box2 .__click .__ico::after { background: #3FA9F5;}
.how-to .__box3 .__click .__ico::before,
.how-to .__box3 .__click .__ico::after { background: #B779CD;}

.how-to .__box1 .__click .__txt { color: #00BDCE;}
.how-to .__box2 .__click .__txt { color: #3FA9F5;}
.how-to .__box3 .__click .__txt { color: #B779CD;}

.how-to .__box .__click .__txt { display: block; text-align: center;}
.how-to .__box .__click .__txt::before { content: 'tap';}
.how-to .__box .is-open .__click .__txt::before { content: 'close';}

.how-to .__box .__pattern .__img {
	width: 26.67vw; /* cqw未サポートiPhone15以前対策 */
	width: 26.67cqw;
	height: auto;
	margin-right: auto; margin-left: auto;
}

.how-to .__box .__pattern .__text { text-align: center;}

.how-to .__box .__pattern .__text h3 {
	font-size: 4.8vw; /* cqw未サポートiPhone15以前対策 */
	font-size: 4.8cqw;
	font-weight: bold;
	margin-top: 2vw; margin-bottom: 4.27vw; /* cqw未サポートiPhone15以前対策 */
	margin-top: 2cqw; margin-bottom: 4.27cqw;
	text-align: center;
}

.how-to .__box .__pattern .__text .__progress img {
	width: 58.7vw; /* cqw未サポートiPhone15以前対策 */
	width: 58.7cqw;
}


/* .__contetns
===========================================*/
.how-to .__contents {
	position: relative;
	padding-top: 8vw; /* cqw未サポートiPhone15以前対策 */
	padding-top: 8cqw;
}

.how-to .__contents::before {
	content: '';
	width: 100%; height: 9px;
	background-size: 9px 9px;
    background-repeat: repeat-x;
	position: absolute; left: 0; top: -3px;
}

.how-to .__box1 .__contents::before { background-image: radial-gradient(#00BDCE 15%, transparent 30%);}
.how-to .__box2 .__contents::before { background-image: radial-gradient(#3FA9F5 15%, transparent 30%);}
.how-to .__box3 .__contents::before { background-image: radial-gradient(#B779CD 15%, transparent 30%);}

.how-to .__contents .__step {
	background: url(../img/lp/2023-05_fair/step_arrow.png) no-repeat center bottom;
	padding-right: 5vw; padding-bottom: 13.34vw; padding-left: 5vw; /* cqw未サポートiPhone15以前対策 */
	padding-right: 5cqw; padding-bottom: 13.34cqw; padding-left: 5cqw;
	margin-bottom: 5.34vw; /* cqw未サポートiPhone15以前対策 */
	margin-bottom: 5.34cqw;
	background-size: 23.33vw auto; /* cqw未サポートiPhone15以前対策 */
	background-size: 23.33cqw auto;
}

.how-to .__contents .__step.__arr_non { background: none; margin-bottom: 0;}

.how-to .__contents .__step .__title {
	margin-bottom: 2.66vw; /* cqw未サポートiPhone15以前対策 */
	margin-bottom: 2.66cqw;
}

.how-to .__contents .__step .__title > span {
	display: block;
	font-size: 5.34vw; /* cqw未サポートiPhone15以前対策 */
	font-size: 5.34cqw;
}

.how-to .__contents .__step .__title .__num {
	background: #FABF00;
	color: #fff;
	width: 11.47vw; height: 11.47vw; /* cqw未サポートiPhone15以前対策 */
	width: 11.47cqw; height: 11.47cqw;
	border-radius: 50%;
	display: flex;
	justify-content: center; align-items: center;
}

.how-to .__contents .__step .__text .__have-time {
	color: #3FA9F5;
	font-weight: bold;
	font-size: 4vw; /* cqw未サポートiPhone15以前対策 */
	font-size: 4cqw;
	margin-top: 8vw; margin-bottom: -8vw; /* cqw未サポートiPhone15以前対策 */
	margin-top: 8cqw; margin-bottom: -8cqw;
	text-align: center;
}

.how-to .__contents .__message {
	text-align: center;
	position: relative;
	width: 90%;
	margin-right: auto; margin-left: auto;
}

.how-to .__contents .__message .__grand {
	font-size: 6.66vw; /* cqw未サポートiPhone15以前対策 */
	font-size: 6.66cqw;
}

.how-to .__contents .__message .__normal  {
	font-size: 4.8vw; /* cqw未サポートiPhone15以前対策 */
	font-size: 4.8cqw;
}

.how-to .__contents .__message::before,
.how-to .__contents .__message::after {
	content: '';
	display: block;
	width: 94px; height: 3px;
	background: #FABF00;
	position: absolute;
	bottom: 40vw; /* cqw未サポートiPhone15以前対策 */
	bottom: 40cqw;
}

.how-to .__contents .__message::before { transform: rotate(70deg); left: -9vw; transform: rotate(70deg); left: -9cqw;}
.how-to .__contents .__message::after  { transform: rotate(-70deg); right: -9vw; transform: rotate(-70deg); right: -9cqw;}

.how-to .__contents .__message p  { font-weight: bold;}

.how-to .__contents .__message img {
	width: 40vw; /* cqw未サポートiPhone15以前対策 */
	width: 40cqw;
	height: auto;
	margin-left: 46vw; /* cqw未サポートiPhone15以前対策 */
	margin-left: 46cqw;
}

.how-to .__contents .__btn {
	display: flex;
	justify-content: center; align-items: center;
	margin-top: 20px;
}

.how-to .__contents .btn_detail { font-size: 14px;}



/* 各section別
=======================*/
.how-to .__contents .__special {
	position: relative;
    margin-top: 53px;
	margin-right: -5vw; margin-left: -5vw; /* cqw未サポートiPhone15以前対策 */
	margin-right: -5cqw; margin-left: -5cqw;
    padding: 42px 10%;
    background: #ECFCFE;
}

.how-to .__contents .__special .__point {
    position: absolute;
    left: 0;
    top: calc(-1rem - 1vw); /* cqw未サポートiPhone15以前対策 */
	top: calc(-1rem - 1cqw);
    color: #fff;
    padding: 1vw 10vw 1vw 8vw; /* cqw未サポートiPhone15以前対策 */
	padding: 1cqw 10cqw 1cqw 8cqw;
    border-radius: 0 40px 40px 0;
    background: #00BDCE url(../img/lp/2023-05_fair/ico_airplane.png) no-repeat right 20px center;
    background-size: 5vw auto; /* cqw未サポートiPhone15以前対策 */
	background-size: 5cqw auto;
	font-size: 20px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(20 / 430 * 100cqw);
}

.how-to .__contents .__special h3 {
    color: #00BDCE;
    line-height: 1.6;
    font-size: 5.34vw;
	font-size: 5.34cqw;
}

.how-to .__contents .__special .__p-t {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
	margin-top: 24px; margin-bottom: 33px;
}

.how-to .__contents .__special .__p-t p { margin-bottom: 2px;}

.how-to .__contents .__special .__p-t .__place {
    font-size: 3.2vw; /* cqw未サポートiPhone15以前対策 */
	font-size: 3.2cqw;
    border-radius: 5px;
    color: #fff;
    padding: 4px 20px 5px;
    margin-right: 10px;
}

.how-to .__contents .__special .__p-t .__place.__osaka { background: #3FA9F5;}
.how-to .__contents .__special .__p-t .__place.__tokyo { background: #3169CF;}

.how-to .__contents .__special .__p-t .__time {
	font-size: 3.74vw; /* cqw未サポートiPhone15以前対策 */
	font-size: 3.74cqw;
}

.how-to .__contents .__hint {
	padding: 8.53vw 6vw; /* cqw未サポートiPhone15以前対策 */
	padding: 8.53cqw 6cqw;
	margin-bottom: 8vw; /* cqw未サポートiPhone15以前対策 */
	margin-bottom: 8cqw;
}

.how-to .__box2 .__contents .__hint { background: #F1F6F9;}
.how-to .__box3 .__contents .__hint { background: #FBF3FD;}

.how-to .__contents .__hint h4 {
	font-size: 5.34vw; /* cqw未サポートiPhone15以前対策 */
	font-size: 5.34cqw;
	margin-bottom: 14px;
}

.how-to .__box2 .__contents .__hint h4 { color: #3FA9F5; letter-spacing: -0.01em;}
.how-to .__box3 .__contents .__hint h4 { color: #B779CD;}





/* ==========================================================

	豪華来場特典

========================================================== */
.novelty {
	padding-bottom: calc(210 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding-bottom: calc(210 / 430 * 100cqw);;
}

.novelty .__container {
	margin-right: -4vw; margin-left: -4vw; /* cqw未サポートiPhone15以前対策 */
	margin-right: -4cqw; margin-left: -4cqw;
}

.novelty h2 {
	margin-top: 8vw; margin-bottom: 12vw; /* cqw未サポートiPhone15以前対策 */
	margin-top: 8cqw; margin-bottom: 12cqw;
}

.novelty .setA {
	top: -15.5vw; right: -20vw; /* cqw未サポートiPhone15以前対策 */
	top: -15.5cqw; right: -20cqw;
}

.novelty .__block { 
	margin: 8vw 1vw 0; /* cqw未サポートiPhone15以前対策 */
	margin: 8cqw 1cqw 0;
	padding: 9vw 5vw 5vw 5vw; /* cqw未サポートiPhone15以前対策 */
	padding: 9cqw 5cqw 5cqw 5cqw;
	background: #fff;
	border-radius: 10px;
	position: relative;
}

.novelty .swiper-slide .__block {
	/* swiper高さ揃え訂正 */
	height: calc(100% - 8vw); /* cqw未サポートiPhone15以前対策 */
	height: calc(100% - 8cqw);
}

.novelty .__special {
	background: #EB3943;
	border-radius: 8vw; /* cqw未サポートiPhone15以前対策 */
	border-radius: 8cqw;
	padding-bottom: 3pw;
	padding-right: 8vw; padding-bottom: 3px; padding-left: 7vw; /* cqw未サポートiPhone15以前対策 */
	padding-right: 8cqw; padding-bottom: 3cqx; padding-left: 7cqw;
	display: flex;
	justify-content: flex-start; align-items: center;
	position: absolute;
	top: -4vw; /* cqw未サポートiPhone15以前対策 */
	top: -4cqw;
}

.novelty .__special span:nth-child(1) {
	color: #fff;
	font-size: 16px;
	position: relative; top: 1px;
	margin-right: 1vw;
	margin-right: 1cqw;
}

.novelty .__special span:nth-child(2) {
	color: #FFD71A;
	font-size: 33px;
	line-height: 1;
	font-weight: bold;
}

.novelty .ttl-set_novelty {
	margin-bottom: calc(8 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	margin-bottom: calc(8 / 430 * 100cqw);
	line-height: 1.4;
	font-weight: 500;
}

.novelty .ttl-set_novelty p {
	color: #3FA9F5;
	font-weight: 500;
	font-size: calc(20 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(20 / 430 * 100cqw);
	margin-bottom: calc(8 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	margin-bottom: calc(8 / 430 * 100cqw);
}

.novelty .ttl_novelty {
	font-weight: 900;
	color: #DC000C;
}

.ttl_novelty.--df {
	display: flex;
	align-items: center;
}

.novelty .ttl_novelty .__sub {
	font-size: calc(21 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(21 / 430 * 100cqw);
}

.novelty .__novelty2 .ttl_novelty .__sub { line-height: 1.2;}

.novelty .ttl_novelty .__main {
	display: flex;
	align-items: baseline;
	line-height: 1.2;
}

.novelty .ttl_novelty .__prefix {
	width: calc(72 / 430 * 100vw); height: calc(72 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	width: calc(72 / 430 * 100cqw); height: calc(72 / 430 * 100cqw);
	display: flex;
	justify-content: center; align-items: center;
	color: #fff;
	font-weight: 700;
	font-size: calc(14 / 430 * 100vw); font-size: calc(14 / 430 * 100cqw);
	margin-right: calc(12 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	margin-right: calc(12 / 430 * 100cqw);
	border-radius: 50%;
}

.novelty .ttl_novelty .__prefix.--cyan { background: #00BACB;}
.novelty .ttl_novelty .__prefix.--blue { background: #5481DB;}

.novelty .ttl_novelty .__vertical { writing-mode: vertical-rl;}
.novelty .ttl_novelty .__fw700 { font-weight: 700;}

.novelty .__fz14 { font-size: calc(14 / 430 * 100vw); font-size: calc(14 / 430 * 100cqw);}
.novelty .__fz17 { font-size: calc(17 / 430 * 100vw); font-size: calc(17 / 430 * 100cqw);}
.novelty .__fz24 { font-size: calc(24 / 430 * 100vw); font-size: calc(24 / 430 * 100cqw);}
.novelty .__fz25 { font-size: calc(25 / 430 * 100vw); font-size: calc(25 / 430 * 100cqw);}
.novelty .__fz30 { font-size: calc(30 / 430 * 100vw); font-size: calc(30 / 430 * 100cqw);}
.novelty .__fz31 { font-size: calc(31 / 430 * 100vw); font-size: calc(31 / 430 * 100cqw);}
.novelty .__fz38 { font-size: calc(38 / 430 * 100vw); font-size: calc(38 / 430 * 100cqw);}
.novelty .__fz42 { font-size: calc(42 / 430 * 100vw); font-size: calc(42 / 430 * 100cqw);}
.novelty .__fz57 { font-size: calc(57 / 430 * 100vw); font-size: calc(57 / 430 * 100cqw);}
.novelty .__fz63 { font-size: calc(63 / 430 * 100vw); font-size: calc(63 / 430 * 100cqw);}

.novelty .ttl_novelty .__mr5 { margin-right: 5px;}

.novelty .ttl_novelty .ff_roboto { letter-spacing: -0.05em;}

.novelty .__novelty_text { margin-bottom: 3vw; margin-bottom: 3cqw;}

.novelty .__novelty2 .__novelty_text { line-height: 1.6;}

.novelty .__novelty_rebate {
	border-radius: 4px;
	opacity: 0.8;
	background: #FFEDED;
	padding-top: 8px; padding-bottom: 12px;
	margin-bottom: calc(12 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	margin-bottom: calc(12 / 430 * 100cqw);
}

.novelty .__img {
	margin-bottom: calc(16 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	margin-bottom: calc(16 / 430 * 100cqw);
}

.novelty .__img img { width: 100%; height: auto;}

.novelty .__novelty_rebate .__table {
	display: table;
	margin-right: auto; margin-left: auto;
	letter-spacing: -1px;
}

.novelty .__novelty_rebate .__table div {
	display: table-row;
	font-weight: 700;
}

.novelty .__novelty_rebate .__table dt,
.novelty .__novelty_rebate .__table dd { display: table-cell;}

.novelty .__novelty_rebate .__table dt {
	position: relative;
	padding-left: 0.8em;
}

.novelty .__novelty_rebate .__table dt::before {
	content: '';
	display: block;
	position: absolute; top: 50%; left: 0;
	width: 0.3em; height: 0.3em;
	background: #DC000C;
	border-radius: 50%;
}

.novelty .__novelty_rebate .__table dd {
	text-align: right;
	color: #DC000C;
	padding-left: 1.5em;
}

.novelty .__novelty_rebate .__table dd .__fz21 {
	font-size: 21px;
}

.novelty .__block .notes { line-height: 1.4;}




/* ==========================================================

	参加方法

========================================================== */
.step {
	padding-top: 10vw; /* cqw未サポートiPhone15以前対策 */
	padding-top: 10cqw;
}

.step .__number {
	display: inline-block;
	background: #FABF00;
	width: 11.46vw; height: 11.46vw; /* cqw未サポートiPhone15以前対策 */
	width: 11.46cqw; height: 11.46cqw;
	border-radius: 11.46vw; /* cqw未サポートiPhone15以前対策 */
	border-radius: 11.46cqw;
	color: #fff;
	display: flex;
	justify-content: center; align-items: center;
	font-size: 21px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(21 / 430 * 100cqw);
}

.step .__text {
	font-size: calc(21 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(21 / 430 * 100cqw);
	font-weight: bold;
}

.step .__text span { color: #3FA9F5;}

.step .__arr {
	width: 22.6vw; /* cqw未サポートiPhone15以前対策 */
	width: 22.6cqw;
	display: block;
	margin-right: auto; margin-left: auto;
}

.step .__step1 {
	background-image: url(../img/lp/2026-10_fair/step01.png);
	background-repeat: no-repeat;
	background-position: right 5.3vw; /* cqw未サポートiPhone15以前対策 */
	background-position: right 5.3cqw;
	background-size: 37.3vw auto; /* cqw未サポートiPhone15以前対策 */
	background-size: 37.3cqw auto;
	padding-bottom: 22vw; /* cqw未サポートiPhone15以前対策 */
	padding-bottom: 22cqw;
}

.step .__step2 {
	background-image: url(../img/lp/2026-10_fair/step02.png);
	background-repeat: no-repeat;
	background-position: right 5.3vw; /* cqw未サポートiPhone15以前対策 */
	background-position: right 5.3cqw;
	background-size: 35.4vw auto; /* cqw未サポートiPhone15以前対策 */
	background-size: 35.4cqw auto;
}

.step .__step3 {
	background-image: url(../img/lp/2026-10_fair/step03.png);
	background-repeat: no-repeat;
	background-position: right 5.3vw; /* cqw未サポートiPhone15以前対策 */
	background-position: right 5.3cqw;
	background-size: calc(159 / 430 * 100vw) auto; /* cqw未サポートiPhone15以前対策 */
	background-size: calc(159 / 430 * 100cqw) auto;
	padding-bottom: 8vw; /* cqw未サポートiPhone15以前対策 */
	padding-bottom: 8cqw;
}

.step .fadeDown {
	margin-top: 10vw; margin-bottom: 8vw; /* cqw未サポートiPhone15以前対策 */
	margin-top: 10cqw; margin-bottom: 8cqw;
}






/* ==========================================================

	来場者の声

========================================================== */
.voice { padding-bottom: 15vw; padding-bottom: 15cqw;}

.voice .title_je .__ja span:nth-child(1) { color: #3FA9F5;}
.voice .title_je .__ja span:nth-child(2) { color: #DC000C;}

.voice .__summary {
	margin-bottom: 8vw; /* cqw未サポートiPhone15以前対策 */
	margin-bottom: 8cqw;
}

.voice .__block { 
	margin-right: 1vw; margin-bottom: 0; margin-left: 1vw; /* cqw未サポートiPhone15以前対策 */
	margin-right: 1cqw; margin-bottom: 0; margin-left: 1cqw;
	padding: 8vw 5vw 21.33vw; /* cqw未サポートiPhone15以前対策 */
	padding: 8cqw 5cqw 21.33cqw;
	background: #fff;
	border-radius: 10px;
	position: relative;
	display: flex;
	flex-wrap: wrap; justify-content: space-between; align-items: flex-start;
	letter-spacing: 0;
}

.voice .__block .__text {
	font-size: 3.74vw; /* cqw未サポートiPhone15以前対策 */
	font-size: 3.74cqw;
}

.voice .__block .__text h3 {
	font-size: 5.34vw; /* cqw未サポートiPhone15以前対策 */
	font-size: 5.34cqw;
	margin-bottom: 2.66vw; /* cqw未サポートiPhone15以前対策 */
	margin-bottom: 2.66cqw;
}

.voice .__block.__odd .__text h3  { color: #3169CF;}
.voice .__block.__even .__text h3 { color: #3FA9F5;}

.voice .__block .__name {
	font-weight: bold;
	margin-top: 5.34vw; /* cqw未サポートiPhone15以前対策 */
	margin-top: 5.34cqw;
	position: absolute; bottom: 13cqw;
}

.voice .__block.__odd .__name { left: 4.5vw; left: 4.5cqw;}
.voice .__block.__even .__name { right: 4.5vw; right: 4.5cqw;}

.voice .__block img {
	width: 26.67vw; /* cqw未サポートiPhone15以前対策 */
	width: 26.67cqw;
}

.voice .__block.__odd img  {
	position: absolute; bottom: 0;
	right: 5vw; /* cqw未サポートiPhone15以前対策 */
	right: 5cqw;
}

.voice .__block.__even img {
	position: absolute; bottom: 0;
	left: 5vw; /* cqw未サポートiPhone15以前対策 */
	left: 5cqw;
}





/* ==========================================================

	会場アクセス

========================================================== */
.access {
	padding: 16vw 0 4vw; /* cqw未サポートiPhone15以前対策 */
	padding: 16cqw 0 4cqw;
}

.access section {
	background: #fff;
	padding: 12vw 4vw 4vw; /* cqw未サポートiPhone15以前対策 */
	padding: 12cqw 4cqw 4cqw;
	position: relative;
	border-radius: 10px;
	margin-right: -4vw; margin-left: -4vw; margin-bottom: 15vw; /* cqw未サポートiPhone15以前対策 */
	margin-right: -4cqw; margin-left: -4cqw; margin-bottom: 15cqw;
}

.access section::before {
	content: '';
	display: block;
	width: 9.3vw; height: 12.2vw; /* cqw未サポートiPhone15以前対策 */
	width: 9.3cqw; height: 12.2cqw;
	background: url(../img/lp/2023-05_fair/ico_gps.png) no-repeat;
	background-size: cover;
	position: absolute;
	left: calc(50% - 4.65vw); top: -3.2vw; /* cqw未サポートiPhone15以前対策 */
	left: calc(50% - 4.65cqw); top: -3.2cqw;
}

.access h3 {
	color: #3FA9F5;
	font-size: 33px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(33 / 430 * 100cqw);
	text-align: center;
	margin-bottom: 10px;
}

.access h4 {
	font-family: 'Roboto', sans-serif;
	display: flex;
	flex-wrap: wrap; justify-content: center; align-items: flex-end;
	line-height: 1;
	letter-spacing: 0;
	margin-bottom: 1vw; /* cqw未サポートiPhone15以前対策 */
	margin-bottom: 1cqw;
}

.access h4 span:nth-child(1) {
	font-size: 47px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(47 / 430 * 100cqw);
}

.access h4 span:nth-child(2) {
	font-size: 18px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(18 / 430 * 100cqw);
	font-weight: normal; position: relative; top: -2px;
}

.access p {
	margin-right: 4vw; margin-left: 4vw; /* cqw未サポートiPhone15以前対策 */
	margin-right: 4cqw; margin-left: 4cqw;
}

.access .__time { font-weight: 500;}

.access .__img img { border-radius: 10px;}

.access .__time span:nth-child(1) {
	font-size: calc(23 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(23 / 430 * 100cqw);
	margin-right: 0.2em;
}

.access .__time span:nth-child(2) {
	font-size: calc(16 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(16 / 430 * 100cqw);
	letter-spacing: -1px;
}

.access .__text .__btn {
	margin-top: 2vw; margin-bottom: 2vw; /* cqw未サポートiPhone15以前対策 */
	margin-top: 2cqw; margin-bottom: 2cqw;
}

.access .__venue {
	display: inline-block;
	background: #3FA9F5;
	color: #fff;
	text-align: center;
	border-radius: 7vw; /* cqw未サポートiPhone15以前対策 */
	border-radius: 7cqw;
	padding-left: 5vw; padding-right: 5vw; /* cqw未サポートiPhone15以前対策 */
	padding-left: 5cqw; padding-right: 5cqw;
	font-size: 13px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(13 / 430 * 100cqw); 
	margin-top: 2vw; /* cqw未サポートiPhone15以前対策 */
	margin-top: 2cqw;
	margin-bottom: 10px;
}

.access .__place {
	font-size: 19px;
	font-size: calc(19 / 430 * 100cqw); /* cqw未サポートiPhone15以前対策 */
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 1vw;
}

.access .__place span {
	display: block;
	font-size: 16px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(16 / 430 * 100cqw);
}

.access .__access {
	font-size: 14px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(14 / 430 * 100cqw);
	margin-bottom: 3vw; /* cqw未サポートiPhone15以前対策 */
	margin-bottom: 3cqw;
}

.access .__map {
	margin-top: 3vw; margin-bottom: 4vw; /* cqw未サポートiPhone15以前対策 */
	margin-top: 3cqw; margin-bottom: 4cqw;
	display: flex;
	justify-content: flex-end; align-items: center;
	font-size: 12px; /* cqw未サポートiPhone15以前対策 */
	font-size: 3.2cqw;
	min-height: 5.4vw; /* cqw未サポートiPhone15以前対策 */
	min-height: 5.4cqw;
	font-weight: bold;
}

.access .__map a {
	color: inherit;
	text-decoration: none;
	background: url(../img/lp/2023-05_fair/ico_arrow_blue.png) no-repeat right 1px center;
	background-size: 25px 25px;
	padding-right: 30px;
	line-height: 27px;
}

.access .__btn a {
	display: block;
	width: 76vw; /* cqw未サポートiPhone15以前対策 */
	width: 76cqw;
	margin-right: auto; margin-left: auto;
	padding-top: 3.8vw; padding-bottom: 3.8vw;
	padding-top: 3.8cqw; padding-bottom: 3.8cqw;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px;
	text-align: center;
	letter-spacing: 0;
}

.access .youtube { margin-bottom: 20px;}

.btn_reserve {
	background-color: #EB3943;
	background-image: url(../img/lp/2023-05_fair/ico_arrow_white.png);
	background-repeat: no-repeat;
	background-position: right 6vw center; /* cqw未サポートiPhone15以前対策 */
	background-position: right 6cqw center;
	background-size: 5.3vw auto; /* cqw未サポートiPhone15以前対策 */
	background-size: 5.3cqw auto;
	color: #fff;
}





/* ==========================================================

	よくあるご質問

========================================================== */
.faq {
	padding-top: 16vw; /* cqw未サポートiPhone15以前対策 */
	padding-top: 16cqw;
}

.faq dl {
	position: relative; z-index: 10;
	margin-right: -4vw; margin-left: -4vw; /* cqw未サポートiPhone15以前対策 */
	margin-right: -4cqw; margin-left: -4cqw;
}

.faq dt {
    background-color: #ebf1f9;
    cursor: pointer;
    display: flex;
    align-items: stretch;
    font-weight: bold;
    padding: 4.5vw 15vw 3vw 4vw; /* cqw未サポートiPhone15以前対策 */
	padding: 4.5cqw 15cqw 3cqw 4cqw;
    position: relative;
	margin-top: 6vw; /* cqw未サポートiPhone15以前対策 */
	margin-top: 6cqw;
	line-height: 1.5;
	border-radius: 10px;
}

.faq dt span:nth-child(1) {
	color: #fff;
	font-family: 'Comfortaa', cursive;
	font-weight: 500;
	font-size: 5.33vw; /* cqw未サポートiPhone15以前対策 */
	font-size: 5.33cqw;
	margin-right: 3vw; /* cqw未サポートiPhone15以前対策 */
	margin-right: 3cqw;
	position: relative;
	top: -0.3vw; /* cqw未サポートiPhone15以前対策 */
	top: -0.3cqw;
}

.faq dt span:nth-child(2) {
	color: #3169CF;
	flex: 1;
	font-size: 3.73vw; /* cqw未サポートiPhone15以前対策 */
	font-size: 3.73cqw;
} 

.faq dt::before {
    content: '';
    background-color: #abc0df;
    height: 2px;
    position: absolute; top: 50%; right: 22px;
    transform: translateY(-50%);
    width: 17px;
}

.faq dt::after {
	content: '';
    background-color: #abc0df;
    height: 17px;
	position: absolute; top: 50%; right: 30px;
    transform-origin: center;
    transition: transform 0.2s;
	transform: translateY(-50%);
    width: 2px;
}

.faq dt.is-open::after {
    transform: translateY(-50%) rotate(90deg);
}

.faq dd {
	padding: 4vw; /* cqw未サポートiPhone15以前対策 */
	padding: 4cqw;
	font-size: 3.73vw; /* cqw未サポートiPhone15以前対策 */
	font-size: 3.73cqw;
}





/* ==========================================================

	主催・協賛

========================================================== */
.sponsor {
	position: relative;
	padding-right: 0;
	padding-left: 4vw; /* cqw未サポートiPhone15以前対策 */
	padding-left: 4cqw;
}

.sponsor .setA {
	top: -3vw; right: -11vw; /* cqw未サポートiPhone15以前対策 */
	top: -3cqw; right: -11cqw;
}

.sponsor .__block {
	background: #3169CF;
	color: #fff;
	border-radius: 10px 0 0 10px;
	padding: 16vw 4vw 16vw 8vw; /* cqw未サポートiPhone15以前対策 */
	padding: 16cqw 4cqw 16cqw 8cqw;
	line-height: 2;
}

.sponsor h2 {
	font-size: 33px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(33 / 430 * 100cqw);
	margin-bottom: 3vw; /* cqw未サポートiPhone15以前対策 */
	margin-bottom: 3cqw;
}

.sponsor .__block p {
	margin-bottom: 2vw; /* cqw未サポートiPhone15以前対策 */
	margin-bottom: 2cqw;
}





/* ==========================================================

	フェアに関するお問合せ

========================================================== */
.contact {
	border-top: 2px solid #DCE9F0;
	border-bottom: 2px solid #DCE9F0;
	text-align: center;
	padding-top: 0; padding-bottom: 0;
}

.contact .lp_wrapper { padding-top: 70px; padding-bottom: 70px;}

.contact h2 {
	font-size: 19px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(19 / 430 * 100cqw);
	margin-bottom: 6.6vw; /* cqw未サポートiPhone15以前対策 */
	margin-bottom: 6.6cqw;
}

.btn_contact {
	border-radius: 40px;
	background: #7FD4F3;
    color: #fff;
    display: flex;
    flex-direction: column; justify-content: center;
    font-size: 19px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(19 / 430 * 100cqw);
    font-weight: bold;
    line-height: 1.4;
	height: 70px; /* cqw未サポートiPhone15以前対策 */
	height: calc(70 / 430 * 100cqw);
    padding: 0 calc(36 /430 * 100vw) 0 calc(40 /430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding: 0 calc(36 /430 * 100cqw) 0 calc(40 /430 * 100cqw);
    position: relative;
    text-decoration: none;
}

.btn_contact::after {
    content: '';
    border-top: 0.1rem solid #fff;
	border-right: 0.1rem solid #fff;
    display: block;
    width: calc(12 / 430 * 100vw); height: calc(12 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
    width: calc(12 / 430 * 100cqw); height: calc(12 / 430 * 100cqw);
    position: absolute;
    top: 50%;
	right: 2rem;
    transform: translateY(-50%) rotate(45deg);
    
}

.contact .__tel {
	margin-top: 3vw; /* cqw未サポートiPhone15以前対策 */
	margin-top: 3cqw;
	font-size: 33px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(33 / 430 * 100cqw);
	font-weight: bold;
	letter-spacing: 0.05rem;
}

.contact .__time {
	font-size: 13px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(13 / 430 * 100cqw);
}





/* ==========================================================

	lp_footer

========================================================== */
.footer_contact_wrap {
	margin-top: 0;
	padding: 30px 0 68px;
}


/* 留学に関する お問合せ・ご相談
===========================================================*/
.lp_footer .cmn_title_border {
	font-size: calc(25 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(25 / 430 * 100cqw);
	padding-top: calc(34 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding-top: calc(34 / 430 * 100cqw);
}

.lp_footer .cmn_container {
    margin: 0 auto;
    padding-right: calc(30 / 430 * 100vw); padding-left: calc(30 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding-right: calc(30 / 430 * 100cqw); padding-left: calc(30 / 430 * 100cqw);
    position: relative;
    width: 100%;
}

.lp_footer .footer_contact_list {
	flex-direction: column;
}

.lp_footer .footer_contact_list a {
	font-size: 19px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(19 / 430 * 100cqw);
	height: 70px; /* cqw未サポートiPhone15以前対策 */
	height: calc(70 / 430 * 100cqw);
	border-radius: calc(1px / 0);
	padding: 0 calc(38 /430 * 100vw) 0 calc(66 /430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding: 0 calc(38 /430 * 100cqw) 0 calc(66 /430 * 100cqw);
}

.lp_footer .footer_contact_list li + li { margin-top: 11px;}

.lp_footer .footer_contact_list li,
.lp_footer .line_frends_ui .contact_list li { width: 100%;}

.lp_footer .line_frends_ui .contact_list li { margin-bottom: 0;}

.lp_footer .footer_contact_list li:first-child a {
	background-position: calc(24 / 430 * 100vw) center, center; /* cqw未サポートiPhone15以前対策 */
	background-position: calc(24 / 430 * 100cqw) center, center;
	background-size: auto calc(27 / 430 * 100vw), 100%; /* cqw未サポートiPhone15以前対策 */
	background-size: auto calc(27 / 430 * 100cqw), 100%;
}

.footer_contact_list li:last-child a {
    background-position: calc(23 / 430 * 100vw) center, center; /* cqw未サポートiPhone15以前対策 */
	background-position: calc(23 / 430 * 100cqw) center, center;
    background-size: auto calc(16 / 430 * 100vw), 100%; /* cqw未サポートiPhone15以前対策 */
	background-size: auto calc(16 / 430 * 100cqw), 100%;
}

.lp_footer .footer_contact_list li.cmn_btn_back a::after,
.lp_footer .footer_contact_list a::after,
.lp_footer .line_frends_ui .contact_list a::after {
	width: calc(12 / 430 * 100vw); height: calc(12 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	width: calc(12 / 430 * 100cqw); height: calc(12 / 430 * 100cqw);
}

.lp_footer .line_frends_ui .contact_list { margin-top: 0;}

.lp_footer .line_frends_ui .contact_list a {
	padding: 0 calc(38 /430 * 100vw) 0 calc(66 /430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding: 0 calc(38 /430 * 100cqw) 0 calc(66 /430 * 100cqw);
	font-size: 19px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(19 / 430 * 100cqw);
	height: 70px; /* cqw未サポートiPhone15以前対策 */
	height: calc(70 / 430 * 100cqw);
	border-radius: calc(1px / 0);
}

.lp_footer .line_frends_ui .contact_list li.cmn_btn_line a {
	background-position: left calc(20 / 430 * 100vw) top 52%; /* cqw未サポートiPhone15以前対策 */
	background-position: left calc(20 / 430 * 100cqw) top 52%;
	background-size: auto calc(30 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	background-size: auto calc(30 / 430 * 100cqw);
}

.footer_contact_tel {
	margin-top: 18px; /* cqw未サポートiPhone15以前対策 */
	margin-top: calc(18 / 430 * 100cqw);
}

.lp_footer .footer_contact_tel a {
    color: #333;
    display: block;
    padding: calc(20 / 430 * 100vw) 0 calc(16 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	padding: calc(20 / 430 * 100cqw) 0 calc(16 / 430 * 100cqw);
    text-decoration: none;
}

.lp_footer .footer_contact_tel p {
	font-size: calc(33 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(33 / 430 * 100cqw);
}

.lp_footer .footer_contact_tel dl {
	font-size: calc(13 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(13 / 430 * 100cqw);
	margin-top: 7px; /* cqw未サポートiPhone15以前対策 */
	margin-top: calc(7 / 430 * 100cqw);
}

.lp_footer .footer_contact_tel dt {
	margin-right: 3px;
    padding: 3px 5px;
}


/* お近くのISS留学ライフはこちら
===========================================================*/
.lp_footer .footer_index_wrap { padding-bottom: 34px;}

.lp_footer .footer_map_wrap .cmn_title_border {
	margin-right: 2vw; margin-left: 2vw;
	margin-right: 2cqw; margin-left: 2cqw;
}

.lp_footer .footer_map {
	flex-direction: column;
}

.lp_footer .footer_map_img {
	width: 90%;
}

.lp_footer .footer_map_list {
	width: 100%;
	margin-top: 33px; /* cqw未サポートiPhone15以前対策 */
	margin-top: calc(33 /430 * 100cqw);
}

.footer_map_list li {
	height: 57px; /* cqw未サポートiPhone15以前対策 */
	height: calc(57 /430 * 100cqw);
}

.lp_footer .footer_map_list a {
	border-radius: 5px;
	font-size: 15px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(15 /430 * 100cqw);
	padding: 0 22px 0 33px; /* cqw未サポートiPhone15以前対策 */
	padding: 0 calc(22 /430 * 100cqw) 0 calc(33 /430 * 100cqw);
}

.lp_footer .footer_map_list li:nth-child(n+3) {
	margin-top: 12px; /* cqw未サポートiPhone15以前対策 */
	margin-top: calc(12 / 430 * 100cqw);
}

.lp_footer .footer_map_list a::after {
	border-radius: 5px 0 5px 0;
	font-size: calc(16 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(16 / 430 * 100cqw);
	width: 23px; height: 23px; /* cqw未サポートiPhone15以前対策 */
	width: calc(23 / 430 * 100cqw); height: calc(23 / 430 * 100cqw);
}

.lp_footer .footer_breadcrumb_list {
	font-size: 13px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(13 / 430 * 100cqw);
}



/* footer_index
===========================================================*/
.lp_footer .footer_logo {
	width: calc(230 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	width: calc(230 / 430 * 100cqw);
}

.lp_footer .footer_pagetop {
	width: calc(24 / 430 * 100vw); height: calc(108 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	width: calc(24 / 430 * 100cqw); height: calc(108 / 430 * 100cqw);
	top: calc(-28 / 430 * 100vw); right: calc(21 /430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	top: calc(-28 / 430 * 100cqw); right: calc(21 /430 * 100cqw);
}

.lp_footer .footer_index_inner > ul:first-child { width: 50%;}

.lp_footer .footer_index_inner > ul:nth-child(2) { width: 47%; margin-left: 3%;}

.lp_footer .footer_index_list li a {
	font-size: calc(13 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	font-size: calc(13 / 430 * 100cqw);
}

.lp_footer .footer_index_pdf {
	width: 100%;
	margin-top: calc(45 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	margin-top: calc(45 / 430 * 100cqw);
	padding-right: 0;
}

.lp_footer .footer_index_pdf h3 { font-size: 15px;}

.lp_footer .footer_index_pdf p {
	padding-right: 0;
	font-size: 11px;
}

.lp_footer .footer_country {
	text-align: left;
	font-size: 12px; /* cqw未サポートiPhone15以前対策 */
	font-size: calc(12 / 430 * 100cqw);
}

.lp_footer .footer_sns {
	position: relative; top: auto; right: auto;
	display: flex;
    justify-content: center;
	width: 100%;
	margin-top: 40px;
}

.lp_footer .footer_sns li { margin: 0 15px;}

.lp_footer .footer_sns .sns_link { width: 50px; height: 50px;}

.lp_footer .footer_sns .icon.instagram::before { width: 22px; height: 22px;}
.lp_footer .footer_sns .icon.twitter::before { width: 23px; height: 18px;}
.footer_sns .icon.facebook::before { width: 11px; height: 22px;}

.lp_footer .footer_copyright {
	margin-top: calc(68 / 430 * 100vw); /* cqw未サポートiPhone15以前対策 */
	margin-top: calc(68 / 430 * 100cqw);
	font-size: 11px;
}




/* footer_z-kai
===========================================================*/
.lp_footer .footer_z-kai {
	padding-top: 66px; padding-bottom: 176px; /* cqw未サポートiPhone15以前対策 */
	padding-top: calc(66 / 430 * 100cqw); padding-bottom: calc(176 / 430 * 100cqw);;
}

.lp_footer .footer_z-kai_logo { max-width: 165px;}






/* 2026 autumn fair: Figma "for Coding" updates */

.section-heading-photo {
	position: absolute;
	right: 0;
	top: 0;
	width: 200px;
	z-index: 0;
}

.school .title_je,
.seminar .title_je,
.school .__summary,
.seminar .__summary,
.seminar .notes {
	position: relative;
	z-index: 1;
}

.video-thumbnail {
	appearance: none;
	background: none;
	border: 0;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	max-width: 366px;
	padding: 0;
	position: relative;
	width: 100%;
}

.video-play {
	background: #3169cf;
	border-radius: 50%;
	height: 64px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 64px;
}

.video-play::after {
	border-bottom: 10px solid transparent;
	border-left: 17px solid #fff;
	border-top: 10px solid transparent;
	content: "";
	left: 26px;
	position: absolute;
	top: 22px;
}

.step .__step1,
.step .__step2,
.step .__step3 {
	min-height: 210px;
	position: relative;
}

.step .__step-image {
	margin-left: auto;
	max-width: 48%;
}


@media screen and (max-width: 767px) {
	.section-heading-photo {
		width: 46.5%;
	}
	.lp-modal__dialog {
		padding: 20px;
		width: calc(100% - 24px);
	}
}