@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);

html,body{font-family: "M PLUS Rounded 1c",sans-serif;font-size: 62.5%;}
body.home{line-height: 1.8em;font-size:1.6rem;margin: 0;padding: 0;overflow-x: hidden;color: #000;background-image: url("../common/bg.png") ;background-repeat: repeat-y;background-attachment: fixed;background-position: center bottom;background-size: 130% auto;}
body{line-height: 1.8em;font-size:1.6rem;margin: 0;padding: 0;overflow-x: hidden;color: #000;background-color: #fff;}
a{color: #000;text-decoration:none;}
a:hover{color: #999;}
section{width: 100%;margin: 0;padding: 0;}
table {  border-collapse: collapse;  border-spacing: 0;}
.wrap{	overflow: hidden;position: relative;}
.clearfix:after {  content: "";  clear: both;  display: block;}
.Container{width: 100%;margin: 0;padding: 30px 0  60px 0;background-color: rgba(255,255,255,1.00)}
.contents{margin: 0 auto;padding: 0;width:1000px;}
/*.contents h2{text-align: center;font-size: 30px;  IE8以下とAndroid4.3以下用フォールバック  
    font-size: calc(3rem + ((1vw - 0.64rem) * 0.7143));  20px~24pxで可変  border-bottom: 1px solid rgba(0,0,0,1.00);padding: 1em;box-sizing: border-box;}*/
.contents h2{text-align: center;font-size: 24px; border-bottom: 1px solid rgba(0,0,0,1.00);padding: 1em;box-sizing: border-box;line-height: 1.3em;}
a:hover img{opacity:0.6;filter: alpha(opacity=60);-ms-filter: "alpha( pacity=60 )";}
@media screen and (max-width:1000px){
.contents{margin: 30px auto 30px;padding: 0;width:95%;}
}
@media screen and (max-width:768px){
body.home{line-height: 1.8em;margin: 0;padding: 0;overflow-x: hidden;color: #000;background-image: url("../common/bg.jpg") ;background-repeat:repeat-y;background-attachment: fixed;background-position:center bottom;background-size:100% auto;}
body{line-height: 1.8em;margin: 0;padding: 0;overflow-x: hidden;color: #000;background-color: #fff;}
.Container{width: 100%;margin: 0;padding: 30px 0  60px 0;background-color: rgba(255,255,255,1.00)}
.contents h2{font-size: 2.4rem;/* 24px*/margin: 30px auto auto;padding: .5em;box-sizing: border-box;}
}

/* header */
header{width: 100%;margin: 0;padding: 10px;box-sizing: border-box; background-color: #fffcf5;position: fixed;top: 0;z-index: 1;}
header:after {  content: "";  clear: both;  display: block;}
h1{margin:0;padding: 0;width: 300px;float: left;}
.headernavi{margin:0;padding: 10px 0;float: right;font-size: 1vw;}
.headernavi a{margin-right: 2em;}
.headernavi a.facebook{margin-right: 1em;}
.headernavi a img{margin-bottom: -.3em;width: 30px;}
header #spnavi{display: none;}
@media screen and (max-width:768px){
header{width: 100%;margin: 0;padding: 10px 0 10px 10px;box-sizing: border-box; background-color: #fffcf5;}
h1{height: 35px; width:auto;}
h1 img{height: 100%;}
.headernavi{display: none;}
header #spnavi{display:block;position: static; width: 100%;padding: 0;box-sizing: border-box;height: 35px;z-index: 2;}
#spnavi .sp_sns{text-align: right;right: 48px;top:10px;position: fixed;}
#spnavi .sp_sns img{width: 38px;}
#global-nav{width: 100%;margin: 0;padding-left: 0;overflow-y: auto;height: auto;z-index: 3;}
#global-nav ul{width: 100%;margin: 0;padding-left: 0;}
#global-nav li{width: 100%;float: none;}
}
@media screen and (max-width:414px){
h1{margin-top: 1%; width:50%;}
h1 img{height: auto;width: 100%;}
#spnavi .sp_sns{text-align: right;right: 48px;top:10px;position: fixed;}
}
@media screen and (max-width:375px){
h1{margin-top: 2%; width:50%;}
h1 img{height: auto;width: 100%;}
#spnavi .sp_sns{text-align: right;right: 48px;top:10px;position: fixed;}
}
@media screen and (max-width:320px){
#spnavi .sp_sns{text-align: right;right: 48px;top:10px;position: fixed;}
}

/* mainimage */
/*section .mainimage{margin: 0;padding: 0;}-*/
section img.pcimage {display: block;width: 100%;vertical-align: bottom;margin-top: 35px;}
section img.spimage{display: none;}
@media screen and (max-width: 480px){
section img.spimage{display: block;width: 100%;vertical-align: bottom;margin-top: 50px;}
section img.pcimage{display: none;}
}

/* conceptBox */
section .conceptBox{background-color:#4c3a2c;color: #fff;padding:0 0 40px 0;box-sizing: border-box;margin:0; }
section .conceptBox:after {content: "";  clear: both;  display: block;}
section .conceptBox .bloc01{float: left;width: 45%;margin-left: 5%;}
section .conceptBox .bloc02{float: left;width: 50%;}
section .conceptBox .bloc01{text-align: right;}
section .conceptBox .bloc01 img{width: 100%;}
section .conceptBox .bloc02{padding: 20px 40px;box-sizing: border-box;line-height: 2.5em;}
section .conceptBox .bloc02 h2{margin-top: 50px; margin-bottom: 1.5em;font-size: 40px;font-family: "ten-mincho", serif;}
section .conceptBox .bloc02 .textBloc{font-size: 25px;line-height: 2em;}
@media screen and (max-width:768px){
section .conceptBox{padding:20px 0 40px 0;box-sizing: border-box;}
section .conceptBox .bloc01{float: none;width: 95%;margin-left: auto;margin-right: auto;}
section .conceptBox .bloc02{float: none;width: 100%;}
section .conceptBox .bloc01{text-align: center;margin-top: 10px;}
section .conceptBox .bloc01 img{width: 100%;margin: auto;display: block;}
section .conceptBox .bloc02{padding: 10px 20px 20px;box-sizing: border-box;line-height: 1.8em;}
section .conceptBox .bloc02 h2{margin-top: 30px; margin-bottom: 1.3em;font-size: 30px;font-family: "ten-mincho", serif;white-space: nowrap;}
section .conceptBox .bloc02 .textBloc{font-size: 18px;line-height: 1.5em;padding: 0;margin: 0;letter-spacing: 0px;white-space: nowrap;}
}
@media screen and (max-width:480px){
section .conceptBox{padding:20px 0 40px 0;box-sizing: border-box;}
section .conceptBox .bloc01{float: none;width: 95%;margin-left: auto;margin-right: auto;}
section .conceptBox .bloc02{float: none;width: 100%;}
section .conceptBox .bloc01{text-align: center;margin-top: 10px;}
section .conceptBox .bloc01 img{width: 100%;margin: auto;display: block;}
section .conceptBox .bloc02{padding: 10px 12px 20px;box-sizing: border-box;line-height: 1.8em;}
section .conceptBox .bloc02 h2{margin-top: 30px; margin-bottom: 1.3em;font-size: 22px;font-family: "ten-mincho", serif;white-space: nowrap;}
section .conceptBox .bloc02 .textBloc{font-size: 11.5px;line-height: 1.5em;padding: 0;margin: 0;letter-spacing: 0px;white-space: nowrap;}
}
/* infoBox */
section.infoBox{width: 100%;background-image: url("../common/infoBg.png");background-position: top;margin: 0;}
section.infoBox img{width: 100%;margin: 0;padding: 0;display: block;line-height:1;font-size: 0;}
section.infoBox .textarea{width: 1000px;margin: 0 auto;padding: 50px 0;box-sizing: border-box;font-size: 1.5vw;line-height: 1.8em;}
section.infoBox .textarea h2{text-align: center;}
section.infoBox .textarea dl{width: 100%;margin: 3em auto;}
section.infoBox .textarea dl:after {  content: "";  clear: both;  display: block;}
/*section.infoBox .textarea dt{display: block;float: left;clear: left; width: 330px;margin-bottom: 1em;}*/
section.infoBox .textarea dt{display: block;float: left;clear: left; width: 180px;margin-bottom: 1em;}

section.infoBox .textarea dt span a{background-color: #4c3a2c;color: #fff;display: block;float: right;line-height: 1.3em;font-size:15px;padding: .3em 1em .3em 1em;width:130px;text-align: center; margin-left: 1em;margin-top: .4em; border-radius: 5px;box-sizing: border-box;}
section.infoBox .textarea dt span a:hover{background-color: #7D6959;color: #fff;display: block;float: right;line-height: 1.3em;font-size:15px;padding: .3em 1em .3em 1em;width:130px;text-align: center; margin-left: 1em;margin-top: .4em; border-radius: 5px;box-sizing: border-box;}
section.infoBox .textarea dd{display: block;float: left;width:570px;margin-bottom: 1em;}
section.infoBox .textarea p{text-align: center;}
@media screen and (min-width:1920px){
section.infoBox .textarea dt span a{background-color: #4c3a2c;color: #fff;display: block;float: right;line-height: 1.3em;font-size:15px;padding: .3em 1em .3em 1em;width:130px;text-align: center; margin-left: 1em;margin-top: .4em; border-radius: 5px;box-sizing: border-box;}
section.infoBox .textarea dt span a:hover{background-color: #7D6959;color: #fff;display: block;float: right;line-height: 1.3em;font-size:15px;padding: .3em 1em .3em 1em;width:130px;text-align: center; margin-left: 1em;margin-top: .4em; border-radius: 5px;box-sizing: border-box;}
}
@media screen and (max-width:768px){
section.infoBox{width: 100%;background-image: url("../common/infoBg.jpg");background-position: top;margin: 0;padding: 0;}
section.infoBox .textarea{width: 95%;padding: 30px 0;font-size: 3.5vw;}
section.infoBox .textarea dt{display: block;float: none;width: 100%;margin: 0;}
section.infoBox .textarea dd{display: block;float: none;width: 100%;margin: .2em 0 1em 1em;}
section.infoBox .textarea dt span{font-size:3vw;padding: -.2em 0 .4em 0;margin-left: 1em;}
section.infoBox .textarea dt span a{background-color: #4c3a2c;color: #fff;display: inherit; float: none;line-height: 1.3em;font-size:2.5vw;padding: .2em 1em .3em 1em;width:130px;text-align: center;margin-left: 0;margin-top: 0; border-radius: 5px;box-sizing: border-box;}
section.infoBox .textarea dt span a:hover{background-color: #7D6959;color: #fff;display: inherit;float: none;line-height: 1.3em;font-size:2.5vw;padding: .2em 1em .3em 1em;width:130px;text-align: center;margin-left: 0;margin-top: 0; border-radius: 5px;box-sizing: border-box;}
}

/* eventBox */
section.eventBox{width: 100%;background-color: rgba(255,255,255,0.70);padding: 50px 0;font-size: 1.5vw;line-height: 1.8em;}
section.eventBox h2{text-align: center;}
section.eventBox .bloc01{width: 100%;margin: 3em 0;}
section.eventBox .bloc01:after {content: "";  clear: both;  display: block;}
section.eventBox dl{display: block; width: 25%;float: left;margin:0 0 60px 6%;text-align: center;}
section.eventBox dl:last-child{display: block; width: 25%;float: left;margin:0 6%;}
section.eventBox dt{width: 100%;display: block;}
section.eventBox dt img{width: 90%;margin: auto; border: 30px solid #fff;box-sizing: border-box;border-radius: 500px;}
section.eventBox dd{width: 100%;display: block;text-align: center;padding: 0;margin: 0 auto;}
@media screen and (max-width:768px){
section.eventBox{padding: 30px 0;font-size: 3.5vw;}
section.eventBox .bloc01{width: 100%;margin: 0;}
section.eventBox dl{display: block; width: 25%;float: left;margin:0 0 1em 6%;padding: 0;text-align: center;}
section.eventBox dl:last-child{display: block; width:25%;float: left;margin:0 6%;}
section.eventBox dt img{width: 90%;margin: auto; border: 5px solid #fff;box-sizing: border-box;border-radius: 500px;}
section.eventBox dd{width: 100%;display: block;text-align: center;padding: 0;margin: 0 auto;line-height: 1.2em;font-size: 1.6rem;height: 3em; }
section.eventBox dd span{padding: .6em;display: block;}
}
@media screen and (max-width:320px){
section.eventBox dd{font-size: 1.2rem;}
}
/* workBox */
section.workBox{width: 100%;background-color: #fff;padding: 50px 0 200px 0;box-sizing: border-box;position: relative; font-size: 1.5vw;line-height: 1.8em;}
section.workBox:after {content: "";  clear: both;  display: block;}
section.workBox h2{text-align: center;}
section.workBox ul{width: 100%;margin: 0;padding: 0px;box-sizing: border-box;}
section.workBox ul:after {content: "";  clear: both;  display: block;}
section.workBox li{text-align: center; display: block; width: 14vw;height: 14vw;overflow: hidden;float: left;margin:0 0 0 2%;padding: 0; list-style: none;border: 1px solid #eee;box-sizing: border-box;}
section.workBox li img{width: 14vw;height: 14vw;display: block;line-height: 1;object-fit: cover;object-position:center;}
@media screen and (max-width:768px){
section.workBox{padding: 30px 0 80px;font-size: 3.5vw;}
section.workBox ul{width: 100%;margin: 0;padding: 0px;box-sizing: border-box;}
section.workBox li{display: block; width: 46.4vw;height: 46.4vw;overflow: hidden; float: left;margin:0 0 1em 2%;padding: 0;text-align: center;}
section.workBox li img{width: 46.9vw;height: 46.9vw;display: block;line-height: 1;object-fit: cover;object-position:center;}
}
@media screen and (max-width: 600px){
section.workBox{padding: 30px 0 80px;font-size: 3.5vw;}
section.workBox li{display: block; width: 46vw;height: 46vw;overflow: hidden;float: left;margin:0 0 1em 2%;padding: 0;text-align: center;}
section.workBox li img{width: 46vw;height: 46vw;display: block;line-height: 1;object-fit: cover;object-position:center;}
}
@media screen and (max-width: 600px){
section.workBox{padding: 30px 0 80px;font-size: 3.5vw;}
section.workBox li{display: block; width: 45vw;height: 45vw;overflow: hidden;float: left;margin:0 0 1em 2%;padding: 0;text-align: center;}
section.workBox li img{width: 45vw;height: 45vw;display: block;line-height: 1;object-fit: cover;object-position:center;}
}

/* footer */
footer{background-color: #4c3a2c;color: #fff;font-size: 1vw;line-height: 1.2em; margin: 0;width: 100%; height: 50%; padding: 40px 15px 70px;box-sizing: border-box;}
footer:after {content: "";  clear: both;  display: block;}
footer .adress{/*width: 300px;*/ width: 15%; float: left;}
footer .adress h2{ font-size: 1.2vw;font-weight: normal;}
/*footer .adress h2 span{ font-size:1vw;display: block;}*/
footer .adress h2 span{ display: none;}
footer img.logo{display: block;float: right;margin: 20px 30px 30px 30px;width:28%;}
footer a{color: #fff;text-decoration: underline;}
.footerBox{background-color: #fffcf5;position: fixed;bottom: 0;width: 100%;text-align: right;height: 70px; padding: 10px 40px 10px 0;box-sizing: border-box;}
@media screen and (max-width:768px){
footer{background-color: #4c3a2c;color: #fff;font-size: 1.2vw;margin:0 0 20px 0;height: 100px;padding:0px 15px 30px;box-sizing: border-box;}
footer .adress h2{ font-size: 2vw;}
footer .adress{width: 40%;float: left;font-size: 1.2vw;line-height: 1.2em;}
footer img.logo{display: block;float: right;margin: 10px 0 0 auto;width:20%;}
.footerBox{text-align:right;padding: 5px;box-sizing: border-box;width: 100%;height: 30px;}
.footerBox img.tel{height: 20px;}
.footerBox img.mail{height: 20px;}
}
@media screen and (max-width: 480px){
footer{background-color: #4c3a2c;color: #fff;font-size: 2vw;margin: 0;height: 150px;padding:15px 15px;box-sizing: border-box;}
footer .adress h2{ font-size: 2.8vw;}
footer .adress{width: 50%;float: left;font-size: 2vw;}
footer img.logo{display: block;float: right;margin: 10px 0 0 auto;width: 30%;}
.footerBox{text-align: center;padding: 10px;box-sizing: border-box;width: 100%;height: 40px;}
.footerBox img.tel{width: 65%;}
.footerBox img.mail{width: 30%;}
}

/* top */
#pageTop {  position: fixed;  bottom: 375px;  right: 20px;}
#pageTop i {  padding-top: 6px;}
#pageTop a {display: block;  z-index: 999;  padding:0;  text-align: center;}
#pageTop a:hover {  text-decoration: none;  opacity: 0.7;}
@media screen and (max-width:768px){
#pageTop {  position: fixed;  bottom: 90px;  right: 5px;width: 10vw;}
#pageTop img{width: 100%;}
}
@media screen and (max-width: 480px){
#pageTop {  position: fixed;  bottom: 125px;  right: 5px;width: 15vw;}
#pageTop img{width: 100%;}
}

/* indextop */
section.workBox #pageTop {  position: fixed;  bottom: 365px;  right: 20px;}
section.workBox #pageTop i {  padding-top: 6px;}
section.workBox #pageTop a {display: block;  z-index: 999;  padding:0;  text-align: center;}
section.workBox #pageTop a:hover {  text-decoration: none;  opacity: 0.7;}
@media screen and (max-width:768px){
section.workBox #pageTop {  position: fixed;  bottom: 85px;  right: 5px;width: 10vw;}
section.workBox #pageTop img{width: 100%;}
}
@media screen and (max-width: 480px){
section.workBox #pageTop {  position: fixed;  bottom: 130px;  right: 5px;width: 15vw;}
section.workBox #pageTop img{width: 100%;}
}



/* company */
.company{margin: auto auto 5em auto;}
.company .pagelink{margin:3em auto;}
.company .pagelink a{background-color: #007130;padding: .2em 1em;color: #fff;box-sizing: border-box;}
.company .pagelink a:hover{background-color: #72A286;padding: .2em 1em;box-sizing: border-box;}
.company table{width: 100%;margin: 40px auto;}
.company th{text-align: left;padding: 1em;box-sizing: border-box;border-bottom: 1px solid #000;margin: 0;vertical-align: top;}
.company td{padding: 1em;box-sizing: border-box;border-bottom: 1px solid #000;margin: 0;}
.company td ul{padding: 0;line-height: 1.5em;margin: 0;}
.company td li{padding: 0;line-height: 1.5em;margin: 0;list-style: none;}
.company .gmap {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.company .gmap iframe,.gmap object,.gmap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width:768px){
.company{}
.company table{width: 100%;margin: 20px auto;}
.company th{text-align: left;padding: 1em 1em 0;box-sizing: border-box;border-bottom: none;display: block;}
.company td{text-align: left;padding: .5em 1em 1em;box-sizing: border-box;border-bottom: 1px solid #000;display: block;}
}

/* concept */
.concept{}
.concept h3{text-align: center;margin: 2em auto;font-size: 180%;}
.concept h3 span{display: block;margin: .6em auto;font-size:60%;font-weight: normal;text-align: center;}
.concept section.sep01, .concept section.sep02, .concept section.sep03, .concept section.sep04{margin-bottom: 200px;}
.concept section.sep01{padding-top: 2em;}
.concept section.sep01 h3 {margin-bottom: 3em;border-top: 1px dashed #777;border-bottom: 1px dashed #777;padding: 1em 0 .5em 0;}
.concept section.sep01 .leftBox{float: left;width: 30%;}
.concept section.sep01 .leftBox img{width: 100%;}
.concept section.sep01 .rightBox{float: right;width: 70%;padding: 0 1em;box-sizing: border-box;}
.concept section.sep01 .textBox{margin-top: 1em;line-height: 2em;}
.concept section.sep02{text-align: center;line-height: 1.8em;}
.concept section.sep02 h3 {margin-bottom: 3em;border-top: 1px dashed #777;border-bottom: 1px dashed #777;padding: 1em 0 .5em 0;}
.concept section.sep02 p.textBox01{padding-top: 30px; font-size: 5rem;}
.concept section.sep02 p.textBox02{font-size: 2.5rem;line-height: 5em;}
.concept section.sep02 p img{width: 100%;margin: 1em auto 2em;}
.concept section.sep03{text-align: center;}
.concept section.sep03 h3 {margin-bottom: 3em;border-top: 1px dashed #777;border-bottom: 1px dashed #777;padding: 1em 0 .5em 0;}
.concept section.sep03 .bgarea{padding: 120px 0; background-image: url(https://greenkk.com/wp-content/uploads/2019/05/ourname-bg.png);background-size: auto 100%;background-position: top;background-repeat: no-repeat;}
.concept section.sep03 p{margin-bottom: 15px;padding-top: 10px;}
.concept section.sep03 .textBox{text-align: center;font-size: 2.5rem;line-height: 5em;}
.concept section.sep04 h3 {margin-bottom: 3em;border-top: 1px dashed #777;border-bottom: 1px dashed #777;padding: 1em 0 .5em 0;}
.concept section.sep04:after {  content: "";  clear: both;  display: block;}
.concept section.sep04 .leftBox{float: left;width: 35%;position: relative;}
.concept section.sep04 .leftBox .inner{width:100%;position:absolute;left: 0%;top: 0;}
.concept section.sep04 .leftBox img{width: 100%;transform: translate(0%,15%);}
.concept section.sep04 .rightBox{float:right;width: 65%;padding: 0 0 0 2em;box-sizing: border-box;}
.concept section.sep04 .rightBox img{width: 100%;}

@media screen and (max-width:768px){
.concept h3{text-align: center;margin: 2em auto;font-size: 120%;}
.concept h3 span{display: block;margin: .6em auto;font-size:50%;font-weight: normal;text-align: center;}
.concept section.sep01 .leftBox{float:none;margin: auto auto 2em; width: 90%;font-size:50%;}
.concept section.sep01 .rightBox{float: none;width: 90%;margin: auto; padding: 0;}
.concept h3 img{width: 100%;}
.concept section.sep01 img{width: 100%;}
.concept section.sep01 .textBox{margin-top: 1em;line-height: 2em;font-size: 1.3rem!important;}
.concept section.sep02, .concept section.sep03, .concept section.sep04{margin: 10em auto auto;}
.concept section.sep02 p.textBox01{padding-top: auto; font-size: 2.6rem;}
.concept section.sep02 p.textBox02{font-size: 1.8rem;line-height: 5em;}
.concept section.sep02 p img{width: 100%;margin: 0 auto 2em;}
.concept section.sep03 h3 {margin-bottom:2em;border-top: 1px dashed #777;border-bottom: 1px dashed #777;padding: 1em 0 .5em 0;}
.concept section.sep03{text-align: center;font-size: 2rem;line-height: 2em;}
.concept section.sep03 p{margin-bottom: 15px;padding-top: 0;}
.concept section.sep03 .bgarea{padding: 50px 0 110px; background-image: url(https://greenkk.com/wp-content/uploads/2019/05/ourname-bg.png);background-size: 90% auto;background-position: top;background-repeat: no-repeat;}
.concept section.sep03 .textBox{text-align: center;font-size: 2rem;line-height: 4em;}
.concept section.sep03 img{width: 100%;}
.concept section.sep04 .leftBox{float: none;width: 80%;margin:2em auto;position: relative;}
.concept section.sep04 .leftBox .inner{width: 100%;margin: auto; position:relative;left: 0%;top: 0;}
.concept section.sep04 .leftBox img{width: 100%;transform: translate(0%,0%);}
.concept section.sep04 .rightBox{float:none;width:90%;margin: auto; padding: 0;box-sizing: border-box;}
}
@media screen and (max-width:480px){
.concept section.sep02, .concept section.sep03, .concept section.sep04{margin: 5em auto auto;}
.concept section.sep03 .bgarea{padding: 30px 0 50px 0; background-image: url(https://greenkk.com/wp-content/uploads/2019/05/ourname-bg.png);background-size: 90% auto;background-position: top;background-repeat: no-repeat;}
.concept section.sep03 .textBox{text-align: center;font-size: 1.3rem;line-height: 3em;}
}

/* staff */
.staff{}
.staff h2{position: relative;padding: 0;background: url(https://greenkk.com/wp-content/uploads/2019/04/staff_title.jpg) no-repeat;background-size:100% auto;border-bottom: none;padding-left:70%;padding-top:300px;padding-bottom: 30px;box-sizing: border-box;}
/*.staff h2 img{position: relative;z-index: 10;width: 100%;}
.staff h2 span{position: absolute;right: 30;bottom: 10; z-index: 9;}*/
.staff h3{text-align: center;margin: 3em auto;}
.staff .staffBox{width: 100%;margin: 5em auto;}
.staff .staffBox:after {  content: "";  clear: both;  display: block;}
.staff .staffBox .leftBox{width: 30%;float: left;}
.staff .staffBox .leftBox img{width: 100%;margin: auto;}
.staff .staffBox .rightBox{width: 70%;float: right;padding: 0 0 0 2em;box-sizing: border-box;}
.staff .staffBox .rightBox h4{width: 100%;border-bottom: 1px solid #000;font-size: 120%;padding: 0 0 .3em;margin: 0;}
.staff .staffBox .rightBox h4 span{font-size: 80%;}
.staff .staffBox .rightBox span.position{font-size: 80%;display: block;line-height: 1.3em;}
.staff .staffBox .rightBox .detail{margin: 1em auto;width: 100%;}
.staff .staffBox .rightBox .detail:after {  content: "";  clear: both;  display: block;}
.staff .staffBox .rightBox .detail dl{margin: 0;padding: 0;width: 100%;}
.staff .staffBox .rightBox .detail dt{margin: 0;padding: 0;float: left;clear: left;width: 20%;list-style: outside;display: block;}
.staff .staffBox .rightBox .detail dt:after{content: "：";}
.staff .staffBox .rightBox .detail dd{margin: 0;padding: 0;width: 78%; display: block; float: left;list-style: none;list-style-position: outside;line-height: 1.5em;}

@media screen and (max-width:768px){
.staff .staffBox{width: 100%;margin: 3em auto;}
.staff h2{position: relative;padding: 0;background: url(https://greenkk.com/wp-content/uploads/2019/04/staff_title.jpg) no-repeat;background-size:100% auto;border-bottom: none;padding-left:70%;padding-top:100px;padding-bottom: 15px;}
.staff .staffBox .leftBox{width: 100%;float:none;}
.staff .staffBox .leftBox img{width: 60%;margin: auto;display: block;}
.staff .staffBox .rightBox{width: 100%;float: none;padding: 1em;box-sizing: border-box;}
.staff .staffBox .rightBox h4{width: 100%;border-bottom: 1px solid #000;font-size: 120%;padding: 0 0 .3em;margin: 0;}
.staff .staffBox .rightBox h4 span{font-size: 80%;}
.staff .staffBox .rightBox .detail dt{margin: 0;padding: 0;float: left;clear: left;width: 30%;list-style: outside;display: block;}
.staff .staffBox .rightBox .detail dd{margin: 0;padding: 0;width: 69%; display: block; float: left;list-style: none;list-style-position: outside;}
}

/* cate */
.cate {font-size: 1.5vw;line-height: 1.8em;width: 100%!important;}
.cate dl{width: 100%;margin: 3em auto;}
.cate dl:after {  content: "";  clear: both;  display: block;}
.cate dt{display: block;float: left;clear: left; width: 300px;margin-bottom: 1em;}
.cate dd{display: block;float: left;width: 600px;margin-bottom: 1em;}
.cate p{text-align: center;}
@media screen and (max-width:767px){
.cate {padding: 30px 0;font-size: 3.5vw;}
.cate dt{display: block;float: none;width: 100%;margin: 0;}
.cate dd{display: block;float: none;width: 100%;margin: 0 0 1em 1em;}
}

/* contact */
.contact{}
.contact table{margin: auto;width: 90%;}
.contact th{font-weight: normal;text-align: left;padding: 1em;box-sizing: border-box;white-space: nowrap;}
.contact th span{color: #EB0003;font-size: 1.4rem;}
.contact td{padding: 1em;box-sizing: border-box;}
@media screen and (max-width:767px){
.contact table{margin: auto;width: 95%;}
.contact th{font-weight: normal;text-align: left;padding: 1em 1em 0;box-sizing: border-box;display: block;}
.contact td{padding: .5em 1em 1em;box-sizing: border-box;display: block;}
}

/* event */
.cate .event{}
.cate .event dt{width: 150px;}
.cate .event dt a img{width: 100%;height: 100%!important;}
.cate .event dd{text-align: left;width: 750px;padding-top: 1em;box-sizing: border-box;}
.cate .event dd span{margin:auto 1em ;font-size: 1.8rem;}
@media screen and (max-width:767px){
.cate .event dt{margin: auto;text-align: center;width: 90%;}
.cate .event dd{text-align: left;width: 90%;padding-top: .8em;margin: 0 auto 4em auto;}
.cate .event dd span{display: block;margin: 0 0 1em 0;text-align: center;width: 100%;font-size: 1.4rem;border: 1px solid #444;padding: .2em;box-sizing: border-box;}
}

/* news */
.cate .news{}
.cate .news dt{width: 150px;}
.cate .news dd{text-align: left;width: 750px;padding-top: 2em;box-sizing: border-box;}
.cate .news dd span{margin:auto 1em ;font-size: 1.8rem;}
@media screen and (max-width:767px){
.cate .news dt{margin: auto;text-align: center;width: 100%;}
.cate .news dd{text-align: left;width: 90%;padding-top: .8em;margin: 0 auto 3em auto;}
.cate .news dd span{display: block;margin: 0 0 1em 0;text-align: center;width: 100%;font-size: 1.4rem;border: 1px solid #444;padding: .2em;box-sizing: border-box;}
}

/* diary */
.diary dt{display:  inline-block;vertical-align: top;float: left;clear: left; width: 290px;font-size: 2.2rem; margin-bottom: 1em;}
.diary dd{display: block;float: left;width: 620px;font-size: 2.2rem; margin-bottom: 1em;}
.diary span.cattag{}
.diary span.cattag a{background-color: #4c3a2c;color: #fff;display:  inline-block;vertical-align: middle;margin-bottom: .5em; line-height: 1.3em;font-size: 1.4rem; padding: .3em 1em .4em 1em;width:auto;text-align: center; margin-left: 1em; border-radius: 5px;box-sizing: border-box;white-space: nowrap;}
.diary span.cattag a:hover{background-color: #7D6959;color: #fff;line-height: 1.3em;font-size: 1.4rem;padding: .3em 1em .4em 1em;width:auto;text-align: center; margin-left: 1em; border-radius: 5px;box-sizing: border-box;white-space: nowrap;}
.diary .pagination{width: 80%;text-align: center;}
.diary .pagination li{display: inline-block;width: 48%;margin: auto;list-style: none;}
.diary .pagination li.back{text-align: left;}
.diary .pagination li.next{text-align: right;}
@media screen and (min-width:1920px){
.diary dt span a{background-color: #4c3a2c;color: #fff;line-height: 1.3em;padding: .3em 1em .3em 1em;width:5em;text-align: center; margin-left: 1em; border-radius: 5px;box-sizing: border-box;}
.diary dt span a:hover{background-color: #7D6959;color: #fff;line-height: 1.3em;padding: .3em 1em .3em 1em;width:5em;text-align: center; margin-left: 1em;border-radius: 5px;box-sizing: border-box;}
}
@media screen and (max-width:767px){
.diary dt{display: block;float:none;clear: left; width: 100%;margin-bottom: .5em;}
.diary dd{display: block;float:none;width: 100%;margin-bottom: 1em;}
.diary dt span a{background-color: #4c3a2c;color: #fff;line-height: 1.3em;padding: .2em 1em .3em 1em;width:5em;text-align: center;margin-left: 0;margin-top: 0; border-radius: 5px;box-sizing: border-box;}
.diary dt span a:hover{background-color: #7D6959;color: #fff;line-height: 1.3em;padding: .2em 1em .3em 1em;width:5em;text-align: center;margin-left: 0;margin-top: 0; border-radius: 5px;box-sizing: border-box;}
}

/* single */
.single{}
.single h3{text-align: center;padding: 2em 0 1em;border-bottom: 1px solid #000;margin-bottom: 2em;}
.singleContent{width: 90%;text-align: left;line-height: 2em;margin-bottom: 2em;}
.single .date{text-align: right;padding: .5em;}
.single .backcategory{text-align: right;padding: 1em .5em;}
@media screen and (max-width:767px){
}