/* =========================================================
		training  +add 2023.07
========================================================= */
.movie { width: 700px; height: 100%; z-index: 1;
    position: relative; margin: 20px auto 100px;
}
.movie video{width: 100%;}
.border-under {border-top: solid 1px #ccc; width: 100%; margin: 60px 0 50px;}
.course-bd{
    font-family: 'Noto-medium', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif;
    font-size: 15px;
}
.training-con{
    background: #fff; padding: 40px 40px 50px; border: solid 6px #927c4f;
}
.course_training {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}
.training-con  .course-detail{ width: 51%;}
.training-cate{
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
    font-size: 32px;
    letter-spacing: 2px;
    font-family: 'Noto-bold', 'ヒラギノ角ゴ Pro W6', 'メイリオ', sans-serif;
    color: #927c4f;
}
.training-cate .category:before {
    right: 105%;
    border-top: 1px solid #aaa;
    content: "";
    position: absolute;
    top: 50%;
    width: 96em;
}
.training-cate .category:after {
    left: 105%;
    border-top: 1px solid #aaa;
    content: "";
    position: absolute;
    top: 50%;
    width: 99em;
}
.training-cate span{position: relative; z-index: 1;}
.training-cate-sub{
    text-align: center;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 26px;
    letter-spacing: 2px;
    font-family: 'Noto-medium', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif;
    width: 100%;
}
.training-copy{text-align: center;}
.training-con .course-title{
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding: 2.5% 0;
    margin-bottom: 20px;
    font-family: 'Noto-bold', 'ヒラギノ角ゴ Pro W6', 'メイリオ', sans-serif;
    color: #927c4f;
    font-size: 25px;
    letter-spacing: normal;
    text-align: center;
}
.course-picfour picture{ display: block;  width: 48%;  margin: 0.5% 1%;}
.course_training{display: flex;}
.course-picfour{
    display: flex;
    width: 44.5%;
    flex-wrap:wrap;
    padding: 2%;
    background: #e7e7e7;
    margin-right: 3.5%;
}

.training_copy{
    font-size: 20px;
    color: #927c4f;
    font-family: 'Noto-bold', 'ヒラギノ角ゴ Pro W6', 'メイリオ', sans-serif;
    margin-bottom: 15px;
}
.training-con  .course-flow{
    margin: 20px 0; background: #f8f0e3; text-align: left; padding: 14px;
}
.training_maincopy {
    background: #927c4f;
    overflow: hidden;
    width: 910px;
    margin: 20px auto;
    padding: 20px;
    text-align: center;
    font-size: 25px;
    color: #fff;
    font-family: 'Noto-bold', 'ヒラギノ角ゴ Pro W6', 'メイリオ', sans-serif;
}
.training_maincopy span{
    display: block; position: relative; z-index: 1; overflow: hidden;
}
.training_maincopy span:before{right: 85%; border-top: 1px solid #fff; content: ""; position: absolute; top: 50%;width: 99em;}
.training_maincopy span:after{left: 85%; border-top: 1px solid #fff; content: ""; position: absolute; top: 50%;width: 99em;}
.training_menu{
    font-family: 'Noto-bold', 'ヒラギノ角ゴ Pro W6', 'メイリオ', sans-serif;
}
.training_main_menu, .training_plus_menu{
    width: 80%; color: #fff; margin: 30px auto; padding: 30px 60px;
}
.training_main_menu{background: #b4a91d;}
.training_plus_menu{background: #927c4f;}
.training_main_menu h4, .training_plus_menu h4 {
    font-size: 28px; text-align: center; margin: 0 0 15px;
    border-bottom: solid 1px #fff;
}
.training_main_menu h4 span, .training_plus_menu h4 span{ font-size: 0.9em;}
.training_course_box{
    color: #b4a91d; background: #fff; padding: 10px;
    text-align: center;
    font-size: 25px;
    line-height: 1.2;
}
.training_plus_menu .training_course_box{padding: 20px 0;}
.training_plus_menu .training_course_name{
    text-align: left; color: #927c4f; padding: 4px 40px;
}
.training_plus{
    font-family: 'Noto-bold', 'ヒラギノ角ゴ Pro W6', 'メイリオ', sans-serif;
    font-size: 80px;
    line-height: 0;
    text-align: center;
    vertical-align: middle;
    color:#ccc;
    margin: 40px 0 50px;
}
.training_merit {
    background: #fff;
    border: solid 2px #ccc;
    margin: 40px auto;
    width: 90%;
    padding: 60px 20px;

}
.training_merit .training_plus{ margin-top: 0;}
.training_merit_box{
    margin: 40px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.training_merit_box picture{
    display: block; width: 280px; border:solid 1px #ccc; line-height: 0;
}
.merit_name {
    margin: 10px 0 30px; position: relative;
    font-family: 'Noto-bold', 'ヒラギノ角ゴ Pro W6', 'メイリオ', sans-serif;
}
.merit_name::before{
    content: "■"; color:#ccc; padding-right: 0.2em;
}
.attention_details {
    background: #fff; padding: 30px 20px;  margin: 40px auto 80px; width: 90%;
}
.attention_details h4{
    font-family: 'Noto-bold', 'ヒラギノ角ゴ Pro W6', 'メイリオ', sans-serif;
    margin-bottom: 0.5em;
}
.attention_details p{
    font-size: 14px;
    line-height: 1.5;
    margin: 0.2em 0 0 0.5em;
    text-indent: -1em;
    padding-left: 1em;
}
/* =========================================================
		training  banner
========================================================= */
.training_banner {
    border: solid 8px #fc8919; background: #faf9f2;
    position: relative; width: 80%; margin: 0 auto;
}
.training_banner_flex { display: flex; flex-wrap: wrap;}
.training_banenr_pic{width: 46.5%; line-height: 0;}
.training_banner_details {width: 53%; margin: 2% 0 2% -2%;}
.salon_text_name {
    position: absolute;
    top: -1em;
    /* left: -0.38em; */
    left: -8px;
    padding: 0.2em 1em 0.2em 1em;
    color: #fff;
    font-size: 21px;
    background: #fc8919;
    z-index: 10;
    font-family: 'Noto-bold', 'ヒラギノ角ゴ Pro W6', 'メイリオ', sans-serif;
}
.training_banner_link {
    background: #fc8919;
    width: 100%;
    display: block;
    padding: 0.5em;
    color: #fff;
    text-align: center;
    font-family: 'Noto-bold', 'ヒラギノ角ゴ Pro W6', 'メイリオ', sans-serif;
    transition: all .3s;
    margin-bottom: 10px;
}
.training_banner_link::after{content: "▶︎"; color: #fdbf8d; font-size: 0.9em;}
.training_tel {
    display: block;
    /* background: #024884; */
    border-radius: 20px;
    padding: 1% 0;
    /* margin: 2% 0 0; */
    transition: all .3s;
}
.training_banner_link:hover, .training_tel.hover{background: #927c4f;}
.training_tel img{cursor: pointer;}
.training_banner .attention{
    position: absolute; right: 0; margin: 0.5em 0 0;
    text-shadow: 1px 1px 0 #faf9f2, -1px -1px 0 #faf9f2, -1px 1px 0 #faf9f2, 1px -1px 0 #faf9f2, 0px 1px 0 #faf9f2, 0-1px 0 #faf9f2, -1px 0 0 #faf9f2, 1px 0 0 #faf9f2;
}
.training_banner_details h4{width: 95%; margin: 0 auto 1%;}
.training_salonbanner a {
    width: 410px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: 0 auto;
    border: solid 3px #927c4f;
    line-height: 0;
    border-radius: 8px;
    margin: 20px auto;
    font-family: 'Noto-bold', 'ヒラギノ角ゴ Pro W6', 'メイリオ', sans-serif;
    cursor: pointer;
    transition: all .3s;
    color: #927c4f;
    position: relative;
}

.training_salonbanner a::before {
    content: " ";
    background: #927c4f;
    height: 1.25em;
    width: 1.25em;
    position: absolute;
    border-radius: 100px;
    right: 0.5em;
    bottom: 1.76em;
}
.training_salonbanner a::after {
    content: "＞";
    transform: scaleY(1.5);
    color: #fff;
    font-size: 0.65em;
    padding: 0.3em 1em 0 0;
}
.training_salonbanner a:hover{filter: saturate(160%); border-color:#b09359;}
.salonbanner_details { line-height: 1.4; width: 70%; padding-left: 2%; text-align: center;}
.salonbanner_new {
    background: #927c4f;
    color: #fff;
    width: 70%;
    margin: 0.1em auto 0.2em;
    line-height: 1;
    padding: 0.2em 0;
    font-size: 0.65em;
}
.training_salonbanner {
    margin: 40px auto 60px;
    display: flex; width: 840px;
}
.training_salonbanner picture{ margin: 0 0 0 -2px; }

.salonbanner_text {font-size: 24px;}
.socie_nm{ letter-spacing: -0.1em;}
.socie_shop {
    font-size: 1.165em;
    margin-left: 0.2em;
    line-height: 1;
    margin: 0;
    padding: 0;
}
.min_name {
    font-size: 0.965em;
    letter-spacing: normal;
    letter-spacing: normal;
}
/* picture.training_banner_logo {
    position: absolute; width: 80px; bottom: 140px; left: 15px;
} */
picture.training_banner_logo {
    position: absolute; width: 80px; top:40px ; left: 252px;
}
.name_plus {
    color: #aaa;
    margin-right: 0.25em;
    font-size: 0.965em;
}

.tel_reserve{
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    position: absolute;
    bottom: 10px;
    left: 15px;
    right: 22px;
    gap: 0 10px;
}

.tel_reserve a{width: 55%;}

.tel_yokohama{
    margin-right: 5px;
}

.tel_sendai{
    margin-left: 5px;
}

.training_banner_reserve{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    margin-top: 10px;
    padding-top: 0px;
    font-family: 'Noto-bold', 'ヒラギノ角ゴ Pro W6', 'メイリオ', sans-serif;
    text-align: center;
}

/*2023 training*/
.kv_logo.ver_trn {width: 50%; max-width: 360px;}
.menu_special {
  background: #eadb28;
  color: #111;
  font-family: 'Noto-medium', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 0.925em;
  padding: 0.2em 1em;
  line-height: 1.3;
}
.menu_salon_name{
  color: #fff;
  display: block;
  padding-bottom: 1%;
  padding-left: 0px;
  font-size: 18px;
  text-indent: -0.5em
}



@media screen and (max-width:767px) {
    .kv_logo.ver_trn { width: 38%; max-width: 360px;}
    .attention{margin: 2% 0;}
    .movie {width: 100%; margin: 3% auto 8%; }
    .course_training{display: block;}
    .course-picfour{width: 100%;}
    .training-con{padding: 6% 5%;}
    .training-con .course-title{margin-top: 8%; text-align: center;}
    .training-con .course-detail {width: 100%;}
    .training_maincopy{width: 100%;}
    .training_merit_box picture{width: 100%;}
    .training_maincopy {width: 100%; padding: 3% 2%; line-height: 1.3;}
    .border-under {margin: 14% 0 10%;}
    .training-cate {
        font-size: 1.4rem; line-height: 1.3; margin: 0 0 3%; letter-spacing: normal;
    }
    .training-con .course-title, .training_maincopy span, .training-cate-sub, .training_main_menu h4, .training_plus_menu h4{font-size:1.25rem; line-height: 1.4;}
    .training_main_menu h4 span, .training_plus_menu h4 span{
        display: block; margin: 0; padding: 0 0 2%; line-height: 1.3;
    }
    .course_training p, .attention_details{font-size: 0.9375rem;}
    .course_training .training_copy{font-size:1rem}
    .training_plus_menu .training_course_name, p.training_course_name{
        font-size:1rem; letter-spacing: -0.05em;
    }

    .training-cate .category:before, .training-cate .category:after{display: none;}
    .training_maincopy span:before, .training_maincopy span:after{display: none;}
    .training_main_menu, .training_plus_menu {
        width: 100%; margin: 8% auto; padding: 4% 3%;
    }
    .training_plus_menu .training_course_name{padding: 2% 4%;}
    .training_plus_menu .training_course_box {padding: 4% 2%;}
    .training_merit{
        border: solid 2px #ccc;
        margin: 8% auto;
        width: 100%;
        padding: 8% 8% 3%;
    }
    .training_merit_box{margin: 8% 0 0;}
    .training_plus {font-size: 2.5rem; margin: 3% 0;}
    .training_merit .training_plus {margin-top: -4%;}
    .merit_name {
        font-size: 12px;
        text-indent: -0.65em;
        letter-spacing: normal;
    }
    .attention_details{
        padding: 6% 5%;
        margin: 8% auto;
        width: 100%;
    }

    .tel_reserve a{
        width: 100%;
    }


/* =========================================================
		training  banner
========================================================= */
.training_salonbanner a{width: 100%; margin: 2% 0;}
.training_banner{width: 100%;}
.socie_shop{display: inline-block;}
.training_banner_flex{display: block;}
.training_banner_details {
    width: 92%;
    margin: 0 auto ;
}
.training_banner_details picture{
    margin: 3% 0; display: block;
}
.training_banner .attention {
   position: relative;
}
.training-copy {
    font-size: 1rem;
    text-align: left;
}
.salonbanner_details{width: 60%; padding-left: 1%;}
.training_salonbanner{
    margin: 8% 0 10%;
    display: block;
    width: 100%;
}
.training_salonbanner picture{width: 40%; margin: 0 0 0 -2px; }
.salonbanner_text{
    font-size: 1.125rem;
    white-space: nowrap}
.salonbanner_new {
    font-size: 0.675rem;
    margin: 0.1em auto 0.5em;
    line-height: 1.4;
    padding: 0;
}
.training_banner_link{font-size:0.9375rem; }
.training_banenr_pic{width: 100%; position: relative;}
/* picture.training_banner_logo {
    width: 15vw;
    bottom: 3vw;
    left: inherit;
    right: 5vw;
} */
.training_banner_logo{
    display: none;
}


.training_salonbanner a::before{display: none;}
.training_salonbanner a::after{display: none;}
.min_name{letter-spacing: -0.01em;}
.shop_mt_min{display: inline-block;}

.tel_reserve{
    display: block;
    position: static;
    width: 92%;
    margin: 0 auto 5%;

}

.tel_yokohama{
    margin-right: 0px;
}

.tel_sendai{
    margin-left: 0px;
}

.salon_text_name{
    font-size: 18px;
}
.training_banner_reserve{
 position: initial;
 transform: translateX(0);
 text-align: center;
 padding-top: 15px;
 padding: 15px 0 3px;
 display: block;

}

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

}