@charset "UTF-8";
/* =========================================================
reset
========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Noto+Sans+JP:wght@400;500;600;700&family=Oswald:wght@300;400;500;600;700&display=swap");

:root {
	--wrapW: 500px;
}
@media screen and (max-width: 767px) {
	:root {
		--wrapW: 100vw;
	}
}

/*--- reset (ress.css) ---*/
html{-webkit-text-size-adjust:100%;box-sizing:border-box;-moz-tab-size:4;tab-size:4;word-break:normal}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0}hr{color:inherit;height:0;overflow:visible}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}

ul,ol {
	list-style: none;
}



html,
body {
	width: 100%;
	min-width: 1300px;
	height: auto;
}

@media screen and (max-width: 767px) {

	html,
	body {
		min-width: auto;
	}
}

body {
	letter-spacing: 0.05em;
	/* background: url(../img/bg_pc.jpg) no-repeat center center fixed;
	background-size: cover; */
	background-color: #fff;
	font-family: "Noto Sans JP", sans-serif, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	color: #60717E;
	font-weight: 400;
	min-width: 100%;
	line-height: 1.7;
}

@media screen and (min-width: 768px) {
	body {
		font-size: 18.6666666667px;
	}
}

@media screen and (max-width: 767px) {
	body {
		font-size: 3.7333333333vw;
	}
}

img {
	max-width: 100%;
	height: auto;
	font-size: 0;
	vertical-align: middle;
}

a {
	color: #333;
	display: block;
	text-decoration: none;
}

figure {
	line-height: 0;
}

@media screen and (min-width: 768px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
	}
}


.mb1 { margin-bottom: 1em; }

.main {
	/* background: url(../img/bg_pc.jpg) no-repeat center center fixed;
	background-size: cover; */
	height: 100vh;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

@media screen and (max-width: 767px) {
	.main {
		height: auto;
	}
}
.main-bg {
	height: 100vh;
	width: 100vw;
	position: fixed;
	top: 0;
	left: 0;
	/* background: url(../img/bg_pc.jpg) no-repeat center center;
	background-size: cover; */
}


/* @supports ( -webkit-touch-callout : none) {
	.main-bg:before {
		content: "";
		width: 100%;
		height: 100%;
		background: url(../img/bg_pc.jpg) no-repeat center center;
		background-size: cover;
		background-attachment: scroll;
		position: relative;
		top: 0;
		left: 0;
		z-index: -1;
	}
} */

@media screen and (max-width: 767px) {
	.main-bg {
		display: none;
	}
}

/* .main-bg-inner {
	width: 90%;
	height: 90%;
	position: fixed;
	border-radius: 10px;
}

@media screen and (max-width: 767px) {
	.main-bg-inner {
		display: none;
	}
} */

.floating-pc {
	position: fixed;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

@media screen and (max-width: 767px) {
	.floating-pc {
		display: none !important;
	}
}

@media screen and (min-width: 768px) {
	.pc_center {
		width: 500px;
		height: 100vh;
		margin: 0 auto;
		-webkit-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
		-ms-overflow-style: none;
		scrollbar-width: none;
		-ms-overflow-style: none;
		position: relative;
	}
}

.sp-wrap {
	position: relative;
	background: #fff;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(72, 72, 72, 0.2);
	box-shadow: 0px 0px 8px 0px rgba(72, 72, 72, 0.2);
}

.pc_center::-webkit-scrollbar {
	display: none;
}

.pc_left {
	width: 50vw;
	position: absolute;
	top: 50%;
	left: 0;
}

@media screen and (max-width: 767px) {
	.pc_left {
		display: none;
	}
}

.pc_right {
	position: absolute;
	bottom: 6%;
	right: 30px;
	width: 400px;
}

@media screen and (max-width: 767px) {
	.pc_right {
		display: none;
	}
}

.pc_left-inner {
	position: relative;
}

.pc_left-box {
	width: 500px;
	position: absolute;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	top: 50%;
	left: 100px;
}

.pc-left-logo {
	width: 128px;
	font-size: 0;
	margin-bottom: 100px;
}

.pc-left-nav-wrap {
	width: 300px;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}

.pc-nav-head {
	color: #1f2c5c;
	/* font-weight: bold; */
	font-family: "Lato", sans-serif;
	display: inline-block;
	font-size: 22px;
	line-height: 1.2;
	border-bottom: #1f2c5c 1px solid;
	margin-bottom: 24px;
	padding-bottom: 0;
}

/* .pc-nav-list {
	margin-top: -10px;
} */

#pc-nav-list {
	font-size: 14px;
	color: #545454;
	pointer-events: visible;
}
#pc-nav-list li {
	padding-left: 1em;
}

