@charset "UTF-8";
/*--------------------
/ Foundation - reset
------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
button, select, option, input, textarea {
	font-size: 100%;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote {
	quotes: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
	content: none;
}
a img {
	border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
video {
	max-width: 100%;
}
.Header {
	display: flex;
	justify-content: space-between;
	background-color: #fff;
}
@media screen and (min-width: 837px) {
	.Header {padding: 12px 40px;}
}
@media screen and (max-width: 836px) {
	.Header {
		width:calc(100% - 7vw);
		padding:4vw 3.5vw 3vw;
		font-size:0;
		line-height:0;
	}
}
@media screen and (min-width: 837px) {
	.Header_logo {height: 40px;}
}
@media screen and (max-width: 836px) {
	.Header_logo {width: 37%;}
}
@media screen and (min-width: 837px) {
	.Header_contact a {pointer-events: none;}
}
@media screen and (max-width: 836px) {
	.Header_contact {width: 53%;}
	.Header_logo img,
	.Header_contact img {width:100%;}
}

/*  --------------------------------------
デバイス振り分け(PC)
--------------------------------------  */
@media screen and (min-width:837px) {
.sp {display:none!important;}
body{
	font-family : "游ゴシック体", yugothic, "游ゴシック", "yu gothic", "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, Gothic MB101, Hiragino Sans,"ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	text-align : left;
	font-size:16px;
	color:#000;
	position:relative;
	overflow-x: hidden;
}
/* --------------------  ヘッダー */
.keywrap {
	width:100%;
	height:474px;
	background: url("../image/pc/key_bk.webp") bottom center / cover no-repeat;
}
.keyvisual {
	margin:0 auto;
	width:962px;
	height:540px;
	font-size:0;
	line-height:0;
	position:relative;
}
nav {
	padding:0;
	width:440px;
	display: flex;

	position:absolute;
	top:26px;
	right:25px;
}
nav div {
	height:23px;
	font-size:0;
	line-height:0;
}
nav div:nth-child(1) {width:74px;}
nav div:nth-child(2) {width:74px;}
nav div:nth-child(3) {width:61px;}
nav div:nth-child(4) {width:102px;}
nav div:nth-child(5) {width:83px;}
nav div:not(:first-child){
	margin:0 0 0 12px;
}
.keyvisual h1 img {width:100%;}
main {
	margin:0 auto;
	width:100%;
	color:#333333;
}
[id="1"],
[id="2"],
[id="3"],
[id="4"],
[id="5"] {
	margin-top:-30px!important;
	padding-top:30px;
}

/* =========================================
CONTENT
========================================= */
.preentry {
	margin:136px auto 80px;
	width:962px;
}
.preentry div {
	margin:0 auto;
	width:602px;
	font-size:0;
	line-height:0;
}
.easy_test {
	margin:0 auto;
	width:962px;
}
.et_title {
	margin:0 auto 25px;
	width:580px;
	font-size:0;
	line-height:0;
}
.et_wrap {
	margin:0 auto 30px;
	padding:15px 0 9px;
	width:100%;
	background: linear-gradient(90deg, #ffdbee 10%, #ffff86);
	border-radius:20px;
}
.et_wrap h2 {
	padding:5px 0 15px;
	font-size:21px;
	line-height:21px;
	font-weight:600;
	text-align:center;
}
.et_inner {
	margin:0 auto;
	padding:40px 0;
	width:944px;
	background:#FFF;
	border-radius:0 0 13px 13px;
}
.et_memo {
	padding:0 0 40px;
	font-size:18px;
	line-height:18px;
	font-weight:500;
	text-align:center;
}
.input_wrap {
	margin:0 auto;
	/* width:768px; */
	width:786px;
	display: flex;
	align-items: center;
}
.input_title {
	width:264px;
	min-height:45px;
	font-size:18px;
	line-height:18px;
	font-weight:600;
	text-align:center;
	background:#ddf1fc;

	display: flex;
	justify-content: center;
	align-items: center;
}
.input_title_addmemo {
	padding:15px 13px 10px 7px;
	width:244px;
	min-height:45px;
	font-size:18px;
	line-height:18px;
	font-weight:600;
	text-align:center;
	background:#ddf1fc;
}
.input_title_addmemo p {
	padding-top:5px;
	font-size:12px;
	line-height:16px;
	font-weight:500;
	text-align:justify;
	color:#ff4f73;
	font-feature-settings: "palt";
	padding-left:1em;
	text-indent:-1em;
}
.input_qrrow {
	margin:0 12px;
	width:15px;
	font-size:0;
	line-height:0;
	display: flex;
	justify-content: center;
}
.input_field,
.selecter {
	width:326px;
	min-height:45px;
}
.input_field2row {
	width:calc(100% - 264px - 39px);
}
.if_subfield {
	margin:0;
	width:100%;
	display: flex;
}
.ifs_text {
	width:85px;
	font-size:18px;
	line-height:18px;
	font-weight:600;
	text-align:left;

	display: flex;
	align-items: center;
}
.ifs_field {
	width:242px;
}
.input_subtext {
	margin:0 0 0 10px;
	width:calc(100% - 85px - 242px - 10px);
	font-size:18px;
	line-height:18px;
	font-weight:600;
	text-align:left;
	display: flex;
	align-items: center;
}
.input_sub {
	margin:0 0 0 10px;
	width:calc(100% - 264px - 15px - 326px - 24px - 10px);
	font-size:18px;
	line-height:18px;
	font-weight:600;
	text-align:left;
	display: flex;
	align-items: center;
}
.etstart_btn {
	margin:0 auto 20px;
	width:430px;
	font-size:0;
	line-height:0;
}
.et_alert {
	margin:0 auto;
	padding-top:5px;
	width:768px;
	font-size:11.5px;
	line-height:16px;
	font-weight:500;
	text-align:justify;
	color:#ff4f73;
	font-feature-settings: "palt";
	padding-left:1em;
	text-indent:-1em;
}
.contact_tel {
	margin:0 auto 120px;
	width:768px;
	font-size:0;
	line-height:0;
}
.sec01 {
	margin:0 auto 80px;
	width:100%;
	min-width:962px;
	font-size:0;
	line-height:0;
}
.sec01_title {
	margin:0 auto 25px;
	width:240px;
}
.sec01_wrap {
	margin:0 auto 80px;
	padding:15px 0 25px;
	width:100%;
	background: linear-gradient(90deg, #ffdbee 10%, #ffff86);
}
.sec01_main {
	margin:0 auto;
	width:960px;
}
.sec02 {
	margin:0 auto 30px;
	width:100%;
	min-width:962px;
	font-size:0;
	line-height:0;
	position:relative;
}
.sec02_title {
	margin:0 auto;
	width:960px;
	position:relative;
	z-index:100;
}
.sec02_wrap {
	margin:-20px auto 0;
	padding:50px 0 25px;
	width:100%;
	background: linear-gradient(90deg, #ffdbee 10%, #ffff86);
	position:relative;
	z-index:50;
}
.sec02_main {
	margin:0 auto;
	width:960px;
}
.sec03 {
	margin:0 auto 40px;
	width:100%;
	min-width:962px;
	font-size:0;
	line-height:0;
	position:relative;
	z-index:50;
}
.sec03:before {
	content: '';
	width: 234px;
	height:560px;
	background-image:url("../image/pc/sec3_lbk.svg");
	background-size: 100%;
	background-repeat: no-repeat;

	position:absolute;
	top:0;
	left:0;
}
.sec03:after {
	content: '';
	width: 184px;
	height:387px;
	background-image:url("../image/pc/sec3_rbk.svg");
	background-size: 100%;
	background-repeat: no-repeat;

	position:absolute;
	top:900px;
	right:0;
}
.sec03_wrap {
	margin:0 auto;
	max-width:990px;
	min-width:962px;
}
.sec03_wrap img {width:100%}
.sec03_main {
	margin:30px auto 50px;
	width:100%;
	position:relative;
	z-index:100;
}
.sec03_sub {
	margin:0 auto;
	width:100%;
	position:relative;
	z-index:100;
}
.sec04 {
	margin:0 auto 90px;
	width:100%;
	min-width:962px;
	font-size:0;
	line-height:0;
	position:relative;
}
.sec04_title {
	margin:0 auto;
	width:960px;
	position:relative;
	z-index:100;
}
.sec04_wrap {
	margin:-10px auto 0;
	width:960px;
	display: flex;
	position:relative;
	z-index:50;
}
.sec04_wrap img {width:100%;}
.sec04_main_left,
.sec04_main_right {
	margin:0 auto;
	width:480px;
}
.sec04_linkwrap,
.sec04_linkwrap {
	margin:0;
	padding:0;
	width:100%;
	position:relative;
}
.sec04_linkbase,
.sec04_sub,
.sec04_linkbase {
	margin:0;
	padding:0;
	width:100%;
}
.sl_leftbtn {
	width:242px;
	height:36px;
	position:absolute;
	bottom:0;
	right:75px;
}
.sl_rightbtn {
	width:242px;
	height:36px;
	position:absolute;
	bottom:0;
	right:60px;
}
.sec05 {
	margin:0 auto 80px;
	width:100%;
	min-width:962px;
}
.sec05_title {
	margin:0 auto 25px;
	width:240px;
}
.sec5_wrap {
	margin:0 auto;
	width:768px;
}
.sec05_qa {
	margin:0 0 90px;
	text-align:left;
}
.qa_list:not(:first-child) {
	margin-top: 40px;
}
.question {
	padding: 20px 40px 20px 54px;
	font-size: 18px;
	line-height:18px;
	font-weight:600;
	background:url("../image/pc/q_bk.svg") top right repeat-y;
	cursor: pointer;
	position: relative;
}
.question:before {
	content: '';
	display: block;
	width: 40px;
	height:40px;
	background-image:url("../image/q.svg");
	background-size: 100%;
	background-repeat: no-repeat;

	position:absolute;
	top: 50%;
	left:0;
	transform: translateY(-50%);
}
.question:after {
	content: '';
	display: block;
	background: #333333;
	height: calc(tan(60deg) * 20px / 2);
	width: 15px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);

	transform: rotate(0deg);
	transition: all .3s ease-in-out;

	position: absolute;
	top: 35%;
	right: 22px;
}
.question.open:after {
	transform: rotate(90deg);
}
.answer {
	display: none;
	padding: 20px 40px 20px 54px;
	font-size: 14px;
	line-height:22px;
	font-weight:600;
	position: relative;
}
.answer:after {
	content: '';
	display: block;
	width: 40px;
	height:40px;
	background-image:url("../image/a.svg");
	background-size: 100%;
	background-repeat: no-repeat;

	position:absolute;
	top:10px;
	left:0;
}
.mark {
	color:#00a8ec;
}
.qa_memo {
	font-size: 12px;
	line-height:18px;
	font-weight:500;
}
.outline {
	margin:0 auto;
	width:768px;
}
.outline_opener {
	width:764px;
	height:48px;
	font-size: 24px;
	line-height:24px;
	font-weight:600;
	color:#00A8EC;
	background: #FFFFC6;
	border:2px solid #00A8EC;
	border-radius:27px;
	box-shadow: 2px 2px 2px rgba(0, 168, 236, .5);
	cursor: pointer;

	display: flex;
	justify-content: center;
	align-items: center;

	position: relative;
}
.outline_opener:before {
	content: '';
	width: 20px;
	height: 5px;
	background: #00A8EC;
	transform: rotate(90deg);
	transition: all .3s ease-in-out;

	position: absolute;
	top: 48%;
	right: 25px;
}
.outline_opener:after {
	content: '';
	width: 20px;
	height: 5px;
	background: #00A8EC;
	transition: all .3s ease-in-out;

	position: absolute;
	top: 48%;
	right: 25px;
}
.outline_opener.open:before {
	transform: rotate(180deg);
}
.outline_opener.open:after {
	opacity: 0;
}
.outline_details {
	display: none;
	margin:20px auto 0;
}
a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}
footer {
	margin:0 auto 165px;
	padding:0;
	max-width:100%;
}
footer p {
	padding:15px 0;
	font-size:12px;
	line-height:12px;
	text-align:center;
	color:#363636;
}
.trace {
	margin:0;
	padding:30px 0;
	width:100%;
	font-size:0;
	line-height:0;
	background: linear-gradient(45deg, #0433e8, #00a8ec 70%);

	position:fixed;
	bottom:0;
	left:0;
	z-index:200;
}
.trace div {
	margin:0 auto;
	width:545px;
}
.trace img {
	width:602px;
}
/* easy test */
.et_result {
	margin:0 auto;
	padding:30px 0 15px;
	width:602px;
	font-size:0;
	line-height:0;
}
.etr_memo {
	margin:0 auto 50px;
	padding:30px 0;
	width:767px;
	background:#DDF1FC;
}
.etr_memo_impossible {
	margin:0 auto 50px;
	padding:10px 0 15px;
	width:767px;
	background:#DDF1FC;
}
.etr_alert {
	margin:0 auto;
	padding-top:5px;
	width:602px;
	font-size:12px;
	line-height:16px;
	font-weight:500;
	text-align:justify;
	color:#ff4f73;
	font-feature-settings: "palt";
	padding-left:1em;
	text-indent:-1em;
}
.etr_lead {
	margin:10px auto 0;
	padding:5px 0;
	width:705px;
	font-size:14px;
	line-height:14px;
	font-weight:600;
	text-align:center;
	color:#00A8EC;
	background:#FFF;
	border:1px solid #00A8EC;
}
.etr_entry {
	margin:0 auto 50px;
	width:602px;
	font-size:0;
	line-height:0;
}
.entry_upper {
	margin:0 auto 15px;
	font-size:22px;
	line-height:22px;
	font-weight:600;
	text-align:center;
	color:#333333;
}
.entry_under {
	font-size:18px;
	line-height:18px;
	font-weight:600;
	text-align:center;
	color:#333333;
	font-feature-settings: "palt";
}
.entry_under span {
	display:inline-block;
	position:relative;
}
.entry_under span:before,
.entry_under span:after {
	content: '';
	display: block;
	background: #808080;
	height: calc(tan(60deg) * 16px / 2);
	width: 20px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);

	position: absolute;
	top: 15%;
}
.entry_under span:before {
	left: -30px;
}
.entry_under span:after {
	right: -30px;
}
/* input */
.input_field,
.ifs_field {
	position:relative;
}
.input_field input[type='number'],
.ifs_field input[type='number'] {
	width:calc(100% - 24px - 2px);
	height:28px;
	padding: 8px 12px;
	font-size:21px;
	border: 1px solid #949494;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.input_field input[type='number'],
.ifs_field input[type='number']{ outline: none;}
.selecter {
	display: inline-flex;
	align-items: center;
	position: relative;
}
.selecter::after {
	position: absolute;
	right: 15px;
	width: 10px;
	height: 7px;
	background-color: #949494;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	content: '';
	pointer-events: none;
}
.selecter select {
	appearance: none;
	width: 100%;
	height: 2.4em;
	padding: .4em calc(.8em + 30px) .4em .8em;
	border: 1px solid #949494;
	background-color: #fff;
	color: #0f1110;
	font-size: 21px;
	cursor: pointer;
}


/* --------------------  aタグ処理 画像透過リンク */
a img,
input[type='image'],
.question,
.outline_opener {
	-webkit-transition:opacity 0.5s; /*Safari,Chrome*/
	-o-transition     :opacity 0.5s; /*Opera*/
	-moz-transition   :opacity 0.5s; /*Firefox*/
	transition        :opacity 0.5s; /*CSS3 Real Property*/
}
a:hover img,
input[type='image']:hover,
.question:hover,
.outline_opener:hover {
	filter:alpha(opacity=70); /*IE*/
	-moz-opacity:0.7; /*Older Firefox*/
	opacity:0.7; /* Modern Browsers*/
}

/* --------------------  common */
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}

.pb10  {padding-bottom:10px;}
.pb20  {padding-bottom:20px;}
.pb30  {padding-bottom:30px;}
.pb50  {padding-bottom:50px;}
.pb60  {padding-bottom:60px;}
.pb100 {padding-bottom:100px;}

}/* end */

/*  --------------------------------------
デバイス振り分け(SP)
--------------------------------------  */
@media screen and (max-width:836px) {
.pc {display:none;}
body{
	background : #FFF;
	font-family :  "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, Gothic MB101, Hiragino Sans,"ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	width:100%;
	text-align : left;
	position:relative;
}

/*  --------------------------------------
Header
--------------------------------------  */
.keywrap {width:100%;}
.keyvisual {
	margin:0 auto;
	width:100%;
	font-size:0;
	line-height:0;
	position:relative;
}
nav {
	padding:0;
	width:48%;
	display: flex;
	flex-wrap: wrap;

	position:absolute;
	top:3vw;
	right:6vw;
}
nav div {
	font-size:0;
	line-height:0;
}
nav div:nth-child(1) {
	margin:0 3vw 4vw 0;
	width:15.4vw;
}
nav div:nth-child(2) {
	margin:0 3vw 4vw 0;
	width:14.1vw;
}
nav div:nth-child(3) {
	width:11.6vw;
}
nav div:nth-child(4) {
	margin:0 3vw 0 3.5vw;
	width:20.4vw;
}
nav div:nth-child(5) {
	width:16.875vw;
}
main {
	margin:0 auto;
	width:100%;
}
[id="1"],
[id="2"],
[id="3"],
[id="4"],
[id="5"] {
	margin-top:-30px!important;
	padding-top:30px;
}

nav div img,
.keyvisual h1 img {width:100%;}

/* =========================================
CONTENT
========================================= */
.preentry {
	margin:0 auto 22vw;
	width:100%;
	font-size:0;
	line-height:0;
}
.easy_test {
	margin:0 auto;
	width:100%;
}
.et_title {
	margin:0 auto 5vw;
	width:100%;
	font-size:0;
	line-height:0;
}
.et_wrap {
	margin:0 auto 5vw;
	padding:3vw 0 1vw;
	width:96%;
	background: linear-gradient(90deg, #ffdbee 10%, #ffff86);
	border-radius:3vw;
}
.et_wrap h2 {
	padding:1vw 0 3vw;
	font-size:3.6vw;
	line-height:3.6vw;
	font-weight:600;
	text-align:center;
}
.et_inner {
	margin:0 auto;
	padding:5vw 0;
	width:98%;
	background:#FFF;
	border-radius:0 0 2vw 2vw;
}
.et_memo {
	padding:0 0 5vw;
	font-size:3vw;
	line-height:3vw;
	font-weight:600;
	text-align:center;
	font-feature-settings: "palt";
}
.input_wrap {
	margin:0 auto;
	width:95%;
	display: flex;
	align-items: center;
}
.input_title {
	width:40%;
	min-height:calc(7vw + 3px);
	font-size:3.4vw;
	line-height:3.4vw;
	font-weight:600;
	text-align:center;
	background:#ddf1fc;

	display: flex;
	justify-content: center;
	align-items: center;
}
.input_title_addmemo {
	padding:1.5vw 1.5% 1.2vw 0.5%;
	width:38%;
	min-height:7vw;
	font-size:3.3vw;
	line-height:4.3vw;
	font-weight:600;
	text-align:center;
	font-feature-settings: "palt";
	background:#ddf1fc;
}
.input_title_addmemo p {
	padding-top:1vw;
	font-size:2.7vw;
	line-height:3.2vw;
	font-weight:600;
	text-align:justify;
	color:#ff4f73;
	font-feature-settings: "palt";
	padding-left:1em;
	text-indent:-1em;
}
.input_qrrow {
	margin:0 1vw;
	width:2.5%;
	font-size:0;
	line-height:0;
	display: flex;
	justify-content: center;
}
.input_field {
	width:37%;
	min-height:7vw;
}
.selecter {
	width:calc(100% - 45% - 2.5% - 2vw);
	min-height:7%;
}
.input_field2row {
	width:calc(100% - 40% - 2.5% - 4vw);
}
.if_subfield {
	margin:0;
	width:100%;
	display: flex;
}
.ifs_text {
	margin:0 0 1.2vw;
	font-size:3.2vw;
	line-height:3.2vw;
	font-weight:600;
	text-align:left;
}
.ifs_field {
	width:69%;
}
.input_subtext {
	margin:0 0 0 1vw;
	width:calc(31% - 1vw);
	font-size:3.4vw;
	line-height:3.4vw;
	font-weight:600;
	text-align:left;
}
.input_sub {
	margin:0 0 0 1vw;
	width:calc(100% - 37% - 2.5% - 40% - 2vw - 1vw);
	font-size:3.4vw;
	line-height:3.4vw;
	font-weight:600;
	text-align:left;
}
.input_sub span,
.input_subtext span {
	display:block;
	font-size:2.7vw;
	font-feature-settings: "palt";
}
.etstart_btn {
	margin:0 auto 8vw;
	width:100%;
	font-size:0;
	line-height:0;
}
.et_alert {
	margin:0 auto;
	width:92%;
	font-size:2.6vw;
	line-height:3.2vw;
	font-weight:600;
	text-align:justify;
	color:#ff4f73;
	font-feature-settings: "palt";
	padding-left:1em;
	text-indent:-1em;
}
.contact_tel {
	margin:0 auto 20vw;
	width:100%;
	font-size:0;
	line-height:0;
}
.sec01 {
	margin:0 auto 20vw;
	width:100%;
	font-size:0;
	line-height:0;
}
.sec01_title {
	margin:0 auto 3.4vw;
	width:100%;
}
.sec01_wrap {
	margin:0 auto 20vw;
	padding:0;
	width:100%;
}
.sec01_main {
	margin:0 auto;
	width:100%;
}
.sec02 {
	margin:0 auto;
	width:100%;
	font-size:0;
	line-height:0;
	position:relative;
}
.sec02_title {
	margin:0 auto;
	width:100%;
	position:relative;
	z-index:100;
}
.sec02_wrap {
	margin:-3vw auto;
	padding:0;
	width:100%;
	position:relative;
	z-index:50;
}
.sec02_main {
	margin:0 auto;
	width:100%;
	font-size:0;
	line-height:0;
}
.sec03 {
	margin:0 auto 16vw;
	width:100%;
	font-size:0;
	line-height:0;
}
.sec03_wrap {
	margin:0 auto;
	width:100%;
}
.sec03_main {
	margin:0 auto 5vw;
	width:100%;
}
.sec03_sub {
	margin:0 auto;
	width:100%;
}
.sec04 {
	margin:0 auto 20vw;
	width:100%;
	font-size:0;
	line-height:0;
	position:relative;
}
.sec04_title {
	margin:0 auto 3vw;
	width:100%;
}
.sec04_wrap {
	margin:0 auto;
	width:100%;
	position:relative;
	z-index:50;
}
.sec04_main_left,
.sec04_main_right {
	margin:0 auto;
	width:100%;
}
.sec04_main_left {
	margin:0 auto 6.5vw;
}
.sec04_linkwrap,
.sec04_linkwrap {
	margin:0;
	padding:0;
	width:100%;
	position:relative;
}
.sec04_linkbase,
.sec04_sub,
.sec04_linkbase {
	margin:0;
	padding:0;
	width:100%;
}
.sl_leftbtn {
	width:50%;
	height:7.5vw;
	position:absolute;
	bottom:0;
	right:15vw;
}
.sl_rightbtn {
	width:50%;
	height:7.5vw;
	position:absolute;
	bottom:0;
	right:15vw;
}
.sec05 {
	margin:0 auto 20vw;
	width:100%;
}
.sec05_title {
	margin:0 auto 2vw;
	width:100%;
}
.sec5_wrap {
	margin:0 auto;
	width:95%;
}
.sec05_qa {
	margin:0 auto 20vw;
	text-align:left;
}
.qa_list:not(:first-child) {
	margin-top: 5vw;
}
.question {
	padding: 2vw 12vw 2vw 11vw;
	min-height:10vw;
	font-size: 3.4vw;
	line-height:5.2vw;
	font-weight:600;
	font-feature-settings: "palt";
	background-image:url("../image/sp/q_bk.svg");
	background-size: 100%;
	background-repeat: repeat-y;
	cursor: pointer;
	position: relative;

	display: flex;
	align-items: center;
}
.question:before {
	content: '';
	display: block;
	width: 8.25vw;
	height:8.25vw;
	background-image:url("../image/q.svg");
	background-size:100%;
	background-repeat:no-repeat;

	position:absolute;
	top: 50%;
	left:1vw;
	transform: translateY(-50%);
}
.question:after {
	content: '';
	display: block;
	background: #333333;
	height: calc(tan(60deg) * 15px / 2);
	width: 10px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);

	transform: rotate(0deg);
	transition: all .3s ease-in-out;

	position: absolute;
	top: 36%;
	right:8vw;
}
.question.open:after {
	transform: rotate(90deg);
}
.answer {
	display:none;
	padding: 4vw 6vw 2vw 11vw;
	font-size: 3vw;
	line-height:4.6vw;
	font-weight:600;
	font-feature-settings: "palt";
	position:relative;
}
.answer:after {
	content:'';
	display:block;
	width: 8.25vw;
	height:8.25vw;
	background-image:url("../image/a.svg");
	background-size: 100%;
	background-repeat: no-repeat;

	position:absolute;
	top:4.5vw;
	left:1vw;
}
.mark {
	color:#00a8ec;
}
.qa_memo {
	font-size: 2.8vw;
	line-height:3vw;
	font-weight:500;
}
.outline {
	margin:0 auto;
	width:92%;
}
.outline_opener {
	width:100%;
	height:10vw;
	font-size: 4.4vw;
	line-height:3.6vw;
	font-weight:600;
	color:#00A8EC;
	background: #FFFFC6;
	border:2px solid #00A8EC;
	border-radius:27px;
	box-shadow: 2px 2px 2px rgba(0, 168, 236, .5);
	cursor: pointer;

	display: flex;
	justify-content: center;
	align-items: center;

	position: relative;
  }
.outline_opener:before {
	content: '';
	width: 4.2vw;
	height: 1.2vw;
	background: #00A8EC;
	transform: rotate(90deg);
	transition: all .3s ease-in-out;

	position: absolute;
	top: 45%;
	right:4vw;
}
.outline_opener:after {
	content: '';
	width: 4.2vw;
	height: 1.2vw;
	background: #00A8EC;
	transition: all .3s ease-in-out;

	position: absolute;
	top: 45%;
	right:4vw;
}
.outline_opener.open:before {
	transform: rotate(180deg);
}
.outline_opener.open:after { 
	opacity: 0;
}
.outline_details {
	display: none;
	margin:20px auto 0;
}
footer {
	margin:0 auto 25vw;
	padding:0;
	max-width:87.5%;
	background:#FFF;
}
footer p {
	padding:2vw 0;
	font-size:3.2vw;
	line-height:4.6vw;
	text-align:center;
	color:#000000;
}
.trace {
	margin:0;
	padding:10px 0;
	width:100%;
	font-size:0;
	line-height:0;
	background: linear-gradient(45deg, #0433e8, #00a8ec 70%);

	position:fixed;
	bottom:0;
	left:0;
	z-index:200;
}
.trace div {
	margin:0 auto;
	width:100%;
}
.preentry img,
.et_title img,
.input_qrrow img,
.etstart_btn input[type='image'],
.contact_tel img,
.sec01 img,
.sec02 img,
.sec03_wrap img,
.sec04 img,
.sec05_title img,
.outline_details img,
.trace div img,
.et_result img,
.etr_entry img,
.tel img {width:100%;}

/* easy test */
.et_result {
	margin:0 auto;
	padding:0 0 4vw;
	width:97%;
	font-size:0;
	line-height:0;
}
.etr_memo {
	margin:0 auto 8vw;
	padding:6vw 0;
	width:95%;
	background:#DDF1FC;
}
.etr_memo_impossible {
	margin:0 auto 8vw;
	padding:2vw 0 2vw;
	width:95%;
	background:#DDF1FC;
}
.etr_alert {
	margin:0 auto;
	width:86%;
	font-size:2.8vw;
	line-height:3.6vw;
	font-weight:500;
	text-align:justify;
	color:#ff4f73;
	font-feature-settings: "palt";
	padding-left:1em;
	text-indent:-1em;
}
.etr_lead {
	margin:2vw auto 0;
	padding:1.5vw 0;
	width:94%;
	font-size:3.2vw;
	line-height:4.6vw;
	font-weight:600;
	text-align:center;
	color:#00A8EC;
	background:#FFF;
	border:1px solid #00A8EC;
}
.etr_entry {
	margin:0 auto 5vw;
	width:78%;
	font-size:0;
	line-height:0;
}
.entry_upper {
	margin:0 auto 3vw;
	font-size:4.2vw;
	line-height:4.2vw;
	font-weight:600;
	text-align:center;
	color:#333333;
}
.entry_under {
	font-size:3.6vw;
	line-height:3.6vw;
	font-weight:600;
	text-align:center;
	color:#333333;
	font-feature-settings: "palt";
}
.entry_under span {
	display:inline-block;
	position:relative;
}
.entry_under span:before,
.entry_under span:after {
	content: '';
	display: block;
	background: #808080;
	height: calc(tan(60deg) * 3vw / 2);
	width: 3.8vw;
	clip-path: polygon(0 0, 100% 0, 50% 100%);

	position: absolute;
	top: 15%;
}
.entry_under span:before {
	left: -5vw;
}
.entry_under span:after {
	right: -5vw;
}
/* input */
.input_field,
.ifs_field {
	position:relative;
}
.input_field input[type='number'],
.ifs_field input[type='number'] {
	width:calc(100% - 24px - 2px);
	height:20px;
	min-height:calc(7vw - 8px);
	padding: 4px 12px;
	font-size:16px;
	border: 1px solid #949494;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.input_field input[type='number'],
.ifs_field input[type='number']{ outline: none;}
.selecter {
	display: inline-flex;
	align-items: center;
	position: relative;
}
.selecter select {
	appearance: none;
	width: 100%;
	height: 1.8em;
	min-height:7vw;
	padding: .3em 0 .3em .8em;
	border: 1px solid #949494;
	background-color: #fff;
	color: #0f1110;
	font-size: 16px;
	cursor: pointer;
}

.mb10 {margin-bottom:4vw;}
.mb20 {margin-bottom:2.5vw;}
.mb40 {margin-bottom:12vw;}
.mb100 {margin-bottom:10vw;}

.pt5 {padding-top:5.2vw;}
.pt6 {padding-top:6.7vw;}

}/* sp end */