@charset "UTF-8";

.top-slider{width: 90%; margin: auto;}

.news {width: calc(100vw * (1000 / 1920)); margin: calc(100vw * (102 / 1920)) auto calc(100vw * (180 / 1920));}
.news h2{font-size: calc(100vw * (30 / 1920)); font-weight: 400; letter-spacing: .05em; line-height: 1.2; margin-bottom: calc(100vw * (62 / 1920));}
.news-wrap{margin-bottom: calc(100vw * (60 / 1920));}
.news-wrap ul li{margin-bottom: calc(100vw * (40 / 1920));}
.news-wrap ul li a{display: flex; text-decoration: none; color: #000; align-items: flex-start;}
.news-wrap ul li .data{font-size: calc(100vw * (18 / 1920)); font-weight: 400; letter-spacing: .05em; line-height: 1.444; font-family: 'Noto Serif JP'; color: #737373; margin-right: calc(100vw * (20 / 1920));}
.news-wrap ul li .contents h3{font-size: calc(100vw * (20 / 1920)); font-weight: 600; line-height: 1.6; margin-bottom: calc(100vw * (10 / 1920));
}
.news-wrap ul li .contents p{font-size: calc(100vw * (18 / 1920)); line-height: 1.6; font-weight: 400;}
.news .more a{font-size: calc(100vw * (18 / 1920)); letter-spacing: .05em; line-height: 2; font-weight: 600; display: flex; align-items: center; justify-content: center; padding-bottom: calc(100vw * (20 / 1920)); border-bottom: 1px solid #000; width: calc(100vw * (180 / 1920)); margin: auto; line-height: 1.4;}
.news .more a::after{display: inline-block; content: ""; background:url(../images/common/btn-arrow.svg) no-repeat center/contain; width: calc(100vw * (10 / 1920)); height: calc(100vw * (12 / 1920)); margin-left: calc(100vw * (19 / 1920));}

@media screen and (max-width:1280px){
	.news {width: calc(100vw * (800 / 1280)); margin: calc(100vw * (102 / 1280)) auto calc(100vw * (180 / 1280));}
	.news h2{font-size: calc(100vw * (30 / 1280));  margin-bottom: calc(100vw * (62 / 1280));}
	.news-wrap{margin-bottom: calc(100vw * (60 / 1280));}
	.news-wrap ul li{margin-bottom: calc(100vw * (40 / 1280));}
	.news-wrap ul li .data{font-size: calc(100vw * (18 / 1280)); margin-right: calc(100vw * (20 / 1280));}
	.news-wrap ul li .contents h3{font-size: calc(100vw * (20 / 1280)); margin-bottom: calc(100vw * (10 / 1280));}
	.news-wrap ul li .contents p{font-size: calc(100vw * (18 / 1280));}
	.news .more a{font-size: calc(100vw * (18 / 1280)); padding-bottom: calc(100vw * (20 / 1280)); width: calc(100vw * (180 / 1280));}
	.news .more a::after{width: calc(100vw * (10 / 1280)); height: calc(100vw * (12 / 1280)); margin-left: calc(100vw * (19 / 1280));}
}

@media screen and (max-width: 767px), (max-width: 896px) and (orientation:landscape) {
	.top-slider{width: 100%;}
	.news{width:100%; padding: 0 10px; margin: 60px auto 80px;}
	.news h2{font-size: 26px; margin-bottom: 40px;}
	.news-wrap ul li{margin-bottom: 30px;}
	.news-wrap ul li a{flex-wrap:wrap;}
	.news-wrap ul li .data{font-size: 16px; margin-right: 0; width:100%; order: 2; text-align: right;}
	.news-wrap ul li .contents h3{font-size: 18px; margin-bottom: 10px;}
	.news-wrap ul li .contents p{font-size: 16px}
	/* .news-wrap ul li:last-of-type{display: none;} */
	.news .more a{width:90%; font-size: 20px; padding-bottom: 20px;}
	.news .more a::after {width: 10px; height: 12px;margin-left: 19px;}
}




/* 自然の中で、
光と向き合う時間を過ごす。 */
.institution{width: calc(100vw * (1700 / 1920)); margin: 0 auto calc(100vw * (156 / 1920));}
.institution h2{font-size: calc(100vw * (44 / 1920)); font-weight: 400; letter-spacing: .05em; line-height: 1.5; margin-bottom: calc(100vw * (80 / 1920));}
.institution .contents-wrap{display: flex; align-items: flex-start; margin-bottom: calc(100vw * (83 / 1920));}
.institution .contents-wrap p{font-size: calc(100vw * (21 / 1920)); font-weight: 400; letter-spacing: 0; line-height: 2.2; margin-right: calc(100vw * (100 / 1920)); width:calc(100vw * (780 / 1920));}
.institution .contents-wrap .img-box{width: calc(100vw * (820 / 1920));}
.institution .contents-wrap .img-box img{width: 100%; display: block;}
.institution .contents-wrap .img-box p{width:100%; text-align: right; font-size: calc(100vw * (16 / 1920)); margin-top: 4px;}
.institution .buttons{display: flex; align-items: flex-end;}
.institution .t-btn a{font-size: calc(100vw * (22 / 1920)); letter-spacing: .05em; line-height: 2; font-weight: 600; display: flex; align-items: center; justify-content: center; padding-bottom: calc(100vw * (20 / 1920)); border-bottom: 1px solid #000; margin: auto;}
.institution .t-btn:nth-of-type(1){margin-right: calc(100vw * (40 / 1920));}
.institution .t-btn:nth-of-type(1) a{width: calc(100vw * (200 / 1920));}
.institution .t-btn:nth-of-type(2){margin-right: calc(100vw * (80 / 1920));}
.institution .t-btn:nth-of-type(2) a{width: calc(100vw * (384 / 1920));}
.institution .t-btn a::after { display: inline-block; content: ""; background: url(../images/common/btn-arrow.svg) no-repeat center/contain; width: calc(100vw * (10 / 1920)); height: calc(100vw * (12 / 1920)); margin-left: calc(100vw * (19 / 1920));}
.institution .t-img-btn{width: calc(100vw * (320 / 1920));}
.institution .t-img-btn img{width: 100%;}

/* @media screen and (max-width:1280px){
	.institution{width: calc(100vw * (1700 / 1280)); margin: 0 auto calc(100vw * (156 / 1280));}
	.institution h2{font-size: calc(100vw * (44 / 1280)); margin-bottom: calc(100vw * (80 / 1280));}
	.institution .contents-wrap{margin-bottom: calc(100vw * (83 / 1280));}
	.institution .contents-wrap p{font-size: calc(100vw * (21 / 1280)); margin-right: calc(100vw * (100 / 1280)); width:calc(100vw * (780 / 1280));}
	.institution .contents-wrap .img-box{width: calc(100vw * (820 / 1280));}
	.institution .contents-wrap .img-box p{font-size: calc(100vw * (16 / 1280)); margin-top: 4px;}
	.institution .t-btn a{font-size: calc(100vw * (22 / 1280)); padding-bottom: calc(100vw * (20 / 1280)); border-bottom: 1px solid #000;}
	.institution .t-btn:nth-of-type(1){margin-right: calc(100vw * (40 / 1280));}
	.institution .t-btn:nth-of-type(1) a{width: calc(100vw * (200 / 1280));}
	.institution .t-btn:nth-of-type(2){margin-right: calc(100vw * (80 / 1280));}
	.institution .t-btn:nth-of-type(2) a{width: calc(100vw * (384 / 1280));}
	.institution .t-btn a::after {width: calc(100vw * (10 / 1280)); height: calc(100vw * (12 / 1280)); margin-left: calc(100vw * (19 / 1280));}
	.institution .t-img-btn{width: calc(100vw * (320 / 1280));}
} */

@media screen and (max-width: 767px), (max-width: 896px) and (orientation:landscape) {
	.institution{width:100%; padding: 0 10px;}
	.institution h2{font-size: 24px;}
	.institution .contents-wrap{display: block;}
	.institution .contents-wrap p{width:auto; font-size: 16px; line-height: 1.6; margin-right: 0; font-feature-settings: "palt"; margin-bottom: 30px;}
	.institution .contents-wrap img.sp-inline{padding: 0 0 5px 10px; float: right; width:205px;}
	.institution .contents-wrap .buttons{clear: both;}
	.institution .buttons{display: block;}
	.institution .t-btn a{width: 90%; font-size: 20px; padding-bottom: 20px;}
	.institution .t-btn:nth-of-type(1){margin-right: 0; margin-bottom: 30px;}
	.institution .t-btn:nth-of-type(1) a{width:90%;}
	.institution .t-btn:nth-of-type(2){margin-right: 0; margin-bottom: 30px;}
	.institution .t-btn:nth-of-type(2) a{width:90%;}
	.institution .t-img-btn{width:90%; margin: auto;}
	.institution .t-btn a::after{width: 10px; height: 12px; margin-left: 19px;}
}

@media screen and (max-width:896px) and (orientation:landscape){
	.institution .buttons{display: flex;}
	.institution .t-btn:nth-of-type(1){width: 20%; margin-bottom: 0;}
	.institution .t-btn:nth-of-type(2){width: 50%; margin-bottom: 0;}
	.institution .t-img-btn{width: 30%;}
}

.site-map{background: #F1F1F5; padding: calc(100vw * (80 / 1920)) 0; width: calc(100vw * (1700 / 1920)); margin: auto;}
.site-map .site-map-wrap{display: flex; justify-content: center;}
.site-map .site-map-wrap .col:first-of-type{padding-right: calc(100vw * (131 / 1920)); margin-right: calc(100vw * (130 / 1920)); position: relative;}
.site-map .site-map-wrap .col:first-of-type::after{content:""; display: inline-block; position: absolute; right:0; top:50%; transform: translateY(-50%); width:1px; height: calc(100vw * (170 / 1920)); background: #000;}
.site-map .site-map-wrap .col h2{font-size: calc(100vw * (30 / 1920)); letter-spacing: .05em; font-weight: 400; text-align: center; margin-bottom: calc(100vw * (30 / 1920)); line-height: 1.2;}
.site-map .site-map-wrap .col .buttons{display: flex;}
.site-map .site-map-wrap .col .buttons .t-btn{margin: 0 calc(100vw * (10 / 1920));}
.site-map .site-map-wrap .col .buttons .t-btn a{display: block; background: #000; color:#FFF; font-size: calc(100vw * (20 / 1920)); letter-spacing: .1em; line-height: 1.8; font-weight: 600; width: calc(100vw * (280 / 1920)); padding: calc(100vw * (12 / 1920)) 0; text-align: center;}

@media screen and (max-width: 767px), (max-width: 896px) and (orientation:landscape) {
	.site-map .site-map-wrap{display: block;}
	.site-map{padding: 40px 0; width: calc(100% - 20px);}
	.site-map .site-map-wrap .col:first-of-type{padding-right: 0; margin-right: 0; border-right:none; margin-bottom: 40px;}
	.site-map .site-map-wrap .col:first-of-type::after{content:none;}
	.site-map .site-map-wrap .col h2{font-size: 30px; margin-bottom: 20px}
	.site-map .site-map-wrap .col .buttons{display: block;}
	.site-map .site-map-wrap .col .buttons .t-btn{margin: 0 20px;}
	.site-map .site-map-wrap .col .buttons .t-btn:not(:first-of-type){margin-top:10px;}
	.site-map .site-map-wrap .col .buttons .t-btn a{ font-size: 20px; width: 100%; margin: auto; padding: 12px 0;}
}

@media screen and (max-width:896px) and (orientation:landscape){
	.site-map .site-map-wrap .col .buttons{display: flex;}
	.site-map .site-map-wrap .col .buttons .t-btn{width: 50%;}
	.site-map .site-map-wrap .col .buttons .t-btn:not(:first-of-type){margin-top: 0;}
}


html body .scroll-anim{opacity: 0; transform: translate(0,50px); transition: 1s;}
html body .scroll-anim.isActive{opacity: 1; transform: translate(0,0);}
html body .anims .item{opacity: 0; transform: translate(0,50px); transition: .4s;}
html body .anims .item.is-show{opacity: 1; transform: translate(0,0);}