@charset "utf-8";
/* CSS Document */
/****** pagetitle *****/
#pagetitle>.inner1000{background-image:url("../img/new/pagetitle_bg.png");}
#pagetitle.cooling>.inner1000{background-image:url("../img/about/cooling/pagetitle_bg.png");}

/******************************************************/
/** 初めての方へ
/******************************************************/
/****** コンテンツ *****/
/*共通*/
#new{}
#new h2{font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:4.2vw; letter-spacing:0.04em; text-align:center; position:relative; padding-bottom:10px; margin-bottom:20px;}
#new h2:after{content:''; width:100%; height:2px; background:url("../common/img/h2_title_border.png") no-repeat center; position:absolute; bottom:0; left:0;}
#new h2 span{display:block; margin-top:10px; color:#be9f39; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:2vw; letter-spacing:0.15em;}
#new .box{width:100%; height:auto; padding:9vw 0;}
#new .box .flex{}
#new .box .flex .img{width:80%; display:block; margin:auto;}
#new .box .flex .img img{width:100%;}
#new .box .flex .text{width:90%; margin:auto;}
#new .box .flex .text p{font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:3.4vw; line-height:1.9; text-align:justify;}
#new .box .flex .text .link_btn{width:80%; height:auto; margin:20px auto;}
#new .box .flex .text .link_btn li{width:100%; margin-bottom:20px; box-sizing:border-box; border:solid 1px #d9c691; background:#fff;}
#new .box .flex .text .link_btn li a{display:block; width:100%; height:auto; color:#c6ac63; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:3.5vw; line-height:40px; text-align:center; position:relative; z-index:1;}
#new .box .flex .text .link_btn li a:before{content:'>>'; transform:scale(0.6, 1); position:absolute; top:0; right:2.8vw; font-size:3.3vw; color:#d9c690;}
/*about*/
#new .about{background: url("../img/new/about_bg.jpg") no-repeat center; background-size:cover; position:relative;}
#new .about:before, #new .about:after{content:''; width:100%; height:40px; display:block;position:absolute; left:0;}
#new .about:before{top:0; background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );}
#new .about:after{bottom:0; background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
/*navi*/
#new .navi{width:100%; height:auto; margin:-10px 0 20px;}
#new .navi ul{display:flex; flex-wrap:wrap; justify-content:space-between; border-bottom:solid 1px #b7b7b7;}
#new .navi ul li{width:50%; height:auto; box-sizing:border-box; border-top:solid 3px #d9c68f; position:relative;}
#new .navi ul li:nth-child(odd){border-right:solid 1px #b7b7b7;}
#new .navi ul li a{width:100%; height:45px; padding-bottom:20px; color:#c6ac63; display:block; font-size:4vw; line-height:42px; text-align:center; position:relative; top:0;}
#new .navi ul li a:after{content:''; width:8px; height:8px; box-sizing:border-box; border:solid #d9c690; border-width:0 2px 2px 0; transform:rotate(45deg); position:absolute; bottom:25%; left:49%;}
/*trial*/
#new #trial{margin-bottom:0;}
#new #trial .flex{flex-direction:row-reverse;}
/*member*/
#new #member{}
#new #member .inner1000{width:90%; margin:auto;}
#new #member p{width:100%; margin:auto; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:3.4vw; line-height:1.9; text-align:justify;}
#new #member ul{}
#new #member ul li{width:100%; height:auto; margin:20px 0; padding:3.5vw; background:#fbf8f0; background:-moz-linear-gradient(left, #fbf8f0 0%, #ffffff 50%, #fbf8f0 100%); background:-webkit-linear-gradient(left, #fbf8f0 0%,#ffffff 50%,#fbf8f0 100%); background:linear-gradient(to right, #fbf8f0 0%,#ffffff 50%,#fbf8f0 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf8f0', endColorstr='#fbf8f0',GradientType=1 ); box-sizing:border-box; position:relative;}
#new #member ul li .pentagon{width:16%; height:0; padding-top:16%; border-radius:100%; background:#d9c690; position:absolute; top:12%; left:2.5vw; text-align:center;}
#new #member ul li .pentagon span, #new #member ul li .pentagon b{width:100%; display:block; position:absolute; color:#fff; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; text-align:center;}
#new #member ul li .pentagon span{font-size:3.5vw; top:18%;}
#new #member ul li .pentagon b{font-size:5vw; top:52%;}
#new #member ul li p{font-size:3.6vw; line-height:1.6; letter-spacing:0.06em; text-align:left; padding-left:4.3em; box-sizing:border-box;}
#new #member ul li p b{font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; color:#be9f39;}
/*anshin*/
#new #anshin{background:#fcf9f0; padding:40px 0;}
#new #anshin .inner1000{width:90%; margin:auto;}
#new #anshin h2{margin-bottom:25px;}
#new #anshin p{font-size:3.4vw; line-height:1.9; text-align:justify;}
#new #anshin p.cs{margin:30px 0 0;}
#new #anshin p a{color:#be9f39; text-decoration:underline;}
#new #anshin ul{width:100%; height:auto; margin-bottom:30px;}
#new #anshin ul li{width:100%; height:auto; padding:3vw 2.5vw; margin:15px 0; box-sizing:border-box; border-radius:10px; background:#fff; box-shadow:0 4px 10px #e6e3da; position:relative;}
#new #anshin ul li i{color:#d9c690; font-size:9vw; display:block; text-align:center;}
#new #anshin ul li p{text-align:center; margin:10px 0;}
#new #anshin ul li span{width:auto; padding-bottom:6px; display:block; color:#be9f39; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:3.3vw; text-align:center; transition:all 0.3s ease; position:relative;}
#new #anshin ul li span:before, #new #anshin ul li span:after{content:''; height:1px; background:#be9f39; position:absolute;}
#new #anshin ul li span:before{width:24%; bottom:0; left:38%;}
#new #anshin ul li span:after{width:4%; transform:rotate(50deg); bottom:22%; right:37%;}
#new #anshin ul li a{position:absolute; width:100%; height:100%; top:0; left:0; cursor:pointer;}
/*faq*/
#new #faq{}
#new #faq h2+p{width:90%; margin:20px auto; font-size:3.4vw; line-height:1.9; text-align:justify;}
#new #faq dl:last-child{border-bottom:solid 1px #eceae5;}
#new #faq dl dt, #new #faq dl dd{padding:4.5vw 8.8vw 4.5vw 6vw; box-sizing:border-box; position:relative;}
#new #faq dl dt{background:#fff; border-top:solid 1px #eceae5; position:relative;}
#new #faq dl dt p:after{content:'\f107'; color:#dad7d4; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:6vw; line-height:1; position:absolute; top:39%; right:2.5%;}
#new #faq dl dt.active p:after{content:'\f00d'; color:#4494ec;}
#new #faq dl dd{background:#f7f5f4; display:none; margin-bottom:25px; border:solid #eceae5; border-width:1px 0;}
#new #faq dl dd:last-child{margin-bottom:0px; border-bottom:none;}
#new #faq dl dt p, #new #faq dl dd p{margin:0; padding-left:13%; font-size:3.7vw; letter-spacing:0.04em; line-height:1.9; text-align:left;}
#new #faq dl dt:before, #new #faq dl dd:before{content:''; width:30px; height:30px; position:absolute; top:15px; left:15px;}
#new #faq dl dt:before{background:url("../img/new/faq_Q.jpg") no-repeat;}
#new #faq dl dd:before{background:url("../img/new/faq_A.jpg") no-repeat;}
#new #faq dl dd p a{color:#be9f39; text-decoration:underline;}
#new #faq dl dd table{width:auto; height:auto; margin:10px 0 10px 33px; background:#fff;}
#new #faq dl dd table tr{}
#new #faq dl dd table tr th, #new #faq dl dd table tr td{padding:8px 15px; border:solid 1px #aba8a3; font-size:14px; line-height:23px;}
#new #faq dl dd table tr th{text-align:center; vertical-align:middle; background:#dedcda;}
#new #faq dl dd table tr td{text-align:justify;}

