@charset "utf-8";

/*
Theme Name: grow-up-themes-solution.1.0
Theme URI: http://www.crossdesign-company.co.jp
Author: brace
Author URI:  http://www.solution-sy.com/
Description: This is a default wordpress themes
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
*/

* {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: 0 0;box-sizing: border-box; }

:after, :before { box-sizing: border-box; }

html { font-size: 100%; -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%; overflow-x: hidden; }

body {
	width:100%;max-width:2000px;margin:0 auto;font-family: "游ゴシック",メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;  color: #333333; width: 100%;  overflow-x: hidden; 
  --themecolor:#83b530;
  --grey:#383838;
  --orange:#ff801f;
  --orange2:#f18736;
  --yellow:#f5ca12;
  --green:#83b530;
  --lighrgreen:#ebebcf;
  --darkgreen:#516037;
  --brown:#372d26;
  --brown2:#8f3f01;
}

address, caption, code, figcaption, pre, th { font-size: 1em; font-weight: normal; font-style: normal; }

blockquote, q { quotes: none; }

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

fieldset, iframe, img { border: 0; }

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

caption, th {  text-align: left; }

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

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

audio, canvas, progress, video { display: inline-block;  vertical-align: baseline; }

sup { vertical-align: text-top; }

sub {  vertical-align: text-bottom; }

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

input, select {
  vertical-align: middle; }

button {background: 0 0;border: 0;box-sizing: content-box;color: inherit;cursor: pointer;font: inherit;line-height: inherit;overflow: visible;vertical-align: inherit; }

button:disabled {cursor: default; }

audio:not([controls]) {display: none; }

:focus[data-focus-method=mouse]:not(input):not(textarea):not(select), :focus[data-focus-method=touch]:not(input):not(textarea):not(select) { outline: 0; }

::-moz-focus-inner {border: 0;padding: 0; }

a, a:link, a:visited {text-decoration: none; }

a:hover {text-decoration: underline; }

a:active { text-decoration: none; }

ul {list-style: none; }

img {display: block;height: auto;max-width: 100%; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;opacity: 1; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;opacity: 1; }

