@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
@import url("//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

@charset "UTF-8";
/* ! ---------- web font ---------- ---------- ---------- ---------- */
@font-face { font-family: 'BebasNeue'; src: url("../font/BebasNeue%20Bold.ttf") format("truetype"); }

/* ! ---------- initial ---------- ---------- ---------- ---------- */
/* ---------- setting ---------- ---------- */
/* リセット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; }

body { font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; }

/* ! ---------- module ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- */
.mod-visible { visibility: visible; }

.mod-hidden { visibility: hidden; }

.mod-pc, .mod-pc-inline, .mod-sp, .mod-sp-inline { display: none !important; }

/* //PC、タブ、スマホの汎用表示切り替え .mod-pc, .mod-pc-inline, .mod-tb, .mod-tb-inline, .mod-sp, .mod-sp-inline{ display: none!important;} @media screen and (min-width: $breakPointM+1){ .mod-pc{display: block!important;} .mod-pc-inline{ display: inline-block!important;} } @media screen and (min-width: $breakPoint +1) and (max-width: $breakPointM){ .mod-tb{display: block!important;} .mod-tb-inline{ display: inline-block!important;} } @media screen and (max-width: $breakPoint) { .mod-sp{display: block!important;} .mod-sp-inline{ display: inline-block!important;} } */
/* ---------- ---------- ---------- */
.mod-en { font-family: "Roboto", sans-serif; }

.mod-en2 { font-family: "BebasNeue", sans-serif; }

.mod-text-en { font-family: "Roboto", sans-serif; }

.mod-text-min { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

.mod-text-bold { font-weight: bold; }

.mod-color-red { color: red; }

.mod-color-yellow { color: yellow; }

.mod-color-blue { color: blue; }

.mod-text-underline { text-decoration: underline; }

.mod-text-lt2 { letter-spacing: 2px; }

.mod-text-lt4 { letter-spacing: 4px; }

.mod-text-lt10 { letter-spacing: 10px; }

.mod-fs42 { font-size: 42px !important; }

.mod-fs36 { font-size: 36px !important; }

.mod-fs24 { font-size: 24px !important; }

.mod-fs20 { font-size: 20px !important; }

.mod-fs18 { font-size: 18px !important; }

.mod-fs16 { font-size: 16px !important; }

.mod-fs14 { font-size: 14px !important; }

.mod-fs12 { font-size: 12px !important; }

.mod-fs10 { font-size: 10px !important; }

.mod-text-left { text-align: left !important; }

.mod-text-center { text-align: center !important; }

.mod-text-right { text-align: right !important; }

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

.block-common-base { position: relative; }

.mod-box-texts { background: rgba(255, 255, 255, 0.95); }

.mod-box-common { background: white; }

.mod-column { margin: 20px 0; }

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

ul.mod-grid-2, ul.mod-grid-3, ul.mod-grid-4, ul.mod-grid-5 { list-style: none; padding: 0; }

/* ----------------------------------------------------------
.mod-text
---------------------------------------------------------- */

/* ----------------------------------------------------------
.mod-text-notes
---------------------------------------------------------- */
.mod-text-notes { margin: 0 0 0.5em 0; font-size: 14px; color: #888; }

/* ----------------------------------------------------------
.mod-text-vertical
---------------------------------------------------------- */
.mod-text-vertical { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }

.mod-h2 { text-align: center; }

.mod-h2 h2 { font-weight: normal; }

.mod-h2b { text-align: center; }

.mod-h2c { text-align: center; }

.mod-h2c h2 { font-weight: normal; }

.mod-list { margin: 1em 0; display: block; list-style: none; line-height: 1.8; }

.mod-list li { position: relative; padding: 0 0 0.25em 1.5em; }

.mod-list li:before { content: "・"; position: absolute; left: 3px; top: 0; }

.mod-list.mod-list-cir li:before { content: "●"; -ms-transform: scale(0.7); transform: scale(0.7); }

.mod-list.mod-list-notes { color: #888; font-size: 14px; }

.mod-list.mod-list-notes li:before { content: "※"; left: 0; }

.mod-link-arrow { position: relative; text-indent: -5px; padding-left: 10px; }

.mod-link-arrow:before { display: inline-block; font-family: FontAwesome; content: "\f0da"; vertical-align: middle; margin-right: 5px; }

a.mod-link-arrow { display: inline-block; }

a[target=_blank].mod-link-arrow:after { display: inline-block; font-family: FontAwesome; content: "\f08e"; vertical-align: middle; margin-left: 5px; }

.mod-link-pagelink { list-style: none; margin: 1em 0; padding: 0; line-height: 1.4; }

.mod-link-pagelink a { -ms-flex: 1; flex: 1; display: inline-block; display: block; position: relative; text-indent: -7px; padding: 5px 20px 5px 20px; }

.mod-link-pagelink a:hover { text-decoration: underline; }

.mod-link-pagelink a:before { display: inline-block; font-family: FontAwesome; content: "\f0d7"; margin-right: 5px; font-size: 80%; }

/*
a.mod-link-blank {
  &::after {
    @if $all {
      @include font-icon;
      content: "\f08e";
      font-weight: normal;
      display: inline-block;
      vertical-align: baseline;
      margin-left: 2px;
    }
  }
}

a.mod-link-pdf {
  &::after {
    @if $all {
      @include font-icon;
      content: "\f1c1";
      font-weight: normal;
      display: inline-block;
      vertical-align: baseline;
      margin-left: 3px;
    }
  }
}
*/
.mod-table { border-bottom: 1px solid #000; }

.mod-table th { border-top: 1px solid #000; padding: 30px 10px 30px 10px; line-height: 1.8; width: 25%; }

.mod-table td { border-top: 1px solid #000; padding: 30px 10px 30px 10px; line-height: 1.8; }

.mod-hover { transition-duration: 0.2s; }

.mod-hover:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

.mod-btn { display: inline-block; text-decoration: none; vertical-align: middle; border-radius: 4px; background: #333; color: #fff; padding: 10px 20px; transition-duration: 0.2s; }

.mod-btn:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

/* ----------------------------------------------------------
.js-tab
---------------------------------------------------------- */
.js-tab .js-tab-menu .item { float: left; padding: 10px 10px; min-width: 100px; text-align: center; background: #eee; cursor: pointer; }

.js-tab .js-tab-menu .item.open { background: #000; color: #fff; }

.js-tab .js-tab-menu:after { display: block; clear: both; height: 0; content: ''; }

.js-tab .js-tab-body .item { display: none; padding: 50px; background: #eee; margin: 5px 0; }

/* ----------------------------------------------------------
.js-toggle
---------------------------------------------------------- */
.js-toggle-head { position: relative; cursor: pointer; }

.js-toggle-head .js-toggle-icon { position: absolute; top: 50%; right: 20px; width: 22px; height: 22px; margin-top: -15px; background: #fff; border-radius: 50%; transition-duration: 0.2s; }

.js-toggle-head .js-toggle-icon:after, .js-toggle-head .js-toggle-icon:before { content: ""; position: absolute; background: #888; }

.js-toggle-head .js-toggle-icon:after { top: 10px; left: 5px; width: 12px; height: 2px; }

.js-toggle-head .js-toggle-icon:before { top: 5px; left: 10px; width: 2px; height: 12px; }

.js-toggle-head:hover .js-toggle-icon { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

.js-toggle-head.js-toggle-open span:before { display: none; }

/* ----------------------------------------------------------
.slick-slider
---------------------------------------------------------- */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-slider li { list-style: none; }

.slick-slider .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-slider .slick-list:focus { outline: none; }

.slick-slider .slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); }

.slick-slider .slick-track { position: relative; left: 0; top: 0; display: block; }

.slick-slider .slick-track:before, .slick-slider .slick-track:after { content: ""; display: table; }

.slick-slider .slick-track:after { clear: both; }

.slick-loading .slick-slider .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[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-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* ----------------------------------------------------------
.slider
---------------------------------------------------------- */
.slider-a { width: 500px; background: #fff; padding: 20px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); margin: 0 auto; }

.slider-a .item { background: #eee; outline: 1px solid #ccc; }

.slider-a .slick-prev { position: absolute; top: 50%; left: -60px; background: #ccc; font-size: 0; line-height: 0; display: block; width: 30px; height: 30px; margin-top: -15px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; border-top: 2px solid #888; border-right: 2px solid #888; -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

.slider-a .slick-next { position: absolute; top: 50%; right: -60px; background: #ccc; font-size: 0; line-height: 0; display: block; width: 30px; height: 30px; margin-top: -15px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; border-top: 2px solid #888; border-right: 2px solid #888; -ms-transform: rotate(45deg); transform: rotate(45deg); }

.slider-a .slick-dots { margin-top: 20px; text-align: center; padding: 5px; }

.slider-a .slick-dots li { display: inline-block; width: 10px; height: 10px; background: #ccc; margin: 0 5px; border-radius: 5px; }

.slider-a .slick-dots li button { display: none; }

.slider-a .slick-dots li.slick-active { background: #888; }

.slider-b { width: 500px; background: #fff; padding: 20px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); margin: 0 auto; }

.slider-b .item { width: 200px; margin: 0 10px; background: #eee; outline: 1px solid #ccc; }

.slider-b .slick-prev { position: absolute; top: 50%; left: -60px; background: #ccc; font-size: 0; line-height: 0; display: block; width: 30px; height: 30px; margin-top: -15px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; border-top: 2px solid #888; border-right: 2px solid #888; -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

.slider-b .slick-next { position: absolute; top: 50%; right: -60px; background: #ccc; font-size: 0; line-height: 0; display: block; width: 30px; height: 30px; margin-top: -15px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; border-top: 2px solid #888; border-right: 2px solid #888; -ms-transform: rotate(45deg); transform: rotate(45deg); }

.slider-b .slick-dots { margin-top: 20px; text-align: center; padding: 5px; }

.slider-b .slick-dots li { display: inline-block; width: 10px; height: 10px; background: #ccc; margin: 0 5px; border-radius: 5px; }

.slider-b .slick-dots li button { display: none; }

.slider-b .slick-dots li.slick-active { background: #888; }

.mod-anim { transition-delay: 0.2s; }

.mod-anim.mod-anim-fade { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.5s; transition-property: opacity,transform; }

.mod-anim.mod-anim-fade.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.mod-anim.mod-anim-bottom { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -ms-transform: translate(0, 100px); transform: translate(0, 100px); transition-duration: 0.5s; transition-property: opacity,transform; }

.mod-anim.mod-anim-bottom.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: translate(0, 0); transform: translate(0, 0); }

.mod-anim.mod-anim-right { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -ms-transform: translate(100px, 0); transform: translate(100px, 0); transition-duration: 0.5s; transition-property: opacity,transform; }

.mod-anim.mod-anim-right.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: translate(0, 0); transform: translate(0, 0); }

.mod-anim.mod-anim-zoom { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -ms-transform: scale(0, 0); transform: scale(0, 0); transition-duration: 0.5s; transition-property: opacity,transform; }

.mod-anim.mod-anim-zoom.js-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: scale(1, 1); transform: scale(1, 1); }

.mod-anim.mod-anim-delay-00 { transition-delay: 0s; }

.mod-anim.mod-anim-delay-02 { transition-delay: 0.2s; }

.mod-anim.mod-anim-delay-04 { transition-delay: 0.4s; }

.mod-anim.mod-anim-delay-06 { transition-delay: 0.6s; }

.mod-anim.mod-anim-delay-08 { transition-delay: 0.8s; }

.mod-anim.mod-anim-delay-10 { transition-delay: 1.0s; }

.mod-anim.mod-anim-delay-15 { transition-delay: 1.5s; }

.mod-anim.mod-anim-delay-20 { transition-delay: 2.0s; }

/* { animation: inout 15s; } */
@keyframes inout { 0% { transform: scale(1); }
  100% { transform: scale(1.2); } }

/* ! ---------- area ---------- ---------- ---------- ---------- */
/* ----------------------------------------------------------
.area-wrapper
---------------------------------------------------------- */
.area-wrapper { position: relative; }

/* ----------------------------------------------------------
.area-inner
---------------------------------------------------------- */
.area-inner { position: relative; }

/* ----------------------------------------------------------
.block-inner
---------------------------------------------------------- */
.block-inner { position: relative; }

/* ----------------------------------------------------------
.area-header
---------------------------------------------------------- */
.area-header ._header { background: #fff; }

.area-header ._logo { cursor: pointer; }

.area-header ._logo ._text { color: #000; font-weight: bold; }

.area-header ._menu-entry { position: absolute; top: 0px; right: 0px; font-weight: bold; background: rgba(0, 0, 0, 0.9); color: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; display: flex; transition-duration: 0.2s; cursor: pointer; }

.area-header ._menu-entry:hover { background: #333; }

.area-header ._menu-btn { position: absolute; top: 0; cursor: pointer; }

.area-header ._menu-btn:hover ._btn span { background: #999; }

.area-header ._menu-btn ._text { position: absolute; top: 50%; font-weight: bold; -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.area-header ._menu-btn ._btn { position: absolute; top: 0; left: 0; }

.area-header ._menu-btn ._btn span { transition-duration: 0.2s; position: absolute; background: #000; transition-duration: 0.2s; height: 2px; }

/* ----------------------------------------------------------
.area-menu
---------------------------------------------------------- */

/* ----------------------------------------------------------
.area-entrys
---------------------------------------------------------- */
.area-entrys { display: block; position: fixed; right: 0px; z-index: 50; background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.2s; }

body.js-entrys-active .area-entrys { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; z-index: 150; }

.area-entrys a { display: block; width: 120px; padding: 15px; text-align: center; border-top: 1px solid #eee; color: #000; line-height: 1.4; font-size: 12px; transition-duration: 0.2s; }

.area-entrys a:hover { background: #f6f6f6; }

/* ----------------------------------------------------------
main
---------------------------------------------------------- */

main p { margin: 1em 0; line-height: 1.8; }

/* ----------------------------------------------------------
.area-footer
---------------------------------------------------------- */
.area-footer { position: relative; background: #fff; }

.area-footer a { color: #000; font-size: 14px; }

.area-footer ._list li { display: inline-block; }

.area-footer ._list li a { display: block; position: relative; margin: 0 10px 0 0; }

.area-footer ._list li a:after { margin: 0  0 0 10px; display: inline-block; font-family: FontAwesome; content: "\f14c"; margin-right: 5px; font-size: 80%; }

/* ----------------------------------------------------------
.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.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.5); }

.area-modal ._modal-btn-close { position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; cursor: pointer; background: #000; border-radius: 50%; z-index: 10; }

.area-modal ._modal-btn-close:hover { background: #333; }

.area-modal ._modal-btn-close:after, .area-modal ._modal-btn-close:before { content: ""; position: absolute; top: 20px; left: 12px; width: 15px; height: 2px; background: #fff; -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; top: 50%; left: 50%; width: 600px; height: 600px; margin: -300px 0 0 -300px; 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; }

@media screen{
 body{ background: #ededed url(../../common/images/bg.png) center top repeat-y; }
 .area-header ._header{ position: fixed; top: 0px; left: 0px; right: 0px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); z-index: 100; }
 .area-header ._logo{ position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
 .area-header ._logo span{ display: inline-block; }
 .area-header ._logo img{ width: 100%; } }

@media screen and (min-width: 768px){
 body{ padding-top: 70px; }
 .mod-pc{ display: block !important; }
 .mod-pc-inline{ display: inline-block !important; }
 .mod-pd{ padding: 0px !important; }
 .mod-pd5{ padding: 5px !important; }
 .mod-pd10{ padding: 10px !important; }
 .mod-pd20{ padding: 20px !important; }
 .mod-pd40{ padding: 40px !important; }
 .mod-pd60{ padding: 60px !important; }
 .mod-pd80{ padding: 80px !important; }
 .mod-pd100{ padding: 100px !important; }
 .mod-mt5{ margin-top: 5px !important; }
 .mod-mt10{ margin-top: 10px !important; }
 .mod-mt20{ margin-top: 20px !important; }
 .mod-mt30{ margin-top: 30px !important; }
 .mod-mt40{ margin-top: 40px !important; }
 .mod-mt60{ margin-top: 60px !important; }
 .mod-mt80{ margin-top: 80px !important; }
 .mod-mt100{ margin-top: 100px !important; }
 .mod-mb0{ margin-bottom: 0px !important; }
 .mod-mb5{ margin-bottom: 5px !important; }
 .mod-mb10{ margin-bottom: 10px !important; }
 .mod-mb20{ margin-bottom: 20px !important; }
 .mod-mb30{ margin-bottom: 30px !important; }
 .mod-mb40{ margin-bottom: 40px !important; }
 .mod-mb60{ margin-bottom: 60px !important; }
 .mod-mb80{ margin-bottom: 80px !important; }
 .mod-mb100{ margin-bottom: 100px !important; }
 .block-common-base{ margin-top: 2.14286vw; padding-bottom: 2.14286vw; }
 .mod-box-texts{ padding: 5.71429vw 5vw 4.28571vw 5.71429vw; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1); }
 .mod-box-texts ._title{ font-size: 1.85714vw; line-height: 1.4; }
 .mod-box-common{ padding: 5.71429vw 5.71429vw 5.71429vw 5.71429vw; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1); }
 .mod-column{ display: -ms-flexbox; display: flex; }
 .mod-column > *{ -ms-flex: 1; flex: 1; }
 .mod-column > * + *{ margin-left: 20px; }
 .mod-column.mod-column-1-1h > *:nth-child(2){ -ms-flex: 1.5; flex: 1.5; }
 .mod-column.mod-column-1-2 > *:nth-child(2){ -ms-flex: 2; flex: 2; }
 .mod-column.mod-column-1-3 > *:nth-child(2){ -ms-flex: 3; flex: 3; }
 .mod-column.mod-column-1-4 > *:nth-child(2){ -ms-flex: 4; flex: 4; }
 .mod-column.mod-column-1h-1 > *:nth-child(1){ -ms-flex: 1.5; flex: 1.5; }
 .mod-column.mod-column-2-1 > *:nth-child(1){ -ms-flex: 2; flex: 2; }
 .mod-column.mod-column-3-1 > *:nth-child(1){ -ms-flex: 3; flex: 3; }
 .mod-column.mod-column-4-1 > *:nth-child(1){ -ms-flex: 4; flex: 4; }
 .mod-column.mod-column-free > *{ -ms-flex: auto; flex: auto; }
 .mod-column.mod-column-reverse{ -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
 .mod-column.mod-column-reverse > * + *{ margin-left: 0; margin-right: 20px; }
 .mod-column-nomargin{ display: -ms-flexbox; display: flex; }
 .mod-column-nomargin > *{ -ms-flex: 1; flex: 1; }
 .mod-column-nomargin.mod-column-1-1h > *:nth-child(2){ -ms-flex: 1.5; flex: 1.5; }
 .mod-column-nomargin.mod-column-1-2 > *:nth-child(2){ -ms-flex: 2; flex: 2; }
 .mod-column-nomargin.mod-column-1-3 > *:nth-child(2){ -ms-flex: 3; flex: 3; }
 .mod-column-nomargin.mod-column-1-4 > *:nth-child(2){ -ms-flex: 4; flex: 4; }
 .mod-column-nomargin.mod-column-1h-1 > *:nth-child(1){ -ms-flex: 1.5; flex: 1.5; }
 .mod-column-nomargin.mod-column-2-1 > *:nth-child(1){ -ms-flex: 2; flex: 2; }
 .mod-column-nomargin.mod-column-3-1 > *:nth-child(1){ -ms-flex: 3; flex: 3; }
 .mod-column-nomargin.mod-column-4-1 > *:nth-child(1){ -ms-flex: 4; flex: 4; }
 .mod-column-nomargin.mod-column-free > *{ -ms-flex: auto; flex: auto; }
 .mod-column-nomargin.mod-column-reverse{ -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
 .mod-column12{ display: -ms-flexbox; display: flex; margin-left: -20px; }
 .mod-column12 > *{ margin-left: 20px; }
 .mod-column12 .mod-col, .mod-column12 .mod-col1{ -ms-flex: 0 0 calc(8.33% - 20px); flex: 0 0 calc(8.33% - 20px); }
 .mod-column12 .mod-col2{ -ms-flex: 0 0 calc(16.66% - 20px); flex: 0 0 calc(16.66% - 20px); }
 .mod-column12 .mod-col3{ -ms-flex: 0 0 calc(25.00% - 20px); flex: 0 0 calc(25.00% - 20px); }
 .mod-column12 .mod-col4{ -ms-flex: 0 0 calc(33.33% - 20px); flex: 0 0 calc(33.33% - 20px); }
 .mod-column12 .mod-col5{ -ms-flex: 0 0 calc(41.66% - 20px); flex: 0 0 calc(41.66% - 20px); }
 .mod-column12 .mod-col6{ -ms-flex: 0 0 calc(50.00% - 20px); flex: 0 0 calc(50.00% - 20px); }
 .mod-column12 .mod-col7{ -ms-flex: 0 0 calc(58.33% - 20px); flex: 0 0 calc(58.33% - 20px); }
 .mod-column12 .mod-col8{ -ms-flex: 0 0 calc(66.66% - 20px); flex: 0 0 calc(66.66% - 20px); }
 .mod-column12 .mod-col9{ -ms-flex: 0 0 calc(75.00% - 20px); flex: 0 0 calc(75.00% - 20px); }
 .mod-column12 .mod-col10{ -ms-flex: 0 0 calc(83.33% - 20px); flex: 0 0 calc(83.33% - 20px); }
 .mod-column12 .mod-col11{ -ms-flex: 0 0 calc(91.66% - 20px); flex: 0 0 calc(91.66% - 20px); }
 .mod-column12-nomargin{ display: -ms-flexbox; display: flex; }
 .mod-column12-nomargin .mod-col, .mod-column12-nomargin .mod-col1{ -ms-flex: 0 0 calc(8.33%); flex: 0 0 calc(8.33%); }
 .mod-column12-nomargin .mod-col2{ -ms-flex: 0 0 calc(16.66%); flex: 0 0 calc(16.66%); }
 .mod-column12-nomargin .mod-col3{ -ms-flex: 0 0 calc(25.00%); flex: 0 0 calc(25.00%); }
 .mod-column12-nomargin .mod-col4{ -ms-flex: 0 0 calc(33.33%); flex: 0 0 calc(33.33%); }
 .mod-column12-nomargin .mod-col5{ -ms-flex: 0 0 calc(41.66%); flex: 0 0 calc(41.66%); }
 .mod-column12-nomargin .mod-col6{ -ms-flex: 0 0 calc(50.00%); flex: 0 0 calc(50.00%); }
 .mod-column12-nomargin .mod-col7{ -ms-flex: 0 0 calc(58.33%); flex: 0 0 calc(58.33%); }
 .mod-column12-nomargin .mod-col8{ -ms-flex: 0 0 calc(66.66%); flex: 0 0 calc(66.66%); }
 .mod-column12-nomargin .mod-col9{ -ms-flex: 0 0 calc(75.00%); flex: 0 0 calc(75.00%); }
 .mod-column12-nomargin .mod-col10{ -ms-flex: 0 0 calc(83.33%); flex: 0 0 calc(83.33%); }
 .mod-column12-nomargin .mod-col11{ -ms-flex: 0 0 calc(91.66%); flex: 0 0 calc(91.66%); }
 .mod-grid-2, .mod-grid-3, .mod-grid-4, .mod-grid-5{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
 .mod-grid-2 > *{ width: calc(50% - 10px); margin-left: 20px; }
 .mod-grid-2 > *:nth-child(2n+1){ margin-left: 0; }
 .mod-grid-2 > *:nth-child(n+3){ margin-top: 20px; }
 .mod-grid-3 > *{ width: calc(33.33% - 13.33333px); margin-left: 20px; }
 .mod-grid-3 > *:nth-child(3n+1){ margin-left: 0; }
 .mod-grid-3 > *:nth-child(n+4){ margin-top: 20px; }
 .mod-grid-4 > *{ width: calc(25% -  15px); margin-left: 20px; }
 .mod-grid-4 > *:nth-child(4n+1){ margin-left: 0; }
 .mod-grid-4 > *:nth-child(n+5){ margin-top: 20px; }
 .mod-text-SS{ font-size: 0.86; }
 .mod-text-S{ font-size: 0.95; }
 .mod-text-L{ font-size: 1.05; }
 .mod-text-LL{ font-size: 1.2; }
 .mod-h2{ margin: 0 0 2.85714vw 0; }
 .mod-h2 ._t1{ font-size: 4.28571vw; color: #ccc; }
 .mod-h2 ._t2{ margin-top: 1.42857vw; font-size: 1.71429vw; }
 .mod-h2b h2{ font-size: 3.28571vw; line-height: 1.6; margin: 0 0 2.85714vw 0; }
 .mod-h2b h2:after{ content: ""; display: block; margin: 0 auto; width: 4.28571vw; height: 2px; background: #000; }
 .mod-h2c h2{ padding: 1.42857vw 1.42857vw 1.07143vw 1.42857vw; font-size: 1.85714vw; background: #000; color: #fff; text-align: center; }
 .block-inner{ margin: 0 auto; max-width: 78.57143vw; }
 .area-header ._header{ height: 70px; }
 .area-header ._logo ._text{ font-size: 18px; -ms-transform: translate(10px, 0); transform: translate(10px, 0); }
 .area-header ._logo ._img{ width: 220px; }
 .area-header ._menu-entry{ width: 120px; height: 70px; font-size: 14px; }
 .area-header ._menu-btn{ left: 10px; width: 120px; height: 70px; }
 .area-header ._menu-btn ._text{ left: 65px; font-size: 14px; }
 .area-header ._menu-btn ._btn{ width: 60px; height: 70px; }
 .area-header ._menu-btn ._btn span{ left: 10px; right: 10px; }
 .area-header ._menu-btn ._btn span:nth-child(1){ top: 28px; }
 .area-header ._menu-btn ._btn span:nth-child(2){ top: 34px; }
 .area-header ._menu-btn ._btn span:nth-child(3){ bottom: 28px; }
 body.js-menu-active .area-header ._menu-btn ._btn span:nth-child(1){ position: absolute; top: 31px; -ms-transform: rotate(45deg); transform: rotate(45deg); }
 body.js-menu-active .area-header ._menu-btn ._btn span:nth-child(2){ display: none; }
 body.js-menu-active .area-header ._menu-btn ._btn span:nth-child(3){ position: absolute; top: 31px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
 .area-menu{ position: fixed; left: 0px; right: 0px; z-index: 100; color: #000; overflow: scroll; -webkit-overflow-scrolling: touch; z-index: -1; visibility: hidden; }
 .area-menu a{ color: #000; }
 .area-menu:before{ content: ""; display: block; position: absolute; top: 0px; left: 0; right: 0; height: 0; background: #fff; transition-duration: 0.2s; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); }
 body.js-menu-active .area-menu:before{ height: 100%; }
 body.js-menu-active .area-menu{ z-index: 105; visibility: visible; }
 .area-menu ._inner{ position: relative; padding: 20px 0 80px 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0s; transition-delay: 0; }
 body.js-menu-active .area-menu ._inner{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition-duration: 0.2s; transition-delay: 0.2s; }
 .area-menu ._menus{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
 .area-menu ._set{ -ms-flex: 1; flex: 1; margin: 0 15px 0 15px; }
 .area-menu ._set a{ position: relative; display: block; padding: 15px 8px; transition-duration: 0.2s; }
 .area-menu ._set a:hover{ color: #888; }
 .area-menu ._set a:before{ position: absolute; top: 50%; left: 8px; content: ''; display: block; height: 7px; width: 7px; margin-top: -4px; border: 1px solid #aaa; border-left-width: 0; border-top-width: 0; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
 .area-menu ._set a[target=_blank]:before{ display: inline-block; font-family: FontAwesome; content: "\f08e"; vertical-align: middle; margin-left: 5px; -ms-transform: none; transform: none; border: none; color: #888; }
 .area-menu ._title{ font-weight: bold; font-size: 18px; border-bottom: 1px solid #ddd; }
 .area-menu ._title span{ display: block; padding: 15px 0 15px 5px; }
 .area-menu ._link{ margin-top: 15px; font-size: 14px; line-height: 1.4; }
 .area-menu ._link > li ._disable{ opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; font-size: 14px; padding: 8px 15px 8px 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
 .area-menu ._link > li ._disable:before{ display: none; }
 .area-menu ._link > li a{ padding: 8px 15px 8px 30px; }
 .area-menu ._insta{ position: absolute; right: 0px; bottom: 20px; }
 .area-menu ._insta a{ display: block; padding: 20px 20px; font-weight: bold; font-size: 14px; background: #f6f6f6; border: 1px solid #ddd; transition-duration: 0.2s; }
 .area-menu ._insta a:hover{ background: #333; color: #fff; }
 .area-entrys{ top: 70px; }
 main{ font-size: 1.14286vw; }
 main p{ font-size: 1.14286vw; }
 .area-footer .area-inner{ padding: 30px 20px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
 .area-footer ._copy small{ font-size: 12px; } }

@media screen and (max-width: 767px){
 body{ padding-top: 50px; }
 .mod-sp{ display: block !important; }
 .mod-sp-inline{ display: inline-block !important; }
 .mod-fs42-sp{ font-size: 42px !important; }
 .mod-fs36-sp{ font-size: 36px !important; }
 .mod-fs24-sp{ font-size: 24px !important; }
 .mod-fs20-sp{ font-size: 20px !important; }
 .mod-fs18-sp{ font-size: 18px !important; }
 .mod-fs14-sp{ font-size: 14px !important; }
 .mod-fs12-sp{ font-size: 12px !important; }
 .mod-fs10-sp{ font-size: 10px !important; }
 .mod-text-left-sp{ text-align: left !important; }
 .mod-pd-sp{ padding: 0px !important; }
 .mod-pd5-sp{ padding: 5px !important; }
 .mod-pd10-sp{ padding: 10px !important; }
 .mod-pd20-sp{ padding: 20px !important; }
 .mod-pd40-sp{ padding: 40px !important; }
 .mod-pd60-sp{ padding: 60px !important; }
 .mod-pd80-sp{ padding: 80px !important; }
 .mod-pd100-sp{ padding: 100px !important; }
 .mod-mt0-sp{ margin-top: 0px !important; }
 .mod-mt5-sp{ margin-top: 5px !important; }
 .mod-mt10-sp{ margin-top: 10px !important; }
 .mod-mt20-sp{ margin-top: 20px !important; }
 .mod-mt30-sp{ margin-top: 20px !important; }
 .mod-mt40-sp{ margin-top: 40px !important; }
 .mod-mt60-sp{ margin-top: 60px !important; }
 .mod-mt80-sp{ margin-top: 80px !important; }
 .mod-mt100-sp{ margin-top: 100px !important; }
 .mod-mb0-sp{ margin-bottom: 0px !important; }
 .mod-mb5-sp{ margin-bottom: 5px !important; }
 .mod-mb10-sp{ margin-bottom: 10px !important; }
 .mod-mb20-sp{ margin-bottom: 20px !important; }
 .mod-mb30-sp{ margin-bottom: 30px !important; }
 .mod-mb40-sp{ margin-bottom: 40px !important; }
 .mod-mb60-sp{ margin-bottom: 60px !important; }
 .mod-mb80-sp{ margin-bottom: 80px !important; }
 .mod-mb100-sp{ margin-bottom: 100px !important; }
 .block-common-base{ margin-top: 4vw; padding-bottom: 4vw; }
 .mod-box-texts{ padding: 10.66667vw 10.66667vw 13.33333vw 10.66667vw; }
 .mod-box-texts ._title{ font-size: 5.33333vw; line-height: 1.4; }
 .mod-box-common{ padding: 5.33333vw 5.33333vw 8vw 5.33333vw; }
 .mod-column{ margin: 10px 0; }
 .mod-column > * + *{ margin-top: 10px; }
 .mod-column12 > * + *{ margin-top: 10px; }
 .mod-grid-2 > *:nth-child(n + 2), .mod-grid-3 > *:nth-child(n + 2), .mod-grid-4 > *:nth-child(n + 2), .mod-grid-5 > *:nth-child(n + 2){ margin-top: 20px; }
 .mod-grid-2-sp, .mod-grid-3-sp{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
 .mod-grid-2-sp > *{ width: calc(50% - 5px); margin-left: 10px; }
 .mod-grid-2-sp > *:nth-child(2n+1){ margin-left: 0; }
 .mod-grid-2-sp > *:nth-child(n+2){ margin-top: auto; }
 .mod-grid-2-sp > *:nth-child(n+3){ margin-top: 10px; }
 .mod-grid-3-sp > *{ width: calc(33.33% - 6.66667px); margin-left: 10px; }
 .mod-grid-3-sp > *:nth-child(3n+1){ margin-left: 0; }
 .mod-grid-3-sp > *:nth-child(n+2){ margin-top: auto; }
 .mod-grid-3-sp > *:nth-child(n+4){ margin-top: 20px; }
 .mod-text-SS-sp{ font-size: 0.86; }
 .mod-text-S-sp{ font-size: 0.95; }
 .mod-text-L-sp{ font-size: 1.05; }
 .mod-text-LL-sp{ font-size: 1.2; }
 .mod-h2{ margin: 0 0 5.33333vw 0; }
 .mod-h2 ._t1{ font-size: 5.33333vw; color: #ccc; }
 .mod-h2 ._t2{ margin-top: 2.66667vw; font-size: 3.73333vw; font-weight: bold; }
 .mod-h2b h2{ font-size: 5.33333vw; line-height: 1.8; margin: 0 0 8vw 0; }
 .mod-h2b h2:after{ content: ""; display: block; margin: 0 auto; width: 8vw; height: 2px; background: #000; }
 .mod-h2c h2{ padding: 2.66667vw; font-size: 4.8vw; background: #000; color: #fff; text-align: center; }
 .slider-a{ width: auto; }
 .slider-a .slick-prev{ display: none !important; }
 .slider-a .slick-next{ display: none !important; }
 .slider-b{ width: auto; }
 .slider-b .slick-prev{ display: none !important; }
 .slider-b .slick-next{ display: none !important; }
 .block-inner-sp{ padding-right: 15px; padding-left: 15px; }
 .area-header ._header{ height: 50px; }
 .area-header ._logo ._text{ font-size: 10px; }
 .area-header ._logo{ width: 210px; }
 .area-header ._logo ._img{ width: 130px; }
 .area-header ._menu-entry{ width: 50px; height: 50px; font-size: 10px; }
 .area-header ._menu-btn{ left: 5px; width: 50px; height: 50px; }
 .area-header ._menu-btn ._text{ display: none; }
 .area-header ._menu-btn ._btn{ width: 50px; height: 50px; }
 .area-header ._menu-btn ._btn span{ left: 10px; right: 10px; }
 .area-header ._menu-btn ._btn span:nth-child(1){ top: 18px; }
 .area-header ._menu-btn ._btn span:nth-child(2){ top: 24px; }
 .area-header ._menu-btn ._btn span:nth-child(3){ bottom: 18px; }
 body.js-menu-active .area-header ._menu-btn ._btn span:nth-child(1){ position: absolute; top: 24px; -ms-transform: rotate(45deg); transform: rotate(45deg); }
 body.js-menu-active .area-header ._menu-btn ._btn span:nth-child(2){ display: none; }
 body.js-menu-active .area-header ._menu-btn ._btn span:nth-child(3){ position: absolute; top: 24px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
 .area-menu{ position: fixed; top: 50px; left: 0px; right: 0px; bottom: 0; z-index: 100; color: #000; overflow: scroll; -webkit-overflow-scrolling: touch; z-index: -1; visibility: hidden; }
 .area-menu a{ color: #000; }
 body.js-menu-active .area-menu{ z-index: 105; visibility: visible; }
 .area-menu:before{ content: ""; display: block; position: fixed; top: 50px; left: 0; right: 0; height: 0; background: #fff; 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; height: 100%; }
 .area-menu ._inner{ position: relative; padding-bottom: 60px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0s; transition-delay: 0; padding: 0 20px 50px 20px; }
 body.js-menu-active .area-menu ._inner{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition-duration: 0.2s; transition-delay: 0.2s; }
 .area-menu ._set{ border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
 .area-menu ._set:nth-child(1){ border-top: 1px solid rgba(255, 255, 255, 0.2); }
 .area-menu ._title{ position: relative; font-size: 16px; font-weight: bold; border-bottom: 1px solid #ccc; }
 .area-menu ._title span{ display: block; padding: 20px 15px 10px 5px; }
 .area-menu ._title.js-sp-menu-head:before, .area-menu ._title.js-sp-menu-head:after{ position: absolute; content: ''; display: block; background: #ccc; transition-duration: 0.2s; }
 .area-menu ._title.js-sp-menu-head:before{ top: calc(50% - 7px); right: calc(20px - 1px); height: 14px; width: 2px; }
 .area-menu ._title.js-sp-menu-head:after{ top: calc(50% - 1px); right: calc(20px - 7px); width: 14px; height: 2px; }
 body.js-menu-active .area-menu ._title:before{ -ms-transform: scale(1, 0); transform: scale(1, 0); }
 .area-menu ._link{ margin-top: 10px; background: rgba(255, 255, 255, 0.1); font-size: 12px; }
 .area-menu ._link > li ._disable{ opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; font-size: 12px; padding: 10px 15px 10px 20px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
 .area-menu ._link > li ._disable:before{ display: none; }
 .area-menu ._link > li a{ border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 10px 15px 10px 20px; }
 .area-menu ._link a{ position: relative; display: block; padding: 10px 15px; }
 .area-menu ._link a:before{ position: absolute; top: 50%; right: 18px; content: ''; display: block; height: 7px; width: 7px; margin-top: -4px; border: 1px solid #888; border-left-width: 0; border-top-width: 0; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
 .area-menu ._link a[target=_blank]:before{ display: inline-block; font-family: FontAwesome; content: "\f08e"; vertical-align: middle; margin-left: 5px; -ms-transform: none; transform: none; border: none; color: #888; }
 .area-menu ._insta{ margin-top: 20px; border: 1px solid #ddd; padding: 15px; text-align: center; }
 .area-entrys{ top: 50px; }
 main img{ max-width: 100%; }
 main{ font-size: 12px; }
 main p{ font-size: 12px; }
 .area-footer .area-inner{ padding: 30px 10px; text-align: center; }
 .area-footer ._list li a{ font-size: 12px; }
 .area-footer ._copy small{ display: block; padding: 20px 0; font-size: 10px; }
 .area-modal ._modal-btn-close{ top: 5px; right: 5px; width: 40px; height: 40px; }
 .area-modal ._modal-box{ top: 10px; left: 10px; bottom: 10px; right: 10px; width: auto; height: auto; margin: 0; } }

@media print{
 h2{ margin: 40px 0 20px 0; font-size: 24px; border: 1px solid #000; padding: 20px; }
 h3{ margin: 40px 0 20px 0; font-size: 20px; border-bottom: 1px solid #000; padding: 20px; }
 .area-header ._header{ padding: 20px; }
 .area-header ._logo img{ width: 150px; }
 .area-header ._menu-entry{ display: none; }
 .area-header ._menu-btn{ display: none; }
 .area-menu{ display: none; } }

@media screen and (min-width: 1461px){
 .area-inner{ margin: 0 auto; max-width: 1400px; }
 .area-footer{ margin-top: 50px; } }

@media screen and (min-width: 768px) and (max-width: 1460px){
 .area-inner{ margin: 0 30px; }
 .area-footer{ margin-top: 3.57143vw; } }

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