@import url('//fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');

* {box-sizing:border-box;}

html, html a, * {-webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;}
body {
  margin:0;
  color:#141517;
  -webkit-text-size-adjust:none;
  font-family:Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "Meiryo", sans-serif;
  font-size:14px;
  line-height:1.77;
  letter-spacing:.15rem;
  word-wrap:break-word;
  position:relative;
  opacity:0;
}
h1, h2, h3, h4, h5, h6 {font-family:'Open Sans', "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "Meiryo", sans-serif; line-height:1.5; font-weight:400; letter-spacing:.45rem;}

hr {margin-top:30px; margin-bottom:30px;}

a {color:#141517; text-decoration:none;}
a:hover {color:#646464; text-decoration:none;}

.thumbnail {overflow:hidden;}
a img {-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
a:not(.navbar-brand) img:hover {transform:scale(1.1);}

.for-pc {display:block;}
.for-mobile {display:none;}

.btn {border-width:2px; font-weight:bold;}
.btn-primary {background-color:#009a59; border-color:#009a59;}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary:hover {background-color:#fff; border-color:#009a59; color:#009a59;}
.btn-primary-bordered {border-color:#141517;}
.btn-primary-bordered:hover {background-color:#141517; color:#fff;}
.label {border-radius:0; font-weight:normal;}
.label-success {background-color:#fabe00;}

#content {padding-top:100px;}

/*----------
  header
----------*/
#header {height:auto;}
.nav-header {margin-bottom:0; padding:25px 0; background:none; background-color:#fff; border:none; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.nav-header .container {position:relative;}
.nav-header .navbar-brand {height:auto; padding:0 15px;}
.nav-header .navbar-brand img {width:300px; height:auto; vertical-align:bottom;}
.nav-header .header-entry {text-align:right; position:absolute; top:20px; right:-30px;}
.nav-header .header-entry > a {display:inline-block; line-height:1; background-color:#7ec600; border-radius:4px; color:#fff; padding:10px; font-weight:600; text-decoration:none !important;}
.btn-primary {padding:20px 75px; background-color:#7ec600 !important; border-color:#7ec600 !important; color:#fff;}
.btn-primary:hover {color:#fff;}
.nav-header .header-social-icons {display:none; text-align:right; position:absolute; top:15px; right:-30px;}
.nav-header .header-social-icons > a {display:inline-block; line-height:1;}
.nav-header .header-social-icons > a:not(:last-child) {margin-right:10px;}
.nav-header .header-social-icons > a img {display:block; width:30px; height:auto;}
.nav-header .navbar-nav {margin-top:25px; margin-right:130px;}
.nav-header .navbar-nav>li {}
.nav-header .navbar-nav>li>a {padding:3px 15px; font-weight:bold; color:#000;}
.nav-header .navbar-nav>li>a:hover,
.nav-header .navbar-nav>li>a:focus,
.nav-header .navbar-nav>li>a:active {background-color:transparent; color:#7ec600;}
.nav-header .open>a,
.nav-header .open>a:focus,
.nav-header .open>a:hover {background-color:transparent; color:#7ec600;}
.nav-header .dropdown-menu>li>a:focus,
.nav-header .dropdown-menu>li>a:hover {background-color:transparent; color:#7ec600;}
.nav-header .navbar-nav .dropdown-toggle i {margin-left:5px; color:#7ec600;}
.nav-header .navbar-nav .dropdown-menu {min-width:200px; margin-top:10px; padding:15px; border:none; border-top:2px solid #7ec600; border-radius:0;}
.nav-header .navbar-nav .dropdown-menu>li {margin-bottom:12px;}
.nav-header .navbar-nav .dropdown-menu>li:last-child {margin-bottom:0;}
.nav-header .navbar-nav .dropdown-menu>li>a {padding:0 10px; color:#646464;}
.nav-header .navbar-nav .dropdown-menu>li>a:hover,
.nav-header .navbar-nav .dropdown-menu>.active>a,
.nav-header .navbar-nav .dropdown-menu>.active>a:focus,
.nav-header .navbar-nav .dropdown-menu>.active>a:hover {background-color:transparent; color:#7ec600;}

/*----------
  top
----------*/
.section-block {padding:50px 0;}
.section-background-orange {background-color:#fabe00;}
.section-background-blue {background-color:#7ec600;}
.section-background-gray {background-color:#ecf2f4;}

mark {padding:0 .25em; background:url(../images/mark.png) repeat-x left bottom;}

.headline {margin-bottom:40px; padding:20px 0; text-align:center; background:url(../images/sep.svg) no-repeat center bottom; background-size:85px auto;}
.headline h2 {margin:0 0 8px; font-size:4rem; font-weight:700; text-transform:uppercase;}
.headline p {margin-bottom:20px; font-size:2rem;}
.section-background-blue .headline {background-image:url(../images/sep-white.svg);}

.effect {position:relative; opacity:0; transition:.5s;}

.list-row {}
.list-row .item {display:block; margin-bottom:30px;}
.list-row .item:last-child {margin-bottom:0;}

.section-slider {position:relative;}

.slick-slide {opacity:.175;}
.slick-current {opacity:1;}
.slick-slide:focus {outline:none;}
.slick-track {cursor:-webkit-grab;}
.slick-arrow {position:absolute; top:calc(50% - 20px); z-index:10; margin:0; padding:0; background-color:transparent; border:none; width:40px; line-height:40px; color:rgba(20, 21, 23, .5); display:none;}
.slick-arrow:hover {color:rgba(0, 0, 0, 1);}
.slick-arrow:focus {outline:none;}
.slick-disabled {display:none !important;}
.slick-prev {left:0;}
.slick-next {right:0;}
.slick-dots {margin:15px 0 0; padding:0; list-style:none; text-align:right; text-align:center;}
.slick-dots li {display:inline-block; margin-right:12px; line-height:12px;}
.slick-dots li:last-child {margin-right:0;}
.slick-dots li button {width:12px; height:12px; padding:0; background-color:#141517; border:none; border-radius:12px; text-indent:-9999em; opacity:.35; outline:none;}
.slick-dots .slick-active button {opacity:1;}

.section-overview .content {margin-bottom:50px; text-align:center;}
.section-overview .content h3 {margin:0 0 30px; font-size:3rem; font-weight:bold;}
.section-overview .content p {margin-bottom:0; font-size:1.55rem; font-weight:bold; line-height:2.25;}

.section-game .content h3 {font-size:2.25rem;}

.section-reason .list-row .item {margin-bottom:50px;}
.section-reason .list-row .item:last-child {margin-bottom:0;}
.section-reason .content {margin-bottom:50px;}
.section-reason .content .point {position:relative; margin-bottom:30px; font-size:3rem; letter-spacing:.35rem; font-weight:700; font-family:'Open Sans', sans-serif; text-transform:uppercase; color:#fff;}
.section-reason .content .point:after {content:''; display:block; position:absolute; bottom:0; background:#fff; width:66px; height:5px;}
.section-reason .content .point .number {margin-left:10px; font-size:7.5rem;}
.section-reason .content h3 {margin:0 0 15px; font-size:3rem; font-weight:bold;}
.section-reason .content p {margin-bottom:0; font-size:2rem;}

.section-service .list-row {display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; flex-flow:row nowrap; justify-content:space-around; align-items:stretch; margin-bottom:30px;}
.section-service .list-row .item {margin:0 15px; padding:40px 30px; background-color:#fff; box-shadow:0 2px 3px 0 rgba(0, 0, 0, .175); border-radius:4px; display:block; justify-content:center; align-items:flex-start; flex:1;}
.section-service .list-row .item .icon {display:block; margin:0 auto; width:128px; height:128px;}
.section-service .content strong {display:block; margin:0; font-size:1.75rem; font-weight:bold;}
.section-service .content p {margin-bottom:20px;}

.section-case {}
.section-case .list-row {margin-bottom:30px;}
.section-case .list-row .slick-track {display:-webkit-flex; display:flex;}
.section-case .list-row .item {margin:0 15px; padding:40px 30px; -webkit-flex:1; flex:1; height:auto; background-color:#fff; border:1px solid #ddd; box-shadow:0 2px 3px 0 rgba(0, 0, 0, .175); border-radius:4px;}
.section-case .list-row .item .thumbnail {padding:0; border:none;}
.section-case .content strong {display:block; margin:0 0 15px;}
.section-case .content p {margin-bottom:20px;}
.section-case .slick-list {padding-bottom:5px !important;}
.section-case .slick-dots {margin-top:30px;}

.section-mop {padding:0;}
.section-mop .list-row {display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; flex-flow:row nowrap; justify-content:space-around; align-items:stretch;}
.section-mop .list-row .item {margin-bottom:0; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; flex:1;}
.section-mop .list-row .item .inner {width:100%;}
.section-mop .list-row .item:nth-child(2) {background-color:#ecf2f4;}
.section-mop .list-row .item:nth-child(2) .inner iframe {display:block;}
.section-mop .content h2 {margin:0 0 15px; font-size:4rem; font-weight:700; text-transform:uppercase;}
.section-mop .content p {margin-bottom:20px;}

.section-data {padding-top:0; display:none;}
.section-data .content {padding:60px 30px; background-color:rgba(255, 255, 255, .9); box-shadow:0 2px 8px 0 rgba(0, 0, 0, .175); border-radius:4px; text-align:center;}
.section-data .content .data-logo {margin-bottom:20px;}
.section-data .content .data-logo svg {max-width:500px; margin:0 auto;}
.section-data .content p {margin-bottom:20px; font-size:1.55rem; font-weight:bold; line-height:2.25;}

.table-conditions {margin-top:30px; margin-bottom:50px;}
.table-conditions > thead > tr > th,
.table-conditions > thead > tr > td,
.table-conditions > tbody > tr > th,
.table-conditions > tbody > tr > td {padding:10px; background-color:#fff;}
.table-conditions > thead > tr > th {background-color:#000; color:#fff; text-align:center;}

.img-schedule {margin-bottom:20px;}

.section-contact {position:relative; padding-top:100px; padding-bottom:100px; background-image:url(../images/sep-bg.jpg); background-size:cover; background-repeat:no-repeat; background-position:center bottom;}
.section-contact .content {padding:60px 30px; background-color:rgba(255, 255, 255, .9); box-shadow:0 2px 8px 0 rgba(0, 0, 0, .175); border-radius:4px; text-align:center;}
.section-contact .content img {max-width:600px; margin:0 auto;}
.section-contact .content p {margin-bottom:20px; font-size:1.55rem; font-weight:bold; line-height:2.25;}
.section-contact .content .social-icons {text-align:center;}
.section-contact .content .social-icons > a {display:inline-block;}
.section-contact .content .social-icons > a:not(:last-child) {margin-right:30px;}
.section-contact .content .social-icons > a img {display:block; width:100px; height:auto;}

.section-result {background-color:#f3f3f3;}

.section-post .list-row .item {padding-bottom:30px; border-bottom:1px dashed #141517;}
.section-post .list-row .item:last-child {border-bottom:none;}
.section-post .list-row .item time {display:block; margin-bottom:5px;}
.section-post .list-row .item p {margin-bottom:0;}

.section-post .news .list-row .item {padding-bottom:30px; border-bottom:1px dashed #141517;}
.section-post .news .list-row .item:last-child {border-bottom:none;}
.section-post .news .list-row .item .thumbnail {margin-bottom:0; padding:0; border:none;}
.section-post .news .list-row .item time {display:block; margin-bottom:5px;}
.section-post .news .list-row .item h4 {font-weight:bold;}
.section-post .news .list-row .item p {margin-bottom:0;}
.section-result .news .list-row .item time {display:none;}

/*----------
  page
----------*/
.page-header {margin:0; padding:200px 0; text-align:center; position:relative; overflow:hidden; z-index:0; background-size:cover; background-repeat:no-repeat; background-position:bottom center; border-bottom:none;}
.page-header:before {content:''; background:url(../images/common/page-header-overlay.png) 0 0 repeat; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1;}
.page-header .page-title {margin:0 0 8px; text-align:center; font-weight:bold; text-transform:uppercase;}
.page-header .page-title span {display:inline-block; border-bottom:5px solid #7ec600;}
.page-header .page-title-ja {font-size:1.75rem; font-weight:bold;}
.page-header .page-title time {display:block; font-size:1.25rem;}
.page-header .page-title time:before {font-family:'FontAwesome'; content:'\f073'; margin-right:5px;}
.page-body {padding-top:50px; padding-bottom:50px;}

/* page custom style */
.page .page-body h1, .page-body h2, .page-body h3, .page-body h4, .page-body h5, .page-body h6 {margin:0; padding:0; font-weight:bold;}
.page-body h1 small, .page-body h2 small, .page-body h3 small, .page-body h4 small, .page-body h5 small, .page-body h6 small {margin-left:8px; font-size:60%; letter-spacing:0; text-transform:uppercase;}
.page-body h2 {border:1px solid #ecf2f4; border-left:7px solid #7ec600; padding:12px 20px;}
body:not(.archive) .page-body h4 {padding:8px 0; border-bottom:1px solid #141517; letter-spacing:0;}
.page-body .background-color {background-color:#f7f7f7;}
.page-body .lead {margin-bottom:0;}
.page-body .padding-10 {padding:10px;}
.page-body .padding-30 {padding:30px;}
.page-body .padding-top {padding-top:50px;}
.page-body .padding-bottom {padding-bottom:50px;}
.page-body .padding-left {padding-left:50px;}
.page-body .padding-right {padding-right:50px;}
.page-body .padding-top-10 {padding-top:10px;}
.page-body .padding-bottom-10 {padding-bottom:10px;}
.page-body .padding-left-10 {padding-left:10px;}
.page-body .padding-right-10 {padding-right:10px;}
.page-body .margin-auto {margin-left:auto; margin-right:auto;}
.page-body .margin-top {margin-top:50px;}
.page-body .margin-bottom {margin-bottom:50px;}
.page-body .margin-left {margin-left:50px;}
.page-body .margin-right {margin-right:50px;}
.page-body .margin-top-10 {margin-top:10px;}
.page-body .margin-bottom-10 {margin-bottom:10px;}
.page-body .margin-left-10 {margin-left:10px;}
.page-body .margin-right-10 {margin-right:10px;}
.page-body .margin-top-20 {margin-top:20px;}
.page-body .margin-bottom-20 {margin-bottom:20px;}
.page-body .margin-left-20 {margin-left:20px;}
.page-body .margin-right-20 {margin-right:20px;}
.page-body .margin-top-30 {margin-top:30px;}
.page-body .margin-bottom-30 {margin-bottom:30px;}
.page-body .margin-left-30 {margin-left:30px;}
.page-body .margin-right-30 {margin-right:30px;}
.page-body .box-bordered {border:1px solid #fabe00;}
.page-body ol, .page-body ul {padding-left:1.55em;}
.page-body .table {background-color:#fff;}
.page-body .table>tbody>tr>td, .page-body .table>tbody>tr>th, .page-body .table>tfoot>tr>td, .page-body .table>tfoot>tr>th, .page-body .table>thead>tr>td, .page-body .table>thead>tr>th {padding:20px 15px; border-top:none;}
.page-body .table>tbody>tr>th, .page-body .table>tfoot>tr>th, .page-body .table>thead>tr>th {background-color:#f7f7f7; text-align:center;}
.page-body hr {border-top-color:#ecf2f4;}
.page-body .thumbnail {padding:0; border-color:#ecf2f4; border-radius:0;}
.page-body .thumbnail caption {margin-top:5px; font-weight:bold;}
.page-body .number {display:inline-block; margin-right:10px; padding:0; width:30px; line-height:30px; text-align:center; background-color:#fabe00; border-radius:60px; letter-spacing:0; color:#fff;}
.page-body .text-orange {color:#fabe00;}
.page-body img {max-width:100%; height:auto;}
.page-body img.aligncenter {margin-left:auto; margin-right:auto;}
.page-body img.alignleft {float:left; margin-right:30px;}
.page-body img.alignright {float:right; margin-left:30px;}

.page-body .colorbox-row {display:-webkit-flex; display:flex; margin-bottom:15px;}
.page-body .colorbox-col {position:relative; display:-webkit-flex; display:flex; -webkit-flex:1; flex:1; margin:0 10px; padding:20px 30px; text-align:center; background-color:#fff9e6; font-size:1.55rem; font-weight:bold; color:#fabe00;}
.page-body .colorbox-col:first-child {margin-left:0;}
.page-body .colorbox-col:last-child {margin-right:0;}
.page-body .colorbox-col-2 {-webkit-flex:2; flex:2;}
.page-body .colorbox-col .inner {display:flex; justify-content:center; align-items:center; width:100%;}
.page-body .colorbox-col:after {position:absolute; top:calc(50% - 21px); right:-.85em; font-family:'FontAwesome'; content:'\f067'; font-size:1.55em; z-index:10;}
.page-body .colorbox-col:last-child:after {display:none;}
.page-body .colorbox-col-fill {background-color:#fabe00; color:#fff;}
.page-body .colorbox-col-full {margin:0;}

/*----------
  with data
----------*/
.page-with-data .page-body {background-color:#fabe00;}
.page-body .infographics {margin:70px -15px 50px; padding:0; list-style:none; overflow:hidden;}
.page-body .infographics li {position:relative; float:left; width:33.333333%; margin:0; padding:0 15px;}
.page-body .infographics li.double {width:66.666666%;}
.page-body .infographics li .item {margin:0 0 30px;}
.page-body .infographics li.double-h .item {}

/*----------
  archive
----------*/
.archive .page-body h1 {border:1px solid #ecf2f4; border-left:7px solid #7ec600; margin-bottom:30px; padding:12px 20px;}
.archive .list-row .item {padding-bottom:20px; border-bottom:1px dashed #141517;}
.archive .list-row .item:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none;}
.archive .list-row .item .thumbnail {padding:0; border:none;}
.archive .list-row .item h4 {margin-bottom:10px;}
.archive .page-header {position:relative; overflow:hidden; z-index:0;}
.archive .page-header:before {content:''; background:url(../images/common/page-header-overlay.png) 0 0 repeat; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1;}
.archive .post-title {margin-bottom:20px;}

/*----------
  single
----------*/
.single .page-header {position:relative; overflow:hidden; background-position:center center; z-index:0;}
.single .page-header:before {content:''; background:url(../images/common/page-header-overlay.png) 0 0 repeat; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1;}
/* blur */
/*
.single .page-header:before {content:''; background:inherit; -webkit-filter:blur(10px); -moz-filter:blur(10px); -o-filter:blur(10px); -ms-filter:blur(10px); filter:blur(10px); position:absolute; top:-20px; left:-20px; right:-20px; bottom:-20px; z-index:-1;}
*/
.single .post-title {margin-top:0; margin-bottom:20px;}
.single .page-body h1 {border:1px solid #ecf2f4; border-left:7px solid #7ec600; padding:12px 20px;}
.single .post-thumbnail img {margin-bottom:0;}
.single .post-meta {margin-bottom:20px; padding-bottom:10px; border-bottom:1px dotted #ddd;}
.single .post-meta time {display:block; margin-bottom:10px;}
.single .post-meta ul li a {display:block; padding:3px 8px; background-color:#ecf2f4; border-radius:4px; font-size:1.25rem;}
.single .post-meta ul li a:hover {opacity:.75;}
.single .post-meta ul li a:before {font-family:'FontAwesome'; margin-right:5px;}
.single .post-meta .list-cat li a:before {content:'\f07b';}
.single .post-meta .list-tag li a:before {content:'\f02b';}
.single .content-block h2,
.single .content-block h3,
.single .content-block h4 {margin:20px 0;}
.single .content-block p {margin:0 0 20px;}
.single .post-meta time {display:none;}

/*----------
  post
----------*/
.single .page-body h2 {border:1px solid #ecf2f4; border-left:7px solid #7ec600; margin-bottom:20px; padding:12px 20px;}

/*----------
  form
----------*/

/*----------
  pagination
----------*/
.page-body .pagination {padding-left:0;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color:#000; border-color:#000;}
.pagination>li>a, .pagination>li>span {color:#000;}

/*----------
  radio & checkbox
----------*/
input[type=checkbox] {display:none;}
input[type=checkbox] + .wpcf7-list-item-label {position:relative; vertical-align:middle; cursor:pointer;}
input[type=checkbox] + .wpcf7-list-item-label:before {content:''; position:relative; top:3px; display:inline-block; width:18px; height:18px; margin-right:10px; background-color:#fff; border:1px solid #ccc;}
input[type=checkbox]:checked + .wpcf7-list-item-label:before {background-color:#2287c6;}

/*----------
  sidebar
----------*/
.sidebar {}
.sidebar h3 {margin-bottom:5px; background-color:#f7f7f7; padding:5px 10px; font-weight:normal; font-size:18px;}
.sidebar ul {list-style:none; margin-bottom:20px; padding-left:0;}
.sidebar ul li {margin-bottom:5px;}
.sidebar ul li ul {list-style:none; padding-left:0;}

/*----------
  footer
----------*/
footer {background-color:#ecf2f4;}
.section-footer {display:none; padding:60px 0; background-color:#fabe00; color:#fff;}
.section-footer h3 {margin:0 0 15px; font-size:18px;}
.section-footer ul {margin:0; padding:0; list-style:none;}
.section-footer ul li,
.section-footer ul li a {color:#b8b8b8;}
.section-footer ul li ul {margin-left:10px;}
.section-footer ul li ul li a {display:block; font-size:11px; line-height:2;}
.section-footer .follow-us {display:inline-block;}
.section-footer .follow-us a {display:inline-block; padding:0 5px; background-color:#fabe00;}
.section-footer .follow-us a i {color:#fff; font-size:11px;}
.section-footer .contact-wrap i {margin-right:5px; color:#fabe00;}
.section-footer .address {margin-left:23px;}
.section-footer .widget-1 img {width:70%;}
.section-copyright {padding:15px 0; font-size:13px;}
.copyright {text-align:center;}

#pagetop {position:fixed; right:6px; bottom:6px; border:1px solid #ddd; text-align:center; z-index:1002; opacity:0;}
#pagetop i {width:40px; height:40px; padding-top:5px; background-color:#fff; font-size:2em; color:#59bded;}

.mb20 {margin-bottom:20px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}
.pt30 {padding-top:30px!important;}

@media (min-width:768px) and (max-width:1139px) {
  .section-slider .slider-logo img {width:380px; top:calc(50% - 220px); left:calc(50% - 190px);}
}

@media (max-width:1199px) {
  .nav-header .navbar-nav>li>a {padding-left:6px; padding-right:6px;}
  .section-reason .content h3 {font-size:2.25rem;}
  .section-reason .content p br {display:none;}
  .banner a {padding:30px 100px 30px 20px;}
  .banner a span {letter-spacing:0;}
}

@media (max-width:991px) {
  .nav-header {padding-bottom:0;}
  .nav-header .navbar-header {float:none;}
  .nav-header .navbar-brand {float:none; display:inline-block;}
  .nav-header .navbar-collapse {float:none;}
  .nav-header .navbar-nav {float:none !important; clear:both; margin:0;}
  .nav-header .navbar-nav>li>a {padding:15px 7px;}
  .section-service .list-row {display:block; margin-bottom:0;}
  .section-service .list-row .item {
    margin-bottom:30px;
  }
  .contact-box.greenbird {margin-bottom:30px;}
}

@media (min-width:768px) {
  .navbar-toggle {display:none !important;}
}

@media (max-width:767px) {

  .for-pc {display:none;}
  .for-mobile {display:block;}

  body {font-size:13px; letter-spacing:0;}
  h1, h2, h3, h4, h5, h6 {letter-spacing:.25rem;}

  /*----------
    content
  ----------*/
  #content {padding-top:60px;}

  /*----------
    header
  ----------*/
  #header {height:auto;}
  .nav-header {padding:0;}
  .nav-header .navbar-header {height:60px;}
  .nav-header .navbar-brand {margin:9px 0 0; padding:0 15px;}
  .nav-header .navbar-brand img {width:180px;}
  .nav-header .header-social-icons {top:18px; right:80px;}
  .nav-header .header-social-icons > a img {width:25px;}
  .nav-header .navbar-collapse {transition:height .3s ; position:fixed; top:0; left:0; right:0; margin:0; padding:0; background-color:#7ec600; border:none; box-shadow:none; z-index:1000;}
  .nav-header .navbar-collapse.collapsing {
    height:0 !important;
  }
  .nav-header .navbar-collapse.collapse.in{
    max-height:none;
    height:100vh;
  }
  .nav-header .navbar-collapse .navbar-toggle {}
  .nav-header .navbar-nav {margin:50px 0 0;}
  .nav-header .navbar-nav>li {}
  .nav-header .navbar-nav>li:last-child {border-bottom:none;}
  .nav-header .navbar-nav>li>a {padding:15px 50px; font-size:1.75rem; font-weight:bold; color:#fff;}
  .nav-header .navbar-nav>li>a:hover, .nav-header .navbar-nav>li>a:focus, .nav-header .navbar-nav>li>a:active, .nav-header .navbar-nav>.active>a:focus, .nav-header .navbar-nav>.active>a {color:#fff;}
  .navbar-toggle {position:absolute; top:0; right:0; width:60px; height:60px; margin:0; padding:3px 0 0; background-color:#7ec600; border:none; border-radius:0; z-index:1001;}
  .navbar-toggle i {font-size:21px; color:#fff;}
  .navbar-toggle #toggle-close {display:none;}
  .nav-header .navbar-nav .dropdown-toggle i {color:#fff;}
  .nav-header .navbar-nav .dropdown-menu {margin:0; padding:0; border-top:none;}
  .nav-header .navbar-nav .dropdown-menu>li>a {padding:10px 50px; color:#fff;}
  .nav-header .navbar-nav .dropdown-menu>li>a:hover,
  .nav-header .navbar-nav .dropdown-menu>.active>a,
  .nav-header .navbar-nav .dropdown-menu>.active>a:focus,
  .nav-header .navbar-nav .dropdown-menu>.active>a:hover {color:#fff;}
  .nav-header .navbar-nav .dropdown-menu>li {margin-bottom:0;}
  /*
  .nav-header .header-entry {text-align:center; position:fixed; top:inherit; bottom:0; right:inherit; left:0; width:100%;}
  .nav-header .header-entry > a {display:block; border-radius:0; padding:10px;}
  */
  .nav-header .header-entry {top:11px; right:70px; text-align:center;}
  .nav-header .header-entry > a {padding:6px 8px; font-size:11px; line-height:1.25;}
  .btn-primary {padding:20px 40px;}

  /*----------
    top
  ----------*/
  .section-block {padding-bottom:50px;}

  .headline {margin-bottom:30px; padding:0 0 25px;}
  .headline h2 {font-size:3rem;}
  .headline p {font-size:1.45rem;}

  .section-slider {}
  .section-slider .slider-logo {bottom:28px;}
  .section-slider .slider-logo img {height:120px; top:calc(50% - 55px); left:calc(50% - 82.24px);}
  .section-slider .slider .item {}
  .section-slider .slider .caption {calc(50% - 72px);}
  .section-slider .slider .caption h2 {text-align:center; font-size:18px;}
  .section-slider .slider .caption p {text-align:center; font-size:12px;}
  .section-slider .slider .slick-arrow {top:calc(50% - 30px);}
  .section-slider .slider .slick-dots {bottom:5px;}

  .section-overview .content {margin-bottom:30px;}
  .section-overview .content h3 {margin-bottom:15px; font-size:1.85rem;}
  .section-overview .content p {font-size:1.25rem;}
  .section-overview .content p br {display:none;}
  .section-overview .btn-advanced {margin-bottom:10px;}

  .section-game .content {}
  .section-game .content img {max-width:240px; margin:0 auto 20px;}

  .section-reason .content .point {text-align:center; margin:30px 0; padding:0 0 15px; font-size:2.75rem; line-height:1;}
  .section-reason .content .point:after {width:33px; height:3px; left:calc(50% - 16.5px);}
  .section-reason .content .point .number {font-size:4.5rem;}
  .section-reason .content {margin-bottom:0;}
  .section-reason .content h3 {text-align:center; font-size:2rem;}
  .section-reason .content p {text-align:center; font-size:inherit;}
  .section-reason .content p br {display:none;}
  .section-reason .list-row .item img {max-width:240px; margin-left:auto; margin-right:auto;}

  .section-service .list-row .item {margin:0 0 15px; padding:15px;}
  .section-service .list-row .item:last-child {}
  .section-service .list-row .item .icon {margin-bottom:20px;}
  .section-service .list-row .item.last-item {display:none;}

  .section-case .list-row .item {}

  .section-mop {padding-bottom:0;}
  .section-mop .list-row {display:block;}
  .section-mop .list-row .item {margin-bottom:0; display:stacit;}
  .section-mop .list-row .item:nth-child(1) {padding:50px 0 30px;}
  .section-mop .list-row .item:nth-child(2) {background-color:#ecf2f4;}
  .section-mop .list-row .item:nth-child(2) .inner {padding:0;}
  .section-mop .list-row .item .mop-logo {padding:0;}
  .section-mop .list-row .item .mop-logo svg {width:125px;}

  .section-data {padding:0;}
  .section-data .content {padding:30px 15px;}
  .section-data .content p {font-size:inherit; line-height:inherit;}
  .section-data .content p br {}

  .section-contact .contact-box {padding:20px;}
  .section-contact .content img {max-width:240px;}
  .section-contact .content p {font-size:14px;}
  .section-contact .content .social-icons > a:not(:last-child) {margin-right:10px;}
  .section-contact .content .social-icons > a img {width:50px;}

  .section-post .news .list-row .item .thumbnail {margin-bottom:15px;}

  .section-footer {padding:30px 0;}
  .section-footer .widget {margin-bottom:15px;}
  .section-footer .widget-4 {margin-bottom:0;}

  /*----------
    page
  ----------*/
  .page-header {padding:30px 0;}
  .page-header .page-title {font-size:24px; letter-spacing:2px;}
  .page-body {padding-top:30px; padding-bottom:30px;}

  /* page custom style */
  .page-body h1, .page-body h2, .page-body h3, .page-body h4, .page-body h5, .page-body h6 {letter-spacing:0;}
  .page-body h1 {font-size:3rem;}
  .page-body h2 {font-size:2rem; padding:8px 10px;}
  .page-body h3 {font-size:1.75rem;}
  .page-body h4 {font-size:1.55rem;}
  .page-body h5 {font-size:1.25rem;}
  .page-body h6 {font-size:1rem;}
  .page-body .margin-top {margin-top:30px;}
  .page-body .margin-bottom {margin-bottom:30px;}
  .page-body .padding-30 {padding:15px;}
  .page-body .padding-top {padding-top:30px;}
  .page-body .padding-bottom {padding-bottom:30px;}
  .page-body .img-responsive {margin:0 auto 10px;}
  .page-body .table>tbody>tr>td, .page-body .table>tbody>tr>th, .page-body .table>tfoot>tr>td, .page-body .table>tfoot>tr>th, .page-body .table>thead>tr>td, .page-body .table>thead>tr>th {padding:8px 8px; border-top:none;}
  .page-body .colorbox-row {display:block; display:block;}
  .page-body .colorbox-col {position:relative; display:block; display:block; margin:0 0 50px;}
  .page-body .colorbox-col:last-child {margin-bottom:15px;}
  .page-body .colorbox-col .inner {display:block;}
  .page-body .colorbox-col:after {position:absolute; top:inherit; right:inherit; bottom:-45px; left:calc(50% - 9.44px);}
  .page-body .colorbox-col-fill {background-color:#fabe00; color:#fff;}
  .page-body .colorbox-col-full {margin:0;}

  /*----------
    with data
  ----------*/
  .page-body .infographics {margin-top:0; margin-bottom:0;}
  .page-body .infographics li {position:relative; float:none; width:auto;}
  .page-body .infographics li.double {width:auto;}

  /*----------
    single
  ----------*/
  .single .page-header {padding-top:50px; padding-bottom:50px;}
  .single .post-title {font-size:2.55rem;}
  .single .post-meta .list-tag li {margin-bottom:5px;}

  /*----------
    archive
  ----------*/
  .archive .page-header {padding-top:50px; padding-bottom:50px;}

  /*----------
    sidebar
  ----------*/
  .sidebar {margin-top:30px;}
  .banner a {min-height:auto; padding:30px 140px 30px 20px;}

  /*----------
    footer
  ----------*/
  footer {margin-bottom:0;}
  .copyright {font-size:1rem;}
  .license {text-align:left;}

  #pagetop {right:2px; bottom:46px; border:1px solid #ddd;}
}


#google_map {width:100%; height:800px;}

.btn-fixed {position:fixed; bottom:55px; right:5px; display:block; background-color:#000; border-radius:4px; color:#fff !important; padding:10px 20px; font-weight:600; text-decoration:none !important;}

@media (max-width:767px) {
  .btn-fixed {bottom:95px; right:2px;}
}

/* add loading */
#loading {display:flex; align-items:center; justify-content:center; position:fixed; z-index:100000; width:100%; height:100%; background-color:#fefefe; transition:all .3s ease .8s;}
#loading::after {content:''; display:block; width:150px; height:100%; position:absolute; top:-180px; left:0; background-color:rgba(0, 160, 233, .375); opacity:0; transform:rotate(45deg); animation:reflect 3s 0s ease-in-out infinite; z-index:1;}
@keyframes reflect {
    0% { transform:scale(0) rotate(45deg); opacity:0; }
    80% { transform:scale(0) rotate(45deg); opacity:0.5; }
    81% { transform:scale(4) rotate(45deg); opacity:1; }
    100% { transform:scale(50) rotate(45deg); opacity:0; }
}
.loaded #loading {transform:scaleY(0);}
.loader {display:inline-block; position:relative; width:auto; height:auto; z-index:2;}
.loader .img-logo {width:600px; height:auto; animation:zoom 2s ease-in-out;}
@keyframes zoom {
    0% { transform:scale(3); opacity:0; }
    100% { transform:scale(1); opacity:1; }
}
#wrapper {position:relative; min-height:100%;}

@media (max-width:767px) {
    .loader .img-logo {width:300px;}
}

/* Humberger */
/*
@media (min-width: 768px) {
    .navbar-toggle {display:block !important;}
}
.navbar-toggle {position:absolute; top:0; right:0; width:60px; height:60px; margin:0; padding:0; background-color:#7ec600; border:none; border-radius:4px; z-index:1001;}
@media (max-width:767px) {
    .navbar-toggle {border-radius:0;}
}
.navbar-toggle i {font-size:21px; color:#fff;}
.navbar-global {display:none; justify-content:center; align-items:center; position:fixed; top:0; right:0; width:100%; height:100%; background-color:#7ec600; z-index:1000; transition:height .3s ease-in-out;}
.navbar-global.open {display:flex;}
.header-navbar-list {list-style:none; margin:0; padding:0; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.header-navbar-list>li {}
.header-navbar-list>li>a {color:#fff; font-weight:bold; font-size:24px;}
.header-navbar-list>li>a:hover,
.header-navbar-list>li>a:focus,
.header-navbar-list>li>a:active {}
*/

/* table-front */
.table-front {margin-top:50px;}
.table-front tr {border:none;}
.table-front th,
.table-front td {padding:10px 20px; border:1px solid #ddd; font-weight:700;}
.table-front th {width:20%; background-color:#7ec600; color:#fff; text-align:center; vertical-align:middle !important;}
.table-front td {background-color:#fff; text-align:left;}

.aside-hr {height:400px;}

.wp-block-table td, .wp-block-table th {padding:15px; border-color:#ddd !important;}
.wp-block-table th {background-color:#f7f7f7; text-align:center;}
.wp-block-table thead {border-bottom:none;}