@charset "UTF-8";
/* CSS Document */

.section_about{
  width:100%;
  margin: 0 auto;
  background-image:url("../images/top/background_image.jpg");
  padding-bottom: 0px;
}
.section_about h1{
  color: #525350;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 6px;
  padding: 60px 0 60px 0;
  }
.section_about_page-link{
  width:100%;
  max-width:230px;
  margin: 0 auto;
}
#section_about_page-link_wrapper{
  display: flex;
  justify-content: center;
  gap:50px;
}
.section_about_page-link_feature a{
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.3rem;
  color: #525350;
}
.section_about_page-link_feature a span{
  display: block;
  border: solid 1px #525350;
  width:90px;
  margin: 5px 0;
}
.section_about_page-link_staff a{
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.3rem;
  color: #525350;
}
.section_about_page-link_staff a span{
  display: block;
  border: solid 1px #525350;
  width:90px;
  margin: 5px 0;
}
.section_about_feature{
  width:100%;
}
.section_about_feature-title h2{
  color: #525350;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.6rem; 
  padding: 0;
  margin: 60px 0 0px 0;
}
.section_about_feature-title h3{
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.3rem; 
}
/*feature1--*/
.section_about_feature_point1_pc{
  display: none;
}
.section_about_feature_point1 h4{
  color: #AB9C4E;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.3rem; 
  margin: 60px 0 20px;
}
.section_about_feature_point1 h3{
  color: #525350;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.3rem; 
  margin-bottom: 40px;
  text-align: center;
  line-height: 3.2rem;
}
.pc-br{
  display: none;
}
.section_about_feature_point1_detail{
  position: relative;
  width: 100%;
  max-width: 342px;
  margin: 0 auto;
}
.section_about_feature_point1 .point_image_sp_haircolor{
  width: 100%;
  max-width: 490px;
  height: 350px;
  object-fit: cover;
  margin: 0 0 20px 0;
}
.section_about_feature_point1 .background_illust{
  position: absolute;
  top: -15px;
  right: 30px;
  width: 200px;
  opacity: 10%;
  z-index: 10;
}
.section_about_feature_point1 p{
  font-size: 1.6rem;
  text-align: left;
  line-height: 3.2rem;
  width: 100%;
  max-width: 342px;
  margin: 20px auto 30px;
  padding: 0 20px;
}
/*feature1 attention--*/
.section_about_feature_point1_attention{
  width:87%;
  max-width: 342px;
  margin: 0 auto;
  padding: 30px 0 20px;
  background-color: #F6F8F9;
  
}
.section_about_feature_point1_attention span{
  display: block;
  border: solid 3px #AB9C4E;
  width:30px;
  margin: 0 auto;
}
.section_about_feature_point1_attention h5{
  color: #525350;
  font-size: 2.0rem;
  font-weight: 700;
  font-family: Futura PT , Jost , sans-serif;
  margin: 20px 0;
  letter-spacing: 0.3rem;
}
.section_about_feature_point1_attention ul{
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0px 20px 0px 40px;
}
.section_about_feature_point1_attention li{
  list-style:disc;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  line-height:2.0rem;
  text-align: left;
  padding-bottom:18px;
}
/*--feature1 attention*/
/*--feature1*/

/*feature2--*/
.section_about_feature_point2_pc{
  display: none;
}
.section_about_feature_point2 h4{
  color: #AB9C4E;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.3rem; 
  margin: 120px 0 20px;
}
.section_about_feature_point2 h3{
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.3rem; 
  margin-bottom: 40px;
  text-align: center;
  line-height: 3.2rem;
}
.pc-br{
  display: none;
}
.section_about_feature_point2_detail{
   position: relative;
  width: 100%;
  max-width: 342px;
  margin: 0 auto;
  padding:0 20px;
}
.section_about_feature_point2 .point_image_sp_straight{
  width: 100%;
  max-width: 490px;
  height: 350px;
  object-fit: cover;
  margin: 0 0 20px 0;
}
.section_about_feature_point2 .background_illust{
  position: absolute;
  top: 35px;
  right: 40px;
  width: 72%;
  opacity: 30%;
  z-index: 10;
  transform: rotate(120deg);
}
.section_about_feature_point2 p{
  font-size: 1.6rem;
  text-align: left;
  line-height: 3.2rem;
  width:100%;
  max-width:342px;
  margin: 20px auto 30px;
}
/*feature2 attention--*/
.section_about_feature_point2_attention{
  width:87%;
  max-width: 342px;
  margin: 0 auto;
  padding: 30px 0 20px;
  background-color: #F6F8F9;
  
}
.section_about_feature_point2_attention span{
  display: block;
  border: solid 3px #AB9C4E;
  width:30px;
  margin: 0 auto;
}
.section_about_feature_point2_attention h5{
  color: #525350;
  font-size: 2.0rem;
  font-weight: 700;
  margin: 20px 0;
  letter-spacing: 0.3rem;
}
.section_about_feature_point2_attention ul{
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0px 20px 0px 40px;
}
.section_about_feature_point2_attention li{
  list-style:disc;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  line-height:2.0rem;
  text-align: left;
  padding-bottom:18px;
}
/*--feature2 attention*/
/*--feature2*/

