@charset 'utf-8';

/* check.css
------------------------------------------------ */

.check--desc { font-size: 18px; font-size: 1.8rem; line-height: 1.33; padding: 40px 0; }
.check__lists { display: flex; flex-wrap: wrap; }
.check__lists__block { width: 47.2%; margin-right: 5.6%; }
.check__lists__block:nth-child(2n) { margin-right: 0; }
.check__lists__block:nth-child(n+3) { margin-top: 20px; } 
.check__lists__block a { display: flex; flex-wrap: wrap; align-items: center; overflow: hidden; background: #FBDFEA; padding: 5px 18px; -webkit-border-radius: 10px; border-radius: 10px; }
.check__lists__block--icon { width: 85px; }
.check__lists__block--text { font-family: 'Koulen', cursive; font-size: 20px; font-size: 2rem; width: calc( 100% - 85px ); text-align: center; }

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

		.check--desc { font-size: 14px; font-size: 1.4rem; padding: 25px 0; }
		.check__lists__block { width: 100%; margin-right: 0; }
		.check__lists__block:nth-child(n+2) { margin-top: 15px; } 
		.check__lists__block a { padding: 5px 15px; -webkit-border-radius: 5px; border-radius: 5px; }
		.check__lists__block--icon { width: 75px; }
		.check__lists__block--text { font-size: 16px; font-size: 1.6rem; width: calc( 100% - 75px ); }

	}


