@charset "UTF-8";

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

common

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* --------------------------------------------------

access MV用

-------------------------------------------------- */
#top #topMv {
	width: 100%;
	padding-top: 49.765625%;
	margin: 0 0 calc(20 * var(--width-ratio));
	background: url(/wp-content/uploads/2025/11/bc557fc2be2c5ea7095694ba4e7c2b70.webp) 100% 0%/cover no-repeat, #F2F2F2;
	position: relative;
}

#top #topMv .img01 {
	position: absolute;
	top: calc(20 * var(--width-ratio));
	left: calc(4 * var(--width-ratio));
}

#top #topMv .award {
	width: calc(580 * var(--width-ratio));
	position: absolute;
	top: calc(490 * var(--width-ratio));
	left: calc(16 * var(--width-ratio));
}

#top #topMv .award p {
	font-size: calc(10 * var(--width-ratio));
	line-height: calc(13 * var(--width-ratio));
}

@media (min-width: 1280px) {
	#top #topMv .img01 {
		left: 50%;
		margin: 0 0 0 calc(-636 * var(--width-ratio));
	}

	#top #topMv .award {
		left: 50%;
		margin: 0 0 0 calc(-624 * var(--width-ratio));
	}
}

#top #topMv > .inner {
	width: 100%;
	max-width: calc(1100 * var(--width-ratio));
	margin: 0 auto;
	position: relative;
}

#top #topMv > .inner .img02 {
	position: absolute;
	top: calc(132 * var(--width-ratio));
	right: calc(-15 * var(--width-ratio));
}

#top #topMv > .inner .img03 {
	position: absolute;
	top: calc(549 * var(--width-ratio));
	right: calc(-60 * var(--width-ratio));
}

@media (max-width: 750px) {
	#top #topMv {
		height: calc(861 * var(--width-ratio));
		margin: 0;
		background: url(/wp-content/uploads/2025/11/f2b10d535e923ed354d3dae07539b0fd.webp) 50%/cover;
	}

	#top #topMv .img01 {
		top: 0;
		left: 0;
	}

	#top #topMv .award {
		display: none;
	}

	#top #topMv > .inner {
		display: none;
	}
}

/* --------------------------------------------------

.pageTtlArea_access 20200128

-------------------------------------------------- */
.pageTtlArea_access {
	padding: 0 0 calc(8 * var(--width-ratio));
	background-image: linear-gradient(90deg, rgb(240 251 246), rgb(214 250 255 / 66%) 55%);
}

.pageTtlArea_access .breadcrumb li,
.pageTtlArea_access .breadcrumb a {
	font-size: 0.8rem;
	line-height: 1.3em;
	margin:0.3em 0 0 0!important;
	letter-spacing:0.025em;
	display:flex;
	align-items:center;
}

.pageTtlArea_access .breadcrumb li:after {
	content: '＞';
	margin: 0 calc(10 * var(--width-ratio));
}

.pageTtlArea_access .breadcrumb li:last-child:after {
	content: none;
}

.pageTtlArea_access .breadcrumb {
	display: flex;
	width: 100%;
	max-width: calc(1104 * var(--width-ratio));
	padding: calc(8 * var(--width-ratio)) 0 ;
	margin: 0 auto;
}

@media (max-width: 750px) {
	.pageTtlArea_access {
		/*height: calc(72 * var(--width-ratio));*/
		padding: 0 0 calc(12 * var(--width-ratio));
	}

	.pageTtlArea_access > .inner {
		width: 100%;
	}

	.pageTtlArea h1,
	.pageTtlArea h2 {
margin: 1em 0 0.5em;
        font-size: 1rem;
        line-height: 1.4em;
		background-image:linear-gradient(90deg, rgb(240 251 246), rgb(214 250 255 / 66%) 55%);
	}

	.pageTtlArea_access .breadcrumb {
		display: flex;
		width: 100%;
		max-width: calc(1060 * var(--width-ratio));
		padding:0.25em 0;
		margin: 0 auto;
	}

	.pageTtlArea_access ul .breadcrumb {}
}

@media (max-width: 750px) {

	.pageTtlArea_access .breadcrumb li,
	.pageTtlArea_access .breadcrumb a {
		font-size: calc(17 * var(--width-ratio));
	}

	.pageTtlArea_access .breadcrumb {
		width: 100%;
		padding: calc(8 * var(--width-ratio)) calc(20 * var(--width-ratio)) 0;
	}
}

/* --------------------------------------------------

.pageTtlArea

-------------------------------------------------- */
.pageTtlArea {
	padding: calc(14 * var(--width-ratio)) 0 calc(14 * var(--width-ratio));
	background-image: linear-gradient(90deg, rgb(240 251 246), rgb(214 250 255 / 66%) 55%);
	letter-spacing:0.05em;
}

.pageTtlArea h1,
.pageTtlArea h2 {
	margin:0.5em 0 0;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size: calc(28 * var(--width-ratio));
	line-height: 1.3em;
	text-align: center;
	letter-spacing:0.075em;
}

@media (max-width: 750px) {
    .pageTtlArea {
        height: calc(120* var(--width-ratio));
        padding: 0 0 calc(45* var(--width-ratio));
    }

	.pageTtlArea > .inner {
		width: 100%;
		padding:0.25em 1.5em;
	}

	.pageTtlArea h1,
	.pageTtlArea h2 {
		margin: 1em 0 0;
			line-height: 1.3em;
		font-size: calc(28 * var(--width-ratio));
	}
}

.pageTtlArea .breadcrumb {
	display: flex;
	width: 100%;
	max-width: calc(1060 * var(--width-ratio));
	padding: 0.5em 0.25em 0.5em;
	margin: 0 auto;
}

#merit .pageTtlArea .breadcrumb,
#coupon .pageTtlArea .breadcrumb {
	display: flex;
	width: 100%;
	max-width: calc(1000 * var(--width-ratio));
	height: 0;
	padding: 0;
	margin: 0 auto;
	position: relative;
	top: calc(20 * var(--width-ratio));
}

.pageTtlArea .breadcrumb li,
.pageTtlArea .breadcrumb a {
	font-size: calc(13 * var(--width-ratio));
	line-height: 1.4em;
	margin:0.3em 0 0 0;
}

.pageTtlArea .breadcrumb li:after {
	content: '＞';
	margin: 0 calc(10 * var(--width-ratio));
}

.pageTtlArea .breadcrumb li:last-child:after {
	content: none;
}

@media (max-width: 750px) {
	.pageTtlArea .breadcrumb {
		width: 100%;
		padding: calc(4 * var(--width-ratio)) calc(4 * var(--width-ratio)) 0;
	}

	#merit .pageTtlArea .breadcrumb,
	#coupon .pageTtlArea .breadcrumb {
		width: 100%;
		height: auto;
		padding: calc(8 * var(--width-ratio)) calc(20 * var(--width-ratio)) calc(16 * var(--width-ratio));
		background: #fff;
	}

	.pageTtlArea .breadcrumb li,
	.pageTtlArea .breadcrumb a {
		font-size: calc(17 * var(--width-ratio));
	}
}

.pageTtlArea.mv {
	background: transparent;
}

.pageTtlArea.mv > .inner {
	height: calc(368 * var(--width-ratio));
}

.pageTtlArea.mv h1,
.pageTtlArea.mv h2 {
	margin: calc(52 * var(--width-ratio)) 0 0;
	font-size: calc(35 * var(--width-ratio));
}

@media (max-width: 750px) {
	.pageTtlArea.mv {
		height: auto;
		padding: calc(52 * var(--width-ratio)) 0 0;
	}

	.pageTtlArea.mv > .inner {
		height: calc(298 * var(--width-ratio));
	}

	.pageTtlArea.mv .breadcrumb {
		padding: 0 0 0 calc(20 * var(--width-ratio));
		position: relative;
		top: calc(-28 * var(--width-ratio));
	}

	.pageTtlArea.mv h1,
	.pageTtlArea.mv h2 {
		margin: calc(60 * var(--width-ratio)) 0 0;
		font-size: calc(42 * var(--width-ratio));
	}
}

/* --------------------------------------------------

.studioPageLinkArea

-------------------------------------------------- */
.flexWrap01 {
	display: flex;
	width: 100%;
	max-width: calc(860 * var(--width-ratio));
	margin: 0 auto calc(80 * var(--width-ratio));
}

.flexWrap01 .imgArea {
	width: calc(435 * var(--width-ratio));
}

.flexWrap01 .imgArea img {
	width: 100%;
	height: auto;
}

.flexWrap01 .txtArea {
	padding: 0 0 0 calc(28 * var(--width-ratio));
}

.flexWrap01 .txtArea h3 {
	margin: 0 0 calc(12 * var(--width-ratio));
	font-size: calc(26 * var(--width-ratio));
	line-height: calc(36 * var(--width-ratio));
	font-weight: 400;
	color: #76B7C9;
}

.flexWrap01 .txtArea p {
	line-height: calc(26 * var(--width-ratio));
}

.flexWrap01 .txtArea a {
	display: block;
	width: calc(390 * var(--width-ratio));
	padding: calc(13 * var(--width-ratio)) 0;
	margin: calc(20 * var(--width-ratio)) 0 0;
	border: calc(1 * var(--width-ratio)) solid #0088F3;
	background: #fff;
	font-size: calc(18 * var(--width-ratio));
	text-align: center;
	color: #0088F3;
	position: relative;
}

.flexWrap01 .txtArea a:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(9 * var(--width-ratio)) 0 calc(9 * var(--width-ratio)) calc(9 * var(--width-ratio));
	border-color: transparent transparent transparent #0088F3;
	position: absolute;
	top: calc(13 * var(--width-ratio));
	right: calc(20 * var(--width-ratio));
}

.flexWrap01:last-child {
	margin: 0 auto;
}

@media (max-width: 750px) {
	.flexWrap01 {
		flex-direction: column;
		width: 100%;
		padding: 0 calc(32 * var(--width-ratio));
		margin: 0 auto calc(80 * var(--width-ratio));
	}

	.flexWrap01 .imgArea {
		width: 100%;
		min-width: auto;
	}

	.flexWrap01 .txtArea {
		width: 100%;
		padding: 0;
	}

	.flexWrap01 .txtArea h3 {
		margin: calc(24 * var(--width-ratio)) 0 calc(16 * var(--width-ratio));
		font-size: calc(35 * var(--width-ratio));
		line-height: calc(43 * var(--width-ratio));
	}

	.flexWrap01 .txtArea p {
		font-size: calc(25 * var(--width-ratio));
		line-height: calc(40 * var(--width-ratio));
	}

	.flexWrap01 .txtArea a {
		display: block;
		width: calc(412 * var(--width-ratio));
		padding: calc(16 * var(--width-ratio)) 0;
		margin: calc(52 * var(--width-ratio)) auto 0;
		font-size: calc(21 * var(--width-ratio));
	}

	.flexWrap01 .txtArea a:before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: calc(10 * var(--width-ratio)) 0 calc(10 * var(--width-ratio)) calc(10 * var(--width-ratio));
		border-color: transparent transparent transparent #0088F3;
		position: absolute;
		top: calc(17.5 * var(--width-ratio));
		right: calc(20 * var(--width-ratio));
	}
}

/* --------------------------------------------------

.studioPageLinkArea

-------------------------------------------------- */
.studioPageLinkArea {
	display: flex;
	justify-content: center;
	margin: calc(52 * var(--width-ratio)) 0;
}

.studioPageLinkArea ul {
	display: flex;
	justify-content: center;
}

.studioPageLinkArea ul li {
	margin: 0 calc(4 * var(--width-ratio));
}

.studioPageLinkArea ul li a {
	display: block;
	padding: 0 calc(28 * var(--width-ratio));
	border-radius: calc(30 * var(--width-ratio));
	background: #5ababc;
	font-size: calc(18 * var(--width-ratio));
	line-height: calc(36 * var(--width-ratio));
	color: #fff;
	box-shadow: 3px 4px 4px rgb(0 0 0 / 10%);
}

@media (max-width: 750px) {
	.studioPageLinkArea {
		flex-direction: column;
		padding: 0 calc(32 * var(--width-ratio));
		margin: calc(52 * var(--width-ratio)) 0;
	}

	.studioPageLinkArea h2 {
		height: calc(72 * var(--width-ratio));
		padding: 0 0 0 calc(20 * var(--width-ratio));
		background: #5ababc;
		font-size: calc(32 * var(--width-ratio));
		line-height: calc(72 * var(--width-ratio));
		color: #fff;
		position: relative;
	}

	.studioPageLinkArea h2:before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: calc(20 * var(--width-ratio)) calc(18 * var(--width-ratio)) 0 calc(18 * var(--width-ratio));
		border-color: #ffffff transparent transparent transparent;
		position: absolute;
		top: 50%;
		right: calc(20 * var(--width-ratio));
		margin: calc(-10 * var(--width-ratio)) 0 0;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}

	.studioPageLinkArea h2.open:before {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.studioPageLinkArea ul {
		flex-direction: column;
		padding: 0;
		margin: 0 0 calc(20 * var(--width-ratio));
		background: #f4f4f4;
		max-height: 0;
		overflow: hidden;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}

	.studioPageLinkArea ul li {
		padding: calc(16 * var(--width-ratio)) 0 calc(16 * var(--width-ratio)) calc(20 * var(--width-ratio));
		margin: 0;
	}

	.studioPageLinkArea ul li a {
		display: block;
		padding: 0;
		border-radius: 0;
		background: transparent;
		font-size: calc(28 * var(--width-ratio));
		line-height: 1.5;
		font-weight: 600;
		color: #595858;
	}

	.studioPageLinkArea h2.open ~ ul {
		max-height: calc(720 * var(--width-ratio));
		padding: calc(24 * var(--width-ratio)) 0;
	}
}

