@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

img { vertical-align: bottom; }

ol, ul { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

em { font-style: normal; }

a:focus { -moz-outline-style: none; outline: none; }

html { background: #fff; color: #444; font-size: 1em; -webkit-text-size-adjust: 1em; -ms-text-size-adjust: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-kerning: normal; font-kerning: normal; }

body { font-family: "游ゴシック", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: 400; }

/*====================================================================
 link
====================================================================*/
a:link, a:visited { color: #000; text-decoration: none; }

a:hover, a:active { color: #555; text-decoration: underline; }

a:focus { -moz-outline-style: none; }

.l-loader-bg { display: none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: #fbfbfb; z-index: 997; }

.l-loader-bg .loader { display: none; position: fixed; top: 50%; left: 50%; width: 320px; height: 320px; margin-top: -160px; margin-left: -160px; text-align: center; color: #444; z-index: 998; }

.l-content-wrap { display: none; }

.fadein { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 2s; -o-transition: all 2s; transition: all 2s; }

.l-content { position: relative; z-index: 98; }

.l-content .wp-contents { background-color: #fff; padding-top: 80px; padding-bottom: 180px; }

.l-content .wp-contents .wp-mainArea { padding: 80px 0 0 0; overflow: hidden; }

.l-content .wp-contents .wp-mainArea .floatClear { clear: both; padding: 50px 0; }

.l-content .wp-contents .wp-mainArea .wp-postTitleArea { position: relative; width: 100%; min-height: 580px; }

.l-content .wp-contents .wp-mainArea .wp-postTitleArea .postTitleArea-titleBox { position: relative; }

.l-content .wp-contents .wp-mainArea .wp-postTitleArea .postTitleArea-titleBox .titleBox__inner { background-color: #79ac47; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; }

.l-content .wp-contents .wp-mainArea .wp-postTitleArea .postTitleArea-titleBox .titleBox__inner .heading-single { font-size: 1.75em; margin-bottom: 20px; }

.l-content .wp-contents .wp-mainArea .wp-postTitleArea .postTitleArea-titleBox .titleBox__inner .title-lead { line-height: 1.9; }

@media print, screen and (min-width: 1001px) { .l-content .wp-contents .wp-mainArea .is-sp-mov { width: 50%; height: auto; }
  .l-content .wp-contents .wp-mainArea .wp-postTitleArea { margin-bottom: 100px; }
  .l-content .wp-contents .wp-mainArea .wp-postTitleArea .postTitleArea-mainvisual { position: absolute; top: 0; right: 0; }
  .l-content .wp-contents .wp-mainArea .wp-postTitleArea .postTitleArea-titleBox { width: 1000px; margin: 0 auto; padding-top: 100px; }
  .l-content .wp-contents .wp-mainArea .wp-postTitleArea .postTitleArea-titleBox .titleBox__inner { width: 60%; padding: 100px 80px; }
  .l-content .wp-contents .wp-mainArea .wp-postArea { width: 1000px; margin: 0 auto; padding-bottom: 50px; }
  .l-content .wp-contents .wp-mainArea .wp-postArea p { line-height: 1.9; } }

@media screen and (max-width: 1000px) { .l-content .wp-contents .wp-mainArea .is-sp-mov { width: 100%; height: auto; }
  .l-content .wp-contents .wp-mainArea .wp-postTitleArea { margin-bottom: 30px; }
  .l-content .wp-contents .wp-mainArea .wp-postTitleArea .postTitleArea-mainvisual { position: relative; }
  .l-content .wp-contents .wp-mainArea .wp-postTitleArea .postTitleArea-titleBox { width: 100%; padding-top: 0px; }
  .l-content .wp-contents .wp-mainArea .wp-postTitleArea .postTitleArea-titleBox .titleBox__inner { width: 100%; padding: 50px 20px; }
  .l-content .wp-contents .wp-mainArea .wp-postArea { width: 94%; margin: 0 auto; padding-bottom: 50px; }
  .l-content .wp-contents .wp-mainArea .wp-postArea p { line-height: 1.9; }
  .l-content .wp-contents .wp-mainArea .wp-postArea .alignleft, .l-content .wp-contents .wp-mainArea .wp-postArea .alignright { float: none; } }

.prevNext { font-size: 0.875em; zoom: 1; }

.prevNext:after { content: ""; display: block; clear: both; }

.prevNext .next { float: right; }

@media print, screen and (min-width: 1001px) { .prevNext { width: 1000px; margin: 0 auto; } }

@media screen and (max-width: 1000px) { .prevNext { width: 94%; margin: 0 auto; } }

.l-content-container { width: 100%; }

.l-content-mainvisual { position: relative; }

.l-content-mainvisual .l-content-mainvisual__catchphrase1 { width: 100%; text-align: center; position: absolute; top: 50%; margin-top: -50px; text-shadow: 3px 3px 5px black; color: #fff; font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-family: "Kokoro"; }

.l-content-mainvisual .l-content-mainvisual__catchphrase2 { width: 100%; text-align: center; position: absolute; top: 50%; margin-top: -0px; text-align: center; font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-shadow: 3px 3px 5px black; color: #fff; }

.l-content-mainvisual .l-content-mainvisual__news { background-color: rgba(0, 0, 0, 0.48); border-radius: 8px; position: absolute; bottom: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 30px; color: #fff; }

@media print, screen and (min-width: 769px) { .l-content-mainvisual .l-content-mainvisual__catchphrase1 { font-size: 1.375em; }
  .l-content-mainvisual .l-content-mainvisual__catchphrase2 { font-size: 3.125em; }
  .l-content-mainvisual .l-content-mainvisual__news { width: 600px; left: 50%; margin-left: -300px; } }

@media screen and (max-width: 768px) { .l-content-mainvisual .l-content-mainvisual__catchphrase1 { font-size: 1.125em; }
  .l-content-mainvisual .l-content-mainvisual__catchphrase2 { font-size: 2.125em; }
  .l-content-mainvisual .l-content-mainvisual__news { width: 90%; left: 5%; } }

.list-news .list-news__item { margin-bottom: 20px; line-height: 1.4; }

.heading-news { margin-bottom: 15px; }

.btn-news:link, .btn-news:visited { color: #fff; text-decoration: underline; }

.insta-qr { text-align: center; margin-bottom: 50px; }

@media screen and (max-width: 768px) { .insta-qr.is-sp-maxw img { width: 96%; height: auto; } }

.list-instagram { margin: 0 auto; }

@media print, screen and (min-width: 769px) { .list-instagram { zoom: 1; width: 573px; }
  .list-instagram:after { content: ""; display: block; clear: both; }
  .list-instagram .list-instagram__item { float: left; width: 31%; }
  .list-instagram .list-instagram__item.is-list-end { width: 38%; padding-top: 50px; } }

@media screen and (max-width: 768px) { .list-instagram { width: 94%; text-align: center; }
  .list-instagram .list-instagram__item { margin-bottom: 20px; } }

.l-content-section { width: 100%; position: relative; background-color: #fff; padding: 0px 0 60px; }

.l-content-section h2 { font-family: "Kokoro"; text-align: center; position: relative; }

.l-content-section h2:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; height: 1px; background-color: #555; }

.l-content-section .section-inner { margin: 0 auto; }

@media print, screen and (min-width: 769px) { .l-content-section h2 { font-size: 3.125em; padding-bottom: 60px; margin-bottom: 70px; } }

@media screen and (max-width: 768px) { .l-content-section h2 { font-size: 2.5em; padding-bottom: 30px; margin-bottom: 40px; } }

.l-content-story { text-align: center; }

.l-content-story h2:after { width: 3em; }

.l-content-story .u-margin-b-30 { margin-bottom: 30px; }

.l-content-story .u-margin-b-40 { margin-bottom: 40px; }

.l-content-story .u-margin-b-50 { margin-bottom: 50px; }

.l-content-story .u-margin-b-80 { margin-bottom: 80px; }

.l-content-story .u-margin-b-150 { margin-bottom: 150px; }

.l-content-story .story-fs-16 { font-size: 1em; line-height: 1.5; }

.l-content-story .story-fs-20 { font-size: 1.25em; line-height: 1.5; }

.l-content-story .story-fs-24 { font-size: 1.5em; line-height: 1.6; }

.l-content-story .story-fs-28 { font-size: 1.75em; }

.l-content-story .story-fs-36 { font-size: 2.25em; }

.l-content-story .story-fs-60 { font-size: 3.75em; }

@media print, screen and (min-width: 769px) { .l-content-story { padding-top: 150px; }
  .l-content-story .is-sp-br { display: none; } }

@media screen and (max-width: 768px) { .l-content-story { padding-top: 50px; }
  .l-content-story .section-inner { width: 92%; }
  .l-content-story.is-info { padding-top: 100px; }
  .l-content-story .is-sp-maxw img { width: 96%; height: auto; } }

.l-content-omosyaigodo h2:after { width: 4em; }

@media print, screen and (min-width: 769px) { .l-content-omosyaigodo { padding-top: 100px; }
  .l-content-omosyaigodo h2 { font-size: 3.125em; } }

@media screen and (max-width: 768px) { .l-content-omosyaigodo { padding-top: 50px; }
  .l-content-omosyaigodo h2 { font-size: 2em; } }

.l-content-menu h2:after { width: 1.5em; }

@media print, screen and (min-width: 1001px) { .l-content-menu { padding-top: 150px; padding-bottom: 100px; }
  .l-content-menu .section-inner { width: 1000px; margin: 0 auto; } }

@media screen and (max-width: 1000px) { .l-content-menu { padding-top: 50px; padding-bottom: 60px; }
  .l-content-menu .section-inner { width: 92%; margin: 0 auto; }
  .l-content-menu .section-inner .menu-item { width: 100%; }
  .l-content-menu .section-inner .menu-item img { width: 100%; height: auto; } }

.menu-info { text-align: right; font-size: 0.813em; margin-bottom: 18px; }

/*.menu-item {
    
    
    text-align: center;
    
    padding-bottom: 20px;
    margin-bottom: 50px;
    
    border-bottom: 1px dotted #B4B4B4;
    
    
    
    @include min769-screen() {
        zoom: 1;&:after{content: ""; display: block; clear: both;}
        
        .menu-item-left {
            width: 60%;
            float: left;
        }
        .menu-item-right {
            width: 36%;
            float: right;

            img {
                width: 100%;
                height: auto;
            }
        }
    }
    @include max768-screen() {
        .menu-item-left {
            width: 96%;
            
            margin: 0 auto 30px;
        }
        .menu-item-right {
            width: 96%;
            
            margin: 0 auto 30px;

            img {
                width: 100%;
                height: auto;
            }
        }
    }
}
*/
/*
.heading-menu-ttl {
    position: relative;
    
    @include fontsize(20);
    
    font-weight: bold;
    
    margin-bottom: 20px;
    
    .en {
        position: absolute;
        
        top: 0;
        right: 0;
        
        font-weight: normal;
        @include fontsize(16, 20);
    }
}
*/
/*
.menu-text {
    line-height: 1.4;
    margin-bottom: 10px;
    .setumei {
        @include fontsize(13);
    }
    
    .menu-kakusyu {
        font-weight: bold;
    }
}
*/
/*
.heading-menu-h3 {
    text-align: center;
    
    margin-bottom: 50px;
    
    @include min769-screen() {
    }
    @include max768-screen() {
        width: 96%;
        margin: 0 auto 30px;
        
        img {
            width: 100%;
            height: auto;
        }
    }
}
*/
.sliderBox .sliderBox-thumb { width: 60%; float: left; }

.sliderBox .sliderBox-thumb img { width: 100%; height: auto; }

.sliderBox .sliderBox-txt { width: 35%; float: right; }

.sliderBox .sliderBox-txt .heading-slide { font-size: 1.25em; font-weight: bold; margin-bottom: 30px; }

.sliderBox .sliderBox-txt .heading-lead { font-size: 1em; line-height: 1.8; }

@media print, screen and (min-width: 769px) { .sliderBox { zoom: 1; }
  .sliderBox:after { content: ""; display: block; clear: both; }
  .sliderBox .sliderBox-thumb { width: 60%; float: left; }
  .sliderBox .sliderBox-thumb img { width: 100%; height: auto; }
  .sliderBox .sliderBox-txt { width: 35%; float: right; }
  .sliderBox .sliderBox-txt .heading-slide { font-size: 1.25em; font-weight: bold; margin-bottom: 30px; }
  .sliderBox .sliderBox-txt .heading-lead { font-size: 1em; line-height: 1.8; } }

@media screen and (max-width: 768px) { .sliderBox .sliderBox-thumb { width: 100%; margin-bottom: 30px; }
  .sliderBox .sliderBox-thumb img { width: 100%; height: auto; }
  .sliderBox .sliderBox-txt { width: 100%; }
  .sliderBox .sliderBox-txt .heading-slide { font-size: 1.25em; font-weight: bold; margin-bottom: 30px; }
  .sliderBox .sliderBox-txt .heading-lead { font-size: 1em; line-height: 1.8; } }

.proj-archive { text-align: center; }

.proj-archive .btn-omosya { border: 1px solid #ccc; padding: 18px 36px 17px; -webkit-transition: 0.6s all; -o-transition: 0.6s all; transition: 0.6s all; background-color: #fff; color: #000; }

.proj-archive .btn-omosya:hover { border: 1px solid #094d4b; background-color: #094d4b; color: #fff; text-decoration: none; }

.list-project .list-project__item a { display: block; margin-left: 10px; margin-right: 10px; position: relative; overflow: hidden; }

.list-project .list-project__item a img { width: 100%; height: auto; -webkit-transition: 0.6s all; -o-transition: 0.6s all; transition: 0.6s all; }

.list-project .list-project__item a .btn-thumb__title { color: #fff; font-size: 1.188em; position: absolute; z-index: 999; bottom: 20%; left: 0; width: 100%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; }

.list-project .list-project__item a .btn-thumb__title .title__inner { padding: 14px 30px 13px; border: 2px solid #fff; /*.title__border { padding: 14px 30px 13px; border: 2px solid #fff; }*/ }

.list-project .list-project__item a:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; background: #000; opacity: 0.4; height: 50%; z-index: 1; -webkit-transition: 0.3s height; -o-transition: 0.3s height; transition: 0.3s height; }

.list-project .list-project__item a:hover img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: 0.6s all; -o-transition: 0.6s all; transition: 0.6s all; }

.list-project .list-project__item a:hover:after { height: 100% !important; opacity: 0.6 !important; }

.list-project .list-project__item a:hover .btn-thumb__title { bottom: 46%; }

@media print, screen and (min-width: 769px) { .list-project { zoom: 1; width: 1200px; margin: 0 auto 80px; }
  .list-project:after { content: ""; display: block; clear: both; }
  .list-project .list-project__item { float: left; width: 33.3%; margin-bottom: 20px; } }

@media screen and (max-width: 768px) { .list-project { width: 96%; margin: 0 auto 50px; }
  .list-project .list-project__item { width: 100%; margin-bottom: 20px; } }

.slick-slider { margin-bottom: 30px; }

.slider.slider-nav .slick-slide.slick-active img { cursor: pointer; }

@media print, screen and (min-width: 769px) { .slider.slider-nav { padding-left: 100px; padding-right: 100px; } }

@media screen and (max-width: 768px) { .slider.slider-nav { padding-left: 0; padding-right: 0; }
  .slider.slider-nav .slick-slide.slick-active img { cursor: pointer; width: 100%; height: auto; } }

.l-content-project { width: 100%; position: relative; background-color: #fff; padding: 100px 0 60px; }

.l-content-project h2:after { width: 1.5em; }

.project-inner .img-image { text-align: center; }

.project-inner .cap-txt { width: 806px; margin: 0 auto 30px; text-align: right; font-size: 0.75em; }

.project-inner .project-lead { margin-bottom: 50px; }

.project-inner .lead-txt { text-align: center; line-height: 1.8; margin-bottom: 20px; }

.l-header { position: fixed; width: 100%; left: 0; top: 0; z-index: 99; height: 80px; }

.l-header .l-header-logo { position: absolute; }

.l-header .l-header-logo img { width: 100%; height: auto; }

@media print, screen and (min-width: 1201px) { .l-header .l-header-logo { left: 36px; top: 15px; } }

@media screen and (max-width: 1200px) { .l-header .l-header-logo { left: 15px; top: 15px; } }

#g-nav { /*position:fixed;にし、z-indexの数値を大きくして前面へ*/ position: fixed; z-index: 999; /*ナビのスタート位置と形状*/ top: 0; right: -120%; height: 100vh; /*ナビの高さ*/ background: #999; /*動き*/ -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; background: -webkit-linear-gradient(45deg, rgba(37, 110, 17, 0.8), rgba(14, 68, 156, 0.8)); background: -o-linear-gradient(45deg, rgba(37, 110, 17, 0.8), rgba(14, 68, 156, 0.8)); background: linear-gradient(45deg, rgba(37, 110, 17, 0.8), rgba(14, 68, 156, 0.8)); }

@media print, screen and (min-width: 769px) { #g-nav { width: 40%; } }

@media screen and (max-width: 768px) { #g-nav { width: 100%; } }

#g-nav.panelactive { right: 0px; }

#g-nav.panelactive { position: fixed; z-index: 999; height: 100vh; overflow: auto; -webkit-overflow-scrolling: touch; }

@media print, screen and (min-width: 769px) { #g-nav.panelactive { width: 40%; } }

@media screen and (max-width: 768px) { #g-nav.panelactive { width: 100%; } }

/*ナビゲーション*/
#g-nav ul { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 100px 0 0 50px; }

#g-nav li { font-size: 1.25em; list-style: none; text-align: left; font-family: "Kokoro"; margin-bottom: 42px; }

#g-nav li a { color: #fff; text-decoration: none; display: block; text-transform: uppercase; letter-spacing: 0.1em; }

.list-gnav__item.is-home { background: url("../images/icon-home.png") no-repeat left 10px; }

.list-gnav__item.is-story { background: url("../images/icon-story.png") no-repeat left 6px; }

.list-gnav__item.is-omosyaigodo { background: url("../images/icon-omosyaigodo.png") no-repeat left 6px; }

.list-gnav__item.is-menu { background: url("../images/icon-menu.png") no-repeat left 5px; }

.list-gnav__item.is-info { background: url("../images/icon-info.png") no-repeat left 6px; }

.list-gnav__item a { padding: 5px 0 10px 50px; }

/*========= ボタンのためのCSS ===============*/
.openbtn1 { position: fixed; z-index: 9999; /*ボタンを最前面に*/ top: 10px; right: 10px; cursor: pointer; width: 50px; height: 50px; }

/*×に変化*/
.openbtn1 span { display: inline-block; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; position: absolute; left: 14px; height: 3px; border-radius: 2px; background-color: #a8aeb8; width: 45%; }

.openbtn1 span:nth-of-type(1) { top: 15px; }

.openbtn1 span:nth-of-type(2) { top: 23px; }

.openbtn1 span:nth-of-type(3) { top: 31px; }

.openbtn1.active span:nth-of-type(1) { top: 18px; left: 18px; -webkit-transform: translateY(6px) rotate(-45deg); -ms-transform: translateY(6px) rotate(-45deg); transform: translateY(6px) rotate(-45deg); width: 40%; }

.openbtn1.active span:nth-of-type(2) { opacity: 0; }

.openbtn1.active span:nth-of-type(3) { top: 30px; left: 18px; -webkit-transform: translateY(-6px) rotate(45deg); -ms-transform: translateY(-6px) rotate(45deg); transform: translateY(-6px) rotate(45deg); width: 40%; }

.list-pankuzu { font-size: 0.813em; }

@media print, screen and (min-width: 1001px) { .list-pankuzu { width: 1000px; margin: 0 auto 50px; } }

@media screen and (max-width: 1000px) { .list-pankuzu { width: 90%; margin: 0 auto 50px; } }

.btn-list-pankuzu { background: url("../images/icon-home-pankuzu.png") no-repeat left top; padding-left: 25px; }

/*========= レイアウトのためのCSS ===============*/
.l-footer { position: relative; background-color: rgba(0, 0, 0, 0.48); padding: 100px 0 0 0; }

.l-footer .l-footer__logo { text-align: center; margin-bottom: 50px; }

.l-footer .l-footer__copyright { display: block; background-color: rgba(0, 0, 0, 0.6); color: #fff; text-align: center; font-size: 0.688em; letter-spacing: 0.3em; padding: 12px 0 10px; }

.l-footer .open-close { color: #fff; margin-bottom: 30px; }

.l-footer .open-close h3 { font-size: 0.75em; margin-bottom: 10px; }

.l-footer .open-close .list-open { zoom: 1; margin-bottom: 50px; margin-bottom: 12px; line-height: 1.4; }

.l-footer .open-close .list-open:after { content: ""; display: block; clear: both; }

.l-footer .open-close .list-open dt { width: 7em; float: left; }

.l-footer .open-close .list-open dd { margin-left: 8em; }

.l-footer .open-close .info { font-size: 0.75em; }

.l-footer .information { color: #fff; margin-bottom: 20px; }

.l-footer .information .tel { margin-bottom: 15px; }

.l-footer .address { color: #fff; margin-bottom: 10px; line-height: 1.3; }

.l-footer .address span { font-size: 0.75em; }

.l-footer .mapinfo a { font-size: 0.75em; color: #fff; }

@media print, screen and (min-width: 769px) { .l-footer .footer-wrap { zoom: 1; width: 1000px; margin: 0 auto; margin-bottom: 100px; }
  .l-footer .footer-wrap:after { content: ""; display: block; clear: both; }
  .l-footer .footer-wrap .footer-right { width: 45%; float: right; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .l-footer .footer-wrap .map { width: 45%; float: left; } }

@media screen and (max-width: 768px) { .l-footer .l-footer__logo { width: 96%; margin-left: auto; margin-right: auto; }
  .l-footer .l-footer__logo img { width: 100%; height: auto; }
  .l-footer .footer-wrap { width: 96%; margin: 0 auto; margin-bottom: 50px; }
  .l-footer .footer-wrap .footer-right { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .l-footer .footer-wrap .map { width: 96%; margin-left: auto; margin-right: auto; }
  .l-footer .footer-wrap .map .googlemap { width: 100%; }
  .l-footer .footer-wrap .map .googlemap iframe { width: 100%; } }

.btn-opacity { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.btn-opacity:hover { opacity: 0.75; }

.btn-textlink { font-size: 0.875em; }

.btn-textlink:link, .btn-textlink:visited { text-decoration: underline; }

.btn-gnav:link, .btn-gnav:visited { color: #fff; }

.btn-gnav:hover { text-decoration: none; }

.heading-h2 { font-family: 'Oswald', sans-serif; font-weight: 700; color: #fff; text-align: center; font-size: 3.75em; margin-bottom: 58px; }

.heading-h2.is-little { font-size: 3em; }

.heading-h2 .is-ja { font-size: 0.467em; font-family: "游ゴシック", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

.heading-h2.under-line { padding-bottom: 48px; position: relative; }

.heading-h2.under-line:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 500px; height: 1px; background-color: #369bdb; }

@media print, screen and (min-width: 1201px) { .heading-h2.is-left { text-align: left; } }

@media screen and (max-width: 1200px) { .heading-h2 .is-sp-center { text-align: center; } }

@media screen and (max-width: 768px) { .heading-h2.under-line:after { width: 80%; } }

@media screen and (max-width: 480px) { .heading-h2 { font-size: 2.875em; margin-bottom: 38px; }
  .heading-h2.is-little { font-size: 2.375em; }
  .heading-h2 .is-ja { font-size: 0.478em; } }

.heaing-small { font-family: 'Oswald', sans-serif; font-weight: 700; color: #fff; text-align: center; font-size: 1.5em; margin-bottom: 5px; }

.list-glovalnav { margin-left: 255px; margin-top: 38px; }

.list-glovalnav > li { display: inline-block; font-family: 'Oswald', sans-serif; font-weight: 700; color: #fff; font-size: 16px; margin-right: 50px; }

.list-gallery-ph { height: 800px; margin-left: auto; margin-right: auto; position: relative; }

.list-gallery-ph .list-gallery__item { position: absolute; }

.list-gallery-ph .list-gallery__item img { width: 100%; height: auto; }

.list-gallery-ph .list-gallery__item.item--01 { width: 31.5%; left: 7.16%; top: 3px; }

.list-gallery-ph .list-gallery__item.item--02 { width: 31.0%; left: 37.916%; top: 18px; }

.list-gallery-ph .list-gallery__item.item--03 { width: 33.166666666%; left: 66.8%; top: 76px; }

.list-gallery-ph .list-gallery__item.item--04 { width: 33.083333333%; left: 0px; top: 249px; }

.list-gallery-ph .list-gallery__item.item--05 { width: 31%; left: 0px; top: 535px; }

.list-gallery-ph .list-gallery__item.item--06 { width: 24.083333333%; left: 28.0%; top: 406px; }

.list-gallery-ph .list-gallery__item.item--07 { width: 24.5%; left: 48.1%; top: 446px; }

.list-gallery-ph .list-gallery__item.item--08 { width: 31.166666666%; left: 68.6%; top: 403px; }

@media print, screen and (min-width: 1201px) { .list-gallery-ph { width: 1200px; } }

@media screen and (max-width: 1200px) { .list-gallery-ph { width: 100%; } }

@media screen and (max-width: 768px) { .list-gallery-ph .list-gallery__item.item--01 { width: 40%; left: 7.16%; top: 0px; }
  .list-gallery-ph .list-gallery__item.item--02 { width: 40%; left: 51%; top: 0px; }
  .list-gallery-ph .list-gallery__item.item--03 { width: 42%; left: 52%; top: 180px; }
  .list-gallery-ph .list-gallery__item.item--04 { width: 42%; left: 0px; top: 200px; }
  .list-gallery-ph .list-gallery__item.item--05 { width: 40%; left: 0px; top: 450px; }
  .list-gallery-ph .list-gallery__item.item--06 { width: 33%; left: 3.0%; top: 630px; }
  .list-gallery-ph .list-gallery__item.item--07 { width: 33%; left: 48%; top: 620px; }
  .list-gallery-ph .list-gallery__item.item--08 { width: 40%; left: 52%; top: 443px; } }

@media screen and (max-width: 480px) { .list-gallery-ph .list-gallery__item.item--01 { width: 46%; left: 7.16%; top: 3px; }
  .list-gallery-ph .list-gallery__item.item--02 { width: 46%; left: 51%; top: 50px; }
  .list-gallery-ph .list-gallery__item.item--03 { width: 48%; left: 52%; top: 200px; }
  .list-gallery-ph .list-gallery__item.item--04 { width: 48%; left: 0px; top: 200px; }
  .list-gallery-ph .list-gallery__item.item--05 { width: 46%; left: 0px; top: 420px; }
  .list-gallery-ph .list-gallery__item.item--06 { width: 39%; left: 3.0%; top: 556px; }
  .list-gallery-ph .list-gallery__item.item--07 { width: 39%; left: 48%; top: 620px; }
  .list-gallery-ph .list-gallery__item.item--08 { width: 46%; left: 52%; top: 443px; } }

.list-features .list-features__item { background: url("../images/icon-list-square.png") no-repeat left 0.2em; padding-left: 1.2em; margin-bottom: 2.3em; }

.list-accessories { margin-right: -2px; zoom: 1; }

.list-accessories:after { content: ""; display: block; clear: both; }

.list-accessories .list__item { display: block; margin-right: 2px; margin-bottom: 2px; width: 33.13%; float: left; }

.list-accessories .list__item img { width: 100%; height: auto; }

@media screen and (max-width: 1200px) { .list-accessories .list__item { width: 33.10%; } }

@media screen and (max-width: 1000px) { .list-accessories .list__item { width: 33.06%; } }

@media screen and (max-width: 768px) { .list-accessories .list__item { width: 49.00%; } }

.table-spec { width: 100%; border-collapse: separate; margin-bottom: 10px; }

.table-spec .table__th, .table-spec .table__td { width: 50%; font-weight: normal; border-bottom: 1px solid #fff; padding: 24px 10px 6px; color: #fff; }

.table-spec .table__th { text-align: left; }

.table-spec .table__td { text-align: right; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.text { line-height: 1.8; margin-bottom: 1.1em; }

.text.text-lead { font-size: 1.125em; }

.text.text-comfortable { line-height: 2.3; }

.text.text-small { font-size: 0.938em; }

.text.is-italic { font-style: italic; }

.text.tel-num { font-family: 'Oswald', sans-serif; font-size: 2.375em; letter-spacing: 0.072em; font-weight: 600; }

.text.is-center { text-align: center; }

.text.is-white { color: white; }

.text.is-shadow { text-shadow: 1px 1px 3px black, -1px 0px 3px black; }

@media screen and (max-width: 480px) { .text.text-lead { font-size: 1em; }
  .text.tel-num { font-size: 1.75em; } }

.media-video { height: 100%; width: 100%; position: fixed; }

.media-video__bg { -o-object-fit: cover; object-fit: cover; min-width: 100%; min-height: 100%; z-index: -100; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.media-video__dotted { position: absolute; top: 0; left: 0; width: 100%; background-image: url("../images/bg-dotted.png"); }

/* Slider */
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("/assets/fonts/slick.eot"); src: url("/assets/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/slick.woff") format("woff"), url("/assets/fonts/slick.ttf") format("truetype"), url("/assets/fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir="rtl"] .slick-prev { left: auto; right: -25px; }

.slick-prev:before { content: "←"; }

[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }

[dir="rtl"] .slick-next { left: -25px; right: auto; }

.slick-next:before { content: "→"; }

[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

/* Slider */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-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-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

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

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

.slick-slider .slick-track, .slick-slider .slick-list { -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 { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

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

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

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

/*! Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
/*
// Variables
// --------------------------*/
/* FONT PATH -------------------------- */
@font-face { font-family: 'FontAwesome'; src: url("../../assets/fonts/fontawesome-webfont.eot?v=4.5.0"); src: url("../../assets/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../../assets/fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../../assets/fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../../assets/fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../../assets/fonts/fontawesome-webfont.svg?v=4.5.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; }

/* makes the font 33% larger relative to the icon container */
.fa-lg { font-size: 1.33333em; line-height: 0.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.28571em; text-align: center; }

.fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; }

.fa-ul > li { position: relative; }

.fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; }

.fa-li.fa-lg { left: -1.85714em; }

.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; }

.fa-pull-left { float: left; }

.fa-pull-right { float: right; }

.fa.fa-pull-left { margin-right: .3em; }

.fa.fa-pull-right { margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right { float: right; }

.pull-left { float: left; }

.fa.pull-left { margin-right: .3em; }

.fa.pull-right { margin-left: .3em; }

.fa-external-link:before { content: ""; }

.fa-envelope-o:before { content: ""; }

.fa-envelope:before { content: ""; }

.fa-phone:before { content: ""; }

.fa-map-marker:before { content: ""; }