@charset "utf-8";
@import url(css/basic.css);
@import url(css/alg/giraffe.css);h2+p a{background-image:url("logo_w.png");}

a,.more a,a span.more,#menu li li a.on{color:#59a529;}
a:hover{color:#69a1bb;}
[class*="a-btn"]{background-color:#59a529;}
#contents01>dt [lang="en"],.newlist>li>time{color:#59a529;}
dl.faq>dt::before,#menu li li a:hover,.more a:hover,a:hover span.more{color:#fff;}
button:hover,[type="button"]:hover,[type="reset"]:hover,[type="submit"]:hover,.list-btn a:hover,.close_popup:hover,.pnav a:hover,.pnav [rel]:hover,#paging li.active,.btn-case:hover,.pnav span,.list-tag a:hover,.list-tag a.on{background-color:#59a529;color:#fff;}
#hnav [class*="a-btn"],#rnav a{background-color:#59a529;}
#global>ul>li>a>span::after,.a_extend::before,.a_extend::after,.slick-arrow span::before,.slick-arrow span::after,button,[type="button"],[type="reset"],[type="submit"],.close_popup,.list-tag a,.more a>span::before,.more a>span::after,#mbtn a,.pnav a,.pnav [rel]{background-color:#59a529;}
#pnav a{background-color:#202020;}
th,.s_ttl tbody th[title]::before,.s_ttl tbody td[title]::before,[class*="linebox"],.list-btn a{background-color:#f9f9f9;}
th,td,button,input,select,.select,textarea,.close_popup{border-color:#ddd;}
.link a::before,a.link::before,.list li::before,.a-btn-w:hover::before,.list-btn a::before,#menu li li a.on::before,#menu li li a:hover::before{border-left-color:#59a529;}
.pnav a:hover,.pnav [rel]:hover,.pnav span{background-color:#59a529;color:#fff;}
[class^="icon-"]::before{color:#59a529;}
#contact li+li::after{background-color:#fff;opacity:.4;}
#footer{background-color:#202020;}
#fnav h3,#fnav h3 a,#copyright{color:#5b5b5b;}
#menu>ul>li>a.on,#menu>ul>li>a:hover{background:#d2e8c4;color:#333;}
#menu a.on::before,#menu a:hover::before{border-left-color:#59a529;}
#show>h3{left:50%;top:50%;width:75%;z-index:3;text-indent:0;line-height:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:1120px;}
#banner{background-color:#e9eee6;}
#index #contents01+.content,#index #contents03+.content{margin-bottom:60px;}
#index #contents01{padding-bottom:2em;}
#index #contents03 [class*="typebox"],#contents04 .content{width:75%;max-width:840px;margin:0 auto;}
#index #contents03 [class*="typebox"] dl{width:100%;}
#index #contents03 [class*="typebox"] dl dd{text-align:center;}
#contents04{background-color:#f3f3f3;}
#contents04 [class*="typebox"] a{position:relative;width:100%;min-height:180px;}
#contents04 li p{position:absolute;width:100%;transform:translate(-50%,-50%);left:50%;top:50%;margin:0;font-size:1.5em;color:#fff;}

#hnav [class*="a-btn"]:hover,#rnav a:hover,[class*="a-btn"]:hover,a:hover [class*="a-btn"]{background-color:#69a1bb;color:#fff;}
.newlist>li>time::before{color:#59a529;}
[class|="required"]:hover,.a-btn3{background-color:#59a529;color:#fff;}
.a-btn-more:hover{background-color:#fff;color:#333;}
.a-btn-more,.a-btn-w{background-color:transparent;}
.a-btn-w:hover{background-color:#fff;color:#59a529;}

h3,.h3,h3 a,h3 a:hover,h5,.h5{color:#59a529;}
h4,.h4,dl.box>dt{background-color:#f3e4e8;border-color:#d1c4c8;}
h5::before,.h5::before,h6::before,.h6::before{border-color:#59a529;}
h5,.h5,h6,.h6{font-weight:600;}
[class*="linebox"],.list-btn a{border-color:#d9d2c9;background-color:#f5efe7;}
[class*="linebox"]>dd::before{border-top:1px dashed #d1cc9c;}
.linebox2{border:none;box-shadow:rgb(0 0 0 / 4%) 0px 2px 10px;background-color:#fff;}
[class*="check_"] input[type="checkbox"]~span::after,.list-type-check>li::after,.list-type-check>dt::after,.title-i-check::after{border-color:#59a529;}
[class*="check_"] input[type="radio"]~span::after{background:#59a529;}
.list-type-number.flow>li::before{color:#59a529;border-color:#59a529;}
.list-type-number.flow>li:not(:last-child)::after{border-color:#59a529;}
[class*="linebox"].flow::after,ul.flow>li+li::after{border-color:transparent transparent #ccc #ccc;}

/*cont-wrap*/
.cont-wrap{position:relative;z-index:1;padding-top:200px;}
.cont-wrap .cont-img{width:100%;position:absolute;z-index:-1;top:0;left:0;}
.cont-wrap .cont-txt{width:80%;/*-webkit-box-shadow:0 0 3px 1px #dedede;*//*box-shadow:0 0 3px 1px #dedede;*/background:#fbfbfb/*rgb(255 255 255 / 88%)*/;margin:0 auto;padding:60px 20px 20px;position:relative;border-radius:0px;}
.cont-txt .grad_big{text-align:left;position:absolute;width:100%;top:-70px;left:0;}
.cont-txt .grad_text{font-family:serif;font-size:1.3rem;letter-spacing:.2rem;line-height:100%;background:#59a529;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.cont-txt .num{ font-size:5rem;font-weight:600;}
.cont-wrap:nth-child(even) .cont-img{text-align:right;}
.cont-img>img{margin:0;}

#hope div{background:#fff;background:rgba(255,255,255,.8);}
#hope{background:url("images/concept04.jpg") center 0 no-repeat;background-size:140% auto;padding:280px 0 0 0;}
#hope div{width:83.33333333333333%;padding:2em 1.5em;}
#hope .h3{font-size:30px;line-height:1.375;padding:0;margin-bottom:1em;}
#hope div{margin:0 auto;}

@media(min-width:61em){
#hope{padding:0 50% 0 5%;}
#hope div{margin:0 0 0 auto;width:100%;}
#hope .lh2{line-height:2.5;}
}

@media (min-width:48em){
#pnav a{background-color:transparent;}
#fmenu{box-shadow:0 -1px 0 rgba(255,255,255,.15) inset;}
#index #contents01{margin-bottom:150px;}
#index #contents04{padding:60px 0 50px;}
#contents04 [class*="typebox"] a{min-height:240px;}
.cont-wrap{padding-top:135px;}
.cont-wrap .cont-img img{max-width:60%;}
.cont-wrap .cont-txt{max-width:570px;margin:0 3px 0 auto;padding:60px 55px 50px;}
.cont-wrap:nth-child(even) .cont-txt{margin:0 auto 0 3px;}
.maxw{max-width:1120px;margin:auto;}
#hope{padding:0 5%;background-size:cover;}
#hope div{max-width:560px;padding:60px 7.14285714285714%;margin:0 auto 0 0;}
#hope .h3{font-size:2.25em;}
}