@charset "UTF-8";

@media screen and (min-width:751px){
  html{
    font-size : 62.5%;
  }
}
@media screen and (max-width:750px){
  html{
    font-size : 1.33vw;
  }
}

/* ie11 */
_:-ms-lang(x)::-ms-backdrop, html {
  font-size  : 58.6%;
}

  
body {
  background            : #fff; 
	color                 : #646464;
  font-size             : 3.2rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  font-feature-settings : 'palt';
  line-height           : 1.75;
	text-align            : justify;
}


img{
  display : block;
  width   : 100%;
}

a:hover,
a img:hover{
  opacity:0.8;
}

sup{
  font-size:0.7em;
  vertical-align: baseline;
}

.onsp{
  display: none;
}
@media screen and (max-width:750px){
  .onsp{
    display: block;
  }
  .onpc{
    display: none;
  }
}

.header,
.main{
  margin : 0 auto;
  max-width  : 750px;
}


.main{
  background: #f7f6f1;
}


.question{
  background: #fff;
  border:4px solid #eeeeee;
  margin:5.3%;
}

.question__header{
  align-items: center;
  background: #e5f9ff;
  color:#0b2059;
  display: flex;
  line-height: 1.8;
  padding:4.8% 0;
  position: relative;
}

.question--01 .question__header{
  padding:2.6% 0 5.3%;
}


.question__header__image{
  flex-shrink: 0;
  margin: 0 2.98% 0 -4%;
  width:19.6%;
}

.question__header__text{
  font-weight: bold;
  padding:0 2.6% 0 0;
	display: block;
}

.question__header__footnote{
  bottom:2.98%;
  font-size:2.4rem;
  font-weight: bold;
	display: block;
	text-align: right;
}


/*
// checkbox
*/
.question__form__checkbox{
  display: none;
}

.question__form__checkbox__label{
  align-items: center;
  cursor   : pointer;
  display: flex;
  font-weight: bold;
  line-height: 1.8;
  position : relative;
  width: 100%;
}

.kome{
	font-size: 0.6em;
	
}
@media screen and (min-width:751px){
  .question__form__checkbox__label{
    min-height:120px;
    padding: 20px;
  }
}
@media screen and (max-width:750px){
  .question__form__checkbox__label{
    min-height:16vw;
    line-height:1.35;
    padding: 2.6vw;
  }
}

.question__form__checkbox__label span{
  font-weight: bold;
}

.question__form__checkbox__label:nth-child(4n){
  background: #f7f8f8;
}

.question--03 .question__form__checkbox__label:nth-child(4n){
  background: #fff;
}

.question--03 .question__form__checkbox__label:nth-child(4n-2){
  background: #f7f8f8;
}

.question__form__checkbox__label:before{
  background: #fff;
  content:'';
  display: block;
  flex-shrink: 0;
}
@media screen and (min-width:751px){
  .question__form__checkbox__label:before{
    border:2px solid #4397ec;
    border-radius: 5px;
    height:48px;
    margin:0 20px 0 0;
    width:48px;
  }
}
@media screen and (max-width:750px){
  .question__form__checkbox__label:before{
    border:2px solid #4397ec;
    border-radius: 0.66vw;
    height:6.4vw;
    margin:0 2.6vw 0 0;
    width:6.4vw;
  }
}

.question__form__checkbox:checked + .question__form__checkbox__label{
  background : #c0e3fd;
  border: none;
  color:#0030a0;
}

.question__form__checkbox:checked + .question__form__checkbox__label:before{
  background : url(../images/icon_checked.png) #4397ec no-repeat center center;
}
@media screen and (min-width:751px){
  .question__form__checkbox:checked + .question__form__checkbox__label:before{
    background-size:32px auto;
    border : 2px solid #4397ec;
  }
}
@media screen and (max-width:750px){
  .question__form__checkbox:checked + .question__form__checkbox__label:before{
    background-size:4.26vw auto;
    border : 1px solid #4397ec;
  }
}


.footer{
  
}

.footer__content{
  background: #f7f6f2;
  color:#000;
  margin: -13.3% 0 0 0;
  padding: 18.3% 5.3% 5.3%;
}

.footer__content__cta-btn{
  display: block;
  margin:0 0 8%;
}

.footer__content__footnote-list{
  font-size:2.4rem;
}

.footer__content__footnote-list li{
  font-weight: bold;
  margin: 0 0 0 2em;
  text-indent: -2em;
	color: #666;
}

.footer__company{
	font-size:2.4rem;
	padding: 5.3% 5.3% 5.3%;
	background-color: #eaeaea;
}