@charset "utf-8";
@font-face{font-family:themify;src:url(../font/themify/themify.eot?-fvbane);src:url(../font/themify/themify.eot?#iefix-fvbane) format('embedded-opentype'),url(../font/themify/themify.woff?-fvbane) format('woff'),url(../font/themify/themify.ttf?-fvbane) format('truetype'),url(../font/themify/themify.svg?-fvbane#themify) format('svg');font-weight:400;font-style:normal}[class*=" ti-"],[class^=ti-]{font-family:themify;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti-arrow-right:before {content: "\e628"}.ti-arrow-left:before{content: "\e629";}.ti-star:before{content:"\e60a"}.ti-search:before{content:"\e610"}.ti-zoom-in:before{content:"\e611"}.ti-zoom-out:before{content:"\e612"}.ti-mobile:before{content:"\e621"}.ti-minus:before{content:"\e622"}.ti-link:before{content:"\e62d"}.ti-layers:before{content:"\e62f"}.ti-layers-alt:before{content:"\e630"}.ti-heart:before{content:"\e634"}.ti-flag:before{content:"\e63a"}.ti-flag-alt:before{content:"\e63b"}.ti-flag-alt-2:before{content:"\e63c"}.ti-close:before{content:"\e646"}.ti-clip:before{content:"\e647"}.ti-angle-up:before{content:"\e648"}.ti-angle-right:before{content:"\e649"}.ti-angle-left:before{content:"\e64a"}.ti-angle-down:before{content:"\e64b"}.ti-check:before{content:"\e64c"}.ti-check-box:before{content:"\e64d"}.ti-bolt:before{content:"\e652"}.ti-bolt-alt:before{content:"\e653"}.ti-arrows-vertical:before{content:"\e657"}.ti-arrows-horizontal:before{content:"\e658"}.ti-fullscreen:before{content:"\e659"}.ti-arrow-top-right:before{content:"\e65a"}.ti-arrow-top-left:before{content:"\e65b"}.ti-arrow-circle-up:before{content:"\e65c"}.ti-arrow-circle-right:before{content:"\e65d"}.ti-arrow-circle-left:before{content:"\e65e"}.ti-arrow-circle-down:before{content:"\e65f"}.ti-angle-double-up:before{content:"\e660"}.ti-angle-double-right:before{content:"\e661"}.ti-angle-double-left:before{content:"\e662"}.ti-angle-double-down:before{content:"\e663"}.ti-thumb-up:before{content:"\e670"}.ti-quote-right:before{content:"\e67e"}.ti-quote-left:before{content:"\e67f"}.ti-control-play:before{content:"\e6ad"}.ti-control-forward:before{content:"\e6af"}.ti-book:before{content:"\e6b7"}.ti-back-right:before{content:"\e6bc"}.ti-back-left:before{content:"\e6bd"}.ti-arrows-corner:before{content:"\e6be"}.ti-archive:before{content:"\e6bf"}.ti-anchor:before{content:"\e6c0"}.ti-align-right:before{content:"\e6c1"}.ti-align-left:before{content:"\e6c2"}.ti-align-justify:before{content:"\e6c3"}.ti-align-center:before{content:"\e6c4"}.ti-alert:before{content:"\e6c5"}.ti-alarm-clock:before{content:"\e6c6"}.ti-agenda:before{content:"\e6c7"}.ti-write:before{content:"\e6c8"}.ti-window:before{content:"\e6c9"}.ti-wallet:before{content:"\e6cd"}.ti-video-clapper:before{content:"\e6ce"}.ti-video-camera:before{content:"\e6cf"}.ti-shift-right-alt:before{content:"\e6d9"}.ti-shift-left-alt:before{content:"\e6da"}.ti-ruler-alt-2:before{content:"\e6db"}.ti-receipt:before{content:"\e6dc"}.ti-pin2:before{content:"\e6dd"}.ti-pin-alt:before{content:"\e6de"}.ti-palette:before{content:"\e6e0"}.ti-more:before{content:"\e6e1"}.ti-more-alt:before{content:"\e6e2"}.ti-hand-point-up:before{content:"\e71a"}.ti-hand-point-right:before{content:"\e71b"}.ti-hand-point-left:before{content:"\e71c"}.ti-hand-point-down:before{content:"\e71d"}.ti-gallery:before{content:"\e71e"}.ti-face-smile:before{content:"\e71f"}.ti-youtube:before{content:"\e728"}.ti-twitter:before{content:"\e72a"}.ti-time:before{content:"\e72b"}.ti-share:before{content:"\e72e"}.ti-share-alt:before{content:"\e72f"}.ti-pinterest:before{content:"\e731"}.ti-new-window:before{content:"\e732"}.ti-instagram:before{content:"\e73d"}.ti-facebook:before{content:"\e741"}.ti-twitter-alt:before{content:"\e74b"}.ti-sharethis:before{content:"\e750"}.ti-sharethis-alt:before{content:"\e751"}.ti-email:before{content:"\e75a"}.ti-location-pin:before{content:"\e693"}.ti-arrow-down:before {content: "\e62a";}.ti-file:before{content: "\e6a4";}

 @font-face{font-family:'FontAwesome';src:url('../font/FontAwesome4/fontawesome-webfont.eot?v=4.7.0');src:url('../font/FontAwesome4/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../font/FontAwesome4/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../font/FontAwesome4/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../font/FontAwesome4/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../font/FontAwesome4/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}
.fa-instagram:before{content:"\f16d"}.fa-facebook-official:before{content:"\f230"}.fa-facebook-square:before{content:"\f082"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-phone:before {content:"\f095";}




/* ************************************************************************************************

   normalize.css

   ************************************************************************************************ */
   
img,legend{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,figure{margin:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C""\201D""\2018""\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

@font-face {font-family: "Original Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100;}
@font-face {font-family: "Original Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200;}
@font-face {font-family: "Original Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300;}
@font-face {font-family: "Original Yu Gothic";src: local("Yu Gothic Medium"); font-weight: 400;}
@font-face {font-family: "Original Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold;}




/* ************************************************************************************************

   Base

   ************************************************************************************************ */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* remember: box-sizing is not supported by IE7 :( */ outline: none; vertical-align: top; }
html { width: 100%; }
html,
body { font: normal 1em/2em 'Inter',-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"YakuHanJPs", "Hiragino Sans", "Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";margin: 0; padding: 0; width: 100%; color: #222; background: #FDFDFA; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:400; }
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;font-weight:400}
p { margin: 0; padding: 0; font-weight: normal; }
button { text-decoration:none; border:none;}
/* ----- *::selection ----- */ 
*::-moz-selection {background: #222;color:#fefefe;}
*::selection { background: #222; color: #fefefe; }
/* ----- h1,h2,h3,h4,h5 ----- */ 
h1,h2,h3,h4,h5{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/* ----- .cf ----- */ 
/* For modern browsers */
.cf:before,
.cf:after { content: ""; display: block; overflow: hidden; }
.cf:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }
/* ----- .transition03 ----- */ 
.transition03 { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.transition05 { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
/* ----- img----- */ 
img { width: 100%; }
/* ----- a ----- */ 
a { color: inherit; outline: none; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a:focus,
*:focus { outline: none; text-decoration: none; }
a:hover { text-decoration: none; outline: none; }
/* ----- p ----- */ 
p { margin: 0; padding: 0; font-size: 14px; font-weight: 400; line-height: 2; letter-spacing: .045em; }

@media only screen and (max-width: 738px) {
p { font-size: 14px; line-height: 1.8; letter-spacing: .025em;}
}

html {height: 100%;}
body {margin: 0;overflow:visible;}

img { width: 100%; height:auto;}

/* ---------------------------------------------------------------------------------------------------   

　#page

   --------------------------------------------------------------------------------------------------- */

#page { height:100%; position:relative; z-index:4; }  



/* ---------------------------------------------------------------------------------------------------   

　.mainvisual

   --------------------------------------------------------------------------------------------------- */

.mainvisual{height: calc(var(--vh, 1vh) * 100);}

@media only screen and (max-width: 738px) {
.mainvisual{height: calc(var(--vh, 1vh) * 100); min-height: 100vw; }
}
@media only screen and (max-width: 560px) {
.mainvisual{height: calc(var(--vh, 1vh) * 100);min-height: 30vw;}
}



/* ---------------------------------------------------------------------------------------------------   

　.object-fit_cover

   --------------------------------------------------------------------------------------------------- */

.object-fit_cover { object-fit: cover; font-family: 'object-fit: cover;' }



/* ---------------------------------------------------------------------------------------------------   

　#header

   --------------------------------------------------------------------------------------------------- */
	 
#header { height: 60px; position: fixed; top: 0; left:0; right:0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1000;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
#header.fixed-hide{top: -60px;}
.hide{transform: translateY(-100%);}

@media only screen and (max-width: 960px) {
#header.fixed-hide { top: 0;}
.hide{transform: translateY(0);}
}


/* ------------ #header .logoArea ------------ */

#header .logo_area { position: absolute; top: 0; left: 2.5%; left: 2.5%; z-index: 3; font-size: 0; }
#header .logo_area h1 { display: inline-block; font-size: 18px;font-family: "acumin-pro", sans-serif; line-height: 60px;letter-spacing: 0;font-feature-settings: "palt" 1;}
#header .logo_area h1 a { display:block; font-weight:600; position:relative; z-index:1;vertical-align: middle; /*text-transform: uppercase*/}
#header .logo_area h1 a:after { position: absolute; bottom: 17px; right: 2px; left: 0; height: 1px; content: "";background: #222; z-index: 1;transition: transform .3s cubic-bezier(.215, .61, .355, 1);transform-origin: right center;transform:scaleX(0) }

@media only screen and (min-width: 961px) {
#header .logo_area h1 a:hover:after { transform-origin: left center;transform:scaleX(1)}
}
@media only screen and (max-width: 960px) {
#header .logo_area { left: 3.5%; }
#header .logo_area h1{ font-size: 18px;}
}
@media only screen and (max-width: 738px) {
#header .logo_area h1{ font-size: 17px;}
}



/* ------------ #header .nav_area ------------ */

#header .nav_area { position: absolute; top:0; left: 60%; right: 2.5%; display: block; z-index: 2; text-align:right; }

/* ul.navi */
#header .nav_area ul.navi { font-size: 0; display: flex;  justify-content:space-between;}
#header .nav_area ul.navi li { display: inline-block;}
#header .nav_area ul.navi li a { display: block; margin: 0;  font-size: 14px; font-family: 'Inter', sans-serif;  font-weight: 500; line-height: 60px; letter-spacing: .01em; font-feature-settings: "palt" 1;position: relative; z-index:2;}
#header .nav_area ul.navi li a:after { position: absolute; bottom: 20px; right: 2px; left: 0; height: 1px; content: "";background: #222; z-index: 1;transition: transform .3s cubic-bezier(.215, .61, .355, 1);transform-origin: right center;transform:scaleX(0)}

@media only screen and (min-width: 961px) {
#header .nav_area ul.navi li a:hover:after { transform-origin: left center;transform:scaleX(1)}    
}
@media only screen and (max-width: 960px) {
#header .nav_area {left: 50%; right: 3.5%;}
}
@media only screen and (max-width: 738px) {
#header .nav_area {display: none;}
}





/* ------------ #header a.btnMenu ------------ */

#header a.btnMenu { position: absolute; top:6px; right:12px; width:50px; height:50px; font-size: 0; z-index:2; display: none;}
#header a.btnMenu:before { position: absolute; top: 50%; left: 50%; width: 25px; height: 13px; content: ""; border-top:#222 1px solid; border-bottom: #222 1px solid;z-index: 0; -webkit-transform: translate(-50%,-50%); transform: translate(-50%, -50%);}
#header a.btnMenu:after { position: absolute; top: 50%; left: 50%; width: 25px; height: 0; content: ""; border-top:#222 1px solid; z-index: 0;-webkit-transform: translate(-50%,-50%); transform: translate(-50%, -50%);}

@media only screen and (max-width: 738px) {
#header a.btnMenu { display: block; }
}




/* ------------ #header .btnClose ------------ */ 

#menu .btnClose { display: block; position: absolute; top:6px; right:12px; width:50px; height:50px; z-index:101; font-size: 0;text-align: center; }
#menu .btnClose:before { position: absolute; top: 0; right: -5px; left:0; bottom: 0; font-family:'themify'; content:"\e646"; font-size:20px; font-weight: normal; line-height: 50px; }



/* -----------------------------------------------------------

   jQuery.mmenu CSS

   ----------------------------------------------------------- */

#menu:not( .mm-menu ) { display: none; }

/* jQuery.mmenu oncanvas CSS */
.mm-hidden { display: none !important; }
.mm-wrapper { overflow-x: hidden; position: relative; }
.mm-menu,
.mm-panels,
.mm-panels > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; }
.mm-panels > .mm-panel { margin-top: 0px;}
.mm-menu { box-sizing: border-box; background: inherit; display: block; overflow: hidden; padding: 0; }
.mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); }
.mm-panel.mm-highest { z-index: 1; }
.mm-panels,
.mm-panels > .mm-panel { background: inherit; border-color: inherit; }
.mm-panels > .mm-panel { background: inherit; border-color: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 25px; }
.mm-panels > .mm-panel.mm-hasnavbar { padding-top: 40px; }
.mm-panels > .mm-panel:before{ content: ''; display: block; height: 53px; }
.mm-panels > .mm-panel:after { content: ''; display: block; height: 45px; }
.mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; }
.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel {/* display: none;*/ /*padding: 10px 0 10px 10px;*/ }
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,
 .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent; }
.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel { display: block; }

/* jQuery.mmenu offcanvas addon CSS */
.mm-page { box-sizing: border-box; position: relative; }
.mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; }
html.mm-opened { overflow-x: hidden; position: relative; }
html.mm-blocking { overflow: hidden; }
html.mm-blocking body { overflow: hidden; }
html.mm-background .mm-page { background: inherit; }
#mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; }
html.mm-blocking #mm-blocker { display: block; }
.mm-menu.mm-offcanvas { display: none; position: fixed; }
.mm-menu.mm-current { display: block; }
.mm-menu { width: 80%; min-width: 140px; max-width: 440px; }
html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); }

@media all and (max-width: 175px) {
html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); }
}

@media all and (min-width: 550px) {
html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); }
}
/*
	jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-slideout { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/*
	jQuery.mmenu pagedim extension CSS
*/
html.mm-pagedim #mm-blocker,
html.mm-pagedim-white #mm-blocker,
html.mm-pagedim-black #mm-blocker { opacity: 0; }
html.mm-pagedim.mm-opening #mm-blocker,
html.mm-pagedim-white.mm-opening #mm-blocker,
html.mm-pagedim-black.mm-opening #mm-blocker { opacity: 0.8; transition: opacity 0.3s ease 0.1s; }
html.mm-pagedim #mm-blocker { background: inherit; }
html.mm-pagedim-white #mm-blocker { background: #fafafa; }
html.mm-pagedim-black #mm-blocker { background: #ddd;}
/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; }
.mm-menu.mm-right { left: auto; right: 0; }
.mm-menu.mm-bottom { top: auto; bottom: 0; }
html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); }

@media all and (max-width: 175px) {
html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); }
}

