@charset "UTF-8";
.mainVisual_txt{position: absolute;transform: translate(-50%, -50%);left: 25%;top: 50%;z-index: 1;filter: drop-shadow(0px 0px 2px #000) drop-shadow(0px 0px 5px rgba(0 , 0 , 0  , 0.5));}

.top_main_under{height: 100vh;width: 100%;overflow: hidden;position: relative;}
.top_main_under_bg{height: 100%;}
.top_main_under_bg img{width: 100%; height: 100%;object-fit: cover;}
.top_main_under_window{width: 1600px;position: absolute;background: rgba(255,255,255,0.90);padding: 60px 30px;display: flex;transform: translate(-50%, -50%);left: 50%;top: 50%;}
.top_main_under_w01{width: 50%;display: flex;justify-content: center;align-items: center;}
.top_main_under_w01 h2{width: 300px;text-align: center;}
.top_main_under_w02{width: 50%;}
.top_main_under_w02 h3{font-size: 16px;line-height: 3;}
.top_btn_play{background: rgba(91,91,91,1.00);position: absolute;bottom: 70px;right: 20px;text-align: center;font-family: "EB garamond";z-index: 1;width: 120px;padding: 6px;font-size: 20px;letter-spacing: 0.1em;color: #FFF;}

.top_usp_wrap{
    padding: 50px 0;
    background:
    url("../common/imgs/bg_border1.svg") center top / 100% auto no-repeat,
    url("../common/imgs/bg_border2.svg") center bottom / 100% auto no-repeat,
    linear-gradient(#EFEFEF, #EFEFEF);
}
.top_usp01{position: relative;padding: 60px 0;}
.top_usp01inner{max-width: 1400px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.top_usp01txt{width: 35%;}
.top_usp01txt h6{font-family: "EB Garamond";font-size: 30px;color: #646052;letter-spacing: 0.05em;margin-bottom: 10px;}
.top_usp01txt h2{font-size: 26px;color: #333;letter-spacing: 0.05em;line-height: 1.8;}
.top_usp01img{width: 61.4%;position: relative;z-index: 2}
.top_usp01imgbg{width: 860px; opacity: 0.1;position: absolute;bottom:0;right: 0;z-index: 1;}
.top_usp02{position: relative;padding: 60px 0;}
.top_usp02inner{max-width: 1400px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.top_usp02txt{width: 35%;order: 2;z-index: 2;}
.top_usp02txt h6{font-family: "EB Garamond";font-size: 30px;color: #646052;letter-spacing: 0.05em;margin-bottom: 10px;}
.top_usp02txt h2{font-size: 26px;color: #333;letter-spacing: 0.05em;line-height: 1.8;}
.top_usp02img{width: 61.4%;position: relative;z-index: 2;order: 1;}
.top_usp02imgbg{width: 860px; opacity: 0.1;position: absolute;transform: translate(-50%, 0);left: 50%;bottom:0;z-index: 1;}
.top_usp03{position: relative;padding: 60px 0;}
.top_usp03inner{max-width: 1400px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.top_usp03txt{width: 30%;}
.top_usp03txt h6{font-family: "EB Garamond";font-size: 30px;color: #646052;letter-spacing: 0.05em;margin-bottom: 10px;}
.top_usp03txt h2{font-size: 26px;color: #333;letter-spacing: 0.05em;line-height: 1.8;}
.top_usp03img{width: 65%;position: relative;z-index: 2;display: flex;justify-content: space-between;}
.top_usp03img01{width: 49.8%;position: relative;}
.top_usp03img02{width: 49.8%;position: relative;}
.top_usp03imgbg{width: 900px; opacity: 0.1;position: absolute;bottom:0;right: 0;z-index: 1;display: flex;justify-content: space-between;}
.top_usp03imgbg01{width: 49.8%;}
.top_usp03imgbg02{width: 49.8%;}

.top_usp_button{width: 300px;}
.top_usp_button a{background-color: #96A8A9;padding: 15px 50px;display: block;text-align: right;color: #FFF;font-family: "EB Garamond";font-size: 24px;letter-spacing: 0.05em;margin-top: 15px;line-height: 1;position: relative;transition: background-color 0.3s ease-in-out;}
.top_usp_button a::after{content: "";background-image: url("../common/imgs/obj_yajirushi01.svg");width: 12px;height: 22px;display: block;position: absolute;transform: translate(0, -50%);right: 20px;top: 50%;transition: right 0.3s ease-in-out;}
.top_usp_button a:hover{background-color: #576464;}
.top_usp_button a:hover::after{right: 15px;}

.top_information{max-width: 700px;margin: 60px auto;display: flex;justify-content: space-between;}
.top_information h6{font-family: "EB Garamond";font-size: 20px;width: 25%;border-right: 1px solid #999; letter-spacing: 0.05em;}
.top_information dl{width: 68%;display: flex;justify-content: flex-start; }
.top_information dt{font-size: 18px; padding-right: 40px;font-family: "EB Garamond";letter-spacing: 0.05em;}
.top_information dd{font-size: 16px; }

@media screen and (max-width: 1600px) {
.top_main_under_window{width: 90%;position: absolute;background: rgba(255,255,255,0.90);padding: 60px 30px;display: flex;transform: translate(-50%, -50%);left: 50%;top: 50%;}
    
.top_usp01txt{width: 35%;margin-left: 2%;}
.top_usp03txt{width: 30%;margin-left: 2%;}
    
}

@media screen and (max-width: 768px) {

.mainVisual_txt{position: absolute;transform: translate(-50%, -50%);left: 36%;top: 20%;z-index: 1;filter: drop-shadow(0px 0px 2px #000) drop-shadow(0px 0px 5px rgba(0 , 0 , 0  , 0.5));width: 50%;}
.mainVisual_txt img {width: 100%;}

.top_main_under{height: 100vh;width: 100%;overflow: hidden;position: relative;}
.top_main_under_bg{height: 100%;}
.top_main_under_bg img{width: 100%; height: 100%;object-fit: cover;}
.top_main_under_window{width: 90%;position: absolute;background: rgba(255,255,255,0.90);padding: 10% 5%;display: flex;transform: translate(-50%, -50%);left: 50%;top: 50%;flex-wrap: wrap;}
.top_main_under_w01{width: 100%;display: flex;justify-content: center;align-items: center;}
.top_main_under_w01 h2{width: 80%;text-align: center;}
.top_main_under_w02{width: 100%;margin-top: 7%;text-align: center;}
.top_main_under_w02 h3{font-size: 3vw;line-height: 2.4;}

.top_usp_wrap{
    padding: 50px 0;
    background:
    url("../common/imgs/bg_border1.svg") center top / 100% auto no-repeat,
    url("../common/imgs/bg_border2.svg") center bottom / 100% auto no-repeat,
    linear-gradient(#EFEFEF, #EFEFEF);
}
.top_usp01{position: relative;padding: 60px 0;}
.top_usp01inner{max-width: 1400px;margin: 0 5%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.top_usp01txt{width: 100%;margin-bottom: 3%;margin-left: 0;}
.top_usp01txt h6{font-family: "EB Garamond";font-size: 5vw;color: #646052;letter-spacing: 0.05em;margin-bottom: 10px;}
.top_usp01txt h2{font-size: 5vw;color: #333;letter-spacing: 0.05em;line-height: 1.8;}
.top_usp01img{width: 100%;position: relative;z-index: 2}
.top_usp01imgbg{width: 90%; opacity: 0.1;position: absolute;bottom:-5%;right: 0;z-index: 1;}
.top_usp02{position: relative;padding: 60px 0;}
.top_usp02inner{max-width: 1400px;margin: 0 5%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.top_usp02txt{width: 100%;order: 1;z-index: 2;margin-bottom: 3%;margin-left: 0;}
.top_usp02txt h6{font-family: "EB Garamond";font-size: 5vw;color: #646052;letter-spacing: 0.05em;margin-bottom: 10px;}
.top_usp02txt h2{font-size: 5vw;color: #333;letter-spacing: 0.05em;line-height: 1.8;}
.top_usp02img{width: 100%;position: relative;z-index: 2;order: 2;}
.top_usp02imgbg{width: 90%; opacity: 0.1;position: absolute;transform: translate(0, 0);left: auto;bottom:-5%;z-index: 1;right: 0;}
.top_usp03{position: relative;padding: 60px 0;}
.top_usp03inner{max-width: 1400px;margin: 0 5%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.top_usp03txt{width: 100%;margin-bottom: 3%;}
.top_usp03txt h6{font-family: "EB Garamond";font-size: 5vw;color: #646052;letter-spacing: 0.05em;margin-bottom: 10px;}
.top_usp03txt h2{font-size: 5vw;color: #333;letter-spacing: 0.05em;line-height: 1.8;}
.top_usp03img{width: 100%;position: relative;z-index: 2;display: flex;justify-content: space-between;}
.top_usp03img01{width: 49.8%;position: relative;}
.top_usp03img02{width: 49.8%;position: relative;}
.top_usp03imgbg{width: 90%; opacity: 0.1;position: absolute;bottom:-5%;right: 0;z-index: 1;display: flex;justify-content: space-between;}
.top_usp03imgbg01{width: 49.8%;}
.top_usp03imgbg02{width: 49.8%;}

.top_usp_button{width: 70%;position: absolute;bottom: 0;right: 5%;z-index: 2;}
.top_usp_button a{background-color: #96A8A9;padding: 15px 50px;display: block;text-align: right;color: #FFF;font-family: "EB Garamond";font-size: 4.5vw;letter-spacing: 0.05em;margin-top: 15px;line-height: 1;position: relative;transition: background-color 0.3s ease-in-out;}
.top_usp_button a::after{content: "";background-image: url("../common/imgs/obj_yajirushi01.svg");width: 12px;height: 22px;display: block;position: absolute;transform: translate(0, -50%);right: 20px;top: 50%;transition: right 0.3s ease-in-out;}
.top_usp_button a:hover{background-color: #576464;}
.top_usp_button a:hover::after{right: 15px;}

.top_information{max-width: 700px;margin: 40px 5%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.top_information h6{font-family: "EB Garamond";font-size: 5vw;width: 100%;border-right:none;border-bottom: 1px solid #999; letter-spacing: 0.05em;margin-bottom: 5%;padding-bottom: 2%;}
.top_information dl{width: 100%;display: flex;justify-content: flex-start; flex-wrap: wrap;}
.top_information dt{font-size: 4vw; padding-right: 40px;font-family: "EB Garamond";letter-spacing: 0.05em;width: 100%;margin-bottom: 1%}
.top_information dd{font-size: 4vw; }

}