@charset "UTF-8";









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


body .CONCEPT_bw {

padding-bottom: 50px;
}


body .CONCEPT_bw h2 {
margin-top: 35px;
margin-bottom: 25px;
}



body .con_main_img {

    margin-left: 2.5rem;
    width: 90%;
  }



.sp_border {

  border-bottom: 1px solid  #ccc;

}
.spp {

  font-size: 1.3em ;

}


.main_tittle h4 {

  font-size: 1.8em !important;

  margin-top: 15px !important;
}


.spt {

  margin-left: 25px;
}
.spmt35 {

margin-top: 35px !important;
}

}


.con_main_img {

  text-align: center;
  margin-left: 3em;

}


.page-title {

color: #3e3e3f;

}


.CONCEPT_bw {

background: #d8edea;
padding-bottom: 100px;
}


figure[class^="CONCEPT_0"] {

  margin: 30px 0;


}


.CONCEPT_bw h2 {
margin-top: 75px;
margin-bottom: 50px;
}

.lastbox_txt {

  font-size: 1.6rem;
    color: #00807a;

}


.selected_ie {

  top:25% ;
}






  
.main_tittle.conccept_t02 {
  text-align: left;
}

.main_tittle.conccept_t02 h4{

  color: #333 !important;

}


.well-b01 {

  position: relative;
  border: 1px solid #00827a;
    padding: 15px;
    box-sizing: border-box;
}


.well-b01 p {

  text-align: justify;
  font-feature-settings: "palt";
  margin: 25px 0;

}

.well-b01 .main_tittle {
  background: #fff;
  position: absolute;
  top: -15px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
}

.well-b01 .main_tittle h4  {
  padding: 0;
  margin: 0;
}


.conccept_t03 h3 {

  font-size: clamp(1.9rem, 1.369rem + 1.11vw, 2.2rem);
  color: #333 !important;
}

.conccept_t03 {

  border-bottom: 1px solid #00827a;
    border-left: 4px solid #00827a;
    padding: 0 15px;
    box-sizing: border-box;
    font-feature-settings: "palt";
}

.conccept_t04 {
  background-image: linear-gradient(150deg, rgba(51, 155, 149, 1) 10%, rgba(255, 255, 255, 1) 90%);

  padding: 0 15px;
    box-sizing: border-box;
    font-feature-settings: "palt";
}

.conccept_t04 h3 {

font-size: clamp(1.9rem, 1.369rem + 1.11vw, 2.2rem);
color: #fff !important;
}


.conccept_t05 {

  background:#00827a ;
  padding: 0 15px;
  box-sizing: border-box;
  font-feature-settings: "palt";
}


.conccept_t05 h3 {

font-size: clamp(1.9rem, 1.369rem + 1.11vw, 2.2rem);
color: #fff !important;
}


.conccept_t06 {

  background:#bed9d8 ;
  padding: 0 15px;
  box-sizing: border-box;
  font-feature-settings: "palt";


}

.conccept_t06 h3 {

font-size: clamp(1.9rem, 1.369rem + 1.11vw, 2.2rem);
color: #005c61 !important;
display: flex;
align-items: center;
    gap: 15px;
    padding: 10px 0;
}


.conccept_t06 h3 span:nth-child(2) {

  font-size: 1.6rem;
    display: block;
    border-left: 2px solid #005c61;
    padding: 0px 15px;
}


.fl_bcom {

  margin-top: 25px;
  display: flex;
  align-items: flex-start;

}

.fl_bcom div {

  flex: 2.5;

}

.fl_bcom figure {

  flex: 1;
}

.fl_bcom img {

  margin: 0 auto;

}

.well-b02 article {


  background: #eeefef;
  margin: 50px auto;
}



.fl_b01 {
  display: flex
;
    justify-content: center;
    gap: 5px;
    margin: 25px auto;



}
.fl_b02 {
  display: flex;
    justify-content: center;
    gap: 25px;
    margin: 25px auto;


}

.fl_b02 img {

  display: block;
  margin: 0px auto 35px;

}

.fl_b02 figure:nth-child(2) img {

  margin: 25px auto;
}

.fl_b02 .conccept_t06 h3 {

  line-height: 1.4;
    padding: 15px;
    box-sizing: border-box;
}

.fl_b01 figure {

  margin-bottom: 25px;
}

.fl_b01 figure figcaption {

  text-align: right;
}

.sp_pad p {
  text-align: justify;
}


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


  body .conccept_t06 h3 { 

    line-height: 1.4;
  }

body .well-b01 {

  margin: 0 10px;
}
body .fl_b02,
body .fl_b01,
body .fl_bcom {


  flex-wrap: wrap;
  margin: 10px auto;
}

body article,
body .fl_bcom div {

  flex: auto;
}

body 
.well-b02 article {

  margin: 15px auto 0;

}


}