@charset "euc-jp";
/* CSS Document */
@media screen and (max-width:979px){

/* ----------------------
	for tablet
---------------------- */
.imgright {
	width: 50%;
	float: right;
	padding: 0px 10px 10px 10px;
}
.imgleft {
	width: 50%;
	float: left;
	padding: 0px 10px 10px 10px;
}

/* ----------------------
	MAINMENU
---------------------- */
#logo {
	width: 45%;
	padding-left: 10px;
}
#logo img {
	max-width: 280px;
}
#hdsub {
	width: 55%;
	padding-right: 10px;
}
#hdsub .box {
	padding: 5px;
}
#hdsub p {
	font-size: 12px;
}
#hdsub strong a, #ftphone strong a {
	font-size: 26px;
}
#hdsub strong a:before, #ftphone strong a:before {
	margin:0 5px 0 0;
	width: 29px;
	height: 24px;
}
#hdsub #hdphone {
	width: 80%;
}
#hdsub #hdml {
	width: 20%;
}

#hdr nav {
	width: 100%;
	margin: 0;
}
.mainnav {
	width: auto;
	white-space: nowrap;
}
.mainnav li {
	font-size: 12px;
}
.mainnav a {
	padding: 0 0.8em;
	line-height: 40px;
}
.mainnav .pc {
	letter-spacing: 0.05em;
	overflow: hidden;
}
.mainnav .sp {
	display: none;
}



/* ----------------------
	CONTENTS
---------------------- */
.contents {
	margin: 0;
	padding-bottom: 60px;
}

/* ----------------------
	font size
---------------------- */
.contents {
	font-size: 14px;
	font-size: 1.4rem;
}
.contents h1 {
	font-size: 28px;
	font-size: 2.8rem;
}
.contents h2 {
	font-size: 20px;
	font-size: 2rem;
}
.contents h2::before {
	width: 33px;
	height: 31px;
}
.contents h3 {
	font-size: 18px;
	font-size: 1.9rem;
}
.contents h4 {
	font-size: 16px;
	font-size: 1.6rem;
}
.contents p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
}

.boxcontainer {
	margin: 0;
}


/* ----------------------
	FOOTER
---------------------- */

#footer {
	width: 100%;
}

#ftnav {
	clear: both;
}
#ftnav ul {
	border: none;
}
#ftnav p {
	font-size: 12px;
	padding: 0 10px;
}
#copy img {
	max-width: 100%;
}
}