@charset "utf-8";

/* style */
/* -------------------------------------------------------- */
#contents {padding-bottom:0;}
#footer .copy {color:#fff;}

.top-mv {width:100%; min-height:100vh; background:url(../img/top/mv.jpg) no-repeat center center; background-size:cover; display:flex; justify-content:center; align-items:center;}
.top-mv > div {width:100%;}
.top-mv .logo {padding:70px 0 0 0;}
.top-mv .catch {font-size:2.6rem; text-align:center; line-height:1.6; color:#fff; text-shadow:0 3px 6px rgba(0,0,0,0.6); margin:0.5em 0 0 0;}
.top-mv .btn {margin:50px 0 0 0; display:flex; justify-content:center; align-items:center;}
.top-mv .btn > li {padding:0 50px;}
.top-mv .btn a {width:282px; background-color:#E88F2A; box-shadow:0 3px 6px rgba(0,0,0,0.4); border-radius:5px; display:block; transition:opacity 0.3s ease;}
.top-mv .btn a:hover {opacity:0.7;}
.top-mv .sd {padding:160px 0 0 0; position:relative;}
.top-mv .sd a {width:112px; margin:0 0 0 -56px; display:block; position:absolute; bottom:24px; left:50%;}

.top-calendar {padding:120px 0; background:url(../img/top/bg_01.jpg) no-repeat center center; background-size:cover;}
.top-calendar .btn {margin:100px -20px 0 -20px; display:flex;}
.top-calendar .btn > li {width:50%; padding:0 20px; box-sizing:border-box;}
.top-calendar .calendar iframe {width:100%; height:400px;}

.top-img img {width:100%;}

.top-news {padding:130px 0 120px 0; position:relative;}
.top-news::before,
.top-news::after {content:''; width:50%; height:100%; background-repeat:no-repeat; background-position:right top; background-size:cover; display:block; position:absolute; top:0;}
.top-news::before {background-image:url(../img/top/bg_02.jpg); left:0;}
.top-news::after {background-image:url(../img/top/bg_03.jpg); right:0;}
.top-news .sec {position:relative; z-index:5;}
.top-news .clm {display:flex;}
.top-news .clm > div {width:50%; text-align:left; box-sizing:border-box;}
.top-news .clm .news {padding-right:30px;}
.top-news .clm .sns {padding-left:90px;}
.top-news .txt1 {font-size:6.0rem; font-weight:700; line-height:1; text-align:left;}
.top-news .news .txt1 {color:#1D6A2F;}
.top-news .news .list {padding:15px 0 0 0;}
.top-news .news .list > a {text-decoration:none; color:#000; display:block; position:relative; transition:opacity 0.3s ease;}
.top-news .news .list > a::before {content:''; width:16px; height:16px; background:url(../img/common/arrow_01.svg) no-repeat center center; background-size:100% auto; display:block; position:absolute; bottom:10px; right:0;}
.top-news .news .list > a:hover {opacity:0.7;}
.top-news .news .list dl {margin:30px 0 0 0; border-bottom:solid 1px #000;}
.top-news .news .list dt {font-size:1.6rem;}
.top-news .news .list dd {font-size:2.0rem; font-weight:500; padding:0 0 0.2em 0;}
.top-news .news .more {text-align:right; margin:60px 0 0 0;}
.top-news .sns .txt1 {color:#2A5D90; text-shadow:0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;}
.top-news .sns .obj {margin:15px 0 0 0;}

.top-access {padding:130px 0 240px 0; background:url(../img/top/bg_04.jpg) no-repeat center top; background-size:cover;}
.top-access .map {width:100%; height:500px; margin:50px 0 0 0; overflow:hidden;}
.top-access .map iframe {width:100%; height:100%;}
.top-access .txt1 {font-size:6.0rem; font-weight:700; line-height:1; text-align:left; color:#fff;}
.top-access .txt2 {font-size:2.0rem; line-height:1.5; text-align:left; color:#fff; margin:20px 0 0 0;}
.top-access .txt2 a {text-decoration:none; color:#fff;}
.top-access .txt2 a:hover {text-decoration:underline; color:#fff;}
.top-access .txt3 {text-align:right; display:none;}
.top-access .txt4 {margin:80px 0 0 0;}
.top-access .txt4 a {transition:opacity 0.3s ease;}
.top-access .txt4 a:hover {opacity:0.7;}

@media screen and (max-width:767px){
	#contents {padding-bottom:0;}

	.top-mv {background-image:url(../img/top/mv_sp.jpg);}
	.top-mv .logo {width:266px; margin:0 auto; padding:50px 0 0 0;}
	.top-mv .catch {font-size:2.0rem;}
	.top-mv .btn {margin:40px 5.6vw 0 5.6vw; justify-content:space-between;}
	.top-mv .btn > li {padding:0;}
	.top-mv .btn > li:nth-of-type(1) {padding-right:10px;}
	.top-mv .btn > li:nth-of-type(2) {padding-left:10px;}
	.top-mv .btn a {width:100%;}
	.top-mv .sd {padding:167px 0 0 0;}
	.top-mv .sd a {width:96px; margin:0 0 0 -48px; bottom:42px;}

	.top-calendar {padding:80px 0; background-image:url(../img/top/bg_01_sp.jpg);}
	.top-calendar .btn {margin:80px 0 0 0; display:block;}
	.top-calendar .btn > li {width:auto; margin:30px 0 0 0; padding:0;}
	.top-calendar .btn > li:first-of-type {margin-top:0;}
	.top-calendar .calendar iframe {height:600px;}

	.top-news {padding:0;}
	.top-news::before,
	.top-news::after {display:none;}
	.top-news .sec {padding:0;}
	.top-news .clm {display:block;}
	.top-news .clm > div {width:auto; padding:18.6vw 5.6vw; background-repeat:no-repeat; background-position:right top; background-size:cover; position:relative;}
	.top-news .clm .news {padding-right:5.6vw; background-image:url(../img/top/bg_02_sp.jpg);}
	.top-news .clm .news::before {content:''; width:100%; height:10.0vw; background:-webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1)); background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); display:block; position:absolute; bottom:0; left:0;}
	.top-news .clm .sns {padding-top:20.0vw; padding-left:5.6vw; background-image:url(../img/top/bg_03_sp.jpg);}
	.top-news .clm .sns::before {content:''; width:100%; height:10.0vw; background:-webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)); background:linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0)); display:block; position:absolute; top:0; left:0;}
	.top-news .txt1 {font-size:3.8rem;}
	.top-news .news .list {padding:0;}
	.top-news .news .list dt {font-size:1.6rem;}
	.top-news .news .list dd {font-size:1.7rem; padding:0;}
	.top-news .news .more {margin:80px 0 0 0;}
	.top-news .sns .obj {margin:30px auto 0 auto;}

	.top-access {padding:80px 0 50px 0; background-image:url(../img/top/bg_04_sp.jpg);}
	.top-access .map {height:300px; margin:30px 0 0 0;}
	.top-access .txt1 {font-size:3.8rem;}
	.top-access .txt2 {font-size:1.6rem; margin:10px 0 0 0;}
	.top-access .txt3 {margin:40px 0 0 0; display:block;}
	.top-access .txt4 {margin:120px 0 0 0;}
}
@media screen and (max-width:428px){
	.top-mv .catch {font-size:4.1vw;}
}