@charset "UTF-8";/* Scss Document */
html:not(.responsive){min-width:1100px;/* viewport */}
/*=============================================
 * body
 *=============================================*/
body{font-size:14px;line-height:2;letter-spacing:0.1em;color:#51362d;font-family:'Noto Sans JP',sans-serif;background:url('../img/shared/bg.jpg');min-width:inherit;min-height:inherit;max-height:100%;font-weight:500}
img{width:100%;height:auto}
@media screen and (min-width:767px){body{font-size:15px;line-height:2.15;letter-spacing:0.1em}img{width:auto}}
/*=============================================
 * fonts - DON'T EDIT
 *=============================================*/
.fnt-mincho{font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif}
.fnt-meiryo{font-family:"メイリオ",Meiryo,"ヒラギノ角ゴシックPro","ＭＳ ゴシック","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}
.fnt-gothic{font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif}
/*=============================================
 * .fnt - customs
 *=============================================*/
.fnt-serif{font-family:'Noto Serif JP',serif}
.fnt-notosan{font-family:'Noto Sans JP',sans-serif}
.fnt-playfair{font-family:'Playfair Display',serif}
.fnt-roboto{font-family:'Roboto',sans-serif}
.fnt-cinzel{font-family:'Cinzel',serif}
.fnt-shippori{font-family:'Shippori Mincho',serif}
/*=============================================
 * <main>
 *=============================================*/
main{clear:both;width:100%;position:relative;overflow:hidden}
.wrap{max-width:1000px;width:100%;box-sizing:border-box}
.wrap2{max-width:1100px;width:100%;box-sizing:border-box}
/*=============================================
 * <header>
 *=============================================*/
header{position:relative;box-sizing:border-box}
@media screen and (min-width:768px){header{box-sizing:border-box}}
.nav-fixed{position:absolute;opacity:0;z-index:111;visibility:hidden}
.nav-fixed.fixed{position:fixed;top:0;opacity:1;visibility:visible}
/*=============================================
 * <footer>
 *=============================================*/
footer{padding:0;color:#000}
footer address{font-size:13px;letter-spacing:0.18em;margin-top:5px}
iframe{width:100%;height:100%}
#gmap{height:600px}
@media screen and (max-width:767px){#gmap{height:400px}footer{z-index:30}address{}}
footer .cookies_link a{display:inline-block}
footer .cookies_link a:hover{text-decoration:underline}
@media screen and (max-width:480px){}/*============================================= * .socialbuttons *=============================================*//*====================== ft-fixed ====================== *//*============================================= * copyright *=============================================*/.btn_fixed{position:fixed;right:0;top:187px;z-index:100;opacity:0;pointer-events:none;transition:ease 0.3s}.has-nav .btn_fixed{opacity:1;pointer-events:visible}@media screen and (min-width:768px){.sp{display:none!important}}
#pagetop{bottom:10px;right:70px}
@media screen and (max-width:767px){#pagetop{width:50px;bottom:100px;right:5px}}
.menu-toggle{opacity:0;visibility:hidden;position:fixed;width:100%!important;top:0;right:0;overflow-y:auto;height:100%;color:#fff;z-index:999;padding:100px 0 150px;background:rgba(14,12,12,0.95);background:url('../img/shared/ham_bg_sp.png');box-sizing:border-box;transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-webkit-overflow-scrolling:touch;/* white-space:nowrap;*/}
@media screen and (max-width:767px){.pc{display:none!important}}
.navOpen #menu-toggle{opacity:1;visibility:visible;pointer-events:visible}
.navOpen #menu-toggle li{opacity:1;transform:matrix(1,0,0,1,0,0)}
.hamburger{position:fixed;top:0;z-index:100;right:0;border-radius:0;text-align:center;z-index:9999;width:95px;padding:0}
.has-nav .hamburger{opacity:1;visibility:visible}
.hamburger .off{position:absolute;top:0;left:0;z-index:2;opacity:0!important}
.navOpen .hamburger .off{opacity:1!important}
.navOpen .hamburger .on{opacity:0;visibility:hidden}
.navOpen .hamburger{width:40px;top:40px;right:25px}
.hamburger:after{font-size:11px;content:'メニュー';display:block;text-align:center;margin-top:-5px;color:#fff;font-weight:700;line-height:1;font-family:'Noto Serif JP',serif;display:none}
.navOpen .hamburger:after{content:'閉じる'}
.navOpen .hamburger{/* background:transparent;*/}
.navOpen .hamburger-inner::before,.navOpen .hamburger-inner::after,.navOpen .hamburger-inner{border-radius:0;/* height:3px;*/}
body.navOpen,body.navOpen *,body.navOpen *:hover,body.navOpen *:focus,body.navOpen *:active{/*    cursor:none!important;*/
    touch-action:none!important;pointer-events:none!important}
body.navOpen .hamburger,body.navOpen #menu-toggle,body.navOpen #menu-toggle *{touch-action:auto!important;pointer-events:visible!important}
body.navOpen,body.navOpen *,body.navOpen *:hover,body.navOpen *:focus,body.navOpen *:active{/*    cursor:none!important;*/
    touch-action:none!important;pointer-events:none!important}
body.navOpen .hamburger,body.navOpen #navigation,body.navOpen #navigation *{touch-action:auto!important;pointer-events:visible!important}
.navOpen{overflow:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:none!important;pointer-events:none!important}
.hamburger-box{height:30px}
.dis_flex{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}
button{border:none;cursor:pointer}
.slick-arrow{font-size:0;width:90px;height:90px;line-height:0;position:absolute;z-index:7}
.slick-arrow.slick-prev{background:url("../img/shared/left.png") no-repeat center/100% auto}
.slick-arrow.slick-next{background:url("../img/shared/right.png") no-repeat center/100% auto}
@media screen and (max-width:480px){.slick-arrow{width:22px;height:22px}}
.slick-dots{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;z-index:5;position:absolute;right:37px;bottom:90px}
.slick-dots li{width:11px;height:11px;margin:0 9px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;background:transparent;border-radius:50%;cursor:pointer;border:1px solid}
.slick-dots li button{width:13px;height:13px;line-height:0;font-size:0;background:transparent}
.slick-dots li.slick-active{background:#1d1d1d}
@media only screen and (min-width:1200px){.slick-dots li:hover{background:#1d1d1d}}
@media only screen and (min-width:1000px){.dis_flex_pc{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}}
.txt-center{text-align:center}
.txt-vertical1{cursor:vertical-text;writing-mode:vertical-rl;-o-writing-mode:vertical-rl;-ms-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;-moz-writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;text-orientation:upright;word-wrap:break-word}
.txt-vertical1 .int{writing-mode:lr-tb;-o-writing-mode:horizontal-tb;-ms-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;-moz-writing-mode:horizontal-tb;-webkit-writing-mode:horizontal-tb;display:inline-block;text-align:center;line-height:1}
.txt-vertical1 .txt-latin{cursor:vertical-text;direction:rtl;writing-mode:vertical-rl;-o-writing-mode:vertical-rl;-ms-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;-moz-writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;text-orientation:sideways-right;-o-text-orientation:sideways-right;-ms-text-orientation:upright;-ms-text-orientation:sideways-right;-moz-text-orientation:sideways-right;-webkit-text-orientation:sideways-right;letter-spacing:.25em}
@media only screen and (min-width:768px){.txt-vertical-pc{cursor:vertical-text;writing-mode:vertical-rl;-o-writing-mode:vertical-rl;-ms-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;-moz-writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;text-orientation:upright;word-wrap:break-word}.txt-vertical-pc .int{writing-mode:lr-tb;-o-writing-mode:horizontal-tb;-ms-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;-moz-writing-mode:horizontal-tb;-webkit-writing-mode:horizontal-tb;display:inline-block;text-align:center;line-height:1}.txt-normal-pc .int{height:1.1em}.txt-vertical-x>*{writing-mode:rl-tb;-o-writing-mode:vertical-tb;-ms-writing-mode:vertical-tb;-ms-writing-mode:rl-tb;-moz-writing-mode:vertical-tb;-webkit-writing-mode:vertical-tb;transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);display:inline-block;white-space:nowrap;word-wrap:break-word;width:1px;line-height:1}.txt-vertical-pc .txt-latin{cursor:vertical-text;direction:rtl;writing-mode:vertical-rl;-o-writing-mode:vertical-rl;-ms-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;-moz-writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;text-orientation:sideways-right;-o-text-orientation:sideways-right;-ms-text-orientation:upright;-ms-text-orientation:sideways-right;-moz-text-orientation:sideways-right;-webkit-text-orientation:sideways-right;letter-spacing:.25em}}
@media only screen and (max-width:768px){.txt-vertical-sp{cursor:vertical-text;writing-mode:vertical-rl;-o-writing-mode:vertical-rl;-ms-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;-moz-writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;text-orientation:upright;word-wrap:break-word}.txt-vertical-sp .int{writing-mode:lr-tb;-o-writing-mode:horizontal-tb;-ms-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;-moz-writing-mode:horizontal-tb;-webkit-writing-mode:horizontal-tb;display:inline-block;text-align:center;line-height:1}.txt-normal-sp .int{height:1.1em}.txt-vertical-x>*{writing-mode:rl-tb;-o-writing-mode:vertical-tb;-ms-writing-mode:vertical-tb;-ms-writing-mode:rl-tb;-moz-writing-mode:vertical-tb;-webkit-writing-mode:vertical-tb;transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);display:inline-block;white-space:nowrap;word-wrap:break-word;width:1px;line-height:1}.txt-vertical-sp .txt-latin{cursor:vertical-text;direction:rtl;writing-mode:vertical-rl;-o-writing-mode:vertical-rl;-ms-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;-moz-writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;text-orientation:sideways-right;-o-text-orientation:sideways-right;-ms-text-orientation:upright;-ms-text-orientation:sideways-right;-moz-text-orientation:sideways-right;-webkit-text-orientation:sideways-right;letter-spacing:.25em}}
/* CSS for IE */
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){#ft-fixed .btn-link.btn-shop a::before{-ms-writing-mode:lr-tb}}
@media screen and (min-width:768px){.bg-parallax-pc{position:relative;z-index:0}.img-parallax-pc{clip:rect(0,auto,auto,0);margin-bottom:0;height:100%;position:absolute;top:0;left:0;right:0;z-index:1}.img-parallax-pc img{width:100%!important;height:100vh!important;position:fixed;bottom:0;left:0;padding:0;margin:0;object-fit:cover;z-index:1;transform:translateZ(0)}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.img-parallax-pc img{height:auto;object-fit:unset;top:50%;transform:translateY(-50%)!important}}}
.bg-parallax{position:relative;z-index:0}
.img-parallax{clip:rect(0,auto,auto,0);margin-bottom:0;height:100%;position:absolute;top:0;left:0;right:0;z-index:-1}
.img-parallax img{width:100%!important;height:100vh!important;position:fixed;bottom:0;left:0;padding:0;margin:0;object-fit:cover;z-index:0;transform:translateZ(0)}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.img-parallax img{height:auto!important;object-fit:unset;top:50%;transform:translateY(-50%)!important}}
.nav-fixed{background-color:#ba9b40;background:url("../img/shared/bg.jpg");color:#000;position:absolute;right:0;left:0;width:100%}
/*====================== ft-fixed ====================== */
#ft-fixed{position:fixed;bottom:0;left:0;right:0;opacity:0;visibility:hidden;background:#a58d55;color:#fff;z-index:99}
/* iPhone X */
@media only screen and (min-device-width:375px) and (min-device-height:812px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait){.has-nav footer:after{content:'';position:fixed;bottom:0;left:0;right:0;height:36px;z-index:5}#ft-fixed{padding-bottom:calc(env(safe-area-inset-bottom) - 0)}}
/* iPhone XR */
@media only screen and (min-device-width:414px) and (min-device-height:896px) and (-webkit-device-pixel-ratio:2) and (orientation:portrait){.has-nav footer:after{content:'';position:fixed;bottom:0;left:0;right:0;height:36px;z-index:5}#ft-fixed{padding-bottom:calc(env(safe-area-inset-bottom) - 0)}}
.navOpen #ft-fixed{z-index:0}
.has-nav #ft-fixed{opacity:1;visibility:visible}
.toggle-sp .toggle-link:after{font-family:"fontello";font-style:normal;font-weight:normal;line-height:20px;color:#FFF;content:'\f13a';font-size:13px;display:block;margin-top:10px}
.toggle-sp .toggle-main{display:none}
.toggle-sp.active .toggle-main{display:block}
.toggle-sp.active .toggle-link:after{content:'\f139'}
@media screen and (min-width:767px){.toggle-sp .toggle-link:after{display:none}.toggle-sp .toggle-link{cursor:auto}.toggle-sp .toggle-main{display:block!important;height:auto!important}}
/*=============================================
 * desgin
 *=============================================*/
#popup1 h2{padding-top:44px;margin-bottom:20px}
#popup1 h3{font-size:17px;letter-spacing:0.075em;margin-bottom:50px}
#popup1 .flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 50px}
#popup1 .flex p.txt{width:415px;line-height:2.6;max-width:100%}
#popup1 .flex ul{width:449px;border:1px solid #fff;padding:50px 0 50px 75px;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%}
#popup1 .flex ul li{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}
#popup1 .flex ul li span{margin-right:10px}
@media screen and (max-width:768px){.remodal-close{right:20px}#popup1 h2{padding-top:80px;width:70%;margin:0 auto 5%}#popup1 h3{letter-spacing:0;font-size:4vw;margin-bottom:14%}#popup1 .wrap{padding:0}#popup1 .flex{display:block;padding:0}#popup1 .flex p.txt{margin-bottom:50px;margin:0 auto 50px;letter-spacing:0}#popup1 .flex ul{padding-left:30px;padding-right:20px;text-align:left;margin:0 auto}}
#header .group{position:relative;z-index:3}
#header .group .group-logo{padding-top:3vw;margin-left:5%;position:relative;width:50%}
#header .group .group-logo .sns{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:29vw;z-index:2;left:67%}
#header .group .group-logo .sns li+li{margin-left:2vw}
#header .group .group-logo .sns li{width:4vw}
#header .group .group-logo .sns li:last-of-type{width:6vw}
#header #key{margin:11vw 0 0;background:url(../img/hoten/key_deco.png) repeat-x center 101% /150% auto,url(../img/hoten/key.jpg) no-repeat top center/cover;position:relative;padding-bottom:25vw}
#header #key .btn{width:40%;margin-left:5%;padding-top:5vw}
#header #key h2{width:70%;margin:0 auto 0}
#header #key h3{width:70%;margin:0 auto}
.menu-toggle .logo{width:70%;margin:0 auto 30px}
.menu-toggle .tel{text-align:center;margin:0 15%;border-top:1px solid;border-bottom:1px solid;color:#fff;padding:25px 0;font-size:16px;line-height:1.5}
.menu-toggle .tel small{font-size:18px}
.menu-toggle .tel span{font-size:26px}
.menu-toggle .btn-web{margin:20px 18%}
.menu-toggle .sns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.menu-toggle .sns li+li{margin-left:15px}
.menu-toggle .nav{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:2;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:60px 0 30px}
.menu-toggle .nav li+li{margin-left:15px}
.menu-toggle .nav li a{display:block;position:relative;font-size:16px;color:#fff;letter-spacing:0.16em;line-height:1.6;text-decoration:none;cursor:pointer;font-weight:400}
.menu-toggle .nav li a::before{content:'';position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:url("../img/shared/active.png") no-repeat center/100% auto;width:31px;height:30px;top:-38px;opacity:0;visibility:hidden}
.menu-toggle .nav li a.active::before{opacity:1;visibility:visible}
.menu-toggle .btn{margin:0 15%}
@media screen and (min-width:767px){.nav-fixed{background:rgba(75,50,42,0.96);color:#fff;-webkit-box-shadow:0 0 51.33px 35.67px rgba(0,0,0,0.14);box-shadow:0 0 51.33px 35.67px rgba(0,0,0,0.14)}.nav-fixed .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-fixed .center .nav{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:7px;padding-top:10px}.nav-fixed .center .nav li+li{margin-left:25px}.nav-fixed .center .nav li{color:#cbc7c3;position:relative}.nav-fixed .center .nav li::after{content:'/';position:absolute;right:-15px;top:0}.nav-fixed .center .nav li:last-of-type::after{display:none}.nav-fixed .center .nav li a{line-height:1.5;font-size:13px;font-weight:500;padding-bottom:5px;text-decoration:none;border-bottom:1px solid transparent}.nav-fixed .center .nav li a.active,.nav-fixed .center .nav li a:hover{border-color:#cbc7c3}.nav-fixed .center .sns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:10px}.nav-fixed .center .sns li+li{margin-left:12px}.nav-fixed .right{width:159px;margin-right:-2px}.nav-fixed .right .tel{color:#edede6;line-height:1.3;font-size:8px;font-weight:700;text-align:center}.nav-fixed .right .tel span{display:block;font-weight:400;font-size:20px;letter-spacing:0}.nav-fixed .right .tel span::before{content:'';display:inline-block;background:url("../img/shared/icon_phone.png");width:16px;height:12px;vertical-align:middle;margin-right:5px}#header .group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#header .group .group-tel{margin-right:104px;padding-top:73px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#header .group .group-tel .tel{color:#51362d;font-size:15px;line-height:1.5;margin-bottom:2px;letter-spacing:0.05em;padding-right:18px}#header .group .group-tel .tel small{font-size:18px}#header .group .group-tel .tel span{font-size:32px;letter-spacing:0.05em}#header .group .group-logo{padding-top:21px;margin-left:137px;width:auto}#header .group .group-logo .sns{top:111px;z-index:2;left:251px}#header .group .group-logo .sns li{width:auto}#header .group .group-logo .sns li:last-of-type{width:auto}#header .group .group-logo .sns li+li{margin-left:15px}#header #key{background:url("../img/hoten/key_deco.png") repeat-x bottom center,url("../img/hoten/key.jpg") no-repeat top center/cover;margin:-10px 124px 0 133px;min-height:1605px;padding:0}#header #key .nav{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;z-index:2;top:156px;left:89px}#header #key .nav li{width:28.8px}#header #key .nav li+li{margin-left:19px}#header #key .nav li a{display:block;position:relative;font-size:18px;color:#fff;letter-spacing:0.16em;line-height:1.6;text-decoration:none;cursor:pointer;text-shadow:5px 5px 10px rgba(0,0,0,0.5),5px 0 10px rgba(0,0,0,0.5),0 5px 10px rgba(0,0,0,0.5),0 -5px 10px rgba(0,0,0,0.5),-5px 0 10px rgba(0,0,0,0.5),-5px -5px 10px rgba(0,0,0,0.5)}#header #key .nav li a::before{content:'';position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:url("../img/shared/active.png") no-repeat center/100% auto;width:31px;height:30px;top:-38px;opacity:0;visibility:hidden}#header #key .nav li a.active::before,#header #key .nav li a:hover::before{opacity:1;visibility:visible}#header #key .btn{position:absolute;width:auto;top:334px;left:129px;margin:0;padding:0}#header #key .btn_heian{position:absolute;width:auto;top:254px;left:50px;margin:0;padding:0;z-index:1}#header #key .btn_ikeshita{position:absolute;width:auto;top:294px;left:50px;margin:0;padding:0;z-index:1}#header #key h2{position:absolute;top:54px;right:106px;width:auto;margin:0}#header #key h3{position:absolute;top:457px;right:176px;width:auto;margin:0}#header #key h1{position:absolute;font-size:13px;color:#f4f2e9;top:77px;right:40px;line-height:1.9;letter-spacing:0.02em}.ft-fixed-pc{position:fixed;top:46px;right:0;z-index:999}.ft-fixed-pc li:first-of-type{margin-bottom:10px}}
@media screen and (min-height:800px){.ft-fixed-pc{top:100px}}
#footer{background:url("../img/shared/f_bg.jpg");color:#fff}
#footer .bg{min-height:150vw;background:url("../img/shared/f_img_sp.jpg") no-repeat center/cover}
#footer .group1{padding-bottom:15vw}
#footer .group1 .logo{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80%;top:-26vw}
#footer .group1 .sub-txt{text-align:center;padding:25vw 0 5vw;letter-spacing:-0.05em}
#footer .group1 .flex{position:relative}
#footer .group1 .flex .right{margin:30px 0 0}
#footer .group1 .flex .right dl{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.5;font-size:13px;letter-spacing:0.05em}
#footer .group1 .flex .right dl dt{width:90px}
#footer .group1 .flex .right dl dd{width:calc(100% - 90px)}
#footer .group1 .flex .right dl+dl{margin-top:12px}
#footer .group1 .flex .right .btn{margin:35px 5% 0}
#footer .group1 .flex .left .tel{text-align:center;border-top:1px solid;border-bottom:1px solid;font-size:14px;line-height:1.3;padding:25px 0;margin:25px 5% 0}
#footer .group1 .flex .left .tel small{font-size:17px}
#footer .group1 .flex .left .tel span{font-size:30px}
#footer .group1 .flex .left .btn-web{text-align:center;margin:20px 15%}
#footer .group1 .flex .left .sns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#footer .group1 .flex .left .sns li+li{margin-left:15px}
#footer .group1 .flex h3{text-align:center;margin:40px 0 18px;font-size:24px;line-height:1.5;letter-spacing:0.15em}
#footer .group1 .flex .txt{margin:0 10%;font-size:15px;line-height:1.85;text-align:justify}
#footer #ggmap{height:350px}
#footer #ggmap iframe{height:350px;width:100%}
#footer .group2{padding-bottom:40px;border-bottom:100px solid #cc4924}
#footer .group2 .list-btn{padding:30px 5% 60px}
#footer .group2 .list-btn li .btn.copied:hover{opacity:1}
#footer .group2 .list-btn li .btn.copied:hover a{opacity:1;cursor:context-menu}
#footer .group2 .list-btn li .btn.copied:hover img{opacity:1;cursor:context-menu}
#footer .group2 .nav{margin:0 -6%}
#footer .group2 .nav li{border-top:1px solid #363333}
#footer .group2 .nav li:last-of-type{border-bottom:1px solid #363333}
#footer .group2 .nav li a{position:relative;font-size:16px;line-height:1.5;text-decoration:none;letter-spacing:0.15em;padding:12px 0 12px 35px;display:block;color:#e9e3db;font-weight:400}
#footer .group2 .nav li a::after{content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:40px;background:url("../img/shared/arrow_nav_sp.png") no-repeat center/100% auto;width:20px;height:4px}
#footer .group2 .group{margin:60px -6% 0;text-align:center}
#footer .group2 .group address{margin:27px 0 9px;font-size:13px;font-weight:300;line-height:1.5;letter-spacing:0}
#footer .group2 .group .cookies-link{font-size:11px;font-weight:300;line-height:1.5}
#ft-fixed{background-color:#cc4924;color:#ecebe9;display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #000}
#ft-fixed li a{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1}
#ft-fixed li a img{max-height:45px;width:auto}
#ft-fixed li:first-of-type{width:100%}
#ft-fixed li:first-of-type a{font-size:20px}
#ft-fixed li:first-of-type a::before{font-size:18px;margin-top:4px}
#ft-fixed li+li{border-left:1px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box}
.up{overflow:hidden}
@media screen and (min-width:767px){#footer .bg{min-height:795px;background:url("../img/shared/f_img.jpg") no-repeat center/cover}#footer .group1{padding-bottom:136px}#footer .group1 .logo{width:auto;top:-77px}#footer .group1 .sub-txt{padding:160px 0 58px;letter-spacing:0}#footer .group1 .flex .right{margin:0;position:absolute;top:-10px;right:20px;width:620px}#footer .group1 .flex .right dl{font-size:14px}#footer .group1 .flex .right dl dt{width:125px}#footer .group1 .flex .right dl dd{width:calc(100% - 125px)}#footer .group1 .flex .right .btn{margin:40px 0 0}#footer .group1 .flex .left{width:333px;margin-left:17px}#footer .group1 .flex .left .tel{font-size:15px;padding:32px 0 26px;margin:0}#footer .group1 .flex .left .tel small{font-size:18px}#footer .group1 .flex .left .tel span{font-size:32px}#footer .group1 .flex .left .btn-web{margin:26px 0 27px}#footer .group1 .flex h3{width:333px;margin:28px 0 18px 17px}#footer .group1 .flex .txt{width:267px;margin:0 0 0 45px;letter-spacing:-0.1em}#footer #ggmap{height:460px}#footer #ggmap iframe{height:460px}#footer .group2{padding-bottom:94px;border-bottom:35px solid #cc4924}#footer .group2 .list-btn{padding:79px 0 0 63px}#footer .group2 .list-btn li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#footer .group2 .list-btn li .btn2{font-size:14px;line-height:1.5;margin-left:25px}#footer .group2 .list-btn li+li{margin-top:43px;margin-left:145px}#footer .group2 .nav{position:absolute;top:118px;right:50px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;height:150px}#footer .group2 .nav li+li{margin-left:21px}#footer .group2 .nav li{border:0;width:27px}#footer .group2 .nav li:last-of-type{border:0}#footer .group2 .nav li a{text-shadow:5px 5px 10px rgba(0,0,0,0.5),5px 0 10px rgba(0,0,0,0.5),0 5px 10px rgba(0,0,0,0.5),0 -5px 10px rgba(0,0,0,0.5),-5px 0 10px rgba(0,0,0,0.5),-5px -5px 10px rgba(0,0,0,0.5);position:relative;font-size:18px;cursor:pointer;color:#fff;padding:0}#footer .group2 .nav li a::before{content:'';position:absolute;top:-38px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:url("../img/shared/active.png") no-repeat;width:31px;height:30px;opacity:0;visibility:hidden}#footer .group2 .nav li a::after{display:none}#footer .group2 .nav li a:hover::before,#footer .group2 .nav li a.active::before{opacity:1;visibility:visible}#footer .group2 .group{margin:110px 0 0}#footer .group2 .group address{margin:27px 0 9px;font-size:13px;font-weight:300;line-height:1.5;letter-spacing:0.2em}#footer .group2 .group .cookies-link{font-size:11px;font-weight:300;line-height:1.5;letter-spacing:0.2em}}
@media screen and (min-width:1150px){#footer .group1 .flex .right{right:-7px}#footer .group1 .flex .right .btn{margin:107px 0 0}#footer .group2 .nav{right:-16px}}
.mt_50{margin-top: 50px;}



.text_box {
   width: 700px;
   margin: 20px auto 20px auto;
   padding: 20px 0;
   border: solid 1px #dd471f;
}

.text_box p.ttl {
   font-size: 26px;
   margin-bottom: 8px;
   letter-spacing: 2px;
   text-align: center;
   line-height: 40px;
   color: #fff;
   font-weight: bold;
}

.text_box p.txt {
   text-align: center;
   font-size: 17px;
   line-height: 32px;
   color: #fff;
}


.text_box1 {
   width: 700px;
   margin: 20px auto 20px auto;
   padding: 20px 0;
   border: solid 1px #dd471f;
}

.text_box1 p.ttl {
   font-size: 26px;
   margin-bottom: 8px;
   letter-spacing: 2px;
   text-align: center;
   line-height: 40px;
   color: #000;
   font-weight: bold;
}

.text_box1 p.txt1 {
   text-align: center;
   font-size: 17px;
   line-height: 32px;
   color: #000;
}

@media (max-width: 768px) {
.text_box {
      width: 100%;
      margin: 20px auto 20px auto;
      padding: 20px 0;
      border: solid 1px #dd471f;
   }

.text_box p.ttl {
      font-size: 22px;
      margin-bottom: 8px;
      letter-spacing: 2px;
      text-align: center;
      line-height: 40px;
      color: #fff;
      font-weight: bold;
   }

.text_box p.txt {
      text-align: center;
      font-size: 15px;
      line-height: 30px;
      color: #fff;
   }
	.text_box1 {
      width: 95%;
      margin: 20px auto 20px auto;
      padding: 20px 0;
      border: solid 1px #dd471f;
   }

.text_box1 p.ttl {
      font-size: 22px;
      margin-bottom: 8px;
      letter-spacing: 2px;
      text-align: center;
      line-height: 40px;
      color: #000;
      font-weight: bold;
   }

.text_box1 p.txt1 {
      text-align: center;
      font-size: 15px;
      line-height: 30px;
      color: #000;
   }
}