#pc-nav-list a {
	font-size: 14px;
	color: #545454;
	line-height: 2;
	transition: 0.2s;
	position: relative;
}
#pc-nav-list a:before {
	content: "ー";
	position: absolute;
	top: 0;
	left: -1em;
}

#pc-nav-list a:hover,
#pc-nav-list a:active {
	color: #1f2c5c;
	font-weight: 600;
}

#pc-nav-list a.is-active {
	color: #1f2c5c;
	font-weight: 600;
}

#pc-nav-list .mb16 {
	margin-bottom: 16px;
}

.qr {
	margin: 0 10px 30px auto;
	width: 102px;
}

.floating-pc .floating-bnr {
	position: relative;
	width: 70%;
	margin-left: auto;
}

.floating-bnr:hover {
	opacity: 0.8;
}

.floating-pc .floating-bnr .floating-cv-btn {
	pointer-events: visible;
}

@media screen and (min-width: 768px) {
	.floating-pc .floating-bnr .cv-area-btn.floating-cv-btn {
		position: relative;
		left: auto;
		bottom: auto;
		transform: translate(0%, 0%);
		width: 100%;
	}
}




@media screen and (min-width: 768px) {
	.floating-sp {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.floating-sp {
		position: fixed;
		bottom: 0;
		right: 0;
		width: 100%;
		height: calc(164/750 * 100vw);
		background: #fff;
		box-shadow: 0px 0px 8px 0px rgb(72 72 72 / 15%);
		border-radius: 0;
		opacity: 0;
		z-index: 999;
		-webkit-transition: 0.4s;
		transition: 0.4s;
		-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

.floating-sp .floating-cv-btn.cv-area-btn {
	position: relative;
	bottom: auto;
	left: auto;
	transform: translate(0%, 0%);
	width: 78%;
}

@media screen and (min-width: 768px) {
	.floating-sp.show {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.floating-sp.show {
		opacity: 1;
		-webkit-transition: 0.4s;
		transition: 0.4s;
	}
}




/* .header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 16px;
	height: 73.3333333333px;
}

@media screen and (max-width: 767px) {
	.header {
		padding: 3.2vw;
		height: 14.6666666667vw;
	}
}

.header-logo {
	width: 85.3333333333px;
	padding: 0;
	font-size: 0;
}

@media screen and (max-width: 767px) {
	.header-logo {
		width: 17.0666666667vw;
	}
}
 */

#firstArea {
	position: relative;
}
#firstArea h1 .topLogo {
	width: calc(0.19333 * var(--wrapW));
	position: absolute;
	top: calc(0.03733 * var(--wrapW));
	right: calc(0.03333 * var(--wrapW));
}
#firstArea .attext {
	font-size: 0.6em;
	padding: calc(0.0333 * var(--wrapW));
}

/* ----- trial Area ----- */
.trialArea {
	/* border: calc(0.0333333 * var(--wrapW)) solid #90A3D0; */
	clip-path: inset(calc(0.0333*var(--wrapW)) calc(0.0333*var(--wrapW)) round calc(0.0333*var(--wrapW)));
	position: relative;
}
.trialArea .btnArea {
	position: absolute;
	top: var(--wrapW);
	left: 50%;
	width: calc(0.804 * var(--wrapW));
	transform: translateX(-50%);
}
.trialArea .btnArea .trialBtn {
	transition: 0.2s;
}
.trialArea .btnArea .trialBtn:hover {
	opacity: 0.7;
}
.trialArea .promise {
	background: #ccd2df;
	padding: 1.5em calc(0.0533 * var(--wrapW)) calc(0.0333 * var(--wrapW) + 0.75em);
	position: relative;
}
.trialArea .promise:before {
	content: "";
	background: #ccd2df;
	height: calc(0.0466 * var(--wrapW));
	width: calc(0.0533 * var(--wrapW));
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-99%);
}
.trialArea .promise dl {
	position: relative;
	padding-top: calc(0.13358 * var(--wrapW) + 1em);
	display: flex;
	gap: calc(0.029333 * var(--wrapW));
	margin-bottom: 0.5em;
}
.trialArea .promise dl dt {
	position: absolute;
	width: calc(0.784666 * var(--wrapW));
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.trialArea .promise dl dd {
	flex: 1;
}
.trialArea .promise ul li {
	color: #000;
	font-size: calc(0.022 * var(--wrapW));
	letter-spacing: 0;
	padding-left: 1.2em;
	position: relative;
}
.trialArea .promise ul li .listIcon {
	position: absolute;
	top: 0;
	left: 0;
}

/* ------ about ------ */
#about {
	background: #001D60;
	color: #C0CED8;
}
#about ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0 calc(0.048 * var(--wrapW)) 1em;
}
#about ul li {
	width: 50%;
	padding-right: calc(0.02133 * var(--wrapW));
	padding-bottom: 0.5em;
	position: relative;
}
#about ul li:nth-child(2n) {
	padding-right: 0;
	padding-left: calc(0.02133 * var(--wrapW));
}
#about ul li:nth-child(2n):before {
	content: "";
	width: 1px;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
}
#about ul li:nth-child(n+3) {
	padding-top: 0.8em;
	padding-bottom: 0;
}
#about ul li:nth-child(n+3):after {
	content: "";
	width: 100%;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
}
#about ul li .ttl {
	width: 100%;
	margin: 0 auto 0.5em;
}
#about ul li .text {
	font-size: 0.75em;
}
#about .attext {
	font-size: 0.6em;
	padding: calc(0.0333 * var(--wrapW));
}