/* --------------------------------------------------

.studioTableArea

-------------------------------------------------- */
.studioTableArea h2 {
	margin: 0 0 calc(15 * var(--width-ratio));
	font-size: calc(24 * var(--width-ratio));
	line-height: 1.4em;
	letter-spacing:0.075em;
	text-align: center;
}

.studioTableArea .tokyoArea {
	margin: 0 auto calc(60 * var(--width-ratio));
}

.studioTableArea table {
	display: block;
	letter-spacing:0.05em;
	width: 100%;
	max-width: calc(936 * var(--width-ratio));
	margin: 0 auto calc(60 * var(--width-ratio));
	border-top: calc(1 * var(--width-ratio)) solid #08131a;
	border-left: calc(1 * var(--width-ratio)) solid #08131a;
}

.studioTableArea tr {
	display: flex;
}

.studioTableArea th,
.studioTableArea td {
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: calc(1 * var(--width-ratio)) solid #000;
	border-bottom: calc(1 * var(--width-ratio)) solid #000;
	text-align: center;
}

.studioTableArea th:nth-child(1),
.studioTableArea td:nth-child(1) {
	width: calc(152 * var(--width-ratio));
}

.studioTableArea th:nth-child(2),
.studioTableArea td:nth-child(2) {
	width: calc(348 * var(--width-ratio));
}

.studioTableArea th:nth-child(3),
.studioTableArea td:nth-child(3) {
	width: calc(192 * var(--width-ratio));
}

.studioTableArea th:nth-child(4),
.studioTableArea td:nth-child(4) {
	width: calc(104 * var(--width-ratio));
}

.studioTableArea th:nth-child(5),
.studioTableArea td:nth-child(5) {
	width: calc(140 * var(--width-ratio));
}

.studioTableArea th {
	min-height: calc(44 * var(--width-ratio));
	padding: calc(8 * var(--width-ratio)) calc(12 * var(--width-ratio));
	border-bottom: none;
	background-image: linear-gradient(90deg, rgb(240 251 246), rgb(214 250 255 / 66%) 55%);
	font-weight: 500;
	border-bottom:1px solid #A1ACB2;
}

.studioTableArea td {
	min-height: calc(48 * var(--width-ratio));
	padding: calc(8 * var(--width-ratio)) calc(12 * var(--width-ratio));
	font-size: calc(14 * var(--width-ratio));
	line-height: calc(18 * var(--width-ratio));
}

.studioTableArea td a {
	font-size: calc(18 * var(--width-ratio));
	color: #1a73e8;
}

.studioTableArea td:nth-child(1) a {
	font-weight: 600;
}

@media (max-width: 750px) {
	.studioTableArea {
		padding: 0 calc(32 * var(--width-ratio));
	}

	.studioTableArea h2 {
		margin: 0 0 1em;
		font-size: calc(28 * var(--width-ratio));
		line-height: 1.4em;
		text-align: center;
	}

	.studioTableArea .tokyoArea {
		margin: 0 auto calc(108 * var(--width-ratio));
	}

	.studioTableArea .tableWrap {
		width: 100%;
		overflow-x: scroll;
	}

	.studioTableArea tr {
		display: flex;
	}

	.studioTableArea th,
	.studioTableArea td {
		display: flex;
		align-items: center;
		border-right: calc(1 * var(--width-ratio)) solid #A1ACB2;
		border-bottom: calc(1 * var(--width-ratio)) solid #A1ACB2;
	}

	.studioTableArea th:nth-child(1),
	.studioTableArea td:nth-child(1) {
		width: calc(216 * var(--width-ratio));
	}

	.studioTableArea th:nth-child(2),
	.studioTableArea td:nth-child(2) {
		width: calc(228 * var(--width-ratio));
	}

	.studioTableArea th:nth-child(3),
	.studioTableArea td:nth-child(3) {
		width: calc(276 * var(--width-ratio));
	}

	.studioTableArea th:nth-child(4),
	.studioTableArea td:nth-child(4) {
		width: calc(148 * var(--width-ratio));
	}

	.studioTableArea th:nth-child(5),
	.studioTableArea td:nth-child(5) {
		width: calc(200 * var(--width-ratio));
	}

	.studioTableArea th {
		min-height: calc(60 * var(--width-ratio));
		padding: calc(8 * var(--width-ratio)) calc(12 * var(--width-ratio));
		border-bottom: none;
		font-size: calc(24 * var(--width-ratio));
	}

	.studioTableArea td {
		min-height: calc(124 * var(--width-ratio));
		padding: calc(8 * var(--width-ratio)) calc(12 * var(--width-ratio));
		font-size: calc(20 * var(--width-ratio));
		line-height: calc(27 * var(--width-ratio));
	}

	.studioTableArea td a {
		font-size: calc(24 * var(--width-ratio));
		color: #1a73e8;
	}
}

/* --------------------------------------------------

.stadioListArea

-------------------------------------------------- */
.stadioListArea {
	padding: calc(52 * var(--width-ratio)) 0 0;
}

.stadioListArea h2 {
	font-size: calc(32 * var(--width-ratio));
	line-height: 1.4em;
	letter-spacing:0.075em;
	text-align: center;
}

.stadioListArea .studioArea {
	padding: calc(52 * var(--width-ratio)) 0 calc(20 * var(--width-ratio));
	border-bottom: calc(1 * var(--width-ratio)) solid #08131a;
}

.stadioListArea .studioArea:last-child {
	border-bottom: none;
}

    .stadioListArea h3 {
        margin: 0 0 1em;
        font-size: calc(32 * var(--width-ratio));
        line-height: 1.4em;
        text-align: center;
		letter-spacing:0.075em;
    }

.stadioListArea ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	max-width: calc(1100 * var(--width-ratio));
	margin: 0 auto;
}

.stadioListArea ul li {
	width: calc(340 * var(--width-ratio));
	padding: 0 0 calc(28 * var(--width-ratio));
	margin: 0 calc(40 * var(--width-ratio)) calc(52 * var(--width-ratio)) 0;
	position: relative;
}

.stadioListArea ul li h3 {
	margin: 0 0 calc(8 * var(--width-ratio));
	font-size: calc(20 * var(--width-ratio));
	line-height: 1.4em;
	text-align: center;
	letter-spacing:0.05em;
}

.stadioListArea ul li .imgArea {
	width: 100%;
	height: calc(230 * var(--width-ratio));
	margin: 0 0 calc(8 * var(--width-ratio));
}

.stadioListArea ul li .imgArea img {
	width: 100%;
	height: auto;
}

.stadioListArea ul li .imgArea iframe {
	width: 100%;
	height: 100%;
}

.stadioListArea ul li p {
	margin: 0 0 calc(16 * var(--width-ratio));
	font-size: calc(15 * var(--width-ratio));
	line-height: calc(22 * var(--width-ratio));
}

.stadioListArea ul li h4 {
	margin: 1em 0 0;
	font-size: calc(18 * var(--width-ratio));
	line-height: 1.4em;
	letter-spacing:0.05em;
	text-align:center;
}

.stadioListArea ul li table,
.stadioListArea ul li tbody,
.stadioListArea ul li thead {
	display: block;
}

.stadioListArea ul li table {
	background: #FAFFFD;
	padding: calc(12 * var(--width-ratio));
}

.stadioListArea ul li tr {
	display: flex;
	margin: 0 0 calc(8 * var(--width-ratio));
}

.stadioListArea ul li th,
.stadioListArea ul li td {
	font-size: calc(13 * var(--width-ratio));
	line-height: 1.5;
}

.stadioListArea ul li th {
	width: calc(132 * var(--width-ratio));
}

.stadioListArea ul li td {
	width: 100%;
}

.stadioListArea ul li td a {
	color: #1a73e8;
}

.stadioListArea ul li .toDetail {
	display: block;
	width: 100%;
	height: calc(35 * var(--width-ratio));
	margin: calc(20 * var(--width-ratio)) 0 0;
	background: linear-gradient(90deg, rgba(65, 164, 253, 1), rgb(14 210 189) 75%);
	font-size: calc(14 * var(--width-ratio));
	letter-spacing:0.05em;
	line-height: calc(35 * var(--width-ratio));
	border-radius:30px;
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	box-shadow: 2px 4px 4px rgb(0 0 0 / 10%);
}

.stadioListArea ul li .toDetail:not(.keyword):before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(6 * var(--width-ratio)) 0 calc(6 * var(--width-ratio)) calc(6 * var(--width-ratio));
	border-color: transparent transparent transparent #ffffff;
	position: absolute;
	top: 50%;
	right: calc(16 * var(--width-ratio));
	margin: calc(-6 * var(--width-ratio)) 0 0;
}

.stadioListArea ul li:nth-child(3n) {
	margin: 0 0 calc(52 * var(--width-ratio));
}

.stadioListArea ul li:last-child {
	margin: 0 0 calc(52 * var(--width-ratio));
}


@media (max-width: 750px) {
	.stadioListArea .studioArea {
		margin: calc(52 * var(--width-ratio)) 0;
	}

	.stadioListArea h3 {
		margin: 0 0 calc(26 * var(--width-ratio));
		font-size: calc(24 * var(--width-ratio));
		line-height: 1.5;
		text-align: center;
	}

	.stadioListArea ul {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin: 0 auto;
	}

	.stadioListArea ul li {
		width: 100%;
		padding: 0;
		margin: 0 0 calc(60 * var(--width-ratio));
		position: relative;
	}

	.stadioListArea ul li h3 {
		padding: 0 calc(32 * var(--width-ratio));
		margin: 0 0 0.5em;
		font-size: calc(32 * var(--width-ratio));
	}

	.stadioListArea ul li .imgArea {
		height: calc(460 * var(--width-ratio));
		padding: 0 calc(32 * var(--width-ratio));
		margin: 0 0 calc(8 * var(--width-ratio));
	}

	.stadioListArea ul li .imgArea img {
		width: 100%;
	}

	.stadioListArea ul li .txtArea {
		padding: 0 calc(32 * var(--width-ratio));
		margin: 0 0 calc(32 * var(--width-ratio));
	}

	.stadioListArea ul li .txtArea p {
		font-size: calc(22 * var(--width-ratio));
		line-height: calc(38 * var(--width-ratio));
	}

	.stadioListArea ul li .stadioDetail {
		padding: 0 4rem;
		margin: 0 0 calc(32 * var(--width-ratio));
	}

	.stadioListArea ul li h4 {
		margin: 0 0 0.5em;
		font-size: calc(28 * var(--width-ratio));
		line-height: 1.4;
		text-align: center;
	}

	.stadioListArea ul li tr {
		display: flex;
		margin: 0 0 calc(16 * var(--width-ratio));
	}

	.stadioListArea ul li th,
	.stadioListArea ul li td {
		font-size: calc(24 * var(--width-ratio));
		line-height: 1.4em;
	}

	.stadioListArea ul li th {
		width: calc(148 * var(--width-ratio));
	}

	.stadioListArea ul li td a {
	}

    .stadioListArea ul li .toDetail {
        display: block;
        width: 50%;
        height: calc(60* var(--width-ratio));
        margin: 1em auto 2em;
        font-size: calc(24 * var(--width-ratio));
        line-height: calc(60 * var(--width-ratio));
        position: relative;
        bottom: 0;
        left: 0;
    }

	.stadioListArea ul li .toDetail:not(.keyword):before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: calc(10 * var(--width-ratio)) 0 calc(10 * var(--width-ratio)) calc(10 * var(--width-ratio));
		border-color: transparent transparent transparent #ffffff;
		position: absolute;
		top: 50%;
		right: calc(16 * var(--width-ratio));
		margin: calc(-10 * var(--width-ratio)) 0 0;
	}

	.stadioListArea ul li:nth-child(2n) {
		margin: 0 0 calc(60 * var(--width-ratio));
	}
}

/* --------------------------------------------------

.studioDetail

-------------------------------------------------- */
.studioDetail {
	margin: 0 0 calc(24 * var(--width-ratio));
}

.studioDetail h2 {
    margin: 1.5em auto 1.5rem;
    font-size: calc(28 * var(--width-ratio));
	letter-spacing:0.1em;
    text-align: center;
}
.studioDetail img {
	display:block;
	margin-left: auto;
	margin-right: auto;
}
.studioDetail .mapArea {
    width: 100%;
    max-width: calc(750* var(--width-ratio));
    height: calc(480* var(--width-ratio));
    margin: 0 auto calc(42* var(--width-ratio));
	text-align:center;
}

