/**   main visual   **/
.main-visual{position:relative; padding:0}
.main-visual__ul-wrap{position:relative}
.main-visual__ul{}
.main-visual__li{position:relative; width:100%; height:100vh; background-repeat:no-repeat; background-position:center; background-size:cover}
.main-visual__li--1{background-image:url('/assets/images/main/main-slide1.jpg')}
.main-visual__li--2{background-image:url('/assets/images/main/main-slide2.jpg')}
.main-visual__li--3{background-image:url('/assets/images/main/main-slide3.jpg')}
.main-visual__li--4{background-image:url('/assets/images/main/main-slide4.jpg')}
.main-visual__li--5{background-image:url('/assets/images/main/main-slide5.jpg')}
.main-visual__title{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; padding:0 3em; text-align:center}
.main-visual__title-main{font-size:4.5rem; color:#fff; line-height:1.2; text-shadow: 0 0 10px rgba(0,0,0,0.5)}
.main-visual__title-sub{font-size:1.25rem; font-weight:200; color:#fff; line-height:1.6; text-align:center; margin-top:1.3em; white-space:pre-line; text-shadow: 0 0 5px rgba(0,0,0,0.8)}
.main-visual__title-btn{margin-top:1.5em}
.main-visual__ul .slick-dots{position:absolute; left:50%; bottom:calc(60px + 4em); transform:translateX(-50%); z-index:100}
.main-visual__ul .slick-dots:after{content:''; display:block; clear:both}
.main-visual__ul .slick-dots li{float:left}
.main-visual__ul .slick-dots li + li{margin-left:1em}
.main-visual__ul .slick-dots button{width:1em; height:1em; border-radius:50%; border:1px solid #fff; text-indent:-100%; overflow:hidden; color:transparent}
.main-visual__ul .slick-dots li.slick-active button{background-color:#fff}
.main-visual__ul .slick-arrow{position:absolute; top:50%; z-index:100; transform:translateY(-50%); width:5em; height:5em; text-indent:-100%; overflow:hidden; color:transparent}
.main-visual__ul .slick-arrow:after{content:''; position:absolute; left:50%; top:50%; width:30%; height:30%; border:solid #fff; transform-origin:0 0; transform:rotate(-45deg) translate(-50%,-50%)}
.main-visual__ul .slick-prev{left:0}
.main-visual__ul .slick-prev:after{border-width:1px 0 0 1px}
.main-visual__ul .slick-next{right:0}
.main-visual__ul .slick-next:after{border-width:0 1px 1px 0}
@media screen and (max-width:1200px){
	.main-visual__title{width:75%; left:12.5%}
	.main-visual__title-main{font-size:3rem}
	.main-visual__title-sub{font-size:1.125rem}
}
@media screen and (max-width:768px){
	.main-visual__title-main{font-size:2.5rem}
	.main-visual__title-sub{white-space:normal; word-break:keep-all}
	.main-visual__ul .slick-arrow{width:3.5em; height:3.5em}
}

/**   main section mini-notice   **/
.mini-notice{z-index:90; transition:all .5s; position:absolute; bottom:0; left:0; width:100%; height:60px; border-top:1px solid rgba(255,255,255,.3)}
.mini-notice__inn{display:flex; width:100%; max-width:1200px; height:100%; margin:0 auto; box-sizing:border-box}
.mini-notice__h3{position: relative; display:flex; align-items:center; justify-content:center; width:150px; text-align: center; height:60px; box-sizing:border-box; color:#fff; font-size:1rem; font-weight:normal; border-left:1px solid rgba(255,255,255,.3); border-right:1px solid rgba(255,255,255,.3)}
.mini-notice__h3 a{line-height:1; color:#fff}
.mini-notice__h3 span{margin-left:10px}
.mini-notice__slide-area{float:left; width: calc(100% - 150px); box-sizing:border-box}
.mini-notice__slide-area .slick-list{width:calc(100% - 120px)}
.mini-notice__slide-area .slick-arrow{width:60px; height:60px; position:absolute; top:0; overflow:hidden; text-indent:-9999em; border-left:1px solid rgba(255,255,255,.3); box-sizing:border-box; cursor:pointer}
.mini-notice__slide-area .slick-arrow.slick-prev{right:60px; background:url('/assets/images/main/mini-notice--prev.png') no-repeat center;}
.mini-notice__slide-area .slick-arrow.slick-next{right:0; background:url('/assets/images/main/mini-notice--next.png') no-repeat center; border-right:1px solid rgba(255,255,255,.3)}
.mini-notice__board{padding:0 1em; box-sizing:border-box;}
.mini-notice__board__item{display:flex; justify-content:space-between;}
.mini-notice__board__title{box-sizing:border-box; padding-left:2.5em; padding-right:1em; width:calc(100% - 150px); text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; text-align:left;}
.mini-notice__board__title,
.mini-notice__board__title a,
.mini-notice__board__date{display:flex; align-items:center; height:60px; color:#fff}
.mini-notice__board__date{padding-right:35px}
.mini-notice li p.no-post{position:absolute; top:50%; transform:translateY(-50%); padding-left:35px; padding-right:10px; color:#fff}
.mini-notice.is-active{background-color:#8BB97E; border-bottom:1px solid rgba(255,255,255,.3)}

@media screen and (max-width:768px) {
	.mini-notice{position:absolute; bottom:0 !important;}
	.mini-notice__slide-area{width: calc(100% - 100px);}
	.mini-notice__slide-area .slick-arrow{display:none !important;}
	.mini-notice__slide-area .slick-list{width:100%;}
	.mini-notice__h3{width: 100px;border-left: 0}
	.mini-notice__board__title{width:100%;}
	.mini-notice__board__title a{text-overflow: ellipsis; overflow: hidden;}
	.mini-notice__board__date{display:none;}
}

/**    circle-layout   **/
.section--circle-layout{text-align:center; background:#8BB97E}
.circle-layout{display:flex}
.circle-layout__item{width:33.333%; padding:1em; box-sizing:border-box; text-align:center;}
.circle-layout__item__figure{display:inline-block;}
.circle-layout__item__img{max-width:80%; transform: scale(1); transition: .7s}
.circle-layout__item__img:hover{transform: scale(1.1);}
.circle-layout__item__text{font-size:1.5rem; color:#fff; line-height:1.4; margin-top:2em;}
.circle-layout__button{display:inline-block; text-align:center; margin-top:2em; border:2px solid #fff; border-radius:5px; padding:1em 1.3em; color:#fff; font-size:1.125rem;}
.circle-layout__button:hover{background-color:#fff; color:#333;}
@media screen and (max-width:1200px){
	.circle-layout__item__text{font-size:1.25rem;}
}
@media screen and (max-width:768px){
	.circle-layout{flex-wrap:wrap}
	.circle-layout__item{display:flex; align-items:center; width:100%; padding: 10px 0; text-align: left;}
	.circle-layout__box{vertical-align: middle;}
	.circle-layout__box:first-child{width: 40%; padding-right: 2.5em;box-sizing:border-box}
	.circle-layout__box:last-child{width: 60%}
	.circle-layout__item__img{max-width: 100%;}
	.circle-layout__item__text{font-size:1.75rem;margin-top: 0; word-break: keep-all;}
	.circle-layout__item:nth-child(even) .circle-layout__box:first-child{order:1; padding-right:0; padding-left: 2.5em}
	.circle-layout__item:nth-child(even) .circle-layout__box:last-child{text-align:right;}
}
@media screen and (max-width:599px){
	.circle-layout__item__text{font-size:1.5rem}
}

/**    link   **/
.section-link{padding:2em 0}
.section-link .link__ul{display:flex}
.section-link .link__li{width:50%; margin-left:1%; padding:1em 1em; box-sizing:border-box;}
.section-link .link__li:hover{background-color:#f3f3f3;}
.section-link .link__li:first-child{margin-left:0;}
.section-link .link__item{display:block; padding:3em 0; width:100%; text-align:center}
.section-link .link__title{padding-top:120px; font-size:1.5rem; line-height:1.3; color:#333; background-repeat:no-repeat; background-position:center top; transition:transform .3s}
.section-link .link__li:nth-child(1) .link__title{background-image:url('/assets/images/main/main-link__img2.png')}
.section-link .link__li:nth-child(2) .link__title{background-image:url('/assets/images/main/main-link__img1.png')}
.section-link .link__li:hover .link__title{transform:rotateY(1turn)}
@media screen and (max-width:1200px){
	.section-link .link__li{width:50%; margin-left:0; min-height:190px}
}
@media screen and (max-width:768px){
	.section-link{padding: 0}
	.section-link .wrap{width: 100%}
	.section-link .link__ul{flex-wrap:wrap}
	.section-link .link__li{padding:0; display:flex; align-items:center; justify-content:center; width:50%}
	.section-link .link__title{font-size:1.125rem}
}
@media screen and (max-width:599px){
	.section-link .link__li:nth-child(1) .link__title{background-size:71px;background-position-y:30%}
	.section-link .link__li:nth-child(2) .link__title{background-size:65px}
}

/**    map    **/
.main-map{width:100%; height:500px; vertical-align: bottom}
@media screen and (max-width: 768px){
	.main-map{height:250px}
}