@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Zen+Maru+Gothic:wght@300;400;500;700&display=swap');
/*  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  */
/*==========================================================*/

/* CUSTOM FONT - TEXT */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,th,td,pre,address,li,dt,dd{font-size:200%}
h1,h2,h3,h4,h5,h6{line-height:1.4em}
a{color:#231815;transition:all .2s;text-decoration:none}
p{margin: 0 0 1.7em;}
p:last-child{margin-bottom:0}
p,dd,td,th,li{line-height:1.6em}
img{max-width:100%;vertical-align:bottom}
table{width:100%}

/* CUSTOM ALL */
html{background:#fff}
body{color:#231815;-webkit-text-size-adjust:none;min-width:320px;font-family: 'Noto Sans JP', sans-serif;}
*{box-sizing:border-box;outline:none}
::before,::after{box-sizing:border-box}

#wrapper{min-width:1240px;overflow:hidden;margin:0 auto; max-width: 1920px;margin-left: auto;margin-right: auto;}
.inner{width:1300px;margin:0 auto}

/* CUSTOM HAMBUGER */
.hamburger{font:inherit;display:block;overflow:visible;margin:0;padding:10px 8px 5px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0}
.hamburger-box{position:relative;display:inline-block;width:35px;height:24px}
.hamburger-inner{top:50%;display:block;margin-top:-2px}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before{position:absolute;width:35px;height:2px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}
.hamburger-inner:after,
.hamburger-inner:before{display:block;content:""}
.hamburger-inner:before{top:-10px}
.hamburger-inner:after{bottom:-10px}
.hamburger--3dxy .hamburger-box{perspective:80px}
.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(0.645,0.045,0.355,1),background-color 0 cubic-bezier(0.645,0.045,0.355,1) .1s}
.hamburger--3dxy .hamburger-inner:after,
.hamburger--3dxy .hamburger-inner:before{transition:transform 0 cubic-bezier(0.645,0.045,0.355,1) .1s}
.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}
.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}
.hamburger--3dxy-r .hamburger-box{perspective:80px}
.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(0.645,0.045,0.355,1),background-color 0 cubic-bezier(0.645,0.045,0.355,1) .1s}
.hamburger--3dxy-r .hamburger-inner:after,
.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0 cubic-bezier(0.645,0.045,0.355,1) .1s}
.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent!important}
.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}

/* CUSTOM CLASS */
.section{padding:0 0 30px}
.section .section{padding:0 0 10px}
.image_l{float:left;margin:0 30px 0 0}
.image_r{float:right;margin:0 0 0 30px}
.position-rel{position:relative}

.flex{display:flex}
.flex-wrap{display:flex;flex-wrap:wrap}
.flex-center{display: flex; justify-content: center; align-items: center;}
.flex-between{display: flex; justify-content: space-between;}
.flex-align{display:flex;align-items:center;justify-content:space-between}
.flex-col{display:flex;flex-direction: column;}
.flex-col-center{display: flex; justify-content: center; align-items: center; flex-direction: column;}

.bold{font-weight: 700!important;}
.center{text-align:center!important}
.left{text-align:left!important}
.right{text-align:right!important}
.auto{margin-left: auto !important; margin-right: auto !important;}

.box_640,.box_560,.box_520,.box_460,.box_420,.box_360{display:none!important}
.fixed{position:fixed!important;}

/* #image-slider image{ filter: blur(20px);transition: filter 4.8s;}
.sec02-big.active #image-slider image{filter: blur(0px); } */
/*==========================================================
                       H E A D E R
==========================================================*/
#header{position: relative; z-index: 9999;}
.box-header{width:100%;position: fixed; max-width: 1920px;}
.h-information{width:100%;display:flex;justify-content:center; position: relative;}
.box-header-icon{position: absolute;right: 48px;top: -32px;z-index: 1; transition: all 0.3s;}
.box-header.active .box-header-icon{transform: translateY(-260px);}
.box-header-icon img{display: block;}
.logo{position: relative;transition: all 0.3s; display: block;}
.logo::before{content: "";position: absolute;width: 134px;height: 107px;background: url('../images/logo-before.png') no-repeat center /cover;left: -106px;top: -80px;z-index: 1;transition: all 0.3s;}
.logo::after{content: "";position: absolute;background: url('../images/logo-after.png') no-repeat center /cover;z-index: -1;}
.logo .h-insta{position: absolute; top:50px; right: -70px; z-index: 1;}


.box-header-icon .lamp,.ft-contact-icon .lamp { animation: shanke 1s infinite; transform: rotate(-2deg); margin-top: -5px;}
.main-visual-intro .take-out.ani-show img{visibility: hidden;}
.main-visual-intro .take-out::before{content: ""; position: absolute; width: 160px; height: 175px; background: url('../images/main-visual-intro_ic02_02.png') no-repeat center /cover; top: calc(50% - 85px); left: calc(50% - 80px); z-index: 1;display: none;}
.main-visual-intro .take-out.ani-show::before{display: block;}

