html {
overflow-y: scroll;
}
body{font-size:16px; letter-spacing:0.5px;font-family: 'Noto Sans JP'; line-height:1.5; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt";container-type: inline-size;}
.global-inner{ margin:0 auto; width:70%; min-width:900px; position:relative;}
.global-inner-pc-only{ margin:0 auto; min-width:800px; width:75%; position:relative;}
.text{line-height:1.8;text-align: justify;}
.text-center{text-align:center;}
.text-left{text-align:left !important;}
main{margin-bottom: -1px; padding-top:200px;}
section{margin-top:100px;}
img{width:100%; height:auto;}
a img{transition:0.2s all;}
a img:hover{transform: scale(1.2);transition:0.2s all; letter-spacing:2px;}
a img.no-zoom:hover{transform: scale(1.0);}
h1 span{display:block;font-size:80px;font-family: "din-condensed", sans-serif;font-weight: 400; border-bottom:solid 2px #000; line-height:0.64; margin-bottom:15px; letter-spacing:5px; }
h1{ font-size:15px;position:relative; margin-bottom:40px;}
h1.green{background:#39B54A; color:#FFF; text-align:center; padding:40px 0; font-size:40px !important; letter-spacing:5px; margin-bottom:0;font-family: 'Noto Sans JP' !important;}
h1.green span{font-family: "din-condensed", sans-serif;font-weight: 400; display:inline-block; font-size:30px; margin-left:20px; border-bottom:none;letter-spacing:0px;}
h2 span{display:block;font-size:80px;font-family: "din-condensed", sans-serif;font-weight: 400; border-bottom:solid 2px #000; line-height:0.65; margin-bottom:15px; letter-spacing:5px; }
h2{ font-size:15px;position:relative; margin-bottom:40px;}
h2.green{background:#39B54A; color:#FFF; text-align:center; padding:40px 0; font-size:40px; letter-spacing:5px; margin-bottom:0;}
h2.green span{font-family: "din-condensed", sans-serif;font-weight: 400; display:inline-block; font-size:30px; margin-left:20px; border-bottom:none;letter-spacing:0px;}
h2 .more{position:absolute; top:0px; right:0px; background:#39B54A; letter-spacing:0; font-size:14px; border-bottom:none;}
h2 .more a{line-height:1.5;}
h3{ color:#39B54A; font-weight:bold; font-size:20px; margin-bottom:20px;}
/*.triangle{position:relative; }
.triangle:before{ content:"";background-image: linear-gradient(45deg, #4d552d 25px, transparent 0);width: 100px; height: 100px; position: absolute; bottom: 0; left: 0;}
.triangle:after{ content:"";background-image: linear-gradient(-45deg, #4d552d 25px, transparent 0);width: 100px; height: 100px; position: absolute; bottom: 0; right: 0;}*/
ul.green-circle li{background:url(/image/ic-circle-green.svg) no-repeat; padding-left:30px; background-size:16px;background-position: center left; margin-bottom:10px;}
ul.white-circle li{background:url(/image/ic-circle-white.svg) no-repeat; padding-left:30px; background-size:16px;background-position: center left; margin-bottom:10px;}
dl.green-circle dt{background:url(/image/ic-circle-green.svg) no-repeat; padding-left:30px; background-size:16px;background-position: top 6px left; margin-bottom:10px;}
ul.dot{padding-left:25px}
ul.dot li{ padding-left: 0px; margin-bottom: 10px; list-style-type: disc; }
.copy{font-family: 'Noto Serif JP', serif;}
.btn-image{width:250px; margin:0 auto 60px auto;}
.waku-box{border-radius:0 0 25px 25px; border:solid 2px #39B54A; padding:40px 60px; position:relative; margin:40px 40px 60px 40px;}
.waku-box h3{position:absolute; left:-20px; top:-60px;font-family: 'Noto Serif JP', serif; background:#FFF; font-size:50px; padding:10px 20px; font-weight:normal; margin-bottom:0; letter-spacing:5px;}
.contents-foot{margin-bottom:80px;}
.contents-foot .photo{margin-bottom:60px;}
iframe {border-radius: 25px; overflow: hidden; width: 100%; height: 500px;}
.f_kenko_logo img{
max-width: 160px;
width: 80%;
}
@media screen and (max-width: 768px) {
body{font-size:15px; letter-spacing:1px;}
.global-inner{ width:90%; min-width:auto;}
.text{line-height:1.6;}
.photo img{width:100%;}
section{margin-top:40px;}
.global-inner-pc-only{ margin:0 auto; min-width:auto; width:100%; }
main{padding-top:100px; padding-bottom:50px;}
h1 span{font-size:40px; margin-bottom:10px;line-height: 1.05;}
h1{ font-size:14px; margin-bottom:20px;}
h1.green{padding:20px 0; font-size:30px !important; }
h1.green span{ font-size:14px; display:block; margin-top:10px !important; margin-left:0;}
h2 span{font-size:40px; }
h2{ font-size:14px; margin-bottom:20px;}
h2.green{padding:20px 0; font-size:30px;letter-spacing: 5px; }
h2.green span{ font-size:14px; display:block; margin-top:10px; margin-left:0; margin-bottom:0; }
h2 .more{position:static;}
.btn-image{width:250px; margin:0 auto 40px auto;}
.waku-box{padding:40px 20px; margin:40px auto;}
.waku-box h3{font-size:30px; top:-35px;}
.contents-foot{margin-bottom:40px;}
.contents-foot .photo{margin-bottom:20px;}
.f_kenko_logo{
text-align: center;
}
}
header{position: fixed;top: 20px; left: 50%; transform: translateX(-50%); width: 98%; z-index:3;background:#FFF; display:flex;align-items: center;justify-content: space-between;height:70px;border-radius:50px;box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4); }
header #navArea{}
header #navArea .inner{width:100%;}
nav{display:flex;justify-content: space-between;align-items: center;margin-left:20px; margin-right:20px;}
header .logo{margin-left:40px;}
header .logo a{display:flex;align-items: center;}
header .logo img{width:130px; height:auto;}
header ul.btn-menu{display:none;}
nav ul{display:flex;align-items: center;flex-wrap: wrap;}
nav ul li{font-size:13px; }
nav ul li a{color:#222; padding-right:20px; padding-left:20px;transition:0.5s all; font-weight:bold; }
nav ul li a:hover{transition:0.1s all; text-decoration:underline;}
nav ul li:after{content:"｜";}
nav ul li:first-child a{margin-left:0px;}
nav ul li:last-child:after{content:"";}
header ul.sub-menu{display:flex;align-items: center; margin-right:30px;}
header ul.sub-menu li a{display:block; margin-left:10px;}
header ul.sub-menu li a img{height:55px; width:auto;}
@media screen and (max-width: 1630px) {
nav{ margin-left:10px; margin-right:10px;}
nav ul li a{padding-right:10px; padding-left:10px; }
header ul.sub-menu li a{padding:0px 5px;}
}
@media screen and (max-width: 1500px) {
header .logo{margin-left:20px;}
header ul.sub-menu{margin-right:20px;}
header ul.sub-menu li a{margin-left:0px;}
header ul.sub-menu li a img{height:50px;}
}
@media screen and (max-width: 1340px) {
nav ul li{ }
nav ul li a{padding-right:0px; padding-left:0px; }
}
/*====================
ハンバーガーメニュー
=====================*/
@media screen and (max-width: 768px) {
header{height:60px; position:fixed;left: unset;right: 0;width: 100%;transform: unset;top: 0px; z-index:3;display:flex;align-items: center;justify-content: space-between; padding:0px 10px; border-radius:0px;}
nav {display: block;position: fixed;top: 0;right: -300px;bottom: 0;width: 300px;background-color:#39B54A;-webkit-overflow-scrolling: touch;transition: all 0.5s;z-index: 102;opacity: 0;margin-left:0px; margin-right:0px;}
nav ul li:after{content:none;}
nav ul li a{color:#FFF; font-size:20px;}
header .logo{margin-left:10px;}
header .logo img{width:auto; height:40px;}
header ul.btn-menu{ display: flex; flex-direction: row;padding: 0px;margin: 0px;position:absolute;right:70px;}
header ul.btn-menu img{width:110px;}
header ul.btn-menu li{ margin:0 5px 0 0;padding: 0px;}
.open nav {right: 0;opacity: 1;top:0px;width:50%;box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.08);width:100%; padding-top:60px; overflow:scroll;}
.open nav{ color:#FFF;}
nav {right: -220px;width: 220px;}
header ul{padding-right:0%; padding-top:0px;font-size:24px;flex-direction: column;}
header ul.menu li{text-align:right; margin-bottom:20px; }
header ul.sub-menu{ background:rgba(255, 255, 255, 0.7); width:80%; margin:20px 0; margin-left:auto; margin-right:auto; padding:20px 0; }
header ul.sub-menu li a{display:block; color:#FFF; padding:10px 20px; text-align:center;}
/*============
ハンバーガーメニューのトグル
=============*/
.toggle_btn {display: block;position: fixed;top:0px; right:0px;width: 60px;height: 60px;transition: all .5s;cursor: pointer;z-index: 103; background:#39B54A;}
.toggle_btn p{font-size:12px;}
.toggle_btn span {display: block;position: absolute;left: 15px;width: 30px;height: 3px;background-color: #FFF;border-radius: 4px;transition: all .5s;}
.toggle_btn span:nth-child(1) {top: 18px;}
.toggle_btn span:nth-child(2) {top: 28px; width:30px;left: unset;right: 15px;}
.toggle_btn span:nth-child(3) {top: 38px;}
.open .toggle_btn span {background-color: #FFF;}
.open .toggle_btn span:nth-child(1) {transform: translateY(10px) rotate(-315deg);}
.open .toggle_btn span:nth-child(2) {opacity: 0;}
.open .toggle_btn span:nth-child(3) {transform: translateY(-10px) rotate(315deg);}
/*========================
ハンバーガーメニューのマスク
=========================*/
#mask {display: none;transition: all .5s;}
.open #mask {display: block;position: fixed;top: 0;right: 0;width: 100%;height: 100%;opacity: .8;z-index: 101; }
}
/*========================
キービジュアル
=========================*/
.kv{ position:relative; z-index:2; }
.kv .copy{position:absolute; left:8%; bottom:10%; font-size:30px; font-weight:bold; color:#FFF; letter-spacing:15px;}
.kv .copy span{display:block; font-size:17px;}
.kv .video-container .youtube-mask{ position: absolute; z-index: 2; top:0; width:100%; height: 100%; }
.kv .video-container .video{position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.kv .video-container .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%; border-radius:0;}
.kv img{position:absolute; bottom:5px;}
@media screen and (max-width: 768px) {
.kv{flex-direction: column; height:auto; display:flex; margin-top:40px;}
.kv .copy{font-size:20px;letter-spacing:5px;}
.kv .copy span{font-size:14px;}
}
/*========================
TOP:ニュース
=========================*/
.top-news{ position:relative;}
.top-news h2{margin-top:0px;}
.news-list .box{width:70%;flex-direction: column; }
.news-list .box .photo{width:20%;}
.news-list .box .item{padding-top:40px;}
.news-list .box .item h2{margin-bottom:20px;}
.news-list .box .item ul{margin-bottom:40px;}
.news-list .box .item ul li{width:100%; border-bottom:solid 1px #89B928; font-size:16px;transition:0.4s all;padding-bottom:10px; padding-top:10px;display:flex;align-items: center; }
.news-list .box .item ul li span{width:calc( 100% - 350px);}
.news-list .box .item ul li span.date{font-size:30px; display:inline-block; width:140px; font-family: "din-condensed", sans-serif;font-weight: 400; margin-right:20px;}
.news-list .box .item ul li span.category{ width:165px; display:inline-block; color:#39B54A; border:solid 1px #39B54A; background:#FFF;padding:10px; font-size:14px; text-align:center; margin-right:40px;}
.news-list .box .item ul li a:hover{text-decoration:underline;}
.news-list ul.cate-navi{display:flex;justify-content: center;}
.news-list ul.cate-navi {background:#39B54A; padding:10px 0; margin-bottom:40px; border-radius:10px;}
.news-list ul.cate-navi li a{color:#222; padding-right:10px; padding-left:10px;transition:0.5s all; font-weight:bold; color:#FFF; font-size: clamp(0.8125rem, 0.6315rem + 0.3766vw, 0.9375rem);}
.news-list ul.cate-navi li a:hover{transition:0.1s all; text-decoration:underline;}
.news-list ul.cate-navi li a.current{ background:#fbb03b; border-radius:5px; padding:3px 5px;}
.news-list ul.cate-navi li:after{content:"｜"; color:#FFF;}
.news-list ul.cate-navi li:last-child:after{content:"";}
.news-list:after{ content:"";position:absolute; right:0; top:100px; background:url(/image/top-news.png) no-repeat; width:30%; height:500px; background-size: contain;background-position-x: right;}
@media screen and (max-width: 768px) {
.top-news { margin-top:80px;}
.news-list:after{top:0; height:125px;}
.news-list .box{width:100%;}
.news-list .box .item{padding:20px;}
.news-list .box .item ul li{flex-wrap: wrap;}
.news-list .box .item ul li span{width:100%;display: inline-block;}
.news-list .box .item ul li span.date{ font-size: inherit; width: 45%; margin-bottom:10px;}
.news-list .box .item ul li span.category{ font-size: 14px; width: 45%; padding:2px; margin-right:0; margin-bottom:0px;}
.news-list ul.cate-navi{flex-wrap: wrap; padding:10px;}
.news-list ul.cate-navi li{width:100%; border-bottom:solid 1px #FFF; padding:5px 0;}
.news-list ul.cate-navi li:after{content:none;}
.news-list ul.cate-navi li a{padding:0;}
}
/*========================
TOP:事業所インフォメーション
=========================*/
.top-information{}
.top-information h2{width:70%;}
.top-information .tab {display: flex; flex-direction: row; text-align: center; margin-top:60px; }
.top-information .tab_item {margin-bottom:0; }
.top-information .tab_link {display: block;text-decoration: none;color: #fff;background-color: #32A04A; cursor: pointer; border-left:solid 2px #FFF; border-bottom:solid 2px #FFF; padding:10px 0; white-space:nowrap; }
.top-information .tab_link.on {background-color: #39B54A; border-left:solid 2px #FFF; border-bottom:solid 2px #39B54A; }
.top-information .tab_item:first-child .tab_link.on{ border-left:solid 2px #39B54A;}
.top-information .tab_item:first-child .tab_link{ border-left:solid 2px #39B54A;}
.top-information .tab-body_item {display: none; background:#39B54A; color:#FFF; padding:40px; border-radius:0 0 30px 30px; min-height:280px; }
.top-information .tab-body_item.on {display: block;}
.top-information ul{display:flex;}
.top-information ul li.date{font-size:20px; display:inline-block; width:140px; font-family: "din-condensed", sans-serif;font-weight: 400; margin-right:20px;}
.top-information ul li{margin-bottom:10px; width: 100%;}
.top-information ul li a:hover{text-decoration:underline;}
@media screen and (max-width: 768px) {
.top-information .tab{flex-wrap: wrap; margin-top:20px;}
.top-information .tab_item{width:50%;}
.top-information .tab_link.on { border-left:solid 2px #FFF; border-bottom:solid 2px #FFF; }
.top-information .tab_item:first-child .tab_link.on{ border-left:solid 2px #FFF;}
.top-information .tab_item:first-child .tab_link{ border-left:solid 2px #FFF;}
.top-information .tab-body_item{padding:20px;}
.top-information ul{flex-wrap: wrap; border-bottom:solid 1px #FFF; padding:5px 0;}
.top-information ul li{width:100%;}
.top-information ul li.date{font-size:inherit; margin-bottom:0;}
}
/*========================
TOP：イントロダクション
=========================*/
.top-introduction{position:relative;}
.top-introduction img{position:absolute; left:0; top:-50px; width:25%; max-width:400px; height:auto; z-index: 1;}
.top-introduction .box img{left:unset; right:0; }
.top-introduction .box:nth-child(even) .item{margin-left:25%;}
.top-introduction .box:nth-child(even) img{left:0; right:unset;}
.top-introduction .copy{font-size:50px; width:fit-content; margin-left:35%; line-height:1.6; }
.top-introduction .note{ width:fit-content; margin-left:35%; margin-top:60px;}
.top-introduction .box{position:relative;}
.top-introduction .item{width:65%; margin-top:140px; position:relative;}
.top-introduction .item img{position:static; width:250px; min-width:inherit; max-width:inherit; margin-top:40px;}
.top-introduction .btn-image{margin-left:0;}
@media screen and (max-width: 768px) {
.top-introduction .copy{font-size:30px; margin-left:25%; }
.top-introduction .note{margin-left:0; margin-top:20px;}
.top-introduction .item{margin-top:80px; width:100%;}
.top-introduction .box:nth-child(even) .item{margin-left: 0%;}
.top-introduction .box:nth-child(even) .item h2{margin-left: 25%;}
.top-introduction .btn-image{margin-left:auto;}
}
/*========================
TOP：施設紹介
=========================*/
.top-facility{}
.top-facility .box{ display:flex;overflow: hidden;}
.top-facility .box .item{width:14.3%; position:relative; margin-left:0px;cursor: pointer; height:600px; }
.top-facility .box .item:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgba(57, 181, 74, .2), rgba(57, 181, 74, .2));}
.top-facility .box .item h3{background:#39B54A; color:#FFF; width:80%; font-size:14px; text-align:center; padding:5px;position: absolute; top: 60px; left: 50%; transform: translateX(-50%); white-space:nowrap;}
.top-facility .box .item img{height:100%; width:100%; object-fit:cover;}
.top-facility .box .item .detail{display:flex; background:#FFF;opacity: 0; visibility: hidden; position: absolute; width:100vw; height:100%; left: 0; top:0px; display: flex; transition: 0.3s ease-in; z-index:1}
.top-facility .box .item .detail .text-area{width:35%; padding:4% 4% 4% 10%;}
.top-facility .box .item .detail .text-area h4{background:#39B54A; color:#FFF;font-size:14px; text-align:center; padding:10px 5px; margin-bottom:40px;}
.top-facility .box .item .detail .photo{width:65%;}
.top-facility .box .item .detail .more{margin:40px auto 0 auto;}
.top-facility .box .item:hover .detail { opacity: 1; visibility: visible;}
.top-facility .box .item:nth-child(1) .detail{left:0vw;top:0px;}
.top-facility .box .item:nth-child(2) .detail{left:-15vw;top:0px;}
.top-facility .box .item:nth-child(3) .detail{left:-29vw;top:0px;}
.top-facility .box .item:nth-child(4) .detail{left:-43vw;top:0px;}
.top-facility .box .item:nth-child(5) .detail{left:-57vw;top:0px;}
.top-facility .box .item:nth-child(6) .detail{left:-71vw;top:0px;}
.top-facility .box .item:nth-child(7) .detail{left:-86vw;top:0px;}
.top-facility .box .item:nth-child(1):hover .detail{left:0vw;top:0px;}
.top-facility .box .item:nth-child(2):hover .detail{left:-15vw;top:0px;}
.top-facility .box .item:nth-child(3):hover .detail{left:-29vw;top:0px;}
.top-facility .box .item:nth-child(4):hover .detail{left:-43vw;top:0px;}
.top-facility .box .item:nth-child(5):hover .detail{left:-57vw;top:0px;}
.top-facility .box .item:nth-child(6):hover .detail{left:-71vw;top:0px;}
.top-facility .box .item:nth-child(7):hover .detail{left:-86vw;top:0px;}
@media screen and (max-width: 768px) {
.top-facility .box{ flex-wrap: wrap;}
.top-facility .box .item{width:100%; height:300px; }
.top-facility .box .item h3{top:40px;}
.top-facility .box .item:nth-child(1) .detail{left:0vw;top:0px;}
.top-facility .box .item:nth-child(2) .detail{left:0vw;top:0px;}
.top-facility .box .item:nth-child(3) .detail{left:0vw;top:0px;}
.top-facility .box .item:nth-child(4) .detail{left:0vw;top:0px;}
.top-facility .box .item:nth-child(5) .detail{left:0vw;top:0px;}
.top-facility .box .item:nth-child(6) .detail{left:0vw;top:0px;}
.top-facility .box .item:nth-child(7) .detail{left:0vw;top:0px;}
.top-facility .box .item:nth-child(1):hover .detail{left:0vw;top:0px;}
.top-facility .box .item:nth-child(2):hover .detail{left:0vw;top:0px;}
.top-facility .box .item:nth-child(3):hover .detail{left:0vw;top:0px;}
.top-facility .box .item:nth-child(4):hover .detail{left:0vw;top:0px;}
.top-facility .box .item:nth-child(5):hover .detail{left:0vw;top:0px;}
.top-facility .box .item:nth-child(6):hover .detail{left:0vw;top:0px;}
.top-facility .box .item:nth-child(7):hover .detail{left:0vw;top:0px;}
.top-facility .box .item .detail .text-area{width:50%; padding:10px;display: flex;flex-direction: column;}
.top-facility .box .item .detail .text-area h4{margin-bottom:20px}
.top-facility .box .item .detail .photo{width:50%;}
.top-facility .box .item .detail .more{margin-top:auto;}
.top-facility .box .item .detail .more a{margin-top:0;}
}
/*========================
法人概要
=========================*/
.top-organization{margin-top:20px;}
.top-organization .box{position:relative;}
.top-organization .box img{height:800px; object-fit:cover; object-position: top;}
.top-organization .box h2{position: absolute; top: 50%; left: 50%; transform: translateX(-50%);text-align: center; color:#FFF;}
.top-organization .box h2 span{border-bottom:none;}
.top-organization .box .text{position: absolute; bottom: 15%; left: 50%; width:460px; transform: translateX(-50%);color:#FFF; font-size:14px;}
.top-organization .btn-image{position: absolute; bottom: 4%; left: 50%; transform: translateX(-50%); margin-bottom:0;}
.top-organization .btn-image img{height:auto;width:250px; }
@media screen and (max-width: 768px) {
.top-organization .box img{height:500px; }
.top-organization .btn-image img{height:auto;}
.top-organization .box h2{top:40%;}
.top-organization .box .text{padding:20px; font-size:13px; width:100%;}
}
/*========================
TOP：みんなの笑顔アルバム
=========================*/
.top-membership .ic{width:300px; margin:0 auto 60px auto;}
.top-membership h2{text-align: center; color:#000;}
.top-membership h2 span{border-bottom:none;}
.top-membership ul{display:flex;justify-content: center;}
.top-membership ul li{ width:180px; margin-left:30px; margin-right:30px;}
@media screen and (max-width: 768px) {
.top-membership .ic{width:auto; max-width:200px;}
.top-membership ul{flex-wrap: wrap;}
.top-membership ul li{width:50%; margin-left:0; margin-right:0; text-align:center; margin-bottom:20px;}
.top-membership ul li img{width:70%;}
}
/*========================
TOP：採用情報
=========================*/
.top-recruit{background: linear-gradient(175deg, #FFF 0%, #FFF 75%, #39B54A 75.1%, #39B54A 100%); position:relative; padding-top:100px; padding-bottom:100px;}
.top-recruit .people{position:absolute; right:0; bottom:20px; width:50%; min-width:550px;}
.top-recruit h2 span{border-bottom:none;}
.top-recruit .copy{font-size:50px;margin-bottom:60px;}
.top-recruit .btn-image{margin-left:0;}
@media screen and (max-width: 768px) {
.top-recruit{padding-top:0;}
.top-recruit .copy{font-size:30px; margin-bottom: 20px;}
.top-recruit .people{min-width:250px;}
.top-recruit .btn-image{margin-bottom:80px;}
}
/*========================
下層：見出し
=========================*/
.head{position:relative; height:450px; margin-bottom:20px;}
.head .box{display: flex;flex-direction: column;}
.head .box .item{width:60%;}
.head .box .copy{font-size:50px; width:100%;}
.head .photo{position:absolute; right:0; top:-30px;width: 20%; min-width: 300px; height:auto;text-align: right;}
.head .photo img{ max-height:400px; object-fit: contain;object-position: right; }
.head.reverse .box{align-items: flex-end;}
.head.reverse .photo{right:unset; left:0;width: 30%;min-width: 350px; }
.head.reverse .photo img{object-position: left;}
@media screen and (max-width: 768px) {
.head{height:200px;}
.head .box .item{width:100%;}
.head .photo{min-width:inherit; width:30%; top:unset; bottom:0;}
.head .box .copy{font-size:30px; padding-right:30%;}
.head.reverse .photo{min-width:inherit;}
.head.reverse .copy{padding-left:35%; padding-right:0;}
}
/*========================
下層：ホットニュースリスト
=========================*/
.news{padding-bottom: 60px;}
.news .item{border:solid 1px #009245; border-radius:25px; padding:40px; margin-bottom:60px;}
.news .box{width:100%;}
.news .box .item ul li{border-bottom:none;}
.news .box .item ul li a{padding:10px 0;}
.news .box .item ul li span.category{padding:5px;}
.news .box .item ul li span.date{font-size:25px; width: 100px;}
.news .news-list:after{content:none;}
@media screen and (max-width: 768px) {
.news .box .item ul li{margin-bottom:20px;}
.news .box .item ul li a{padding:0; }
}
/*========================
下層：ホットニュース詳細
=========================*/
.news-detail{padding-bottom: 60px;}
.news-detail .box{border:solid 1px #009245; border-radius:25px; padding:40px; margin-bottom:60px;}
.news-detail .box ul{border-bottom:solid 1px #009245; padding-bottom:20px; margin-bottom:40px;}
.news-detail .box ul li.date{font-size:26px; display:inline-block; font-family: "din-condensed", sans-serif;font-weight: 400; }
.news-detail .box .item{min-height:200px;}
@media screen and (max-width: 768px) {
.news-detail .box{padding:20px;}
}
/*========================
下層：私たちについて
=========================*/
.aboutus h2{}
.aboutus .note{border-radius:25px; border:solid 2px #39B54A; padding:40px 80px; text-align:center;}
.aboutus .philosophy{}
.aboutus .philosophy .box{padding:60px 0;}
.aboutus .philosophy .box .item{display:flex;align-items: center; margin-bottom:20px;}
.aboutus .philosophy .box .item span{ font-family: "din-condensed", sans-serif;font-weight: 400; font-size:40px; color:#39B54A; line-height:1; margin-right:20px;}
.aboutus .promise{}
.aboutus .promise .box{padding:60px 0;}
.aboutus .promise .box .item{display:flex;align-items: center; margin-bottom:20px; padding-bottom:10px; }
.aboutus .promise .box .item:nth-child(2){margin-top:40px;}
.aboutus .promise .box .item:nth-child(6){margin-bottom:40px;}
.aboutus .promise .box .item span{ font-size:20px; color:#39B54A; line-height:1; margin-right:20px; border:solid 1px #39B54A; padding:10px 20px; width:270px; text-align:center;white-space: nowrap; font-weight:bold;}
.aboutus .promise .box .item .text{border-bottom:solid 1px #39B54A; width:calc( 100% - 270px );}
.aboutus .greeting{ margin-top:60px;}
.aboutus .greeting .main-photo{ }
.aboutus .greeting .name{font-family: 'Noto Serif JP', serif; font-size:17px; text-align:right; margin-top:40px;}
.aboutus .greeting .name span{font-size:24px;}
.aboutus .greeting .box{border-radius:0 0 25px 25px; border:solid 2px #39B54A; padding:40px 60px; position:relative; margin:40px 40px 60px 40px;}
.aboutus .greeting .box h3{position:absolute; left:-20px; top:-60px;font-family: 'Noto Serif JP', serif; background:#FFF; font-size:50px; padding:10px 20px; font-weight:normal; margin-bottom:0;}
.aboutus .service{padding-bottom:100px;}
.aboutus .service .announce{margin:60px 0px; text-align:center;}
.aboutus .service .box{ display:flex;flex-wrap: wrap;justify-content: space-between; margin-bottom:20px;}
.aboutus .service .box .item{width:49%; margin-bottom:60px;display:flex;flex-direction: column;}
.aboutus .service .box .item .heading{background:#39B54A; padding:30px 20px 20px 20px; text-align:center;color:#FFF; font-size:14px;min-height: 155px; }
.aboutus .service .box .item .heading h3{ color:#FFF; border-bottom: solid 2px #FFF; display:flex;align-items: center; line-height:1.2;font-size:24px; padding-bottom:10px;text-align: left; }
.aboutus .service .box .item .heading h3 span{font-family: "din-condensed", sans-serif;font-weight: 400; font-size:60px; margin-bottom:-10px; line-height:0.6; margin-right:20px; padding-left:10px;}
.aboutus .service .box .item .photo{border-radius:25px; overflow:hidden;margin:auto 20px 0 20px;}
.aboutus .service .box .item .photo img{ height:280px; object-fit:cover;}
.aboutus .service .box .item ul{margin:20px 40px 20px 40px;}
.aboutus .service .box .item ul li{margin-bottom:5px;}
.aboutus .service .box .item ul li.none{background:none; padding-left:0;}
.aboutus .service .note{}
.aboutus .benefits{margin-bottom:80px;}
.aboutus .benefits .box{ display:flex;flex-wrap: wrap;justify-content: space-between; margin-top:60px; }
.aboutus .benefits .box .item{width:49%; margin-bottom:40px; border-left:solid 15px #39B54A; padding-left:30px;}
.aboutus .benefits .box .item:nth-child(9) h3{margin-bottom:10px;margin-top:10px;}
.aboutus .benefits .box .item:nth-child(10) h3{margin-bottom:10px;margin-top:10px;}
.aboutus .benefits .box .item:nth-child(11){width:65%; border-left:none; padding-left:0; margin-left:auto; margin-right:auto;}
.aboutus .benefits .note{padding:20px 40px; }
.aboutus .sgds{border-top:solid 10px #39B54A;padding:80px 0;}
.aboutus .sgds .heading{display:flex;justify-content: space-between;align-items: center;}
.aboutus .sgds .heading .logo{width:25%;}
.aboutus .sgds .heading .logo h2{margin-bottom:0;}
.aboutus .sgds .heading .text{width:70%;}
.aboutus .sgds .box{ margin-top:60px;display:flex;flex-wrap: wrap;justify-content: space-between;}
.aboutus .sgds .box .item{width:47%;display:flex;justify-content: space-between; margin-bottom:40px;}
.aboutus .sgds .box .item .photo{ width:15%; padding-top:5px;}
.aboutus .sgds .box .item .text{ width:80%;}
.aboutus .sgds .box .item .text h3{color:#000; font-size:18px; margin-bottom:10px;}
.aboutus .sgds .box .item .text ul{margin:0px 0px 0px 0px;}
.aboutus .sgds .box .item .text ul li{background:url(/image/ic-circle-black.svg) no-repeat; padding-left:30px; background-size:16px;background-position: top 6px left; }
@media screen and (max-width: 768px) {
.aboutus .philosophy .box{padding:40px 0;}
.aboutus .promise .box{padding:40px 0;}
.aboutus .promise .box .item{flex-direction: column;}
.aboutus .promise .box .item .text{width:100%; padding-bottom:10px;}
.aboutus .promise .box .item span{margin-right:0; margin-bottom:10px;}
.aboutus .greeting{margin-top:20px;}
.aboutus .service .announce{margin: 40px 0px;}
.aboutus .service .box .item{width:100%; margin-bottom:20px;}
.aboutus .service .box .item .heading{padding:20px;min-height: auto; }
.aboutus .service .box .item .heading h3{font-size:20px;}
.aboutus .service .box .item .heading h3 span{font-size:40px; margin-bottom:0; padding-left:0;}
.aboutus .service .box .item ul{margin:20px 0;}
.aboutus .note{padding:20px;}
.aboutus .benefits{margin-bottom:40px;}
.aboutus .benefits .box .item{width:100%; margin-bottom:20px;}
.aboutus .benefits .box .item h3{margin-bottom:10px;}
.aboutus .benefits .box .item:nth-child(7){width:100%;}
.aboutus .benefits .box .item:nth-child(8) {width:100%;}
.aboutus .benefits .box .item:nth-child(11){width:100%;}
.aboutus .sgds{padding:40px 0;}
.aboutus .sgds .heading{flex-wrap: wrap;}
.aboutus .sgds .heading .logo{width:200px;margin:0 auto 20px auto;}
.aboutus .sgds .heading .text{width:100%;}
.aboutus .sgds .box .item{width:100%;}
}
/*========================
下層：特色紹介
=========================*/
.features{}
.features h2{font-size:50px;font-family: 'Noto Serif JP', serif; margin-bottom:40px;}
.features .point{margin-top:40px; position:relative;}
.features .point .photo-image{position:absolute; top:-40px; right:0; width:25%; z-index:1;}
.features .point .item{margin-bottom:60px;}
.features .point .heading{display:flex; border-bottom: solid 1px #39B54A; margin-bottom:40px;}
.features h3{margin-bottom:10px;}
.features .point .heading .number{background:#39B54A; text-align:center;font-family: "din-condensed", sans-serif;font-weight: 400;font-size:70px; line-height:85px; height:80px; width:80px; margin-right:20px; color:#FFF;}
.features .point .heading .text-area{display:flex;flex-direction: column;justify-content: center; width: 100%; padding-bottom:10px;}
.features .point li span{font-size:14px;}
.features .point-foot{display:flex;align-items: center; margin-bottom:100px;}
.features .point-foot .photo{ width:25%; margin-right:60px;}
.features .point-foot .item{ width:50%; border:solid 1px #39B54A; border-radius:25px; padding:20px 40px; text-align:center;}
@media screen and (max-width: 1400px) {
.features h2{font-size:30px;margin-bottom:20px; margin-top:40px;}
.features .point .item{ width:75%; margin-bottom:40px;}
.features .point .heading{margin-bottom:20px;}
}
@media screen and (max-width: 768px) {
.features h3{margin-bottom:5px;}
.features .point .photo-image{display:none;}
.features .point-foot{margin-bottom:40px;}
.features .point-foot .photo{display:none;}
.features .point .item{width:100%;}
.features .point-foot .item{width:90%; margin-left:auto; margin-right:auto;}
.features .point .heading .number{line-height: inherit; height:auto; width:auto; font-size:40px; padding:0 10px;display:flex;justify-content: center;align-items: center;}
}
/*========================
下層：ご入居について
=========================*/
.residency{}
.residency h2{font-size: 50px; font-family: 'Noto Serif JP', serif;margin-bottom: 40px;}
.residency h3{color:#1E8C4A;}
.residency .box{ display:flex; justify-content: flex-end; position:relative; margin-top:80px;}
.residency .box .photo{position:absolute; left:0; top:0; width:25%; min-width:250px;}
.residency .box .inner{width:60%;}
.residency .box .inner h2{font-size:50px;font-family: 'Noto Serif JP', serif; margin-bottom:40px;}
.residency .box .inner h3{margin-top:40px;margin-bottom: 10px;}
.residency .box .inner .importants{margin-bottom:80px;}
.residency .box .inner .step{margin-bottom:80px;}
.residency .box .inner .step h3{display:flex;align-items: center;}
.residency .box .inner .step h3 span.number{ font-size:30px;width:50px; height:50px; border-radius:50%; color:#FFF; background:#1E8C4A;text-align: center;line-height: 47px; margin-right:20px;}
.residency .box .inner .step h3 span.hour{border:solid 1px #39B54A; padding:5px 10px; color:#39B54A; margin-left:20px; font-size:14px;}
.residency .box .inner .step .item{margin-bottom:80px;}
.residency .box .inner .step .item ul{margin-left:70px;}
.residency .box .inner .step .item{position:relative;}
.residency .box .inner .step .item:before{ content:""; position:absolute; bottom:0; left:4px;border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #39B54A;}
.residency .box .inner .procedure{ margin-bottom:80px;max-width: 750px;}
.residency .box .inner .procedure .list{border-radius:25px; margin:40px 0; padding:20px 20px; border:solid 1px #39B54A; background:#F2F2EC; }
.residency .box .inner .procedure .list li{border-bottom:solid 1px #39B54A;list-style-position: inside; padding-bottom:5px; padding-right:100px;}
.residency .box .inner .procedure .list li span{font-size:14px;}
.residency .box .inner .waku-box{margin-left:0;margin-right:0; margin-top:80px;}
.residency .box .inner .waku-box .note{margin-bottom:20px; font-size:14px;}
.residency .box .inner .waku-box h3{margin-top:0; font-size:30px; top: -35px;}
.residency .box .inner .price{ margin-bottom:80px;max-width: 750px;}
.residency .box .inner .support{max-width: 750px; margin-bottom:80px;}
.residency .box .inner .support h3{ background:#009245; color:#FFF; display:flex;align-items: center; padding-left:20px; margin-bottom:20px;}
.residency .box .inner .support h3 span{font-family: "din-condensed", sans-serif;font-weight: 400;font-size:70px; margin-right:40px;}
.residency .box .inner .support ul{margin-left:20px;}
.residency .box .inner .support ul li span{font-size:14px;}
@media screen and (max-width: 768px) {
.residency .box{margin-top:40px; margin-right:0%;}
.residency .box .inner{width:90%; margin:0 auto;}
.residency .box .photo{ display:none;}
.residency .box .inner h2{font-size:30px;}
.residency .box .inner h3{margin-top:20px;}
.residency .box .inner .importants{margin-bottom:40px;}
.residency .box .inner .step h3{flex-wrap: wrap;}
.residency .box .inner .step h3 span.hour{width:70%; margin:5px auto 10px auto; text-align:center;}
.residency .box .inner .step .item:before{ top: unset; bottom:-40px; left: 50%; transform: translateX(-50%); }
.residency .box .inner .step .item ul{margin-left:0; }
.residency .box .inner .procedure{margin-bottom:40px;}
.residency .box .inner .procedure .list li{list-style-position: outside; padding-right: 0px;}
.residency .box .inner .procedure .list ul.dot{padding-left:20px;}
.residency .box .inner .waku-box h3{font-size:20px; margin-bottom:0; top:-25px;}
.residency .box .inner .support{margin-bottom:40px;}
.residency .box .inner .support h3 span{font-size:40px;}
.residency h2{font-size:30px; margin-bottom:20px;}
}
/*========================
TOP:法人概要
=========================*/
.organization{}
.organization .head{ height:500px; position:relative; margin-bottom:100px;}
.organization .head img{height:100%; object-fit:cover; object-position: top;}
.organization h1{position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%);text-align: center; color:#FFF; margin-bottom:0;}
.organization h1 span{border-bottom:none;}
.organization .philosophy{}
.organization .philosophy .box{padding:60px 0;}
.organization .philosophy .box .item{display:flex;align-items: center; margin-bottom:20px;}
.organization .philosophy .box .item span{ font-family: "din-condensed", sans-serif;font-weight: 400; font-size:40px; color:#39B54A; line-height:1; margin-right:20px;}
.organization .promise{}
.organization .promise .box{padding:60px 0;}
.organization .promise .box .item{display:flex;align-items: center; margin-bottom:20px; padding-bottom:10px; }
.organization .promise .box .item:nth-child(2){margin-top:40px;}
.organization .promise .box .item:nth-child(6){margin-bottom:40px;}
.organization .promise .box .item span{ font-size:20px; color:#39B54A; line-height:1; margin-right:20px; border:solid 1px #39B54A; padding:10px 20px; width:270px; text-align:center;white-space: nowrap; font-weight:bold;}
.organization .promise .box .item .text{border-bottom:solid 1px #39B54A; width:calc( 100% - 270px );}
.organization .outline{background:url(/image/organization-outline.svg) no-repeat; background-size:contain; color:#FFF; padding:250px 0 300px 0;}
.organization .outline .box{position:relative; margin-bottom:140px;}
.organization .outline .box .photo{position:absolute; right:0; bottom:-20%;width: 40%; height:auto;text-align: right; border-radius:25px 0 0 25px; overflow:hidden; z-index:1;}
.organization .outline .box .photo img{ object-fit: cover;object-position: right; height:340px; }
.organization .outline .waku-box{border-radius:0 0 25px 25px; border:solid 2px #FFF; padding:40px; position:relative; margin:0px 0px 0px 0px; max-width:500px;}
.organization .outline .waku-box h3{left:-20px; top:-35px; background:#009245; font-size:30px; padding:10px 20px; font-weight:normal; margin-bottom:0; color:#FFF;}
.organization .history{ margin-top:100px;}
.organization .history .waku-box dl{display:flex;flex-wrap: wrap; font-size:15px;}
.organization .history .waku-box dt { color:#39ad4c; width:100px; text-align:right; margin-right:20px;text-align: justify;text-align-last: justify;}
.organization .history .waku-box dd{color:#222; width:calc( 100% - 130px );}
.organization .overview{ margin-top:100px;}
.organization .overview .box{padding: 60px 0;}
.organization .overview .box .item{margin-top:60px;display:flex;justify-content: space-between;}
.organization .overview .box .item .text-area{width:55%;}
.organization .overview .box .item .text-area h3{background:#009245; color:#FFF; padding:5px 20px;display:flex;align-items: center;}
.organization .overview .box .item .text-area h3 span{font-family: "din-condensed", sans-serif;font-weight: 400; font-size:50px; margin-right:20px;}
.organization .overview .box .item .text-area ul{margin-left:20px;}
.organization .overview .box .item .text-area ul li span{font-size:13px; }
.organization .overview .box .item .text-area ul li span.facility-name{padding:2px; width:100px; margin-right:10px; border:solid 1px #39B54A; color:#39B54A; text-align:center; display:inline-block;}
.organization .overview .box .item .photo{width:40%; border-radius:25px; overflow:hidden;}
.organization .overview .box .item .photo img{height: 300px;object-fit: cover;}
.organization .officer{margin-top:100px; border-bottom:solid 10px #39B54A; padding-bottom:40px;}
.organization .officer dl{display:flex;flex-wrap: wrap;justify-content: space-between;}
.organization .officer dl dt{width:12%; color:#009245; border-bottom:solid 1px #009245; padding:20px 0;}
.organization .officer dl dt:last-of-type{border-bottom:none; padding-bottom:0;}
.organization .officer dl dd{width:88%; border-bottom:solid 1px #009245; padding:20px 0;}
.organization .officer dl dd:last-of-type{border-bottom:none; padding-bottom:0;}
.organization .access{ padding:80px 0;}
.organization .access h2{ background:url(/image/ic-circle-double.svg) no-repeat; padding-left:70px;font-size:50px;font-family: 'Noto Serif JP', serif; background-size: 50px;background-position: left center; margin-bottom:40px;}
.organization .access iframe{ margin-top:20px;}
@media screen and (max-width: 768px) {
.organization .head{ height:300px; margin-bottom:40px;}
.organization .philosophy .box{padding:40px 0;}
.organization .philosophy .box .item:last-child{margin-bottom:0;}
.organization .promise .box{padding:40px 0;}
.organization .promise .box .item{flex-direction: column;}
.organization .promise .box .item span{width:100%; margin-right: 0px; margin-bottom:10px;}
.organization .promise .box .item .text{width:100%; padding-bottom:0px; border-bottom:none;}
.organization .outline{background-color:#009245; background-image:none; padding:20px 0;}
.organization .outline .box{margin-bottom:40px;}
.organization .outline .box .photo{position:static;width:100%; margin-bottom:40px; border-radius:0; }
.organization .history{margin-top:40px;}
.organization .history .waku-box dt{width:100%; margin-right: 0px; text-align:left;text-align-last: left;}
.organization .history .waku-box dd{width:100%; margin-bottom:10px;}
.organization .overview{margin-top:40px;}
.organization .overview .box{padding-top:40px;}
.organization .overview .box .item{margin-top:40px;flex-direction: column;}
.organization .overview .box .item .text-area{width:100%; margin-bottom:10px;}
.organization .overview .box .item .photo{width:100%;}
.organization .overview .box .item .text-area ul{margin-left:10px;}
.organization .officer{margin-top:0px;}
.organization .officer dl dt{width:100%; border-bottom:none; padding:10px 0 5px 0;}
.organization .officer dl dd{width:100%; margin-bottom:0px; padding:0 0 10px 0;}
.organization .officer .waku-box{margin-bottom:0;}
.organization .access{padding:40px 0;}
.organization .access h2{margin-bottom:20px;}
.organization .access iframe{height:300px;}
}
/*========================
フッター：お問合せ
=========================*/
.footer-contact{background:#39B54A; margin-top:0; padding:80px 0 100px 0;}
.footer-contact h2{text-align:center; color:#FFF;}
.footer-contact h2 span{border-bottom:none; margin-bottom:20px;}
.footer-contact .box{padding:80px 40px 60px 40px; width:800px; margin:-82px auto 0 auto; color:#FFF; border:dashed 3px #FFF; border-radius:50px; text-align:center;}
.footer-contact .box ul{display:flex;justify-content: center; margin-top:40px;}
.footer-contact .box ul li.btn-image{ margin-left:20px; margin-right:20px; margin-bottom:0;}
@media screen and (max-width: 768px) {
.footer-contact{padding:40px 0;}
.footer-contact .box{width:90%; margin:0px auto; padding:40px; }
.footer-contact .box ul{flex-wrap: wrap;flex-direction: column;}
.footer-contact .box ul li{width:100%; margin-bottom:20px !important;}
.footer-contact .box ul li.btn-image{margin-left:auto; margin-right:auto; max-width:250px;}
}
/*========================
下層：よくあるご質問
=========================*/
.faq{ padding-bottom:100px;}
.faq .box{ border-radius:25px; border:solid 1px #009245; overflow:hidden; margin-bottom:60px;}
.faq .box h2{ background:#009245; color:#FFF; padding:10px; text-align:center; font-size:18px; margin-bottom:0;}
.faq .box .item{border-bottom:solid 2px #009245; }
.faq .accordion-container{ border-radius:50px; background:#FFF; padding:0px 40px 40px 40px; }
.faq .js-accordion-title{position: relative;}
.faq .js-accordion-title:before { content: ''; width: 30px; height: 30px; position: absolute; right: 20px; top: 40px; background:url(/image/ic-arrow-green.svg) no-repeat; transform: rotate(0deg); transition: all .3s ease-in-out;z-index: 1;}
.faq .js-accordion-title.open:before { transform: rotate(180deg);top: 18px;}
.faq h3{ font-size:20px; position:relative; font-weight:normal; margin-bottom:0;}
.faq h3:hover{cursor:pointer;}
.faq h3 span{position: relative;display: flex;padding: 30px 0 30px 140px; color:#39B54A;}
.faq h3 span:before{ content:"Q";color:#39B54A; font-size:60px; margin-right:20px; width:50px;position: absolute;left: 40px; top:15px;line-height:1; font-weight:bold;font-family: "din-condensed", sans-serif;font-weight: 400;}
.faq .accordion-content{padding-left:140px; padding-top:10px; padding-bottom:40px; position:relative; color:#000;}
.faq .accordion-content:before{content:"A";color:#000; font-size:60px; font-weight:bold;text-align:center;position:absolute; left:40px; top:5px;line-height:1;font-weight:bold;font-family: "din-condensed", sans-serif;font-weight: 400;}
.faq .text{text-align:center; border-top:solid 2px #000; margin-top:0px; padding-top:30px;}
@media screen and (max-width: 768px) {
.faq{padding-bottom:40px;}
.faq h3{font-size:18px;}
.faq h3 span{padding: 20px 50px 20px 40px;}
.faq h3 span:before{font-size:40px;left: 0px; top:20px;}
.faq .accordion-container{padding:0 20px 20px 20px;}
.faq .accordion-content { padding-left: 40px; padding-top: 10px;}
.faq .js-accordion-title:before{right:0;}
.faq .accordion-content:before{left:0;font-size:40px;}
}
/*========================
下層：光の森学園
=========================*/
.shien{position:relative;overflow: hidden;}
.shien nav .menu{margin-top:0;}
.shien header{background-color:rgba(255,255,255,0.8);}
.shien .main-photo{margin-bottom:60px;}
.shien .main-photo img{height:600px; object-fit:cover;}
.shien .menu{ margin-top:120px;}
.shien .menu ul{display:flex;justify-content: space-between;}
.shien .menu ul li{width:18%;position:relative; display:grid;}
.shien .menu ul li:before{content:""; background:url(/image/ic-circle-double.svg) no-repeat; position:absolute; top:-35%; width:20%; height:100%; }
.shien .menu ul li a{padding:20px; display:block;border-radius:10px; border:solid 1px #39B54A;text-align:center;display:flex;justify-content: center;align-items: center;background:#F2F2EC; height:70px;}
.shien .contents{border-left:solid 2px #1E8C4A;border-right:solid 2px #1E8C4A; padding:20px 80px 0 80px; margin-top:60px; margin-bottom:100px;}
.shien h1{font-size:80px;font-family: 'Noto Serif JP', serif; text-align:center; margin-bottom:40px;}
.shien h1 span{font-size:30px; display:block;font-family: 'Noto Serif JP', serif; border-bottom:0; line-height:1; margin-top:20px;}
.shien h2{margin-bottom:80px;font-family: 'Noto Serif JP', serif; font-size:65px; text-align:center; margin-top:100px; margin-bottom:40px;}
.shien h2 span{margin-bottom:30px; border-bottom:none;}
.shien h2 span img{width:50px;}
.shien h3{color:#009245;}
.shien h5{margin-bottom:80px;font-family: 'Noto Sans JP'; font-size:17px; text-align:center; margin-top:100px; margin-bottom:40px;}
.shien h5 span{margin-bottom:60px; border-bottom:none; display:block;}
.shien h5 span img{width:50px;}
.shien .map{margin-bottom:40px; margin-top:40px;}
.shien .map iframe{border-radius:25px; overflow:hidden; width:100%; height:500px;}
.shien .introduction .photo{margin-top:40px;}
.shien .selection .item{border-left:solid 15px #009245; padding:10px 0px 10px 40px; margin-bottom:40px;}
.shien .service{padding-bottom:40px;}
.shien .service .box{padding:20px 0;}
.shien .service .box .item{display:flex;align-items: center; margin-bottom:20px; padding-bottom:10px; }
.shien .service .box .item span{ font-size:20px; color:#39B54A; line-height:1; margin-right:20px; border:solid 2px #39B54A; padding:15px 20px; width:220px; text-align:center;white-space: nowrap; font-weight:bold;}
.shien .service .box .item .text{width:calc( 100% - 220px );}
.shien .service .photo-box{display:flex;justify-content: space-between; margin-top:0px; }
.shien .service .photo-box .photo{ width:48%; border-radius:25px; overflow:hidden;}
.shien .service .photo-box .photo img{height:300px; object-fit:cover;}
.shien .voice{}
.shien .voice .box{display:flex;justify-content: space-between;}
.shien .voice .box .item{width:48%;}
.shien .purpose h2{margin-top:0;}
.shien .purpose .box{display:flex;justify-content: space-between;}
.shien .purpose .box .item{width:48%; background:#39B54A; border-radius:25px; padding:30px 40px; color:#FFF;}
.shien .purpose .box .item h3{color:#FFF; text-align:center;}
.shien .outline{}
.shien .outline .box{display:flex;justify-content: space-between;}
.shien .outline .box .item{width:45%;}
.shien .outline .box .item dl{display:flex;flex-wrap: wrap;}
.shien .outline .box .item dl dt{width:30%; border-bottom:solid 1px #39B54A;padding: 20px 0;}
.shien .outline .box .item dl dd{width:70%;border-bottom:solid 1px #39B54A;padding: 20px 0;}
.shien .service-detail .box{display:flex;justify-content: space-between;}
.shien .service-detail .photo{width:25%;}
.shien .service-detail .item{margin-bottom:40px; width:70%;}
.shien .service-detail h3{ background:#009245; color:#FFF; display:flex;align-items: center; padding-left:20px; margin-bottom:20px; margin-top:50px;}
.shien .service-detail h3:first-child{margin-top:0;}
.shien .service-detail h3 span{font-family: "din-condensed", sans-serif;font-weight: 400;font-size:70px; margin-right:40px;}
.shien .service-detail dl{margin-left:20px; display:flex;flex-wrap: wrap;}
.shien .service-detail dt{width:80px;}
.shien .service-detail dd{width:calc( 100% - 80px );}
.shien .service-detail dd span{font-size:14px;}
.shien .service-detail .feature{border-radius:25px; border:solid 1xp #39B54A; background:#F2F2EC; padding:15px; margin-top:20px;}
.shien .service-detail .feature dl{ display:block;}
.shien .service-detail .feature dt{ color:#39B54A; width:60px; float: left;}
.shien .service-detail .feature dd{border-bottom:solid 1px #39B54A; padding:5px 0; margin-left:60px;width:calc( 100% - 60px );}
.shien .service-detail .feature dd:first-of-type{padding-top:0;}
.shien .service-detail .feature dd:last-of-type{border-bottom:0;}
.shien .policy .item{border-left:solid 15px #009245; padding:10px 0px 10px 40px; margin-bottom:40px;}
.shien .torikumi{position:relative;z-index: 1;}
.shien .torikumi h3{color:#FFF; font-size:40px;font-family: 'Noto Serif JP', serif; margin-top:60px;}
.shien .torikumi .box{margin: 0 calc(50% - 50vw);width: 100vw;}
.shien .equipment h2{margin-top:0;}
.shien .equipment h3{margin-top:60px; }
.shien .equipment h3 span{border:solid 1px #000; padding:10px; font-size:20px; text-align:center; width:400px; margin:0px auto 0px auto; color:#000; display: block;}
.shien .equipment h3 span.ic{margin-bottom:30px; border:none; }
.shien .equipment h3 span.ic img{width:50px;}
.shien .equipment .box{display:flex;flex-wrap: wrap; margin-top:40px;}
.shien .equipment .box .item{width: 31%; margin-right: 3.5%; margin-bottom: 40px; font-size:14px;}
.shien .equipment .box .item:nth-child(3n) { margin-right: 0;}
.shien .equipment .box .item h4{color:#000; font-weight:bold; margin:10px 0; font-size:17px;}
.shien .equipment .box .item .photo{width:100%;position: relative; border-radius:25px; overflow:hidden; margin-bottom:20px;}
.shien .equipment .box .item .photo::before{ content: ""; padding-top: 100%; display: block;}
.shien .equipment .box .item .photo img{position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover;transition:0.2s all;}
.shien .equipment .box02{display:flex;flex-wrap: wrap; margin-top:40px;}
.shien .equipment .box02 .item{width:48%; margin-right: 4%; margin-bottom: 40px; font-size:14px;}
.shien .equipment .box02 .item:nth-child(2n) { margin-right: 0;}
.shien .equipment .box02 .item h4{color:#000; font-weight:bold; margin:10px 0; font-size:17px;}
.shien .equipment .box02 .item .photo{width:100%;position: relative; border-radius:25px; overflow:hidden; margin-bottom:20px;}
.shien .equipment .box02 .item .photo img{width: 100%; height: auto; }
.shien .curriculum{}
.shien .curriculum h2:first-child{margin-top:0;}
.shien .curriculum .item{display:flex;justify-content: space-between;flex-wrap: wrap; margin-bottom:60px;}
.shien .curriculum .item h3{width:100%; border:solid 1px #39B54A; padding:10px; color:#39B54A; font-size:20px; font-weight:bold; text-align:center;}
.shien .curriculum .item h4{ color:#1E8C4A; margin-top:20px;font-weight:bold; margin-bottom:5px;}
.shien .curriculum .item h4:first-child{margin-top:0; }
.shien .curriculum .item .text-area{width:60%;}
.shien .curriculum .item .photo{width:35%; border-radius:25px; overflow:hidden;}
.shien .yearly-event{margin-top:60px;}
.shien .yearly-event .box{display:flex;justify-content: space-between;flex-wrap: wrap;}
.shien .yearly-event .box .item{margin-bottom:40px;display:flex;align-items: center; width:31%; margin-right:3.5%}
.shien .yearly-event .box .item:nth-child(3n){margin-right:0;}
.shien .yearly-event .box .item h3{ margin-right:20px;width:70px; height:70px; border-radius:50%; color:#FFF; font-size:8px; background:#1E8C4A;display:flex;flex-direction: column;justify-content: center; align-items: center; line-height:1; padding:0; margin-bottom:0; aspect-ratio: 1;}
.shien .yearly-event .box .item h3 span{display:block; font-size:30px; margin-bottom:2px;}
.shien .yearly-event .photo-gallery{display:flex; position:relative;justify-content: space-between;}
.shien .yearly-event .photo-gallery .photo{width:22%;border-radius:25px; overflow:hidden;position:relative;}
.shien .yearly-event .photo-gallery .photo::before{ content: ""; padding-top: 100%; display: block;}
.shien .yearly-event .photo-gallery .photo img{position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover;transition:0.2s all;}
.shien .access h2{margin-top:0;}
.shien .hikari .main-photo{border-radius:25px; overflow:hidden; height:600px; object-fit:cover;}
.shien .hikari h2:first-of-type{font-size:50px;}
.shien .hikari .our-support .box{display:flex;flex-wrap: wrap;justify-content: space-between;}
.shien .hikari .our-support .box .item{width:48%;}
.shien .hikari .our-support h3{margin-top:60px; border:solid 1px #000; padding:10px; font-size:20px; text-align:center; color:#000; }
.shien .hikari .nagare{margin-bottom:80px; padding:0 60px; margin-top:80px;}
.shien .hikari .nagare h3{display:flex;align-items: center; color:#000; font-size:16px;}
.shien .hikari .nagare h3 span{width:calc( 100% - 70px);}
.shien .hikari .nagare h3 span.number{ font-size:30px;width:50px; height:50px; border-radius:50%; color:#FFF; background:#1E8C4A;text-align: center;line-height: 47px; margin-right:20px;}
.shien .hikari .nagare .item{margin-bottom:80px;position:relative;}
.shien .hikari .nagare .item:before{ content:""; position:absolute; bottom:-50px; left:4px;border-left: 20px solid transparent; border-right: 20px solid transparent;
border-top: 20px solid #39B54A;}
.shien .hikari .nagare .item:last-child:before{ content:none; }
@media screen and (max-width: 768px) {
.shien{ margin-bottom:20px;}
.shien .main-photo img{height:300px;}
.shien .menu{margin-top:40px;}
.shien .menu ul{flex-wrap: wrap;}
.shien .menu ul li{width:48%; margin-bottom:20px;}
.shien .menu ul li:last-child{width:100%;}
.shien .menu ul li:before{width:40px; top:-15px;}
.shien h1{font-size:30px;}
.shien h1 span{font-size:20px;}
.shien h2{margin-top:40px; font-size:26px; margin-bottom:20px;}
.shien h2 span{margin-bottom:20px;}
.shien h3{margin-bottom:10px;}
.shien h5{margin-top:40px; margin-bottom:20px;}
.shien h5 span{margin-bottom:20px;}
.shien .contents{padding:20px; margin-top:20px; margin-bottom:0px;}
.shien .map iframe{height:300px;}
.shien .selection .item{ padding: 0px 0px 0px 20px;}
.shien .service{padding-bottom:0;}
.shien .service .box{padding:0;}
.shien .service .box .item{flex-direction: column;}
.shien .service .box .item span{width:100%; padding:10px; margin-right: 0px;}
.shien .service .box .item .text{width:100%;}
.shien .service .photo-box .photo img{height:150px;}
.shien .voice .box{flex-direction: column;}
.shien .voice .box .item{width:100%; margin-bottom:20px;}
.shien .voice .box .item:last-child{margin-bottom:0;}
.shien .purpose .box{flex-direction: column;}
.shien .purpose .box .item{width:100%; margin-bottom:20px; padding:20px;}
.shien .purpose .box .item:last-child{margin-bottom:0;}
.shien .outline .box{flex-direction: column;}
.shien .outline .box .item{width:100%; margin-bottom:20px;}
.shien .service-detail .box{flex-direction: column;}
.shien .service-detail .box .item{width:100%; margin-bottom:20px;}
.shien .service-detail .photo{display:none;}
.shien .service-detail h3{line-height:1.2; padding-top:5px; padding-bottom:5px;}
.shien .service-detail h3 span{font-size:40px;margin-right: 20px;}
.shien .service-detail dl{margin-left:0;}
.shien .policy .item{padding:0 0 0 20px;}
.shien .equipment h3{margin-top:20px;}
.shien .equipment h3 span{width:100%;}
.shien .equipment h3 span.ic{margin-bottom:20px;}
.shien .equipment .box .item{width:100%; margin-right:0; margin-bottom:40px;}
.shien .equipment .box .item h4{margin-top:0;}
.shien .equipment .box .item .photo{margin-bottom:10px;}
.shien .equipment .box02{margin-top:20px;}
.shien .equipment .box02 .item{width:100%; margin-right:0; margin-bottom:40px;}
.shien .equipment .box02 .item .photo{margin-bottom:10px;}
.shien .curriculum .item{flex-direction: column;}
.shien .curriculum .item .text-area{width:100%;}
.shien .curriculum .item .photo{width:100%; margin-top:20px;}
.shien .yearly-event .box .item{width:100%; margin-right:0; margin-bottom:20px;}
.shien .hikari .main-photo{height:250px; margin-bottom:20px;}
.shien .hikari .main-photo img{height:250px;}
.shien .hikari h2:first-of-type{font-size:30px;}
.shien .hikari .our-support h3{margin-top:20px;}
.shien .hikari .our-support .box .item{width:100%;}
.shien .hikari .nagare{padding:0px; margin-bottom:40px;}
}
/*====================
下層：施設一覧
=====================*/
.facility-list{ padding-bottom:60px;}
.facility-list h1{margin-bottom:80px;font-family: 'Noto Serif JP', serif; font-size:50px; text-align:center;}
.facility-list h1 span{margin-top:30px; border-bottom:none;}
.facility-list h1 span img{width:50px;}
.facility-list .shien{}
.facility-list .shien h2{ background:#009245; color:#FFF; padding:20px; text-align:center; font-size:25px; margin-top:0; margin-bottom:40px;}
.facility-list .shien h3{padding-left:60px; color:#009245; font-size:24px; font-weight:bold; margin-bottom:20px; }
.facility-list .shien .box{display:flex; height:100%;flex-wrap: nowrap;}
.facility-list .shien .box .photo{width:60%; position:relative; border:solid 10px #FFF;border-radius:50px; overflow:hidden; background:#FFF;z-index: 1;}
.facility-list .shien .box .photo img{height: 400px;object-fit:cover;}
.facility-list .shien .box .text-area{width:40%; margin-left:-20px; margin-top: 10px;}
.facility-list .shien .box .text-area .text{padding-left:60px;}
.facility-list .shien .box .text-area .more{margin-top:40px;}
.facility-list .heading{ background:#009245; padding:20px 60px; color:#FFF; margin-top:80px; margin-bottom:20px}
.facility-list .heading h2{color:#FFF; border-bottom:solid 2px #FFF; padding-bottom:10px; text-align:center; font-size:20px; margin-bottom:20px;}
.facility-list .heading .text{text-align:center;}
.facility-list .box{display:flex;flex-wrap: wrap;}
.facility-list .box .item{width:31%; margin-right:3.5%; margin-bottom:40px;}
.facility-list .box .item:nth-child(3n){margin-right:0;}
.facility-list .box .item .text-area{padding:0 20px;}
.facility-list .box .item h3{ color:#000; margin-bottom:10px;}
.facility-list .box .item .photo{width:100%;position: relative; border-radius:25px; overflow:hidden; margin-bottom:20px;}
.facility-list .box .item:hover .photo img{transform: scale(1.05);transition:0.2s all;}
.facility-list .box .item .photo::before{ content: ""; padding-top: 100%; display: block;}
.facility-list .box .item .photo img{position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover;transition:0.2s all;}
.facility-list .box .item .more{transition:0.4s all;display: block; padding: 5px 15px; color: #FFF; }
@media screen and (max-width: 768px) {
.facility-list h1{margin-bottom:40px;}
.facility-list .shien h2{margin-bottom:20px;}
.facility-list .shien h3{text-align:center; padding-left:0;}
.facility-list .shien .box{flex-direction: column-reverse; height:auto;}
.facility-list .shien .box .photo{width:100%;}
.facility-list .shien .box .photo img{height:300px;}
.facility-list .shien .box .text-area{width:100%; margin-left:0;}
.facility-list .shien .box .text-area .text{padding-left:0;}
.facility-list .shien .box .text-area .more{margin:20px auto 20px auto;}
.facility-list .heading{margin-top:40px; padding:20px;}
.facility-list .heading h2{margin-bottom:10px;}
.facility-list .heading .text{text-align:left;}
.facility-list .box{}
.facility-list .box .item{width:100%; margin-right:0; margin-bottom:40px;}
}
/*====================
下層：施設詳細
=====================*/
.facility-detail{}
.facility-detail h1{background:#009245; color:#FFF; padding:20px 60px; width:fit-content; text-align:center; margin-bottom:40px; font-size:25px;}
.facility-detail h2{background:url(/image/ic-facility-detail.svg) no-repeat; padding-left:60px; color:#009245; font-size:18px; font-weight:bold; line-height:40px;}
.facility-detail h3{text-align:center; color:#000; font-size:15px; font-weight:normal; margin-top:10px;}
.facility-detail .main-photo{border-radius:25px; overflow:hidden; }
.facility-detail .main-photo img{height:600px; object-fit:cover;}
.facility-detail .catch{display:flex;justify-content: space-between; padding:60px 0;}
.facility-detail .catch .copy{font-size:30px; color:#009245; width:50%;}
.facility-detail .catch .text{ width:40%;}
.facility-detail .operation{display:flex;justify-content: space-between; border-top:solid 2px #009245; padding:60px 0;}
.facility-detail .operation .item{width:45%;}
.facility-detail .operation .item .text{padding:0 20px;}
.facility-detail .photo-gallery{border-top:solid 2px #009245; padding:60px 0;}
.facility-detail .photo-gallery .box{display:flex;flex-wrap: wrap;}
.facility-detail .photo-gallery .box .item{width:23%; margin-right:2.5%; margin-bottom:20px;}
.facility-detail .photo-gallery .box .item:nth-child(4n){margin-right:0;}
.facility-detail .photo-gallery .box .item .photo{width:100%;position: relative; border-radius:25px; overflow:hidden;}
.facility-detail .photo-gallery .box .item .photo::before{ content: ""; padding-top: 100%; display: block;}
.facility-detail .photo-gallery .box .item .photo img{position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover;}
.facility-detail .gym{border-top:solid 2px #009245; padding:60px 0;}
.facility-detail .gym .photo{border-radius:25px; overflow:hidden; height:500px; object-fit:cover;}
.facility-detail .facility-info{border-top:solid 2px #009245; padding:60px 0;}
.facility-detail .facility-info .box{border-radius:25px; border:solid 2px #009245; padding:10px 20px; margin-left:60px; margin-right:60px;}
.facility-detail .facility-info .box ul{border-bottom:solid 1px #009245; padding:20px 0; display:flex;}
.facility-detail .facility-info .box ul:last-child{border-bottom:none;}
.facility-detail .facility-info .box ul h3{width:150px; text-align:left; margin:0 40px 0 20px;}
.facility-detail .access{padding:60px 0; margin-bottom:80px;}
.facility-detail .access .map{margin-bottom:40px;}
.facility-detail .access .map iframe{border-radius:25px; overflow:hidden; width:100%; height:500px;}
.facility-detail .access .howtoget{padding:20px; border-radius:25px; border:solid 2px #009245;margin-left:60px; margin-right:60px;}
.facility-detail .access .howtoget h3{text-align:left; color:#009245; font-weight:bold;}
@media screen and (max-width: 768px) {
.facility-detail h2{margin-bottom:10px;}
.facility-detail h3{margin-bottom:10px;}
.facility-detail .main-photo{ height:300px;}
.facility-detail .main-photo img{height:100%; object-fit:cover;}
.facility-detail .catch{flex-direction: column;}
.facility-detail .catch .item{width:100%;}
.facility-detail .catch .copy{margin-bottom:10px; width:100%;}
.facility-detail .catch .text{width:100%;}
.facility-detail .operation{flex-direction: column;padding:20px 0;}
.facility-detail .operation .item{width:100%;margin-bottom:10px;}
.facility-detail .photo-gallery{padding:20px 0;}
.facility-detail .photo-gallery .box{justify-content: space-between;}
.facility-detail .photo-gallery .box .item{width:48%; margin-right:0;}
.facility-detail .gym{padding:20px 0;}
.facility-detail .gym .photo{ height:300px;}
.facility-detail .gym .photo img{height:100%; object-fit:cover;}
.facility-detail .facility-info{padding:20px 0;}
.facility-detail .facility-info .box{margin:0;}
.facility-detail .facility-info .box ul{flex-direction: column;}
.facility-detail .facility-info .box ul{width:100%;}
.facility-detail .facility-info .box ul h3{width:100%; font-weight:bold; margin: 0 0 10px 0;}
.facility-detail .access{padding:20px 0; margin-bottom:40px;}
.facility-detail .access .howtoget{margin:0;}
.facility-detail .access .howtoget h3{margin-top:0;}
}
/*========================
下層：書類ダウンロード
=========================*/
.download{padding-bottom:100px;}
.download h1{font-family: 'Noto Serif JP', serif; font-size: 65px; text-align: center; margin-bottom: 40px;}
.download h1 span{border-bottom:none; margin-top:40px;}
.download h1 span img{width:50px;}
.download .box{display:flex;flex-wrap: wrap; border:solid 2px #009245; border-radius:25px; padding:40px;}
.download .box .item{width:23%; margin-bottom:40px; margin-right:2.5%; text-align:center; }
.download .box .item:nth-child(4n){margin-right:0px;}
.download .box .item a{ display:block; padding:30px;}
.download .box .item .title span{display:block;}
.download .box .item .photo{margin-bottom:20px;}
.download .box .item .photo img{width:60%;}
@media screen and (max-width: 768px) {
.download{padding-bottom:40px;}
.download h1{font-size: 30px; margin-bottom: 20px;}
.download h1 span{ margin-top:20px;}
.download .box{margin-top:40px; padding:20px;}
.download .box .item{width:45%; margin-bottom:20px; margin-right:2.5%; margin-left:2.5%;}
.download .box .item a{padding:10px;}
.download .box .item .photo img{width:80%;}
}
/*========================
お問い合わせ
=========================*/
.form{padding: 40px 5% 100px 5%; color:#000; margin-top:40px; }
.form .box{border-radius:25px; border:solid 2px #39b54a;padding:40px 80px; }
.form .notice{ text-align:center; padding:40px 0;margin-bottom:60px; font-size:14px; border-bottom: solid 1px #39b54a;}
.form table{width:100%;}
.form table th{width:30%; text-align:right; padding:10px 0px;}
.form table td{padding:10px 0px 10px 40px;}
.form .text{text-align: center; line-height: 2; padding-top: 0px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px;}
.form input[type="text"],.form input[type="email"]{ padding:15px; border-radius:10px; width:100%;position:relative; border:solid 2px #39B54A; }
.form textarea{padding:15px; background:#FFF; width:100%; position:relative;border-radius:15px;border:solid 1px #39B54A;}
.form input[type="file"]{width:400px; margin-top:20px;}
.form input[type="file"]:hover{cursor:pointer;}
.form input[type="file"]::-webkit-file-upload-button{cursor:pointer;}
.form input.image::file-selector-button{margin-left:0px;color: white; border:none; background:#39B54A; background-size:contain; padding:10px 10px; margin-right:20px; font-size:15px;}
.form input[type="checkbox"]:hover{cursor:pointer;}
.mwform-checkbox-field-text:hover{cursor:pointer;}
.privacy-agree{color:#39B54A;}
.privacy-agree a{color:#39B54A;}
.form ul.btn{display:flex;justify-content: center;align-items: center; margin-top:40px;}
.form ul.btn li{transition:0.2s all;}
.form ul.btn li:hover{transform: scale(1.2);transition:0.2s all;}
.form ul.btn li button{margin-left:10px; margin-right:10px;}
.form ul.btn li.back{margin:0px 40px 0 0;}
.radio_btn input[type=radio].radio_btn_item{display: none;}
.radio_btn label {display: inline-block;line-height:1.3; margin-right:20px;}
.radio_btn label:hover{cursor:pointer;}
.radio_btn .radio_btn_item + span {padding-left: 40px;display: inline-block;position: relative;}
.radio_btn .radio_btn_item + span::after,
.radio_btn .radio_btn_item + span::before {border-radius: 50%;content: '';display: block;position: absolute;background:#FFF;left: 0;top: 0;height: 25px;width: 25px; border:solid 1px #39B54A;}
.radio_btn .radio_btn_item + span::after{background: #39B54A;height: 25px;left: 0px;opacity: 0;top: 0px;width: 25px;}
.radio_btn .radio_btn_item:checked + span::after {opacity: 1;}
.check_btn{margin-top:10px;}
.check_btn input[type=checkbox].check_btn_item{display: none;}
.check_btn label {display: inline-block; margin-bottom:10px; margin-right:20px; line-height:1.3;}
.check_btn label:hover{cursor:pointer;}
.check_btn .check_btn_item + span {padding-left: 40px;display: inline-block;position: relative;}
.check_btn .check_btn_item + span::after,
.check_btn .check_btn_item + span::before {border-radius:3px;content: '';display: block;position: absolute;background:#FFF;left: 0;top: 0;height: 25px;width: 25px; border:solid 1px #39B54A;}
.check_btn .check_btn_item + span::after{background: #39B54A;height: 25px;left: 0px;opacity: 0;top: 0px;width: 25px;}
.check_btn .check_btn_item:checked + span::after {opacity: 1;}
.form .selectwrap { position: relative; width: 500px; }
.form .selectwrap::after{position: absolute;top: 23px;right: 20px;width: 15px;height: 15px;border-top: 3px solid #665140;border-right: 3px solid #665140;transform: rotate(135deg);pointer-events: none; content: "";}
.form .selectwrap select { appearance: none; width: 500px; height: auto; border:solid 1px #000; border-radius:15px; color: #000; background: #FFF; padding: 10px; cursor: pointer; padding:25px; font-size:15px; }
.form .selectwrap select:focus { outline: none;}
.mw_wp_form_input .confirm input{background:url(/image/btn-confirm.svg) no-repeat;width: 300px;height: 66px;text-indent:-9999px;overflow:hidden;border:none;cursor:pointer;}
.mw_wp_form_confirm .send button{background:url(/image/btn-send.svg) no-repeat;width: 300px;height: 66px;text-indent:-9999px;overflow:hidden;border:none;cursor:pointer;background-size: 100%;}
.mw_wp_form_confirm .back button{background:url(/image/btn-back.svg) no-repeat;width:200px;height:60px;text-indent:-9999px;overflow:hidden;border:none;cursor:pointer;background-size: 100%;}
.mw_wp_form .horizontal-item + .horizontal-item{margin-right:10px; margin-left:0px;}
.mw_wp_form_confirm .must{display:none;}
.mw_wp_form_confirm .empty{display:none;}
.mw_wp_form_confirm .input-memo{display:none;}
.mw_wp_form_confirm .check_btn{margin-top:0px;}
.mw_wp_form_confirm .selectwrap::after{display:none;}
.mw_wp_form_confirm .notice{display:none;}
.mw_wp_form_complete .notice{display:none;}
.mw_wp_form_confirm .privacy-agree{display:none;}
.mw_wp_form_input ul li.back{display:none;}
.mw_wp_form_input ul li.send{display:none;}
.form input::placeholder { opacity: 0.5; font-size:15px;}
.form .title{display:flex;align-items: center;justify-content: flex-end; margin-top:40px;}
.form .title .note{color:#8ec21f;}
.form .title:first-child{margin-top:0px;}
.form .must{margin-left:20px; margin-right:20px;color:#39B54A; border:solid 1px #39B54A; background:#FFF; font-size:12px; text-align:center; width:50px;}
.form .empty{margin-left:20px; margin-right:20px; width:50px;}
.thanks{text-align:center; }
.thanks h3{font-size:22px; font-weight:bold; margin-bottom:50px;justify-content: center;}
.vertical-middle{vertical-align: middle;}
.p-country-name{display:none;}
@media screen and (max-width: 768px) {
.text{text-align:left;}
.form{padding-bottom:40px; margin-top:0; padding:0;}
.form .box{padding:20px;}
.form .notice{ padding-top:0px; margin-top:0px; margin-bottom:20px; text-align:left;}
.form .title{flex-wrap: wrap;justify-content: flex-start; margin-bottom: 0px;text-align: left;}
.form .title .note{width:100%; margin-top:10px;}
.form table th,.form table td{display:block; width:100% !important;border:none;}
.form table th{padding-top: 20px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size:18px;}
.form table td{ padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px;}
.privacy-wrap{width:100%;}
.privacy-text{padding:10px;}
.form .selectwrap{width:100%;}
.form .selectwrap select{width:100%;}
.form input.image::file-selector-button{margin-left:0px; width:130px; height:auto;padding:10px 10px; text-align:left;}
.form .selectwrap{width:100%;}
.form .selectwrap select{width:100%;}
.form ul.btn{flex-direction: column;}
.form ul.btn li.back{margin:0 0 20px 0;}
.form input[type="file"]{width:100%; margin-top:5px;}
.thanks{padding-top:0px;}
.radio_btn label{margin-right:20px; margin-bottom:10px;}
.check_btn label{width:48%; margin-right:1%;}
.privacy-agree .check_btn label{width:100%;}
.mw_wp_form .horizontal-item + .horizontal-item{margin-right:0px;}
}
/*====================
フッター
=====================*/
footer{padding:60px 0 80px 0; border-top: solid 10px #39B54A;}
footer h3{font-size:40px; font-weight:normal;margin-bottom:40px; color:#000;font-family: 'Noto Serif JP', serif;}
footer .content{display:flex;justify-content: space-between;align-items: flex-start;font-family: "fot-tsukuardgothic-std", sans-serif;
font-weight: 700;}
footer .footer-info{width:25%;}
footer .logo{width: 70%; margin-bottom:20px;}
footer .sns{ margin-bottom:20px;}
footer .sns ul{display:flex;}
footer .sns ul li{font-size:40px; margin-right:20px; margin-top:20px;}
footer .content .menu{display:flex; }
footer .content .menu ul{ border-left:solid 2px #39B54A; padding-left:20px;display: flex;flex-direction: column;justify-content: end;}
footer .content .menu ul:first-child{margin-right:60px;}
footer .content .menu ul li{margin-bottom:20px; }
footer .content .menu ul li:last-child{margin-bottom:0;}
footer .content .menu ul li a{margin-bottom:30px;color: #000; }
footer .content .btn-menu{width:20%;}
footer .content .btn-menu li{margin-bottom:10px; min-width:220px;}
footer .content .btn-menu li:last-child{margin-bottom:0;}
footer .links{ margin-top:60px;width:100%;font-family: 'Noto Sans JP'; font-weight:bold; }
footer .links ul{ display:flex;justify-content: center; }
footer .links ul li{width:250px; font-size:14px; text-align:left;transition:0.2s all; margin-left:10px; margin-right:10px;}
footer .links ul li:first-child{width:240px; }
footer .links ul li:last-child{width:305px; }
footer .links ul li:hover{transform: scale(1.05);transition:0.2s all;}
footer .links ul li a{border-radius:15px; background:#F2F2EC; display:block; padding:10px 20px;display:flex;align-items: center; color:#000; border:solid 3px #39B54A;}
footer .links ul li img{width:40px; margin-right:10px;}
footer .btn-privacy{ width: 200px; text-align: center; margin-top: 40px; margin-right: auto; margin-bottom: 0; margin-left: auto;}
footer .copyright{text-align:center; font-size:12px; color:#CCC;margin-top:40px;}
footer .copyright a{color:#CCC;}
@media screen and (max-width: 768px) {
footer h3{font-size:30px;}
footer .content{flex-wrap: wrap;}
footer .footer-info{width:100%;}
footer .content .menu{width:100%; margin-top:20px;}
footer .content .btn-menu{width:100%; margin-top:20px;}
footer .content .btn-menu ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
footer .content .btn-menu ul li{width:47%; min-width:inherit;}
footer .sns ul{justify-content: center;}
footer .links ul{flex-wrap: wrap;}
footer .links ul li{width:300px; margin-bottom:20px;}
footer .links ul li a{padding:10px;}
footer .links ul li:first-child{width:300px;}
}
/*========================
ページトップ
=========================*/
#page_top a{width:40px; height:40px; transition:0.4s all; position: fixed; right:20px; bottom:20px; display:block; background:#FFF; border-radius:50%; color:#009245; text-align:center; font-size:30px;line-height: 49px; border:solid 1px #009245; z-index: 1;}
#page_top a img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; display: block; transition: .4s ease-in-out;}
@media screen and (max-width: 768px) {
#page_top a{right:20px; bottom:20px;width:40px; height:40px;}
}
/*====================
Read more
=====================*/
.more {transition:1s all;background: #39B54A; letter-spacing: 0; font-size: 14px; border-bottom: none; width:fit-content;}
.more.right {justify-content: flex-end;}
.more.center {justify-content: center;}
.more a{transition:0.4s all;display: block; padding: 5px 15px; color: #FFF; }
.more a img{width:100px;}
@media screen and (max-width: 768px) {
.more{justify-content: center;}
.more a{margin-top:20px;font-size:14px;}
.more a:before{top:30px;left:-80px;}
.more.right {justify-content: center;}
}
/*====================
ボタン
=====================*/
.btn {transition:1s all; display:flex;}
.btn.right {justify-content: flex-end;}
.btn.center {justify-content: center;}
.btn a{ display:block;text-align:center; border-radius:5px; padding:7px 0px; width:200px; color:#000; border:solid 1px #000; margin-top:40px;font-size:16px;transition:0.4s all;}
@media screen and (max-width: 768px) {
.btn{font-size:17px;}
}
/*====================
ページネーション
=====================*/
nav.pagination{display: flex; justify-content: space-between; align-items: center; position:static; width:auto; opacity:1; background-color:transparent;}
.nav-links{width:100%; margin-top:100px;margin-bottom:20px;}
.nav-links ul { list-style: none; display: flex; justify-content: center; gap: 8px;}
.nav-links li{width:auto !important;border-bottom:none !important;}
.nav-links li:hover{background-color: transparent !important;}
.nav-links li:after{content:none;}
.nav-links li a{padding:0px !important; line-height:45px; text-align:center;}
.nav-links li > * { display: flex; align-items: center; justify-content: center; font-size: 14px; height: 45px;}
.nav-links li > *:not(.dots) { width: 45px !important; color: #000; transition: color 0.3s ease, background 0.3s ease;line-height: 45px; text-align: center;}
.nav-links li > .current{ color: #FFF; background: #39B54A;}
.nav-links li > .current:hover{text-decoration:none !important;}
.nav-links li > a:hover { color: #000; background-color: #F6F6F6;text-decoration:none !important;}
.nav-links li i{color:#39B54A; font-size:20px;}
.nav-links li i:hover{text-decoration:none;}
@media screen and (max-width: 768px) {
.nav-links{margin-top:40px;margin-bottom:0px;}
}
.pagenation{display:flex;justify-content: space-between; margin-top:100px;}
.pagenation .unit{width:50%;}
.pagenation .unit a{color:#39B54A;}
.pagenation .unit:last-child{text-align:right;}
.pagenation .unit > div{display:flex; font-size:13px; margin-bottom:20px;}
.pagenation .unit:last-child > div{flex-direction: row-reverse;}
.pagenation .unit .date{ margin-bottom:0px;}
.pagenation .unit .title{border-bottom:none; padding-bottom:0px;}
.pagenation .unit .title a{color:#000; font-size:13px;}
.arrow-left,.arrow-right {position: relative;display: inline-block;padding: 10px;}
.arrow-left::before, .arrow-right::before { content: ''; width: 20px; height: 20px; border-top: solid 2px #39B54A; border-right: solid 2px #39B54A; position: absolute; left: 0px; top: 1px;}
.arrow-left::before{ transform: rotate(-135deg);}
.arrow-right::before { transform: rotate(45deg);}
/*======= 下からフェードアップ =======*/
.fadeup {opacity: 0;}
.fadeup.isShow { opacity: 1;animation: fadeUp 0.3s ease 0.3s 1 normal backwards;}
@keyframes fadeUp {
from {
opacity: 0;
transform: translateY(100px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media screen and (max-width: 768px) {
.pc{display:none !important;}
}
@media screen and (min-width: 769px) {
.sp{display:none !important;}
}
.align-center{display:flex;align-items: center;justify-content: center;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.mb80{margin-bottom:80px;}
.mb100{margin-bottom:100px;}
.mt40{margin-top:40px;}
.mt100{margin-top:100px;}
.mr40{margin-right:40px;}
.mr20{margin-right:20px;}
.p80{padding:80px;}
.p40{padding:80px;}
.p25{padding:25px;}
.p20{padding:20px;}
.pr7p{padding-right:7%;}
.pl15p{padding-left:15%;}
.fs20{font-size:20px;}
.fs30{font-size:30px;}
.text-green{ color:#39B54A;}
.bg-green{ background:#8ec21f;}
.bg-hada{background:#edede1;}
.bg-white{background:#FFF;}
.radius50{border-radius:50px;}
.radius15{border-radius:15px;}
@media screen and (max-width: 768px) {
.mb40{margin-bottom:20px;}
.mt40{margin-top:20px;}
.mt100{margin-top:40px;}
.p80{padding:20px;}
.pr7p{padding-right:0%;}
.pl15p{padding-left:0%;}
.radius50{border-radius:25px;}
}