/*@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;
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;}

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;}

/*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);background: #ffd4de;}
.header .wmain{padding: 5px 0 10px;}
.header .hti {padding: 5px 0 3px;}
.header .hti h1{ width: 1200px;margin: 0 auto;  font-weight: normal; font-size: 14px;}
.header .logo{margin: 15px 0 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 bottom no-repeat;background-size: cover;}

/*tokucho
*********************/
.tokucho{overflow: hidden;background:#ffd9e4;padding: 10px 0 40px;}
.tokucho ul{text-align: center;overflow: hidden;margin: 30px 0 0;}
.tokucho li{display: inline-block;*zoom: 1;*display: inline; vertical-align: top; margin: 0 2px;width: 16%;padding: 10px;background: #fff;letter-spacing: 0;font-size: 15px;}
.tokucho li .ti{font-weight: bold;font-size: 18px;line-height: 1.4em;color: #dc3f6c;text-align: center;margin: 10px 0;}
.tokucho li p{text-align: left;}

/*info
*********************/
.jirei{overflow: hidden;background: url(../img/jirei-bg.png);padding: 40px 0;}
.jirei .sldctn{width: 90%;margin: 30px auto;position: relative;}
.jirei .sldctn li{text-align: center;width: 30%;background: #fff;padding: 25px;letter-spacing: 0;font-size: 15px;margin: 0 3px;}
.jirei .sldctn li .ti {font-weight: bold;color: #36c9c1;font-size: 18px;line-height: 1.4em;margin: 10px 0;text-align: center;}
.jirei .sldctn li .ti small{display: block;color: #333;font-size: 14px;}
.jirei .sldctn li p{text-align: left;}
.jirei .sldctn .slick-prev,.jirei .sldctn .slick-next {width:35px;height:76px}
.jirei .slick-prev:before,.jirei .slick-next:before {display: none!important;}
.jirei .slick-slide img{display: inline-block;}
.jirei .slick-prev {left: -50px;}
.jirei .slick-next {right: -50px;}
.jirei 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;}
.jirei .sldctn li .tx{min-height: 150px;}

/*cta
*********************/
.cta{overflow: hidden;padding: 15px 0;background: url(../img/cta-bg.png) center 0 no-repeat;background-size: cover;}
.cta ul{text-align: center;margin: 10px 0 0;}

/*reason
*********************/
.reason{overflow: hidden;background:#fff3f6;padding: 40px 0}
.reason ul{text-align: center;overflow: hidden;margin: 30px 0 0;}
.reason li{
    display: inline-block;

*zoom: 1;*display: inline;         vertical-align: top;
    margin: 0 2px;
    width: 32%;
    font-size: 15px;
    letter-spacing: 0;
}
.reason li .ti{
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4em;
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-left: 5px;
    margin-bottom: 5px;
    background: #DE5D84;
    padding: 10px 0;
    width: auto;
}
.reason li p{
    text-align: left;
    width: auto;
}

/*nayami
*********************/
.nayami{overflow: hidden;background: url(../img/nayami-bg.jpg) center 0 no-repeat;background-size: cover;}
.nayami .wmain{background: url(../img/nayami-ar.png) center 0 no-repeat;padding: 60px 0 40px;}
.nayami .ctn{margin: 30px auto 0;background: #fff;padding: 30px;width: 65%;}
.nayami li{padding: 7px 0 7px 45px;background: url(../img/nayami-ch.png) 0 5px no-repeat;font-size: 20px;line-height: 1.4em;font-weight: bold;margin: 0 0 5px;}
.nayami li p{border-bottom: 1px dashed #ff0000;}

/*vid
*********************/
.vid{background: url(../img/vid-bg.png);padding: 40px 0;}
.ytube{margin: 30px auto 0;width:70%;background: #fff;border: 3px solid #ff85a8;}
.movie-wrap {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.movie-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*aisatsu
*********************/
.aisatsu{background: #fff3f6;padding: 40px 0;}
.aisatsu .ctn{padding: 30px;margin: 30px auto 0;width:70%;overflow: hidden;background: #fff;border: 1px solid #de5d84;}
.aisatsu .img{float: right;margin: 0 0 10px 20px;}

/*flow
*********************/
.flow{overflow: hidden;padding: 40px 0;}
.flow ul{text-align: center;overflow: hidden;margin: 30px 0 0;}
.flow ul li{display: inline-block;*zoom: 1;*display: inline; vertical-align: top; margin: 0 5px;width: 17%;position: relative;}
.flow ul li:after{position: absolute;content: "";width: 23px;height: 43px;background: url(../img/flow-ar.png) center no-repeat;background-size: contain;top: 50px;right: -20px;letter-spacing: 0;}
.flow ul li:last-child:after{display: none;}
.flow ul li .ti{text-align: center;font-weight: bold;font-size: 18px;line-height: 1.4em;color: #00d7ca;padding: 10px 0;background: #00D7CA;color: #fff;border-radius: 6px;}
.flow ul li p{text-align: left;letter-spacing: 0;font-size: 15px;}

/*qa
*********************/
.qa{overflow: hidden;padding: 40px 0;background:#fff4f7;}
.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 #dc3f6c;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: #dc3f6c; 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: 30%;}
.header .head-cta{width: 32%;}
.nayami .ctn{width: 80%;}
.ytube,.aisatsu .ctn{width: 90%;}
.flow ul li{width: 18%;}
.qa ul{width: 90%;}
.jirei .sldctn li .tx{min-height: 180px;}
}
/*****************************************************************
max-width 888
******************************************************************/
@media screen and (max-width: 888px) {
h2{font-size: 30px;}
.header .head-cta{width: 42%;}
.jirei .sldctn .slick-prev, .jirei .sldctn .slick-next {width: 26px;height: 62px;}
.jirei .slick-prev {left: -30px;}
.jirei .slick-next {right: -30px;}
.reason li{width: 90%;overflow: hidden;margin: 0 auto 15px;}
.reason li .img{
    float: left;
    width: 45%;
}
.reason li .txt{
    float: right;
    width: 55%;
}
.reason li .ti{margin: 0 0 10px;text-align: left;}
.reason li .ti br{display: none;}
.flow ul li {width: 17%;}
}
/*****************************************************************
max-width 590
******************************************************************/
@media screen and (max-width : 768px ){
h2{padding: 0 40px;}
.sp{display: block;}
.pc{display: none;}
.fv{background: none;text-align: center;}
.fv h2{padding: 0;}
.fv .wmain{width: 100%;}
.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: 180px;}
.header .head-cta{width: 100%;position: fixed;bottom: 0;left: 0;background: #fffeac;padding: 3px 0;border-top: 1px solid #ddd;z-index: 9;}
.header .head-cta ul li{width: 75%;}
.header .head-cta ul{text-align: center;}
.header .head-cta ul li.tx{font-size: 14px;}
.tokucho li{overflow: hidden;width: 90%;margin: 0 0 15px;}
.tokucho li .img{float: left;width: 30%;}
.tokucho li .txt{float: right;width: 65%;}
.tokucho li .ti{text-align: left;margin: 0 0 10px;}
.jirei .sldctn li .txt{height: inherit!important;}
.jirei .sldctn {width: 80%;}
.cta ul{margin: 0;}
.cta li{width: 95%;margin: 0 auto;}
.cta h2{padding: 0;}
.reason li .txt{
    float: none;
    width: 100%;
    text-align: center;
}
.reason li .img{
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 0;
    margin-bottom: 0px;
    width: 100%;
}
.reason li{padding: 10px;border: 1px dashed #dd406d;}
.reason li .ti{
    font-size: 15px;
    padding: 10px;
    text-align: center;
}
.nayami h2{padding: 0;}
.nayami .ctn{padding: 15px;width: 85%;}
.nayami li{font-size: 18px;}
.vid h2{padding: 0;}
.jirei .slick-slide img{width: 80px;}
.jirei .sldctn li{padding: 10px;}
.aisatsu .img{width: 40%;}
.aisatsu .ctn{padding: 15px;width: 85%;}
.flow ul li .img{float: left;width: 25%;}
.flow ul li .txt{float: right;width: 70%;}
.flow ul li .ti{text-align: left;margin: 0 0 10px;min-height: inherit;font-size: 16px;padding: 10px;}
.flow ul li:after{top: inherit;right: 0;bottom: 0;left: 0;margin: 0 auto;-webkit-transform: rotate(90deg);transform: rotate(90deg);height: 30px;}
.flow ul li{width: 85%;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;}
.footer{font-size: 14px;line-height: 1.4em;}
.copyright{margin: 20px 0 66px;font-size: 10px;line-height: 1.4em;}
.gotop{bottom:66px;width: 38px;}
}

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