.check--title { font-family: 'Koulen', cursive; font-size: 25px; font-size: 2.5rem; font-weight: normal; padding: 15px 0; min-height: 130px; display: flex; justify-content: center; align-items: center; background: #FBDFEA; margin: 40px 0; }
.check__detail { font-size: 18px; font-size: 1.8rem; line-height: 1.44; text-align: center; display: block; }
.check__detail h2,
.check__detail h3,
.check__detail h4,
.check__detail h5,
.check__detail h6 { font-family: 'Koulen', cursive; font-weight: normal; margin-bottom: 1em; }
.check__detail h2 { font-size: 24px; font-size: 2.4rem; }
.check__detail h3 { font-size: 22px; font-size: 2.2rem; }
.check__detail h4 { font-size: 20px; font-size: 20rem; }

	@media only screen and (max-width: 768px) {
		.check--title { font-size: 22px; font-size: 2.2rem; margin-left: -30px; margin-right: -30px; }
		.check__detail { font-size: 14px; font-size: 1.4rem; }
		.check__detail h2,
		.check__detail h3,
		.check__detail h4,
		.check__detail h5,
		.check__detail h6 { font-family: 'Koulen', cursive; font-weight: normal; margin-bottom: 1em; }
		.check__detail h2 { font-size: 20px; font-size: 2rem; }
		.check__detail h3 { font-size: 18px; font-size: 1.8rem; }
		.check__detail h4 { font-size: 16px; font-size: 1.6rem; }
	}

.check__question { margin-top: 45px; }
.check__question--title { font-family: 'Koulen', cursive; font-size: 22px; font-size: 2.2rem; font-weight: normal; text-align: center; color: #E84383; margin-bottom: 25px; }
.check__question__block {  }
.check__question__block--title { font-size: 18px; font-size: 1.8rem; padding-left: 17px; line-height: 2.22; position: relative; }
.check__question__block--title:after,
.check__question__block--title:before { content: ''; display: inline-block; position: absolute; }
.check__question__block--title:after { left: 17px; bottom: 0; height: 1px; width: calc( 100% - 17px ); background: #707070; }
.check__question__block--title:before { left: 0; top: calc( 50% - 20px ); height: 40px; width: 5px; background: #E84383; }
.check__question__block--field { display: flex; flex-wrap: wrap; padding: 20px 35px 40px; margin-left: -50px; margin-top: -20px; }
.check__question__block--break { font-size: 16px; font-size: 1.6rem; line-height: 1.375; max-width: 300px; width: 100%; margin-left: 50px; margin-top: 20px; }
.check__question__block--break label { padding: 12px 20px; display: flex; flex-wrap: wrap; align-items: center; background: #CFCFCF; -webkit-border-radius: 10px; border-radius: 10px; }
.check__question__block--break label input { display: inline-block; height: 22px; width: 22px !important; overflow: hidden; margin-top: -4px; margin-right: 1rem; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; background-color: #fff; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 50%; border: 1px solid #707070; transition: .2s ease-in-out; padding: 0; min-width: auto; transition-property: background-color,border; box-sizing: border-box; }
.check__question__block--break label input[type=radio]:checked { background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E); background-color: #1e88e5; border-color: transparent; }
.required-balloon { display: none; width: 100%; margin-top: 15px; margin-left: 50px; color: red; }
.check__question #submit { font-family: 'Koulen', cursive; font-size: 30px; font-size: 3rem; background: #D4E6F7; border: none; -webkit-border-radius: 50px; border-radius: 50px; display: block; width: 100%; height: 80px; text-align: center; margin-top: 80px; cursor: pointer; }

.required-balloon { display: none; }

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

		.check__question--title  { font-size: 18px; font-size: 1.8rem; }
		.check__question__block--title { font-size: 14px; font-size: 1.4rem; }
		.check__question__block--title:before { top: calc( 50% - 15px ); height: 30px; }
		.check__question__block--break { font-size: 13px; font-size: 1.3rem; }
		.check__question #submit { font-size: 24px; font-size: 2.4rem; height: 60px; margin-top: 50px; }

	}

.check__result { position: relative; margin-top: 130px; }
.check__result__desc { position: absolute; top: 21.7%; left: 0; width: 100%; padding: 0 30px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.check__result__desc--tlt { font-family: 'Koulen', cursive; font-size: 30px; font-size: 3rem; font-weight: normal; line-height: 1.2; margin-bottom: 1em; }
.check__result__desc--txt { font-size: 30px; font-size: 3rem; color: #E84383; }
.check__result__desc--txt span { display: none; }
.check__result__desc--txt.dt-one span:first-child,
.check__result__desc--txt.dt-two span:last-child { display: block; }
.check__result__desc--btn { font-family: 'Koulen', cursive; font-size: 30px; font-size: 3rem; max-width: 600px; margin: 3em auto 0; display: block; }
.check__result__desc--btn a { display: block; color: #fff; padding: 28px 0; background: #E84383; -webkit-border-radius: 10px; border-radius: 10px; }

	@media only screen and (max-width: 768px) {
		.check__result { position: relative; margin-top: 80px; }
		.check__result__desc { position: relative; top: auto; left: auto; padding: 145px 20px 50px;  }
		.check__result__desc--tlt { font-size: 24px; font-size: 2.4rem; }
		.check__result__desc--txt { font-size: 24px; font-size: 2.4rem; }
		.check__result__desc--btn { font-size: 24px; font-size: 2.4rem; }
		.check__result__desc--btn a { padding: 20px 0; }
		.check__result--image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
		.check__result--image img { width: 100%; height: 100%; }
	}


.check__result__desc__note { display: block; max-width: 640px; text-align: left; margin: 1em auto 0; font-size: 18px; line-height: 2; }
.check__result__desc__note .dn-lists { display: block; position: relative; }
.check__result__desc__note .dn-lists li { display: block; position: relative; padding-left: 1em; }
.check__result__desc__note .dn-lists li:before { content: ''; width: 5px; height: 5px; position: absolute; left: 0; top: calc( 1em - 3px ); background: #000; border-radius: 50%; }
.check__result__desc__note .dn-contact { font-family: 'Koulen', cursive; margin-top: 1.2em; text-align: center; }
.check__result__desc__note .dn-contact dd ul { display: block; }
.check__result__desc__note .dn-contact dd ul li { display: block; }
.check__result__desc__note .dn-contact dd ul li a { display: inline-block; color: #0F5FAD; }
.check__result__desc__note .dn-contact dd ul li a span { display: inline-block; line-height: 1; vertical-align: -0.2em; max-width: 20px; margin-right: 0.5em; }
.check__result__desc__note .dn-contact dd ul li a span svg { width: 100%; height: auto; }
.check__result__desc__note .dn-contact dd ul li a span svg path { fill: #0F5FAD; }

	@media only screen and (max-width: 768px) {
		.check__result__desc__note { font-size: 14px; }
		.check__result__desc__note .dn-contact dd ul li a span { vertical-align: -0.3em; max-width: 18px; }
	}


.hospital--list { display: block; margin-top: 40px; }
.hospital--list li,
.hospital--list li a { display: block; }
.hospital--list li:not(:last-child) { margin-bottom: 20px; }