/*=============================
	Sub(Lower)Page setting
===============================*/

/* main_visual
----------------------------------- */
#sub_visual {padding-top:150px;background:url(../images/sub_visual.png) no-repeat center right; height:250px; position:relative;z-index:0; background-size:cover;background-attachment: inherit;}
#sub_visual .b{max-width:1280px;width:94%;margin:0 auto;color:#fff;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);}
#sub_visual .b h1{ font-family: "Yuji Syuku", serif;font-size:40px; line-height: 100%;}
#sub_visual .b .span{font-family: "Lato", sans-serif;font-size:16px; line-height: 150%;font-weight: 500;margin-top:10px;}
@media screen and (min-width:768px) {
#sub_visual {padding-top:150px;background:url(../images/sub_visual.png) no-repeat center right; height:350px; position:relative;z-index:0; background-size:cover;background-attachment: inherit;}
#sub_visual .b{max-width:1280px;width:94%;margin:0 auto;color:#fff;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);}
#sub_visual .b h1{ font-family: "Yuji Syuku", serif;font-size:60px; line-height: 100%;}
#sub_visual .b .span{font-family: "Lato", sans-serif;font-size:22px; line-height: 150%;font-weight: 500;margin-top:10px;}
}
@media screen and (min-width:1025px) {
#sub_visual {padding-top:250px;background:url(../images/sub_visual.png) no-repeat center right; height:600px; position:relative;z-index:0; background-size:cover;background-attachment: fixed;}
#sub_visual .b{max-width:1280px;margin:0 auto;color:#fff;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);}
#sub_visual .b h1{ font-family: "Yuji Syuku", serif;font-size:80px; line-height: 100%;}
#sub_visual .b .span{font-family: "Lato", sans-serif;font-size:22px; line-height: 150%;font-weight: 500;margin-top:10px;}
}
/* bread_crumb_list
----------------------------------- */
#sub_contents .breadcrumb{font-size: 10px; text-align:right; display:block;max-width:1280px;width:94%;margin:0 auto;}
#sub_contents .breadcrumb a {color:#333;}
@media screen and (min-width:768px) {
#sub_contents .breadcrumb{font-size: 12px; text-align:right; display:block;max-width:1280px;width:94%;margin:0 auto;}
#sub_contents .breadcrumb a {color:#333;}
}
/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 14px; position: relative;padding:20px 0px 20px 0;z-index:1;background:url(../images/sub_contents_bg.png)repeat;}
#sub_contents .section{max-width: 94%; margin: 50px auto 50px;position: relative;padding-left:0;z-index:2;}
#sub_contents .sub_ttl {text-align:center;margin-bottom:20px;}
#sub_contents .sub_ttl h2{ position: relative;text-align: center;font-size:30px; line-height: 130%;letter-spacing: 0.08em;display:inline-block;font-family: "Yuji Syuku", serif;}
#sub_contents .sub_ttl .span{font-family: "Lato", sans-serif;color:#af131a;font-weight:600; font-size:14px; line-height: 130%;}
#sub_contents .sub_bg .sub_ttl h2{color:#fff;}
#sub_contents .txt_cen{ text-align: left; font-size:14px; line-height: 150%;}
#sub_contents .f13 {font-size:14px;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 40px;}
#sub_contents .mb80{margin-bottom: 60px;}
#sub_contents .mb100{margin-bottom: 70px;}
#sub_contents .mb150{margin-bottom: 100px;}
#sub_contents .sub_bg{position: relative;background:url(../images/sub_bg.png)no-repeat top center;padding-top:20px;padding-bottom:20px;z-index:0;background-size:cover;background-attachment: fixed;color:#fff;}
@media screen and (min-width:768px) {
#sub_contents {font-size: 15px; position: relative;padding:20px 0px 20px 0;z-index:1;background:url(../images/sub_contents_bg.png)repeat;}
#sub_contents .section{max-width: 94%; margin: 100px auto 80px;position: relative;padding-left:0;z-index:2;}
#sub_contents .sub_ttl {text-align:center;margin-bottom:40px;}
#sub_contents .sub_ttl h2{ position: relative;text-align: center;font-size:44px; line-height: 130%;letter-spacing: 0.08em;display:inline-block;font-family: "Yuji Syuku", serif;}
#sub_contents .sub_ttl .span{font-family: "Lato", sans-serif;color:#af131a;font-weight:600; font-size:18px; line-height: 130%;}
#sub_contents .sub_bg .sub_ttl h2{color:#fff;}
#sub_contents .txt_cen{ text-align: center; font-size:18px; line-height: 150%;}
#sub_contents .f13 {font-size:14px;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 50px;}
#sub_contents .mb80{margin-bottom: 80px;}
#sub_contents .mb100{margin-bottom: 100px;}
#sub_contents .mb150{margin-bottom: 150px;}
#sub_contents .sub_bg{position: relative;background:url(../images/sub_bg.png)no-repeat top center;padding-top:20px;padding-bottom:20px;z-index:0;background-size:cover;background-attachment: fixed;color:#fff;}
}
@media screen and (min-width:1025px) {
#sub_contents .section{max-width: 1280px;width:94%; margin: 100px auto 100px;position: relative;}
}
/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 2%;row-gap: 10px;}
#sub_contents .anker__item{width: 45%;height: 50px;position: relative;display: block;}
#sub_contents .anker__item a {display: flex;justify-content: center;align-items: center;gap: 8px;text-align: center;background: #af131a;border: 1px solid #c20000;color: #fff;position: relative;padding: 0 16px; height: 50px;}
#sub_contents .anker__item a::after {content: "";display: inline-block;width: 7px;height: 7px;border-left: 2px solid white;border-bottom: 2px solid white;transform: rotate(-45deg);margin-left: 15px;top: 1px;}
#sub_contents .anker__item a:hover{opacity:.8;background: #fff;color:#af131a;}
#sub_contents .anker__item a:hover::after {border-left: 2px solid #af131a;border-bottom: 2px solid #af131a;}
#sub_contents .anker__item p {line-height: 50px;font-size:12px;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{margin-top:-60px;padding-top:60px;}
@media screen and (min-width: 768px) {
#sub_contents .anker__item{width: 40%;}
#sub_contents .anker__item p {line-height: 50px;font-size:14px;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{margin-top:-120px;padding-top:120px;}
}
@media screen and (min-width:1024px) {
#sub_contents .anker__item{width: 20%;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{margin-top:-120px;padding-top:120px;}
}
/* commitment
----------------------------------- */
#sub_contents .m__area .img_area{width:100%;margin-bottom:20px;}
#sub_contents .m__area .txt__area{width:100%;}
#sub_contents .m__area .txt__area .ttl{margin-bottom:20px;}
#sub_contents .m__area .txt__area .ttl .span{font-size:18px;display:inline-block;font-family: "Yuji Syuku", serif;}
#sub_contents .m__area .txt__area .ttl .small{font-size:20px;display:inline-block;color:#ca171f;font-family: "Yuji Syuku", serif;}
@media screen and (min-width:1024px) {
#sub_contents .m__area .img_area{width:50%;}
#sub_contents .m__area .txt__area{width:45%;}
#sub_contents .m__area .txt__area .ttl{margin-bottom:20px;}
#sub_contents .m__area .txt__area .ttl .span{font-size:22px;display:inline-block;font-family: "Yuji Syuku", serif;}
#sub_contents .m__area .txt__area .ttl .small{font-size:22px;display:inline-block;color:#ca171f;font-family: "Yuji Syuku", serif;}
}
@media screen and (min-width:1100px) {
#sub_contents .m__area .txt__area .ttl .span{font-size:26px;display:inline-block;font-family: "Yuji Syuku", serif;}
#sub_contents .m__area .txt__area .ttl .small{font-size:26px;display:inline-block;color:#ca171f;font-family: "Yuji Syuku", serif;}
}
/* menu
----------------------------------- */
#sub_contents .sub_menu_box .menu__ul {width:100%;;padding:0;}
#sub_contents .sub_menu_box .menu__ul .li {padding: 25px 5px;border-bottom: 1px solid #c4bcab;display:block;}
#sub_contents .sub_bg .sub_menu_box .menu__ul .li {border-bottom: 1px solid #9c9a9a;}
#sub_contents .sub_menu_box .menu__ul .li .menu__text {width: 100%;margin-bottom: 10px;display:block;}
#sub_contents .sub_menu_box .menu__ul .li .menu__title {font-size: 16px;margin:0;position: relative;padding-left: 20px;line-height: 1.6;letter-spacing: 0.075em;display:block;font-weight:700;}
#sub_contents .sub_menu_box .menu__ul .li .menu__title::before {content: "";position: absolute;width: 7px;height: 7px;background:#af131a;top: 10px;left: 0;}
#sub_contents .sub_menu_box .menu__ul .li .menu__p {font-size: 13px;letter-spacing: 0.075em;padding-left: 20px;margin-top:10px;}
#sub_contents .sub_menu_box .menu__ul .li .menu__price {width: 100%;text-align: right;font-size: 16px;display:block;}
#sub_contents .sub_menu_box .menu__ul .txt_right {text-align:left;}
@media screen and (min-width:1024px) {
#sub_contents .sub_menu_box .menu__ul {width:100%;;padding:0;}
#sub_contents .sub_menu_box .menu__ul .li {padding: 25px 5px;border-bottom: 1px solid #c4bcab;display:flex;}
#sub_contents .sub_bg .sub_menu_box .menu__ul .li {border-bottom: 1px solid #9c9a9a;}
#sub_contents .sub_menu_box .menu__ul .li .menu__text {width: 80%;margin-bottom: 10px;}
#sub_contents .sub_menu_box .menu__ul .li .menu__title {font-size: 17px;margin:0;position: relative;padding-left: 20px;line-height: 1.6;letter-spacing: 0.075em;display:block;font-weight:700;}
#sub_contents .sub_menu_box .menu__ul .li .menu__title::before {content: "";position: absolute;width: 7px;height: 7px;background:#af131a;top: 10px;left: 0;}
#sub_contents .sub_menu_box .menu__ul .li .menu__p {font-size: 14px;letter-spacing: 0.075em;padding-left: 20px;margin-top:10px;}
#sub_contents .sub_menu_box .menu__ul .li .menu__price {width: 20%;text-align: right;font-size: 16px;}
#sub_contents .sub_menu_box .menu__ul .txt_right {text-align:right;}
}
/* gyutan
----------------------------------- */
#sub_contents .gyutan__area {width:100%;margin:0 auto 50px;}
#sub_contents .gyutan__area .img_area{margin-bottom:10px;}
#sub_contents .gyutan__area .txt_area .ttl{font-size:18px;border-bottom:1px solid #111;padding:10px 0;margin-bottom:10px;font-weight:600;}
#sub_contents .sub_bg .gyutan__area .txt_area {color:#fff;}
#sub_contents .sub_bg .gyutan__area .txt_area .ttl{border-bottom:1px solid #fff;}
@media screen and (min-width:1024px) {
#sub_contents .gyutan__area {width:100%;margin:0 auto 100px;}
#sub_contents .gyutan__area .img_area{margin-bottom:20px;}
#sub_contents .gyutan__area .txt_area .ttl{font-size:26px;border-bottom:1px solid #111;padding:20px 0;margin-bottom:20px;font-weight:600;}
#sub_contents .sub_bg .gyutan__area .txt_area {color:#fff;}
#sub_contents .sub_bg .gyutan__area .txt_area .ttl{border-bottom:1px solid #fff;}
}
/* course
----------------------------------- */
#sub_contents .course_area {background:url(../images/sub_bg.png)no-repeat top center;padding:20px;color:#fff;}
#sub_contents .course_area .ttl {padding:10px 0;border-bottom:1px solid #fff;margin-bottom:10px;position:relative;}
#sub_contents .course_area .ttl .span {font-size:18px;display:inline-block;font-family: "Yuji Syuku", serif;margin-right:20px;}
#sub_contents .course_area .ttl .small {font-size:14px;font-weight:600;display:inline-block;}
#sub_contents .course_area .box {width:98%;margin:0 auto;}
#sub_contents .course_area .img {width:100%;}
#sub_contents .course_area .txt_area {width:100%;padding:0px 0 0 0px;}
#sub_contents .course_area .txt_area .wh_bg {background:#000;padding:15px;font-size:13px;}
@media screen and (min-width:1024px) {
#sub_contents .course_area {background:url(../images/sub_bg.png)no-repeat top center;padding:40px;color:#fff;}
#sub_contents .course_area .ttl {padding:20px 0;border-bottom:1px solid #fff;margin-bottom:30px;position:relative;}
#sub_contents .course_area .ttl .span {font-size:26px;display:inline-block;font-family: "Yuji Syuku", serif;margin-right:20px;}
#sub_contents .course_area .ttl .small {font-size:16px;font-weight:600;display:inline-block;}
#sub_contents .course_area .box {width:98%;margin:0 auto;}
#sub_contents .course_area .img {width:30%;}
#sub_contents .course_area .txt_area {width:70%;padding:0px 0 0 40px;}
#sub_contents .course_area .txt_area .wh_bg {background:#000;padding:30px;font-size:14px;}
}
/* party
----------------------------------- */
#sub_contents .party__tcen {text-align:center;font-family: "Yuji Syuku", serif;}
#sub_contents .party__tcen .span{font-size:18px;display:inline-block;}
#sub_contents .party__tcen .small{font-size:18px;display:inline-block;color:#af131a;}
#sub_contents .commitment_area .commit_area {margin-top:80px;}
#sub_contents .commitment_area .commit_area .box {position: relative;}
#sub_contents .commitment_area .commit_area .box .img_area{width: 100%;}
#sub_contents .commitment_area .commit_area .box .txt_area{width: 100%; position: relative; right: 0px; top: 0px;}
#sub_contents .commitment_area .commit_area .box:nth-child(2n) .txt_area{left: 0px;}
#sub_contents .commitment_area .commit_area .box .txt_area .span{font-size: 22px;padding-top:20px; margin-bottom:10px;font-family: "Yuji Syuku", serif;font-weight:500;}
#sub_contents .commitment_area .commit_area .box .txt_area .number{position: absolute; top: -230px; left: -10px;right:auto;background:#af131a;border-radius:50%;font-size:22px;display:inline-block;padding:15px 20px;color:#fff;font-weight:500;}
#sub_contents .commitment_area .commit_area .box:nth-child(2n) .txt_area .number{right:auto; left:-10px;}
#sub_contents .commitment_area .commit_area .box .txt_area img{width:250px;}
@media screen and (min-width:768px) {
#sub_contents .commitment_area .commit_area .box .txt_area .number{position: absolute; top: -40px; left: auto;right:15px;background:#af131a;border-radius:50%;font-size:24px;display:inline-block;padding:25px 30px;color:#fff;font-weight:500;}
#sub_contents .commitment_area .commit_area .box:nth-child(2n) .txt_area .number{right:15px; left:auto;}
#sub_contents .commitment_area .commit_area .box .txt_area img{width:250px;}
}
@media screen and (min-width:1025px) {
#sub_contents .party__tcen {text-align:center;font-family: "Yuji Syuku", serif;}
#sub_contents .party__tcen .span{font-size:22px;display:inline-block;}
#sub_contents .party__tcen .small{font-size:22px;display:inline-block;color:#af131a;}
#sub_contents .commitment_area .commit_area {margin-top:80px;}
#sub_contents .commitment_area .commit_area .box {position: relative;}
#sub_contents .commitment_area .commit_area .box .img_area{width: 47%;}
#sub_contents .commitment_area .commit_area .box .txt_area{width: 47%; position: absolute; right: 0px; top: 0px;}
#sub_contents .commitment_area .commit_area .box:nth-child(2n) .txt_area{left: 0px;}
#sub_contents .commitment_area .commit_area .box .txt_area .span{font-size: 40px;padding-top:50px; margin-bottom:20px;font-family: "Yuji Syuku", serif;font-weight:500;}
#sub_contents .commitment_area .commit_area .box .txt_area .number{position: absolute; top: -20px; left: -150px;right:auto;background:#af131a;border-radius:50%;font-size:45px;display:inline-block;padding:30px 40px;color:#fff;font-weight:500;}
#sub_contents .commitment_area .commit_area .box:nth-child(2n) .txt_area .number{right: -150px; left:auto;}
#sub_contents .commitment_area .commit_area .box .txt_area img{width:250px;}
}
/* recruit
----------------------------------- */
#sub_contents .recruit_area {background:url(../images/sub_recruit_01.png) repeat center center; background-size:cover; padding:10px;color: #fff;background-attachment: inherit; height:auto;}
#sub_contents .recruit_area .box {background:rgba(0, 0, 0, 0.6);padding:20px;}
#sub_contents .recruit_area .box .ttl {font-size:22px;line-height:1;font-family: "Yuji Syuku", serif;display:inline-block;}
#sub_contents .recruit_area .box p {line-height:2;margin-top:20px;}
#sub_contents .salon_tbl .tr {border-bottom: 1px solid #c4bcab;display:block;padding:10px 0;}
#sub_contents .salon_tbl .tr:last-of-type {margin-bottom: 20px;}
#sub_contents .salon_tbl .tr .th {display:block;width:100%;padding:10px 0 5px 0;}
#sub_contents .salon_tbl .tr .th p {font-weight:600;}
#sub_contents .salon_tbl .tr .td {display:block;width:100%;padding:0px 0px 10px 0px;line-height:1.6;}
@media screen and (min-width:1024px) {
#sub_contents .recruit_area {background:url(../images/sub_recruit_01.png) repeat center center; background-size:cover; padding:50px;color: #fff;background-attachment: fixed; height:auto;}
#sub_contents .recruit_area .box {background:rgba(0, 0, 0, 0.6);padding:60px 50px;}
#sub_contents .recruit_area .box .ttl {font-size:30px;line-height:2;font-family: "Yuji Syuku", serif;display:inline-block;}
#sub_contents .recruit_area .box p {line-height:2.5;margin-top:20px;}
#sub_contents .salon_tbl .tr {border-bottom: 1px solid #c4bcab;display:flex;padding:10px 0;}
#sub_contents .salon_tbl .tr:last-of-type {margin-bottom: 20px;}
#sub_contents .salon_tbl .tr .th {display:block;width:20%;padding:20px;}
#sub_contents .salon_tbl .tr .th p {font-weight:600;}
#sub_contents .salon_tbl .tr .td {display:block;width:80%;padding:20px 20px;line-height:1.6;}
}
/* reserve
----------------------------------- */
#sub_contents .subres__btn .linkbtn {width:80%;margin:5px;}
#sub_contents .res__txtarea {max-width:1140px;margin:0 auto 30px;width:100%;}
#sub_contents .res__txtarea .ttl {font-size:18px;border-bottom:1px solid #c4bcab;}
@media screen and (min-width:1024px) {
#sub_contents .subres__btn .linkbtn {width:28%;margin:10px;}
#sub_contents .res__txtarea {max-width:1140px;margin:0 auto 30px;width:90%;}
#sub_contents .res__txtarea .ttl {font-size:24px;border-bottom:1px solid #c4bcab;}
}