@charset "utf-8";
/* CSS Document */
.content_full.none.reason{background:none; padding:0;}/*支持される理由*/

/******************************************************/
/**
/**　PC用のcss
/**
*******************************************************/
@media print, screen and (min-width:800px)/* 800以上 */{
#beginner{width:100%; height:auto; margin:60px 0;}
#beginner h3{width:100%; height:auto; margin:70px 0 30px; padding-bottom:30px; border-bottom:solid 1px #aca29a; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:30px; letter-spacing:0.06em;  text-align:center;}
#beginner h3 b{color:#f07573; font-family:"Zen Old Mincho", serif; font-weight: 500;
}
#beginner h3:before{content:'\f10d'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#e4dcd9; position:relative; top:-10px; left:-12px;}
#beginner h3:after{content:'\f10e'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#e4dcd9; position:relative; top:-10px; right:-6px;}
/*皆様とのお約束*/
#beginner .beginner .promise .promiseBox{box-shadow:8px 8px 40px rgba(0, 0, 0, 0.08); position:relative; width:1000px; margin:0 auto 40px; top:0; left:0; z-index:1; background-color:#fff; box-sizing:border-box;}
#beginner .beginner .promise .promiseBox.last{margin-bottom:90px;}
#beginner .beginner .promise .promiseBox_ttl{position:absolute; width:100%; top:0; z-index:10; background-color:rgba(37, 11, 1, 0.7); text-align:center; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:26px; letter-spacing:0.06em;}
#beginner .beginner .promise .promiseBox_ttl .number{width:auto; font-family:'Libre Baskerville', serif; font-size:110px; font-style:italic; position:absolute; top:14%; left:25px; right:0px; margin:auto; color:rgba(208, 166, 67, 0.7); text-align:left;}
#beginner .beginner .promise .promiseBox .ttl_txt{padding:14px 0; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:23px; letter-spacing:0.1em;}
#beginner .beginner .promise .promiseBox_img{float:left; line-height:0;}
#beginner .beginner .promise .promiseBox_txt{position:relative; line-height:1.5; width:520px; margin:45px 0 0 480px; height:292px; padding:0;}
#beginner .beginner .promise .promiseBox_txt p{width:480px; position:absolute; top:25%; left:0; margin:0; font-size:14px; line-height:28px;}
#beginner .beginner .promise .promiseBox_txt  a{width:auto; position:absolute; top:82%; right:8%; margin:0; color:#c1a228; font-size:15px; transition:all 0.3s ease;}
#beginner .beginner .promise .promiseBox_txt  a:before{content:'\f105'; font-weight:900; font-family:"Font Awesome 5 Free"; padding-right:4px;}
#beginner .beginner .promise .promiseBox_txt  a:hover{transition:all 0.3s ease; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7; border-bottom:solid 1px;}
/*ご予約～ご来店の流れ*/
#beginner .trial_step{}
#beginner .trial_step li{width:90%; height:auto; display:table; margin:20px auto; padding:18px; box-sizing:border-box; background:#fff; border-radius:10px; border:solid 1px #d0beb8; position:relative;}
#beginner .trial_step li:after{content:''; display:block; width:2px; height:21px; background:#d0beb8; position:absolute; bottom:-21px; left:105px;}
#beginner .trial_step li:last-child:after{display:none;}
#beginner .trial_step li dl{}
#beginner .trial_step li dl dt{}
#beginner .trial_step li dl dt h4{font-family:"Noto Sans", sans-serif; font-weight:400; font-size:16px; text-indent:1.4em; position:relative;}
#beginner .trial_step li dl dt h4:before{content:''; width:16px; height:16px; display:inline-block; background:#f07573; position:absolute; top:0; left:0;}
#beginner .trial_step li dl dt h4:after{content:''; color:#fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-weight:bold; font-size:13px; position:absolute; top:2px; left:-1.46em;}
#beginner .trial_step li:nth-child(1) dl dt h4:after{content:'1';}
#beginner .trial_step li:nth-child(2) dl dt h4:after{content:'2';}
#beginner .trial_step li:nth-child(3) dl dt h4:after{content:'3';}
#beginner .trial_step li:nth-child(4) dl dt h4:after{content:'4';}
#beginner .trial_step li:nth-child(5) dl dt h4:after{content:'5';}
#beginner .trial_step li:nth-child(6) dl dt h4:after{content:'6';}
#beginner .trial_step li:nth-child(7) dl dt h4:after{content:'7';}
#beginner .trial_step li:nth-child(8) dl dt h4:after{content:'8';}
#beginner .trial_step li:nth-child(9) dl dt h4:after{content:'9';}
#beginner .trial_step li dl dd{}
#beginner .trial_step li dl dd img{float:left; width:190px; height:150px; margin-right:20px; display:block; background:#999;}
#beginner .trial_step li dl dd p{font-size:14px; line-height:26px; text-align:justify;}
#beginner .trial_step li dl dd p a{}
/*よくあるご質問*/
#beginner .faq{}
#beginner .faq dl{}
#beginner .faq dl dt, #beginner .faq dl dd{width:1000px; height:auto; display:flex; flex-wrap:wrap; padding:0;}
#beginner .faq dl dt{margin-bottom:10px; background:#f9f6f3; font-family:"Noto Sans", sans-serif; font-weight:400;}
#beginner .faq dl dd{margin-bottom:35px; background:#fbf8f7; font-family:"Noto Sans", sans-serif; font-weight:500;}
#beginner .faq dl dd:last-child{margin-bottom:0;}
#beginner .faq dl dd, #beginner .faq dl dd.active{display:flex!important;}
#beginner .faq dl dt span, #beginner .faq dl dd span{float:left; width:40px; margin:0 20px 0 0; padding:12px 0; color:#fff; display:flex; justify-content:center; align-items: center;}
#beginner .faq dl dt span{background:#f16360;}
#beginner .faq dl dd span{background:#d6cdc3;}
#beginner .faq dl dt p, #beginner .faq dl dd p{float:left;width:920px; height:100%; margin:0; padding:12px 0; display:inline-block; font-size:14px; line-height:26px; text-align:justify;}
/*btn_その他のご質問*/
#beginner .faq+.btn{display:-webkit-box;}
#beginner .faq+.btn a{display:block; width:800px; height:70px; margin:50px auto 20px; border:solid 2px #F35B5E; box-sizing:border-box; border-radius:6px; color:#F35B5E; font-size:18px; line-height:70px; letter-spacing:0.06em; text-align:center;}
#beginner .faq+.btn a:hover{background:#F35B5E; color:#fff; border-bottom:solid 4px #DF2E35;}
#beginner .faq+.btn a:hover:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
#beginner .faq+.btn a:active{position:relative; top:4px; border-bottom:solid 4px #DF2E35;}
#beginner .faq+.btn a, #beginner .faq+.btn a:hover, #beginner .faq+.btn a:active{transition:all 0.3s ease;}
}

