@charset "utf-8";


/*----------------------------------------------
	mainBox
----------------------------------------------*/
.mainBox {
	width: 100%;
}
.mainBox .head {
	margin: 0;
	text-align: center;
}

/*----------------------------------------------
	aboutBox
----------------------------------------------*/
.aboutBox {
	padding: 45px 0 80px;
	background: url("../img/about_bg01_winter.jpg") 44% top no-repeat;
	background-size: cover;
	overflow: hidden;
}
.aboutBox .head {
	text-align: center;
	max-width: 308px;
	margin: 0 auto;
}
.aboutBox .txtBox01 {
	color: #ffffff;
	line-height: 1.75;
	margin-top: 2em;
}
.aboutBox .txtBox01 p {
	margin: 1.5em 0 0 0;
}
.aboutBox .txtBox01 p.notion01 {
	margin-top: 0.5em;
	font-size: 0.8em;
	text-align: right;
}
.aboutBox .btnList01 {
	margin: 30px auto 0;
	padding: 0;
	list-style-type: none;
}
.aboutBox .btnList01 > li {
	margin: 0;
}
.aboutBox .btnList01 > li + li {
	margin-top: 15px;
}
.aboutBox .btnList01 > li a {
	display: block;
	color: #ffffff;
	text-align: center;
	padding: 1em 0;
	border-radius: 100px;
}
.aboutBox .btnList01 > li a:hover {
	opacity: 0.7;
}
.aboutBox .btnList01 > li.recommend a {
	background: #88bf01;
}
.aboutBox .btnList01 > li.prevention a {
	background: #C00000;
}
@media only screen and (min-width: 768px) {
	.aboutBox {
		padding: 80px 0 160px;
	}
	.aboutBox .innerBox {
		max-width: 640px;
	}
	.aboutBox .head {
		max-width: 617px;
	}
}

