@charset "utf-8";
.pcOnly{display: block;}
.spOnly{display: none;}

#headers{background-color:#000;}
#navi{margin-right:0px;float:left;text-align: left;padding-bottom:15px;}
#recNav a{background-color: #C90028;}

.flex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.wrap10{width:1000px;margin:0 auto;}
img{width:100%;}
section{margin-bottom:100px;}
.photo{position:relative;overflow: hidden;}
.photo img{width:100%;height:auto;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.slTtl{font-size:50px;line-height:40px;position:relative;display: inline-block;padding-left: 60px;left: 50%; transform: translateX(-50%);font-family: 'Roboto', sans-serif;margin-bottom:60px;}
.slTtl::before{position:absolute;display: block;content: "";background-color:#000;height:1px;bottom:0;transform: rotateZ(-60deg);transform-origin: left center;left:0;width:90px;}
.slTtl span{font-size:16px;display: inline-block;line-height:16px;}

.topWrap{width:100%;}
.topPhoto{width:100%;}
.topPhoto img{width:100%;}
.obi{background-color:#000;text-align:center;padding:20px 0;margin-bottom:100px;}
.obi img{width:155px;}

.top .sec1 .left{width:460px;}
.top .sec1 .right{width:500px;}
.top .sec1 h2{font-size:30px;line-height:60px;letter-spacing: 3px;margin-bottom:20px;}
.top .sec1 p{font-size:14px;line-height:28px;}

.top .sec2 .left{width:500px;}
.top .sec2 .right{width:450px;}
.top .sec2 h3{font-size:26px;line-height:48px;letter-spacing: 3px;margin-bottom:20px;}
.top .sec2 p{font-size:14px;line-height:28px;margin-bottom:20px;}
.top .sec2 h4{font-size:18px;line-height:36px;text-align:right;letter-spacing: 2px;}

.top .sec3 .f1{margin-top:50px;}
.top .sec3 .left{width:500px;}
.top .sec3 .right{width:400px;}
.top .sec3 h4{margin-bottom:20px;}
.top .sec3 ul{display: flex;justify-content: flex-start;margin-top:20px;}
.top .sec3 ul li{font-size:18px;line-height:36px;margin-right:20px;padding:0px 10px;letter-spacing: 2px;}
.top .sec3 ul li:nth-of-type(odd){border:1px solid #000;}

.slBtnWrap{width:80%;background:#C50028;margin:0 auto;text-align:center;transform:skew(-15deg,0);margin-top:80px;}
.slBtnWrap a{text-decoration: none;display: block;padding:40px 0;}
.slBtnWrap p{color:#fff;display: inline-block;vertical-align: middle;transform:skewX(15deg);letter-spacing: 2px;}
.slBtnWrap p:first-of-type{font-size:16px;position:relative;margin-bottom:0;}
.slBtnWrap p:last-of-type{font-size:90px;line-height:80px;font-family: 'Roboto', sans-serif;padding-left:100px;margin-bottom:0;margin-left:40px;}
.slBtnWrap p:last-of-type::after{position:absolute;display: block;content: "";background-color:#fff;height:1px;bottom:0;transform: rotateZ(-60deg);transform-origin: left center;left:0;width:90px;}


.artTop{position:relative;background:url(../img/top4.jpg) no-repeat;background-size:cover;height:350px;}
.artTop h2{font-size:50px;color:#C90028;font-style: italic;text-align:center;line-height:40px;display: inline-block;top:50%;left:50%;transform: translate(-50%,-50%);position:absolute;}
.artTop h2 span{font-size:20px;color:#fff;font-style: normal;letter-spacing: 4px;}
.article .sec1 .wrap10{margin-bottom:100px;}
.article .sec1 table{width:700px;margin:0 auto;}
.article .sec1 table tr{border-bottom:1px solid #eeeeee;}
.article .sec1 table th,
.article .sec1 table td{padding:15px 5px;font-size:16px;line-height:32px;vertical-align: top;}
.article .sec1 table th{width:25%;}
.article .sec1 table td{width:75%;}

.ent .artTop{position:relative;background:url(../img/top5.jpg) no-repeat;background-size:cover;height:350px;}
.ent .sec2 p{font-size:16px;line-height:32px;text-align: center;margin-bottom:30px;}
.ent .sec2 h3{font-size:30px;font-weight:bold;text-align: center;}
.ent .sec2 table{width:700px;margin:0 auto;}
.ent .sec2 table tr{border-bottom:1px solid #eeeeee;}
.ent .sec2 table tr:first-of-type{border-bottom:none;}
.ent .sec2 table span{color:#C90028;}
.ent .sec2 table label{display: inline-block;margin-right:20px;}
.ent #formVali tr:last-of-type{border-bottom:none;}


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

.pcOnly{display: none;}
.spOnly{display: block;}
section{margin-bottom:50px;}
.wrap10{width:90%;margin:0 auto;}
.obi{margin-bottom:30px;padding:10px 0;}
.obi img{width:100px;}
#headInner{width:100%;}
#headInner ul{display: flex;flex-wrap:wrap;}
#headInner ul li{width:50%;}
#headInner ul li:nth-of-type(-n+2){width:50%;border-bottom:1px solid #fff;}
#headInner ul li:nth-of-type(odd){border-right:1px solid #fff;}
#headInner ul li a{color:#fff;text-align:center;display: block;text-decoration: none;padding:5px 0;font-size:14px;}
#headInner ul li:last-of-type a{background-color:#C90028;}
#footBlock{padding:30px 0;}
#footBlock h2{width:120px;margin:0 auto;}

.slTtl{margin-bottom:30px;font-size:38px;}
.slBtnWrap{width:100%;margin-top:30px;}
.slBtnWrap a{padding:20px 0;}
.slBtnWrap p{display: block;}
.slBtnWrap p:first-of-type{font-size:14px;line-height:20px;}
.slBtnWrap p:last-of-type{font-size:30px;line-height:40px;padding-left: 0;margin:0 auto;}
.slBtnWrap p:last-of-type::after{display: none;}

.top .sec1 .left{margin-bottom:20px;width:100%;}
.top .sec1 .right{margin-bottom:20px;width:100%;}
.top .sec1 h2{font-size:20px;line-height:40px;}
.top .sec2 .left{margin-bottom:20px;width:100%;}
.top .sec2 .right{width:100%;}
.top .sec2 h3{font-size: 20px;line-height: 40px;}
.top .sec2 h4{font-size:14px;line-height:28px;}
.top .sec3 ul{justify-content: space-between;}
.top .sec3 ul li{font-size:14px;line-height: 28px;letter-spacing: 0;margin-right:10px;}
.top .sec3 ul li:nth-of-type(even){padding:0;}
.top .sec3 .left{margin-bottom: 30px;}
.top .sec3 .f1{margin-top:30px;}
.top .sec3 .f1 .left{order:1;}
.top .sec3 .f1 .right{order:2;}

.artTop{height:200px;}
.artTop h2{font-size:40px;}
.article .sec1 table{width:100%;}
.article .sec1 table th,
.article .sec1 table td{display: block;padding:0;width:100%;}
.article .sec1 table th{padding:15px 0;}
.article .sec1 table td{padding-bottom:15px;}

.ent .artTop{height:200px;}
.ent .sec2 table{width:100%;}
.ent .sec2 table th,
.ent .sec2 table td{display: block;width:100%;}
.ent #formVali tr th,
.ent #formVali tr td{width:100%;padding:0;}
.ent #formVali tr th{padding: 15px 0;}
.ent #formVali tr td{padding-bottom: 15px;}





}
