@charset "utf-8";

/* .mv_low */
.mv_low > span .large{
  font-size:min(6.6vw,86px);
}
.mv_low > span .small{
  font-size:min(5.4vw,70px);
}

@media screen and (max-width:768px){
  .mv_low > span .large{
    font-size:9.8vw;
  }
  .mv_low > span .small{
    font-size:8vw;
  }
}


/* .cont */
.cont > .tit1{
  text-align:center;
}
.cont > .tit1 .en{
  display:block;
  font-size:min(4vw,40px);
  font-weight:normal;
  letter-spacing:0.1em;
  text-indent:0.1em;
}
.cont > .tit1 .jp{
  display:block;
  margin-top:min(5%,50px);
}

@media screen and (max-width:768px){
  .cont > .tit1 .en{
    font-size:5vw;
  }
}



/* #cont0 */
#cont0{
  padding-top:min(7%,70px);
  display:inline-block;
  text-align:left;
}
#cont0 > .tit1{
  text-align:left;
}
#cont0 p{
  margin-top:7%;
  letter-spacing:0.1em;
}

@media screen and (max-width:768px){
  #cont0{
    width:84%;
    padding-top:min(7%,70px);
  }
  #cont0 p{
    line-height:2.1;
    margin-top:5%;
    letter-spacing:0;
  }
}


/* main > .panel2 */
main > #panel2{
  width:auto;
}
main > #panel2 li{
  padding-top:50%;
}
main > #panel2 .salon a:before{
  background:url(../images/keep/panel_1.webp)no-repeat center center;
  background-size:cover;
}

main > #panel2 .home a:before{
  background:url(../images/keep/panel_2.webp)no-repeat center center;
  background-size:cover;
}

main > #panel2 li a h3{
  line-height:1.7;
  font-size:min(3.6vw,36px);
  letter-spacing:0.15em;
  text-align:left;
}
main > #panel2 li a h3{
  top:50%;
  left:50%;
  transform:translate(-50%,-70%);
  text-shadow:0 0 10px #000;
}

@media screen and (max-width:768px){
  main > #panel2{
    width:auto;
  }
  main > #panel2 li{
    width:100%;
    padding-top:68.5%;
    float:none;
  }
  main > #panel2 .salon a:before{
    background:url(../images/keep/panel_1_s.webp)no-repeat center center;
    background-size:cover;
  }

  main > #panel2 .home a:before{
    background:url(../images/keep/panel_2_s.webp)no-repeat center center;
    background-size:cover;
  }
  main > #panel2 li a h3{
    font-size:4.6vw;
  }
  main > #panel2 li a .more{
    font-size:2vw;
  }
}


/* #cont1 */
#cont1{
  margin-top:min(20%,200px);
}
#cont1 ul li{
  margin-top:min(15%,150px);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
#cont1 ul li:nth-child(odd){
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#cont1 ul li section{
  width:min(40%,520px);
  padding-top:3%;
}
#cont1 ul li section .tit1{
  white-space:nowrap;
}
#cont1 ul li section p{
  margin-top:9%;
  text-align:left;
}
#cont1 ul li section .more{
  width:18em;
  margin-top:min(36%,360px);
}
#cont1 ul li figure{
  width:min(54%,700px);
  overflow:hidden;
}

@media screen and (max-width:1300px){
  #cont1 ul li section{
    padding-top:0;
  }
  #cont1 ul li section .more{
    margin-top:min(15%,160px);
  }
}

@media screen and (max-width:768px){
  #cont1{
    margin-top:0;
  }
  #cont1 ul li{
    display: block;
    margin-top:9%;
  }
  #cont1 ul li:nth-child(n+2){
    margin-top:20%;
  }
  #cont1 ul li section{
    width:auto;
    padding-top:9%;
  }
  #cont1 ul li section p{
    line-height:2.1;
    margin-top:5%;
  }
  #cont1 ul li figure{
    width:auto;
  }
}


/* #cont2 */
#cont2{
  background-color:#fcf5f1;
}
#cont2 .inner{
  max-width:1244px;
}
#cont2 .fig{
  margin-top:min(9%,90px);
}
#cont2 .sec{
  padding:min(10%,130px);
  text-align:left;
}
#cont2 .sec p{
  margin-top:min(5%,50px);
}
#cont2 .menu_list{
  padding:min(10%,130px);
  text-align:left;
  background-color:#fff;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#cont2 .menu_list div{
  width:45%;
}
#cont2 .menu_list div:nth-child(n+3){
  margin-top:5%;
}
#cont2 .menu_list div dd{
  margin-top:3%;
}

