@charset "utf-8";
/* CSS Document */
@import url("new_pc.css");

/******************************************************/
/** 初めての方へ
/******************************************************/
/****** pagetitle *****/
#pagetitle>.inner1000{background-image:url("../img/new/pagetitle_bg.png");}
#pagetitle.cooling>.inner1000{background-image:url("../img/about/cooling/pagetitle_bg.png");}
#new h2{font-size:3.8vw;}
#new h2 span{font-size:1.6vw;}
#new .navi{margin:-5px 0 10px;}
#new .navi ul li:first-child{border-left:none;}
#new .navi ul li:last-child{border-right:none;}
#new .navi ul li a{font-size:2.1vw;}
#new .box .flex{display:inherit;}
#new .box .flex .img{width:40%; margin:0 2% 2% 0; float:left;}
#new .box .flex .text{width:100%;}
#new .box .flex .text p{font-size:1.9vw; line-height:1.8;}
#new .about{margin-bottom:0;}
#new #member ul li{width:100%;}
#new #member ul li p{font-size:2.2vw; text-indent:5em;}
#new #anshin ul li span:after{bottom:12%;}
#new #faq{padding-bottom:0;}
#new .box dl dt p:after{content:'\f107'; color:#dad7d4; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:3vw; position:absolute; top:8px; right:20px;}
#new .box dl dt.active p:after{content:'\f00d'; color:#4494ec; font-size:3vw;}
#new #faq dl dt p, #new #faq dl dd p{font-size:1.8vw; line-height:1.9; text-align:left;}
#new #faq dl dt:before, #new #faq dl dd:before{content:''; width:3.3vw; height:3.3vw; position:absolute; top:17px; left:15px;}
#new #faq dl dt:before{background:url("../img/new/faq_Q.jpg") no-repeat; background-size:contain;}
#new #faq dl dd:before{background:url("../img/new/faq_A.jpg") no-repeat; background-size:contain;}
#new #faq dl dt p:after{content:'\f107'; color:#dad7d4; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:3vw; position:absolute; top:8px; right:20px;}
#new #faq dl dd table{margin:10px 0 10px 4.5%;}
#new #faq dl dd table tr th, #new #faq dl dd table tr td{font-size:1.8vw; line-height:1.9;}
#new #member p, #new #anshin p, #new #faq h2+p{font-size:1.9vw; line-height:1.8; text-align:justify;}

/******************************************************/
/** 安心サロンの取り組み
/******************************************************/
#new .anshin_point{margin-bottom:-40px;}
#new .anshin_point p{font-size:1.8vw; line-height:1.9; text-align:justify;}
#new .anshin_point ul{margin-top:-2vw;}
#new .anshin_point ul li{width:95%;}
#new .anshin_point ul li .inner1000 h2{width:100%; font-size:3vw;}
#new .anshin_point ul li .inner1000 h2 span{display:table; margin:auto auto 1vw; font-size:1.7vw;}
#new .anshin_point ul li .inner1000 p{width:57%; font-size:1.8vw; line-height:1.9; }
#new .anshin_point ul li .inner1000 img{width:40%; height:auto;}

/******************************************************/
/** 会員様制度について
/******************************************************/
#new #tokuten{padding-top:0; padding-bottom:0;}
#new #tokuten ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
#new #tokuten ul li{width:33.33%; height:auto; padding:2.5vw 1.6vw 11vw; box-sizing:border-box; border-right:solid 1px #c8c8c8; position:relative;}
#new #tokuten ul li:nth-child(2), #new #tokuten ul li:last-child{border-right:none;}
#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;}
#new #tokuten ul li.wide:before{content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:url("../img/new/stylemember_bg.png") no-repeat center center; z-index:-1;}
#new #tokuten ul li .title{padding:14px 0; display:initial; flex-wrap:initial; position:initial;}
#new #tokuten ul li .title .pentagon{width:22px; margin:auto; border-width:26px 16px 0; border-style:solid; border-color:#d9c690 transparent; text-align:center; position:relative;}
#new #tokuten ul li .title .pentagon:before{content:""; position:absolute; height:0; width:0; top:-50px; left:-16px; border-width:0 27px 24px; border-style:solid; border-color:transparent transparent #d9c68f;}
#new #tokuten ul li .title .pentagon span, #new #tokuten ul li .title .pentagon b{position:relative; top:-39px; color:#fff; display:block; font-size:12px;}
#new #tokuten ul li .title h3{width:100%; box-sizing:border-box; color:#be9f39; font-family:"Kaisei Opti", serif; font-weight: 400; font-size:2.7vw; letter-spacing:0.06em;  text-align:center; text-shadow:#fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;}
#new #tokuten ul li p{font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-size:1.8vw; line-height:1.9; text-align:justify; text-shadow:#fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;}

