@charset "utf-8";
html {
	overflow-y:scroll;
	overflow-x:hidden;
}
html, body {
	font-size: 1.6rem;
	font-size: 16px;
	line-height:1.48;
	-webkit-font-smoothing:subpixel-antialiased;
	-moz-osx-font-smoothing:auto;
	color:#000;
	font-weight:400;
}
 *, *::before, *::after {
	box-sizing:border-box;
}
body, ul, ol, li, div, p, a, strong, h1, h2, h3, h4, h5, dl, dt, dd {margin:0;padding:0;}
ul, ol {list-style: none;}
a {outline:none;text-decoration:none;}
/*img {
	width:auto;
	max-width:100%;
	height:auto;
	margin:0;
	padding:0;
	border:none;
	line-height:normal;
	vertical-align:middle;
}*/
/*p {
	text-align:justify;
	text-justify: inter-ideograph;
	letter-spacing:0.03em;
	line-height:1.7;
	font-size:1rem;
}*/
.container {
 width: 1000px!important;
}

/* 共通
--------------------------------------------------------------------------------------------------------------- */
.bold {font-weight:bold;}
.center {text-align:center;}
.right {text-align:right;}
.hidden {display:none;}
.nospace {margin:0;padding:0;list-style:none;}
.inline * {display:inline-block;}
.inline *:last-child {margin-right:0;}
.clear, .group {display:block;}
.clear::before, .clear::after, .group::before, .group::after {display:table;content:"";}
.clear, .clear::after, .group, .group::after {clear:both;}

/* ブロック左右
--------------------------------------------------------------------------------------------------------------- */
.fl_left {
	display:inline-block;
	width:49.5%;
	text-align:left;
	vertical-align:top;
}
.fl_right {
	display:inline-block;
	width:49.5%;
	text-align:right;
	vertical-align:top;
}
.fl_left_a {
	float:left;
	text-align:left;
}
.fl_right_a {
	float:right;
	text-align:right;
}

/* Fonts
--------------------------------------------------------------------------------------------------------------- */
body {
	font-family: 'Noto Sans JP';
}

/* Generalise
--------------------------------------------------------------------------------------------------------------- */
hr {
	display:block;
	width:100%;
	height:1px;
	border:solid;
	border-width:1px 0 0 0;
}
.wrapper {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	word-wrap:break-word;
}
/*#header, #pageintro, .container, .container-nop, #footer, #copyright {
	display:block;
	margin:0 auto;
}*/
/* HTML 5 Overrides
--------------------------------------------------------------------------------------------------------------- */
address, article, aside, figcaption, figure, footer, header, main, nav, section {
	display:block;
	margin:0;
	padding:0;
}

/* Grid
--------------------------------------------------------------------------------------------------------------- */
.two_third, .one_quarter, .two_quarter, .three_quarter, .one_third_e, .two_third_e {
	display:inline-block;
	float:left;
	margin:0 0 0 5%;
	list-style:none;
}
.one_half {
	display:inline-block;
	float:left;
	margin:0 0 0 2%;
	list-style:none;
}
.one_third {
	display:inline-block;
	float:left;
	margin:0 0 0 3%;
	list-style:none;
}
.first {margin-left:0;clear:left;}
.one_quarter {width:21.25%;}
.one_third {width:31.3333%;}
.one_third_e {width:32%;}
.one_half, .two_quarter{width:49%;}
.two_third {width:65%;}
.two_third_e {width:63%;}
.three_quarter {width:73.75%;}

/* Spacing
--------------------------------------------------------------------------------------------------------------- */
.btmspace-5 {margin-bottom:5px;}
.btmspace-10 {margin-bottom:10px;}
.btmspace-15 {margin-bottom:15px;}
.btmspace-20 {margin-bottom:20px;}
.btmspace-30 {margin-bottom:30px;}
.topspace-10 {margin-top:10px;}
.tppspace-10 {padding:10px 0;}
.tppspace-15 {padding:15px 0;}
.tppspace-20 {padding:20px 0;}
.tppspace-30 {padding:30px 0;}

@media screen and (max-width:680px) {
	.fl_left {
	display:block;
	width:100%;
	text-align:center;
	}
	.fl_right {
	display:block;
	width:100%;
	text-align:center;
	}
	html, body {font-size: 1.5rem;font-size: 15px;}
	.smhidden {display:none;}
	.tppspace-10 {padding:5px 0;}
	.tppspace-15 {padding:10px 0;}
	.tppspace-20 {padding:15px 0;}
	.tppspace-30 {padding:20px 0;}
	 .one_third, .one_half, .two_third, .one_quarter, .two_quarter, .three_quarter, .one_third_e, .two_third_e {margin:0 0 0 0;}
	.first {margin-left:0;margin-bottom:10px;}
	.one_quarter {width:auto;}
	.one_third_e {width:auto;}
	.one_half {width:100%;}
	.two_quarter {width:auto;}
	.two_third {width:auto;}
	.two_third_e {width:100%;}
	.three_quarter {width:auto;}
	.one_third {width:auto;}
}
@media screen and (max-width:420px) {
	h2 {font-size:2.2em;}
}