/******************************************************/
/**
/**　TAB用のcss
/**
*******************************************************/
@media screen and (min-width:481px) and (max-width:799px)/* 481～799 */{
#beginner{width:100%; height:auto; margin:60px 0 40px;}
#beginner h3{width:95%; height:auto; margin:60px auto 30px; padding-bottom:20px; border-bottom:solid 1px #aca29a; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:3.5vw; letter-spacing:0.06em;  text-align:center;}
#beginner h3 b{color:#f07573; font-family:"Zen Old Mincho", serif; font-weight: 500;
}
#beginner h3:before{content:'\f10d'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#e4dcd9; position:relative; top:-10px; left:-12px;}
#beginner h3:after{content:'\f10e'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#e4dcd9; position:relative; top:-10px; right:-6px;}
/*皆様とのお約束*/
#beginner .beginner .promise{width:95%; height:auto; margin:auto;}
#beginner .beginner .promise .promiseBox{box-shadow:0px 3px 10px rgba(0, 0, 0, 0.2); position:relative; width:100%; margin:0 auto 40px; top:0; left:0; z-index:1; background-color:#fff; box-sizing:border-box;}
#beginner .beginner .promise .promiseBox.last{margin-bottom:0;}
#beginner .beginner .promise .promiseBox_ttl{position:absolute; width:100%; top:0; z-index:10; background-color:rgba(37, 11, 1, 0.7); text-align:center; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:26px; letter-spacing:0.06em;}
#beginner .beginner .promise .promiseBox_ttl .number{width:auto; font-family:'Libre Baskerville', serif; font-size:110px; font-style:italic; position:absolute; top:5%; left:3%; right:0px; margin:auto; color:rgba(208, 166, 67, 0.7); text-align:left;}
#beginner .beginner .promise .promiseBox .ttl_txt{padding:6px 0; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:3.5vw; line-height:1.4; letter-spacing:0.15em; position:relative; z-index:0;}
#beginner .beginner .promise .promiseBox_img{width:100%; height:auto;}
#beginner .beginner .promise .promiseBox_img img{width:100%; height:auto; display:block;}
#beginner .beginner .promise .promiseBox_txt{line-height:1.5; width:100%; margin:0; height:auto; padding:0;}
#beginner .beginner .promise .promiseBox_txt p{width:100%; margin:0; padding:5%; box-sizing:border-box; font-size:2.2vw; line-height:1.7;}
#beginner .beginner .promise .promiseBox_txt  a{width:100%; margin:0; padding:0 5% 4%; box-sizing:border-box; display:block; color:#c1a228; font-size:2.8vw; letter-spacing:0.1em; text-align:center; text-decoration:underline; transition:all 0.3s ease;}
#beginner .beginner .promise .promiseBox_txt  a:before{content:'\f105'; font-weight:900; font-family:"Font Awesome 5 Free"; }
/*ご予約～ご来店の流れ*/
#beginner .trial_step{}
#beginner .trial_step li{width:90%; height:auto; display:table; margin:20px auto; padding:18px; box-sizing:border-box; background:#fff; border-radius:10px; border:solid 1px #d0beb8; position:relative;}
#beginner .trial_step li:after{content:''; display:block; width:3px; height:21px; background:#d0beb8; position:absolute; bottom:-21px; left:15%;}
#beginner .trial_step li:last-child:after{display:none;}
#beginner .trial_step li dl{}
#beginner .trial_step li dl dt{}
#beginner .trial_step li dl dt h4{font-family:"Noto Sans", sans-serif; font-weight:400; font-size:3vw; letter-spacing:0.06em; text-indent:1.4em; position:relative;}
#beginner .trial_step li dl dt h4:before{content:''; width:3.2vw; height:3.2vw; display:inline-block; background:#f07573; position:absolute; top:-2px; left:0;}
#beginner .trial_step li dl dt h4:after{content:''; color:#fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-weight:bold; font-size:2.6vw; position:absolute; top:0; left:-1.3em;}
#beginner .trial_step li:nth-child(1) dl dt h4:after{content:'1';}
#beginner .trial_step li:nth-child(2) dl dt h4:after{content:'2';}
#beginner .trial_step li:nth-child(3) dl dt h4:after{content:'3';}
#beginner .trial_step li:nth-child(4) dl dt h4:after{content:'4';}
#beginner .trial_step li:nth-child(5) dl dt h4:after{content:'5';}
#beginner .trial_step li:nth-child(6) dl dt h4:after{content:'6';}
#beginner .trial_step li:nth-child(7) dl dt h4:after{content:'7';}
#beginner .trial_step li:nth-child(8) dl dt h4:after{content:'8';}
#beginner .trial_step li:nth-child(9) dl dt h4:after{content:'9';}
#beginner .trial_step li dl dd{}
#beginner .trial_step li dl dd img{float:left; width:38%; height:auto; margin-right:3%; display:block; background:#999;}
#beginner .trial_step li dl dd p{font-size:2.5vw; line-height:1.7; text-align:justify; margin-bottom:0;}
#beginner .trial_step li dl dd p a{}
/*よくあるご質問*/
#beginner .faq{}
#beginner .faq dl{}
#beginner .faq dl dt, #beginner .faq dl dd{width:95%; height:auto; margin:auto; display:flex; flex-wrap:wrap; padding:0;}
#beginner .faq dl dt{margin-bottom:10px; background:#f9f6f3; font-family:"Noto Sans", sans-serif; font-weight:400; position:relative;}
#beginner .faq dl dt:after{content:'\f078'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#d6cdc3; font-size:10px; position:absolute; top:37%; right:3%;}
#beginner .faq dl dt.active:after{content:'×'; color:#afa79e; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size:13px; font-weight:bold; top:31%;}
#beginner .faq dl dd{display:none; margin-bottom:25px; background:#fbf8f7; font-family:"Noto Sans", sans-serif; font-weight:500;}
#beginner .faq dl dt.active+dd{display:flex!important;}
#beginner .faq dl dd:last-child{margin-bottom:0;}
#beginner .faq dl dt span, #beginner .faq dl dd span{float:left; width:10%; margin:0 4% 0 0; padding:10px 0; color:#fff; display:flex; justify-content:center; align-items: center;}
#beginner .faq dl dt span{background:#f16360;}
#beginner .faq dl dd span{background:#d6cdc3;}
#beginner .faq dl dt p, #beginner .faq dl dd p{float:left;width:82%; height:100%; margin:0; padding:10px 0; display:inline-block; font-size:2.5vw; line-height:1.7; text-align:justify;}
#beginner .faq dl dt p{width:74%;}
/*btn_その他のご質問*/
#beginner .faq+.btn{display:-webkit-box;}
#beginner .faq+.btn a{display:block; width:75%; height:40px; margin:30px auto 0; border:solid 2px #F35B5E; box-sizing:border-box; border-radius:6px; color:#F35B5E; font-size:14px; line-height:40px; letter-spacing:0.06em; text-align:center;}
#beginner .faq+.btn a:hover{background:#F35B5E; color:#fff; border-bottom:solid 4px #DF2E35;}
#beginner .faq+.btn a:hover:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
#beginner .faq+.btn a:active{position:relative; top:4px; border-bottom:solid 4px #DF2E35;}
#beginner .faq+.btn a, .salon .btn a:hover, #beginner .faq+.btn a:active{transition:all 0.3s ease;}

}

