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

	Main Visual

--------------------------------------------------*/
#mv {position: relative;z-index: 2;}
#mv .wrap {position: absolute;bottom: 10%;left: 0;z-index: 2;width: 100%;}
#mv .wrap h1 span {
	display: inline-block;
	position: relative;
	z-index: 1;
	margin-bottom: .8%;
	padding: .2vw 6vw;
	color: #fff;
	font-weight: bold;
	font-size: 3vw;
	line-height: 1.2;
}
#mv .wrap h1 span:last-child {margin-bottom: 0;}
#mv .wrap h1 span::before {
	content: '';
	position: absolute;
	top: 0;
	left: -10px;
	z-index: -1;
	width: 100%;
	height: 100%;
	transform: skewX(-10deg);
	background: #1F51E5;
}
@media only screen and ( max-width : 767px ) {
	#mv {margin-top: 60px;}
}
/*--------------------------------------------------

	GREETING │ 挨拶

--------------------------------------------------*/
#greeting .block1 {
	background: url(../img/front/greeting/bg.webp) no-repeat top center / cover;
	padding-top: clamp(70px, calc(70px + 66 * ((100vw - 375px) / 1545)), 136px);
	padding-bottom: clamp(40px, calc(40px + 10 * ((100vw - 375px) / 1545)), 50px);
}
#greeting .block1 h2 {
	margin-bottom: clamp(40px, calc(40px + 20 * ((100vw - 375px) / 1545)), 60px);
	font-weight: 700;
	font-size: clamp(22px, calc(22px + 18 * ((100vw - 375px) / 1545)), 40px);
	text-align: center;
}
#greeting .block1 h2 span {background: linear-gradient(transparent 70%, #FFF602 70%);}
#greeting .block1 ul li {
	position: relative;
	margin-bottom: 30px;
	padding: clamp(10px, calc(10px + 5 * ((100vw - 375px) / 1545)), 15px);
	padding-left: clamp(60px, calc(60px + 10 * ((100vw - 375px) / 1545)), 70px);
	padding-right: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);
	border-radius: 30px;
	font-weight: 700;
	font-size: clamp(14px, calc(14px + 18 * ((100vw - 375px) / 1545)), 32px);
	background: #F8F8F8;
}
#greeting .block1 ul li:last-child {margin-bottom: 0;}
#greeting .block1 ul li::before {
	content: '';
	position: absolute;
	top: .7em;
	left: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);
	width: clamp(25px, calc(25px + 10 * ((100vw - 375px) / 1545)), 35px);
	height: 100%;
	background: url(../img/common/Icon_check.svg) no-repeat top center / 100%;
}
#greeting .block2 {
	padding-top: clamp(50px, calc(50px + 87 * ((100vw - 375px) / 1545)), 137px);
	overflow: hidden;
	background: #FFFAF5;
}
#greeting .block2 .title_common {text-align: center;}
#greeting .block2 .title_common p {
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
	padding: 0 20px;
	font-weight: 500;
	font-size: clamp(16px, calc(16px + 16 * ((100vw - 375px) / 1545)), 32px);
	text-align: center;
}
#greeting .block2 .title_common p::before,
#greeting .block2 .title_common p::after {
	content: '';
	position: absolute;
	top: 50%;
	width: 3px;
	height: clamp(22px, calc(22px + 8 * ((100vw - 375px) / 1545)), 30px);
	background: #101843;
}
#greeting .block2 .title_common p::before {left: 0;transform: translateY(-50%) rotate(-25deg);}
#greeting .block2 .title_common p::after {right: 0;transform: translateY(-50%) rotate(25deg);}
#greeting .block2 .title_common p span {color: #FC7900;}
#greeting .block2 figure {width: 70%;max-width: 711px;margin: 0 auto;}
#greeting .block3 {
	padding-top: clamp(55px, calc(55px + 30 * ((100vw - 375px) / 1545)), 85px);
	padding-bottom: clamp(55px, calc(55px + 30 * ((100vw - 375px) / 1545)), 85px);
}
#greeting .block3 .container {
	padding: clamp(20px, calc(20px + 30 * ((100vw - 375px) / 1545)), 50px);
	padding-top: clamp(30px, calc(30px + 30 * ((100vw - 375px) / 1545)), 60px);
	padding-bottom: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px);
	border-radius: 20px;
	background: #F8F8F8;
}
#greeting .block3 .container figure {width: 30%;}
#greeting .block3 .container figure img {margin-bottom: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);}
#greeting .block3 .container figure figcaption {font-size: clamp(14px, calc(14px + 10 * ((100vw - 375px) / 1545)), 24px);text-align: center;}
#greeting .block3 .container figure figcaption span {
	display: block;
	margin-top: clamp(5px, calc(5px + 5 * ((100vw - 375px) / 1545)), 10px);
	font-weight: 700;
	font-size: 1.4em;
	text-align: center;
}
#greeting .block3 .container .wrap {width: 67%;}
#greeting .block3 .container .wrap h2 {
	margin-bottom: clamp(15px, calc(15px + 10 * ((100vw - 375px) / 1545)), 25px);
	font-weight: 700;
	font-size: clamp(22px, calc(22px + 18 * ((100vw - 375px) / 1545)), 40px);
}
@media only screen and ( max-width : 767px ) {
	#greeting .block1 {background-image: url(../img/front/greeting/bg-sp.webp);}
	#greeting .block3 .container figure {width: 100%;margin-bottom: clamp(40px, calc(40px + 20 * ((100vw - 375px) / 1545)), 60px);text-align: center;}
	#greeting .block3 .container figure img {max-width: 200px;}
	#greeting .block3 .container .wrap {width: 100%;}
	#greeting .block3 .container .wrap h2 {text-align: center; font-size: 20px;}
}
/*--------------------------------------------------

	MERIT │ スキルワン4つの特長

--------------------------------------------------*/
#merit {background: url(../img/front/merit/bg.webp) no-repeat top center / cover;}
#merit ul li {align-items: center;margin-bottom: clamp(45px, calc(45px + 20 * ((100vw - 375px) / 1545)), 65px);background: #fff;}
#merit ul li:last-child {margin-bottom: 0;}
#merit ul li figure {width: 30%;}
#merit ul li .wrap {width: 70%;padding: 20px;}
#merit ul li .wrap .ttl_content {margin-bottom: clamp(20px, calc(20px + 5 * ((100vw - 375px) / 1545)), 25px);}
#merit ul li .wrap .ttl_content p {margin-bottom: 5px;font-size: clamp(14px, calc(14px + 2 * ((100vw - 375px) / 1545)), 16px);}
#merit ul li .wrap .ttl_content h2 {font-weight: 700;font-size: clamp(20px, calc(20px + 4 * ((100vw - 375px) / 1545)), 24px);}
#merit ul li .wrap .ttl_content h2 span {background: linear-gradient(transparent 70%, #FFF602 70%);}
@media only screen and ( max-width : 767px ) {
	#merit ul li figure {width: 100%;}
	#merit ul li .wrap {width: 100%;}
}
/*--------------------------------------------------

	FLOW │ スキルワンでの1日の流れ

--------------------------------------------------*/
#flow .container {
	padding: clamp(20px, calc(20px + 30 * ((100vw - 375px) / 1545)), 50px);
	padding-top: clamp(45px, calc(45px + 30 * ((100vw - 375px) / 1545)), 75px);
	padding-bottom: clamp(60px, calc(60px + 30 * ((100vw - 375px) / 1545)), 90px);
	border-radius: 20px;
	background: #fff;
}
#flow .container dl {
	align-items: center;
	gap: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);
	margin-bottom: 35px;
}
#flow .container dl dt {width: clamp(125px, calc(125px + 70 * ((100vw - 375px) / 1545)), 195px);}
#flow .container dl dd {flex: 1;}
@media only screen and ( max-width : 767px ) {
	#flow .container dl {display: block;}
	#flow .container dl dt {margin-bottom: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);}
}
/*--------------------------------------------------

	PROGRAM │ プログラム内容

--------------------------------------------------*/
#program .inner {max-width: 1383px;}
#program ul {max-width: 1087px;margin: 0 auto clamp(45px, calc(45px + 20 * ((100vw - 375px) / 1545)), 65px);}
#program ul li {
	position: relative;
	margin-bottom: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px);
	padding: clamp(10px, calc(10px + 5 * ((100vw - 375px) / 1545)), 15px);
	padding-left: clamp(60px, calc(60px + 30 * ((100vw - 375px) / 1545)), 90px);
	padding-right: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);
	border-radius: 40px;
	font-weight: 500;
	font-size: clamp(14px, calc(14px + 18 * ((100vw - 375px) / 1545)), 32px);
	background: #F8F8F8;
}
#program ul li:last-child {margin-bottom: 0;}
#program ul li::before {
	content: '';
	position: absolute;
	top: .7em;
	left: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);
	width: clamp(25px, calc(25px + 10 * ((100vw - 375px) / 1545)), 35px);
	height: 100%;
	background: url(../img/common/Icon_check.svg) no-repeat top center / 100%;
}
#program ol {display: grid;grid-template-columns: repeat(5, 1fr);gap: clamp(30px, calc(30px + 40 * ((100vw - 375px) / 1545)), 70px);}
#program ol li figure {position: relative;margin-bottom: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);}
#program ol li figure::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 117%;
	transform: translate(-50%, -50%);
	border-left: solid #eee clamp(24px, calc(24px + 20 * ((100vw - 375px) / 1545)), 44px);
	border-top: solid transparent clamp(15px, calc(15px + 10 * ((100vw - 375px) / 1545)), 25px);
	border-bottom: solid transparent clamp(15px, calc(15px + 10 * ((100vw - 375px) / 1545)), 25px);
}
#program ol li:last-child figure::after {display: none;}
#program ol li .wrap h3 {
	margin-bottom: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);
	font-weight: 700;
	font-size: clamp(14px, calc(14px + 2 * ((100vw - 375px) / 1545)), 16px);
	text-align: center;
}
#program ol li:nth-child(2) .wrap h3 {margin-bottom: 10px;}
#program ol li .wrap h3 span {
	display: block;
	margin-top: 5px;
	font-weight: 500;
	font-size: clamp(10px, calc(10px + 1 * ((100vw - 375px) / 1545)), 11px);
	line-height: 1.4;
	text-align: center;
}
#program ol li .wrap p {font-size: clamp(12px, calc(12px + 2 * ((100vw - 375px) / 1545)), 14px);}
@media only screen and ( max-width : 1024px ) {
	#program ol {grid-template-columns: repeat(3, 1fr);}
	#program ol li figure::after {left: 110%;}
}
@media only screen and ( max-width : 767px ) {
	#program ol {grid-template-columns: repeat(1, 1fr);gap: 70px;}
	#program ol li {display: flex;align-items: center;gap: 20px;position: relative;}
	#program ol li::after {
		content: '';
		position: absolute;
		top: 110%;
		left: 50%;
		transform: translateX(-50%);
		border-top: solid #eee clamp(24px, calc(24px + 20 * ((100vw - 375px) / 1545)), 44px);
		border-right: solid transparent clamp(15px, calc(15px + 10 * ((100vw - 375px) / 1545)), 25px);
		border-left: solid transparent clamp(15px, calc(15px + 10 * ((100vw - 375px) / 1545)), 25px);
	}
	#program ol li:last-child::after {display: none;}
	#program ol li figure::after {display: none;}
	#program ol li .wrap h3 {margin-bottom: 20px;font-size: 1.8rem;text-align: left;}
	#program ol li:nth-child(2) .wrap h3 {margin-bottom: 20px;}
	#program ol li .wrap h3 span {text-align: left;}
}
/*--------------------------------------------------

	CURRICULUM │ 個別カリキュラム

--------------------------------------------------*/
#curriculum {padding-bottom: clamp(10px, calc(100px + 70 * ((100vw - 375px) / 1545)), 170px);}
#curriculum .title_common h2 {
	margin-bottom: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);
	font-size: clamp(16px, calc(16px + 16 * ((100vw - 375px) / 1545)), 32px);
}
#curriculum .title_common h2 span {background: linear-gradient(transparent 70%, #FFF602 70%);}
#curriculum .title_common p {font-size: clamp(14px, calc(14px + 2 * ((100vw - 375px) / 1545)), 16px);}
#curriculum h3 {
	margin-bottom: clamp(40px, calc(40px + 40 * ((100vw - 375px) / 1545)), 80px);
	font-weight: 700;
	font-size: clamp(22px, calc(22px + 18 * ((100vw - 375px) / 1545)), 40px);
	text-align: center;
}
#curriculum ul li {
	margin-bottom: clamp(30px, calc(30px + 10 * ((100vw - 375px) / 1545)), 40px);
	padding: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);
	padding-top: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px);
	border-radius: 10px;
	background: #FFFBF4;
}
#curriculum ul li:nth-child(even) {background: #FFF3E3;}
#curriculum ul li:last-child {margin-bottom: 0;}
#curriculum ul li dl {width: 95%;margin: 0 auto clamp(10px, calc(10px + 5 * ((100vw - 375px) / 1545)), 15px);}
#curriculum ul li dl dt {
	display: flex;
	align-items: center;
	gap: clamp(5px, calc(5px + 5 * ((100vw - 375px) / 1545)), 10px);
	margin-bottom: 10px;
	font-weight: 700;
	font-size: clamp(18px, calc(18px + 14 * ((100vw - 375px) / 1545)), 32px);
}
#curriculum ul li dl dt img {width: clamp(30px, calc(30px + 20 * ((100vw - 375px) / 1545)), 50px);}
#curriculum ul li dl dd {font-weight: 500;}
#curriculum ul li .wrap {
	padding: clamp(20px, calc(20px + 4 * ((100vw - 375px) / 1545)), 24px);
	padding-top: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);
	padding-bottom: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);
	border-radius: 10px;
	background: #fff;
}
#curriculum ul li .wrap p {font-weight: 500;font-size: clamp(14px, calc(14px + 2 * ((100vw - 375px) / 1545)), 16px);}
/*--------------------------------------------------

	TRAINING │ 訓練のカリキュラムと環境

--------------------------------------------------*/
#training {background: url(../img/common/bg.webp) no-repeat top center / cover;}
#training .inner {max-width: 900px;}
#training .container:nth-child(1) {margin-bottom: clamp(100px, calc(100px + 45 * ((100vw - 375px) / 1545)), 145px);}
#training .container .title_common {margin-bottom: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);}
#training .container .wrap .content {margin-bottom: clamp(30px, calc(30px + 10 * ((100vw - 375px) / 1545)), 40px);}
#training .container:nth-child(2) .wrap .content {
	padding-top: clamp(15px, calc(15px + 5 * ((100vw - 375px) / 1545)), 20px);
	padding-bottom: clamp(15px, calc(15px + 5 * ((100vw - 375px) / 1545)), 20px);
	border: solid #eee clamp(10px, calc(10px + 8 * ((100vw - 375px) / 1545)), 18px);
	border-radius: 10px;
	background: #fff;
}
#training .container:nth-child(2) .wrap .content figure {width: 85%;max-width: 550px;margin: 0 auto;}
/*--------------------------------------------------

	STEP │ 利用開始までの5ステップ

--------------------------------------------------*/
#step ol {display: grid;grid-template-columns: repeat(5, 1fr);gap: clamp(30px, calc(30px + 40 * ((100vw - 375px) / 1545)), 70px);}
#step ol li figure {
	position: relative;
	max-width: clamp(110px, calc(110px + 100 * ((100vw - 375px) / 1545)), 220px);
	margin-bottom: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);
}
#step ol li figure::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 117%;
	transform: translate(-50%, -50%);
	border-left: solid #eee clamp(24px, calc(24px + 20 * ((100vw - 375px) / 1545)), 44px);
	border-top: solid transparent clamp(15px, calc(15px + 10 * ((100vw - 375px) / 1545)), 25px);
	border-bottom: solid transparent clamp(15px, calc(15px + 10 * ((100vw - 375px) / 1545)), 25px);
}
#step ol li:last-child figure::after {display: none;}
#step ol li .wrap h3 {
	margin-bottom: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);
	font-weight: 700;
	font-size: clamp(14px, calc(14px + 2 * ((100vw - 375px) / 1545)), 16px);
	text-align: center;
}
#step ol li p {font-size: clamp(12px, calc(12px + 2 * ((100vw - 375px) / 1545)), 14px);}
@media only screen and ( max-width : 1024px ) {
	#step ol {grid-template-columns: repeat(3, 1fr);}
	#step ol li figure::after {left: 110%;}
}
@media only screen and ( max-width : 767px ) {
	#step ol {grid-template-columns: repeat(1, 1fr);gap: 70px;}
	#step ol li {display: flex;align-items: center;gap: 20px;position: relative;}
	#step ol li::after {
		content: '';
		position: absolute;
		top: 110%;
		left: 50%;
		transform: translateX(-50%);
		border-top: solid #eee clamp(24px, calc(24px + 20 * ((100vw - 375px) / 1545)), 44px);
		border-right: solid transparent clamp(15px, calc(15px + 10 * ((100vw - 375px) / 1545)), 25px);
		border-left: solid transparent clamp(15px, calc(15px + 10 * ((100vw - 375px) / 1545)), 25px);
	}
	#step ol li:last-child::after {display: none;}
	#step ol li figure::after {display: none;}
	#step ol li .wrap h3 {margin-bottom: 20px;font-size: 1.8rem;text-align: left;}
	#step ol li:nth-child(2) .wrap h3 {margin-bottom: 20px;}
	#step ol li .wrap h3 span {text-align: left;}
}
/*--------------------------------------------------

	FAQ │ 挨拶

--------------------------------------------------*/
#faq {background: url(../img/common/bg.webp) no-repeat top center / cover;}
#faq ul li {
	margin-bottom: clamp(40px, calc(40px + 20 * ((100vw - 375px) / 1545)), 60px);
	padding: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);
	padding-bottom: clamp(20px, calc(20px + 60 * ((100vw - 375px) / 1545)), 80px);
	border-radius: 20px;
	background: #fff;
}
#faq ul li:last-child {margin-bottom: 0;}
#faq ul li h3 {
	position: relative;
	margin-bottom: clamp(15px, calc(15px + 10 * ((100vw - 375px) / 1545)), 25px);
	padding-left: clamp(25px, calc(25px + 10 * ((100vw - 375px) / 1545)), 35px);
}
#faq ul li h3::before {content: 'Q.';position: absolute;top: 0;left: 0;color: #FC7902;font-weight: 700;}
#faq ul li .wrap {position: relative;}
#faq ul li .wrap::before {content: 'A.';position: absolute;top: .5em;left: 0;font-weight: 700;}
#faq ul li .wrap {padding-left: clamp(25px, calc(25px + 10 * ((100vw - 375px) / 1545)), 35px);}
@media only screen and ( max-width : 767px ) {
}
/*--------------------------------------------------

	STAFF │ スキルワンのスタッフ紹介

--------------------------------------------------*/
#staff .inner {max-width: 1050px;}
#staff ul li {width: 28%;overflow: hidden;border: 1px solid #C4C4C4;border-radius: 2em;background: #fff;}
#staff ul li .wrap {padding: clamp(20px, calc(20px + 5 * ((100vw - 375px) / 1545)), 25px);}
#staff ul li .wrap h3 {margin-bottom: clamp(15px, calc(15px + 10 * ((100vw - 375px) / 1545)), 25px);color: #707070;}
#staff ul li .wrap h3 span {display: block;margin-top: clamp(4px, calc(4px + 3 * ((100vw - 375px) / 1545)), 7px);font-size: 1.4em;}
#staff ul li .wrap p {color: #707070; font-size: 14px;}
@media only screen and ( max-width : 767px ) {
	#staff ul {gap: 30px 5%;justify-content: center;}
	#staff ul li {width: 40%;}
}
@media only screen and ( max-width : 500px ) {
	#staff ul li {width: 100%;}
}
/*--------------------------------------------------

	ACCESS │ アクセス

--------------------------------------------------*/
#access {background: #FFFAF5;}
#access .inner {max-width: 1415px;}
#access .map_container {align-items: center;margin-bottom: clamp(100px, calc(100px + 40 * ((100vw - 375px) / 1545)), 140px);}
#access .map_container .map_wrap {width: 40%;}
#access .map_container .map_wrap .content {position: relative;width: 100%;padding-top: 56.25%;}
#access .map_container .map_wrap .content iframe {position: absolute;top: 0;right: 0;width: 100%;height: 100%;}
#access .map_container .txt_wrap {width: 57%;}
#access .map_container .txt_wrap h3 {
	margin-bottom: clamp(10px, calc(10px + 30 * ((100vw - 375px) / 1545)), 40px);
	font-weight: 700;
	font-size: clamp(18px, calc(18px + 14 * ((100vw - 375px) / 1545)), 32px);
}
#access .map_container .txt_wrap .content p:nth-child(1) {
	margin-bottom: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);
	padding-bottom: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);
	border-bottom: 1px solid #101843;
}
#access .consult_container h2 {
	position: relative;
	margin-bottom: clamp(30px, calc(30px + 20 * ((100vw - 375px) / 1545)), 50px);
	overflow: hidden;
	font-size: clamp(22px, calc(22px + 18 * ((100vw - 375px) / 1545)), 40px);
	text-align: center;
}
#access .consult_container h2 span {
	display: inline-block;
	position: relative;
	padding: 0 clamp(20px, calc(20px + 40 * ((100vw - 375px) / 1545)), 60px);
	line-height: 1.4;
	text-align: center;
}
#access .consult_container h2 span::before,
#access .consult_container h2 span::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 134px;
	height: 1px;
	background: #101843;
}
#access .consult_container h2 span::before {right: 100%;}
#access .consult_container h2 span::after {left: 100%;}
#access .consult_container ul {display: flex;justify-content: center;align-items: center;gap: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);}
#access .consult_container ul li:nth-child(1) .wrap {
	display: flex;
	align-items: center;
	gap: clamp(5px, calc(5px + 5 * ((100vw - 375px) / 1545)), 10px);
	padding: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1545)), 40px);
	padding-top: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);
	padding-bottom: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);
	border-radius: 5px;
	background: #fff;
}
#access .consult_container ul li:nth-child(1) .wrap img {width: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1545)), 30px);}
#access .consult_container ul li:nth-child(1) span {font-size: clamp(10px, calc(10px + 4 * ((100vw - 375px) / 1545)), 14px);}
#access .consult_container ul li:nth-child(1) .wrap span a {
	display: block;
	margin-bottom: 5px;
	font-weight: 700;
	font-size: clamp(16px, calc(16px + 8 * ((100vw - 375px) / 1545)), 24px);
}
#access .consult_container ul li:nth-child(2) a,
#access .consult_container ul li:nth-child(3) a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: clamp(20px, calc(20px + 30 * ((100vw - 375px) / 1545)), 50px);
	padding-top: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);
	padding-bottom: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 20px);
	border-radius: 65px;
	box-shadow: 0 6px 6px rgba(0, 0, 0, 16%);
	background: #FC7900;
	color: #fff;
	font-weight: 700;
	font-size: clamp(18px, calc(18px + 14 * ((100vw - 375px) / 1545)), 32px);
}
#access .consult_container ul li:nth-child(3) a {background: #2BC301;}
#access .consult_container ul li:nth-child(2) a:hover,
#access .consult_container ul li:nth-child(3) a:hover {transform: translateY(3px);box-shadow: 0 1px 2px rgba(0, 0, 0, 16%);}
#access .consult_container ul li:nth-child(2) a img {width: clamp(25px, calc(25px + 20 * ((100vw - 375px) / 1545)), 45px);}
#access .consult_container ul li:nth-child(3) a img {width: clamp(16px, calc(16px + 20 * ((100vw - 375px) / 1545)), 36px);}
@media only screen and ( max-width : 767px ) {
	#access .map_container .map_wrap {width: 100%;margin-bottom: 30px;}
	#access .map_container .txt_wrap {width: 100%;}
	#access .consult_container ul {flex-wrap: wrap;justify-content: center;gap: 20px 5%;}
	#access .consult_container ul li:nth-child(1) {width: 100%;text-align: center;}
	#access .consult_container ul li:nth-child(2),
	#access .consult_container ul li:nth-child(3) {width: 45%;}
	#access .consult_container ul li:nth-child(1) .wrap {display: inline-flex;}
	#access .consult_container ul li:nth-child(1) .wrap span {text-align: center;}
	#access .consult_container ul li:nth-child(1) .wrap span a {text-align: center;}
}
@media only screen and ( max-width : 500px ) {
	#access .consult_container ul {gap: 10px;}
	#access .consult_container ul li:nth-child(2),
	#access .consult_container ul li:nth-child(3) {width: 100%;}
}