/******************************************************/
/** 安心サロンの取り組み
/******************************************************/
#new .anshin_point p{width:90%; margin:auto; font-size:3.4vw; line-height:1.9;}
#new .anshin_point ul{width:100%; margin-top:-10px;}
#new .anshin_point ul li{width:95%; height:auto; margin:50px auto 0; padding:0 0 30px; position:relative; border-top:solid 1px #988c85; border-bottom:solid 1px #988c85;}
#new .anshin_point ul li:before, #new .anshin_point ul li:after{content:''; position:absolute; top:-10px; width:1px; height:-webkit-calc(100% + 20px); height:calc(100% + 20px); background-color:#988c85;}
#new .anshin_point ul li:before{left:10px;}
#new .anshin_point ul li:after{right:10px}
#new .anshin_point ul li .inner1000{width:85%; margin:auto; display:flex; flex-wrap:wrap;}
#new .anshin_point ul li .inner1000 h2{width:100%; margin:0 auto 25px; font-size:5vw; line-height:1.5; padding:20px 0; color:#988b84; text-shadow:none; border-bottom:dotted 1px #988b84;}
#new .anshin_point ul li .inner1000 h2:after{display:none;}
#new .anshin_point ul li .inner1000 h2 span{display:table; width:auto; height:auto; margin:0 auto 1vw; padding:8px 12px; background:#beb29a; border-radius:50px; color:#fff; font-size:3vw; line-height:1; letter-spacing:0.04em; position:relative; top:-5px;}
#new .anshin_point ul li .inner1000 p{width:100%; height:auto; margin:0; font-size:3.4vw; line-height:1.9; text-align:justify;}
#new .anshin_point ul li .inner1000 p a{color:#be9f39; text-decoration:underline;}
#new .anshin_point ul li .inner1000 p b{background: linear-gradient(transparent 60%, #fff9cc 60%);}
#new .anshin_point ul li .inner1000 img{width:100%; height:auto; display:block; margin-top:3vw;}
#new .anshin_point+.navi{margin:50px 0 0;}

