@charset "UTF-8";

/* --------------------------
 * common
-------------------------- */
.section {}
.section .titleArea {text-align: center;color: #fff;}
.section .titleArea h1.title {font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 700;letter-spacing: 4px; line-height: 1em;display:block;position:relative;padding-bottom:25px;margin-bottom:25px;font-size:36px;}
.section .titleArea h1.title:after {content:'';display:block;width:30px;height:2px;background:#0c3219;position:absolute;left:50%;margin-left:-15px;bottom:0;}
.section .titleArea h2.subtitle {font-weight: bold;line-height: 1em;display:block;font-size:21px;display:block;text-align:center;letter-spacing:1px;}
.home .section .titleArea {text-align: center;color: #000; padding: 75px 0px 50px;}
.home .section .titleArea h2.subtitle {font-weight: bold;line-height: 1em;display:block;font-size:18px;display:block;text-align:center;letter-spacing:1px;}
@media screen and (max-width: 767px) {
    .section .titleArea {padding-top: 50px;margin-bottom: 50px; text-align: center;}
    .section .titleArea h1.title {letter-spacing: 0px; font-size:18px;padding-bottom:20px;margin-bottom:20px;}
    .section .titleArea h1.title:after {width:20px;margin-left:-10px;}
    .section .titleArea h2.subtitle {font-size:18px;}
    .home .section .titleArea {text-align: center;color: #000; padding: 50px 0px 0px;}
    .home .section .titleArea h1.title {font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 700;letter-spacing: 4px; line-height: 1em;display:block;position:relative;padding-bottom:25px;margin-bottom:25px;font-size:28px;}
    .home .section .titleArea h2.subtitle {font-weight: bold;line-height: 1em;display:block;font-size:18px;display:block;text-align:center;letter-spacing:1px;}
}

#contact {background-color: #0c3219;display: block; padding: 35px 0px; color:#fff;}
#contact h1 {font-weight: bold; font-size:21px;margin-top: 15px;}
#contact h2 {font-family: 'Lato', sans-serif;font-weight: 400; font-size: 36px;margin-top: 13px;}
#contact h2 span {font-size: 14px;margin-right: 10px;}
#contact h3 {letter-spacing: 1px;font-size: 18px;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400; line-height: 1.6em;}
#contact h3 span {margin-right: 5px;}
#contact p {font-size: 12px; line-height: 1.6em;letter-spacing: 1px;}
@media screen and (max-width: 767px) {
    #contact {padding: 20px; text-align: center;}
    #contact h2 {margin: 25px 0px 15px;}
    #contact p {margin-bottom: 25px;}
}

#footer { background-color: #222;padding-top: 50px;}
#footer .footnav {}
#footer .footnav h2 {font-weight: bold; font-size: 16px;margin-bottom: 15px; color: #fff; border-top: 1px solid #222;padding-top: 15px;}
#footer .footnav h2 span {display: block;font-size: 10px;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400;  letter-spacing: 1px;color: #66CC66;}
#footer .footnav ul {margin-bottom: 30px;}
#footer .footnav ul li {display: block;}
#footer .footnav ul li:first-child {}
#footer .footnav ul li .fa {margin-right: 10px;color: #66CC66;}
#footer .footnav ul li a {color: #fff; line-height: 28px; font-size: 12px;}
#footer .footnav ul li a:hover { text-decoration: underline;}
#footer .copyright {margin-top: 25px;background-color: #000; color: #fff; height: 100px; line-height: 100px;display: block;text-align:left;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400;letter-spacing: 2px;position: relative;font-size: 11px; display: block;}
#footer .copyright p {position: absolute; right:50px; top: 0; font-size: 10px;}
#footer .copyright p a {color: #666;}
#footer .copyright ul { position: absolute; right:150px; top: 0; text-align: right;}
#footer .copyright ul li { display: inline-block;margin-left: 25px;}
#footer .copyright ul li a {color: #FFF;}
#footer .copyright ul li a:hover  { text-decoration: underline;}
#footer .copyright ul li a .fa { margin-right: 5px;color:#666;}
#footer .ninsho { text-align: center;margin-top: 25px;}
#footer .ninsho li {display: inline-block; width: 30%;height: auto; margin-left: 10px;}
#footer .ninsho li:first-child {margin-left: 0;}
#footer .ninsho li.iso {width: 60%;height: auto; }
#footer .ninsho li.cuco {width: 60%;height: auto; margin-top: -20px;}

#footer .ninsho1 { text-align: center;margin-top: 25px;}
#footer .ninsho1 li {display: inline-block; width: 30%;height: auto; margin-left: 10px;}
#footer .ninsho1 li:first-child {margin-left: 0;}
#footer .ninsho1 li.iso {width: 60%;height: auto; }
#footer .ninsho1 li.cuco {width: 60%;height: auto; margin-top: -20px;}
#footer .ninsho2 { text-align: center;margin-top: 25px;}
#footer .ninsho2 li {display: inline-block; width: 30%;height: auto; margin-left: 10px;}
#footer .ninsho2 li:first-child {margin-left: 0;}
#footer .ninsho2 li.iso {width: 60%;height: auto; }
#footer .ninsho2 li.cuco {width: 60%;height: auto; margin-top: -20px;}
#footer .ninsho3 { text-align: center;margin-top: 15px;}
#footer .ninsho3 li {display: inline-block; width: 30%;height: auto; margin-left: 10px;}
#footer .ninsho3 li:first-child {margin-left: 0;}
#footer .ninsho3 li.iso {width: 60%;height: auto; }
#footer .ninsho3 li.cuco {width: 60%;height: auto; margin-top: -20px;}
#footer .ninsho4 { text-align: center;margin-top: 35px;}
#footer .ninsho4 li {display: inline-block; width: 30%;height: auto; margin-left: 10px;}
#footer .ninsho4 li:first-child {margin-left: 0;}
#footer .ninsho4 li.iso {width: 60%;height: auto; }
#footer .ninsho4 li.cuco {width: 60%;height: auto; margin-top: -20px;}
#footer .ninsho5 { text-align: center;margin-top: 50px;}
#footer .ninsho5 li {display: inline-block; width: 30%;height: auto; margin-left: 10px;}
#footer .ninsho5 li:first-child {margin-left: 0;}
#footer .ninsho5 li.iso {width: 60%;height: auto; }
#footer .ninsho5 li.cuco {width: 60%;height: auto; margin-top: -20px;}

#footer .note {color:#fff; background-color: #222; padding: 15px; text-align: center;margin-top: 15px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px;-o-border-radius: 5px;-ms-border-radius: 5px;}
#footer .note h2 {font-size: 11px;}
#footer .note ul {font-size: 11px;}
#footer .note ul li {}
#scrlTop {display: none;cursor: pointer;text-align: center;line-height: 42px;font-size: 30px;z-index: 999; position: fixed; bottom: 25px; right: 50px; height: 50px; width: 50px; background-color: #0c3219; color: #fff;-webkit-transition: all .3s ease;transition: all .3s ease;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius:50%;-o-border-radius: 50%;-ms-border-radius: 50%;}
#scrlTop:hover {background-color:#0c3219; color: #000;}
@media screen and (max-width: 767px) {
    #footer h1 { text-align: center;margin:0px 50px;}
    #footer h1 img { max-width: 300px;}
    #footer .ninsho { text-align: center;margin:25px 50px;}
    #footer .ninsho1 { text-align: center;margin-top:40px; margin-bottom:25px; margin-left:50px; margin-right:50px;}
    #footer .ninsho2 { text-align: center;margin-top:25px; margin-bottom:10px; margin-left:50px; margin-right:50px;}
    #footer .ninsho3 { text-align: center;margin-top:0px; margin-bottom:25px; margin-left:50px; margin-right:50px;}
    #footer .ninsho4 { text-align: center;margin-top:30px; margin-bottom:25px; margin-left:50px; margin-right:50px;}
    #footer .ninsho5 { text-align: center;margin-top:50px; margin-bottom:25px; margin-left:50px; margin-right:50px;}
    #footer .footnav {display: none;}
    #footer .copyright { height: 50px; line-height: 50px;background-color: #000;display: block;margin-top: 25px;text-align:center;letter-spacing: 2px;position: relative;font-size: 11px; display: block;}
    #footer .copyright p {display: none;}
    #footer .copyright span {display: none;}
    #footer .copyright ul { display: none;}
    #footer .ninsho li {display: inline-block; width: 30%;height: auto;}
    #footer .ninsho1 li {display: inline-block; width: 30%;height: auto;}
    #footer .ninsho2 li {display: inline-block; width: 30%;height: auto;}
    #footer .ninsho3 li {display: inline-block; width: 30%;height: auto;}
    #footer .ninsho4 li {display: inline-block; width: 30%;height: auto;}
    #footer .ninsho5 li {display: inline-block; width: 30%;height: auto;}
    #footer .note {color:#fff; background-color: #222; padding: 15px; text-align: center;margin: 0 50px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px;-o-border-radius: 5px;-ms-border-radius: 5px;}
    #footer .note h2 {font-size: 11px;}
    #footer .note ul {font-size: 11px;}
    #footer .note ul li {}
    #scrlTop {display: none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;z-index: 1000;cursor: pointer;background-color: #000;text-align: center;width: 40px;height: 40px; line-height: 30px;position: fixed; bottom: 10px; right: 10px; }
    #scrlTop .fa {color:#FFF; font-size: 24px;}
    #scrlTop:hover {background-color:#0c3219;}
}

.result { display:block;margin: -20px -15px 25px!important;}
.result .block { display:block;text-align:center;padding:15px;}
.result .block a {padding: 25px;width: 100%;display:block; background-color:#0c3219;overflow: hidden;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;border-radius:5px; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;}
.result .block a:hover {background-color: #47F69E;}
.result .block .imgBox {display: block;width: 100%; height: 240px;margin-bottom: 20px; background-repeat: no-repeat; background-size: contain; background-position: center;}
.result .block a figure img {}
.result .block a figure .fa {font-size: 21px; position: absolute; bottom:15px; right:15px; color: #fff;}
.result > .block > a > h2 {color: #ffffff!important;font-size: 14px!important; font-weight:bold;margin:5px!important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.result > .block > a > .text { font-size: 12px; line-height:1.8em;px;color: #ffffff;}
.result > .block > a > p { display: block;font-size: 12px; line-height:1.8em;px;color: #ffffff!important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;}
@media screen and (max-width: 767px) {
    .result .block a {padding: 20px;}
    .result .block a .imgBox {width: 100%; height: 200px;margin-bottom: 20px; background-repeat: no-repeat; background-size: contain; background-position: center;}
    .result .block a figure img {max-height: 200px;}
}
/* --------------------------
 * home
-------------------------- */
.home .spMenu {}
.home .spMenu ul {background-color: #0c3219;margin-left: -1px;}
.home .spMenu ul li { width: 50%;display: block; float: left;border-left: 1px solid #35B775;border-bottom: 1px solid #35B775;}
.home .spMenu ul li a {height: 115px;display: block; text-align: center;padding-top: 15px;color: #fff; font-size: 14px; font-weight: bold; line-height: 1.6em;}
.home .spMenu ul li a img {width: 40px; height:40px;display:block; margin: 0 auto 5px;}
.home .spMenu ul li a span {color: #66CC66;display: block; font-size: 10px;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400; line-height: 1.2em;margin-top: 5px;}
.home .spMenu ul li a:hover {background-color: #0c3219;}

.home #contents .section {padding-bottom: 50px;}
.home #contents .section .row { max-width: 1500px;}
@media screen and (max-width: 1200px) {
    .home #contents .section .row { padding: 0 40px;}
}
@media screen and (max-width: 767px) {
    .home #contents .section {padding-bottom: 0px;}
    .home #contents .section .row { padding: 0 10px;}
}
.home #contents .row {display: block;max-width: 1280px; margin: 0 auto;}
.home #contents .block { position: relative;display: block;}
.home #contents .block .number {color: #000;z-index: 99;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400; font-size: 42px; position: absolute;top:-25px; right:25px; display: block; border-bottom: 3px solid #0c3219; line-height: 1em;padding-bottom: 5px; letter-spacing: 2px;padding-left: 2px;}
.home #contents .block a {background-color: #0c3219;-webkit-transition: all .3s ease;transition: all .3s ease;display: block;overflow: hidden;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px;-o-border-radius: 5px;-ms-border-radius: 5px;}
.home #contents .block a figure {display: block;margin-bottom: 35px; overflow: hidden;}
.home #contents .block a figure img {-webkit-transition: all .3s ease;transition: all .3s ease;}
.home #contents .block h2 { font-size: 21px;padding-bottom: 35px;font-weight: bold;text-align: center; width: 100%; color: #fff; display: block;text-decoration: none;}
.home #contents .block h2 span {color: #66CC66; font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400; display: block; font-size: 10px;letter-spacing: 1px;line-height: 18px;margin-top: 10px;}
.home #contents .block a .arrow {-webkit-transition: all .3s ease;transition: all .3s ease;opacity: 0;width: 30px; height: 30px; background-color:#313131; color: #fff;text-align: center; line-height: 27px;position: absolute; bottom:-30px; left: 50%;margin-left: -15px; font-size: 24px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius:50%;-o-border-radius: 50%;-ms-border-radius: 50%;}
.home #contents .block a .arrow .fa {margin-left: 2px; font-size: 21px;}
.home #contents .block a:hover .arrow {opacity: 1; bottom:-15px; }
.home #contents .block a:hover {background-color: #0c3219;}
.home #contents .block a:hover figure img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

@media screen and (max-width: 767px) {
    .home #contents .block a .arrow {display: none;}
    .home #contents .block .number {z-index: 99;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400; font-size: 36px; position: absolute;top:20px; left:inherit;right:30px;display: block; border-bottom: 3px solid #0c3219; line-height: 1em;padding-bottom: 5px; letter-spacing: 2px;padding-left: 2px;}
}

.home #contents #works {background-color: #F5F2EE;}
.home #contents #works .row { padding: 0 40px; max-width: 1280px; margin: 0 auto;}
.home #contents #works .block {padding: 0 10px;margin-top:0px;}
@media screen and (max-width: 767px) {
    .home #contents #works {padding-top: 0px;}
    .home #contents #works .row { padding: 0px 10px;}
    .home #contents #works .block {margin-top: 0px;margin-bottom: 25px;}
}

.home #contents #omnia {background-color: #000;background-image: url(../images/index/omnia.jpg)}
.home #contents #omnia {padding: 100px 0px 80px;}
.home #contents #omnia h2 {font-size: 36px;padding-bottom: 35px;font-weight: bold;text-align: center; width: 100%; color: #FFF; display: block;text-decoration: none;}
.home #contents #omnia h2 span {color: #66CC66; font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight:400; display: block; font-size:48px;letter-spacing: 2px;line-height: 1em;margin-bottom: 25px;}
.home #contents #omnia .text {font-size: 16px; color: #fff; line-height: 2em;margin-bottom: 50px;}
.home #contents #omnia .btn { width: 300px; margin: 0 auto;}
@media screen and (max-width: 767px) {
    .home #contents #omnia {padding: 50px 0px 50px;}
    .home #contents #omnia h2 {font-size: 18px;padding-bottom: 25px;font-weight: bold;text-align: center; width: 100%; color: #FFF; display: block;text-decoration: none;}
    .home #contents #omnia h2 span {color: #66CC66; font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight:400; display: block; font-size:36px;letter-spacing: 2px;line-height: 1em;margin-bottom: 20px;}
    .home #contents #omnia .text {font-size: 13px; color: #fff; line-height: 2em;margin-bottom: 0px; padding: 20px 25px;}
    .home #contents #omnia .btn { width: inherit; margin: 0 25px;}
}

.home #contents #about {background-color: #F5F2EE;}
.home #contents #about .row { padding: 0 40px; max-width: 1280px; margin: 0 auto;}
.home #contents #about .block {padding: 0 10px;}
.home #contents #about .block h2 {font-size: 16px;}
.home #contents #about .block h2 span {font-size: 10px;letter-spacing: 1px;}
@media screen and (max-width: 767px) {
    .home #contents #about .row { padding: 0 10px;}
    .home #contents #about .block {padding: 0 10px 25px;}
    .home #contents #about .block h2 {font-size: 18px;}
}

.home #contents #news {}
.home #contents #news ul {margin: 0;padding: 0;margin-bottom: 50px;}
.home #contents #news ul li {display: block; border-bottom: 1px solid #eee;}
.home #contents #news ul li:first-child {border-top: 1px solid #eee;}
.home #contents #news ul li a {color: #000; display: block; position: relative;line-height: 75px;padding:0 25px;-webkit-transition: all .3s ease;transition: all .3s ease;}
.home #contents #news ul li a span {display: block;width: 120px;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400;  letter-spacing: 2px;}
.home #contents #news ul li a h3 {display: block; position: absolute; left: 0; top: 0; width: 100%; padding-left: 140px;overflow: hidden;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap; font-weight:bold;}
.home #contents #news ul li a:hover {background-color: #fafafa;}
.home #contents #news .btn.std { width: 300px; margin: 0 auto;}
@media screen and (max-width: 767px) {
    .home #contents #news {padding: 0px 0px 20px;}
    .home #contents #news ul {margin: 0 -35px;padding: 0;margin-bottom: 20px;}
    .home #contents #news ul li {display: block; border-bottom: 1px solid #eee;}
    .home #contents #news ul li a {line-height: 1.8em;padding:20px;}
    .home #contents #news ul li a span {line-height: 1.8em;display: block;width: 120px;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400;  letter-spacing: 2px;margin: 0;padding: 0;}
    .home #contents #news ul li a h3 {margin: 0;padding: 0;line-height: 1.8em;display: block; position: inherit; left: inherit; top: inherit; width: 100%; padding-left: 0px;overflow: inherit;-o-text-overflow: inherit;-webkit-text-overflow: inherit;text-overflow: inherit;white-space: inherit;}
    .home #contents #news .btn.std { width:auto; padding: 0px;margin: 0px -15px;}
}

#map_canvas { width: 100%; height: 400px;display: block; background-color: #eee;}
.home .address { text-align: center;line-height: 40px;background-color: #2A905D;color: #fff;}

/* --------------------------
 * misc
-------------------------- */
.misc #crumbs {font-size: 13px; line-height: 50px;}
.misc #crumbs ul {padding-left: 0px; text-align: center;}
.misc #crumbs ul li {color: #000;display: inline;margin-left: 7px;}
.misc #crumbs ul li .fa {color: #0c3219;}
.misc #crumbs ul li a { color: #000;}
.misc #crumbs ul li a:hover {color: #000; text-decoration: underline;}
.misc #deco {margin-top: 50px;background-size:1226px 150px;height: 150px; width: 100%; background-image: url(../images/common/deco.png); background-repeat: repeat-x; background-position: bottom center;}
@media screen and (max-width: 767px) {
    .misc #crumbs {font-size: 10px; line-height: 30px;margin-top: 0px;}
    .misc #crumbs ul {padding-right: 0px; text-align: center;}
    .misc #deco { background-size:817px 100px;height: 120px;margin-top: 25px;}
}

.misc #desc {position: relative; z-index: 333;}
.misc #desc h1 {display: block;color: #ffffff;position: relative; z-index: 333;background-color: #0c3219;font-size: 21px; line-height: 2em; padding: 50px 100px;max-width: 1000px; margin: -50px auto 0;}
.misc #desc h1 span {display: none;text-align: center;color:#0c3219;font-size: 14px;margin-bottom: 0px;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400; letter-spacing: 2px;}
@media screen and (max-width: 1280px) {
    .misc #desc h1 {display: block;color: #ffffff;position: relative; z-index: 199;background-color: #0c3219;width:auto;font-size: 21px; line-height: 2em; padding: 50px 50px; margin: -50px auto 0px;}
}
@media screen and (max-width: 767px) {
    .misc #desc h1 { color: #ffffff;position: relative; z-index: 199;background-color: #0c3219;font-size: 18px; line-height: 1.8em; padding: 30px; margin: -25px 20px 0px;}
}

.misc #merit {z-index: 333;position: relative;background-color: #000;margin-bottom: 50px; background-image: url(../images/works/omnia/bg_img.jpg);}
.misc #merit h1 {color: #ffffff;position: relative; z-index: 333;background-color:#0c3219;font-size: 21px; line-height: 2em; padding: 50px 100px;max-width: 1000px; margin:0px auto; margin-top: 0px; top: -50px;}
.misc #merit h2 {margin-top: 50px;text-align: center;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400; letter-spacing: 2px;color:#47F69E; font-size:60px;margin-bottom: 50px;}
.misc #merit h3 { font-size: 36px; font-weight: bold; text-align: center; color: #fff;margin-bottom: 25px;}
.misc #merit .row {display: block;max-width: 1280px; margin: 0 auto;}
.misc #merit .row ul { padding: 50px 0px 75px;}
.misc #merit .row ul li {height: 75px; line-height: 75px; font-size: 24px; color: #fff; border-top: 1px solid #ccc;}
.misc #merit .row ul li:first-child { border-top: none;}
.misc #merit .row ul li .fa {margin-right: 15px;color:#47f69E;}
@media screen and (max-width: 1280px) {
    .misc #merit h1 {width:auto;font-size: 21px; line-height: 2em; padding: 50px 50px; margin: 0px 50px; margin: -50px auto 0px;}
}
@media screen and (max-width: 767px) {
    .misc #merit h2 {margin-top: 25px;text-align: center;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400; letter-spacing: 2px;color:#47F69E; font-size:36px;margin-bottom: 25px;}
    .misc #merit h3 { font-size: 18px; font-weight: bold; text-align: center; color: #fff;margin-bottom: 25px;}
    .misc #merit h1 { color: #ffffff;position: relative; z-index: 199;background-color: #0c3219;font-size: 18px; line-height: 1.8em; padding: 30px;margin: 0px 20px 0px;top: -25px;}
    .misc #merit .row {display: block;max-width: 1280px; margin: 0 auto;margin-top: 25px;}
    .misc #merit .row ul li {height: auto; line-height: 1.6em;font-size: 16px; color: #fff; border-top: 1px solid #ccc; padding: 15px 20px;}
    .misc #merit .row ul li .fa {display: none;}
}


.misc #contents {background-color: #fff;position: relative;margin-bottom: 50px;}
.misc #contents .row {display: block;max-width: 1280px; margin: 0 auto;}
.misc #contents .mainArea {padding: 0px 50px;padding-top: 75px;margin-bottom: 50px;border-right: 1px solid #eee;min-height: 400px;}
.misc #contents .mainArea.nbr { border: none;min-height: 600px;margin-bottom: 0px;}
.misc #contents .mainArea h1 {font-weight: bold;margin-bottom: 50px;color: #000;font-size: 24px;border-bottom: 1px solid #313131;padding-bottom: 30px;margin-top:20px;}
.misc #contents .mainArea h1 span {font-size: 12px;letter-spacing: 2px;margin-left: 20px;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400;color: #0c3219;}
.misc #contents .mainArea h1.single { text-align: center;font-weight: bold;margin-bottom: 50px;color: #000;font-size: 24px;margin-left: 0px; border-bottom: 1px solid #313131;padding-bottom: 48px;padding-top:0px;}
.misc #contents .mainArea h1.single span {margin-top: 10px;display: block;font-size: 12px;letter-spacing: 2px;margin-left: 0px;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400;color: #0c3219;}
.misc #contents .mainArea h2 {margin-top: 50px;margin-bottom: 25px;color: #000;font-size: 21px;margin-left: 5px; text-align: center; font-weight: bold;}
.misc #contents .mainArea h2 span {margin-top: 10px;font-size: 10px;letter-spacing: 2px;display:block; font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400;color: #0c3219;}


@media screen and (min-width:768px) and ( max-width:2400px) {
.misc #contents .mainArea h77 {margin-top: 50px;margin-bottom: 25px;color: #000;font-size: 21px;margin-left: 5px; text-align: center; font-weight: bold; display: block; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}
.misc #contents .mainArea h77 span {margin-top: 10px;font-size: 10px;letter-spacing: 2px;display:block; font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400;color: #0c3219;}
}


.misc #contents .mainArea .row {margin: 0 -25px;}
.misc #contents .mainArea .company {}
.misc #contents .mainArea .company h2 {font-size: 24px;margin-bottom: 25px; text-align: center; border-bottom: 1px solid #000;padding-bottom:25px;}
.misc #contents .mainArea .company .text {font-size: 14px; padding: 0 25px; line-height: 1.8em;}
.misc #contents .mainArea .company .text span { font-weight: bold; font-size: 18px;display: block; text-align: center;margin-bottom: 10px;}
@media screen and (max-width: 767px) {
    .misc #contents .mainArea figure.lgimg { margin: 0 -25px;}
}

.misc #contents .mainArea .row {margin: 0 -25px;}
.misc #contents .mainArea .factory {margin-bottom: 100px;}
.misc #contents .mainArea .factory h2 {margin-left: 0;margin-top: 25px;font-size:21px;margin-bottom: 25px; text-align: center; border-bottom: 1px solid #000;padding-bottom:15px;}
.misc #contents .mainArea .factory .text {font-size: 14px; padding: 0px 0px; line-height: 1.8em;}
.misc #contents .mainArea .factory .text span { font-weight: bold; font-size: 18px;display: block; text-align: center;margin-bottom: 10px;}
@media screen and (max-width: 767px) {
    .misc #contents .mainArea .factory { margin-top: -25px;}
    .misc #contents .mainArea .factory figure {margin: 25px -25px 0px}
}

.misc .mapWrap { position: relative;margin-bottom: 100px;}
.misc .mapWrap .mapBox {position: absolute; top: 0; left:0;display: block; width: 255px; height: auto;}
.misc .mapWrap .mapBox p { text-align: center;margin-bottom: 18px;margin-top: 5px; font-size: 12px;}
.misc .mapWrap .mapBox p span {color:#0c3219;margin-right: 5px;}
.misc .mapWrap .mapBox figure {display: block;}
.misc .mapWrap .mapBox figure img {display: block;width: 100%; height: auto;}
.misc .mapWrap .display {padding-left: 305px;width: 100%;}
.misc .mapWrap .display .map_display {display: block;}
@media screen and (max-width: 767px) {
    .misc .mapWrap .display {display: none;}
    .misc .mapWrap .mapBox { position: inherit;width: 100%;height: auto;}
    .misc .mapWrap .mapBox p {display: none;}
}

.misc .photoWrap {padding-bottom: 25px;}
.misc .photoWrap .block {margin-bottom: 30px;}
.misc .photoWrap .block figure { position: relative;}
.misc .photoWrap .block figure .fa { color: #fff; font-size: 21px; position: absolute; bottom:15px; right: 15px;}
.misc .photoWrap .block h3 {text-align: center; margin-top: 5px; font-size: 14px;}
.misc .photoWrap .block a h3 {color:#000;}
.misc .photoWrap .block h3 span {margin-right: 7px;color:#0c3219;}

.misc .photoWrap .block h77 {text-align: center; margin-top: 5px; font-size: 13px;}
.misc .photoWrap .block a h77 {color:#000;}
.misc .photoWrap .block h77 span {margin-right: 7px;color:#0c3219;}

.misc .btn.link { width: 400px; margin: 50px auto 0px;}
@media screen and (max-width: 767px) {
    .misc .photoWrap { padding: 0 20px}
    .misc .photoWrap .block {margin: 0px;padding: 0 5px 10px;}
    .misc .photoWrap .block h3 {margin-top: 2px;font-size: 11px;}
    .misc .photoWrap .block h77 {margin-top: 2px;font-size: 11px;}
    .misc .btn.link { width:inherit;}
}

.misc #contents .slider {display: block;}
.misc #contents .mainArea.work {padding-top: 0;margin-top: 0px;}

.misc #contents .mainArea .greeting .inner {background-color: #f5f5f5; padding: 50px}
.misc #contents .mainArea .greeting h2 {margin-top: 0;font-size: 26px;margin-bottom: 35px; text-align: left; }
.misc #contents .mainArea .greeting .text {font-size: 16px;line-height: 1.8em;}
.misc #contents .mainArea .greeting .text span { font-weight: bold; font-size: 18px;display: block; text-align: center;margin-bottom: 10px;}
.misc #contents .mainArea .greeting .name { text-align: right; font-size: 18px;}
.misc #contents .mainArea .mapBox {margin-bottom: 50px;}
.misc #contents .mainArea .mapBox .address {display: block;text-align: center;margin-top: 10px; font-size: 14px;}
.misc #contents .mainArea .gallery {margin-bottom: 0px;}
.misc #contents .mainArea .gallery ul {margin: 0 -5px}
.misc #contents .mainArea .gallery ul li { width: 33.333%; float: left; padding: 5px;}
.misc #contents .mainArea .gallery ul li a {color: #000;}
.misc #contents .mainArea .gallery ul li a h3 { text-align: center; font-size: 14px; margin-top: 2px;}
.misc #contents .mainArea .gallery ul li a h3 .fa {color: #0c3219;margin-right: 10px;}

.misc #contents .mainArea .gallery ul li a h77 { text-align: center; font-size: 12px; margin-top: 2px;}
.misc #contents .mainArea .gallery ul li a h77 .fa {color: #0c3219;margin-right: 10px;}

.misc #contents .mainArea .gallery ul li a:hover {}

.misc #contents .mainArea .gallery2 {margin-bottom: 50px;}
.misc #contents .mainArea .gallery2 ul li { width: 25%; float: left; padding: 5px;}
.misc #contents .mainArea .gallery2 ul li a {color: #000;}
.misc #contents .mainArea .gallery2 ul li a h3 { text-align: center; font-size: 12px; margin-top: 2px;}
.misc #contents .mainArea .gallery2 ul li a h3 .fa {color: #0c3219;margin-right: 10px;}

@media screen and (min-width:768px) and ( max-width:2400px) {
.misc #contents .mainArea .gallery2 ul {margin: 0 -85px; position:absolute; left:200px;}
}


.misc #contents .mainArea .gallery2 ul li a h77 { text-align: center; font-size: 12px; margin-top: 2px;}
.misc #contents .mainArea .gallery2 ul li a h77 .fa {color: #0c3219;margin-right: 10px;}

.misc #contents .mainArea .gallery2 ul li a:hover {}

@media screen and (max-width: 767px) {
    .misc #contents {padding-bottom: 0px;}
    .misc #contents .enTitle {text-align: center; width: 100%;font-family: 'Petit Formal Script', cursive;letter-spacing: 1px; font-weight: 300;color:#0c3219; font-size:18px; position: absolute;top: -15px; left: 0px;}
    .misc #contents .mainArea {padding: 0px 20px;margin-top: 50px;margin-bottom: 0px;min-height: auto; border-right: 1px solid #eee;}
    .misc #contents .mainArea h1 {text-align: center;font-weight: bold;font-size: 18px;margin:0 -20px 50px; padding-bottom: 45px;padding-top: 0;}
    .misc #contents .mainArea h1 span {display: block;font-size: 10px;letter-spacing: 1px;margin-left: 0px;}
    .misc #contents .mainArea h1.single {text-align: center;font-weight: bold;font-size: 18px;margin:0 -20px 50px; padding-bottom: 20px;}
    .misc #contents .mainArea h1.single span {display: block;font-size: 10px;letter-spacing: 1px;margin-left: 0px;margin-top: 0;}
    .misc #contents .mainArea .gallery ul li { width: 100%; float: left; padding: 5px;}
    .misc #contents .mainArea .gallery ul li a h3 { text-align: center; font-size: 11px; margin-top: 2px;}
    .misc #contents .mainArea .gallery ul li a h77 { text-align: center; font-size: 11px; margin-top: 2px;}

    .misc #contents .mainArea .gallery2 ul li { width: 50%; float: left; padding: 5px;}
    .misc #contents .mainArea .gallery2 ul li a h3 { text-align: center; font-size: 11px; margin-top: 2px;}
    .misc #contents .mainArea .gallery2 ul li a h77 { text-align: center; font-size: 11px; margin-top: 2px;}




	.misc #contents .mainArea h77 {margin-top: 0px;margin-bottom: 25px;color: #000;font-size: 21px;margin-left: 5px; text-align: center; font-weight: bold; display: block; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}
	.misc #contents .mainArea h77 span {margin-top: 10px;font-size: 10px;letter-spacing: 2px;display:block; font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400;color: #0c3219;}




    .misc #contents .mainArea .greeting .inner {background-color: #f5f5f5; padding: 40px 25px}
    .misc #contents .mainArea .greeting .name { text-align: right; font-size: 14px;}
    .misc #contents .mainArea .greeting h2 {margin-top: 0;font-size: 21px; line-height: 1.8em;}
}

.misc #contents .mainArea .postList {}
.misc #contents .mainArea .postList ul {margin: 0;padding: 0;}
.misc #contents .mainArea .postList ul li {display: block; border-top: 1px solid #ddd;}
.misc #contents .mainArea .postList ul li:first-child {border-top:none;}
.misc #contents .mainArea .postList ul li a {color: #000; display: block; position: relative;line-height: 75px;padding:0 25px;-webkit-transition: all .3s ease;transition: all .3s ease;}
.misc #contents .mainArea .postList ul li a span {display: block;width: 120px;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400;  letter-spacing: 2px;}
.misc #contents .mainArea .postList ul li a h3 {display: block; position: absolute; left: 0; top: 0; width: 100%; padding-left: 140px;overflow: hidden;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.misc #contents .mainArea .postList ul li a h77 {display: block; position: absolute; left: 0; top: 0; width: 100%; padding-left: 140px;overflow: hidden;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.misc #contents .mainArea .postList ul li a:hover {background-color: #fafafa;}
.misc #contents .mainArea .postList .btn { width: 300px; margin: 0 auto;}
@media screen and (max-width: 767px) {
    .misc #contents .mainArea .postList {padding: 0px 10px 20px;}
    .misc #contents .mainArea .postList ul {margin: 0 -30px;padding: 0;margin-bottom: 20px;}
    .misc #contents .mainArea .postList ul li {display: block; border-top: 1px solid #ddd;}
    .misc #contents .mainArea .postList ul li:first-child {margin-top: -50px;}
    .misc #contents .mainArea .postList ul li:last-child {border-bottom: 1px solid #ddd;}
    .misc #contents .mainArea .postList ul li a {line-height: 1.8em;padding:20px;}
    .misc #contents .mainArea .postList ul li a span {line-height: 1.8em;display: block;width: 120px;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400;  letter-spacing: 2px;margin: 0;padding: 0;}
    .misc #contents .mainArea .postList ul li a h3 {margin: 0;padding: 0;line-height: 1.8em;display: block; position: inherit; left: inherit; top: inherit; width: 100%; padding-left: 0px;overflow: inherit;-o-text-overflow: inherit;-webkit-text-overflow: inherit;text-overflow: inherit;white-space: inherit;}
    .misc #contents .mainArea .postList ul li a h77 {margin: 0;padding: 0;line-height: 1.8em;display: block; position: inherit; left: inherit; top: inherit; width: 100%; padding-left: 0px;overflow: inherit;-o-text-overflow: inherit;-webkit-text-overflow: inherit;text-overflow: inherit;white-space: inherit;}
    .misc #contents .mainArea .postList .btn { width:inherit; padding: 0px;}
}

.misc #contents .mainArea .recList {}
.misc #contents .mainArea .recList ul {margin: 0;padding: 0;margin-bottom: 50px;}
.misc #contents .mainArea .recList ul li {display: block;margin-top: 15px;}
.misc #contents .mainArea .recList ul li:first-child {margin-top: 0;}
.misc #contents .mainArea .recList ul li a {position: relative;border: 1px solid #ddd; color: #000; display: block; line-height: 75px;padding:0 25px;-webkit-transition: all .3s ease;transition: all .3s ease;}
.misc #contents .mainArea .recList ul li a h3 {font-size: 18px;display: block; width: 100%; overflow: hidden;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.misc #contents .mainArea .recList ul li a h77 {font-size: 18px;display: block; width: 100%; overflow: hidden;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.misc #contents .mainArea .recList ul li a .fa { font-size: 34px; position: absolute; top: 20px; right: 25px;}
.misc #contents .mainArea .recList ul li a:hover {background-color: #0c3219;border: 1px solid #0c3219; }
.misc #contents .mainArea .recList ul li a:hover .fa{color: #FFF;}
.misc #contents .mainArea .recList .btn { width: 300px; margin: 0 auto;}
.misc #contents .mainArea .recList .noneoffer { font-size: 18px; border: 1px solid #0c3219; line-height: 50px; text-align: center;color: #0c3219;}
@media screen and (max-width: 767px) {
    .misc #contents .mainArea .recList ul li a {position: relative;border: 1px solid #ddd; color: #000; display: block; line-height: 60px;padding:0 20px;-webkit-transition: all .3s ease;transition: all .3s ease;}
    .misc #contents .mainArea .recList ul li a h3 {font-size: 14px;display: block; overflow: hidden;width: 100%;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
    .misc #contents .mainArea .recList ul li a h77 {font-size: 14px;display: block; overflow: hidden;width: 100%;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
    .misc #contents .mainArea .recList ul li a .fa { font-size: 34px; position: absolute; top: 12px; right: 15px;}
}

.misc #contents .mainArea .postWrap {}
.misc #contents .mainArea .postWrap .postTitle {line-height: 1.8em;font-weight: bold; border: none;margin: 0;padding: 0;margin-bottom: 50px;padding-bottom: 15px;color: #000;font-size: 21px; border-bottom: 1px solid #ccc;}
.misc #contents .mainArea .postWrap .recTitle {line-height: 1.8em;font-weight: bold; margin: 0;padding: 7px;margin-bottom: 25px;color: #000;font-size: 21px;border: none;border-left: 5px solid #0c3219;padding-left: 25px;}
.misc #contents .mainArea .postWrap .text { font-size: 14px; line-height: 2em;}
.misc #contents .mainArea .postWrap .text-title { text-align: left; margin-left: 20%;}
.misc #contents .mainArea .postWrap .date {color: #0c3219;display: block;width: 120px;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400;  letter-spacing: 2px;margin-bottom: 20px;}
.misc #contents .mainArea .postWrap .btnArea {padding-top: 50px;margin-bottom: 50px;}
.misc #contents .mainArea .postWrap .btnArea .btn { display: block;width: 100%; height: 50px;}
.misc #contents .mainArea .postWrap .btnArea .btn a { letter-spacing: 1px;background-color:#FFF;position: relative; font-size: 14px; display: block;border: 1px solid #313131;color:#313131;text-align: center; height:50px;line-height:50px; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.misc #contents .mainArea .postWrap .btnArea .btn a .fa { position: absolute; top: 8px; line-height: 30px; font-size: 28px;}
.misc #contents .mainArea .postWrap .btnArea .btn.prev a {border-left:1px solid #313131;}
.misc #contents .mainArea .postWrap .btnArea .btn.prev a .fa {left: 15px;}
.misc #contents .mainArea .postWrap .btnArea .btn.next a .fa {right: 15px;}
.misc #contents .mainArea .postWrap .btnArea .btn.prev a {border-right: none;}
.misc #contents .mainArea .postWrap .btnArea .btn.kill {border: 1px solid #eee;color: #eee!important;letter-spacing: 1px;background-color:#FFF;position: relative; font-size: 14px; display: block;text-align: center; height:50px;line-height:50px;}
.misc #contents .mainArea .postWrap .btnArea .btn.prev.kill {border-right: none;}
.misc #contents .mainArea .postWrap .btnArea .btn.next.kill {border-left:1px solid #313131;}
.misc #contents .mainArea .postWrap .btnArea .btn.kill .fa { position: absolute; top: 8px; line-height: 30px; font-size: 28px;}
.misc #contents .mainArea .postWrap .btnArea .btn.prev.kill .fa {left: 15px;}
.misc #contents .mainArea .postWrap .btnArea .btn.next.kill .fa {right: 15px;}
.misc #contents .mainArea .postWrap .btnArea .btn a:hover { border: 1px solid #313131;background-color:#313131;color: #FFF;text-decoration: none;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
@media screen and (max-width: 767px) {
    .misc #contents .mainArea .postWrap .postTitle { text-align: left; font-size: 18px;}
    .misc #contents .mainArea .postWrap .recTitle { text-align: left; font-size: 18px;}
    .misc #contents .mainArea .postWrap figure {margin-bottom: 25px;}
    .misc #contents .mainArea .postWrap .btn {margin-bottom: 10px;}
    .misc #contents .mainArea .postWrap .btn.std {width:auto;margin: 0 25px 25px;}
	.misc #contents .mainArea .postWrap .text-title { text-align: center; margin-left: 0%;}
}

.misc #contents .mainArea .linkList h2 {text-align: left;line-height: 1.8em;font-weight: bold;margin: 0;padding: 7px;margin-bottom: 15px;margin-left: 25px; color: #000;font-size: 18px;border: none;border-left: 5px solid #0c3219;padding-left: 20px;}
.misc #contents .mainArea .linkList ul {margin: 0;padding: 0;margin-bottom: 50px;}
.misc #contents .mainArea .linkList ul li {display: block; border-bottom: 1px solid #ddd;}
.misc #contents .mainArea .linkList ul li:first-child {border-top: 1px solid #ddd;}
.misc #contents .mainArea .linkList ul li a { font-size: 16px;color: #000; display: block;line-height: 50px;padding:0 25px;-webkit-transition: all .3s ease;transition: all .3s ease;}
.misc #contents .mainArea .linkList ul li a .fa {margin-right: 15px;color: #0c3219;}
.misc #contents .mainArea .linkList ul li a:hover {background-color: #eee;}
@media screen and (max-width: 767px) {
    .misc #contents .mainArea .linkList ul li a { font-size: 13px;}
    .misc #contents .mainArea .linkList ul li a .fa {margin-right: 10px;}
    .misc #contents .mainArea .linkList ul li a {padding:0 15px;}
}

.misc #contents .mainArea .contact h2 {margin-top: 0;}
.misc #contents .mainArea .contact h2 .fa {color: #0c3219; margin-right: 5px;}
.misc #contents .mainArea .contactList {padding: 40px 0px;margin-bottom: 75px;text-align: center;  background-color: #f0f0f0;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px;-o-border-radius: 5px;-ms-border-radius: 5px;}
.misc #contents .mainArea .contactList .tel {padding-top: 25px;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 700;  letter-spacing: 2px; font-size: 60px;}
.misc #contents .mainArea .contactList .tel span {font-size: 24px;margin-right: 10px;}
.misc #contents .mainArea .contactList .fax {font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 700;  letter-spacing: 2px;font-size: 24px;margin-top: 25px;}
.misc #contents .mainArea .contactList .fax span { font-size: 14px;}
.misc #contents .mainArea .contactList .time { font-size: 14px;margin-top: 25px;}
@media screen and (max-width: 767px) {
    .misc #contents .mainArea .contactList {padding: 10px 0px 20px;}
    .misc #contents .mainArea .contactList .tel {letter-spacing: 0px; font-size: 28px;}
    .misc #contents .mainArea .contactList .tel span {font-size: 14px;margin-right: 10px;}
    .misc #contents .mainArea .contactList .fax {letter-spacing: 0px;font-size: 28px;margin-top: 15px;}
    .misc #contents .mainArea .contactList .fax span { font-size: 14px;}
    .misc #contents .mainArea .contactList .time { font-size: 14px;margin-top: 15px;}
}

.misc #contents .mainArea .policy {}
.misc #contents .mainArea .policy h3 { text-align: center; font-weight: bold; font-size: 18px;padding-bottom: 15px;margin-bottom: 25px; border-bottom: 1px solid #ccc;}
.misc #contents .mainArea .policy h77 { text-align: center; font-weight: bold; font-size: 18px;padding-bottom: 15px;margin-bottom: 25px; border-bottom: 1px solid #ccc;}
.misc #contents .mainArea .policy .text {font-size: 14px; margin-bottom: 50px;}
.misc #contents .mainArea .policy .btn {width:300px; margin: 0 auto;}
@media screen and (max-width: 767px) {
    .misc #contents .mainArea .policy .btn {width: auto;margin-bottom: 25px;}
}

.misc #contents .mainArea .sitemap h2 {margin: 0px 0px 25px;}
.misc #contents .mainArea .sitemap ul {margin: 0;padding: 0;margin-bottom: 50px;}
.misc #contents .mainArea .sitemap ul li {display: block; border-bottom: 1px solid #ddd;}
.misc #contents .mainArea .sitemap ul li:first-child {border-top: 1px solid #ddd;}
.misc #contents .mainArea .sitemap ul li a { font-size: 16px;color: #000; display: block;line-height: 50px;padding:0 25px;-webkit-transition: all .3s ease;transition: all .3s ease;}
.misc #contents .mainArea .sitemap ul li a .fa {margin-right: 15px;color: #0c3219;}
.misc #contents .mainArea .sitemap ul li a:hover {background-color: #eee;}
@media screen and (max-width: 767px) {
    .misc #contents .mainArea .sitemap h2 {font-size: 18px;}
    .misc #contents .mainArea .sitemap ul li a { font-size: 13px;}
    .misc #contents .mainArea .sitemap ul li a .fa {margin-right: 10px;}
    .misc #contents .mainArea .sitemap ul li a {padding:0 15px;}
}

.misc #contents .boxNav {}
.misc #contents .boxNav { padding: 25px ;margin: 0 auto;position: relative;}
.misc #contents .boxNav .col-sm-4 {margin-top: 50px;}

.misc #contents .boxNav .col-sm-44 {margin-top: 50px;}

.misc #contents .boxNav a {border-left: 1px solid #fff;border-top: 1px solid #fff;margin: 0px;color: #000;display: block;}
.misc #contents .boxNav a h2 {z-index: 99;position: relative;margin-bottom: -15px;margin-left: 25px;border-left: 3px solid #0c3219; color: #000;width: 100%;display: block;font-weight: bold; font-size: 19px;padding-bottom: 25px;padding-left: 20px;-webkit-transition: all .3s ease;transition: all .3s ease;}
.misc #contents .boxNav a h2 .fa { position: absolute; top: 19px; right: 15px; font-size: 32px;color: #0c3219;}
.misc #contents .boxNav a h2 span {display: block;color: #0c3219;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400; font-size: 10px; letter-spacing: 1px;}
.misc #contents .boxNav a figure img{ opacity: 1;-webkit-transition: all .3s ease;transition: all .3s ease;}
.misc #contents .boxNav a figure { background-color: #0c3219; overflow: hidden; display: block;}
.misc #contents .boxNav a:hover {}
.misc #contents .boxNav a:hover h2 {padding-bottom: 50px;margin-bottom: -40px;border-left: 3px solid #0c3219;-webkit-transition: all .3s ease;transition: all .3s ease;}
.misc #contents .boxNav a:hover figure img{ opacity: 0.5;-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
@media screen and (max-width: 767px) {
    .misc #contents .boxNav {display: none;}
}

.misc #contents .sdgsNav {}
.misc #contents .sdgsNav { padding: 25px ;margin: 0 auto;position: relative;}
.misc #contents .sdgsNav .col-sm-4 {margin-top: 50px;}

.misc #contents .sdgsNav .col-sm-44 {margin-top: 50px;}

.misc #contents .sdgsNav a {border-left: 1px solid #fff;border-top: 1px solid #fff;margin: 0px;color: #000;display: block;}
.misc #contents .sdgsNav a h2 {z-index: 99;position: relative;margin-bottom: -15px;border-left: 3px solid #0c3219; color: #000;width: 100%;display: block;font-weight: bold; font-size: 19px;padding-bottom: 25px;-webkit-transition: all .3s ease;transition: all .3s ease;}
.misc #contents .sdgsNav a h2 .fa { position: absolute; top: 19px; right: 15px; font-size: 32px;color: #0c3219;}
.misc #contents .sdgsNav a h2 span {display: block;color: #0c3219;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400; font-size: 10px; letter-spacing: 1px;}
.misc #contents .sdgsNav a figure img{ opacity: 1;-webkit-transition: all .3s ease;transition: all .3s ease;}
.misc #contents .sdgsNav a figure { background-color: #0c3219; overflow: hidden; display: block;}
.misc #contents .sdgsNav a:hover {}
.misc #contents .sdgsNav a:hover h2 {padding-bottom: 50px;margin-bottom: -40px;border-left: 3px solid #0c3219;-webkit-transition: all .3s ease;transition: all .3s ease;}
.misc #contents .sdgsNav a:hover figure img{ opacity: 0.5;-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

.misc #contents .sideBar {padding-right: 50px;margin-top: -79px;}
.misc #contents .sideBar.work {margin-top: 50px;padding-right: 50px;}
.misc #contents .sideBar h2 { font-weight: bold;background-color:#000; color: #fff;line-height: 75px;padding-left: 25px;}
.misc #contents .sideBar h2 span {font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400; color: #ffffff;margin-left: 20px;font-size: 10px;letter-spacing: 2px;}
.misc #contents .sideBar ul {}
.misc #contents .sideBar ul li {border-bottom: 1px solid #eee; height: 75px;display: block; position: relative;}
.misc #contents .sideBar ul li.active {}
.misc #contents .sideBar ul li.active a { background-color: #47F69E;}
.misc #contents .sideBar ul li.active a:hover { background-color: #0c3219;}
.misc #contents .sideBar ul li.active .fa {display: none;}
.misc #contents .sideBar ul li a {height: 75px;padding-left: 25px;padding-top: 22px;position: relative; display: block;font-weight: bold; font-size: 14px; color: #000; line-height: 1em;-webkit-transition: all .3s ease;transition: all .3s ease;}
.misc #contents .sideBar ul li a span { letter-spacing: 1px; margin-top: 5px;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400;color: #0c3219; font-size: 10px; display: block;}
.misc #contents .sideBar ul li a .fa { position: absolute; top: 20px; right:15px; font-size: 30px;color: #0c3219;}
.misc #contents .sideBar ul li a:hover {background-color: #f5f5f5;}
@media screen and (max-width: 1280px) {
    .misc #contents .sideBar {padding-right: 0px;}
    .misc #contents .sideBar.work {margin-top: 50px;padding-right: 0px;}
}
@media screen and (max-width: 767px) {
    .misc #contents .sideBar.work {margin-top: 50px;padding-right: 0px;}
    .misc #contents .sideBar {margin-top: 50px;padding-right: 0px;}
}

/* --------------------------
 * MediaQuery
-------------------------- */

/* pc width min */
@media screen and (min-width: 768px) {
    body,html {width: 100%; height: 100%;min-height: 600px;}
    body,header,#header.fixed .inner,.mainVisual {min-width: 1000px;}
    #header,
    #header .inner{min-width: 1000px!important;}
    .container {width: 1250px;}
    .sp_dspl { display:none;}
    .pc_dspl { display:block;}
    .spMenu {display: none;}
    .spNav {display: none;}
    a:hover,a:active { text-decoration: none;}


    /* fadein */
    .fadein.rgt {opacity : 0;transform : translate(50px, 0px);transition : all 1000ms;}
    .fadein.rgt.scrollin {opacity : 1; transform : translate(0, 0);}
    .fadein.rgt2 {opacity : 0;transform : translate(60px, 0px);transition : all 1200ms;}
    .fadein.rgt2.scrollin {opacity : 1; transform : translate(0, 0);}
    .fadein.btm {opacity : 0;transform : translate(0px, 50px);transition : all 1000ms;}
    .fadein.btm.scrollin {opacity : 1; transform : translate(0, 0);}

    /* home */
    .home #header {z-index: 1;width: 100%;height: 400px;display: block;position: absolute;top:0px; left: 0px;}
    .misc #header {z-index: 1;width: 100%;height: 470px;}
    #header .inner { position: relative; display: block;min-width: 1000px!important;}
    #header .inner .logo {z-index: 999;width:300px;height: auto;position:absolute;left:50px; top:30px;display: block;}
    #header .inner .seo { font-size: 10px; text-align: right; position: absolute; top:10px; left: 400px; color: #ccc;}
    #header .inner .hamburger { display: none;}
    #header .inner .contact { display: none;}
    #header .inner .telBtn {display: none;}
    #header .inner .gnav {z-index: 999;position:absolute;right:25px; top: 55px;display:block; height: 65px;}
    #header .inner .gnav ul { }
    #header .inner .gnav ul > li {height: 65px;position: relative;display:block; float: left; text-align: center;}
    #header .inner .gnav ul > li > a {text-decoration: none;display:block; height:62px;font-size: 16px; font-weight: bold;padding: 3px 25px 0px;}
    #header .inner .gnav ul > li > a span {display: block;line-height: 1.6em;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;letter-spacing: 1px; font-weight: 400;margin-top: 2px;color:#fff;font-size:10px;}
    #header .inner .gnav ul > li:hover {border-bottom: 2px solid #0c3219; text-decoration: none;}
    #header .inner .gnav ul > li.menu > ul {display: none; width: 0; height:0;overflow:hidden; position: absolute;top: 65px; left: 0; z-index: 999;}
    #header .inner .gnav ul > li.menu > ul { margin: 0;padding: 0;top: 65px; left: 0;position: absolute;display:none;width: 200px;height: auto;background-color: #FFF; z-index: 9999;-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);-o-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);-ms-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);}
    #header .inner .gnav ul > li.menu > ul > li {border: none;margin:0;padding: 0;display: block; line-height: 40px; height: 40px;text-align: left;border-bottom: 1px solid #eee;background-color: #FFF; width: 100%;}
    #header .inner .gnav ul > li.menu > ul > li > a {color: #000;width: 100%;display: block;margin: 0;padding: 0;padding-left: 15px;line-height: 40px; height: 40px; font-weight: 900; font-size: 14px;}
    #header .inner .gnav ul > li.menu > ul > li > a:hover {border:none; background-color: #eee;}
    #header .inner .gnav ul > li.menu > ul > li > a > .fa {line-height:35px; margin-right: 7px; color: #0c3219; font-size: 12px;}
    #header .inner .subNav {z-index: 999;display: block;height: 20px; width: 500px; position: absolute;top: 15px; right: 50px;}
    #header .inner .subNav ul { text-align: right;}
    #header .inner .subNav ul li {display: inline-block;height: 15px; line-height: 15px;margin-left:15px; border-left: 1px solid #FFF;}
    #header .inner .subNav ul li:first-child {border-left: none;margin-left: 0;}
    #header .inner .subNav ul li .fa {margin-right: 10px;color:#0c3219;}
    #header .inner .subNav ul li a {color: #FFF; padding-left: 20px; display: block;text-align: center; font-size: 11px; text-decoration: none;}
    #header .inner .subNav ul li a:hover { text-decoration:underline;}
    .misc #header .inner .gnav ul > li > a {color: #FFF;}
    .misc #header .inner .gnav ul > li.menu > ul > li > a {color: #000;}
    .misc #header .inner .subNav ul li a {color: #FFF;}
    @media screen and (max-width: 1280px) {
        #header .inner .gnav {right:25px;}
        #header .inner .subNav {right: 50px;}
    }

    #header.fixed {z-index: 9999;}
    #header.fixed .inner {}
    #header.fixed .inner .logo { width: 210px; height: auto;position:absolute;left:50px; top: 17px; display: block;}
    #header.fixed .inner {background-color: #0c3219;width: 100%;height: 80px;z-index: 9999;display: block;position: fixed;top:-80px; left: 0;transition: .3s;transform: translateY(80px);box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-moz-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-o-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-ms-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);}
    #header.fixed .inner .gnav {right:25px; top: 15px;}
    #header.fixed .inner .gnav ul {transition:inherit;-webkit-transition:inherit;-moz-transition:inherit;-o-transition:inherit;-ms-transition:inherit;}
    #header.fixed .inner .subNav {display: none;}
    .misc #header.fixed .inner .gnav ul > li > a {color: #FFF;}

    .home #header {z-index: 999;width: 100%;height: 120px;display: block;position: absolute;top:0px; left: 0px;background-color:transparent;}
    .home #header .inner .logo {width:300px;height: auto;position:absolute;left:50px; top:30px;display: block;}
    .home #header .inner .logo .white {display: block;}
    .home #header .inner .logo .black {display: none;}
    .home #header .inner .gnav ul > li > a {color: #FFF;}
    .home #header .inner .subNav { display:none;}
    .home #header.fixed .inner .logo { width: 210px; height: auto;position:absolute;left:50px; top: 17px; display: block;}
    .home #header.fixed .inner .logo .white {display: none;}
    .home #header.fixed .inner .logo .black {display: block;}
    .home #header.fixed .inner .gnav {bottom: 0px;}
    .home #header.fixed .inner .gnav ul > li > a {color: #FFF;}
    .home #header.fixed .inner .gnav ul > li.menu > ul > li > a {color: #000}

    .home #mainVisual { position: relative; display: block;width: 100%; height: auto;z-index: 0;}
    .home #mainVisual h2 {text-align: center;z-index: 99;width: 100%; height: 60px; line-height: 1em; color: #fff; color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom:0; margin: auto;}
    .home #mainVisual h2 figure { width: 600px; margin:0 auto;}
    .home #mainVisual #target {background-color: #F5F2EE;padding-top: 0px;}
    .home #mainVisual #target > div {}
    .home #mainVisual #target > div.first {background-image: url(../images/slider/01.jpg);}
    .home #mainVisual #target > div.second {background-image: url(../images/slider/02.jpg);}
    .home #mainVisual #target > div.third {background-image: url(../images/slider/03.jpg);}
    .home #mainVisual #target > div.forth {background-image: url(../images/slider/04.jpg);}
    .home #mainVisual #target > div.fifth {background-image: url(../images/slider/05.jpg);}
    .home #mainVisual #target > div.sixth {background-image: url(../images/slider/06.jpg);}

    .misc #mainVisual {display: block;position: absolute; top: 0; left: 0; width: 100%;height:470px;margin-top: 0;background-color: #222;background-position:  top center;}
    .misc #mainVisual .titleArea {display: block;width: 100%;padding-top: 220px;}
    .misc #mainVisual.company {background-image: url(../images/company/main_02.jpg);}
    .misc #mainVisual.other {background-image: url(../images/other/main.jpg);}
    .misc #mainVisual.recruit {background-image: url(../images/other/main_recruit.jpg);}
    .misc #mainVisual.works_top {background-image: url(../images/works/main.jpg);}
    .misc #mainVisual.works_construction {background-image: url(../images/works/construction/main.jpg);}
    .misc #mainVisual.works_pc {background-image: url(../images/works/pc/main.jpg);}
    .misc #mainVisual.works_namacon {background-image: url(../images/works/namacon/main.jpg);}
    .misc #mainVisual.works_omnia {background-image: url(../images/works/omnia/main.jpg);}

    #hotline {position: relative;display: block;height:50px; width: 100%;z-index: 99;margin-top: -100px; margin-bottom: 50px; padding: 0 100px;}
    #hotline .inner {overflow: hidden;background-color: rgba(255,255,255,0.95);display: block; height: 50px; line-height: 50px; position: relative;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px;-o-border-radius: 5px;-ms-border-radius: 5px;}
    #hotline h2 {color:#0c3219;border-right: 1px solid #f5f5f5; position: absolute; left: 0; top:0;font-size: 14px; letter-spacing: 3px;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400;height: 50px; line-height: 52px; width: 180px;text-align: center;}
    #hotline ul {display: block;height: 50px; overflow: hidden; position: absolute; left: 0; top:0; padding-left: 180px;width: 100%;}
    #hotline ul li {display: block;height: 50px;line-height: 50px;color:#0c3219;}
    #hotline ul li a {padding-right: 25px;padding-left: 25px;width: 100%;display: block;height: 50px;line-height: 50px; color: #000; font-size: 14px;overflow: hidden;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all .3s ease;transition: all .3s ease;}
    #hotline ul li a span {font-size: 14px; padding-right: 25px;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 400; letter-spacing: 2px;}
    #hotline ul li a:hover { text-decoration: none; background-color: #ddd; color:#000;}
    #hotline .link {position: absolute; right: 15px;top: 12px;width: 25px; height: 25px; overflow: hidden;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius:50%;-o-border-radius: 50%;-ms-border-radius: 50%;}
    #hotline .link a { width: 25px; height: 25px; background-color: #0c3219; color: #fff; display: block; line-height: 25px; font-size: 18px; text-align: center;}
    #hotline .link a .fa {margin-left: 2px;}
    @media screen and (max-width: 1280px) {
        #hotline {padding: 0 50px;}
    }

    #spNav {display: none;}
    #header .hamburger { display: none;}
    .misc #header .inner .logo .black {display: none;}
    .misc #header .inner .logo .white {display: block;}
}

/* smartphone */
@media screen and (max-width: 767px) {
    body,html {overflow-x: hidden;display: block;position: relative;-webkit-overflow-scrolling }
    a:hover,a:active { text-decoration: none;}
    .sp_dspl { display:block;}
    .pc_dspl { display:none;}
    .container { width:100%;margin:0; padding: 0;}

    .loading {display: none;}
    h1.seo {display: none;}
    #scrlTop {display: block;bottom: 25px; right: 25px;}

    #header {z-index: 9999;width: 100%;height: 60px;display: block;position: fixed;top:0px; left: 0px;background-color:#222;box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-moz-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-o-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-ms-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);}
    #header .inner {margin: 0 auto;height: 60px;display: block;position: relative; width:100%;}
    #header .inner .logo {width:180px;height: auto;position:absolute;left:50%; top:10px;display: block;margin-left:-90px;}
    #header .inner .seo { font-size: 10px; text-align: right; position: absolute; top:10px; left: 400px; color: #ccc;}
    #header .inner .hamburger {display: block; position: absolute; top:17px; left:20px; height: 20px; width: 20px;}
    #header .inner .contact {display: block; position: absolute; top:17px; right:20px; height: 20px; width: 20px;}
    #header .inner .gnav {display: none;}
    #header .inner .subNav { display: none;}

    .home #mainVisual { position: relative; display: block;width: 100%; height: 270px;z-index: 0;}
    .home #mainVisual h2 {margin-left: 10px;text-align: center;z-index: 99;width: 100%; height:auto; color: #fff; color: #fff; position: absolute;left: 0; bottom:80px;}
    .home #mainVisual h2 figure { width: 280px; margin:0 auto;}
    @media screen and (max-width: 360px) {
        .home #mainVisual h2 figure { width: 210px; margin:0 auto;}
        .home #mainVisual { position: relative; display: block;width: 100%; height: 260px;z-index: 0;}
    }
    .home #mainVisual #target {background-color: #000;padding-top: 60px;}
    .home #mainVisual #target > div {}
    .home #mainVisual #target > div.first {background-image: url(../images/slider/sp_01.jpg);}
    .home #mainVisual #target > div.second {background-image: url(../images/slider/sp_02.jpg);}
    .home #mainVisual #target > div.third {background-image: url(../images/slider/sp_03.jpg);}
    .home #mainVisual #target > div.forth {background-image: url(../images/slider/sp_04.jpg);}
    .home #mainVisual #target > div.fifth {background-image: url(../images/slider/sp_05.jpg);}
    .home #mainVisual #target > div.sixth {background-image: url(../images/slider/sp_06.jpg);}

    .misc #mainVisual {height:250px;}
    .misc #mainVisual .titleArea {display: block;width: 100%;padding-top:110px;}
    .misc #mainVisual.company {background-image: url(../images/company/main_02.jpg);}
    .misc #mainVisual.other {background-image: url(../images/other/main.jpg);}
    .misc #mainVisual.recruit {background-image: url(../images/other/main_recruit.jpg);}
    .misc #mainVisual.works_top {background-image: url(../images/works/main.jpg);}
    .misc #mainVisual.works_construction {background-image: url(../images/works/construction/main.jpg);}
    .misc #mainVisual.works_pc {background-image: url(../images/works/pc/main.jpg);}
    .misc #mainVisual.works_namacon {background-image: url(../images/works/namacon/main.jpg);}
    .misc #mainVisual.works_omnia {background-image: url(../images/works/omnia/main.jpg);}

    #hotline { display: none;}

    #spNav {padding: 50px 0px;display: none; background-color:#0c3219; z-index: 99999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto;}
    #spNav > ul.nav {padding: 50px 30px 0px; text-align: center;}
    #spNav > ul.nav li ul {text-align: center;margin-bottom: 50px;}
    #spNav > ul.nav li ul li {display: block;line-height: 50px;border-bottom: 1px solid #fff; }
    #spNav > ul.nav li:first-child {border-top:none;}
    #spNav > ul.nav li {font-size: 18px;font-weight: bold;color: #fff; text-align: left;display: block;padding: 0px; position: relative; color: rgba(255,255,255,0.5)}
    #spNav > ul.nav li span {position: absolute; right: 10px; top: 0px;margin-left: 25px;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight: 300;letter-spacing: 2px; font-size: 10px;}
    #spNav > ul.nav li a{color: #FFF; padding: 0 10px;display: block; position: relative;}
    #spNav > ul.nav li a:hover{color: #ffff00;}
    #spNav > ul.nav li a:hover,
    #spNav > ul.nav li a:focus,
    #spNav > ul.nav li a:active { text-decoration: none;}
    #spNav > ul.nav li a .fa { font-size: 21px; color:#FFF; position: absolute; top:15px; right: 15px;}
    #spNav > ul.nav li h2 { background-color: #fff; font-size: 16px;color:#0c3219; text-align: center;line-height: 30px; font-weight: bold;}
    #spNav .btn { text-align: center;margin: 0px 30px;display: block;border: 1px solid #fff;}
    #spNav .btn a {font-size:14px;color: #fff;font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif; font-weight: 300;letter-spacing: 2px;line-height: 30px;}
}

video {
  max-width: 100%;
}

.skippr-previous {
	display: none;
}

.skippr-next {
	display: none;
}

.skippr-nav-container {
	display: none;
}


.works{
    width:100%;
}

.works .worksleft{
    max-width:1280px;
    margin:0px auto;
    padding:10px 0px;
}

@media (max-width: 767px) {
.works .worksleft{
    max-width:1280px;
    padding:10px 0px;
    margin-top:0px;
    margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}
}

@media (min-width: 768px) {
    .works .worksleft .workscontentleft {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.works .works-leftitem {
    width:100%;
}

@media (min-width: 768px) {
    .works .works-leftitem {
        width:50%;
    }
}

.works .image{
    display:block;
    max-width:80%;
}

@media (min-width: 768px) {
.works .lefttext{
    margin-top: 0px;
    padding-right: 50px;
    padding-bottom: 0px;
    padding-left: 50px;
    text-align:center;
}
}

@media (max-width: 767px) {
.works .lefttext{
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align:center;
}
}

.works .leftcaution{
    text-align:center;
}

.works .lefttext .leftheading{
    margin:0px 0px 25px 0px;
    font-size: 30px;
    font-weight: normal;
    text-align: center;
    font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', serif;
    font-weight: 500;
}

.works .lefttext .leftheadingsmall{
    margin:0px 0px 5px 0px;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', serif;
    font-weight: 500;
}

.works .lefttext .leftheadingssmall{
    margin:20px 0px 5px 0px;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', serif;
    font-weight: 500;
}

@media(max-width:767px) {
.works .lefttext .leftheadingssmall{
    margin:20px 0px 5px 0px;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', serif;
    font-weight: 500;
}
}

.works .leftcaution .leftheadingssmall{
    margin:0px 0px 5px 0px;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', serif;
    font-weight: 500;
    display: inline-block;
}

.leftbun {
    display: inline-block;
    text-align: left;
    margin:0px 0px 5px 0px;
    font-size: 14px;
    font-weight: normal;
    font-weight: 500;
    display: inline-block;
    font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', serif;
}

.works .lefttext .leftheadingsssmall{
    margin:0px 0px 5px 0px;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', serif;
    font-weight: 500;
}

.works .leftcaution .leftheadingssmall{
    margin:0px 0px 5px 0px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', serif;
    font-weight: 500;
}

.works .leftcaution .leftheadingsssmall{
    margin:0px 0px 5px 0px;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', serif;
    font-weight: 500;
}

.works{
    width:100%;
}
.works .worksright{
    max-width:1280px;
    margin:0px auto;
    padding:10px 0px;
}

@media (max-width: 767px) {
.works .worksright{
    max-width:1280px;
    padding:10px 0px;
    margin-top:0px;
    margin-bottom:30px;
	margin-left:20px;
	margin-right:20px;
}
}

@media (min-width: 768px) {
    .works .worksright .workscontentright {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (min-width: 768px) {
    .works .workscontentright {
        flex-direction:row-reverse;
    }
}

.works .works-rightitem {
    width:100%;
}

@media (min-width: 992px) {
    .works .works-rightitem {
        width:50%;
    }
}

.works .image{
    display:block;
    max-width:80%;
    margin:0px auto;
}

@media(max-width:767px) {
.works .image{
    display:block;
    max-width:100%;
    margin:0px auto;
}
}

.works .righttext{
    padding:50px;
}

@media(max-width:767px) {
.works .righttext{
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align: left;
}
}

.works .righttext .rightheading{
    margin:0px 0px 5px 0px;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', serif;
    font-weight: 500;
}

@media(min-width:768px) {
.works .righttext .rightheadingsmall{
    margin:20px 0px 5px 0px;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', serif;
    font-weight: 500;
}
}

@media(max-width:767px) {
.works .righttext .rightheadingsmall{
    margin:20px 0px 5px 0px;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', serif;
    font-weight: 500;
}
}

.responsive {
width: 100%;
aspect-ratio: 3/2;
}

#contents #philosophy {background-color: #000;background-image: url(../images/company/philosophy.jpg)}
#contents #philosophy {padding: 0px 0px 0px;}
#contents #philosophy h2 {font-size: 36px;padding-bottom: 35px;font-weight: bold;text-align: center; width: 100%; color: #FFF; display: block;text-decoration: none; margin-left: 0px;}
#contents #philosophy h2 span {color: #66CC66; font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight:400; display: block; font-size:48px;letter-spacing: 2px;line-height: 1em;margin-bottom: 25px;}
#contents #philosophy .company-text {text-align: center; width: 80%; margin: 0 auto;}
#contents #philosophy .company-text-details {font-size: 16px; color: #fff; line-height: 2em;margin-bottom: 50px; text-align: left; display: inline-block;}
#contents #philosophy .btn { width: 300px; margin: 0 auto;}
@media screen and (max-width: 767px) {
    #contents #philosophy {padding: 0px 0px 0px;}
    #contents #philosophy h2 {font-size: 18px;padding-bottom: 25px;font-weight: bold;text-align: center; width: 100%; color: #FFF; display: block;text-decoration: none; margin-left: 0px;}
    #contents #philosophy h2 span {color: #66CC66; font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight:400; display: block; font-size:36px;letter-spacing: 2px;line-height: 1em;margin-bottom: 20px;}
    #contents #philosophy .text {font-size: 13px; color: #fff; line-height: 2em;margin-bottom: 0px; padding: 20px 25px;}
    #contents #philosophy .btn { width: inherit; margin: 0 25px;}
}

#contents #motto {background-color: #000;background-image: url(../images/company/motto.jpg)}
#contents #motto {padding: 0px 0px 0px;}
#contents #motto h2 {font-size: 36px;padding-bottom: 35px;font-weight: bold;text-align: center; width: 100%; color: #FFF; display: block;text-decoration: none; margin-left: 0px;}
#contents #motto h2 span {color: #66CC66; font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight:400; display: block; font-size:48px;letter-spacing: 2px;line-height: 1em;margin-bottom: 25px;}
#contents #motto .company-text {text-align: center; width: 80%; margin: 0 auto;}
#contents #motto .company-text-details {font-size: 16px; color: #fff; line-height: 2em;margin-bottom: 50px; text-align: left; display: inline-block;}
#contents #motto .btn { width: 300px; margin: 0 auto;}
@media screen and (max-width: 767px) {
    #contents #motto {padding: 0px 0px 0px;}
    #contents #motto h2 {font-size: 18px;padding-bottom: 25px;font-weight: bold;text-align: center; width: 100%; color: #FFF; display: block;text-decoration: none; margin-left: 0px;}
    #contents #motto h2 span {color: #66CC66; font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight:400; display: block; font-size:36px;letter-spacing: 2px;line-height: 1em;margin-bottom: 20px;}
    #contents #motto .text {font-size: 13px; color: #fff; line-height: 2em;margin-bottom: 0px; padding: 20px 25px;}
    #contents #motto .btn { width: inherit; margin: 0 25px;}
}

#contents #policy {background-color: #000;background-image: url(../images/company/policy.jpg)}
#contents #policy {padding: 0px 0px 0px;}
#contents #policy h2 {font-size: 36px;padding-bottom: 35px;font-weight: bold;text-align: center; width: 100%; color: #FFF; display: block;text-decoration: none; margin-left: 0px;}
#contents #policy h2 span {color: #66CC66; font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight:400; display: block; font-size:48px;letter-spacing: 2px;line-height: 1em;margin-bottom: 25px;}
#contents #policy .works-text {text-align: center; width: 80%; margin: 0 auto;}
#contents #policy .works-text-details {font-size: 16px; color: #fff; line-height: 2em;margin-bottom: 50px; text-align: left; display: inline-block; padding-left:1em;text-indent:-1.1em;}
#contents #policy .btn { width: 300px; margin: 0 auto;}
@media screen and (max-width: 767px) {
    #contents #policy {padding: 0px 0px 0px;}
    #contents #policy h2 {font-size: 18px;padding-bottom: 25px;font-weight: bold;text-align: center; width: 100%; color: #FFF; display: block;text-decoration: none; margin-left: 0px;}
    #contents #policy h2 span {color: #66CC66; font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight:400; display: block; font-size:36px;letter-spacing: 2px;line-height: 1em;margin-bottom: 20px;}
    #contents #policy .text {font-size: 13px; color: #fff; line-height: 2em;margin-bottom: 0px; padding: 20px 25px;}
    #contents #policy .btn { width: inherit; margin: 0 25px;}
}

.slide_text {
	color:#000;
}

@media screen and (max-width: 767px) {
.works-pc-text {text-align: center; width: 80%; margin: 0 auto; height: 120px;}
}
@media screen and (min-width: 768px) {
.works-pc-text {text-align: center; width: 90%; margin: 0 auto; height: 120px;}
}

.works-pc-textt-details {font-size: 12px; color: #fff; line-height: 2em; text-align: left; display: inline-block;}

#contents #omnia-pamp {background-color: #000;background-image: url(../images/works/omnia/omnia-pamp.jpg)}
#contents #omnia-pamp {padding: 0px 0px 0px;}
#contents #omnia-pamp h2 {font-size: 36px;padding-bottom: 35px;font-weight: bold;text-align: center; width: 100%; color: #FFF; display: block;text-decoration: none; margin-left: 0px;}
#contents #omnia-pamp h2 span {color: #66CC66; font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight:400; display: block; font-size:48px;letter-spacing: 2px;line-height: 1em;margin-bottom: 25px;}
#contents #omnia-pamp .omnia-pamp-text {text-align: center; width: 80%; margin: 0 auto;}
#contents #omnia-pamp .omnia-pamp-text-details {font-size: 16px; color: #fff; line-height: 2em;margin-bottom: 50px; text-align: left; display: inline-block;}
#contents #omnia-pamp .btn { width: 300px; margin: 0 auto;}
@media screen and (max-width: 767px) {
    #contents #omnia-pamp {padding: 0px 0px 0px;}
    #contents #omnia-pamp h2 {font-size: 18px;padding-bottom: 25px;font-weight: bold;text-align: center; width: 100%; color: #FFF; display: block;text-decoration: none; margin-left: 0px;}
    #contents #omnia-pamp h2 span {color: #66CC66; font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight:400; display: block; font-size:36px;letter-spacing: 2px;line-height: 1em;margin-bottom: 20px;}
    #contents #omnia-pamp .text {font-size: 13px; color: #fff; line-height: 2em;margin-bottom: 0px; padding: 20px 25px;}
    #contents #omnia-pamp .btn { width: inherit; margin: 0 25px;}
}

.home #contents #company {background-color: #000;background-image: url(../images/index/company.jpg)}
.home #contents #company {padding: 100px 0px 80px;}
.home #contents #company h2 {font-size: 36px;padding-bottom: 35px;font-weight: bold;text-align: center; width: 100%; color: #FFF; display: block;text-decoration: none;}
.home #contents #company h2 span {color: #66CC66; font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight:400; display: block; font-size:48px;letter-spacing: 2px;line-height: 1em;margin-bottom: 25px;}
.home #contents #company .text {font-size: 16px; color: #fff; line-height: 2em;margin-bottom: 50px;}
.home #contents #company .btn { width: 300px; margin: 0 auto;}
@media screen and (max-width: 767px) {
    .home #contents #company {padding: 50px 0px 50px;}
    .home #contents #company h2 {font-size: 18px;padding-bottom: 25px;font-weight: bold;text-align: center; width: 100%; color: #FFF; display: block;text-decoration: none;}
    .home #contents #company h2 span {color: #66CC66; font-family: '游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', sans-serif;font-weight:400; display: block; font-size:36px;letter-spacing: 2px;line-height: 1em;margin-bottom: 20px;}
    .home #contents #company .text {font-size: 13px; color: #fff; line-height: 2em;margin-bottom: 0px; padding: 20px 25px;}
    .home #contents #company .btn { width: inherit; margin: 0 25px;}
}

.cuco {width: auto; height:76px; margin-top:-1px; margin-left:-20px;}
.cuco-imgdetails {width:40%; margin-left:auto !important; margin-right:auto !important; margin-top: 15px; margin-bottom:15px !important;}


@media screen and (max-width: 767px) {
.cuco {width: 100%; height:auto; margin-top:0px; margin-left:0px;}
.cucoimg {margin-left:auto !important; margin-right:auto !important; margin-bottom:15px !important;}
.cuco-imgdetails {width:60%; margin-left:auto !important; margin-right:auto !important; margin-top: 15px; margin-bottom:15px !important;}
.figcuco-details {margin-left:auto !important; margin-right:auto !important; text-align: center;;}
}

.misc #contents .mainArea .postWrap .cuco-text { font-size: 12px; line-height: 2em;}
.misc #contents .mainArea .postWrap .cuco-texthp { font-size: 12px; line-height: 2em; text-align:right; }


.partnership {width: auto; height:76px; margin-top:-1px; margin-left:-38px;}
.partnership-imgdetails {width:40%; margin-left:auto !important; margin-right:auto !important; margin-top: 15px; margin-bottom:15px !important;}


@media screen and (max-width: 767px) {
.partnership {width: 100%; height:auto; margin-top:0px; margin-left:0px;}
.partnershipimg {margin-left:auto !important; margin-right:auto !important; margin-bottom:15px !important;}
.partnership-imgdetails {width:60%; margin-left:auto !important; margin-right:auto !important; margin-top: 15px; margin-bottom:15px !important;}
.figcuco-details {margin-left:auto !important; margin-right:auto !important; text-align: center;;}
}

.misc #contents .mainArea .postWrap .partnership-text { font-size: 12px; line-height: 2em;}
.misc #contents .mainArea .postWrap .partnership-texthp { font-size: 12px; line-height: 2em; text-align:right; }

.sp { display: none !important; }

@media screen and (max-width:767px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

.box2 { width:65%; text-indent: -1em; padding-left: 1em; }
.box2 li { text-indent: -1em; padding-left: 1em; }
.box2 p { text-indent: 1em;}
.box2 li.box2-num { text-indent: -1em; padding-left: 1em;}
.box2 li.box2-list { text-indent: -1em; padding-left: 1em; margin-left: 20px;}
.box2 p.text-date { text-align: right;}
.box2 p.text-company { text-indent: 0em; margin-left: 20px;}

@media screen and (max-width:767px) {
.box2 { width:100%; text-indent: -1em; padding-left: 1em; }
.box2 li { text-indent: -1em; padding-left: 1em; }
.box2 li.box2-num { text-indent: -2em; padding-left: 2em;}
.box2 li.box2-list { text-indent: -1em; padding-left: 1em; margin-left: 10px;}
.box2 p.text-date { text-align: right;}
.box2 p.text-company { text-indent: 0em; margin-left: 20px;}
}

.col_2 { text-align:center; }
*, *:before, *:after { box-sizing: border-box; }
.col_2_detail{ width: 100%; display: flex; flex-wrap: wrap; text-align:center; }
.col_2_detail > *{ width: calc( 50% - 6px ) ; margin-right: 12px; margin-bottom: 12px;}
.col_2_detail > *:nth-child(2n){ margin-right: auto; }
.col_2_detail > * > *{ background: #ff0000; height: 120px; position: relative; overflow: hidden }

@media screen and (max-width: 960px) {
.col_2_detail > *{ width: 100%; margin-right: auto; }
}

.sdgs1 { width: 60%!important;}
.sdgs2 { width: 50%!important;}