@charset "utf-8";
*{margin:0;padding:0;list-style:none;font-family:kinto-sans, sans-serif;font-weight:500;}
h2{font-weight: 900;}
.link{color:#17986d;}
.center{text-align:center!important;margin:0 auto;display: block;}
.text-l{text-align: left!important;}
.normal-li li::before{content:"●";position:absolute;left:0;top:.4em;}
.normal-li li{position:relative;padding:0 0 0 1em;margin:16px 0;}
.normal-li li a{color:#17986d;display:block;font-size:120%;padding:8px;text-align: left;box-sizing: border-box;}
.normal-li li a:hover{background:#e9f5eb;}
a img{vertical-align: middle;}
.form-box iframe{width:100%;border: none;}
img{max-width:100%;height:auto;}
.ic-p{text-indent:1em;}
@keyframes color-change {
  0%,100%{border-color:#1389aa;}
  50%{border-color:#76bb33;}
}
.remodal iframe{min-height:70vh;max-width:100%!important;max-height:100%!important;border:none;}
.remodal embed,.remodal img{max-width:100%!important;max-height:100%!important;border:none;}

.dl-company a,.pp-cont a{color:#17986d;}
.dl-company a:hover,.pp-cont a:hover{text-decoration: none;}
.blank::after{content:"";margin:0 0 0 2px;width:12px;height:12px;display: inline-block;background:url(images/blank.svg);background-size:12px auto;background-position:0 0;}
.blank:hover::after{background-position: 0 12px;}

.h2company{background:url("images/h2company.jpg") right center no-repeat;background-size:cover;}
.h2business{background:url("images/h2business.jpg") right center no-repeat;background-size:cover;}
.h2csr{background:url("images/h2csr.jpg") right center no-repeat;background-size:cover;}
.h2ci{background:url("images/h2ci.jpg") right center no-repeat;background-size:cover;}
.h2recruit{background:url("images/h2recruit.jpg") right center no-repeat;background-size:cover;}
.h2information{background:url("images/h2information.jpg") right center no-repeat;background-size:cover;}
.h2news{background:url("images/h2news.jpg") right center no-repeat;background-size:cover;}
.h2none{background:url("images/h2none.jpg") right center no-repeat;background-size:cover;}

@media screen and (max-width: 767.9px) {
.pc,.tab{display:none!important;}

html{position:relative;min-height:100%;}
body{font-size:14px;color:#000;margin:0 auto;padding:0;text-align:center;line-height: 1.45;}
p{margin:10px 0;padding:0;}
a{outline:none;transition:all .3s;-webkit-transition:all .3s;}
a img{border:none;transition:all .3s;-webkit-transition:all .3s;}

.container{margin:0 auto;display: flex;flex-direction: column;min-height: 100vh;width:100%;}

.header-nav{margin:0 auto;padding:0;display:block;text-align:center;z-index:10;width:100%;height:auto;position:relative;box-sizing: border-box;}
.logo{width:150px;height:56px;display:block;position:absolute;left:8px;top:8px;z-index:1;}
.logo:hover img{opacity:.6;}
/*#nav{font-size:100%;max-width:768px;width:100%;display:block;padding:0;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;overflow: hidden;border-bottom:1px solid #17986d;position:fixed;top:0;left:0;z-index:2;}
#nav li:first-child{display:none;}
#nav li{display:block;margin:0 auto;padding:0;width:auto;text-align:center;background:#fff;}
#nav li a{-webkit-transform: translateZ(0);transform: translateZ(0);display:block;color:#646464;text-decoration:none;vertical-align: baseline;position:relative;padding:20px 0;font-size:17px;}
#nav li a span{color:#17986d;font-size:50%;text-align:center;display:block;line-height:1;}
#nav li a:hover{color:#17986d;}
 #nav{display:none;} */
#nav{font-size:100%;width:100%;height:100vh;display:block;padding:0;margin:0 auto;box-sizing:border-box;-webkit-box-sizing:border-box;overflow: hidden;position:fixed;top:0;z-index:3;display:none;background:#17986d;}
#nav li{display:block;margin:0;padding:0;width:auto;text-align:center;}
#nav li a{-webkit-transform: translateZ(0);transform: translateZ(0);display:block;color:#000;text-decoration:none;padding:20px 0;position:relative;background:#fff;}
#nav li:first-child a{padding-top:40px;}
#nav li:first-child a img{width:150px;height:56px;}
#nav li a span{position:relative;}
#nav li:last-child{margin:0;padding:0;}
#nav li:last-child img{width:40px;margin-right:5px;}
#nav li:last-child a{background:#17986d;color:#fff;padding:20px;box-sizing: border-box;}
#menuButton{display:block;width:40px;height:40px;position:fixed;top:0;right:0;z-index:10;color:#fff;line-height:45px;font-size:30px;background:#17986d;}
#menuButton span{display: block;background:#fff;width: 20px;height: 2px;position: absolute;left:11px;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;}
#menuButton span:first-child{top: 12px;}
#menuButton span:nth-child(2){margin-top: -1px;top: 50%;}
#menuButton span:last-child{bottom: 12px;}
#menuButton.active span:first-child{-webkit-transform: translateY(6px) rotate(45deg);-moz-transform: translateY(6px) rotate(45deg);-ms-transform: translateY(6px) rotate(45deg);transform: translateY(6px) rotate(45deg);}#menuButton.active span:nth-child(2){opacity: 0;}#menuButton.active span:last-child{-webkit-transform: translateY(-8px) rotate(-45deg);-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}

.home-header{background: url("images/main.jpg") center center no-repeat;background-size: cover;height:85vh;position:relative;}
.home-header p{background:rgba(255,255,255,.7);position:absolute;top:50%;left:0;text-align:center;padding:10px 20px;margin:-36px auto 0;box-sizing: border-box;}
.home-header p img{width:280px;height:72px;}
.news-li{width:100%;padding:0 0 16px;margin:auto;display:block;}
.news-li li{width:100%;border-bottom:1px solid #000;padding:0;text-align: left;font-size:0;box-sizing: border-box;display:block;position:relative;}
.news-li li a{color:#000;min-height:100px;text-decoration: none;font-size:17px;display: block;line-height: 1.7;padding:20px 0;box-sizing: border-box;}
.news-li li a .cat{display: inline-block;background:#000;color:#fff;text-align: center;padding:0 10px;margin:0 0 10px;}
.news-li li a .day{display: block;text-align: left;font-size:80%;}
.news-li li a p{display:block;}
.home-more{text-align: right;}
.more-b{color:#fff;position:relative;padding: 0 0 0 25px;}
.more-a{color:#000;text-decoration: none; position:relative;padding: 0 27px 0 0;transition:all .3s;-webkit-transition:all .3s;}
.more-b::before,.more-b::after,.more-a::before,.more-a::after {position: absolute;content: '';display: inline-block;}
.more-b::after {top: .2em;left: 0;width: 20px;height: 20px;background:#ebbb1c;border-radius: 100%;}
.more-b::before {z-index: 2;top: .475em;left: .15em;width: 8px;height: 8px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(-45deg);}
.more-a::after {top: 0;right: 0;width: 20px;height: 20px;border:2px solid #ebbb1c;border-radius: 100%;}
.more-a::before {z-index: 2;top: .45em;right: .6em;width: 8px;height: 8px;border-right: 2px solid #ebbb1c;border-bottom: 2px solid #ebbb1c;transform: rotate(-45deg);}

.banner-bg{margin:64px auto;}
.banner{width:100%;display: block;font-size:0;}
.banner li{width:100%;height:200px;margin:0;display:inline-block;overflow:hidden;position:relative;transition:all .3s;-webkit-transition:all .3s;}
.banner li:first-child{background:url("images/home-business.jpg") 0 0 no-repeat;background-size:cover;}
.banner li:last-child{background:url("images/home-result.jpg") 0 0 no-repeat;background-size:cover;}
.banner li p{position:absolute;bottom:10px;left:10px;font-size:17px;display: block;}
.banner li a{display:block;text-decoration: none;width:100%;height:100%;}

.home-csr{background:url("images/home-csr-bg.jpg") center bottom no-repeat;background-size:cover;position:relative;padding:10px;box-sizing: border-box;color:#000;}
.home-csr a{text-decoration: none;color:#000;display: block;}
.home-csr-cont,.h3-bg{position: relative;z-index:2;}
.h3-bg{display:block;width:100%;height:80px;background:#17986d;mix-blend-mode: multiply; left:-20px;top:0;z-index:1;border-top-right-radius: 40px;border-bottom-right-radius: 40px;margin:0 0 10px 0;}
.home-csr h3 {padding:0;margin:0;position:absolute;top:20px;left:10px;}
.home-csr h3::after{display:none;}
.home-csr h3 img{width:200px;height:34px;position:relative;display:block;z-index:2;}
.home-csr h3 span{position:relative;z-index:2;color:#fff;font-size:12px;}
.home-csr-cont{background:#fff;margin:0;padding:10px;box-sizing: border-box; display:block;text-align:left;}
.cont64{display:block;width:100%;font-size:0;}
.cont64 div{display:block;padding:20px 0 0;text-align: center; box-sizing: border-box;vertical-align: middle;}
.cont64 div:first-child{width:100%;text-align:center;}
.cont64 div:first-child img{width:100%;max-width:240px;height:auto;display:block;z-index:2;margin:auto;}
.cont64 div:first-child a span{font-size:12px;}
.cont64 div:last-child{width:100%;}

.content{max-width:1080px;width:90%;margin:0 auto;padding:0;display:block;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;}

.header{display: block;height: 70px;width:100%;margin:80px auto 0;}
h2{color:#fff;padding:13px 0 0;text-align:left;letter-spacing: .3em;font-size:28px;}
h3{color:#000;margin:40px auto 0;padding:0 0 10px;text-align:left;letter-spacing: .1em;font-size:23px;}
h3::after{content:"";background:#17986d;display:block;height:5px;width:100%;margin:10px 0 0;}
h4{text-align: left;font-size:16px;margin:25px auto 0;padding:0;color:#17986d;}
h5{font-size:20px;}

.dl-company{width:100%;margin:auto;text-align: left;}
.dl-company dt{font-size:14px;width:100%;padding:10px 0 0;}
.dl-company dd{font-size:14px;width:100%;padding:0 0 10px;border-bottom:1px solid #aaa;}
.greet{margin:0 auto;}
.greet img{margin:20px auto;width:300px;height:200px;display: block;}
.greet p{text-align: left;}
.greet .name-cont{text-align: right;}
.greet .name{font-size:20px;}

.recruit-read{margin:40px auto 0;border:5px solid #eee;padding:20px;box-sizing: border-box;text-align:left;}
.content > .read{margin:80px auto 0;background:url("images/read-sp.png") 0 0 no-repeat;padding:20px;box-sizing: border-box;text-align:left;height:132px;display: flex;justify-content: center;align-items: center;background-size:cover;}
.content > .read strong{font-size:20px;display:block;margin:0 0 10px;}
.business{font-size:0;}
.business li{width:100%;margin:0;display: inline-block;font-size:14px;}
.business h3{clear:both;font-size:23px;}
.business img{width:200px;height:133.25px;margin:0 auto;display:block;}
#result ul{font-size:0;}
#result li{width:100%;display:inline-block;position:relative;margin:10px auto;box-sizing: border-box;}
#result li p{position:absolute;top:0;left:0;background:rgba(255,255,255,.8);padding:10px;font-size:14px;margin:0;}

.sdg-li{text-align:center;display:block;}
.sdg-li li{display:inline-block;margin:10px;}
.sdg-li li img{width:120px;height:120px;}

.news{width:100%;padding:0;margin:80px auto 0;display:block;}
.news li{width:100%;border-bottom:1px solid #000;padding:15px;text-align: left;box-sizing: border-box;display:block;}
.news li:last-child{border:none;}
.news li a{color:#000;text-decoration: none;display: block;line-height: 1.7;}
.news li a .cat{display: inline-block;background:#000;color:#fff;text-align: center;padding:0 10px;margin:0;transition:all .3s;-webkit-transition:all .3s;}
.news li a .day{display: block;text-align: left;font-size:80%;}
.news li a p{display:block;}
.news li a:hover{color:#17986d;}
.news li a:hover .cat{background:#17986d;}
.news-cont h3{letter-spacing: normal;}
.news-cont img{border:3px solid #eee;margin:20px auto;display:block;}
.news-cont hr{border:none;height:1px;width:100%;background:#000;margin:2 0;}
.cat-cont{text-align: right;display:block;}
.news-cont .cat{display: inline-block;background:#000;color:#fff;text-align: center;padding:0 10px;margin:0 10px 0 0;transition:all .3s;-webkit-transition:all .3s;}
.news-cont .day{display: inline-block;}

.read strong{font-size:19.8px;}
/*.read strong span{color:#17986d;}*/
.recruit{font-size:0;}
.recruit li{width:100%;margin:0;display: block;font-size:14px;overflow: hidden;}
.recruit img{width:200px;height:300px;margin:0 auto;display:block;}
.recruit .name-cont{text-align: right;}
.recruit .name{font-size:20px;}
.btn{width:100%;max-width:300px;box-sizing: border-box;background:#17986d;color:#fff;border:5px solid #17986d;padding:16px 0;margin:24px auto 0;display:block;text-decoration: none;text-align:center;}
.btn:hover{background:#fff;color:#17986d;}

.bg-yellow{background:#fff5d2;}

.ci-cont{display: flex;align-items: center;flex-direction: column;}
.ci-cont p{font-size:13px;line-height:1.7;margin-top:0;}
.ci-ol{counter-reset: item;font-size:13px;}
.ci-ol li{text-indent: -1.3em;padding-left: 1.3em;line-height:1.7;}
.ci-ol li:before {counter-increment:item;content: counter(item)'.';padding-right:.5em;font-weight:bold;color:#17986d;}
.ci-p{text-indent:1em;}

dl dt{display:block;padding:8px 0 0;vertical-align: top;position:relative;font-weight:bold;}
dl dd{display:block;padding:0 0 8px;vertical-align: top;}

footer{margin-top:auto;}
.footer{color:#fff;background:#17986d;padding:16px 0;margin:40px auto 0;box-sizing:border-box;overflow: hidden;}
#footer-nav{margin:0;text-align:left;}
#footer-nav li{display: block;font-size:16px;margin: 10px 0;}
#footer-nav li a{color:#fff;padding:5px 0;text-decoration: none;}
#footer-nav li a:hover,.p-nav a:hover{opacity: .6;}
.footer-l{margin:20px 0;}
.footer p{text-align: left;}
.footer img{width:200px;height:108px;margin:0 auto 0 0;display:block;}
.p-nav a{font-size:15px;color:#fff;border-left:1px solid #fff;border-right:1px solid #fff;padding:0 10px;margin:10px 0 0;text-decoration: none;display:inline-block;}
.copy{font-size:12px;border-top:1px solid #fff;padding:10px 0 0;margin:10px 0 0;clear:both;}

.pagetop{background:url(images/pagetop.svg) 0 0 no-repeat;text-indent:-9999px;background-size:40px;width:40px;height:40px;position:absolute;bottom:50px;right:0;}

.sns{position:absolute;right:0;bottom:90px;}
.sns li{display:block;margin:0 0 20px;}
.sns li img{width:40px;height:40px;}

.form{width:100%;margin:0 auto;padding:32px 0;text-align:left;}
.form .read > p{text-align:left;padding-top:24px;}
.form p{font-size:14px;text-align:center;max-width: 700px;margin: 0 20px;}
.form p.caution{font-size:14px;text-align: left;margin:0;}
.form table{margin:0 auto;padding:16px;box-sizing: border-box;display:block}
.form th{width:100%;padding:4px 8px 0 0;display:block;box-sizing: border-box;}
.form td{width:100%;padding:4px 0 10px;display:block;box-sizing: border-box;}
.form th span{color:#17986d;background:#fff;font-size:12px;margin:0 0 0 4px;padding:1px 6px;border:1px solid #17986d;}
.form td input,.form td textarea{border:none;width:100%;padding:8px;box-sizing: border-box;font-family: sans-serif;}
.form td input#checkbtn{width:auto;margin:0 8px 0 0;}
.form td label{margin:0 8px 0 0;font-size:20px;}
#submitbtn{width:100%;max-width:300px;box-sizing: border-box;-webkit-appearance: none;background:#17986d;color:#fff;border:5px solid #17986d;padding:16px 0;margin:24px auto 0;display:block;cursor: pointer;font-size:17px;font-family:kinto-sans, sans-serif;}

#pp{height:160px;padding:10px;margin:20px auto 10px;overflow-y:scroll;background:#fff;border:3px solid #000;box-sizing: border-box;}
#pp h3{margin:0;font-size:17px;}
#pp h4{margin:15px 0 0;font-size:15px;}
#pp p{text-align:left;font-size:12px;margin:0;}
.pp-cont{border:4px solid #eee;margin:15px 0 0;padding:10px;box-sizing: border-box;}

.checkbox-wrapper{text-align: center;}
.form .checker{padding:5px 0;margin:10px auto;display:block;cursor:pointer;width:100%;box-sizing: border-box;background:#fff;}
}

@media screen and (min-width: 768px) and (max-width: 1159.9px) {
.sp{display:none!important;}
html{position:relative;min-height:100%;}
body{font-size:16px;color:#000;margin:0 auto;padding:0;text-align:center;
display: flex;flex-direction: column;min-height: 100vh;line-height: 1.45;}
p{margin:10px 0;padding:0;}
a{outline:none;transition:all .3s;-webkit-transition:all .3s;}
a img{border:none;transition:all .3s;-webkit-transition:all .3s;}

.container{margin:0 auto;padding:90px 0 0;display: flex;flex-direction: column;min-height: 100vh;width:100%;}

.fixnav{display: block;height: 90px;width:100%;position: fixed;top:0;background:#fff;z-index:999;border-bottom:1px solid #17986d;}
.header-nav{margin:0 auto;padding:0;display:block;text-align:center;z-index:10;width:100%;height:auto;position:relative;box-sizing: border-box;}
.logo{width:200px;height:74px;display:block;position:absolute;left:8px;top:8px;z-index:1;}
.logo:hover img{opacity:.6;}
#nav{font-size:100%;width:100%;display:block;padding:0;margin:0 auto;box-sizing:border-box;-webkit-box-sizing:border-box;overflow: hidden;text-align:right;}
#nav li{display:inline-block;margin:0 20px 0 0;padding:0;width:auto;text-align:center;vertical-align: middle;line-height:90px;}
#nav li a{-webkit-transform: translateZ(0);transform: translateZ(0);display:block;color:#000;text-decoration:none;vertical-align: baseline;padding:0;position:relative;}
#nav li a span{position:relative;}
#nav li a span::after{content:"";background:#17986d;width:0;height:2px;display:block;position:absolute;left:0;bottom:-10px;margin:0 auto;transition:all .2s;}
#nav li a:hover span::after,#nav li a.now span::after{width:100%;}
#nav li:last-child{float:right;margin:0;padding:0;}
#nav li:last-child img{width:40px;margin-right:5px;}
#nav li:last-child a{background:#17986d;color:#fff;height:90px;padding:0 20px;box-sizing: border-box;}
#nav li:last-child a:hover{opacity: .6;}
#nav li:last-child a:hover span{color:#17986d;transition:all .2s;}
#nav li:last-child a:hover span::before{display: none;}
#menuButton{display:none;}

.home-header img{width:1020px;margin:auto;}
.home-header{background: url("images/main.jpg") center center no-repeat;background-size: cover;height:85vh;position:relative;}
.home-header p{background:rgba(255,255,255,.7);position:absolute;top:50%;right:50%;width:50vw;text-align: right;padding:5px 10px;margin:-52px 0 0;box-sizing: border-box;}
.home-header p img{width:400px;height:104px;}
.news-li{width:100%;padding:16px 0;margin:auto;display:table;}
.news-li li{width:calc(100% / 3);border-right:1px solid #000;padding:0 15px 40px;text-align: left;font-size:0;box-sizing: border-box;display:table-cell;position:relative;}
.news-li li:last-child{border:none;}
.news-li li a{color:#000;min-height:100px;text-decoration: none;font-size:17px;display: block;line-height: 1.7;}
.news-li li a .cat{display: inline-block;background:#000;color:#fff;text-align: center;padding:0 10px;margin:0 0 20px;transition:all .3s;-webkit-transition:all .3s;}
.news-li li a .day{display: block;text-align: left;position:absolute;bottom:0;left:15px;font-size:80%;}
.news-li li a p{display:block;}
.news-li li a:hover{color:#17986d;}
.news-li li a:hover .cat{background:#17986d;}
.home-more{text-align: right;}
.more-b{color:#fff;position:relative;padding: 0 0 0 25px;}
.more-a{color:#000;text-decoration: none; position:relative;padding: 0 27px 0 0;transition:all .3s;-webkit-transition:all .3s;}
.more-a:hover{opacity: .6;}
.more-b::before,.more-b::after,.more-a::before,.more-a::after {position: absolute;content: '';display: inline-block;}
.more-b::after {top: .2em;left: 0;width: 20px;height: 20px;background:#ebbb1c;border-radius: 100%;}
.more-b::before {z-index: 2;top: .475em;left: .15em;width: 8px;height: 8px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(-45deg);}
.more-a::after {top: 0;right: 0;width: 20px;height: 20px;border:2px solid #ebbb1c;border-radius: 100%;}
.more-a::before {z-index: 2;top: .45em;right: .6em;width: 8px;height: 8px;border-right: 2px solid #ebbb1c;border-bottom: 2px solid #ebbb1c;transform: rotate(-45deg);}

.banner-bg{margin:64px auto;}
.banner{width:100%;display: block;font-size:0;}
.banner li{width:50%;height:320px;margin:0;display:inline-block;overflow:hidden;position:relative;transition:all .3s;-webkit-transition:all .3s;}
.banner li:first-child{background:url("images/home-business.jpg") 0 0 no-repeat;background-size:cover;}
.banner li:last-child{background:url("images/home-result.jpg") 0 0 no-repeat;background-size:cover;}
.banner li p{position:absolute;bottom:10px;left:10px;font-size:17px;display: block;}
.banner li a{display:block;text-decoration: none;width:100%;height:100%;}
.banner li:hover{opacity: .6;}

.home-csr{background:url("images/home-csr-bg.jpg") center bottom no-repeat;background-size:cover;position:relative;padding:20px;box-sizing: border-box;color:#000;}
.home-csr a{text-decoration: none;color:#000;display: block;}
.home-csr-cont,.h3-bg{position: relative;z-index:2;}
.h3-bg{display:block;width:800px;height:120px;background:#17986d;mix-blend-mode: multiply; left:-300px;top:0;z-index:1;border-top-right-radius: 60px;border-bottom-right-radius: 60px;margin:0 0 20px 0;}
.home-csr h3 {padding:0;margin:0;position:absolute;top:43px;left:20px;}
.home-csr h3::after{display:none;}
.home-csr h3 img{width:247px;height:40px;position:relative;display:block;z-index:2;}
.home-csr h3 span{position:relative;z-index:2;color:#fff;font-size:17px;letter-spacing: .1em;}
.home-csr-cont{background:#fff;margin:0;padding:20px;box-sizing: border-box; display:block;text-align:left;}
.cont64{display:table;width:100%;font-size:0;}
.cont64 div{display:table-cell;padding:20px 0 0;box-sizing: border-box;vertical-align: middle;}
.cont64 div:first-child{width:60%;text-align:center;}
.cont64 div:first-child img{width:303px;height:40px;display:block;z-index:2;margin:auto;}
.cont64 div:first-child a:hover{opacity:.6;}
.cont64 div:first-child a span{font-size:17px;letter-spacing: .1em;}
.cont64 div:last-child{width:40%;}

.content{max-width:1080px;width:90%;margin:0 auto;padding:0;display:block;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;}

.header{display: block;height: 140px;width:100%;margin:0 auto;}
h2{color:#fff;padding:45px 0 0;text-align:left;letter-spacing: .3em;font-size:30px;}
h3{color:#000;margin:80px auto 0;padding:0 0 10px;text-align:left;letter-spacing: .1em;font-size:25px;}
h3::after{content:"";background:#17986d;display:block;height:5px;width:100%;margin:10px 0 0;}
h4{text-align: left;font-size:22px;margin:40px auto 0;padding:10px 0;color:#17986d;}
h5{font-size:20px;}

.dl-company{width:100%;margin:auto;text-align: left;}
.dl-company dt{font-size:17px;width:20%;padding:20px 0;}
.dl-company dd{font-size:17px;width:80%;padding:20px 0 20px 20%;margin-left:-20%;border-bottom:1px solid #aaa;}
.greet{margin:0 auto;}
.greet img{margin:20px 20px 20px 0;float:left;width:300px;height:200px;}
.greet p{text-align: left;}
.greet .name-cont{text-align: right;}
.greet .name{font-size:20px;}

.recruit-read{margin:80px auto 0;border:5px solid #eee;padding:20px;box-sizing: border-box;text-align:left;}
.content > .read{margin:80px auto 0;background:url("images/read.png") 0 0 no-repeat;padding:20px;box-sizing: border-box;text-align:center;height:166px;display: flex;justify-content: center;align-items: center;background-size:cover;}
.content > .read strong{font-size:30px;display:block;margin:0 0 20px;}
.business{font-size:0;}
.business li{width:48%;margin:0 2% 0 0;display: inline-block;font-size:17px;vertical-align: top;}
.business li:last-child{margin:0 0 0 2%;}
.business h3{clear:both;font-size:25px;}
.business img{width:200px;height:133.25px;float:right;margin:0 0 0 20px;}
#result ul{font-size:0;}
#result li{width:48%;display:inline-block;position:relative;margin:1%;box-sizing: border-box;}
#result li p{position:absolute;top:0;left:0;background:rgba(255,255,255,.8);padding:20px;font-size:17px;margin:0;transition:all .3s;-webkit-transition:all .3s;opacity: 1;}
#result li:hover p{opacity: 0;}

.sdg-li{text-align:center;display:block;}
.sdg-li li{display:inline-block;margin:10px 20px;}
.sdg-li li img{width:120px;height:120px;}

.news{width:100%;padding:0;margin:80px auto 0;display:block;}
.news li{width:100%;border-bottom:1px solid #000;padding:15px;text-align: left;box-sizing: border-box;display:block;}
.news li:last-child{border:none;}
.news li a{color:#000;text-decoration: none;display: block;line-height: 1.7;}
.news li a .cat{display: inline-block;background:#000;color:#fff;text-align: center;padding:0 10px;margin:0;transition:all .3s;-webkit-transition:all .3s;}
.news li a .day{display: block;text-align: left;font-size:80%;}
.news li a p{display:block;}
.news li a:hover{color:#17986d;}
.news li a:hover .cat{background:#17986d;}
.news-cont img{border:3px solid #eee;margin:20px auto;display:block;}
.news-cont hr{border:none;height:1px;width:100%;background:#000;margin:2 0;}
.cat-cont{text-align: right;display:block;}
.news-cont .cat{display: inline-block;background:#000;color:#fff;text-align: center;padding:0 10px;margin:0 10px 0 0;transition:all .3s;-webkit-transition:all .3s;}
.news-cont .day{display: inline-block;}

.read strong{font-size:30px;}
/*.read strong span{color:#17986d;}*/
.recruit{font-size:0;}
.recruit li{width:100%;margin:0;display: block;font-size:17px;overflow: hidden;}
.recruit img{width:200px;height:300px;float:right;margin:0 0 0 20px;}
.recruit .name-cont{text-align: right;}
.recruit .name{font-size:20px;}
.btn{width:300px;box-sizing: border-box;background:#17986d;color:#fff;border:5px solid #17986d;padding:16px 0;margin:24px auto 0;display:block;text-decoration: none;text-align:center;}
.btn:hover{background:#fff;color:#17986d;}

.bg-yellow{background:#fff5d2;}

.ci-cont{display: flex;align-items: center;flex-direction: column;}
.ci-cont p{font-size:17px;line-height:1.7;}
.ci-ol{counter-reset: item;font-size:17px;}
.ci-ol li{text-indent: -1.3em;padding-left: 1.3em;line-height:1.7;}
.ci-ol li:before {counter-increment:item;content: counter(item)'.';padding-right:.5em;font-weight:bold;color:#17986d;}
.ci-p{text-indent:1em;}

dl{font-size:0;}
dl dt{display:inline-block;padding:8px 0;vertical-align: top;position:relative;}
dl dd{display:inline-block;padding:8px 0;vertical-align: top;}

footer{margin-top:auto;}
.footer{color:#fff;background:#17986d;padding:16px 0;margin:80px auto 0;box-sizing:border-box;overflow: hidden;}
#footer-nav{margin:0 0 0 auto;float:right;text-align:left;}
#footer-nav li{display: block;font-size:16px;margin: 10px 0;}
#footer-nav li a{color:#fff;padding:5px 0;text-decoration: none;}
#footer-nav li a:hover,.p-nav a:hover{opacity: .6;}
.footer-l{float:left;margin:80px 0 20px;}
.footer p{text-align: left;}
.footer img{width:200px;height:108px;margin:0 auto 0 0;display:block;}
.p-nav a{font-size:15px;color:#fff;border-left:1px solid #fff;border-right:1px solid #fff;padding:0 10px;margin:10px 0 0;text-decoration: none;display:inline-block;}
.copy{font-size:12px;border-top:1px solid #fff;padding:10px 0 0;margin:10px 0 0;clear:both;}

.pagetop{background:url(images/pagetop.svg) 0 0 no-repeat;text-indent:-9999px;background-size:40px;width:40px;height:40px;position:absolute;bottom:65px;left:220px;}
.pagetop:hover{opacity:0.5;filter: alpha(opacity=50);-ms-filter: "alpha( opacity=50 )";}

.sns{position:absolute;left:260px;bottom:65px;font-size:0;}
.sns li{display:inline-block;margin:0 0 0 10px;transition:all .3s;-webkit-transition:all .3s;}
.sns li img{width:40px;height:40px;}
.sns li:hover{opacity:0.5;filter: alpha(opacity=50);-ms-filter: "alpha( opacity=50 )";}

.form{width:100%;margin:0 auto;padding:32px 0;text-align:left;}
.form .read > p{text-align:left;padding-top:24px;margin: 0 auto;}
.form p{font-size:17px;text-align:center;max-width: 700px;margin: 0 20px;}
.form p.caution{font-size:14px;text-align: left;margin:0;}
.form table{margin:0 auto;padding:16px;}
.form th{width:188px;text-align: right;padding:4px 8px 4px 0;}
.form td{width:480px;padding:4px 0;}
.form th span{color:#17986d;background:#fff;font-size:14px;margin:0 0 0 4px;padding:1px 6px;border:1px solid #17986d;}
.form td input,.form td textarea{border:none;width:100%;padding:8px;box-sizing: border-box;font-family: sans-serif;}
.form td input#checkbtn{width:auto;margin:0 8px 0 0;}
.form td label{margin:0 8px 0 0;font-size:20px;}
#submitbtn{width:300px;box-sizing: border-box;-webkit-appearance: none;background:#17986d;color:#fff;border:5px solid #17986d;padding:16px 0;margin:24px auto 0;display:block;cursor: pointer;font-size:20px;font-family:kinto-sans, sans-serif;transition:all .3s;-webkit-transition:all .3s;}
#submitbtn:hover{background:#fff;color:#17986d;}

#pp{height:160px;padding:20px;margin:20px auto 10px;overflow-y:scroll;background:#fff;border:3px solid #000;box-sizing: border-box;}
#pp h3{margin:0;font-size:20px;}
#pp h4{margin:20px 0 0;font-size:17px;}
#pp p{text-align:left;font-size:15px;margin:0;}
.pp-cont{border:4px solid #eee;margin:20px 0 0;padding:20px;box-sizing: border-box;}

.checkbox-wrapper{text-align: center;}
.form .checker{padding:5px 0;margin:10px auto;display:block;cursor:pointer;width:300px;box-sizing: border-box;background:#fff;}
}

@media screen and (min-width: 1160px) {
.sp,.tab{display:none!important;}
html{position:relative;min-height:100%;}
body{font-size:16px;color:#000;margin:0 auto;padding:0;text-align:center;
display: flex;flex-direction: column;min-height: 100vh;line-height: 1.45;}
p{margin:10px 0;padding:0;}
a{outline:none;transition:all .3s;-webkit-transition:all .3s;}
a img{border:none;transition:all .3s;-webkit-transition:all .3s;}

.container{margin:0 auto;padding:90px 0 0;display: flex;flex-direction: column;min-height: 100vh;width:100%;}

.fixnav{display: block;height: 90px;width:100%;position: fixed;top:0;background:#fff;z-index:999;border-bottom:1px solid #17986d;}
.header-nav{margin:0 auto;padding:0;display:block;text-align:center;z-index:10;width:100%;height:auto;position:relative;box-sizing: border-box;}
.logo{width:200px;height:74px;display:block;position:absolute;left:8px;top:8px;z-index:1;}
.logo:hover img{opacity:.6;}
#nav{font-size:100%;width:100%;display:block;padding:0;margin:0 auto;box-sizing:border-box;-webkit-box-sizing:border-box;overflow: hidden;text-align:right;}
#nav li{display:inline-block;margin:0 40px 0 0;padding:0;width:auto;text-align:center;vertical-align: middle;line-height:90px;}
#nav li a{-webkit-transform: translateZ(0);transform: translateZ(0);display:block;color:#000;text-decoration:none;vertical-align: baseline;padding:0;position:relative;}
#nav li a span{position:relative;}
#nav li a span::after{content:"";background:#17986d;width:0;height:2px;display:block;position:absolute;left:0;bottom:-10px;margin:0 auto;transition:all .2s;}
#nav li a:hover span::after,#nav li a.now span::after{width:100%;}
#nav li:last-child{float:right;margin:0;padding:0;}
#nav li:last-child img{width:40px;margin-right:5px;}
#nav li:last-child a{background:#17986d;color:#fff;height:90px;padding:0 20px;box-sizing: border-box;}
#nav li:last-child a:hover{opacity: .6;}
#nav li:last-child a:hover span{color:#17986d;transition:all .2s;}
#nav li:last-child a:hover span::before{display: none;}
#menuButton{display:none;}

.home-header img{width:1020px;margin:auto;}
.home-header{background: url("images/main.jpg") center center no-repeat;background-size: cover;height:85vh;position:relative;}
.home-header p{background:rgba(255,255,255,.7);position:absolute;top:50%;right:50%;width:50vw;text-align: right;padding:5px 10px;margin:-52px 0 0;box-sizing: border-box;}
.home-header p img{width:400px;height:104px;}
.news-li{width:100%;padding:16px 0;margin:auto;display:table;}
.news-li li{width:calc(100% / 3);border-right:1px solid #000;padding:0 15px 40px;text-align: left;font-size:0;box-sizing: border-box;display:table-cell;position:relative;}
.news-li li:last-child{border:none;}
.news-li li a{color:#000;min-height:100px;text-decoration: none;font-size:17px;display: block;line-height: 1.7;}
.news-li li a .cat{display: inline-block;background:#000;color:#fff;text-align: center;padding:0 10px;margin:0 0 20px;transition:all .3s;-webkit-transition:all .3s;}
.news-li li a .day{display: block;text-align: left;position:absolute;bottom:0;left:15px;font-size:80%;}
.news-li li a p{display:block;}
.news-li li a:hover{color:#17986d;}
.news-li li a:hover .cat{background:#17986d;}
.home-more{text-align: right;}
.more-b{color:#fff;position:relative;padding: 0 0 0 25px;}
.more-a{color:#000;text-decoration: none; position:relative;padding: 0 27px 0 0;transition:all .3s;-webkit-transition:all .3s;}
.more-a:hover{opacity: .6;}
.more-b::before,.more-b::after,.more-a::before,.more-a::after {position: absolute;content: '';display: inline-block;}
.more-b::after {top: .2em;left: 0;width: 20px;height: 20px;background:#ebbb1c;border-radius: 100%;}
.more-b::before {z-index: 2;top: .475em;left: .15em;width: 8px;height: 8px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(-45deg);}
.more-a::after {top: 0;right: 0;width: 20px;height: 20px;border:2px solid #ebbb1c;border-radius: 100%;}
.more-a::before {z-index: 2;top: .45em;right: .6em;width: 8px;height: 8px;border-right: 2px solid #ebbb1c;border-bottom: 2px solid #ebbb1c;transform: rotate(-45deg);}

.banner-bg{margin:64px auto;}
.banner{width:100%;display: block;font-size:0;}
.banner li{width:50%;height:320px;margin:0;display:inline-block;overflow:hidden;position:relative;transition:all .3s;-webkit-transition:all .3s;}
.banner li:first-child{background:url("images/home-business.jpg") 0 0 no-repeat;background-size:cover;}
.banner li:last-child{background:url("images/home-result.jpg") 0 0 no-repeat;background-size:cover;}
.banner li p{position:absolute;bottom:10px;left:10px;font-size:17px;display: block;}
.banner li a{display:block;text-decoration: none;width:100%;height:100%;}
.banner li:hover{opacity: .6;}

.home-csr{background:url("images/home-csr-bg.jpg") center bottom no-repeat;background-size:cover;position:relative;padding:20px;box-sizing: border-box;color:#000;}
.home-csr a{text-decoration: none;color:#000;display: block;}
.home-csr-cont,.h3-bg{position: relative;z-index:2;}
.h3-bg{display:block;width:800px;height:120px;background:#17986d;mix-blend-mode: multiply; left:-300px;top:0;z-index:1;border-top-right-radius: 60px;border-bottom-right-radius: 60px;margin:0 0 20px 0;}
.home-csr h3 {padding:0;margin:0;position:absolute;top:43px;left:20px;}
.home-csr h3::after{display:none;}
.home-csr h3 img{width:247px;height:40px;position:relative;display:block;z-index:2;}
.home-csr h3 span{position:relative;z-index:2;color:#fff;font-size:17px;letter-spacing: .1em;}
.home-csr-cont{background:#fff;margin:0;padding:20px;box-sizing: border-box; display:block;text-align:center;}
.cont64{display:table;width:100%;font-size:0;}
.cont64 div{display:table-cell;padding:20px 0 0;box-sizing: border-box;vertical-align: middle;}
.cont64 div:first-child{width:60%;text-align:center;}
.cont64 div:first-child img{width:303px;height:40px;display:block;z-index:2;margin:auto;}
.cont64 div:first-child a:hover{opacity:.6;}
.cont64 div:first-child a span{font-size:17px;letter-spacing: .1em;}
.cont64 div:last-child{width:40%;}

.content{max-width:1080px;width:100%;margin:0 auto;padding:0;display:block;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;}

.header{display: block;height: 140px;width:100%;margin:0 auto;}
h2{color:#fff;padding:45px 0 0;text-align:left;letter-spacing: .3em;font-size:30px;}
h3{color:#000;margin:80px auto 0;padding:0 0 10px;text-align:left;letter-spacing: .1em;font-size:25px;}
h3::after{content:"";background:#17986d;display:block;height:5px;width:100%;margin:10px 0 0;}
h4{text-align: left;font-size:22px;margin:40px auto 0;padding:10px 0;color:#17986d;}
h5{font-size:20px;}

.dl-company{width:100%;margin:auto;text-align: left;}
.dl-company dt{font-size:17px;width:300px;padding:20px 0;}
.dl-company dd{font-size:17px;width:780px;padding:20px 0 20px 300px;margin-left:-300px;border-bottom:1px solid #aaa;}
.greet{margin:0 auto;}
.greet img{margin:20px 20px 50px 0;float:left;width:480px;height:320px;}
.greet p{text-align: left;}
.greet .name-cont{text-align: right;}
.greet .name{font-size:20px;}

.recruit-read{margin:80px auto 0;border:5px solid #eee;padding:20px;box-sizing: border-box;text-align:center;}
.content > .read{margin:80px auto 0;background:url("images/read.png") 0 0 no-repeat;padding:20px;box-sizing: border-box;text-align:center;height:243px;display: flex;justify-content: center;align-items: center;}
.content > .read strong{font-size:30px;display:block;margin:0 0 20px;}
.business{font-size:0;}
.business li{width:48%;margin:0 2% 0 0;display: inline-block;font-size:17px;}
.business li:last-child{margin:0 0 0 2%;}
.business h3{clear:both;font-size:25px;}
.business img{width:200px;height:133.25px;float:right;margin:0 0 0 20px;}
#result ul{font-size:0;}
#result li{width:48%;display:inline-block;position:relative;margin:1%;box-sizing: border-box;}
#result li p{position:absolute;top:0;left:0;background:rgba(255,255,255,.8);padding:20px;font-size:17px;margin:0;transition:all .3s;-webkit-transition:all .3s;opacity: 1;}
#result li:hover p{opacity: 0;}

.sdgs-p{float:left;}
.sdg-li{text-align:center;}
.sdg-li li{display:inline-block;margin:10px 20px;}
.sdg-li li img{width:120px;height:120px;}

.news{width:100%;padding:0;margin:80px auto 0;display:block;}
.news li{width:100%;border-bottom:1px solid #000;padding:15px;text-align: left;box-sizing: border-box;display:block;}
.news li:last-child{border:none;}
.news li a{color:#000;text-decoration: none;display: block;line-height: 1.7;}
.news li a .cat{display: inline-block;background:#000;color:#fff;text-align: center;padding:0 10px;margin:0;transition:all .3s;-webkit-transition:all .3s;}
.news li a .day{display: block;text-align: left;font-size:80%;}
.news li a p{display:block;}
.news li a:hover{color:#17986d;}
.news li a:hover .cat{background:#17986d;}
.news-cont img{border:3px solid #eee;margin:20px auto;display:block;}
.news-cont hr{border:none;height:1px;width:100%;background:#000;margin:2 0;}
.cat-cont{text-align: right;display:block;}
.news-cont .cat{display: inline-block;background:#000;color:#fff;text-align: center;padding:0 10px;margin:0 10px 0 0;transition:all .3s;-webkit-transition:all .3s;}
.news-cont .day{display: inline-block;}

.read strong{font-size:30px;}
/*.read strong span{color:#17986d;}*/
.recruit{font-size:0;}
.recruit li{width:48%;margin:0 2% 0 0;display: inline-block;font-size:17px;vertical-align: top;}
.recruit li:last-child{margin:0 0 0 2%;}
.recruit img{width:200px;height:300px;float:right;margin:0 0 0 20px;}
.recruit .name-cont{text-align: right;}
.recruit .name{font-size:20px;}
.btn{width:300px;box-sizing: border-box;background:#17986d;color:#fff;border:5px solid #17986d;padding:16px 0;margin:24px auto 0;display:block;text-decoration: none;text-align:center;}
.btn:hover{background:#fff;color:#17986d;}

.bg-yellow{background:#fff5d2;}

.ci-cont{display: flex;align-items: center;flex-direction: column;}
.ci-cont p{font-size:24px;line-height:1.7;}
.ci-ol{counter-reset: item;font-size:24px;}
.ci-ol li{text-indent: -1.3em;padding-left: 1.3em;line-height:1.7;}
.ci-ol li:before {counter-increment:item;content: counter(item)'.';padding-right:.5em;font-weight:bold;color:#17986d;}
.ci-p{text-indent:1em;}

dl{font-size:0;}
dl dt{display:inline-block;padding:8px 0;vertical-align: top;position:relative;}
dl dd{display:inline-block;padding:8px 0;vertical-align: top;}

footer{margin-top:auto;}
.footer{color:#fff;background:#17986d;padding:16px 0;margin:80px auto 0;box-sizing:border-box;overflow: hidden;}
#footer-nav{margin:0 0 0 auto;float:right;text-align:left;}
#footer-nav li{display: block;font-size:16px;margin: 10px 0;}
#footer-nav li a{color:#fff;padding:5px 0;text-decoration: none;}
#footer-nav li a:hover,.p-nav a:hover{opacity: .6;}
.footer-l{float:left;margin:80px 0 20px;}
.footer p{text-align: left;}
.footer img{width:200px;height:108px;margin:0 auto 0 0;display:block;}
.p-nav a{font-size:15px;color:#fff;border-left:1px solid #fff;border-right:1px solid #fff;padding:0 10px;margin:10px 0 0;text-decoration: none;display:inline-block;}
.copy{font-size:12px;border-top:1px solid #fff;padding:10px 0 0;margin:10px 0 0;clear:both;}

.pagetop{background:url(images/pagetop.svg) 0 0 no-repeat;text-indent:-9999px;background-size:40px;width:40px;height:40px;position:absolute;bottom:65px;left:220px;}
.pagetop:hover{opacity:0.5;filter: alpha(opacity=50);-ms-filter: "alpha( opacity=50 )";}

.sns{position:absolute;left:260px;bottom:65px;font-size:0;}
.sns li{display:inline-block;margin:0 0 0 10px;transition:all .3s;-webkit-transition:all .3s;}
.sns li img{width:40px;height:40px;}
.sns li:hover{opacity:0.5;filter: alpha(opacity=50);-ms-filter: "alpha( opacity=50 )";}

.form{width:100%;margin:0 auto;padding:32px 0;text-align:left;}
.form .read > p{text-align:left;padding-top:24px;}
.form p{font-size:17px;text-align:center;max-width: 700px;margin: 0 auto;}
.form p.caution{font-size:14px;text-align: left;}
.form table{margin:0 auto;padding:16px;}
.form th{width:188px;text-align: right;padding:4px 8px 4px 0;}
.form td{width:480px;padding:4px 0;}
.form th span{color:#17986d;background:#fff;font-size:14px;margin:0 0 0 4px;padding:1px 6px;border:1px solid #17986d;}
.form td input,.form td textarea{border:none;width:100%;padding:8px;box-sizing: border-box;font-family: sans-serif;}
.form td input#checkbtn{width:auto;margin:0 8px 0 0;}
.form td label{margin:0 8px 0 0;font-size:20px;}
#submitbtn{width:300px;box-sizing: border-box;-webkit-appearance: none;background:#17986d;color:#fff;border:5px solid #17986d;padding:16px 0;margin:24px auto 0;display:block;cursor: pointer;font-size:20px;font-family:kinto-sans, sans-serif;transition:all .3s;-webkit-transition:all .3s;}
#submitbtn:hover{background:#fff;color:#17986d;}

#pp{height:160px;padding:20px;margin:20px auto 10px;overflow-y:scroll;background:#fff;border:3px solid #000;box-sizing: border-box;}
#pp h3{margin:0;font-size:20px;}
#pp h4{margin:20px 0 0;font-size:17px;}
#pp p{text-align:left;font-size:15px;}
.pp-cont{border:4px solid #eee;margin:20px 0 0;padding:20px;box-sizing: border-box;}

.checkbox-wrapper{text-align: center;}
.form .checker{padding:5px 0;margin:10px auto;display:block;cursor:pointer;width:300px;box-sizing: border-box;background:#fff;}
}