@charset "UTF-8";

.topWrap{height: 100vh;}
.bg-slider{width:90%;height:calc(100vh - 180px);margin:0 auto;background-position:center center;background-size: cover;position:relative;}

.dinT{font-size:60px;font-family: urw-din, sans-serif;font-weight:700;}
.dinP{font-size:14px;letter-spacing: .2em;font-weight:400;margin-bottom:55px;}

/*=====TOP=====*/
.top .sec1{justify-content: space-between;flex-direction: row-reverse;margin-bottom:100px;margin-top:25px;}
.top .sec1 .leftWrap{width:670px;}
.top .sec1 .rightWrap{width:500px;}
.top .sec1 .dinT::before{content: '';display: block;height: 0;width: 0;margin-top: -10px;}
.top .sec1 h1{font-size: 22px;letter-spacing: .2em;font-weight:700;line-height:38px;margin-bottom: 30px;}
.top .sec1 .leftWrap p{line-height:34px;} 
.top .sec1 .btnWrap{margin-top:60px;margin-left:auto;}
.top .sec2{margin-bottom:100px;}
.top .sec2 .flexWrap{justify-content: space-between;}
.top .sec2 .flexWrap::before{content:"";width:280px;order:2;}
.top .sec2 .flexWrap::after{content:"";width:280px;order:2;}
.top .sec2 .flexWrap div{width:280px;height:280px;border:1px solid #000;position:relative;padding:65px 30px 30px 30px;transition: .4s;}
.top .sec2 .flexWrap div.hov{background-color:#000;color:#fff;}
.top .sec2 .date{position:absolute;top:0;left:0;color:#fff;background-color:#000;line-height:34px;letter-spacing: .2em;padding:0 30px;margin-bottom:30px;}
.top .sec2 h3{font-size:14px;line-height:26px;letter-spacing: .1em;transition: .4s;font-weight:700;}
.top .sec2 .flexWrap a{font-size:14px;line-height:24px;position:absolute;right:30px;bottom:30px;transition: .4s;}
.top .sec2 .flexWrap a:hover{right:25px;}
.top .sec2 .flexWrap a i{line-height:24px;margin-left:5px;vertical-align: middle;}
.top .sec2 .flexWrap div.hov a,
.top .sec2 .flexWrap div.hov h3{color:#fff;transition: .4s;}
.top .sec2 .btnWrap{margin:0 auto;margin-top:55px;}
.top .sec3{margin-bottom:130px;}
.top .sec3 ul{margin-top:80px;}
.top .sec3 ul li{font-size:14px;letter-spacing: .1em;padding-left:35px;padding-top:30px;position:relative;margin-right: 40px;}
.top .sec3 ul li::before{position:absolute;font-family: "Font Awesome 5 Free";content: "\f0d7";font-weight: 900;left:0;top:0;font-size:20px;line-height:8px;}
.top .sec3 ul li::after{position:absolute;width:1px;height:100%;background-color:#000;content: "";-webkit-transform: skewX(160deg);-moz-transform: skewX(160deg);transform: skewX(160deg);top:0;left:15px;}
.top .sec3 .btnWrap{margin-left:auto;}
.top .sec4{margin-bottom:160px;}
.top .sec4 .flexWrap{justify-content: space-between;}
.top .sec4 .flexWrap div{border:1px solid #000;padding:45px;position:relative;width:580px;}
.top .sec4 .flexWrap h3{font-size:22px;letter-spacing: .2em;line-height:38px;font-weight:700;margin-bottom:30px;}
.top .sec4 .flexWrap p{line-height:34px;}
.top .sec4 .flexWrap .btnWrap{position:absolute;bottom:-1px;right:-1px;width:240px;}
.top .sec4 .rightWrap .btnWrap{position:absolute;bottom:-1px;right:-1px;width:310px;}
.top .sec4 ul{margin-top:30px;align-items:flex-end;margin-bottom:35px;}
.top .sec4 ul li{font-weight:700;line-height:14px;letter-spacing: .1em;}
.top .sec4 ul li:first-of-type{font-size: 30px;letter-spacing: .1em;font-weight:700;line-height:30px;}
.top .sec4 ul li:last-of-type{border-left:1px solid #000;padding-left: 25px;}


.top .newsec1{margin-bottom:100px;}
.top .newsec1 .flexWrap{justify-content: space-between;}
.top .newsec1 .flexWrap::before{content:"";width:280px;order:2;}
.top .newsec1 .flexWrap::after{content:"";width:280px;order:2;}
.top .newsec1 .flexWrap .link{width:280px;height:280px;border:1px solid #000;position:relative;box-sizing:border-box;}
.top .newsec1 .flexWrap .link.hov{background-color:#000;color:#fff;}
.top .newsec1 .flexWrap .link .img{width:100%;height:100%;overflow:hidden;}
.top .newsec1 .flexWrap .link img{width:100%;height:100%;object-fit:cover;transition:0.5s;}
.top .newsec1 .flexWrap .link:hover img{transform:scale(1.1);}
.top .newsec1 .title{font-size:14px;line-height:26px;letter-spacing: .1em;transition: .4s;font-weight:700;position:absolute;left:0;bottom:0;color:#FFF;background:#000000D0;width:100%;padding:5px;box-sizing:border-box;text-align:center;}
.top .newsec1 .btnWrap{margin:0 auto;margin-top:55px;}


/*=====ARTICLE=====*/
main.article{margin-top:80px;}
.artTop{margin-bottom:90px;}
.artTop .dinP{margin-bottom:0;}
.article h2{font-size:18px;font-weight:700;letter-spacing: .2em;position:relative;padding-left:90px;margin-bottom:55px;}
.article h2::before{position:absolute;font-family: "Font Awesome 5 Free";content: "\f0d7";font-weight: 900;left:0;top:50%;transform: translateY(-50%);}
.article h2::after{position:absolute;width:70px;height:1px;background-color:#000;content: "";left:3px;top:54%;transform: translateY(-54%);}



/*=====ABOUT=====*/
.about .sec1{margin-bottom:150px;}
.about .sec1 .flexWrap{justify-content: space-between;}
.about .sec1 .leftWrap{width:240px;height:240px;background-color:#ccc;}
.about .sec1 .rightWrap{width:885px;}
.about .sec1 .rightWrap p::before{content: '';display: block;height: 0;width: 0;margin-top: -14px;}
.about .sec1 .rightWrap p:last-of-type{margin-top:30px;}
.about .sec2{text-align:center;position: relative;border-left:1px solid #000;border-right:1px solid #000;padding:35px 0;margin-bottom:150px;}
.about .sec2 h2{font-size:20px;padding-left:0;position:relative;margin-bottom:140px;}
.about .sec2 h2::before{display: none;}
.about .sec2 h2::after{background-color:#000;width:1px;height:75px;left: 50%;transform: translateX(-50%);top: 65px;}
.about .sec2 h3{font-size:40px;letter-spacing: .1em;font-weight:700;margin-bottom:20px;}
.about .sec2 .tate{position:absolute;font-size:12px;letter-spacing: .1em;font-family: urw-din, sans-serif;font-weight: 700;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;top:50%;transform: translateY(-50%);left:10px;line-height:12px;}
.about .sec2 .tate:last-of-type{right:10px;}
.about .sec3{margin-bottom:180px;}
.about .sec3 .flexWrap{justify-content: space-between;}
.about .sec3 .flexWrap::after{content: "";display: block;width:350px;}
.about .sec3 .wrap{width:350px;}
.about .sec3 .wrap:nth-of-type(n+4){margin-top:90px;}
.about .sec3 .num{font-size:40px;font-family: urw-din, sans-serif;font-weight:700;letter-spacing: 0;text-align:center;margin-bottom:40px;position:relative;}
.about .sec3 .num::after{position:absolute;width:5px;height:5px;background-color:#03b7ff;border-radius: 5px;left:50%;transform: translateX(-50%);content: "";top:58px;}
.about .sec3 h3{text-align:center;font-size:18px;letter-spacing: .2em;font-weight:700;margin-bottom:20px;}
.about .sec3 .wrap div{height:280px;background-color:#ccc;margin-bottom:10px;}
.about .sec4{margin-bottom:140px;}
.about .sec4 .flexWrap{justify-content: space-between;}
.about .sec4 .leftWrap{width:600px;}
.about .sec4 dt,
.about .sec4 dd{font-size:14px;letter-spacing: .2em;padding:15px 0;line-height:24px;border-bottom:1px solid #ccc;}
.about .sec4 dt{font-weight:700;width:115px;}
.about .sec4 dd{width:calc(100% - 115px);}
.about .sec4 .rightWrap{width:500px;height:340px;}
.about .sec4 iframe{width:100%;height: 100%;}
.about .sec5{margin-bottom:150px;}
.about .sec5 .wrap{height:380px;overflow-x:scroll;}

.about .sec5 .wrap::-webkit-scrollbar {-webkit-appearance: none;width: 7px;}
.about .sec5 .wrap::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(0,0,0,.5);box-shadow: 0 0 1px rgba(255,255,255,.5);}
.about .sec5 h3{font-size:20px;letter-spacing: .2em;font-weight:700;margin-bottom:20px;line-height:40px;}
.about .sec5 dl{border-left:1px solid #000;padding:10px 0 10px 25px;margin-left:20px;margin-bottom:20px;}
.about .sec5 dt,
.about .sec5 dd{box-sizing: border-box;font-size:14px;line-height:24px;letter-spacing: .1em;padding:5px 0;}
.about .sec5 dt{width:55px;}
.about .sec5 dd{width:calc(100% - 55px);}


/*=====BUS1=====*/
.bus1 .sec1{margin-bottom:180px;}
.bus1 .sec1 h2{text-align:center;padding-left:0;padding-bottom:50px;}
.bus1 .sec1 h2::after{display: none;}
.bus1 .sec1 h2::before{left:50%;transform: translateX(-50%);bottom:0;}
.bus1 .sec1 .clearfix{margin-bottom:130px;}
.bus1 .sec1 .clearfix:last-of-type{margin-bottom:0;}
.bus1 .sec1 .left{width:570px;height:400px;background-color: #ccc;}
.bus1 .sec1 h3{font-size:30px;letter-spacing: .1em;line-height:54px;font-weight:700;margin-bottom:30px;}
.bus1 .sec1 .right{width:560px;}
.bus1 .sec1 .c1 .left{float:right;}
.bus1 .sec1 .c1 .right{float:left;}
.bus1 .sec2{margin-bottom:150px;}
.bus1 .sec2 .flexWrap{justify-content: space-between;flex-wrap: wrap;}
.bus1 .sec2 .wrap:nth-of-type(n+4){margin-top:40px;}
.bus1 .sec2 .wrap{width:350px;}
.bus1 .sec2 .wrap div{width:100%;height:280px;background-color:#ccc;}
.bus1 .sec2 .wrap p{color: #fff;background-color: #000;line-height: 34px;letter-spacing: .2em;padding: 0 30px;display: inline-block;font-size:12px;margin-bottom:10px;}
.bus1 .sec2 .wrap h3{font-size:14px;letter-spacing: .2em;font-weight:700;}
.bus1 .sec4{margin-bottom:180px;}
.bus1 .sec4 .flexWrap{justify-content: space-between;}
.bus1 .sec4 .flexWrap div{width:320px;}
.bus1 .sec4 h3{font-size:22px;letter-spacing: .2em;font-weight:bold;margin-bottom:30px;}
.bus1 .sec4 dt,
.bus1 .sec4 dd{width:50%;border-bottom:1px solid #ccc;font-size:14px;line-height:36px;letter-spacing: .1em;font-weight: 700;padding:5px 0;}
.bus1 .sec4 dd{text-align:right;}



/*=====BUS2=====*/
.bus2 .sec1{margin-bottom:120px;}
.bus2 .sec1 .wrap{border-bottom:1px solid #ccc;margin-bottom:40px;}
.bus2 .sec1 h2{padding-left:0;margin-bottom:40px;position:relative;padding-right:30px;font-size:18px;line-height:38px;}
.bus2 .sec1 h2::before,
.bus2 .sec1 h2::after{display: none;}
.bus2 .sec1 h2:hover{cursor: pointer;}
.bus2 .sec1 h2 span{position:absolute;right:0;width:11px;transition: .4s;}
.bus2 .sec1 p{font-size:14px;line-height:30px;padding-bottom:40px;;display: none;}
.bus2 .sec1 h2.activ span{color:#03b7ff;transform: rotateZ(-180deg);transform-origin:center;}

.bus2 .sec2{margin-bottom:120px;}
.bus2 .sec2 .wrap{margin-bottom:50px;}
.bus2 .sec2 h3{font-size:20px;line-height:38px;letter-spacing: .2em;font-weight:700;}



/*=====CONTACT=====*/
.cont .artTop{margin-bottom:60px;text-align:center;}
.cont .sec1{margin-bottom:130px;}
.cont .wrap10{width:1000px;}
.cont .wrap{margin-top:30px;margin-bottom:50px;}
.cont h2{margin-bottom:30px;}
.cont .wrap p{display: inline-block;}
.cont .wrap .num{font-size:30px;margin-bottom:10px;margin-right:20px;}
.cont .wrap .num i{margin-right:10px;}
.cont table{width:100%;margin-top:30px;}
.cont tr{border-bottom:1px solid #f2f2f2;}
.cont th,
.cont td{text-align: left;padding:30px 0;letter-spacing: .1em;font-size:14px;}
.cont th{font-weight:700;letter-spacing: .2em;width:250px;}
.cont th span{color:#c1272d;}
.cont td{width:calc(100% - 250px);}
.cont input,
.cont textarea{padding:10px;border:1px solid #ccc;font-size:14px;}
.cont .form0{width:50%;}
.cont .form1{width:70%;}
.cont .form2{width:100%;height:190px;}
.cont tr:last-of-type{border-bottom:none;}
.cont tr:last-of-type th{vertical-align: top;padding:40px 0;}
.cont .btn{background-color:#03b7ff;color:#fff;border:none;font-size:14px;font-weight:700;letter-spacing: .2em;width:330px;padding:20px 0;margin:0 auto;display: block;margin-top:50px;}
.cont .btn:hover{cursor: pointer;}