.studioDetail .mapArea iframe {
	width: 67%;
	height: 100%;
	margin:0 auto;
}

.studioDetail .mapArea img {
	display: block;
	margin: 0 auto;
}

.studioDetail .detail {
	width: 100%;
	max-width: calc(936 * var(--width-ratio));
	margin: 0 auto calc(24 * var(--width-ratio));
}

.studioDetail .detail table {
	display: block;
	margin: 0 0 0 calc(100 * var(--width-ratio));
}

.studioDetail .detail tbody {
	display: block;
}

.studioDetail .detail tr {
	display: flex;
	margin: 0 0 calc(12 * var(--width-ratio));
}

.studioDetail .detail th,
.studioDetail .detail td {
	display: block;
	font-size: calc(14 * var(--width-ratio));
	line-height:1.3em;
}

.studioDetail .detail th {
	width: calc(384 * var(--width-ratio));
}

.studioDetail .detail td {
	width: 100%;
}

.studioDetail .detail td a {
	color: #0088F3;
}

.studioDetail .tran {
	width: 100%;
	max-width: calc(936 * var(--width-ratio));
	margin: 0 auto;
}

.studioDetail .tran ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto;
	justify-content:center;
	gap:0.5em;
}

.studioDetail .tran li {
	display: flex;
	align-items: center;
	margin: 0 calc(32 * var(--width-ratio)) calc(20 * var(--width-ratio)) 0;
}

.studioDetail .tran li:last-child {
	margin: 0 0 calc(20 * var(--width-ratio));
}

.studioDetail .tran li img {
	margin: 0 calc(8 * var(--width-ratio)) 0 0;
}

.studioDetail .org_tag_tab01_btns:has(button:nth-of-type(3)) button {
	font-size:calc(20 * var(--width-ratio));
}

@media (max-width: 750px) {
	.studioDetail {
		padding: 0 calc(28 * var(--width-ratio));
		margin: 0 0 calc(60 * var(--width-ratio));
	}

	.studioDetail h2 {
		margin: 1.5em auto 1em;
		font-size: calc(36 * var(--width-ratio));
	}

	.studioDetail .mapArea {
		width: 100%;
		height: calc(500 * var(--width-ratio));
		margin: 0 auto calc(24 * var(--width-ratio));
	}

	.studioDetail .detail {
		width: 100%;
		margin: 0 auto calc(52 * var(--width-ratio));
	}
	
	.studioDetail .mapArea iframe{
			width: 92%;
		margin:0 auto;
	}

	.studioDetail .detail table {
		width: 92%;
		margin: 0 auto;
	}

	.studioDetail .detail tr {
		display: block;
		margin: 0 0 calc(12 * var(--width-ratio));
	}

	.studioDetail .detail th,
	.studioDetail .detail td {
		display: block;
		width: 100%;
		font-size: calc(22 * var(--width-ratio));
	}

    .studioDetail .detail th {
        display: block;
        width: 100%;
        background: linear-gradient(90deg, rgb(240 251 246), rgb(214 250 255 / 66%) 55%);
        padding: 0.25rem 0.25rem 0.25rem 0.25rem;
		font-weight:600;
    }

	.studioDetail .detail td {
		display: block;
		width: 100%;
		padding: calc(8 * var(--width-ratio)) 0 calc(8 * var(--width-ratio)) calc(8 * var(--width-ratio));
	}

	.studioDetail .tran {
		width: calc(580 * var(--width-ratio));
		margin: 0 auto;
	}

	.studioDetail .tran ul {
		margin: 0;
		justify-content:space-around;
	}

	.studioDetail .tran ul li {
		margin: 0 calc(32 * var(--width-ratio)) calc(20 * var(--width-ratio)) 0;
		font-size: calc(20 * var(--width-ratio));
	}

	.studioDetail .tran ul li:last-child {
		margin: 0 0 calc(20 * var(--width-ratio));
	}

	.studioDetail .tran ul li img {
		width: auto;
		height: calc(36 * var(--width-ratio));
		margin: 0 calc(8 * var(--width-ratio)) 0 0;
	}

	.studio-single .studioDetail .detail th,
	.studio-single .studioDetail .detail td {
		display: block;
		font-size: calc(20 * var(--width-ratio));
		line-height: 1.6em;
		width: 100%;
	}
	
	
.studioDetail .org_tag_tab01_btns:has(button:nth-of-type(3)) button {
	font-size:calc(20 * var(--width-ratio));
}
}

/* --------------------------------------------------

.stationAccess

-------------------------------------------------- */
.stationAccess {
	margin: 0 0 calc(52 * var(--width-ratio));
}

.stationAccess .linkWrap {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	max-width: calc(820 * var(--width-ratio));
	margin: 0 auto;
}

.stationAccess .linkWrap a {
	display: block;
	width: calc(390 * var(--width-ratio));
	padding: calc(13 * var(--width-ratio)) 0;
	margin: 1rem calc(10 * var(--width-ratio));
	background: #0088F3;
	font-size: calc(18 * var(--width-ratio));
	text-align: center;
	color: #fff;
	position: relative;
}

.stationAccess .linkWrap a:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(9 * var(--width-ratio)) 0 calc(9 * var(--width-ratio)) calc(9 * var(--width-ratio));
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: calc(13 * var(--width-ratio));
	right: calc(20 * var(--width-ratio));
}

@media (max-width: 750px) {
	.stationAccess .linkWrap {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		width: 100%;
		margin: 0 auto;
	}

	.stationAccess .linkWrap a {
		width: calc(480 * var(--width-ratio));
		padding: calc(16 * var(--width-ratio)) 0;
		margin: 0 0 calc(20 * var(--width-ratio));
		font-size: calc(22 * var(--width-ratio));
	}

	.stationAccess .linkWrap a:before {
		border-width: calc(11 * var(--width-ratio)) 0 calc(11 * var(--width-ratio)) calc(11 * var(--width-ratio));
		top: calc(16 * var(--width-ratio));
		right: calc(20 * var(--width-ratio));
	}
}

/* --------------------------------------------------

.recommendStudio

-------------------------------------------------- */
.recommendStudio {
    width: 100%;
    max-width: calc(804* var(--width-ratio));
    padding: calc(28* var(--width-ratio)) 0 calc(28* var(--width-ratio));
    margin: 0 auto calc(32* var(--width-ratio)) auto;
    background: #FCF6CD;
}

.recommendStudio h2 {
	margin: 0 0 1em;
	font-size: calc(28 * var(--width-ratio));
	text-align: center;
}

.recommendStudio ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 0;
}

.recommendStudio ul li {
	width: 50%;
	margin: 0 0 calc(20 * var(--width-ratio));
	text-align: center;
}

.recommendStudio ul li a {
	font-size: calc(20 * var(--width-ratio));
}

.recommendStudio ul li h3 {
	font-size: calc(24 * var(--width-ratio));
	color: #0088F3;
}

@media (max-width: 750px) {
	.recommendStudio {
		width: 100%;
		max-width: calc(700 * var(--width-ratio));
	}

	.recommendStudio ul li a {
		font-size: calc(22 * var(--width-ratio));
	}
}

/* --------------------------------------------------

#secCando

-------------------------------------------------- */
#secCando_top {
	padding: calc(12 * var(--width-ratio)) 0 0;
}


#secCando {
	margin: calc(52 * var(--width-ratio)) 0 calc(26 * var(--width-ratio)) 0;
}

/* --------------------------------------------------

#baArea

-------------------------------------------------- */
#baArea {
	padding: calc(52 * var(--width-ratio)) 0;
}

/* --------------------------------------------------

#baBottom

-------------------------------------------------- */
.baBottom {
	margin: 0 0 calc(52 * var(--width-ratio));
}

.baBottom .flexWrap {
	display: flex;
	width: 96%;
	max-width: calc(860 * var(--width-ratio));
	margin: 0 auto calc(52 * var(--width-ratio));
}

.baBottom .flexWrap .imgArea {
	width: calc(435 * var(--width-ratio));
}

.baBottom .flexWrap .imgArea img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1.414 / 1;
}

.baBottom .flexWrap .txtArea {
	width: calc(425 * var(--width-ratio));
	padding: 0 0 0 calc(28 * var(--width-ratio));
}

.baBottom .flexWrap .txtArea h3 {
    margin: 0 auto 0.5em;
    font-size: calc(28* var(--width-ratio));
    line-height: 1.6em;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #76B7C9;
}

.baBottom .flexWrap .txtArea p {
    line-height: 1.6em;
    letter-spacing: 0.05em;
    font-size: calc(18* var(--width-ratio));
}

baBottom .flexWrap .txtArea a {
    display: block;
    width: calc(390* var(--width-ratio));
    max-width: 100%;
    padding: calc(13* var(--width-ratio)) 0;
    margin: calc(20* var(--width-ratio)) auto 0;
    border: calc(1* var(--width-ratio)) solid #0088F3;
    background: #fff;
    font-size: calc(18 * var(--width-ratio));
    text-align: center;
    color: #0088F3;
    position: relative;
    width: 80%;
}

/*.baBottom .flexWrap .txtArea a:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(9* var(--width-ratio)) 0 calc(9* var(--width-ratio)) calc(9* var(--width-ratio));
    border-color: transparent transparent transparent #0088F3;
    position: absolute;
    top: calc(20* var(--width-ratio));
    right: calc(22* var(--width-ratio));
}*/

.baBottom .flexWrap:last-child {
	margin: 0 auto;
}

@media (max-width: 750px) {
	.baBottom .flexWrap {
		flex-direction: column;
		width: 100%;
		padding: calc(18 * var(--width-ratio)) calc(32 * var(--width-ratio));
		background-image:linear-gradient(90deg, rgb(240 251 246), rgb(214 250 255 / 66%) 55%);
	}

	.baBottom .flexWrap .imgArea {
		width: 100%;
		min-width: auto;
	}

	.baBottom .flexWrap .txtArea {
		width: 100%;
		padding: 0;
	}

    .baBottom .flexWrap .txtArea h3 {
        margin: 0.75em auto 0.5em;
        font-size: calc(36 * var(--width-ratio));
        line-height: 1.4em;
        text-align: center;
        color: rgb(50, 50, 50);
    }

	.baBottom .flexWrap .txtArea p {
		font-size: calc(26 * var(--width-ratio));
		padding:0 1.5em;
	}

	.baBottom .flexWrap .txtArea a {
		width: 67%;
		padding: 0.75em 1em;
		font-size: calc(24 * var(--width-ratio));
		letter-spacing:0.075em;
		font-weight:600;
	}

	.baBottom .flexWrap .txtArea a:before {
		content: '';
		/*display: block;*/
		display: none;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: calc(10 * var(--width-ratio)) 0 calc(10 * var(--width-ratio)) calc(10 * var(--width-ratio));
		border-color: transparent transparent transparent #0088F3;
		position: absolute;
		top: calc(17.5 * var(--width-ratio));
		right: calc(20 * var(--width-ratio));
	}
}

/* --------------------------------------------------

#studioMessage

-------------------------------------------------- */
.studioMessage {
	padding: calc(80 * var(--width-ratio)) 0 calc(100 * var(--width-ratio));
	background: #FCF6CD;
	text-align: center;
}

.studioMessage > .inner {
	width: 100%;
	max-width: calc(690 * var(--width-ratio));
	margin: 0 auto;
}

.studioMessage > .inner > img {
	margin: 0 0 calc(40 * var(--width-ratio));
}

.studioMessage h2 {
	width: calc(490 * var(--width-ratio));
	padding: calc(17 * var(--width-ratio)) 0;
	margin: 0 auto calc(40 * var(--width-ratio));
	border-radius: calc(30 * var(--width-ratio));
	background: #fff;
	font-size: calc(26 * var(--width-ratio));
	font-weight: 400;
	text-align: center;
	position: relative;
}

.studioMessage h2:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(20 * var(--width-ratio)) calc(20 * var(--width-ratio)) 0 calc(20 * var(--width-ratio));
	border-color: #fff transparent transparent transparent;
	position: absolute;
	left: 50%;
	bottom: calc(-20 * var(--width-ratio));
	margin: 0 0 0 calc(-15 * var(--width-ratio));
}

.studioMessage h3 {
	margin: 0 0 calc(20 * var(--width-ratio));
	font-size: calc(17 * var(--width-ratio));
	color: #5F5E50;
}

.studioMessage p {
	font-size: calc(16 * var(--width-ratio));
	line-height: calc(28 * var(--width-ratio));
	color: #5F5E50;
}

