@charset "utf-8";
/*TOPページ4つ並びメニュー*/
.box_4_link{
	width:1000px;
	height:75px;
	margin:10px auto;
}
div.box_4_link div.box_4_link_in,
div.box_4_link div.box_4_link_in_en{
	border:1px solid #ccc;
	width:248px;
	height:155px;
	float:left;
	text-align:center;
	padding-top:20px;
}
div.box_4_link div.box_4_link_in p{
	font-size:2rem;
	margin-bottom:15px;
	line-height:100%;
}
div.box_4_link div.box_4_link_in_en p{
	font-size:1.8rem;
	margin-bottom:15px;
	line-height:100%;
}
div.box_4_link div.box_4_link_in a,
div.box_4_link div.box_4_link_in_en a{
	color:#000;
}

/*TOPページ検索ボックス*/
div.box_sarch{
	width:965px;
	margin:15px auto 25px;
	overflow : hidden;
}
div.box_sarch div.box_sarch-in{
	width:680px;
	background-color:#000064;
	border-radius:2px;
	padding:11px;
	color:#fff;
	float:left;
}
div.sarch-area-l{
	width:40px;
	float:left;
}
div.sarch-area-m{
	color:#fff;
	margin-right:15px;
	float:left;
	font-size:12pt;
	width:70px;
	margin-top:10px;
}
div.sarch-area-r{
	float:left;
	width:540px;
}
div.sarch-area-r input[type="text"] {
	height:35px;
}
div.sarch-area-r input[type="button"] {
	width:100px;
	height:35px;
	margin-left:15px;
}
div.info-area{
	width:240px;
	float:left;
	margin-left:23px;
}

/*レスポンシブ タブレット*/
@media screen and (min-width:600px) and (max-width:999px) {
    .box_4_link {
        width: 100%;
    }
    div.box_4_link div.box_4_link_in,
    div.box_4_link div.box_4_link_in_en{
	width:24.5%;
	height:auto;
	}
	div.box_4_link div.box_4_link_in_en p{
	font-size:0.9rem;
	}
	div.box_sarch{
	width:100%;
	}
	div.box_sarch div.box_sarch-in{
	width:100%;
	float:none;
	}
	div.info-area{
	width:100%;
	text-align:center;
	float:none;
	margin:10px 0;
	}
}

/*レスポンシブ スマホ*/
@media screen and (max-width:599px) {
	.box_4_link {
        width: 100%;
    }
    div.box_4_link div.box_4_link_in,
    div.box_4_link div.box_4_link_in_en{
	width:49%;
	height:auto;
	margin-bottom:10px;
	}
	div.box_4_link div.box_4_link_in_en p{
	font-size:0.9rem;
	}
	div.box_sarch{
	width:100%;
	}
	div.box_sarch div.box_sarch-in{
	width:100%;
	float:none;
	}
	div.info-area{
	width:100%;
	text-align:center;
	float:none;
	margin:10px 0;
	}
	div.sarch-area-r input[type="text"] {
	width:90%;
	}
	div.sarch-area-r input[type="button"] {
	background-color:#fff;
	margin-top:5px;
	}
	div.sarch-area-r{
	float:none;
	width:100%;
	}
}