@charset "utf-8";

/*--------------------------------------------*/
/*ヘッダーイメージ設定*/
#header_img {
	margin-top:0;
	background-color:#d3ddef;
}
#header_img p{
	margin:0 auto;
	width:1200px;
}

@media screen and (max-width:1199px){
#header_img p{
	width:100%;
}

}

/*--------------------------------------------*/
/*メインコンテンツ*/
#main {
	margin:40pX 100px 20px;
}


/*--------------------------------------------*/
/*ベースイメージ設定*/
#support_base {
	width:1200px;
	background-color:#e0f0eb;
	margin:0 auto;
	padding:30px 0;
}


#support_menu{
	width:1000px;
	margin:0 100px;
}
#support_menu .icon{
	float:left;
	width:18%;
}
#support_menu .item{
	float:left;
	margin:10px 0 30px 30px;
	width:75%;
}
#support_menu h4{
	font-size:40px;
	font-weight:bold;
	line-height:1.3;
	color:#004ea2;
	margin:15px 0 ;
}

.crown{
	margin-bottom:7px;
}
#support_menu .m_p{
	font-size:129%;
	line-height:1.5em;
}
#support_menu .m_p img{
	margin-top:20px;
}


.large{
	display:block;
	width:100%;
	margin-bottom:50px;
}
.small{
	display:none;
}

.kankyo_l{
	float:left;
	width:49%;
	margin-bottom:30px;
}
.kankyo_r{
	float:right;
	width:50%;
}



/*タブレット*/
@media screen and (min-width:700px) and (max-width:1024px){
	
#main {
	width:auto;
	margin:20px 20px 20px;
}

/*ベースーイメージ設定*/
#support_base {
	width:auto;
}
#support_menu{
	width:auto;
	margin:0 30px;
}

#support_menu .icon{
	float:left;
	width:15%;
}

#support_menu .item{
	float:left;
	margin:10px 0 20px 30px;
	width:75%;
}
#support_menu h4{
	font-size:30px;
	margin-top:5px;
}

.crown{
	margin-bottom:7px;
	width:8%;
}
#support_menu .m_p{
	font-size:115%;
	line-height:1.3em;
}
#support_menu .m_p img{
	margin-top:15px;
	width:80%;
}
.kankyo_l{
	float:left;
	width:49%;
	margin-bottom:30px;
}
.kankyo_r{
	float:right;
	width:50%;
}

}

/*スマホ*/
@media screen and (max-width:699px){

#main {
	width:auto;
	margin:10px 10px 10px;
}
/*ベースーイメージ設定*/
#support_base {
	width:auto;
}
#support_menu{
	width:auto;
	margin:0 20px;
}

#support_menu .icon{
	float:none;
	width:20%;
}

#support_menu .item{
	float:none;
	margin:5px 0 5px 0;
	width:auto;
}
#support_menu h4{
	font-size:25px;
	margin-top:5px;
}

.crown{
	margin-bottom:7px;
	width:8%;
}
#support_menu .m_p{
	font-size:110%;
	line-height:1.5em;
}
#support_menu .m_p img{
	margin-top:10px;
	width:100%;
}

.large{
	display:none;
}
.small{
	display:block;
	margin-bottom:20px;
}

.kankyo_l{
	float:none;
	width:auto;
	margin-bottom:10px;
}
.kankyo_r{
	float:none;
	width:auto;
}
}