/*@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/
/*
font-family: "游明朝体", "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;
font-family: Noto Sans Japanese,Noto Sans JP,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
*/
html,
body {margin: 0px;margin-bottom: 0px;margin-right: auto;margin-left: auto;font-size: 16px;color: #333;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
line-height: 1.6em;-webkit-font-smoothing: antialiased;letter-spacing: 1px; background: #FFF;}
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;}
img {border: 0px; font-size: 0; line-height: 0;vertical-align:bottom; max-width: 100%;transition: 0.5s;height: inherit;}

.fnt{font-family: "游明朝体", "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;}
a,img {transition: 0.5s;text-decoration: none;}
a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
.wmain{width: 1200px; margin: 0 auto; overflow: hidden;}
.left{float: left}
.right{float: right;}
.pc{display: inline-block;}
.sp{display: none;}
.center{text-align: center;}
h2{text-align: center;letter-spacing: 0;font-size: 40px;line-height: 1.8em;font-weight: 900;}

/*header
*********************/
.header{overflow: hidden;margin: 0 auto 1px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);}
.header .wmain{padding: 5px 0 10px;}
.header .hti {padding: 5px 0 3px;border-top: 3px solid #f9df9d;}
.header .hti h1{ width: 1200px;margin: 0 auto;  font-weight: normal; font-size: 14px;}
.header .logo{margin: 0;}
.header .head-cta{overflow: hidden; position: relative;}
.header ul{text-align: right; overflow: hidden;}
.header .head-cta ul li{display: inline-block;*zoom: 1;*display: inline; vertical-align: top; margin: 0 2px;}

/*fv
*********************/
.fv{overflow: hidden;background: url(../img/fv-bg.jpg) center center no-repeat;background-size: cover;}

/*item
*********************/
.item{background: url(../img/item-bg.png);}
.item .ln{background: url(../img/item-ln.png) 0 0 repeat-x;padding:14px 0 0;}
.item .wmain{background: url(../img/item-ar.png) center 0 no-repeat;padding: 60px 0 40px;}
.item h2{color: #fff;}
.item li{text-align: center;}
.item .sldctn{width: 90%;margin: 30px auto 60px;position: relative;}
.item .sldctn .slick-prev,.item .sldctn .slick-next {width:31px;height:51px;}
.item .slick-prev:before,.item .slick-next:before {display: none!important;}
.item .slick-slide img{display: inline-block;}
.item .slick-prev{left: -40px;}
.item .slick-next {right: -40px;}
.item ul.slick-dots{margin: 10px 0 0;bottom: -30px!important;}
.slick-dots li.slick-active button:before{color: #ff284a!important;}
.slick-dots li button:before{font-size: 16px!important;opacity: 1!important;color: #a0a0a0!important;}
.slick-slide{height: inherit!important;}

/*nayami
*********************/
.nayami{overflow: hidden;background: url(../img/nayami-bg.png);}
.nayami h2 span{color: #fe1d1a;font-style: italic;}
.nayami .wmain{background: url(../img/nayami-mdl.png) 0 0 no-repeat;padding: 40px 0;}
.nayami .ctn{margin: 10px auto 0;width: 70%;}
.nayami ul{margin: 0 0 0 25%;}
.nayami li{padding: 12px 0 8px 40px;background: url(../img/nayami-ch.png) 0 0 no-repeat;font-weight: bold;font-size: 24px;}

/*reason
*********************/
.reason{overflow: hidden;background: url(../img/reason-bg.png);color: #fff;}
.reason .wmain{background: url(../img/reason-ar.png) center 0 no-repeat;padding: 60px 0 40px;}
.reason ul{margin: 30px 0 0;text-align: center;overflow: hidden;}
.reason li{display: inline-block;*zoom: 1;*display: inline; vertical-align: top; margin: 0 5px;width: 18%;}
.reason li p{text-align: left;}
.reason li .ti{text-align: center;margin: 10px 0;font-weight: bold;font-size: 18px;line-height: 1.4em;color: #eedf9b;}

/*cta
*********************/
.cta{overflow: hidden;background: url(../img/cta-bg.jpg) center 0 no-repeat;background-size: cover;}
.cta .lntp{background: url(../img/cta-ln.png) 0 0 repeat-x;}
.cta .lnbtm{background: url(../img/cta-ln2.png) 0 bottom repeat-x;padding: 40px 0;}
.cta ul{text-align: center;margin: 15px 0 0;}
.cta li{display: inline-block;*zoom: 1;*display: inline; vertical-align: top; margin: 0 2px;}

/*ninki
*********************/
.ninki{overflow: hidden;}
.ninki .wmain{padding: 20px 0 30px;}
.ninki h2{padding: 25px 0;background: url(../img/ninki-bg.png);color: #fff;font-style: 48px;line-height: 1.4em;}
.ninki ul{margin: 30px 0 0;text-align: center;overflow: hidden;}
.ninki li{display: inline-block;*zoom: 1;*display: inline; vertical-align: top; margin: 0 15px;width: 30%;}
.ninki li .ti{font-weight: bold;font-style: 20px;letter-spacing: 0;line-height: 1.4em;color: #b59637;text-align: center;margin: 15px 0;}
.ninki li p{text-align: left;}
.ninki li .prc{color: #cc0001;font-weight: bold;font-size: 24px;margin: 15px 0 0;}
.ninki li .prc small{font-size: 70%;}
.ninki li .lk{margin: 10px 0 0;}

/*voice
*********************/
.voice{overflow: hidden;padding: 40px 0;background: #fff6f6;}
.voice ul{margin: 30px auto 0;width: 80%;}
.voice li{overflow: hidden;margin: 0 0 15px;padding: 15px;background: #fff;}
.voice li .img{float: left;width: 15%;}
.voice li .txt{float: right;width: 80%;}
.voice li .ti{font-weight: bold;color: #b40001;font-size: 24px;line-height: 1.4em;margin: 0 0 15px;}
.voice li .str{margin: 15px 0 0;}

/*flow
*********************/
.flow{overflow: hidden;padding: 40px 0;background: url(../img/flow-bg.png);}
.flow ul{overflow: hidden;text-align: center;margin: 30px 0 0;}
.flow li{display: inline-block;*zoom: 1;*display: inline; vertical-align: top; margin: 0 10px;width: 15%;position: relative;}
.flow li:after{content: "";position: absolute;width:26px;height: 41px;background: url(../img/flow-ar.png) center no-repeat;background-size: contain;top: 50px;right: -25px;}
.flow li:last-child:after{display: none;}
.flow li .ti{font-size: 18px;line-height: 1.4em;font-weight: bold;color: #e5564d;text-align: center;margin: 10px 0;}
.flow li p{text-align: left;}

/*qa
*********************/
.qa{overflow: hidden;padding: 40px 0;}
.qa ul{width: 75%;margin: 30px auto 0;}
.qa ul li{overflow: hidden;margin: 0 0 15px;}
.qa ul li .q{background: url(../img/qa-ar.png) right 15px center no-repeat #8c8c8c;padding: 2px 5px;cursor: pointer;}
.qa ul li .q p{background: url(../img/qa-q.png) 5px 6px no-repeat;padding: 12px 0 12px 50px;font-size: 17px;color: #fff;}
.qa ul li .a{padding: 10px 15px;display: none;background: #fff;}
.qa ul li .a p{background: url(../img/qa-a.png) 0 8px no-repeat;padding: 12px 0 12px 40px;font-size: 16px;line-height: 1.6em;}
.qa ul li .a.open{display: block;}

/*footer
*********************/
.footer{padding: 40px 0 0; background: #f4faff;  text-align: center;}
.footer h2{font-size:18px; line-height:1.8em; position: relative; margin: 0 0 15px; padding: 0 0 15px;}
.footer h2:after {position: absolute;content: "";height: 1px;background: #ddd;width: 100px;bottom: 0;left: 0;right: 0;margin: 0 auto;}
.copyright{padding: 14px 0;text-align: center; font-size: 14px; background: #3a3a3a; margin: 40px 0 0;color: #fff;}
.gotop{position: fixed; bottom: 0; right: 0; z-index:2;}
.footer a{color: #fff;}
.footer a:hover{color: #bacaf0;}
.reflection {
    height      :100%;
    width       :30px;
    position    :absolute;
    top         :-180px;
    left        :0;
    background-color: #fff;
    opacity     :0;
    transform: rotate(45deg);
    animation: reflection 3s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 3s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 3s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 3s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 3s ease-in-out infinite;
}
 
@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}

/*****************************************************************
max-width 1215
******************************************************************/
@media screen and (max-width: 1215px) {
.wmain,.header .hti h1{width: 98%;}
.header .logo{width: 25%;}
.header .head-cta{width: 70%;}
.header .head-cta ul li{width: 40%;}
.header .head-cta ul li.puchi{width: 12%;}
.item .sldctn li{margin: 0 3px;}
.voice ul{width: 95%;}
}
/*****************************************************************
max-width 888
******************************************************************/
@media screen and (max-width: 888px) {
h2{font-size: 30px;}
.nayami .ctn{width: 90%;}
.nayami .ctn ul{margin: 0 0 0 30%;letter-spacing: 0;}
.nayami .ctn li{font-size: 18px;}
.qa ul{width: 95%;}
.nayami .wmain{background-size: 315px;background-position: left 0 bottom 0;}
.reason li{margin: 0 4px;}
.reason li .ti{font-size: 15px;letter-spacing: 0;}
.cta ul li{width: 40%;}
.cta ul li.puchi{width: 12%;}
.ninki .sp{display: block;}
.ninki li .prc{font-size: 18px;}
}
/*****************************************************************
max-width 590
******************************************************************/
@media screen and (max-width: 590px) {
h2{font-size: 24px;letter-spacing: 0;}
.sp{display: block;}
.pc{display: none;}
.fv{background: none;text-align: center;}
.fv .wmain{width: 100%;}
.desc p{letter-spacing: 0;text-align: left;}
.header .hti h1{font-size: 11px;text-align: center;line-height: 1.4em;}
.header .logo{width: 100%;overflow: hidden;text-align: center;margin: 0;}
.header .logo img{width: 220px;}
.header .head-cta{width: 100%;position: fixed;bottom: 0;left: 0;background: #fffeac;padding: 8px 0;border-top: 1px solid #ddd;z-index: 9;}
.header .head-cta ul li{width: 42%;margin: 0 1px;}
.header .head-cta ul li.puchi{width: 13%;}
.header .head-cta ul{text-align: center;letter-spacing: 0;font-size: 0;}
.item .sldctn {width: 80%;}
.item .sldctn .slick-prev, .item .sldctn .slick-next {width: 24px;height: 38px;}
.item .slick-prev {left: -26px;}
.item .slick-next {right: -26px;}
.nayami .ctn ul{margin: 0;}
.nayami .ctn li{font-size: 15px;}
.nayami .wmain{background: none;}
.reason li{width: 90%;overflow: hidden;margin: 0 0 15px;padding: 10px;background: #333;}
.reason li .img{float: left;width: 30%;}
.reason li .txt{float: right;width: 65%;}
.reason li .ti{text-align: left;margin: 0 0 10px;}
.cta {background-position: 0 0;}
.cta ul li{width: 90%;margin: 0 0 3px;}
.cta ul li.puchi{display: none;}
.ninki ul{margin: 0;}
.ninki ul li{width: 85%;margin:  0 0 15px;padding: 15px;border: 1px dotted #ddd;}
.ninki ul li .sp{display: none;}
.flow li .img{float: left;width: 30%;}
.flow li .txt{float: right;width: 65%;}
.flow li .ti{text-align: left;margin: 0 0 10px;min-height: inherit;font-size: 18px;}
.flow li:after{top: inherit;right: 0;bottom: 0;left: 0;margin: 0 auto;-webkit-transform: rotate(90deg);transform: rotate(90deg);height: 30px;}
.flow li{width: 90%;overflow: hidden;margin: 0 auto 25px;padding: 0 0 25px;}

.qa ul li .q p{font-size: 14px;padding:12px 30px 12px 50px; }
.qa ul li .a p{font-size: 14px;}
.footer h2{font-size: 16px!important;}
.copyright{margin: 20px 0 60px;}
.gotop{bottom:60px;width: 38px;}

}

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