@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap');
/*
Theme Name: yashinoki-themes-solution
Theme URI: http://www.solution-sy.com/
Author: solution.STC
Author URI: http://www.crossdesign-company.co.jp  
Description: This is a default wordpress themes
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
*/
:root{
  --white:#fff;
  --grey:#ccc;
  --lightgrey:#b4b4b4;
  --black:#000000;
  --red:#ef6060;
  --orange:#e8a246;
  --yellow:#f5eb14;
  --green:#4cb041;
  --glassgreen:#76980d;
  --blue:#3395d3;
  --brown:#5e371c;
  --darkbrown:#492200;
  --lighrbrown:#bb9862;
  --darkgreen:#3ab795;
  --themecolor:#ffedca;
  --lighttheme:#fff6e5;
  --bluegreen:#16afa3;
  --xlftsize:18px;
  --lgftsize:16px;
  --mdftsize:14px;
  --smftsize:12px;
}

* {
  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 {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
}

body {
  font-size: 18px;
	line-height:1.6;
  color: #333333;
  width: 100%;
  overflow-x: hidden;
  font-family: "Zen Maru Gothic","Zen Maru Gothic","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS Mincho", "MS 明朝", "Meiryo", sans-serif;
}
@media screen and (max-width: 1320px) {
  body {font-size: 16px;}
}
@media screen and (max-width: 1080px) {
  body {font-size: 14px;}
}

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;
}

em {
  font-style: normal;
}

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

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

::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

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

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

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

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

::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 15px;
  background-color: var(--brown); }

