@charset "utf-8";

html,body{overflow: hidden; height: 100%;}
html.ie,body.ie{overflow: hidden; height: auto;}
html.windowloaded,body.windowloaded {overflow: visible; height: auto; }

#contents {padding-top: 0;}

/* swiper */
.swiper-container {width: 100%; min-width: 1200px; position: relative;}
.swiper-container .swiper-slide{float: left; width: 846px; height: auto;}
.swiper-container img {width: 100%; height: 100%; position: relative; z-index: 1;}
.swiper-button-next:hover,.swiper-button-prev:hover,
.swiper-pagination-bullet:hover {filter: brightness(1.2);}
.ie .swiper-button-next:hover,.ie .swiper-button-prev:hover,
.ie .swiper-pagination-bullet:hover {opacity: 0.7}



@media screen and (min-width:641px){
#floatContact {top: 132px;}

#visual {position: relative; z-index: 0; overflow: hidden; background: #000; min-width: 1200px; margin-bottom: 64px;}
#visual .wrap{min-height: 788px; position: relative; text-align: center; width: 100%;}
.tablet #visual .wrap,
.uamobile #visual .wrap {background: url(../img/top/mobile.png) center center no-repeat; background-size: cover;}
#visual .movie{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.uamobile #visual .movie {display: none;}
#visual .wrap h1 {position: absolute; left: 0; top: 50%; z-index: 100; color: #fff; font-family: "游明朝体", "Yu Mincho", YuMincho,'Noto Serif Japanese', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; text-align: center; width: 100%; margin-top: -62px; text-shadow: 0 3px 4px #222;}
#visual .wrap h1 b{display: block; font-size: 22px; padding: 20px 0; letter-spacing: 0.1em;}
#visual .wrap h1 strong{display: block; font-size: 40px; font-weight: normal; padding: 20px; letter-spacing: 0.1em;}
#visual::after{content: ''; background: #fff; width: 100px; height: 100px; border-radius: 100%; position: absolute; left: 50%; bottom: -50px; margin-left: -50px; z-index: 1;}
#visual::before{content: ''; width: 12px; height: 12px; border-bottom: 3px solid #8d7553; border-left: 3px solid #8d7553; position: absolute; left: 50%; bottom: 12px; margin-left: -6px; z-index: 10; transform: rotate(-45deg);}

#news h2{ font-family: "游明朝体", "Yu Mincho", YuMincho,'Noto Serif Japanese', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-size: 20px; font-weight: bold; padding: 0 0 0 40px; letter-spacing: 0.2em; background: url(../img/icon-calendar.png) left center no-repeat; line-height: 24px;}
#news ul { border-bottom: 1px solid #cfcfcf; margin: 15px 0 0;}
#news li {font-size: 17px; line-height: 1.3; display: flex; padding: 20px 0; border-top: 1px solid #cfcfcf;}
#news li b{white-space: nowrap; padding: 0 19px;}
#news li a,
#news li span:not(.cat-label) {display: block; position: relative; padding-right: 30px; width: 100%;}
#news li a::after{content: ''; width: 11px; height: 2px; position: absolute; right: 0; top: 50%; margin-top: -1px; background: #000;}
#news li a::before{content: ''; width: 10px; height: 10px; border-bottom: 2px solid #000; border-right: 2px solid #000; position: absolute; right: 0; top: 50%; margin-top: -5px; transform: rotate(-45deg);}
#news p {position: absolute; right: 0; top: 0;}
#news p a,
#news p span{background: #fb5a03; width: 64px; display: block; line-height: 21px; font-size: 16px; color: #fff; text-align: center; transition: 0.3s;}
#news p a:hover {opacity: 0.7; text-decoration: none;}

#ba p {width:100%; margin-top:64px; align-content: center; flex-wrap: nowrap;}
#ba p a:hover {opacity: 0.7; text-decoration: none;}


#facility {width: 100%; margin-top: 64px;}
#facility a{display: block; border-left: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; width: 100%; position: relative; padding: 120px 20px 60px; text-align: center;}
#facility a::after{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 0.3s; z-index: -1; opacity: 0;}
#facility a:hover {text-decoration: none;}
#facility a:hover::after {opacity: 0.04;}
#facility h3{text-align: center; font-size: 22px; line-height: 28px; font-family: "游明朝体", "Yu Mincho", YuMincho,'Noto Serif Japanese', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-weight: bold; position: absolute; left: 0; top: 58px; width: 100%; letter-spacing: 0.15em;}
#facility ul {padding: 25px 0 40px;}
#facility li {font-size: 15px; text-align: left; font-weight: bold;}
#facility li + li {margin-top: 12px;}
#facility img {display: inline-block; margin: 0 auto;}
#facility p {line-height: 60px; position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 20px; font-weight: bold;}
#facility p span {display: block; position: relative; border-top:1px solid #cfcfcf; padding: 22px 0 0; line-height: 1; height: 60px;}
#facility p span i {width: 45px; display: inline-block; position: relative; line-height: 1; vertical-align: top; transition: 0.3s;}
#facility p span i::after{content: ''; width: 15px; height: 15px; position: absolute; left: 50%; top: 0; background: #333; border-radius: 100%; z-index: 5; transition: 0.3s;}
#facility p span i::before{content: ''; width: 5px; height: 5px; border-bottom: 1px solid #fff; border-right:1px solid #fff; position: absolute; left: 50%; top: 0; z-index: 10; margin: 5px 0 0 4px; transform: rotate(-45deg);}
#facility p span b {font-size: 15px; display: inline-block; transition: 0.3s; width: 0; line-height: 1; vertical-align: top; opacity: 0; white-space: nowrap;}
#facility a:hover p span b {margin-right: 0; opacity: 1; width: 5em;}
#facility a:hover p span i,
#facility a:hover p span b{transform: translate(-15px,0)}

#facility [href*='pog'] h3 {color: #fba603;}
#facility a[href*='pog']::after,
#facility a[href*='pog']:hover p span i::after{background-color: #fba603;}
#facility [href*='psm'] h3 {color: #49b806;}
#facility a[href*='psm']::after {background-color: #49b806;}
#facility a[href*='psm']:hover p span i::after{background-color: #49b806;}
#facility [href*='phm'] h3 {color: #0459b8;}
#facility a[href*='phm']::after {background-color: #0459b8;}
#facility a[href*='phm']:hover p span i::after{background-color: #0459b8;}
#facility [href*='funbuilding'] h3 {color: #fb03ac;}
#facility a[href*='funbuilding']::after {background-color: #fb03ac;}
#facility a[href*='funbuilding']:hover p span i::after{background-color: #fb03ac;}

#facility [href*='https://www.manabigura.jp/'] h3 {color: #539a35;}
#facility a[href*='https://www.manabigura.jp/']::after {background-color: #539a35;}
#facility a[href*='https://www.manabigura.jp/']:hover p span i::after{background-color: #539a35;}

}
@media screen and (min-width:1201px) and (max-width:1350px){}
@media screen and  (max-width:1200px){}
@media screen and (max-width:640px){
/*
    SP STYLE
    
***************************************/
.swiper-container {min-width: inherit;}
.swiper-container .swiper-slide{width: 100vw;}

#visual {height: 48rem; position: relative; z-index: 0; overflow: hidden; font-size: 0; line-height: 1; margin-bottom: 3.2rem;}
#visual .wrap{position: relative; text-align: center; width: 100%; height: 100%;}
#visual .slider {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
#visual .slider .swiper-slide {width: 100%; height: 100%;}
#visual .movie {display: none;}
#visual .wrap h1 {position: absolute; left: 0; top: 50%; z-index: 100; color: #fff; font-family: "游明朝体", "Yu Mincho", YuMincho,'Noto Serif Japanese', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; text-align: center; width: 100%; margin-top: -3.1rem; text-shadow: 0 3px 4px #222;}
#visual .wrap h1 b{display: block; font-size: 1.1rem; padding: 1rem 0; letter-spacing: 0.1em;}
#visual .wrap h1 strong{display: block; font-size: 1.7rem; font-weight: normal; padding: 1rem; letter-spacing: 0.1em;}
#visual::after{content: ''; background: #fff; width: 5rem; height: 5rem; border-radius: 100%; position: absolute; left: 50%; bottom: -2.5rem; margin-left: -2.5rem; z-index: 100;}
#visual::before{content: ''; width: 0.6rem; height: 0.6rem; border-bottom: 0.15rem solid #8d7553; border-left: 0.15rem solid #8d7553; position: absolute; left: 50%; bottom: 0.6rem; margin-left: -0.3rem; z-index: 110; transform: rotate(-45deg);}

#news h2{ font-family: "游明朝体", "Yu Mincho", YuMincho,'Noto Serif Japanese', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-size: 1.4rem; font-weight: bold; padding: 0 0 0 1.75rem; letter-spacing: 0.2em; background: url(../img/icon-calendar.png) left center no-repeat; line-height: 1.5rem; background-size: 1.2rem auto; margin-bottom: 0.75rem;}
#news ul { border-bottom: 1px solid #cfcfcf; margin: 0.75rem 0 0;}
#news li {font-size: 1rem; line-height: 1.3; display: block; padding: 1rem 0; border-top: 1px solid #cfcfcf; position: relative;}
#news li.area {cursor: pointer;}
#news li b{white-space: nowrap; padding: 0 1rem;}
#news li b,  #news li time {display: inline-block;}
#news li a,
#news li span{display: block; padding: 0.5rem 20px 0 0; width: 100%;}
#news li a::after{content: ''; width: 11px; height: 2px; position: absolute; right: 0; top: 50%; margin-top: -1px; background: #000;}
#news li a::before{content: ''; width: 8px; height: 8px; border-bottom: 2px solid #000; border-right: 2px solid #000; position: absolute; right: 0; top: 50%; margin-top: -4px; transform: rotate(-45deg);}

#news p {padding: 1.6rem 0 0;}
#news p a{background: #fb5a03; display: block; line-height: 3.2rem; font-size: 1.2rem; color: #fff; text-align: center;}

#ba p {width:100%; 3.2rem; }
#ba p a:hover {opacity: 0.7; text-decoration: none;}


#facility { margin-top: 3.2rem;}
#facility a{display: block; position: relative; padding: 0;}
#facility a + a{margin-top: 0.6rem;}
#facility a div {border: 1px solid #cfcfcf; padding: 1.5rem 0 6rem 10.5rem; position: relative;}
#facility a::after{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 0.3s; z-index: -1; opacity: 0;}
#facility a:hover {text-decoration: none;}
#facility a:hover::after {opacity: 0.04;}
#facility h3{font-size: 1.5rem; line-height: 1.3; font-family: 'Noto Serif Japanese', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-weight: bold; margin-bottom: 0.5rem; letter-spacing: 0.15rem;}
#facility ul {padding:0.2rem 0 1.6rem 0.1rem;}
#facility li {font-size: 1rem; text-align: left; font-weight: bold;}
#facility li + li {margin-top: 0.6rem;}
#facility img {width: 7.8rem; height: auto; position: absolute; left: 1.2rem; top: 1.1rem;}
#facility p {position: absolute; left: 1rem; bottom:1.6rem; width: 30.5rem; font-weight: bold; border-top:1px solid #cfcfcf; padding: 1rem 0 0; color: #fff;}
#facility p span {background: #fb5a03; display: block; position: relative; height: 3.2rem; text-align: center;}
#facility p span i {width: 15px; display: inline-block; position: relative; vertical-align: top; height: 3.2rem; padding: 0 0.5rem;}
#facility p span i::after{content: ''; width: 15px; height: 15px; position: absolute; left: 0; top: 50%; background: #fff; border-radius: 100%; z-index: 5; margin: -7.5px 0 0;}
#facility p span i::before{content: ''; width: 5px; height: 5px; border-bottom: 1px solid #fb5a03; border-right:1px solid #fb5a03; position: absolute; left:0; top: 50%; z-index: 10; margin: -2.5px 0 0 4px; transform: rotate(-45deg);}
#facility p span b {font-size: 1.2rem; display: inline-block; vertical-align: top; white-space: nowrap; line-height: 3.2rem; padding: 0 0.5rem;}

#facility [href*='pog'] h3 {color: #fba603;}
#facility [href*='psm'] h3 {color: #49b806;}
#facility [href*='phm'] h3 {color: #0459b8;}
#facility [href*='funbuilding'] h3 {color: #fb03ac;}
#facility [href*='https://www.manabigura.jp/'] h3 {color: ##539a35;}


}

