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

/*----------------------------------------------------------------------
							common
----------------------------------------------------------------------*/

#lp_mf img{
    display:block;
    width: 100%;
}

#lp_mf_bg {
	background: #f2f2f2;
	padding: 0 0 0px 0;
	}
#bg_campaign{
	background: #bae9e9!important;
    padding-bottom: 100px;
}
#lp_mf { 
	display: block !important;
	width: 540px;
	margin: 0 auto;
	box-shadow: 0px 18px 20px 5px #dadada;
	background: #fff;
}	
@media screen and (max-width: 900px){
	body {
		overflow-x: hidden;
	}
	#lp_mf{
		width: 100%;
	}
	#lp_mf_bg{
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	 #lp_mf img{
		width: 100vw;
	}
}


/*----------------------------------------------------------------------
							オファーエリア
----------------------------------------------------------------------*/
.btn-box {
    position: relative;
}


/*--------------------------------------------
special_set レイアウト調整
---------------------------------------------*/
.syousai.sset_syousai{
	font-feature-settings: "palt";
	background:#fff;
	padding:5% 0 0;
	max-width:1100px;
	margin:0 auto;
	line-height: 1.8em;
}
@media screen and (max-width: 767px){
	.syousai table {
		width: 90%;
	}
}
@media screen and (max-width: 900px){
	.syousai table { font-size:10px; }
	.syousai table th {width:25%;}
}

/*--------------------------------------------
special_set レイアウト調整
---------------------------------------------*/


/*--------------------------------------------
カスタマイズ
---------------------------------------------*/
.btn-area {
    position:absolute;
    bottom:0;
    left:0;
    width: 100%;
    text-align: center;
}

.cta1 .btn-area {
    bottom: 90px;
}
@media (max-width:900px) {
    .cta1 .btn-area {
        bottom: 16vw;
    }
}
.cta1.bg-color {
    background: #DFE4E6;
}
.cta2 .btn-area,
.cta3 .btn-area {
    bottom: 40px;
}
@media (max-width:900px) {
    .cta2 .btn-area,
    .cta3 .btn-area {
        bottom: 7vw;
    }
}
.cta4 .btn-area {
    bottom: 15px;
}
@media (max-width:900px) {
    .cta4 .btn-area {
        bottom: 3vw;
    }
}
.cta5 .btn-area {
    bottom: 38px;
}
@media (max-width:900px) {
    .cta5 .btn-area {
        bottom: 7vw;
    }
}
.cta .btn-area img {
    width: 60% !important;
    display: inline-block !important;
}

.lineup .btn-area {
    bottom:42px;
}
@media (max-width:900px) {
    .lineup .btn-area {
        bottom:7.5vw;
    }
}
.toggle_btn {
    width:76% !important;
    cursor: pointer;
    margin: 0 auto;
}
.toggle {
    display: none;
}
.movie-box {
    position: relative;
}
.movie-box .movie {
    width:78%;
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
}
@media (max-width:900px) {
    .movie-box .movie {
        bottom:14vw;
    }
}


.syousai--pt0 {
    padding-top:0;
}



/*--------------------------------------------
テスト
---------------------------------------------*/
.secList {
    font-size:20px;
  }
  
  .et_pb_text_inner1 {
    background-color: #EAD9FF;
  }
  
  .et_pb_text_inner2 {
    background-color: #FFD5EC;
  }
  
  .et_pb_text_inner3 {
    background-color: #FFDBC9;
  }