@media (max-width: 750px) {
	.studioMessage > .inner {
		width: 100%;
		padding: 0 calc(32 * var(--width-ratio));
	}

	.studioMessage > .inner > img {
		width: calc(440 * var(--width-ratio));
		height: auto;
		margin: 0 0 calc(40 * var(--width-ratio));
	}

	.studioMessage h2 {
		width: 100%;
		max-width: calc(656 * var(--width-ratio));
		padding: calc(47 * var(--width-ratio)) 0;
		margin: 0 auto calc(80 * var(--width-ratio));
		border-radius: calc(70 * var(--width-ratio));
		font-size: calc(34 * var(--width-ratio));
	}

	.studioMessage h2:before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: calc(40 * var(--width-ratio)) calc(40 * var(--width-ratio)) 0 calc(40 * var(--width-ratio));
		border-color: #fff transparent transparent transparent;
		position: absolute;
		left: 50%;
		bottom: calc(-40 * var(--width-ratio));
		margin: 0 0 0 calc(-40 * var(--width-ratio));
	}

	.studioMessage h3 {
		margin: 0 0 calc(24 * var(--width-ratio));
		font-size: calc(30 * var(--width-ratio));
		line-height: calc(50 * var(--width-ratio));
	}

	.studioMessage p {
		font-size: calc(25 * var(--width-ratio));
		line-height: calc(40 * var(--width-ratio));
	}
}

/* --------------------------------------------------

#secCoupon

-------------------------------------------------- */
#secCoupon {
	background: transparent;
	margin:0 0 52px;
}

/* --------------------------------------------------

#accessStepArea

-------------------------------------------------- */
#accessStepArea {
	margin: calc(52 * var(--width-ratio)) 0;
}

.org_tag_tab01 .accessStepArea{
	margin:1em auto 0;
}

#accessStepArea .accessStep {
	margin: 0 0 calc(56 * var(--width-ratio));
}

#accessStepArea .accessStep:last-child {
	margin: 0;
}

#accessStepArea h2 {
	margin: 0 auto calc(28 * var(--width-ratio));
	font-size: calc(24 * var(--width-ratio));
	color: #4AC0C4;
	text-align: center;
}

#accessStepArea ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: calc(936 * var(--width-ratio));
	margin: 0 auto;
}

#accessStepArea ul li {
	width: calc(216 * var(--width-ratio));
	margin: 0 calc(24 * var(--width-ratio)) calc(24 * var(--width-ratio)) 0;
}

#accessStepArea ul li .imgArea {
	margin: 0 0 calc(8 * var(--width-ratio));
	position: relative;
}

#accessStepArea ul li .imgArea img {
	width: 100%;
	height: auto;
}

#accessStepArea ul li .imgArea span {
	display: block;
	width: calc(32 * var(--width-ratio));
	height: calc(32 * var(--width-ratio));
	border-radius: calc(20 * var(--width-ratio));
	background: linear-gradient(90deg, rgb(240 251 246), rgb(214 250 255 / 66%) 55%);
	font-size: calc(20 * var(--width-ratio));
	line-height: calc(32 * var(--width-ratio));
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: calc(8 * var(--width-ratio));
	left: calc(8 * var(--width-ratio));
	z-index: 1;
}

#accessStepArea ul li p {
	font-size: calc(12 * var(--width-ratio));
	line-height: calc(16 * var(--width-ratio));
}

#accessStepArea ul li:nth-child(4n) {
	margin: 0 0 calc(24 * var(--width-ratio));
}

#accessStepArea h2.accessStep {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto calc(60* var(--width-ratio));
    font-size: calc(30 * var(--width-ratio));
    line-height: 1.3em;
    text-align: center;
}

#accessStepArea .org_tag_tab01{
	max-width:calc(1200 * var(--width-ratio));
}

@media (max-width: 750px) {
	#accessStepArea .org_tag_tab01{
	width:96%;
		margin:1.5em auto;
}
	
	#accessStepArea	.org_tag_tab01_btns{
		margin:0 auto;
	}
	
	#accessStepArea {
		margin: calc(52 * var(--width-ratio)) 0 calc(4 * var(--width-ratio));
	}

	#accessStepArea .accessStep {
		padding: 0 calc(80 * var(--width-ratio));
		margin: calc(88 * var(--width-ratio)) 0 0;
	}

	#accessStepArea .accessStep:first-child {
		margin: 0;
	}

	#accessStepArea .accessStep:last-child {
		margin: calc(52 * var(--width-ratio)) 0 0;
	}

	#accessStepArea h2 {
		margin: 0 0 calc(28 * var(--width-ratio));
		font-size: calc(32 * var(--width-ratio));
		line-height: 1.5em;
	}

	#accessStepArea ul {
		flex-direction: column;
		width: 100%;
		margin: 0 auto;
	}

	#accessStepArea ul li {
		width: 100%;
		margin: 0 0 calc(52 * var(--width-ratio)) 0;
	}

	#accessStepArea ul li:nth-child(4n) {
		margin: 0 0 calc(52 * var(--width-ratio));
	}

	#accessStepArea ul li .imgArea {
		margin: 0 0 calc(8 * var(--width-ratio));
		position: relative;
	}
	
    #accessStepArea ul li .imgArea span {
        width: calc(60* var(--width-ratio));
        height: calc(60* var(--width-ratio));
        border-radius: calc(50* var(--width-ratio));
        font-size: calc(35 * var(--width-ratio));
        line-height: calc(60 * var(--width-ratio));
        bottom: 0.5em;
        left:0.5em;
        z-index: 1;
    }

	#accessStepArea ul li p {
		font-size: calc(24 * var(--width-ratio));
		line-height: 1.6em;
	}

	#accessStepArea .cvArea.sp {
		border-bottom: calc(1 * var(--width-ratio)) solid #000;
		position: relative;
		z-index: 1;
		opacity: 1;
		visibility: visible;
	}
}

/* --------------------------------------------------

#faqArea

-------------------------------------------------- */
#faqArea {
	padding: calc(30 * var(--width-ratio)) 0;
}

#faqArea h2 {
	margin: 0 0 1.5em;
	font-size: calc(24 * var(--width-ratio));
	line-height:1.4em;
	color:#4AC0C4;
	letter-spacing:0.075me;
	text-align: center;
}

@media (max-width: 750px) {
#faqArea h2 {
	font-size: 1.1rem;
}
}

#faqArea .faqWrap {
	margin: 0 0 calc(60 * var(--width-ratio));
}f

#faqArea .faqWrap h2 {
	margin: 0 0 calc(30 * var(--width-ratio));
	font-size: calc(24 * var(--width-ratio));
	line-height: 1.4em;
	text-align: center;
	color:#4DC0C5;
}

#faqArea .faqWrap:last-child {
	margin: 0;
}

#faqArea .faq {
	width: 100%;
	max-width: calc(720 * var(--width-ratio));
	margin: 0 auto 2.5rem;
	box-shadow: 3px 4px 4px rgb(0 0 0 / 10%);
}

#faqArea .faq .q {
	padding: 0.75em 2em 0.75em 2em;
	background: linear-gradient(90deg, rgb(240 251 246), rgb(214 250 255 / 66%) 55%);
}

#faqArea .faq h3 {
	font-size: calc(20 * var(--width-ratio));
	line-height: 1.4em;
	font-weight: 600;
	letter-spacing:0.05em;
}

#faqArea .faq h4 {
	font-size: calc(16 * var(--width-ratio));
	line-height: 1.6em;
	font-weight: 600;
	margin-top:0.5rem;
}

@media (max-width: 750px) {
	#faqArea .faq h3 {
	font-size: calc(28 * var(--width-ratio));
		line-height:1.4em;
	}
}

#faq .faq h4 {
	font-size: calc(16 * var(--width-ratio));
	line-height: 1.6em;
	font-weight: 600;
	letter-spacing:0.05em;
	margin-top:0.5rem;
}

#faqArea .faq .a {
	padding: 1.5rem 3.5rem;
	border: calc(1 * var(--width-ratio)) solid #E1F5F7;
	background: #fff;
	letter-spacing:0.025em;
}

#faqArea .faq p {
    font-size: calc(16 * var(--width-ratio));
    line-height: 1.6em;
    padding: calc(15 * var(--width-ratio)) calc(8 * var(--width-ratio)) calc(15 * var(--width-ratio)) 0;
}


#faqArea .faq ul li {
	padding-left: 1em;
	/*text-indent: -1em;*/
	font-size: calc(16 * var(--width-ratio));
	line-height: 1.8em;
	font-weight: 400;
}

#faqArea .faq h4 a,
#faqArea .faq p a {
	color: #0088f3;
}

@media (max-width: 750px) {
	#faqArea .faqWrap {
		padding: 0 calc(40 * var(--width-ratio));
		margin: 0 0 calc(100 * var(--width-ratio));
	}

	#faqArea .faq {
		width: 100%;
		margin: 0 auto 2rem;
	}

	#faqArea .faq .q {
		padding: 0.75em 2rem 0.75em  1.5rem;
		position: relative;
	}

	#faqArea .faq .q:before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: calc(20 * var(--width-ratio)) calc(18 * var(--width-ratio)) 0 calc(18 * var(--width-ratio));
		border-color: #565555 transparent transparent transparent;
		position: absolute;
		top: 50%;
		right: calc(16 * var(--width-ratio));
		z-index: 1;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}

	#faqArea .faq .a {
		max-height: 0;
		padding: 0 calc(20 * var(--width-ratio));
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
		overflow: hidden;
	}

	#faqArea .faq.open .q:before {
		-webkit-transform: translate(0, -50%) rotate(180deg);
		-ms-transform: translate(0, -50%) rotate(180deg);
		transform: translate(0, -50%) rotate(180deg);
	}

	#faqArea .faq.open .a {
		max-height: calc(1200 * var(--width-ratio));
		padding: 1rem 1.5rem;
	}

	#faqArea .faq h4,
	#faqArea .faq p {
		font-size: calc(26 * var(--width-ratio));
		line-height: 1.6em;
		padding:0;
		margin:0 0 0.5em;
	}

	#faqArea .faq ul li {
		padding-left: 1em;
		text-indent: -1em;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

#about

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#about .sec01 > .inner {
	width: 100%;
	max-width: calc(1000 * var(--width-ratio));
	margin: 0 auto;
	padding: calc(36 * var(--width-ratio)) 0;
	text-align: center;
	position: relative;
}

#about .sec01 h2 {
	font-size: calc(32 * var(--width-ratio));
	line-height:1.6em;
	color: #75c0c6;
	letter-spacing:0.075em;
}

#about .sec01 h3 {
	margin: 1em auto;
	font-size: calc(38 * var(--width-ratio));
	line-height:1.4em;
}

#about .sec01 p {
	width: calc(530 * var(--width-ratio));
	margin: 0 auto 0.5em;
	font-size: calc(14 * var(--width-ratio));
	text-align:left;
	padding:0 2.5rem;
	line-height: 1.6em;
}

#about .sec01 ul {
	margin: calc(8 * var(--width-ratio)) auto;
}

#about .sec01 ul li {
    font-size: calc(14 * var(--width-ratio));
    line-height: 1.6em;
    text-align: left;
    margin: 0 12rem 0 17rem;
}

#about .sec01 ul.about {
	background-image:linear-gradient(90deg, rgb(240 251 246), rgb(214 250 255 / 66%) 55%);
	padding: 1rem 0.5rem;
}

#about .sec01 .ill01 {
	position: absolute;
	top: calc(270 * var(--width-ratio));
	left: calc(110 * var(--width-ratio));
}

#about .sec01 .ill02 {
	position: absolute;
	top: calc(330 * var(--width-ratio));
	right: calc(130 * var(--width-ratio));
}

@media (max-width: 750px) {
	#about .sec01 > .inner {
		width: 100%;
		margin: 0 auto;
		padding: calc(52 * var(--width-ratio)) calc(36 * var(--width-ratio)) 0;
		text-align: center;
		position: relative;
	}

	#about .sec01 .logo {
		width: auto;
	}

	#about .sec01 h2 {
        margin: 0 0 1em;
        font-size: calc(42 * var(--width-ratio));
        line-height: 1.4em;
        text-align: center;
	}

	#about .sec01 h3 {
		margin: calc(40 * var(--width-ratio)) 0 calc(28 * var(--width-ratio));
		font-size: calc(32 * var(--width-ratio));
		line-height: 1.6em;
		text-align: center;
	}

    #about .sec01 p, 
	#about .sec01 ul li {
        width: auto;
        margin: 0 auto 0.5em;
        font-size: calc(28* var(--width-ratio));
        line-height: 1.8em;
        text-align: left;
        padding: 0 1rem;
    }

	#about .sec01 .ill01 {
		display: none;
	}

	#about .sec01 .ill02 {
		display: none;
	}
}

#about .aboutSec > .inner {
	width: 100%;
	max-width: calc(1100 * var(--width-ratio));
	margin: 0 auto;
	padding: calc(36 * var(--width-ratio)) 0;
	text-align: center;
	position: relative;
}

#about .aboutSec .heading h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height:1.5em;
	height: calc(51 * var(--width-ratio));
	margin: 0.5em 0 calc(16 * var(--width-ratio));
	background: url(../../img/about/heading-bg.png) 50% no-repeat;
	font-size: 1.5rem;
	letter-spacing:0.1em;
}

#about .aboutSec .wrap {
	position: relative;
}

#about .aboutSec img {
	width: calc(386 * var(--width-ratio));
	position: absolute;
	top: calc(72 * var(--width-ratio));
	left: 0;
	z-index: 1;
}