svg{width: 510px; min-height: 530px;}

@keyframes shanke {
    50%{transform: rotate(2deg)}
}

.f-zen{font-family: 'Zen Maru Gothic', sans-serif;}
main{position: relative; z-index: 2;}




.sec02-big-slider{border-radius: 77% 34% 43% 51% / 65% 55% 52% 45%;overflow: hidden;height: 100%;width: 100%;}
.sec02-big-slider li img{transform: scale(1.15); transition: transform 4s; display: block;}
.sec02-big-slider li.slick-current img{transform: scale(1); }

/*==========================================================
                        S L I D E R
==========================================================*/
.main-visual{position: relative;}
.main-visual::before{content: "";position: absolute;width: 925px;height: 784px;background: url('../images/main-visual-ic02.png') no-repeat center /cover;left: -230px;top: -270px;z-index: 1;}
.main-visual::after{content: "";position: absolute;width: 550px;height: 288px;background: url('../images/main-visual-ic04.png') no-repeat center /cover;bottom: -66px;right: -173px;z-index: 1;}

.main-visual-box{position: relative;width: 100%;height: 100%;background: url('../images/main-visual-bg.png') no-repeat left 92px top 0;}
.main-visual-box::before{content:"";position: absolute;width: 135px;height:119px;left: 49px;top: 330px;z-index: 2;background: url('../images/main-visual-ic01.png') no-repeat center /cover;}
.main-visual-box::after{content: "";position: absolute;width: 400px;height: 148px;left: 70px;bottom: -49px;z-index: 1;background: url('../images/main-visual-ic05.png') no-repeat center /cover;}

.main-visual-pick{display: flex;justify-content: space-between;align-items: center;position: relative;}
.main-visual-pick::before{content: "";position: absolute;width: 180px;height: 39px;background: url('../images/main-visual-txt_whichone.png') no-repeat center /cover;top: 95px;left: calc(50% - 94px);}
.main-visual-pick li{position: relative;}
.main-visual-pick li .tt{position: absolute;top: -65px;z-index: 1; transition: all 0.3s;}
.main-visual-pick li::before{content: ""; position: absolute; width: 100%; height: 100%;left: 0; top: 0; z-index: 0; display: none;}
.main-visual-pick li.img01::before{ background: url('../images/main-visual-img01-b.png') no-repeat center /cover; }
.main-visual-pick li.img02::before{ background: url('../images/main-visual-img02-b.png') no-repeat center /cover; }

.main-visual-intro{background: rgba(255, 255, 255, 0.66);border-radius: 31px;position: relative;padding: 40px 25px 0px;max-width: 694px;margin: 0 auto; z-index: 2;}
.main-visual-intro > .box{width: 100%; height: 100%;}
.main-visual-intro .h2-tt{margin-bottom: 24px;font-size:40px;text-align: center;font-weight: 500;}
.main-visual-intro .des{margin-bottom: -9px;font-size: 20px;text-align: center;line-height: 1.7;}
.main-visual-intro .slogan{display: flex;justify-content: center;margin-bottom: 0;transform: translateY(15px);}
.main-visual-intro:before,
.main-visual-intro::after,
.main-visual-intro > .box::before,
.main-visual-intro > .box::after{content: ""; position: absolute; width: 63px; height: 63px; background-image: url('../images/main-visual-intro_ic.png'); background-size: 126px;}
.main-visual-intro:before{left: -1px;top: -1px;background-position: left top;}
.main-visual-intro > .box::before{right: -1px;top: -1px;background-position: right top;}
.main-visual-intro::after{left: -1px;bottom: -1px;background-position: left bottom;}
.main-visual-intro > .box::after{right: -1px;bottom: -1px;background-position: right bottom;}
.main-visual-intro .take-out{position: absolute;right: -124px;bottom: -16px;z-index: 2;}


/* .main-visual-pick li.ani-show::before{display: block;} */

