.bg_color3{
    background-color: #ef8f41;
}
.bg_color4{
    background-color: #F2EDE7;
}
.font_en{
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 500;
}
main{
    overflow: hidden;
}
/*header*/
header .head_banner a{
    border-radius: 10px;
}
.eigyo-kotowqari{
    text-align: center;
    margin-bottom: 20px;
}
@media screen and (max-width: 768px){
    .eigyo-kotowqari{
        display: none;
    }
}
/*FV*/
#videoFrame{
    top: 0;
    z-index: 2;
    width: calc(100vw - 267px);
}
#videoFrame img{
    height: 100vh;
}
@media screen and (max-width:1440px){
    #videoFrame{
        display: none;
    }
}
@media screen and (max-width:768px){
    #main_img{
        max-height: 260px;
    }
    #main_img img.object_fit_img{
        min-height: 0vh;
    }
}
/*TOP*/
#contents1 .con_no{
    font-family: 'Zen Maru Gothic', sans-serif;
    text-align: center;
    font-size: 6vmin;
    color: #a89d73;
    padding: 0;
    margin: 0 auto 30px auto;
    width: 100%;
}
#contents1 p,#contents1 h2{
    text-align: center;
}
#contents1 .circle1{
    max-width: 27%;
    top: -10%;
    left: 5%;
    z-index: 2;
}
#contents1 .circle2{
    max-width: 38%;
    top: 15%;
    right: 160px;
    z-index: 2;
}
#contents1 .circle3{
    max-width: 15%;
    right: 129px;
    top: -25px;
    z-index: 2;
}
#contents1 .con1contents{
    z-index: 3;
}
.con_no::before{
    display: none;
}
#contents3{
    padding-top: 150px;
}
#contents_box{
    background-image: url('./Dup/img/TOPbg.jpg');
}
#contents3.bg_color1{
    background-color: rgba(255,255,255,0.0);
}
#contents3 .grid_6{
    position: relative;
}
#contents3 p.con_no{
    position: absolute;
    top: -85px;
}
#contents3 figure{
    border-radius: 25px;
}
#contents3 h3{
    padding-top: 40px;
    color: #333;
}
#contents3 p{
    color: #333;
}
#contents2{
    padding: 0 10% 150px;
}
#contents2 .d_flex .grid_6 {
    width: 53%!important;
}
#contents2 .posi_rel{
    position: relative;
    z-index: 2;
}
#contents2 .three-points{
    justify-content: flex-start;
    padding: 5px 0;
}
#contents2 .three-points img{
    max-width: 80px;
    padding-right: 20px;
} 
#contents2 .con2addImg{
    bottom: -87px;
    right: 3%;
    max-width: 439px;
}
#contents2 .circle4{
    max-width: 37%;
    bottom: auto;
    left: 25%;
    top: 15px;
    z-index: 1;
    opacity: 0.5;
}
#contents2 .three-points p span.font_bigger{
    font-size: calc( 1.2rem + 10px);
    text-decoration: underline;
    vertical-align: baseline;
    font-family: 'Zen Maru Gothic', sans-serif;
}
#contents2 figure.img5 {
    position: relative;
    top: -100px;
}
.three-points br{
    display: none;
}
.three-points br.blockBr{
    display: block;
}

