html {
	font-size: 62.5%;
}

body {
	font-size: 1.6rem;
	font-family: 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'メイリオ', meiryo, sans-serif;
	color: #1A1A1A;
	background-color: #FFFFFF;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
}

a {
	color: #003893;
}

img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}

input, 
textarea {
	font-size: 1.6rem;
}

.container {
	position: relative;
	padding: 0 15px;
}

.container2 {
	position: relative;
	padding: 0 15px;
}

#header {
	position: fixed;
	padding: 5px 0;
	margin: 0;
	width: 100%;
	background-color: #E8240D;
	z-index: 2;
}

#header #mukugi {
	width: 56vw;
}

#header #jimin {
	position: relative;
	left: 4%;
	width: 9vw;
}

#menu_btn {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

#menu li {
	display: block;
}

#menu_nav {
	position: fixed;
	display: table;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	transition: all .5s;
	visibility: hidden;
	opacity: 0;
}

#menu_nav ul {
	display: table-cell;
	vertical-align: middle;
}

#menu_nav li {
	margin: 0 auto;
	width: 80%;
	font-size: 1.8rem;
	color: #999999;
	line-height: 3;
	text-align: center;
	background-color: #E8240D;
}

#menu_nav li a {
	display: block;
	font-size: 1.8rem;
	color: #FFFFFF;
}

#menu_nav li a:hover {
	text-decoration: none;
}

.open #menu_nav {
	transition: all .5s;
	visibility: visible;
	opacity: 1;
	z-index: 1000;
}

#footer {
	position: relative;
	padding: 5px 0 10px 0;
	margin: 0;
	font-size: 1.4rem;
	color: #FFFFFF;
	background-color: #003893;
}

#footer p strong {
	display: block;
	margin: 0 0 10px 0;
	font-size: 1.8rem;
	border-bottom: solid 1px #FFFFFF;
}

#footer p strong span {
	font-size: 2.8rem;
	vertical-align: middle;
}

#footer #f_menu ul {
	margin: 20px 0 0 0;
	list-style-type: none;
}

#footer #f_menu ul li {
	display: inline-block;
	font-size: 1.6rem;
	line-height: 2;
}

#footer #f_menu ul li:after {
	content: " / ";
}

#footer #f_menu ul li:last-of-type:after {
	content: "";
}

#footer #f_menu ul li a {
	color: #FFFFFF;
}

#footer #copyright {
	padding: 25px 0 0 0;
	font-size: 1rem;
	text-align: center;
}

#contents {
	padding: 25% 0 20px 0;
}

#contents h1 {
	font-size: 2.4rem;
	line-height: 1.2;
}

#inner {
	position: relative;
}

.btn {
	display: block;
	margin: 5px 0;
	padding: 15px 10px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #C80014;
	text-align: center;
	border-radius: 10px;
}

.btn2 {
	display: block;
	margin: 10px 0;
	padding: 15px 10px;
	font-size: 1.8rem;
	color: #E50012;
	text-align: center;
	border: solid 2px #C8C8C8;
	border-radius: 10px;
}

#pager {
	padding: 30px 0;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
}

#pager a, 
#pager b {
	display: inline-block;
	padding: 10px 0;
	margin: 0 7px;
	width: 2em;
	line-height: 1;
	color: #E8240D;
	border: solid 1px #E8240D;
	border-radius: 6px;
}

#pager a {
	color: #E8240D;
	background-color: #FFFFFF;
}

#pager b {
	color: #FFFFFF;
	background-color: #E8240D;
}

#pager a:first-child, 
#pager b:first-child {
	margin-left: 0;
}

#pager a:last-child, 
#pager b:last-child {
	margin-right: 0;
}


@media only screen and (max-width: 619px) {
	.pc { display: none; }
}


@media only screen and (min-width: 620px) {
	a[href^="tel:"] {
		color: #4D4D4D;
		cursor: default;
		pointer-events: none;
		text-decoration: none;
	}

	.sp { display: none; }

	.container {
		padding: 0;
		margin: auto;
		width: 1200px;
	}

	.container2 {
		padding: 0;
		margin: auto;
		width: 1020px;
	}

	#header {
		padding: 0;
		min-width: 1200px;
		height: 143px;
	}

	#header .container {
		height: 100%;
		background: url(../images/common/bg_header.png) no-repeat right 10px bottom 15px;
	}

	#header #mukugi {
		position: relative;
		top: 10px;
		left: 0;
		width: auto;
	}

	#header #jimin {
		top: 10px;
		width: 78px;
	}

	/* menu */
	#navi {
		position: fixed;
		top: 143px;
		width: 100%;
		background-color: #FFFFFF;
		z-index: 3;
	}

	#menu_nav {
		display: block;
		position: relative;
		width: auto;
		background-color: transparent;
		visibility: visible;
		opacity: 1;
	}
	
	#menu_nav ul {
		display: block;
		position: relative;
		list-style-type: none;
		margin: auto;
		font-size: 0;
		text-align: center;
	}
	
	#menu_nav li {
		display: inline-block;
		position: relative;
		padding: 4px 0;
		margin: 15px 0 0 0;
		width: 169px;
		height: auto;
		font-size: 1.6rem;
		line-height: 1;
		border-right: solid 2px #E8240D;
		background-color: #FFFFFF;
	}

	#menu_nav li:first-of-type {
		border-left: solid 2px #E8240D;
	}

	#menu_nav ul li a {
		display: inline-block;
		font-size: 1.6rem;
		font-weight: bold;
		color: #E8240D;
	}

	/* footer */
	#footer {
		min-width: 1200px;
		min-height: 162px;
		padding: 10px 0;
		font-size: 1.4rem;
		text-align: center;
	}

	#footer p strong {
		margin: 0;
		font-size: 2.4rem;
		border: none;
	}

	#footer p strong span {
		font-size: 4rem;
	}

	#footer #f_menu {
		padding: 15px 0;
		width: auto;
	}

	#footer #f_menu ul {
		margin: 0;
	}

	#footer #f_menu ul li {
		font-size: 1.4rem;
		line-height: 1;
	}

	#footer #copyright {
		padding: 0;
		font-size: 1.4rem;
	}

	#contents {
		position: relative;
		top: 182px;
		padding: 20px 0 202px 0;
		min-width: 1200px;
		min-height: 590px;
	}

	#contents h1 {
		padding: 80px 0 10px 0;
		font-size: 3.6rem;
		line-height: 1;
	}

	#inner {
		padding: 0;
		margin: auto;
		width: 840px;
	}

	.btn {
		padding: 15px;
		font-size: 2.4rem;
	}

	.btn2 {
		padding: 15px;
		font-size: 2.4rem;
	}
}