#about .aboutSec .txtArea {
	width: 100%;
	max-width: calc(880 * var(--width-ratio));
	padding: calc(32 * var(--width-ratio)) calc(40 * var(--width-ratio)) calc(30 * var(--width-ratio)) calc(170 * var(--width-ratio));
	margin: 0 0 0 calc(260 * var(--width-ratio));
	background: linear-gradient(90deg, rgb(240 251 246), rgb(214 250 255 / 66%) 55%);
	text-align: left;
	letter-spacing:0.025em;
}

#about .aboutSec .txtArea h3 {
	margin: 0 0 0.5em;
	font-size: calc(20 * var(--width-ratio));
	line-height: 1.4em;
	color: #43C2D1;
	letter-spacing:0.075em;
}

#about .aboutSec .txtArea p {
    font-size: calc(16* var(--width-ratio));
    line-height: 1.8em;
    margin: 0 auto 0.5em;
}

#about .aboutSec .txtArea dl dt {
	font-size: calc(15 * var(--width-ratio));
	line-height: 1.8em;
}

#about .aboutSec .txtArea dl dd {
	font-size: calc(15 * var(--width-ratio));
	line-height: 1.8em;
}

#about .aboutSec .txtArea ul li {
	font-size: calc(16 * var(--width-ratio));
	line-height: 1.8em;
}

#about .aboutSec .txtArea p a {
	color: #4285F4;
}

#about .aboutSec .linkBtn01 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(360 * var(--width-ratio));
	height: calc(46 * var(--width-ratio));
	margin: calc(60 * var(--width-ratio)) auto 0;
	border-radius: calc(30 * var(--width-ratio));
	border: calc(1 * var(--width-ratio)) solid #0088F3;
	background: #fff;
	color: #4285F4;
	letter-spacing:0.05em;
	position: relative;
}

#about .aboutSec .linkBtn01:not(.keyword):before {
	content: '';
	display: block;
	width: calc(9 * var(--width-ratio));
	height: calc(9 * var(--width-ratio));
	border-right: calc(1 * var(--width-ratio)) solid #0088F3;
	border-bottom: calc(1 * var(--width-ratio)) solid #0088F3;
	position: absolute;
	top: 50%;
	right: calc(30 * var(--width-ratio));
	-webkit-transform: translate(0, -50%) rotate(-45deg);
	-ms-transform: translate(0, -50%) rotate(-45deg);
	transform: translate(0, -50%) rotate(-45deg);
}

@media (max-width: 750px) {
	#about .aboutSec > .inner {
		width: 100%;
		margin: 0 auto;
		padding: calc(50 * var(--width-ratio)) 0 0;
		margin: 0 auto calc(25 * var(--width-ratio));
		text-align: center;
		position: relative;
	}

	#about .aboutSec .heading h2 {
		height: 1.6em;
		margin: 0 0 calc(310 * var(--width-ratio));
		background: url(../../img/about/heading-bg.png) 50%/auto 100% no-repeat;
		font-size: calc(36 * var(--width-ratio));
	}

	#about .aboutSec img {
		width: 100%;
		max-width: calc(640 * var(--width-ratio));
		position: absolute;
		top: calc(-260 * var(--width-ratio));
		left: 50%;
		z-index: 1;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	#about .aboutSec .txtArea {
		width: 100%;
		padding: calc(240 * var(--width-ratio)) calc(48 * var(--width-ratio)) calc(60 * var(--width-ratio));
		margin: 0 0 0 auto;
		text-align: left;
		padding-left:3rem;
		padding-right:3rem;
	}

	#about .aboutSec .txtArea h3 {
		font-size: calc(32 * var(--width-ratio));
		line-height: 1.4em;
		margin:1em auto;
		text-align:center;
	}

	#about .aboutSec .txtArea p {
		margin: 0 0 0.5em;
		font-size: calc(28 * var(--width-ratio));
		line-height: 1.6em;
		letter-spacing:0.05em;
	}

	#about .aboutSec .txtArea dl dt {
		font-size: 0.9rem;
		line-height: 2em;
	}

	#about .aboutSec .txtArea dl dd {
        font-size: 0.8rem;
        line-height: 1.6em;
        margin-bottom: 0.5em;
    }

	#about .aboutSec .txtArea ul li {
		font-size: calc(22 * var(--width-ratio));
		line-height: 1.6em;
	}

	#about .aboutSec .linkBtn01 {
		display: flex;
		align-items: center;
		justify-content: center;
		width: calc(470 * var(--width-ratio));
		height: calc(60 * var(--width-ratio));
		margin: calc(30 * var(--width-ratio)) auto 0;
		border-radius: calc(30 * var(--width-ratio));
		background: #e0f8ff;
		font-size: calc(21 * var(--width-ratio));
		position: relative;
	}

	#about .aboutSec .linkBtn01:not(.keyword):before {
		content: '';
		display: block;
		width: calc(15 * var(--width-ratio));
		height: calc(15 * var(--width-ratio));
		border-right: calc(1 * var(--width-ratio)) solid #000;
		border-bottom: calc(1 * var(--width-ratio)) solid #000;
		position: absolute;
		top: 50%;
		right: calc(30 * var(--width-ratio));
		-webkit-transform: translate(0, -50%) rotate(-45deg);
		-ms-transform: translate(0, -50%) rotate(-45deg);
		transform: translate(0, -50%) rotate(-45deg);
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

#step

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#step {
	/* --------------------------------------------------

	#stepWrap

	-------------------------------------------------- */
}

#step #stepArea {
	padding: calc(52 * var(--width-ratio)) 0;
}

#step #stepArea > h2 {
	margin: 0 0 calc(40 * var(--width-ratio));
	font-size: calc(15 * var(--width-ratio));
	font-weight: 400;
	text-align: center;
}

#step #stepArea .step {
	display: flex;
	width: 100%;
	max-width: calc(820 * var(--width-ratio));
	margin: 0 auto calc(80 * var(--width-ratio));
	position: relative;
}

#step #stepArea .step:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(26 * var(--width-ratio)) calc(24 * var(--width-ratio)) 0 calc(24 * var(--width-ratio));
	border-color: #CBCBCB transparent transparent transparent;
	position: absolute;
	bottom: calc(-54 * var(--width-ratio));
	left: 50%;
	margin: 0 0 0 calc(-24 * var(--width-ratio));
}

#step #stepArea .step:nth-child(2n) {
	flex-direction: row-reverse;
}

#step #stepArea .step:last-child {
	margin: 0 auto;
}

#step #stepArea .step:last-child:before {
	content: none;
}

#step #stepArea .step .imgArea {
	width: 100%;
	min-width: 50%;
	height: calc(280 * var(--width-ratio));
	overflow: hidden;
}

#step #stepArea .step .imgArea img {
	max-width: none;
	height: calc(387 * var(--width-ratio));
	display:block;
	margin:0 auto;
}

#step #stepArea .step .txtArea {
	width: 50%;
	min-width: 50%;
	min-height: calc(280 * var(--width-ratio));
	padding: calc(44 * var(--width-ratio)) calc(40 * var(--width-ratio));
	background: linear-gradient(90deg, rgb(240 251 246), rgb(214 250 255 / 66%) 55%);
	position: relative;
}
#step #stepArea .step .txtArea h3 {
    margin: 0 0 1em;
    font-size: calc(22* var(--width-ratio));
    line-height: 1.4em;
    position: relative;
    letter-spacing: 0.05em;
}

#step #stepArea .step .txtArea h3 > img {
	position: absolute;
}

#step #stepArea .step .txtArea p {
	font-size: 0.9rem;
	letter-spacing:0.025em;
	line-height: 1.6em;
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
	letter-spacing: 0;
}

#step #stepArea .step .txtArea p a {
	color: #1a73e8;
}

#step #stepArea .step .txtArea > a {
	width: 100%;
	font-size: calc(16 * var(--width-ratio));
	color: #4285F4;
	letter-spacing:0.025em;
	text-align: center;
	position: absolute;
	bottom: calc(20 * var(--width-ratio));
	left: 0;
}

#step #stepArea .step:nth-child(1) .txtArea h3 > img {
	width: calc(46 * var(--width-ratio));
	bottom: calc(-5 * var(--width-ratio));
	right: calc(85 * var(--width-ratio));
}

#step #stepArea .step:nth-child(2) .txtArea h3 > img {
	width: calc(60 * var(--width-ratio));
	bottom: calc(-5 * var(--width-ratio));
	right: calc(-25 * var(--width-ratio));
}

#step #stepArea .step:nth-child(3) .txtArea h3 > img {
	width: calc(81 * var(--width-ratio));
	bottom: calc(30 * var(--width-ratio));
	right: calc(-25 * var(--width-ratio));
}

#step #stepArea .step:nth-child(4) .txtArea h3 > img {
	width: calc(104 * var(--width-ratio));
	bottom: calc(5 * var(--width-ratio));
	right: calc(-20 * var(--width-ratio));
}

#step #stepArea .step:nth-child(5) .txtArea h3 > img {
	width: calc(47 * var(--width-ratio));
	bottom: 0;
	right: calc(65 * var(--width-ratio));
}

#step #stepArea .step:nth-child(6) .txtArea h3 > img {
	width: calc(49 * var(--width-ratio));
	bottom: calc(-2 * var(--width-ratio));
	right: calc(-25 * var(--width-ratio));
}

@media (max-width: 750px) {
	#step #stepArea .step {
		flex-direction: column;
		width: calc(570 * var(--width-ratio));
		margin: 0 auto calc(100 * var(--width-ratio));
	}

	#step #stepArea .step:before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: calc(32 * var(--width-ratio)) calc(29 * var(--width-ratio)) 0 calc(29 * var(--width-ratio));
		border-color: #CBCBCB transparent transparent transparent;
		position: absolute;
		bottom: calc(-64 * var(--width-ratio));
		left: 50%;
		margin: 0 0 0 calc(-24 * var(--width-ratio));
	}

	#step #stepArea > h2 {
		margin: 0 0 calc(40 * var(--width-ratio));
		font-size: calc(28 * var(--width-ratio));
		line-height:1.4em;
		font-weight: 400;
		text-align: center;
		padding:0 1em;
	}

	#step #stepArea .step:nth-child(2n) {
		flex-direction: column;
	}

	#step #stepArea .step .imgArea {
		width: 100%;
		min-width: auto;
		height: calc(387 * var(--width-ratio));
	}

	#step #stepArea .step .txtArea {
		width: 100%;
		min-width: auto;
		padding: calc(44 * var(--width-ratio)) 2rem  calc(40 * var(--width-ratio));
		position: relative;
	}

	#step #stepArea .step .txtArea h3 {
		margin: 0 0 0.5em;
		font-size: calc(28 * var(--width-ratio));
		line-height: 1.4em;
	}

	#step #stepArea .step .txtArea p {
		margin: 0 0 calc(12 * var(--width-ratio));
		font-size: calc(24 * var(--width-ratio));
		line-height: 1.5em;
		letter-spacing: 0;
	}

	#step #stepArea .step .txtArea > a {
		width: auto;
		font-size: calc(20 * var(--width-ratio));
		text-align: center;
		position: relative;
		bottom: 0;
	}

	#step #stepArea .step:nth-child(1) .txtArea h3 > img {
		width: 2rem;
		bottom: calc(-5 * var(--width-ratio));
		right: calc(15 * var(--width-ratio));
	}

	#step #stepArea .step:nth-child(2) .txtArea h3 > img {
		width: 2rem;
		bottom: calc(-5 * var(--width-ratio));
		right: calc(15 * var(--width-ratio));
	}

	#step #stepArea .step:nth-child(3) .txtArea h3 > img {
		width: 2rem;
		bottom: 0;
		right: 0;
	}

	#step #stepArea .step:nth-child(4) .txtArea h3 > img {
		width: 2rem;
		bottom: calc(5 * var(--width-ratio));
		right: 0;
	}

	#step #stepArea .step:nth-child(5) .txtArea h3 > img {
		width: 2rem;
		bottom: calc(5 * var(--width-ratio));
		right: calc(35 * var(--width-ratio));
	}

	#step #stepArea .step:nth-child(6) .txtArea h3 > img {
		width: 2rem;
		bottom: calc(-2 * var(--width-ratio));
		right: calc(15 * var(--width-ratio));
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

#price

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#price #secPrice .bg01 {
	display: none;
}

#price #secPrice.org_tag_modal01__wrapper2{
	width:100%;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

#benefits

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#benefits .pageTtlArea.mv > .inner {
	background: url(../../img/benefits/benefits-mv.jpg) 50% no-repeat, #F7F7F7;
}

@media (max-width: 750px) {
	#benefits .pageTtlArea.mv > .inner {
		background: url(../../img/benefits/benefits-mv-sp.jpg) 50% no-repeat, #F7F7F7;
	}
}

#benefits .sec01 {
	margin: calc(20 * var(--width-ratio)) 0 0;
}

#benefits .sec01 h2 {
	margin: 0 0 calc(8 * var(--width-ratio));
	font-size: calc(20 * var(--width-ratio));
	line-height: calc(27 * var(--width-ratio));
	text-align: center;
	color: #75C0C6;
}

#benefits .sec01 p {
	font-size: calc(13 * var(--width-ratio));
	line-height: 2;
	text-align: center;
}