/******************************************************/
/** 会員様制度について
/******************************************************/
#new #benefits{}
#new #benefits h2+img{width:95%; height:auto; margin:auto; display:block;}
#new #benefits dl{width:90%; margin:30px auto; box-sizing:border-box; border:solid 1px #ded1ad; border-radius:6px; overflow:hidden;}
#new #benefits dl:last-child{margin-bottom:0;}
#new #benefits dl dt{}
#new #benefits dl dt h3{padding:2.5vw 0; background:#ded1ad; color:#fff; font-family:"Zen Old Mincho", serif; font-weight: 500;
 font-size:4.2vw; text-align:center;}
#new #benefits dl dt h3 span{color:#fff; display:block; margin-bottom:1.8vw; font-family:"Zen Old Mincho", serif; font-weight: 900; font-size:3.6vw;}
#new #benefits dl dd {padding:6vw 0;}
#new #benefits dl dd .flex img{display:block; width:80%; min-height:180px; height:auto; margin:auto; background:#999;}
#new #benefits dl dd .flex .text{width:90%; height:auto; margin:auto;}
#new #benefits dl dd .flex .text p{margin-bottom:0;}
#new #benefits dl dd .flex .text .point{width:100%; height:auto; box-sizing:border-box; margin-top:15px; padding:10px 20px; background:#fcf9f0;}
#new #benefits dl dd .flex .text .point p{font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; margin:0; line-height:2.5;}
#new #benefits dl dd .flex .text .point p.mds{font-family:"M PLUS Rounded 1c", sans-serif; font-weight:700; line-height:1.8;}
#new #benefits dl dd .flex .text .point p a{color:#000; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; text-decoration:underline; transition:all 0.2s ease;}
#new #benefits dl dd .flex .text .point p a:hover{transition:all 0.2s ease; color:#be9f39;}
#new #benefits dl dd .flex .text .point p span{display:inline-block; margin-right:5px; padding:0 5px; color:#fff; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:700; font-size:13px; letter-spacing:0.06em; line-height:1.8;}
#new #benefits dl dd .flex .text .point .visitor{background:#000;}
#new #benefits dl dd .flex .text .point .member{background:#ff0000;}
#new #benefits dl dd .cmn_btn{margin-top:15px;}


