@charset "UTF-8";

	
section#use {/* 金物百景 */
width:100%;
max-width:100%;
margin:0 auto;
}	

section#use article {
padding-top:20px;
background-color:; 
margin:0 auto;
text-align:center;

}	


section#use h1{/* 金物百景 */
font-family:"M PLUS Rounded 1c";

font-size:1.81em;	

text-align:center;
line-height:140%;
color:black;


margin:10px 0 10px 0;
}	
	

section#use p{/* リード */
font-family:"M PLUS Rounded 1c";

font-size:1.19em;	

text-align:center;
line-height:140%;
color:black;


margin:10px 0 10px 0;
}	
	

section#use article img {/*缶集合画像*/

background-color:; 
width:100%;
max-width:95%;
margin:0 auto;
text-align:center;
padding-top:0px;

}	





section#use_inf {/*観光情報*/
width:100%;
max-width:;
margin:20px auto 0 auto;
text-align:center;
}
	

section#use_inf article {
display:inline-block;
width:100%;
max-width:32.3%;
background-color:; 
margin:0 auto 0 auto;
text-align:center;

}	


section#use_inf article img {/*丸イメージ*/
margin-bottom:0px;	
background-color:; 
width:100%;
max-width:88%;
margin:0 auto;
text-align:center;


}



div.up1{/*丸イメージ 少し上部配置 food*/
position:relative;
top:0px;
right:0px;

}


div.up2{/*丸イメージ 少し上部配置 shopping*/
position:relative;
top:0px;
left:0px;
}







section#use_inf article h1{
font-family:"M PLUS Rounded 1c";

font-size:0.88em;	

text-align:center;
line-height:120%;
color:black;
margin:10px auto 0 auto;

}	


section#use_inf article h1.ichiban{
font-family:"M PLUS Rounded 1c";

font-size:0.88em;	

text-align:center;
line-height:120%;
color:black;



margin:10px auto 0 auto;
letter-spacing:-0.15em;
}	



section#use_inf article p{/*丸イメージ リード*/
font-family:"M PLUS Rounded 1c";

font-size:0.63em;	

text-align:center;
line-height:140%;
color:black;
margin:5px auto 20px auto;
letter-spacing:-0.05em;
}	




section#use_inf article p.food{/*food shopping リード*/
font-family:"M PLUS Rounded 1c";
font-size:0.63em;	

text-align:center;
line-height:140%;
color:black;
margin:5px auto 20px auto;
letter-spacing:-0.12em;
}	
		


	






section#use_big{/*ウェディング3つの特徴*/
width:100%;
max-width:95%;
margin:20px auto 50px auto;
text-align:center;


}	


section#use_big article {
display:inline-block;
width:100%;
max-width:49%;
background-color:; 
margin:0 auto 0 auto;
text-align:center;


}	




section#use_big article img{
margin-bottom:0px;	
background-color:; 

width:100%;
max-width:95%;

}	


section#use_big article h1{
font-family:"M PLUS Rounded 1c";
text-align:center;
color:#000;
font-size:1.06em;	
line-height:140%;
margin:10px auto 0 auto;
}




section#use_big article p{
font-family:"M PLUS Rounded 1c";

font-size:0.75em;	
text-align:center;
line-height:140%;
color:#000;

margin:5px auto 30px auto;

letter-spacing:0em;

}
	
	









/*==========================================
 741以上からこのレイアウト
===========================================*/

@media only screen and (min-width: 741px) {

section#use {/* 金物百景 */
width:100%;
max-width:97%;
margin:0 auto;

z-index:0;

}	



section#use article {
	
width:100%;
max-width:730px;	
padding-top:50px;


background-color:; 
margin:0 auto;
text-align:center;

}	


section#use article img {/* 缶集合画像　*/
margin-bottom:0px;	
background-color:; 
width:100%;
max-width:100%;
margin:0 auto;
text-align:center;
padding-top:80px;


}	



section#use h1{/* 金物百景 */


font-size:36px;	

text-align:center;
line-height:140%;
color:black;

font-weight:600;

margin:30px 0 20px 0;
}	
	

section#use p{/* リード */


font-size:18px;	

text-align:center;
line-height:140%;
color:black;

font-weight:600;

margin:20px auto 30px auto;
}	
	





section#use_inf {/* 鋼板用途 */
width:100%;
max-width:97%;
margin:0 auto 0 auto;
text-align:center;
}
	

section#use_inf article {
display:inline-block;
width:100%;
max-width:32%;
background-color:; 
margin:0px auto 0 auto;
text-align:center;

}	


section#use_inf article img {/* 用途 イメージ*/
margin-bottom:0px;	
background-color:; 
width:100%;
max-width:170px;
margin:0 auto;
text-align:center;


}


div.up{/*丸イメージ 少し上部配置*/
position:relative;
top:-110px;
right:20px;
}

div.up_1{/*丸イメージ 少し上部配置*/
position:relative;
top:-110px;
left:20px;
}


div.up1{/*丸イメージ 少し上部配置 food*/
position:relative;
top:-140px;
right:20px;

}


div.up2{/*丸イメージ 少し上部配置 ハブ空港*/
position:relative;
top:-140px;
left:20px;

}


div.up3{/*丸イメージ 少し上部配置 アーバンリゾート*/
position:relative;
top:20px;
left:0px;
}



section#use_inf article h1{


font-size:17px;	

text-align:center;
line-height:120%;
color:black;



margin:10px auto 0 auto;
}	

section#use_inf article h1.ichiban{


font-size:17px;	

text-align:center;
line-height:120%;
color:black;



margin:10px auto 0 auto;
letter-spacing:0em;
}	

section#use_inf article p{


font-size:14px;	

text-align:center;
line-height:140%;
color:black;



