@charset "utf-8";
.support .line{ margin-bottom: 65px; }

.support .txtcenter a,.accordion_text a{ text-decoration: underline; color: #0f183e; }

/*qa-----------------------------------------------------*/
.accordion{ border: #0033a0 1px solid; }


.acd-check{ display: none; }
.acd-label{ letter-spacing: 0.05em;
  color: #0f183e; font-weight: 500;
  cursor: pointer;
    display: block;
    position: relative;}

.acd-label::before,
.accordion_text::before{ position: absolute; 
 line-height: 1.5rem;
font-weight: 600;
  font-family: "Zen Old Mincho", serif;
  color: #7787c9;
  font-size: 3.4rem;
  letter-spacing: 0.05em; }

.acd-label::before{ content:"Q."; left: 35px; line-height: 1.5rem;}


/*+*/
.acd-label:after{
    box-sizing: border-box;
    display: block;
    height: 52px;
    padding: 10px 20px;
    background-image: url(../images/common/plusIcon.png);
}
.accordion_content{
    display: block;
    height: 0;
    opacity: 0;
    transition: .5s;
    visibility: hidden;
}

.acd-label:after,
.acd-check:checked + .acd-label:after{ background-position: 0 0; background-repeat: no-repeat;
content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  width: 36px;
  height: 36px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

/*-*/
.acd-check:checked + .acd-label:after{
    background-image: url(../images/common/minusIcon.png); }

.acd-check:checked + .acd-label + .accordion_content{
    height: 100%;
    opacity: 1;
    visibility: visible;
}
.accordion_text {   letter-spacing: 0.05em;
      background-color: #f4f5f8;
  line-height: 1.9em;
  position: relative;  }

.accordion_text::before {content: "A.";
  left: 14px; top: 50%;
  transform: translate(0, -60%);
  -webkit-transform: translate(0, -60%);
  -ms-transform: translate(0, -60%);
}



#consultation{ background-color: #f0f1f5;}

#consulwrap{ display: flex; justify-content: space-between; align-items: center; }
#consulwrap .link_style01{margin: 0 auto 0;  display: block; max-width: 420px; width: 100%;}

@media screen and (min-width: 641px) {
  .support .title_style01{ margin-bottom: 44px; }

  .support .txtcenter{font-size: 1.7rem; letter-spacing: 0.14em;}
  .support #section1 .rapperfix .title_style01{ margin-top: 120px; }
  .support #section2,
  .support #section3{ margin-top: 75px; }
  .support #section3{ margin-bottom: 125px; }

.accordion{  margin-bottom: 25px; }
.acd-label{ padding: 25px 38px 20px 80px;
  font-size: 1.8rem;}

 .accordion_text { padding: 18px 30px 18px 64px;
  margin: 0 20px 20px;}

  #consultation .title_style01 { text-align: center;  margin-bottom: 75px; }
#consultation{ padding: 125px 0;}
#consulwrap p{  margin-bottom: 35px;
  letter-spacing: 0.05em; line-height: 1.8em;}

}

@media screen and (max-width: 1100px)  and (min-width: 641px) {
 #consulwrap p{ font-size:2.8vw; }
  #consulwrap p br{ display: none; }
 #consulbox{ margin-right: 4%; width: 100%; }
 #contactbox ul,
 #contactbox dl{ padding:6% 8%; }
 #contactbox{ margin-bottom: 4%; }
 #contactbox ul, #contactbox dl {flex-wrap: wrap;}
 
 #contactbox li{ width: 100%; }
 #contactbox li:first-child{ margin-bottom: 2%; }
}

@media screen and (min-width: 1101px) {
.accordion:hover{ border-color: #ccc }
.acd-label:hover{ color: #0080cf; }


  .support .link_style02{ text-align: right; }
  .acd-label {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;   }
  .acd-label:hover::before,.acd-label:hover::after{ opacity: 0.8; }

  #consulbox{ max-width: 670px; width: 70%;}
  #contactbox dl{  padding:20px 40px;}
  #consulwrap p{ font-size:2.4rem; }
}

@media screen and (max-width: 640px) {
  .support .title_style01{ margin-bottom: 8%; }
 .support .txtcenter{font-size: 3.5vw; }
   .support #section1 .rapperfix .title_style01,.support #section2,
  .support #section3{ margin-top: 12%; }

  .support #section3{ margin-bottom: 12% }


.acd-label { font-size: 3.6vw; padding:4% 16% 4% 12%; line-height: 1.6em; margin-bottom: -2%;}
.acd-label::before { left: 4%; top: 23%;}

.acd-label::after, .acd-check:checked + .acd-label::after{ width: 23px; height: 23px; background-size: 100%;  padding: 0; }
.accordion { margin-bottom: 5%;}
.accordion_text{ padding:14% 7% 4%; margin:2% 4% 4%; font-size: 3.5vw; }

.accordion_text::before{ top:20px; left: 7%;
transform: translate(0, 0%);
  -webkit-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);}

.accordion_text::before, .acd-label::before{ font-size: 5.3vw; line-height: 1em;}

.support #consultation .title_style01{ margin-bottom: 7%; }
#consultation{  padding: 12% 0;}
#consulwrap p{ font-size:3.6vw; margin-bottom: 35px;
  letter-spacing: 0.05em; line-height: 1.8em;}

}

@media screen and (max-width: 1100px) {
.support #mv .rapperfix{ width: 100%; }
.support #mv h1{ width: 90%; margin: 0 auto; }

.support #mv h2,
.link_style02{ width: 100%;
    padding-left: 5%; padding-right: 5%; box-sizing: border-box; }

.link_style02{ border-top: 1px solid #d4d5d8; padding-top: 30px; }
 
#consulwrap{ flex-wrap: wrap; }
#consulbox , #consulwrap figure{ width: 100%; }
#consulwrap figure{ margin-top: 8%; }
.support .txtcenter{ text-align: left; }
 #contactbox{ margin-bottom: 6%; }

}