/*feature3--*/
.section_about_feature_point3_pc{
  display: none;
}
.section_about_feature_point3 h4{
  color: #AB9C4E;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.3rem; 
  margin: 120px 0 20px;
}
.section_about_feature_point3 h3{
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.3rem; 
  margin-bottom: 40px;
  text-align: center;
  line-height: 3.2rem;
}
.pc-br{
  display: none;
}
.section_about_feature_point3_detail{
   position: relative;
  width: 100%;
  max-width: 342px;
  margin: 0 auto;
}
.section_about_feature_point3 .point_image_sp_kids{
  width: 100%;
  max-width: 490px;
  height: 350px;
  object-fit: cover;
  margin: 0 0 20px 0;
}
.point_image .kids_slider-item2{
  widows: 100%;
  height: 100%;
  object-position: 0% 50%;
}
.section_about_feature_point3 .background_illust{
  position: absolute;
  top: 42px;
  right: 35px;
  width: 50%;
  opacity: 25%;
  z-index: 10;
}
.section_about_feature_point3 p{
  font-size: 1.6rem;
  text-align: left;
  line-height: 3.2rem;
  width: 100%;
  max-width: 342px;
  margin: 20px auto 30px;
  padding: 0 20px;
}
/*feature3 attention--*/
.section_about_feature_point3_attention{
  width:87%;
  max-width: 342px;
  margin: 0 auto;
  padding: 30px 0 20px;
  background-color: #F6F8F9;
  
}
.section_about_feature_point3_attention span{
  display: block;
  border: solid 3px #AB9C4E;
  width:30px;
  margin: 0 auto;
}
.section_about_feature_point3_attention h5{
  color: #525350;
  font-size: 2.0rem;
  font-weight: 700;
  margin: 20px 0;
  letter-spacing: 0.3rem;
}
.section_about_feature_point3_attention ul{
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0px 20px 0px 40px;
}
.section_about_feature_point3_attention li{
  list-style:disc;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  line-height:2.0rem;
  text-align: left;
  padding-bottom:18px;
}
/*--feature3 attention*/
/*--feature3*/


/*reserve btn--*/
.menu_reserve-btn{
    border: solid 1px #525350;
    width: 58.974%;
    max-width: 370px;
    height: 60px;
    background-color: #EED188;
    margin: 80px auto 0px;
    position: relative;
}
.menu_reserve-btn a{
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-direction: column;
    line-height: 1.2;
}
.menu_reserve-btn .reserve_en{
   color: #525350;
    font-size: 2.2rem;
    font-weight: 600;
      letter-spacing: 0.2rem;
}
.menu_reserve-btn .reserve_ja{
    font-size: 1.2rem;
}
.menu_reserve-btn a::after {
  content: "＞";
  margin-left: 1em;
  position: absolute;
  top:20px;
  right: 15px;
  }
.reserve_caution{
    color: #525350;
    font-size: 1.2rem;
    text-align: center;
  }
/*--reserve btn*/