@media screen and (max-width:768px){
  #cont2 .sec{
    padding:9% 0;
  }
  #cont2 .sec p{
    white-space:nowrap;
  }
  #cont2 .menu_list{
    padding:9% 7%;
    display: block;
  }
  #cont2 .menu_list div{
    width:auto;
  }
  #cont2 .menu_list div:nth-child(n+2){
    margin-top:9%;
  }
  #cont2 .menu_list div dd{
    margin-top:2%;
  }
}


/* #cont3 */
#cont3{
  padding-bottom:0;
}

@media screen and (max-width:768px){
  #cont3 .tit1 .jp{
    margin-top:12%;
    padding-left:9%;
    text-align:left;
  }
}


/* #cont3_1 */
#cont3_1{
  max-width:980px;
  margin:min(9%,90px) auto;
  text-align:left;
  position:relative;
}
#cont3_1 .logo img{
  width:min(16vw,162px);
}
#cont3_1 .logo figcaption{
  line-height:2.3;
  margin-top:4%;
  font-size:min(2.4vw,24px);
  letter-spacing:0.05em;
}
#cont3_1 ul{
  margin-top:5%;
  display: -webkit-flex;
  display: flex;
}
#cont3_1 ul li{
  height:min(6vw,60px);
  margin-right:3%;
}
#cont3_1 ul li a img{
  height:100%;
}
#cont3_1 .phone{
  width:min(36vw,364px);
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
}

@media screen and (max-width:768px){
  #cont3_1{
    margin:9% auto 18%;
  }
  #cont3_1 .logo img{
    width:25.6vw;
    display:inline-block;
    transform:translateX(50%);
  }
  #cont3_1 .logo figcaption{
    line-height:2.1;
    margin-top:12%;
    font-size:3.66vw;
  }
  #cont3_1 ul{
    margin-top:7%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  #cont3_1 ul li{
    height:12.5vw;
    margin-right:0;
  }
  #cont3_1 .phone{
    width:39vw;
    position:absolute;
    right:0;
    top:0;
    transform:translate(9%,-50%);
  }
}


/* #cont3_2 */
#cont3_2{
  padding:min(5%,50px) min(5%,50px);
  background-color:#fcf5f1;
  display: -webkit-flex;
  display: flex;
}
#cont3_2 div{
  width:33.3%;
}
#cont3_2 div dt{
  line-height:1.7;
  text-align:center;
  white-space:nowrap;
}
#cont3_2 div dd{
  line-height:1.7;
  margin-top:5%;
  padding:0 min(22%,100px);
  text-align:left;
  letter-spacing:0.03em;
}


@media screen and (max-width:768px){
  #cont3_2{
    padding:12% 0;
    display: block;
  }
  #cont3_2 div{
    width:auto;
  }
  #cont3_2 div:nth-child(n+2){
    margin-top:12%;
  }
  #cont3_2 div dd{
    margin-top:1.5%;
    padding:0 12%;
    font-size:3vw;
  }
}


/* #cont3_3 */
#cont3_3{
  margin-top:min(5%,50px);
  padding:min(9%,90px) min(5%,90px);
  background-color:#f8f8f7;
}
#cont3_3 .tit1{
  text-align:center;
}
#cont3_3 ol{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#cont3_3 ol li{
  width:min(48%,500px);
  margin-top:min(9%,90px);
}
#cont3_3 ol li .tit1{
  padding-left:2em;
  text-indent:-1.5em;
  line-height:1.3;
  height:2.8em;
  text-align:left;
  white-space:nowrap;
}
#cont3_3 ol li:nth-child(n+3) .tit1{
  height:2em;
}
#cont3_3 ol li p{
  line-height:1.3;
  height:6.5em;
  margin-bottom:-1.5em;
  padding:0 2em 0 15%;
  text-align:left;
}

@media screen and (max-width:960px){
  #cont3_3 ol li .tit1{
    padding-left:1.5em;
  }
  #cont3_3 ol li p{
    padding:0;
  }
}

@media screen and (max-width:768px){
  #cont3_3{
    width:100%;
    margin-top:9%;
    padding:15% 9%;
  }
  #cont3_3 ol{
    display: block;
  }
  #cont3_3 ol li{
    width:auto;
    margin-top:18%;
  }
  #cont3_3 ol li:first-child .tit1,
  #cont3_3 ol li:nth-child(n+3) .tit1{
    height:2em;
  }
  #cont3_3 ol li .tit1 .num{
    line-height:1;
    font-size:5.6vw;
  }
  #cont3_3 ol li p{
    line-height:1.3;
    height:6.5em;
    margin-bottom:-1.5em;
    padding:0 0 0 2.3em;
    text-align:left;
  }
}


/* #cont4 */
#cont4{
  padding-top:min(15%,150px);
}
#cont4 .logo{
  max-width:1080px;
  margin-top:min(7%,70px);
}
#cont4 p{
  line-height:2;
  max-width:940px;
  margin-top:min(3%,30px);
  text-align:left;
}