/* ------ voice ------- */
#voice {
	background: #F1F1F4;
}
#voice > .text {
	text-align: center;
	color: #000;
	margin-bottom: 1.6em;
	font-size: calc(0.032 * var(--wrapW));
}
#voice > .text > strong {
	font-weight: 400;
	display: inline-block;
	position: relative;
}
#voice > .text > strong:after {
	content: "";
	width: 100%;
	height: 1.3em;
	background: rgba(230,80,60,0.2);
	position: absolute;
	top: 0.22em;
	left: 0;
}
#voice > .attext {
	font-size: calc(0.021333 * var(--wrapW));
	/* text-align: center; */
	padding: 0 calc(0.05 * var(--wrapW));
}


#voice .slideArea {
	overflow: hidden;
	width: var(--wrapW);
	margin-top: 1.6em;
}
/* #voice .slideArea:before {
	content: attr(data-max);
	display: block;
} */
#voice .voiceList {
	display: flex;
	width: fit-content;
	padding: 0 calc(0.04666 * var(--wrapW));
	--liWidth: calc(0.472 * var(--wrapW));
	--gap: calc(0.04666 * var(--wrapW));
	gap: var(--gap);
	/* --now: 1;
	margin-left: calc((var(--now) - 1) * (-0.51866 * var(--wrapW))); */
}
#voice .voiceList li {
	/* width: calc(0.472 * var(--wrapW)); */
	width: var(--liWidth);
	position: relative;
	border: 1px solid #C0CED8;
	background: #FFF;
	box-shadow: 0.4em 0.4em 0.5em -0.4em rgba(0,0,0,0.2);
	padding: 1em calc(0.016 * var(--wrapW)) calc(0.108 * var(--wrapW));
}
.modalArea .voiceList li {
	width: calc(0.85 * var(--wrapW));
	position: relative;
	border: 1px solid #C0CED8;
	background: #FFF;
	box-shadow: 0.4em 0.4em 0.5em -0.4em rgba(0,0,0,0.2);
	padding: 1em calc(0.025 * var(--wrapW));
}
/* #voice .voiceList li:after {
	content: "";
	width: calc(0.042666 * var(--wrapW));
	height: calc(0.016 * var(--wrapW));
	background: url("../img/arw_b.svg") no-repeat center;
	background-size: contain;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	transition: 0.2s ease;
	z-index: 0;
} */
#voice .voiceList li:after {
	content: "";
	width: calc(0.4 * var(--wrapW));
	height: calc(0.08533 * var(--wrapW));
	background: url("../img/btn_more.svg") no-repeat center;
	background-size: contain;
	position: absolute;
	bottom: calc(0.022666 * var(--wrapW));
	left: 50%;
	transform: translateX(-50%);
	transition: 0.2s ease;
	z-index: 0;
}
#voice .voiceList li:has(.linkArea:hover):after {
	opacity: 0.7;
}
#voice .voiceList li .linkArea {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	cursor: pointer;
	z-index: 2;
}

