/* Main */ section{padding:0;position:relative;overflow:hidden;line-height:1.6} section .section_title{width:calc(100% - 40px);padding:0 20px;max-width:1400px;margin:0 auto 50px;overflow:hidden;text-align:center;} section .section_title h2{font-size:30px;color:#2e2e2e;display:block;} section .section_fix{width:calc(100% - 40px);padding:0 20px;max-width:1400px;margin:0 auto;overflow:hidden;position:relative} section .section_body{width:100%;position:relative;overflow:hidden} /* Section01 */ #section01{width:100%;padding:100px 0 0;height:calc(100vh - 100px);overflow:hidden} #section01 .slick-slide{vertical-align:top} #section01 .slick-slide .slide{vertical-align:top;width:100%;height:calc(100vh - 100px);position:relative;transition:0.5s} #section01 .slick-slide .slide img{vertical-align:top;position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%)} #section01 .slick-slide .slide .text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100;color:#fafafa} #section01 .slick-slide .slide .text h2{font-size:32px;display:block;text-align:center;line-height:1.8} #section01 .video {width: 100%;min-height: 600px;height: calc(100vh - 100px);overflow: hidden;position: relative;} #section01 .video #video{width:100%;height:100%;object-fit: cover !important;max-height:calc(100vh - 100px);} /* Section02 */ #section02{padding:100px 0} #section02 .section_fix .imgbox{width:480px;float:left;padding:20px 0} #section02 .section_fix .imgbox .thumb{border-radius:30px;overflow:hidden;position:relative;height:800px;filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.25));} #section02 .section_fix .imgbox .thumb img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:0.5s;height:100%;} #section02 .section_fix .imgbox .thumb:hover img{transform:translate(-50%,-50%) scale(1.1);} #section02 .section_fix .textbox{width:calc(100% - 560px);float:left;padding:20px 0 20px 80px;} #section02 .section_fix .textbox h3{font-size: 30px;font-weight: 600;color:#0A80D6;margin-bottom:30px;} #section02 .section_fix .textbox b{display:block;font-size:35px;line-height:50px;color:#6A6A6A;margin-bottom:10px;} #section02 .section_fix .textbox p{font-size:18px;word-break:keep-all;margin-bottom:20px;} #section02 .section_fix .textbox table{table-layout:fixed;width:100%;} #section02 .section_fix .textbox table th{vertical-align:top;width:160px;padding:10px 0;} #section02 .section_fix .textbox table th span{font-size:17px;width:160px;line-height:54px;text-align:center;background:#0A80D6;border-radius:30px;display:block;color:#fff;} #section02 .section_fix .textbox table td{padding:10px 0 10px 20px;} #section02 .section_fix .textbox table td p{font-weight:500;margin-bottom:0;} /* Section03 */ #section03{padding:100px 0;background:#EAEEF1} #section03 .section_fix .imgbox{width:calc(50% - 50px);float:left;padding:20px 0 20px 50px;} #section03 .section_fix .imgbox .thumb{border-radius:30px;overflow:hidden;position:relative;height:800px;filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.25));} #section03 .section_fix .imgbox .thumb img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:0.5s;height:100%;} #section03 .section_fix .imgbox .thumb:hover img{transform:translate(-50%,-50%) scale(1.1);} #section03 .section_fix .textbox{width:50%;float:left;padding:20px 0px 20px 0px;} #section03 .section_fix .textbox h3{font-size: 30px;font-weight: 600;color:#0A80D6;margin-bottom:30px;} #section03 .section_fix .textbox b{display:block;font-size:35px;line-height:50px;color:#6A6A6A;margin-bottom:10px;} #section03 .section_fix .textbox p{font-size:20px;word-break:keep-all;margin-bottom:20px;} #section03 .section_fix .textbox span{padding:0 20px;font-size:17px;line-height:54px;text-align:center;background:#0A80D6;border-radius:30px;display:inline-block;color:#fff;margin:0 20px 20px 0} #section03 .section_fix.mobile{display:none} /* Section04 */ #section04{padding:100px 0;} #section04 .section_fix .imgbox{width:calc(50% - 50px);float:left;padding:20px 50px 20px 0px;} #section04 .section_fix .imgbox .thumb{border-radius:30px;overflow:hidden;position:relative;width:100%;padding-top:100%;} #section04 .section_fix .imgbox .thumb img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:0.5s;width:110%;} #section04 .section_fix .imgbox .thumb:hover img{transform:translate(-50%,-50%) scale(1.1);} #section04 .section_fix .textbox{width:50%;float:left;padding:20px 0px 20px 0px;} #section04 .section_fix .textbox h3{font-size: 30px;font-weight: 600;color:#0A80D6;margin-bottom:30px;} #section04 .section_fix .textbox b{display:block;font-size:35px;line-height:50px;color:#6A6A6A;margin-bottom:10px;} #section04 .section_fix .textbox p{font-size:20px;word-break:keep-all;margin-bottom:20px;} #section04 .section_fix .textbox span{padding:0 20px;font-size:17px;line-height:54px;text-align:center;background:#0A80D6;border-radius:30px;display:inline-block;color:#fff;margin:0 20px 20px 0} /* Section05 */ #section05{padding:100px 0;background:#EAEEF1} #section05 .section_fix .imgbox{width:calc(50% - 50px);float:left;padding:20px 0px 20px 50px;} #section05 .section_fix .imgbox .thumb{border-radius:30px;overflow:hidden;position:relative;height:900px;filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.25));} #section05 .section_fix .imgbox .thumb img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:0.5s;height:100%;} #section05 .section_fix .imgbox .thumb:hover img{transform:translate(-50%,-50%) scale(1.1);} #section05 .section_fix .textbox{width:50%;float:left;padding:20px 0px 20px 0px;} #section05 .section_fix .textbox h3{font-size: 30px;font-weight: 600;color:#0A80D6;margin-bottom:30px;} #section05 .section_fix .textbox b{display:block;font-size:35px;line-height:50px;color:#6A6A6A;margin-bottom:10px;} #section05 .section_fix .textbox p{font-size:20px;word-break:keep-all;margin-bottom:20px;} #section05 .section_fix .textbox span{padding:0 20px;font-size:17px;line-height:54px;text-align:center;background:#0A80D6;border-radius:30px;display:inline-block;color:#fff;margin:0 20px 20px 0} #section05 .section_fix.mobile{display:none} /* Section06 */ #section06{padding:100px 0;} #section06 .section_fix .textbox{width:100%;overflow:hidden;padding-bottom:60px;} #section06 .section_fix .textbox h3{font-size: 30px;font-weight: 600;color:#0A80D6;margin-bottom:30px;} #section06 .section_fix .textbox b{display:block;font-size:35px;line-height:50px;color:#6A6A6A;width:50%;float:left;} #section06 .section_fix .textbox p{font-size:20px;word-break:keep-all;width:50%;float:left;margin-top:30px;} #section06 .section_fix .imgbox{width:100%;overflow:hidden;} #section06 .section_fix .imgbox .item{width:calc(25% - 10px);float:left;margin:0 5px;} #section06 .section_fix .imgbox .item .thumb{border-radius:20px;position:relative;overflow:hidden;width:100%;padding-bottom:125%} #section06 .section_fix .imgbox .item .thumb img{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:0.5s;} #section06 .section_fix .imgbox .item .thumb:hover img{transform:translate(-50%,-50%) scale(1.1);} #section06 .section_fix .imgbox .item p{font-size:20px;margin-top:10px;font-weight:500;text-align:right;} /* Section07 */ #section07{padding:100px 0;} #section07 .section_fix{text-align:center;} #section07 .section_fix .fl{width:50%;float:left} #section07 .section_fix .fl h3{font-size:40px;font-weight:600;color:#0a80d6;display:block;margin-bottom:10px;} #section07 .section_fix .fl b{font-size:24px;color:#575757;display:block;margin-bottom:20px;} #section07 .section_fix .fl p{font-size:20px;font-weight:500;margin-bottom:30px;} #section07 .section_fix .fl span{width:180px;line-height:54px;color:#fff;background:#0a80d6;border-radius:8px;text-align:center;display:block;font-size:17px;margin:0 auto;} #section07 .section_fix .fr{width:50%;float:left} #section07 .section_fix .fr h3{font-size:40px;font-weight:600;color:#0a80d6;display:block;margin-bottom:10px;} #section07 .section_fix .fr table{width:100%;table-layout:fixed;max-width:425px;border-collapse:collapse;margin:0 auto;} #section07 .section_fix .fr table th{padding:10px 0;font-size:16px;font-weight:400;text-align:left;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;} #section07 .section_fix .fr table td{padding:10px 0;font-size:16px;font-weight:400;width:80px;text-align:center;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;} #section07 .section_fix .fr table tr:last-child th{border-bottom:0} #section07 .section_fix .fr table tr:last-child td{border-bottom:0} #map{width:100%;height:560px;} @media all and (max-width:1440px){ #section02 .section_fix .textbox b{font-size:32px;} #section02 .section_fix .textbox p{font-size:18px;line-height:1.6} #section03 .section_fix .textbox b{font-size:32px;} #section03 .section_fix .textbox p{font-size:18px;line-height:1.6} #section04 .section_fix .textbox b{font-size:32px;} #section04 .section_fix .textbox p{font-size:18px;line-height:1.6} #section05 .section_fix .textbox b{font-size:32px;} #section05 .section_fix .textbox p{font-size:18px;line-height:1.6} #section06 .section_fix .textbox b{font-size:32px;} #section06 .section_fix .textbox p{font-size:18px;line-height:1.6} #map{width:100%;height:500px;} } @media all and (max-width:1200px){ #section02 .section_fix .imgbox{width:400px;} #section02 .section_fix .textbox{width:calc(100% - 480px);} } @media all and (max-width:1024px){ #section02 .section_fix .imgbox{width:100%} #section02 .section_fix .imgbox .thumb{height:0px;padding-top:50%} #section02 .section_fix .imgbox .thumb img{width:100%;height:auto;} #section02 .section_fix .textbox{width:100%;padding:20px 0} #section03 .section_fix.pc{display:none} #section03 .section_fix.mobile{display:block;} #section03 .section_fix .imgbox{width:100%;padding:20px 0} #section03 .section_fix .imgbox .thumb{height:0px;padding-top:50%} #section03 .section_fix .imgbox .thumb img{width:100%;height:auto;} #section03 .section_fix .textbox{width:100%;padding:20px 0} #section04 .section_fix .imgbox{width:100%;padding:20px 0} #section04 .section_fix .imgbox .thumb{padding-top:50%;max-width:540px;margin:0 auto;} #section04 .section_fix .imgbox .thumb img{width:100%;height:auto;} #section04 .section_fix .textbox{width:100%;padding:20px 0} #section05 .section_fix.pc{display:none} #section05 .section_fix.mobile{display:block;} #section05 .section_fix .imgbox{width:100%;padding:20px 0} #section05 .section_fix .imgbox .thumb{height:0px;padding-top:50%} #section05 .section_fix .imgbox .thumb img{width:100%;height:auto;} #section05 .section_fix .textbox{width:100%;padding:20px 0} #section06 .section_fix .textbox b{width:100%} #section06 .section_fix .textbox p{width:100%} #section02 .section_fix .textbox h3{font-size:26px;line-height:1.6;margin-bottom:20px;} #section02 .section_fix .textbox b{font-size:28px;line-height:1.4} #section02 .section_fix .textbox p{font-size:16px;} #section02 .section_fix .textbox table th span{font-size:16px;} #section03 .section_fix .textbox h3{font-size:26px;line-height:1.6;margin-bottom:20px;} #section03 .section_fix .textbox b{font-size:28px;line-height:1.4} #section03 .section_fix .textbox p{font-size:16px;} #section03 .section_fix .textbox span{font-size:16px;} #section04 .section_fix .textbox h3{font-size:26px;line-height:1.6;margin-bottom:20px;} #section04 .section_fix .textbox b{font-size:28px;line-height:1.4} #section04 .section_fix .textbox p{font-size:16px;} #section04 .section_fix .textbox span{font-size:16px;} #section05 .section_fix .textbox h3{font-size:26px;line-height:1.6;margin-bottom:20px;} #section05 .section_fix .textbox b{font-size:28px;line-height:1.4} #section05 .section_fix .textbox p{font-size:16px;} #section05 .section_fix .textbox span{font-size:16px;} #section06 .section_fix .textbox{padding-bottom:30px;} #section06 .section_fix .textbox h3{font-size:26px;line-height:1.6;margin-bottom:20px;} #section06 .section_fix .textbox b{font-size:28px;line-height:1.4} #section06 .section_fix .textbox p{font-size:16px;} #section06 .section_fix .imgbox .item p{font-size:18px;} #section07 .section_fix .fl h3{font-size:32px;margin-bottom:10px;} #section07 .section_fix .fl b{font-size:19px;margin-bottom:20px;} #section07 .section_fix .fl p{font-size:16px;margin-bottom:30px;} #section07 .section_fix .fl span{width:180px;line-height:48px;border-radius:8px;font-size:17px;} #section07 .section_fix .fr h3{font-size:32px;margin-bottom:10px;} #map{width:100%;height:420px;} } @media all and (max-width:840px){ #section01{padding:80px 0 0} } @media all and (max-width:768px){ #section01{height:auto} #section01 .video {min-height:1px;position: relative;padding-bottom:80%;height:0px} #section01 .video #video{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);max-height:100%;} #section02 .section_fix .textbox h3{font-size:24px;margin-bottom:10px;} #section02 .section_fix .textbox b{font-size:24px;} #section03 .section_fix .textbox h3{font-size:24px;margin-bottom:10px;} #section03 .section_fix .textbox b{font-size:24px;} #section04 .section_fix .imgbox .thumb{width:100%;max-width:540px;padding-top:0;height:420px;} #section04 .section_fix .textbox h3{font-size:24px;margin-bottom:10px;} #section04 .section_fix .textbox b{font-size:24px;} #section05 .section_fix .textbox h3{font-size:24px;margin-bottom:10px;} #section05 .section_fix .textbox b{font-size:24px;} #section06 .section_fix .textbox{padding-bottom:30px;} #section06 .section_fix .textbox h3{font-size:24px;margin-bottom:10px;} #section06 .section_fix .textbox b{font-size:24px;} #section06 .section_fix .imgbox .item{width:calc(50% - 10px);margin-bottom:30px;} #section07 .section_fix .fl h3{font-size:28px;margin-bottom:10px;} #section07 .section_fix .fl b{font-size:18px;margin-bottom:20px;} #section07 .section_fix .fl p{font-size:15px;margin-bottom:20px;} #section07 .section_fix .fr h3{font-size:28px;margin-bottom:10px;} #section07 .section_fix .fr table th{padding:8px 0;font-size:15px;} #section07 .section_fix .fr table td{padding:8px 0;font-size:15px;width:60px;} #map{width:100%;height:360px;} } @media all and (max-width:540px){ #section02 .section_fix .textbox h3{font-size:21px;margin-bottom:10px;} #section02 .section_fix .textbox b{font-size:21px;} #section02 .section_fix .textbox p{font-size:15px;} #section02 .section_fix .textbox table th{width:120px;} #section02 .section_fix .textbox table th span{width:120px;font-size:13px;line-height:48px;} #section03 .section_fix .textbox h3{font-size:21px;margin-bottom:10px;} #section03 .section_fix .textbox b{font-size:21px;} #section03 .section_fix .textbox p{font-size:15px;} #section03 .section_fix .textbox span{font-size:13px;line-height:48px;margin:0 10px 10px 0;} #section04 .section_fix .imgbox .thumb{width:100%;max-width:540px;padding-top:0;height:420px;} #section04 .section_fix .textbox h3{font-size:21px;margin-bottom:10px;} #section04 .section_fix .textbox b{font-size:21px;} #section04 .section_fix .textbox p{font-size:15px;} #section04 .section_fix .textbox span{font-size:13px;line-height:48px;margin:0 10px 10px 0;} #section05 .section_fix .textbox h3{font-size:21px;margin-bottom:10px;} #section05 .section_fix .textbox b{font-size:21px;} #section05 .section_fix .textbox p{font-size:15px;} #section05 .section_fix .textbox span{font-size:13px;line-height:48px;margin:0 10px 10px 0;} #section06 .section_fix .textbox{padding-bottom:30px;} #section06 .section_fix .textbox h3{font-size:21px;margin-bottom:10px;} #section06 .section_fix .textbox b{font-size:21px;} #section06 .section_fix .imgbox .item p{font-size:16px;} #section07{padding:0 0 100px;} #section07 .section_fix .fl{width:100%;margin:0 auto 50px;} #section07 .section_fix .fr{width:100%} } @media all and (max-width:450px){ #section02 .section_fix .textbox table th{width:100px;} #section02 .section_fix .textbox table th span{width:100px;font-size:11px;line-height:40px;} #section03 .section_fix .textbox h3{font-size:21px;margin-bottom:10px;} #section03 .section_fix .textbox b{font-size:21px;} #section03 .section_fix .textbox p{font-size:15px;} #section03 .section_fix .textbox span{font-size:13px;line-height:48px;margin:0 10px 10px 0;} #section04 .section_fix .imgbox .thumb{width:100%;max-width:540px;padding-top:0;height:420px;} #section04 .section_fix .textbox h3{font-size:21px;margin-bottom:10px;} #section04 .section_fix .textbox b{font-size:21px;} #section04 .section_fix .textbox p{font-size:15px;} #section04 .section_fix .textbox span{font-size:13px;line-height:48px;margin:0 10px 10px 0;} #section05 .section_fix .textbox h3{font-size:21px;margin-bottom:10px;} #section05 .section_fix .textbox b{font-size:21px;} #section05 .section_fix .textbox p{font-size:15px;} #section05 .section_fix .textbox span{font-size:13px;line-height:48px;margin:0 10px 10px 0;} #section06 .section_fix .textbox{padding-bottom:30px;} #section06 .section_fix .textbox h3{font-size:21px;margin-bottom:10px;} #section06 .section_fix .textbox b{font-size:21px;} #section06 .section_fix .imgbox .item p{font-size:16px;} }