@charset "utf-8";

/**
 *
 *  工場紹介
 *　factory
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.intro{
	padding-bottom: 60px;	
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* 汎用スタイル
-----------------------------------------------------------------*/
.sec{
	margin-bottom: 100px;	
}
.sec h3{
	margin-bottom: 50px;	
}
.sec .lead{
	margin-bottom: 24px;	
}
.sec .txt{
	margin-bottom: 30px;
	line-height:1.8;
}
.sec .data{
	display:flex;
	margin-bottom: 5px;
}
.sec .caption{
	margin-bottom: 55px;	
	text-align:right;
	font-size:86%;
}
.sec .btn-movie{
	width: 380px;
	margin: 0 auto;	
}
.sec .btn-movie a{
	display:flex;
	background:url(../images/common/ico_blank_w02.png) no-repeat 367px 7px #3D3D3D;
	background-size:8px auto;
	line-height:63px;
	color:#FFF;
}
.sec .btn-movie span{
	display:block;
	text-align:center;
}
.sec .btn-movie span+span{
	width: 317px;	
}


/* point
-----------------------------------------------------------------*/
.point{
	margin-bottom: 135px;	
}
.point h3{
	margin: 30px 0;	
}
.point .pic{
	margin-left: 90px;	
}
.point .txt{
	line-height:1.8;	
}

/* modal
-----------------------------------------------------------------*/
.video-box{
	position: relative;
	padding-bottom: 56.25%;	
}
.video-box video{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;	
}
.modal-box{
	display:none;	
}


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


.intro{
	padding-bottom: 40px;	
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* 汎用スタイル
-----------------------------------------------------------------*/
.sec{
	margin-bottom: 55px;	
}
.sec h3{
	margin-bottom: 25px;	
}
.sec .lead{
	margin-bottom: 16px;	
}
.sec .txt{
	margin-bottom: 25px;
}
.sec .data{
	display:block;
	margin-bottom: 3px;
}
.sec .data li+li{
	margin-top: 10px;	
}
.sec .caption{
	margin-bottom: 25px;	
	font-size:84%;
}
.sec .btn-movie{
	width: 100%;
	max-width:380px;
}
.sec .btn-movie a{
	display:flex;
	background:url(../images/common/ico_blank_w02.png) no-repeat 98% 7px #3D3D3D;
	background-size:8px auto;
	line-height:56px;
	color:#FFF;
	cursor:pointer;
}
.sec .btn-movie span{
	display:block;
	text-align:center;
}
#Factory .sec .btn-movie span img{
	width: 56px;
}
.sec .btn-movie span+span{
	width: 100%;	
}


/* point
-----------------------------------------------------------------*/
.point{
	margin-bottom: 20px;	
	padding-bottom: 25px;
}
.point h3{
	margin: 0 0 15px;	
}
.point .pic{
	margin: 15px 0 0 0;	
}


}