.voiceList li h3 {
	text-align: center;
	color: #001D60;
	font-weight: 400;
	user-select: none;
	font-size: 0.9em;
}
.voiceList li .image {
	text-align: center;
	pointer-events: none;
	user-select: none;
}
.modalArea .voiceList li .image {
	width: 50%;
	margin: 0 auto 0.75em;
}
.voiceList li .text,
.voiceList li .type {
	font-size: calc(0.032 * var(--wrapW));
}
.voiceList li .text strong {
	font-weight: normal;
	color: #E6503C;
}
.voiceList li .type {
	text-align: right;
	margin-top: 1em;
}
.voiceList li .stext {
	font-size: calc(0.02133 * var(--wrapW));
	margin-top: 1em;
}
#voice .voiceList li .tglArea {
	display: none;
}


/* slideArea */
.slideArea .slideList {
	--now: 1;
	margin-left: calc((var(--now) - 1) * ((var(--liWidth) + var(--gap)) * (-1)));
	transition: 0.2s ease;
}
.slideArea .navigation {
	position: relative;
	height: calc(0.0445 * var(--wrapW));
	margin: calc(0.05 * var(--wrapW)) 5%;
}
.slideArea .navigation .naviBtn {
	width: calc(0.09333 * var(--wrapW));
	height: calc(0.0445 * var(--wrapW));
	background: no-repeat center;
	background-size: contain;
	transition: 0.2s ease;
	opacity: 0.4;
	pointer-events: none;
}
.slideArea .navigation .naviBtn.visible {
	cursor: pointer;
	opacity: 1;
	pointer-events: visible;
}
.slideArea .navigation .naviBtn.visible:hover {
	opacity: 0.7;
}
.slideArea .navigation .prevBtn {
	background-image: url("../img/arw_l.svg");
}
.slideArea .navigation .nextBtn {
	position: absolute;
	top: 0;
	right: 0;
	background-image: url("../img/arw_r.svg");
}


/* ------ scene ------ */
#scene {
	background: #F1F1F4;
	padding-top: calc(0.05 * var(--wrapW));
}
#scene .ttl {
	width: calc(0.88533 * var(--wrapW));
	margin: 0 auto calc(0.08 * var(--wrapW));
	position: relative;
	background: #FFF;
	padding-top: 0.8em;
}
#scene .ttl:after {
	content: "";
	width: 100%;
	height: calc(0.0781333 * var(--wrapW));
	background: url("../img/img3_04.svg") no-repeat bottom center;
	background-size: cover;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateY(100%);
}
#scene .ttl .text {
	text-align: center;
	color: #90A3D0;
}
#scene h2 {
	width: calc(0.80266 * var(--wrapW));
	margin: 0 auto 0.5em;
}
#scene > .text {
	text-align: center;
}
#scene .slideArea {
	overflow: hidden;
	width: 100%;
	margin-top: 1.6em;
}