margin:5px auto 20px auto;

letter-spacing:0em;
}	
		


	

section#use_inf article p.food{/*food shopping リード*/

font-size:14px;	

text-align:center;
line-height:140%;
color:black;
margin:5px auto 20px auto;
letter-spacing:0em;
}	
	





div.up_wedding_left{/*用途BIGイメージ */
position:relative;
top:0px;
left:35px;
}


div.up_wedding_right{/*用途BIGイメージ */
position:relative;
top:0px;
right:35px;
}




section#use_big{/*用途BIG3つの特徴*/
width:100%;
max-width:90%;
margin:-80px auto 10px auto;
text-align:center;


}	


section#use_big article {
display:inline-block;
width:100%;
max-width:49%;
background-color:; 
margin:0 auto 0 auto;
text-align:center;


}	




section#use_big article img{
margin-bottom:0px;	
background-color:; 

width:100%;
max-width:190px;

}	


section#use_big article h1{

text-align:center;
color:#000;
font-size:18px;	
line-height:140%;
margin:10px auto 0 auto;


}




section#use_big article p{


font-size:14px;	
text-align:center;
line-height:140%;
color:#000;

margin:5px auto 30px auto;

letter-spacing:0em;

}
	
	


	
	
}




@media only screen and (min-width: 900px) {
	
section#use {/* 金物百景 */
width:100%;
max-width:100%;
margin:0 auto;
}	

section#use article {
	
width:100%;
max-width:850px;	
padding-top:90px;


background-color:; 
margin:0 auto;
text-align:center;

}	


section#use article img {/*缶集合画像 */
margin-bottom:0px;	
background-color:; 
width:100%;
max-width:900px;
margin:0 auto;
text-align:center;
padding-top:60px;


}	






section#use h1{/* 金物百景 */

font-size:40px;	

text-align:center;
line-height:140%;
color:black;

font-weight:600;

margin:30px 0 20px 0;
}	
	


section#use p{/* リード */

font-size:22px;	

text-align:center;
line-height:140%;
color:black;

font-weight:600;

margin:20px 0 40px 0;
}	
	






section#use_inf {/* 用途 */
width:100%;
max-width:93%;
margin:0 auto 0 auto;
text-align:center;
}
	

section#use_inf article {
display:inline-block;
width:100%;
max-width:32%;
background-color:; 
margin:0px auto 0 auto;
text-align:center;

}	


section#use_inf article img {/* 用途 イメージ */
margin-bottom:0px;	
background-color:; 
width:100%;
max-width:200px;
margin:0 auto;
text-align:center;


}


div.up{/*丸イメージ 少し上部配置*/
position:relative;
top:-130px;
right:20px;
}

div.up_1{/*丸イメージ 少し上部配置*/
position:relative;
top:-130px;
left:20px;
}


div.up1{/*丸イメージ 少し上部配置 food*/
position:relative;
top:-180px;
right:50px;
}


div.up2{/*丸イメージ 少し上部配置 ハブ空港*/
position:relative;
top:-180px;
left:50px;
}



section#use_inf article h1{

font-size:18px;	

text-align:center;
line-height:120%;
color:black;

font-weight:600;

margin:10px auto 0 auto;
}	



section#use_inf article p{

font-size:15px;	

text-align:center;
line-height:140%;
color:black;



margin:5px auto 20px auto;
}	
		


	


section#use_inf article p.food{/*food shopping リード*/

font-size:15px;	

text-align:center;
line-height:140%;
color:black;
margin:5px auto 20px auto;

}	
	



div.up_wedding_left{/*ウェディング丸イメージ */
position:relative;
top:0px;
left:40px;
}


div.up_wedding_right{/*ウェディング丸イメージ */
position:relative;
top:0px;
right:40px;
}



section#use_big{/*ウェディング3つの特徴*/
width:100%;
max-width:90%;
margin:-90px auto 10px auto;
text-align:center;


}	


section#use_big article {
display:inline-block;
width:100%;
max-width:46%;
background-color:; 
margin:0 auto 0 auto;
text-align:center;


}	




section#use_big article img{
margin-bottom:0px;	
background-color:; 

width:100%;
max-width:290px;

}	


section#use_big article h1{

text-align:center;
color:#000;
font-size:19px;	
line-height:140%;
margin:20px auto 0 auto;

font-weight:600;
}




section#use_big article p{

font-size:15px;	
text-align:center;
line-height:140%;
color:#000;

margin:5px auto 30px auto;

letter-spacing:0em;

}








}

@media only screen and (min-width: 1180px) {
	
section#use article img {/* トップ画像 */
margin-bottom:0px;	
background-color:; 
width:100%;
max-width:900px;
margin:0 auto;
text-align:center;


}	

section#use p{/* リード */

font-size:24px;	

text-align:center;
line-height:140%;
color:black;

font-weight:600;

margin:20px 0 40px 0;
}	
	
	

section#use_inf {/* 用途 */
width:100%;
max-width:1100px;
margin:0 auto 0 auto;
text-align:center;
}
	

section#use_inf article {
display:inline-block;
width:100%;
max-width:32%;
background-color:; 
margin:0px auto 0 auto;
text-align:center;

}	



div.up{/*丸イメージ 少し上部配置*/
position:relative;
top:-130px;
right:0px;
}

div.up_1{/*丸イメージ 少し上部配置*/
position:relative;
top:-130px;
left:0px;
}



section#use_big{/* 用途　BIG*/
width:100%;
max-width:1250px;
margin:-90px auto 10px auto;
text-align:center;


}	


section#use_big article img{
margin-bottom:0px;	
background-color:; 

width:100%;
max-width:300px;

}	




	
}


/* Flexible Image */
img {
  max-width: 100%; 
  height:auto;
}