@charset "utf-8";
body{opacity:0;}
body.animated{opacity:1;}

/* -------------------------------------------------- */
/* #block-mv */
/* -------------------------------------------------- */
#block-mv{position:relative;height:calc(100vh - 80px);min-height:700px;overflow:hidden;}
#block-mv .box{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;color:#fff;text-shadow:0 0 5px rgba(16,17,69,1),0 0 5px rgba(16,17,69,0.5);pointer-events:none;padding-top:20px;}
#block-mv .box .container{display:flex;justify-content:flex-start;align-items:center;height:100%;width:100%;}
#block-mv .box .container > div{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
#block-mv .ttl{font-size:4rem;font-weight:bold;display:inline-block;}
#block-mv .ttl span{display:block;opacity:0;transform:translateY(-20px);letter-spacing:0.4em;}
#block-mv .ttl::after{content:"";display:block;margin:0 20px;width:1px;height:100%;background:#fff;box-shadow:0 0 5px rgba(16,17,69,1),0 0 5px rgba(16,17,69,0.5);transform:scale(1,0);transform-origin:center top;}
#block-mv .txt{font-size:3.2rem;font-weight:bold;letter-spacing:0.4em;opacity:0;transform:translateY(-20px);}

#block-mv #mv-slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;}
#block-mv #mv-slider div{height:100%;}
#block-mv #mv-slider .item{position:relative;}
#block-mv #mv-slider .item img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;object-fit:cover;}
#block-mv #mv-slider .slick-dots{position:absolute;z-index:5;bottom:60px;left:calc((100% - 1300px) / 2);display:flex;}
#block-mv #mv-slider .slick-dots > li{opacity:0.4;}
#block-mv #mv-slider .slick-dots > li.slick-active{opacity:1;}
#block-mv #mv-slider .slick-dots > li button{font-size:0;padding:10px 4px;cursor:pointer;}
#block-mv #mv-slider .slick-dots > li button::before{content:"";display:block;width:48px;height:4px;background:#fff;}

#block-mv.animated .ttl span{opacity:1;transform:none;transition:1s ease 1s;}
#block-mv.animated .ttl::after{transform:none;transition:1s ease 1.4s;}
#block-mv.animated .txt{opacity:1;transform:none;transition:1s ease 1.2s;}

#block-mv #mv-slider .item.add-animation img{animation: zoomDown 8s linear 0s normal both;}

@keyframes zoomDown {0% {transform: scale(1.1);}70% {transform: scale(1);}}

@media screen and (min-width:1px) and (max-width:1339px){
    #block-mv #mv-slider .slick-dots{left:6%;}
}
@media screen and (min-width:1px) and (max-width:999px){
    #block-mv{position:relative;height:calc(100vh - 55px);}
}
@media screen and (min-width:1px) and (max-width:622px){
    #block-mv{min-height:400px;}
    #block-mv .container{padding:0 8%;}
    #block-mv .box{padding-top:0;padding-bottom:20px;}
    #block-mv .ttl{font-size:2.4rem;}
    #block-mv .ttl::after{margin:0 15px;}
    #block-mv .txt{font-size:2rem;}
    #block-mv #mv-slider .slick-dots{bottom:20px;}
    #block-mv #mv-slider .slick-dots > li button::before{width:30px;height:3px;}
}

/* -------------------------------------------------- */
/* #block-news */
/* -------------------------------------------------- */
#block-news .container{padding-top:30px;padding-bottom:30px;}
#block-news .news > *{display:flex;align-items:center;padding:15px 0;}
#block-news .news > a{position:relative;padding-right:60px;}
#block-news .news > a::after{content:"";display:block;width:21px;height:12px;background:url(/img/arrow01.png) no-repeat center center;background-size:contain;position:absolute;top:50%;right:0;margin-top:-6px;transition:.25s ease;}
#block-news .news > a:hover::after{right:-5px;}
#block-news .news .date{font-size:1.4rem;color:#666;white-space:nowrap;margin-right:30px;}
#block-news .news .category{display:flex;flex-wrap:wrap;gap:10px;}
#block-news .news .category span{font-size:1.2rem;padding:4px 10px 2px;white-space:nowrap;border:1px solid #332e2d;width:120px;text-align:center;margin-right:30px;overflow:hidden;text-overflow:ellipsis}
#block-news .news .ttl{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

