.intro_title br{
    display: none;
}
.title_wrap h3 br{
    display: none;
}
@media screen and (max-width: 768px){
    .intro_title br{
        display: block;
    }
    .title_wrap h3 br{
        display: block;
    }
}
.txt_color3{
    color: #004C2B;
}
.more_bt a.txt_color1{
    color: #004C2B;
}
.bg_color1{
    background-color: #8ECF5B;
}
/*nav*/
.button_container {
    background-image: url('./Dup/img/navbg.jpg');
    background-size: cover;
}
.button_container.bg_color1{
    background-color: rgba(0,0,0,0.0);
}
/*FV*/
#catchCopy{
    display: flex;
    height: 100vh;
    justify-content: center;
    width: 100%;
    bottom: auto;
    left: auto;
    z-index: 2;
    caret-color: rgba(0,0,0,0.0);
}
.cc_inner{
    width: 13%;
    min-width: 190px;;
    padding-top:120px;
    transform: translateX(20px);
    caret-color: rgba(0,0,0,0.0);
}
#pc_nav{
    z-index: 3;
}
@media screen and (max-width: 768px){
    .cc_inner{
        min-width: 150px;
        padding-top: 30px;
    }
}
@media screen and (max-width: 668px){
    .cc_inner{
        min-width: 108px;
        padding-top: 50px;
    }
}
@media screen and (max-width: 450px){
    .cc_inner{
        min-width: 95px;
        padding-top: 40px;
    }
    #main_img{
        height: 60vh!important;
    }
}
/*header*/
#logo.pd_l-35px{
    padding: 0;
}
#logo.pd_t-30px{
    padding: 0;
}
@media screen and (max-width: 668px){
    #logo img{
        max-width: 200px;
    }
}

/*TOP*/
#intro .txt_box__title-box h2.font_37{
    font-size: clamp(16px, calc(1.25vw + 1.5rem), 32px);
}

#intro span.bg_box{
    background-image: url('./Dup/img/introbg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.intro_pretxt__2 p{
    display: flex;
    align-items: center;
}
.intro_pretxt__2 span{
    vertical-align: baseline;
    position: relative;
    font-size: 20px;
    z-index: 2;
    padding-left: 32px;
}
.intro_pretxt__2 i{
    content: "";
    display: inline-block;
    width: 72px;
    height: 76px;
    background-image: url('./Dup/img/sumien.png');
    background-size: cover;
    position: absolute;
    z-index: -1;
}
.intro_pretxt span.font-seeme p{
    font-size: 24px;
    text-align: center;
}
.intro_pretxt__2.pd_t-50px {
    padding-top: 20px;
}
.intro_pretxt__2 p .font-seeme{
    font-size: 24px;
    padding: 0;
}
.intro_pretxt__2 p .font-seeme.color-red{
    color: #a20000;
    padding: 0;
}
@media screen and (max-width: 768px){
    #intro .txt_box__title-box h2.font_37 {
        font-size: clamp(16px, calc(1.25vw + 1rem), 32px);
    }
    .intro_pretxt span.font-seeme p{
        font-size: 14px;
    }
    .intro_pretxt__2 span {
        font-size: 10px;
        padding-left: 15px;
    }
    .intro_pretxt__2 p .font-seeme{
        font-size: 16px;
    }
}
@media screen and (max-width: 330px){
    #intro .txt_box__title-box h2.font_37 {
        font-size: clamp(16px, 1.25vw, 32px);
    }
    .intro_pretxt span.font-seeme p {
        font-size: 12px;
    }
}

.cta_button{
    background: linear-gradient(to bottom, #24ff7e , #2da62d);
    box-shadow: 8px 8px 15px rgba(0,0,0,0.15);
    transition-duration: 0.8s;
}
.cta_button:hover{
    transform: translate(5px, 5px) scale(0.97);
    box-shadow: 6px 6px 10px rgba(0,0,0,0.3);
    transition-duration: 0.8s;
}

.cta_button.width_300-max{
    max-width: 360px;
}
.cta_button a{
    display: block;
    height: 100%;
    padding: 40px;
    font-size: 3vmin;
    color: #fefefe;
}
@media screen and (max-width: 668px){
    .cta_button p{
        font-size: 20px;
    }
    .cta_button.width_300-max{
        max-width: 300px;
    }
}
#whitespace{
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent, #fff, #fff);
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: 0.8s;
}
#whitespace.sildedown{
    top: 230px;
    background: linear-gradient(to bottom, transparent, transparent,#fff, #fff);
    transition-duration: 0.8s;
}
#toggleBt{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: 0.8s;
    cursor: pointer;
}
#toggleBt.on_click{
    transform: rotate(180deg);
    box-shadow: -3px -3px 5px rgba(0,0,0,0.2);
    transition-duration: 0.8s;
}
#toggleBt.on_click:focus{
    outline: 0!important;
}
#toggleBt .btline{
    content: "";
    width: 20px;
    height: 1px;
    background-color: #004C2B; /*#a20000*/
    
}
#toggleBt.on_click .btline:focus{
    outline: 0!important;
}
#toggleBt .btline.underarrowL{
    caret-color: rgba(0,0,0,0.0);
    transform: rotate(45deg) translateX(3.5px);
}
#toggleBt .btline.underarrowR{
    transform: rotate(-45deg) translateX(-3.5px);
    caret-color: rgba(0,0,0,0.0);
}

#contents_links .bg_box {
    background-image: url('./Dup/img/toplinkbg.jpg');
    background-size: cover;
}
/*top-contents*/
#contents_wrap #contents1, #contents_wrap #contents2, #contents_wrap #contents3{
    top: 100px;
}
.tab_content  #contents1 .title_wrap img{
    top: -65px;
}
.tab_content  #contents2 .title_wrap img{
    top: -100px;
}
#contents3{
    display: none;
}
#contents_wrap .stepber .content3{
    display: none;
}
@media screen and (max-width: 768px){
    .title_wrap img{
        display: none;
    }
}
/*top-cms*/
.top_cms_title h3{
    font-family:'Shippori Mincho', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.top_cms_title p.font_shippori{
    font-family: 'Lexend Peta', sans-serif;
}

/*下層一般*/
#page_title h2 span.font_anim{
    height: 80px;
}
.the_page3 #page_title{
        background-position: 0 -650px!important;
}
/*オンラインサロン*/
#cms_2-a #cate3 .pd_b-50px {
    padding-bottom: 0px;
}