@charset "UTF-8";

/* default sp
----------------------------------------------- */
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { margin: 0; padding: 0; font: inherit; word-wrap: break-word; border: 0; vertical-align: baseline; outline: none; }
body { padding: 0; margin: 0; color: #000; font-size: 3.5vw; font-family: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; -webkit-text-size-adjust: 100%; font-style: normal; line-height: 1; }
article, aside, canvas, details, figcaption, figure, header, footer, hgroup, main, menu, nav, section, summary { display: block; }
blockquote, q { quotes: none; }
strong, b { font-weight: bold; }
ul, ol, li { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
img, video, object { height: auto; border: none; display: block; }
ins { background: none; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr { height: 1px; padding: 0; margin: 1em 0; border: 0; border-top: 1px solid #ccc; display: block; }
*:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
a { color: #000; text-decoration: none; display: block; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
a:hover { opacity: 0.6; }
.clearfix:after { content: ''; display: block; clear: both; }
.pc { display: none; }
.sp { display: block; }

img { max-width:100%;width: 100%;}
.wrapper { width: 100%; position: relative; }
.container { width: 100%; overflow: hidden; z-index: 1; position: relative; }

div.mb20{margin-bottom: 4vw;}
div.mb40{margin-bottom: 6vw;}
div.mb60{margin-bottom: 8vw;}
div.mb80{margin-bottom: 10vw;}
div.mb100{margin-bottom: 14vw;}

/* font */
:root { 
    --mincho: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", serif; 
    --gothic:  游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; 
    }


/* keyframes
----------------------------------------------- */
a.shines{position: relative;z-index:0;}
a.shines:before{content: '';display: block;position: absolute;width: 100%;height: 100%;top: 0;left: -100%;background: -moz-linear-gradient(320deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 75%);background: -webkit-linear-gradient(320deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 75%);background: linear-gradient(130deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 75%);-moz-animation: shine 3s infinite;-webkit-animation: shine 3s infinite;animation: shine 3s infinite;z-index: 1;}
@-webkit-keyframes shine { 100% { left: 100%; } }
@keyframes shine { 100% { left: 300%; } }

    
/* cv
----------------------------------------------- */
.cv{position:absolute;}


/* footer sp
----------------------------------------------- */
.footer{background: #f69ca7; padding: 6vw 0 26vw;}
.copyright{text-align:center;color: #fff;font-feature-settings:"palt";letter-spacing: .08em;line-height: 1.5; font-size: 3.6vw;}
.footer-fixed{width:100%;opacity:0;visibility:hidden;z-index:9;position:fixed;bottom:0;left:0;-moz-transition:all 0.4s cubic-bezier(0.76,0,0.24,1);-o-transition:all 0.4s cubic-bezier(0.76,0,0.24,1);-webkit-transition:all 0.4s cubic-bezier(0.76,0,0.24,1);transition:all 0.4s cubic-bezier(0.76,0,0.24,1);}
.footer-fixed.active{opacity:1;visibility:visible;}
.footer a{width: 70%;margin: 4vw auto 6vw;}




/* tokuten
----------------------------------------------- */
.tokuten{position: relative;margin-top: -8vw;}
.tokuten .cv{width: 92vw;bottom: 8vw;left: 5vw;}




/* gellary
----------------------------------------------- */
.gellary{position: relative;background: url(../images/gellary-bg.jpg) repeat top center;background-size: 100%;padding: 12vw 0vw 55vw;}
.gellary-ttl{width: 88vw;margin: 0 auto 7vw;}
.gellary_items{margin: 0 auto;}
.gellary_items li{margin:0 5vw;}
.gellary_items li img{width: 86vw;}
.gellary .cv{width: 94vw;bottom: 8vw;left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);}

.thumbnail{width: 100%;margin: 3vw auto 0;}
.thumbnail-img{width: 40vw;margin: 0 2.5vw;}
.thumbnail img { height: auto; width: 100%;}




/* reason
----------------------------------------------- */
.reason{background: #fef2f2}
.reason03{position: relative;background:#fef2f2 url(../images/reason03.jpg) no-repeat top center;background-size: 100%;padding: 98vw 0 62vw;}
.reason03 .cv{width: 88vw;left: 6.5vw;bottom: 22vw;}




/* voice
----------------------------------------------- */
.voice{position: relative;background: url(../images/voice-bg.jpg) repeat top center;background-size: 100%;padding: 12vw 0 60vw;}
.voice-ttl{width: 56vw;margin: 0 auto 10vw;}
.voice_items{margin: 0 auto;}
.voice_items .voice_item{margin:0 2vw;}
.voice_items .voice_item img{width: 80vw;}
.voice .cv{width: 92vw;bottom: 11vw;left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);}




/* info
----------------------------------------------- */
.info{position: relative;background: url(../images/info-bg.jpg) repeat top center;background-size: 100%;padding: 12vw 0 15vw;}
.info-ttl{width: 84vw;margin: 0 auto 10vw;}
.info-set{width: 90vw;margin: 0 auto 5vw;}
.info-shop{width: 90vw;margin: 0 auto 8vw; background: #ffe9ec;padding: 6vw;}
.info-shop .name{background: #fc7b8a;color: #fff;font-weight: bold;text-align: center;padding: 2vw 0;font-size: 5vw;margin-bottom: 4vw;}
.info-shop .info-shop-address{line-height: 1.5; font-size: 4vw;margin-bottom: 3vw;}
.info-shop .info-shop-tel{display: inline;font-weight: bold;color: #fc7b8a;letter-spacing: 0.04em;font-size: 7.2vw;}
.info-shop iframe{vertical-align: bottom;height: 50vw;margin-top: 5vw;}

.company{text-align: center;line-height: 1.8;margin: 15vw auto 0;}
.company p,.company address{color: #595757;}
.company a{color: #fff;text-align: center;font-weight: bold;background: #00c3a2;position: relative;padding: 3vw 0;width: 90vw;margin: 5vw auto 0;font-size: 4.8vw;}
.company a::after{content: "\f105";font-family: 'icon';font-weight: normal;position: absolute;top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);right: 3vw;}




/*store
----------------------------------------------- */
.store{padding: 12vw 0 50vw;background: url(../images/store-bg-pc.jpg) repeat top center;background-size: 150%;position: relative;}
.store-ttl{width: 90vw;margin: 0 auto 8vw;}
.store-ttl img{width: 100%}
.store .cv{width: 94vw;bottom: 8vw;left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);}

.store-list{width: 90%;margin: 0 auto 8vw;}
.store-list:last-of-type{margin-bottom: 0;}
.store-list .ttl{background: #fc7b8a;color: #fff;text-align: center;font-weight: 600;font-size: 4vw;padding: 3vw 0;margin-bottom: 3vw}

.store-list dl{margin-bottom:5vw;}
.store-list dl:last-of-type{border-bottom:none;}
.store-list dt{text-align: center;font-weight: 600;background:#ffe9ec;padding: 3vw 0;margin-bottom: 2vw;position: relative;}
.store-list dt span{position: absolute;right: 3vw;}
.store-list dd{line-height: 1.8;}
.store-list p.ast{padding: 3vw 0;}




/*qa
----------------------------------------------- */
.qa{background: url(../images/qa-bg.jpg) repeat top center;background-size: 100%;padding: 12vw 0;}
.qa-ttl{width: 40vw;margin: 0 auto 8vw;}
.qa-ttl img{width: 100%;}

.qa-list{width: 90%; margin: 0 auto;}
.qa-list:last-of-type{margin-bottom: 0;}
.qa dl {margin: 0 auto 5%;}
.qa dt {position: relative;padding: 3vw 9vw 3vw 10vw;cursor: pointer;line-height: 1.5;font-size: 4vw;width: 100%;text-indent: -2.1em;font-feature-settings: "palt";letter-spacing: .02em;background: #fff;color: #fc7b8a;font-weight: 600;}
.qa dt span{font-size: 5vw;color:#f7e0e0;line-height: 1;font-family: "Damion", cursive;font-weight: 400;font-style: normal;margin-right: 3vw;}
.qa dt:before, .qa dt:after {content: '';background:#fc7b8a;position: absolute;top: 0;right: 0;}
.qa dt:before {width: 16px;height: 2px;top: calc(50% - 0px);right: 13px;}
.qa dt:after {width: 2px;height: 16px;top: calc(50% - 10px);right: 20px;-webkit-transition: 0.3s;transition: 0.3s;transform: translate(0, 3px);}
.qa dt.open:after {-moz-transform: rotate(90deg) translate(3px, 0);-ms-transform: rotate(90deg) translate(3px, 0);-webkit-transform: rotate(90deg) translate(3px, 0);transform: rotate(90deg) translate(3px, 0);}
.qa dd {display: none;padding: 5%;}
.qa dd p {text-align: justify;font-feature-settings: "palt";font-weight: 400;letter-spacing: .02em;font-size: 3.8vw;line-height: 1.8;color: #595757;margin-bottom: 3vw}
.qa dd p:last-child {margin-bottom: 0;}
.qa dl:last-child{margin-bottom: 0;}
.qa dd li{margin-bottom: 2vw}

.qa .point{padding: 6%;background:#fffbf2;margin-bottom: 3vw}
.qa .point p{margin-bottom: 3vw}
.qa .point p.ttl span{margin-bottom: 0;padding-bottom: 0;border-bottom: none;border-left: 5px solid #fc7b8a;line-height: 1.4;padding-left: 10px;}
.qa .point span{font-weight: 600;display: block;border-bottom: 1px dotted #ccc;margin-bottom: 1.5vw;padding-bottom: 1.5vw;}





/* =============================================
pc-size
================================================*/
@media screen and (min-width: 736px) {
    
body { font-size: 16px; }
.sp { display: none; }
.pc { display: block; }

.set {width:2000px;position: relative;top: 0;left: 50%;-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);max-width:150%;}
.inner{width: 90%;max-width: 960px;}

div.mb20{margin-bottom: 20px;}
div.mb40{margin-bottom: 40px;}
div.mb60{margin-bottom: 60px;}
div.mb80{margin-bottom: 80px;}
div.mb100{margin-bottom: 100px;}


/* header
----------------------------------------------- */
.header-fixed img{width: 100%;}
.header-fixed{width:322px; z-index:9; position:fixed; top:20px; right:calc(50% - 660px);}

/* footer
----------------------------------------------- */
.footer{padding: 10px 0;}
.copyright{font-size: 18px;}
.footer-fixed{width: 300px;bottom:10px;left: auto;right: 10px;}
.footer a{width: 304px;margin: 10px auto 30px;}

/* main
----------------------------------------------- */
.top-hero { width: 2000px; position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    
.tokuten{margin-top: 0;}
.tokuten .cv{max-width: 1200px;bottom: 45px;left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
    
.gellary{background: url(../images/gellary-bg-pc.jpg) no-repeat top center;background-size: 2000px;padding: 100px 0 400px;max-width: 100%;}
.gellary-ttl{width: 728px;margin: 0 auto 40px;}
.gellary_items{max-width: 100%;}
.gellary_items li{margin: 0 20px;}
.gellary_items li img{width: 493px;}
.gellary_items .slick-prev {left: calc(50% - 290px);}
.gellary_items .slick-next {right: calc(50% - 290px);}  
.thumbnail{display: none;}
.gellary .cv{width: 851px;bottom: 100px;left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
    
.reason03{position: relative;background: #fef2f2 url(../images/reason03-pc.jpg) no-repeat top center;background-size: 100%;padding: 400px 0 480px;max-width: 100%;}
.reason03 .cv{width:60vw;left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.reason03 .gellary_items{top:2vw}
.reason03 .gellary_items li img {width:28vw} 
.reason03 .gellary_items .slick-prev {left: calc(50% - 250px);}
.reason03 .gellary_items .slick-next {right: calc(50% - 250px);} 
    
.voice{background: url(../images/voice-bg-pc.jpg) repeat top center;background-size: 100%;padding: 115px 0 340px;max-width: 100%;}
.voice-ttl{width: 302px;margin: 0 auto 50px;}
.voice_items .voice_item{margin:0 20px;}
.voice_items .voice_item img{width: 930px;}
.voice .cv{width: 670px;bottom: 115px;left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
    
.info{background: url(../images/info-bg-pc.jpg) repeat top center;background-size: 100%;padding: 115px 0 70px;max-width: 100%;}
.info-ttl{width: 616px;margin: 0 auto 60px;}
.info-set{width: 1151px;margin: 0 auto 40px;}
.info-shop{width: 90%;max-width: 1200px; margin: 0 auto 20px; padding: 40px;}
.info-shop .name{padding: 16px 0;font-size: 30px;margin-bottom: 20px;}
.info-shop .info-shop-address{ font-size: 20px;margin-bottom: 20px;}
.info-shop .info-shop-tel{font-size: 32px;}
.info-shop iframe{height: 350px;margin-top: 30px;}
    
.company{margin: 30px auto 0;}
.company a{padding: 8px 0;width: 470px;margin: 20px auto 0;font-size: 24px;}
.company a::after{right: 15px;}
	
.store{padding:140px 0 280px;background: url(../images/store-bg-pc.jpg) repeat top center;background-size: 2000px}
.store-ttl{width:597px;margin-bottom: 50px;}
.store-list{max-width: 1200px;margin-bottom: 50px;}
.store-list .ttl{font-size: 24px;padding: 15px 0;margin-bottom: 30px;}
.store .cv{width: 851px;bottom: 100px;left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
	
.store-list dl{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between;align-items: center;border-bottom: 1px solid #ccc;margin-bottom: 0;color: #595757;}
.store-list dt{width: 30%;padding: 30px 0;margin-bottom: 0;font-size: 18px;}
.store-list dt span{right: 15px;bottom: 15px;}
.store-list dd{width: 68%;font-size: 18px;}
.store-list p.ast{padding: 15px 0;text-align: right;}
	
	
.qa{padding:140px 0;background: url(../images/qa-bg-pc.jpg) repeat top center;background-size: 2000px}
.qa-ttl{width:260px;margin-bottom: 50px;}
.qa-list{margin-bottom: 100px;max-width: 1200px;}
.qa dl {margin: 0 auto 20px;}
.qa dt {padding: 14px 20px;font-size: 24px;text-indent: 0;}
.qa dt span{font-size: 20px;margin-right: 15px;}
.qa dd {padding: 20px 30px;font-size: 15px;}
.qa dd p {font-size: 18px;margin-bottom: 20px;}

.qa dd li{margin-bottom:10px;}
	
.qa .point{padding: 20px;margin-bottom: 20px;}
.qa .point p{margin-bottom: 20px;}
.qa .point span{padding-bottom: 10px;margin-bottom: 10px;}
	
}






/* =============================================
tablet-size
================================================*/
@media screen and (min-width: 736px) and (max-width:1024px) {
	
.tokuten .cv{bottom:3vw;}
	
.header-fixed{right: calc(50% - 450px);width:250px;}
	
.voice_items .voice_item{width: 75vw;}
.gellary_items li img{width: 35vw;}
.reason03{padding: 64vw 0 5vw;}
.reason03 .gellary_items{position: relative;top: -28vw}
.reason03 .gellary_items li img {width: 32vw}
.reason03 .cv{width:60vw;bottom: 15vw}
	
.gellary_items .slick-prev {left: calc(50% - 200px);}
.gellary_items .slick-next {right: calc(50% - 200px);} 
	
.gellary{ padding: 100px 0 300px;}
.gellary .cv{width:86vw;}
.store .cv{width:86vw;}
       
}

@media screen and (min-width: 1200px) {
	
.reason03{padding: 400px 0 480px}
.reason03 .cv{width:800px;bottom:200px}
.reason03 .gellary_items li img {width:440px}

	
}




/* =============================================
retina用
================================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2),screen and (min-width: 736px) and (min-resolution: 2dppx) {

.gellary{background: url(../images/gellary-bg-pc@2x.jpg);background-size: 100%;}
.reason03{background: #fef2f2 url(../images/reason03-pc@2x.jpg) no-repeat top center;background-size: 100%;}
.voice{background: url(../images/voice-bg-pc@2x.jpg) repeat top center;background-size: 100%;}
.store{background: url(../images/store-bg-pc@2x.jpg) repeat top center;background-size: 100%;}
.qa{background: url(../images/qa-bg-pc@2x.jpg) repeat top center;background-size: 100%;}



}