@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box; word-break:break-all;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ul,ol{ list-style:none;}
html,body {
margin:0 auto;
padding:0;
font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
font-size:18px;
text-align:left;
color:#424242;
min-width:750px;
}

img{ border-style:none; vertical-align:bottom; padding:0; line-height:0em; max-width:100%; height:auto;}
figure{ margin:0 auto; text-align:center;}

p{ line-height:1.75em; margin:0 0 1em; padding:0; text-align:left;}
p:last-child{ margin:0;}
a{ color:inherit; text-decoration:none;}
a:hover{}
.opa{ transition: all 0.3s ease;}
.opa:hover{ opacity: 0.7;}
@media screen and (max-width:640px){
p{ line-height:1.6em;}
}

.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}

.clear{ clear:both;}
.clearfix:after{ margin:0; padding:0; visibility:hidden; content:"."; display:block; line-height:0; clear:both;}

#wrapper{ width: 750px; margin: 0 auto; box-shadow:rgba(0, 0, 0, 0.10) 0 0 5px 2px;}

/*ヘッダー*/
#top-head {position:fixed; width:750px; left:0; right:0; top: 0; margin:auto; background:#fff; padding:10px 10px 0; border-bottom:1px solid #ed4a81; z-index:9999; transition: 0.3s;}
#top-head .before{display:block;}
#top-head .after{display:none;}
#top-head a,#top-head{ color:#fff; text-decoration: none;}
#top-head .inner{ position:relative; width:100%; margin:0 auto;}
#top-head .logo{ width: 20%; float:left; margin:0 auto; padding: 10px; transition: all 0.3s ease;}
#top-head .logo img{ margin:0 auto; transition: all 0.3s ease;}
/* transition */
#top-head,#top-head .logo, #top-head img{ transition: all 0.3s ease;}
/* Fixed */
#top-head.fixed{ padding:10px; border-bottom:1px solid #ed4a81;}
#top-head.fixed .logo{ margin:0; padding: 10px;}
#top-head.fixed .before{ /*display:none;*/}
#top-head.fixed .after{ /*display:block;*/}
.entryBtn{ width:100%; text-align:center; display:block; float:right; border-radius:20px; line-height:1.3em; padding:10px;}
.beforeTelBtn{ width:100%; text-align:center; display:block; float:left; border-radius:20px; line-height:1.3em; padding:10px;}
.storeBtn{ background:#ed4a81; color:#fff; padding:0.75em 0.75em; font-size:28px; line-height: 1em; text-align:center; display:block; float:right; border-radius:20px; margin-right: 10px;}
#top-head.fixed .mailBtn{ padding:0; text-align:center; display:block; float:right; margin-right:10px;}
#top-head.fixed .telBtn{ padding:0; text-align:center; display:block; float:right; margin-right:10px;}
#top-head.fixed .mailBtn img,
#top-head.fixed .telBtn img{ height: 70px;}
#top-head.fixed .storeafterBtn{ background:#ed4a81; color:#fff; padding:0.75em 0.75em; font-size:28px; line-height: 1em; text-align:center; display:block; float:right; margin-right:10px; border-radius:20px;}
.entryBtn, .beforeTelBtn, .storeBtn, #top-head.fixed .mailBtn, #top-head.fixed .telBtn, #top-head.fixed .storeafterBtn{ transition: all 0.3s ease;}
.storeBtn:hover, #top-head.fixed .mailBtn:hover, #top-head.fixed .telBtn:hover, #top-head.fixed .storeafterBtn:hover{ background:#ddd;}

/*フッター*/
#pagetop{ display: none; position: fixed; right: calc(50% - 365px); bottom: 60px; z-index: 100;}
#footer{ margin:0 auto; background:#c7b4a2;}
p.copyright{ text-align:center; margin:0; padding:40px 0; color:#fff; font-size:26px; line-height: 1.5em;}

/*メイン*/
#content{ overflow:hidden;}
section { width:100%; margin:0 auto;}
.maincontent { padding:0; margin:0 auto; width:690px;}

/*タイトル*/
h1,h2,h3,h4{ font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif; letter-spacing: 0.1em;}

/*メインビジュアル*/
#mv{ width: 100%; background: #fff; margin-bottom: 40px;}
#mv figure.box{ margin: -230px auto 0; position: relative;}
#mv a img { display: block; margin: 0 auto; width: 75%; }

/*sec001*/
#sec001{ background: url("../images/sec001_bg.jpg") center bottom no-repeat; padding-bottom: 800px;}
#sec001 p{ font-size: 30px; font-weight: bold; line-height: 2.6em; margin: 0; text-align: center; border-bottom: 2px dotted #c7b4a2; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
#sec001 #sec001_box{ margin-top: 80px; background: url("../images/sec001_box_bg.png") center center no-repeat; background-size: cover; padding: 60px 40px;}
#sec001 #sec001_box h3{ text-align: center; position: relative; padding-bottom: 30px; margin-bottom: 30px;}
#sec001 #sec001_box h3:after{ content: ""; width: 170px; height: 1px; background: #c7b4a2; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}
#sec001 #sec001_box ul li{ margin-bottom: 40px; font-size: 36px; line-height: 1em; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
#sec001 #sec001_box ul li:last-child{ margin-bottom: 0;}
#sec001 #sec001_box ul li strong{ color: #ff5b7a;}
#sec001 #sec001_box ul li span{ display: inline-block; vertical-align: middle; margin-right: 20px;}

/*sec002*/
#sec002{ padding: 60px 0;}
#sec002 h2{ text-align: center; margin-bottom: 30px;}
#sec002 ul{ letter-spacing: -1em; text-align: center; margin-bottom: 10px;}
#sec002 ul li{ display: inline-block; vertical-align: middle; letter-spacing: 0; margin:0 10px;}
#sec002 figure{ margin: 0 auto; position: relative;}
#sec002 figure span.ico{ font-size: 20px; line-height: 1em; color: #898989; position: absolute; right: 30px; bottom: 0;}

/*sec003*/
#sec003{ padding:0 0 90px;}
#sec003 h2{ background: url("../images/sec003_tit_bg.png") center center no-repeat; margin-bottom: 60px; text-align: center; font-size: 40px; letter-spacing: -0.05em; line-height: 1.4em; }
#sec003 h2 strong{ color: #ff5b7a;}

/*sec004*/
#sec004{ background: url("../images/sec004_bg.jpg") center center no-repeat; background-size: cover; padding: 120px 0;}
#sec004 .maincontent{ background: rgba(255,255,255,0.9); padding: 60px 20px 20px; position: relative;}
#sec004 .maincontent:before{ content: ""; background: url("../images/sec004_box_ico.png") center center no-repeat; background-size: 100% 100%; width: 100%; height: 23px; position: absolute; left: 0; right: 0; top: -23px; margin: auto;}
#sec004 .maincontent:after{ content: ""; background: url("../images/sec004_box_ico2.png") center center no-repeat; background-size: 100% 100%; width: 100%; height: 23px; position: absolute; left: 0; right: 0; bottom: -23px; margin: auto;}
#sec004 h2{ text-align: center; background: url("../images/sec004_tit_bg.jpg") center center no-repeat; background-size: cover; font-size: 40px; color: #fff; line-height: 1em; padding: 20px; margin: 0 20px 40px;}
#sec004 h3{ text-align: center; margin-bottom: 60px; font-size: 32px; line-height: 1em; color: #806b56;}
#sec004 h4{ text-align: center; margin: 40px auto; font-size: 36px; color: #ff5b7a; line-height: 1.25em;}
#sec004 h4 strong{ font-size: 50px;}
#sec004 h4 span{ display: block; font-size: 28px; letter-spacing: 0; line-height: 1.25em;}
#sec004 p{ font-size: 28px; line-height: 2em; text-align: center; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
/*背景がベタ塗りならcssで対応可*/
/*#sec004 p{ background-image: linear-gradient(to right, #fff 2px, transparent 2px), linear-gradient(to bottom, #c7b4a2 2px, transparent 2px); background-size: 4px 2em; background-position: 0 -2px;}*/
/*線が実線ならcssで対応可*/
/*#sec004 p{  background-image: linear-gradient(to bottom, #c7b4a2 1.1px, transparent 1px); background-size: 4px 2em; background-position: 0 -2px;}*/
#sec004 p{ background: url("../images/sec004_p_line.png") center top repeat-y;}
#sec004 dl{ display: table; table-layout: fixed; width: 590px; margin: 80px auto 0;}
#sec004 dl dt{ display: table-cell; vertical-align: middle; width: 140px;}
#sec004 dl dd{ display: table-cell; vertical-align: middle; padding-left: 50px; position: relative;}
#sec004 dl dd span{ position: absolute; left: 0; top: -40px;}
#sec004 dl dd p{ display: inline-block; background: #edf7ff; color: #6eafe7; font-size: 28px; line-height: 1.5em; padding:40px 50px; text-align: left; font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;}

/*sec005*/
#sec005{ background: #bde1ec; padding: 120px 0; position: relative;}
#sec005:before{ content: ""; background: url("../images/sec005_bg1.jpg") center center no-repeat; background-size: 100% 100%; width: 100%; height: 466px; position: absolute; left: 0; right: 0; top: 0; margin: auto;}
#sec005:after{ content: ""; background: url("../images/sec005_bg2.jpg") center center no-repeat; background-size: 100% 100%; width: 100%; height: 921px; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}
#sec005 .maincontent{ background: rgba(255,255,255,0.9); padding: 60px 20px 40px; position: relative; z-index: 3;}
#sec005 .maincontent:before{ content: ""; background: url("../images/sec005_box_ico.png") center center no-repeat; background-size: 100% 100%; width: 100%; height: 23px; position: absolute; left: 0; right: 0; top: -23px; margin: auto;}
#sec005 .maincontent:after{ content: ""; background: url("../images/sec005_box_ico2.png") center center no-repeat; background-size: 100% 100%; width: 100%; height: 23px; position: absolute; left: 0; right: 0; bottom: -23px; margin: auto;}
#sec005 h2{ text-align: center; background: url("../images/sec005_tit_bg.jpg") center center no-repeat; background-size: cover; font-size: 40px; color: #fff; line-height: 1em; padding: 20px; margin: 0 20px 40px;}
#sec005 h3{ text-align: center; margin-bottom: 60px; font-size: 32px; line-height: 1em; color: #806b56;}
#sec005 h4{ text-align: center; margin: 40px auto; font-size: 36px; color: #ff5b7a; line-height: 1.25em;}
#sec005 h4 strong{ font-size: 50px;}
#sec005 h4 span{ display: block; font-size: 26px; letter-spacing: 0; line-height: 1.25em;}
#sec005_collagen figure{ margin: 30px auto 45px;}
#sec005_collagen p{ font-size: 28px; line-height: 2em; text-align: center; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
#sec005_collagen p{ background: url("../images/sec005_p_line.png") center top repeat-y;}

#sec005 .maincontent{ overflow: hidden;}
#sec005_point{ margin-top: 120px;}
#sec005_point .sec005_point_in{ background: #f2fafa; width:calc(100% + 40px); margin-left: -20px; padding: 20px 40px 400px; position: relative; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
#sec005_point .sec005_point_in:before{ content:""; width: 0; height: 0; border-style: solid; border-width: 0 0 61px 750px; border-color: transparent transparent #f3fafa transparent; position: absolute; left: -25px; top: -60px;}
#sec005_point .sec005_point_in.point1{ background: url("../images/sec005_point_img1.png") center bottom no-repeat #f2fafa;}
#sec005_point .sec005_point_in.point2{ background: url("../images/sec005_point_img2.png") center bottom no-repeat #f2fafa;}
#sec005_point .sec005_point_in.point3{ background: url("../images/sec005_point_img3.png") center bottom no-repeat #f2fafa;}
#sec005_point .sec005_point_in.point4{ background: url("../images/sec005_point_img4.png") center bottom no-repeat;}

#sec005_point .sec005_point_in figure{ position: absolute; left: 0; right: 0; bottom: 0;}
#sec005_point .sec005_point_in h5{ text-align: center; margin-bottom: 50px;}
#sec005_point .sec005_point_in ul{ display: table; table-layout: fixed; width: 100%; text-align: center; margin: 40px auto;}
#sec005_point .sec005_point_in ul li{ display: table-cell; vertical-align: middle; background: #fff; font-size: 26px; text-align: center; padding: 0.25em;}
#sec005_point .sec005_point_in ul li:first-child{ border: 2px solid #7bb6e9; color: #7bb6e9;}
#sec005_point .sec005_point_in ul li:last-child{ border: 2px solid #57b5d0; color: #57b5d0;}
#sec005_point .sec005_point_in ul li.plus{ border: none; background: none; width: 45px; position: relative;}
#sec005_point .sec005_point_in ul li.plus:before{ content: ""; width: 25px; height: 2px; background: #7bb6e9; position: absolute; left: 0; right: 0; top: calc(50% - 1px); margin: auto;}
#sec005_point .sec005_point_in ul li.plus:after{ content: ""; width: 25px; height: 2px; background: #7bb6e9; position: absolute; left: 0; right: 0; top: calc(50% - 1px); margin: auto; transform: rotate(90deg)}
#sec005_point .sec005_point_in p{ text-align: center; font-size: 28px;}

#sec006{ background: url("../images/sec006_bg.jpg") center bottom no-repeat #fff; padding: 40px 0;}
#sec006 h2{ text-align: center; margin-bottom: 60px;}
#sec006 p{ text-align: center; margin: 0 auto;}
#sec006 figure{ margin: 60px auto 40px;}

#sec007{ padding: 100px 0 70px; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
#sec007 .maincontent{ border: 2px solid #c7b4a2; border-top: none; padding-bottom: 80px;}
#sec007 h2{ margin-bottom: 80px;}
#sec007 p.sec007_txt1{ text-align: center; padding-bottom: 100px; background: url("../images/sec007_txt_ico1.png") center bottom no-repeat; font-size: 34px; line-height: 1.5em;}
#sec007 figure.zu{ margin: 60px auto;}
#sec007 p.sec007_txt2{ text-align: center; padding: 30px 0 40px; background: url("../images/sec007_txt_ico2.png") center center no-repeat; transform: rotate(5deg); font-size: 40px; line-height: 1em; position: relative; z-index: 3;}
#sec007 #sec007_reason{ position: relative; margin: -80px auto 80px;}
#sec007 #sec007_reason .box{ position: absolute; right: 0; bottom: 120px;}
#sec007 h3{ text-align: center;}

#sec008{ font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif; position: relative; z-index: 5;}
#sec008 h2{ margin-bottom: 60px; text-align: center;}
#sec008 .sec008_box{ position: relative;}
#sec008 .sec008_box:nth-child(3){ z-index: 3; margin-top: -240px;}
#sec008 .sec008_box:nth-child(4){ z-index: 5; margin-top: -170px;}
#sec008 .sec008_box h3{ text-align: center; position: absolute; left: 0; right: 0; top: 120px; width: 690px; margin: auto; font-size: 36px; line-height: 1.5em; letter-spacing: 0; color: #806b56;}
#sec008 .sec008_box p{ text-align: center; position: absolute; left: 0; right: 0; top: 280px; width: 650px; margin: auto; font-size: 28px; line-height: 1.8em;}

#sec009{ background: url("../images/sec009_bg2.jpg") left center no-repeat; position: relative; padding: 20px 0;}
#sec009:before{ content: ""; width: 750px; height: 1368px;  background: url("../images/sec009_bg1.jpg") right top no-repeat; position: absolute; right: 0; top: -100px;}
#sec009:after{ content: ""; width: 750px; height: 888px;  background: url("../images/sec009_bg3.jpg") right bottom no-repeat; position: absolute; right: 0;  bottom: 0;}
#sec009 .maincontent{ background: rgba(255,255,255,0.9); box-shadow:rgba(0, 0, 0, 0.2) 0 0 24px 0; position: relative; z-index: 5; margin: 80px auto; padding: 80px 40px;}
#sec009 .maincontent:last-child{ padding-bottom: 20px;}
#sec009 h2{ text-align: center; margin-bottom: 60px;}
#sec009 #voice dl{ margin-bottom: 50px; padding-bottom: 50px; border-bottom: 2px dotted #c7b4a2;}
#sec009 #voice dl:last-child{ margin-bottom: 0; padding-bottom: 0; border: none;}
#sec009 #voice dl dt{ position: relative;}
#sec009 #voice dl span{ position: absolute; right: 0; bottom: 0; padding: 20px 20px 20px 50px; background: rgba(255,255,255,0.9); font-size: 26px; line-height: 1em; display: inline-block;}
#sec009 #voice dl span:before{ content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 66px 40px; border-color: transparent transparent rgba(255,255,255,0.9) transparent; position: absolute; left: -40px; top: 0;}
#sec009 #voice dl dd{ font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
#sec009 #voice dl dd h3{ margin: 40px auto 30px; color: #ff5b7a; font-size: 36px; line-height: 1.4em;}
#sec009 #voice dl dd p{ font-size: 28px; line-height: 1.5em;}
#sec009 #qanda dl{ margin-bottom: 60px;}
#sec009 #qanda dl:last-child{ margin-bottom: 20px;}
#sec009 #qanda dl dt{ position: relative; padding: 0 0 0 60px; margin-bottom: 30px; font-size: 34px; line-height: 1.75em; color: #6eafe7;}
#sec009 #qanda dl dt:before{ content: "Q."; font-size: 50px; line-height: 1em; position: absolute; left: 0; top: 0;}
#sec009 #qanda dl dd{ background: #f2faf9; padding: 1em; font-size: 27px; line-height: 1.75em; letter-spacing: -0.025em;}
#sec009 #qanda p#sec009_txt{ text-align: center;}

/*店舗一覧*/
#store_info{ padding: 40px 0 100px;}
#store_info h2{ margin-bottom: 60px; text-align: center;}
#store_info #store_info_img{ position: relative;}
#store_info #store_info_img p{ position: absolute; left: 30px; bottom: 30px; display: inline-block; background: rgba(255,255,255,0.9); padding: 1.5em 1em; font-size: 30px; line-height: 1.75em; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
#store_info figure{ margin: 50px auto 80px;}
#store_info dl dt{ font-size: 36px; line-height: 1em; padding: 1em; text-align: center; position: relative; border-bottom: 2px dotted #b2b2b2;}
#store_info dl dt:first-child{ border-top: 2px dotted #b2b2b2;}
#store_info dl dt span{ position: absolute; right: 30px; top: calc(50% - 15px); height: 30px; width: 30px; display: inline-block; transition: 0.3s; cursor: pointer;}
#store_info dl dt span:before{ content: ""; width: 30px; height: 4px; background: #c7b4a2; position: absolute; left: 0; top: calc(50% - 2px); transition: 0.3s;}
#store_info dl dt span:after{ content: ""; width: 30px; height: 4px; background: #c7b4a2; position: absolute; left: 0; top: calc(50% - 2px); transform: rotate(90deg); transition: 0.3s;}
#store_info dl dt.active span{ transform: rotate(180deg);}
#store_info dl dt.active span:after{ opacity: 0;}
#store_info dl dd{ padding: 0 10px; border-bottom: 2px dotted #b2b2b2;}
#store_info dl dd ul li a{ display: block; text-align: center; font-size: 30px; line-height: 1em; padding: 0.66em; background: #fff; transition: 0.3s;}
#store_info dl dd ul li:nth-child(2n) a{ background: #f6f2ec;}
#store_info dl dd ul li a:hover{ opacity: 0.7;}

/*cv_area*/
.cv_area{ padding-bottom: 60px; position: relative; z-index: 5;}
.cv_area figure.box{ margin: -230px auto 40px; position: relative;}
.cv_area h3{ font-size: 38px; letter-spacing: 0; text-align: center; background: url("../images/cv_line.png") center bottom no-repeat; padding-bottom: 30px;}
.cv_area figure.btn{ margin: 20px auto;}
.cv_area figure.btn a{ transition: 0.3s;}
.cv_area figure.btn a:hover{ opacity: 0.7;}
.cv_area .cv_in{ margin-top: 60px;}
.cv_area .cv_in .cv_in_txt{ width: 640px; margin: -110px auto 0; padding: 60px 40px; background: rgba(255,255,255,0.9); box-shadow:rgba(0, 0, 0, 0.2) 0 0 24px 0; position: relative; z-index: 3; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;}
.cv_area .cv_in .cv_in_txt h4{ font-size: 34px; line-height: 1.5em; margin-bottom: 0.75em; text-align: center;}
.cv_area .cv_in .cv_in_txt p{ font-size: 28px; text-align: center;}