/* CSS Document */
@charset "UTF-8";

.mincho{font-family: "Noto Serif JP", serif;}
.eng{font-family: "Arial", "メイリオ";}



@media(min-width:900px){
	a[href^="tel:"]{pointer-events:none;}
 	html{font-size:calc(1000vw / 1200);}/*10px;*/
	.sp_only{display: none!important;}
}
/*
@media (max-width: 899px) and (min-width: 600px) {
	a[href^="tel:"]{pointer-events:none;}
 	html{font-size:calc(1000vw / 600);}
	.sp_only{display: none!important;}
}
*/
@media(max-width:899px){
	html{font-size:calc( 1000vw / 375 );}/*10px;*/
	.pc_only{display: none!important;}

}

.top .sec_hero{position:relative;padding-top:5rem;height:72rem;box-sizing:border-box;}
.top .sec_hero .wrap{width:107rem;max-width:100%;margin: 0 auto;}
.top .sec_hero .wrap .logos .logo{width:20rem;}
.top .sec_hero .wrap .logos .text{font-size:1.2rem;line-height:2.1rem;padding:1.5rem 0 0 1rem;}
.top .sec_hero .wrap .imgs{width:90rem;max-width:100%;margin: 0 0 0 auto;overflow:hidden;position:absolute;top:-10rem;right:0;}
.top .sec_hero .wrap .imgs .deco01{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%; animation: 58s -10s infinite linear rotateA;}
.top .sec_hero .wrap .imgs .deco02{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%; animation: 52s -18s infinite linear rotateA;}
.top .sec_hero .wrap .imgs .deco03{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%; animation: 46s -1s infinite linear rotateA;}

@keyframes rotateA {
    0% {transform:translate(-50%,-50%) rotate(0);}
    100% {transform:translate(-50%,-50%) rotate(360deg);}
}
.top .sec01 {}
.top .sec01 .wrap {position:relative;}
.top .sec01 .wrap .item01 {width:100rem;max-width:100%;margin: 0 auto 35rem;}
.top .sec01 .wrap .item01 .texts {}
.top .sec01 .wrap .item01 .texts .etitle {font-size:8rem;font-weight:bold;margin-bottom:1.5rem;}
.top .sec01 .wrap .item01 .texts .title {font-size:2.8rem;line-height:5.6rem;letter-spacing:0.2em;}
.top .sec01 .wrap .item01 .img {position:absolute;top:12rem;right:0;width:71rem;}
.top .sec01 .wrap .item02 {width:100rem;max-width:100%;margin: 0 auto;display:flex;flex-wrap:wrap;}
.top .sec01 .wrap .item02 .img {width:21rem;margin: 0 auto 10rem;}
.top .sec01 .wrap .item02 .texts {width:50rem;padding-top:2rem;}
.top .sec01 .wrap .item02 .texts .title {font-size:2.8rem;line-height:5.6rem;letter-spacing:0.2em;margin-bottom:1.5rem;}
.top .sec01 .wrap .item02 .texts .text {font-size:1.6rem;line-height:3.2rem;width:38rem;max-width:100%;text-align:justify;}
.top .sec02 {}
.top .sec02 .wrap {width:98rem;max-width:100%;margin: 0 auto 5rem;}
.top .sec02 .wrap .title {font-size:3.7rem;line-height:5.6rem;letter-spacing:0.2em;margin-bottom:1.5rem;}
.top .sec02 .wrap .text {font-size:1.6rem;line-height:3.2rem;}
.top .sec02 .imgs {height:72rem;position:relative;overflow:hidden;}
.top .sec02 .imgs .img{width:68.5rem;height:100.6rem;background:url("../img/top/neji03_anime.jpg");background-size:68.5rem 100.6rem;animation: 2.3s infinite linear moveA;position:absolute;top:-15rem;left:0;transform:rotate(20deg);}
.top .sec02 .imgs .etext{font-size:8rem;line-height:10rem;position:absolute;bottom:9rem;right:9rem;}
@keyframes moveA {
    0% {background-position-y:0rem;}
    5% {background-position-y:0rem;}
    20% {background-position-y:20.1rem;}
    25% {background-position-y:20.1rem;}
    40% {background-position-y:40.2rem;}
    45% {background-position-y:40.2rem;}
    60% {background-position-y:60.3rem;}
    65% {background-position-y:60.3rem;}
    80% {background-position-y:80.4rem;}
    85% {background-position-y:80.4rem;}
    100% {background-position-y:100.6rem;}
}

