@charset "UTF-8";
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css *//**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */html {
	font-family: sans-serif;
 /* 1 */
	-ms-text-size-adjust: 100%;
 /* 2 */
	-webkit-text-size-adjust: 100%;
 /* 2 */;
}/**
 * Remove the margin in all browsers (opinionated).
 */body {
	margin: 0;
}/* HTML5 display definitions
	 ========================================================================== *//**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
 /* 1 */
	display: block;
}/**
 * Add the correct display in IE 9-.
 */audio,canvas,progress,video {
	display: inline-block;
}/**
 * Add the correct display in iOS 4-7.
 */audio:not([controls]) {
	display: none;
	height: 0;
}/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */progress {
	vertical-align: baseline;
}/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */template,[hidden] {
	display: none;
}/* Links
	 ========================================================================== *//**
 * Remove the gray background on active links in IE 10.
 */a {
	background-color: transparent;
}/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */a:active,a:hover {
	outline-width: 0;
}/* Text-level semantics
	 ========================================================================== *//**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */abbr[title] {
	border-bottom: none;
 /* 1 */
	text-decoration: underline;
 /* 2 */
	text-decoration: underline dotted;
 /* 2 */;
}/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */b,strong {
	font-weight: inherit;
}/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */b,strong {
	font-weight: bolder;
}/**
 * Add the correct font style in Android 4.3-.
 */dfn {
	font-style: italic;
}/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */h1 {
	font-size: 2em;
	margin: 0.67em 0;
}/**
 * Add the correct background and color in IE 9-.
 */mark {
	background-color: #ff0;
	color: #000;
}/**
 * Add the correct font size in all browsers.
 */small {
	font-size: 80%;
}/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}/* Embedded content
	 ========================================================================== *//**
 * Remove the border on images inside links in IE 10-.
 */img {
	border-style: none;
}/**
 * Hide the overflow in IE.
 */svg:not(:root) {
	overflow: hidden;
}/* Grouping content
	 ========================================================================== *//**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */code,kbd,pre,samp {
	font-family: monospace, monospace;
 /* 1 */
	font-size: 1em;
 /* 2 */;
}/**
 * Add the correct margin in IE 8.
 */figure {
	margin: 1em 40px;
}/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */hr {
	box-sizing: content-box;
 /* 1 */
	height: 0;
 /* 1 */
	overflow: visible;
 /* 2 */;
}/* Forms
	 ========================================================================== *//**
 * Change font properties to `inherit` in all browsers (opinionated).
 */button,input,select,textarea {
	font: inherit;
}/**
 * Restore the font weight unset by the previous rule.
 */optgroup {
	font-weight: bold;
}/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 * 2. Show the overflow in Edge, Firefox, and IE.
 */button,input,select {
 /* 2 */
	overflow: visible;
}/**
 * Remove the margin in Safari.
 * 1. Remove the margin in Firefox and Safari.
 */button,input,select,textarea {
 /* 1 */
	margin: 0;
}/**
 * Remove the inheritence of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritence of text transform in Firefox.
 */button,select {
 /* 1 */
	text-transform: none;
}/**
 * Change the cursor in all browsers (opinionated).
 */button,[type="button"],[type="reset"],[type="submit"] {
	cursor: pointer;
}/**
 * Restore the default cursor to disabled elements unset by the previous rule.
 */[disabled] {
	cursor: default;
}/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *		controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS.
 */button,html [type="button"],[type="reset"],[type="submit"] {
	-webkit-appearance: button;
 /* 2 */;
}/**
 * Remove the inner border and padding in Firefox.
 */button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0;
}/**
 * Restore the focus styles unset by the previous rule.
 */button:-moz-focusring,input:-moz-focusring {
	outline: 1px dotted ButtonText;
}/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */legend {
	box-sizing: border-box;
 /* 1 */
	color: inherit;
 /* 2 */
	display: table;
 /* 1 */
	max-width: 100%;
 /* 1 */
	padding: 0;
 /* 3 */
	white-space: normal;
 /* 1 */;
}/**
 * Remove the default vertical scrollbar in IE.
 */textarea {
	overflow: auto;
}/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */[type="checkbox"],[type="radio"] {
	box-sizing: border-box;
 /* 1 */
	padding: 0;
 /* 2 */;
}/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
	height: auto;
}/**
 * Correct the odd appearance of search inputs in Chrome and Safari.
 */[type="search"] {
	-webkit-appearance: textfield;
}/**
 * Remove the inner padding and cancel buttons in Chrome on OS X and
 * Safari on OS X.
 */[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}