#topBtArea{
    position: relative;
    z-index: 3;
    margin-top: 80px;
    gap: 8%;
}
#topBtArea .btLeft{
    width: 40%;
    
    box-shadow: 5px 5px 12px rgba(0,0,0,0.3);
    background-image: url('./Dup/img/btstylish.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
    opacity: 1;
    transition-duration: 0.5s;
}
#topBtArea .btRight{
    width: 40%;
    
    box-shadow: 5px 5px 12px rgba(0,0,0,0.3);
    background-image: url('./Dup/img/btstylish.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
    opacity: 1;
    transition-duration: 0.5s;
}
#topBtArea .btRight:hover{
    transform: translateY(4px) scale(0.97);
    box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
    transition-duration: 0.5s;
}
#topBtArea .btLeft:hover{
    transform: translateY(4px) scale(0.97);
    box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
    transition-duration: 0.5s;
}
#topBtArea .btLeft a{
    display: block;
    padding: 0;
   height: 100px;
   display: flex;
    justify-content: center;
    align-items: center;
}
#topBtArea .btRight a{
   display: block;
   padding: 0;
   height: 100px;
   display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width:1440px){
        #contents2 .con2addImg{
        bottom: 95px;
        right: 1%;
        max-width: 40%;
    }
}
@media screen and (min-width:768px){
    #contents1 p.font_14, #contents2 p.font_14, #contents3 p.font_14{
        font-size: 18px;
    }
}
@media screen and (max-width:768px){
    #topBtArea p.font_24{
        font-size: 15px!important;
    }
    #contents1 .circle1{
        max-width: 40%;
        top: -2%;
        left: 5%;
    }
    #contents1 .circle2{
        max-width: 60%;
        top: 40%;
        right: 55px;
    }
    #contents1 .circle3{
        max-width: 32%;
        right: 9px;
        top: 137px;
    }
    #contents3 {
        padding: 155px 10% 40px;
    }
    
    .con2addImg{
        display: none;
    }
    #contents2 figure.img5{
        top: 0;
    }
    #contents2 figure.img5 img{
        content: url('./Dup/img/TOP9.png');
    }
    .three-points br{
        display: block;
    }
    .three-points p{
        line-height: 1.7rem;
    }
    #topBtArea.d_flex{
        display: block;
    }
    #topBtArea .btLeft{
        margin-bottom: 40px;
    }
    #topBtArea .btLeft, #topBtArea .btRight{
        width: 100%;
    }
    #contents2 .d_flex .grid_6 {
        width: 100%!important;
    }
}
@media screen and (max-width:668px){
    #topBtArea .btLeft{
        background-size: contain;
    }
    #topBtArea .btLeft a{
        height: 80px;
    }
    #topBtArea .btRight{
        background-size: contain;
    }
    #topBtArea .btRight a{
        height: 80px;
    }
    #contents2{
        padding-top: 25px;
    }
    #contents2 .three-points p{
        max-width: calc(100% - 100px);
    }
    #contents2 .three-points p span.font_bigger{
        font-size: calc(1.0rem + 4px);
    }
}
@media screen and (max-width:330px){
    .more a{
        max-width: 100%;
    }
}
/*脱毛について*/
#cms_3-h .bg_color1{
    background-color: #ef8f41;
}
@media screen and (max-width: 667px){
    #cms_3-h .box_item h4, .cms_3-h .box_item h4 {
    min-width: 15px;
    }
    #cms_3-h .box_item h4.pd_l-10px{
        padding-left: 5px;
    }
    #cms_3-h .box_item div, .cms_3-h .box_item div {
        min-width: 50px;
    }
    #cms_3-h .box_wrap, .cms_3-h .box_wrap {
        overflow-x: hidden;
    }
}
@media screen and (max-width: 330px){
    #cms_3-h .box_item h4 {
        min-width: 15px;
    }
    #cms_3-h .cate_box .box_txt1.pd_r-5px{
        padding-right: 0;
    }
    #cms_3-h .cate_box .pd_l-10px {
        padding-left: 2px;
    }
    
}
/*下層一般*/
@media screen and (max-width: 667px){
    article.page_wrap {
        padding: 80px 5%;
    }
}
/*リアンが選ばれる理由*/
@media (min-width: 768px){
    #cms_2-b #cate1 .cate_txt1 {
        font-size: 18px;
    }
    #cms_2-b #cate1 .box_title1{
        font-size: 20px;
    }
   #cms_2-b #cate1 .box_txt1{
       font-size: 18px;
   }
}
/*お問い合わせ*/
#rsv ul li{
    transition-duration: 0.8s;
}
#rsv ul li:hover{
    transform: scale(1.2);
    transition-duration: 0.8s;
}
/*footer*/
@media screen and (max-width: 667px){
    footer h2.logo{
        text-align: center;
    }
}
.foot_tel_bt{
    transform: translateY(-10px);
}
.top-footer.foot_tel_bt{
    transform: translateY(9px);
}