@charset "UTF-8";
/* ---------- setting ---------- ---------- */
body { font-family: "din-2014", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; color: #333333; background: #F0F0F0; }

body a { color: #333333; }

/* ----------------------------------------------------------
.btn-pagetop
---------------------------------------------------------- */
.area-pagetop { position: relative; top: 10.41667vw; left: 0px; right: 0px; }

.btn-pagetop { position: fixed; visibility: hidden; transition-duration: 0.4s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; display: block; bottom: 2.77778vw; right: 2.77778vw; width: 2.77778vw; height: 10.41667vw; text-align: center; cursor: pointer; z-index: 20; transition-duration: 0.4s; font-weight: bold; }

body.js-loaded .btn-pagetop { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; }

.btn-pagetop:hover:before { top: 0; height: 5.55556vw; }

.btn-pagetop:hover:after { height: 0; }

.btn-pagetop:before { content: ""; display: block; position: absolute; top: 5.55556vw; left: 50%; width: 1px; height: 0; background: #000; transition-duration: 0.4s; transition-delay: 0.2s; }

.btn-pagetop:after { content: ""; display: block; position: absolute; top: 0px; left: 50%; width: 1px; height: 5.55556vw; background: #000; transition-duration: 0.4s; }

.btn-pagetop p { position: absolute; left: 0.90278vw; bottom: 0px; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 0.83333vw; }

.btn-pagetop.js-show { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; }

.btn-pagetop.js-show:hover { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

.btn-pagetop.js-fixed { position: absolute; }

/* ----------------------------------------------------------
.area-modal
---------------------------------------------------------- */
.area-modal { visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.4s; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1000; }

.area-modal.js-show { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.area-modal ._modal-bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.85); }

.area-modal ._modal-btn-close { position: absolute; cursor: pointer; border-radius: 50%; z-index: 10; transition-duration: 0.4s; }

.area-modal ._modal-btn-close:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.area-modal ._modal-btn-close:after, .area-modal ._modal-btn-close:before { content: ""; position: absolute; top: 18px; left: 8px; width: 25px; height: 4px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.area-modal ._modal-btn-close:before { -ms-transform: rotate(45deg); transform: rotate(45deg); }

.area-modal ._modal-box { position: absolute; background: #fff; box-sizing: border-box; border-radius: 5px; }

.area-modal ._modal-box ._modal-head { position: absolute; top: 0px; left: 0px; right: 0px; padding: 15px 0 0 20px; height: 50px; background: #eee; box-sizing: border-box; }

.area-modal ._modal-box ._modal-body { position: absolute; top: 50px; bottom: 50px; left: 0px; right: 0px; padding: 20px; background: #ccc; box-sizing: border-box; overflow-y: scroll; }

.area-modal ._modal-box ._modal-body ._t1 { font-size: 18px; line-height: 1.2; font-weight: bold; }

.area-modal ._modal-box ._modal-body ._t2 { font-size: 14px; line-height: 1.8; }

.area-modal ._modal-box ._modal-body ._t3 { font-size: 12px; line-height: 1.8; }

.area-modal ._modal-box ._modal-foot { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 7px 0 0 0; height: 50px; background: #eee; box-sizing: border-box; }

.area-modal ._modal-box ._modal-foot ._btn-do { display: block; box-sizing: border-box; text-align: center; cursor: pointer; width: 200px; margin: 0 auto; padding: 5px 0; font-size: 14px; background: #666; color: #fff; }

.area-modal ._modal-box ._modal-foot ._btn-do:hover { background: #333; }

/* リセットCSS */
html, body { width: 100%; height: 100%; }

body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, blockquote, pre, a, div { margin: 0; padding: 0; font-size: 100%; line-height: inherit; box-sizing: border-box; }

body { -webkit-text-size-adjust: 100%; line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

th, td { vertical-align: top; text-align: left; font-weight: normal; }

img { border: 0; vertical-align: bottom; }

a { text-decoration: none; }

.area-index-logo:after { display: block; content: ""; padding-top: 40%; }

.area-index-logo g { transition-duration: 0.2s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.area-index-logo ._t1 { -ms-transform: translateX(90px); transform: translateX(90px); }

.area-index-logo ._t2 { -ms-transform: translateX(80px); transform: translateX(80px); }

.area-index-logo ._t3 { -ms-transform: translateX(70px); transform: translateX(70px); }

.area-index-logo ._t4 { -ms-transform: translateX(60px); transform: translateX(60px); }

.area-index-logo ._t5 { -ms-transform: translateX(55px); transform: translateX(55px); }

.area-index-logo ._t6 { -ms-transform: translateX(50px); transform: translateX(50px); }

.area-index-logo ._t7 { -ms-transform: translateX(50px); transform: translateX(50px); }

.area-index-logo ._t8 { -ms-transform: translateX(45px); transform: translateX(45px); }

.area-index-logo ._t9 { -ms-transform: translateX(40px); transform: translateX(40px); }

.area-index-logo ._t10 { -ms-transform: translateX(35px); transform: translateX(35px); }

.area-index-logo ._t11 { -ms-transform: translateX(30px); transform: translateX(30px); }

body.js-index-s2 .area-index-logo ._t1 { -ms-transform: translateX(70px); transform: translateX(70px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

body.js-index-s3 .area-index-logo ._t1 { -ms-transform: translateX(50px); transform: translateX(50px); }

body.js-index-s3 .area-index-logo ._t2 { -ms-transform: translateX(50px); transform: translateX(50px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

body.js-index-s4 .area-index-logo ._t1, body.js-index-s4 .area-index-logo ._t2 { -ms-transform: translateX(40px); transform: translateX(40px); }

body.js-index-s4 .area-index-logo ._t3 { -ms-transform: translateX(40px); transform: translateX(40px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

body.js-index-s5 .area-index-logo ._t1, body.js-index-s5 .area-index-logo ._t2, body.js-index-s5 .area-index-logo ._t3 { -ms-transform: translateX(35px); transform: translateX(35px); }

body.js-index-s5 .area-index-logo ._t4 { -ms-transform: translateX(35px); transform: translateX(35px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

body.js-index-s6 .area-index-logo ._t1, body.js-index-s6 .area-index-logo ._t2, body.js-index-s6 .area-index-logo ._t3, body.js-index-s6 .area-index-logo ._t4 { -ms-transform: translateX(30px); transform: translateX(30px); }

body.js-index-s6 .area-index-logo ._t5 { -ms-transform: translateX(30px); transform: translateX(30px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

body.js-index-s7 .area-index-logo ._t1, body.js-index-s7 .area-index-logo ._t2, body.js-index-s7 .area-index-logo ._t3, body.js-index-s7 .area-index-logo ._t4, body.js-index-s7 .area-index-logo ._t5 { -ms-transform: translateX(25px); transform: translateX(25px); }

body.js-index-s7 .area-index-logo ._t6 { -ms-transform: translateX(25px); transform: translateX(25px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

body.js-index-s8 .area-index-logo ._t1, body.js-index-s8 .area-index-logo ._t2, body.js-index-s8 .area-index-logo ._t3, body.js-index-s8 .area-index-logo ._t4, body.js-index-s8 .area-index-logo ._t5, body.js-index-s8 .area-index-logo ._t6 { -ms-transform: translateX(20px); transform: translateX(20px); }

body.js-index-s8 .area-index-logo ._t7 { -ms-transform: translateX(20px); transform: translateX(20px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

body.js-index-s9 .area-index-logo ._t1, body.js-index-s9 .area-index-logo ._t2, body.js-index-s9 .area-index-logo ._t3, body.js-index-s9 .area-index-logo ._t4, body.js-index-s9 .area-index-logo ._t5, body.js-index-s9 .area-index-logo ._t6, body.js-index-s9 .area-index-logo ._t7 { -ms-transform: translateX(15px); transform: translateX(15px); }

body.js-index-s9 .area-index-logo ._t8 { -ms-transform: translateX(15px); transform: translateX(15px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

body.js-index-s10 .area-index-logo ._t1, body.js-index-s10 .area-index-logo ._t2, body.js-index-s10 .area-index-logo ._t3, body.js-index-s10 .area-index-logo ._t4, body.js-index-s10 .area-index-logo ._t5, body.js-index-s10 .area-index-logo ._t6, body.js-index-s10 .area-index-logo ._t7, body.js-index-s10 .area-index-logo ._t8 { -ms-transform: translateX(10px); transform: translateX(10px); }

body.js-index-s10 .area-index-logo ._t9 { -ms-transform: translateX(10px); transform: translateX(10px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

body.js-index-s11 .area-index-logo ._t1, body.js-index-s11 .area-index-logo ._t2, body.js-index-s11 .area-index-logo ._t3, body.js-index-s11 .area-index-logo ._t4, body.js-index-s11 .area-index-logo ._t5, body.js-index-s11 .area-index-logo ._t6, body.js-index-s11 .area-index-logo ._t7, body.js-index-s11 .area-index-logo ._t8, body.js-index-s11 .area-index-logo ._t9 { -ms-transform: translateX(5px); transform: translateX(5px); }

body.js-index-s11 .area-index-logo ._t10 { -ms-transform: translateX(5px); transform: translateX(5px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

body.js-index-s12 .area-index-logo ._t1, body.js-index-s12 .area-index-logo ._t2, body.js-index-s12 .area-index-logo ._t3, body.js-index-s12 .area-index-logo ._t4, body.js-index-s12 .area-index-logo ._t5, body.js-index-s12 .area-index-logo ._t6, body.js-index-s12 .area-index-logo ._t7, body.js-index-s12 .area-index-logo ._t8, body.js-index-s12 .area-index-logo ._t9, body.js-index-s12 .area-index-logo ._t10 { -ms-transform: translateX(0px); transform: translateX(0px); }

body.js-index-s12 .area-index-logo ._t11 { -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

body.js-loaded .area-index-logo { position: absolute; }

@media screen and (max-width: 767px){
 .area-pagetop{ display: none; }
 .area-modal ._modal-btn-close{ top: 5px; right: 5px; width: 40px; height: 40px; }
 .area-modal ._modal-btn-close:after, .area-modal ._modal-btn-close:before{ background: #000; }
 .area-modal ._modal-box{ top: 10px; left: 10px; bottom: 10px; right: 10px; width: auto; height: auto; margin: 0; }
 footer{ position: relative; }
 .area-footer{ background: #CCCCCC; }
 .area-footer-main{ padding: 18.66667vw 10.66667vw 10.66667vw 10.66667vw; }
 .area-footer-main ._cols ._left p{ font-weight: bold; font-size: 5.86667vw; line-height: 1.25; }
 .area-footer-main ._cols ._right{ padding: 13.33333vw 0 13.33333vw 10.66667vw; text-align: right; -ms-flex: 1; flex: 1; text-align: right; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: column; flex-direction: column; }
 .area-footer-main ._cols ._right small{ display: block; margin-top: 10.66667vw; }
 body.page-index .area-footer-main ._cols ._right{ display: none; }
 .area-footer-main-sp{ padding: 13.33333vw 10.66667vw 13.33333vw 10.66667vw; text-align: right; -ms-flex: 1; flex: 1; text-align: right; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: column; flex-direction: column; }
 .area-footer-main-sp small{ display: block; margin-top: 10.66667vw; }
 .area-footer-index{ padding: 0 0 0 10.66667vw; }
 .area-footer-index img{ width: 100%; }
 .area-footer-index ._image{ position: relative; height: 80vw; }
 .area-footer-index ._image ._item{ opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition-duration: 1s; transition-timing-function: ease-out; }
 .area-footer-index ._image ._item.js-show{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
 /* ----------------------------------------------------------
.area-header
---------------------------------------------------------- */
 .area-menu{ position: fixed; top: 4vw; left: 0; width: 8vw; z-index: 90; }
 body.page-index .area-menu{ visibility: hidden; transition-duration: 0.6s; transition-delay: 0.2s; -ms-transform: translate(0, 6.66667vw); transform: translate(0, 6.66667vw); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
 body.page-index.js-loaded .area-menu{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; -ms-transform: translate(0, 0); transform: translate(0, 0); }
 .area-menu ._btn{ position: absolute; top: 0; left: 0.53333vw; width: 13.33333vw; height: 13.33333vw; transition-duration: 0.2s; cursor: pointer; }
 .area-menu ._btn:hover{ opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
 .area-menu ._btn span{ transition-duration: 0.2s; position: absolute; background: #000; height: 0.26667vw; left: 4vw; right: 4vw; }
 .area-menu ._btn span:nth-child(1){ top: 5.86667vw; }
 .area-menu ._btn span:nth-child(2){ top: 7.2vw; }
 body.js-gmenu-active .area-menu ._btn{ left: 2.66667vw; }
 body.js-gmenu-active .area-menu ._btn span{ left: 1.33333vw; right: 1.33333vw; }
 body.js-gmenu-active .area-menu ._btn span:nth-child(1){ position: absolute; top: 6.66667vw; -ms-transform: rotate(30deg); transform: rotate(30deg); }
 body.js-gmenu-active .area-menu ._btn span:nth-child(2){ position: absolute; top: 6.66667vw; -ms-transform: rotate(-30deg); transform: rotate(-30deg); }
 .area-menu-open{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; visibility: hidden; }
 .area-menu-open img{ width: 100%; }
 .area-menu-open:before{ content: ""; display: block; position: absolute; transition-duration: 0.4s; bottom: 0; left: 0; right: 0; height: 0; background: #E1E1E1; z-index: 40; transition-duration: 0.4s; }
 body.js-gmenu-active .area-menu-open{ visibility: visible; z-index: 50; }
 body.js-gmenu-active .area-menu-open:before{ height: 100%; }
 body.js-gmenu-active .area-menu-open ._inner{ transition-duration: 0.2s; transition-delay: 0.4s; -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
 .area-menu-open ._inner{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 60; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -ms-transform: translate(0, 2.66667vw); transform: translate(0, 2.66667vw); }
 .area-menu-open ._logo{ position: absolute; top: 8vw; left: 50%; width: 37.33333vw; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
 .area-menu-open ._links{ position: absolute; top: calc(50% - 10vw); left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 5.33333vw; text-align: left; font-weight: bold; }
 .area-menu-open ._links li{ margin: 4vw 0; }
 .area-menu-open ._footer{ position: absolute; right: 5.33333vw; bottom: 10.66667vw; }
 .area-menu-open ._footer ._add{ padding-right: 5.33333vw; }
 .area-menu-open ._footer ._add p{ font-size: 3.2vw; line-height: 1.5; font-weight: bold; }
 .area-menu-open ._footer ._sns{ margin-top: 5.33333vw; text-align: right; }
 .area-index-loading{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; background: #F0F0F0; transition-duration: 0.4s; visibility: visible; visibility: hidden; }
 body.js-loaded .area-index-loading{ opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; }
 .area-index-logo{ position: fixed; left: 9.6vw; top: 51.73333vw; width: 37.33333vw; z-index: 20; }
 .area-index-logo img{ width: 100%; }
 .area-head ._logo{ position: absolute; top: 8vw; left: 50%; width: 37.33333vw; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
 .area-head ._logo img{ width: 100%; }
 .area-head ._btns{ display: none; }
 /* ----------------------------------------------------------
.area-wrapper
---------------------------------------------------------- */
 .area-wrapper{ overflow: hidden; position: relative; }
 /* ----------------------------------------------------------
.area-inner
---------------------------------------------------------- */
 .area-inner{ position: relative; }
 /* ----------------------------------------------------------
.block-inner
---------------------------------------------------------- */
 .block-inner-sp{ padding-right: 15px; padding-left: 15px; }
 main{ display: block; } }

@media print, screen and (min-width: 768px){
 .area-modal ._modal-btn-close{ top: -50px; right: 0px; width: 40px; height: 40px; }
 .area-modal ._modal-btn-close:after, .area-modal ._modal-btn-close:before{ background: #fff; }
 .area-modal ._modal-box{ top: 50%; left: 50%; width: 600px; height: 600px; margin: -300px 0 0 -300px; }
 footer{ position: relative; }
 .area-footer{ background: #CCCCCC; }
 .area-footer-main{ padding: 7.63889vw 0; }
 .area-footer-main ._cols{ display: -ms-flexbox; display: flex; }
 .area-footer-main ._cols ._left{ -ms-flex: 1; flex: 1; }
 .area-footer-main ._cols ._left p{ font-weight: bold; font-size: 2.08333vw; line-height: 1.2; }
 .area-footer-main ._cols ._right{ text-align: right; -ms-flex: 1; flex: 1; padding-top: 1.38889vw; text-align: right; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: column; flex-direction: column; }
 .area-footer-main-sp{ display: none; }
 .area-footer-index{ overflow: hidden; }
 .area-footer-index img{ width: 100%; }
 .area-footer-index ._image{ position: relative; height: 47vw; }
 .area-footer-index ._image ._item{ opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; transition-duration: 1s; transition-timing-function: ease-out; }
 .area-footer-index ._image ._item.js-show{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
 .area-header-sp{ display: none; }
 .area-menu-sp{ display: none; }
 /* ----------------------------------------------------------
.area-header
---------------------------------------------------------- */
 body.page-index{ overflow: hidden; }
 body.page-index.js-loaded{ overflow: auto; }
 .area-menu{ position: fixed; top: 26.38889vw; left: 0px; bottom: 0px; width: 4.16667vw; z-index: 90; }
 body.page-index .area-menu{ visibility: hidden; transition-duration: 0.6s; transition-delay: 0.2s; -ms-transform: translate(0, 50px); transform: translate(0, 50px); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
 body.page-index.js-loaded .area-menu{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; -ms-transform: translate(0, 0); transform: translate(0, 0); }
 .area-menu ._btn{ position: absolute; top: -2.08333vw; left: 1.04167vw; width: 4.16667vw; height: 4.16667vw; transition-duration: 0.4s; cursor: pointer; }
 .area-menu ._btn:hover{ opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
 .area-menu ._btn span{ transition-duration: 0.4s; position: absolute; background: #000; height: 0.13889vw; left: 1.25vw; right: 1.25vw; }
 .area-menu ._btn span:nth-child(1){ top: 1.73611vw; }
 .area-menu ._btn span:nth-child(2){ top: 2.43056vw; }
 body.js-gmenu-active .area-menu ._btn{ left: 1.38889vw; }
 body.js-gmenu-active .area-menu ._btn span{ left: 0.69444vw; right: 0.69444vw; }
 body.js-gmenu-active .area-menu ._btn span:nth-child(1){ position: absolute; top: 2.08333vw; -ms-transform: rotate(30deg); transform: rotate(30deg); }
 body.js-gmenu-active .area-menu ._btn span:nth-child(2){ position: absolute; top: 2.08333vw; -ms-transform: rotate(-30deg); transform: rotate(-30deg); }
 .area-menu-open{ position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1; visibility: hidden; }
 .area-menu-open img{ width: 100%; }
 .area-menu-open:before{ content: ""; display: block; position: absolute; transition-duration: 0.4s; bottom: 0px; left: 0px; right: 0px; height: 0; background: #E1E1E1; z-index: 40; transition-duration: 0.4s; }
 body.js-gmenu-active .area-menu-open{ visibility: visible; z-index: 50; }
 body.js-gmenu-active .area-menu-open:before{ height: 100%; }
 body.js-gmenu-active .area-menu-open ._inner{ transition-duration: 0.4s; transition-delay: 0.4s; -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
 .area-menu-open ._inner{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 60; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -ms-transform: translate(0, 20px); transform: translate(0, 20px); }
 .area-menu-open ._logo{ position: absolute; top: 26.38889vw; left: 7.63889vw; width: 17.36111vw; -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
 .area-menu-open ._links{ position: absolute; top: 29.16667vw; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 2.22222vw; text-align: left; font-weight: bold; }
 .area-menu-open ._links a{ transition-duration: 0.4s; }
 .area-menu-open ._links a:hover{ color: #fff; }
 .area-menu-open ._links li{ margin: 2.08333vw 0; }
 .area-menu-open ._footer{ position: absolute; right: 11.80556vw; bottom: 9.72222vw; }
 .area-menu-open ._footer ._add{ padding-right: 2.77778vw; }
 .area-menu-open ._footer ._add p{ font-size: 1.11111vw; line-height: 1.5; font-weight: bold; }
 .area-menu-open ._footer ._sns{ margin-top: 7.63889vw; text-align: right; }
 .area-index-loading{ position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 20; background: #F0F0F0; transition-duration: 0.4s; visibility: visible; }
 body.js-loaded .area-index-loading{ opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; }
 .area-index-logo{ position: fixed; left: 7.63889vw; top: 25vw; width: 17.36111vw; z-index: 20; }
 .area-index-logo img{ width: 100%; }
 .area-head ._logo{ position: absolute; top: 3.47222vw; left: 7.63889vw; width: 13.19444vw; }
 .area-head ._logo img{ width: 100%; }
 .area-head ._btns{ position: absolute; top: 5.20833vw; right: 7.63889vw; }
 /* ----------------------------------------------------------
.area-wrapper
---------------------------------------------------------- */
 .area-wrapper{ overflow: hidden; position: relative; }
 /* ----------------------------------------------------------
.area-inner
---------------------------------------------------------- */
 .area-inner{ position: relative; margin-left: 12.5vw; margin-right: 12.5vw; }
 .area-inner-left{ position: relative; margin-left: 12.5vw; }
 /* ----------------------------------------------------------
.block-inner
---------------------------------------------------------- */
 .block-inner{ position: relative; margin-left: 12.5vw; margin-right: 12.5vw; }
 .block-inner-left{ position: relative; margin-left: 12.5vw; }
 main{ display: block; font-size: 0.97222vw; } }

@media screen and (max-width: 767px) and (max-width: 767px){
 main{ font-size: 3.73333vw; }
 main img{ max-width: 100%; } }

/*# sourceMappingURL=maps/area.css.map */