@charset "utf-8";

/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
color: #333;
font-size: 1em;
line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}

::selection {
background: #b3d4fc;
text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

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

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset{border:0;margin:0;padding:0;}

/*
 * Allow only vertical resizing of textareas.
 */

textarea{resize:vertical;}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v2/dDzx7Qrpf6EUDCpeO-RralKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v2/w5uwZf-mdghB6LOAw_y9AFKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v2/HUuNgGR31mqIHE6zs0BlBgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v2/2fCJtbhSlhNNa6S2xlh9GwsYbbCjybiHxArTLjt7FRU.woff2) format('woff2');
unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v2/UGh2YG8gx86rRGiAZYIbVwsYbbCjybiHxArTLjt7FRU.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v2/yQWaOD4iNU5NTY0apN-qjwzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v2/BAM-XigHGVWzifDv8-EC1QsYbbCjybiHxArTLjt7FRU.woff2) format('woff2');
unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v2/9VWMTeb5jtXkNoTv949NpQsYbbCjybiHxArTLjt7FRU.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v2/zO07Oxe3SOlw0l2YX2sdIQzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v2/Aul8cxPpbm96Ali7smyVfAsYbbCjybiHxArTLjt7FRU.woff2) format('woff2');
unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v2/aDjpMND83pDErGXlVEr-SQsYbbCjybiHxArTLjt7FRU.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v2/57TQ-anwthzkETEIO4jESAzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
font-family: 'Kaushan Script';
font-style: normal;
font-weight: 400;
src: local('Kaushan Script'), local('KaushanScript-Regular'), url(https://fonts.gstatic.com/s/kaushanscript/v5/qx1LSqts-NtiKcLw4N03IJsabQn3CiWJQhcyqO-X-wo.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Kaushan Script';
font-style: normal;
font-weight: 400;
src: local('Kaushan Script'), local('KaushanScript-Regular'), url(https://fonts.gstatic.com/s/kaushanscript/v5/qx1LSqts-NtiKcLw4N03IJsM3FTMmj2kTPH3yX99Yaw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

html{box-sizing:border-box;overflow-x: hidden}
html * {
/*-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;*/
-webkit-font-smoothing: antialiased;
-webkit-appearance: none;
outline: none;
-moz-osx-font-smoothing: grayscale;
}
*,*:before,*:after{box-sizing:inherit;}
body{
height:100%;
min-height:100%;
font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
font-size: 16px;
font-weight: 300;
color: #333;
background: #fff;
overflow-x: hidden;
position:relative;
margin: 0;
}
img{max-width:100%;height:auto}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  &::-webkit-search-decoration {
    display: none;
  }
  &::focus {
    outline-offset: -2px;
  }
}
input[type="button"],
input[type="text"],
input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}

