@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(max-width: 970px){
	#ft_ttl{
		width:100%;
	}
}
@media(max-width: 650px){
	#ft_ttl{
		margin:0 auto 7rem;
	}
}



#msg{
	position:relative;
	width:min(100%,970px);
	margin:2rem auto 13rem;
}
	#msg #m_issei{
		position:absolute;
		display:block;
		top:-1rem;
		right:45%;
		width:14%;
		max-width:125px;
		min-width:68px;
		height:auto;
		
	}
	#msg #m_kdm{
		position:absolute;
		display:block;
		bottom:-4rem;
		left:5%;
		width:14%;
		max-width:125px;
		min-width:68px;
		height:auto;
	}
	#msg #img_top{
		border-radius:1rem;
	}
	#pgttl_feature{
		position:absolute;
		top:8%;
		width:100%;
		text-align:center;
		margin: auto;
	}
	#pgttl_feature img{
		width:clamp(170px,40%,298px);
		height:auto;
	}
@media(max-width: 500px) {
	#msg{
		margin:3rem auto 8rem;
	}
	#msg #m_issei{
		top:90%;
		bottom:-4rem;
		left:60%;
		
	}
	#msg #m_kdm{
		bottom:inherit;
		top:90%;
		left:20%;
	}
	#pgttl_feature{
		bottom:inherit;
		top:-2vh;
	}
}




#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:right;
		width:38%;
		max-width:368px;
		height:auto;
	}
@media(max-width: 650px){
	#lead div{
		float:none;
		width:100%;
	}
	#m_hungary2{
		width:70%;
		min-width:272px;
	}
	#ilst_feature{
		float:none;
		width:72%;
		margin:1rem auto 0;
	}
}


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

.ft_item{
	margin:0 auto 8rem;
}
.ft_item#ft_tt{
	margin:0 auto 5rem;
}
	.ft_item:after{
		content: "";
		display: table;
		clear: both;
	}
	.ft_item h2{
		float:left;
		width:53%;
		max-width:515px;
		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 img.m_img{
		width:80%;
		max-width:315px;
		height:auto;
	}
	.ft_item .msg strong{
		display:block;
		color:rgb(94,183,79);
		font-size:1.3rem;
		font-weight:bold;
		line-height:1.5;
		margin:0 0 1rem;
	}
	.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:-2%;
		bottom:-4%;
		padding:.8rem 2rem;
		width:min(25%,100px);
		background:rgb(255,0,0);
		border-radius: .4rem;
		box-shadow:
			0 0 3px #fff,
			0 0 6px #fff,
			0 0 9px #fff;
		z-index:9;
		cursor:pointer;
	}
	.ft_item .movie .i_play:hover{
		animation-duration: .4s;
		animation-name: jello;
		transform-origin: center;
	}
	.ft_item .movie .i_play img{
		display:block;
		width:max(70%,12px);
		height:auto;
		margin:auto;
	}
	
	.subimg{
		clear:both;
	}
	.subimg li{
		display:block;
		float:left;
		width:23%;
		max-width:224px;
		margin:0 2.5% 0 0;
	}
	.subimg li:nth-child(4){
		margin:0 0 0 0;
	}
	
	.subimg3{
		clear:both;
	}
	.subimg3 li{
		display:block;
		float:left;
		width:30%;
		max-width:400px;
		margin:0 5% 2rem 0;
	}
	.subimg3 li:nth-child(3){
		margin:0 0 2rem 0;
	}

@media(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 .mv_img{
		margin:0 auto;
	}
	.ft_item .msg strong{
		width:80%;
		max-width:288px;
		min-width:200px;
	}
	
	.subimg3 li,
	.subimg3 li:nth-child(3){
		float:none;
		podition:relative;
		width:100%;
		max-width:none;
	}
	.subimg3 li:after{
		content: "";
		display: table;
		clear: both;
		margin:0 0 2rem 0;
	}
	.subimg3 li img{
		float:right;
		width:50%;
		margin:0 0 0 1rem;
	}
}
@media(max-width: 490px){
	.subimg li,
	.subimg li:nth-child(even){
		float:left;
		width:48%;
		margin:0 4% 1rem 0;
	}
	.subimg li:nth-child(even){
		margin:0 0 1rem 0;
	}
}



#ft_hk{
}
	#m_hoikukankyou{
		width:70%;
		text-align:center;
		max-width:381px;
		margin:0 auto 3rem;
	}
	#img_hoikukankyou{
		float:right;
		display:block;
		width:55%;
		max-width:600px;
		margin:0 0 1rem 2rem;
	}
	#ft_hk strong{
		display:block;
		width:35%;
		max-width:333px;
		height:auto;
		margin:0 0 1.5rem;
	}
@media(max-width: 600px){
	#ft_hk{
		padding:4rem 500% 5rem;
	}
	#img_hoikukankyou{
		float:inherit;
		width:100%;
		margin:0 0 3rem 0;
	}
	#m_hoikukankyou{
		margin:0 auto 1.5rem;
	}
	#ft_hk strong{
		width:80%;
	}
	
	#ft_hk .subimg li{
		width:48%;
		max-width:inherit;
		margin:0 4% 1rem 0;
	}
	#ft_hk .subimg li:nth-child(even){
		max-width:inherit;
		margin:0 0 1rem 0;
	}
}


/* tatewari */
#ft_tw .msg p{
	transform:translateY(5vw);
}
@media(max-width: 600px){
	#ft_tw .msg p{
		transform:none;;
	}
}


/* logo - philosophy */
#ft_logo{
	width:min(100%,720px);
	text-align: center;
	margin:0 auto 14vw;
}
	.m_logo-omoi{
		height: min(6vw, 44px);
		margin:0 auto 5vw;
	}
	#ft_logo .img_leafs{
		width:min(90%,580px);
		margin:0 auto 8vh;
	}
	#ft_logo .m_dokoniitemo{
		width:min(55%,390px);
		margin:0 auto 5vh;
	}
	#ft_logo .ft_logotxt{
		font-size:1.1rem;
	}
@media(max-width: 600px){
	#ft_logo .ft_logotxt{
		text-align: left;
	}
	#ft_logo .ft_logotxt br{
		display:none;
	}
}


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