@charset "utf-8";
/*--------------------------------------------------

	MAIN VISUAL │ メインビジュアル

--------------------------------------------------*/
#mv {position: relative;z-index: 11;padding-bottom: 30px;background: #fff;}
#mv .container {align-items: flex-start;}
#mv .container .wrap {
	display: inline-block;
	padding: 2vw 6vw 2vw 4vw;
	border-radius: 0 0 clamp(40px, calc(40px + 40 * ((100vw - 375px) / 1545)), 80px) 0;
	background: linear-gradient(90deg, #5F9DF2, #FF6969, #FCE3DB);
}
#mv .container .wrap p {color: #fff;font-weight: bold;font-size: 2.5vw;line-height: 1.2;letter-spacing: -.299em;}
#mv .container .wrap h1 {color: #fff;font-weight: bold;font-size: 4vw;letter-spacing: -.260em;}
#mv .container .wrap h1 span {display: block;line-height: 1.2;}
#mv .container .wrap h1 span:nth-child(2) {margin-left: 17vw;}
#mv .container a {width: 5vw;margin: 2vw 3vw 0 0;}
#mv .splide__track {width: 100%;overflow: hidden;}
#mv .splide__slide {height: 32vw;}
#mv .splide__slide img {transition: 8s ease-out;}
#mv .splide__slide.is-active img {transform: scale(1.15);transition-delay: 0s;}
#mv .splide__pagination {position: absolute;bottom: 5%;}
#mv .splide__pagination li button {background: #E3E3E3;}
#mv .splide__pagination li button.is-active {background: #F51E1E;}
@media only screen and ( max-width : 1024px ) {
	#mv .splide__slide {height: auto;}
}
@media only screen and ( max-width : 767px ) {
	#mv .container .wrap {width: 80%;padding-right: 4vw;}
	#mv .container .wrap p {font-size: 4vw;}
	#mv .container .wrap h1 {font-size: 6.7vw;}
	#mv .container .wrap h1 span:nth-child(2) {margin-left: 0;}
	#mv .container a {width: 40px;}
}
@media only screen and ( max-width : 500px ) {
	#mv .splide__slide {height: 250px;}
}
/*--------------------------------------------------

	MESSAGE │ メッセージ

--------------------------------------------------*/
#message .inner {max-width: 1120px;}
#message .container {
	margin-top: -5%;
	padding: clamp(40px, calc(40px + 60 * ((100vw - 375px) / 1545)), 100px) 10px;
	border-radius: clamp(30px, calc(30px + 20 * ((100vw - 375px) / 1545)), 50px);
	box-shadow: 0 3px 90px rgba(129, 154, 163, 16%);
	background: rgba(255, 255, 255, 85%);
}
#message .container h3 {
	margin-bottom: clamp(30px, calc(30px + 20 * ((100vw - 375px) / 1545)), 50px);
	font-weight: bold;
	font-size: clamp(18px, calc(18px + 12 * ((100vw - 375px) / 1545)), 30px);
	line-height: 1.7;
	text-align: center;
}
#message .container h3 span {color: #F51E1E;}
#message .container .wrap p {
	margin-bottom: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px);
	font-size: clamp(14px, calc(14px + 6 * ((100vw - 375px) / 1545)), 20px);
	text-align: center;
}
#message .container .wrap p:last-child {margin-bottom: 0;}
/*--------------------------------------------------

	DEPARTMENT │ 学科紹介

--------------------------------------------------*/
#department .title_common h2 {color: rgba(237, 237, 237, .4);}
#department ul.list {justify-content: center;gap: 3%;}
#department ul.list li.item {
	width: 31%;
	padding: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);
	border-radius: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);
	box-shadow: 0 3px 60px rgba(129, 154, 163, 16%);
}
#department ul.list li.item:nth-child(1) {background: linear-gradient(#A1F7AB, #47F068 40%, #A1F7AB);}
#department ul.list li.item:nth-child(2) {background: linear-gradient(#9FE6FF, #3EDAFF 40%, #9FE6FF);}
#department ul.list li.item:nth-child(3) {background: linear-gradient(#FFA8CD, #FF77D5 40%, #FFA8CD);}
#department ul.list li.item .wrap {height: 100%;overflow: hidden;border-radius: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);}
#department ul.list li.item .wrap figure {
	margin-bottom: clamp(30px, calc(30px + 20 * ((100vw - 375px) / 1545)), 50px);
	overflow: hidden;
	border-radius: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);
}
#department ul.list li.item .wrap .ttl_content {height: 16em;margin-bottom: 20px;text-align: center;}
#department ul.list li.item .wrap .ttl_content h3 {margin-bottom: 20px;font-size: clamp(14px, calc(14px + 6 * ((100vw - 375px) / 1545)), 20px);text-align: center;}
#department ul.list li.item .wrap .ttl_content h3 span {
	display: block;
	margin-top: 10px;
	font-size: clamp(34px, calc(34px + 20 * ((100vw - 375px) / 1545)), 50px);
	letter-spacing: -.24em;
	text-align: center;
}
#department ul.list li.item .wrap .ttl_content ul {display: inline-block;}
#department ul.list li.item .wrap .ttl_content ul li {
	margin-bottom: 10px;
	padding: 5px 15px;
	border-radius: 5px;
	background: #fff;
	font-weight: bold;
	font-size: clamp(16px, calc(16px + 8 * ((100vw - 375px) / 1545)), 24px);
	line-height: 1.2;
	text-align: center;
}
#department ul.list li.item:nth-child(1) .wrap .ttl_content ul li {color: #2BB93B;}
#department ul.list li.item:nth-child(2) .wrap .ttl_content ul li {color: #00A2D9;}
#department ul.list li.item:nth-child(3) .wrap .ttl_content ul li:nth-child(1) {color: #FF3B70;}
#department ul.list li.item:nth-child(3) .wrap .ttl_content ul li:nth-child(2) {color: #EB35E4;}
#department ul.list li.item .wrap .ttl_content small {display: block;text-align: center;}
#department ul.list li.item .wrap .txt_content {
	height: 100%;
	padding: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);
	border-radius: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);
	background: rgba(255, 255, 255, .8);
}
@media only screen and ( max-width : 1024px ) {
	#department ul.list {gap: 4%;}
	#department ul.list li.item {width: 48%;margin-bottom: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px);}
	#department ul.list li.item:last-child {margin-bottom: 0;}
}
@media only screen and ( max-width : 767px ) {
	#department ul.list li.item {width: 100%;}
	#department ul.list li.item .wrap .ttl_content {height: auto;}
}
/*--------------------------------------------------

	SCHOOL LIFE │ 学校での過ごし方

--------------------------------------------------*/
#school_life {position: relative;}
#school_life::before {
	content: '';
	opacity: .5;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(-45deg, #FFF0ED, #FFC4D2 40%, #FCDBDB);
}
#school_life .title_common h2 {color: rgba(255, 255, 255, .4);}
#school_life ul {justify-content: center;gap: 3%;}
#school_life ul li {
	width: 31%;
	padding: clamp(30px, calc(30px + 20 * ((100vw - 375px) / 1545)), 50px) clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);
	border-radius: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);
	background: #fff;
}
#school_life ul li h3 {
	margin-bottom: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px);
	color: #F51E1E;
	font-weight: bold;
	font-size: clamp(16px, calc(16px + 8 * ((100vw - 375px) / 1545)), 24px);
	text-align: center;
}
#school_life ul li figure {margin-bottom: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);}
#school_life ul li .wrap p {font-weight: 600;}
@media only screen and ( max-width : 1024px ) {
	#school_life ul {gap: 4%;}
	#school_life ul li {width: 48%;margin-bottom: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px);}
	#school_life ul li:last-child {margin-bottom: 0;}
}
@media only screen and ( max-width : 500px ) {
	#school_life ul li {width: 100%;}
}
/*--------------------------------------------------

	CURRICULUM │ カリキュラム

--------------------------------------------------*/
#curriculum {position: relative;}
#curriculum::before {
	content: '';
	position: absolute;
	top: 20%;
	left: 0;
	z-index: -1;
	width: 70%;
	height: 45%;
	background: linear-gradient(90deg, #FAFAFA, #F5F5F5);
}
#curriculum .inner {max-width: 1120px;}
#curriculum ol {display: grid;grid-template-columns: repeat(2, 1fr);gap: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px);}
#curriculum ol li {
	overflow: hidden;
	border-radius: clamp(30px, calc(30px + 30 * ((100vw - 375px) / 1545)), 60px);
	box-shadow: 0 3px 60px rgba(168, 163, 163, 16%);
	background: #fff;
}
#curriculum ol li dl {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px) clamp(15px, calc(15px + 20 * ((100vw - 375px) / 1545)), 35px);
	background: linear-gradient(90deg, #FFB4B4, #F74141, #FF7294);
}
#curriculum ol li dl dt {color: #FFE2E2;font-size: clamp(36px, calc(36px + 24 * ((100vw - 375px) / 1545)), 60px);}
#curriculum ol li dl dd {
	flex: 1;
	color: #fff;
	font-weight: bold;
	font-size: clamp(14px, calc(14px + 10 * ((100vw - 375px) / 1545)), 24px);
	letter-spacing: .08em;
}
#curriculum ol li dl dd span {
	display: block;
	font-size: clamp(26px, calc(26px + 14 * ((100vw - 375px) / 1545)), 40px);
	line-height: 1.1;
	letter-spacing: -.18em;
}
#curriculum ol li .content {
	padding: clamp(20px, calc(20px + 30 * ((100vw - 375px) / 1545)), 50px);
	padding-top: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);
}
@media only screen and ( max-width : 767px ) {
	#curriculum ol {grid-template-columns: repeat(1, 1fr);}
}
@media only screen and ( max-width : 500px ) {
	#curriculum ol li dl {gap: 10px;padding: 10px 20px;}
}
/*--------------------------------------------------

	INFOGRAPHICS │ 数字で見るサンワ

--------------------------------------------------*/
#infographics {position: relative;}
#infographics::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: 70%;
	height: 45%;
	background: linear-gradient(90deg, #FAFAFA, #F5F5F5);
}
#infographics .inner {max-width: 1120px;}
#infographics ul {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
#infographics ul li {position: relative;}
#infographics ul li::after {content: '';display: block;padding-top: 95%;}
#infographics ul li .item {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	height: 100%;
	overflow: hidden;
	border: solid #F74141 clamp(3px, calc(3px + 3 * ((100vw - 375px) / 1545)), 6px);
	border-radius: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px);
	background: #fff;
}
#infographics ul li .item h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5em;
	border-bottom: solid #F74141 clamp(3px, calc(3px + 3 * ((100vw - 375px) / 1545)), 6px);
	background: #fff;
	color: #353F86;
	font-weight: bold;
	font-size: clamp(22px, calc(22px + 14 * ((100vw - 375px) / 1545)), 36px);
	text-align: center;
}
#infographics ul li .item h3 span {
	display: block;
	margin-bottom: clamp(5px, calc(5px + 5 * ((100vw - 375px) / 1545)), 10px);
	font-size: clamp(14px, calc(14px + 8 * ((100vw - 375px) / 1545)), 22px);
	line-height: 1.4;
	letter-spacing: -.02em;
	text-align: center;
}
#infographics ul li .item .wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	bottom: 15%;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
}
#infographics ul li:nth-child(1) .item .wrap {bottom: 20%;}
#infographics ul li .item .wrap figure {width: 50%;}
#infographics ul li:nth-child(1) .item .wrap figure {width: 56%;}
#infographics ul li:nth-child(4) .item .wrap figure {width: 47%;}
#infographics ul li:nth-child(6) .item .wrap figure {width: 53%;}
#infographics ul li .item .wrap .content {display: inline-block;margin: 0 auto;}
#infographics ul li:nth-child(4) .item .wrap .content {display: flex;}
#infographics ul li .item .wrap .content p {
	color: #F51E1E;
	font-size: clamp(28px, calc(28px + 20 * ((100vw - 375px) / 1545)), 48px);
	line-height: .5;
	letter-spacing: -.18em;
}
#infographics ul li .item .wrap .content p.txtR {text-align: right;}
#infographics ul li .item .wrap .content p span.counter {font-size: 3em;letter-spacing: -.04em;}
#infographics ul li:nth-child(4) .item .wrap .content p span.counter {letter-spacing: -.08em;}
#infographics ul li .item .wrap .content p.big {font-size: clamp(30px, calc(30px + 34 * ((100vw - 375px) / 1545)), 64px);}
#infographics ul li .item .wrap .content p.big span.counter {font-size: 2.45em;}
#infographics ul li .item .wrap .content p.small {font-size: clamp(20px, calc(20px + 38 * ((100vw - 375px) / 1545)), 58px);text-align: right;}
#infographics ul li:nth-child(4) .item .wrap .content p.small {margin-top: 1.5em;}
#infographics ul li .item .wrap .content p.small span {font-size: 1.6em;letter-spacing: -.04em;}
@media only screen and ( max-width : 1024px ) {
	#infographics ul li .item h3 {font-size: 2.5vw;}
	#infographics ul li .item .wrap .content p {font-size: 3.5vw;}
	#infographics ul li .item .wrap .content p.big {font-size: 5vw;}
	#infographics ul li .item .wrap .content p.small {font-size: 4vw;}
}
@media only screen and ( max-width : 767px ) {
	#infographics ul {grid-template-columns: 1fr;}
	#infographics ul li {width: 100%;}
	#infographics ul li .item h3 {font-size: 4.5vw;}
	#infographics ul li .item .wrap {bottom: 20%;}
	#infographics ul li:nth-child(2) .item .wrap {bottom: 15%;}
	#infographics ul li .item .wrap .content p {font-size: 7vw;}
	#infographics ul li .item .wrap .content p.big {font-size: 8.5vw;}
	#infographics ul li .item .wrap .content p.small {font-size: 7.5vw;}
}
/*--------------------------------------------------

	INTERVIEW │ インタビュー

--------------------------------------------------*/
#interview {background: #F5F5F5;}
#interview .title_common h2 {color: rgba(255, 180, 180, .4);}
#interview .block {
	padding: clamp(40px, calc(40px + 60 * ((100vw - 375px) / 1545)), 100px) 0;
	overflow: hidden;
	border-radius: clamp(30px, calc(30px + 30 * ((100vw - 375px) / 1545)), 60px);
	background: #fff;
}
#interview .block .splide {width: 80%;max-width: 1120px;margin: 0 auto;}
#interview .block .splide:not(:last-child) {margin-bottom: clamp(40px, calc(40px + 60 * ((100vw - 375px) / 1545)), 100px);}
#interview .block .splide h3 {
	margin-bottom: clamp(70px, calc(70px + 20 * ((100vw - 375px) / 1545)), 90px);
	color: #353F86;
	font-weight: bold;
	font-size: clamp(24px, calc(24px + 6 * ((100vw - 375px) / 1545)), 30px);
	letter-spacing: .1em;
	text-align: center;
}
#interview .block .splide .splide__slide {
	position: relative;
	border-radius: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px);
}
#interview .block .splide:nth-child(1) .splide__slide {background: linear-gradient(#fff 20%, #58E5F5 40%, #7BBDFF);}
#interview .block .splide:nth-child(2) .splide__slide {background: linear-gradient(#fff 20%, #FFB5AC 40%, #FD7DA5);}
#interview .block .splide .splide__slide p.num {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
	padding: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);
	border-radius: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);
	border-bottom-left-radius: 0;
	color: #353F86;
	font-size: clamp(42px, calc(42px + 18 * ((100vw - 375px) / 1545)), 60px);
	line-height: 1;
}
#interview .block .splide:nth-child(1) .splide__slide p.num {background: #F2F6FF;}
#interview .block .splide:nth-child(2) .splide__slide p.num {background: #FFF2F5;}
#interview .block .splide .splide__slide .wrap {padding-bottom: 100px;}
#interview .block .splide .splide__slide .wrap figure {overflow: hidden;border-radius: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px);}
#interview .block .splide .splide__slide .wrap figure img {transition: .5s;}
#interview .block .splide .splide__slide:hover .wrap figure img {transform: scale(1.1);}
#interview .block .splide .splide__slide .wrap .content {
	padding: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px) clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px) 0;
}
#interview .block .splide .splide__slide .wrap .content h4 {margin-bottom: 10px;color: #fff;font-weight: bold;}
#interview .block .splide .splide__slide .wrap .content dl dt {margin-bottom: 10px;font-weight: bold;}
#interview .block .splide .splide__slide .wrap .content dl dt span {font-size: 1.5em;letter-spacing: .1em;}
#interview .block .splide .splide__slide .wrap .content dl dd {font-weight: 500;font-size: clamp(12px, calc(12px + 2 * ((100vw - 375px) / 1545)), 14px);}
#interview .block .splide2 .splide__slide .wrap .content dl dt {margin-bottom: 15px;font-weight: 600;}
#interview .block .splide2 .splide__slide .wrap .content dl dd {font-weight: bold;letter-spacing: .1em;}
#interview .block .splide2 .splide__slide .wrap .content dl dd span {margin-right: 10px;font-size: 1.6em;}
#interview .block .splide .splide__slide .wrap .content p.read {
	position: absolute;
	right: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px);
	bottom: 20px;
	left: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px);
	padding: clamp(15px, calc(15px + 5 * ((100vw - 375px) / 1545)), 20px) 0;
	border-radius: 4em;
	background: #353F86 url(../img/front/interview/Icon_arrowR-wht.svg) no-repeat 90% 50% / clamp(15px, calc(15px + 5 * ((100vw - 375px) / 1545)), 20px);
	color: #fff;
	text-align: center;
	transition: .3s;
}
#interview .block .splide .splide__track .splide__list .splide__slide:hover .wrap .content p.read {
	background-color: #fff;
	background-image: url(../img/front/interview/Icon_arrowR-navy.svg);
	color: #353F86;
}
#interview .block .splide:nth-child(1) .splide__pagination li button.is-active {background: #72AFFB;}
#interview .block .splide:nth-child(2) .splide__pagination li button.is-active {background: #FF8BA1;}
/*--------------------------------------------------

	SCHEDULE │ オープンキャンパススケジュール

--------------------------------------------------*/
.common_block {background: linear-gradient(-45deg, #F5F3B9, #FFB4B4, #FCE3DB);}
#schedule {margin-bottom: clamp(50px, calc(50px + 150 * ((100vw - 375px) / 1545)), 200px);}
#schedule .title_common h2 {color: rgba(255, 255, 255, .4);}
#schedule .sp_ttl {display: none;}
#schedule .splide .splide__track {width: 100%;padding-top: 2%;overflow: hidden;}
#schedule .splide ul.splide__list {display: flex;flex-wrap: wrap;justify-content: center;gap: 30px .4%;margin: 0 auto 3% !important;}
#schedule .splide ul.splide__list li {
	position: relative;
	width: 24%;
	border-radius: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px);
	background: #fff;
}
#schedule .splide ul.splide__list li a {border-radius: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px);}
#schedule .splide ul.splide__list li .ttl_wrap {
	height: clamp(50px, calc(50px + 20 * ((100vw - 375px) / 1545)), 70px);
	overflow: hidden;
	border-radius: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px) clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px) 0 0;
	background: #5ADDFD;
	text-align: right;
}
#schedule .splide ul.splide__list li .ttl_wrap.green {background: #65F37E;}
#schedule .splide ul.splide__list li .ttl_wrap.pink {background: #FF87D2;}
#schedule .splide ul.splide__list li .ttl_wrap time {
	position: absolute;
	top: -20px;
	left: 0;
	padding: 18px clamp(15px, calc(15px + 10 * ((100vw - 375px) / 1545)), 25px);
	border-radius: clamp(15px, calc(15px + 5 * ((100vw - 375px) / 1545)), 20px) clamp(15px, calc(15px + 5 * ((100vw - 375px) / 1545)), 20px) clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px) 0;
	background: #353F86;
	color: #fff;
	font-weight: bold;
	font-size: clamp(16px, calc(16px + 14 * ((100vw - 375px) / 1545)), 30px);
}
#schedule .splide ul.splide__list li .ttl_wrap p {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 10px 14px;
	background: #F51E1E;
	color: #fff;
	font-weight: bold;
	font-size: clamp(13px, calc(13px + 3 * ((100vw - 375px) / 1545)), 16px);
	line-height: 1.1;
	text-align: center;
}
#schedule .splide ul.splide__list li .txt_wrap {padding: clamp(15px, calc(15px + 10 * ((100vw - 375px) / 1545)), 25px) 25px clamp(20px, calc(20px + 30 * ((100vw - 375px) / 1545)), 50px);}
#schedule .splide ul.splide__list li .txt_wrap h3 {
	margin-bottom: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);
	font-weight: bold;
	font-size: clamp(16px, calc(16px + 4 * ((100vw - 375px) / 1545)), 20px);
	text-align: center;
}
#schedule .splide ul.splide__list li .txt_wrap figure {margin-bottom: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);overflow: hidden;}
#schedule .splide ul.splide__list li .txt_wrap figure img {height: 11.8vw;object-fit: cover;object-position: top;}
#schedule .splide ul.splide__list li .txt_wrap p {font-weight: 500;font-size: clamp(13px, calc(13px + 2 * ((100vw - 375px) / 1545)), 15px);}
@media only screen and ( max-width : 1024px ) {
	#schedule .splide .splide__track {padding-top: 3%;}
	#schedule .splide ul.splide__list {gap: 40px 1%;}
	#schedule .splide ul.splide__list li {width: 49%;}
	#schedule .splide.splide_schedule01 ul.splide__list li {width: 32.5%;}
	#schedule .splide ul.splide__list li .txt_wrap figure img {height: 25.9vw;}
}
@media only screen and ( max-width : 767px ) {
	#schedule .sp_ttl {display: block;}
	#schedule .sp_ttl time {
		display: block;
		margin-bottom: 20px;
		padding: 14px 10px;
		border-radius: 10px;
		background: #353F86;
		color: #fff;
		font-weight: bold;
		font-size: 2.2rem;
		text-align: center;
	}
	#schedule .splide {width: 85%;margin: 0 auto 30px;}
	#schedule .splide:last-child {margin-bottom: 0;}
	#schedule .splide ul.splide__list {flex-wrap: nowrap;justify-content: initial;gap: 0;}
	#schedule .splide ul.splide__list li {margin: 0;}
	#schedule .splide ul.splide__list li.fadeUp {opacity: 1;}
	#schedule .splide ul.splide__list li.fadeUp.isActive {animation: inherit;}
	#schedule .splide ul.splide__list li .ttl_wrap time {display: none;}
	#schedule .splide ul.splide__list li .txt_wrap figure img {height: 44.5vw;}
	#schedule .splide .splide__arrow--prev {left: -11%;}
	#schedule .splide .splide__arrow--next {right: -11%;}
	#schedule .splide .splide__pagination {margin-top: 10px;}
	#schedule .splide .splide__pagination__page {background: #8B8C8E;}
	#schedule .splide .splide__pagination__page.is-active {background: #F51E1E;}
}
/*--------------------------------------------------

	FORM │ 予約フォーム

--------------------------------------------------*/
#form .container {border-radius: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);background: #fff;}
#form .button {position: relative;z-index: 1;width: 80%;max-width: 826px;margin: 0 auto;}
#form .button::before {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	border-radius: 100px;
	background: linear-gradient(90deg, #891A63, #F51E1E);
	transition: .3s;
}
#form .button:hover::before {bottom: -5px;}
#form .button a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);
	padding: clamp(30px, calc(30px + 30 * ((100vw - 375px) / 1545)), 60px) 10px;
	border-radius: 100px;
	background: linear-gradient(90deg, #F52F1E, #FF527B);
	color: #fff;
	font-weight: bold;
	font-size: clamp(18px, calc(18px + 42 * ((100vw - 375px) / 1545)), 60px);
}
#form .button:hover a {transform: translateY(5px);}
#form .button a img {width: 1.2em;}