#new #tokuten{}
#new #tokuten ul{width:90%; height:auto; margin:auto;}
#new #tokuten ul li{width:100%; height:0; padding:70.8% 0 10vw; border-bottom:solid 1px #c8c8c8; position:relative;}
#new #tokuten ul li:first-child{background:url("../img/new/stylemember_img01.png") no-repeat bottom; background-size:contain;}
#new #tokuten ul li:nth-child(2){background:url("../img/new/stylemember_img02.png") no-repeat bottom; background-size:contain;}
#new #tokuten ul li:nth-child(3){background:url("../img/new/stylemember_img03.png") no-repeat bottom; background-size:contain;}
#new #tokuten ul li:nth-child(4){background:url("../img/new/stylemember_img04.png") no-repeat bottom; background-size:contain;}
#new #tokuten ul li:last-child{background:url("../img/new/stylemember_img05.png") no-repeat bottom; background-size:contain; border-bottom:none;}
#new #tokuten ul li .title{width:100%; position:absolute; top:5%; display:flex; flex-wrap:wrap;}
#new #tokuten ul li .title .pentagon{width:16%; height:0; padding-top:16%; border-radius:100%; background:#d9c690; position:absolute; top:0; left:0; text-align:center;}
#new #tokuten ul li .title .pentagon span, #new #tokuten ul li .title .pentagon b{width:100%; display:block; position:absolute; color:#fff; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; text-align:center;}
#new #tokuten ul li .title .pentagon span{font-size:3.5vw; top:18%;}
#new #tokuten ul li .title .pentagon b{font-size:5vw; top:52%;}
#new #tokuten ul li .title h3{width:100%; padding:3.7vw 0 5vw 0; color:#be9f39; font-family:"Kaisei Opti", serif; font-weight: 400; font-size:5.2vw; letter-spacing:0.06em; text-align:center;}
#new #tokuten ul li p{position:absolute; top:29%; margin:0; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:3.4vw; line-height:1.9; text-align:justify;}
#new #tokuten ul li:first-child .title .pentagon, #new #tokuten ul li:nth-child(2) .title .pentagon{left:12%;}
#new #tokuten ul li:first-child .title h3, #new #tokuten ul li:nth-child(2) .title h3{padding-left:2em;}
#new #tokuten ul li:nth-child(3) .title .pentagon, #new #tokuten ul li:nth-child(4) .title .pentagon{left:8%;}
#new #tokuten ul li:nth-child(3) .title h3, #new #tokuten ul li:nth-child(4) .title h3{padding-left:1.6em;}
#new #tokuten ul li:last-child .title .pentagon{left:11%;}
#new #tokuten ul li:last-child .title h3{padding-left:1.8em;}

