/*--------------------
faq.css
--------------------*/


.l-block01{
  padding:6.5rem 0 14.0rem;
}
.l-block01-inner{
  max-width:calc(1200px + 6.0rem);
  width:100%;
  margin:0 auto;
  padding:0 3.0rem;
}
.l-block01-inner > ul{
  display:block;
  text-align: left;
  font-size:0;
  padding-bottom:6.5rem;
}
.l-block01-inner > ul li{
  width:33.3%;
  display:inline-block;
  vertical-align: top;
  padding:0 0;
}
.l-block01-inner > ul li:nth-of-type(3n+1){
  padding-right:1.0rem;
}
.l-block01-inner > ul li:nth-of-type(3n+2){
  padding-left:0.5rem;
  padding-right:0.5rem;
}
.l-block01-inner > ul li:nth-of-type(3n){
  padding-left:1.0rem;
}
.l-block01-inner > ul li a{
  display:block;
  border-bottom:3px solid #f3f6fc;
  padding:1.8rem 0;
}
.l-block01-inner > ul li a.current{
  border-bottom:3px solid #f3f6fc;
  border-image: linear-gradient(to right, #6996dd, #a4348d) 1;
}
.l-block01-inner > ul li a span{
  display:block;
  background: url("../images/common/common-icon07_pc.png") right center no-repeat transparent;
  background-size: 2.2rem auto;
  min-height:2.2rem;
  padding-right:2.0rem;
  text-align: left;
  color:#666666;

  font-size:clamp(14px, 1.7rem, 17px);
  font-weight:700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.l-block01-inner > ul li a.current span{
  text-align: left;
  color:#333333;

  font-size:clamp(14px, 1.7rem, 17px);
  font-weight:700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.l-block01-block{
  padding-top:5.5rem;
}
.l-block01-block h2{
  text-align: left;
  color:#333333;

  font-size: clamp(22px, 3.0rem, 30px);
  font-weight:700;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.l-block01-block-box{
  margin-top:3.5rem;
  background:#f4f9ff;
  padding:1.5rem 9.0rem;
}
.l-block01-block-box-block{
  padding:2.5rem 0;
  width:100%;
  display:table;
}
.l-block01-block-box-block:first-of-type{
  border-bottom: 0.6rem dashed #e9ebe8;
}
.l-block01-block-box-block > p{
  display:table-cell;
  vertical-align: middle;
  text-align: left;
}
.l-block01-block-box-q{
  width:6.0rem;
  text-align: left;
  color:#437dd5;

  font-size: clamp(22px, 3.0rem, 30px);
  font-weight:700;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.l-block01-block-box-title{
  width:auto;
  text-align: left;
  color:#333333;

  font-size:clamp(14px, 2.0rem, 20px);
  font-weight:700;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.l-block01-block-box-a{
  width:6.0rem;
  text-align: left;
  color:#841d6b;

  font-size: clamp(22px, 3.0rem, 30px);
  font-weight:700;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.l-block01-block-box-message{
  width:auto;
  text-align: left;
  color:#333333;

  font-size:clamp(14px, 1.7rem, 17px);
  font-weight:400;
  line-height: 1.5;
  letter-spacing: 0.05em;
}


@media screen and (max-width: 767.5px) {
  .l-block01{
    padding:6.5rem 0 14.0rem;
  }
  .l-block01-inner{
    max-width:100%;
    width:100%;
    margin:0 auto;
    padding:0 3.0rem;
  }
  .l-block01-inner > ul{
    display:block;
    text-align: left;
    font-size:0;
    padding-bottom:6.5rem;
  }
  .l-block01-inner > ul li{
    width:50%;
    display:inline-block;
    vertical-align: top;
    padding:0 0;
    padding-top:3.0rem;;
  }
  .l-block01-inner > ul li:nth-of-type(3n+1){
    padding-right:0;
  }
  .l-block01-inner > ul li:nth-of-type(3n+2){
    padding-left:0;
    padding-right:0;
  }
  .l-block01-inner > ul li:nth-of-type(3n){
    padding-left:0;
  }
  .l-block01-inner > ul li:nth-of-type(2n+1){
    padding-right:1.0rem;
  }
  .l-block01-inner > ul li:nth-of-type(2n){
    padding-left:1.0rem;
  }
  .l-block01-inner > ul li a{
    display:flex;
    align-items: center;
    border-bottom:3px solid #f3f6fc;
    padding:1.8rem 0;
  }
  .l-block01-inner > ul li a.current{
    border-bottom:3px solid #f3f6fc;
    border-image: linear-gradient(to right, #6996dd, #a4348d) 1;
  }
  .l-block01-inner > ul li a span{
    width:100%;
    display:block;
    background: url("../images/common/common-icon07_pc.png") right center no-repeat transparent;
    background-size: 3.3rem auto;
    min-height:3.3rem;
    padding-right:5.0rem;
    text-align: left;
    color:#666666;

    font-size:2.6rem;
    font-weight:700;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .l-block01-inner > ul li a.current span{
    text-align: left;
    color:#333333;

    font-size:2.6rem;
    font-weight:700;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }

  .l-block01-block{
    padding-top:5.5rem;
  }
  .l-block01-block h2{
    text-align: left;
    color:#333333;

    font-size: 3.8rem;
    font-weight:700;
    line-height: 1.2;
    letter-spacing: 0.05em;
  }
  .l-block01-block-box{
    margin-top:3.5rem;
    background:#f4f9ff;
    padding:1.5rem 6.0rem;
  }
  .l-block01-block-box-block{
    padding:2.5rem 0;
    width:100%;
    display:table;
  }
  .l-block01-block-box-block:first-of-type{
    border-bottom: 0.6rem dashed #e9ebe8;
  }
  .l-block01-block-box-block > p{
    display:table-cell;
    vertical-align: middle;
    text-align: left;
  }
  .l-block01-block-box-q{
    width:8.0rem;
    text-align: left;
    color:#437dd5;

    font-size: 3.8rem;
    font-weight:700;
    line-height: 1.2;
    letter-spacing: 0.05em;
  }
  .l-block01-block-box-title{
    width:auto;
    text-align: left;
    color:#333333;

    font-size:2.8rem;
    font-weight:700;
    line-height: 1.2;
    letter-spacing: 0.05em;
  }
  .l-block01-block-box-a{
    width:8.0rem;
    text-align: left;
    color:#841d6b;

    font-size: 3.8rem;
    font-weight:700;
    line-height: 1.2;
    letter-spacing: 0.05em;
  }
  .l-block01-block-box-message{
    width:auto;
    text-align: left;
    color:#333333;

    font-size:2.6rem;
    font-weight:400;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}



@media screen and (max-width: 767.5px) {
  
}



@media screen and (max-width: 767.5px) {
  
}