@charset "UTF-8";
/* ------------------------------
固定ページ　S ii MD システム用css
------------------------------ */

/* --------------------------- mainvis */
.page-s2md .mainvis{
	background-image:url(../img/s2md_mainvis.png) ;
}
.page-s2md .mainvis h2{
	letter-spacing: 0.2em;
}

/* --------------------------- s2md-section01 */
.s2md-section01{
	padding:70px 0;
}
.s2md-section01 h3{
	text-align: center;
	font-size:175%;
	color:#333333;
	line-height: 1.4;
	margin-bottom:20px;
}
.s2md-section01 h3 strong{
	font-size:110%;
	font-weight:bold;
}
.s2md-section01 .fx-row{
	margin:40px auto 0;
}
.s2md-section01 .fx-row h4{
	margin:20px auto;
	font-weight: bold;
	text-align: center;
	line-height:1.6;
}

/* --------------------------- s2md-section02 */
.s2md-section02{
	padding:55px 0;
	background:#FAFAFA;
}
.s2md-section02 h3{
	font-size:175%;
	color:#333333;
	line-height: 1.6;
	margin-bottom:40px;
	text-align: center;
}
.s2md-section02 .image{
	text-align: center;
	width: 80%;
	margin:30px auto 0 auto;
}
/*.s2md-section02{
	padding:30px 0;
	background:#FAFAFA;
}
.s2md-section02 h3{
	font-size:175%;
	color:#333333;
	line-height: 1.6;
	padding-top:80px;
	margin-bottom:30px;
}
.s2md-section02 h3 strong{
	font-size:110%;
	font-weight:bold;
}
.s2md-section02 p{
	width:80%;
	line-height: 2.0;
	color:#333;
}
.s2md-section02 .wrap{
	display: flex;
	padding:0;
	justify-content:space-between;
}
.s2md-section02-left{
	flex: 1;
}
.s2md-section02-right{
}*/

/* --------------------------- ebindplus-section03*/
.s2md-section03{
	margin:0 auto;
	padding: 40px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.s2md-section03 img.fit-image{
	max-width:1140px;
	width:100%;
	height:auto;
}
.s2md-section03 p:first-child{
	margin-bottom:30px;
}
.s2md-section03 a{
	display: inline-block;
}
.s2md-section03 .movie-link{
	color:#fff;
	position: absolute;
	top: 30%;
	left:50%;
	width:100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transform: translateX(-50%);
}
#sb-container iframe{
	height: 100%;
}
.s2md-section03 .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  display: none;
}
.s2md-section03 .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ1140px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */
@media only screen and (max-width: 1140px) {

	.s2md-section01{
		padding:20px 3%;
	}
	.s2md-section02 .wrap{
		display: block;
		padding:0 3%;
	}
	.s2md-section02 h3{
		padding-top:0px;
	}
	.s2md-section02 p{
		width:100%;
	}
	.s2md-section02 .s2md-section02-right{
		display: block;
		text-align: center;
		margin:20px auto 0;
	}
	.s2md-section03{
		padding: 40px 3%;
	}
	.s2md-section03 .youtube {
		display: block;
	}

}


/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ768px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */

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

	.s2md-section01 .fx-txt-center{
		text-align: left;
	}
	.s2md-section01 .fx-row{
		margin:20px auto 0;
	}
	.s2md-section01 .fx-row h4{
		text-align: left;
	}
	.s2md-section02{
		padding:15px 0 30px;
	}
	.s2md-section02 .image{
		width: 100%;
	}
	.s2md-section03 .movie-link{
		top: 10%;
	}
	.s2md-section03 .movie-link i img{
		width:10%;
		height:auto;
	}
	.s2md-section03 p:first-child{
		margin-bottom:10px;
	}

}