#scene .sceneList {
	display: flex;
	width: fit-content;
	--liWidth: calc(0.472 * var(--wrapW));
	--gap: calc(0.04666 * var(--wrapW));
	gap: var(--gap);
	/* gap: calc(0.04666 * var(--wrapW)); */
	padding: 0 calc(0.04666 * var(--wrapW));
}
.sceneList li {
	width: var(--liWidth);
	position: relative;
	border: 1px solid #90A3D0;
	border-radius: calc(0.05 * var(--wrapW));
	background: #FFF;
	box-shadow: 8px 8px 0 0 rgba(144,163,208,0.7);
	padding: 1em calc(0.016 * var(--wrapW)) calc(0.09066 * var(--wrapW));
}
#scene .sceneList li:has(.linkArea:hover):after {
	opacity: 0.7;
}
#scene .sceneList li .linkArea {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	cursor: pointer;
	z-index: 2;
}
.sceneList li h3 img {
	-webkit-user-drag: none;
	user-select: none;
}
.modalArea .sceneList li h3 {
	width: 50%;
	margin: 0 auto;
}
.modalArea .sceneList li {
	width: calc(0.75 * var(--wrapW));
	padding-bottom: 1em;
}
/* #scene .sceneList li:after {
	content: "";
	width: calc(0.042666 * var(--wrapW));
	height: calc(0.016 * var(--wrapW));
	background: url("../img/arw_b.svg") no-repeat center;
	background-size: contain;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	transition: 0.2s ease;
	z-index: 0;
} */
#scene .sceneList li:after {
	content: "";
	width: calc(0.32 * var(--wrapW));
	height: calc(0.064 * var(--wrapW));
	background: url("../img/btn_check.svg") no-repeat center;
	background-size: contain;
	position: absolute;
	bottom: calc(0.0266 * var(--wrapW));
	left: 50%;
	transform: translateX(-50%);
	transition: 0.2s ease;
	z-index: 0;
}
#scene .sceneList li .tglArea {
	display: none;
}
.sceneList li .text {
	font-size: calc(0.032 * var(--wrapW));
	padding: 0.5em 2.5% 0;
}
.sceneList li .stext {
	font-size: calc(0.021333 * var(--wrapW));
	margin-top: 1em;
	padding: 0 2.5%;
}



/* modalArea */
.modalArea {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	opacity: 0;
	pointer-events: none;
	transition: 0.2s ease;
}
.modalArea.on {
	display: grid;
	place-content: center;
	opacity: 1;
	pointer-events: visible;
}
.modalArea .modalAreaBg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	z-index: 0;
}
.modalArea .closeBtn {
	display: block;
	width: calc(0.06 * var(--wrapW));
	height: calc(0.06 * var(--wrapW));
	background: url("../img/close.svg") no-repeat center #90a3d0;
	background-size: 50%;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	top: calc(0.03 * var(--wrapW) * (-1));
	right: -3%;
	cursor: pointer;
	transition: 0.2s ease;
}
.modalArea .closeBtn:hover {
	opacity: 0.8;
}
.modalArea .modalAreaInner {
	position: relative;
}
.modalArea ul li {
	display: none;
}
.modalArea ul li.on {
	display: block;
}


/* ------- micelles ------ */
#specialPower {
	background: rgba(144,163,208,0.35);
}
#specialPower .text {
	padding: 1.5em calc(0.08666 * var(--wrapW));
	text-align: left;
	letter-spacing: 0.02em;
	color: #000;
}
#specialPower .text strong {
	color: #E6503C;
	font-size: 1.125em;
	font-weight: 400;
	opacity: 0.7;
}
#specialPower .stext {
	color: #001D60;
	padding: 0 calc(0.048 * var(--wrapW)) 1.2em;
	font-size: calc(0.02133 * var(--wrapW));
}

/* ------ pride ------ */
#pride {
	background: #f1f1f4;
	padding-top: calc(0.166 * var(--wrapW));
}
#pride h2 {
	width: calc(0.56133 * var(--wrapW));
	margin: 0 auto;
}
#pride .text {
	padding: 0 calc(0.08666 * var(--wrapW));
	margin-top: calc(0.05 * var(--wrapW));
}
#pride .text strong {
	font-weight: 400;
	color: #ed8476;
	font-size: 1.0625em;
}
#pride .img_free {
	margin: calc(0.05 * var(--wrapW)) calc(0.0333 * var(--wrapW)) 0;
}
#pride .stext {
	padding: 0 calc(0.08666 * var(--wrapW));
	margin-top: calc(0.05 * var(--wrapW));
	font-size: 0.5em;
}

/* ----- history ---- */
#history {
	border: calc(0.05333 * var(--wrapW)) solid #C0CED8;
	padding: calc(0.08 * var(--wrapW)) calc(0.06 * var(--wrapW)) calc(0.2 * var(--wrapW));
	position: relative;
}
#history:after {
	content: "";
	display: block;
	width: calc(0.60533 * var(--wrapW));
	height: calc(0.16666 * var(--wrapW));
	background: url("../img/img6_05.png") no-repeat;
	background-size: contain;
	position: absolute;
	bottom: calc(0.05 * var(--wrapW));
	right: calc(0.05 * var(--wrapW));
}
#history h3 {
	width: calc(0.244 * var(--wrapW));
	margin: 0 auto;
}
#history h2 {
	width: calc(0.676 * var(--wrapW));
	margin: 0.5em auto 0;
}
#history .photo {
	width: calc(0.29333 * var(--wrapW));
	margin: 1em auto;
}
#history .text {
	font-size: calc(0.032 * var(--wrapW));
}





