@font-face{font-family:'Constantia';src:url("../font/constani-webfont.woff") format("truetype")}.top-page .mainv{width:100%;height:730px;position:relative}@media (max-width: 767px){.top-page .mainv{height:100vh}}.top-page .mainv:before{position:absolute;content:"";background:url(../img/top/mainv.png) no-repeat;background-position:bottom;background-size:cover;width:100%;height:100%;top:0}@media (max-width: 767px){.top-page .mainv:before{background:url(../img/top/sp/mainv.png) no-repeat;background-position:top;background-size:cover}}.top-page .mainv .catch{background:url(../img/top/catch-bg.png) no-repeat;background-size:contain;background-position:center;padding:60px 155px;position:absolute;display:flex;flex-direction:column;color:#fff;top:calc(50% - 3rem);left:50%;transform:translate(-50%, -50%)}@media (max-width: 767px){.top-page .mainv .catch{padding:55px 110px 50px}}.top-page .mainv .catch span{text-align:center;font-size:20px;font-style:italic;filter:drop-shadow(0px 0px 15px rgba(0,24,50,0.8))}@media (max-width: 767px){.top-page .mainv .catch span{font-size:15px}}.top-page .mainv .catch .vertical{font-style:normal;margin:25px auto 0;font-size:32px;line-height:1.5;text-align:left;font-weight:bold;filter:drop-shadow(0px 0px 50px rgba(0,24,50,0.8))}@media (max-width: 767px){.top-page .mainv .catch .vertical{margin:20px auto 0;font-size:25px}}.top-page .about{padding:100px 0 0;background:url(../img/top/about-background.png) no-repeat;background-size:cover;background-position:top;position:relative}@media (max-width: 767px){.top-page .about{padding:50px 0 0}}.top-page .about:before{position:absolute;content:"";background:url(../img/top/about-before.png) no-repeat;background-size:contain;width:198px;height:139px;top:0;right:0}@media (max-width: 767px){.top-page .about:before{width:100px;height:65px}}.top-page .about:after{position:absolute;content:"";background:url(../img/top/about-after.png) no-repeat;background-size:contain;width:192px;height:102px;top:290px;left:0}@media (max-width: 767px){.top-page .about:after{width:96px;height:50px}}.top-page .about .inner{max-height:210px;height:100%}@media (max-width: 767px){.top-page .about .inner{max-height:none}}.top-page .about .inner .vertical{margin:0 auto}@media (max-width: 767px){.top-page .about .inner .vertical{display:flex;gap:0 30px}}.top-page .about .inner .vertical h2{font-size:32px;line-height:1.8;margin-left:50px}@media (max-width: 767px){.top-page .about .inner .vertical h2{font-size:28px;margin-left:0;min-height:190px;margin:0 auto;position:relative}}.top-page .about .inner .vertical h2 span{margin-left:10px}@media (max-width: 767px){.top-page .about .inner .vertical h2 span{position:absolute;margin-left:0;left:105%}}.top-page .about .inner .vertical p{line-height:3;margin-left:40px}.top-page .about .inner .vertical p:last-child{margin-left:0}@media (max-width: 767px){.top-page .about .inner .vertical p{margin-left:0;margin:0 auto;line-height:2.4;min-height:290px}.top-page .about .inner .vertical p:last-child{margin:0 auto}}.top-page .about .wide-inner{margin:80px auto 0}@media (max-width: 767px){.top-page .about .wide-inner{width:100%;margin:40px auto 0}}.top-page .about .wide-inner .flex{justify-content:space-between;align-items:center}.top-page .about .wide-inner .flex .left-container{width:calc(95% - 380px)}@media (max-width: 767px){.top-page .about .wide-inner .flex .left-container{width:57%}}.top-page .about .wide-inner .flex .right-container{width:380px;height:460px;position:relative}.top-page .about .wide-inner .flex .right-container .img{position:absolute}.top-page .about .wide-inner .flex .right-container .img:first-child{top:0;right:0}.top-page .about .wide-inner .flex .right-container .img:last-child{bottom:0;left:0}@media (max-width: 767px){.top-page .about .wide-inner .flex .right-container{width:37%;height:175px}.top-page .about .wide-inner .flex .right-container .img:first-child{width:120px}.top-page .about .wide-inner .flex .right-container .img:last-child{width:95px}}.top-page .service{padding:150px 0 80px;position:relative}@media (max-width: 767px){.top-page .service{padding:75px 0 40px}}.top-page .service:before{position:absolute;content:"";background:url(../img/top/service-before.png) no-repeat;background-size:contain;width:280px;height:173px;top:60px;right:0}@media (max-width: 767px){.top-page .service:before{width:140px;height:85px}}.top-page .service .inner{text-align:center}.top-page .service .inner h2{font-size:36px;margin-bottom:30px}.top-page .service .inner h2 span{margin-bottom:20px}@media (max-width: 767px){.top-page .service .inner h2{font-size:28px;margin-bottom:15px}.top-page .service .inner h2 span{margin-bottom:10px}}.top-page .service .inner .read p{line-height:2.2}.top-page .service .inner .btn{margin:60px auto 0}@media (max-width: 767px){.top-page .service .inner .btn{margin:30px auto 0}}.top-page .service .img-container{margin:30px auto 0;position:relative}.top-page .service .img-container::before{position:absolute;content:"";background:url(../img/top/back-line.png) no-repeat;background-size:cover;background-position:center;width:100%;height:95%;z-index:-1;pointer-events:none;top:0;bottom:0;margin:auto}@media (min-width: 1400px){.top-page .service .img-container::before{background-position:top;height:110%}}@media (max-width: 767px){.top-page .service .img-container::before{background-position:center;height:55px;top:auto;bottom:0}}.top-page .service .img-container::after{position:absolute;content:"";background:url(../img/top/back-line.png) no-repeat;background-size:cover;background-position:center;width:100%;height:55px;z-index:-1;pointer-events:none;top:0;display:none}@media (max-width: 767px){.top-page .service .img-container::after{display:block}}.top-page .service .img-container .wide-inner .flex{justify-content:space-between}.top-page .service .img-container .wide-inner .flex .item a{display:block}.top-page .service .img-container .wide-inner .flex .item:nth-child(odd){padding-top:40px}@media (max-width: 767px){.top-page .service .img-container .wide-inner .flex .item:nth-child(odd){padding-top:70px}}.top-page .service .img-container .wide-inner .flex .item:nth-child(2){padding-left:10px}@media (max-width: 767px){.top-page .service .img-container .wide-inner .flex .item:nth-child(2){padding-left:0}}.top-page .service .img-container .wide-inner .flex .item:nth-child(3){padding-left:18px}@media (max-width: 767px){.top-page .service .img-container .wide-inner .flex .item:nth-child(3){padding-left:0}}.top-page .tradition{padding:90px 0 225px;background:url(../img/top/tradition-back.png) no-repeat;background-position:bottom;background-size:cover}@media (max-width: 767px){.top-page .tradition{padding:45px 0 112px}}.top-page .tradition .inner .vertical{margin:0 auto}.top-page .tradition .inner .vertical p{font-size:22px;color:#fff;line-height:2.8;font-weight:bold}@media (max-width: 767px){.top-page .tradition .inner .vertical p{font-size:18px}}.top-page .facility{padding:30px 0 115px;position:relative}@media (max-width: 767px){.top-page .facility{padding:30px 0 50px}}.top-page .facility:before{position:absolute;content:"";background:url(../img/top/facility-before.png) no-repeat;background-size:contain;width:320px;height:173px;top:220px;right:0}@media (max-width: 767px){.top-page .facility:before{width:160px;height:90px;top:270px}}.top-page .facility:after{position:absolute;content:"";background:url(../img/top/facility-after.png) no-repeat;background-size:contain;width:253px;height:131px;left:0;bottom:180px;z-index:-1}@media (max-width: 767px){.top-page .facility:after{width:125px;height:70px;bottom:220px}}.top-page .facility .inner{padding:0 0 40px}.top-page .facility .inner .vertical{display:flex;width:50%;position:relative}@media (max-width: 767px){.top-page .facility .inner .vertical{width:100%}}.top-page .facility .inner .vertical:first-child{margin:0 0 0 auto}@media (max-width: 767px){.top-page .facility .inner .vertical:first-child{margin:0 auto;padding-bottom:375px}}.top-page .facility .inner .vertical:first-child:before{position:absolute;content:"";background:url(../img/top/facility-image-01.jpg) no-repeat;background-size:cover;background-position:bottom;width:100%;height:155%;top:0;right:100%;z-index:-1}@media (max-width: 767px){.top-page .facility .inner .vertical:first-child:before{width:50%;height:300px;top:390px;right:auto;left:0}}.top-page .facility .inner .vertical:last-child{margin:120px auto 0 0;padding-bottom:30px}@media (max-width: 767px){.top-page .facility .inner .vertical:last-child{margin:10px auto 0;padding-bottom:0}}.top-page .facility .inner .vertical:last-child:after{position:absolute;content:"";background:url(../img/top/facility-image-02.jpg) no-repeat;background-size:cover;background-position:center;width:100%;height:120%;bottom:0;left:100%;z-index:-1}@media (max-width: 767px){.top-page .facility .inner .vertical:last-child:after{width:50%;height:300px;bottom:105%;left:auto;right:0}}.top-page .facility .inner .vertical h2{margin:0 auto;font-size:32px;line-height:2}.top-page .facility .inner .vertical h2 span{margin-left:10px}@media (max-width: 767px){.top-page .facility .inner .vertical h2{font-size:28px;min-height:280px;position:relative}.top-page .facility .inner .vertical h2 span{font-size:15px;position:absolute;margin-left:0;left:105%}}.top-page .facility .inner .vertical p{max-height:280px;line-height:2.8;margin:0 auto}@media (max-width: 767px){.top-page .facility .inner .vertical p{line-height:2}}.top-page .facility .inner .vertical .btn{writing-mode:horizontal-tb;margin:60px auto 0}@media (max-width: 767px){.top-page .facility .inner .vertical .btn{margin:50px auto 0}}.top-page .company{padding:250px 0 200px;background:url(../img/top/company-background.jpg) no-repeat;background-size:cover;position:relative}@media (max-width: 767px){.top-page .company{padding:80px 0}}.top-page .company:before{position:absolute;content:"";background:url(../img/top/company-before.png) no-repeat;background-size:contain;width:218px;height:116px;right:12px;bottom:128px}@media (max-width: 767px){.top-page .company:before{width:150px;height:80px;top:40px;right:5px;bottom:auto}}.top-page .company .inner{max-width:1200px;position:relative}.top-page .company .inner:before{position:absolute;content:"";background:url(../img/top/company-image-02.jpg) no-repeat;background-size:contain;width:25%;height:190px;right:0;top:-130px}@media (max-width: 767px){.top-page .company .inner:before{width:143px;height:92px;top:auto;bottom:200px}}.top-page .company .inner .flex{gap:0 70px}@media (max-width: 767px){.top-page .company .inner .flex{flex-direction:column-reverse;gap:110px 0}}.top-page .company .inner .flex .img-area{width:calc(50% - 70px)}@media (max-width: 767px){.top-page .company .inner .flex .img-area{width:80%}}.top-page .company .inner .flex .text-area{width:calc(47% - 70px);margin:0 auto 0 0}.top-page .company .inner .flex .text-area h2{font-size:36px;margin:0 0 40px}.top-page .company .inner .flex .text-area h2 span{margin:0 0 20px}@media (max-width: 767px){.top-page .company .inner .flex .text-area h2{font-size:28px}.top-page .company .inner .flex .text-area h2 span{font-size:15px}}.top-page .company .inner .flex .text-area .read{margin:0 0 35px}.top-page .company .inner .flex .text-area .read p{font-size:24px;font-weight:bold;letter-spacing:.14em}@media (max-width: 767px){.top-page .company .inner .flex .text-area .read p{font-size:20px}}.top-page .company .inner .flex .text-area .text p{letter-spacing:0;line-height:2.2}.top-page .company .inner .flex .text-area .btn{margin:60px 0 0}@media (max-width: 767px){.top-page .company .inner .flex .text-area{width:100%}}