/*----------------------------------------------
	reasonBox
----------------------------------------------*/
.reasonBox {
	position: relative;
}
.reasonBox::before {
	content: "";
	display: block;
	width: 100%;
	height: 68px;
	background: url("../img/reason_bg01_winter.png") center 0 no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -30px;
	left: 0;
}
.reasonBox .head {
	text-align: center;
	margin: 30px auto;
	padding: 0;
	position: relative;
}
.reasonBox #reason01 .head {
	margin-top: 0;
}
.reasonBox .reasonIndexWrapper {
	padding: 0 0 80px;
	background: #ffffff url("../img/review_bg01_winter.png") center bottom no-repeat;
	background-size: 100% auto;
}
.reasonBox .reasonDetailOneBox {
	position: relative;
}
.reasonBox .reasonDetailOneBox#reason01 {
}
.reasonBox .reasonDetailOneBox#reason02 {
}
.reasonBox .reasonDetailOneBox#reason03 {
	padding: 0 0 80px 0;
	background: url("../img/review_bg01_winter.png") center bottom no-repeat;
	background-size: 100% auto;
}
.reasonBox .reasonDetailOneBox .head {
	text-align: center;
}
.reasonBox .reasonDetailOneBox .ttl01 {
	margin: 3em 0 1em;
}
.reasonBox .reasonDetailOneBox .imgBox {
	margin: 1em 20px;
	text-align: center;
}
.reasonBox .reasonDetailOneBox .figBox {
	margin: 1em 0;
	text-align: center;
}
.reasonBox .reasonDetailOneBox .voiceBox {
	margin: 30px auto 0;
}
.reasonBox .reasonDetailOneBox .voiceBox .ttl02 {
	font-size: 1.8rem;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	margin: 0 0 30px 0;
	padding: 0.5em;
	background: #0065BD;
	border-radius: 100px;
	position: relative;
}
.reasonBox .reasonDetailOneBox .voiceBox .ttl02::after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: #0065BD;
	position: absolute;
	bottom: -15px;
	left: 20%;
	clip-path: polygon(0 0, 100% 0, 0 100%);
}
.reasonBox .reasonDetailOneBox .voiceBox .bodyBox {
	margin: 15px 0 0 0;
	padding: 20px;
	background: #f2f2f2;
	border-radius: 20px;
	position: relative;
	border-radius: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.reasonBox .reasonDetailOneBox#reason02 .voiceBox .bodyBox {
	background: #F2F2F2;
}
.reasonBox .reasonDetailOneBox .voiceBox .bodyBox .person {
	color: #00A0E9;
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0;
	position: relative;
	display: flex;
	cursor: pointer;
}
.reasonBox .reasonDetailOneBox .voiceBox .bodyBox .person::before {
	content: "";
	display: block;
	width: 25px;
	height: 26px;
	margin: -5px 10px 0 0;
	flex-shrink: 0;
	background: url("../img/review_icon_winter.png") 0 0 no-repeat;
	background-size: contain;
}
.reasonBox .reasonDetailOneBox .voiceBox .bodyBox .person .btn {
	flex-shrink: 0;
	display: block;
	width: 2em;
	aspect-ratio: 1 / 1;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #0065bd;
	border-radius: 50%;
}
.reasonBox .reasonDetailOneBox .voiceBox .bodyBox .person .btn::before ,
.reasonBox .reasonDetailOneBox .voiceBox .bodyBox .person .btn::after {
	content: "";
	display: block;
	width: 50%;
	height: 0.2em;
	background: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
}
.reasonBox .reasonDetailOneBox .voiceBox .bodyBox .person .btn::before {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.reasonBox .reasonDetailOneBox .voiceBox .bodyBox .person .btn::after {
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
}
.reasonBox .reasonDetailOneBox .voiceBox .bodyBox .person.active .btn::after {
	display: none;
}
.reasonBox .reasonDetailOneBox .voiceBox .bodyBox .person:hover .btn {
	opacity: 0.7;
}

.reasonBox .reasonDetailOneBox .beginnerBox {
	margin: 100px 0 0 0;
	padding: 10px;
	border: 10px solid #D4F2FF;
	/*border: 10px solid #f9dce0;*/
	border-radius: 15px;
}
.reasonBox .reasonDetailOneBox .beginnerBox .ttl03 {
	margin: -100px -50px 0;
}
.reasonBox .reasonDetailOneBox .txt02 {
	margin: 2em 0 1em;
	text-align: center;
}
.reasonBox .reasonDetailOneBox .mvBox {
	width: 100%;
	aspect-ratio: 16 / 9;
}
.reasonBox .reasonDetailOneBox .mvBox iframe {
	width: 100%;
	height: 100%;
}

@media only screen and (min-width: 768px) {
	.reasonBox {
	}
	.reasonBox::before {
		height: 137px;
		background: url("../img/reason_bg01_winter.png") center 0 repeat-x;
		background-size: auto auto;
		top: -80px;
	}
	.reasonBox .innerBox {
		max-width: 640px;
	}
	.reasonBox .head {
		max-width: 684px;
		margin-bottom: 60px;
	}
	.reasonBox .reasonIndexWrapper {
		padding-bottom: 160px;
		background-repeat: repeat-x;
		background-size: auto auto;
	}
	.reasonBox .reasonDetailOneBox .imgBox {
		margin-right: 40px;
		margin-left: 40px;
	}
	.reasonBox .reasonDetailOneBox {
		padding-bottom: 60px;
	}
	.reasonBox .reasonDetailOneBox#reason03 {
		padding-bottom: 160px;
		background-repeat: repeat-x;
		background-size: auto auto;
	}
	.reasonBox .reasonDetailOneBox .voiceBox {
		margin-top: 60px;
	}
	.reasonBox .reasonDetailOneBox .voiceBox .bodyBox .person {
		font-size: 1.8rem;
	}
}