@media (max-width: 750px) {
	#benefits .sec01 {
		padding: 0 calc(52 * var(--width-ratio));
		margin: calc(40 * var(--width-ratio)) 0 0;
	}

	#benefits .sec01 h2 {
		margin: 0 0 calc(32 * var(--width-ratio));
		font-size: calc(32 * var(--width-ratio));
		line-height: 1.6em;
	}

	#benefits .sec01 p {
		margin: 0;
		font-size: calc(22 * var(--width-ratio));
		line-height: 1.6em;
		text-align: center;
	}
}

#benefits #pairCoupon {
	width: calc(550 * var(--width-ratio));
	margin: 0 auto;
	padding: calc(52 * var(--width-ratio)) 0;
}

#benefits #pairCoupon h3 {
	margin: 0 0 calc(20 * var(--width-ratio));
	font-size: calc(30 * var(--width-ratio));
	text-align: center;
}

#benefits #pairCoupon .imgArea {
	margin: 0 0 calc(12 * var(--width-ratio));
}

#benefits #pairCoupon .imgArea img {
	width: 100%;
	height: auto;
}

#benefits #pairCoupon .txtArea h3 {
	margin: 0 0 calc(8 * var(--width-ratio));
	font-size: calc(10 * var(--width-ratio));
	line-height: calc(18 * var(--width-ratio));
	font-weight: 400;
	text-align: right;
}

#benefits #pairCoupon .txtArea p {
	font-size: calc(10 * var(--width-ratio));
	line-height: calc(18 * var(--width-ratio));
	text-align: right;
}

@media (max-width: 750px) {
	#benefits #pairCoupon .txtArea h3 {
		margin: 0 0 calc(12 * var(--width-ratio));
		font-size: calc(14 * var(--width-ratio));
		line-height: calc(21 * var(--width-ratio));
	}

	#benefits #pairCoupon .txtArea p {
		font-size: calc(14 * var(--width-ratio));
		line-height: calc(21 * var(--width-ratio));
	}
}

/*
クーポンボトム0の設定
*/
#benefits #pairCoupon_bottom0 {
	width: calc(550 * var(--width-ratio));
	margin: 0 auto;
	padding: calc(52 * var(--width-ratio)) 0 0;
}

#benefits #pairCoupon_bottom0 h3 {
	margin: 0 0 calc(20 * var(--width-ratio));
	font-size: calc(30 * var(--width-ratio));
	text-align: center;
}

#benefits #pairCoupon_bottom0 .imgArea {
	margin: 0 0 calc(12 * var(--width-ratio));
}

#benefits #pairCoupon_bottom0 .imgArea img {
	width: 100%;
	height: auto;
}

#benefits #pairCoupon_bottom0 .txtArea h3 {
	margin: 0 0 calc(8 * var(--width-ratio));
	font-size: calc(10 * var(--width-ratio));
	line-height: calc(18 * var(--width-ratio));
	font-weight: 400;
	text-align: right;
}

#benefits #pairCoupon_bottom0 .txtArea p {
	font-size: calc(10 * var(--width-ratio));
	line-height: calc(18 * var(--width-ratio));
	text-align: right;
}

@media (max-width: 750px) {
	#benefits #pairCoupon_bottom0 .txtArea h3 {
		margin: 0 0 1em;
		font-size: calc(18 * var(--width-ratio));
		line-height: 1.3em;
	}

	#benefits #pairCoupon_bottom0 .txtArea p {
		font-size: calc(18 * var(--width-ratio));
		line-height: 1.3em;
	}

	#benefits #pairCoupon .imgArea {
		margin: 0 0 calc(4 * var(--width-ratio));
	}
}

/*
クーポンボトム0の設定 ここまで
*/


#benefits .sec03 {
	padding: calc(52 * var(--width-ratio)) 0;
}

#benefits .sec03 h2 {
	margin: 0 0 calc(20 * var(--width-ratio));
	font-size: calc(30 * var(--width-ratio));
	font-weight: 600;
	text-align: center;
}

#benefits #studentCoupon {
	padding: calc(52 * var(--width-ratio)) 0;
}

#benefits #studentCoupon h3 {
	margin: 0 0 calc(20 * var(--width-ratio));
	font-size: calc(32 * var(--width-ratio));
	text-align: center;
}

#benefits #studentCoupon .couponWrap {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: calc(1100 * var(--width-ratio));
	margin: 0 auto;
}

#benefits #studentCoupon .coupon {
	width: calc(530 * var(--width-ratio));
	margin: 0 calc(40 * var(--width-ratio)) 0 0;
}

#benefits #studentCoupon .coupon .imgArea {
	min-height: calc(174 * var(--width-ratio));
	margin: 0 0 calc(12 * var(--width-ratio));
}

#benefits #studentCoupon .coupon .imgArea img {
	width: 100%;
	height: auto;
}

#benefits #studentCoupon .coupon .txtArea h3 {
	margin: 0 0 calc(8 * var(--width-ratio));
	font-size: calc(10 * var(--width-ratio));
	line-height: calc(18 * var(--width-ratio));
	font-weight: 400;
	text-align: right;
}

#benefits #studentCoupon .coupon .txtArea p {
	font-size: calc(10 * var(--width-ratio));
	line-height: calc(18 * var(--width-ratio));
	text-align: right;
}

#benefits #studentCoupon .coupon:nth-child(2n) {
	margin: 0 0 calc(10 * var(--width-ratio));
}

@media (max-width: 750px) {
	#benefits #studentCoupon {
		padding: calc(52 * var(--width-ratio)) 0;
	}

	#benefits #studentCoupon .couponWrap {
		align-items: center;
		flex-direction: column;
		width: 100%;
		margin: 0 auto;
	}

	#benefits #studentCoupon .coupon {
		width: calc(573 * var(--width-ratio));
		margin: 0 0 calc(60 * var(--width-ratio));
	}

	#benefits #studentCoupon .coupon .imgArea {
		min-height: calc(179 * var(--width-ratio));
		margin: 0 0 calc(4 * var(--width-ratio));
	}

	#benefits #studentCoupon .coupon .txtArea h3 {
		margin: 0 0 calc(8 * var(--width-ratio));
		font-size: calc(14 * var(--width-ratio));
		line-height: calc(21 * var(--width-ratio));
		text-align: right;
	}

	#benefits #studentCoupon .coupon .txtArea p {
		font-size: calc(14 * var(--width-ratio));
		line-height: calc(21 * var(--width-ratio));
		text-align: right;
	}

	#benefits #studentCoupon .coupon:nth-child(2n) {
		margin: 0;
	}
}

#benefits .sec05 {
	padding: calc(52 * var(--width-ratio)) 0;
}

#benefits .sec05 h2 {
	margin: 0 0 calc(40 * var(--width-ratio));
	font-size: calc(35 * var(--width-ratio));
	font-weight: 600;
	text-align: center;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

#benefits_rentarlsuit

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#benefits_rentarlsuit #meritArea {
	padding: calc(100 * var(--width-ratio)) 0 0;
}

#benefits_rentarlsuit #meritArea h2 {
	margin: 0 0 calc(160 * var(--width-ratio));
	font-size: calc(35 * var(--width-ratio));
	line-height: calc(48 * var(--width-ratio));
	text-align: center;
}

#benefits_rentarlsuit #meritArea .merit {
	display: flex;
	width: 100%;
	max-width: calc(840 * var(--width-ratio));
	margin: 0 auto calc(200 * var(--width-ratio));
	position: relative;
}

#benefits_rentarlsuit #meritArea .merit .heading {
	width: calc(380 * var(--width-ratio));
	text-align: center;
}

#benefits_rentarlsuit #meritArea .merit .heading h3 {
	margin: calc(16 * var(--width-ratio)) 0 0;
	font-size: calc(26 * var(--width-ratio));
	line-height: calc(38 * var(--width-ratio));
}

#benefits_rentarlsuit #meritArea .merit .imgArea {
	width: calc(460 * var(--width-ratio));
	line-height: 0;
}

#benefits_rentarlsuit #meritArea .merit .imgArea img {
	width: 100%;
	height: auto;
}

#benefits_rentarlsuit #meritArea .merit .txtArea {
	width: calc(440 * var(--width-ratio));
	padding: calc(16 * var(--width-ratio)) calc(44 * var(--width-ratio));
	background: linear-gradient(90deg, rgb(240 251 246), rgb(214 250 255 / 66%) 55%);
	position: absolute;
	top: calc(164 * var(--width-ratio));
	left: 0;
}

#benefits_rentarlsuit #meritArea .merit .txtArea p {
	font-size: calc(14 * var(--width-ratio));
	line-height: calc(23 * var(--width-ratio));
	margin-bottom:0.5em;
}

#benefits_rentarlsuit #meritArea .merit:nth-child(2n) {
	flex-direction: row-reverse;
}

#benefits_rentarlsuit #meritArea .merit:nth-child(2n) .txtArea {
	left: auto;
	right: 0;
}

#benefits_rentarlsuit #meritArea .merit:last-child {
	margin: 0 auto calc(140 * var(--width-ratio));
}

@media (max-width: 750px) {
	#benefits_rentarlsuit #meritArea h2 {
		margin: 0 0 calc(40 * var(--width-ratio));
		font-size: calc(35 * var(--width-ratio));
		line-height: calc(58 * var(--width-ratio));
		text-align: center;
	}

	#benefits_rentarlsuit #meritArea h2 span {
		font-size: calc(42 * var(--width-ratio));
	}

	#benefits_rentarlsuit #meritArea .merit {
		flex-direction: column;
		width: 100%;
		padding: 0 calc(32 * var(--width-ratio));
		margin: calc(100 * var(--width-ratio)) auto;
	}

	#benefits_rentarlsuit #meritArea .merit .heading {
		display: flex;
		align-items: center;
		width: 100%;
		min-width: auto;
		padding: 0 0 0 calc(40 * var(--width-ratio));
		margin: 0 0 calc(12 * var(--width-ratio));
	}

	#benefits_rentarlsuit #meritArea .merit .heading h3 {
		margin: 0 0 0 calc(20 * var(--width-ratio));
		font-size: calc(35 * var(--width-ratio));
		line-height: calc(42 * var(--width-ratio));
	}

	#benefits_rentarlsuit #meritArea .merit .imgArea {
		width: 100%;
		min-width: auto;
	}

	#benefits_rentarlsuit #meritArea .merit .txtArea {
		width: 100%;
		padding: calc(40 * var(--width-ratio)) calc(24 * var(--width-ratio));
		position: relative;
		top: auto;
		left: auto;
	}

	#benefits_rentarlsuit #meritArea .merit .txtArea p {
		font-size: calc(25 * var(--width-ratio));
		line-height: calc(40 * var(--width-ratio));
	}

	#benefits_rentarlsuit #meritArea .merit:nth-child(2n) {
		flex-direction: row-reverse;
	}

	#benefits_rentarlsuit #meritArea .merit:nth-child(2n) .txtArea {
		left: auto;
		right: 0;
	}

	#benefits_rentarlsuit #meritArea .merit:last-child {
		margin: calc(100 * var(--width-ratio)) auto;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

#contact

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#contact .formArea {
	margin: calc(60 * var(--width-ratio)) 0 calc(72 * var(--width-ratio));
}

#contact .formArea .heading {
	margin: 0 0 calc(52 * var(--width-ratio));
	text-align: center;
}

#contact .formArea .heading h2 {
	font-size: calc(29 * var(--width-ratio));
	line-height: calc(50 * var(--width-ratio));
}

#contact .formArea .heading p {
	font-size: calc(16 * var(--width-ratio));
	line-height: calc(35 * var(--width-ratio));
}

#contact .formArea form {
	width: 100%;
	max-width: calc(620 * var(--width-ratio));
	margin: 0 auto;
}

#contact .formArea dl {
	margin: 0 0 calc(20 * var(--width-ratio));
}

#contact .formArea dt,
#contact .formArea dd {
	font-size: calc(17 * var(--width-ratio));
	line-height: 1.5;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact textarea {
	width: 100%;
	padding: calc(8 * var(--width-ratio)) calc(5 * var(--width-ratio));
	border: calc(1 * var(--width-ratio)) solid #000;
	font-size: calc(17 * var(--width-ratio));
}

#contact textarea {
	min-height: calc(150 * var(--width-ratio));
}

#contact .required {
	color: #ff0000;
}

#contact input[type="submit"] {
	display: block;
	width: calc(150 * var(--width-ratio));
	height: calc(42 * var(--width-ratio));
	margin: calc(52 * var(--width-ratio)) auto 0;
	background: #565454;
	line-height: calc(42 * var(--width-ratio));
	color: #fff;
}