@media all and (min-width: 550px) {
html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); }
}
/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; }
.mm-menu.mm-front { z-index: 1; }
.mm-menu.mm-front,
.mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.mm-menu.mm-front.mm-right,
.mm-menu.mm-next.mm-right { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
html.mm-opening .mm-menu.mm-front,
html.mm-opening .mm-menu.mm-next { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }



/* ------------ ul.nav_list_sp ------------ */ 

ul.nav_list_sp { list-style: none;}
ul.nav_list_sp li { display: block; margin: 25px 0; }
ul.nav_list_sp li a { display: block;padding: 0;font-size: 18px;font-weight: 400;font-feature-settings : "palt" 1;letter-spacing: 0.01em; line-height:1; position: relative; z-index: 0;}
ul.nav_list_sp li a .t_all { position: absolute; bottom: 0; right: 0; padding-right: 1.1em; font-size: .7em; letter-spacing: 0; line-height: 1.35; z-index: 0; }
ul.nav_list_sp li a .t_all:after{position: absolute; top: 52%; right: 0; font-family: 'themify'; content: "\e649";font-size: .65em;-webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 0;}
ul.nav_list_sp li ul.list_portraits { margin: 10px -1.5% 30px; margin: 20px -1.5% 35px; font-size: 0; display: block;}
ul.nav_list_sp li ul.list_portraits li { display: inline-block;margin: 2.75vw 2% 0; width: 21%; width: 17%; margin: 2.5% 1.5% 0; vertical-align: middle}
ul.nav_list_sp li ul.list_portraits li img { height: 12vw; max-height: 70px;}
ul.nav_list_sp li ul li a { display: block; }

@media screen and (max-width: 560px) {
ul.nav_list_sp li { margin: 20px 0; }
ul.nav_list_sp li a { font-size: 17px; }
ul.nav_list_sp li a .t_all { bottom: -1px; font-size: .7em;}
ul.nav_list_sp li ul.list_portraits { margin: 25px -1.2% 30px;}
ul.nav_list_sp li ul.list_portraits li { width: 22.5%; margin: 2.25% 1.25% 0; }
ul.nav_list_sp li ul.list_portraits li img { height: 14.5vw;}
}



/* ------------ .nav_sns_area_sp ------------ */ 

.nav_sns_area_sp { margin: 45px 0 0; }
ul.nav_sns_sp { list-style: none; margin: 0;}
ul.nav_sns_sp li { display: block; }
ul.nav_sns_sp li+li { margin: 12px 0 0; }
ul.nav_sns_sp li a { display: block; padding: 0 0 0 22px; font-size: 15px;font-weight: 400; letter-spacing: 0.01em; font-feature-settings : "palt" 1;line-height: 1;position: relative; z-index: 0;}
ul.nav_sns_sp li a:before { position: absolute; top: 1px; left: 2px; font-size: .95em; font-family:'FontAwesome'; font-weight: normal; z-index: 0; vertical-align: 0;}
ul.nav_sns_sp li a.sns_instagram:before {content:"\f16d";}

@media screen and (max-width: 560px) {
ul.nav_sns_sp li a { padding: 0 0 0 20px; font-size: 14px;}
}






/* ---------------------------------------------------------------------------------------------------   

　footer

   --------------------------------------------------------------------------------------------------- */

footer { padding:0 2.5%; position:relative; z-index:1; }
footer.fixed_footer {position: fixed; left: 0; bottom: 0; }
footer.bg_color {background: #f1f1ed}
footer .copyright_area p { font-size:12px;font-family: "acumin-pro", sans-serif; font-weight: 400; line-height:70px;  letter-spacing: 0.01em;font-feature-settings: "palt" 1; }
footer .copyright_area p span { font-size:11px; vertical-align: 0 ;}

@media only screen and (max-width: 960px) {
footer { padding:0 3.5%; }
footer .copyright_area p { line-height:60px; }
}
@media only screen and (max-width: 738px) {
footer.fixed_footer {position: static; left: 0; bottom: 0; }
footer .copyright_area p {font-size:11px; }
}





/* ---------------------------------------------------------------------------------------------------   

　.central

   --------------------------------------------------------------------------------------------------- */

.central { max-width: 1200px; margin: 0 auto; position: relative; z-index: 0; }





/* ---------------------------------------------------------------------------------------------------   

　.breadcrumb

   --------------------------------------------------------------------------------------------------- */

.breadcrumb { margin: 85px 0 0; padding: 0 2.6%; position: relative; z-index: 0; }
.fixed_breadcrumb {position: absolute; top: 0; left: 0; z-index: 2;}
/* ol */
.breadcrumb ol { list-style: none; font-size: 0; margin: 0; padding: 0;position: relative; z-index: 0;}
.breadcrumb li {display: inline-block;font-size: 12px; font-weight: 500; letter-spacing: 0.01em;position: relative; z-index: 0; vertical-align: middle}
.breadcrumb li:last-child {overflow: hidden;text-overflow: ellipsis; white-space: nowrap; max-width:20em;}
.breadcrumb li:after {display: inline-block;content: ""; border-top: #bdbbb4 1px solid; margin: 0 10px; width: 30px; vertical-align: middle;}
.breadcrumb li:last-child:after { display:none;}
.breadcrumb li a { display:inline-block;position:relative; font-weight: 400; letter-spacing: 0.015em; z-index: 0;}
.breadcrumb li a:after { position: absolute; bottom: 7px; right: 2px; left: 0; height: 1px; content: "";background: #222; z-index: 1;transition: transform .3s cubic-bezier(.215, .61, .355, 1);transform-origin: right center;transform:scaleX(0)}

@media only screen and (min-width: 961px) {
.breadcrumb li a:hover:after { transform-origin: left center;transform:scaleX(1)}
}
@media only screen and (max-width:960px) {
.breadcrumb { padding: 0 3.6%; }
}
@media only screen and (max-width:738px) {
.breadcrumb { margin: 65px 0 0;}
/*.fixed_breadcrumb {position: relative; top: auto; left: auto; }*/
.breadcrumb li:after { width: 25px;}
}
@media only screen and (max-width:560px) {
.breadcrumb li {font-size: 11px; }
.breadcrumb li:after { margin: 0 7px; width: 15px;}
.breadcrumb li:last-child {overflow: hidden;text-overflow: ellipsis; white-space: nowrap; max-width:10em; }
}






/* ---------------------------------------------------------------------------------------------------   

　.load

   --------------------------------------------------------------------------------------------------- */

.load { position: fixed; bottom: 0; top: 0; right: 0; left: 0;  z-index: 1001;pointer-events: none;}
.anim_load {transition: all .9s .25s ease-in; background: #FDFDFA; }
.anim_load.started {transform: none;transform: translate(0, 0);opacity: 0; background: none}
.anim_load.delighter.started { opacity: 0; background: none}





/* ---------------------------------------------------------------------------------------------------   

　.delighter

   --------------------------------------------------------------------------------------------------- */

.fade_in.delighter {transition: opacity .5s ease-out;opacity: 0.3; position: relative; z-index: 0;}
.fade_in.delighter.started {opacity: 1;}
.fade_in.delighter.ended {opacity: 1;}

.fade_in_img.delighter {position: relative; z-index: 0;}
.fade_in_img.delighter img {opacity: .1;transition: opacity .6s ease-out;}
.fade_in_img.delighter.started img {opacity: 1;}
.fade_in_img.delighter.ended img {opacity: 1;}




/* ---------------------------------------------------------------------------------------------------   

　slick

   --------------------------------------------------------------------------------------------------- */

.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}



/* ---------------------------------------------------------------------------------------------------   

　.block_404

   --------------------------------------------------------------------------------------------------- */

.block_404 { height:100vh; min-height:100%; min-height:50vw; position: relative; z-index:0; overflow: hidden; }

/* .profile_area */
.block_404 .block_area { position: absolute; top: 0px; right: 10%; left: 10%; bottom: 0; z-index: 1; }
.block_404 .block_box { position: absolute; top: 50%; left: 0; right: 0;max-width: 1200px; margin: 0 auto;  z-index: 0;-webkit-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center;}
.block_404 .block_area .txt_area { display: inline-block; text-align: left;line-height: 1;}
.block_404 .block_area .txt_area .t_ttl_404 { margin: 0 0 25px; font-size: 18px;font-weight: 500; letter-spacing: .025em; line-height: 1;}
.block_404 .block_area .txt_area a.btn { display: inline-block; margin: 20px 0 0; padding: 0 20px; font-size: 14px; font-weight: 500; line-height: 35px; letter-spacing: 0.015em;font-feature-settings: "calt" 1; position: relative; z-index: 0;}
.block_404 .block_area .txt_area a.btn:before { position: absolute; bottom: 0; right: 0; left: 0; top: 0; content: "";border: #bdbbb4 1px solid; z-index: 0; z-index: -1;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.block_404 .block_area .txt_area a.btn:after { position: absolute; bottom: 0; right: 0; left: 0; height: 100%; content: "";background: #222; transition: transform .3s cubic-bezier(.215, .61, .355, 1);transform-origin: right center;transform:scaleX(0) ; z-index: -1}

@media only screen and (min-width: 961px) {
.block_404 .block_area .txt_area a.btn:hover {color: #FDFDFA;}
.block_404 .block_area .txt_area a.btn:hover:before{border-color: transparent;}
.block_404 .block_area .txt_area a.btn:hover:after { transform-origin: left center;transform:scaleX(1)}
}

@media only screen and (max-width: 960px) {
.block_404 { height:100vh;}
.block_404 .block_area { right: 3.5%; left: 3.5%;}
.block_404 .block_box { padding: 0 5%;}
.block_404 .block_area .txt_area .t_ttl_404 { margin: 0 0 25px; font-size: 16px;}  
}
@media only screen and (max-width: 738px) {
footer.fixed_footer {position: fixed; left: 0; bottom: 0; }
.block_404 .block_area .txt_area a.btn {  margin: 20px 0 0; padding: 0 15px; font-size: 13px;  line-height: 32px; }
}