::-webkit-scrollbar-thumb:hover {
  background-color: var(--themecolor); }

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
  display: none; }
 .zen-maru-gothic-regular {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.ftfminchao{font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS Mincho", "MS 明朝", "Meiryo", serif;}
.ftfPGothic{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.ftfMeiryo{font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
/*hasbg*/
.hasbg{background-repeat:no-repeat;background-size:cover;background-position:center center;}
.hasbg:after{display:block;content:"";padding-top:100%;}
.hasbg>img{display:none;}


@font-face {
  font-family: 'iconfont';
  src: url('iconfont/iconfont.woff2?t=1666238971337') format('woff2'),
       url('iconfont/iconfont.woff?t=1666238971337') format('woff'),
       url('iconfont/iconfont.ttf?t=1666238971337') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*sp mobile-btn*/
/* sp mobile-btn and nav css */

.spscreen {
  display: none; }
.mobilebtn{display:none;}
@media screen and (max-width: 768px) {
  .logged-in .mobilebtn{
    top:60px;
  }
  .mobilebtn {
    position: fixed;
    z-index: 110;
    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(--brown);
    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; }

  .spscreen {
    width: 200px;
    height: 100vh;
    overflow-y:scroll;
    position: fixed;
    z-index: 100;
    background: var(--brown);
    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: 20px;
    margin-bottom: 10px;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff; }

  .spscreen nav ul {
    padding: 0 15px; }

  .spscreen nav ul li:first-child {
    border-top: 1px solid var(--themecolor); }

  .spscreen nav ul li {
    border-bottom: 1px solid var(--themecolor); }

  .spscreen nav ul li a {
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    font-weight:bolder;
    padding: 10px 0;
    text-transform: uppercase;
    transition: .3s; }

  .spscreen nav ul li a .icon{
    width: 15px;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .spscreen nav ul li a .icon{
    height: 100%;
  }

  .spscreen nav ul li a .ja{
    font-size: 14px;
  }

  .spscreen nav ul li a .en{
    font-size: 12px;
  }

  .spscreen nav ul li a:hover {
    background: #f2f2f2;
    color: #000; } 

  .spscreen nav ul li ul{
    display:none;
  }
  .spscreen nav ul li a.current{position:relative;}
  .spscreen nav ul li a.current:after{content:"";border-top:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;top:50%;right:0;transform:translateY(-50%);transform-origin:center;}
  .spscreen nav ul li a.current.active:after{transform:rotate(180deg);}
  .spscreen nav ul li a:hover{background:#f2f2f2;color:#000;}
  .spscreen nav ul li ul{display:none;padding:0;}
  .spscreen nav ul li ul li a{font-size:12px;}
}

.spscreenmask{position:fixed;top:0;right:0;z-index:99;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%;}


/*headerfixed*/
.headerfixed{position:fixed;top:0;left:0;z-index:90;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;background-image:url(img/headcloudbg.png);background-repeat:no-repeat;background-size:100% auto;background-position:top -10% center;background-color:#e4feff; }
.logged-in .headerfixed{top:32px;}
@keyframes headeranimation {
  0% {
    transform:translateY(-100%);
    opacity:0;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}
@-webkit-keyframes headeranimation {
  0% {
    transform:translateY(-100%);
    opacity:0;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}


/* header css */

header{position:fixed;z-index:90;left:0;top:0;width:100%;display:flex;flex-direction:column;align-items:center;padding:0 20px 5px;transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);}


.sitelogo{width:160px;padding:10px 5px 10px;display:block;transition:.3s;}
.sitelogo:hover{opacity:0.7;}

.headmain{ display:flex;width:100%;max-width:1520px;margin:0 auto;border:2px solid #bb9862;border-radius:999px;background:#FFF;padding:3px;position:relative;}
.headmain:before{content:"";position:absolute;top:-90px;left:5%;width:90px;height:90px;background:url(img/icontree.png) no-repeat;background-position:bottom;background-size:auto 100%;}
.headmain:after{content:"";position:absolute;top:-90px;right:5%;width:90px;height:90px;background:url(img/icontree.png) no-repeat;background-position:bottom;background-size:auto 100%;transform:rotateY(180deg);}

.mainnavigation{width:100%;border-radius:999px;overflow:hidden;display:flex;justify-content:space-between;background:url(img/headnavbg.png) repeat;width:100%;}
.mainnavigation ul{width:100%;justify-content:space-around;display:flex;align-items:center;}
.mainnavigation ul li{position:relative;padding:10px 30px;}
.mainnavigation ul li a{width:100%;color:#000;display:flex;flex-direction:column;align-items:center;text-decoration:none;position:relative;z-index:1;transition:.4s ease-in-out;}
.mainnavigation ul li a:hover{color:var(--blue);}
.mainnavigation ul li > a:after{content:"";position: absolute;left:0%;bottom: -5px;width: 100%;transform: scale(0);height: 2px;background: var(--blue);opacity: 0;visibility: hidden;transition: .4s ease-in-out;}
.mainnavigation ul li > a:hover:after{opacity: 1;visibility: visible;transform:scale(1);}
.mainnavigation ul li a .icon{display:flex;justify-content:center;align-items:center;width:30px;height:20px;margin:0 auto 5px;}
.mainnavigation ul li a .icon img{width:auto;height:100%;}
.mainnavigation ul li a .ja{font-size:20px;font-weight:bolder;}
.mainnavigation ul li a .en{font-size:14px;font-weight:bolder;color:#00addc;text-transform:uppercase;}
@media screen and (max-width: 1520px) {
  .sitelogo{width:130px;}
  .headmain:before{top:-60px;left:3%;width:60px;height:60px;}
  .headmain:after{top:-60px;right:3%;width:60px;height:60px;}
  .mainnavigation ul li{padding:10px 15px;}
  .mainnavigation ul li a{font-size:16px;}
  .mainnavigation ul li a .icon{width:20px;height:15px;}
  .mainnavigation ul li a .ja{font-size:16px;}
  .mainnavigation ul li a .en{font-size:12px;}
}
@media screen and (max-width: 1080px) {
  .sitelogo{width:100px;}
  .headmain:before{top:-30px;left:2%;width:30px;height:30px;}
  .headmain:after{top:-30px;right:2%;width:30px;height:30px;}
  .mainnavigation ul li{padding:5px;}
  .mainnavigation ul li a{font-size:14px;}
  .mainnavigation ul li a .icon{width:15px;height:12px;}
  .mainnavigation ul li a .ja{font-size:14px;}
  .mainnavigation ul li a .en{font-size:10px;}
}
@media screen and (max-width: 768px) {
  .headmain{padding:0;border:0;}
  .mainnavigation{display:none;}

}
/*.mainnavigation ul li ul{display:none;position:absolute;left:50%;transform:translateX(-50%);background:var(--grey);}
.mainnavigation ul li:hover ul{display:block;}
.mainnavigation ul li ul li a{text-align:center;padding:5px 10px;}
.mainnavigation ul li ul li a:after{display:none;}
*/
/*.speciallinks{}
.speciallinks ul{display:flex;align-items:center;}
.speciallinks ul li{width:50%;}
.speciallinks ul li a{width:100%;padding:20px;font-size:18px;color:#fff;background:var(--blue);display:flex;justify-content:center;align-items:center;text-decoration:none;position:relative;overflow:hidden;}
.speciallinks ul li a span{position:relative;z-index:1;}
.speciallinks ul li a:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:translateY(-101%);background:#00a0ea;transition:.3s;}
.speciallinks ul li a:hover:after{transform:translateY(0);}*/
/* /header css */
/*banner*/
.banner{position:relative;padding-top:187px;}
.banner:before{content:"";position:absolute;top:0;left:0;z-index:10;width:100%;height:100px;background-image:url(img/headcloudbg.png);background-repeat:no-repeat;background-size:100% auto;background-position:top -10% center;background-color:#e4feff;}
/*.banner:after{content:"";position:absolute;bottom:-5%;left:0;z-index:10;width:100%;height:150px;background-image:url(img/headbeachbg.png);background-repeat:no-repeat;background-size:100% 100%;background-position:top -10% center;}*/
.banner .bannermain{}
.banner .bannermain li{overflow:hidden;}
.banner .bannermain figure{width:100%;position:relative;/*-webkit-animation: picmove1 50s linear infinite 0s;
      -moz-animation: picmove1 50s linear infinite 0s;
      -ms-animation: picmove1 50s linear infinite 0s;
      -o-animation: picmove1 50s linear infinite 0s;
      animation: picmove1 50s linear infinite 0s;*/}
.banner .bannermain figure:after{content:"";padding-top:0;position:absolute;top:0;left:0;width:100%;height:100%;/*width:100%;height:80vh;background:rgba(0,0,0,0.5);*/}
.banner .bannertext{position:absolute;left:50%;top:50%;z-index:20;width:100%;background:rgba(0,0,0,0.3);color:#fff;text-align:center;padding:80px 60px;transform:translate(-50%,-50%);}
.banner .bannertext h1{font-size:46px;margin-bottom:30px;}
.banner .bannertext p{font-size:24px;}

@keyframes picmove1 {
 0% {
 -webkit-transform:scale(1.2, 1.2);
transform:scale(1.2, 1.2);
}
 50% {
 -webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
 100% {
 -webkit-transform:scale(1.2, 1.2);
transform:scale(1.2, 1.2);
}
}
@media screen and (max-width: 1520px) {
	.banner{padding-top:155px;}
  .banner:before{height:80px;}
  .banner:after{height:120px;}
  /*.banner .bannertext{max-width:800px;padding:60px 40px;}
  .banner .bannertext h1{font-size:38px;}
  .banner .bannertext p{font-size:20px;}*/
}
@media screen and (max-width: 1080px) {
	.banner{padding-top:121px;}
  .banner:before{height:60px;}
  .banner:after{height:80px;bottom:-2px;}
  /*.banner .bannertext{max-width:650px;padding:20px;}
  .banner .bannertext h1{font-size:30px;margin-bottom:15px;}
  .banner .bannertext p{font-size:16px;}*/
}
@media screen and (max-width: 782px) {
	.banner{padding-top:107px;}
}
@media screen and (max-width: 768px) {
  .banner{padding-top:50px;overflow:hidden;}
  .banner:before{height:50px;}
  .banner:after{height:60px;}
  /*.banner .bannermain figure,.banner .bannermain figure:after{height:350px;}*/
  /*.banner .bannertext{width:80%;max-width:100%;}
  .banner .bannertext h1{font-size:24px;margin-bottom:10px;}
  .banner .bannertext p{font-size:14px;}*/
}
@media screen and (max-width: 528px) {

  /*.banner .bannermain figure,.banner .bannermain figure:after{height:300px;}
  .banner .bannertext{padding:10px;}
  .banner .bannertext h1{font-size:20px;margin-bottom:5px;}
  .banner .bannertext p{font-size:12px;}*/
}


.pagebanner{position:relative;}
.pagebanner:before{content:"";position:absolute;top:0;left:0;z-index:10;width:100%;height:100px;background-image:url(img/headcloudbg.png);background-repeat:no-repeat;background-size:100% auto;background-position:top -10% center;}
.pagebanner:after{padding-top:60vh;}
.pagebannertext{position:absolute;left:50%;top:60%;z-index:10;transform:translate(-50%,-50%);text-align:center;}
.pagebannertext h1{font-size: 48px;font-family: "Zen Maru Gothic";color:#FFF;font-weight: bold;text-transform: uppercase;line-height:1.6;text-shadow:1px 0 1px #1bb4d1,-1px 0 1px #1bb4d1,0 1px 1px #1bb4d1,0 -1px 1px #1bb4d1,2px 0 1px #1bb4d1,-2px 0 1px #1bb4d1,0 2px 1px #1bb4d1,0 -2px 1px #1bb4d1,3px 0 1px #1bb4d1,-3px 0 1px #1bb4d1,0 3px 1px #1bb4d1,0 -3px 1px #1bb4d1;}
.pagebannertext h2{font-size: 18px;font-family: "Zen Maru Gothic";color:#FFF;font-weight: bold;text-transform: uppercase;line-height:1.6;}
@media screen and (max-width: 1520px) {
  .pagebanner:after{padding-top:50vh;}
  .pagebannertext h1{font-size:42px;}
  .pagebannertext h2{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .pagebanner:after{padding-top:380px;}
  .pagebannertext h1{font-size:36px;}
  .pagebannertext h2{font-size:14px;}
}
@media screen and (max-width: 768px) {
  .pagebanner:after{padding-top:300px;}
  .pagebannertext h1{font-size:30px;}
}
@media screen and (max-width: 568px) {
  .pagebanner:after{padding-top:260px;}
  .pagebannertext h1{font-size:24px;}
}





/*/banner*/
/**/
/* footer css */
.footer{background-size:100% 100%;background-color:var(--lighttheme);}
.footer:after{padding-top:0;}
.footermain{width:100%;max-width:1600px;padding:60px 40px 50px;margin:0 auto;}
.footlogo{display:flex;justify-content:center;width:100%;max-width:260px;margin:0 auto 50px;}
.foottext{text-align:center;margin:50px auto 60px;font-size:20px;color:#0e8a8e;}
.footmenu ul{display:flex;justify-content:space-between;}
.footmenu ul li{padding:10px 20px;}
.footmenu ul li a{color:#000;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.3s;}
.footmenu ul li a:hover{opacity:0.7;}
.footmenu ul li a figure{filter: drop-shadow(0 0 0 white) drop-shadow(2px 0 0 white) drop-shadow(-2px 0 0 white) drop-shadow(0 2px 0 white) drop-shadow(0 -2px 0 white);width:auto;height:50px;display:flex;justify-content:center;align-items:center;}
.footmenu ul li a figure img{height:100%;}
.footmenu ul li a span.ja{font-size:20px;font-weight:bolder;text-shadow:1px 0 1px #FFF,-1px 0 1px #FFF,0 1px 1px #FFF,0 -1px 1px #FFF,0 2px 1px #FFF,0 -2px 1px #FFF,2px 0 1px #FFF,-2px 0 1px #FFF;}
.footmenu ul li a span.en{text-transform: uppercase;font-family: "Zen Maru Gothic";font-size: 14px;color:#00addc;font-weight: bold;text-align: center;text-shadow:1px 0 1px #FFF,-1px 0 1px #FFF,0 1px 1px #FFF,0 -1px 1px #FFF,0 2px 1px #FFF,0 -2px 1px #FFF,2px 0 1px #FFF,-2px 0 1px #FFF;}

.copyright{background:#0e8a8e;width:100%;}
.copyright p{width:100%;max-width:1400px;margin:0 auto;padding:10px 40px;font-size:14px;text-align:center;color:#fff;}

@media screen and (max-width: 1520px) {
  .footermain{padding:50px 20px;}
  .footlogo{max-width:220px;margin:0 auto 30px;}
  .foottext{margin:20px auto 30px;font-size:16px;}
  .footmenu ul li{padding:10px;}
  .footmenu ul li a figure{height:30px;margin-bottom:5px;}
  .footmenu ul li a span.ja{font-size:16px;}
  .footmenu ul li a span.en{font-size:12px;}
}
@media screen and (max-width: 1080px) {
  .footermain{padding:30px 10px;}
  .footlogo{max-width:180px;margin:0 auto 20px;}
  .foottext{margin:10px auto 20px;font-size:14px;}
  .footmenu ul li{padding:10px 5px;}
  .footmenu ul li a figure{height:20px;}
  .footmenu ul li a span.ja{font-size:14px;}
  .footmenu ul li a span.en{font-size:10px;}
  .copyright p{padding:10px 20px;font-size:12px;}
}
@media screen and (max-width: 768px) {
  .footer{background-size:auto 100%;}
  .footmenu ul {flex-wrap:wrap;}
  .footmenu ul li{width:33.333333%;}
  .copyright p{padding:5px 10px;}
}
@media screen and (max-width: 568px) {
  .footmenu ul li{width:50%;}
}
/* /footer css */

/*public*/

.part{width:100%;margin:80px 0;}
.partfull{padding:80px 0;}
.w1720{width:100%;max-width:1800px;padding:0 40px;margin:0 auto;}
.w1520{width:100%;max-width:1600px;padding:0 40px;margin:0 auto;}
.w1320{width:100%;max-width:1400px;padding:0 40px;margin:0 auto;}
.w1200{width:100%;max-width:1280px;padding:0 40px;margin:0 auto;}
.w1100{width:100%;max-width:1180px;padding:0 40px;margin:0 auto;}
.w1000{width:100%;max-width:1080px;padding:0 40px;margin:0 auto;}
.w800{width:100%;max-width:880px;padding:0 40px;margin:0 auto;}
.w700{width:100%;max-width:780px;padding:0 40px;margin:0 auto;}
.w500{width:100%;max-width:580px;padding:0 40px;margin:0 auto;}

@media screen and (max-width: 1520px) {
  .part{margin:60px 0;}
  .partfull{padding:60px 0;}
}
@media screen and (max-width: 1080px) {
  .part{margin:30px 0;}
  .partfull{padding:30px 0;}
  .w1720{padding:0 20px;}
  .w1520{padding:0 20px;}
  .w1320{padding:0 20px;}
  .w1200{padding:0 20px;}
  .w1100{padding:0 20px;}
  .w1000{padding:0 20px;}
  .w800{padding:0 20px;}
  .w700{padding:0 20px;}
  .w500{padding:0 20px;}
}

.flex{display:flex;}
.flexwrap{flex-wrap: wrap;}
.justifybetween{justify-content:space-between;}
.justifyaround{justify-content:space-around;}
.justifystart{justify-content:flex-start;}
.justifycenter{justify-content:center;}
.justifyend{justify-content:flex-end;}
.aligncstart{align-items:start;}
.aligncenter{align-items:center;}
.alignbaseline{align-items:baseline;}
.alignend{align-items:end;}
.flexcolumn{flex-direction:column;}
.flexcolumnreverse{flex-direction:column-reverse;}
.flexrowreverse{flex-direction:row-reverse;}
.flexcenter{justify-content:center;align-items:center;}
.alignselfstart{align-self:flex-start;}
.alignselfend{align-self:flex-end;}
.alignselfcenter{align-self:center;}
/* .flexgrow{flex-grow:0;flex-shrink:0;} */

.layout{display:flex;flex-wrap: wrap;}
.twocolumn{display:flex;justify-content:space-between;flex-wrap:wrap;}
.avcol2{width:50%;}
.avcol3{width:33.333333%;}
.avcol4{width:25%;}
.avcol5{width:20%;}
.avcol6{width:16.666667%;}
.pcimg{display:block;}
.spimg{display:none;}
@media screen and (max-width: 768px) {
.pcimg{display:none;}
.spimg{display:block;}
}

.titlegroup{display:flex;flex-direction:column;}
.t2{font-size:48px;}
.t3{font-size:30px;}
.t5{font-size:20px;}
.textcenter{text-align:center;}
.wide{text-align:center;}
@media screen and (max-width: 1520px) {
  .t2{font-size:30px;}
  .t3{font-size:20px;}
  .t5{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .t2{font-size:30px;}
  .t3{font-size:20px;}
  .t5{font-size:16px;}
}
@media screen and (max-width: 768px) {
  .t2{font-size:24px;} 
}


.colorred{color:var(--red);}
.colororange{color:var(--orange);}
.coloryellow{color:var(--yellow);}
.colorgreen{color:var(--green);}
.colorglassgreen{color:var(--glassgreen);}
.colorblue{color:var(--blue);}
.colorbrown{color:var(--brown);}
.colorbluegreen{color:var(--bluegreen);}

.bgred{background-color:var(--red);}
.bgorange{background-color:var(--orange);}
.bgyellow{background-color:var(--yellow);}
.bggreen{background-color:var(--green);}
.bgblue{background-color:var(--blue);}
.bgthemecolor{background-color:var(--themecolor);}
.bglightyellowcolor{background-color:#fffaee;}
.bglighttheme{background-color:var(--lighttheme);}



.button{padding:10px;line-height:1;text-decoration:none;text-align:center;display:inline-block;color:var(--themecolor);border:1px solid var(--themecolor);background:var(--white);transition:.3s;}
.button:hover{text-decoration:none;background-color:var(--orange);color:var(--white);border:1px solid var(--white);}
.button.btnred{color:var(--white);border:1px solid var(--red);background-color:var(--red);}
.button.btnred:hover{background-color:var(--themecolor);border:1px solid var(--themecolor);}
.button.btnorange{color:var(--white);border:1px solid var(--orange);background-color:var(--orange);}
.button.btnorange:hover{background-color:var(--themecolor);border:1px solid var(--themecolor);}
.button.btnyellow{color:var(--white);border:1px solid var(--yellow);background-color:var(--yellow);}
.button.btnyellow:hover{background-color:var(--themecolor);border:1px solid var(--themecolor);}
.button.btngreen{color:var(--white);border:1px solid var(--green);background-color:var(--green);}
.button.btngreen:hover{background-color:var(--themecolor);border:1px solid var(--themecolor);}
.button.btndarkgreen{color:var(--white);border:1px solid var(--darkgreen);background-color:var(--darkgreen);}
.button.btndarkgreen:hover{background-color:var(--green);border:1px solid var(--green);}
.button.btnblue{color:var(--white);border:1px solid var(--blue);background-color:var(--blue);}
.button.btnblue:hover{background-color:var(--themecolor);border:1px solid var(--themecolor);}



.taglist{display:flex;flex-wrap:wrap;}

.tag{padding:5px 10px;line-height:1;display:block;text-align:center;border-radius:5px;}
.tagred{color:var(--white);border:1px solid var(--red);}
.tagorange{color:var(--white);border:1px solid var(--orange);}
.tagyellow{color:var(--white);border:1px solid var(--yellow);}
.taggreen{color:var(--white);background:var(--green);}
.tagblue{color:var(--white);background:var(--blue);}
.tagbluegreen{color:var(--white);background:#71b6cd;}
.tagtheme{color:var(--darkbrown);background:var(--themecolor);}


.wide{text-align:center;}
.textcenter{text-align:center;}
.textleft{text-align:left;}
.textright{text-align:center;}
.textjustify{text-align:justify;}
.textuppercase{text-transform:uppercase;}
.textlowercase{text-transform:lowercase;}
.textcapitalize{text-transform:capitalize;}


.newstaglist{border-bottom:3px solid #ddc08f;display:flex;list-style-type:none;margin-bottom:50px;}
.newstaglist li{margin-right:20px;}
.newstaglist .tag{width:200px;font-size: 26px;font-weight: bolder;padding: 15px 20px;border:solid #FFF;border-width:2px 2px 0 2px;border-radius: 5px 5px 0 0;display: flex;align-items: center;justify-content: center;text-decoration:none;}
@media screen and (max-width: 1520px) {
  .newstaglist li{margin-right:15px;}
  .newstaglist .tag{width:150px;font-size:20px;padding:10px 15px;}
}
@media screen and (max-width: 1080px) {
  .newstaglist{border-bottom:2px solid #ddc08f;margin-bottom:30px;}
  .newstaglist li{margin-right:10px;}
  .newstaglist .tag{width:100px;font-size:16px;padding:7px 10px;}
}
@media screen and (max-width: 768px) {
  .newstaglist{justify-content:center;}
}




.newslist{}

.newsitem{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:20px;color:var(--darkbrown);padding:15px 0;border-bottom:1px solid #ddc08f;transition:.3s;}
.newsitem:hover{text-decoration:none;background:#ddc08f;}
.newsitem .time{width:110px;margin-right:30px;}
.newsitem .tag{width:150px;padding:10px 20px;margin-right:30px;font-size:22px;font-weight:bolder;font-style:normal;padding:10px 20px;border-radius:99px;}
.newsitem p{width:calc(100% - 320px);}
@media screen and (max-width: 1520px) {
  .newsitem{font-size:16px;}
  .newsitem .time{width:100px;margin-right:15px;}
  .newsitem .tag{width:120px;margin-right:15px;font-size:16px;}
  .newsitem p{width:calc(100% - 250px);}
}
@media screen and (max-width: 1080px) {
  .newsitem{font-size:14px;padding:10px 0;}
  .newsitem .time{width:80px;margin-right:10px;}
  .newsitem .tag{width:100px;margin-right:10px;font-size:14px;}
  .newsitem p{width:calc(100% - 200px);}
}
@media screen and (max-width: 768px) {
  .newsitem{justify-content:flex-start;}
  .newsitem .tag{padding:7px 10px;}
  .newsitem p{width:100%;margin-top:5px;}
}

/*paging*/
.paging{margin-top:50px;display:flex;justify-content:center;align-items:center;}
.paging .page-numbers{margin:0 5px;text-align: center;color:#00addc;text-decoration:none;font-size:18px;font-weight:bolder;}
.paging .page-numbers:hover{color:var(--brown);}
.paging .page-numbers.current{}
.paging .page-numbers.current:hover{}
@media screen and (max-width: 1080px) {
  .paging .page-numbers{margin:3px;padding: 5px 8px;}
}

.newsinfo{margin-bottom:50px;color:#c1a266;}
.newsinfo .time{letter-spacing:2px;font-size:24px;font-weight:bolder;margin-bottom:5px;}
.newstitle{letter-spacing:0.1em;font-size:24px;}
.newsdetailpic{width:100%;}
.newsdetailtext{padding:0 50px;}
.newsdetailtext p{margin-top:30px;font-size:18px;line-height:1.8;}
@media screen and (max-width: 1520px) {
  .newsinfo{margin-bottom:30px;}
  .newsinfo .time{letter-spacing:1px;font-size:20px;}
  .newstitle{font-size:20px;}
  .newsdetailtext{padding:0 30px;}
  .newsdetailtext p{margin-top:30px;font-size:16px;line-height:1.6;}
}
@media screen and (max-width: 1080px) {
  .newsinfo{margin-bottom:20px;}
  .newsinfo .time{font-size:16px;}
  .newstitle{font-size:16px;}
  .newsdetailtext{padding:0;}
  .newsdetailtext p{margin-top:20px;font-size:14px;}
}




.publicside{width:200px;position:fixed;right:0;top:30%;z-index:80;display:flex;flex-direction:column;align-items:center;}
.publicside:before{content:"";width:120px;height:120px;background-image:url(img/buoy.png);background-repeat:no-repeat;background-size:contain;background-position:center;position:relative;z-index:1;}
.publicside:after{content:"";position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);background-image:url(img/pole.png);background-repeat:no-repeat;background-size:contain;background-position:center bottom;width:39px;height:430px;}
.publicside ul{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;}
.publicside ul li{margin-top:10px;}
.publicside ul li a{width:100%;display:block;transition:.3s;}
.publicside ul li a:hover{opacity:0.7;}
@media screen and (max-width: 1520px) {
  .publicside{width:120px;top:auto;bottom:15%;}
  .publicside:before{width:80px;height:80px;}
  .publicside:after{bottom:-15px;width:20px;height:320px;}
}
@media screen and (max-width: 1080px) {
  .publicside{width:100px;}
  .publicside:before{width:50px;height:50px;}
  .publicside:after{bottom:-10px;width:15px;height:320px;}
  .publicside ul li{margin-top:5px;}
}
@media screen and (max-width: 768px) {
  .publicside{width:80px;}
  .publicside:before{width:30px;height:30px;}
  .publicside:after{bottom:-5px;width:10px;height:160px;background-size:cover;}
}
@media screen and (max-width: 568px) {
  .publicside{display:none;}
}

.sppublicside{display:none;}
@media screen and (max-width: 568px) {
  .sppublicside{display:block;position:fixed;left:0;bottom:0;z-index:80;width:100%;}
  .sppublicside ul{display:flex;}
  .sppublicside ul li{width:33.333333%;height:100%;}
  .sppublicside ul li a{width:100%;height:3.8em;color:#4d9355;display:flex;justify-content:center;align-items:center;text-align:center;padding:10px;border:solid #FFF;border-width:2px 2px 0 2px;border-radius:5px 5px 0 0;font-weight:bolder;text-decoration:none;}
  .sppublicside ul li a.pink{color:#4d9355;background:#f9c0c0;}
  .sppublicside ul li a.bluegreen{color:#FFF;background:#59cec5;}
  .sppublicside ul li a.yellow{color:#e05f5f;background:#f9e073;}
}



/*scrolltop*/
.scrolltop{position: fixed;right: 2%;bottom:5%;z-index: 70;transition:.5s;background:var(--brown);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%;}
.scrolltop: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) {
  .scrolltop{width: 40px;height: 40px;padding:5px 0 0 0;}
}
@media screen and (max-width: 568px) {
  .scrolltop{bottom:7%;}
}


.downloaditem{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#894318;font-size:20px;font-weight:bolder;}
.downloaditem:hover{text-decoration:none;}
.downloaditempic{width:160px;height:160px;border:1px solid #894318;border-radius:50%;background-color:#FFF;padding:20px;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:.3s;}
.downloaditem:hover .downloaditempic{box-shadow:0 0 5px 5px #a3775d;}
.downloaditemtitle{text-align:center;margin-top:20px;transition:.3s;}
.downloaditem:hover .downloaditemtitle{text-shadow:0 0 2px #ad9586;}
@media screen and (max-width: 1520px) {
  .downloaditem{font-size:16px;}
  .downloaditempic{width:120px;height:120px;}
  .downloaditemtitle{margin-top:15px;}
}
@media screen and (max-width: 1080px) {
  .downloaditem{font-size:14px;}
  .downloaditempic{width:100px;height:100px;}
  .downloaditemtitle{margin-top:10px;}
}

.form{}
.form input[type="text"],.form input[type="email"],.form input[type="tel"],.form textarea{width:100%;padding:10px;background:var(--white);border:1px solid #d2d2d2;border-radius:3px;}
.form input[type="text"]:focus,.form input[type="email"]:focus,.form input[type="tel"]:focus,.form textarea:focus,.form input[type="file"]{border:1px solid #bb9862;}
.form dl{display:flex;justify-content:space-between;flex-wrap:wrap;padding:10px 0;font-size:18px;}
.form dl dt{display:flex;align-items:flex-start;font-weight:bolder; width:350px;padding-left:100px;position:relative;}
.form dl dt .tag{position:absolute;top:0;left:0;padding:3px 10px;font-size:16px;background:var(--red);border-radius:0;}
.form dl dt .tag:after{content:"";position:absolute;top:50%;right:-7px;transform:translateY(-50%);width:0;height:0;border-left:7px solid var(--red);border-top:5px solid transparent;border-bottom:5px solid transparent;}
.form dl dd{width:calc(100% - 350px);}
.form .btngroup{margin-top:50px;}
.form .btngroup .button{border-radius:0px;padding:15px 60px;}
@media screen and (max-width: 1520px) {
  .form dl{font-size:16px;}
  .form dl dt{width:300px;padding-left:80px;}
  .form dl dd{width:calc(100% - 300px);}
  .form dl dt .tag{font-size:14px;}
  .form .btngroup{margin-top:30px;}
}
@media screen and (max-width: 1080px) {
  .form dl{font-size:14px;}
  .form dl dt{width:240px;padding-left:60px;}
  .form dl dd{width:calc(100% - 240px);}
  .form dl dt .tag{font-size:12px;padding:3px 7px;}
  .form .btngroup{margin-top:20px;}
  .form .btngroup .button{padding:10px 30px;}
}
@media screen and (max-width: 768px) {
  .form dl dt{width:100%;margin-bottom:5px;padding-left:50px;}
  .form dl dd{width:100%;}
}


.formapply{width:calc(100% - 100px);height:180px;overflow-y:scroll;margin-left:100px;margin-bottom:60px;}
.formapply::-webkit-scrollbar{background-color: #dbdbdb;}
.formapply::-webkit-scrollbar-thumb {border-radius: 0px;background-color: #313131; }
.formapply div{font-size:18px;margin-bottom:20px;}
.formapply p{font-size:18px;margin-bottom:20px;font-weight:bolder;}
.formapply ol{}
.formapply ol li{font-weight:bolder;}
.formtrue{}
.formtrue label{display:flex;justify-content:center; align-items:center;}
.formtrue label input{margin-right:15px;}
@media screen and (max-width: 1520px) {
  .formapply{width:calc(100% - 80px);margin-left:80px;}
  .formapply div{font-size:16px;margin-bottom:15px;}
  .formapply p{font-size:16px;margin-bottom:15px;}
}
@media screen and (max-width: 1080px) {
  .formapply{width:calc(100% - 60px);margin-left:60px;}
  .formapply div{font-size:14px;margin-bottom:10px;}
  .formapply p{font-size:14px;margin-bottom:10px;}
  .formtrue label input{margin-right:10px;}
}
@media screen and (max-width: 768px) {
  .formapply{width:100%;margin-left:0;}
}


.btngroup{display:flex;justify-content:center;}


.iconcoconuttree{background-image:url(img/iconcoconuttree.png);background-repeat:no-repeat;background-size:contain;background-position:center center;}
.treetitle{display:flex;padding:15px 10px 15px 70px;border-radius:5px;background:#f7e4c0;color:#76980d;font-weight:bolder;font-size:34px;line-height:1;position:relative;}
.treetitle .iconcoconuttree{position:absolute;left:10px;bottom:10px;width:50px;height:70px;}
@media screen and (max-width: 1520px) {
  .treetitle{padding:10px 10px 10px 60px;font-size:28px;}
  .treetitle .iconcoconuttree{left:10px;bottom:7px;width:36px;height:50px;}
}
@media screen and (max-width: 1080px) {
  .treetitle{padding:10px 5px 10px 38px;font-size:22px;}
  .treetitle .iconcoconuttree{left:5px;bottom:6px;width:30px;height:38px;}
}
@media screen and (max-width: 768px) {
  .treetitle{padding:5px 5px 5px 30px;font-size:18px;border-radius:3px;}
  .treetitle .iconcoconuttree{left:3px;bottom:5px;width:24px;height:30px;}
}


.tabletag{}
.tabletagbox{display:flex;justify-content:space-between;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;width:100%; }
.tabletagbox dl{width:calc(100% / 6);padding-left:10px;padding-right:10px;}
.tabletagbox dl dt,.tabletagbox dl dd{width:100%;background:#fff5cb;border-radius:5px;padding:20px;margin-top:20px;text-align:center;font-weight:bolder;}
.tabletagbox dl dt{font-size:24px;}
.tabletagbox dl dd{font-size:18px;min-height:5em;display:flex;align-items:center;justify-content:center;}
@media screen and (max-width: 1520px) {
  .tabletagbox{margin-left:-10px;margin-right:-10px;}
  .tabletagbox dl{padding-left:7px;padding-right:7px;}
  .tabletagbox dl dt,.tabletagbox dl dd{padding:10px;margin-top:10px;}
  .tabletagbox dl dt{font-size:20px;}
  .tabletagbox dl dd{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .tabletagbox{margin-left:-5px;margin-right:-5px;}
  .tabletagbox dl{padding-left:5px;padding-right:5px;}
  .tabletagbox dl dt,.tabletagbox dl dd{padding:5px;margin-top:5px;border-radius:3px;}
  .tabletagbox dl dt{font-size:16px;}
  .tabletagbox dl dd{font-size:12px;}
}
@media screen and (max-width: 768px) {
  .tabletagbox dl{width:100%;display:flex;}
  .tabletagbox dl dt,.tabletagbox dl dd{margin-right:5px;}
  .tabletagbox dl dt{display:flex;justify-content:center;align-items:center;}
}

.tablebox{}
.tablebox table{width:100%;}
.tablebox table thead{}
.tablebox table thead tr{}
.tablebox table thead tr th{padding:10px;background:var(--themecolor);color:var(--white);font-weight:bold;text-align:center;vertical-align: middle;border:1px solid var(--themecolor);}
.tablebox table tbody tr th{padding:10px;border:1px solid var(--themecolor);color:var(--themecolor);font-weight:bold;text-align:center;vertical-align: middle;}
.tablebox table tbody tr td{padding:10px;border:1px solid var(--themecolor);text-align:center;vertical-align: middle;}
@media screen and (max-width: 1520px) {
  .tablebox table thead tr th{padding:10px 5px;}
  .tablebox table tbody tr th{padding:10px 5px;}
  .tablebox table tbody tr td{padding:10px 5px;}
}
@media screen and (max-width: 1080px) {
  .tablebox table thead tr th{padding:5px;}
  .tablebox table tbody tr th{padding:5px;}
  .tablebox table tbody tr td{padding:5px;}
}
@media screen and (max-width: 768px) {
  .tablebox table thead tr th{padding:3px 2px;}
  .tablebox table tbody tr th{padding:3px 2px;}
  .tablebox table tbody tr td{padding:3px 2px;} 
}

.tablelist{}
.tablelist dl{display:flex;justify-content:space-between;flex-wrap:wrap;}
.tablelist dl dt{width:230px;}
.tablelist dl dd{width:calc(100% - 230px);}
@media screen and (max-width: 1520px) {
  .tablelist dl{font-size:16px;}
  .tablelist dl dt{width:160px;}
  .tablelist dl dd{width:calc(100% - 160px);}
}
@media screen and (max-width: 1080px) {
  .tablelist dl{font-size:14px;}
  .tablelist dl dt{width:130px;}
  .tablelist dl dd{width:calc(100% - 130px);}
}
@media screen and (max-width: 768px) {
  .tablelist dl dt{width:100%;}
  .tablelist dl dd{width:100%;}
}

.tableinfo{}
.noticeitem{padding-left:1em;text-indent:-1em;font-size:18px;line-height:1.8;letter-spacing:1px;}
.noticelastitem{margin-top:30px;}
@media screen and (max-width: 1520px) {
  .noticeitem{font-size:16px;}
  .noticelastitem{margin-top:20px;}
}
@media screen and (max-width: 1080px) {
  .noticeitem{font-size:14px;}
  .noticelastitem{margin-top:15px;}
}
@media screen and (max-width: 768px) {
  .noticelastitem{margin-top:10px;} 
}


/*dropdown*/
.dropdown{}
.dropdownitem{width:100%; display: flex;justify-content: space-between;border: 1px solid #e7d9c8;background:#FFF;padding-left:30px;}

.dropdownitem dl{width:100%;height: 100%;}
.dropdownitem dl dt{display:flex;font-weight:bold;cursor: pointer;color:#5e371c;}
.dropdownitem.hastitle dl dt:before{content: attr(data-title);display: block;text-align: center;text-transform: uppercase;padding: 10px;font-size:30px;font-weight: bold;width:80px;color: var(--red);}
.dropdownitem dl dt span{font-size:24px;padding:20px 30px;width:100%;color:var(--brownyellow);display:flex;align-items:center;}
.dropdownitem dl dd{display:flex;align-items:center;border-top: 1px solid #e7d9c8;color:#5e371c;}
.dropdownitem.hastitle dl dd:before{content: attr(data-title);display: block;text-align: center;text-transform: uppercase;font-weight: bold;padding: 10px;width: 80px;font-size: 30px;color: var(--red);}
.dropdownitem dl dd div{padding:20px 30px;width:100%;font-size:20px;line-height:1.8;}


.plussign{background: #59cec5;display: flex;justify-content: center;align-items: center;position: relative;cursor: pointer;width:60px;padding:10px;}
.plussign:before{content: "";width: 20px;height: 2px;position: absolute;transform-origin: center center;transform: rotate(90deg);transition: .3s;}
.plussign:after{content: "";width: 20px;height: 2px;}
.plussign:before,.plussign:after{background: #fff;}
.plussign.callup{background: #f9e073;}
.plussign.callup:before{transform:rotate(0deg);}
@media screen and (max-width:1520px){
  .dropdownitem{padding-left:20px;}
  .dropdownitem.hastitle dl dt:before{width:50px;font-size:24px;}
  .dropdownitem dl dt span{font-size:20px;padding:20px;}
  .dropdownitem.hastitle dl dd:before{width:50px;font-size:24px;}
  .dropdownitem dl dd div{font-size:16px;padding:20px;}
  .plussign{width:50px;}
}
@media screen and (max-width:1080px){
  .dropdownitem{padding-left:10px;}
  .dropdownitem dl dt span,.dropdownitem dl dd div{padding:10px;}
  .dropdownitem dl dt span{font-size:16px;}
  .dropdownitem dl dd div{font-size:14px;line-height:1.6;}
  .dropdownitem.hastitle dl dt:before,.dropdownitem.hastitle dl dd:before{width:38px;font-size: 20px;}
  .plussign{width:38px;}
  .plussign:before,.plussign:after{width:18px;}
}


.voiceitem{margin-top:90px;padding:50px;border-radius:80px;background:#fcf7d0;position:relative;}
.voiceitem .iconcoconuttree{position:absolute;left:0;top:-10px;z-index:1;width:38px;height:70px;}
.voiceitemtitle{font-size:35px;}
.voiceitem p{font-size:18px;line-height:2;margin-top:30px;font-weight:500;}
@media screen and (max-width:1520px){
  .voiceitem{margin-top:50px;padding:35px;border-radius:50px;}
  .voiceitem .iconcoconuttree{width:30px;height:60px;}
  .voiceitemtitle{font-size:28px;}
  .voiceitem p{font-size:16px;line-height:1.8;margin-top:20px;}
}
@media screen and (max-width:1080px){
  .voiceitem{margin-top:30px;padding:30px 20px;border-radius:30px;}
  .voiceitem .iconcoconuttree{width:20px;height:30px;}
  .voiceitemtitle{font-size:22px;}
  .voiceitem p{font-size:14px;margin-top:15px;}
}
@media screen and (max-width:768px){
  .voiceitem{margin-top:20px;padding:20px 10px;border-radius:20px;}
  .voiceitem .iconcoconuttree{width:15px;height:20px;top:0;}
  .voiceitemtitle{font-size:18px;}
  .voiceitem p{margin-top:10px;}
}

.arroundpic{border-radius:10px;overflow:hidden;}
/*.arroundpic:after{padding-top:50%;}*/
@media screen and (max-width:1520px){
  .arroundpic{border-radius:5px;}
}
@media screen and (max-width:1080px){
  .arroundpic{border-radius:3px;}
}

.stepitem{display:flex;justify-content:space-between;flex-wrap:wrap;border:5px solid #f7e4c0;border-radius:100px 20px 20px 100px;overflow:hidden;}
.stepnum{display:flex;flex-direction:column;align-items:center;justify-content:center;width:160px;background:#30ab5f;color:#FFF;padding:20px 20px 20px 50px;font-weight:bolder;}
.stepnum dt{font-size:24px;line-height:1.1;}
.stepnum dd{font-size:60px;line-height:1.2;}
.steptext{width:calc(100% - 160px);background:#FFF;padding:20px 50px;font-size:18px;}
.steptitle{font-size:28px;padding-bottom:5px;border-bottom:1px solid #c3ae85;margin-bottom:10px;}
@media screen and (max-width:1520px){
  .stepitem{border:3px solid #f7e4c0;border-radius:100px 15px 15px 100px;}
  .stepnum{width:150px;padding:15px 15px 15px 50px;}
  .stepnum dt{font-size:20px;}
  .stepnum dd{font-size:48px;}
  .steptext{width:calc(100% - 150px);padding:15px 30px;font-size:16px;}
  .steptitle{font-size:22px;}
}
@media screen and (max-width:1080px){
  .stepitem{border:2px solid #f7e4c0;border-radius:80px 10px 10px 80px;}
  .stepnum{width:120px;padding:10px 10px 10px 20px;}
  .stepnum dt{font-size:16px;}
  .stepnum dd{font-size:36px;}
  .steptext{width:calc(100% - 120px);padding:15px 20px;font-size:14px;}
  .steptitle{font-size:18px;}
}
@media screen and (max-width:768px){
  .stepitem{border-radius:99px 5px 5px 99px;}
  .stepnum{width:60px;padding:5px 5px 5px 10px;}
  .steptext{width:calc(100% - 60px);padding:10px 15px;}
}



.flowitem{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative;}
.flowitem:not(:last-child){margin-bottom:50px;}
.flowitem:not(:last-child):after{content:"";position:absolute;left:50%;bottom:-10%;border:solid var(--bluegreen);border-width:0 1px;height:60%;transform:translateY(50%);}
.flowitem:nth-of-type(even){flex-direction:row-reverse;}
.flowitempic{width:calc(50% - 160px);border-radius:10px;}
.flowitempic:after{padding-top:70%;}
.flowitemtime{width:110px;display:flex;flex-direction:column;align-items:center;}
.flowitemtime dt{font-size:60px;font-weight:bolder;}
.flowitemtime dd{font-size:50px;transform:rotate(90deg);}
.flowitemtext{width:calc(50% - 160px);}
.flowitemtitle{font-size:28px;margin-bottom:20px;}
.flowitemtext p{margin-bottom:30px;font-weight:500;}
@media screen and (max-width: 1520px) {
  .flowitem:not(:last-child){margin-bottom:30px;}
  .flowitem:not(:last-child):after{bottom:-5%;height:50%;}
  .flowitempic{width:calc(50% - 100px);}
  .flowitemtime{width:80px;}
  .flowitemtime dt{font-size:50px;}
  .flowitemtime dd{font-size:36px;}
  .flowitemtext{width:calc(50% - 100px);}
  .flowitemtitle{font-size:22px;margin-bottom:15px;}
  .flowitemtext p{margin-bottom:20px;}
}
@media screen and (max-width: 1080px) {
  .flowitem:not(:last-child){margin-bottom:20px;}
  .flowitem:not(:last-child):after{bottom:-2%;}
  .flowitempic{width:calc(50% - 50px);}
  .flowitemtime{width:60px;}
  .flowitemtime dt{font-size:32px;}
  .flowitemtime dd{font-size:26px;}
  .flowitemtext{width:calc(50% - 50px);}
  .flowitemtitle{font-size:18px;margin-bottom:10px;}
  .flowitemtext p{margin-bottom:15px;}
}
@media screen and (max-width: 768px) {
  .flowitem:not(:last-child){margin-bottom:15px;}
  .flowitem:not(:last-child):after{bottom:0;height:50%;}
  .flowitempic{width:calc(50% - 35px);border-radius:5px;}
  .flowitemtime{width:50px;}
  .flowitemtime dt{font-size:22px;}
  .flowitemtime dd{font-size:18px;}
  .flowitemtext{width:calc(50% - 35px);}
  .flowitemtitle{font-size:16px;margin-bottom:5px;}
  .flowitemtext p{margin-bottom:10px;}
}
@media screen and (max-width: 568px) {
  .flowitem{align-items:flex-start;}
  .flowitem:not(:last-child):after{left:25px;bottom:auto;top:10%;}
  .flowitem:nth-of-type(even){flex-direction:row;}
  .flowitempic{width:calc(100% - 60px);order:2;margin-left:60px;}
  /*.flowitemtime{align-self:center;}*/
  .flowitemtime dt{font-size:18px;}
  .flowitemtext{width:calc(100% - 60px);}
}


.eventlist{}
.eventlist .layout{margin-right:-20px;margin-bottom:-20px;}
.eventlist .layout .avcol4{padding-right:20px;margin-bottom:20px;display:flex;justify-content:center;}
.eventitem{position:relative;width:300px;height:300px;border-radius:50%;background:#FFF;box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.2);display:flex;flex-direction:column;align-items:center;}
.eventpic{margin-bottom:20px;width:100%;height:160px;display:flex;justify-content:center;align-items:flex-start;}
.eventpic img{height:100%;width:auto;}
.eventtext{width:100%;max-width:200px;margin:10px auto 0;font-weight:bolder;font-size:18px;line-height:1.8;}
@media screen and (max-width: 1520px) {
  .eventitem{width:220px;height:220px;}
  .eventpic{height:90px;margin-bottom:10px;}
  .eventtext{max-width:180px;margin:5px auto 0;font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .eventlist .layout .avcol4{width:33.333333%;}
  .eventitem{width:180px;height:180px;}
  .eventpic{height:70px;margin-bottom:5px;}
  .eventtext{max-width:160px;margin:3px auto 0;font-size:14px;}
}
@media screen and (max-width: 768px) {
  .eventlist .layout .avcol4{width:50%;}
  .eventitem{width:150px;height:150px;}
  .eventpic{height:60px;}
  .eventtext{max-width:130px;font-size:12px;}
}
@media screen and (max-width: 568px) {
  .eventlist .layout{margin-right:-10px;margin-bottom:-10px;}
  .eventlist .layout .avcol4{padding-right:10px;margin-bottom:10px;}
  /*.eventlist .layout .avcol4{width:50%;}*/
}

/*googlemap*/
.googlemap{width:100%;height:450px;overflow:hidden;line-height:1;}
.googlemap iframe{width:100%;height:450px;background-image: url('data:img/png;base64,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');background-repeat:no-repeat;background-color:var(--grey);background-position:center;}
@media screen and (max-width:1080px){
  .googlemap{height:350px;}
  .googlemap iframe{height:350px;}
}
@media screen and (max-width:768px){
  .googlemap{height:300px;}
  .googlemap iframe{height:300px;}
}
@media screen and (max-width:520px){
  .googlemap{height:240px;}
  .googlemap iframe{height:240px;}
}
/*/public*/


/*home*/
.homenews{position:relative;background-image:url(img/homenewsbg.png);background-repeat:no-repeat;background-size:100% auto;background-position:center bottom;}
/*.homenews:after{content:"";position:absolute;}*/
.homenewsmain{position:relative;z-index:10;}

.tabtop{display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:3px solid #ddc08f;margin-bottom:50px;}
.tabmenu{display:flex;justify-content:space-between;width:550px;}
.tabmenu li{list-style-type:none;width:calc(50% - 10px);font-size:26px;font-weight:bolder;padding:15px 20px;border-radius:5px 5px 0 0;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.tabright{display:none;width:calc(100% - 550px);}
.tabright.active{display:block;}
.tabtitle{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:0 30px 0 80px;}
.tabtitle .t2{letter-spacing:0.1em;}
.tabtitle a{color:var(--darkbrown);font-size:20px;font-weight:bolder;text-decoration:none;transition:.3s;}
.tabtitle a:hover{color:#ddc08f;}

.tabcontent{display:none;margin-bottom:120px;}
.tabcontent.active{display:block;}
@media screen and (max-width: 1520px) {
  .tabtop{margin-bottom:30px;}
  .tabmenu{width:380px;}
  .tabmenu li{font-size:20px;padding:10px 15px;}
  .tabright{width:calc(100% - 380px);}
  .tabtitle a{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .tabtop{margin-bottom:20px;}
  .tabmenu{width:300px;}
  .tabmenu li{width:calc(50% - 5px);font-size:16px;padding:10px;}
  .tabright{width:calc(100% - 300px);}
  .tabtitle{padding:0 20px 0 50px;}
  .tabtitle a{font-size:14px;}
  .tabcontent{margin-bottom:60px;}
}
@media screen and (max-width: 768px) {
  .tabmenu{width:200px;}
  .tabmenu li{font-size:16px;padding:10px;}
  .tabright{width:calc(100% - 200px);}
  .tabtitle{padding:0 20px 0 30px;}
  .tabtitle a{font-size:14px;}
}
@media screen and (max-width: 568px) {
  .tabmenu{justify-content:center;width:100%;margin-bottom:15px;}
  .tabmenu li{margin:0 10px;max-width:150px;}
  .tabright{width:100%;}
  .tabtitle{padding:0 20px 0 0;}
}



.homeabout{position:relative;background-image:url(img/homeaboutbg.jpg);background-repeat:no-repeat;background-size:100% 100%;background-position:center;}
.homeabout:before{content:"";position:absolute;left:0;top:0;}
.homeabout .titlegroup{margin-bottom:30px;}
.homeabout .titlegroup .t2{font-family: "Zen Maru Gothic";color:#FFF;text-transform: uppercase;text-shadow: 1px 0 1px #1bb4d1, -1px 0 1px #1bb4d1, 0 1px 1px #1bb4d1, 0 -1px 1px #1bb4d1, 2px 0 1px #1bb4d1, -2px 0 1px #1bb4d1, 0 2px 1px #1bb4d1, 0 -2px 1px #1bb4d1, 3px 0 1px #1bb4d1, -3px 0 1px #1bb4d1, 0 3px 1px #1bb4d1, 0 -3px 1px #1bb4d1;}
.homeabout .titlegroup .t5{text-transform: uppercase;color:var(--yellow);}
.homeabout .wide{margin-bottom:50px;}
.homeabout .wide strong{font-size: 60px;font-family: "Zen Maru Gothic";color:var(--yellow);text-shadow: 1.5px 2.598px 3px rgba(0, 127, 132, 0.54);}
.homeabout .homeaboutlist{}
.homeabout .homeaboutlist ul{margin-bottom:-50px;margin-right:-50px;}
.homeabout .homeaboutlist ul li{margin-bottom:50px;padding-right:50px;}
@media screen and (max-width: 1520px) {
  .homeabout{background-size:100% auto;background-position:top center;}
  .homeabout .titlegroup{margin-bottom:20px;}
  .homeabout .wide{margin-bottom:30px;}
  .homeabout .wide strong{font-size: 50px;}
  .homeabout .homeaboutlist ul{margin-bottom:-30px;margin-right:-30px;}
  .homeabout .homeaboutlist ul li{margin-bottom:30px;padding-right:30px;}
}
@media screen and (max-width: 1080px) {
  .homeabout .titlegroup{margin-bottom:15px;}
  .homeabout .wide{margin-bottom:30px;}
  .homeabout .wide strong{font-size: 36px;}
  .homeabout .homeaboutlist ul{margin-bottom:-15px;margin-right:-15px;}
  .homeabout .homeaboutlist ul li{margin-bottom:15px;padding-right:15px;}
}
@media screen and (max-width: 768px) {
  .homeabout .titlegroup{margin-bottom:10px;}
  .homeabout .wide{margin-bottom:20px;}
  .homeabout .wide strong{font-size: 28px;}
  .homeabout .homeaboutlist ul li{width:50%;}
}
@media screen and (max-width: 568px) {
  .homeabout .wide strong{font-size:24px;}
  .homeabout .homeaboutlist ul li{width:100%;}
  .homeabout .homeaboutlist ul li .aboutitem{width:100%;max-width:360px;margin:0 auto;}
}


.aboutitem{}
.aboutitempic{width:100%;margin-bottom:20px;min-height:380px;}
.aboutitemtitle{font-size:34px;text-align: center;margin-bottom:30px;}
.aboutitemtext{font-size:18px;line-height:1.8;font-weight:500;}
@media screen and (max-width: 1520px) {
  .aboutitempic{min-height:260px;margin-bottom:10px;}
  .aboutitemtitle{font-size:28px;margin-bottom:20px;}
  .aboutitemtext{font-size:16px;line-height:1.6;}
}
@media screen and (max-width: 1080px) {
  .aboutitempic{min-height:200px;margin-bottom:5px;}
  .aboutitemtitle{font-size:22px;margin-bottom:15px;}
  .aboutitemtext{font-size:14px;}
}
@media screen and (max-width: 768px) {

}

     
    
.homeinfo{position:relative;background-image:url(img/homeinfobg.jpg);background-repeat:repeat;background-size:cover;background-position:center top;}
.homeinfo:before{content:"";position:absolute;left:0;top:0;z-index:1;width:100%;height:230px;background-image:url(img/homeinfotopbg.jpg);background-repeat:no-repeat;background-size:100% auto;background-position:center top;}
.homeinfo .twocolumn{position:relative;z-index:10;padding-top:150px;}
.homeinfo .twocolumn .text{width:calc(50% - 50px);position:relative;}
.homeinfo .twocolumn .text .homeinfoitem{position:relative;z-index:10;}
.homeinfo .twocolumn .text .homeinfoguitar{position:absolute;right:-6%;bottom:5%;width:260px;}
@media screen and (max-width: 1520px) {
  .homeinfo:before{height:160px;}
  .homeinfo .twocolumn{padding-top:120px;}
  .homeinfo .twocolumn .text{width:calc(50% - 30px);}
  .homeinfo .twocolumn .text .homeinfoguitar{right:0;bottom:0;width:200px;}
}
@media screen and (max-width: 1080px) {
  .homeinfo .twocolumn{padding-top:60px;}
  .homeinfo .twocolumn .text{width:calc(50% - 15px);}
  .homeinfo .twocolumn .text .homeinfoguitar{width:130px;}
}
@media screen and (max-width: 768px) {
  .homeinfo .twocolumn{padding-top:30px;}
  .homeinfo .twocolumn .text{width:100%;margin-top:20px;}
  .homeinfo .twocolumn .text .homeinfoitem{max-width:500px;margin:0 auto;}
  .homeinfo .twocolumn .text .homeinfoguitar{width:90px;}
}

.homeinfoitem{width:100%;}
.homeinfoitempic{width:100%;}
.homeinfoitempic img{width:100%;}
.homeinfoitemtext{font-size:18px;line-height:2;font-weight:bolder;width:100%;max-width:560px;margin:-30px auto 0;}
.homeinfoitemtext p{}
.homeinfoitemtext .button{background:#FFF;margin-top:30px;padding:10px 30px;border-radius:999999px;display:flex;justify-content:center;align-items:center;max-width:300px;transition:.3s;}
.homeinfoitemtext .button img{width:38px;height:38px;margin-right:20px;display:inline-block;}
.homeinfoitemtext .button.green{color:#44a829;border:5px solid #44a829;}
.homeinfoitemtext .button.blue{color:#00abdb;border:5px solid #00abdb;}
.homeinfoitemtext .button:hover{background:var(--themecolor);/*color:var(--themecolor);*/}
@media screen and (max-width: 1520px) {
  .homeinfoitemtext{font-size:16px;max-width:500px;}
  .homeinfoitemtext .button{padding:7px 20px;max-width:200px;}
  .homeinfoitemtext .button img{width:28px;height:28px;}
  .homeinfoitemtext .button.green{border:3px solid #44a829;}
  .homeinfoitemtext .button.blue{border:3px solid #00abdb;}
}
@media screen and (max-width: 1080px) {
  .homeinfoitemtext{font-size:14px;max-width:450px;margin:-20px auto 0;}
  .homeinfoitemtext .button{padding:5px 10px;max-width:180px;}
  .homeinfoitemtext .button img{width:22px;height:22px;}
  .homeinfoitemtext .button.green{border:2px solid #44a829;}
  .homeinfoitemtext .button.blue{border:2px solid #00abdb;}
}

.homelife{position:relative;}
.homelife:before{content:"";width:100%;height:41%;position:absolute;left:0;top:0;background-image:url(img/homelifetopbg.jpg);background-repeat:no-repeat;background-size:100% 100%;background-position:center top;}
.homelife:after{content:"";width:100%;height:30%;position:absolute;left:0;bottom:0;background-image:url(img/homelifebotbg.png);background-repeat:no-repeat;background-size:100% 100%;background-position:center bottom;}
.homelifemain{position:relative;z-index:10;}


.homelife .titlegroup{margin:180px auto -80px;position:relative;width:100%;max-width:420px;}
.homelife .titlegroup:before{content:"";background:url(img/starleft.png) no-repeat;background-size:contain;width:80px;height:100px;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.homelife .titlegroup:after{content:"";background:url(img/homelifeflower.png) no-repeat;background-size:contain;width:80px;height:100px;position:absolute;right:0;top:30%;transform:translateY(-50%);}
.homelife .titlegroup .t2{color:#805119;margin-bottom:20px;}
.homelife .titlegroup .t5{color:#00abdd;text-transform:uppercase;}
.homelife .twocolumn{margin:0 auto 180px;}
.homelife .twocolumn .text{width:calc(50% - 50px);}
@media screen and (max-width: 1520px) {
  .homelife:before{height:35%;background-size:100% auto;}
  .homelife:after{height:24%;background-size:100% auto;}
  .homelife .titlegroup{margin:100px auto -60px;max-width:360px;}
  .homelife .titlegroup:before{width:60px;height:80px;}
  .homelife .titlegroup:after{width:60px;height:80px;}
  .homelife .titlegroup .t2{margin-bottom:10px;}
  .homelife .twocolumn{margin:0 auto 100px;}
  .homelife .twocolumn .text{width:calc(50% - 30px);}
}
@media screen and (max-width: 1080px) {
  .homelife:before{height:30%;}
  .homelife .titlegroup{margin:50px auto -30px;max-width:300px;}
  .homelife .titlegroup:before{width:45px;height:60px;}
  .homelife .titlegroup:after{width:45px;height:60px;}
  .homelife .titlegroup .t2{margin-bottom:5px;}
  .homelife .twocolumn{margin:0 auto 60px;}
  .homelife .twocolumn .text{width:calc(50% - 15px);}
}
@media screen and (max-width: 768px) {
  .homelife .titlegroup{margin:30px auto 0px;max-width:240px;}
  .homelife .twocolumn .text{width:100%;margin-top:20px;}
  .homelife .twocolumn .text .linkitem{max-width:500px;margin:0 auto;}
}


.linkitem{display:flex;justify-content:center;transition:.3s;}
.linkitem:hover{text-decoration:none;transform:translateY(-3px);/*filter: drop-shadow(0 0 0 #bb9862EE) drop-shadow(10px 0 0 #bb9862EE) drop-shadow(-10px 0 0 #bb9862EE) drop-shadow(0 10px 0 #bb9862EE) drop-shadow(0 -10px 0 #bb9862EE);*/}
.linkitem figure{width:100%;}



.homelink{position:relative;background-image:url(img/homelinkbg.jpg);background-repeat:no-repeat;background-size:100% 100%;}
.homelink:after{content:"";background-color:var(--lighttheme);background-image:url(img/homelinkbombg.png);background-repeat:no-repeat;background-size:100% 100%;width:100%;height:50px;position:absolute;left:0;bottom:0%;}
.homelink .twocolumn{margin-bottom:50px;}
.homelink .twocolumn .pic{width:calc(50% - 50px);}
@media screen and (max-width: 1520px) {
  .homelink{}
  .homelink:after{}
  .homelink .twocolumn{margin-bottom:30px;}
  .homelink .twocolumn .pic{width:calc(50% - 30px);}
}
@media screen and (max-width: 1080px) {
  .homelink .twocolumn{margin-bottom:20px;}
  .homelink .twocolumn .pic{width:calc(50% - 15px);}
}
@media screen and (max-width: 768px) {
  .homelink{background-size:cover;}
  .homelink .twocolumn{margin-bottom:0px;}
  .homelink .twocolumn .pic{width:100%;margin-bottom:20px;}
  .homelink .twocolumn .pic .linkitem{max-width:500px;margin:0 auto;}
}


.homerelate{background-color:var(--lighttheme);}
.homerelate a{text-decoration:none;color:#000;font-weight:bolder;}
.homerelate .twocolumn{align-items:center;}
.homerelate .twocolumn:last-child{margin-top:-60px;}
.homerelate .twocolumn .pic{width:calc(50% + 20px);margin-right:-20px;}
.homerelate .twocolumn .text{width:calc(50% - 100px);position:relative;}
.homerelate .twocolumn .titlegroup{margin-bottom:50px;}
.homerelate .twocolumn .titlegroup .icon{display:block;width:80px;margin-bottom:10px;}
.homerelate .twocolumn .titlegroup .t2{line-height:1.1;margin-bottom:10px;}
.homerelate .twocolumn .titlegroup .t5{color:#00abdd;text-transform:uppercase;}
.homerelate .twocolumn .alohapic{margin-left:20px;margin-top:-50px;}
.homerelate .twocolumn .text p{font-weight:500;font-size:18px;line-height:2;}
.homerelate .twocolumn .text .button{position:relative;z-index:10;margin-top:50px;background:#FFF;border:5px solid #00abdb;border-radius:99999px;color:#00abdb;display:flex;justify-content:center;padding:15px 30px;width:280px;font-weight:bolder;font-size:18px;transition:.3s;}
.homerelate .twocolumn .text .button:hover{background:var(--themecolor);}
.homerelate .twocolumn .text .button img{width:45px;margin-right:30px;}
.homerelate .twocolumn .text .btnlink{position:relative;z-index:10;color:#00abdb;font-size:70px;line-height:100%;font-weight:bolder;display:block;margin-top:50px;transition:.3s;}
.homerelate .twocolumn .text .btnlink:hover{opacity:0.7;color:#bb9862;text-decoration:none;}
.homerelate .twocolumn .text .homerecruitflower{position: absolute;left: -25%;bottom: -15%;width: 120px;}
.homerelate .twocolumn .text .homecontactflower{position: absolute;right: 0%;bottom: -50%;width: 200px;}
@media screen and (max-width: 1520px) {
  .homerelate .twocolumn:last-child{margin-top:-50px;}
  .homerelate .twocolumn .pic{width:calc(50% + 20px);margin-right:-20px;}
  .homerelate .twocolumn .text{width:calc(50% - 60px);}
  .homerelate .twocolumn .titlegroup{margin-bottom:30px;}
  .homerelate .twocolumn .titlegroup .icon{width:60px;margin-bottom:5px;}
  .homerelate .twocolumn .titlegroup .t2{margin-bottom:5px;}
  .homerelate .twocolumn .alohapic{width:130px;}
  .homerelate .twocolumn .text p{font-size:16px;line-height:1.8;}
  .homerelate .twocolumn .text .button{margin-top:30px;padding:12px 20px;width:240px;font-size:16px;}
  .homerelate .twocolumn .text .button img{width:35px;margin-right:20px;}
  .homerelate .twocolumn .text .btnlink{font-size:60px;margin-top:30px;}
  .homerelate .twocolumn .text .homerecruitflower{width: 100px;}
  .homerelate .twocolumn .text .homecontactflower{width: 160px;}
}
@media screen and (max-width: 1080px) {
  .homerelate .twocolumn:last-child{margin-top:-20px;}
  .homerelate .twocolumn .pic{width:50%;margin-right:0px;}
  .homerelate .twocolumn .text{width:calc(50% - 30px);}
  .homerelate .twocolumn .titlegroup{margin-bottom:30px;}
  .homerelate .twocolumn .titlegroup .icon{width:60px;margin-bottom:5px;}
  .homerelate .twocolumn .titlegroup .t2{margin-bottom:5px;}
  .homerelate .twocolumn .alohapic{width:100px;}
  .homerelate .twocolumn .text p{font-size:16px;line-height:1.8;}
  .homerelate .twocolumn .text .button{margin-top:15px;padding:10px 15px;width:200px;font-size:14px;border:3px solid #00abdb;}
  .homerelate .twocolumn .text .button img{width:28px;margin-right:15px;}
  .homerelate .twocolumn .text .btnlink{font-size:38px;margin-top:20px;}
  .homerelate .twocolumn .text .homerecruitflower{bottom: 0%;width: 80px;}
  .homerelate .twocolumn .text .homecontactflower{bottom: -30%;width: 130px;}
}
@media screen and (max-width: 768px) {
  .homerelate .twocolumn{max-width:500px;margin:0 auto 30px;}
  .homerelate .twocolumn:last-child{margin-top:0px;margin-bottom:0px;}
  .homerelate .twocolumn .pic{width:100%;order:2;}
  .homerelate .twocolumn .text{width:100%;order:1;}
  .homerelate .twocolumn .titlegroup{margin-bottom:20px;}
  .homerelate .twocolumn .text .homerecruitflower{left:-50px; bottom: 0%;width: 30px;}
  .homerelate .twocolumn .text .homecontactflower{ bottom:0%;width: 80px;}
}


/*page download*/
.downloadlist{}
.downloadlist ul{margin-right:-130px;margin-bottom:-30px;}
.downloadlist ul li{padding-right:130px;margin-bottom:30px;}
.downloadlist ul li .downloaditem{max-width:160px;margin:0 auto;}
@media screen and (max-width: 1520px) {
  .downloadlist ul{margin-right:-50px;}
  .downloadlist ul li{padding-right:50px;}
}
@media screen and (max-width: 1080px) {
  .downloadlist ul{margin-right:-50px;margin-bottom:-20px;}
  .downloadlist ul li{padding-right:50px;margin-bottom:20px;}
}
@media screen and (max-width: 768px) {
  .downloadlist ul{margin-right:-20px;}
  .downloadlist ul li{padding-right:20px;}
  .downloadlist ul li{width:33.333333%;}
  .downloadlist ul li .downloaditem{max-width:100px;}
}
@media screen and (max-width: 568px) {
  .downloadlist ul li{width:50%;}
}

/*page contact*/
.contact{}
.contact .wide{margin-bottom:60px;font-weight:bolder;line-height:1.8;}
.contact .form .forminner{margin-bottom:50px;}
.contact .form .agreen{margin-bottom:30px;}
.contact .form .formapply{margin-bottom:50px;padding:10px;}
.contact .form .formtrue{font-weight:bolder;}
.contact .form .formtrue p{display:flex;justify-content:center;}
.contact .form .btngroup p{display:flex;justify-content:center;position:relative;}
.contact .form .btngroup .wpcf7-spinner{position:absolute;}
@media screen and (max-width: 1520px) {
  .contact .wide{margin-bottom:30px;}
  .contact .form .forminner{margin-bottom:30px;}
  .contact .form .agreen{margin-bottom:20px;}
  .contact .form .formapply{margin-bottom:30px;}
}
@media screen and (max-width: 1080px) {
  .contact .wide{margin-bottom:20px;}
  .contact .form .forminner{margin-bottom:20px;}
  .contact .form .agreen{margin-bottom:15px;}
  .contact .form .formapply{margin-bottom:20px;padding:5px;}
}


/*page aki*/
.aki .wide{margin-bottom:60px;}
.aki .wide .t3{margin-bottom:50px;}
.aki .wide figure{margin-bottom:20px;}
.aki .wide .t5{display:flex;justify-content:center;align-items:flex-end;}
.aki .wide .t5 .iconcoconuttree{width:38px;height:50px;margin-right:10px;}
.aki .treetitle{margin-top:80px;}
.aki .tableinfo{margin-top:20px;}
@media screen and (max-width: 1520px) {
  .aki .wide{margin-bottom:50px;}
  .aki .wide .t3{margin-bottom:30px;}
  .aki .wide figure{margin-bottom:15px;}
  .aki .wide .t5 .iconcoconuttree{width:30px;height:38px;margin-right:5px;}
  .aki .treetitle{margin-top:60px;}
  .aki .tableinfo{margin-top:15px;}
}
@media screen and (max-width: 1080px) {
  .aki .wide{margin-bottom:30px;}
  .aki .wide .t3{margin-bottom:20px;}
  .aki .wide figure{margin-bottom:10px;}
  .aki .wide .t5 .iconcoconuttree{width:22px;height:30px;}
  .aki .treetitle{margin-top:30px;}
  .aki .tableinfo{margin-top:10px;}
}

/*page faq*/
.faq .dropdownitem{margin-bottom:30px;}
@media screen and (max-width: 1520px) {
  .faq .dropdownitem{margin-bottom:20px;}
}
@media screen and (max-width: 1080px) {
  .faq .dropdownitem{margin-bottom:15px;}
}
@media screen and (max-width: 768px) {
  .faq .dropdownitem{padding-left:0;}
}

/*page voice*/
.voice .wide{margin-bottom:50px;}
@media screen and (max-width: 1520px) {
  .voice .wide{margin-bottom:30px;}
}
@media screen and (max-width: 1080px) {
  .voice .wide{margin-bottom:20px;}
}

/*page about*/
.about .arroundpic{margin-bottom:50px;}
.about .treetitle{margin-bottom:30px;}
.about .twocolumn{margin-bottom:60px;}
.about .twocolumn .pic{width:calc(50% - 50px);}
.about .twocolumn .pic figure{border-radius:5px;}
.about .twocolumn .pic figure:after{padding-top:70%;}
.about .twocolumn .text{width:50%;}
.about .twocolumn .text .t3{margin-bottom:20px;}
.about .twocolumn .text .list{list-style-type:none;}
.about .twocolumn .text .list li{padding:10px 0;}
.about .twocolumn .text .list li:not(:last-child){border-bottom:1px dotted #765c26;}
.about .twocolumn .tablelist{width:calc(50% - 10px);}
.about .twocolumn .tablelist dl{padding:10px 0;}
.about .twocolumn .tablelist dt{font-weight:500;width:150px;}
.about .twocolumn .tablelist dd{width:calc(100% - 150px);}
@media screen and (max-width: 1520px) {
  .about .arroundpic{margin-bottom:30px;}
  .about .treetitle{margin-bottom:20px;}
  .about .twocolumn{margin-bottom:30px;}
  .about .twocolumn .pic{width:calc(50% - 30px);}
  .about .twocolumn .text .t3{margin-bottom:15px;}
  .about .twocolumn .tablelist dt{width:125px;}
  .about .twocolumn .tablelist dd{width:calc(100% - 125px);}
}
@media screen and (max-width: 1080px) {
  .about .arroundpic{margin-bottom:20px;}
  .about .treetitle{margin-bottom:15px;}
  .about .twocolumn{margin-bottom:20px;}
  .about .twocolumn .pic{width:calc(50% - 20px);}
  .about .twocolumn .text .list li{padding:5px 0;}
  .about .twocolumn .tablelist{width:calc(50% - 5px);}
  .about .twocolumn .tablelist dt{width:100px;}
  .about .twocolumn .tablelist dd{width:calc(100% - 100px);}
}
@media screen and (max-width: 768px) {
  .about .twocolumn .pic{width:100%;margin-bottom:15px;}
  .about .twocolumn .pic figure{max-width:500px;margin:0 auto;}
  .about .twocolumn .text{width:100%;max-width:500px;margin:0 auto;}
  .about .twocolumn .tablelist{width:100%;max-width:500px;margin:0 auto;}
  .about .twocolumn .tablelist dt{width:120px;}
  .about .twocolumn .tablelist dd{width:calc(100% - 120px);}
}

/*page recruit*/
.recruit .arroundpic{margin-bottom:50px;}
.recruit .wide{margin-bottom:50px;}
.recruit .wide p{margin-bottom:50px;}
.recruit .treetitle{margin-bottom:30px;}
.recruit .tablelist dl{align-items:center;font-weight:bolder;margin-top:25px;}
.recruit .tablelist dl dt{text-align:center;font-size:24px;color:#a87c5c;width:280px;}
.recruit .tablelist dl dd{width:calc(100% - 280px);font-size:20px;padding:15px 60px;background:#FFF;border:1px solid #ab8d5f;border-radius:5px;}
@media screen and (max-width: 1520px) {
  .recruit .arroundpic{margin-bottom:30px;}
  .recruit .wide{margin-bottom:30px;}
  .recruit .wide p{margin-bottom:30px;}
  .recruit .treetitle{margin-bottom:20px;}
  .recruit .tablelist dl{margin-top:20px;}
  .recruit .tablelist dl dt{font-size:20px;width:240px;}
  .recruit .tablelist dl dd{width:calc(100% - 240px);font-size:16px;padding:10px 50px;}
}
@media screen and (max-width: 1080px) {
  .recruit .arroundpic{margin-bottom:20px;}
  .recruit .wide{margin-bottom:20px;}
  .recruit .wide p{margin-bottom:20px;}
  .recruit .treetitle{margin-bottom:15px;}
  .recruit .tablelist dl{margin-top:15px;}
  .recruit .tablelist dl dt{font-size:16px;width:200px;}
  .recruit .tablelist dl dd{width:calc(100% - 200px);font-size:14px;padding:10px 30px;}
}
@media screen and (max-width: 768px) {
  .recruit .tablelist dl dt{width:100%;text-align:left;margin-bottom:5px;}
  .recruit .tablelist dl dd{width:100%;padding:10px 20px;}
}

/*page admission*/
.admission .arroundpic{margin-bottom:50px;}
.admission .treetitle{margin-bottom:50px;}
.admission .twocolumn{margin-bottom:80px;}
.admission .twocolumn .text{width:calc(50% - 50px);}
.admission .twocolumn .text .tablelist{}
.admission .twocolumn .text .tablelist dl{padding:10px 0;border-bottom:1px dotted #000;}
.admission .twocolumn .text .tablelist dl dt{font-weight:bolder;}
.admission .twocolumn .text .tablelist dl dd{}
.admission .steplist{margin-bottom:80px;}
.admission .stepitem{margin-bottom:30px;}
.admission .price{border:5px solid #f7e4c0;border-radius:15px;background:#FFF;padding:50px;}
.admission .price .twocolumn{margin-bottom:0;}
.admission .price .twocolumn .pricelist{width:calc(50% - 30px);margin-bottom:20px;}
.admission .price .twocolumn .pricelist dl{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:15px;}
.admission .price .twocolumn .pricelist dl dt{width:320px;font-size:28px;font-weight:bolder;}
.admission .price .twocolumn .pricelist dl dd{width:calc(100% - 320px);font-size:24px;font-weight:bolder;}
.admission .price .twocolumn .text p{font-size:18px;line-height:1.8;text-indent:-1em;padding-left:1em;}
@media screen and (max-width: 1520px) {
  .admission .arroundpic{margin-bottom:30px;}
  .admission .treetitle{margin-bottom:30px;}
  .admission .twocolumn{margin-bottom:60px;}
  .admission .twocolumn .text{width:calc(50% - 30px);}
  .admission .steplist{margin-bottom:60px;}
  .admission .stepitem{margin-bottom:20px;}
  .admission .price{padding:30px;border:3px solid #f7e4c0;}
  .admission .price .twocolumn .pricelist{width:calc(50% - 20px);margin-bottom:15px;}
  .admission .price .twocolumn .pricelist dl{margin-bottom:10px;}
  .admission .price .twocolumn .pricelist dl dt{width:220px;font-size:24px;}
  .admission .price .twocolumn .pricelist dl dd{width:calc(100% - 220px);font-size:20px;}
  .admission .price .twocolumn .text p{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .admission .arroundpic{margin-bottom:20px;}
  .admission .treetitle{margin-bottom:20px;}
  .admission .twocolumn{margin-bottom:30px;}
  .admission .twocolumn .text{width:calc(50% - 15px);}
  .admission .steplist{margin-bottom:30px;}
  .admission .stepitem{margin-bottom:15px;}
  .admission .price{padding:20px;border:2px solid #f7e4c0;}
  .admission .price .twocolumn .pricelist{width:calc(50% - 10px);margin-bottom:10px;}
  .admission .price .twocolumn .pricelist dl{margin-bottom:5px;}
  .admission .price .twocolumn .pricelist dl dt{width:130px;font-size:20px;}
  .admission .price .twocolumn .pricelist dl dd{width:calc(100% - 130px);font-size:16px;}
  .admission .price .twocolumn .text p{font-size:14px;}
}
@media screen and (max-width: 768px) {
  .admission .twocolumn .text{width:100%;}
  .admission .price{padding:20px;}
  .admission .price .twocolumn .pricelist{width:calc(50% - 5px);}
}
@media screen and (max-width: 568px) {
  .admission .price .twocolumn .pricelist{width:100%;margin-bottom:0;}
}


/*page day*/
.day{}
.day1{background:#fffaf1;}
.day .arroundpic{margin-bottom:50px;}
.day .treetitle{margin-bottom:50px;}
.day .flowlist{margin-bottom:0px;}
.day .yearevent{margin-bottom:30px;}
.day .eventlist{}
@media screen and (max-width: 1520px) {
  .day .arroundpic{margin-bottom:30px;}
  .day .treetitle{margin-bottom:30px;}
  .day .yearevent{margin-bottom:20px;}
}
@media screen and (max-width: 1080px) {
  .day .arroundpic{margin-bottom:20px;}
  .day .treetitle{margin-bottom:20px;}
  .day .yearevent{margin-bottom:15px;}
}
@media screen and (max-width: 768px) {

}

.post-password-form{padding:100px 40px;margin:0 auto;max-width:1000px;width:100%;font-family:"Zen Maru Gothic";}
.post-password-form>p{margin-bottom:10px;}
.post-password-form label input{padding:3px 5px;border:1px solid #ccc;}
.post-password-form>p>input{padding:5px 10px;color:#fff;line-height:1;background:#0e8a8e;font-family: "Zen Maru Gothic";}
@media screen and (max-width: 1520px) {
	.post-password-form{padding:80px 20px;}
}
@media screen and (max-width: 1080px) {
	.post-password-form{padding:60px 20px;}
}