@charset "UTF-8";

a:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.wrap{
	width:980px;
	margin:0 auto;
}

.clearfix:after {
	clear: both;
	content: '';
	display: block;
}

.width70{ width:70px!important; }
.width225{ width:225px!important; }
.width300{ width:300px!important; }
.width310{ width:310px!important; }
.width420{ width:420px!important; }
.width655{ width:655px!important; }

.ml_10{ margin-left:10px!important; }
.mb_5{ margin-bottom:5px!important; }
.mb_100{ margin-bottom:100px!important; }
.mt_5{ margin-top:5px!important; }
.mt_10{ margin-top:10px!important; }
.mt_15{ margin-top:15px!important; }
.mt_20{ margin-top:20px!important; }
.mt_30{ margin-top:30px!important; }
.mtb_5 { margin-top:5px!important; margin-bottom:5px!important;}

.f_left{ float:left; }
.f_right{ float:right; }

.red{
	color:#ff0000;
	display: inline-block!important;
}

.text_width_type1{ width:220px!important; }
.text_width_type2{ width:100px!important; }
.text_width_type3{ width:350px!important; }

.disp_inline_block { display: inline-block; }
.text_align_center { text-align: center; }
.text_align_left { text-align: left; }
.v_align_middle { vertical-align: middle; }
.table_layout_fix { table-layout: fixed}

/* header */
header{
	border-top:solid 10px #00479d;
}

.header_box{
	margin-bottom:10px;
}

.header_box .logo{
	float:left;
	margin-top:10px;
}

.header_box .tel{
	margin-right:20px;
	margin-top:10px;
}

.header_box .menu{
	float:right;
}

.header_box .menu li{
	background-color:#00479d;
	display:inline-block;
	border-radius: 0 0 5px 5px;
}

.header_box .menu li a{
	display:block;
	padding:10px 40px;
	color:#fff;
}

.header_box .menu_sp{
	display:none;
}

/* gnavi */
nav{
	background-color:#000;
	text-align: center;
}

nav li{
	display:inline;
	margin-right:10px;
}

nav li a{
	color:#fff;
	width: 10%;
	display: inline-block;
	text-align: center;
	padding: 15px 0;
}

/* main */
main {
	display: block;
}

/* footer */
footer{
	margin-top: 40px;
	padding-bottom:20px;
	background-image: url(../img/bg.png);
	background-position: center center;
}

.footer_box{
	position: relative;
}

.page_top{
	display:none;
	position: fixed;
	z-index: 98;
	right: 10%;
	bottom: 10px;
}

.footer_logo{
	padding: 20px 0px 10px 0;
}

.footer_shyamei{
	font-size:17px;
	font-weight:bold;
	margin-bottom:10px;
}

.footer_contents{
	display:table;
	width:100%;
}

.footer_contents div{
	display:table-cell;
}

.footer_content1{
	padding-left:80px;
	line-height:23px;
}

.footer_content2 li{
	margin-bottom:10px;
}

.footer_content2 li a{
	color:#000;
}

.footer_content3{
	text-align:right;
	vertical-align: bottom;
}

.copy_rights{
	background-color:#000;
	color:#fff;
	text-align:center;
	padding:5px 0;
}

.footer_box_sp{
	display:none!important;
}

/* pc */
@media screen and (min-width:620px){
	header {
		min-width: 980px;
	}

	nav {
		min-width: 980px;
	}
	
	footer{
		min-width: 980px;
	}

	.copy_rights {
		min-width: 980px;
	}

	.header_box .tel{
		float:right;
	}
	
	#menu-items{
		display:none;
	}
}

/* sp */

@media screen and (max-width:620px){
	.wrap{
		width:100%;
	}
	
	/* header */
	header {
		border: none;
		margin-top: 50px;
		display: inline-block;
	}

	.header_box{
		margin: 0;
		padding:5px 10px;

		border-top: solid 10px #00479d;
		box-shadow:rgba(75, 75, 75, 0.15) 0px 0px 3px 3px;
		position: fixed;
		top: 0;
		z-index: 999;
		background-color: #ffffff;
	}
	
	.header_box .logo{
		width:40%;
	}
	
	.header_box .logo img{
		width:100%;
	}
	
	.header_box .tel{
		width:30%;
		display: inline-block;
		margin-left:10px;
	}
	
	.header_box .tel img{
		width:100%;
	}
	
	.header_box .menu{
		display:none;
	}
	
	.navi{
		display:none;
	}

	.header_box .menu_sp{
		display: inline-block;
		position: absolute;
		right: 10px;
		top: 0;
		bottom: 0;
		margin: auto 0;
		width: 38px;
		height: 28px;
	}
	
	.header_box #menu-items{
		display: none;
		width: 100%;
		margin: 0;
		padding: 0;
		position: absolute;
		left: 0;
		margin-top: 5px;
		z-index: 999;
		border-top: 2px solid #00479d;
		background-color: rgba(23,23,23,.85);
	}

	.header_box #menu-items ul{
		display: block;
		list-style: none;
		margin: 0;
	}

	.header_box #menu-items li{
		display: block;
		margin-right: 0;
	}

	.header_box #menu-items li a{
		color: #ffffff;
		padding: 15px 0;
		font-size: 12px;
		text-decoration: none;
		text-align: center;
		width: 100%;
		position: relative;
		display: block;
		outline: 0;
	}

	.header_box .menu_sp .menu-icon{
		width: 36px;
		height: 28px;
		cursor: pointer;
	}

	.header_box .menu_sp .menu-icon span{
		background: rgba(23,23,23,.85);
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		border-radius: 4px;
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
		z-index: 999;
	}
	
	.header_box .menu_sp .menu-icon span:nth-of-type(1){
		top: 0;
	}

	.header_box .menu_sp .menu-icon.active span:nth-of-type(1){
		-webkit-transform: translateY(12px) rotate(-45deg);
		transform: translateY(12px) rotate(-45deg);
	}

	.header_box .menu_sp .menu-icon span:nth-of-type(2){
		top: 12px;
	}

	.header_box .menu_sp .menu-icon.active span:nth-of-type(2){
		display: none;
	}

	.header_box .menu_sp .menu-icon span:nth-of-type(3){
		bottom: 0;
	}

	.header_box .menu_sp .menu-icon.active span:nth-of-type(3){
		-webkit-transform: translateY(-12px) rotate(45deg);
		transform: translateY(-12px) rotate(45deg);
	}
	
	/* footer */
	.footer_logo{
		padding: 20px 10px 10px 10px;
	}
	
	.footer_logo img{
		width:40%;
	}
	
	.footer_shyamei{
		font-size:13px;
	}
	
	.page_top{
		display:none!important;
	}
	
	.footer_contents div{
		display:block;
	}
	
	.footer_content1{
		padding-left: 10px;
	}
	
	.footer_content2{
		display:none!important;
	}
	
	.footer_content3{
		display:none!important;
	}
	
	.footer_box_sp{
		display:table!important;
	}
	
	.footer_content4, .footer_content5{
		padding:20px 15px 10px 10px;
		display:table-cell!important;
		vertical-align: top;
	}
	
	.footer_content4 li, .footer_content5 li{
		margin-bottom: 10px;
	}
	
	.footer_content4 a{
		color:#000;
	}
}