@media(min-width:391px){
  /*point1*/
  .section_about_feature_point1_pc{
    display: none;
  }
  .section_about_feature_point1 .point_image {
    width: 100%;
    max-width: 515px;
    height: 425px;
    object-fit: cover;
    object-position: 50% 37%;
    margin: 0 auto;
  }
  .section_about_feature_point1_image{
    width: 100%;
    max-width: 515px;
    margin: 0 auto;
  }
  .section_about_feature_point2{
    width: 100%;
    max-width: 515px;
    margin: 0 auto;
  }
  .section_about_feature_point1_detail {
    max-width: 415px;
  }
  .section_about_feature_point1 p {
    max-width: 415px;
  }
  .section_about_feature_point1_attention {
    max-width: 415px;
  }
  /*point2*/
  .section_about_feature_point2 .point_image {
    width: 100%;
    max-width: 515px;
    height: 480px;
    object-position: 50% 5%;
    margin: 0 auto;
  }
  .section_about_feature_point2_image{
    width: 100%;
    max-width: 515px;
    height: 425px;
    object-fit: cover;
    object-position: 50% 37%;
    margin: 0 auto;
  }
  .section_about_feature_point2_detail {
    max-width: 415px;
  }
  .section_about_feature_point2 .background_illust {
    top: 0px;
    right: 40px;
    width: 50%;
    opacity: 10%;
  }
  .section_about_feature_point2 p {
    max-width: 415px;
  }
  .section_about_feature_point2_attention {
    max-width: 415px;
  }
  /*point3*/
  .section_about_feature_point3{
    width: 100%;
    max-width: 515px;
    margin: 0 auto;
  }
  .section_about_feature_point3 .point_image {
    width: 100%;
    height: 480px;
    object-position: 56%;
  }
  .section_about_feature_point3_detail {
    max-width: 415px;
  }
  .section_about_feature_point3 .background_illust {
    top: 0px;
    right: 65px;
    width: 45%;
    opacity: 10%;
  }
  .section_about_feature_point3 p {
    max-width: 415px;
  }
  .section_about_feature_point3_attention {
    max-width: 415px;
  }  
}
@media(min-width:1300px){
  .section_about{
  width:100%;
  margin: 0 auto;
  background-color: #F6F8F9;
  padding-bottom: 0px;
}
  .section_about h1{
  font-size: 3.6rem;
  font-weight: 600;
  letter-spacing: 7px;
  padding: 80px 0 60px 0;
}
  .section_about_page-link_wrapper {
  gap: 120px;
}
  .section_about h2{
  color: #525350;
  font-size: 2.8rem;
  }
  /*point1 pc*/
  .section_about_feature_point1_pc{
    display: block;
  }
  .section_about_feature_point1{
    display: none;
  }
  .section_about_feature_point1_pc_headline-wrapper{
    width:100%;
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap:40px;
  }
  .section_about_feature_point1_pc_headline-wrapper .point_image_pc_haircolor{
    width: 40%;
    height: 530px;
    margin: 120px 0 0 0;
    object-fit: cover;
  }
  .section_about_feature_point1_pc_headline{
    margin: 0 20px;
    padding:0 20px ;
  }
  .section_about_feature_point1_pc_headline h4{
    color: #AB9C4E;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.3rem; 
    margin: 60px 0 20px;
    text-align: left;
  }
  .section_about_feature_point1_pc_headline h3{
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: 0.3rem; 
    margin-bottom: 40px;
    text-align: left;
    line-height: 3.2rem;
  }
  .section_about_feature_point1_pc_headline p{
    font-size: 1.6rem;
    text-align: left;
    line-height: 3.2rem;
    width: 100%;
    max-width: 480px;
  }
 
  .section_about_feature_point1_pc_detail{
    position: relative;
  }
  .section_about_feature_point1_pc_detail .background_illust{
    position: absolute;
    top: -15px;
    right: 35px;
    width: 40.333%;
    opacity: 25%;
    z-index: 10;
}
  .slider_sp .point_image_pc{
    width: 100%;
    height: 530px;
    object-fit: cover;
    object-position: 55% 40%;
}
  .point_image_pc.haircolor{
    margin-top: 105px; 
  }
  .point_image_pc.straight{
    margin-top: 115px; 
  }
  .point_image_pc.kids_slider-item1,.kids_slider-item2,.kids_slider-item3,.kids_slider-item4{
    margin-top: 140px; 
    height: 530px;
  }
  .section_about_feature_point1_pc_attention{
    width:100%;
    max-width: 480px;
    margin: 60px auto;
    padding: 30px 0 20px;
    background-color: #F6F8F9;  
  }
  .section_about_feature_point1_pc_attention span{
  display: block;
  border: solid 3px #AB9C4E;
  width:30px;
  margin: 0 auto;
}
.section_about_feature_point1_pc_attention h5{
  color: #525350;
  font-size: 2.0rem;
  font-weight: 700;
  margin: 20px 0;
  letter-spacing: 0.3rem;
}
.section_about_feature_point1_pc_attention ul{
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0px 20px 0px 40px;
}
.section_about_feature_point1_pc_attention li{
  list-style:disc;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  line-height:2.0rem;
  text-align: left;
  padding-bottom:18px;
}
  /*--point1 pc*/
  /*point2 pc--*/
  .section_about_feature_point2_pc{
    display: block;
  }
   .section_about_feature_point2{
    display: none;
  }
  .section_about_feature_point2_pc_headline-wrapper{
    width:100%;
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap:40px;
  }
  .section_about_feature_point2_pc_headline-wrapper .point_image_pc_straight{
    width: 40%;
    height: 530px;
    margin: 120px 0 0 0;
    object-fit: cover;
  }
  .section_about_feature_point2_pc_headline{
    margin: 0 20px;
    padding:0 20px ;
  }

  .section_about_feature_point2_pc_headline h4{
    color: #AB9C4E;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.3rem; 
    margin: 60px 0 20px;
    text-align: left;
  }
  .section_about_feature_point2_pc_headline h3{
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: 0.3rem; 
    margin-bottom: 40px;
    text-align: left;
    line-height: 3.2rem;
  }
  .section_about_feature_point2_pc_headline p{
    font-size: 1.6rem;
    text-align: left;
    line-height: 3.2rem;
    width: 100%;
    max-width: 480px;
  }
  .section_about_feature_point2_pc_detail{
    position: relative;
  }
  .section_about_feature_point2_pc_detail .background_illust{
    position: absolute;
    top: -15px;
    right: 20px;
    width: 45.333%;
    opacity: 25%;
    z-index: 10;
    transform: rotate(120deg);
}
  .point_image_point2{
  width: 36%;
    object-fit: cover;
    height: 530px;
    margin: 110px 0 0;
}
  .section_about_feature_point2_pc_attention{
    width:100%;
    max-width: 480px;
    margin: 60px auto;
    padding: 30px 0 20px;
    background-color: #F6F8F9;  
  }
  .section_about_feature_point2_pc_attention span{
  display: block;
  border: solid 3px #AB9C4E;
  width:30px;
  margin: 0 auto;
}
.section_about_feature_point2_pc_attention h5{
  color: #525350;
  font-size: 2.0rem;
  font-weight: 700;
  margin: 20px 0;
  letter-spacing: 0.3rem;
}
.section_about_feature_point2_pc_attention ul{
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0px 20px 0px 40px;
}
.section_about_feature_point2_pc_attention li{
  list-style:disc;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  line-height:2.0rem;
  text-align: left;
  padding-bottom:18px;
}
  /*--point3 pc*/
  .section_about_feature_point3_pc{
    display: block;
  }
   .section_about_feature_point3{
    display: none;
  }
  .section_about_feature_point3_pc_headline-wrapper{
    width:100%;
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap:40px;
  }
   .section_about_feature_point3_pc_headline-wrapper .point_image_pc_kids{
    width: 40%;
    height: 530px;
    margin: 120px 0 0 0;
    object-fit: cover;
  }
  .section_about_feature_point3_pc_headline{
    margin: 0 20px;
    padding:0 20px ;
  }
  .section_about_feature_point3_pc_headline h4{
    color: #AB9C4E;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.3rem; 
    margin: 60px 0 20px;
    text-align: left;
  }
  .section_about_feature_point3_pc_headline h3{
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: 0.3rem; 
    margin-bottom: 40px;
    text-align: left;
    line-height: 3.2rem;
  }
  .section_about_feature_point3_pc_headline p{
    font-size: 1.6rem;
    text-align: left;
    line-height: 3.2rem;
    width: 100%;
    max-width: 480px;
  }
  .section_about_feature_point3_pc_detail{
    position: relative;
  }
  .section_about_feature_point3_pc_detail .background_illust{
    position: absolute;
    top: -15px;
    right: 35px;
    width: 40.333%;
    opacity: 25%;
    z-index: 10;
}
  .point_image_point3{
    width: 36%;
    height: 530px;
    object-fit: cover;
    margin: 140px 0 0;
  }
  .section_about_feature_point3_pc_attention{
    width:100%;
    max-width: 480px;
    margin: 60px auto;
    padding: 30px 0 20px;
    background-color: #F6F8F9;  
  }
  .section_about_feature_point3_pc_attention span{
  display: block;
  border: solid 3px #AB9C4E;
  width:30px;
  margin: 0 auto;
}
.section_about_feature_point3_pc_attention h5{
  color: #525350;
  font-size: 2.0rem;
  font-weight: 700;
  margin: 20px 0;
  letter-spacing: 0.3rem;
}
.section_about_feature_point3_pc_attention ul{
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0px 20px 0px 40px;
}
.section_about_feature_point3_pc_attention li{
  list-style:disc;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  line-height:2.0rem;
  text-align: left;
  padding-bottom:18px;
}
  /*--point3 pc*/
   
}