/*---------- faq-area ---------*/

.qa {
	background: #F1F1F4;
	padding-bottom: 66px;
}

@media screen and (max-width: 767px) {
	.qa {
		padding-bottom: 13.33vw;
	}
}

.qa-ttl {
	width: 100%;
	font-size: 26.66px;
	line-height: 134px;
	height: 134px;
	background: #90A3D0;
	color: #FFF;
	text-align: center;
	font-weight: 400;
	letter-spacing: 0.18em;
	position: relative;
}
.qa-ttl:after {
	content: "";
	width: calc(0.0666 * var(--wrapW));
	height: calc(0.0586 * var(--wrapW));
	background: #90A3D0;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,99%);
}
@media screen and (max-width: 767px) {
	.qa-ttl {
		font-size: 5.33vw;
		height: 26.66vw;
		line-height: 26.66vw;
	}
}
.qa-list {
	padding: 0 calc(0.08666 * var(--wrapW));
}
.qa-list li {
	border-bottom: 1px solid #90A3D0;
	padding: calc(0.08 * var(--wrapW)) 0 calc(0.1266 * var(--wrapW));
	position: relative;
	cursor: pointer;
}
.qa-list li:after {
	content: url("../img/faq_arrow.svg");
	display: block;
	width: calc(0.0613 * var(--wrapW));
	height: calc(0.032 * var(--wrapW));
	position: absolute;
	left: 50%;
	bottom: calc(0.04266 * var(--wrapW));
	transform: translateX(-50%);
	font-size: 0;
	transition: 0.2s ease;
}
.qa-list li.on:after {
	transform: translateX(-50%) rotate(180deg);
}
.qa-list li:hover:after {
	opacity: 0.5;
}
.qa-list li dl.faq dd {
	background: #FFF;
	padding: 0 0.8em;
	border-radius: 0.8em;
	max-height: 0;
	overflow: hidden;
	transition: 0.2s ease;
}
.qa-list li.on dl.faq dd {
	max-height: 9999px;
	margin-top: 1em;
	padding: 0.8em;
}

@media screen and (max-width: 767px) {

}

/*------- info -------*/
.info {
	padding: 1em calc(0.08666 * var(--wrapW));
	font-weight: 400;
}
.info > dl {
	margin-top: 1.5em;
	letter-spacing: 0;
}
.info > dl dt {
	color: #001D60;
	font-weight: 500;
	margin-bottom: 0.25em;
}
.info > dl dd ul li {
	padding-left: 1.2em;
	text-indent: -1.2em;
}
.info > dl dd ul li + li {
	margin-top: 0.4em;
}
.info > dl dd ul li:first-letter {
	margin-right: 0.2em;
}
.info > dl span.small {
	display: inline-block;
	font-size: 0.75em;
	line-height: 1.5em;
	text-indent: 0;
}
.info > dl span.small.mb {
	margin-bottom: 1em;
}


/* ------- footer ------*/
.footer {
	background: #1f2c5c;
	padding-top: 53px;
	padding-bottom: 40px;
	color: #fff;
}

@media screen and (max-width: 767px) {
	.footer {
		padding-top: 10.6666666667vw;
		padding-bottom: 36vw;
	}
}

.footer-nav-list {
	font-size: 14px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
	.footer-nav-list {
		font-size: 2.9333333333vw;
	}
}

.footer-nav-list-item {
	padding: 0 1em;
	line-height: 1;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	border-right: #fff solid 1px;
}

.footer-nav-list-item a {
	color: #fff !important;
}

.footer-nav-list-item:last-child {
	border-right: none;
}

.footer-nav-list-item:hover {
	opacity: 0.8;
}

.footer-copy {
	font-size: 14px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.footer-copy {
		font-size: 2.9333333333vw;
	}
}