/*==========================================================
                       M A I N
==========================================================*/
.btn-primary.center a{margin-left: auto; margin-right: auto;}
.btn-primary a{width: 250px; height: 60px; border-radius: 5px; display: flex; justify-content: center; align-items: center; background: red;font-size: 16px; color: #fff;}
/*==================== SEC01 ===================*/
.sec01-img{position: relative;z-index: 2;}
.sec01-img > p{position: relative;}
.sec01-img img{border-radius: 20px; }
.sec01-img .img01::before{content: "";position: absolute;width: 172px;height: 155px;background: url('../images/sec01_img1_before.png') no-repeat center /cover;left: -90px;top: -53px;z-index: 1;}
.sec01-img .img01::after{content: "";position: absolute;width: 224px;height: 293px;background: url('../images/sec01_img1_after.png') no-repeat center /cover;left: 42px;bottom: -240px;z-index: -1;}

.sec01-content .tt{display: flex;justify-content: center;align-items: center;}
.sec01-content .des{position: relative;}
.sec01-content .des::after{content: "";position: absolute;width: 258px;height: 171px;background: url('../images/sec01_after.png') no-repeat center /cover;right: -154px;bottom: -80px;z-index: -1;}
.sec01-bnn{margin-bottom: 260px;}
/*==================== SEC02 ===================*/
#sec02{position: relative;}
.sec02-inner{position: relative; z-index:3;}
.sec02-slider{background-color: #F6F3ED; position: relative; z-index: 4; }
.sec02-slider::before,.sec02-slider::after{content: ""; position: absolute; width: 100%; height: 40px;left: 0; z-index: 1;}
.sec02-slider::before{background: url('../images/sec02_bg_bf.png') no-repeat center; top: -40px; }
.sec02-slider::after{background: url('../images/sec02_bg_af.png') no-repeat center; bottom: -40px; }
.sec02-slider-box::before{content: "";position: absolute;width: 492px;height: 182px;background: url('../images/sec02_box_bf.png') no-repeat center /cover;right: -63px;top: -80px;z-index: 2;}
.sec02-slider-box::after{content: "";position: absolute;width: 472px;height: 174px;background: url('../images/sec02_box_af.png') no-repeat center /cover;left: -60px;bottom: -64px;z-index: 2;}

.sec02-small{display: flex;padding: 58px 0;}
.sec02-small li{margin: 0 20px;}
.sec02-small li .img{margin-bottom: 15px;}
.sec02-small li .tt{font-weight: 500; text-align: center; color: #707070;}

.sec02-big::before{content: "";position: absolute;width: 186px;height: 180px;background: url('../images/sec02_big_bf.png') no-repeat center /cover;top: -52px;right: -50px;z-index: 1;}

.sec02-thumb{position: relative;z-index: 4;display: flex;align-items: center;}
.sec02-thumb::after{content: "";position: absolute;width: 340px;height: 250px;background: url('../images/sec02_big_txt_bg.png') no-repeat center /cover;left: 0;top: -38px;z-index: -1;}
.sec02-thumb li{font-size: 30px;text-align: center;font-weight: bold;color: #00C67A;width: 100%;height: 130px;display: flex !important;justify-content: center;align-items: center;}

.sec02-menu {position: relative;z-index:3;}
.sec02-menu-bg{position: absolute;background: url('../images/sec02_af.png') no-repeat center /cover;z-index:-2;}

.tab-content{margin-bottom: 20px;}
.tab-content:not(.current){display: none;}
.tabs{display: flex; justify-content: center; align-items: center; color: #cda50f;}
.tabs li{padding:10px 20px;  text-underline-offset:5px;}
.tabs li.current{text-decoration: underline;}


/*==================== SEC03 ===================*/
#sec03{ position: relative; }
#sec03::before,#sec03::after{content: ""; position: absolute; width: 1920px; height: 5px; left: calc(50% - 960px);}
#sec03::before{background: url('../images/sec03_bf.png') no-repeat center /cover; top: 0;}
#sec03::after{background: url('../images/sec03_af.png') no-repeat center /cover; bottom: 0;}
.sec03-box{background-color: #FFF;margin: 0 auto;}
.sec03-box video{width: 100%; height: 100%;}
.sec03-bg{position: absolute; top: 0; z-index: -1; width: 100%; height: 100%;overflow: hidden; left: 0;}
.sec03-inner{position: relative; z-index: 2;}

.rellax{transition: transform 0.6s;}

/*==========================================================
                        F O O T E R
==========================================================*/
.ft-contact{position: relative;}
.ft-contact-icon{position: absolute;width: 285px;height: 250px;top: -10px;right: 323px;z-index: 1;}
.ft-contact-img{position: relative;}
.ft-contact-img::before{content: "";position: absolute;width: 150px;height: 110px;background: url('../images/ft-contact-img-bf.png') no-repeat center /cover;top: -137px;right: 70px;z-index: 1;}
.ft-contact-img::after{content: "";position: absolute;width: 1100px;height: 990px;background: url('../images/ft-contact-img-af.png') no-repeat center /cover;top: -180px;left: -520px;z-index: -1;}
.ft-contact-txt .tt{font-size: 38px; font-weight: bold; color: #00C67A; text-align: center; margin-bottom: 20px; position: relative;}
.ft-contact-txt .tt::before{content: '';position: absolute;width: 50px;height: 50px;background: url('../images/ft-contact-tt-ic.png') no-repeat center /cover;left: calc(50% - 25px);top: -63px;}
.ft-contact-txt .frame{position: relative;margin: 0 auto;}
.ft-contact-txt .frame p{position: relative;font-size: 26px;font-weight: 500;letter-spacing: .05rem; padding-left: 66px;}
.ft-contact-txt .frame p::before,.ft-contact-txt .frame .social a::before{content: ""; width: 44px; height: 44px;position: absolute; left: 0; top: 0px;}
.ft-contact-txt .frame p:not(:last-child){margin-bottom: 18px;}
.ft-contact-txt .frame .add::before{background: url('../images/ft-ic-add.png') no-repeat center /cover;}
.ft-contact-txt .frame .time::before{background: url('../images/ft-ic-time.png') no-repeat center /cover;}
.ft-contact-txt .frame .tel::before{background: url('../images/ft-ic-tel.png') no-repeat center /cover;}
.ft-contact-txt .frame .social a::before{background: url('../images/ft-ic-insta.png') no-repeat center /cover;}
.ft-contact-txt .frame .social{padding-left: 0;}
.ft-contact-txt .frame .social a{padding-left: 66px;}
.ft-contact-txt .frame:before,.ft-contact-txt .frame::after,.ft-contact-txt .frame-box::before,.ft-contact-txt .frame-box::after{content: ""; position: absolute; width: 64px; height: 64px; background-image: url('../images/ft-contact-ic.png'); background-size: 128px;}
.ft-contact-txt .frame:before{left: -2px; top: 0;background-position: left top;}
.ft-contact-txt .frame-box::before{right: -2px;top: 0;background-position: right top;}
.ft-contact-txt .frame::after{left: -2px; bottom: 0;background-position: left bottom;}
.ft-contact-txt .frame-box::after{right: -2px; bottom: 0;background-position: right bottom;}

.ft-map{position: relative;}
.ft-map::before{content: "";position: absolute;width: 188px;height: 165px;background: url('../images/ft-contact-map-bf.png') no-repeat center /cover;right: 152px;top: 60px;}
.ft-map dl{padding: 0 20px 20px 20px;background-color: #00C67A;position: relative;box-shadow: 0px -4px 12px 0px rgb(0 0 0 / 20%)}
.ft-map-arrow{position: absolute;top: -88px;left: calc(50% - 44px);z-index: 2; background-color: #FFF;}
.ft-map-arrow span { width: 88px; height: 88px; position: relative; overflow: hidden; display: block; }
.ft-map-arrow span:after {content: "";position: absolute;width: 88px;height: 88px;background: #00C67A;transform: rotate(45deg);top: 64px;left: calc(50% - 44px);box-shadow: 0 0 12px 2px rgb(0 0 0 / 20%); z-index: -1;}

.ft-map dl dt{font-size: 40px;font-weight: 500;text-align: center;color: #FFF;padding: 19px 0 13px;position: relative;}
.ft-map dl dt::before,.ft-map dl dt::after{content: "";position: absolute;width: 42px;height: 42px;top: 26px;}
.ft-map dl dt::before{background: url('../images/ft-map-bf.png') no-repeat center /cover;left: 4px;}
.ft-map dl dt::after{background: url('../images/ft-map-af.png') no-repeat center /cover;right: 5px;}

.ft-map dl dt span{display: inline-block;position: relative;letter-spacing: 0.1rem;}
.ft-map dl dt span::before{content: "";width: 44px;height: 38px;background: url('../images/ft-map-ic.png') no-repeat center /cover;display: inline-block;margin-right: 10px;}
.ft-map dl dd iframe{width: 100%;height: 100%;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;}

.ft-bnn{position: relative;}
.ft-bnn::before{content:"";position: absolute;width: 179px;height: 155px;background: url('../images/ft-bnn-bf.png') no-repeat center /cover;left: -210px;top: -60px;z-index: -1;}

address{text-align: center;padding: 53px 0;letter-spacing: 0.04rem;}
.ft-insta img{transform: translate(15px,15px);}


/*============================= TO TOP =============================*/
.to-top-img{display:none}
.to-top img{width:100%}
.to-top{position:fixed;z-index:100;width:60px;height:60px;bottom:20px;right:20px;cursor:pointer;transition:all .2s;opacity:0;visibility:hidden}
.to-top.show{transform:scale(1);opacity:1;visibility:visible}

/*==========================================================
                        FIX-IE
==========================================================*/
@media screen\0 {}

/* EGDE */

@supports (-ms-ime-align: auto) {}

/* FIREFOX */

@-moz-document url-prefix() {}

/* Safari 10.1+ (which is the latest version of Safari at this time) */

@media not all and (min-resolution: 0.001dpcm) {}