@charset "utf-8";
/* CSS Document */
@media screen and (max-width:899px){

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

.IconL1 a::before {
	left: 10px;
}
.IconL2 a::before {
	left: 10px;
}
.IconR1 a::before {
	right: 10px;
}
.IconR2 a::before {
	right: 10px;
}

/* ----------------------
	MAINMENU
---------------------- */
.mainnav {
	white-space: nowrap;
}
.mainnav li {
	font-size: 14px;
	padding: 0 7px;
}
.mainnav a {
	line-height: 24px;
}

#pagetitle h1 {
	font-size: 24px;
	font-size: 2.4rem;
}
/* ----------------------
	font size
---------------------- */
.contents {
	font-size: 16px;
	font-size: 1.6rem;
}
section {
	padding: 1em 1.5em 2em;
}

.contents h1 {
	font-size: 28px;
	font-size: 2.8rem;
}
.contents h2 {
	font-size: 24px;
	font-size: 2.4rem;
}
.contents h3 {
	font-size: 20px;
	font-size: 2rem;
}
.contents h4, .contents h5 {
	font-size: 18px;
	font-size: 1.8rem;
}
.contents p {
	font-size: 16px;
	font-size: 1.6rem;
}

.fs_xs {font-size: 12px !important; font-size: 1.2rem !important;
}
.fs_s {font-size: 14px !important; font-size: 1.4rem !important;
}
.fs_m {font-size: 18px !important; font-size: 1.8rem !important;
}
.fs_l {font-size: 20px !important; font-size: 2.0rem !important;
}
.fs_xl {font-size: 24px !important; font-size: 2.4rem !important;
}

.boxcontainer {
	margin: 0;
}
.box5 {
	width: 24.5%;
}

/* ----------------------
	FOOTER
---------------------- */
address {
	font-size: 12px;
}
}