@charset "utf-8";

#pageTitle{background-repeat:no-repeat;background-position:right top;background-color:#f0efe8;background-image:url(../img/common/title.jpg);background-size:auto 100%;}
#pageTitle h1{font-weight:500;letter-spacing:0.05em;position:relative}
#pageTitle h1:first-letter{color:#78b97f}
#breadcrumb{text-align:right;margin:0 auto}
#breadcrumb li{display:inline-block}
#breadcrumb li a{text-decoration:none}
#breadcrumb li a:hover{text-decoration:underline}
#breadcrumb li:after{content:"\003e"}
#breadcrumb li:last-child:after{display:none}
#breadcrumb li,#breadcrumb a{color:#666}

h1::after{content:"";display:block;opacity:.6}
h2{text-align:center;letter-spacing:0.08em;font-weight:500}

@media screen and (min-width:769px) {
#pageTitle{width:calc(100% - 40px);margin:10px auto 20px;height:160px;border-top-left-radius:30px;-webkit-border-top-left-radius:30px;-moz-border-radius-topleft:30px;border-bottom-right-radius:30px;-webkit-border-bottom-right-radius:30px;-moz-border-radius-bottomright:30px;background-size:auto;line-height:1}
#pageTitle h1{padding:64px 40px 0;font-size:28px}
#pageTitle h1:first-letter{font-size:34px;color:#78b97f}

#breadcrumb{padding:10px;font-size:13px;width:1180px;margin:0 auto}
#breadcrumb li:after{margin:0 10px}
h2{font-size:1.875rem;margin:0 auto 60px}
}

@media screen and (max-width:768px) {
#pageTitle{margin:10px;height:100px;border-top-left-radius:15px;-webkit-border-top-left-radius:15px;-moz-border-radius-topleft:15px;border-bottom-right-radius:15px;-webkit-border-bottom-right-radius:15px;-moz-border-radius-bottomright:15px;display:table;width:calc(100% - 20px);}
#pageTitle h1{padding:0 0 0 15px;font-size:18px;font-weight:bold;height:100px;display:table-cell;vertical-align:middle;}
#pageTitle h1:first-letter{font-size:24px}
#breadcrumb{font-size:11px;padding:5px 10px 20px;line-height:1.6em}
#breadcrumb li:after{margin:0 10px}
h2{font-size:1.25rem;margin:0 auto 40px}
}