#new #tokuten ul li.wide{padding-bottom:18vw;}
#new #tokuten ul li.wide .title h3{font-size:3.2vw;}
#new #tokuten ul li.wide .title{padding:12px 0;}
#new #tokuten ul li.wide p{font-size:1.8vw; line-height:1.9; text-align:justify;}
#new #tokuten ul li:first-child .title .pentagon, #new #tokuten ul li:nth-child(2) .title .pentagon, #new #tokuten ul li:nth-child(3) .title .pentagon, #new #tokuten ul li:nth-child(4) .title .pentagon, #new #tokuten ul li:last-child .title .pentagon{left:0;}
#new #tokuten ul li:first-child .title h3, #new #tokuten ul li:nth-child(2) .title h3, #new #tokuten ul li:nth-child(3) .title h3, #new #tokuten ul li:nth-child(4) .title h3, #new #tokuten ul li:last-child .title h3{padding-left:0;}

/******************************************************/
/** クーリングオフ・解約について
/******************************************************/
#new #cancellation .box{width:auto;}
#new #cancellation .box.cancel{padding-bottom:0;}
#new #cancellation .box h3{margin:0; padding:0 0 20px;}
/*よくある質問(共通)*/
#new #cancellation #faq{margin:30px 0;}
#new #cancellation #faq h3+dl{margin:25px 0 0;}
/*ABOUT*/
#new #cancellation .about p{font-size:1.8vw; line-height:1.9;}
#new #cancellation .about ul.toi{width:100%; margin:auto;}
#new #cancellation .about ul.toi li{width:80%;margin:1vw auto;}
#new #cancellation .about ul.toi li:last-child{width:100%; margin-top:1.8vw; padding:2vw; box-sizing:border-box;}
#new #cancellation .about ul.toi li:last-child p{font-size:1.8vw; line-height:1.9; text-align:left;}
/*クーリング*/
#new #cancellation .box.cooling{}
#new #cancellation .box.cooling .about p{width:90%; height:300px; margin:auto; padding:1vw; border:solid 1px #dbd8d4; box-sizing:border-box; display:block; font-size:1.8vw; line-height:1.9;}
/*中途解約*/
#new #cancellation .box.cancel ul{width:90%; margin:20px auto 40px;}
#new #cancellation .box.cancel ul li{font-size:1.8vw; line-height:1.9;}
#new #cancellation .box.cancel ul.step li a{font-size:1.8vw; line-height:1;}
/*お問い合わせ*/
#new #cancellation .box#inquiry .flex{width:100%; margin:20px auto;}
#new #cancellation .box#inquiry .flex li{position:relative;}
#new #cancellation .box#inquiry .flex li b{font-size:2.4vw;}
#new #cancellation .box#inquiry .flex li p{font-size:1.8vw; line-height:1.9;}
#new #cancellation .box#inquiry .flex li b.freedial{width:100%;padding-right: 20px;box-sizing: border-box;font-size:4vw;position:absolute;top:inherit;bottom:0;}
#new #cancellation .box#inquiry p{width:100%; margin:auto; font-size:1.8vw; line-height:1.9; text-align:justify;}
#new #cancellation .box#inquiry p a{display:inline; width:auto; margin:auto;}