input:-ms-input-placeholder { color: #ccc;opacity: 1; }

input::-webkit-input-placeholder {color: #ccc;opacity: 1; }

::-webkit-scrollbar {width: 6px;background-color: #f3f3f3; border-left: 1px solid #dddddd; }

::-webkit-scrollbar:hover { background-color: transparent; }

::-webkit-scrollbar-thumb {cursor: pointer; background-color: #666; }

::-webkit-scrollbar-thumb:hover {background-color: #333; }

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display: none; }
body p{font-size:18px;font-weight:500;}
@media screen and (max-width: 1720px) {
  body p{font-size:17px;}
}
@media screen and (max-width: 1520px) {
  body p{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  body p{font-size:14px;}
}
/* /Start Reset Css */
@font-face {
  font-family: 'AGOpus';
  src: url('font/AGOPUS ROMAN_0.TTF') format('truetype');
}
@font-face {
  font-family: 'iconfont';
  src: url('iconfont/iconfont.woff2?t=1671514058220') format('woff2'),
       url('iconfont/iconfont.woff?t=1671514058220') format('woff'),
       url('iconfont/iconfont.ttf?t=1671514058220') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ftGothic{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.ftMeiryo{font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.ftMincho{font-family: "游明朝","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS Mincho", "MS 明朝", "Meiryo", serif;}


/* hasbg css */
.hasbg {background-repeat: no-repeat; background-size: cover;background-position: center center; }
.hasbg:after {display: block;content: "";padding-top: 100%; }
.hasbg > img {display: none; }
/* /hasbg */
/* sp mobile-btn and nav css */
.spscreen {display: none; }
@media screen and (max-width: 850px) {
  .spscreen {width: 200px;height: 100vh;position: fixed;z-index: 9999999;background: #333;right: 0;top: 0;transform: translateX(200px);transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);display: block; }
  .spscreen .sp-heading {width: 100%;text-align: center;margin-top: 50px;margin-bottom: 30px;font-size: 24px;text-transform: uppercase;color: #fff; }
  .spscreen nav ul {padding: 0 15px; }
  .spscreen nav ul li:first-child {border-top: 1px solid #5d5d5d; }
  .spscreen nav ul li {border-bottom: 1px solid #5d5d5d; }
  .spscreen nav ul li a {color: #fff;display: flex;flex-direction:column;justify-content:center;align-items:center;text-align: center;text-decoration: none;padding: 10px 0;text-transform: uppercase;transition: .3s; }
  .spscreen nav ul li a:hover {background: #f2f2f2; color: #000; } 
  .spscreen nav ul li a span.ja{font-size:14px;}
  .spscreen nav ul li a span.en{font-size:12px;}
}

.mobilebtn{display:none;}
@media screen and (max-width: 880px) {
  .mobilebtn {position: fixed;z-index: 999999;top: 20px;right: 20px;display: block; }
  .mobilebtn div {width: 30px;height: 20px;background: none;cursor: pointer;display: block;position: relative;right: 0;top: 0;transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); }
  .mobilebtn div span {width: 30px;height: 2px;top: 9px;background: var(--themecolor);display: block;position: absolute;z-index: 5;left: 50%;margin: 0 0 0 -15px;transform-origin: center;-webkit-transform-origin: center;-moz-transform-origin: center;-o-transform-origin: center;-ms-transform-origin: center;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s; }
  .mobilebtn div span:nth-child(1) {-moz-transform: translateY(-9px);-webkit-transform: translateY(-9px);-o-transform: translateY(-9px);-ms-transform: translateY(-9px);transform: translateY(-9px); }
  .mobilebtn div span:nth-child(3) {-moz-transform: translateY(9px);-webkit-transform: translateY(9px);-o-transform: translateY(9px);-ms-transform: translateY(9px);transform: translateY(9px); }
  .mobilebtn .active { transform:translateX(-200px) rotate(180deg); /* */}
  .mobilebtn .active span:nth-child(1) { transform: rotate3d(0, 0, 1, -45deg) !important;
    transform-origin: center center !important;/*0.71429px*/ width: 30px !important; }
  .mobilebtn .active span:nth-child(2) { transform: rotate3d(0, 1, 0, -90deg) !important; width: 0!important;}
  .mobilebtn .active span:nth-child(3) {transform: rotate3d(0, 0, 1, 45deg) !important; transform-origin: center center !important;/*0.71429px */ width: 30px !important; }
  .sp-wrapper-move {transform: translateX(0px) !important; }
}
/* /sp mobile-btn and nav css */
.spscreenmask{position:fixed;top:0;right:0;z-index:999999;background:rgba(0,0,0,0.6);width:0%;height:100%;transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);}
.spscreenmask.spscreenmaskmove{width:100%;}
/*scrolltop*/
.scroll-top{position: fixed;right: 2%;bottom:5%;z-index: 70;transition:.5s;background:var(--themecolor);color:#fff;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;text-decoration:none;padding:15px 10px 10px 10px;border-radius:50%;}
.scroll-top:after{content:"";display:block;width:16px;height:16px;border:solid #fff;border-width:2px 2px 0 0;transform:rotate(-45deg);}
@media screen and (max-width: 1080px) {
  .scroll-top{width: 40px;height: 40px;padding:5px 0 0 0;}
}
/* header css */
header{display:flex;justify-content:space-between;width:100%;background:#fff;position:relative;left:0;transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);}
header.headermove{transform:translateX(-200px);}
.headerfixed{position:fixed;top:0;left:0;z-index:99999;width:100%;box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);-webkit-animation: headeranimation .5s linear  0s 1;animation: headeranimation .5s linear  0s 1;}
@keyframes headeranimation {
  0% {
    transform:translateY(-100%);
    opacity:0;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}
.sitelogo{width:380px;padding:12px 20px;}
.sitelogo a{display:block;transition:.3s;}
.sitelogo a:hover{opacity:0.7;}
.headmain{display:flex;justify-content:space-between;align-items:center;}
/*.mainnavigation*/
.mainnavigation ul{width:100%;display:flex;}
.mainnavigation ul li{display:flex;align-items:center;}
.mainnavigation ul li:not(:last-child):after{content:"";height:80%;border-right:1px solid #e4e4e4;}
.mainnavigation ul li a{text-decoration:none;color:#262020;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 40px;position:relative;}
.mainnavigation ul li a:hover{color:#dda274;}
.mainnavigation ul li a:after{display:block;content:"";width: 0px;height: 0px;border-radius:50%;background: #ff801fba;transition:0.7s;transform: translate(-50%,-50%);position: absolute;left: 50%;top: 50%;z-index: 0;}
.mainnavigation ul li a:hover:after{
  -webkit-animation:hoverMenu 0.5s linear;
    -moz-animation:hoverMenu 0.5s linear;
    -ms-animation:hoverMenu 0.5s linear;
    -o-animation:hoverMenu 0.5s linear;
    animation:hoverMenu 0.5s linear;
}
@keyframes hoverMenu{
  0%{width:0px;height:0px;opacity:1;}
  100%{width:80px;height:80px;opacity: 0;}
}
.mainnavigation ul li a span.ja{color:#262020;font-weight:bolder;font-size:20px;transition:.3s;}
.mainnavigation ul li a:hover span.ja{color:var(--themecolor);}
.mainnavigation ul li a span.en{color:#dda274;font-size:14px;transition:.3s;}
.mainnavigation ul li a:hover span.en{color:#ff8324;}
.speciallinks{display:flex;align-items:center;justify-content:space-between;width:240px;/*520*/}
.lang{width:180px;border:1px solid #e4e4e4;padding:5px;display:flex;align-items:center;justify-content:space-between;}
.lang:before{content:"";width:20px;height:20px;background:url(img/langlogo.png) no-repeat;background-size:contain;background-position:center center;}
.lang:after{content:"";border-width:10px 10px 0 10px;border-style:solid;border-color:#d1d1d1 transparent transparent transparent;margin-left:5px;}
.lang li{border-right:1px solid #e4e4e4;width:100%;text-align:center;}
.lang li a{color:#1d1313;text-decoration:none;font-size:14px;}
a.line{text-decoration:none;color:#38a900;margin:0 20px;}
a.line i{font-size:38px;cursor:pointer;color:#38a900;display:block;transition:.3s;}
a.line:hover i{color:var(--themecolor);}
a.headcontact{text-decoration:none;width:240px;color:#fff;background:var(--themecolor);padding:10px 20px;display:flex;flex-direction: column;justify-content:center;align-items:center;cursor:pointer;line-height:1.2;position:relative;overflow:hidden;}
a.headcontact:before{content:"";position:absolute;top:0;left:0;background:#9b7150;width:100%;height:100%;transform:translateY(-101%);transition:.3s;}
a.headcontact:hover:before{transform:translateY(0%);}
.headcontact i{font-size:20px;position:relative;z-index:10;}
.headcontact span{font-size:18px;letter-spacing:1px;position:relative;z-index:10;}
.headcontact span:first-child{text-transform:uppercase;margin-bottom:5px;}
.headcontact span:last-child{margin-top:5px;}
@media screen and (max-width: 1720px) {
  .sitelogo{width:320px;}
  .mainnavigation ul li a{padding:0 30px;}
  .mainnavigation ul li a span.ja{font-size:16px;}
  .mainnavigation ul li a span.en{font-size:12px;}
  /*.speciallinks{width:380px;}*/
  .lang li a{font-size:12px;}
  .headcontact span{font-size:16px;}
}
@media screen and (max-width: 1520px) {
  .sitelogo{width:240px;padding:15px 10px 15px 20px;}
  .mainnavigation ul li a{padding:0 15px;}
  .headcontact span{font-size:14px;}
  a.line{margin:0 10px;}
}
@media screen and (max-width: 1320px) {
  .sitelogo{width:200px;padding:15px 0px 15px 15px;}
  .mainnavigation ul li a{padding:0 10px;}
  .speciallinks{width:150px/*300*/;}
  .lang{width:130px;}
  .lang:after{border-width:5px 5px 0 5px;}
  .lang li a{font-size:12px;}
  a.line{margin:0 5px;}
  a.line i{font-size:30px;}
  a.headcontact{width:150px;padding:10px 5px;}
  .headcontact i{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .sitelogo{width:160px;padding:5px 0 5px 10px;}
  .mainnavigation ul li a{padding:5px 10px;}
  .mainnavigation ul li a span.ja{font-size:14px;}
  .speciallinks{width:38px;/*245px*/}
  a.line i{font-size:20px;}
  a.headcontact{width:38px;}
  .headcontact span{display:none;}
}
@media screen and (max-width: 960px) {
/*.speciallinks{width:160px;}	*/
}
@media screen and (max-width: 880px) {
  .sitelogo{width:180px;padding:10px 0 10px 20px;}
  .mainnavigation{display:none;}
  .speciallinks{width:50px/*200px*/;margin-right:60px;}
  a.line i{font-size:30px;}
  a.headcontact{width:50px;}
}
@media screen and (max-width: 550px) {
/*   .speciallinks{display:none;} */
	.speciallinks{width:50px;}
	.switcher .selected a span{display:none;}
	.switcher .option{width:50px;}
	.switcher .option a{width:50px;}
	.speciallinks .line,.speciallinks .headcontact{display:none;}
}
/* /header css */

/*banner*/
.banner .bannermain{width:100%;height:80vh;position:relative;}
.banner .bannermain ul li figure{width:100%;height:80vh;position:relative;background-position:center right 10%;}
/* .banner .bannermain ul li figure:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(img/bannermask.png) repeat;opacity:0.7;} */
.banner .bannermain ul li figure:after{padding-top:0%;}
.banner .bannermain .bannertext{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;padding:40px;display:flex;align-items:center;}
.banner .bannermain .bannertext h1{font-size: 38px;letter-spacing:1px;color:#000; text-transform: uppercase;font-weight:normal;text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.3),0px 0px 5px rgba(255, 255, 255, 0.3),0px 0px 5px rgba(255, 255, 255, 0.3),0px 0px 10px rgba(255, 255, 255, 0.3),0px 0px 10px rgba(255, 255, 255,0.3),0px 0px 15px rgba(255, 255, 255, 0.3),0px 0px 15px rgba(255, 255, 255, 0.3),0px 0px 20px rgba(255, 255, 255, 0.3);filter: brightness(1.5) drop-shadow(0 0 10px rgba(255, 255, 255, 0.5)) drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) drop-shadow(0 0 30px rgba(255, 255, 255, 0.6)) drop-shadow(0 0 50px rgba(255, 255, 255, 0.5)) drop-shadow(0 0 60px rgba(255, 255, 255, 0.5));}
.banner .bannermain .bannertext h1 big{font-size:120%;line-height:1.5;font-weight:bolder;position:relative;display:inline-block;}
.banner .bannermain .bannertext h1 small{font-size:80%;line-height:1.5;font-weight:bolder;font-family:"Noto Serif JP",serif;}
@media screen and (max-width: 1520px) {
  .banner .bannermain{height:65vh;}
  .banner .bannermain ul li figure{height:65vh;}
  .banner .bannermain .bannertext h1{font-size:32px;}
}
@media screen and (max-width: 1320px) {
  .banner .bannermain{height:60vh;}
  .banner .bannermain ul li figure{height:60vh;background-position:center right 0%;}
  .banner .bannermain .bannertext h1{font-size:26px;}
}
@media screen and (max-width: 1080px) {
  .banner .bannermain{height:55vh;}
  .banner .bannermain ul li figure{height:55vh;}
  .banner .bannermain .bannertext{padding:20px;}
  .banner .bannermain .bannertext h1{font-size:22px;}
}
@media screen and (max-width: 850px) {
  .banner .bannermain{height:50vh;background-position:center center;}
  .banner .bannermain ul li figure{height:50vh;background-position:right center;}
}
@media screen and (max-width: 550px) {
  .banner .bannermain{height:45vh;}
  .banner .bannermain ul li figure{height:45vh;}
  .banner .bannermain .bannertext h1{font-size:18px;}
}

/*pagebanner*/
.pagebanner{position:relative;}
.pagebanner figure{width:100%;height:auto;/* height:45vh;*/}
/* .pagebanner figure:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(img/bannermask.png) repeat;opacity:0.2;} */
.pagebanner figure:after{padding-top:0%;}
.pagebannertext{position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;display:flex;align-items:center;padding:40px;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS Mincho", "MS 明朝", "Meiryo", serif;}
.pagebannertext h1{font-size: 38px;line-height:1.8;letter-spacing:3px;color:#fff; text-transform: uppercase; text-shadow: 0px 2px 3px rgba(34, 34, 34, 0.36);}
.pagebannertext h3{font-size:26px;letter-spacing:5px;color:#fff;text-shadow: 0px 2px 3px rgba(34, 34, 34, 0.36);}
@media screen and (max-width: 1320px) {
/*   .pagebanner figure{height:38vh;} */
  .pagebannertext h1{font-size:32px;}
  .pagebannertext h3{font-size:20px;}
}
@media screen and (max-width: 1080px) {
/*   .pagebanner figure{height:35vh;background-position:right 10% center;} */
/* 	.aboutusbanner figure{background-position:center center;} */
	.pagebannertext{padding:30px 20px;}
  .pagebannertext h1{font-size:26px;}
  .pagebannertext h3{font-size:16px;}
}
@media screen and (max-width: 850px) {
/*   .pagebanner figure{height:25vh;} */
  .pagebannertext h1{font-size:20px;}
  .pagebannertext h3{font-size:14px;}
}
@media screen and (max-width: 550px) {
  .pagebanner figure img{width:100%;height:12vh;}
}

/*public*/
.part{width:100%;padding:0 40px;margin:60px auto;}
.wrapper_1720{width:100%;max-width:1720px;margin:0 auto;}
.wrapper_1520{width:100%;max-width:1520px;margin:0 auto;}
.wrapper_1320{width:100%;max-width:1320px;margin:0 auto;}
@media screen and (max-width: 1080px) {
  .part{padding:0 20px;margin:40px auto;}
}

/*layout*/
.layout{display:flex;flex-wrap: wrap;}
.betweenside{display:flex;justify-content:space-between;flex-wrap: wrap;}
.reversal{flex-direction:row-reverse;}
.layout .lycol2{width:50%;}
.layout .lycol3{width:33.333333%;}
.layout .lycol4{width:25%;}
.layout .lycol5{width:20%;}
.layout .lycol6{width:16.666667%;}

.webtitle{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:50px;}
.webtitle h2{font-size:42px;letter-spacing:5px;text-transform:uppercase;}
.webtitle h5{font-size:28px;letter-spacing:10px;}
.hasline{display:flex;justify-content:space-between;align-items:center;}
.hasline:before{content:"";width:20px;border-top:1px solid #252525;margin-right:30px;}
.hasline:after{content:"";width:20px;border-top:1px solid #252525;margin-left:30px;}
@media screen and (max-width:1720px){
  .webtitle h2{font-size:38px;}
  .webtitle h5{font-size:24px;}
}
@media screen and (max-width:1320px){
  .webtitle h2{font-size:32px;letter-spacing:3px;}
  .webtitle h5{font-size:20px;}
}
@media screen and (max-width:1080px){
  .webtitle{margin-bottom:30px;}
  .webtitle h2{font-size:26px;letter-spacing:1px;}
  .webtitle h5{font-size:16px;}
  .hasline:before{width:10px;margin-right:15px;}
  .hasline:after{width:10px;margin-left:15px;}
}
@media screen and (max-width:850px){
  .webtitle h2{font-size:20px;letter-spacing:0px;}
  .webtitle h5{font-size:14px;letter-spacing:5px;}
}

/*colortext*/
.colorred{color:#d73622;}
.bgorange{background:var(--orange2);}
.bgyellow{background:var(--yellow);}
.bggreen{background:var(--green);}
.notes{text-indent:-1em;padding-left:1em;}
/*figure*/
.figure{display:flex;}
.figure figcaption{width:100px;background:var(--themecolor);color:#fff;writing-mode:tb-rl;text-align:center;text-transform:uppercase;padding:10px;font-size:26px;display:flex;justify-content:center;align-items:center;font-weight:bold;letter-spacing:2px;}
.figure div:after{padding-top:70%;}
@media screen and (max-width:1320px){
  .figure figcaption{width:80px;font-size:22px;}
}
@media screen and (max-width:1080px){
  .figure figcaption{width:80px;font-size:18px;}
}

/*webbtn*/
.webbtn{border-radius:3px;text-decoration:none;font-weight:bolder;padding:10px 20px;font-size:18px;line-height:100%;text-transform:uppercase;transition:.3s;}
.webbtn.orangebtn{border:2px solid var(--orange);border-radius:5px;color:var(--orange);background:#fff;}
.webbtn.orangebtn:hover{background:var(--orange);color:#fff;}
.webbtn.greybtn{border:2px solid var(--grey);border-radius:5px;color:var(--grey);/*background:#fff;*/}
.webbtn.greybtn:hover{background:var(--grey);color:#fff;}
.webbtn.whitebtn{border:2px solid #fff;border-radius:5px;color:#fff;}
.webbtn.whitebtn:hover{background:#fff;color:var(--themecolor);}
.webbtn i{position:relative;width:60px;margin-left:15px;transition:.3s;}
.webbtn:hover i{transform:translateX(5px);}
.webbtn i:before{content:"";position:absolute;left:0;bottom:0;width:60px;border:1px solid #000;transition:.3s;}
.webbtn i:after{content:"";position:absolute;right:0;bottom:0;width:20px;border:1px solid #000;transform: rotate(45deg);transform-origin:right bottom;transition:.3s;}
.webbtn.orangebtn i:before{border-color:var(--orange);}
.webbtn.orangebtn i:after{border-color:var(--orange);}
.webbtn.orangebtn:hover i:before,.webbtn.orangebtn:hover i:after{border-color:#fff;}
.webbtn.greybtn i:before{border-color:var(--grey);}
.webbtn.greybtn i:after{border-color:var(--grey);}
.webbtn.greybtn:hover i:before,.webbtn.greybtn:hover i:after{border-color:#fff;}
.webbtn.whitebtn i:before{border-color:#fff;}
.webbtn.whitebtn i:after{border-color:#fff;}
.webbtn.whitebtn:hover i:before,.webbtn.whitebtn:hover i:after{border-color:var(--themecolor);}
.webbtnmenu{display:flex;justify-content:center;margin:30px auto 0;}
.webbtnmenu .webbtn{width:250px;text-decoration:none;display:flex;justify-content:center;padding:20px 10px;border-radius:0;}
.webbtnmenu .webbtn span{font-weight:bolder;}
@media screen and (max-width:1520px){
  .webbtn{font-size:16px;}
}
@media screen and (max-width:1080px){
  .webbtn{padding:5px 10px;font-size:14px;}
  .webbtnmenu .webbtn{width:200px;padding:15px 10px;}
}
.banbtn{margin:20px auto;}
.banbtn a{text-decoration:none;background:var(--themecolor);border:1px solid var(--themecolor);padding:10px 30px;font-size:18px;color:#fff;font-weight:bold;display:flex;justify-content:center;align-items:center;width:390px;transition:.3s;}
.banbtn a:hover{background:#fff;color:var(--themecolor);}
.banbtn a i{font-size:20px;margin-right:20px;}
.banbtn a span{}
.banbtn a:after{content:"";display:block;width:8px;height:8px;border:solid #fff;border-width:1px 1px 0 0;transform:rotate(45deg);margin-left:20px;}
.banbtn a:hover:after{border-color:var(--themecolor);}
@media screen and (max-width:1720px){
  .banbtn a{font-size:16px;}
}
@media screen and (max-width:1080px){
  .banbtn a{width:300px;font-size:14px;padding:10px 20px;}
}
@media screen and (max-width:850px){
  .banbtn a{width:240px;padding:10px;}
  .banbtn a i{margin-right:10px;}
  .banbtn a:after{margin-left:10px;}
}

/*wide*/
.wide p{text-align:center;font-size:18px;line-height:1.6;}
.wide .widetel{display:flex;justify-content:center;align-items:center;text-decoration:none;color:var(--themecolor);margin:30px auto;width:100%;max-width:420px;transition:.3s;}
.wide .widetel:hover{color:#9b7150;}
.widetel i{font-size:50px;margin-right:20px;}
.widetel span{font-size:50px;}
@media screen and (max-width: 1720px) {
  .wide p{font-size:16px;}
  .wide .widetel{margin:25px auto;}
  .widetel i{font-size:42px;}
  .widetel span{font-size:42px;}
}
@media screen and (max-width: 1320px) {
  .wide .widetel{margin:20px auto;}
  .widetel i{font-size:36px;}
  .widetel span{font-size:36px;}
}
@media screen and (max-width: 1080px) {
  .wide p{font-size:14px;}
  .wide .widetel{margin:10px auto;}
  .widetel i{font-size:30px;margin-right:10px;}
  .widetel span{font-size:30px;}
}

/*patent*/
.patent{display:flex;justify-content:space-between;flex-wrap:wrap;}
.patent .patentpic{width:430px;}
.patent .patentpic figure{width:100%;border:2px solid #e0e0e0;padding:3px;}
.patent .patenttext{width:calc(100% - 520px);}
.patent .patenttext h2{font-size:48px;margin-bottom:45px;}
.patent .patenttext p{margin-bottom:30px;letter-spacing:2px;line-height:1.8;}
.patent .patenttext p.textright{text-align:right;font-weight:bold;text-shadow:1px 1px #000;}
@media screen and (max-width: 1720px) {
  .patent .patenttext h2{font-size:42px;}
}
@media screen and (max-width: 1320px) {
  .patent .patenttext{width:calc(100% - 470px);}
  .patent .patenttext h2{font-size:36px;margin-bottom:35px;}
  .patent .patenttext p{margin-bottom:30px;}
}
@media screen and (max-width: 1080px) {
  .patent .patentpic{width:360px;}
  .patent .patenttext{width:calc(100% - 380px);}
  .patent .patenttext h2{font-size:30px;margin-bottom:30px;}
  .patent .patenttext p{margin-bottom:20px;letter-spacing:1px; }
}
@media screen and (max-width: 850px) {
  .patent .patentpic{width:300px;}
  .patent .patenttext{width:calc(100% - 320px);}
  .patent .patenttext h2{font-size:24px;}
  .patent .patenttext p{margin-bottom:10px;}
}
@media screen and (max-width: 650px) {
  .patent .patentpic{width:100%;max-width:300px;margin:0 auto 20px;}
  .patent .patenttext{width:100%;}
  .patent .patenttext h2{font-size:20px;margin-bottom:15px;}
}

/*googlemap*/
.googlemap{width:100%;height:580px;overflow:hidden;line-height:1;}
.googlemap iframe{width:100%;height:580px;background:url(img/googlemap.jpg) no-repeat;background-size:cover;background-position:center;}
@media screen and (max-width:1720px){
  .googlemap{height:550px;}
  .googlemap iframe{height:550px;}
}
@media screen and (max-width:1320px){
  .googlemap{height:500px;}
  .googlemap iframe{height:500px;}
}
@media screen and (max-width:1080px){
  .googlemap{height:450px;}
  .googlemap iframe{height:450px;}
}
@media screen and (max-width:850px){
  .googlemap{height:350px;}
  .googlemap iframe{height:350px;}
}
@media screen and (max-width:650px){
  .googlemap{height:300px;}
  .googlemap iframe{height:300px;}
}

.tablelist{margin-top:80px;}
.tablelist > dl{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;padding:30px 0;}
.tablelist > dl:not(:last-child){border-bottom:1px solid #a1a1a1;}
.tablelist > dl > dt{width:180px;font-size:22px;font-weight:bold;}
.tablelist > dl > dd{width:calc(100% - 180px);}
.tablelist > dl > dd strong{font-size:24px;}
@media screen and (max-width: 1320px) {
  .tablelist{margin-top:60px;}
  .tablelist > dl > dt{width:140px;font-size:18px;}
  .tablelist > dl > dd{width:calc(100% - 140px);}
  .tablelist > dl > dd strong{font-size:20px;}
}
@media screen and (max-width: 1080px) {
  .tablelist{margin-top:30px;}
  .tablelist > dl{padding:20px 0;}
  .tablelist > dl > dt{width:120px;font-size:16px;}
  .tablelist > dl > dd{width:calc(100% - 120px);}
  .tablelist > dl > dd strong{font-size:18px;}
}
@media screen and (max-width: 650px) {
  .tablelist > dl > dt{padding-bottom:5px;margin-bottom:10px;border-bottom:1px dashed #ddd;}
  .tablelist > dl > dt,.tablelist > dl > dd{width:100%;}
}
/*tablesub*/
.tablesub > dl{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;padding:10px 0;font-size:18px;} 
.tablesub > dl:not(:last-child){border-bottom:1px dotted #666;}
.tablesub > dl > dt{width:120px;font-weight:bold;}
.tablesub > dl > dd{width:calc(100% - 140px);}
@media screen and (max-width: 1720px) {
  .tablesub > dl{font-size:16px;}
}
@media screen and (max-width: 1320px) {
  .tablesub > dl > dd{width:calc(100% - 120px);}
}
@media screen and (max-width: 1080px) {
  .tablesub > dl{font-size:14px;padding:7px 0;}
  .tablesub > dl > dt{width:100px;}
  .tablesub > dl > dd{width:calc(100% - 120px);}
}
@media screen and (max-width: 550px) {
  .tablesub > dl > dt{margin-bottom:5px;}
  .tablesub > dl > dt,.tablesub > dl > dd{width:100%;}
}

/*newslist*/
.newslist{display:none;}
.newslist.show{display:block;}
.newslist li{padding:15px 0 15px 50px;cursor:pointer;transition:.3s;}
.newslist li:hover{background:rgba(131,181,48,0.3);}
.newslist li a{display:flex;align-items:center;flex-wrap:wrap;color:#2a2727;text-decoration:none;font-size:18px;}
.newslist li a span{width:100px;font-weight:bolder;}
.newslist li a em{width:80px;font-style:normal;margin-left:30px;text-transform:uppercase;text-align:center;}
.newslist li a p{margin-left:30px;width:calc(100% - 260px);}
.tagorange{background:var(--themecolor);padding:5px 10px;border-radius:5px;color:#fff;}
.tagyellow{background:var(--yellow);padding:5px 10px;border-radius:5px;color:#333;}
.tagbrown{background:#9b7150;padding:5px 10px;border-radius:5px;color:#fff;}
@media screen and (max-width:1720px){
  .newslist li a{font-size:16px;}
}
@media screen and (max-width:1320px){
  .newslist li{padding:15px 20px;}
}
@media screen and (max-width:1080px){
  .newslist li{padding:10px;}
  .newslist li a{font-size:14px;}
  .newslist li a span{width:80px;}
  .newslist li a em{margin-left:15px;}
  .newslist li a p{margin-left:15px;width:calc(100% - 200px);}
}
@media screen and (max-width:850px){
  .newslist li{border-bottom:1px dashed #d0d0d0;padding:15px 5px;}
  .newslist li a p{width:100%;margin-left:0;margin-top:5px;}
}

/*paging*/
.paging{margin-top:50px;display:flex;justify-content:center;align-items:center;}
.paging .prev.page-numbers{margin-right:20px;border-right:0;}
.paging .next.page-numbers{margin-left:20px;border-right:0;}
.paging .prev,.paging .next{text-align: center;color:#000; text-decoration:none;font-size:20px;font-weight:bolder;line-height:1.1;}
.paging .page-numbers{ padding:0 20px;text-align: center;color:#000; text-decoration:none;font-size:20px;font-weight:bolder;line-height:1.1;border-right:1px solid #000;}
.paging .page-numbers:nth-last-child(2){border-right:0;}
.paging .page-numbers:hover{color:var(--themecolor);}
.paging .page-numbers.current{color:var(--themecolor);}
.paging .page-numbers.current:hover{color:var(--themecolor);}
@media screen and (max-width: 1720px) {
  .paging .page-numbers,.paging .prev,.paging .next{font-size:18px;}
}
@media screen and (max-width: 1320px) {
  .paging .page-numbers,.paging .prev,.paging .next{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .paging .prev{margin-right:10px;font-size:14px;}
  .paging .next{margin-left:10px;font-size:14px;}
  .paging .page-numbers{padding:0 10px;font-size:14px;}
}

/*tabmenu*/
.tabmenu{display:flex;justify-content:flex-end;position:relative;margin-bottom:30px;}
.tabmenu:after{content:"";position:absolute;left:0;bottom: -15px;width:100%;height:15px;background:url(img/tabmenu.png) no-repeat;background-size:cover;background-position:center;}
.tabmenu li{text-transform:uppercase;margin:0 10px;padding:10px 20px;width:200px;font-size:24px;text-align:center;list-style:none;border-radius:5px 5px 0 0;position:relative;z-index:10;cursor:pointer;}
.tabmenu li a{color:#fff;text-decoration:none;display:block;width:100%;height:100%;}
@media screen and (max-width: 1720px) {
  .tabmenu li{width:180px;padding:5px 10px;font-size:20px;}
}
@media screen and (max-width: 1080px) {
  .tabmenu li{width:150px;font-size:16px;}
}
@media screen and (max-width: 850px) {
  .tabmenu li{width:80px;margin:0 5px;}
}

/*topics*/
.topics p{font-size:18px;line-height:1.8;letter-spacing:1px;margin-bottom:45px;}
.topics p a{color:var(--themecolor);/*font-weight:bold;*/text-decoration:underline;}
.topicstitle{margin-bottom:60px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;}
.topicstitle span{font-size:18px;}
.topicstitle h3{font-size:26px;}
.topics > figure{width:100%;margin-bottom:50px;}
.topics > figure:after{padding-top:50%;}
.topicspictext{display:flex;justify-content:space-between;flex-wrap:wrap;}
.topicspic{width:calc(50% - 30px);}
.topicspic figure:after{padding-top:70%;}
.topicstext{width:calc(50% - 30px);}
@media screen and (max-width:1720px){
  .topics p{font-size:16px;margin-bottom:35px;}
  .topicstitle{margin-bottom:50px;}
  .topicstitle span{font-size:16px;}
  .topicstitle h3{font-size:22px;}
  .topics > figure{margin-bottom:35px;}
  .topics > figure:after{padding-top:45%;}
  .topicspic{width:calc(50% - 20px);}
  .topicstext{width:calc(50% - 20px);}
}
@media screen and (max-width:1320px){
  .topics p{margin-bottom:25px;}
  .topicstitle h3{font-size:20px;}
  .topics > figure{margin-bottom:30px;}
}
@media screen and (max-width:1080px){
  .topics p{font-size:14px;margin-bottom:20px;line-height:1.6;letter-spacing:1px;}
  .topicstitle{margin-bottom:30px;justify-content:flex-start;}
  .topicstitle span{font-size:14px;margin-right:10px;}
  .topicstitle h3{font-size:18px;}
  .topics > figure{margin-bottom:20px;}
  .topicspic{width:calc(50% - 10px);}
  .topicstext{width:calc(50% - 10px);}
}
@media screen and (max-width:650px){
  .topicspic{width:100%;max-width:450px;margin:0 auto 20px;}
  .topicstext{width:100%;}
}

.pagepost{ margin-top: 50px; display:flex;justify-content:center;flex-wrap:wrap;}
.pagepost a{font-weight:bold;font-size:20px;color:#000;text-decoration:none;transition:.3s;}
.pagepost a:hover{color: var(--themecolor);}
.pagepost .returnlist{padding:0 20px;}
.pagepost .returnlist:before{content:"";height:100%;border-right:1px solid #d1d1d1;margin-right:20px;}
.pagepost .returnlist:after{content:"";height:100%;border-right:1px solid #d1d1d1;margin-left:20px;}
.pagepost .prevpost{}
.pagepost .nextpost{}
@media screen and (max-width:1720px){
  .pagepost a{font-size:18px;}
}
@media screen and (max-width:1080px){
  .pagepost{ margin-top: 30px;}
  .pagepost a{font-size:16px;}
}
@media screen and (max-width:850px){
  .pagepost a{font-size:14px;}
}
@media screen and (max-width:650px){
  .pagepost{justify-content:space-between;}
  .pagepost .returnlist{order:1;width:100%; margin:10px auto;text-align:center;}
}
@media screen and (max-width:420px){
  .pagepost a{font-size:12px;}
}

/*publiccontact*/
.hasdottbg{background:url(img/publiccontactbg.png) repeat;}
.publiccontact{padding:60px 40px;width:100%;}
.publiccontact ul{margin-left:-160px;margin-top:-36px;}
.publiccontact ul li{padding-left:160px;margin-top:36px;}
.publiccontact ul li a{display:flex;justify-content:center;align-items:center;text-decoration:none;text-transform:uppercase;font-size:26px;background:#fff;padding:15px 60px;transition:.3s;}
.publiccontact ul li a i{font-size:30px;}
.publiccontact ul li a span{margin-left:30px;font-weight:bolder;font-family:"AGOpus",serif;}
.btnbrown{border:2px solid #86644a;color:#86644a;}
.btnbrown:hover{box-shadow:0 0 10px #86644a;}
.btngrass{border:2px solid #5c562f;color:#5c562f;}
.btngrass:hover{box-shadow:0 0 10px #5c562f;}
.btngreen{border:2px solid #366021;color:#366021;}
.btngreen:hover{box-shadow:0 0 10px #366021;}
@media screen and (max-width: 1320px) {
  .publiccontact ul li a{padding:10px 30px;font-size:22px;}
  .publiccontact ul li a i{font-size:26px;}
  .publiccontact ul li a span{margin-left:20px;}
}
@media screen and (max-width: 1080px) {
  .publiccontact{padding:40px 20px;}
  .publiccontact ul{margin-left:-20px;margin-top:-20px;}
  .publiccontact ul li{padding-left:20px;margin-top:20px;}
  .publiccontact ul li a{padding:10px;font-size:18px;}
  .publiccontact ul li a i{font-size:22px;}
  .publiccontact ul li a span{margin-left:10px;}
}
@media screen and (max-width: 650px) {
  .publiccontact ul.layout li.lycol3{width:50%;}
  .publiccontact ul.layout li.lycol2{width:50%;}
}
@media screen and (max-width: 450px) {
  .publiccontact ul.layout li.lycol3{width:100%;}
  .publiccontact ul.layout li.lycol2{width:100%;}
  /*.publiccontact ul li a span{width:120px;}*/
}
/*/publiccontact*/
/*/public*/
/*page contact*/
.contact{width:100%;max-width:860px;margin:60px auto;}
.contact .wide{margin:50px auto;}
@media screen and (max-width: 1080px) {
  .contact{margin:40px auto;}
  .contact .wide{margin:30px auto;}
}
.contactstep{width:100%;max-width:560px;margin:0 auto 60px;}
.contactstep ol{display:flex;justify-content:space-between;align-items: center;}
.contactstep ol li{list-style: none;position:relative;}
.contactstep ol li:not(:last-child):after{content:"";position:absolute;left:50%;top:10px;z-index:0;display:block; width:350%;border:1px solid #d0d0d0;}
.contactstep ol li span{font-size:18px;position:relative;display:flex;flex-direction:column;align-items:center;}
.contactstep ol li span:before{content:"";display:block;position:relative;z-index:10;margin-bottom:20px;width:20px;height:20px;border-radius:50%;background:var(--themecolor);}
.contactstep ol li.active:before{content:"";position:absolute;top:calc(-50% + 26px);left:calc(50% - 18px);z-index:10;display:block;width:36px;height:36px;border-radius:50%;background: var(--darkgreen);}
@media screen and (max-width:1520px){
  .contactstep{max-width:500px;}
  .contactstep ol li:not(:last-child):after{width:330%;}
  .contactstep ol li span{font-size:16px;}
  .contactstep ol li span:before{margin-bottom:24px;}
}
@media screen and (max-width:1080px){
  .contactstep{max-width:380px;}
  .contactstep ol li:not(:last-child):after{width:300%;}
  .contactstep ol li.active:before{top:calc(-50% + 24px);}
  .contactstep ol li span{font-size:14px;}
}
@media screen and (max-width:768px){
  .contactstep{max-width:300px;}
  .contactstep ol li:not(:last-child):after{width:220%;top:7px;}
  .contactstep ol li.active:before{top:calc(-50% + 24px);left:calc(50% - 14px);width:28px;height:28px;}
  .contactstep ol li span:before{width:16px;height:16px;}
}
/*.form*/
.form dl{margin-bottom:20px;font-size:18px;}
.form dl dt{margin-bottom:15px;font-weight:bolder;}
.form .webbtnlist{display:flex;flex-wrap:wrap;justify-content:center;margin-top:50px;}
.form .webbtnlist .webbtn{border:1px solid #7a6f5d;color:#7a6f5d;font-weight:normal;padding:20px 50px;width:100%;max-width:300px;margin:0 10px;cursor:pointer;}
.form .webbtnlist .webbtn:hover{background:#7a6f5d;color:#fff;}
.form input[type="text"],.form input[type="email"],.form input[type="tel"],textarea{width:100%;padding:10px;border-radius:3px;background:#f1f1f1;border:1px solid #f1f1f1;}
.form input[type="text"]:focus,.form input[type="email"]:focus,.form input[type="tel"]:focus,textarea:focus{border:1px solid var(--darkgreen);}
.confirm.form dl dd{background:#f1f1f1;border:1px solid #f1f1f1;}
@media screen and (max-width:1520px){
  .form dl{font-size:16px;}
}
@media screen and (max-width:1080px){
  .form dl{font-size:14px;}
  .form dl dt{margin-bottom:10px;}
  .form .webbtnlist{margin-top:30px;}
  .form .webbtnlist .webbtn{max-width:200px;padding:15px 30px;}
}
/*/page contact*/
/*page index*/
/*greeting*/
.greeting .patent .patenttext{padding-top:38px;position:relative;}
.greeting .patent .patenttext .greetingbg{position:absolute;top:-3%;left:0;color:#f3f3f3;font-size:160px;line-height:100%;text-transform:uppercase;font-family:"AGOpus", sans-serif;}
.greeting .patent .patenttext h2{position:relative;z-index:10;}
@media screen and (max-width:1720px){
  .greeting .patent .patenttext .greetingbg{font-size:160px;}
}
@media screen and (max-width:1320px){
  .greeting .patent .patenttext .greetingbg{font-size:100px;}
}
@media screen and (max-width:1080px){
  .greeting .patent .patenttext{padding-top:30px;}
  .greeting .patent .patenttext .greetingbg{font-size:70px;}
}
@media screen and (max-width:850px){
  .greeting .patent .patenttext .greetingbg{font-size:38px;}
}
/*indexnewsmenu*/
.indexnewsmenu{display:flex;justify-content:flex-end;}
.indexnewsmenu li{list-style:none;margin:0 10px;padding:10px 20px;border-radius:5px 5px 0 0;text-transform:uppercase;font-size:24px;width:220px;text-align:center;cursor:pointer;}
.indexnews{width:100%;padding:50px;border:3px solid #e4e4e4;}
.indexnewsbtn{margin:30px auto 0;}
@media screen and (max-width:1320px){
  .indexnewsmenu li{font-size:20px;width:180px;}
  .indexnews{padding:30px;}
  .indexnewsbtn{margin:20px auto 0;}
}
@media screen and (max-width:1080px){
  .indexnews{padding:20px;}
  .indexnewsmenu li{font-size:16px;width:150px;}
  .indexnewsbtn{margin:10px auto 0;}
}
/*service*/
.service{display:flex;flex-wrap:wrap;}
.service .servicetext{width:55%;position:relative;z-index:10;display:flex;justify-content:flex-end;}
.service .servicetext:after{content:"";position:absolute;top:0;right:0;background:var(--green);width:200px;height:100%;transform:skewX(-15deg);transform-origin:right bottom;}
.service .servicetext .servicetextmain{width:100%;max-width:760px;color:#fff;position:relative;z-index:10;padding:30px 0 30px 40px;}
.service .servicetext .servicetextmain h2{font-size:36px;letter-spacing:10px;/*display:inline-block;*/margin-bottom:10px;padding-bottom:10px;position:relative;}
.service .servicetext .servicetextmain h2:after{content:"";width:38%;display:block;position:absolute;left:0;bottom:0px;border-bottom:1px solid #fff;}
.service .servicetext .servicetextmain h3{font-size:28px;letter-spacing:2px;margin-bottom:30px;}
.service .servicetext .servicetextmain p{margin-bottom:30px;}
.service .servicetext .servicetextmain .webbtnmenu{justify-content:flex-start;}
.service .servicetext .servicetextmain .webbtnmenu .webbtn{border-radius:0;font-weight:bolder;}
.service figure{width:45%;}
.service figure:after{padding-top:60%;}
@media screen and (max-width:1720px){
  .service .servicetext .servicetextmain h2{font-size:30px;letter-spacing:6px;}
  .service .servicetext .servicetextmain h3{font-size:22px;}
  .service .servicetext .servicetextmain p{margin-bottom:20px;}
}
@media screen and (max-width:1080px){
  .service .servicetext .servicetextmain{padding:20px 0 20px 20px;}
  .service .servicetext .servicetextmain h2{font-size:24px;}
  .service .servicetext .servicetextmain h3{font-size:16px;margin-bottom:20px;}
  .service .servicetext .servicetextmain p{margin-bottom:10px;}
}
@media screen and (max-width:850px){
  .service .servicetext {width:100%;justify-content:center;}
  .service .servicetext .servicetextmain{ padding:20px;}
  .service .servicetext:after{display:none;}
  .service figure{width:100%;}
}

/*indexabout*/
.indexabout{padding:120px 40px;width:100%;position:relative;overflow:hidden;}
.indexabout:before{content:"";position:absolute;right:-55px;top:0;width:50%;height:300px;background:var(--lighrgreen);transform:skewX(-15deg);}
.indexabout:after{content:"";position:absolute;left:-55px;bottom:0;width:50%;height:355px;background:var(--lighrgreen);transform:skewX(-15deg);}
.indexaboutmain{background:url(img/indexabout.jpg) no-repeat;background-size:cover;background-position:center;display:flex;justify-content:flex-end;padding:0 100px 50px 100px;position:relative;z-index:10;}
.indexabouttext{width:50%;max-width:570px;margin-top:-50px;padding:30px 50px 20px 50px;color:#222;}
.indexabouttext hgroup{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;margin-bottom:30px;}
.indexabouttext hgroup h2{font-size:42px;text-transform:uppercase;font-family:"AGOpus",serif;}
.indexabouttext hgroup h5{font-size:20px;margin-left:10px;}
.indexabouttext p{margin-bottom:20px;letter-spacing:2px;font-weight:bolder;}
.indexabouttext .webbtn{border-radius:0;}
@media screen and (max-width:1720px){
  .indexabout:before{width:55%;}
  .indexaboutmain{padding:0 50px 40px 50px;}
  .indexabouttext{max-width:520px;padding:30px 30px 20px 30px;}
  .indexabouttext hgroup h2{font-size:36px;}
}
@media screen and (max-width:1520px){
  .indexabouttext{max-width:450px;padding:20px;}
  .indexabouttext p{margin-bottom:15px;}
}
@media screen and (max-width:1080px){
  .indexabout{padding:80px 20px;}
  .indexaboutmain{padding:0 20px 20px 20px;}
  .indexabouttext{max-width:420px;padding:20px;}
  .indexabouttext hgroup{margin-bottom:20px;}
  .indexabouttext hgroup h2{font-size:30px;}
  .indexabouttext hgroup h5{font-size:16px}
}
@media screen and (max-width: 850px){
  .indexabout{padding:40px 20px;}
  .indexabout:before,.indexabout:after{display:none;}
  .indexaboutmain{padding:20px;}
  .indexabouttext{margin:0 auto;width:100%;background:rgba(245,202,18,0.8);}
  .indexabouttext hgroup h2{font-size:24px;}
}
/*/page index*/

/*page business*/
.businesstop{display:flex;justify-content:space-between;flex-wrap:wrap;}
.businesstop .businesstoppic{width:calc(50% - 10px);}
.businesstop .businesstoptext{width:calc(50% - 30px);}
.businesstop .businesstoptext p{margin-bottom:20px;}
@media screen and (max-width:1080px){
  .businesstop .businesstoppic{width:calc(50% - 10px);}
  .businesstop .businesstoptext{width:calc(50% - 10px);}
  .businesstop .businesstoptext p{margin-bottom:10px;}
}
@media screen and (max-width:850px){
  .businesstop .businesstoppic{width:100%;max-width:660px;margin:0 auto 20px;}
  .businesstop .businesstoptext{width:100%;}
}
@media screen and (max-width:550px){
  .notes br{display:none;}
}

.businessbottom{margin-top:80px;}
.businessbottom > ul{margin-bottom:-30px;margin-left:-30px;}
.businessbottom > ul > li{margin-bottom:30px;padding-left:30px;}
.businessbottom > ul > li.first{display:flex;flex-wrap:wrap;width:66.666667%;}
.businessbottom > ul > li.first ol{width:50%;}
.businessbottom > ul > li.first ol.list:last-child{border-left:0;}
@media screen and (max-width:1720px){
  .businessbottom{margin-top:60px;}
}
@media screen and (max-width:1080px){
  .businessbottom{margin-top:30px;}
  .businessbottom > ul{margin-bottom:-20px;margin-left:-20px;}
  .businessbottom > ul > li{margin-bottom:20px;padding-left:20px;}
}
@media screen and (max-width:850px){
  .businessbottom > ul > li.first{width:100%;}
  .businessbottom > ul.layout > li.lycol3{width:50%;}
}
@media screen and (max-width:550px){
  .businessbottom > ul > li.first ol{width:100%;}
  .businessbottom > ul > li.first ol.list:last-child{border-top:0;}
  .businessbottom > ul > li.first ol.list:last-child{border-left:1px solid #8d8d8d;}
  .businessbottom > ul.layout > li.lycol3{width:100%;}
}

/*list*/
.list{border:1px solid #8d8d8d;}
.list li{font-size:18px;list-style:none;padding:14px;min-height:60px;display:flex;align-items:center;}
.list li.listgreen{background:#4398a3;color:#fff;font-size:24px;font-weight:bold;padding:10px 15px;}
.list li:not(:last-child){border-bottom:1px solid #8d8d8d;}
@media screen and (max-width:1720px){
  .list li{font-size:16px;min-height:55px;}
  .list li.listgreen{font-size:20px;}
}
@media screen and (max-width:1080px){
  .list li{font-size:14px;min-height:50px;padding:10px;}
  .list li.listgreen{font-size:18px;padding:5px 10px;}
}
@media screen and (max-width:850px){
  .list li{min-height:45px;}
  .list li.listgreen{font-size:16px;}
}
@media screen and (max-width:550px){
  .list li{min-height:auto;padding:5px 10px;}
  .list li.listgreen{padding:5px 10px;}
}
/*/page business*/
/*page aboutus*/
.philosophytop{display:flex;flex-wrap:wrap;justify-content:space-between;}
.philosophytop .philosophytoppic{width:580px;}
.philosophytop .philosophytoptext{width:calc(100% - 620px);}
.philosophytop .philosophytoptext p{margin-bottom:50px;letter-spacing:2px;line-height:1.8;}
.philosophytop .philosophytoptext p strong{font-size:120%;}
@media screen and (max-width:1720px){
  .philosophytop .philosophytoptext p{margin-bottom:30px;}
}
@media screen and (max-width:1320px){
  .philosophytop .philosophytoppic{width:520px;}
  .philosophytop .philosophytoptext{width:calc(100% - 560px);}
}
@media screen and (max-width:1080px){
  .philosophytop .philosophytoppic{width:460px;}
  .philosophytop .philosophytoptext{width:calc(100% - 480px);}
  .philosophytop .philosophytoptext p{margin-bottom:20px;letter-spacing:1px;}
}
@media screen and (max-width:850px){
  .philosophytop .philosophytoppic{width:calc(45% - 10px);}
  .philosophytop .philosophytoptext{width:calc(55% - 10px);}
}
@media screen and (max-width:650px){
  .philosophytop .philosophytoppic{width:100%;max-width:320px;margin:0 auto 20px;}
  .philosophytop .philosophytoptext{width:100%;}
  .philosophytop .philosophytoptext p{margin-bottom:10px;}
}

.aboutinfo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:80px auto;}
.aboutinfo .aboutinfotext{width:calc(50% + 100px);position:relative;z-index:10;margin-right:-100px;padding:30px;background:#fff;}
.aboutinfo .aboutinfopic{width:calc(50% + 200px);margin-left:-200px;}
.aboutinfo .aboutinfopic figure:after{padding-top:60%;}
@media screen and (max-width:1320px){
  .aboutinfo{margin:60px auto;}
  .aboutinfo .aboutinfotext{width:calc(50% + 80px);margin-right:-80px;}
  .aboutinfo .aboutinfopic{width:calc(50% + 160px);margin-left:-160px;}
}
@media screen and (max-width:1080px){
  .aboutinfo{margin:30px auto;}
  .aboutinfo .aboutinfotext{width:calc(50% + 50px);margin-right:-50px;padding:20px;}
  .aboutinfo .aboutinfopic{width:calc(50% + 120px);margin-left:-120px;}
}
@media screen and (max-width:850px){
  .aboutinfo .aboutinfotext{width:100%;margin-right:0;padding:0 0 15px 0;}
  .aboutinfo .aboutinfopic{width:100%;margin-left:0;}
}

.tableinfo dl{display:flex;flex-wrap:wrap;align-items:center;font-size:18px;padding:5px 0;}
.tableinfo dl dt{width:100px;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS Mincho", "MS 明朝", "Meiryo", serif;}
.tableinfo dl dd{width:calc(100% - 100px);}
.tableinfo dl dd a{color:#222;}
@media screen and (max-width:1720px){
  .tableinfo dl{font-size:16px;}
}
@media screen and (max-width:1320px){
  .tableinfo dl dt{width:80px;}
  .tableinfo dl dd{width:calc(100% - 80px);}
}
@media screen and (max-width:1080px){
  .tableinfo dl{font-size:14px;}
}

.address{padding:60px 0px;background:url(img/publiccontactbg.png) repeat;width:100%;}
.addressroad{padding:0 40px;margin:0 auto -80px;position:relative;z-index:10;}
.addressroad .addressroadmain{background:#fff;padding:40px 60px;display:flex;justify-content:space-between;flex-wrap:wrap;}
@media screen and (max-width:1720px){
  .addressroad{margin:0 auto -60px;}
}
@media screen and (max-width:1520px){
  .addressroad{ margin:0 auto -30px;}
  .addressroad .addressroadmain{padding:30px;}
}
@media screen and (max-width:1080px){
  .address{padding:40px 0px;}
  .addressroad{padding:0 20px;margin:0 auto 30px;}
  .addressroad .addressroadmain{padding:20px;}
}
@media screen and (max-width:850px){
  .addressroad .addressroadmain{padding:15px 10px;}
}

.transport{width:120px; writing-mode: vertical-rl;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.transport dt{font-size:20px;letter-spacing:5px;height:100%;max-height:280px;display:flex; justify-content:space-between;align-items:center; }
.transport dt:before{content:"";height:15px;border-left:1px solid #252525;}
.transport dt:after{content:"";height:15px;border-left:1px solid #252525;}
.transport dt span{transform:rotate(90deg);display:inline-block;}
.transport dd{text-transform:uppercase;font-size:28px;}
@media screen and (max-width:1720px){
  .transport dt{font-size:18px;letter-spacing:3px;}
  .transport dd{font-size:24px;}
}
@media screen and (max-width:1520px){
  .transport{width:100px;}
}
@media screen and (max-width:1320px){
  .transport{width:80px;}
}
@media screen and (max-width:1080px){
  .transport{width:40px;}
  .transport dt{font-size:16px;max-height:200px;letter-spacing:1px;}
  .transport dd{font-size:20px;}
}
@media screen and (max-width:850px){
  .transport{width:100%;writing-mode: horizontal-tb;margin-bottom:20px;}
  .transport dt:before{height:0;width:10px;margin-right:10px;border-top:1px solid #252525;}
  .transport dt:after{height:0;width:10px;margin-left:10px;border-top:1px solid #252525;}
  .transport dt span{transform:rotate(0deg);}
}

.roadline{display:flex;flex-wrap:wrap;width:calc(100% - 180px);}
.roadline li{width:50%;padding:0 40px;}
.roadline li:first-child{border-right:1px solid #c8c8c8;}
.roadline li h3{font-size:32px;margin-bottom:30px;}
.roadline li h3 i{font-size:36px;margin-right:30px;}
.roadline li dl{display:flex;font-size:22px;margin-bottom:20px;}
.roadline li dl dt,.roadline li dl dd{width:150px;}
@media screen and (max-width:1720px){
  .roadline li h3{font-size:26px;}
  .roadline li h3 i{font-size:30px;margin-right:20px;}
  .roadline li dl{font-size:18px;}
}
@media screen and (max-width:1520px){
  .roadline{width:calc(100% - 120px);}
  .roadline li h3{font-size:22px;}
  .roadline li h3 i{font-size:26px;margin-right:10px;}
  .roadline li dl{}
}
@media screen and (max-width:1080px){
  .roadline{width:calc(100% - 40px);}
  .roadline li{padding:0 20px;}
  .roadline li h3{font-size:18px;margin-bottom:20px;}
  .roadline li h3 i{font-size:22px;}
  .roadline li dl{margin-bottom:10px;font-size:16px;}
}
@media screen and (max-width:850px){
  .roadline{width: 100%;}
  .roadline li{ padding:0 10px;}
}
@media screen and (max-width:650px){
  .roadline li{width:100%;padding:0;margin-bottom:10px;}
  .roadline li:first-child{border:none;}
}
/*/page aboutus*/
/* footer css */
footer{background:var(--darkgreen);}
footer .footmain{width:100%;max-width:1720px;margin:0 auto 30px;padding:50px 40px 0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.footinfo{width:560px;}
.footinfo .footlogo{display:block;margin-bottom:30px;transition:.3s;}
.footinfo .footlogo:hover{opacity:0.7;}
.footinfo .footaddress{color:#FFF;font-size:20px;}
.footmenu{width:calc(100% - 620px);}
.footmenu ul{display:flex;flex-wrap:wrap;}
.footmenu ul li{width:25%;}
.footmenu ul li a{text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;padding-left:30px;margin-bottom:20px;}
.footmenu ul li a:before{content:"";width:10px;height:10px;border:solid #fff;border-width:1px 1px 0 0;transform:rotate(45deg);position:absolute;left:0;top:20%;transition:.3s;}
.footmenu ul li a:hover:before{border-color:var(--themecolor);}
.footmenu ul li a span.ja{color:#fff;font-size:20px;font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS Mincho", "MS 明朝", "Meiryo", serif;transition:.3s;}
.footmenu ul li a:hover span.ja{color:var(--themecolor);}
.footmenu ul li a span.en{color:var(--yellow);font-size:14px;transition:.3s;}
.footmenu ul li a:hover span.en{color:var(--themecolor);}
.copyright{background:var(--brown)/*271c13*/;padding:10px 40px;}
.copyright p{width:100%;max-width:1720px;margin:0 auto;text-align:right;color:#fff;font-size:14px;}
@media screen and (max-width: 1720px) {
  .footinfo{width:450px;}
  .footinfo .footlogo{}
  .footinfo .footaddress{font-size:16px;}
  .footmenu ul li a{padding-left:20px;}
  .footmenu ul li a:before{width:7px;height:7px;}
  .footmenu ul li a span.ja{font-size:16px;} 
  .footmenu{width:calc(100% - 500px);}
}
@media screen and (max-width: 1320px) {
  .footinfo{width:320px;}
  .footinfo .footlogo{width:240px;}
  .footmenu{width:calc(100% - 340px);}
}
@media screen and (max-width: 1080px) {
  footer .footmain{margin:0 auto 20px;padding:30px 20px 0;}
  .footinfo .footaddress{font-size:14px;}
  .footmenu ul li{width:calc(100% / 3);}
  .footmenu ul li a{margin-bottom:10px;padding-left:15px;}
  .footmenu ul li a span.ja{font-size:14px;}
  .footmenu ul li a span.en{font-size:12px;}
  .copyright p{text-align:center;font-size:12px;}
}
@media screen and (max-width: 850px) {
  .footinfo{width:100%;max-width:360px;margin:0 auto 10px;}
  .footinfo .footlogo{margin:0 auto 15px;}
  .footmenu{width:100%;max-width:500px;margin:0 auto;}
}
@media screen and (max-width: 550px) {
  .footmenu ul li{width:50%;}
}
@media screen and (max-width: 420px) {
  .footmenu ul li{width:100%;}
}
/* /footer css */
.logged-in .headerfixed{
	top:32px;
}
@media screen and (max-width: 600px){
#wpadminbar {
    position: fixed;
}
	.logged-in .headerfixed{
		top:46px;
	}
	.logged-in .mobilebtn{
		top:66px;
	}
}

/*feature*/
.feature{padding:0 40px 60px;}
.feature .featureVer>*:not(:first-child){margin-top:20px;}
@media (max-width:1380px){
	.feature{padding:0 30px 50px;}
	.feature .featureVer>*:not(:first-child){margin-top:15px;}
}
@media (max-width:1180px){
	.feature{padding:0 20px 40px;}
	.feature .featureVer>*:not(:first-child){margin-top:10px;}
}


/*2025-5-19*/
.societytext>*:not(:first-child){margin-top:30px;}
@media (max-width:1380px){
	.societytext>*:not(:first-child){margin-top:25px;}
}
@media (max-width:1180px){
	.societytext>*:not(:first-child){margin-top:20px;}
}