/* CSS Document */
@charset "UTF-8";

.sp_only{display: none;}



.keyC1text{color:#0040C0;}
.keyC1bg{background-color:#0040C0;}
a .keyC1bg:hover{background-color:#0064C0;}


.keyC1bord{border:1px solid #0040C0;}
.keyC2text{color:#FFFFFF;}
.keyC2bg{background-color:#FFFFFF;}
a .keyC2bg:hover{opacity:0.7;}
.keyC2bord{border:1px solid #FFFFFF;}

body > div{min-width: 1100px;}

/*  header  */
.header1{height: 100px;}
.header1 .sec_header{width: 1100px;margin: 0 auto;display: flex;justify-content: space-between;}
.header1 .leftside{width: 240px;}
.header1 .leftside .sub{font-size: 10px;padding: 20px 0 10px;letter-spacing: 2px;}
.header1 .leftside .title img{width: 226px;}

.header1 .rightside{width: 860px;}
.header1 .rightside ul{display: flex;justify-content: flex-end;}
.header1 .rightside ul li .menu1{padding: 37px 18px 33px;text-align: center;line-height: 15px;}
.header1 .rightside ul li .menu1 img{height: 12px;}
.header1 .rightside ul li .menu1 span{display: block; color: #CCCCCC;font-size: 10px;letter-spacing: 1px}

.header1 .rightside ul li .menu2 {padding: 30px 23px 20px;background-color: #231815;text-align: center;line-height: 15px;margin-left: 20px;position: relative;z-index: 1;}
.header1 .rightside ul li .menu2 img:first-of-type{height: 50px;margin: 0 auto;display: block;margin-bottom: 20px;}
.header1 .rightside ul li .menu2 img:last-of-type{height: 12px;}
.header1 .rightside ul li .menu2 span{display: block; color: #CCCCCC;font-size: 10px;letter-spacing: 1px}
.header1 .rightside ul li .menu2:hover{background-color: #452F29;}

.footer1{background-color: #000000;}
.footer1 .sec_bunner{width: 100%;background:#E5E5E5;}
.footer1 .sec_bunner img{width: 100%;}
.footer1 .sec_bunner .link{width: 1100px;margin: 0 auto; padding: 60px 0;display: flex;justify-content: space-between;}
.footer1 .sec_bunner .link .bunner2{width: 242px;transition: 0.7s;}
.footer1 .sec_bunner .link .bunner2:hover{opacity: 0.7;}

.footer1 .sec_footer{width: 1100px;margin: 0 auto;display: flex;justify-content: space-between;background-color: #000000;position: relative;padding: 60px 0;}
.footer1 .leftside{width: 310px;}
.footer1 .leftside .sub{font-size: 10px;padding-bottom:10px;letter-spacing: 2px;}
.footer1 .leftside .title img{width: 226px;}
.footer1 .leftside .add1{font-size: 12px; letter-spacing: 2px; color: #B2B2B2;margin-top: 45px;}
.footer1 .leftside .add2{font-size: 12px; letter-spacing: 2px; color: #B2B2B2;margin-top: 11px;}
.footer1 .leftside .licence{font-size: 12px; letter-spacing: 2px; color: #B2B2B2;margin-top: 11px;}
.footer1 .middleside{width: 240px;}
.footer1 .middleside .text{font-size: 12px; font-weight: 400; text-align: center; letter-spacing: 2px;margin-top: 5px;}
.footer1 .middleside .link-contact{font-size: 16px; font-weight: bold; text-align: center; letter-spacing: 2px; width: 100%; padding: 13px 0;margin-top: 13px;}
.footer1 .middleside .link-tel{text-align: center; letter-spacing: 1px; width: 100%; padding: 13px 0;margin-top: 20px;}
.footer1 .middleside .link-tel img{width: 16px;vertical-align: baseline;}
.footer1 .middleside .link-tel .tel{font-size: 16px; font-weight: bold; }
.footer1 .middleside .link-tel .open{font-size: 10px;display: block;}
.footer1 .rightside{width: 550px;}
.footer1 .rightside ul{display: flex;justify-content: flex-end;}
.footer1 .rightside ul li{margin-left: 50px ;}
.footer1 .rightside ul li .menu{font-size: 14px; font-weight: bold;letter-spacing: 2px;text-align: center;line-height: 15px;position: relative;}
/*.footer1 .rightside ul li:hover .menu{color: #0064C0;}*/
.footer1 .rightside ul li .menu::after{content: ""; width: 0px;  border-bottom: 3px solid #0064C0;  position: absolute;bottom:-5px; left:50%;transform: translateY(0%) translateX(-50%); -webkit- transform: translateY(0%) translateX(-50%);transition: 0.7s;}
.footer1 .rightside ul li:hover .menu::after{width: 110%;}

.footer1 .copyright{position: absolute;right: 0;bottom: 60px;color: #B2B2B2;font-size: 12px; font-weight: 400; letter-spacing: 3px;}

.top .kv {background: no-repeat url("../img/top/s01.jpg") center;background-size: cover; }
.top .kv .wrap{width: 1100px; padding-bottom: 46%; margin: 0 auto;position: relative;}
.top .kv .title{font-size: 20px; line-height: 200%; font-weight: 500; text-align: center; letter-spacing: 4px; position: absolute; top: 48%;left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);text-shadow:2px 2px 2px #ffffff;}
.top .kv .title img{width: 400px;margin-top:20px;}
.top .kv .link-contact {width: 224px;position: absolute;bottom: 110px;right: 0%; }
.top .kv .link-contact .pc_only{font-size: 14px;text-align: center; letter-spacing: 4px; padding: 18px 0;}
.top .kv .link-contact .pc_only img{width: 12px; vertical-align: middle;}
.top .kv .link-tel {width: 224px;position: absolute;bottom: 20px;right: 0%; }
.top .kv .link-tel .pc_only {text-align: center; width: 224px;padding: 18px 0;}
.top .kv .link-tel .pc_only img{width: 16px;vertical-align: baseline;}
.top .kv .link-tel .pc_only .tel{font-size: 18px; font-weight: bold; letter-spacing: 2px;}
.top .kv .link-tel .pc_only .open{font-size: 10px; font-weight: 400; letter-spacing: 2px; display: block;}
.top .kv .link-scroll{width: 42px;position: absolute;bottom: 5px;left: 50%;transform: translateY(0%) translateX(-50%); -webkit- transform: translateY(0%) translateX(-50%);transition: 0.7s;}
.top .kv .link-scroll:hover{padding-bottom: 15px;}
.top .sec01 {padding: 50px 0 90px;}
.top .sec01 .title{font-size: 26px; font-weight: bold; letter-spacing: 5px; line-height: 60px; text-align: center;margin-bottom: 30px;}
.top .sec01 .text{font-size: 18px; font-weight: 400; letter-spacing: 2px; line-height: 50px; text-align: center;}
.top .sec02 {width: 1100px;margin: 0 auto 10px;}
.top .sec02 > .title img{width: 520px;}
.top .sec02 .list-service {display: flex; flex-wrap: wrap; justify-content: space-between;margin-top: 40px;}
.top .sec02 .list-service .list{width: 50%; border-left: 6px solid #0040C0; padding-left: 30px; padding-right: 50px; box-sizing: border-box;margin-bottom: 80px;}
.top .sec02 .list-service .title{font-size: 26px; font-weight: bold; letter-spacing: 4px;line-height: 100%; margin-bottom: 20px;}
.top .sec02 .list-service .sub{font-size: 20px; font-weight: 500; letter-spacing: 4px;margin-bottom: 20px;}
.top .sec02 .list-service .text{font-size: 14px; font-weight: 400; letter-spacing: 1px;line-height: 30px;margin-bottom: -5px;}
.top .sec03 {width: 1100px;margin: 0 auto 75px;}
.top .sec03 > .title img{width: 930px;}
.top .sec03 .list-performance {display: flex; flex-wrap: wrap; justify-content: space-between;margin-top: 35px;}
.top .sec03 .list-performance .list{width: 260px; box-sizing: border-box;margin-bottom: 40px;transition: 0.7s;}
.top .sec03 .list-performance .list:hover{opacity: 0.7;}
.top .sec03 .list-performance .img img{width: 100%;}
.top .sec03 .list-performance .title{font-size: 16px; font-weight: 500; letter-spacing: 2px;margin-left: 5px;margin-top: 2px;}
.top .sec03 .list-performance .sub{font-size: 14px; font-weight: 500; letter-spacing: 2px;margin-left: 5px;}
.top .sec03 .link-list{text-align: center;margin-top: 20px;}
.top .sec03 .link-performance_list{font-size: 26px; font-weight: bold; letter-spacing: 4px; line-height: 60px; border: 3px solid #0040C0;border-radius: 30px;display: inline-block; padding: 0 25px;transition: 0.7s;}

.top .sec04 {width: 100%; background: linear-gradient(#E5E5E5 895px,#FFFFFF 895px) ;}
.top .sec04 .wrap{width: 1100px; padding: 100px 0 70px; margin: 0 auto;position: relative;}
.top .sec04 .title{font-size: 40px; font-weight: bold; letter-spacing: 8px;margin-bottom: 60px;}
.top .sec04 .text1{font-size: 26px; font-weight: 400; letter-spacing: 3px;margin-bottom: 35px;}
.top .sec04 .text2{font-size: 26px; font-weight: 400; letter-spacing: 6px;margin-bottom: 45px;}
.top .sec04 .text2 span{font-weight: bold;}
.top .sec04 .list{margin-bottom: 45px;margin-top: 45px;}
.top .sec04 .list li{display: inline-block; width:180px;text-align: center; font-size: 26px; font-weight: bold;line-height: 100%; padding: 10px 0px 10px 4px; border: 4px solid #0040C0; letter-spacing: 8px;margin-right: 25px;}
.top .sec04 .flow{width: 550px;}
.top .sec04 .flow > *{width: 100%; box-sizing: border-box; border: 6px solid #0040C0; font-size: 26px; font-weight: bold; letter-spacing: 4px;text-align: center;position: relative; display: block;}
.top .sec04 .flow > *::before{content:""; width: 60px; border-bottom: 1px solid;right:25px; bottom:25px;position: absolute;}
.top .sec04 .flow a .keyC1bg:hover{background:#0040C0;}
.top .sec04 .flow .flow1::before{border-color: #FFFFFF;}
.top .sec04 .flow .flow2::before{border-color: #FFFFFF;}
.top .sec04 .flow .flow3::before{border-color: #0040C0;}
.top .sec04 .flow .flow1{line-height: 125px;margin-bottom: 46px;}
.top .sec04 .flow .flow2{line-height: 125px;margin-bottom: 46px;}
.top .sec04 .flow .flow3{line-height: 85px;}
.top .sec04 .flow .flow3 .sub{width: 100%; border-bottom: 6px solid #0040C0; font-size: 18px; font-weight: 400; line-height: 35px}
.top .sec04 .img{position: absolute; bottom:20px;right: 0px; width: 612px;}
.top .sec04 .img img{width: 100%;}

.about .kv {background: no-repeat url("../img/about/kv_202404.jpg") center;background-size: cover; }
.about .kv .wrap{width: 1100px; padding-bottom: 20%; margin: 0 auto;position: relative;}
.about .kv .title{text-align: center; position: absolute; top: 52%;left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%);}
.about .kv .title img{width: 340px;display: block;}
.about .kv .title span{font-size: 26px; line-height: 100%; font-weight: bold; letter-spacing: 6px; margin-top: 35px;display: block;}

.about .sec01 {width: 1100px; margin: 95px auto 80px;}
.about .sec01 .title{font-size: 26px; font-weight: bold; letter-spacing: 4px;margin-bottom: 40px;text-align: center;}
.about .sec01 .text{font-size: 14px; font-weight: 400; letter-spacing: 2px;line-height: 30px;text-align: center;}

.about .sec02 {width: 1100px; margin: 0px auto 100px;}
.about .sec02 .title {font-size: 26px; font-weight: bold; letter-spacing: 4px;margin-bottom: 30px;text-align: center;}
.about .sec02 .sub {font-size: 20px; font-weight: 500; letter-spacing: 4px;margin-bottom: 60px;text-align: center;line-height: 40px;}
.about .sec02 .area01 {display: flex;justify-content: space-between;margin-bottom: 80px;}
.about .sec02 .text-area {width: 500px;}
.about .sec02 .text-area .text{font-size: 14px; font-weight: 400; letter-spacing: 1px; line-height: 30px;}
.about .sec02 .info-area {width: 500px;}
.about .sec02 .info-area .areaname{font-size: 26px; font-weight: bold; letter-spacing: 6px; margin-bottom: 32px;margin-left: 2px;}
.about .sec02 .info-area .textwrap{border-left: 4px solid #000000;padding: 5px 0px 5px 24px;}
.about .sec02 .info-area .title1{font-size: 14px; font-weight: bold; letter-spacing: 3px; margin-bottom: 8px;}
.about .sec02 .info-area .text1{font-size: 14px; font-weight: 400; letter-spacing: 3px; line-height: 30px; margin-bottom: 38px;}
.about .sec02 .info-area .title2{font-size: 14px; font-weight: bold; letter-spacing: 3px; margin-bottom: 8px;}
.about .sec02 .info-area .text2{font-size: 14px; font-weight: 400; letter-spacing: 3px; line-height: 30px;}
.about .sec02 .area02 {display: flex;justify-content: space-between;margin-bottom: 90px;}
.about .sec02 .map-area{width: 500px;}
.about .sec02 .map-area iframe{width: 100%; height: 100%;}
.about .sec02 .img-area{width: 500px;}
.about .sec02 .img-area img{width: 100%;}
.about .sec02 .licence01{width: 100%;}
.about .sec02 .licence01 img{width: 100%;}


.flow .kv {background: no-repeat url("../img/flow/kv.jpg") center;background-size: cover; }
.flow .kv .wrap{width: 1100px; padding-bottom: 20%; margin: 0 auto;position: relative;}
.flow .kv .title{text-align: center; position: absolute; top: 52%;left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);}
.flow .kv .title img{width: 270px;display: block;}
.flow .kv .title span{font-size: 26px; line-height: 100%; font-weight: bold; letter-spacing: 6px; margin-top: 35px;display: block;}

.flow .sec01{width: 1100px; margin: 100px auto 50px;}
.flow .flow-list{}
.flow .flow-area{border-top: 4px solid #000000; padding: 50px 0px 50px 50px; box-sizing: border-box;display: flex;}
.flow .flow-area .img-area {position: relative; width: 450px;}
.flow .flow-area .img-area .step{position: absolute;top:0px;left:-50px; font-size: 16px; font-weight: bold; letter-spacing: 2px;vertical-align: baseline;background-color: #000000; height:45px;line-height: 45px; padding:0 15px 0 25px;}
.flow .flow-area .img-area .step::before{content: ""; position: absolute;top:0px;left:115px;width: 10px; border-right: 25px solid transparent;border-bottom: 45px solid #000000;}
.flow .flow-area .img-area .step span{font-size: 26px;}
.flow .flow-area .img-area img{width: 350px;}
.flow .flow-area .text-area {width: calc(100% - 450px);}
.flow .flow-area .text-area .title{font-size: 26px; font-weight: bold; letter-spacing: 6px; line-height: 100%;margin-bottom: 20px;}
.flow .flow-area .text-area .text{font-size: 14px; font-weight: 500; letter-spacing: 1px; line-height: 30px;}

.flow .flow-area .link-area{display: flex;justify-content: flex-start;margin-top: 35px;}
.flow .flow-area .link-contact{font-size: 16px; font-weight: bold; text-align: center; letter-spacing: 4px; padding: 20px 40px;height: 64px;box-sizing: border-box; margin-right: 30px;}
.flow .flow-area .link-tel{text-align: center; padding: 6px 40px;height: 64px;box-sizing: border-box;}
.flow .flow-area .link-tel img{width: 16px;vertical-align: baseline;margin-right: 4px;}
.flow .flow-area .link-tel .tel{font-size: 16px; font-weight: bold; line-height: 30px; letter-spacing: 2px; }
.flow .flow-area .link-tel .open{font-size: 10px;display: block;letter-spacing: 1px; }


/*.performance .kv {background: no-repeat url("../img/performance/kv.jpg") center;background-size: cover; }*/
.performance .kv {background: no-repeat url("../img/performance/kv-101.jpg") center;background-size: cover; }
.performance .kv .wrap{width: 1100px; padding-bottom: 20%; margin: 0 auto;position: relative;}
.performance .kv .title{text-align: center; position: absolute; top: 52%;left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);}
.performance .kv .title img{width: 750px;display: block;}
.performance .kv .title span{font-size: 26px; line-height: 100%; font-weight: bold; letter-spacing: 6px; margin-top: 35px;display: block;}

.performance .sec01{width: 1100px; margin: 100px auto 100px;text-align: center;}
.performance .sec01 .link-list{display: inline-flex;}
.performance .sec01 .link-list li{font-size: 16px; line-height: 20px; font-weight: bold; letter-spacing: 4px; margin: 0 20px;color:#B2B2B2;}
.performance .sec01 .link-list li.now a{color:#000;padding-bottom: 3px; border-bottom: 2px solid #000;pointer-events: none;}
.performance .sec01 .link-list img{height: 20px;vertical-align: text-bottom;margin-right: 8px;}
.performance .sec01 .link-list img.b{display: none;}
.performance .sec01 .link-list .now img.b{display: inline-block;}
.performance .sec01 .link-list .now img.g{display: none;}
.performance .sec01 .performance-list {display: flex; flex-wrap: wrap; justify-content: space-between;margin-top: 100px;text-align: left;}
.performance .sec01 .performance-list > *{width: 260px;}
.performance .sec01 .performance-list .performance-area{box-sizing: border-box;margin-bottom: 40px;transition: 0.7s;position: relative;}
.performance .sec01 .performance-list .performance-area:hover{opacity: 0.7;}
.performance .sec01 .performance-list .img img{width: 100%;}
.performance .sec01 .performance-list .icon{position: absolute;top:0;left: 0; width: 18px; height: 18px;background: #000;padding: 6px;}
.performance .sec01 .performance-list .title{font-size: 16px; font-weight: 500; letter-spacing: 2px;margin-left: 5px;margin-top: 2px;}
.performance .sec01 .performance-list .sub{font-size: 14px; font-weight: 500; letter-spacing: 2px;margin-left: 5px;}
.performance .sec01 .anchers a{font-size:16px; line-height: 30px; width: 30px; text-align: center;color: #FFF;background: #b2b2b2; display: inline-block;margin: 0 8px;}
.performance .sec01 .anchers .now{background: #0040c0; pointer-events: none;}

.performance.info .sec01{width: 700px; margin: 100px auto 100px;text-align: left;}
.performance.info .sec01 .tag{font-size: 16px;line-height: 40px;font-weight: bold; letter-spacing: 4px; padding: 0 12px;background: #000;color: #FFF;display: inline-block;}
.performance.info .sec01 .tag img{width: 18px; height:18px;vertical-align: baseline;margin-right: 8px;}
.performance.info .sec01 .day{font-size: 14px;font-weight: 400; letter-spacing: 4px; color:#666666; margin: 28px 0 18px;}
.performance.info .sec01 .title{font-size: 26px;font-weight: 500; letter-spacing: 4px; line-height: 46px;margin-bottom: 68px;}
.performance.info .sec01 .swiper-container{width: 700px; height: 400px; margin: 0 auto 30px;}
.performance.info .sec01 .thumb-list{display:flex; width: 700px; justify-content: space-between;margin: 0 auto 80px;}
.performance.info .sec01 .thumb-item{width: 150px; height: 150px;background: url("../upImages/noimage.png");background-size:100% auto;} 
.performance.info .sec01 .text{font-size: 14px;font-weight: 500; letter-spacing: 2px; line-height: 30px;margin-bottom: 80px;}
.performance.info .sec01 .return{text-align: center;}
.performance.info .sec01 .return p{display: inline-block; font-size: 16px; font-weight: bold; letter-spacing: 4px; line-height: 46px; padding: 0 50px;}


/*.contact .kv {background: no-repeat url("../img/contact/kv.jpg") center;background-size: cover; }*/
.contact .kv {background: no-repeat url("../img/contact/kv01.jpg") center;background-size: cover; }
.contact .kv .wrap{width: 1100px; padding-bottom: 20%; margin: 0 auto;position: relative;}
.contact .kv .title{text-align: center; position: absolute; top: 52%;left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);}
.contact .kv .title img{width: 470px;display: block;}
.contact .kv .title span{font-size: 26px; line-height: 100%; font-weight: bold; letter-spacing: 6px; margin-top: 35px;display: block;}

.contact .sec01{width: 800px; margin: 90px auto 100px;text-align: left;}
.contact .sec01 .text{font-size: 14px; line-height: 30px; font-weight: 500; letter-spacing: 2px;margin-bottom: 50px;}

.contact .sec01 table{border-collapse: separate;border-spacing: 0 38px;}
.contact .sec01 tr{width:100%;}
.contact .sec01 th{width:300px;font-size: 14px; line-height: 30px; font-weight: bold; letter-spacing: 4px;}
.contact .sec01 th.vtop{vertical-align:top;}
.contact .sec01 th span{display: inline-block; color: #FFF; background: #0040c0;margin-left: 15px; padding: 0 10px;}
.contact .sec01 td{width: 500px;font-size: 14px; line-height: 30px; font-weight: 500; letter-spacing: 4px;}
.contact .sec01 form{text-align: center;}
.contact .sec01 table input{font-size: 14px; line-height: 28px; font-weight: 400; letter-spacing: 2px;padding: 1px 10px; box-sizing: border-box;border: none; background: #f2f2f2;}
.contact .sec01 table input.short{width: 300px;}
.contact .sec01 table input.long{width: 500px;}
.contact .sec01 table input.when1{width: 80px;margin-right: 12px;}
.contact .sec01 table input.when2{width: 80px;margin-left: 24px;margin-right: 10px;}
.contact .sec01 table input.where1{width: 80px;margin-right: 12px;}
.contact .sec01 table input.where2{width: 110px;margin-left: 24px;margin-right: 10px;}
.contact .sec01 table input.howmany{width: 80px;margin-right: 12px;}
.contact .sec01 table input.howmach{width: 110px;margin-right: 12px;}
.contact .sec01 table textarea{width: 500px;height: 120px; font-size: 14px; line-height: 28px; font-weight: 400; letter-spacing: 2px;padding: 1px 10px; box-sizing: border-box;border: none; background: #f2f2f2;}
.contact .sec01 table select option{font-size: 14px; line-height: 28px; font-weight: 400; letter-spacing: 2px;}
.contact .sec01 table select{min-width: 150px; border: 1px solid #000;border-radius: 0px;padding-left: 10px;padding-right: 30px;line-height: 28px;letter-spacing: 4px;}
.contact .sec01 td.select{position: relative;}
.contact .sec01 td.select::after{content: "▼";font-size: 10px; position: absolute;left: 130px; top:2px; pointer-events: none; }
.contact .sec01 input[type="submit"]{font-size: 16px;font-weight: bold; line-height:46px;  width: 200px;margin-top: 30px; padding: 0px;letter-spacing: 4px;border: none;}
.contact .sec01 input[type="submit"]:hover{opacity: 0.7;}