@media screen and (min-width:1px) and (max-width:999px){
    #block-news .container{padding-top:20px;padding-bottom:20px;}
}
@media screen and (min-width:1px) and (max-width:622px){
    #block-news .container{padding-top:14px;padding-bottom:12px;}
    #block-news .news > *{flex-wrap:wrap;}
    #block-news .news > a{padding-right:30px;}
    #block-news .news > a::after{width:12px;height:8px;margin-top:-4px;}
    #block-news .news .date{font-size:1.2rem;margin-right:15px;}
    #block-news .news .category{gap:5px;}
    #block-news .news .category span{font-size:1.1rem;padding:2px 5px 0;width:90px;}
    #block-news .news .ttl{width:100%;flex:none;margin-top:8px;}
}

/* -------------------------------------------------- */
/* #block-strength */
/* -------------------------------------------------- */
#block-strength{background:url(/img/top/strength_back.jpg) no-repeat center center #333;background-size:cover;color:#fff;text-align:center;font-size:1.8rem;line-height:2;}
#block-strength .container{padding-top:80px;padding-bottom:80px;}
#block-strength .ttl{font-size:3.6rem;font-weight:bold;margin-bottom:20px;line-height:1.6;}
#block-strength .ttl span{font-size:4.7rem;}
#block-strength .ttl::before{content:"";display:block;width:60px;height:60px;margin:0 auto 30px;background:url(/img/top/strength_icon.png) no-repeat center center;background-size:contain;}
#block-strength p + p{margin-top:2em;}
#block-strength .btn{margin-top:45px;}

@media screen and (min-width:1px) and (max-width:622px){
    #block-strength{font-size:1.5rem;}
    #block-strength .container{padding-top:60px;padding-bottom:60px;}
    #block-strength .ttl{font-size:3rem;}
    #block-strength .ttl span{font-size:4.2rem;}
    #block-strength .ttl::before{width:40px;height:40px;margin:0 auto 20px;}
    #block-strength .btn{margin-top:30px;}
}

/* -------------------------------------------------- */
/* #block-plan */
/* -------------------------------------------------- */
#block-plan .list-plan{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;margin-bottom:-40px;}
#block-plan .list-plan > li{width:33.333333%;position:relative;margin-bottom:40px;}
#block-plan .list-plan > li::before{content:"";display:block;width:1px;height:100%;background:#332e2d;position:absolute;top:0;right:0;}
#block-plan .list-plan > li::after{content:"";display:block;width:calc(100% - 80px);height:1px;background:#332e2d;position:absolute;bottom:0;left:40px;}
#block-plan .list-plan > li:nth-child(3n)::before{display:none;}
#block-plan .list-plan > li > a{display:block;padding:0 40px 28px;height:100%;display:flex;flex-direction:column;justify-content:space-between;}
#block-plan .list-plan > li > a:hover .detail::after{right:-5px;}
#block-plan .list-plan > li .img{position:relative;overflow:hidden;width:100%;height:0;padding-bottom:75%;margin-bottom:25px;}
#block-plan .list-plan > li .img img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;}
#block-plan .list-plan > li .txt{font-size:1.4rem;font-weight:bold;}
#block-plan .list-plan > li .bottom{margin-top:10px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;}
#block-plan .list-plan > li .num{font-size:1.8rem;font-weight:bold;}
#block-plan .list-plan > li .price{font-size:2.8rem;font-weight:bold;white-space:nowrap;}
#block-plan .list-plan > li .price span{font-size:1.6rem;}
#block-plan .list-plan > li .detail{text-align:right;font-size:1.4rem;margin-top:30px;position:relative;padding-right:30px;}
#block-plan .list-plan > li .detail::after{content:"";display:block;width:12px;height:8px;background:url(/img/arrow01.png) no-repeat center center;background-size:contain;position:absolute;top:50%;right:0;margin-top:-4px;transition:.25s ease;}
#block-plan .list-plan > li .inner{height:100%;}