@media (max-width: 750px) {
	#contact .formArea .heading h2 {
		margin: 0 0 calc(12 * var(--width-ratio));
		font-size: calc(32 * var(--width-ratio));
		line-height: calc(56 * var(--width-ratio));
	}

	#contact .formArea .heading p {
		font-size: calc(22 * var(--width-ratio));
		line-height: calc(38 * var(--width-ratio));
	}

	#contact .formArea form {
		width: 100%;
		max-width: calc(680 * var(--width-ratio));
		margin: 0 auto;
	}

	#contact .formArea dl {
		margin: 0 0 calc(20 * var(--width-ratio));
	}

	#contact .formArea dt,
	#contact .formArea dd {
		font-size: calc(29 * var(--width-ratio));
		line-height: 1.5;
	}

	#contact input[type="text"],
	#contact input[type="email"],
	#contact input[type="tel"],
	#contact textarea {
		font-size: calc(29 * var(--width-ratio));
		line-height: 1.5;
	}

	#contact textarea {
		font-size: calc(29 * var(--width-ratio));
		line-height: 1.5;
		min-height: calc(260 * var(--width-ratio));
	}

	#contact input[type="submit"] {
		display: block;
		width: calc(250 * var(--width-ratio));
		height: calc(71 * var(--width-ratio));
		margin: calc(52 * var(--width-ratio)) auto 0;
		background: #565454;
		font-size: calc(28 * var(--width-ratio));
		line-height: 2;
	}
}

#contact .telArea > .inner {
	width: 100%;
	max-width: calc(820 * var(--width-ratio));
	padding: calc(72 * var(--width-ratio)) 0 0;
	margin: 0 auto calc(32 * var(--width-ratio));
	border-top: calc(1 * var(--width-ratio)) solid #000;
}

#contact .telArea .heading {
	margin: 0 0 calc(52 * var(--width-ratio));
	text-align: center;
}

#contact .telArea .heading h2 {
	margin: 0 0 calc(12 * var(--width-ratio));
	font-size: calc(29 * var(--width-ratio));
	line-height: calc(50 * var(--width-ratio));
}

#contact .telArea .heading p {
	font-size: calc(16 * var(--width-ratio));
	line-height: calc(24 * var(--width-ratio));
}

#contact .telArea .heading span {
	font-size: calc(14 * var(--width-ratio));
	line-height: calc(24 * var(--width-ratio));
}

#contact .telArea .area {
	width: 100%;
	max-width: calc(782 * var(--width-ratio));
	margin: calc(20 * var(--width-ratio)) auto 0;
}

#contact .telArea .area:first-child {
	margin: calc(52 * var(--width-ratio)) auto 0;
}

#contact .telArea .area h3 {
	font-size: calc(26 * var(--width-ratio));
	font-weight: 400;
	text-align: center;
}

#contact .telArea .area ul {
	display: flex;
	flex-wrap: wrap;
	margin: calc(32 * var(--width-ratio)) 0 0;
}

#contact .telArea .area li {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc(365 * var(--width-ratio));
	height: calc(180 * var(--width-ratio));
	padding: calc(24 * var(--width-ratio)) 0 calc(16 * var(--width-ratio));
	margin: 0 calc(52 * var(--width-ratio)) calc(52 * var(--width-ratio)) 0;
	border: calc(1 * var(--width-ratio)) solid #969696;
	position: relative;
}

#contact .telArea .area li:nth-child(2n) {
	margin: 0 0 calc(52 * var(--width-ratio));
}

#contact .telArea .area li.shinjuku {
	background: #fff0f5;
}

#contact .telArea .area li.shibuya {
	background: #fffee5;
}

#contact .telArea .area li.ikebukuro {
	background: #fff5db;
}

#contact .telArea .area li.yokohama {
	background: #eaf6ff;
}

#contact .telArea .area li.tokyo {
	background: #effff1;
}

#contact .telArea .area li.hachioji {
	background: #f8f0ff;
}

#contact .telArea .area li .comment {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: calc(140 * var(--width-ratio));
	min-height: calc(40 * var(--width-ratio));
	padding: calc(3 * var(--width-ratio)) calc(20 * var(--width-ratio));
	border-radius: calc(5 * var(--width-ratio));
	border: calc(1 * var(--width-ratio)) solid #8c8c8c;
	background: #fff;
	font-size: calc(14 * var(--width-ratio));
	line-height: calc(17 * var(--width-ratio));
	position: absolute;
	top: calc(-30 * var(--width-ratio));
	left: calc(-20 * var(--width-ratio));
}

#contact .telArea .area li:nth-child(2n) .comment {
	left: auto;
	right: calc(-20 * var(--width-ratio));
}

#contact .telArea .area li h4 {
	margin: 0 0 calc(12 * var(--width-ratio));
	font-size: calc(23 * var(--width-ratio));
	color: #595858;
}

#contact .telArea .area li .address {
	min-height: calc(25 * var(--width-ratio));
	padding: 0 0 calc(12 * var(--width-ratio));
	font-size: calc(12 * var(--width-ratio));
	line-height: calc(16 * var(--width-ratio));
	text-align: center;
}

#contact .telArea .area li.yokohama .address {
	height: calc(45 * var(--width-ratio));
}

#contact .telArea .area li.tokyo .address {
	height: calc(24 * var(--width-ratio));
}

#contact .telArea .area li .address a {
	color: #048fff;
}

#contact .telArea .area li .access {
	margin: 0 0 calc(24 * var(--width-ratio));
	font-size: calc(16 * var(--width-ratio));
	line-height: calc(22 * var(--width-ratio));
	color: #626262;
	text-align: center;
}

#contact .telArea .area li.yokohama .access {
	margin: 0 0 calc(12 * var(--width-ratio));
}

#contact .telArea .area li.tokyo .access {
	margin: 0 0 calc(12 * var(--width-ratio));
}

#contact .telArea .area li a.telLink {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-size: calc(28 * var(--width-ratio));
	font-weight: 600;
	color: #2e78e0;
	position: absolute;
	bottom: calc(10 * var(--width-ratio));
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

#contact .telArea .area li a.telLink span {
	font-size: calc(25 * var(--width-ratio));
	color: #595858;
}

@media (max-width: 750px) {
	#contact .telArea > .inner {
		width: 100%;
		padding: calc(72 * var(--width-ratio)) 0 0;
		margin: 0 auto calc(32 * var(--width-ratio));
	}

	#contact .telArea .heading h2 {
		margin: 0 0 calc(12 * var(--width-ratio));
		font-size: calc(32 * var(--width-ratio));
		line-height: calc(56 * var(--width-ratio));
	}

	#contact .telArea .heading p {
		font-size: calc(22 * var(--width-ratio));
		line-height: calc(38 * var(--width-ratio));
	}

	#contact .telArea .area {
		width: 100%;
		padding: 0 calc(28 * var(--width-ratio));
		margin: calc(52 * var(--width-ratio)) auto 0;
	}

	#contact .telArea .area li {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: calc(340 * var(--width-ratio));
		height: calc(226 * var(--width-ratio));
		padding: calc(24 * var(--width-ratio)) 0 calc(16 * var(--width-ratio));
		margin: 0 calc(12 * var(--width-ratio)) calc(20 * var(--width-ratio)) 0;
		border: calc(1 * var(--width-ratio)) solid #969696;
		position: relative;
	}

	#contact .telArea .area li:nth-child(2n) {
		margin: 0 0 calc(20 * var(--width-ratio)) 0;
	}

	#contact .telArea .area li .comment {
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: calc(152 * var(--width-ratio));
		min-height: calc(40 * var(--width-ratio));
		padding: calc(4 * var(--width-ratio)) calc(20 * var(--width-ratio));
		border-radius: calc(10 * var(--width-ratio));
		font-size: calc(19 * var(--width-ratio));
		line-height: calc(21 * var(--width-ratio));
	}

	#contact .telArea .area li h4 {
		margin: 0 0 calc(12 * var(--width-ratio));
		font-size: calc(24 * var(--width-ratio));
		color: #595858;
	}

	#contact .telArea .area li .address {
		height: calc(55 * var(--width-ratio));
		font-size: calc(18 * var(--width-ratio));
		line-height: calc(24 * var(--width-ratio));
	}

	#contact .telArea .area li.yokohama .address {
		height: calc(55 * var(--width-ratio));
	}

	#contact .telArea .area li.tokyo .address {
		height: calc(55 * var(--width-ratio));
	}

	#contact .telArea .area li .access {
		display: flex;
		align-items: center;
		justify-content: center;
		height: calc(44 * var(--width-ratio));
		margin: 0 0 calc(12 * var(--width-ratio));
		font-size: calc(16 * var(--width-ratio));
		line-height: calc(22 * var(--width-ratio));
	}

	#contact .telArea .area li.tokyo .access {
		margin: 0 0 calc(12 * var(--width-ratio));
	}

	#contact .telArea .area li a.telLink {
		bottom: calc(20 * var(--width-ratio));
	}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

#privacypolicy

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#privacypolicy .privacypolicyArea {
	width: 100%;
	max-width: calc(820 * var(--width-ratio));
	padding: calc(32 * var(--width-ratio)) 0 0;
	margin: 0 auto calc(60 * var(--width-ratio));
}

#privacypolicy .privacypolicyArea p {
	margin: calc(12 * var(--width-ratio)) 0 0;
	font-size: calc(14 * var(--width-ratio));
	line-height: calc(24 * var(--width-ratio));
}

#privacypolicy .privacypolicyArea .privacypolicyWrap {
	padding: 0 0 0 calc(20 * var(--width-ratio));
}

#privacypolicy .privacypolicyArea h2 {
    font-size: calc(20 * var(--width-ratio));
    color: #4AC0C4;
    position: relative;
    text-align: left;
    margin: 2rem 0 1rem 0;
}

#privacypolicy .privacypolicyArea h2:before {
	content: '';
	width: calc(20 * var(--width-ratio));
	height: calc(20 * var(--width-ratio));
	background: url(../../img/privacypolicy/pp-arrow.png) 50%/cover no-repeat;
	position: absolute;
	left: calc(-22 * var(--width-ratio));
}

#privacypolicy .privacypolicyArea li {
	margin: calc(12 * var(--width-ratio)) 0 0;
	font-size: calc(14 * var(--width-ratio));
	line-height: calc(24 * var(--width-ratio));
}

@media (max-width: 750px) {
	#privacypolicy .privacypolicyArea {
		width: 100%;
		padding: calc(30 * var(--width-ratio)) calc(52 * var(--width-ratio)) 0 calc(60 * var(--width-ratio));
		margin: 0 auto calc(60 * var(--width-ratio));
	}

	#privacypolicy .privacypolicyArea p {
		margin: 0 0 calc(40 * var(--width-ratio));
		font-size: calc(22 * var(--width-ratio));
		line-height: calc(38 * var(--width-ratio));
	}

	#privacypolicy .privacypolicyArea h2 {
		font-size: calc(28 * var(--width-ratio));
	}

	#privacypolicy .privacypolicyArea h2:before {
		top: calc(6 * var(--width-ratio));
		left: calc(-25 * var(--width-ratio));
	}

	#privacypolicy .privacypolicyArea li {
		margin: calc(12 * var(--width-ratio)) 0 0;
		font-size: calc(22 * var(--width-ratio));
		line-height: calc(38 * var(--width-ratio));
	}
}
	/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

#company

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

	h3.mailerror {
    font-size: calc(18 * var(--width-ratio));
    color: #000;
    position: relative;
    text-align: left;
    margin: 2rem 0 1rem 0;
}

h4 .mailerror{
    font-size: calc(16 * var(--width-ratio));
    color: #000;
    position: relative;
    text-align: left;
    margin: 1rem 0;
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

#sitemap

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#sitemap .sitemapArea {
	width: 100%;
	max-width: calc(820 * var(--width-ratio));
	padding: calc(60 * var(--width-ratio)) 0;
	margin: 0 auto calc(60 * var(--width-ratio));
}

#sitemap .sitemapArea .heading {
	margin: 0 0 calc(28 * var(--width-ratio));
}

#sitemap .sitemapArea a {
	font-size: calc(15 * var(--width-ratio));
	color: #1a73e8;
}

#sitemap .sitemapArea li {
	margin: 0 0 calc(28 * var(--width-ratio));
}

#sitemap .sitemapArea > ul {
	padding: 0 0 0 calc(28 * var(--width-ratio));
}

#sitemap .sitemapArea > ul ul {
	padding: 0 0 0 calc(16 * var(--width-ratio));
	margin: calc(28 * var(--width-ratio)) 0 0;
}

#sitemap .sitemapArea > ul ul li {
	padding: 0 0 0 calc(15 * var(--width-ratio));
	position: relative;
}

#sitemap .sitemapArea > ul ul li:before {
	content: '・';
	color: #1a73e8;
	position: absolute;
	left: 0;
}

@media (max-width: 750px) {
	#sitemap .sitemapArea {
		width: 100%;
		padding: calc(52 * var(--width-ratio)) calc(48 * var(--width-ratio)) 0;
		margin: 0 auto calc(60 * var(--width-ratio));
	}

	#sitemap .sitemapArea .heading {
		margin: 0 0 calc(44 * var(--width-ratio));
	}

	#sitemap .sitemapArea a {
		font-size: calc(26 * var(--width-ratio));
	}

	#sitemap .sitemapArea li {
		margin: 0 0 calc(44 * var(--width-ratio));
	}

	#sitemap .sitemapArea > ul {
		padding: 0 0 0 calc(28 * var(--width-ratio));
	}

	#sitemap .sitemapArea > ul ul {
		padding: 0 0 0 calc(16 * var(--width-ratio));
		margin: calc(44 * var(--width-ratio)) 0 0;
	}

	#sitemap .sitemapArea > ul ul li {
		padding: 0 0 0 calc(26 * var(--width-ratio));
		position: relative;
	}

	#sitemap .sitemapArea > ul ul li:before {
		content: '・';
		position: absolute;
		left: 0;
	}

}