/*----------------------------------------------
	faqBox
----------------------------------------------*/
.faqBox {
	padding: 20px 0 80px;
	background: #d4f2ff;
	position: relative;
}
.faqBox .head {
	text-align: center;
	max-width: 346px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.faqBox .list01 {
	margin: 1em auto 0;
	padding: 0;
	list-style-type: none;
	max-width: 640px;
}
.faqBox .list01 > dt {
	margin: 0;
	padding: 1em 0;
	font-size: 1.4rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: 0 0.5em;
	cursor: pointer;
}
.faqBox .list01 > dd + dt {
	border-top: 2px dotted #989898;
}
.faqBox .list01 > dt .box01 {
	flex-grow: 1;
}
.faqBox .list01 > dt::before {
	flex-shrink: 0;
	content: "";
	display: block;
	width: 35px;
	height: 35px;
	background: url("../img/faq_icon_q.png") center center no-repeat;
	background-size: contain;
}
.faqBox .list01 > dt .btn {
	flex-shrink: 0;
	content: "";
	display: block;
	width: 1.2em;
	aspect-ratio: 1 / 1;
	position: relative;
}
.faqBox .list01 > dt .btn::before ,
.faqBox .list01 > dt .btn::after {
	content: "";
	display: block;
	width: 100%;
	height: 0.2em;
	background: #00A0E9;
	position: absolute;
	top: 50%;
	left: 50%;
}
.faqBox .list01 > dt .btn::before {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.faqBox .list01 > dt .btn::after {
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
}
.faqBox .list01 > dt.active .btn::after {
	display: none;
}
.faqBox .list01 > dt:hover .btn {
	opacity: 0.7;
}
.faqBox .list01 > dd {
	margin: 0 0 1em 0;
	font-size: 1.4rem;
}
.faqBox .list01 > dd .box02 {
	padding: 1em;
	/*background: #F2F2F2;*/
	background: #ffffff;
}

@media only screen and (min-width: 768px) {
	.faqBox {
		padding: 40px 0 160px;
		background-repeat: repeat-x;
		background-size: auto auto;
	}
	.faqBox::before {
		height: 137px;
		background: url("../img/reason_bg01_winter.png") center 0 repeat-x;
		background-size: auto auto;
		position: absolute;
		top: -80px;
		left: 0;
	}
	.faqBox .head {
		max-width: 693px;
	}
	.faqBox .list01 > dt {
		font-size: 1.6rem;
	}
	.faqBox .list01 > dd {
		font-size: 1.4rem;
	}
}

/*----------------------------------------------
	lineupBox
----------------------------------------------*/
.lineupBox {
	position: relative;
}
/*.lineupBox::before {
	content: "";
	display: block;
	width: 100%;
	height: 68px;
	background: url("../img/reason_bg01_winter.png") center 0 no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -30px;
	left: 0;
}*/
.lineupBox .head {
	text-align: center;
	max-width: 335px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.lineupBox .box01 {
	max-width: 640px;
	margin: 35px auto 0;
	padding: 10px 5px;
	border: 10px solid #F1F1F1;
	background: #ffffff;
	box-sizing: border-box;
}
.lineupBox .box01 .ttl01 {
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	margin-top: 1em;
}
.lineupBox .box01 .tbl01 {
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px;
}
.lineupBox .box01 .tbl01 th {
	width: 50%;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	padding: 0.4em;
	background: #808080;
}
.lineupBox .box01 .notion01 {
	font-size: 0.8em;
	text-align: left;
	margin: 0;
}
.lineupBox .box01 .tbl01 td {
	vertical-align: top;
}
.lineupBox .box01 .tbl01 td.clm02 ,
.lineupBox .box01 .tbl01 td.clm03 {
	width: 25%;
	text-align: center;
}
.lineupBox .box01 .tbl01 .ttl02 {
	display: block;
	text-align: center;
	color: #808080;
	font-weight: bold;
	border-bottom: 2px solid #808080;
}
.lineupBox .box01 .tbl01 .level {
	display: inline-block;
	width: 5.5em;
	margin: 0;
	padding: 0.2em 0;
	color: #ffffff;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	border-radius: 0.6em;
}
.lineupBox .box01 .tbl01 .level.level01 {
	background: #4472C4;
}
.lineupBox .box01 .tbl01 .level.level02 {
	background: #70AD47;
}
.lineupBox .box01 .tbl01 .level.level03 {
	background: #ED7D31;
}
.lineupBox .box01 .tbl01 .level.level035 {
	background: #F2466F;
}
.lineupBox .box01 .tbl01 .level.level04 {
	background: #CC44D3;
}
.lineupBox .box01 .list01 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.lineupBox .box01 .list01 > li {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 1em;
	position: relative;
}
.lineupBox .box01 .list01 > li::before {
	content: "・";
	display: inline;
	position: absolute;
	top: 0;
	left: 0;
}
@media only screen and (min-width: 768px) {
	.lineupBox {
		padding: 40px 0 80px;
	}
	.lineupBox::before {
		height: 137px;
		background: url("../img/reason_bg01_winter.png") center 0 repeat-x;
		background-size: auto auto;
		position: absolute;
		top: -80px;
		left: 0;
	}
	.lineupBox .head {
		max-width: 670px;
	}
	.lineupBox .box01 .ttl01 {
		font-size: 2.4rem;
	}
	.lineupBox .box01 .tbl01 .level {
		font-size: 1.4rem;
	}
}

/*----------------------------------------------
	schoolBox
----------------------------------------------*/
.schoolBox {
	padding: 0 0 40px;
	background: #d4f2ff;
}
.schoolBox .headBox {
	padding: 15px 0;
	background: #0065BD;
}
.schoolBox .headBox .head {
	margin: 0 auto;
	max-width: 248px;
}
.schoolBox .ttl01 {
	margin: 3em 0 1em;
}
.schoolBox .imgBox {
	margin: 1em 20px;
	text-align: center;
}
.schoolBox .imgBox figure {
	margin: 0;
}
.schoolBox .imgBox figcaption {
	margin: 0.5em 0 0 0;
}
.schoolBox .mvBox {
	width: 100%;
	aspect-ratio: 16 / 9;
}
.schoolBox .mvBox iframe {
	width: 100%;
	height: 100%;
}
.schoolBox .ttl02 {
	margin: 1em 0 0.5em;
	padding: 0.5em;
	color: #ffffff;
	font-size: 1.2em;
	font-weight: bold;
	background: #0065BD;
}
.schoolBox .ttl02 strong {
	color: #ffe42c;
}
.schoolBox .txt01 strong {
	color: #0065bd;
}
.schoolBox .notionBox01 {
	font-size: 0.8em;
	margin: 0.5em 0 0 0;
}
.schoolBox .notionBox01 p {
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
@media only screen and (min-width: 768px) {
	.schoolBox .innerBox {
		max-width: 640px;
	}
	.schoolBox .headBox .head {
		max-width: 497px;
	}
}


/*----------------------------------------------
	tourBox
----------------------------------------------*/
.tourBox {
	padding: 0 0 60px;
	background: #d4f2ff;
}
.tourBox .headBox {
	padding: 15px 0;
	background: #0065BD;
}
.tourBox .headBox .head {
	margin: 0 auto;
	max-width: 107px;
}
.tourBox .tourSlideInner {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
	overflow: hidden;
}
@media only screen and (max-width: 767px) {
	.tourBox .tourSlideInner {
		padding: 0 15px;
	}
}
.tourBox .departureDateBox {
	position: relative;
	margin: 0 0 20px 0;
}
.tourBox .departureDateBox .ttlBox {
	margin: 2em 0 0.5em 0;
	display: flex;
	align-items: flex-end;
	gap: 0 0.5em;
}
.tourBox .departureDateBox .ttlBox .ttl {
	margin: 0;
	color: #0065bd;
	font-size: 1.2rem;
	font-weight: bold;
	flex-shrink: 0;
}
.tourBox .departureDateBox .ttlBox .ttl::before ,
.tourBox .departureDateBox .ttlBox .ttl::after {
	content: "▼";
}
.tourBox .departureDateBox .ttlBox p {
	margin: 0;
	font-size: 1rem;
}
@media only screen and (min-width: 768px) {
	.tourBox .departureDateBox .ttlBox p {
		display: none;
	}
}
.tourBox .departureDateBox .swiper-slide {
	cursor: pointer;
	/*width: 90px!important;*/
	font-weight: bold;
	text-align: center;
	line-height: 1;
	/*margin: 0 10px 0 0;*/
	padding: 1em 0;
	background: #cbcbcb;
	border-radius: 10px 10px 0 0;
}
.tourBox .departureDateBox .swiper-slide.swiper-slide-thumb-active {
	color: #ffffff;
	background: #0065bd;
}

.tourBox .departureDateBox::after {
	content: "";
	display: block;
	width: 100vw;
	height: 6px;
	background: #0065bd;
	position: absolute;
	bottom: -6px;
	left: 50%;
	transform: translate(-50%, 0);
}

.tourBox .oneSecBoxWrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 30px 4%;
	flex-direction: column;
	padding: 0 0 20px;
}
.tourBox .oneSecBox {
	width: 100%;
	padding: 15px;
	background: #ffffff;
	position: relative;
	box-shadow: 4px 4px 0px rgba(174,204,211,1);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.tourBox .oneSecBox.soldout .soldoutOverlay {
	content: '';
	display: grid;
	grid-template-columns: 70%;
	place-content: center;
	position: absolute;
	inset: -10px;
	margin: auto;
	z-index: 10;
	background-color: rgba(0,0,0,0.7);
}
.tourBox .oneSecBox.soldout .soldoutOverlay > span {
	display: block;
	color: #ffffff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	padding: 0.5em;
	border-radius: 0.4em;
	background: #ff0000;
	rotate: -10deg;
}
.tourBox .oneSecBox .dayIconBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tourBox .oneSecBox .dayIconBox .day {
	margin: 0;
	color: #0065bd;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.5;
	position: relative;
	padding: 0 0 0 2em;
}
.tourBox .oneSecBox .dayIconBox .day i {
	display: inline-block;
	vertical-align: middle;
	width: 1.2em;
	margin: 0 0.5em 0 0;
	position: absolute;
	top: 0;
	left: 0;
}
.tourBox .oneSecBox .specBox {
	margin: 0.8em 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
}
.tourBox .oneSecBox .specBox p {
	margin: 0;
	padding: 0.4em 0.8em;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.tourBox .oneSecBox .specBox p.kentei {
	color: #ffffff;
}
.tourBox .oneSecBox .specBox p.kentei.kentei1 {
	background: #ef7373;
}
.tourBox .oneSecBox .specBox p.kentei.kentei2 {
	background: #d61616;
}
.tourBox .oneSecBox .specBox p.span.days2 {
	background: #e6c6e9;
}
.tourBox .oneSecBox .specBox p.span.days3 {
	background: #d297d7;
}
.tourBox .oneSecBox .specBox p.span.days4 {
	color: #ffffff;
	background: #b95dc1;
}
.tourBox .oneSecBox .specBox p.span.days5 {
	color: #ffffff;
	background: #a125ab;
}
.tourBox .oneSecBox .specBox p.deadline {
	border: 1px solid #cbcbcb;
	background: #ffffff;
}
.tourBox .oneSecBox .specBox p.mantoman {
	background: #b1e7ff;
}
.tourBox .oneSecBox .specBox p.group.group1 {
	background: #6ed3ff;
}
.tourBox .oneSecBox .specBox p.group.group2 {
	color: #ffffff;
	background: #00a4dd;
}

.tourBox .oneSecBox .btn {
	margin: 1em auto;
	max-width: 250px;
}
.tourBox .oneSecBox .btn a {
	display: block;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	padding: 1.2em;
	background: #c00000;
	border-radius: 100px;
	position: relative;
}
.tourBox .oneSecBox .btn a:hover {
	opacity: 0.7;
}
.tourBox .oneSecBox .btn a::after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
	position: absolute;
	top: calc(50% - 4px);
	right: 6%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.tourBox .bnInstagram {
	margin: 30px auto;
	max-width: 640px;
}

@media only screen and (min-width: 768px) {
	.tourBox .departureDateBox .ttlBox .ttl {
		font-size: 1.6rem;
	}
	.tourBox .departureDateBox .swiper-slide {
		/*width: 120px!important;*/
		font-size: 1.6rem;
	}
	.tourBox .oneSecBoxWrapper {
		flex-direction: row;
	}
	.tourBox .oneSecBox {
		width: 48%;
	}
	.tourBox .oneSecBox .dayIconBox .day {
		font-size: 1.8rem;
	}
	.tourBox .oneSecBox .btn {
		max-width: 360px;
	}
	.tourBox .bnInstagram {
		margin: 60px auto;
	}
}


/*----------------------------------------------
	entryBox
----------------------------------------------*/
.entryBox {
	padding: 0 0 60px;
	background: #ffffff;
	position: relative;
}
.entryBox::before {
	content: "";
	display: block;
	width: 100%;
	height: 68px;
	background: url("../img/reason_bg01_winter.png") center 0 no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -40px;
	left: 0;
}

.entryBox .head {
	text-align: center;
	max-width: 314px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.entryBox .txtBox01 {
	margin: 3em 0 0 0;
	position: relative;
}
.entryBox .txtBox01 p {
	margin: 0;
	position: relative;
	z-index: 2;
}
.entryBox .btnList01 {
	margin: 30px auto 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	justify-content: space-between;
}
.entryBox .btnList01 > li {
	margin: 0;
	width: 48%;
}
.entryBox .btnList01 > li a {
	display: block;
	text-align: center;
	line-height: 1.2;
	padding: 0.8em 0;
	border: 2px solid #ff0000;
	border-radius: 100px;
}
.entryBox .btnList01 > li.entry a {
	color: #ffffff;
	background: #ff0000;
}
.entryBox .btnList01 > li.login a {
	color: #ff0000;
	background: #ffffff;
}
.entryBox .commonContactBtnList01 {
	margin-top: 15px;
}
@media only screen and (min-width: 768px) {
	.entryBox::before {
		height: 137px;
		background: url("../img/reason_bg01_winter.png") center 0 repeat-x;
		background-size: auto auto;
		position: absolute;
		top: -80px;
		left: 0;
	}
	.entryBox .innerBox {
		max-width: 640px;
	}
	.entryBox .head {
		max-width: 628px;
	}
}

/*----------------------------------------------
	linkBox
----------------------------------------------*/
.linkBox {
	margin: 40px auto 0;
	padding: 40px 0;
	background: #d4f2ff;
	overflow: hidden;
}
.linkBox .imgBox {
	text-align: center;
	position: relative;
}
.linkBox .imgBox > div {
	width: 418px;
	margin-left: calc(50% - 209px);
}
.linkBox .btnList01 {
	margin: -30px auto 0;
	padding: 0;
	list-style-type: none;
	position: relative;
}
.linkBox .btnList01 > li {
	margin: 0;
}
.linkBox .btnList01 > li + li {
	margin-top: 15px;
}
.linkBox .btnList01 > li a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #00a0e9;
	font-weight: bold;
	text-align: center;
	min-height: 3.7em;
	border: 2px solid #00a0e9;
	background: #ffffff;
	border-radius: 100px;
	position: relative;
}
.linkBox .btnList01 > li a:hover {
	opacity: 0.7;
}
.linkBox .btnList01 > li a .notion {
	font-size: 1rem;
}
.linkBox .btnList01 > li a::after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
    border-right: 2px solid #00a0e9;
    border-bottom: 2px solid #00a0e9;
	position: absolute;
	top: calc(50% - 4px);
	right: 6%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {
	.linkBox .imgBox > div {
		width: 836px;
		margin-left: calc(50% - 418px);
	}
	.linkBox .btnList01 {
		margin-top: -60px;
		max-width: 640px;
	}
	.linkBox .btnList01 > li a .notion {
		font-size: 1.4rem;
	}
}


/*----------------------------------------------
	左右に揺れるボタン
----------------------------------------------*/
.yureru-s {
    animation: yureru-s 2s infinite;
}
@keyframes yureru-s {
    0% {
        transform: translate(2px, 0px);
    }
    5% {
        transform: translate(-2px, 0px);
    }
    10% {
        transform: translate(2px, 0px);
    }
    15% {
        transform: translate(-2px, 0px);
    }
    20% {
        transform: translate(2px, 0px);
    }
    25% {
        transform: translate(-2px, 0px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}