/******************************************************/
/** クーリングオフ・解約について
/******************************************************/
#new #cancellation .box{width:100%; margin:auto;}
#new #cancellation .box h3{width:100%; height:auto; margin-bottom:35px; padding:0 0 30px; box-sizing:border-box; font-size:4.2vw; line-height:1; letter-spacing:0.06em; text-indent:1em; position:relative;}
#new #cancellation .box h3:before{content:'\f075'; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:5vw; color:#d9c68f; display:inline-block; transform:scale(-1, 1); position:relative; top:2px; margin-right:-1.5vw;}
#new #cancellation .box h3:after{content:''; width:100%; height:6px; display:block; position:absolute; bottom:0; background-color:#fff; background-image:-webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #dbd8d4), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #dbd8d4),color-stop(.75, #dbd8d4), color-stop(.75, transparent),to(transparent)); -webkit-background-size:8px;}
/*よくある質問(共通)*/
#new #cancellation #faq{margin:30px 0;}
#new #cancellation #faq dl:last-child{margin-bottom:40px;}
/*ABOUT*/
#new #cancellation .about{background:none;}
#new #cancellation .about p{width: 90%;margin: auto;font-size:3.4vw;line-height:1.9;text-align:justify;}
#new #cancellation .about ul.toi{width:90%; height:auto; margin:25px auto;}
#new #cancellation .about ul.toi li{width:100%; height:auto; margin:3.5vw 0;}
#new #cancellation .about ul.toi a{display:block; transition:all 0.3s ease;}
#new #cancellation .about ul.toi li img{width:100%; height:auto; display:block;}
#new #cancellation .about ul.toi li:last-child{width:100%; margin-top:17px; padding:5px 0; position:relative; z-index:0;}
#new #cancellation .about ul.toi li:last-child:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url("https://renew2019.style-japan.co.jp/layout/common/img/dot_bg.png") repeat; opacity:0.2; z-index:-1;}
#new #cancellation .about ul.toi li:last-child p{width:100%; margin:0; padding:2vw; box-sizing:border-box; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:3.2vw; letter-spacing:0.04em; line-height:1.7; text-align:left;}
#new #cancellation .about ul.toi li:last-child p a{color:#be9f39; display:inline-block; border-bottom:solid 1px;}
#new #cancellation .about ul.toi li:last-child p a:before{content:'>>'; font-size:11px; display:inline-block; transform:scale(0.7, 1);}
#new #cancellation .about ul.toi li:last-child p a.pc.tab{display:none;}
/*クーリング*/
#new #cancellation .box.cooling{padding-top:0;}
#new #cancellation .box.cooling dl dd table{width:auto; height:auto; margin:10px 0 10px 33px; background:#fff;}
#new #cancellation .box.cooling dl dd table tr{}
#new #cancellation .box.cooling dl dd table tr th, #new #cancellation .box.cooling dl dd table tr td{padding:8px 15px; border:solid 1px #aba8a3; font-size:14px; line-height:23px;}
#new #cancellation .box.cooling dl dd table tr th{text-align:center; vertical-align:middle; background:#dedcda;}
#new #cancellation .box.cooling dl dd table tr td{text-align:justify;}
#new #cancellation .box.cooling .about{background:none;}
#new #cancellation .box.cooling .about:after{display:none;}
#new #cancellation .box.cooling .about h3:after{display:none;}
#new #cancellation .box.cooling .about p{width:90%; height:190px; margin:-42px auto auto; padding:3vw; border:solid 1px #dbd8d4; box-sizing:border-box; display:block; font-size:3.4vw; line-height:1.9; text-align:justify; overflow-y:scroll;}
#new #cancellation .box.cooling .about p::-webkit-scrollbar{width:8px;}
#new #cancellation .box.cooling .about p::-webkit-scrollbar-track{background:#f8f6f7;  border-radius:8px;}
#new #cancellation .box.cooling .about p::-webkit-scrollbar-thumb{background:#dcdbda; border-radius:8px;}
/*解約*/
#new #cancellation .box.cancel{padding-top:3vw; padding-bottom:0;}
#new #cancellation .box.cancel ul{margin:35px 0;}
#new #cancellation .box.cancel ul li{width:90%; margin:auto; padding:5px 0; font-size:3.4vw; line-height:1.9;}
#new #cancellation .box.cancel ul.step{}
#new #cancellation .box.cancel ul.step li{padding-left:1.5em;}
#new #cancellation .box.cancel ul.step li span{margin-left:-1.5em; margin-right:0.2em;}
#new #cancellation .box.cancel ul.step li a{width:auto; height:auto; color:#be9f39; display:inline-block; font-size:15px; line-height:1; padding-left:1.7em; background:url("../common/img/freedial.png") no-repeat left top; background-size:contain;}
#new #cancellation .box.cancel ul.attention{}
#new #cancellation .box.cancel ul.attention li{padding-left:1.2em;}
#new #cancellation .box.cancel ul.attention li:before{content:'※'; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; margin-left:-1.2em;}
/*お問い合わせ*/
#new #cancellation .box#inquiry p{width:90%; margin:auto; font-size:3.4vw; line-height:1.9;}
#new #cancellation .box#inquiry p a{display:inline-block; color:#be9f39; text-decoration:underline;}
#new #cancellation .box#inquiry p a.pc.tab{display:none;}
#new #cancellation .box#inquiry .flex{width:100%; height:auto; margin:20px auto; padding:0 3vw; background:#fcf9f0; box-sizing:border-box;}
#new #cancellation .box#inquiry .flex li{width:90%; height:auto; margin:auto; padding:7vw 0; box-sizing:border-box;}
#new #cancellation .box#inquiry .flex li:last-child{border-top:solid 1px #d9c690;}
#new #cancellation .box#inquiry .flex li p{width:90%; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:3.4vw; line-height:1.9; text-align:justify;}
#new #cancellation .box#inquiry .flex li b{color:#be9f39; font-family:"Zen Old Mincho", serif; font-weight: 900; margin-bottom:20px; display:block; font-size:4.5vw; letter-spacing:0.06em; line-height:1; text-align:center;}
#new #cancellation .box#inquiry .flex li b.freedial{font-size:6.5vw; letter-spacing:0.06em; margin:4vw 0 0;}
#new #cancellation .box#inquiry .flex li b.freedial:before{content:''; width:10%; height:0; margin-right:1%; padding-top:6.6%; display:inline-block; background:url("../common/img/freedial.png") no-repeat; background-size:contain; position:relative; top:-0.4vw;}
#new #cancellation .box#inquiry .flex li b.freedial a{color:#be9f39; font-family:"Zen Old Mincho", serif; font-weight: 900; cursor:inherit;}