/*　メールエラーのCSS*/

.mail-error div{
	margin:1.5em auto;
	text-align:center;
}

.mail-error ul{
  margin:0 auto;
  display: flex;
  flex-direction: column;
	flex-wrap:wrap;
  gap: 1em;
  width: fit-content;
}

.mail-error li{
	width: calc(100%/3);/
	box-sizing:border-box;
}

 .mail-error li a {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 25%;
	margin: 0 auto;
	padding: 1rem 2rem;
	font-weight: 400;
	border: 2px solid #27acd9;
	color: #27acd9;
	border-radius: 100vh;
	transition: 0.5s;
	 height:auto;
}


.mail-error p {
	font-size:0.8rem;
	color:gray;
	text-align:center;
	margin:2em auto 1em;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

#survey

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#survey .survey{
	width:800px;
	max-width:100%;
	letter-spacing:0.05em;
	margin:1em auto;
	padding:1em 1em 2em;
	font-size:calc(16* var(--width-ratio));
	line-height:1.6em;
}

#survey .inner{
	width:100%;
}

#survey .inner h2{
    font-size: calc(22* var(--width-ratio));
    margin: 1.5em auto 1em;
    border-bottom: 3px solid #4AC0C4;
    padding-bottom: 0.25em;
	letter-spacing:0.1em;
		line-height:1.3em;
	text-align:center;
}

#survey .inner h3{
    font-size: calc(22* var(--width-ratio));
    margin: 0.5em auto 0.5em;
    color: #4AC0C4;
    padding-bottom: 0.25em;
	text-align:center;
	letter-spacing:0.05em;
		line-height:1.3em;
}

#survey .inner h3.box-design16-ttl{
	font-size: calc(16* var(--width-ratio));
    color: #fff;
    text-align: center;
	margin:0 auto;
	line-height:1.3em;
	letter-spacing:0.075em;
}

#survey .org_tag_tab01_btns:has(button:nth-of-type(3)) button{
	font-size:calc(14* var(--width-ratio));
}

#survey .inner p{
	margin:0 auto 0.5em;
	padding:0 0.5em;
}

#survey .pageTtlAreaz .inner .breadcrumb li{
		margin:0;
}

#survey .inner ul{
		margin:0.5em auto 0.5em;
	font-size:calc(16* var(--width-ratio));
		padding-left:1em;
	line-height:1.6em;	
}

#survey .inner ul.breadcrumb{
	margin:0 auto;
}

#survey .pageTtlArea .inner .breadcrumb li{
	margin:0.3em 0 0em 0!important;
}

#survey .inner li{
		margin:0.5em auto 0.5em;
	line-height:1.5em;
}

#survey .inner a{
	color:#4285F4;
}

#survey .inner img{
	width:75%;
	margin:1.5em auto 1em;
	display:block;
}

#survey .inner .org_tag_tab01_cnt .org_tag_tab01_item p{
	width:75%;
	font-size:0.9em;
}

#survey .inner dl.survey{
	margin:1em auto;
	line-height:1.3em;
	border:1.5px solid gray;
	padding:1em;
	font-size:0.9em;
	letter-spacing:0.025em;
	width:75%;
}
#survey .inner dt{
	margin:0.5em auto 0.3em;
	font-weight:600;
	letter-spacing:0.1em;
	line-height:1.3em;
}
#survey .inner dd{
	margin:0em auto 1em;
	font-weight:400;
	line-height:1.3em;
}

#survey .box-design16{
	width:92%;
}

#survey .inner cite{
	display:block;
	text-align:right;
	margin:0.5em auto;
}

#survey .inner p.survey{
	font-size:calc(22* var(--width-ratio));
	font-weight:600;
}

@media screen and (max-width: 768px) {
	#survey .survey{
	width:500px;
	max-width:100%;
	margin:2em auto;
	padding:0 1.5em;
	font-size:calc(26* var(--width-ratio));
}
	
	#survey .org_tag_tab01_btns:has(button:nth-of-type(3)) button{
	font-size:calc(20* var(--width-ratio));
}

	#survey .inner h2{
    font-size: calc(32* var(--width-ratio));
    margin: 1.5em auto 1em;
}

#survey .inner h3{
    font-size: calc(32* var(--width-ratio));
	line-height:1.5em;
    margin: 0.5em auto 0.5em;
	letter-spacing:0.075em;
}

#survey .inner h3.box-design16-ttl{
	font-size: calc(28* var(--width-ratio));
    color: #fff;
    text-align: center;
	margin:0 auto;
}

#survey .inner ul{
		margin:0.5em auto 0.5em;
	font-size:calc(24* var(--width-ratio))
	padding:1em 1em 1em 2em;
}	
	
	

	#survey .inner img{
		width:100%;
		padding:0 0.5em;
}

#survey .inner .org_tag_tab01_cnt .org_tag_tab01_item p{
	width:92%;
	font-size:0.9em;
	line-height:1.4em;
}	
	
	#survey .box-design16{
		width:100%;
		padding:0 1em;
	}
	
	#survey .inner dl.survey{
	width:100%;
}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

#online-order

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#online-order .online-order{
	width:800px;
	max-width:100%;
	margin:2em auto;
	padding:0 1em;
	font-size:calc(16* var(--width-ratio));
	line-height:1.6em;
		letter-spacing:0.025em;
}

#online-order .inner{
	width:100%;
}

#online-order .inner h2{
    font-size: calc(22* var(--width-ratio));
    margin: 1.5em auto 1em;
	letter-spacing:0.075em;
    border-bottom: 3px solid #4AC0C4;
    padding-bottom: 0.25em;
		line-height:1.3em;
	text-align:center;
}

#online-order .inner h3{
    font-size: calc(22* var(--width-ratio));
    margin: 0.5em auto 0.5em;
    color: #4AC0C4;
		letter-spacing:0.05em;
    padding-bottom: 0.25em;
	text-align:center;
		line-height:1.3em;
}

#online-order .inner h3.box-design16-ttl{
	font-size: calc(16* var(--width-ratio));
    color: #fff;
    text-align: center;
	margin:0 auto;
		letter-spacing:0.05em;
	line-height:1.3em;
}

#online-order .inner p{
	margin:0 auto 0.5em;
}

#online-order .pageTtlAreaz .inner .breadcrumb li{
		margin:0;
}

#online-order .inner ul{
		margin:0.5em auto 0.5em;
	font-size:calc(16* var(--width-ratio))
		padding-left:1em;
}

#online-order .inner li{
		margin:0.5em auto 0.5em;
}

#online-order .inner .imgArea{
	width:300px;
}

#online-order .inner img{
	width:92%;
	margin:1em auto;
	display:block;
}

#online-order .inner .org_tag_tab01_cnt .org_tag_tab01_item p{
	width:100%;
	font-size:calc(16* var(--width-ratio));
	line-height:1.6em;
	padding:0 1em;
}

#online-order .inner p.online-order-top{
	text-align:center;
}

#online-order .inner dl.survey{
	margin:1em auto;
	line-height:1.3em;
	border:1.5px solid gray;
	padding:1em;
	font-size:0.9em;
	width:75%;
}
#online-order .inner dt{
	margin:0.5em auto 0.3em;
	font-weight:600;
}
#online-order .inner dd{
	margin:0em auto 1em;
	font-weight:400;
}

#online-order .box-design16{
	width:92%;
}

#online-order .inner p.online-order-top {
  margin:1em auto 0.5em;
	line-height:1.6em;
	font-size:calc(14* var(--width-ratio));
	text-align:center;
}

#online-order .inner cite{
	display:block;
	text-align:right;
	margin:0.5em auto;
}

#online-order .inner .flex {
  display: flex; /*横並び*/
	gap:30px;
}

#online-order .inner .flex .image {
  width: 640px; /*画像サイズ指定*/
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}

#online-order .inner .flex h3.title{
	font-weight:600;
	color:red;
}

#online-order .inner .flex p {
  margin:0 auto 0.5em;
  padding: 0;
	line-height:.1.8em;
}

#online-order .inner .flex a {
	color:#4285F4;

}

@media screen and (max-width: 768px) {
	#online-order .online-order{
	width:500px;
	max-width:100%;
	margin:0 auto;
	padding:1em 1em 2em;
	font-size:calc(28* var(--width-ratio));
}

	#online-order .inner h2{
    font-size: calc(32* var(--width-ratio));
    margin: 1.5em auto 1em;
}

#online-order .inner h3{
    font-size: calc(32* var(--width-ratio));
    margin: 0.5em auto 0.5em;
}

#online-order .inner h3.box-design16-ttl{
	font-size: calc(30* var(--width-ratio));
    color: #fff;
    text-align: center;
	margin:0 auto;
}

#online-order .inner ul{
		margin:0.5em auto 0.5em;
	font-size:calc(30* var(--width-ratio))
		padding-left:1em;
}	
	
	#online-order .inner .imgArea{
	width:175px;
}

	#online-order .inner img{
	width:92%;
}
	
	#online-order .inner p.online-order-top {
	font-size:calc(26* var(--width-ratio));
}
	
#online-order .inner .flex {
  display: flex; /*横並び*/
	gap:10px;
}
	
	#online-order .inner .flex p{
		font-size:calc(22* var(--width-ratio))
	}

#online-order .inner .org_tag_tab01_cnt .org_tag_tab01_item p{
	width:92%;
	font-size:0.9em;
	line-height:1.3em;
}	
	
	#online-order .box-design16{
		width:100%;
		padding:0 1em;
	}
	
	#online-order .inner dl.survey{
	width:100%;
}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

キャリアセンターの皆さまへ
/career-center/

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#careercenter .careercenter{
	width:800px;
	max-width:100%;
	margin:2em auto;
	padding:0 1em;
	font-size:calc(16* var(--width-ratio));
	line-height:1.6em;
	letter-spacing:0.05em;
}

#careercenter .careercenterWrap inner{
	width:100%;
}

#careercenter .careercenterWrap .inner h2{
    font-size: calc( 42* var(--width-ratio));
	line-height:1.8em;
    margin: 0.5em auto 0.5em;
	letter-spacing:0.1em;
    padding:0 0.5em 0.25em;
		line-height:1.3em;
	text-align:center;
}

#careercenter .careercenterWrap .inner p.h_discription{
	text-align:center;
	margin:1em auto;
	max-width: 50%;
}

#careercenter .careercenterWrap .inner figure.center{
	text-align:center;
	margin:0 auto;
}

#careercenter .careercenterWrap .inner div.section{
	margin:1.5em auto;
	padding:0 0.5em;
}

#careercenter .careercenterWrap .inner .section img.sp{
	display:none;
}

#careercenter div.cta_school{
	margin:2em auto 1em;
	text-align:center;
}

#careercenter p.cta_school{
	margin:0em auto 0.5em;
	text-align:center;
	color:#08131a;
	letter-spacing:0.1em;
	font-weight:500;
	font-size:0.9em;
	line-height:1.4em;
}

#careercenter a.cta_school_btn {
    margin: 0em auto 2em;
    display: block;
    letter-spacing: 0.1em;
    text-align: center;
    color: #fff;
    background: #4285F4;
    font-weight: 700;
    font-size: 1.5em;
    padding: 0.5em 2em;
    border: 0.1em solid #4285F4;
    border-radius: 100px;
    max-width: calc(450* var(--width-ratio));
	line-height:1.4em;
}



@media screen and (max-width: 768px) {
	
	#careercenter .careercenter{
	width:100%;
}
	#careercenter p.cta_school{
		font-size:0.9em;
}
	
	#careercenter .careercenterWrap .inner .section img.pc{
	display:none;
}
#careercenter .careercenterWrap .inner .section img.sp{
	display:block;
}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

キャリアセンターの皆さまへ
/career-center/

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */


 a.cta_shiftcp_btn {
    margin: 0em auto 2em;
    display: block;
    letter-spacing: 0.1em;
    text-align: center;
    color: #fff;
    background: #4285F4;
    font-weight: 700;
    font-size: 1.5em;
    padding: 0.5em 2em;
    border: 0.1em solid #4285F4;
    border-radius: 100px;
    max-width: calc(450* var(--width-ratio));
	line-height:1.4em;
}

@media screen and (max-width: 768px) {
 a.cta_shiftcp_btn {
    margin: 0.25em auto 1.5em;
    font-size: 1.3em;
    padding: 0.5em 2em;
    max-width: 67%;
	line-height:1.4em;
}
	
	p.cta_shiftcp{
		margin: 0em auto 0.5em;
    text-align: center;
    color: #08131a;
    letter-spacing: 0.1em;
    font-weight: 500;
    font-size: 1.5em;
    line-height: 1.4em;
}
	
	@media screen and (max-width: 768px) {
 p.cta_shiftcp {
    font-size: 1.2em;
	line-height:1.4em;
}
}