@charset "utf-8";

/* ¥È¥Ã¥×¥á¥¤¥ó¥¤¥á©`¥¸
----------------------------------------------------- */

#topimg {
width: 100%;
height: 300px;
background-image:url(/uminami/images/topimg.jpg);
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
}

.topimgbox {
width:980px;
margin:0 auto;
text-align:right;
padding:36px 0 0 0;
}

.topimgbox h2 {
font-size:26px;
color:#333;
letter-spacing:0.1em;
padding:130px 0 0 0;
text-shadow: 2px 2px 1px #FFF,-2px 2px 1px #FFF,2px -2px 1px #FFF,-2px -2px 1px #FFF;
}

.topimgbox h2 span {
color:#5ABDEB;
font-size:36px;
}

.topimgbox h2 span.textora {
color:#FF7F41;
font-size:30px;
}


@media screen and (min-width: 751px) and (max-width: 970px) {
	#topimg {
	height:235px;
	}
	.topimgbox {
	width:100%;
	padding: 0;
	}
	.topimgbox h2 {
	text-align:center;
	}
}


@media screen and (max-width: 750px) {
	#topimg {
	height:100px;
	}
	.topimgbox {
	width:100%;
	text-align:left;
	padding:56px 0 0 0;
	}
	.topimgbox h2 {
	font-size:14px;
	padding:0 10px;
	line-height:1.2;
	text-shadow: 2px 2px 1px #FFF,-1px 2px 1px #FFF,2px -1px 1px #FFF,-1px -1px 1px #FFF;
	}
	.topimgbox h2 span {
	font-size:18px;
	}
	.topimgbox h2 span.textora {
	color:#FF7F41;
	font-size:16px;
	}
	.pc {
	display:none;
	}
}



/* É϶Î
----------------------------------------------------- */

#index01 {
width:100%;
margin:0 auto;
}

.index01box {
width:980px;
margin:0 auto;
overflow:hidden;
}

.index01box ul {
overflow:hidden;
width:100%;
margin:0 0 2em 0;
}

.index01box ul li {
float:left;
width:31.33%;
margin:0 0 0 2%;
line-height:1.3;
}

.index01box ul li:first-child {
margin:0;
}

.index01box ul li img {
vertical-align:bottom;
}


@media screen and (min-width: 641px) and (max-width: 970px) {
	.index01box {
	width:98%;
	margin:0 auto;
	}
}


@media screen and (max-width: 640px) {
	.index01box {
	width:96%;
	margin:0 auto;
	}
	.index01box ul {
	}
	.index01box ul li {
	width:48%;
	margin:0 1% 1% 1%;
	display:block;
	}
	.index01box ul li:first-child {
	margin:0 1% 1% 1%;
	}
}


/* ¶þ¶Î½M
----------------------------------------------------- */

#index02 {
width:980px;
margin:0 auto;
overflow:hidden;
}

.index02_r {
width:70%;
float:right;
text-align:left;
}


@media screen and (min-width: 751px) and (max-width: 970px) {
	#index02 {
	width:98%;
	}
	.index02_r {
	width:68%;
	}
}


@media screen and (max-width: 750px) {
	#index02 {
	width:96%;
	}
	.index02_r {
	width:96%;
	float:none;
	margin:0 auto 1em auto;
	}
}


/* ¤ªÖª¤é¤»
----------------------------------------------------- */

.information {
margin:0 0 3em 0;
overflow:hidden;
}

.information h3 {
font-size:20px;
font-weight:normal;
padding:0 0 10px 0;
margin:0 0 10px 0;
background-image:url(/uminami/images/line.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

.information dl {
overflow:hidden;
padding:8px 0 10px 0;
border-bottom:1px dotted #333;
}

.information dl dt {
width:25%;
float:left;
}

.information dl dd {
width:75%;
float:right;
}


@media screen and (max-width: 750px) {
	.information h3 {
	font-size:18px;
	}
	.information dl dt {
	width:100%;
	float:none;
	}
	.information dl dd {
	width:100%;
	float:none;
	font-size:13px;
	}
}


/* »î„Óˆó¸æ
----------------------------------------------------- */

.report {
margin:0 0 3em 0;
overflow:hidden;
}

.report h3 {
font-size:20px;
font-weight:normal;
padding:0 0 10px 0;
margin:0 0 10px 0;
background-image:url(/uminami/images/line.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

.report dl {
overflow:hidden;
padding:8px 0 10px 0;
border-bottom:1px dotted #333;
}

.report dl dt {
width:25%;
float:left;
}


@media screen and (max-width: 750px) {
	.report h3 {
	font-size:18px;
	}
	.report dl dt {
	width:100%;
	float:none;
	}
	.report dl dd {
	width:100%;
	float:none;
	font-size:13px;
	}
}