@charset "utf-8";


/* feature
-------------------------------------------------*/

#feature img{
	border-radius:9px;
	overflow:hidden;
}

#ft_ttl{
	position:relative;
	width:970px;
	text-align:center;
	padding:3.75rem 0 0;
	margin:2.5rem auto 10rem;
}
@media screen and (max-width: 970px){
	#ft_ttl{
		width:100%;
	}
}
@media screen and (max-width: 650px){
	#ft_ttl{
		margin:0 auto 7rem;
	}
}

#ft_ttl #pgttl_feature{
	position:absolute;
	bottom:-3rem;
	width:100%;
	text-align:center;
}
@media screen and (max-width: 650px){
	#ft_ttl #pgttl_feature img{
		width:62%;
		max-width:298px;
		height:auto;
	}
}
#ft_ttl #m_jibun{
	position:absolute;
	right:3%;
	top:0;
	width:20%;
	max-width:184px;
	min-width:95px;
}

#lead:after{
	content: "";
	display: table;
	clear: both;
}
	#lead div{
		float:left;
		width:56%;
	}
	#lead div p{
		text-align:justify;
		text-justify:inter-ideograph;
	}
	#m_hungary2{
		display:block;
		width:100%;
		max-width:509px;
		margin:0 0 1rem;
	}
	#ilst_feature{
		display:block;
		float:left;
		width:37%;
		max-width:402px;
		height:auto;
		margin:0 0 1rem 2rem;
	}
@media screen and (max-width: 650px){
	#lead div{
		float:none;
		width:100%;
	}
	#m_hungary2{
		width:70%;
		min-width:272px;
	}
	#ilst_feature{
		float:none;
		width:54%;
		margin:1rem auto 0;
	}
}


#m_feature{
	text-align:center;
	width:70%;
	max-width:382px;
	margin:0 auto 4rem;
}

.ft_item{
	margin:0 auto 10rem;
}
	.ft_item:after{
		content: "";
		display: table;
		clear: both;
	}
	.ft_item h2{
		float:left;
		width:53%;
		max-width:487px;
		min-width:280px;
		margin:0 0 4rem;
	}
	.ft_item h2.h2_R{
		float:right;
	}
	.ft_item .msg{
		float:right;
		width:40%;
		margin:0 0 4rem;
	}
	.ft_item .msg_L{
		float:left;
	}
	.ft_item .movie{
		position:relative;
	}
	.ft_item .movie img.imgfit{
		width:100%;
		max-width:415px;
	}
	.ft_item .movie .i_play{
		display:block;
		position:absolute;
		right:1%;
		bottom:2%;
		width:12%;
		max-width:70px;
		min-width:40px;
		height:auto;
		z-index:9;
		cursor:pointer;
	}
	.ft_item .movie .i_play:hover{
		animation-duration: .4s;
		animation-name: jello;
		transform-origin: center;
	}
	
	.ft_item .subimg{
		clear:both;
	}
	.ft_item .subimg li{
		display:block;
		float:left;
		width:23%;
		max-width:224px;
		margin:0 2.5% 0 0;
	}
	.ft_item .subimg li:nth-child(4){
		margin:0 0 0 0;
	}
	
	.ft_item .subimg3{
		clear:both;
	}
	.ft_item .subimg3 li{
		display:block;
		float:left;
		width:30%;
		max-width:400px;
		margin:0 5% 2rem 0;
	}
	.ft_item .subimg3 li:nth-child(3){
		margin:0 0 2rem 0;
	}

@media screen and (max-width: 600px){
	.ft_item h2,
	.ft_item h2.h2_R{
		float:none;
		width:80%;
		text-align:center;
		margin:0 auto 3rem;
	}
	.ft_item .msg{
		float:none;
		width:100%;
		margin:0 0 3rem;
	}
	.ft_item .movie img{
		margin:0 auto;
	}
	
	.ft_item .subimg3 li,
	.ft_item .subimg3 li:nth-child(3){
		float:none;
		podition:relative;
		width:100%;
		max-width:none;
	}
	.ft_item .subimg3 li:after{
		content: "";
		display: table;
		clear: both;
		margin:0 0 2rem 0;
	}
	.ft_item .subimg3 li img{
		float:right;
		width:50%;
		margin:0 0 0 1rem;
	}
}
@media screen and (max-width: 490px){
	.ft_item .subimg li,
	.ft_item .subimg li:nth-child(even){
		float:left;
		width:48%;
		margin:0 4% 1rem 0;
	}
	.ft_item .subimg li:nth-child(even){
		margin:0 0 1rem 0;
	}
}


/* movie */

#mov_container,
#mov_iframe{
	text-align:center;
	margin:0 auto;
}