@media screen and (min-width:1px) and (max-width:1339px){
    #block-plan .list-plan > li .bottom{display:block;text-align:right;}
}
@media screen and (min-width:1px) and (max-width:999px){
    #block-plan .list-plan{margin:0 -20px -40px;width:calc(100% + 40px);}
    #block-plan .list-plan > li > a{padding:0 20px 25px;}
}
@media screen and (min-width:1px) and (max-width:622px){
    #block-plan .list-plan{display:block;width:100%;margin:0 0 -30px;}
    #block-plan .list-plan > li{width:100%;margin-bottom:30px;}
    #block-plan .list-plan > li::before{display:none;}
    #block-plan .list-plan > li::after{width:100%;left:0;}
    #block-plan .list-plan > li > a{padding:0 0 20px;}
    #block-plan .list-plan > li .img{margin-bottom:20px;}
    #block-plan .list-plan > li .num{font-size:1.4rem;}
    #block-plan .list-plan > li .detail{margin-top:15px;}
}

/* -------------------------------------------------- */
/* .block-box */
/* -------------------------------------------------- */
.block-box .ttl{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px;}
.block-box .ttl .common-ttl01{margin-bottom:0;}
.block-box .ttl .sub{font-size:3.6rem;font-weight:bold;display:flex;align-items:center;}
.block-box .ttl .sub small{font-size:1.6rem;margin-left:35px;}
.block-box .img{margin-bottom:55px;overflow:hidden;}
.block-box .img img{opacity:0;transform:scale(1.1);}
.block-box .bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;}
.block-box .txt{line-height:2;}
.block-box .detail a{display:inline-block;padding:25px 40px 25px 0;border-bottom:1px solid #332e2d;width:200px;position:relative;}
.block-box .detail a::after{content:"";display:block;width:21px;height:12px;background:url(/img/arrow01.png) no-repeat center center;background-size:contain;position:absolute;top:50%;right:0;margin-top:-6px;transition:.25s ease;}
.block-box .detail a:hover::after{right:-5px;}

.block-box > .container.animated .img img{opacity:1;transform:none;transition:1s ease;}
.block-box > .container.animated{}

@media screen and (min-width:1px) and (max-width:999px){
    .block-box .ttl .sub{font-size:3rem;}
}
@media screen and (min-width:1px) and (max-width:622px){
    .block-box .ttl{margin-bottom:20px;}
    .block-box .ttl .sub{font-size:2.2rem;}
    .block-box .ttl .sub small{font-size:1.2rem;margin-left:15px;}
    .block-box .img{margin-bottom:25px;}
    .block-box .bottom{display:block;}
    .block-box .detail{text-align:center;margin-top:20px;}
    .block-box .detail a{text-align:left;padding:15px 40px 15px 0;}
    .block-box .detail a::after{width:12px;height:8px;margin-top:-4px;}
}

/* -------------------------------------------------- */
/* #block-link */
/* -------------------------------------------------- */
#block-link .list-link{display:flex;gap:20px;}
#block-link .list-link > li{position:relative;}
#block-link .list-link > li a{display:block;}
#block-link .list-link > li .txt{font-size:2.4rem;font-weight:bold;color:#fff;position:absolute;left:40px;bottom:35px;z-index:3;padding-right:110px;}
#block-link .list-link > li .img{position:relative;}
#block-link .list-link > li .img::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background: linear-gradient(0deg,rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 40%);}
#block-link .list-link > li a::after{content:"";display:block;width:72px;height:72px;background:url(/img/arrow01.png) no-repeat center center #fff;background-size:21px auto;border-radius:100%;position:absolute;right:20px;bottom:20px;z-index:4;}

@media screen and (min-width:1px) and (max-width:999px){
    #block-link .container{padding-top:70px;padding-bottom:70px;}
    #block-link .list-link > li .txt{padding-right:80px;}
    #block-link .list-link > li a::after{width:50px;height:50px;}
}
@media screen and (min-width:1px) and (max-width:622px){
    #block-link .container{padding-top:40px;padding-bottom:40px;}
    #block-link .list-link{display:block;}
    #block-link .list-link > li + li{margin-top:10px;}
    #block-link .list-link > li .txt{bottom:20px;left:30px;}
}

/* -------------------------------------------------- */
/* #block-news2 */
/* -------------------------------------------------- */
#block-news2 .container{display:flex;}
#block-news2 .left{width:34%;padding-right:40px;white-space:nowrap;}
#block-news2 .left .btn a{width:100%;max-width:200px;min-width:1px;}
#block-news2 .right{flex:1;}
#block-news2 .list-news2{border-top:1px solid #332e2d;}
#block-news2 .list-news2 > li{border-bottom:1px solid #332e2d;}
#block-news2 .list-news2 > li > *{display:flex;flex-wrap:wrap;align-items:center;padding:45px 0;}
#block-news2 .list-news2 > li > a{padding-right:50px;position:relative;}
#block-news2 .list-news2 > li > a::after{content:"";display:block;width:21px;height:12px;background:url(/img/arrow01.png) no-repeat center center;background-size:contain;position:absolute;top:50%;right:0;margin-top:-6px;transition:.25s ease;}
#block-news2 .list-news2 > li > a:hover::after{right:-5px;}
#block-news2 .list-news2 > li .ttl{width:100%;margin-top:20px;}
#block-news2 .list-news2 > li .date{font-size:1.4rem;color:#666666;margin-right:30px;}
#block-news2 .list-news2 > li .category{display:flex;flex-wrap:wrap;gap:10px;}
#block-news2 .list-news2 > li .category span{font-size:1.2rem;padding:4px 10px 2px;white-space:nowrap;border:1px solid #332e2d;width:120px;text-align:center;overflow:hidden;text-overflow:ellipsis}

@media screen and (min-width:1px) and (max-width:622px){
    #block-news2 .container{display:block;}
    #block-news2 .left .btn{position:absolute;right:6%;top:50px;}
    #block-news2 .list-news2 > li > a{padding:25px 30px 25px 0;}
    #block-news2 .list-news2 > li > a::after{width:12px;height:8px;margin-top:-4px;}
    #block-news2 .list-news2 > li .ttl{margin-top:10px;}
    #block-news2 .list-news2 > li .date{font-size:1.2rem;margin-right:15px;}
    #block-news2 .list-news2 > li .category{gap:5px;}
    #block-news2 .list-news2 > li .category span{font-size:1.1rem;padding:2px 5px 0;width:90px;}
}

/* -------------------------------------------------- */
/* #block-access */
/* -------------------------------------------------- */
#block-access .map{width:100%;height:480px;position:relative;}
#block-access .map iframe{width:100%;height:100%;position:absolute;top:0;left:0;filter:grayscale(70%);}

@media screen and (min-width:1px) and (max-width:622px){
    #block-access .map{height:80vw;}
}

/* -------------------------------------------------- */
/* #block-info */
/* -------------------------------------------------- */
#block-info .container{display:flex;}
#block-info .left{width:25%;padding-right:40px;}
#block-info .left .logo{margin-bottom:35px;}
#block-info .right{flex:1;}
#block-info .list-info{display:flex;flex-wrap:wrap;gap:35px;}
#block-info .list-info > li{width:calc((100% - 70px) / 3);}
#block-info .list-info > li .item{font-size:1.4rem;}
#block-info .list-info > li .item .ttl{font-size:1.8rem;font-weight:bold;border-bottom:1px solid #332e2d;padding-bottom:15px;margin-bottom:15px;}
#block-info .list-info > li .item p + p{margin-top:1em;}
#block-info .list-info > li .item + .item{margin-top:35px;}

@media screen and (min-width:1px) and (max-width:999px){
    #block-info .container{display:block;}
    #block-info .left{text-align:center;width:100%;padding:0;margin-bottom:60px;}
    #block-info .left .logo{margin-bottom:20px;}
}
@media screen and (min-width:1px) and (max-width:622px){
    #block-info .left{margin-bottom:40px;}
    #block-info .left .logo{max-width:50%;margin:0 auto 20px;}
    #block-info .list-info{display:block;}
    #block-info .list-info > li{width:100%;}
    #block-info .list-info > li + li{margin-top:30px;}
    #block-info .list-info > li .item{font-size:1.2rem;}
    #block-info .list-info > li .item + .item{margin-top:30px;}
    #block-info .list-info > li .item .ttl{font-size:1.4rem;padding-bottom:5px;}
}