@charset "utf-8";
/* CSS Document */

/* - - - - - - - - - - - - - - - - - - - - - - - - -  */
body {line-height:1; margin:0; font-family:arial,sans-serif;}
h1, h2, h3, h4, h5, h6, p {margin:0; font-size:100%; font-weight:normal; line-height:1.3;display:block;}
article,footer,header {display:block;}
ul,li {list-style:none; padding:0;margin:0;}
dl,dt,dd {padding:0; margin:0;}
table,tr,td {border:0;padding:0;margin:0;}
a {display:block;color:#ff6699;text-decoration:none; transition: all 0.3s;}
img {vertical-align:baseline; border:0; padding:0; margin:0;}
div {margin:0;padding:0;}
/* - - - - - - - - - - - - - - - - - - - - - - - - -  */
body{
	background-color: #eee;
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
img {
  max-width: 100%;
  width: 100%;
  height: auto;
  margin:0 auto;
  display: block;
}
a:hover{
    opacity: 0.6;
}
.wrap{
    position: relative;
    max-width: 750px;
    margin: 0 auto;
    background-image: url("../img/bg.jpg");
}
@keyframes bubble {
  0% {transform: translateY(0);}
  50% {transform: translateY(4px);}
  100% {transform: translateY(0);}
}
/* - - - - - - - - - - - - - - - - - - - - - - - - -  */
.header{
    position: relative;
}
.balloon{
    display: block;
    width: -webkit-calc( 523 / 750 * 100% );
    width: calc( 523 / 750 * 100% );
    animation: bubble 1s ease 0s infinite normal;
}
.button{
    display: block;
    width: -webkit-calc( 686 / 750 * 100% );
    width: calc( 686 / 750 * 100% );
}
.balloon.is_header{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -webkit-calc( 151 / 711 * 100% );
    bottom: calc( 151 / 711 * 100% );
    z-index: 11;
}
.button.is_header{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -webkit-calc( 90 / 711 * 100% );
    bottom: calc( 90 / 711 * 100% );
    z-index: 10;
}
.balloon.is_content{
    position: relative;
    margin: 0 auto -16px auto;
    z-index: 11;
}
.button.is_content{
    position: relative;
    margin: 0 auto 36px auto;
    z-index: 10;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - -  */
.main{
    padding: 36px 0;
    display: block;
    background-color: rgba(215,138,169,0.94);
}
.section {}
/* - - - - - - - - - - - - - - - - - - - - - - - - -  */
.about-text{
    margin: 0 auto 40px auto;
    width: -webkit-calc( 610 / 750 * 100% );
    width: calc( 610 / 750 * 100% );
}
.sample-video{
    display: block;
    width: -webkit-calc( 670 / 750 * 100% );
    width: calc( 670 / 750 * 100% );
    height: -webkit-calc( 453px / 2);
    height: calc( 453px / 2);
    background-color: #000;
    margin: 0 auto 16px auto;
}
.video-note{
    display: block;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 36px 0;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - -  */
.flow-img{
    margin: 0 auto 36px auto;
    width: -webkit-calc( 719 / 750 * 100%);
    width: calc( 719 / 750 * 100%);
}
/* - - - - - - - - - - - - - - - - - - - - - - - - -  */
.profile-text{
    margin: 0 auto 36px auto;
    width: -webkit-calc( 488 / 750 * 100% );
    width: calc( 488 / 750 * 100% );
}
.card-slider{
    width: 100%;
}
.card-slider-item{
    width: -webkit-calc( 688 / 750 * 100%);
    width: calc( 688 / 750 * 100%);
    padding: 0 8px;
    margin: 0 0 16px 0;
    box-sizing: border-box;
}
.slick-dots{
    width: -webkit-calc( 92 / 750 * 100%);
    width: calc( 92 / 750 * 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 36px auto;
}
.slick-dots li button{
    overflow: hidden;
    text-indent: -9999px;
    padding: 0;
    margin: 0;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #fff;
    border: none;
}
.slick-dots li.slick-active button{
    background-color: #eb2d5a;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - -  */
.footer{}
.section.is_consent{
    padding: 16px 0;
    text-align: center;
    color: #fff;
    background-color: #322e31;
}
.copyright{
    padding: 16px 0;
	color:#ff4982;
    display: block;
    text-align: center;
    background-color: #fff;
}