/******************************************************/
/**
/**　SP用のcss
/**
*******************************************************/
@media screen and (max-width:480px)/* 480以下 */{
#beginner{width:100%; height:auto;  margin:-5% 0 40px; }
#beginner h3{width:95%; height:auto; margin:40px auto 30px; padding-bottom:15px; border-bottom:solid 1px #aca29a; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:3.5vw; letter-spacing:0.06em; text-align:center;}
#beginner h3 b{color:#f07573; font-family:"Zen Old Mincho", serif; font-weight: 900;
;}
#beginner h3:before{content:'\f10d'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#e4dcd9; position:relative; top: -3px; left: -1%;}
#beginner h3:after{content:'\f10e'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#e4dcd9; position:relative; top: -3px; right: -1%;}
/*皆様とのお約束*/
#beginner .beginner .promise{width:95%; height:auto; margin:auto;}
#beginner .beginner .promise .promiseBox{box-shadow:0px 3px 10px rgba(0, 0, 0, 0.2); position:relative; width:100%; margin:0 auto 40px; top:0; left:0; z-index:1; background-color:#fff; box-sizing:border-box;}
#beginner .beginner .promise .promiseBox.last{margin-bottom:0;}
#beginner .beginner .promise .promiseBox_ttl{position:absolute; width:100%; top:0; z-index:10; background-color:rgba(37, 11, 1, 0.7); text-align:center; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:26px; letter-spacing:0.06em;}
#beginner .beginner .promise .promiseBox_ttl .number{width:auto; font-family:'Libre Baskerville', serif; font-size:78px; font-style:italic; position:absolute; top:-20%; left:15px; right:0px; margin:auto; color:rgba(208, 166, 67, 0.7); text-align:left; z-index:-1;}
#beginner .beginner .promise .promiseBox .ttl_txt{padding:8px 0 6px; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 900;
; font-size:4.5vw; line-height:1.5;}
#beginner .beginner .promise .promiseBox_img{width:100%; height:auto;}
#beginner .beginner .promise .promiseBox_img img{width:100%; height:auto; display:block;}
#beginner .beginner .promise .promiseBox_txt{line-height:1.5; width:100%; margin:0; height:auto; padding:0;}
#beginner .beginner .promise .promiseBox_txt p{width:100%; margin:0; padding:5%; box-sizing:border-box; font-size:11px; line-height:1.8;}
#beginner .beginner .promise .promiseBox_txt  a{width:100%; margin:0; padding:0 5% 4%; box-sizing:border-box; display:block; color:#c1a228; font-size:13px; letter-spacing:0.1em; text-align:center; text-decoration:underline; transition:all 0.3s ease;}
#beginner .beginner .promise .promiseBox_txt  a:before{content:'\f105'; font-weight:900; font-family:"Font Awesome 5 Free"; }
#beginner .beginner .promise .promiseBox+.btn a{display:block; width:75%; height:50px; margin:30px auto 0; background:#F35B5E; border:solid 2px #F35B5E; border-bottom:solid 4px #DF2E35; box-sizing:border-box; border-radius:6px; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:2.9vw; line-height:48px; letter-spacing:0.06em; text-align:center;}
#beginner .beginner .promise .promiseBox+.btn a:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
/*ご予約～ご来店の流れ*/
#beginner .trial_step{}
#beginner .trial_step li{width:90%; height:auto; display:table; margin:20px auto; padding:18px; box-sizing:border-box; background:#fff; border-radius:10px; border:solid 1px #d0beb8; position:relative;}
#beginner .trial_step li:after{content:''; display:block; width:3px; height:21px; background:#d0beb8; position:absolute; bottom:-21px; left:15%;}
#beginner .trial_step li:last-child:after{display:none;}
#beginner .trial_step li dl{}
#beginner .trial_step li dl dt{border-bottom:dotted 2px #d0beb8; padding-bottom:5px;}
#beginner .trial_step li dl dt h4{font-family:"Noto Sans", sans-serif; font-weight:400; font-size:3.5vw; line-height:1.3; padding-left:1.4em; position:relative;}
#beginner .trial_step li dl dt h4:before{content:''; width:16px; height:16px; display:inline-block; background:#f07573; position:absolute; top:0; left:0;}
#beginner .trial_step li dl dt h4:after{content:''; color:#fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-weight:bold; font-size:13px; position:absolute; top:0; left:0.2em;}
#beginner .trial_step li:nth-child(1) dl dt h4:after{content:'1';}
#beginner .trial_step li:nth-child(2) dl dt h4:after{content:'2';}
#beginner .trial_step li:nth-child(3) dl dt h4:after{content:'3';}
#beginner .trial_step li:nth-child(4) dl dt h4:after{content:'4';}
#beginner .trial_step li:nth-child(5) dl dt h4:after{content:'5';}
#beginner .trial_step li:nth-child(6) dl dt h4:after{content:'6';}
#beginner .trial_step li:nth-child(7) dl dt h4:after{content:'7';}
#beginner .trial_step li:nth-child(8) dl dt h4:after{content:'8';}
#beginner .trial_step li:nth-child(9) dl dt h4:after{content:'9';}
#beginner .trial_step li dl dd{}
#beginner .trial_step li dl dd img{float:left; width:42%; height:auto; margin-right:3%; display:block; background:#999;}
#beginner .trial_step li dl dd p{font-size:11px; line-height:1.7; text-align:justify; margin-bottom:0;}
#beginner .trial_step li dl dd p a{}
/*よくあるご質問*/
#beginner .faq{}
#beginner .faq dl{}
#beginner .faq dl dt, #beginner .faq dl dd{width:95%; height:auto; margin:auto; display:flex; flex-wrap:wrap; padding:0;}
#beginner .faq dl dt{margin-bottom:10px; background:#f9f6f3; font-family:"Noto Sans", sans-serif; font-weight:400; position:relative;}
#beginner .faq dl dt:after{content:'\f078'; font-weight:900; font-family:"Font Awesome 5 Free"; color:#d6cdc3; font-size:10px; position:absolute; top:37%; right:3%;}
#beginner .faq dl dt.active:after{content:'×'; color:#afa79e; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size:13px; font-weight:bold; top:31%;}
#beginner .faq dl dd{display:none; margin-bottom:25px; background:#fbf8f7; font-family:"Noto Sans", sans-serif; font-weight:500;}
#beginner .faq dl dt.active+dd{display:flex!important;}
#beginner .faq dl dd:last-child{margin-bottom:0;}
#beginner .faq dl dt span, #beginner .faq dl dd span{float:left; width:10%; margin:0 4% 0 0; padding:10px 0; color:#fff; display:flex; justify-content:center; align-items: center;}
#beginner .faq dl dt span{background:#f16360;}
#beginner .faq dl dd span{background:#d6cdc3;}
#beginner .faq dl dt p, #beginner .faq dl dd p{float:left;width:82%; height:100%; margin:0; padding:10px 0; display:inline-block; font-size:11px; line-height:1.7; text-align:justify;}
#beginner .faq dl dt p{width:74%;}
/*btn_その他のご質問*/
#beginner .faq+.btn{display:-webkit-box;}
#beginner .faq+.btn a{display:block; width:75%; height:50px; margin:15px auto 0; background:#F35B5E; border:solid 2px #F35B5E; border-bottom:solid 4px #DF2E35; box-sizing:border-box; border-radius:6px; color:#fff; font-family:"Noto Sans", sans-serif; font-weight:500; font-size:2.9vw; line-height:48px; letter-spacing:0.06em; text-align:center;}
#beginner .faq+.btn a:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:900; padding-left:0.6em;}
#beginner .faq+.btn a:active{position:relative; top:4px;}
#beginner .faq+.btn a, .salon .btn a:hover, #beginner .faq+.btn a:active{transition:all 0.3s ease;}

}