[class*='col-']{min-height:1px;}
.col-1-10{float:left;width:10%;}
.col-1-8{float:left;width:12.5%;}
.col-1-6{float:left;width:16.666%;}
.col-1-5{float:left;width:20%;}
.col-1-4{float:left;width:25%;}
.col-3-10{float:left;width:30%;}
.col-1-3{float:left;width:33.33%;}
.col-4-10{float:left;width:40%;}
.col-1-2{float:left;width:50%;}
.col-6-10{float:left;width:60%;}
.col-2-3{float:left;width:66.66%;}
.col-7-10{float:left;width:70%;}
.col-3-4{float:left;width:75%;}
.col-4-5{float:left;width:80%;}
.col-5-6{float:left;width:83.333%;}
.col-9-10{float:left;width:90%;}
.col-10-10{float:left;width:100%;}
.grid-pad{margin-left:-80px;margin-right:-80px;padding:0 0 0 80px;}
.grid-pad > [class*='col-']{padding-right:80px;}
.grid-fluid{margin-right:auto;margin-left:auto;padding-right:80px;padding-left:80px;}
.grid:after{content:"";display:table;clear:both;}
[class*='col-push'],[class*='col-pull']{position:relative;}
@media (min-width:768px){
  [class*='col-md']{float:left;}
  .col-md-1-10{width:10%;}
  .col-md-1-8{width:12.5%;}
  .col-md-1-6{width:16.666%;}
  .col-md-1-5{width:20%;}
  .col-md-1-4{width:25%;}
  .col-md-3-10{width:30%;}
  .col-md-1-3{width:33.33%;}
  .col-md-4-10{width:40%;}
  .col-md-1-2{width:50%;}
  .col-md-6-10{width:60%;}
  .col-md-2-3{width:66.66%;}
  .col-md-7-10{width:70%;}
  .col-md-3-4{width:75%;}
  .col-md-4-5{}
  .col-md-5-6{width:83.333%;}
  .col-md-9-10{width:90%;}
  .col-md-10-10{width:100%;}
  [class*='col-push-md']{right:auto;}
  .col-push-md-auto{left:auto;}
  .col-push-md-1-10{left:10%;}
  .col-push-md-1-8{left:12.5%;}
  .col-push-md-1-6{left:16.666%;}
  .col-push-md-1-5{left:20%;}
  .col-push-md-1-4{left:25%;}
  .col-push-md-3-10{left:30%;}
  .col-push-md-1-3{left:33.33%;}
  .col-push-md-4-10{left:40%;}
  .col-push-md-1-2{right:0;}
  .col-push-md-6-10{left:60%;}
  .col-push-md-2-3{left:66.66%;}
  .col-push-md-7-10{left:70%;}
  .col-push-md-3-4{left:75%;}
  .col-push-md-4-5{left:80%;}
  .col-push-md-5-6{left:83.333%;}
  .col-push-md-9-10{left:90%;}
  .col-push-md-10-10{left:100%;}
  [class*='col-pull-md']{left:auto;}
  .col-pull-md-auto{right:auto;}
  .col-pull-md-1-10{right:10%;}
  .col-pull-md-1-8{right:12.5%;}
  .col-pull-md-1-6{right:16.666%;}
  .col-pull-md-1-5{right:20%;}
  .col-pull-md-1-4{right:25%;}
  .col-pull-md-3-10{right:30%;}
  .col-pull-md-1-3{right:33.33%;}
  .col-pull-md-4-10{right:40%;}
  .col-pull-md-1-2{right:50%;}
  .col-pull-md-6-10{right:60%;}
  .col-pull-md-2-3{right:66.66%;}
  .col-pull-md-7-10{right:70%;}
  .col-pull-md-3-4{right:75%;}
  .col-pull-md-4-5{right:80%;}
  .col-pull-md-5-6{right:83.333%;}
  .col-pull-md-9-10{right:90%;}
  .col-pull-md-10-10{right:100%;}
  .show-md{display:none!important;}
}
body .page {
position: relative;
}
a{color:#333;text-decoration:none}
a:hover{text-decoration:underline}
a:hover img{opacity:.8}
ul, ol {
padding-left: 0;
list-style-type: none;
}
form{margin:0;padding:0}
strong{font-weight:700}
.txt_italic{font-style:italic}
.req{color:#CC3333}
.txtL{text-align:left}
.txtC{text-align:center}
.txtR{text-align:right}
.boxRight{float:right}
.boxLeft{float:left}


/*---------- common ----------*/
.inner_1680{max-width:1680px;margin:auto}
.inner_1580{max-width:1580px;margin:auto}
.inner_1560{max-width:1560px;margin:auto}
.inner_1440{max-width:1440px;margin:auto}
.inner_1320{max-width:1320px;margin:auto}
.inner_1200{max-width:1200px;margin:auto}
.inner_1120{max-width:1120px;margin:auto}
.inner_960{max-width:960px;margin:auto}
.inner_928{max-width:928px;margin:auto}
.inner_720{max-width:720px;margin:auto}
.inner_608{max-width:608px;margin:auto}
.inner_600{max-width:600px;margin:auto}
.inner_480{max-width:480px;margin:auto}

/* main */
main {/*max-width:1580px;margin:0 50px*/}
.home main{margin-top:0}
.m-contentBox{max-width:1580px;margin:0 auto;padding:0 50px}

@media screen and (min-width: 768px) {
  main{margin-top:110px}
}
@media screen and (max-width:767px) {
  main{margin-top:74px}
  .m-contentBox{padding:0 20px}
}

/* link btn */
.link{width:180px;display:block;position:relative;max-width:240px;height:60px;background:#000;color:white;font-size:11px;line-height:60px;white-space:nowrap;border-radius:30px;text-align:center;font-family:"FuturaLTPro","Futura","Poppins","San Francisco","Helvetica Neue","Arial",sans-serif;font-weight:bold;letter-spacing:0.2em;-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;background:-webkit-linear-gradient(180deg,rgba(122,180,45,1),rgba(122,180,45,.8),rgba(0,0,0,1),rgba(0,0,0,1));background:-webkit-linear-gradient(right,rgba(122,180,45,1),rgba(122,180,45,.8),rgba(0,0,0,1),rgba(0,0,0,1));background:linear-gradient(270deg,rgba(122,180,45,1),rgba(122,180,45,.8),rgba(0,0,0,1),rgba(0,0,0,1));background-position:1% 50%;background-size:300% 300%;}
.link span{padding-right:18px;-webkit-transition:all 0.7s ease-out;}
.link span:after{content:'';display:inline-block;width:14px;height:1px;border-top:1px solid #fff;right:27px;position:absolute;top:50%;-webkit-transition:all 0.7s ease-out;}
.link:hover{background-position:99% 50%;text-decoration:none}
.link:hover span{padding-right:0;-webkit-transition:all 0.7s ease-out;}
.link:hover span:after{opacity:0;}

@media only screen and (max-width: 767px) {
  .link{font-size:11px}
}

/* bread */
.bread{font-size:12px;margin:0 50px 30px}

@media screen and (max-width:767px) {
  .bread{margin:0 20px}
}
@media screen and (max-width:480px) {
  .bread{font-size:9px;margin:0 20px 15px}
}

/* recent items */
.recent_items{margin:0 50px 100px}
.recent_items h4{color:#9cc455;text-transform:uppercase;padding:0 0 20px;margin:0 0 40px;border-bottom:1px solid #bebebe;font-family:"FuturaLTPro","Futura","Poppins","San Francisco","Helvetica Neue","Arial",sans-serif;font-weight:normal;font-size:16px;letter-spacing:3px;}

@media only screen and (max-width: 767px) {
  .recent_items{margin:0 20px 50px}
}

/* content */
.content_main{}
.content_main a{color:#5d901b;text-decoration:underline}
.content_main a:hover{text-decoration:none}
.content_main .thumbnail{}
.content_main p{font-size:14px;line-height:2.286;margin:33px 0}
.content .back{margin:90px 0 138px;text-align:center}
.content .back a{background:#000;color:#fff;text-align:center;border-radius:30px;font-size:11px;font-family:"FuturaLTPro","Futura","Poppins","San Francisco","Helvetica Neue","Arial",sans-serif;text-transform:uppercase;letter-spacing:2px;cursor:pointer;padding:18px 0;width:180px;display:inline-block;-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
.content .back a:hover{background:#9cc455;text-decoration:none}

@media only screen and (max-width: 480px) {
  .content_main p{font-size:11px;line-height:2}
}

/* pagination */
.pagination{text-align:center;padding-bottom:139px}
.pagination h2{display:none}
.pagination .page-numbers{font-family:"FuturaLTPro","Futura","Poppins","San Francisco","Helvetica Neue","Arial",sans-serif;font-weight:normal;font-size:18px;margin:0 15px;}
.pagination .current{border-radius:50%;background-color:rgb(122,180,45);width:44px;height:44px;display:inline-block;line-height:44px;color:#fff;}
.pagination .page-numbers.prev,.pagination .page-numbers.next{font-size:14px;font-weight:bold;position:relative}
.pagination .page-numbers.next:after{content:'';background:url(../img/common/ico_arrow_n@2x.png)no-repeat;display:inline-block;width:9px;height:14px;background-size:contain;position:absolute;top:50%;margin-top:-7px;margin-left:15px;}
.pagination .page-numbers.prev:before{content:'';background:url(../img/common/ico_arrow_p@2x.png)no-repeat;display:inline-block;width:9px;height:14px;background-size:contain;position:absolute;top:50%;margin-top:-7px;left:-25px;}

@media only screen and (max-width: 480px) {
  .pagination .page-numbers.prev,.pagination .page-numbers.next{font-size:10px}
  .pagination .page-numbers{font-size:14px}
}

/* error404  */
.error404 .section_error404{text-align:center;padding:60px 0 120px;font-family:"FuturaLTPro","Futura","Poppins","San Francisco","Helvetica Neue","Arial",sans-serif;}


/*---------- header ----------*/
.header{position:fixed;top:0;z-index:5;left:0;width:100%;background:#fff;height:110px;}
.header > div{height:110px}
.header .site_title{float:left;margin:0;padding:45px 0 0 50px;}
.header .site_title a{display:block;float:left;overflow:hidden;background:url(../img/common/logo.png) no-repeat center center;background-size:contain;text-indent:-9999px;width:150px;height:24px}
.header .site_title a:hover{opacity:.45;-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;}
.header .site_title img{}

.header .main_navigation .main-nav{font-size:12px;font-family:"FuturaLTPro","Futura","Poppins","San Francisco","Helvetica Neue","Arial",sans-serif;font-weight:400;text-transform:uppercase;margin:0;letter-spacing:2px;}
.header .main_navigation .main-nav .menu-item a{display:inline-block;vertical-align:bottom;text-decoration:none;color:#000}
.header .main_navigation .main-nav .contact_link {
background: #9cc455;
width: 129px;
text-align: center;
border-radius: 30px;
}
.header .main_navigation .main-nav .contact_link a{color:#fff;line-height:42px;}

.g-header__toggle{display:none}

.openButton{position:absolute;top:3px;right:34px;width:100px;height:50px;overflow:hidden;color:#252e33;outline-width:0;}
.openButton .inner{display:table;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.openButton .inner span.drawer-menu{display:table-cell;padding-right:8px;font-size:11px;font-family:"FuturaLTPro","Futura","Poppins","San Francisco","Helvetica Neue","Arial",sans-serif;line-height:16px;vertical-align:middle;letter-spacing:0.1em;text-transform:uppercase;}
.openButton .inner img{display:table;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.openButton .inner div{position:relative;width:55px;height:55px;border-radius:50%;background:#9cc455;}
.openButton .inner div {
/*background: #9cc455 url(../img/common/humberger.svg) no-repeat center center;
background-size: 26px 18px*/
}
.drawer-open .openButton .inner div {
/*background: #9cc455 url(../img/common/humberger_close.png) no-repeat center center;
background-size: 19px 19px*/
}
/* Icon 3 */
#nav-icon3{width:24px;height:24px;position:absolute;margin:auto;top:0;bottom:0;right:0;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
#nav-icon3 span{display:block;position:absolute;height:2px;width:100%;background:#fff;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#nav-icon3 span:nth-child(1){top:0px}
#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3){top:10px}
#nav-icon3 span:nth-child(4){top:20px}
#nav-icon3.open span:nth-child(1){top:18px;width:0%;left:50%;}
#nav-icon3.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#nav-icon3.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#nav-icon3.open span:nth-child(4){top:18px;width:0%;left:50%;}

@media only screen and (max-width: 480px) {
  #nav-icon3{width:14px;height:14px;}
  #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:6px}
  #nav-icon3 span:nth-child(4){top:12px;}
  #nav-icon3 span{height:1px;}
}


/* home */
.home .header{background:none}
.home .header .site_title a{background:url(../img/common/logo_w.png) no-repeat center center;background-size:contain;}
.home .header.smaller .site_title a{background:url(../img/common/logo.png) no-repeat center center;background-size:contain;}
.home .header.smaller{background:#fff}
.home .header.smaller .main_navigation .main-nav .menu-item a{color:#000}
.home .header.smaller .main_navigation .main-nav .contact_link a{color:#fff}

.home .header .drawer-menu{color:#fff}
.home.drawer-open .header .drawer-menu{color:#000}
.home .header.smaller .drawer-menu{color:#000}

@media screen and (min-width: 1064px) {

}

@media screen and (min-width: 1024px) {
  .header .main_navigation{margin-right:50px;float:right;position:relative;height:100%;}
  .header .main_navigation .main-nav{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%;}
  .header .main_navigation .main-nav .menu-item{white-space:nowrap;box-sizing:border-box;float:left;margin-left:38px;position:relative;}
  .header .main_navigation .main-nav .menu-item a.current:before{border-radius:50%;background-color:rgb(122,180,45);position:absolute;left:50%;top:-16px;width:4px;height:4px;content:'';margin-left:-2px;opacity:1}
  .openButton{display:none}
  .home .header .main_navigation .main-nav .menu-item a{color:#fff}
  .header .main_navigation .main-nav .menu-item a:before{opacity:0;border-radius:50%;background-color:rgb(122,180,45);position:absolute;left:50%;top:-16px;width:4px;height:4px;content:'';margin-left:-2px;-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
  .header .main_navigation .main-nav .menu-item.contact_link a:before{display:none}
  .header .main_navigation .main-nav .menu-item:hover a:before{opacity:1;-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
}

@media screen and (max-width: 1023px) {
  .header .main_navigation .main-nav{text-align:center;margin:25px 0}
  .header .main_navigation .main-nav li{margin-bottom:30px;font-size:13px}
  .header .main_navigation .main-nav .contact_link{margin:auto}
}

@media only screen and (max-width: 769px) {

}

@media screen and (min-width: 768px) {
  .header.smaller{height:87px;-moz-transition:height 0.3s;-o-transition:height 0.3s;-webkit-transition:height 0.3s;transition:height 0.3s;}
  .header.smaller > div{height:87px;-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
  .header.smaller .site_title{padding:33px 0 0 50px;-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
  .header.smaller .openButton{height:87px;-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
}

@media only screen and (max-width: 768px) {
  .home .header .main_navigation .main-nav .menu-item a{color:#000}
  .home .header .main_navigation .main-nav .contact_link a{color:#fff}
}

@media only screen and (max-width: 767px) {
  .openButton .inner div{background-size:13px 9px}
  .drawer-open .openButton .inner div{background-size:10px 10px}
}

@media only screen and (min-width: 481px) {
  /* home */
  .home .header.smaller .site_title a{background:url(../img/common/logo.png) no-repeat center center;background-size:contain;}
}

@media only screen and (max-width: 480px) {

}

/* language */
.language_widget{position:absolute;bottom:30px;left:30px;text-transform:uppercase;font-size:11px;font-family:"FuturaLTPro","Futura","Poppins","San Francisco","Helvetica Neue","Arial",sans-serif;letter-spacing:2px}
.language_widget ul{margin:0;padding:0}
.language_widget ul li a{color:#fff;display:none;-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;}
.language_widget ul li a.current-language-item{display:block;border-radius:50%;border:1px solid #fff;width:42px;height:42px;line-height:42px;margin:0;}
.language_widget ul:hover li a,.language_widget > ul.active li a{display:block;margin:0 0 10px}
.language_widget ul:hover li a.current-language-item,.language_widget  > ul.active li a.current-language-item{margin:0}
.language_widget .mlp-language-box ul li{margin:0}

@media only screen and (max-width: 480px) {
  .language_widget{bottom:20px;left:20px;}
  .language_widget ul li a.current-language-item{width:34px;height:34px;line-height:34px;}
}


/*---------- footer ----------*/
.section_contact{background:url(../img/common/bg_contact.png);text-align:center;color:#fff;height:460px;display:table;z-index:1;width:100%;margin-bottom:46px;}
.contact_inner{display:table-cell;vertical-align:middle;text-align:center;}
.section_contact .link{margin:auto;background:#9cc455;font-size:16px;width:234px}
.section_contact h3{font-size:28px;letter-spacing:0.1em;margin:0 0 40px}

/* pagetop */
.g-footer__btm__anchor{margin:0}
.g-footer__btm__anchor a:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:17px;height:10px;margin:auto;background:url(../img/common/ico_arrow01@2x.png) no-repeat 50%;}

/* nav */
.footer_navigation{text-align:center}
.footer .site_title{margin:0}
.footer .site_title a{display:block;background:url(../img/common/logo.png) no-repeat center center;background-size:contain;text-indent:-9999px;width:121px;height:20px;margin:auto;}
.footer__link{margin:0;padding:59px 0 7px;background:#fff;text-align:center;font-size:12px;border-bottom:1px solid #e8e8e8;text-transform:uppercase;font-family:"FuturaLTPro","Futura","Poppins","San Francisco","Helvetica Neue","Arial",sans-serif;letter-spacing:2px;line-height:1}
.footer__link li{display:inline-block;margin:0 14px;margin-bottom:20px}
.footer__link_2{margin:0;padding:29px 0 40px;background:#fff;text-align:center;font-size:10px;letter-spacing:0;text-transform:uppercase;font-family:"FuturaLTPro","Futura","Poppins","San Francisco","Helvetica Neue","Arial",sans-serif;}
.footer__link_2 li{display:inline-block;margin:0 0 10px 30px;vertical-align:text-top;height:18px;letter-spacing:2px}
.footer__link_2 li a{height:18px;}
.footer__link_2 li a.follow:after{background:url(../img/common/ico_fb@2x.png);background-size:contain;width:8px;height:17px;content:'';display:inline-block;margin:0 0 0 15px}
.footer__link_2 li a.wantedly:after{background:url(../img/common/ico_wantedly@2x.png);background-size:contain;width:133px;height:18px;content:'';display:inline-block;margin:0 0 0 15px}
.footer__link_2 li a.matcha:after{background:url(../img/common/ico_matcha@2x.png) no-repeat; background-size:contain;width:94px;height:22px;content:'';display:inline-block;margin:4px 0 0 0}
.footer__link_2 li a.note:after{background:url(../img/common/ico_note@2x.png) no-repeat; background-size:contain;width:70px;height:22px;content:'';display:inline-block;margin:0 0 0 15px}

/* copyright */
.footer .copyright{position:fixed;top:50%;right:-108px;z-index:1}
.footer .copyright p{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);font-size:10px;font-family:"FuturaLTPro","Futura","Poppins","San Francisco","Helvetica Neue","Arial",sans-serif;font-weight:400;text-transform:uppercase;margin:0;letter-spacing:2px;color:#000;}
#fixed .section01{color:#fff}

@media screen and (max-width: 767px) {
  /* copyright */
  .footer .copyright{right:-122px}
  .footer .copyright p{font-size:7px}
}

@media only screen and (min-width: 481px) {
  .section_contact {position:relative}
  .g-footer__btm__anchor a{display:block;position:absolute;right:50px;bottom:-37px;width:76px;height:76px;border-radius:50%;background:#9cc455;-webkit-transition:background .3s cubic-bezier(0.215,0.61,0.355,1);transition:background .3s cubic-bezier(0.215,0.61,0.355,1);}
}

@media screen and (max-width: 480px) {
  footer{padding-bottom:40px}
  .section_contact{height:203px}
  .section_contact h3{font-size:12px;line-height:1.833;margin:0 0 20px}
  .section_contact .link{font-size:11px}
  .footer_navigation{margin:0 20px}
  .footer__link{padding:30px 0 5px}
  .footer__link_2 li:nth-child(3){margin:24px 20px 0}
  .footer__link_2 li:nth-child(4){margin:24px 20px 0}
  .footer__link_2 li a.matcha:after{margin:0;width:111px;height:26px;}
  .g-footer__btm__anchor a{position:absolute;bottom:0;background:#9cc455;width:100%;height:40px;left:0;}
}

@media screen and (max-width: 414px) {
  .footer__link_2 li{/*margin:0*/}
}

@media only screen and (max-width: 375px) {
  .footer__link_2 li{margin:0 10px}
}

@media only screen and (max-width: 320px) {
  .footer__link_2 li{margin:0 5px}
}

/*---------- wrapper ----------*/
.wrapper{overflow:hidden}


/*---------- home ----------*/
.section_home{margin:0 50px}
.section_home h3{color:#9cc455;font-size:26px;line-height:1.769;letter-spacing:0.1em;margin:130px 0 50px;}
.section_home p{margin:0 0 50px;}
.home .section_txt{font-size:14px;line-height:2.286;}
.home .section_txt p{font-size:14px;line-height:2.286;}
/* mv */
.home .mv{position:relative;z-index:0;height:100vh;min-height:480px;overflow:hidden;}
.home .mv .mv_inner{text-align:center;color:#fff;display:table;position:relative;z-index:1;width:100%;height:100%;}
.home .mv h2{font-family:'Kaushan Script',cursive;font-size:80px;display:table-cell;vertical-align:middle;text-align:center;}
.home .mv .cover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}
.home .mv .cover > div{position:relative;width:100%;height:100%;overflow:hidden;}
.home .mv .cover .video video{position:absolute;left:50%;min-width:100%;min-height:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.top-mv__scroll {
position: absolute;
right: 0;
bottom: 20px;
left: 0;
z-index: 1;
margin: auto;
cursor: pointer
}

/* home_content_1 */
.home_content_1{padding-bottom:130px}
/* home_content_2 */
.home_content_2{padding-bottom:188px}
/* slide */
.top_slider{/*max-width:1680px*/}
.top_slider > div{width:92.857142857%}
.slide_item img{width:100%}
.slick-slider{margin:0}

/* ttl */
.top_news_ttl{position:relative;margin:0 0 39px}
.top_news_ttl_boxRight{position:absolute;bottom:0;right:0}
.top_news_ttl_boxRight a{font-size:11px;font-family:"FuturaLTPro","Futura","Poppins","San Francisco","Helvetica Neue","Arial",sans-serif;letter-spacing:2px;padding-right:32px}
.top_news_ttl_boxRight a span:after{content:'';display:inline-block;width:14px;height:1px;border-top:1px solid #9cc455;right:0;position:absolute;top:50%;-webkit-transition:all 0.7s ease-out;}
/* list */
.news_list{margin:0}
.news_list li{position:relative;margin-bottom:35px}
.news_list li h3{font-size:14px;font-weight:normal;margin:0;line-height:1.643}
.news_list li .date {
font-size: 14px;
font-weight: bold;
line-height: 1;
margin: 20px 0;
letter-spacing: 2px;
float: left;
line-height: 25px;
}
.news_list li img{width:100%}
.news_category {
/*position: absolute; */
/* top: 0; */
/* right: 0; */
font-size: 10px;
float: right;
margin: 20px 0;
}
.news_category span{color:#fff;display:block;font-size:10px;padding:7px 0 8px 0;line-height:1;width:95px;text-align:center;}
.term_id_10{background:#57a1b9}
.term_id_11{background:#4eb067}
.term_id_12{background:#6057b9}

@media only screen and (min-width: 769px) {
  .home_content_2 .section_img{width:47.166666666%}

  .news_list_4 li{width:22.5%;margin-right:3.333333333%;float:left}
  .news_list_4 li:nth-child(4n){margin-right:0}
}
@media screen and (min-width: 768px) {
}
@media only screen and (max-width: 768px) {
  .section_home{margin: 0 20px}
  .section_home h3{font-size:20px;line-height:1.6;margin:0 0 25px}
  /* home_content_1 */
  .home_content_1 .section_img img{margin-top:-60px}
  .home_content_1 h3{margin:-80px 0 25px}
  /* section_works */
  .home .section_works{padding:80px 0 87px}
  .home_content_2 .section_img{margin-bottom:40px}
  /* news */
  .news_list_4 li{width:48.214285714%;}
  .news_list_4 li:nth-child(odd){float:left}
  .news_list_4 li:nth-child(even){float:right;}
}
@media only screen and (max-width: 767px) {
  .home .section_txt p{line-height:2}

  .section_home p{margin:0 0 30px;}
  /* home_content_1 */
  .home_content_1{padding-bottom:70px}
  .home_content_1 h3{margin: -60px 0 25px}
}
@media screen and (min-width: 481px) {
  .top-mv__scroll{width:88px;height:55px}
  .top-mv__scroll .js-scroll{width:88px;height:55px;background:url(../img/home/ico_scroll@2x.png);background-size:cover;display:block;margin:auto}
}
@media screen and (max-width: 480px) {
  .top-mv__scroll{width:32px;height:22px}
  .top-mv__scroll .js-scroll{width:32px;height:22px;background:url(../img/home/ico_scroll_sp@2x.png);background-size:cover;display:block;margin:auto}
  /* mv */
  .home .mv h2{font-size: 32px}
  .home .mv .cover .video.bg-1{background:url(../img/home/mv_sp_1.jpg)center bottom;background-size:cover}
  .home .mv .cover .video.bg-2{background:url(../img/home/mv_sp_2.jpg)center bottom;background-size:cover}
  .home .mv .cover .video.bg-3{background:url(../img/home/mv_sp_3.jpg)center bottom;background-size:cover}
  .home .mv .cover .video video{display:none}

  .news_list li .date{font-size:10px;margin:10px 0}
  .news_category{margin:10px 0}
  .news_category span{font-size:8px;width:70px;}
}

@media only screen and (max-width: 320px) {
  .news_category span{width:auto;padding:7px 4px 8px;}
}

/* news */
.section_news{padding-bottom:80px}
.section_news h3{color:#000;margin:0;line-height:1}
.section_news h3 .en{font-family:"FuturaLTPro","Futura","Poppins","San Francisco","Helvetica Neue","Arial",sans-serif;font-weight:500;font-size:40px;text-transform:uppercase;line-height:1}
.section_news h3 .top-news__head-sub{font-size:14px;margin-left:25px}
.section_news h3 .en,
.section_news h3 .top-news__head-sub{display:inline-block}

@media screen and (min-width: 481px) {

}

@media only screen and (max-width: 767px) {
  .section_news h3 .en{font-family:"FuturaLTPro","Futura","Poppins","San Francisco","Helvetica Neue","Arial",sans-serif;font-size:25px}
  .top_news_ttl_boxRight a{font-size:10px}
  .top_news_ttl{margin:0 0 25px}
}

@media screen and (max-width: 480px) {
  .section_news h3 .top-news__head-sub{display:none}
}


/*---------- archive ----------*/
.page_header{padding:0 50px}
.page_header > div{text-align:center;color:#fff;display:table;position:relative;z-index:1;width:100%;height:360px;margin-bottom:20px;}
.page_header h1{font-family:'Kaushan Script',cursive;font-size:70px;display:table-cell;vertical-align:middle;text-align:center;font-weight:normal;}
.category section.archives{margin:0 50px;}

@media only screen and (max-width: 767px) {
  .page_header{padding:0 20px}
  .category section.archives{margin:0 20px}
}

@media screen and (max-width: 480px) {
  .page_header>div{margin-bottom:10px;min-height:130px}
  .page_header h1{font-size:32px}
  .page_header > div{height:130px}
}

/*---------- catch area ----------*/
.catch_area{padding:0 50px}
.catch_area h2{font-size:26px;color:#9cc455;line-height:1.769;margin:58px 0 52px;}
.catch_area p{font-size:14px;margin:0;line-height:2.286;}
.catch_area p.sub{font-size:16px;font-family:"FuturaLTPro","Futura","Poppins","San Francisco","Helvetica Neue","Arial",sans-serif;line-height:1;letter-spacing:4px;color:#000;padding-top:125px;text-align:center;}

@media only screen and (max-width: 767px) {
  .catch_area{padding:0 20px}
  .catch_area h2{margin:35px 0 25px}
}

/*---------- single & page ----------*/
.single main .content,
.page main .content{margin:80px 50px 0}
.single main .content .post-categories{margin:0}
.single main .content .post-categories li{background:#6057b9;color:#fff;font-size:10px;display:inline-block;padding:5px 24px 6px;}
.single main .content .post-categories li a{color:#fff;}
.single main .content h1,
.page main .content h1{font-size:26px;font-weight:bold;line-height:1.615;margin:25px 0}
.single .content .content_main h2,
.page .content .content_main h2{font-size:18px;line-height:1.45;border-left:4px solid #9cc455;padding-left:14px;margin:80px 0 33px}
.single .content .content_main h3,
.page .content .content_main h3{font-size:16px}
.single .content .content_main h3 + p,
.page .content .content_main h3 + p{margin-top:0}
main .content header{border-bottom:1px solid #bebebe;padding:0 0 44px;margin:0 0 40px}
main .content header .date{font-size:14px;font-weight:bold;letter-spacing:2px;}
/* thumbnail */
.single-post .content_main .thumbnail{margin:0 0 30px}
.single-post .content_main .thumbnail img{width:100%}

@media only screen and (max-width: 767px) {
  .single section.content,
  .page section.content{margin:80px 20px 0}
}
@media only screen and (max-width: 480px) {
  .catch_area h2{font-size:15px;line-height:1.6}
  .catch_area p{text-align:left;line-height:2;font-size:11px;padding:0 0 60px}
  .catch_area p.sub{padding:37px 0 0;font-size:10px}
  .single section.content,
  .page section.content{margin:40px 20px 0}
  main .content h1{font-size:19px;line-height:1.4}
  main .content header .date{font-size:12px}
}

/*---------- about ----------*/
.page-template-template-about .catch_area {
background: url(../img/about/bg@2x.png) no-repeat center top;
background-size: 467px;
margin-bottom: 130px
}
.page-template-template-about .catch_area p.sub,
.page-template-template-about .catch_area h2 {
text-align: center
}
.page-template-template-about .catch_area p {
text-align: left;
}

.page-template-template-about .catch_area > div{position:relative}
.page-template-template-about .catch_area > div:after {
background: url(../img/about/ico_2@2x.png) no-repeat;
display: block;
content: "";
width: 204px;
height: 171px;
position: absolute;
background-size: contain;
left: -110px;
top: 62px;
z-index: -1;
}
.page-template-template-about .catch_area > div:before {
background: url(../img/about/ico_1@2x.png) no-repeat;
display: block;
content: "";
width: 202px;
height: 189px;
position: absolute;
background-size: contain;
right: -155px;
bottom: -40px;
z-index: -1;
}

.page-template-template-about .main_image{margin-bottom:140px;padding:0 50px}
.page-template-template-about .about_message .message_main_image{position:relative}
.page-template-template-about .about_message .message_main_image .ceo_text{position:absolute;right:4.166666666%;bottom:40px;}
.page-template-template-about .about_message .message_main_image .ceo_text p{font-size:12px;line-height:1;margin:0}
.page-template-template-about .about_message .message_main_image .ceo_text p span{font-size:26px;margin:13px 0 0;display:block;font-weight:bold}
.page-template-template-about .about_message .inner{background:rgba(122,180,45,.949);color:white}
/* about_block */
.page-template-template-about .about_block .title_before{font-family:"FuturaLTPro","Futura","Poppins","San Francisco","Helvetica Neue","Arial",sans-serif;font-weight:400;text-transform:uppercase;font-size:16px;letter-spacing:5px;margin:0 0 50px;line-height:1;}
.page-template-template-about .about_block h3{font-size:26px;line-height:1.769;color:#9cc455;margin:0 0 25px;letter-spacing:1px;}
.page-template-template-about .about_block p{font-size:14px;line-height:2.286;margin:0}
/* block_1 */
.page-template-template-about .block_1{margin-bottom:289px;position:relative}
.page-template-template-about .block_1 > div{position:relative}
/* block_2 */
.page-template-template-about .block_2{position:relative;}
.page-template-template-about .block_2 p{margin:10px 0}
/* message */
.page-template-template-about .about_message{position:relative;margin-bottom:199px;}
.page-template-template-about .about_message .inner{padding:60px 4.861111111%;}
.page-template-template-about .about_block.about_message .title_before{margin:0 0 40px}
.page-template-template-about .about_block.about_message p{margin:0 0 20px}
.page-template-template-about .about_block.about_message span.more_link{background:#fff;color:#578a14;text-align:center;border-radius:30px;font-size:11px;font-family:"FuturaLTPro","Futura","Poppins","San Francisco","Helvetica Neue","Arial",sans-serif;text-transform:uppercase;letter-spacing:2px;cursor:pointer;padding:18px 0;width:180px;display:inline-block;}
/* modal */
.message_detail {
display: none;
position: absolute;
z-index: 9999
}
.message_detail.show {
opacity: 1;
visibility: visible;
}
.message_detail > div {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(120, 157, 70, .8);
z-index: 999;
margin: 0;
padding: 0 50px;
}
.message_detail > div > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.message_detail > div > div .message_inner {
background: #fff;
/*padding: 100px 80px;*/
padding: 50px 40px 50px 50px;
position: relative;
height: 465px;
}
.message_detail .close_btn {
position: absolute;
top: -48px;
width: 28px;
height: 28px;
margin: auto;
right: 0;
background: url(../img/member/ico_close@2x.png)no-repeat;
background-size: contain;
cursor: pointer;
}
.message_detail .close_btn:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-moz-transition: -moz-transform 1s linear;
-webkit-transition: -webkit-transform 1s linear;
-o-transition: -o-transform 1s linear;
-ms-transition: -ms-transform 1s linear;
transition: transform 1s linear;
}
.page-template-template-about .about_block .message_detail h3{color:#333;text-align:center}
#modal_close_area .inner_960{position:relative}
/* company_detail */
.company_detail{}
.company_detail h4 {
text-align:center;
font-family: "FuturaLTPro", "Futura", "Poppins", "San Francisco", "Helvetica Neue", "Arial", sans-serif;
font-weight: 400;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 5px;
margin: 0 0 60px;
line-height: 1
}
.company_detail a{color:#5d901b;text-decoration:underline}
.company_detail a:hover{text-decoration:none}
.company_detail dl {
font-size: 13px;
line-height: 2.308;
margin: 0 0 40px;
padding: 0 50px
}
.company_detail dd{margin:0}
/* map */
#map_canvas{height:480px;margin:0 50px -60px}
/* bnr */
.page-template-template-about #bnr{background:#f8f8f8;margin-top:-112px}
.page-template-template-about #bnr>div{padding:184px 0 56px}

@media only screen and (min-width: 1280px) {
  .page-template-template-about .block_2 .inner {
    width: 50%;
    float: right;
    margin-top: 16.666666666%; /*140px*/
    margin-bottom: 33.45% /*281*/
  }
}

@media only screen and (min-width: 769px) {
  .page-template-template-about .block_2 .inner {
    width: 40%;
    float: right;
    margin-top: 16.666666666%; /*140px*/
    margin-bottom: 14% /*281*/
  }
}

@media only screen and (min-width: 768px) {
  /* block_1 */
  .page-template-template-about .block_1 .inner{width:40%}
  .page-template-template-about .block_1 .block_catch_image img {
    width: 50%;
    position: absolute;
    right: -10%;
    top: 70px;
    max-width: 600px
  }
  /* block_2 */
  .page-template-template-about .block_2 .block_catch_image img {
    width: 70%;
    position: absolute;
    left: -20%;
    top: -110px;
    max-width: 840px;
  }
  /* massage */
  .page-template-template-about .about_message .message_main_image{text-align:right;}
  .page-template-template-about .about_message .message_main_image img{width:83.333333333%;}
  .page-template-template-about .about_message .inner{width:33.333333333%;bottom:-50px;position:absolute;}
}
@media only screen and (max-width: 767px) {
  .page-template-template-about .main_image{padding:0 20px;margin-bottom:49px}
  .page-template-template-about .block_1{margin-bottom:50px}
  .page-template-template-about .block_1 .block_catch_image{margin:0 -20px 0 25px}
  .page-template-template-about .block_1 .block_catch_image img{width:100%}
  .page-template-template-about .block_1 p{margin:0 0 40px}

  .page-template-template-about .block_2 .block_catch_image{margin:0 0 49px -20px}
  .page-template-template-about .block_2 p{}
  .page-template-template-about .block_2 div{margin:0 0 30px}

  .page-template-template-about .about_message{padding:0}
  .page-template-template-about .about_message .inner{margin:-20px 20px 0;padding:23px 38px;position:relative;}
  .page-template-template-about .about_message .message_main_image .ceo_text{right:20px;bottom:40px}
  /* company_detail */
  #map_canvas{margin:0 20px -60px}
  .company_detail dl{padding:0 20px}
}
@media screen and (min-width:481px) {
  .page-template-template-about .catch_area{min-height:540px}
  .company_detail dt,
  .company_detail dd{border-top:1px solid rgba(0,0,0,.5);padding:10px 0 30px;}
  .company_detail dt{text-align:left;width:18.75%;float:left;clear:both}
  .company_detail dd{text-align:left;width:75%;float:right}
}
@media screen and (max-width:480px) {
  .page-template-template-about .catch_area{margin-bottom:15px;background-size:100%}
  .page-template-template-about .catch_area > div:after{
    width: 55px;
    height: 46px;
    top: 80px;
    left: -30px;
  }
  .page-template-template-about .catch_area > div:before{
    width: 54px;
    height: 50px;
    right: -25px;
    top: 95px;
  }
  .page-template-template-about .about_block .title_before{font-size:10px;margin:0 0 30px}
  .page-template-template-about .about_block h3{font-size:15px;line-height:1.6;margin:0 0 20px}
  .page-template-template-about .about_block p{font-size:11px;line-height:2;}
  .page-template-template-about .about_block.about_message .title_before{margin:0 0 20px}
  .page-template-template-about .about_block.about_message span.more_link{font-size:11px}

  .page-template-template-about .about_message .message_main_image .ceo_text p{font-size:11px;}
  .page-template-template-about .about_message .message_main_image .ceo_text p span{font-size:16px;margin:10px 0 0;}
  .page-template-template-about .about_message .message_main_image .ceo_text{position:absolute;right:20px;bottom:32px;}

  .message_detail > div{padding:0 20px}
  .message_detail > div > div .message_inner{padding:20px;height:400px}

  .company_detail h4{font-size:12px}
  .company_detail dt{border-top:1px solid rgba(0,0,0,.5);font-weight:bold;padding:20px 0 0}
  .company_detail dd{padding:0 0 20px}

  #map_canvas{margin:0 20px -30px}
}

/*---------- works ----------*/
.page-template-template-works .catch_area{margin-bottom:130px;padding:0 50px}
.page-template-template-works .catch_area p.sub,.page-template-template-works .catch_area h2{text-align:center}
.page-template-template-works .block_works{margin-bottom:150px}
.page-template-template-works .block_works>div{position:relative}
.page-template-template-works .block_works .block_catch_image img{width:100%}
.page-template-template-works .block_works .block_text{color:#fff}
.page-template-template-works .block_works .block_text h3{font-size:22px;font-weight:bold;line-height:1.455;margin:0 0 30px}
.page-template-template-works .block_works .block_text p{
margin: 0;
font-size: 14px;
line-height: 2.286;
}
.page-template-template-works .catch_left .block_text{background:#81b838;}
.page-template-template-works .catch_right .block_text{background:#272925;}
/* middle_area */
.page-template-template-works .middle_area{padding-bottom:140px;background:#f4f4f3}
.page-template-template-works .middle_area .background img{width:100%}
.page-template-template-works .middle_area .foreground{background:#81b838;color:#fff;padding:70px 20% 80px;margin:-120px 0 80px;position:relative;}
.page-template-template-works .middle_area .catch_area p.sub,
.page-template-template-works .middle_area .catch_area h2{color:#fff}
.page-template-template-works .middle_area .catch_area p.sub{padding:0}
.page-template-template-works .middle_area .catch_area p{padding:0}
/* list */
.page-template-template-works .middle_area .case_study_list{margin-bottom:47px}
.page-template-template-works .middle_area .more-link{margin:auto}

@media only screen and (min-width: 768px) {
  .page-template-template-works .block_catch_image{width:60%}
  .page-template-template-works .block_works .block_text{width:40%;padding:60px 5% 50px;position:absolute;}
  .page-template-template-works .catch_left .block_text{right:40px;bottom:-40px;}
  .page-template-template-works .catch_right .block_text{left:40px;bottom:-40px;}
  .page-template-template-works .catch_right .block_catch_image{margin-left:40%;width:60%}
}
@media only screen and (max-width: 767px) {
  .page-template-template-works .middle_area .foreground{padding:70px 20px 80px;margin:0 0 80px}
  .page-template-template-works .catch_area{padding:0 20px;margin-bottom:0}
}
@media only screen and (min-width: 481px) {
}
@media only screen and (max-width: 480px) {
  .page-template-template-works .catch_left .block_text,
  .page-template-template-works .catch_right .block_text{margin:-20px 20px 0;padding:23px 38px;position:relative;}

  .page-template-template-works .block_works .block_text h3 {
    font-size: 15px;
    line-height: 1.6;
  }
  .page-template-template-works .block_works .block_text p {
    line-height: 2;
    font-size: 11px;
  }

  .page-template-template-works .middle_area .case_study_list{margin-left:20px;margin-right:20px}


}



/*---------- member ----------*/
.post-type-archive-member .archives{margin-bottom:90px;padding:0 50px}
.member_list{margin:0}
.member_item .thumbnail{margin-bottom:16px;border-radius:50%;overflow:hidden;}
.member_item .thumbnail:hover{background:url(../img/member/img_more@2x.png) no-repeat center;background-size:77px 45px;background-color:rgb(131,207,30);opacity:0.8;}
.member_item .thumbnail:hover img{opacity:0;-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}

.member_item p{font-size:12px;margin: 0 0 4px;}
.member_item h4{font-size:16px;margin: 0}
.member_detail{position:absolute;z-index:9999;display:none}
.member_detail ul{margin:0}
.member_detail ul li{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(120,157,70,.8);z-index:999;margin:0;padding:0 50px;}
.member_detail ul li > div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%;}
.member_detail ul li > div > div{background:#fff;padding:100px 8.333333333%;position:relative;}
.member_detail ul li > div > div .close_btn{position:absolute;top:-48px;width:28px;height:28px;margin:auto;right:0;background:url(../img/member/ico_close@2x.png)no-repeat;background-size:contain;cursor:pointer;}
.member_detail ul li > div > div .close_btn:hover{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-moz-transition:-moz-transform .7s linear;-webkit-transition:-webkit-transform .7s linear;-o-transition:-o-transform .7s linear;-ms-transition:-ms-transform .7s linear;transition:transform .7s linear;}

.member__inner_img{border-radius:50%;overflow:hidden;}
.member__inner_img img{width:100%}
.member__inner_txt .position_name{font-size:12px;margin:0 0 8px}
.member__inner_txt h4{font-size:26px;margin:0 0 30px}
.member__inner_txt .detail{font-size:14px;margin:0;line-height:2.286}

@media only screen and (max-width: 767px) {
  .post-type-archive-member .archives{padding:0 20px}
}

@media screen and (min-width:481px) {
  .member__inner_img{float:left;width:35%;}
  .member__inner_txt{float:right;width:58.125%;}
  .member_item{text-align:center;float:left;width:21.770833333%;margin-left:4.305555555%;}
  .member_item:nth-child(4n+1){clear:left;margin-left:0;}
  .member_item:nth-child(2n){padding-top:80px}
  .member__inner_txt{display:table;position:relative;height:100%;min-height:280px;}
  .member__inner_txt div{display:table-cell;vertical-align:middle;}
}

@media screen and (max-width:480px) {
  .member_detail ul li{padding:0 20px;}
  .member_item{text-align:center;float:left;width:46%;margin-left:4%;}
  .member_item:nth-child(2n+1){clear:left;margin-left:0;}
  .member_item:nth-child(2n){padding-top:40px}
  .member_detail ul li > div > div{padding:20px;margin-top:-28px}
  .member__inner_img{margin:0 auto 20px;width:60%;}
  .member__inner_txt .position_name{font-size:11px}
  .member__inner_txt h4{font-size:15px;line-height:1.6;margin:0 0 10px}
  .member__inner_txt .detail{line-height:2;font-size:11px;}
  .member_detail ul li > div > div .close_btn{bottom:-48px;}
}

/*---------- all_news ----------*/
.page-template-template-all-posts .all_news{margin:0 50px}
.archive .news_list, .page-template-template-all-posts .news_list{margin:60px 0 0;padding:0}
.archive .news_list li, .page-template-template-all-posts .news_list li{margin-bottom:80px}

.categories ul{margin:99px 0 0}
.categories ul li{display:inline-block;margin-right:40px;font-size:14px;line-height:1;font-weight:bold;position:relative;}
.categories ul li.categories-all{font-family:"FuturaLTPro","Futura","Poppins","San Francisco","Helvetica Neue","Arial",sans-serif;text-transform:uppercase;letter-spacing:2px;font-weight:400;}
.categories ul li a{padding:0 0 0 21px}
.categories ul li a:before{display:inline-block;content:"";width:12px;height:12px;border-radius:50%;background:#e1e1e1;position:absolute;top:1px;left:0px;}
.categories ul li.current-cat a.current:after,.page-template-template-all-posts .categories ul li a.current:after{display:inline-block;content:"";width:6px;height:6px;border-radius:50%;background:#9cc455;position:absolute;top:4px;left:3px;}

@media only screen and (min-width: 769px) {
  .section_news .news_list li{width:22.5%;/*margin-left:3.333333333%;*/float:left;margin-bottom:0}
  .section_news .news_list li:last-child{margin-right:0}
}

@media only screen and (max-width:767px) {
  .page-template-template-all-posts .all_news{margin:0 20px}
}
@media screen and (min-width: 481px) {

}
@media only screen and (max-width: 480px) {
  .page-template-template-all-posts .news_list li{margin-bottom:35px}
  .archive .news_list li,.page-template-template-all-posts .news_list li{margin-bottom:40px}
  .categories ul{padding:0;margin:50px 0 0}
  .archive .news_list, .page-template-template-all-posts .news_list{padding:0;margin:30px 0 40px}
}


/*---------- case study ----------*/
.post-type-archive-case_study .catch_area{margin:0 0 160px}
.post-type-archive-case_study .catch_area p.sub,.post-type-archive-case_study .catch_area h2{text-align:center;}
.case_study{background:#f4f4f3;padding:50px 50px 0}
.paged .case_study{background:#fff}
.case_study .pickup ul{
margin: -130px 0 60px;
padding: 0;
position: relative;
}
.case_study .pickup ul li .inner{background:#fff;padding:25px 19px}

.case_study_list{margin:0 0 47px;padding:0}
.case_study_list li{margin-bottom:33px;background:#fff}
.case_study_list li img{width:100%}

.case_study_pickup_list ul li .inner,
.case_study_list li .inner{background:#fff;padding:25px 19px}

.case_study_pickup_list li .inner .date,
.case_study_list li .inner .date{margin:0 0 20px;line-height:1;font-size:14px;font-weight:bold;letter-spacing:1px}

.case_study_pickup_list .inner h3{font-size:16px;font-weight:normal;margin:0;line-height:1.625;}
.case_study_list li .inner h3{font-size:14px;font-weight:normal;margin:0;line-height:1.643;}

.case_study_pickup_list li .inner p,
.case_study_list li .inner p{margin:0}

.case_study_pickup_list{margin:0;padding:0}

.case_study_pickup_list li .inner,
.case_study_list li .inner{font-size:14px}

.case_study_recent{background:#f4f4f3;padding:100px 0}

.single-case_study .content_main .thumbnail{margin:0 0 50px}
.single-case_study .content_main .thumbnail img{width:100%}
.single-case_study .case_study_profile{padding:0 40px}
.single-case_study .case_study_profile .case_study_profile_img{float:left;width:33.333333333%}
.single-case_study .case_study_profile .case_study_profile_txt{float:left;margin-left:6.666666666%;width:60%}
.single-case_study .case_study_table dl{font-size:13px;line-height:2.308;margin:40px 0;padding:0 50px;}
.single-case_study .case_study_table dd{margin:0;}
.single-case_study .qa p{}

@media only screen and (max-width: 767px) {
  .case_study{padding:20px 20px 0}
  .single-case_study .case_study_profile{padding:0}
  .single-case_study .case_study_table dl{padding:0}
}
@media only screen and (min-width: 481px) {
  .case_study_list li{width:31.666666666%;float:left;margin-left:2.5%}
  .case_study_list li:nth-child(3n+1){margin-left:0}

  .case_study .pickup ul li{width:48.333333333%;float:left;margin-left:3.333333333%}
  .case_study .pickup ul li:nth-child(2n+1){margin-left:0}

  .single-case_study .case_study_table dt,.single-case_study .case_study_table dd{border-top:1px solid rgba(0,0,0,.5);padding:10px 0 30px;}
  .single-case_study .case_study_table dt{text-align:left;width:18.75%;float:left;clear:both;}
  .single-case_study .case_study_table dd{text-align:left;width:75%;float:right;}
}
@media only screen and (max-width: 480px) {
  .post-type-archive-case_study .catch_area{margin:0}

  .case_study .pickup ul li{margin-bottom:33px}
  .case_study .pickup ul li:last-child{margin-bottom:0}

  .case_study_list li{width:48.333333333%;float:left;margin-left:3.333333333%}
  .case_study_list li:nth-child(2n+1){margin-left:0}

  .single-case_study .case_study_profile .case_study_profile_txt p{margin:0}
  .single-case_study .case_study_table dl{}
  .single-case_study .case_study_table dt{border-top:1px solid rgba(0,0,0,.5);font-weight:bold;padding:20px 0 0}
  .single-case_study .case_study_table dd{padding:0 0 20px}
}


/*---------- page ----------*/
.page-template-default .catch_area p.sub,.page-template-default .catch_area h2{text-align:center;}
.page-template-default .catch_area.catch_area_career{margin:0 0 150px}
.page-template-default .career{margin:0 0 150px;padding:0 50px}
.page-template-default .career h3{margin:0 0 30px}
.page-template-default .career ul{margin:0 0 50px}
.page-template-default .career ul li iframe{width:100%}
.page-template-default .career ul li iframe #iframe{width:100%!important;min-width:100%!important;max-width:100%!important;}
#wantedly-project-widget-wrapper #wantedly-project-widget-inner #wantedly-project-widget{min-width:100%!important;}
.page-template-default .career-member{background:#f4f4f3}
.page-template-default .career-member .catch_area{padding:80px 0 40px}
.page-template-default .career-member .catch_area h2{margin-top:0;margin-bottom:40px}
.page-template-default .career-member .career-member-bnr{padding-bottom:100px}
.page-template-default .career-member .career-member-bnr a{background:#9cc455;text-align:center;display:block;color:#fff}
.page-template-default .career-member .career-member-bnr p{padding:22px 0;margin:0;line-height:1;font-weight:bold;}
.page-template-default .career-member .career-member-bnr p span{position:relative}
.page-template-default .career-member .career-member-bnr p span:after{position:absolute;top:0;right:-20px;bottom:0;margin:auto;box-sizing:border-box;border-width:1px 0 0 1px;border-style:solid;width:10px;height:10px;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);content:"";}
.page-template-default .career-member .catch_area,.page-template-default .career-member .career-member-bnr{margin:0 50px}
@media only screen and (min-width: 872px) {
  .page-template-default .career ul li {width:31.666666666%;float:left;margin-left:2.5%;margin-bottom:30px}
  .page-template-default .career ul li:nth-child(3n+1) { margin-left: 0; }
}
@media only screen and (max-width: 871px) {
  .page-template-default .career ul{margin:0 0 45px}
}
@media only screen and (max-width: 767px) {
  .page-template-default .career{padding:0 20px}
  .page-template-default .career-member .catch_area,.page-template-default .career-member .career-member-bnr{margin:0 20px}
}
@media only screen and (min-width: 548px) and (max-width: 871px) {
  .page-template-default .career ul li{width:48.75%;margin-left:2.5%;margin-bottom:35px;float:left}
  .page-template-default .career ul li:nth-child(2n+1){margin-left:0;}
}
@media only screen and (max-width: 547px) {
  .page-template-default .career ul li{width:100%;margin-bottom:35px;}
}


/*---------- contact ----------*/
.content .gform_wrapper{margin:0 0 150px;padding:0 50px}
.content .gform_wrapper .gform_body{width:100%}
.content .gform_wrapper .gfield_html.gfield_no_follows_desc{margin:0}
.content .gform_wrapper .contact_desc p{text-align:center;margin:40px 0;font-size:16px;color:rgb(51,51,51);font-weight:bold;line-height:2.5;}
.content .gform_wrapper .contact_attention{font-size:14px;color:rgb(255,43,43);line-height:1;padding:0 0 19px;margin:0 0 60px;border-bottom:1px solid #dadada;}
.content .gform_wrapper .top_label .gfield_label{font-size:14px}
.content .gform_wrapper .gfield_required{color:rgb(255,43,43);margin-left:16px;}
.content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){background:#f4f4f4;border:none;font-size:14px;padding:24px 28px 25px;color:#555;}
.content .gform_wrapper .top_label div.ginput_container{margin-top:25px;}
.content .gform_wrapper ul li.gfield{margin:0 0 45px}
.content .gform_wrapper .contact_mail .gfield_required:after{/*content:'半角英数でご記入ください。';display:inline-block;color:#222;*/}
.content .gform_wrapper .field_sublabel_below.contact_mail .ginput_complex.ginput_container label{display:none}
.content .gform_wrapper textarea.medium{border:none;background:#f4f4f4;font-size:14px;padding:24px 28px 25px;color:#555;display:block;}
.content .gform_wrapper .top_label div.ginput_container select{background:#f4f4f4 url(../img/contact/ico_arrow@2x.png) right 28px top 24px no-repeat;background-size:10px 20px;font-size:14px;padding:24px 28px 25px;color:#555;font-weight:bold;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border:0;margin:0;vertical-align:middle;text-indent:.01px; /*Firefox用*/text-overflow:""; /*Firefox用*/}
.content .gform_wrapper .top_label div.ginput_container select{}
.content .gform_wrapper .top_label div.ginput_container select::-ms-expand{display:none;}
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select{margin:0}
.gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield select{padding:19px 28px 20px;}
.content .gform_wrapper .gfield_html.gfield_no_follows_desc.contact_article{margin-top:80px;padding-top:80px;border-top:1px solid #dadada}
.content .gform_wrapper .gfield_html.gfield_no_follows_desc.contact_article label{font-weight:bold;font-size:14px;}
.content .gform_wrapper .contact_article .inner{background:#f4f4f4;margin-top:25px;font-size:14px;padding:24px 28px 25px;color:rgb(34,34,34);font-weight:bold;line-height:1.714;}
.content .gform_wrapper .top_label li ul.gfield_checkbox,.content .gform_wrapper .top_label li ul.gfield_radio{width:100%}
.content .gform_wrapper .contact_check div.ginput_container{margin-top:40px;text-align:center;}
.content .gform_wrapper .contact_check .gfield_label{display:none}
.content .gform_wrapper .gfield_checkbox li input,
.content .gform_wrapper .gfield_checkbox li input[type="checkbox"],
.content .gform_wrapper .gfield_radio li input[type="radio"]{display:none;}
.content .gform_wrapper .gfield_checkbox li input + label{position:relative;font-weight:bold;}
.content .gform_wrapper .gfield_checkbox li input + label:before{content:"";display:inline-block;width:25px;height:25px;border:1px solid #ccc;background:#f4f4f4;vertical-align:bottom;margin-right:15px}
.content .gform_wrapper .gfield_checkbox li input:checked + label:after{
content: "";
display: block;
position: absolute;
top: 6px;
left: 6px;
background: url(../img/contact/ico_check@2x.png) left top;
background-size: cover;
width: 16px;
height: 12px;
/*width: 7px;
height: 14px;
transform: rotate(40deg);
border-bottom: 3px solid #009a9a;
border-right: 3px solid #009a9a;*/
}
.content .gform_wrapper ul.gfield_checkbox li label {
width: auto;
}
.content .gform_wrapper .gform_footer input[type=submit] {
background: #9cc455;
color: #fff;
text-align: center;
border-radius: 30px;
font-size: 16px;
text-transform: uppercase;
/*letter-spacing: 2px;*/
cursor: pointer;
padding: 18px 0;
width: 309px;
display: inline-block;
font-weight: bold;
}
.content .gform_wrapper .gform_footer{text-align:center;padding:0;margin:0}
.content .gform_wrapper div.validation_error{display:none}
.content .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{display:none}
.content .gform_confirmation_message_2{margin:80px 0;padding:0 50px}
.content .gform_wrapper .gfield_radio label {
box-sizing: border-box;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
position: relative;
display: inline-block;
margin: 0 20px 8px 0;
padding: 12px 12px 12px 42px;
/*border-radius: 8px;
background-color: #f6f7f8;*/
vertical-align: middle;
cursor: pointer;
}
.content .gform_wrapper .gfield_radio label:hover {
/*background-color: #e2edd7;*/
}
.content .gform_wrapper .gfield_radio label:hover:after {
border-color: #9cc455;
}
.content .gform_wrapper .gfield_radio label:after {
-webkit-transition: border-color 0.2s linear;
transition: border-color 0.2s linear;
position: absolute;
top: 50%;
left: 0;
display: block;
margin-top: -10px;
width: 20px;
height: 20px;
border: 2px solid #bbb;
border-radius: 50%;
content: '';
}
.content .gform_wrapper .gfield_radio label:before {
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
position: absolute;
top: 50%;
left: 5px;
display: block;
margin-top: -5px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #9cc455;
content: '';
opacity: 0;
}
.content .gform_wrapper input[type=radio]:checked + label:before {
opacity: 1;
}
.content .gform_wrapper ul li.gfield.agreement {
height: 200px;
overflow: auto;
font-size: 14px;
margin: 0 0 40px
}

@media only screen and (max-width: 767px) {
  .content .gform_wrapper{padding:0 20px}
  .content .gform_confirmation_message_2{margin:80px 0;padding:0 20px}
}

@media only screen and (min-width: 641px) {
  .content .gform_wrapper ul.gform_fields li.gfield{padding-right:0}
}

@media only screen and (max-width: 480px) {
  .content .gform_wrapper .contact_desc p {
    text-align: left;
    line-height: 2;
    font-size: 11px;
  }
  .content .gform_wrapper .contact_article .inner {
    line-height: 2;
    font-size: 11px;
    padding: 20px
  }
  .content .gform_wrapper .gform_footer input[type=submit]{width:100%}

}


/*---------- media query ----------*/
@media screen and (max-width:1580px) {
  .top_slider{margin-left:-50px;}
}

@media screen and (min-width:1201px) {

}

@media screen and (max-width:1200px) {

}

@media screen and (max-width:1063px) {

}

@media screen and (min-width: 1024px) and (max-width:1063px) {

}



@media screen and (max-width: 1023px) {
  .g-header__toggle{display:block;position:absolute;top:27px;right:20px;width:55px;height:55px;margin:0;}
  .g-header__toggle:before,.g-header__toggle a:after{content:'';position:absolute;}
  .g-header__toggle:before{top:0;right:0;width:100vw;height:100vw;background:#fff;opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1);}
  .g-header__toggle a{display:block;position:relative;height:100%;}
  .g-header__toggle a:after{top:0;right:0;width:100%;height:100%;background:#9cc455;-webkit-transition:background .9s cubic-bezier(0.645,0.045,0.355,1);transition:background .9s cubic-bezier(0.645,0.045,0.355,1);border-radius:50%}
  .g-header__toggle span{position:absolute;right:0;left:0;z-index:1;width:22px;height:2px;margin:auto;background:#fff;-webkit-transition:all .5s cubic-bezier(0.645,0.045,0.355,1);transition:all .5s cubic-bezier(0.645,0.045,0.355,1);}
  .g-header__toggle span:nth-child(1){top:calc(50% - 10px);}
  .g-header__toggle span:nth-child(2){top:0;bottom:0;}
  .g-header__toggle span:nth-child(3){bottom:calc(50% - 10px);}
}


@media screen and (max-width:1012px) {

}

@media only screen and (min-width: 769px) {
  /*---------- home ----------*/
  .home .section_txt{width:40%}
  .home .section_img{width:40%}
  /* about */
  .home .section_about .section_img{float:left}
  .home .section_about .section_img img{padding-top:23px}
  .home .section_about .section_txt{float:right}
  /* works */
  .home .section_works .section_img img{padding-top:108px}
  .home .section_works .section_img{float:right;width:47.166666666%}
  .home .section_works .section_txt{float:left}
}


@media screen and (min-width: 768px) {

  .header .site_title{}
  .openButton{top:0;height:110px;width:160px;}
  .openButton .inner{height:28px;}
  .openButton .inner span.drawer-menu{padding-right:16px;font-size:16px;line-height:18px;width:75px;}
  .openButton .inner img{width:22px}
}

@media only screen and (max-width: 768px) {
  .link{margin:auto}
}

@media screen and (max-width:767px) {

  .header{height:74px}
  .header > div{height:74px}
  .header .site_title{
    padding: 28px 0 0 20px;
  }
  .header .site_title a{
    width: 110px;
    height: 18px;
  }
  .g-header__toggle{top:20px;right:20px;width:34px;height:34px;}
  .g-header__toggle span{width:12px;height:1px;}
  .g-header__toggle span:nth-child(1){top:calc(50% - 6px);}
  .g-header__toggle span:nth-child(3){bottom:calc(50% - 6px);}

  .openButton{top:0;height:74px;width:85px;right:20px;}
  .openButton .inner div{width:34px;height:34px;}
  .openButton .inner img{width:12px}



}

@media screen and (min-width:481px) {
  .show_pc{display: block}
  .show_sp{display: none}



}

@media screen and (max-width:480px) {
  .show_pc{display: none}
  .show_sp{display: block}

  .link{height:50px;line-height:50px}

  /* index */
  .section_contact{margin-bottom: 40px}


}

@media screen and (max-width:320px) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible{visibility:hidden}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead{display:table-header-group;}
    tr,img{page-break-inside:avoid;}
    img{max-width:100%!important;}
    p,h2,h3{orphans:3;widows:3;}
    h2,h3{page-break-after:avoid;}
}