@charset "utf-8";


/* 共通 */
body#neb_lp #container {
	padding:0px;
	max-width: 750px;
	width: 100%;
}

body#neb_lp footer {
	text-align: center;
}

body#neb_lp #lpshoppingcolumn {
	width: 750px;
}

body#neb_lp #lpshoppingcolumn img{
	width: auto;
}

body#neb_lp {
	text-align: left;
}

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

#neb_lp_main video {
	width: 100%;
	display: block;
}


/* ファーストビュー */
#neb_lp_main .fv-area {
	position: relative;
}

#neb_lp_main .fv-area .fv-top{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/* 寝る前にふたえを仕込むだけ */
#neb_lp_main .step-area {
	position: relative;
}

#neb_lp_main .step-area .step-top{
	position: absolute;
	top: 24%;
	left: 0;
	right: 0;
}

/* 3ヵ月おまとめオファー */
#neb_lp_main .offer02-area {
	position:relative;
}

#neb_lp_main .offer02-area .fukidashi{
	position: absolute;
	top: 5%;
	left: 23%;
	-webkit-animation: bounce02 1.5s infinite ease-in-out;
	animation: bounce02 1.5s infinite ease-in-out;
	width: 45%;
}


/* ボタンエリア */
#neb_lp_main .cvbtn-area {
	position:relative;
}

#neb_lp_main .cvbtn-area .btn_01 {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 91%;
    top: 11%;
}

#neb_lp_main .cvbtn-area .btn_02 {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 45%;
    top: 51%;
    -webkit-animation: bounce 1.5s infinite ease-in-out;
    animation: bounce 1.5s infinite ease-in-out;
}


/* ボタンエリア02 */
#neb_lp_main .cvbtn02-area {
	position:relative;
}

#neb_lp_main .cvbtn02-area .btn_01 {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 91%;
    top: 14%;
}

#neb_lp_main .cvbtn02-area .btn_02 {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 45%;
    top: 54%;
    -webkit-animation: bounce 1.5s infinite ease-in-out;
    animation: bounce 1.5s infinite ease-in-out;
}


/* ボタンエリア03 */
#neb_lp_main .cvbtn03-area {
	position:relative;
}

#neb_lp_main .cvbtn03-area .btn_01 {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 91%;
    top: 18%;
}

#neb_lp_main .cvbtn03-area .btn_02 {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 45%;
    top: 56%;
    -webkit-animation: bounce 1.5s infinite ease-in-out;
    animation: bounce 1.5s infinite ease-in-out;
}


/* ボタンエリア04 */
#neb_lp_main .cvbtn04-area {
	position:relative;
}

#neb_lp_main .cvbtn04-area .btn_01 {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 91%;
    top: 10%;
}

#neb_lp_main .cvbtn04-area .btn_02 {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 45%;
    top: 52%;
    -webkit-animation: bounce 1.5s infinite ease-in-out;
    animation: bounce 1.5s infinite ease-in-out;
}


/* かと言って整形は… */
#neb_lp_main .negative-area {
	position: relative;
	margin-top: -14%;
}


/* 整形は抵抗が… */
#neb_lp_main .wish-area .wish-img{
	position: relative;
	margin-bottom: -4%;	
}


/* 3つのポイント */
#neb_lp_main .point-area{
	position: relative;
}

#neb_lp_main .point-area .point03-frame {
	position: absolute;
	top: 72.8%;
	left: 0;
	right: 0;
}


/* 接着成分＆美容成分 */
#neb_lp_main .component-area {
	position: relative;
}

#neb_lp_main .component-area .component-top{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}


/* お客様からの喜びの声 */
#neb_lp_main .voice-area .voice01 {
	position: relative;
}

#neb_lp_main .voice-area .voice01 .voice01-top{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

#neb_lp_main .voice-area .voice02 {
	position: relative;
}

#neb_lp_main .voice-area .voice02 .voice02-top{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

#neb_lp_main .voice-area .voice03 {
	position: relative;
}

#neb_lp_main .voice-area .voice03 .voice03-top{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}


/*よくある質問*/
#neb_lp_main .faq_area {
	position: relative;
	padding-bottom:5%;
	background: #1f2e55;
	z-index: 10;
}

#neb_lp_main .faq_area .accbox {
    padding: 0;
    max-width: 1000px;
    width: 100%;
}

#neb_lp_main .faq_area .menu_item_link {
    display: block;
    padding: 1% 0;
    color: #1f2e55;
    font-weight: bold;
    cursor :pointer;
    position: relative;
}
	
#neb_lp_main .faq_area .menu_item_link:after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    right: 7%;
    height: 50%;
    top: 43%;
    position: absolute;
    font-size: 2.5vw;
}
#neb_lp_main .faq_area .menu_item_link.on:after {
    content: '\f077';
    font-family: 'Font Awesome 5 Free';
}
 
#neb_lp_main .faq_area .submenu {
	  display: none;
}
#neb_lp_main .faq_area .submenu_item {
	  color: #222;
	  padding: 6% 0%;
}


@media screen and (max-width: 749px) {
	/* 共通 */
	#neb_lp_main section{
		position: relative;
		z-index: 10;
	}
	
	
	/*よくある質問*/	
	#neb_lp_main .faq_area .menu_item_link:after {
		content: '\f078';
		font-family: 'Font Awesome 5 Free';
		right: 8%;
		height: 50%;
		top: 38%;
		position: absolute;
		font-size: 4vw;
	}
}



@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(2.0) }
  50% { -webkit-transform: scale(2.3) }
}

@keyframes bounce {
  0%, 100% { transform: scale(2.0) }
  50% { transform: scale(2.3) }
}


@-webkit-keyframes bounce02 {
  0%, 100% { -webkit-transform: scale(2.0) }
  50% { -webkit-transform: scale(1.8) }
}

@keyframes bounce02 {
  0%, 100% { transform: scale(2.0) }
  50% { transform: scale(1.8) }
}