@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;600;700;900&display=swap');
html,
body {margin: 0px;margin-bottom: 0px;margin-right: auto;margin-left: auto;font-size: 15px;color: #383838;
font-family: Noto Sans Japanese,Noto Sans JP,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
line-height: 1.8em;-webkit-font-smoothing: antialiased;background: #FFF;}
.fnt{font-weight: 500; font-family:'Noto Serif JP', serif,'Noto Serif JP', serif, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",Georgia, serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,
menu,nav,section {display: block;margin: 0px;padding: 0px;}
p,td,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4 {margin: 0px;padding: 0px;list-style: none;}
body{min-width: 1000px;}
table , td, th {border-collapse: collapse;}
img {border: 0px; font-size: 0; line-height: 0;vertical-align:bottom; max-width: 100%;transition: 0.5s;height: inherit;}
a,img {transition: 0.5s;text-decoration: none;}
a,img {transition: 0.5s;text-decoration: none;}
a:hover img {opacity: 1;filter: alpha(opacity=100);-ms-filter: "alpha(opacity=100)";}
h1,h2{text-align: center;}
.inner{width: 990px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.center{text-align: center;}
.btn{margin: 25px auto 0;text-align: center;}
a img{transition: transform .1s ease;}
a:hover img{transform: translate(0px, -5px);}
.fv{text-align: center;padding: 0 0 25px;background: url(../images/fv-bg.jpg) center 0 no-repeat #F2F2F2;background-size: cover;}
.fv .fv-tx{margin: 35px auto;}
.slick-slide {padding-left: 1px;padding-right: 1px;}
.sld{width: 100%;margin: 0 auto;}
.sld img {width: 100%;display: block;overflow: hidden;text-align: center;height: auto;}
/* Slick Arrow */
.slide-arrow {width: 40px;height: 80px;position: absolute;top: 50%;transform: translateY(-50%);z-index: 999999;background: #000;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.prev-arrow {left: 24vw;padding-left: 5px;}
.next-arrow {right: 24vw;padding-right: 5px;}
.slide-arrow__arrow {width: 15px;height: 15px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.prev-arrow__arrow {border-bottom: 2px solid white;border-left: 2px solid white;}
.next-arrow__arrow {border-top: 2px solid white;border-right: 2px solid white;}
.fvtx{position: relative;z-index: 9999;margin: -70px auto 0;}

.bl{padding: 50px 0;position: relative;}
.bl .ti{text-align: center;margin: 0 auto 50px;}
.bl .ctn{display: flex;justify-content: space-between;}
.bl1 .inner{position: relative;z-index: 2;}
.bl1 .bg{background: #f4f4f4;height: 27rem;width: 50%;position: absolute;right: 0;bottom: 0;}
.bl3{background: url(../images/bl3-bg.jpg) center 0 no-repeat #F4F4F4;background-size: 100%;}
.bl3 .wrn{text-align: right;font-size: 95%;}
/* #tab */
#tab {overflow: hidden;margin: 0px auto 10px;}
#tab ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
#tab ul li {width: 32.3%;text-align: center;background-image:url(../images/arrow.png);background-color: #000;background-repeat: no-repeat;background-position: right 15px center; color: #fff;margin: 0 0 15px;padding: 20px;font-weight: 600;font-size: 140%;position: relative;}
#tab ul li:hover {background-color:#8d0922;}
#tab ul li.tabTarget.active {background-color:#8d0922;}
/* #tab-frame*/
#tab-frame {margin: 0px auto 20px;}
.targetBox {display: none;}
.targetBox.active {display: block;animation: fadeInAnimation ease 1s;animation-iteration-count: 1;animation-fill-mode: forwards;}
#tab-frame ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
#tab-frame li{margin: 0 0 7px;}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* PC、Tablet用CSSの記述 */
@media (min-width:768px){
}