/* **************************************************************************************************************
************************************************ Basic Settings **********************************************
************************************************************************************************************** */
* {
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
	font-family: Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

body {
	letter-spacing: .06em;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
}

h1,h2,h3,h4,h5,p,ul,ol,li {
	margin: 0;
	padding: 0;
}

ul,ol,li {
	list-style: none;
}

div:after,ul:after,ol:after,li:after,dl:after {
	content: "";
	display: block;
	clear: both;
}

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

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

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

.copyright {
	margin: 30px 0;
	line-height: 1;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
	color: #888;
}

.copyright small {
	font-size: 1em;
}



/* **************************************************************************************************************
******************************************* Basic Settings for Mobile *****************************************
************************************************************************************************************** */
@media screen and (max-width: 767px) {
	* {
		box-sizing: border-box;
	}

	html {
		font-size: 62.5%;
		font-family: Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	}

	body {
		font-size: 15px;
		font-size: 1.5rem;
		color: #333;
	}

	h1,h2,h3,h4,h5,p,ul,ol,li {
		margin: 0;
		padding: 0;
	}

	ul,ol,li {
		list-style: none;
	}

	div:after,ul:after,ol:after,li:after,dl:after {
		content: "";
		display: block;
		clear: both;
	}

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

	a {
		color: inherit;
		text-decoration: none;
	}
}



/* **************************************************************************************************************
******************************************* Header and Footer Settings *****************************************
************************************************************************************************************** */

/* ******************** header setting ******************** */
.header {
	position: fixed;
	min-height: 52px;
	background-color: #ffffff;
	width:100%;
	z-index:9999;
}
.header.is-active {
	overflow: auto;
	width: 100%;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}

.header__logo {
	float: left;
}

.header__logo__link {
	display: block;
	padding: 12px 0 0 14px;
}

.header__logo__img {
	/* width: 140px; */
	width: 119px;
}

.drawer-btn {
	padding: 13px 10px 11px;
	float: right;
	cursor: pointer;
}

.drawer-btn.close {
	background: #eee;
}

.drawer-btn--close {
	position: absolute;
	top: -52px;
	right: 0;
	width: 54px;
	height: 52px;
	line-height: 52px;
	background: #eee;
	text-align: center;
	cursor: pointer;
}

.drawer-body {
	position: absolute;
	clear: both;
	top: 52px;
	left: 0;
	display: none;
	background: #eee;
	z-index: 999;
	width:100%;
	display: none;
	background: #EEE;
}

#headerBody.gnav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	border: none;
	margin: 0 0 0 15%;
}
#drawerBody.gnav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 0 5px;
}

.g-nav-btn__img {
	width: 31px;
}

.g-nav-btn__img--02 {
	width: 23px;
	vertical-align: middle;
}

.gnav__link {
	display: block;
	padding: 23px 10px 21px;
	line-height: 1;
}


/* ******************** footer setting ******************** */
.l-footer {
	position: relative;
	background: #efefef;
	color: #999999;
}

.l-footer_inner {
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	*zoom: 1;
}
.l-footer_inner:before,
.l-footer_inner:after {
	display: table;
	content: '';
}
.l-footer_inner:after {
	clear: both;
}

.l-footer .copyright {
	font-size: 1.2rem;
	line-height: 1;
	text-align: center;
	color: #999999;
	border-top: 1px #999999 solid;
	margin: 0;
	padding: 30px 0;
}



@media screen and (min-width: 768px)	{
	/* ******************** header setting for PC only ******************** */
	.header-inner {
	position: relative;
	max-width: 1050px;
	margin: 0 auto;
	}


	/* ******************** footer setting for PC only ******************** */

}



@media screen and (max-width: 767px)	{
	/* ******************** header setting for Mobile only ******************** */
	.header__logo__img {
		width: 95px;
	}

	#drawerBody.gnav {
		flex-direction: column;
		border: none;
	}

	.gnav__item {
		border-bottom: 1px solid #e5e5e5;
	}


	/* ******************** footer setting for Mobile only ******************** */
	.l-footer_inner {
		margin: 0 auto 30px;
	}

	.back-top {
		display: block;
		font-size: 1.3rem;
		text-align: center;
		border: none;
		padding: 10px 0;
	}

	.back-top img {
		height: 12px;
		width: 8px;
		-webkit-transform: rotate(-90deg);
				transform: rotate(-90deg);
	}

	.back-top span {
		display: block;
		margin-top: -4px;
	}

	.l-footer .copyright {
		font-size: 1.2rem;
		padding: 15px 0;
	}

}