#section_about_staff{
  width: 100%;
  margin: 30px auto 0;
  padding: 80px 0px 80px 0;
  background-color: #CCD1CA;
  clip-path: polygon(0 100px, 100% 0, 100% calc(100% - 0px), 0 100%);
}
.section_about_staff-title{
  margin-bottom: 40px;
}
.section_about_staff-title h2{
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.6rem; 
  padding: 0;
  margin: 60px 0 0px 0;
}
.section_about_staff-title h3{
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.3rem; 
}
/*榎戸皓一プロフィール--*/
.section_about_staff-enokido{
  width:100%;
  margin: 60px auto 0;
}
.section_about_staff-enokido_introduction_photo{
  width: 100%;
  height: 320px;
  object-fit: cover;
  object-position: 50% 35%;
  max-width: 415px;
  margin: 0 auto;
}
.section_about_staff-enokido_introduction{
  background-color: #ededed;
  width: 87.692%;
  max-width: 415px;
  margin: 0 auto;
}
.section_about_staff-enokido_introduction-detail{
  padding: 0 15px 40px;
  margin-bottom: 60px;
}
.section_about_staff-enokido_introduction-detail .title,.skill,.hobby,.message{
  color: #525350;
  font-size: 1.4rem;
  font-weight: 600;
  padding:15px 0 5px 0;
}
.section_about_staff-enokido_introduction-detail .career{
  color: #525350;
  font-size: 1.2rem;
}
.section_about_staff-enokido_introduction-detail span{
  display: block;
  border: solid 1px #AB9C4E;
  width:81.871%;
  margin: 10px auto;
}
.section_about_staff-enokido_introduction-detail .message_detail{
  text-align: left;
  padding: 0px 35px 20px 35px;
}
.instagram_link{
  display: flex;
  justify-content: left;
  text-align: center;
  gap: 10px;
  font-size: 1.4rem;
  margin: 0 0 0 35px;
  
}
.instagram_link img{
  width:20px;
  height: 20px;
  margin-top: 2px;
  
}
/*--榎戸皓一プロフィール*/
/*徳重大樹プロフィール--*/
.section_about_staff-tokushige{
  width:100%;
  margin: 60px auto 0;
}
.section_about_staff-tokushige_introduction_photo{
  width: 100%;
  height: 320px;
  max-width: 415px;
  object-fit: cover;
  object-position: 50% 10%;
}
.section_about_staff-tokushige_introduction{
  background-color: #ededed;
    width: 87.692%;
    max-width: 415px;
    margin: 80px auto;
}
.section_about_staff-tokushige_introduction-detail{
  padding: 0 0px 40px 0;
}
.section_about_staff-tokushige_introduction-detail .title,.skill,.hobby,.message{
  color: #525350;
  font-size: 1.4rem;
  font-weight: 600;
  padding:15px 0 5px 0;
}
.section_about_staff-tokushige_introduction-detail .career{
  color: #525350;
  font-size: 1.2rem;
}
.section_about_staff-tokushige_introduction-detail span{
  display: block;
  border: solid 1px #AB9C4E;
  width:81.871%;
  margin: 10px auto;
}
.section_about_staff-tokushige_introduction-detail .message_detail{
  text-align: left;
  padding: 0px 35px 20px 35px;
}
.instagram_link{
  display: flex;
  justify-content: left;
  text-align: center;
  gap: 10px;
  font-size: 1.4rem;
  margin: 0 0 0 35px;
}
.instagram_link img{
  width:20px;
  height: 20px;
  margin-top: 2px;
}
/*--徳重大樹プロフィール*/

@media(min-width:1300px){
  #section_about_staff{
    padding-top: 80px;
  }

  .section_about_staff_profile{
    display: flex;
    justify-content: center;
    margin: 60px auto;
    max-width: 1000px;
    gap: 20px;
  }
  .section_about_staff-enokido_introduction_photo{
    width: 100%;
    max-width: 415px;
    margin: 0 auto;
  }
  
  .section_about_staff-tokushige_introduction{
    margin: 0 auto;
    padding-bottom:0px;
  }
  
  .section_about_staff-enokido_introduction-detail,.section_about_staff-tokushige_introduction-detail {
    margin-bottom: 0px;
  }
  
}