@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;700&display=swap');

body {
	font-family: 'M PLUS Rounded 1c',"ヒラギノ丸ゴ ProN W4", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
	font-feature-settings: "palt";
	letter-spacing:-1px;
	font-size:100%;
	background:#5ca3c1;
	color:#555555;
	min-height: 100vh;
	position: relative;
	padding-bottom: 36px;/*←footerの高さ5ca3c1*/
   box-sizing: border-box;/*←全て含めてmin-height:100vhにfefbe1*/
}


body.start::before,
body.b_question::before {
  content: "";
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: -1;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
}
body.start::before{
	background:#5ca3c1 url(../images/back.png) no-repeat center top;
}
body.b_question::before{
	background:#6da4bb url(../images/back.png) no-repeat center top;
}

body.bg_type1{background:#dfbbc2;}
body.bg_type2{background:#ecdabd;}
body.bg_type3{background:#c5dbe3;}
body.bg_type4{background:#ced1dc;}
body.bg_type5{background:#c0d7ce;}
body.bg_type6{background:#eeedee;}

p.catch{font-size:1.1em;}

a.p2{padding:1.5em;}

.q,.kekka{
	color:#da1515;
	font-family: 'M PLUS Rounded 1c', "ヒラギノ丸ゴ ProN W4", HiraKakuProN-W6, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
	font-weight:700;
}
.q .right{float:right;color:#086f8b;}
.kekka{text-align:center;}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html, body, div, span, p, a, del, em, img, ol, ul, li, fieldset, form, label {
	vertical-align:baseline;
}

html,body{
	width:100%;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

input{margin-top:.5em;}


#header {
	display: block;
	top:0;
	width: 100%;
	margin: 0 auto;
	position:fixed;height:80px;
	background:#ffffff;
}


#header-nav {
	background: #ffffff;
	display: block;
	max-width: 1024px;
	margin: 0 auto;
	text-align: center;
}
#header-nav ul{
   margin:0px;padding:0px;
}
#header-nav ul li {
	display: inline-block;
	
	padding: 1em 1em;
	text-align:left;
}
#header-nav ul li a:link,#header-nav ul li a:hover{color:#222222;font-size:.8em;}

#copyright {
	width:100%;
	background: #000000;
	display: block;
	margin: 0px auto;
	padding: 1em 8px 1em 8px;
	text-align: center;
	position: absolute;/*←絶対位置*/
   bottom: 0; /*下に固定*/
}
#copyright p{
	color: #999999;
	font-size: 12px;
	line-height:12px;
	letter-spacing:0px;
	margin:0px;
	padding:0px;
}
#og{
	position: fixed;
    bottom: 50px;
    right: 10px;
	 z-index:20;
}

#og a{text-align:center;display: block;text-decoration: none;}
#og img   { text-align:center;margin:auto;-webkit-transition: all .3s; transition: all .5s;}
#og img:hover { opacity: 0.6;  filter: brightness(110%); }
.container,.confirm{
	max-width: 1024px;
	margin: 0 auto ;
	padding-top:100px;
}

/*選択ボタンのデザイン*/
.radio-inline__input {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.radio-inline__label {
	display: inline-block;
	padding: 0.1rem 3rem;
	margin: 0.3em;
	border:1px solid #a0040e;
   color:#a0040e;
	border-radius: 3px;
	transition: all .2s;
	background: #fefefe;
	font-size:.2em;
}

.radio-inline__input:checked + .radio-inline__label {
	background: #B54A4A;
	border:1px solid #B54A4A;
	color: #fff;
	text-shadow: 0 0 1px rgba(0,0,0,.7);
}

.radio-inline__input:disabled + .radio-inline__label {
	background: #eeeeee;
	border:1px solid #eeeeee;
	color: #bbbbbb;
	text-shadow: 0 0 1px rgba(0,0,0,.7);
}

/*タブをアクティブにした色のデザイン*/
.btn-primary:focus, .btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}



#form_mess{color:#f00039;font-size:1.5em;text-align:center;}

.container {z-index:10;position: relative;}
.container img{width:100%;}
.radio_title{font-size:.9em;letter-spacing:-1px;margin:1em 0;}
.message p{text-align:center;line-height:1.7em;font-size:1.3em;padding:2em;color:#551a0d;}
 p.info{font-size:.8em;}
  
/* for Mac */
.form-control::-webkit-input-placeholder{ color: #a3a3a3; font-size: 0.9em;}
/* for Firefox */
.form-control::-moz-placeholder{color: #a3a3a3;font-size: 0.9em;}
/* for Firefox 18以前 */
.form-control:-moz-placeholder{ color: #a3a3a3; font-size: 0.9em;}
/* for Windows IE */
.form-control:-ms-input-placeholder{ color: #a3a3a3; font-size: 0.9em;}

.line{border:1px solid #551a0d;padding:1em 1em;margin:1em auto;width:90%;border-radius: 10px;background:#ffffff;}

.center{text-align:center;}

/*確認画面*/
p.confirmation{padding:1em;}
.submit_area{margin-top:2em;text-align:center;}
.submit_content dt,.submit_content dd{font-size:1em;}
.submit_content dl{ display: flex;margin:0;padding:0;}
.submit_content dt{ width:27%;background:#F3EEEE;color:#1e2c5a;padding:1em 0 1em 1em;margin:0px;border-bottom:1px solid #1e2c5a;vertical-align:middle;}
.submit_content dd{ width:73%;background:#ffffff;color:#444444;padding:1em 0 1em 1em;margin:0px;border-bottom:1px solid #dd9e9e;vertical-align:middle;}
.submit_content input.back{margin:2em auto;text-align:center;}

h4,p{color:#333333;font-size:1.4em;line-height:1.4em;}


/*振り分け*/
@media screen and (max-width: 640px) {

/*スマホ*/ 
body{font-size:.9em;}
.head .sp-none,.site-header,.menu .inner .sp-none,.menu .inner .sp-none {
	/*display: none;*/
}
.container,.confirm{padding-top:80px;}
#title{width:100%;display:inline-block;font-size:1.3em;margin:0;color:#a0040e;text-align:center;font-weight:bolder;}

h3{
	margin:1em 0;font-size:1em;background:#d7ddeb;
		color:#637aad;		padding:.5em;
}
p.info{font-size:.7em;letter-spacing:-1px;}

.message p{line-height:1.8em;padding:1em 0;font-size:1em;}

dl{width:100%;margin:.1em 0 .1em 0;padding:0px;display:block;}
dt,dd{display:inline-block;font-size:.8em;padding:1px 5px;margin:0;}
dt{font-weight:normal;}
dd{width:100%;}

u{font-size:.7em;text-decoration:none;color:#555555;display:inline-block;padding-right:3px;}
p.catch{font-size:2.1em;}


}
@media screen and (min-width: 640px) {
	
	/*PC*/ 
	body.start::before{
 background-size: auto 150%;
}
body.b_question::before{
	background-size: auto 150%;
}

	.menu .inner .pc-none{ display: none; }
	#title{width:100%;display:inline-block;font-size:1.8em;padding:0 15px 15px 15px;margin:0;color:#a0040e;text-align:center;font-weight:bolder;}
	h2{padding:3em;font-size:1.7em;text-align:center;}
	h3{
		margin:1em 0;font-size:1.3em;background:#d7ddeb;
		color:#637aad;	padding:.5em;
	}
	u{font-size:.7em;text-decoration:none;color:#555555;display:inline-block;padding-right:5px;}

	dl{width:100%;margin:.3em 0 .3em 0;padding:0px;display:block;}
	dt,dd{display:inline-block;font-size:1em;padding:2px 5px 2px 5px;margin:0;}
	dt{font-weight:normal;}
	
	.main{padding:2em 2em;width:72%;margin:auto;}
	.r90{width:80%;margin:2em auto;}
	
}

.head{padding:.5em;text-align:right;background:#086f8b;color:#ffffff;}
.main{padding:1em 1em;}
.main .row ul,.main .blg{padding-bottom:.5em;padding-left:2em;}
.main .row ul{border-bottom:1px solid #42a3b8;}
.main .row .blgw{border-left:1px solid #42a3b8;margin-left:1em;width:100%;background:#f4f7df;padding-top:.5em;padding-bottom:.5em;}
.main .row li{color:#666666;line-height:1.7em;}
h4{font-feature-settings: "palt";}
h5,label.col-form-label{color:#42a3b8;font-size:1.1em;}
label{font-size:1.1em;}
.custom-radio{margin-bottom:.4em;}

h5{padding-left:1.5em;}
h5.t{letter-spacing:-1px;font-size:1em;}
h5.good{background:url(../images/good.svg) 0 1px no-repeat;background-size:24px;text-align:left;padding-left:1.5em;line-height:1.6em;color:#c23e6b;}
h5.bad{background:url(../images/bad.svg) 0 1px no-repeat;background-size:24px;text-align:left;padding-left:1.5em;line-height:1.6em;color:#3e79c2;display:block;}

.change_mess{text-align:center;font-size:1.2em;padding:1em 0 0 0;color:#c23e6b;}

.content{padding:0 0 0 .5em;}

.center_img{width:100%;margin:0px auto;text-align:center;animation: fadein 2s ease-out forwards;pointer-events:none;}
a:hover,a:link,a:visited{text-decoration:none;color:#ffffff;}

a.back_link:hover,a.back_link:link,a.back_link:visited{color:#086f8b;text-align:center;font-size:1em;}
a.switch_link:hover,a.switch_link:link,a.switch_link:visited{color:#086f8b;text-align:center;font-size:.9em;}
.right{text-align:right;}

.question{margin:.3em auto;width:80%;text-align:center;}
.rank{font-size:2em;color:#dd4444;font-weight: 600;}
.kusetsuyodo{font-size:1.6em;color:#42a3b8;letter-spacing:-2px;}
.type{color:#42a3b8;font-size:1.5em;font-weight: 600;}
.overview{max-width: 100%;margin:1em auto;padding:2em 1em 0 1.5em;border:3px solid #42a3b8;border-radius:30px;background:#ffffff;position:relative;z-index:4;}
.title_mini{background:url(../images/title_mini.svg) no-repeat right center;width:128px;height:70px;position:absolute;left:-15px;top:-30px;z-index:5;text-align:center;}
.overview ul{display: inline-block;}
.overview li{font-size:1em;}
.error_mess{color:#ff3366;text-align:center;}
.person_image{width:100%;padding:.7em;margin-bottom:1em;margin-left:1em;margin-right:1em;}
.person_image p{padding:0;margin:0;font-size:1em;}
.person_image u{font-size:0.7em;text-decoration:none;color:#666666;}

.ip1{ background-color: #e7442e;}
.ip2,.ip3{ background-color: #5f80a6;}
.ip4{ background-color: #783d94;}
.ip5,.ip6{ background-color: #528d76;}
.ip7{background-color: #000000;}

h5.tc1,h5.tc2,h5.tc3,h5.tc4,h5.tc5,h5.tc6{padding-left:.7em;}
.tc1,.tc1 u{color:#c7113c;}
.tc2,.tc2 u{color:#de8f04;}
.tc3,.tc3 u{color:#287bc2;}
.tc4,.tc4 u{color:#915ca3;}
.tc5,.tc5 u{color:#289c5f;}
.tc6,.tc6 u{color:#898989;}
div.tc1{border:2px solid #c7113c;background:#fef5e1;border-radius: 15px;}
div.tc2{border:2px solid #de8f04;background:#fefcd7;border-radius: 15px;}
div.tc3{border:2px solid #287bc2;background:#ecf8f9;border-radius: 15px;}
div.tc4{border:2px solid #915ca3;background:#fef9e9;border-radius: 15px;}
div.tc5{border:2px solid #289c5f;background:#f8fbe7;border-radius: 15px;}
div.tc6{border:2px solid #898989;background:#fcfcfc;border-radius: 15px;}
p.tc1{color:#663333;}
p.tc2{color:#445566;}
p.tc3{color:#445566;}
p.tc4{color:#663366;}
p.tc5{color:#436e66;}
p.tc6{color:#436e66;}

.main .row ul.tc1{border-bottom:1px solid #c7113c;}
.main .row ul.tc2{border-bottom:1px solid #de8f04;}
.main .row ul.tc3{border-bottom:1px solid #287bc2;}
.main .row ul.tc4{border-bottom:1px solid #915ca3;}
.main .row ul.tc5{border-bottom:1px solid #289c5f;}
.main .row ul.tc6{border-bottom:1px solid #898989;}

.type1{background:url(../images/type1.png) no-repeat;}
.type2{background:url(../images/type2.png) no-repeat;}
.type3{background:url(../images/type3.png) no-repeat;}
.type4{background:url(../images/type4.png) no-repeat;}
.type5{background:url(../images/type5.png) no-repeat;}
.type6{background:url(../images/type6.png) no-repeat;}
.type1g{background:url(../images/g/type1.png) no-repeat;}
.type2g{background:url(../images/g/type2.png) no-repeat;}
.type3g{background:url(../images/g/type3.png) no-repeat;}
.type4g{background:url(../images/g/type4.png) no-repeat;}
.type5g{background:url(../images/g/type5.png) no-repeat;}
.type6g{background:url(../images/g/type6.png) no-repeat;}

.type1s{background:url(../images/type1s.png) no-repeat;}
.type2s{background:url(../images/type2s.png) no-repeat;}
.type3s{background:url(../images/type3s.png) no-repeat;}
.type4s{background:url(../images/type4s.png) no-repeat;}
.type5s{background:url(../images/type5s.png) no-repeat;}
.type6s{background:url(../images/type6s.png) no-repeat;}
.type1gs{background:url(../images/g/type1s.png) no-repeat;}
.type2gs{background:url(../images/g/type2s.png) no-repeat;}
.type3gs{background:url(../images/g/type3s.png) no-repeat;}
.type4gs{background:url(../images/g/type4s.png) no-repeat;}
.type5gs{background:url(../images/g/type5s.png) no-repeat;}
.type6gs{background:url(../images/g/type6s.png) no-repeat;}
.type1,.type2,.type3,.type4,.type5,.type6,
.type1s,.type2s,.type3s,.type4s,.type5s,.type6s,
.type1gs,.type2gs,.type3gs,.type4gs,.type5gs,.type6gs,
.type1g,.type2g,.type3g,.type4g,.type5g,.type6g{width:200px;background-size:200px;margin:auto;pointer-events:none;}

.gb1{background:url(../images/type1.png) no-repeat;}
.gb2{background:url(../images/type2.png) no-repeat;}
.gb3{background:url(../images/type3.png) no-repeat;}
.gb4{background:url(../images/type4.png) no-repeat;}
.gb5{background:url(../images/type5.png) no-repeat;}
.gb6{background:url(../images/type6.png) no-repeat;}
.gb1g{background:url(../images/g/type1.png) no-repeat;}
.gb2g{background:url(../images/g/type2.png) no-repeat;}
.gb3g{background:url(../images/g/type3.png) no-repeat;}
.gb4g{background:url(../images/g/type4.png) no-repeat;}
.gb5g{background:url(../images/g/type5.png) no-repeat;}
.gb6g{background:url(../images/g/type6.png) no-repeat;}
.gb1,.gb2,.gb3,.gb4,.gb5,.gb6,
.gb1g,.gb2g,.gb3g,.gb4g,.gb5g,.gb6g{width:84px;background-size:84px;margin:auto;pointer-events:none;}

.image-box {
    position: relative;
	 pointer-events:none;
}
.rar{margin:0px auto;padding:0px;pointer-events:none;}
.rar img{width:34px;margin:0px 2px;padding:0px;}
.rar img.box{opacity: 0;}
.rar img.delay-time01{animation-delay: 0.1s;}
.rar img.delay-time02{animation-delay: 0.2s;}
.rar img.delay-time03{animation-delay: 0.3s;}
.rar img.delay-time04{animation-delay: 0.4s;}
.rar img.delay-time05{animation-delay: 0.5s;}
.rar img.delay-time06{animation-delay: 0.6s;}

.rar img.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

.aisyou{font-size:.9em;text-align:center;}

div.start{
	background:#ffffff;padding:1em;font-size:1.2em;border-radius: 20px;border:4px solid #086f8b;opacity:.7;color:#111111;
}
div.q_box{
	min-height: 400px;
	height: auto !important;
	height: 400px;
	}

body.rar_back{animation: bodyfadein 1s ease-out forwards;}

dl{margin:0px;padding:0px;width:100%;}
dt{color:#ffffff;}
dd{width:100%;}
dt.i_minus{background:#e7442e;border-bottom:1px solid #e7442e;}
dt.i_plus{background:#783d94;border-bottom:1px solid #783d94;}
dt.p_minus{background:#528d76;border-bottom:1px solid #528d76;}
dt.p_plus{background:#5f80a6;border-bottom:1px solid #5f80a6;}

dd.i_minus{background:#f8ede9;border:2px solid #e7442e;color:#e7442e;}
dd.i_plus{background:#f2f0e4;border:2px solid #783d94;color:#783d94;}
dd.p_minus{background:#f5f6ed;border:2px solid #528d76;color:#528d76;}
dd.p_plus{background:#f3f4ec;border:2px solid #5f80a6;color:#5f80a6;}

.book{letter-spacing:0px;width:100%;font-size:.8em;line-height:1.5em;background:#ffffff url(../images/book_back.png) center bottom no-repeat;border:2px solid #3366aa;padding:2em;margin-top:3em;border-radius: 10px;}
.book u{letter-spacing:2px;font-size:1em;color:#3366cc;}
img.kusetsuyo_book{width:90%;display:block;text-align:center;margin:auto;pointer-events:none;}
img.kusetsuyo_bn{width:98%;text-align:center;display:block;text-align:center;margin:2em auto 1em auto;pointer-events:none;border:0px;}

img.type7{pointer-events:none;}

p.title{font-size:1.9em;letter-spacing:2px;}
p.title .small1{padding:3px;}
p .red{color:#aa3344;}

.small1{font-size:.9em;}
.space2{letter-spacing:3px;}

.book_button{margin-top:1em;}

.btn--book,
a.btn--book:link {
  color: #fff;
  background-color: #2255bb;
}
.btn--book:hover,
a.btn--book:hover {
  color: #fff;
  background: #113399;
}



.btn_sub--checks,
a.btn_sub--checks:link,a.btn_sub--checks:visited {
  color: #fff;
  background-color: #29708b;
  padding:1em;
  border-radius: 5px;
  padding:.3em .5em;
  
}
.btn_sub--checks:hover,
a.btn_sub--checks:hover {
  color: #fff;
  background: #1d5469;
}

@keyframes fadeUpAnime{
  0% {
    opacity: 0;
	transform: translateY(1px);
  }
  75% {
    opacity: 0;
	transform: translateY(1px);
  }
  100% {
    opacity: 1;
	transform: translateY(0);
  }
}
@keyframes fadein {
  0% {opacity: 0;
  transform: translateY(-5px);
  }
  25% {
  transform: translateY(0);
  }
  100% {opacity: 1;
  transform: translateY(0);
  }
  
}
@keyframes bodyfadein {
  0% {opacity: 0;
  }
  100% {opacity: 1;
  }
  
}


.point {
    width: 4%;
    height: 4%;
    color: #ffffff;
    
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    border-radius: 50%;
    cursor: pointer;
    
    position: absolute;
    top: 47.7%;
    left: 47.65%;
	 opacity:.9;
	 animation: blinking 0.7s ease-out infinite alternate;
	 box-shadow: 0 0 7px 1px #ffffff, 0 0 35px #ffffdd;
}

@keyframes blinking {
	0% {opacity: 0.3;}
	100% {opacity: 1;}
}

ul {
  list-style-type: none;padding-left:1.5em;
}
li {
  position: relative;
}
li::after {
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: -1.2em;
  width: 10px;
  height: 5px;
  border-left: 2px solid #c23e6b;
  border-bottom: 2px solid #c23e6b;
  transform: rotate(-45deg);
}

/*iPhone SE*/
@media screen and (max-width:320px) {
	body{font-size:.85em;}
	p.title{font-size:1.8em;letter-spacing:2px;}
	.book{padding:1em 0px;font-size:.8em;letter-spacing:0px;}
	.book u{letter-spacing:0px;}
	p.catch{font-size:2.1em;}
}