@keyframes moveA_sp {
    0% {background-position-y:0rem;}
    5% {background-position-y:0rem;}
    20% {background-position-y:10rem;}
    25% {background-position-y:10rem;}
    40% {background-position-y:20rem;}
    45% {background-position-y:20rem;}
    60% {background-position-y:30rem;}
    65% {background-position-y:30rem;}
    80% {background-position-y:40rem;}
    85% {background-position-y:40rem;}
    100% {background-position-y:50.3rem;}
}


.top .sec03 {margin-bottom:7rem;}
.top .sec03 .wrap {}
.top .sec03 .wrap .titles {text-align:center;padding:8.5rem 0;}
.top .sec03 .wrap .titles .logo {width:30rem;margin: 0 auto 2.5rem;}
.top .sec03 .wrap .titles .title {font-size:1.6rem;line-height:3.2rem;}
.top .sec03 .wrap .bg {}
.top .sec03 .wrap .items {width:85rem;margin: 0 auto;transform:translateY(-5rem);display:flex;flex-wrap:wrap;justify-content:space-between;}
.top .sec03 .wrap .items .item {width:40rem;border:0.5rem solid #C8C8C9;box-sizing:border-box;padding:4rem 2rem;background:#FFF;border-radius:5rem;box-shadow:0.7rem 0.7rem 1.5rem #251E1C20;}
.top .sec03 .wrap .items .item .title {font-size:1.8rem;line-height:3.6rem;padding-left:2rem;}
.top .sec03 .wrap .items .item .text {font-size:1.4rem;line-height:2.4rem;height:4.8rem;padding-left:2rem;}
.top .sec03 .wrap .items .item .img {margin-bottom:2rem;}
.top .sec03 .wrap .items .item .link {font-size:1.8rem;line-height:4.8rem;width:25rem;border:1px solid #4E371E;color:#FFF;background:#4E371E;text-align:center;display:block;margin: 0 auto;border-radius:1rem;}
.top .sec04 {}
.top .sec04 .wrap {text-align:center;}
.top .sec04 .wrap .img {width:27rem;margin: 0 auto 7rem;}
.top .sec04 .wrap .logo {width:34rem;margin: 0 auto 1rem;}
.top .sec04 .wrap .text {font-size:1.8rem;line-height:3.2rem;margin-bottom:5rem;}
.top .sec04 .maps {text-align:center;}
.top .sec04 .maps .map {}
.top .sec04 .maps .map + .map{margin-top:3rem;}
.top .sec04 .maps .map iframe{height:53rem;width:100%;}
.top .sec04 .maps .map .text {font-size:1.8rem;line-height:3.2rem;margin-top:1.5rem;}

.top .sec_banner .wrap{width:110rem;max-width:100%;margin: 0 auto 7rem;}
.top .sec_banner .wrap a{transition:0.5s;;}
.top .sec_banner .wrap a:hover{opacity:0.7;;}


footer {padding:2rem 0;}
footer .wrap .links{display:flex;justify-content:center;margin-bottom:11rem;}
footer .wrap .links .link {width:8rem;margin:1rem;border-radius:1.5rem;transition:0.5s;}
footer .wrap .links .link:hover{box-shadow:0 0.2rem 0.5rem #251E1C40;}
footer .wrap .copyright{font-size:1.2rem;text-align:center;}

.top .sec01 .wrap .item02 .img.js-vis img{transition:0.5s 0.5s;}
.top .sec01 .wrap .item02 .img:not(.visible) img{opacity:0;transform:translateY(-100vh) scale(0) rotateY(360deg);}