@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: 5px auto;text-align: center;}
a img{transition: transform .1s ease;}
a:hover img{transform: translate(0px, -5px);}
.fv{text-align: center;padding: 0;background: #f7e3e6;}
.fv .fv-tx{margin: 20px auto 0;}
.slick-slide {padding-left: 1px;padding-right: 1px;}
.sld{width: 100%;margin: 0 auto;background: #ECFBFF;}
.sld img {width: 100%;display: block;overflow: hidden;text-align: center;height: auto;}
.fvbg{background: url(../images/fv-bg.jpg) center top no-repeat;background-size: cover;}
.sld-ctn a{position: relative;display: block;width: 100%;}
.sld-ctn a:hover img{transform: translate(0px, 0px);}
.sld-ctn .lnk{position: absolute;left: 30px;top: 15px;width: 250px;z-index: 9999;transition: transform .1s ease;}
.sld-ctn .lnk:hover{transform: translate(0px, -5px);transition: transform .1s ease;}
/* Slick Arrow */
.slide-arrow {width: 40px;height: 80px;position: absolute;top: 50%;transform: translateY(-50%);z-index: 999999;background: #f985b3;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{padding: 30px 0 0;margin: -8px 0 0;}
.fvtx .inr{position: relative;margin: 30px auto 20px;}
.fvtx .tx{position: absolute;top: -110px;right: 65px;z-index: 2;}
.cpn{margin: 0 auto 60px; text-align: center; /*background: url(../images/bl2-bg.png);*/}
.wh{background: #fff;min-height: 80px;margin: 0 auto;width: 85%;}
.check{text-align: center; background: url(../images/chbg.jpg) center 0 no-repeat;background-size: cover;padding: 70px 0;}
.check .inner{position: relative;}
.check .ti{position: absolute;top: -280px;margin: 0 auto;left: 0;right: 0;}
.check ul{display: flex;justify-content: space-between;margin: 100px auto 0;}
.check ul img{border-radius: 13px;}
.bl{padding: 60px 0 50px;background: url(../images/bl-bg.jpg) center 0 no-repeat;background-size: cover;}
.bl .ti{text-align: center;margin: 0 auto 50px;}
.bl ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.bl .targetBox li{text-align: center;background: #fff;padding: 10px 5px 5px;border: 1px solid #ffd2e1;}
/* #tab */
#tab {overflow: hidden;margin: 0px auto 10px;}
#tab ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
#tab ul li {width: 32.8%;text-align: center;background-image:url(../images/arrow.png);background-color: #ffd2e1;background-repeat: no-repeat;background-position: right 15px center; color: #e95e8b;margin: 0 0 10px;padding: 20px;font-weight: 600;font-size: 140%;position: relative;}
#tab ul li:hover {background-image:url(../images/arrow-active.png);background-color:#e95e8b;color: #ffffff;}
#tab ul li.tabTarget.active {background-image:url(../images/arrow-active.png);background-color:#e95e8b;color: #ffffff;}
/* #tab-frame*/
#tab-frame {margin: 0px auto;}
.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 8px;width: 32.8%;}
.wrn{margin: 20px 0 0;font-size: 85%;}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* PC、Tablet用CSSの記述 */
@media (max-width:990px){
.prev-arrow{left: 10px;}
.next-arrow{right: 10px;}
}