.sectionnav01{text-align:center}
.sectionnav01 ul{background:#f6ede4}
.sectionnav01 ul li a{color:#111;text-decoration:none;position:relative}
.sectionnav01 ul li a::before{content:""}

.layout01 section{position:relative}
.layout01 section ul li::before{}


@media screen and (min-width:769px) {
.sectionnav01 ul{border-radius:20px;width:1180px;margin:20px auto;text-align:center}
.sectionnav01 ul li{display:inline-block;padding:10px 20px;font-weight:500;font-size:92%;}
.sectionnav01 ul li a:hover{color:#568a61}
.sectionnav01 ul li a::before{content:"";width:8px;height:8px;display:inline-block;border-top:3px solid #4d8459;border-right:3px solid #4d8459;transform:rotate(135deg);transition:.5s;position:relative;top:-2px;margin:0 8px 0 0}
.sectionnav01 + .layout01{margin-top:80px;}
.layout01 section{display:flex;flex-wrap:nowrap;align-items:center;width:1080px;margin:0 auto 80px;padding:0 0 40px;min-height:600px}
.layout01 section h2{-ms-writing-mode:tb-lr;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;font-size:46px;padding:40px 0 0;line-height:3em;letter-spacing:.15em;white-space:nowrap;margin:0;text-align:left;}
.layout01 section h3{color:#4d8459;font-size:36px;font-weight:500}
.layout01 section h2,.layout01 section div{align-items:center;}
.layout01 section dl,.layout01 section p,.layout01 section ul{font-size:17px;line-height:1.9em;margin-bottom:2em}
.layout01 section ul li{margin:0 0 5px}
.layout01 section:nth-child(2n+1) h2{padding-right:50px}
.layout01 section:nth-child(2n) h2{padding-left:50px}
.layout01 section:nth-child(2n){flex-direction:row-reverse}
.layout01 section:nth-child(2n+1) ul,.layout01 section:nth-child(2n+1) p{padding:0 360px 0 0}
.layout01 section:nth-child(2n) ul,.layout01 section:nth-child(2n) p{padding:0 0 0 360px}
.layout01 section ul + p{margin-top:3em}
.layout01 section:nth-child(2n+1) h3{padding:0px 360px 30px 0}
.layout01 section:nth-child(2n) h3{padding:0px 0 30px 360px}
.layout01 section div figure.bg{position:absolute;top:0;z-index:-1;}
.layout01 section div figure.bg::before{content:"";width:100%;height:100%;position:absolute;top:0;z-index:0}
.layout01 section:nth-child(2n+1) div figure.bg{right:0;}
.layout01 section:nth-child(2n) div figure.bg{left:0;}
.layout01 section:nth-child(2n+1) div figure.bg::before{right:0;background: -moz-linear-gradient(left,  rgba(255,255,255,1) 50%, rgba(255,255,255,0.3) 80%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 50%,rgba(255,255,255,0.3) 80%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(255,255,255,1) 50%,rgba(255,255,255,0.3) 80%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.layout01 section:nth-child(2n) div figure::before{left:0;background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 20%, rgba(255,255,255,1) 50%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 20%,rgba(255,255,255,1) 50%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 20%,rgba(255,255,255,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.layout01 section div figure img{border-top-left-radius:50px;-webkit-border-top-left-radius:50px;-moz-border-radius-topleft:50px;border-bottom-right-radius:50px;-webkit-border-bottom-right-radius:50px;-moz-border-radius-bottomright:50px}

.layout01 section div p + p{margin-top:3em;}
.layout01 section ul li{padding:0 5px 0 25px}
.layout01 section ul li:before{content:"\0025cf";color:#4d8459;margin:0 10px 0 -20px;position:relative;top:-3px;font-size:12px;font-weight:bold}
}

@media screen and (max-width:768px) {
.sectionnav01 ul{border-radius:10px;margin:0 auto;text-align:left;width:300px;background:#f6ede4}
.sectionnav01 ul li{padding:10px 20px;font-weight:500;border-bottom:1px solid #fff;font-size:13px}
.sectionnav01 ul li:last-child{border:none}
.sectionnav01 ul li a{display:block}
.sectionnav01 ul li a::before{content:"";position:absolute;width:6px;height:6px;display:inline-block;border-top:2px solid #4d8459;border-right:2px solid #4d8459;transform:rotate(135deg);transition:.5s;position:relative;top:-2px;margin:0 8px 0 0}

.selectdiv + .layout01{padding-top:40px;}

.layout01 section{padding:40px 2vw;border-bottom:1px solid #eee;}
.layout01 section h2{color:#3a3a3a;font-size:20px;text-align:center;letter-spacing:.1em;text-indent:.1em;margin:0 0 1.2em;font-weight:700}
.layout01 h2::after{content:"";width:100px;height:2px;background:#4d8459;display:block;margin:5px auto 0}
.layout01 section figure{width:300px;margin:0 auto 1em;}
.layout01 section h3{color:#4d8459;font-size:18px;margin:0 0 1.4em;text-align:center;font-weight:bold;}
.layout01 section p{font-size: 14px;line-height: 1.8em;margin:0 0 1.4em;}
.layout01 section p:last-child{text-align:center;}
}


#freeMenu{text-align:center}
#freeMenu ul{background:#f6ede4}
#freeMenu ul li a{color:#111;text-decoration:none;position:relative}
#freeMenu ul li a::before{content:""}
#freeMenuList h2::after{content:"";background:#4d8459;display:block;}
@media screen and (min-width:769px) {
#freeMenu ul{border-radius:20px;width:1080px;margin:20px auto;text-align:center}
#freeMenu ul li{display:inline-block;padding:10px 20px;font-weight:500}
#freeMenu ul li a:hover{color:#568a61}
#freeMenu ul li a::before{content:"";width:8px;height:8px;display:inline-block;border-top:3px solid #4d8459;border-right:3px solid #4d8459;transform:rotate(135deg);transition:.5s;position:relative;top:-2px;margin:0 8px 0 0}
#freeMenuList section{border-bottom:1px solid #c2cdd3;padding:80px 0}
#freeMenuList h2{text-align: center;position:relative;font-size:30px;line-height:1.6em;margin:0 auto 40px;font-weight:500}
#freeMenuList h2::after{width:140px;height:2px;margin:10px auto 0}
#freeMenuList h2 + figure img{margin:0 auto;border-top-left-radius:30px;-webkit-border-top-left-radius:30px;-moz-border-radius-topleft:30px;border-bottom-right-radius:30px;-webkit-border-bottom-right-radius:30px;-moz-border-radius-bottomright:30px;display:block}
#freeMenuList h2 + figure{margin:0 auto 60px}
.menu{width:980px;margin:0 auto 60px;display:flex}
.menu p,.menu dl{font-size:16px;line-height:1.8em}
.menu p{width:100%;margin:0 20px}
.menu dl{width:460px;margin:0 40px}
.menu dl dt,.menu dl dd{width:50%;float:left;padding:6px;font-weight:500}
.menu dl dt{border-bottom:1px solid #568a61;clear:both}
.menu dl dd{border-bottom:1px solid #c9c9c9;text-align:right}
.reccomend{text-align:center}
.reccomend h3{color:#4d8459;font-size:18px;font-weight:600;padding:0 20px;background:#fff;display:inline-block;}
.reccomend ul{font-size:16px;line-height:2em;padding:30px 20px 20px;border:1px solid #4d8459;border-radius:30px;width:980px;margin:-15px auto 0}
}
@media screen and (max-width:768px) {
#freeMenu ul{border-radius:10px;margin:0 auto;text-align:left;width:300px;background:#f0efe8}
#freeMenu ul li{padding:10px 20px;font-weight:500;border-bottom:1px solid #fff;font-size:13px}
#freeMenu ul li:last-child{border:none}
#freeMenu ul li a{display:block}
#freeMenu ul li a::before{content:"";position:absolute;width:6px;height:6px;display:inline-block;border-top:2px solid #4d8459;border-right:2px solid #4d8459;transform:rotate(135deg);transition:.5s;position:relative;top:-2px;margin:0 8px 0 0}
#freeMenuList section{border-bottom:1px solid #c2cdd3;padding:40px 20px}
#freeMenuList h2{font-size:20px;text-align:center;letter-spacing:.1em;text-indent:.1em;margin:0 0 1.2em;font-weight:700}
#freeMenuList h2::after{width:100px;height:2px;margin:10px auto}
#freeMenuList h2 + figure img{margin:0 auto;border-top-left-radius:15px;-webkit-border-top-left-radius:15px;-moz-border-radius-topleft:15px;border-bottom-right-radius:15px;-webkit-border-bottom-right-radius:15px;-moz-border-radius-bottomright:15px;display:block}
#freeMenuList h2 + figure{margin:0 auto 20px}
.menu{margin-bottom:1em;}
.menu p,.menu dl{font-size:14px;line-height:1.8em}
.menu dl{padding:30px 0;width:300px;margin:0 auto;overflow:hidden}
.menu dl dt,.menu dl dd{float:left;padding:6px;font-weight:500}
.menu dl dt{border-bottom:1px solid #568a61;clear:both;width:30%}
.menu dl dd{border-bottom:1px solid #c9c9c9;text-align:right;width:70%}
.reccomend{text-align:center}
.reccomend h3{color:#4d8459;font-size:16px;font-weight:600;padding:0 10px;background:#fff;display:inline-block;}
.reccomend ul{font-size:13px;line-height:2em;padding:20px 20px 10px 10px;border:1px solid #4d8459;border-radius:10px;margin:-15px auto 0;text-align:left;}
.reccomend ul li{padding-left:15px;}
.reccomend ul li::before{content:"●";color:#4d8459;margin:0 .5em 0 -15px;font-size:10px;}
}

#otherMenu figcaption{text-align:center;}
#otherMenu p{display:block;text-align:center}
#otherMenu li p{text-align:left}
#otherMenu p strong{font-weight:normal}

@media screen and (min-width:769px) {
#otherMenu p:first-child{font-size:30px;margin:60px auto}
#otherMenu p:first-child strong{border-bottom:3px solid #f7d3d3;}
#otherMenu ul{display:flex;justify-content:space-between;width:1080px;margin:0 auto}
#otherMenu ul li{width:320px}
#otherMenu ul li img{border-radius:30px}
#otherMenu ul li figcaption{font-size:26px;font-weight:500;padding:15px 0}
#otherMenu ul li p{font-size:16px;line-height:1.8em}
#otherMenu{position:relative;padding:0 0 60px;margin-bottom:60px;}
#otherMenu::after{background:#fff1e7;content:"";display:block;width:500%;position:absolute;bottom:0;left:50%;margin-left:-250%;height:60%;z-index:-1}
#otherMenu ul + p{padding:60px 0;font-size:20px;font-weight:500}
}

@media screen and (max-width:768px) {
#otherMenu{padding:20px 0;border-bottom:1px solid #c2cdd3;background:#fff1e7}
#otherMenu p:first-child{font-size:18px;margin:20px auto;padding:10px;font-weight:normal}
#otherMenu p:first-child strong{border-bottom:4px solid #f7d3d3;font-weight:normal}
#otherMenu ul{margin:0 auto;padding:20px}
#otherMenu ul li{margin:0 0 20px;text-align:left;position:relative;padding:10px 0}
#otherMenu ul li img{border-radius:15px;width:130px;float:left;margin:0 20px 0 0}
#otherMenu ul li figcaption{font-size:18px;font-weight:500;padding:0 0 15px 0;font-weight:700;color:#4d8459:}
#otherMenu ul li p{font-size:14px;line-height:1.8em;padding:0 0 0 150px}
#otherMenu ul + p{padding:0 20px;font-size:15px;font-weight:500;line-height:1.8em}
}

#flow h2{color:#3a3a3a;font-size:30px;text-align:center;letter-spacing:.1em;text-indent:.1em;margin:0 0 2em;font-weight:500}
#flow h2::after{content:"";width:140px;height:2px;background:#4d8459;display:block;margin:10px auto}
#flow ol{counter-reset:number;}
#flow ol li{display:flex;flex-wrap: wrap;position:relative;}
#flow ol li::before{counter-increment:number;content:counter(number);background:#fbb88e;color:#fff;display:block;border-radius:50%;text-align:center;font-family:'Alice',"Times New Roman", Times, serif;box-shadow:rgba(0，0，0, 0.1) 1px 1px 6px 3px;-webkit-box-shadow:rgba(0，0，0, 0.1) 1px 1px 6px 3px;-moz-box-shadow:rgba(0，0，0, 0.1) 1px 1px 6px 3px}
#flow ol li::after{content:"";display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:absolute;left:50%;}
#flow ol li:last-child::after{display:none}
@media screen and (min-width:769px) {
#flow{width:880px;margin:20px auto 60px;padding-top:60px;}
#flow ol{padding-top:20px;}
#flow ol li{padding-bottom:40px;margin-bottom:40px;}
#flow ol li::before{width:70px;height:70px;font-size:30px;line-height:70px;margin-right:30px;}
#flow ol li h3{font-size:30px;width:calc(100% - 100px);padding:10px 0;font-weight:400;}
#flow ol li p{padding-left:100px;}
#flow ol li::after{width:16px;height:16px;border-bottom:4px solid #538a62;border-left:4px solid #538a62;bottom:-20px;margin-left:-8px;}
}

@media screen and (max-width:768px) {
	#flow {padding-top:60px;}
	#flow h2{font-size: 18px;
    text-align: center;
    letter-spacing: .1em;
    text-indent: .1em;
    margin: 0 0 1.2em;
    font-weight: 700;}
#flow h2:after{width: 100px;
    height: 2px;
    margin: 10px auto;}
#flow ol{padding:20px;}
#flow ol li{padding-bottom:20px;margin-bottom:20px;}
#flow ol li::before{width:30px;height:30px;font-size:16px;line-height:30px;margin-right:10px;}
#flow ol li h3{font-size:16px;width:calc(100% - 40px);padding:5px 0;font-weight:600;}
#flow ol li p{padding-left:40px;font-size:14px;}
#flow ol li::after{width:10px;height:10px;border-bottom:4px solid #538a62;border-left:4px solid #538a62;bottom:-5px;margin-left:-5px;}

.works_detail{padding-top:20px;}
}

#faqList dt{position:relative;font-weight:600}
#faqList dt::before{content:"\0051";color:#568a61;font-family:'Alice',"Times New Roman", Times, serif}
#faqList dt span::before,#faqList dt span::after{content:"";background:#568a61;display:inline-block;position:absolute;top:50%;transition:.5s}
#faqList dt span::before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
#faqList dt span::after{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
#faqList dt.active span::before{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
#faqList dt.active span::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}

@media screen and (min-width:769px) {
#faqList{border-bottom:1px solid #e1e1e1;width:1000px;margin:80px auto;}
#faqList dt::before{font-size:26px;margin:0 18px 0 0}
#faqList dt span::before,#faqList dt span::after{width:20px;height:3px;border-radius:3px;right:10px}
#faqList dt{padding:20px 15px;border-top:1px solid #e1e1e1;cursor:pointer}
#faqList dt:hover{color:#568a61}
#faqList dd{padding:10px 30px 30px 55px;}
#faqList dd p{line-height:1.8em}
}
@media screen and (max-width:768px) {
#faqList{border-top:1px solid #e1e1e1;width:calc(100% - 20px);margin:20px auto 20px;}
#faqList dt::before{font-size:1.2em;margin:0 8px 0 -22px;top:-2px;position:relative}
#faqList dt span::before,#faqList dt span::after{width:14px;height:2px;border-radius:4px;right:10px}
#faqList dt{padding:15px 30px 15px 28px;font-size:0.937rem;cursor:pointer;border-bottom:1px solid #e1e1e1;font-weight:600;}
#faqList dd{padding:10px 30px 20px 28px}
#faqList dt.active{border:none;color:#568a61;}
#faqList dt.active + dd{border-bottom:1px solid #e1e1e1}
#faqList dd .callink{color:#666;border-bottom:1px dotted #ccc}
#faqList dd p{line-height:1.8em;font-size:0.875rem}
}

#galleryLead a{background:#f4f4f4;text-align:center;text-decoration:none;}
#galleryLead a figure{position:relative;width:100%;height:100%}
#galleryLead a h4{color:#222}
#galleryLead a .cat{color:#4d8459}
#galleryLead figure span::after,#galleryLead a figure::after{position:absolute;font-family:'Alice',"Times New Roman", Times, serif;}
#galleryLead figure span::after{content:"\0042\0065\0066\006f\0072\0065";background:#d5edbf;color:#4d8459}
#galleryLead a figure::after{content:"\0041\0066\0074\0065\0072";background:#4d8459;color:#fff;display:none}
#galleryLead .none figure span::after,#galleryLead .none a figure::after,#galleryLead .none a figure::after{display:none;}

@media screen and (min-width:1601px) {
#galleryLead ul li{width:calc(20% - 20px);}
}
@media screen and (max-width:1600px) {
#galleryLead ul li{width:calc(25% - 20px);}
}
@media screen and (max-width:1400px) {
#galleryLead ul li{width:calc(33.3% - 20px);}
}
@media screen and (max-width:960px) {
#galleryLead ul li{width:calc(50% - 20px);}
}
@media screen and (min-width:769px) {
#galleryLead{position:relative;padding:80px 0;}
#galleryLead ul{width:calc(100% - 40px);max-width:1700px;margin:0 auto;display:flex;flex-wrap:wrap;}
#galleryLead ul li{margin:10px;}
#galleryLead a:hover figure span{opacity:0}
#galleryLead a:hover figure span::after{display:none}
#galleryLead a:hover figure::after{display:block}
#galleryLead .none figure span::after,#galleryLead .none a figure::after,#galleryLead .none a figure::after{display:none;}
#galleryLead a{padding:0 0 15px;transition:.3s}
#galleryLead a:hover figcaption{opacity:1;transform:opacity 0.3s}
#galleryLead figure span,#galleryLead a{display:block}
#galleryLead figure span,#galleryLead a figure{background-size:cover;background-repeat:no-repeat;background-position:center}
#galleryLead a h4{padding:20px 15px 10px;font-size:18px}
#galleryLead a .cat{font-size:14px;}
#galleryLead a img{opacity:0}
.slick-slide a:hover span{background:none !important}
#galleryLead span::after,#galleryLead a figure::after{font-size:14px;padding:2px 6px;top:8px;right:-8px;}
}
@media screen and (max-width:768px) {
#galleryLead a img{margin:0 auto 8px;opacity:0}
#galleryLead ul{display:flex;flex-wrap:wrap;}
#galleryLead ul li{padding:10px;width:50%;}
#galleryLead a{padding:0;font-size:13px;text-decoration:none;color:#333;line-height:1.6em;display:block}
#galleryLead a span{background-size:cover;background-repeat:no-repeat;background-position:center}
#galleryLead a img{opacity:0}
#galleryLead a figcaption{padding:0 8px;font-size:11px;background:rgba(0,0,0,.4);width:100%;height:100%;position:absolute;left:0;top:0;z-index:20;display:flex;justify-content:center;align-content:center;align-items:center;opacity:0;text-align:center;transition:opacity 0.6s;line-height:1.8em;color:#fff;font-weight:normal}
#galleryLead a figcaption{opacity: 1; transform: opacity 0.3s}

#galleryLead a img{opacity:0}
#galleryLead .slick-slide a figure{background:none !important}
#galleryLead a span{width:100%;height:100%;display:block}
#galleryLead a h4{padding:15px 10px 10px;font-size:15px;line-height:1.5em}
#galleryLead a .cat{font-size:12px;padding:0 10px 10px;display:block}
#galleryLead span::after{font-size:12px;padding:2px 6px;top:6px;right:-6px;}

#galleryLead a figure::after{display:none !important}
}


#formHd p{text-align:center}
#formHd strong{border-bottom:2px solid #ffcd7f;font-weight:normal}
.require{background:#de7936;color:#fff}
abbr{border:none;text-decoration:none}
input[type="text"],input[type="email"],textarea,select{background:#fff}
#confirm-button{text-align:center;clear:both}
#confirm-button li{display:inline-block}
#confirm-button li input[type="submit"]{text-align:center;display:block;font-weight:bold;transition:0.3s;background:#568a61;cursor:pointer;color:#fff;}
#confirm-button li input[type="submit"]:hover{opacity:0.8}
input[type="text"],input[type="email"],textarea{border:1px solid #ababab;background:#fff}
#inquiry dl dt{position:relative}
input[type=radio], input[type=checkbox]{display:none}
.mwform-checkbox-field-text{box-sizing: border-box;-webkit-transition:background-color 0.2s linear;transition:background-color 0.2s linear;position:relative;display: inline-block;margin:0 10px 0px 0;padding:2px 4px 2px 30px;border-radius:3px;/*  background-color: #f6f7f8;*/vertical-align:middle;cursor:pointer}
.mwform-checkbox-field-text:before{-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;position:absolute;top:50%;left:11px;display:block;margin-top:-7px;width:5px;height:9px;border-right:3px solid #172a88;border-bottom:3px solid #172a88;content:'';opacity:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.mwform-checkbox-field-text:after,input[type=checkbox]:checked + .mwform-checkbox-field-text:before{opacity:1}
.mwform-checkbox-field-text:after{-webkit-transition:border-color 0.2s linear;transition:border-color 0.2s linear;position:absolute;top:50%;left:5px;display:block;margin-top:-10px;width:16px;height:16px;border:2px solid #bbb;content:''}

.mwform-radio-field-text{box-sizing: border-box;-webkit-transition:background-color 0.2s linear;transition:background-color 0.2s linear;position:relative;display: inline-block;margin:0 10px 0px 0;padding:2px 4px 2px 30px;border-radius:3px;/*  background-color: #f6f7f8;*/vertical-align:middle;cursor:pointer}
.mwform-radio-field-text:before{  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #568a61;
  content: '';
  opacity: 0;}
.mwform-radio-field-text:after,input[type=radio]:checked + .mwform-radio-field-text:before{opacity:1}
.mwform-radio-field-text:after{  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
 border-radius: 10px;
  content: '';}

#formHd p{text-align:center}
.confirmPage #inquiry dl dd{border-bottom:1px solid #ccc}

#inquiry dl dd select{-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;border:2px solid #ccc;background:#fff}
@media screen and (min-width: 769px), print {
#inquiry{padding:80px 0}
#formHd{padding:20px 20px 0;line-height:2em;font-size:20px}
#inquiry form{font-weight:700;width:920px;margin:0 auto;border-radius:10px}
#inquiry dl{width:100%;margin:0 auto;padding:50px 50px 0}
#inquiry .require{position:absolute;top:24px;right:15px;font-size:12px;padding:0 6px}
#inquiry dl dt{clear:both;width:13em;float:left;padding:20px 60px 16px 0;position:relative;font-weight:700;text-align:left;border-top:1px solid #568a61}
#inquiry dl dd{padding:18px 15px 16px 16em;border-top:1px solid #c9c9c9}
#inquiry dl dt:first-child,#inquiry dl dt:first-child + dd{border:none}
#inquiry dl dd select{height:50px;padding:10px 15px;cursor:pointer;}
#inquiry dl dd label{padding:0 25px 0 0}
#inquiry dl dd label input[type="radio"]{margin:0 6px 0 0}
#inquiry dl+dl dt{float:none;padding:8px 5px 0}
#inquiry dl+dl dd{padding:18px 5px;font-weight:normal;font-size:14px;line-height:2em}
input[type="text"],input[type="email"],textarea,select{border:2px solid #ccc;width:400px}
input[type="text"],input[type="email"],textarea{padding:8px 8px}
.inputA{width:440px}
#zip{width:180px}
select{padding:5px 20px 5px 10px;background:#fff;background-size:10px;width:auto}
.inputB,textarea{width:480px}
textarea{height:200px}
#confirm-button{padding:20px 0 50px}
#confirm-button li{margin:0 10px 0 0}
#confirm-button li input[type="submit"]{padding:15px 50px;font-size:1.125rem;border-radius:30px}
#confirm-button li input[type="submit"]:hover{opacity:0.8}
label{cursor:pointer}
.contactPage #content,.confirmPage #content,.thanksPage #content{background:#fff;width:100%;padding-left:0}
.contactPage footer.global #copyright{text-align:center}
.confirmPage #inquiry dl dt{padding:18px 60px 16px 0}
.confirmPage #inquiry .require{display:none}
.confirmPage #inquiry dl dd{padding:18px 15px 16px 16em;min-height:61px}
.confirmPage #inquiry .require{top:22px}
.mwform-radio-field-text:hover{opacity:.7}
}
@media screen and (max-width: 768px) {
#formHd{padding:40px 20px;line-height:1.8em}
.contactPage #ctaBox,.contactPage #pageTop,.contactPage h2:after,.confirmPage h2:after,.thanksPage h2:after{display:none !important}
.contactPage #copyright{padding:10px}
#inquiry .require{font-size:10px;padding:2px 5px;margin-left:15px;font-weight:normal}
#inquiry dl{padding:10px}
#inquiry dl dt,#inquiry dl dd{display:block;line-height:1.5em}
#inquiry dl dt{padding:12px 10px 0;font-weight:bold;font-size:14px}
#inquiry dl dd{padding:5px 15px 10px;margin:0;font-size:14px;border-bottom:1px solid #eee}
#inquiry dl dd label{padding:5px 0;margin:0 0 5px 0}
#inquiry dl dd label input[type="checkbox"],#inquiry dl dd label input[type="radio"]{margin:0 5px 0 0}
#inquiry dl+dl{padding:0 0 10px}
#inquiry dl+dl dd{font-weight:normal;font-size:11px;line-height:1.6em}
input[type="text"],input[type="email"],textarea,select{border:1px solid #ababab}
input[type="text"],input[type="email"],textarea{padding:10px 8px;width:100%;font-size:14px}
#zip{width:160px}
select{padding:12px 12px;background:#fff;background-size:10px;width:80%;position:relative}
textarea{height:160px}
#confirm-button{padding:0 0 40px}
#confirm-button li{width:240px;margin:10px 10px 0;text-align:center}
#confirm-button li input[type="submit"]{padding:16px 35px;display:inline-block;margin:0 auto 20px;border-radius:40px}
.mwform-radio-field-text{margin-right:5px}
}

#postList section.postDetail header .cat{position:absolute;color:#4d8459;background:#f0efe8}
#postList article a time,#postList section.postDetail header time{color:#80bd87}
#postList article a{text-decoration:none}
.postEdit table{border-top:1px solid #568a61;border-left:1px solid #568a61}
.postEdit table th,.postEdit table td{border-right:1px solid #568a61;border-bottom:1px solid #568a61}
.postEdit table thead th{color:#fff;background:#568a61}
.postEdit table tbody th{color:#568a61;background:#f0efe8}
.postEdit a{color:#568a61;border-bottom:1px dotted #568a61}
.wp-pagenavi{clear:both;text-align:center;font-weight:700}
.wp-pagenavi span,.wp-pagenavi a{display:inline-block;text-align:center}
.wp-pagenavi a{color:#568a61;text-decoration:none;background:#fff}
.wp-pagenavi span{color:#fff;background:#568a61}
.wp-pagenavi a:hover{color:#fff;background:#568a61}
#postfooter ul li a:after{content:"";display:inline-block;position:absolute;top:50%;border-top:3px solid #568a61;border-right:3px solid #568a61}
#postfooter ul li:first-child a:after{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
#postfooter ul li:last-child a:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#postfooter ul li a{display:table-cell;vertical-align:middle;color:#333;font-weight:700;text-decoration: none}
#postfooter ul li figure{}

@media screen and (min-width:769px) {
#postList{width:1180px;margin:0 auto;display:flex;padding:10px 0}
.catTitle{font-size:1.32rem;margin:0 auto 30px;padding:9px 30px;line-height:2.4em;font-weight:700;background:#568a61;color:#fff}
#postList section{width:920px}
#postList section.postDetail{box-shadow:1px 3px 1px 0 #eee;border:1px solid #ebebeb;margin:0 auto 50px}
#postList section.postDetail h3{font-size:1.625rem;border-bottom:1px solid #d7d7d7;padding:50px 30px 30px}
#postList section.postDetail header{position:relative}
#postList section.postDetail header .cat{top:0;right:0;padding:4px 15px;font-size: 0.875rem}
#postList section.postDetail .postEdit{padding:40px}
#postList article{width:100%;margin:0 0 40px;position:relative;box-shadow:0px 0px 5px -1px #ccc;border-radius:20px;height:220px;overflow:hidden;}
#postList article a figure{width:330px;float:right;line-height:0;height:220px;overflow:hidden;border-top-right-radius:20px;-webkit-border-top-right-radius:20px;-moz-border-radius-topleft:20px;border-bottom-right-radius:20px;-webkit-border-bottom-right-radius:20px;-moz-border-radius-bottomright:20px;position:relative;padding-top: 56.25%;}
#postList article a figure img{width:100%;height:auto;line-height:0;position:absolute;top:21%;transform: translateY(-50%) scale(1.2);display: block;}
#postList article a{padding:0 340px 0 0;overflow:hidden;height:225px}
#postList article a time,#postList section.postDetail header time{padding:30px 10px 0;display:inline-block}
#postList article a time{padding:30px 10px 0 30px}
#postList section.postDetail header time{position:absolute;top:-15px;left:25px}
#postList article a time+span{color:#4d8459;background:#f0efe8;padding:3px 10px;font-size:13px;margin:0 0 0 10px;transition:0.3s;}
#postList article a h3{padding:25px 10px 20px 30px;color:#568a61;font-weight:700;font-size:1.25rem}
#postList article a:hover h3{text-decoration:underline}
#postList article a h3+p{padding:0 10px 0 30px;overflow:hidden;color:#111;line-height:1.8em}

.postInfo{text-align:right;padding:20px;border-top:1px solid #ccc}
aside{width:200px;margin-left:50px}
.archive{margin:0 0 30px}
.archive header{padding:15px 18px;color:#fff;background:#568a61;text-align:center;font-weight:600}
.archive select{border-radius:3px;padding:3px;width:100%;margin:10px auto 0;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px 10px;border:1px solid #ccc}
aside ul{padding:10px 0}
aside ul li{padding:10px 0 10px 20px;line-height:1.5em;position:relative;border-bottom:1px solid #dcdcdc}
aside ul li:before{width:8px;height:8px;margin:0 8px 0 -18px;border-top:2px solid #568a61;border-right:2px solid #568a61;transition:0.3s;content:"";display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:16px}
aside ul li a{color:#333;text-decoration:none}
aside ul li a:hover{text-decoration:underline;color:#568a61}
.postEdit{clear:both;text-align:left;padding:40px 0}
.postEdit h4{font-size:26px;margin:2.5em 0 1.5em;border-left:3px solid #568a61;padding:10px 15px 8px;line-height:1.4em}
.postEdit h5{font-size:22px;margin:2.2em 0 1em;background:#eee;padding:8px 0 6px 12px}
.postEdit h6::before{content:"";width:16px;height:16px;display:inline-block;background:#fff;border:5px solid #568a61;border-radius:50%;margin:0 10px 0 -10px;position:relative;top:2px}
.postEdit h6{font-size:18px;margin:2.2em 0 1em;padding:8px 0 6px 12px}
.postEdit p{margin:0 0 1.8em;line-height:2em}
.postEdit img.alignright{float:right;margin:0 0 3em 45px}
.postEdit img.aligncenter{margin:0 auto 3em;display:block}
.postEdit img.alignleft{float:left;margin:0 45px 3em 0}
.postEdit ul,.postEdit ol{margin:0 0 1.8em;padding:0 0 0 20px}
.postEdit ul li{padding:4px 5px 4px 25px}
.postEdit ul li:before{content:"\0025cf";color:#568a61;margin:0 10px 0 -20px;position:relative;top:0;font-weight:bold}
.postEdit table td ul li:before{content:"\0030fb"}
.postEdit ol{counter-reset:number}
.postEdit ol li{padding:8px 5px 8px 20px}
.postEdit ol li:before{counter-increment:number;content:counter(number)'.';color:#568a61;margin:0 8px 0 -20px;position:relative;top:0;font-weight:bold}
.postEdit table{margin:2.5em auto;min-width:500px}
.postEdit table th,.postEdit table td{padding:15px 18px}
.postEdit .esterisk:before{content:"\00203b";color:#568a61;margin:0 5px 0 -20px;position:relative;top:0;font-weight:bold;background:#fff}
.postEdit a:hover{border:none}
.wp-pagenavi{font-size:1rem;padding:30px 30px 80px}
.wp-pagenavi span,.wp-pagenavi a{width:40px;margin:0 5px 0 0;padding:6px 0;border:2px solid #568a61;border-radius:8px}
#postfooter ul{overflow:hidden}
#postfooter ul li{display:inline-block;width:48%;position:relative}
#postfooter ul li a{height:108px;position:relative;transition:0.3s;background:#fff}
#postfooter ul li a:hover{color:#568a61}
#postfooter ul li figure{width:104px;height:88px;overflow:hidden}
#postfooter ul li img{width:100%;height:auto}
#postfooter ul li:first-child{float:left}
#postfooter ul li:last-child{float:right}
#postfooter ul li:first-child a{padding:10px 130px 10px 40px}
#postfooter ul li:last-child a{padding:10px 40px 10px 130px}
#postfooter ul li:first-child figure{top:10px;right:10px}
#postfooter ul li:last-child figure{top:10px;left:10px}
#postfooter ul li a:after{width:8px;height:8px;margin-top:-5px}
#postfooter ul li:first-child a:after{left:20px}
#postfooter ul li:last-child a:after{right:20px}
#postfooter ul li:first-child a:hover:after{left:15px}
#postfooter ul li:last-child a:hover:after{right:15px}
}
@media screen and (max-width:768px) {
.catTitle{text-align:left;font-size:100%;margin:0 0 10px;line-height:2em;font-weight:700;background:#568a61;color:#fff;padding:6px 15px}
#postList{padding:0 10px}
#postList article{margin:0 auto 20px;height:95px;overflow:hidden;position:relative;box-shadow:0px 0px 5px -2px #ccc}
#postList article a figure{width:140px;height:100%;overflow:hidden;float:right;line-height:0;margin:0 0 0 10px;background-size:cover;background-repeat:no-repeat;background-position:center;}
#postList article a figure img{width:100%;height:auto;line-height:0;border-top-right-radius:15px;-webkit-border-top-right-radius:15px;-moz-border-radius-topleft:15px;border-bottom-right-radius:15px;-webkit-border-bottom-right-radius:15px;-moz-border-radius-bottomright:15px}
#postList article a figure img{display:none;}
#postList article a{padding:0 140px 0 0;overflow:hidden;height:86px}
#postList article a time,#postList section.postDetail header time{padding:8px 10px 0 10px;display:inline-block;font-size:12px}
#postList article a time+span{color:#4d8459;background:#f0efe8;top:0;right:0;padding:2px 15px;font-size:12px;margin:0 0 0 10px;transition:0.3s;white-space:nowrap;position:absolute}
#postList article a:hover time+span{border:1px solid #fff;color:#fff}
#postList article a h3{padding:8px 10px 0 10px;font-weight:700;font-size:13px;overflow:hidden;color:#568a61}
#postList article a h3+p{display:none}
#postList section.postDetail{box-shadow:1px 3px 1px 0 #eee;border:1px solid #ebebeb;margin:0 auto 50px}
#postList section.postDetail h3{font-size:18px;border-bottom:1px solid #d7d7d7;padding:35px 15px 15px;font-weight:bold;}
#postList section.postDetail header{position:relative}
#postList section.postDetail header .cat{top:0;right:0;padding:2px 15px;font-size:12px}
#postList section.postDetail .postEdit{padding:20px 10px;}
#postList section.postDetail header time{position:absolute;top:0}
.postInfo{text-align:right;padding:10px 0 0;border-top:1px solid #ccc}
.postEdit{padding:0 10px 10px}
.postEdit h4{font-size:17px;margin:1em 0;padding:2px 12px;border-left:2px solid #568a61;line-height:1.8em;font-weight:bold}
.postEdit h5{color:#111;font-size:16px;margin:1.5em 0 .8em;background:#eee;padding:10px;line-height:1.8em;font-weight:bold}
.postEdit h6::before{content:"";width:16px;height:16px;display:inline-block;background:#fff;border:3px solid #568a61;border-radius:50%;margin:0 10px 0 -28px;position:relative;top:2px}
.postEdit h6{font-size:1rem;margin:2.2em 0 1em;padding:8px 0 6px 18px;font-weight:bold}
.postEdit p{margin:0 0 1.8em;line-height:1.8em;font-size:100%}
.postEdit img.alignright,.postEdit img.alignleft,.postEdit img.aligncenter{margin:0 auto 15px;display:block}
.postEdit ul,.postEdit ol{margin:0 0 1.8em;padding:0 0 0 20px;font-size:100%;line-height:1.6em}
.postEdit ul li{padding:0 5px 4px 0}
.postEdit ul li:before{content:"\0030fb";color:#568a61;margin:0 3px 0 -18px;position:relative;font-weight:bold}
.postEdit ol{counter-reset:number}
.postEdit ol li{padding:0 5px 4px 0}
.postEdit ol li:before{counter-increment:number;content:counter(number)'.';color:#568a61;margin:0 5px 0 -18px;position:relative}
.postEdit table{margin:2em auto;width:100%;font-size:13px;line-height:1.5em}
.postEdit table th,.postEdit table td{padding:8px 4px;font-size:100%;line-height:1.6em}
.postEdit table td ul{padding:0 0 0 20px}
.postEdit .esterisk{font-size:13px}
.postEdit .esterisk:before{content:"\00203b";color:#568a61;margin:0 5px 0 -20px;position:relative;top:0;font-weight:bold;background:#fff;font-size:14px}
.archive{background:#fff;border-top:1px solid #568a61;margin:0 0 10px}
.archive header{font-weight:bold;padding:12px 10px;color:#568a61;border-bottom:1px solid #ccc;font-size:13px}
.archive header::after{display:none}
aside .archive ul{padding:10px 0 0}
aside .archive li{position:relative;padding:0 0 10px 24px;margin:0 0 10px;border-bottom:1px solid #ccc;font-size:14px}
aside .archive li:before{content:"\0025a0";color:#568a61;position:absolute;left:10px;font-size:8px;top:4px}
aside .archive li:last-child{margin:0;border:none}
aside .archive li a{text-decoration:none;color:#333}
aside .archive li a:hover{text-decoration:underline}
aside .archive select{width:100%;background:#fff url(../img/common/select.gif) no-repeat right 10px center;background-size:10px;margin:10px auto 20px;border:2px solid #eee;padding:8px;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.wp-pagenavi{font-size:14px;padding:20px 0 30px;text-align:center}
.wp-pagenavi span,.wp-pagenavi a{width:40px;margin:0 2px 6px 0;padding:8px 0;border:1px solid #568a61;border-radius:5px}
#postfooter{margin:0 0 0px;overflow:hidden}
#postfooter ul {height:100%;}
#postfooter ul li{display:inline-block;position:relative;margin:0 auto}
#postfooter ul li a{height:66px;position:relative;font-size:14px;border-top:1px solid #efefef;overflow:hidden}
#postfooter ul li figure{width:60px;height:51px;overflow:hidden}
#postfooter ul li img{width:100%;height:auto;top:8px;position:relative;}
#postfooter ul li:first-child{float:left}
#postfooter ul li:last-child{float:right}
#postfooter ul li:first-child a{padding:5px 75px 5px 20px}
#postfooter ul li:last-child a{padding:6px 20px 5px 75px}
#postfooter ul li:first-child figure{top:5px;right:5px}
#postfooter ul li:last-child figure{top:5px;left:5px}
#postfooter ul li a:after{width:4px;height:4px;margin-top:-2px}
#postfooter ul li:first-child a:after{left:8px}
#postfooter ul li:last-child a:after{right:8px}

.post-catselect{margin:0 auto 1em:border:1px solid #ccc;padding:10px;display:block;width:90%;}
.selectdiv{
  position: relative;
  width: 300px;
  margin: 0 auto 10px;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}

.selectdiv:after {
  content: '<>';
  font: 17px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  /*Adjust for position however you want*/
  
  top: 18px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  /*left line */
  
  position: absolute;
  pointer-events: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  width: 100%;
  max-width: 320px;
  height: 50px;
  float: right;
  margin: 5px 0px;
  padding: 0px 24px;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}

}

}
#inquiry span.error{display:block;color:#f00}

.property {position:relative;}
.property:after {background-color:#f0efe8;content: '';width: 500%;z-index: -1;position: absolute;left: 50%;top: 0;margin-left: -250%;height: 100%;}


.property__list {display:flex;justify-content:start;align-items:start;flex-wrap:wrap;}
.property__item{background-color:#fff;margin-bottom:0;}
.property__item a {color:#000;text-decoration:none;position:relative;}
.property__img{}
.property__img img{width: 100%;height:auto;}

.property__title {font-weight:bold;padding-bottom:.5em;margin-bottom:.8em;border-bottom:1px solid #eee;}
.property__text {}
.property__item a:after {content:"";display:block;width: 0;height: 0;border-style: solid;border-color: transparent transparent #4d8459 transparent;position:absolute;}


@media screen and (min-width:769px) {
	.property {padding:80px 0;max-width: 1000px;margin: 0 auto;}
	.property__item{width:calc(33.333% - 40px);margin:0 20px 40px;}
	.property__item a:after {border-width: 0 0 20px 20px;right:5px;bottom:5px;}
	.property__item a:hover {opacity:.7;}
.property__body {padding:1em 1.5em;}
	.property__title {font-size:18px;}
	.property__text {font-size:14px;}
}
@media screen and (max-width:768px) {
	.property {padding:40px 10px;}
	.property__item{width:calc(50% - 10px);margin:0 5px 10px;}
	.property__item a:after {border-width: 0 0 10px 10px;right:5px;bottom:5px;}
.property__body {padding:12px;}
	.property__title {font-size:14px;}
	.property__text {font-size:12px;}
}

.activityPage {}
.activityPage .kv-wrap{background:#10bbc6;width:100%;height:100%;
  position: relative;
  z-index: 0;}
.activityPage .kv {width:100%;max-width:700px;position: relative;z-index: 0;overflow: hidden;z-index:4;}
.activityPage .kv:before {background-color: rgba(0, 153, 204, .3);height: 100%;top: 0;content: "";position: absolute;display: block;width: 100%;left: 0;}
.activityPage .kv-text {position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);z-index: 1;letter-spacing: 0.4em;text-indent: 0.4em;text-shadow: 2px 2px 4px rgba(0,0,0,.4);white-space: nowrap;}
#kv {position: absolute;z-index: -1;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;min-height: 100%;min-width: 100%;}
.kv-scroll {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.kv-scroll a {
    color: #fff;
    font-size: 12px;
    position: relative;
text-decoration:none;
}
.kv-scroll a:after {
content: "";
display: block;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow01' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 12.3 20' style='enable-background:new 0 0 12.3 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23C81432;}%3C/style%3E%3Cpath id='ico-arrow01' class='st0' d='M2.3,0l10,10l-10,10L0,17.7L7.7,10L0,2.3L2.3,0z'/%3E%3C/svg%3E");
background-size: auto;
background-repeat: no-repeat;
background-position: center;
filter: brightness(0) invert(1);
width: 8px;
height: 8px;
transform: translateX(calc(200% - 5px)) rotate(90deg);
margin: 0 auto;
position: absolute;
animation: pathmove 2s ease-in-out infinite;
}
@keyframes pathmove{0%{height:0;top:0;opacity:0}30%{height:30px;opacity:1}100%{height:0;top:50px;opacity:0}}


.water {
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(
    180deg,
    rgb(16, 187, 198) 0%,
    rgb(16, 144, 198) 100%
  );
  z-index: 1;top:0;left:0;
}
.wave {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("/img/activity/wave.png");
  background-repeat: repeat;
  animation-timing-function: linear;
  animation-duration: 120s;
  animation-iteration-count: infinite;
  filter: blur(3px);
}
.wave1 {
  z-index: 2;
  animation-name: wave1;
}
.wave2 {
  z-index: 3;
  animation-name: wave2;
  transform: scale(-1, 1);
}
@keyframes wave1 {
  0% {
    background-position: 0 0;
    opacity: 0.4;
  }
  50% {
    background-position: 50% 50%;
    opacity: 0.6;
    filter: blur(4px);
  }
  100% {
    background-position: 100% 100%;
    opacity: 0.4;
  }
}
@keyframes wave2 {
  0% {
    background-position: -20% 0;
    opacity: 0.6;
    filter: blur(4px);
  }
  50% {
    background-position: -70% -50%;
    opacity: 0.4;
    filter: blur(3px);
  }
  100% {
    background-position: -120% -100%;
    opacity: 0.6;
    filter: blur(5px);
  }
}
.activity-table table a {color:#4d8459}
.activity-table dl dt{position:relative}
.activity-table table strong {color:#4d8459;}
.activity-table table th {color:#4d8459}
.activity-table ol{counter-reset:number;}
.activity-table ol li{}
.activity-table ol li:before{counter-increment:number;content:counter(number)'.';color:#4d8459;font-weight:bold;margin-right:.3em;}
.activity-map iframe{width:100%}
.event__list {display:flex;justify-content:center;align-content:start;align-items:start;flex-wrap:wrap;}
.event__item img {width:100%;height:auto;}
.event__item a {color:#000;text-decoration:none;display:block;border:1px solid #eee;background:#fff;}
.event__body {padding:1em;}
.event__item a .event__date {}
.event__item a .event__title {padding-top:.5em;}

#freeMenuList section#lecture,#freeMenuList section#event{position:relative;border:none;}
#event:after {background-color:#f2faff;content: '';width: 500%;z-index: -1;position: absolute;left: 50%;top: 0;margin-left: -250%;height: 100%;}
.event__date{color:#4d8459;}

@media screen and (min-width:769px) {
.activityPage .kv{margin: 0 auto 60px;min-height: 700px;}
.activityPage .kv-text{font-size:20px;}
.kv-scroll{bottom: 5em;}
.activityPage .sec01{max-width:1180px;margin:0 auto;}
.activity-intro figure img{margin:0 auto;border-top-left-radius:30px;-webkit-border-top-left-radius:30px;-moz-border-radius-topleft:30px;border-bottom-right-radius:30px;-webkit-border-bottom-right-radius:30px;-moz-border-radius-bottomright:30px;display:block}
.activity-intro figure{margin:0 auto 60px}
.activity-table {max-width:880px;margin:0 auto;}
.activity-table table{width:100%;margin:0 auto;padding:50px 50px 0;line-height:1.6;}
.activity-table.require{position:absolute;top:24px;right:15px;font-size:12px;padding:0 6px}
.activity-table th{width:13em;padding:20px 15px 20px 15px;position:relative;font-weight:700;text-align:left;border-bottom:1px solid #568a61;vertical-align:top;}
.activity-table td{padding:20px 15px 20px 15px;border-bottom:1px solid #c9c9c9}
.activity-map {max-width:880px;margin:60px auto 0;}
.activity-map iframe{height:400px;border-top-left-radius:30px;-webkit-border-top-left-radius:30px;-moz-border-radius-topleft:30px;border-bottom-right-radius:30px;-webkit-border-bottom-right-radius:30px;-moz-border-radius-bottomright:30px;}
.event__list{}
.event__item{width:calc(33.333% - 20px);padding:0 10px 20px;}
.event__item:hover {opacity:.7}
}
@media screen and (max-width:768px) {
.activityPage .kv{margin: 0 auto 40px;min-height: 100vw;}
.activityPage .kv-text{font-size:16px;letter-spacing:0.2em;}
.kv-scroll{bottom: 2em;}
.activity-intro figure img{margin:0 auto;border-top-left-radius:15px;-webkit-border-top-left-radius:15px;-moz-border-radius-topleft:15px;border-bottom-right-radius:15px;-webkit-border-bottom-right-radius:15px;-moz-border-radius-bottomright:15px;display:block}
.activity-intro figure{margin:0 auto 20px}
.activity-table table{padding:10px;width:100%;border-top:1px solid #eee}
.activity-table table th,.activity-table table td {display:block;}
.activity-table table th{padding:10px 10px 5px;font-weight:bold;font-size:14px;}
.activity-table table td{padding: 5px 10px 10px;font-size:14px;border-bottom:1px solid #eee}
.activity-map iframe{height:240px;margin-top:20px;width:100%;border-top-left-radius:15px;-webkit-border-top-left-radius:15px;-moz-border-radius-topleft:15px;border-bottom-right-radius:15px;-webkit-border-bottom-right-radius:15px;-moz-border-radius-bottomright:15px;}
.activityPage .sec01 #faqList{padding-left:0;padding-right:0;width:100%;}
.event__item{width:100%;}
.event__item + .event__item {margin-top:20px;}
}