@charset "utf-8";
/* CSS Document */

#main_img {
	width: 100%;
	height: 0;
	padding-top: calc(600/1500*100%);
	background: url(../images/consept.png) center center / cover no-repeat;
	position: relative;
	z-index: -10;
}

.title_logo {
	width: 40%;
	position: absolute;
	top: 50%;
	left: 60%;
	right: 40%;
}


/*ここからコンセプト------------------------------------------------------------*/


#consept .con_headline {
	margin-top: 40px;
}

#consept .con_headline h2 {
	color: #fdcf00;
	font-size: 35px;
	float: left;
}

#consept .con_headline p {
	float: right;
	max-width: 300px;
	height: 200px;
	overflow: hidden
}

#consept .con_headline img {
	max-width: 300px;
	width: 100%;
}

#consept .consept_box {
	margin-top: 40px;
}

#consept .consept_box .right_box{
	width: 45%;
	font-size: 18px;
	line-height: 180%;
	padding: 20px;
	background-color: rgba(255,198,2,0.3);
	border-radius: 20px;
	float: right;
}

#consept .consept_box .left_box {
	width: 50%;
	margin: 0 auto;
	float: left;
}

#consept .consept_box .left_box img {
	max-width: 480px;
	width: 100%;
}

/*ここからprofile-------------------------------------------------------------*/

#profile {
	margin-top: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
	background-image: url(../images/top_gallary_back.png);
	background-repeat: repeat;
}

#profile .prof_box .prof_left {
	max-width: 300px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	float: left;
}

#profile .prof_box .prof_left img {
	max-width: 300px;
	width: 100%;
}

#profile .prof_box .prof_right {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
	float: right;
}

#profile .prof_box .prof_right p {
	font-size: 16px;
	line-height: 2;
}



/*ここからタブレット用（～800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width:800px){
	
	#consept {
		padding: 20px;
	}
	
	#consept .con_headline h2 {
		max-width: 800px;
		width: 100%;
		font-size: 25px;
		text-align: center;
	}
	
	#consept .con_headline p {
		float: none;
		display: none;
	}
	
	#consept .con_headline img {
		max-width: 800px;
		width: 100%;
	}
	
	#consept .consept_box .right_box {
		max-width: 800px;
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
		font-size: 16px;
		line-height: 180%;
		float: none;
	}
	
	#consept .consept_box .left_box {
		max-width: 800px;
		width: 100%;
		float: none;
		margin-top: 40px;
	}
	
	#consept .consept_box .left_box img {
		max-width: 800px;
		width: 100%;
	}
	
	#profile {
		padding: 20px;
	}
	
	#profile .prof_box .prof_left {
		max-width: 800px;
		width: 100%;
		margin: 0 auto;
		float: none;
	}
	
	#profile .prof_box .prof_right {
		max-width: 800px;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		float: none;
	}

}