@charset "UTF-8";
/* ---------- setting ---------- ---------- */
body { font-family: "Noto Serif JP", serif; background: #EFF1F4; color: #737373; }

body a { color: #737373; }

main { display: block; }

/* ----------------------------------------------------------
.btn-pagetop
---------------------------------------------------------- */
.btn-pagetop { position: fixed; display: block; bottom: 20px; right: 20px; width: 40px; height: 40px; background: #000; color: #fff; text-align: center; cursor: pointer; border-radius: 50%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.2s; transition-property: opacity; visibility: hidden; }

.btn-pagetop:after { content: ""; position: absolute; top: 18px; left: 10px; width: 12px; height: 1px; background: #fff; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.btn-pagetop:before { content: ""; position: absolute; top: 18px; right: 10px; width: 12px; height: 1px; background: #fff; -ms-transform: rotate(45deg); transform: rotate(45deg); }

.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 { top: -60px; bottom: auto; position: absolute; }

/* ----------------------------------------------------------
.area-modal
---------------------------------------------------------- */
.area-modal { visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.2s; 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.2s; }

.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; }

@media screen and (min-width: 768px){
 main{ font-size: 0.875vw; } }

@media screen and (max-width: 767px){
 main{ font-size: 14px; }
 .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; }
 body.page-index .area-footer-menu ._copy{ display: block; }
 .area-footer-menu{ padding: 40px; }
 .area-footer-menu img{ width: 100%; }
 .area-footer-menu ._copy{ font-size: 50px; letter-spacing: 0.05em; color: #E0E4E9; display: none; }
 .area-footer-menu ._copy span{ display: block; }
 .area-footer-menu ._inner ._image{ width: 225px; }
 .area-footer-menu ._inner ._texts{ margin-top: -30px; }
 .area-footer-menu ._inner ._link{ display: none; }
 .mod-footer-link-text ._logo{ width: 116px; margin-left: auto; }
 .mod-footer-link-text ._link{ position: relative; margin-top: 56px; text-align: right; }
 .mod-footer-link-text ._link > li{ margin-top: 20px; }
 .mod-footer-link-text ._link > li > a{ display: block; font-size: 28px; letter-spacing: 0.03em; line-height: 1; text-align: right; color: #3d3d3d; }
 .mod-footer-link-text ._link ul{ margin-top: 40px; margin-bottom: 40px; }
 .mod-footer-link-text ._link ul li{ margin-top: 20px; }
 .mod-footer-link-text ._link ul a{ font-size: 14px; letter-spacing: 0.03em; line-height: 1; text-align: right; }
 .mod-footer-link-text ._link ul a span{ font-size: 10px; }
 .mod-footer-link-text ._mail{ margin-top: 35px; }
 .mod-footer-link-text ._mail ._btns{ margin-top: 5px; }
 .mod-footer-link-text ._mail p{ font-size: 12px; line-height: 2; }
 .area-footer{ background: #c6cbd0; padding: 30px 40px; }
 .area-footer ._copy{ margin-top: 30px; text-align: center; }
 .area-footer ._copy small{ font-size: 10px; }
 .mod-footer-sns{ text-align: center; }
 .mod-footer-sns li{ padding: 12px; }
 .mod-footer-sns li a{ display: block; font-size: 14px; letter-spacing: 0.1em; color: #3d3d3d; }
 /* ----------------------------------------------------------
.area-header
---------------------------------------------------------- */
 .area-header{ position: relative; }
 .area-header img{ width: 100%; }
 .area-header ._logo{ z-index: 100; position: absolute; top: 4vw; left: 36.5vw; width: 20vw; }
 .area-header ._menu-btn{ position: fixed; top: 18px; right: 27px; width: 60px; height: 60px; cursor: pointer; transition-duration: 0.2s; z-index: 200; }
 .area-header ._menu-btn:hover{ opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
 .area-header ._menu-btn span{ transition-duration: 0.2s; position: absolute; background: #000; height: 1px; }
 .area-header ._menu-btn span:nth-child(1){ top: 16px; left: 16px; right: 14px; }
 .area-header ._menu-btn span:nth-child(2){ top: 24px; left: 14px; right: 16px; }
 .area-header ._menu-btn span:nth-child(3){ top: 31px; left: 16px; right: 14px; }
 body.js-menu-active .area-header ._menu-btn span:nth-child(1){ position: absolute; left: 16px; right: 16px; top: 24px; -ms-transform: rotate(45deg); transform: rotate(45deg); }
 body.js-menu-active .area-header ._menu-btn span:nth-child(2){ display: none; }
 body.js-menu-active .area-header ._menu-btn span:nth-child(3){ position: absolute; left: 16px; right: 16px; top: 24px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
 .area-menu{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; overflow: scroll; -webkit-overflow-scrolling: touch; z-index: -1; visibility: hidden; }
 body.js-menu-active .area-menu{ z-index: 105; visibility: visible; }
 .area-menu:before{ content: ""; display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #EFF1F4; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.2s; }
 body.js-menu-active .area-menu:before{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition-duration: 0.2s; }
 .area-menu ._area-inner{ position: absolute; top: 60px; left: 40px; right: 40px; bottom: 40px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0s; transition-delay: 0; }
 .area-menu ._area-inner img{ width: 100%; }
 body.js-menu-active .area-menu ._area-inner{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition-duration: 0.2s; transition-delay: 0.2s; }
 .area-menu ._area-inner ._image{ display: none; }
 .area-menu ._area-inner ._mail{ margin-top: 70px; }
 .area-menu ._area-inner ._copy{ display: none; }
 .area-menu ._area-inner ._logo{ display: none; }
 .area-menu ._area-inner ._sns{ margin-top: 100px; padding-bottom: 20px; }
 /* ----------------------------------------------------------
.area-wrapper
---------------------------------------------------------- */
 .area-wrapper{ overflow: hidden; position: relative; } }

@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; }
 body.page-index .area-footer-menu ._copy{ display: block; }
 .area-footer-menu{ padding: 6.25vw 5vw 0 5vw; }
 .area-footer-menu img{ width: 100%; }
 .area-footer-menu ._copy{ text-align: center; font-size: 6.25vw; letter-spacing: 0.05em; color: #E0E4E9; display: none; }
 .area-footer-menu ._inner{ margin-top: -0.625vw; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
 .area-footer-menu ._inner ._image{ width: 45vw; height: 51.875vw; }
 .area-footer-menu ._inner ._image img{ object-fit: cover; height: 100%; }
 .area-footer-menu ._inner ._texts{ -ms-flex: 1; flex: 1; }
 .mod-footer-link-text{ text-align: right; }
 .mod-footer-link-text ._logo{ width: 9.0625vw; margin-left: auto; }
 .mod-footer-link-text ._link{ position: relative; margin-top: 5vw; }
 .mod-footer-link-text ._link > li{ margin-top: 1.25vw; }
 .mod-footer-link-text ._link > li > a{ display: block; font-size: 1.75vw; letter-spacing: 0.03em; line-height: 1; text-align: right; color: #3d3d3d; position: relative; cursor: pointer; }
 .mod-footer-link-text ._link > li > a.is-current:after{ width: 32.5vw; }
 .mod-footer-link-text ._link > li > a:after{ content: ""; display: block; position: absolute; top: 0.9375vw; width: 0; right: 13.75vw; height: 1px; background: #707070; transition-duration: 0.4s; }
 .mod-footer-link-text ._link ul{ margin-top: 2.5vw; margin-bottom: 2.5vw; }
 .mod-footer-link-text ._link ul li{ margin-top: 0.9375vw; }
 .mod-footer-link-text ._link ul a{ font-size: 0.875vw; letter-spacing: 0.03em; line-height: 1; text-align: right; }
 .mod-footer-link-text ._mail{ margin-top: 3.75vw; width: 28.125vw; margin-left: auto; text-align: left; }
 .mod-footer-link-text ._mail ._btns{ margin-top: 0.625vw; }
 .mod-footer-link-text ._mail p{ font-size: 0.75vw; line-height: 1.6; }
 .area-footer{ margin-top: -3.125vw; background: #c6cbd0; padding: 9.375vw 5vw 7.5vw 5vw; }
 .area-footer ._copy{ margin-top: 6.25vw; text-align: center; }
 .area-footer ._copy small{ font-size: 0.75vw; }
 .mod-footer-sns{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
 .mod-footer-sns li a{ display: block; font-size: 1.125vw; letter-spacing: 0.1em; color: #3d3d3d; }
 /* ----------------------------------------------------------
.area-header
---------------------------------------------------------- */
 .area-header{ position: relative; }
 .area-header img{ width: 100%; }
 .area-header ._logo{ z-index: 100; position: absolute; top: 6.31vw; left: 84.2vw; width: 10vw; height: 13.56vw; }
 .area-header ._menu-btn{ position: absolute; top: 1.875vw; right: 5vw; width: 3.125vw; height: 3.125vw; cursor: pointer; transition-duration: 0.2s; z-index: 200; }
 body.js-menu-active .area-header ._menu-btn{ position: fixed; }
 .area-header ._menu-btn:hover{ opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
 .area-header ._menu-btn span{ transition-duration: 0.2s; position: absolute; background: #000; height: 1px; }
 .area-header ._menu-btn span:nth-child(1){ top: 0.875vw; left: 0.875vw; right: 0.75vw; }
 .area-header ._menu-btn span:nth-child(2){ top: 1.25vw; left: 0.75vw; right: 0.875vw; }
 .area-header ._menu-btn span:nth-child(3){ top: 1.625vw; left: 0.875vw; right: 0.75vw; }
 body.js-menu-active .area-header ._menu-btn span:nth-child(1){ position: absolute; left: 0.875vw; right: 0.875vw; top: 1.25vw; -ms-transform: rotate(45deg); transform: rotate(45deg); }
 body.js-menu-active .area-header ._menu-btn span:nth-child(2){ display: none; }
 body.js-menu-active .area-header ._menu-btn span:nth-child(3){ position: absolute; left: 0.875vw; right: 0.875vw; top: 1.25vw; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
 .area-menu{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; overflow: scroll; -webkit-overflow-scrolling: touch; z-index: -1; visibility: hidden; }
 body.js-menu-active .area-menu{ z-index: 105; visibility: visible; }
 .area-menu:before{ content: ""; display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #EFF1F4; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.2s; }
 body.js-menu-active .area-menu:before{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition-duration: 0.2s; }
 .area-menu ._area-inner{ position: absolute; top: 2.5vw; left: 5vw; right: 5vw; bottom: 2.5vw; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0s; transition-delay: 0; }
 .area-menu ._area-inner img{ width: 100%; }
 body.js-menu-active .area-menu ._area-inner{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition-duration: 0.2s; transition-delay: 0.2s; }
 .area-menu ._area-inner ._inner{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; height: 100%; }
 .area-menu ._area-inner ._image{ height: 100%; width: 45vw; }
 .area-menu ._area-inner ._image div{ height: 100%; }
 .area-menu ._area-inner ._image img{ height: 100%; object-fit: cover; }
 .area-menu ._area-inner ._texts{ -ms-flex: 1; flex: 1; position: relative; padding-bottom: 4.375vw; }
 .area-menu ._area-inner ._copy{ display: none; }
 .area-menu ._area-inner ._logo{ display: none; }
 .area-menu ._area-inner ._sns{ position: absolute; left: 50vw; right: 0px; bottom: 2vw; }
 /* ----------------------------------------------------------
.area-wrapper
---------------------------------------------------------- */
 .area-wrapper{ position: relative; }
 /* ----------------------------------------------------------
.area-inner
---------------------------------------------------------- */
 .area-inner{ position: relative; margin: 0 5vw; }
 /* ----------------------------------------------------------
.block-inner
---------------------------------------------------------- */
 .block-inner{ position: relative; margin: 0 5vw; } }

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