@charset "UTF-8";

.mainvisual{height:600px;margin-bottom:120px;position:relative;}
.mainvisual .img img{width:100%;height:600px;object-fit:cover;opacity:.6;}
.mainvisual .catchphrase{font-size:62px;font-weight:600;letter-spacing:.1em;position:absolute;top:180px;left:4%;}
.mainvisual .description{position:absolute;font-size:24px;font-weight:500;line-height:1.8;letter-spacing:.1em;top:380px;left:4%;}
.fadein{opacity:0;transform:translateY(80px);}
.fadein.is-show{opacity:1;transform:translateY(0);transition:opacity .8s ease,transform .8s ease;}

.about{position:relative;overflow:hidden;margin-bottom:60px;padding-bottom: 30px;width: 90%; margin: 2% auto;max-width: 1200px;}
.about .section-back-text{position:absolute;inset:0;z-index:0;pointer-events:none;}
.about .about-inner{position:relative;z-index:1;display:flex;padding-top:60px;max-width:98%;margin:2% auto;align-items:flex-end;}
.about .about-inner .text-area{flex:0 0 60%;max-width:80%;padding:0 40px 20px 20px;box-sizing:border-box;position: relative;}

.about .about-inner .text-area .about-lead{font-size:32px;font-weight:500;margin-bottom:20px;}
.about .about-inner .text-area .about-lead .about-lead-strong{color:#0984E3;font-size:42px;}
.about .about-inner .text-area .description{line-height:1.8;}
.about .about-inner .img{flex:0 0 40%;max-width:40%;height:320px;}
.about .about-inner .img img{width:100%;height:100%;object-fit:cover;display:block;}
.about .text-area .btn{position:static;margin-top:30px;}
.btn a::after{content:none;}

@media (min-width:768px) and (max-width:1000px){
.about .section-title h2{font-size: 60px;}
.about .about-inner .text-area .about-lead{font-size: 24px;}
.about .about-inner .text-area .about-lead .about-lead-strong{font-size: 34px;}
}


.news{position:relative;overflow:hidden;margin-bottom:120px;}
.news .section-back-text{position:absolute;top:25%;left:0;white-space:nowrap;transform:translateY(-50%);pointer-events:none;z-index:-10;}
.news .section-back-text span{font-size:160px;font-weight:700;letter-spacing:.05em;color:#ebebeb;padding-right:80px;}
@keyframes bgTextFlow{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}
.news .news-inner{display:flex;flex-direction:column;padding-top:100px;align-items:center;max-width:1280px;margin:0 auto;}
.news .section-title{text-align:center;margin-bottom:0;}
.news-box{max-width:1000px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);padding:25px 30px;display:flex;align-items:center;justify-content:space-between;gap:30px;}
.news-list{flex:1;}
.news-item{display:flex;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid #e5e5e5;}
.news-item:last-child{border-bottom:none;}
.news-item time{color:#121212;font-size:14px;font-weight:600;white-space:nowrap;}
.news-text{color:#121212;font-size:14px;line-height:1.6;}
.news-btn{flex-shrink:0;}
.news-btn .btn{min-width:180px;padding:8px 24px;}

.parallax{height:600px;background-image:url(img/parallax.jpg);background-attachment:fixed;background-size:cover;background-position:center;margin-bottom:150px;}

@media screen and (max-width:767px){
.parallax{height:300px;background-attachment:scroll;}}

#service{position:relative;margin-bottom:150px;width: 90%;margin: 2% auto;max-width: 1200px;}
#service .service-inner{max-width:1200px;margin:0 auto;}
#service .section-back-text{position:absolute;top:-80px;left:0;width:100%;height:200px;overflow:hidden;z-index:0;pointer-events:none;}
#service .item{display:flex;align-items:center;box-shadow:5px 5px 25px #ccc;margin-bottom:40px;text-decoration:none;color:inherit;cursor:pointer;position:relative;transition:transform .3s ease,filter .3s ease,box-shadow .3s ease;}
#service .item:hover{transform:scale(1.02);filter:brightness(.92);box-shadow:8px 8px 35px #bbb;}
#service .item .text{width:80%;padding:1% 5%;position:static;color:#121212;padding-bottom:30px;}
#service .item .text .title{font-size:32px;margin-bottom:20px;}
#service .item .text .description{font-size:20px;}
#service .item .img{width:40%;overflow:hidden;}
#service .item.item-1 .img,#service .item.item-3 .img,#service .item.item-5 .img,#service .item.item-7 .img{clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);}
#service .item.item-2,#service .item.item-4,#service .item.item-6{flex-direction:row-reverse;}
#service .item.item-2 .img,#service .item.item-4 .img,#service .item.item-6 .img{clip-path:polygon(0 0,80% 0,100% 100%,0 100%);}
#service .item .text .view-more{position:absolute;right:200px;bottom:50px;border:1px solid #121212;border-radius:30px;padding:8px 25px;background:transparent;color:#121212;transition:background-color .3s ease,color .3s ease,transform .25s ease;}
#service .item .text .view-more:hover{background:#121212;color:#fff;transform:scale(1.05);}

@media screen and (max-width:767px){
.mainvisual{height:400px;margin-bottom:0;}
.mainvisual .img img{height:360px;}
.mainvisual .catchphrase{font-size:28px;top:100px;}
.mainvisual .description{font-size:14px;top:200px;}
.about{margin-bottom:0;padding-bottom: 60px;}
.about .about-inner{flex-direction:column;padding-top:0;}
.about .about-inner .text-area{max-width:100%;padding:0 20px;}
.section-title .ja{font-size:12px;margin-bottom:0;}
.section-title .en{font-size:32px;margin-bottom:20px;}
.about .about-inner .text-area .about-lead{font-size:20px;line-height:1.5;}
.about .about-inner .text-area .about-lead .about-lead-strong{font-size:24px;line-height: 0.8;}
.about .about-inner .text-area .description{font-size:14px;line-height:1.7;margin-bottom: 24px;}

.about .about-inner .img{display: none;}
.about .text-area .btn{position:absolute;bottom:-16%;left:50%;transform:translateX(-50%);}
.news{margin-bottom:60px;}
.news .news-inner{padding-top:30px;}
.news .news-box{flex-direction:column;padding:0 20px;}
.parallax{height:300px;background-attachment:scroll;margin-bottom:60px;}
#service{margin-bottom:60px;}
#service .service-inner{width:100%;}
#service .section-title{margin:0 auto;}
#service .item{flex-direction:column;margin-bottom:20px;filter:brightness(.95);box-shadow:8px 8px 35px #bbb;}
#service .item.item-2,#service .item.item-4,#service .item.item-6{flex-direction:column;}
#service .item .text{width:100%;padding:20px;}
#service .item .img{width:100%;}
#service .item.item-2 .img,#service .item.item-4 .img,#service .item.item-6 .img,#service .item.item-1 .img,#service .item.item-3 .img,#service .item.item-5 .img,#service .item.item-7 .img{clip-path:none;}
#service .item .text .title{font-size:26px;}
#service .item .text .description{font-size:16px;}
}

@media screen and (max-width:767px){
.parallax{height:180px;background-attachment:scroll;margin-bottom:60px;}}
@media screen and (max-width:550px){
#service .item .text .title{font-size: 20px;}
#service .item .text .description{font-size: 14px;}}