@charset "UTF-8";
/* lead
------------------------------*/
.area_txt {
  position: relative;
}
.area_txt span.initial {
  position: absolute;
  left: 3.5vw;
  top: 0;
    width: min(12.5vw, 136px);
}
@media screen and (max-width: 768px) {
  .area_txt span.initial {
    position: absolute;
    left: 0;
    top: 0;
    width: 15.3vw;
  }
}
.area_txt_ma {
  padding: min(3.92vw, 10px) 0 0;
  /*   font-size: clamp(1.438rem, 1.25rem + 0.94vw, 1.813rem);*/
}
@media screen and (max-width: 768px) {
  .area_txt_ma {
    padding: min(35.46vw, 20px) 0 0;
    /*font-size: clamp(1.25rem, 1.125rem + 0.63vw, 1.5rem);*/
  }
}
.lead_wrap {
  margin-top: min(3.13vw, 40px);
}
.lead_wrap .txt_01_wrap {
  display: flex;
  justify-content: center;
  margin: min(1.95vw, 25px) 0;
}
.lead_wrap .txt_01 {
  color: #BE1A1B;
  display: flex;
  width: fit-content;
  border: 1px solid #BE1A1B;
}
.lead_wrap .txt_01 span, .lead_wrap .txt_02 span {
  border-right: 1px solid #BE1A1B;
  padding: min(0.78vw, 10px);
  line-height: 1;
}
.lead_wrap .txt_01 span:last-child, .lead_wrap .txt_02 span:last-child {
  border-right: 0;
}
.lead_wrap .txt_02_wrap {
  display: flex;
  text-align: center;
  margin-top: min(2.34vw, 30px);
  justify-content: center;
}
.lead_wrap .txt_02 {
  color: #BE1A1B;
  display: flex;
  width: fit-content;
  border: 1px solid #BE1A1B;
}
@media screen and (max-width: 768px) {
  .lead_wrap .txt_02 {
    align-items: center;
  }
}
.lease {
  margin-top: min(2.58vw, 25px);
  text-align: center;
}
.lease_li {
  background-color: #E8F4FF;
  border-radius: min(0.5vw, 5px);
  padding: min(2.1vw, 25px) min(3.13vw, 40px) min(3.13vw, 40px);
  width: min(82.88vw, 710px);
  margin: min(1.17vw, 15px) auto 0;
}
.lease_li li:before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 20px;
  background-image: url(../images/service_3-1/ico_li.png);
  background-size: contain;
  vertical-align: middle;
  margin-right: 1em;
}
.lease_li li {
  border-bottom: #E5E5E5 solid 1px;
  padding: min(1.17vw, 15px) 0;
}
/* explanation
------------------------------*/
#explanation {
  background: linear-gradient(180deg, #fff 0%, #fff 80%, #FFEFEF 80%, #FFEFEF 100%);
  padding: 0 0 min(10.96vw, 75px) 0;
}
.explanation_wrap {
  padding-top: min(7.03vw, 90px);
}
.explanation_wrap .explanation_li {
  margin-top: min(1.17vw, 15px);
}
.explanation_wrap .explanation_li li {
  border: #BE1A1B solid 2px;
  display: flex;
  margin-top: min(2.34vw, 30px);
}
.explanation_wrap .explanation_li li .explanation_ico {
  background-color: #BE1A1B;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20%;
}
.explanation_wrap .explanation_txt {
  padding: min(2.34vw, 30px) min(1.56vw, 20px);
  flex: 1;
}
.explanation_wrap .explanation_txt h3 {}
/* merit_wrap
------------------------------*/
.merit_wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: min(11.72vw, 150px);
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .merit_wrap {
    display: block;
  }
}
.merit_wrap .merit {
  border: #BE1A1B solid 2px;
  border-radius: 15px;
  width: calc(50% - 20px);
  padding: min(3.9vw, 30px);
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .merit_wrap .merit {
    width: 100%;
  }
}
.merit_wrap .merit h3 {
  margin-top: min(-3.4vw, -60px);
  text-align: center;
}

@media screen and (max-width: 768px) {
  .merit_wrap .merit h3 {
  margin-top: min(-8.4vw, -30px);
}  
    
}
.merit_wrap .merit h3 span {
  display: inline-block;
  padding: 10px;
  background: #fff;
}
.merit_wrap .merit li {
  border-bottom: #E5E5E5 solid 1px;
  padding: min(1.17vw, 15px) 0;
}
.merit_wrap .merit li:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/service_3-1/ico_merit.png);
  background-size: contain;
  vertical-align: middle;
  margin-right: 1em;
}
.merit_wrap .demerit {
  border: #0053C4 solid 2px;
  border-radius: 15px;
  width: calc(50% - 20px);
  padding: min(3.9vw, 30px);
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .merit_wrap .demerit {
    width: 100%;
    margin-top: min(11.72vw, 150px);
  }
}
.merit_wrap .demerit h3 {
  color: #0053C4;
  margin-top: min(-3.4vw, -60px);
  text-align: center;
}

@media screen and (max-width: 768px) {
  .merit_wrap .demerit h3 {
  margin-top: min(-8.4vw, -30px);
}  
    
}
.merit_wrap .demerit h3 span {
  display: inline-block;
  padding: 10px;
  background: #fff;
}
.merit_wrap .demerit li:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/service_3-1/ico_demerit.png);
  background-size: contain;
  vertical-align: middle;
  margin-right: 1em;
}
.merit_wrap .demerit ul {}
.merit_wrap .demerit li {
  border-bottom: #E5E5E5 solid 1px;
  padding: min(1.17vw, 15px) 0;
}


/*scheme
----------------------*/
.scheme_wrap {
    background: url("../images/common/bg_dot.jpg") repeat;
    padding: 60px 0;
}
.scheme_wrap p {
      display: flex;
  justify-content: center;
    padding: 20px 0;
}
