@charset "UTF-8";

/* ----- N708_Trial  Styles ----- */

.item_firsttime {
	position: relative;
}
.item_firsttime .btn {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: 494px auto 0;
	margin: 49.4% auto 0;
	width: 499px;
	width: 49.9%;
}
@media screen and (max-width: 767.98px) {
	.item_firsttime .btn {
		margin: 800px auto 0;
		margin: 106.6% auto 0;
		width: 647px;
		width: 86.26%;
	}
}


/* Section Main Visual */
.sec_mv {
	padding-bottom: 48px;
	background-image: url(../../n708_trial/img/bg_mv.jpg);
}
@media screen and (max-width: 767.98px) {
	.sec_mv {
		background-image: url(../../n708_trial/img/bg_mv_sp.jpg);
	}
}	


/* Section Contents 01 */
.sec_cont_01 {
	position: relative;
	z-index: 1;
	background: rgb(225,225,225);
}
.sec_cont_01::before,
.sec_cont_01::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
}
.sec_cont_01::before {
	margin-top: -48px;
	padding-top: 50px;
	background: linear-gradient(0deg, rgba(225,225,225,1) 50%, rgba(225,225,225,0) 100%);
}
.sec_cont_01::after {
	margin-bottom: -48px;
	padding-top: 50px;
	background: linear-gradient(180deg, rgba(225,225,225,1) 50%, rgba(225,225,225,0) 100%);
}
@media screen and (max-width: 767.98px) {
	.sec_cont_01::before {
		margin-top: -48px;
		padding-top: 50px;
	}
	.sec_cont_01::after {
		margin-bottom: -48px;
		padding-top: 50px;
	}
}	


/* Section Contents 02 */
.sec_cont_02 {
	background-image: url(../../n708_trial/img/bg_cont_02.jpg);
}
@media screen and (max-width: 767.98px) {
	.sec_cont_02 {
		background-image: none;
	}
}


/* Section Contents 03 */
.sec_cont_03 {
	padding-bottom: 80px;
	background-image: url(../../n708_trial/img/bg_cmn_01.jpg);
	background-repeat: repeat-y;
}
@media screen and (max-width: 767.98px) {
	.sec_cont_03 {
		padding-bottom: 7vw;
		background-image: url(../../n708_trial/img/bg_cmn_01_sp.jpg);
	}
}	


/* Section Contents 04 */
.sec_cont_04 {
	background-image: url(../../n708_trial/img/bg_cont_04.jpg);
}
@media screen and (max-width: 767.98px) {
	.sec_cont_04 {
		background-image: url(../../n708_trial/img/bg_cont_04_sp.jpg);
	}
}	


/* Section Contents 05 */
.sec_cont_05 {
	background-image: url(../../n708_trial/img/bg_cont_05.jpg);
}
@media screen and (max-width: 767.98px) {
	.sec_cont_05 {
		background-image: url(../../n708_trial/img/bg_cont_05_sp.jpg);
	}
}	


/* Section Contents 06 */
.sec_cont_06 {
	background-image: url(../../n708_trial/img/bg_cont_06.jpg);
}
@media screen and (max-width: 767.98px) {
	.sec_cont_06 {
		background-image: url(../../n708_trial/img/bg_cont_06_sp.jpg);
	}
}


/* Section Contents 07 */
.sec_cont_07 {
	background-image: url(../../n708_trial/img/bg_cont_07.jpg);
	background-color: #eaffea;
}
@media screen and (max-width: 767.98px) {
	.sec_cont_07 {
		padding-bottom: 80px;
		background-image: url(../../n708_trial/img/bg_cont_07_sp.jpg);
	}
}	


/* Section Contents 08 */
.sec_cont_08 {
	background-image: url(../../n708_trial/img/bg_cont_08.jpg);
}
@media screen and (max-width: 767.98px) {
	.sec_cont_08 {
		background-image: url(../../n708_trial/img/bg_cont_08_sp.jpg);
	}
}


/* Section Contents 09 */
.sec_cont_09 {
	background-image: url(../../n708_trial/img/bg_cont_09.jpg);
}
@media screen and (max-width: 767.98px) {
	.sec_cont_09 {
		background-image: url(../../n708_trial/img/bg_cont_09_sp.jpg);
	}
}	


/* Section Contents 10 */
.sec_cont_10 {
	padding-bottom: 80px;
	background-image: url(../../n708_trial/img/bg_cmn_01.jpg);
	background-repeat: repeat-y;
}
.sec_cont_10 .frame_01,
.sec_cont_10 .txt {
	margin-top: 40px;
}
.sec_cont_10 .column__item .btn {
	max-width: 321px;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width: 767.98px) {
	.sec_cont_10 {
		padding-bottom: 7vw;
		background-image: url(../../n708_trial/img/bg_cmn_01_sp.jpg);
	}
	.sec_cont_10 .frame_01,
	.sec_cont_10 .txt {
	  margin-top: 5vw;
	}
	.sec_cont_10 .column__item {
		padding-bottom: 7vw;
	}
	.sec_cont_10 .column__item .btn {
		max-width: 647px;
		width: 89.86%;
	}	
}	


/* Section Series */
.sec_series {
	padding-bottom: 80px;
	background-image: url(../../n708_trial/img/bg_series.jpg);
}
.sec_series .column__item .btn {
	max-width: 323px;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width: 767.98px) {
	.sec_series {
		padding-bottom: 7vw;
		background-image: url(../../n708_trial/img/bg_series_sp.jpg);
	}
	.sec_series .column__item .btn {
		max-width: 647px;
		width: 86.26%;
	}	
}