#background_video {
position: absolute;
top: 0; left: 0;
object-fit: cover;
height: 100%; width: 100%;
}


#videocontainer {
overflow: hidden;
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
}

.cat-label{width:100px;height:20px;display:inline-block;text-align:center;line-height:20px;background:#eee;font-size:0;margin-right:30px;white-space:nowrap;color:#fff;}
.cat-label:before{font-size:10px;}
.cat-label.cat1{background-color:#8d7553;}/*法人*/
.cat-label.cat1:before{content:"\006cd5\004eba";}
.cat-label.cat8{background-color:#7ea325;}/*草加南*/
.cat-label.cat8:before{content:"\008349\0052a0\005357";}
.cat-label.cat6{background-color:#eb9b02;}/*扇*/
.cat-label.cat6:before{content:"\006247";}
.cat-label.cat10{background-color:#10426d;}/*東松戸*/
.cat-label.cat10:before{content:"\006771\00677e\006238";}
.cat-label span{padding-right:0;}

@media screen and (max-width:640px){
/*
    SP STYLE
    
***************************************/
#news li .cat-label{width:80px;display:inline-block;padding:0 10px;margin-right:10px;}
}

/* add 202212 */
#newsList h2{ font-family: "游明朝体", "Yu Mincho", YuMincho,'Noto Serif Japanese', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;font-weight: bold;color: #8E6F44;}
#newsList .tab-contents li a::after{content:'';width: 6px; height: 11px; position: absolute; right: 20px; top:50%; background:url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 6.1 11' style='enable-background:new 0 0 6.1 11;' xml:space='preserve'%3E%3Cpath id='_' d='M0.6,11C0.3,11,0,10.7,0,10.4c0-0.2,0.1-0.3,0.2-0.4l4.5-4.5L0.2,1c-0.2-0.2-0.2-0.6,0-0.9s0.6-0.2,0.9,0l4.9,4.9	c0.2,0.2,0.2,0.6,0,0.9L1,10.8C0.9,10.9,0.8,11,0.6,11'/%3E%3C/svg%3E") no-repeat center / cover; transform: translateY(-50%);}

#newsList .tab-list { display: flex; justify-content: flex-start; flex-wrap: nowrap; border-left: 1px solid #CFCFCF;}
#newsList .tab-list li { font-weight: bold;}
#newsList .tab-list li a { border: 1px solid #CFCFCF; border-bottom: 0; border-left: 0; display: flex; justify-content: center; align-items: center; position: relative;}
#newsList .tab-list li a:after { content: ""; height: 1px; width: 100%; display: block; position: absolute; bottom: -1px; left: 0; background: #fff; opacity: 0; z-index:1;}
#newsList .tab-list li a:hover {text-decoration: none;}
#newsList .tab-list li a.is-active:after,
#newsList .tab-list li a.is-active:hover { opacity: 1;}
#newsList .tab-list li a.is-active:hover { cursor: text}
#facility h2,#initiatives h2,.index-facility h2 {font-family: "游明朝体", "Yu Mincho", YuMincho,'Noto Serif Japanese', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; letter-spacing: 0.05em; color: #8E6F44;font-weight: bold; }
.initiatives-category-list { display: flex; justify-content: flex-start; flex-wrap: wrap;}
.initiatives-category-item {background: #fff; display: flex; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);}
.initiatives-category-item a { height: 100%;}
.initiatives-category-item a h3,
.initiatives-category-item a p,
.initiatives-category-item a time { transition: .5s;}
.initiatives-category-item a:hover,
.initiatives-category-item a:hover h3,
.initiatives-category-item a:hover p,
.initiatives-category-item a:hover time {text-decoration: none;}
.initiatives-category-item figure { overflow: hidden; position: relative; width:100%;}
.initiatives-category-item figure:before {content: ""; display: block;}
.initiatives-category-item figure img {width:100%; height: 100%;position: absolute;top: 0;overflow: hidden;object-fit: cover;transition: .5s;}
.initiatives-category-item h3 {letter-spacing: 0.05em; color: #8E6F44;font-weight: bold;}
.initiatives-category-item time {display: block; text-align: right; font-weight: bold;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;}
#newsList .tab-contents li time{ font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; letter-spacing: 0.05em;}
#newsList .tab-contents li p {font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;}

@media screen and (min-width:641px){
#newsList h2{font-size: 30px; padding: 0 0 40px; letter-spacing: 0.05em; }
#newsList .tab-list {height: 50px;}
#newsList .tab-list li a:hover{ opacity: 0.7;}
#newsList .tab-list li {font-size: 17px; width: 180px;}
#newsList .tab-list li a{ height: 50px;}
#newsList .tab-contents { border-top: 1px solid #cfcfcf; padding-top: 15px;}
#newsList .tab-contents li.tab-contents-item {font-size: 16px; line-height: 1.3; display: flex; border-bottom: 1px solid #cfcfcf;}
#newsList .tab-contents li time{padding: 0 30px 0 20px; font-size: 16px;}
#newsList .tab-contents li .cat-label { width: 80px; height: 26px;}
#newsList .tab-contents li .cat-label:before {font-size: 12px; width: 80px; height: 26px; line-height: 26px}
#newsList .tab-contents li.tab-contents-item a,
#newsList .tab-contents li span:not(.cat-label) {display: flex; align-content: flex-start; align-items: flex-start; position: relative; padding-right: 30px; width: 100%;}
#newsList .tab-contents a { padding: 20px 0;}
#newsList .tab-contents p a,
#newsList .tab-contents p span{background: #fb5a03; width: 64px; display: block; line-height: 21px; font-size: 16px; color: #fff; text-align: center; transition: 0.3s;}
#newsList .tab-contents a:hover,
#newsList .tab-contents a:hover * {text-decoration: none;}
#newsList .tab-contents a:hover p {opacity: 0.7; text-decoration: underline;}
#facility h2,
#initiatives h2,
.index-facility h2{  font-size: 30px; padding: 0 0 40px; line-height: 1;}
.facility__inner {display: flex; width: 100%; align-content: center; flex-wrap: nowrap; justify-content: space-around;border-right: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf;}
#initiatives {margin-top: 64px; position: relative; max-width: 100vw;}
#initiatives:after { content: ""; background: url(../img/top/bg_initiatives.jpg) no-repeat center / cover; position: absolute; top: 0; left: 0; width: 100vw; height: 100%; z-index: -1;}
#initiatives .inner { max-width: 1184px; margin: 0 auto; padding: 70px 0 45px;}
.initiatives-category-item { width: calc((100% - 84px) / 3); border-radius: 20px; margin-bottom: 30px;/* min-height: 600px;*/}
.initiatives-category-item { margin-right: 28px; margin-left: 0;}
.initiatives-category-item:nth-of-type(3n) { margin-right: 0;}
.initiatives-category-item figure { border-top-left-radius: 20px; border-top-right-radius: 20px;}
.initiatives-category-item figure:before {padding-top: 85%;}
.initiatives-category-item a{width:100%;}
.initiatives-category-item a figure img{transform:scale(1, 1)}
.initiatives-category-item a:hover figure img{transform:scale(1.1, 1.1)}
.initiatives-category-item .cts { padding: 0 9%;}	
.initiatives-category-item h3 {font-size: 20px;line-height: 1.5; padding: 25px 0 30px;}
.initiatives-category-item p {/* font-size: 14px;line-height: 1.78571428571429;*/ display:none;}
.initiatives-category-item time {/* font-size: 12px; padding: 15px 0 25px;*/display:none;}
.initiatives-category-item a:hover h3,
.initiatives-category-item a:hover p,
.initiatives-category-item a:hover time {opacity: .7}
}

@media screen and (max-width:640px){
/*
    SP STYLE
    
***************************************/
#newsList h2,
#facility h2,
#initiatives h2,
.index-facility h2{font-size: 1.4rem; letter-spacing: 0.2em; line-height: 1.5rem; margin-bottom: 1.5rem;}
#newsList .tab-list {height: 50px;}
#newsList .tab-list li {font-size: 17px; width:33.3%;}
#newsList .tab-list li a{height: 50px; border-bottom: none;}
#newsList .tab-contents { border-bottom: 1px solid #cfcfcf; margin:0;}
#newsList .tab-contents li {font-size: 1rem; line-height: 1.3; display: block; padding: 1rem 0; border-top: 1px solid #cfcfcf; position: relative;}
#newsList .tab-contents li.area {cursor: pointer;}
#newsList .tab-contents li b{white-space: nowrap; padding: 0 1rem;}
#newsList .tab-contents li b,  #newsList .tab-contents li time {display: inline-block;}
#newsList .tab-contents li a{display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; padding: 0.5rem 20px 0 0;}
#newsList .tab-contents li .cat-label {font-size: 0;}
#newsList .tab-contents li time,#newsList .tab-contents li .cat-label:before{ font-size: 1rem;}
#newsList .tab-contents li time {margin-right: 1em;}
#newsList .tab-contents li p {padding: 1.2rem 0 0; width: 100%;font-size: 1.2rem;}

#initiatives {margin: 64px -2rem 0; position: relative; width: 100vw;}
#initiatives:after { content: ""; background: url(../img/top/bg_initiatives.jpg) no-repeat center / cover; position: absolute; top: 0; left: 0; width: 100vw; height: 100%; z-index: -1;}
#initiatives .inner { padding: 70px 1rem 50px; width: 100%;}
.initiatives-category-list{width: 100%;}
.initiatives-category-item { width: calc(50% - 1rem); border-radius: 20px; margin-bottom: 30px;}
.initiatives-category-item { margin-right: 2rem; margin-left: 0;}
.initiatives-category-item:nth-of-type(2n) {margin-right: 0;}
.initiatives-category-item figure { border-top-left-radius: 20px; border-top-right-radius: 20px;}
.initiatives-category-item figure:before {padding-top: 66%;}
.initiatives-category-item a figure img{transform:scale(1, 1)}
.initiatives-category-item .cts { padding: 0 9%;}	
.initiatives-category-item h3 { font-size: 1.4rem;line-height: 1.5; padding: 30px 0;}
.initiatives-category-item p {/*font-size: 1.2rem;line-height: 1.78571428571429; padding: 0;*/display:none;}
.initiatives-category-item time {/*font-size: 1rem;padding: 25px 0 35px;*/display:none;}

}


.index-facility__list [href*='pog'] h3 {color: #fba603;}
.index-facility__list a[href*='pog']::after{background: -moz-linear-gradient(left,  rgba(255,255,255,0.05) 0%, rgba(251,166,3,0.05) 100%);background: -webkit-linear-gradient(left,  rgba(255,255,255,0.05) 0%,rgba(251,166,3,0.05) 100%);background: linear-gradient(to right,  rgba(255,255,255,0.05) 0%,rgba(251,166,3,0.05) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dffffff', endColorstr='#0dfba603',GradientType=1 );}
.index-facility__list [href*='psm'] h3 {color: #49b806;}
.index-facility__list a[href*='psm']::after {background: -moz-linear-gradient(left,  rgba(255,255,255,0.05) 0%, rgba(73,184,6,0.05) 100%);background: -webkit-linear-gradient(left,  rgba(255,255,255,0.05) 0%,rgba(73,184,6,0.05) 100%);background: linear-gradient(to right,  rgba(255,255,255,0.05) 0%,rgba(73,184,6,0.05) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dffffff', endColorstr='#0d49b806',GradientType=1 );}
.index-facility__list [href*='phm'] h3 {color: #0459b8;}
.index-facility__list a[href*='phm']::after {background: -moz-linear-gradient(left,  rgba(255,255,255,0.05) 0%, rgba(4,89,184,0.05) 100%);background: -webkit-linear-gradient(left,  rgba(255,255,255,0.05) 0%,rgba(4,89,184,0.05) 100%);background: linear-gradient(to right,  rgba(255,255,255,0.05) 0%,rgba(4,89,184,0.05) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dffffff', endColorstr='#0d0459B8',GradientType=1 );}
.index-facility__list [href*='funbuilding'] h3 {color: #fb03ac;}
.index-facility__list a[href*='funbuilding']::after {background: -moz-linear-gradient(left,  rgba(255,255,255,0.05) 0%, rgba(4,89,184,0.05) 100%);background: -webkit-linear-gradient(left,  rgba(255,255,255,0.05) 0%,rgba(4,89,184,0.05) 100%);background: linear-gradient(to right,  rgba(255,255,255,0.05) 0%,rgba(4,89,184,0.05) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dffffff', endColorstr='#0d0459b8',GradientType=1 );}
.index-facility__list [href*='https://www.manabigura.jp/'] h3 {color: #539a35;}
.index-facility__list a[href*='https://www.manabigura.jp/']::after {background: -moz-linear-gradient(left,  rgba(255,255,255,0.05) 0%, rgba(83,154,53,0.05) 100%);background: -webkit-linear-gradient(left,  rgba(255,255,255,0.05) 0%,rgba(83,154,53,0.05) 100%);background: linear-gradient(to right,  rgba(255,255,255,0.05) 0%,rgba(83,154,53,0.05) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dffffff', endColorstr='#0d539a35',GradientType=1 );}
.index-facility__list [href*='houkatsu'] h3 {color: #DB5424;}
.index-facility__list a[href*='houkatsu']::after {background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(219,84,36,0.05) 100%);background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(219,84,36,0.05) 100%);background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(219,84,36,0.05) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0ddb5424',GradientType=1 );}
.index-facility__list [href*='sumai'] h3 {color: #db4d52;line-height:1.5;}
.index-facility a {display: flex; flex-wrap: nowrap;}
.index-facility a,.index-facility a:hover > * {text-decoration: none;}
.index-facility h3 {font-family: "游明朝体", "Yu Mincho", YuMincho,'Noto Serif Japanese', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-weight: bold;letter-spacing: 0.15em;}
.index-facility__list {border-top: 1px solid #CFCFCF; border-left: 1px solid #CFCFCF;}
.index-facility__item {border-right: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF;}
.index-facility__item li{padding-left:1.2em; }
.index-facility__item li:before {content: "\0030fb";margin:0 .2em 0 -1em;}
.index-facility__item a{position:relative;}
.index-facility__item a:before,.index-facility__list a:after{content:"";display:block;position:absolute;}
.index-facility__item a:before{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='icon-arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 15 15' style='enable-background:new 0 0 15 15;' xml:space='preserve'%3E%3Cpath id='Icon_ionic-ios-arrow-dropright-circle' d='M0,7.5C0,11.6,3.4,15,7.5,15S15,11.6,15,7.5S11.6,0,7.5,0S0,3.4,0,7.5z	 M8.8,7.5l-3-2.9c-0.3-0.2-0.4-0.7-0.1-1s0.7-0.4,1-0.1c0,0,0.1,0.1,0.1,0.1L10.3,7c0.3,0.3,0.3,0.7,0,1l-3.4,3.4	c-0.3,0.3-0.7,0.3-1,0.1c-0.3-0.3-0.3-0.7-0.1-1c0,0,0,0,0.1-0.1L8.8,7.5z'/%3E%3C/svg%3E");background-size: 15px; background-repeat: no-repeat;background-position:center;top:50%; transform: translateY(-50%);width:15px;height:15px;}
.index-facility__list [href*='pog'] ul {display: flex; flex-wrap: wrap;}
.index-facility__list [href*='pog'] ul li {width: 50%;}
.index-facility__list [href*='pog'] ul li:last-child {width: 100%;}

@media screen and (min-width:641px){
.index-facility {width: 100%; margin-top: 64px;}
.index-facility__list {display: flex; flex-wrap: wrap; justify-content: start; align-items: flex-start;}
.index-facility__item {width: 50%; margin: 0;}
.index-facility__item a {padding:31px 30px; overflow:hidden;}
.index-facility__item h3 {font-size: 22px;margin-bottom: 20px;}
.index-facility__item li {font-size: 13px; margin-bottom: 6px; line-height: 1.6em; font-weight: 500;}
.index-facility__txt{padding-left: 30px;}
.index-facility__item a:before {right: 20px;}
.index-facility__list a:after{top:0;left:100%;width:100%;height:100%;z-index:-1;transition:.5s;}
.index-facility__list a:hover:after{left:0;}
}
@media screen and (max-width:640px){
.index-facility { margin-top: 3.2rem;}
.index-facility__item h3{font-size: 1.5rem;margin-bottom: 15px;}
.index-facility__item a {padding: 1.5rem;}
.index-facility__txt{padding-left: 20px; width: 100%;}
.index-facility__item li{ font-size: 1rem; text-align: left; font-weight: bold; margin-bottom: 10px;}
}

