@charset "UTF-8";
/* setting */
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

article, aside, footer, header, nav, section { display: block; }

h1 { font-size: 2em; margin: .67em 0; }

figcaption, figure, main { display: block; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace,monospace; font-size: 1em; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; }

abbr[title] { border-bottom: 0; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: inherit; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace,monospace; font-size: 1em; }

dfn { font-style: italic; }

mark { background-color: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

img { border-style: none; }

svg:not(:root) { overflow: hidden; }

button, input, optgroup, select, textarea { margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress { display: inline-block; vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details, menu { display: block; }

summary { display: list-item; }

canvas { display: inline-block; }

template { display: none; }

[hidden] { display: none; }

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}


/* setting */
body { margin: 0; }

html, body { height: 100%; padding: 0; margin: 0; }

ul { margin: 0; padding: 0; list-style: none; }

ul > li { list-style: none; }

p, div { margin: 0; padding: 0; text-align: left; }

dl { margin: 0; }

dd { margin: 0; }

img { display: block; margin: 0 auto; }

em { font-style: normal; }

a { color: #000; display: inline-block; }
a img { border: none; }

.hover:hover { opacity: 0.7; }

p,
div {
	margin: 0;
	padding: 0;
	text-align: left;
}

dl {
	margin: 0;
}

dd {
	margin: 0;
}

img {
	display: block;
	margin: 0 auto;
}

em {
	font-style: normal;
}

a {
	color: #000;
	display: inline-block;
}

a img {
	border: none;
}

.hover:hover {
	opacity: 0.7;
}


/* FireFox リンク選択時の点線を消す */
a:link, a:visited, a:active, a:hover { overflow: hidden; outline: none; }

/**/
body { padding-top: 119px; }
@media only screen and (max-width: 479px) { body { padding-top: 80px; } }

/* parts */
/* font */
html { font-size: 62.5%; }

body { font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-size: 14px; font-size: 1.4rem; }

h1 { font-size: 24px; font-size: 2.4rem; margin: 0; }

h2 { font-size: 21px; font-size: 2.1rem; margin: 0; }

h3 { font-size: 16px; font-size: 1.6rem; margin: 0; font-weight: bold; }

/* Text */
.justify { text-align: justify; text-justify: inter-ideograph; }

.mincho { font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif; }

.em { color: #ff5959; }

.text--center { text-align: center; }

.text--right { text-align: right; }

.text--mini { font-size: 10px; font-size: 1.0rem; }

/* title */
.title--1 { padding-left: 30px; font-weight: normal; font-size: 24px; font-size: 2.4rem; line-height: 42px; position: relative; }
@media only screen and (max-width: 1000px) { .title--1 { font-size: 18px; font-size: 1.8rem; } }
.title--1:before { content: ""; display: block; position: absolute; left: 0; right: auto; top: 0; bottom: 0; margin: auto; width: 7px; height: 40px; background: url("/common/img/sprites.png") no-repeat; background-size: 100px auto; background-position: -21px -25px; }

.title--2s { padding-left: 20px; font-weight: normal; font-size: 18px; font-size: 1.8rem; line-height: 46px; position: relative; border-bottom: 1px solid #ccc; }
@media only screen and (max-width: 1000px) { .title--2s { font-size: 18px; font-size: 1.8rem; } }
.title--2s:before { content: ""; display: block; position: absolute; left: 0; right: auto; top: 0; bottom: 0; margin: auto; width: 7px; height: 40px; background: url("/common/img/sprites.png") no-repeat; background-size: 100px auto; background-position: -50px -30px; }

.title--3 { padding-left: 30px; font-weight: normal; font-size: 24px; font-size: 2.4rem; line-height: 42px; position: relative; }
@media only screen and (max-width: 1000px) { .title--3 { font-size: 1.8rem; padding-left: 20px; box-sizing: border-box; }
  .title--3:before { background-size: 80px auto; background-position: -28px -16px; } }
@media only screen and (max-width: 479px) { .title--3 { float: none; display: block; width: 100%; box-sizing: border-box; font-size: 1.8rem; padding-left: 20px; }
  .title--3 > a { padding: 10px; } }
.title--3:before { content: ""; display: block; position: absolute; left: 0; right: auto; top: 0; bottom: 0; margin: auto; width: 7px; height: 40px; background: url("/common/img/sprites.png") no-repeat; background-size: 100px auto; background-position: -35px -25px; }
@media only screen and (max-width: 479px) { .title--3:before { left: 5px; width: 7px; background-size: 80px auto; background-position: -28px -20px; } }

/* icon */
.list-orenge-arrow li a { position: relative; display: block; padding: 8px 8px 8px 30px; text-decoration: none; font-size: 14px; font-size: 1.4rem; }
@media only screen and (max-width: 1000px) { .list-orenge-arrow li a { padding: 8px 8px 8px 15px; font-size: 1.4vw; } }
@media only screen and (max-width: 479px) { .list-orenge-arrow li a { padding: 14px 14px 14px 15px; font-size: 1.4rem; } }
.list-orenge-arrow li a:hover { opacity: 0.7; }
.list-orenge-arrow li a:before { content: ""; position: absolute; display: block; width: 7px; height: 13px; left: 10px; top: 0; bottom: 0; margin: auto; background: url("/common/img/sprites.png") no-repeat; background-size: 100px auto; margin-right: 10px; vertical-align: top; }
@media only screen and (max-width: 1000px) { .list-orenge-arrow li a:before { width: 1vw; height: 2vw; left: 5px; background-size: 12vw auto; margin-right: 5px; } }
@media only screen and (max-width: 479px) { .list-orenge-arrow li a:before { background-size: 100px auto; width: 7px; height: 1em; } }

.list-box-orenge-arrow .box { box-sizing: border-box; }
.list-box-orenge-arrow .box img { width: 100%; height: auto; }
.list-box-orenge-arrow .box a { display: block; margin: 0 auto; text-decoration: none; }
.list-box-orenge-arrow .box a:hover { opacity: 0.7; }
.list-box-orenge-arrow .title { display: block; text-align: center; margin-top: 10px; font-size: 1.4rem; }
@media only screen and (max-width: 1000px) { .list-box-orenge-arrow .title { font-size: 1.5vw; } }
@media only screen and (max-width: 479px) { .list-box-orenge-arrow .title { font-size: 1.2rem; margin-top: 5px; margin-bottom: 5px; } }
.list-box-orenge-arrow .title:before { content: ""; display: inline-block; width: 7px; height: 13px; background: url("/common/img/sprites.png") no-repeat; background-size: 100px auto; margin-right: 5px; vertical-align: top; }
@media only screen and (max-width: 1000px) { .list-box-orenge-arrow .title:before { width: 1vw; height: 1.8vw; background-size: 11vw auto; margin-right: 5px; } }
@media only screen and (max-width: 479px) { .list-box-orenge-arrow .title:before { background-size: 20vw auto; width: 2vw; height: 1em; margin-right: 0; } }

/* _breadcrumb
-------------------------------------------------- */
.breadcrumb { background: #8a8a7b; padding: 10px 0; margin-bottom: 30px; min-width: 1000px; }
@media only screen and (max-width: 1000px) { .breadcrumb { min-width: 100%; } }
@media only screen and (max-width: 479px) { .breadcrumb { min-width: 100%; } }
.breadcrumb .inner { width: 1000px; margin: 0 auto; position: relative; box-sizing: border-box; zoom: 1; }
.breadcrumb .inner:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 1000px) { .breadcrumb .inner { width: 100%; padding: 0 20px; } }
@media only screen and (max-width: 479px) { .breadcrumb .inner { width: 100%; padding: 0 10px; } }
.breadcrumb li { display: inline; color: #fff; font-size: 1.2rem; }
.breadcrumb li:before { content: ">"; padding-right: 10px; }
.breadcrumb li:first-child:before { content: ""; }
.breadcrumb a { display: inline; margin-right: 8px; font-size: 12px; color: #fff; }

/* Button */
.btn-inquiry { width: 150px; }
.btn-inquiry:before { content: ""; display: inline-block; width: 7px; height: 13px; background: url("/common/img/sprites.png") no-repeat; background-size: 100px auto; margin-right: 10px; }
.btn-inquiry:hover { opacity: 0.7; }

.btn-orengeb { background: #ff7649; color: #fff; font-size: 14px; font-size: 1.4rem; text-align: center; text-decoration: none; box-sizing: border-box; padding: 10px; display: block; }
@media only screen and (max-width: 1000px) { .btn-orengeb { font-size: 10px; font-size: 1.0rem; padding: 8px 6px; } }
.btn-orengeb:before { content: ""; display: inline-block; width: 10px; height: 13px; background: url("/common/img/sprites.png") no-repeat; background-size: 100px auto; background-position: -7px 0; margin-right: 10px; }
@media only screen and (max-width: 1000px) { .btn-orengeb:before { background-size: 80px auto; margin-right: 0; height: 10px; } }
.btn-orengeb:hover { opacity: 0.7; color: #fff; }

.btn-gray { background: #8A8A7B; color: #fff; line-height: 40px; display: block; text-align: center; text-decoration: none; }
.btn-gray:before { content: ""; display: inline-block; margin-right: 10px; width: 7px; height: 13px; background: url("/common/img/sprites.png") no-repeat; background-size: 100px auto; background-position: -9px 0; }
.btn-gray:hover { opacity: 0.7; }

.btn-pagetop-gray { background: #8A8A7B; color: #fff; line-height: 30px; display: block; text-align: center; text-decoration: none; }
.btn-pagetop-gray:before { content: ""; display: inline-block; margin-right: 10px; width: 8px; height: 13px; background: url("/common/img/sprites.png") no-repeat; background-size: 100px auto; background-position: -9px 0; transform: rotate(-90deg); }
.btn-pagetop-gray:hover { opacity: 0.7; }

.btn-gray2 { position: relative; background: #8A8A7B; color: #fff; line-height: 1.4; padding: 0.7em 0; display: block; text-align: center; text-decoration: none; }
.btn-gray2:before { content: ""; display: block; position: absolute; left: 5px; top: 0; bottom: 0; margin: auto; width: 7px; height: 13px; background: url("/common/img/sprites.png") no-repeat; background-size: 100px auto; background-position: -9px 0; }
.btn-gray2:hover { opacity: 0.7; }

.btn-orengewaku { border: 2px solid #ff7649; color: #ff7649; line-height: 40px; display: block; text-align: center; text-decoration: none; }
@media only screen and (max-width: 1000px) { .btn-orengewaku { font-size: 12px; line-height: 32px; } }
@media only screen and (max-width: 479px) { .btn-orengewaku { font-size: 14px; line-height: 20px; } }
.btn-orengewaku:before { content: ""; display: inline-block; margin-right: 10px; width: 7px; height: 13px; background: url("/common/img/sprites.png") no-repeat; background-size: 100px auto; background-position: 0 0; }
@media only screen and (max-width: 1000px) { .btn-orengewaku:before { width: 1vw; height: 10px; left: 5px; background-size: 80px auto; margin-right: 5px; } }
@media only screen and (max-width: 479px) { .btn-orengewaku:before { background-size: 24vw auto; width: 2vw; height: 0.8em; } }
.btn-orengewaku:hover { opacity: 0.7; }

.btn-white { display: block; margin: 0 auto; width: 282px; background: #fff; height: 60px; line-height: 60px; text-align: center; text-decoration: none; }
@media only screen and (max-width: 479px) { .btn-white { width: 90%; height: 40px; line-height: 40px; font-size: 14px; font-size: 1.4rem; } }
.btn-white:before { content: ""; display: inline-block; width: 7px; height: 13px; background: url("/common/img/sprites.png") no-repeat; background-size: 100px auto; margin-right: 10px; }
.btn-white:hover { background: #fbffdd; }

/* Form ------------------------------------------------- */
form p { font-size: 100%; }

select, option { font-size: 1.4rem; border: 0; background: #FFF; }

input { vertical-align: middle; font-size: 1em; min-height: 1.6em; }

select { vertical-align: middle; }

textarea { font-size: 100%; height: 5em; }

label { cursor: pointer; }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea { -webkit-appearance: none; width: 100%; box-sizing: border-box; padding: 0 5px; border-radius: 0; border: 1px solid #cecebf; box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.075) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; }

input:focus, textarea:focus { border: solid 2px #EEA34A; }

/*セレクトデザイン*/
.selectbox { position: relative; display: inline-block; background: #fff; z-index: 0; }
.selectbox select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; margin: 0; background: transparent; position: relative; z-index: 0; padding: 7px 40px 7px 12px; border: 1px solid #cecebf; outline: none; width: 100%; cursor: pointer; }
.selectbox:before { content: ''; position: absolute; display: block; z-index: -1; top: 0; right: 0; background: #cecebf; height: 100%; width: 30px; }
.selectbox:after { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; margin: auto 0; right: 9px; width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #050000 transparent transparent transparent; }

input[type="button"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { border: 0px; }

option, select { border: 0px; }

select::-ms-expand { display: none; }

select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }

input[type="text"].youSize { width: 4em; }

input[type="text"].telSize { width: calc(80% / 3); }

/*検索ボックス*/
.search-box { zoom: 1; }
.search-box:after { content: ""; display: block; clear: both; }
.search-box__title { padding-left: 30px; font-weight: normal; font-size: 24px; font-size: 2.4rem; line-height: 42px; position: relative; }
@media only screen and (max-width: 1000px) { .search-box__title { font-size: 1.8rem; padding-left: 20px; box-sizing: border-box; }
  .search-box__title:before { background-size: 80px auto; background-position: -28px -16px; } }
@media only screen and (max-width: 479px) { .search-box__title { float: none; display: block; width: 100%; box-sizing: border-box; font-size: 1.8rem; }
  .search-box__title > a { padding: 10px; } }
.search-box__title:before { content: ""; display: block; position: absolute; left: 0; right: auto; top: 0; bottom: 0; margin: auto; width: 7px; height: 40px; background: url(/common/img/sprites.png) no-repeat; background-size: 100px auto; background-position: -35px -25px; }
.search-box__input { float: left; position: relative; width: 100%; box-sizing: border-box; }
.search-box__input dt { width: 355px; margin-right: 70px; padding: 8px; background-color: #fff; border: 1px solid #aaa; box-sizing: border-box; }
@media only screen and (max-width: 1000px) { .search-box__input dt { width: 100%; padding: 4px; margin-right: 50px; box-sizing: border-box; } }
.search-box__input dd { position: absolute; top: 0; right: 0; }
.search-box__input input { height: 24px; line-height: 24px; background: none; border: none; box-shadow: none; }
@media only screen and (max-width: 1000px) { .search-box__input input { font-size: 12px; } }
.search-box__input button { display: block; width: 70px; height: 42px; color: #fff; line-height: 40px; text-align: center; background-color: #ff7649; border: 0; cursor: pointer; }
@media only screen and (max-width: 1000px) { .search-box__input button { height: 34px; width: 50px; } }
.search-box__input button:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 23px; height: 25px; background: url(/common/img/sprites.png) no-repeat; background-size: 100px auto; background-position: -75px 0; }

/* Table
-------------------------------------------------- */
table { border-collapse: collapse; border-spacing: 0; }

th { text-align: left; line-height: 1.4; }

td { vertical-align: top; line-height: 1.4; }

/* pager */
.pager ol { list-style: none; margin: 0; padding: 0; text-align: center; }
.pager ol li { display: inline-block; margin-bottom: 15px; }
@media only screen and (max-width: 1000px) { .pager ol li { margin-bottom: 20px; } }
.pager ol li.now a { background: #8a8a7b; color: #fff; }
.pager a { background: #eeeeee; display: block; height: 40px; width: 40px; line-height: 40px; text-align: center; text-decoration: none; }
.pager a:hover { opacity: 0.5; }

/* SP対応
-------------------------------------------------- */
body { -webkit-text-size-adjust: 100%; }

iframe { max-width: 100%; }

@media only screen and (max-width: 479px) { img { float: none; } }
a { -webkit-tap-highlight-color: rgba(254, 70, 10, 0.6); }

p { word-break: break-all; }

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

.pctab { display: block; }
@media only screen and (max-width: 1000px) { .pctab { display: block; } }
@media only screen and (max-width: 479px) { .pctab { display: none; } }

.tab { display: none; }
@media only screen and (max-width: 1000px) { .tab { display: block; } }
@media only screen and (max-width: 479px) { .tab { display: none; } }

.tabsp { display: none; }
@media only screen and (max-width: 1000px) { .tabsp { display: block; } }
@media only screen and (max-width: 479px) { .tabsp { display: block; } }

.sp { display: none; }
@media only screen and (max-width: 479px) { .sp { display: block; } }

/* layout */
/* Header
-------------------------------------------------- */
.header { min-width: 1000px; position: fixed; top: 0; width: 100%; background: #fff; z-index: 999; }
@media only screen and (max-width: 1000px) { .header { min-width: 100%; } }
@media only screen and (max-width: 479px) { .header { min-width: 100%; } }
.header .inner { width: 1000px; margin: 0 auto; position: relative; box-sizing: border-box; zoom: 1; }
.header .inner:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 1000px) { .header .inner { width: 100%; padding: 0 20px; } }
@media only screen and (max-width: 479px) { .header .inner { width: 100%; padding: 0 10px; } }
@media only screen and (max-width: 479px) { .header { border: none; }
.header > .inner { height: 40px; } }
.header__logo { position: absolute; top: 17px; left: 9px; }
@media only screen and (max-width: 479px) { .header__logo { top: 5px; left: 5px; width: 90px; }
.header__logo img { width: 100%; height: auto; } }
.header--minimum .header__logo { top: 7px; }
@media only screen and (max-width: 479px) { .header--minimum .header__logo { top: 5px; } }
.header--minimum .header__logo img { width: 92px; height: auto; }
@media only screen and (max-width: 479px) { .header--minimum .header__logo img { width: 100%; height: auto; } }
.header__copy { position: absolute; top: 26px; left: 156px; }
.header--minimum .header__copy { top: 10px; left: 115px; }
@media only screen and (max-width: 1000px) { .header__copy { top: 25px; left: 136px; font-size: 12px; font-size: 1.2rem; } }
@media only screen and (max-width: 479px) { .header__copy { display: none; } }
.header__nav { position: absolute; top: 17px; right: 30px; }
@media only screen and (max-width: 1000px) { .header__nav { right: 15px; } }
@media only screen and (max-width: 479px) { .header__nav { top: 5px; right: 5px; } }
.header--minimum .header__nav { top: 5px; }
.header__nav .btn-orengeb { width: 210px; }
@media only screen and (max-width: 1000px) { .header__nav .btn-orengeb { width: 140px; } }
.header--minimum .header__nav .btn-orengeb { padding: 6px; }
@media only screen and (max-width: 1000px) { .header--minimum .header__nav .btn-orengeb { padding: 8px 6px; } }
.header__nav li { float: left; }
.header__nav li:nth-child(2) { margin: 7px 0 0 42px; }
@media only screen and (max-width: 1000px) { .header__nav li:nth-child(2) { margin: 0px 0 0 8px; } }
.header--minimum .header__nav li:nth-child(2) { margin: 0 0 0 42px; }
@media only screen and (max-width: 1000px) { .header--minimum .header__nav li:nth-child(2) { margin: 0 0 0 8px; } }
.header__nav li:nth-child(3) { margin: 7px 0 0 10px; }
@media only screen and (max-width: 1000px) { .header__nav li:nth-child(3) { margin: 0px 0 0 8px; } }
.header--minimum .header__nav li:nth-child(3) { margin: 0 0 0 10px; }
@media only screen and (max-width: 1000px) { .header--minimum .header__nav li:nth-child(3) { margin: 0px 0 0 8px; } }
.header__menu { display: none; }
@media only screen and (max-width: 479px) { .header__menu { display: block; top: 40px; width: 100%; background: #ff7649; }
  .header__menu a { position: relative; width: 100%; height: 40px; display: block; }
  .header__menu img { width: 34.21%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } }

#js-menuBtn { display: none; }
@media only screen and (max-width: 479px) { #js-menuBtn { display: block; } }

/* Nav
-------------------------------------------------- */
.nav { position: relative; margin-top: 70px; background: #eee; border-top: 2px solid #ff7649; z-index: 9; }
@media only screen and (max-width: 479px) { .nav { display: none; margin-top: 0; overflow-y: scroll; background: #fff; border-bottom: 2px solid #ff7649; } }
.header--minimum .nav { margin-top: 40px; }
@media only screen and (max-width: 479px) { .header--minimum .nav { margin-top: 0; } }
@media only screen and (max-width: 1000px) { .nav .inner { padding: 0; } }
.nav--global { width: 1000px; margin: 0 auto; padding: 0; zoom: 1; }
@media only screen and (max-width: 1000px) { .nav--global { width: 100%; box-sizing: border-box; } }
.nav--global:after { content: ""; display: block; clear: both; }
.nav--global > .global { width: 15%; height: 100%; float: left; box-sizing: border-box; }
@media only screen and (max-width: 479px) { .nav--global > .global { float: none; display: block; width: 100%; box-sizing: border-box; border-bottom: #ff7649 solid 1px; }
  .nav--global > .global > a { padding: 10px; } }
.nav--global > .global > a { display: block; height: 100%; text-align: center; height: 47px; line-height: 47px; font-size: 14px; font-size: 1.4rem; text-decoration: none; border-left: #DADBD6 solid 1px; }
@media only screen and (max-width: 1000px) { .nav--global > .global > a { font-size: 1.4vw; } }
@media only screen and (max-width: 479px) { .nav--global > .global > a { font-size: 14px; font-size: 4.375vw; text-align: left; height: auto; line-height: inherit; position: relative; padding-left: 1.1em; background: #eee; } }
.nav--global > .global > a:hover { background: #ff7649; color: #fff; }
@media only screen and (max-width: 479px) { .nav--global > .global > a:hover { background: inherit; color: inherit; background: #eee; } }
.nav--global > .global:nth-child(1) { width: 10%; }
@media only screen and (max-width: 479px) { .nav--global > .global:nth-child(1) { width: 100%; } }
.nav--global > .global:nth-child(1) a { position: relative; text-indent: -9999px; }
@media only screen and (max-width: 479px) { .nav--global > .global:nth-child(1) a { text-indent: 0; } }
.nav--global > .global:nth-child(1) a:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 17px; height: 18px; background: url("/common/img/sprites.png") no-repeat; background-size: 100px auto; background-position: -42px 0; }
@media only screen and (max-width: 479px) { .nav--global > .global:nth-child(1) a:before { display: none; } }
.nav--global > .global:nth-child(1) a:hover:before { background-position: -25px 0; }
.index .nav--global > .global:nth-child(1) a { background: #8A8A7A; }
@media only screen and (max-width: 479px) { .index .nav--global > .global:nth-child(1) a { background: #fff; color: inherit; } }
.index .nav--global > .global:nth-child(1) a:before { background-position: -25px 0; }
.nav--global > .global:last-child a { border-right: #DADBD6 solid 1px; }

/* menu  */
.menu { display: none; width: 100%; position: absolute; top: 47px; left: 0; background: #fff; border-top: #8A8A7A solid 2px; border-bottom: #DBDAD5 solid 5px; padding: 40px 0 0; }
@media only screen and (max-width: 1000px) { .menu { padding: 20px; box-sizing: border-box; } }
@media only screen and (max-width: 479px) { .menu { display: block; position: static; padding: 0; border-top: #ff7649 solid 1px; } }
.header--minimum .menu { top: 47px; }
.menu__index { display: none; }
@media only screen and (max-width: 479px) { .menu__index { display: block; }
  .menu__index a { padding: 8px 8px 8px 25px; background: #8a8a7b; width: 100%; color: #fff; text-decoration: none; font-size: 14px; position: relative; box-sizing: border-box; }
  .menu__index a:before { content: ""; position: absolute; margin-right: 10px; left: 15px; width: 10px; height: 1em; background: url("/common/img/sprites.png") no-repeat; background-size: 100px auto; background-position: -9px 0; } }
.menu__title { padding-left: 30px; font-weight: normal; font-size: 24px; font-size: 2.4rem; line-height: 42px; position: relative; }
@media only screen and (max-width: 1000px) { .menu__title { font-size: 1.8rem; padding-left: 20px; box-sizing: border-box; }
  .menu__title:before { background-size: 80px auto; background-position: -28px -16px; } }
@media only screen and (max-width: 479px) { .menu__title { float: none; display: block; width: 100%; box-sizing: border-box; font-size: 1.8rem; padding-left: 20px; }
  .menu__title > a { padding: 10px; } }
.menu__title:before { content: ""; display: block; position: absolute; left: 0; right: auto; top: 0; bottom: 0; margin: auto; width: 7px; height: 40px; background: url("/common/img/sprites.png") no-repeat; background-size: 100px auto; background-position: -35px -25px; }
@media only screen and (max-width: 479px) { .menu__title:before { left: 5px; width: 7px; background-size: 80px auto; background-position: -28px -20px; } }
.menu__row { position: relative; zoom: 1; }
.menu__row:after { content: ""; display: block; clear: both; }
.menu .list-orenge-arrow { padding: 10px 0; border-bottom: 1px solid #DBDAD5; zoom: 1; }
.menu .list-orenge-arrow:after { content: ""; display: block; clear: both; }
.menu .list-orenge-arrow:last-child { border-bottom: none; }
@media only screen and (max-width: 1000px) { .menu .list-orenge-arrow { padding: 10px 0; } }
@media only screen and (max-width: 479px) { .menu .list-orenge-arrow { padding: 5px 0 0; border-bottom: 2px solid #DBDAD5; } }
.menu .list-orenge-arrow li { float: left; width: calc(100% / 5); }
@media only screen and (max-width: 1000px) { .menu .list-orenge-arrow li { width: calc(100% / 4); } }
@media only screen and (max-width: 479px) { .menu .list-orenge-arrow li { width: 100%; float: none; }
  .menu .list-orenge-arrow li a { padding: 8px 8px 8px 25px; border-bottom: 1px solid #ccc; }
  .menu .list-orenge-arrow li a:before { left: 15px; } }
@media only screen and (max-width: 479px) { .menu--seihin .menu__row:nth-child(1) { padding: 10px; border-bottom: 1px solid #d0d0d0; } }
.menu--seihin .menu__row:nth-child(3) { border-top: 1px solid #d0d0d0; padding-top: 10px; }
@media only screen and (max-width: 479px) { .menu--seihin .menu__row:nth-child(3) { padding: 10px; } }
.menu--seihin .btn-box { width: 200px; position: absolute; top: 0; right: 50px; }
@media only screen and (max-width: 479px) { .menu--seihin .btn-box { position: static; float: none; display: block; width: 100%; box-sizing: border-box; }
  .menu--seihin .btn-box > a { padding: 10px; }
  .menu--seihin .btn-box .btn-gray { display: none; } }
.menu--seihin .search-box { position: absolute; width: 425px; top: 0; left: 200px; }
@media only screen and (max-width: 1000px) { .menu--seihin .search-box { position: static; width: 100%; margin-top: 10px; } }
@media only screen and (max-width: 479px) { .menu--seihin .search-box { margin: 0; } }
.menu--case .list-orenge-arrow { border: none; }
.menu--case .btn-box { width: 200px; position: absolute; top: 0; right: 50px; }
@media only screen and (max-width: 479px) { .menu--case .btn-box { position: static; float: none; display: block; width: 100%; box-sizing: border-box; }
  .menu--case .btn-box > a { padding: 10px; }
  .menu--case .btn-box .btn-gray { display: none; } }
.menu--news .list-orenge-arrow { border: none; }
.menu--news .btn-box { width: 200px; position: absolute; top: 0; right: 50px; }
@media only screen and (max-width: 479px) { .menu--news .btn-box { position: static; float: none; display: block; width: 100%; box-sizing: border-box; }
  .menu--news .btn-box > a { padding: 10px; }
  .menu--news .btn-box .btn-gray { display: none; } }


/*2018.4.11*/
.menu .search-box__input dt{padding: 1px 8px;}
.menu .search-box__input button {height: 28px;}
.menu .search-box__input button::before{background-size: 90px auto;background-position: -65px 0;}
.menu .menu__title{line-height: 28px;font-size: 1.6rem;padding-left: 20px;overflow: hidden;}
.menu .menu__title:before{background-position:-35px -20px;background-size: 96px auto;left: 5px;}
.menu .btn-gray{line-height: 28px;}
.menu .list-orenge-arrow li a{padding: 4px 4px 4px 20px;font-size: 1.2rem;}
@media only screen and (max-width: 1000px) {.menu .list-orenge-arrow li a{font-size: 1.2vm;}}
.menu .list-orenge-arrow{padding:5px 0}
.menu--seihin .menu__row:nth-child(3){padding-top: 3px;}
.header .inner{padding:0 20px }
.menu{padding: 10px 0 7px;}
.menu .list-orenge-arrow li{width: calc(100% / 3);}
@media only screen and (max-width: 479px) {
	.header .inner{padding:0;}
	.menu{padding: 0 0 10px;}
	.menu .search-box__input{padding-top: 10px;}
	.menu--seihin .menu__row:nth-child(3){padding:10px 10px 0;}
	.menu .list-orenge-arrow li{width: auto;}
	.menu .list-orenge-arrow li a{padding: 8px 4px 8px 30px;font-size: 1.4rem;}
	.menu .search-box__input button::before{background-position: -65px 3px;}
}

.mmenu > a { position: relative; }
.mmenu > a:after { content: ""; position: absolute; display: block; width: 7px; height: 13px; right: 0; left: 0; bottom: 0; margin: auto; transform: rotate(90deg); background: url("/common/img/sprites.png") no-repeat; background-size: 100px auto; vertical-align: top; }
@media only screen and (max-width: 1000px) { .mmenu > a:after { background-size: 70px auto; } }
@media only screen and (max-width: 479px) { .mmenu > a:after { margin-right: 10px; right: 10px; top: 0; bottom: 0; } }
@media only screen and (max-width: 479px) and (max-width: 479px) { .mmenu.active > a { background: #fff !important; }
  .mmenu.active > a:after { content: ""; transform: rotate(-90deg); } }

/*2018.7.28*/
.close{
	position: absolute;
	top:0;
	right:0;
	display: block;
	background: #fff;
	color:#DBDAD5;
	font-size: 40px;
	text-align: center;
	width: 40px;
	height: 30px;
	line-height: 20px;
	padding:0;
	text-decoration: none;
	z-index: 9;
}
.menu--seihin .menu__row:nth-child(3) { border-top: none; }
@media only screen and (max-width: 479px) {.close{display: none;}}


/* visual */
.visual { position: relative; min-width: 1000px; overflow: hidden; width: 100%; height: 150px; background: #020202 url(/img/index_slider1.jpg) no-repeat center center; background-size: 100% auto; }
@media only screen and (max-width: 1000px) { .visual { min-width: 1000px; } }
@media only screen and (max-width: 479px) { .visual { min-width: 100%; } }
.visual .inner { width: 1000px; margin: 0 auto; position: relative; box-sizing: border-box; zoom: 1; }
.visual .inner:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 1000px) { .visual .inner { width: 100%; padding: 0 20px; } }
@media only screen and (max-width: 479px) { .visual .inner { width: 100%; padding: 0 10px; } }
@media only screen and (max-width: 1600px) { .visual { background-size: auto auto; } }
@media only screen and (max-width: 1000px) { .visual { height: 150px; } }
@media only screen and (max-width: 479px) { .visual { background-size: 200% auto; height: 75px; } }
.visual__title { text-align: center; color: #fff; line-height: 150px; font-size: 30px; font-size: 3.0rem; }
@media only screen and (max-width: 479px) { .visual__title { font-size: 1.8rem; line-height: 75px; } }
.visual img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

/* contents */
.content { min-width: 1000px; }
@media only screen and (max-width: 1000px) { .content { min-width: 100%; } }
@media only screen and (max-width: 479px) { .content { min-width: 100%; } }
.content .inner { width: 1000px; margin: 0 auto; position: relative; box-sizing: border-box; zoom: 1; }
.content .inner:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 1000px) { .content .inner { width: 100%; padding: 0 20px; } }
@media only screen and (max-width: 479px) { .content .inner { width: 100%; padding: 0 10px; } }

.content-1column { min-width: 1000px; }
@media only screen and (max-width: 1000px) { .content-1column { min-width: 100%; } }
@media only screen and (max-width: 479px) { .content-1column { min-width: 100%; } }
.content-1column .inner { width: 1000px; margin: 0 auto; position: relative; box-sizing: border-box; zoom: 1; }
.content-1column .inner:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 1000px) { .content-1column .inner { width: 100%; padding: 0 20px; } }
@media only screen and (max-width: 479px) { .content-1column .inner { width: 100%; padding: 0 10px; } }
.content-1column .inner { background: #f7f7f7; padding: 60px 100px; }
@media only screen and (max-width: 1000px) { .content-1column .inner { padding: 60px 10%; } }
@media only screen and (max-width: 479px) { .content-1column .inner { padding: 30px 20px; } }
.content-1column .inner .title { background: url(/common/img/line.png) no-repeat bottom left; font-size: 20px; font-size: 2.0rem; padding-bottom: 15px; margin-bottom: 36px; font-weight: normal; }
@media only screen and (max-width: 1000px) { .content-1column .inner .title { font-size: 21px; font-size: 2.1rem; } }
@media only screen and (max-width: 479px) { .content-1column .inner .title { font-size: 18px; font-size: 1.8rem; } }

/* footer */
.footer { min-width: 1000px; position: relative; margin-top: 100px; }
@media only screen and (max-width: 1000px) { .footer { min-width: 100%; } }
@media only screen and (max-width: 479px) { .footer { min-width: 100%; } }
.footer .inner { width: 1000px; margin: 0 auto; position: relative; box-sizing: border-box; zoom: 1; }
.footer .inner:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 1000px) { .footer .inner { width: 100%; padding: 0 20px; } }
@media only screen and (max-width: 479px) { .footer .inner { width: 100%; padding: 0 10px; } }
@media only screen and (max-width: 479px) { .footer { margin-top: 30px; } }

.footer-nav { min-width: 1000px; background: #EEEEEE; position: relative; border-top: #8a8a7b 2px solid; }
@media only screen and (max-width: 1000px) { .footer-nav { min-width: 100%; } }
@media only screen and (max-width: 479px) { .footer-nav { min-width: 100%; } }
.footer-nav .inner { width: 1000px; margin: 0 auto; position: relative; box-sizing: border-box; zoom: 1; }
.footer-nav .inner:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 1000px) { .footer-nav .inner { width: 100%; padding: 0 20px; } }
@media only screen and (max-width: 479px) { .footer-nav .inner { width: 100%; padding: 0 10px; } }
.footer-nav .inner { padding: 40px 0; zoom: 1; }
.footer-nav .inner:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 1000px) { .footer-nav .inner { padding: 30px 20px; } }
@media only screen and (max-width: 479px) { .footer-nav .inner { padding: 5px 10px; } }
.footer-nav .column { float: left; }
@media only screen and (max-width: 1000px) { .footer-nav .column { font-size: 1.4vw; } }
@media only screen and (max-width: 479px) { .footer-nav .column { float: none; font-size: 1.2rem; }
  .footer-nav .column li { border-bottom: 1px solid #ccc; }
  .footer-nav .column li a { font-size: 1.2rem; } }
.footer-nav .column:nth-of-type(1) { width: 17.6%; }
@media only screen and (max-width: 479px) { .footer-nav .column:nth-of-type(1) { width: 100%; } }
.footer-nav .column:nth-of-type(2) { width: 19.6%; }
@media only screen and (max-width: 479px) { .footer-nav .column:nth-of-type(2) { width: 100%; zoom: 1; }
  .footer-nav .column:nth-of-type(2):after { content: ""; display: block; clear: both; }
  .footer-nav .column:nth-of-type(2) li { width: 45%; float: left; box-sizing: border-box; }
  .footer-nav .column:nth-of-type(2) li:nth-child(2n) { width: 55%; border-left: 1px solid  #ccc; } }
.footer-nav .column:nth-of-type(2) p { padding: 8px 0; font-weight: bold; }
@media only screen and (max-width: 479px) { .footer-nav .column:nth-of-type(2) p { border-bottom: 1px solid  #ccc; } }
.footer-nav .column:nth-of-type(3) { width: 21%; }
@media only screen and (max-width: 479px) { .footer-nav .column:nth-of-type(3) { width: 100%; margin-bottom: 10px; }
  .footer-nav .column:nth-of-type(3) .btn-orengeb { font-size: 1.4rem; margin-top: 10px; padding: 18px; } }
.footer-nav .column:nth-of-type(4) { float: right; width: 39%; }
@media only screen and (max-width: 479px) { .footer-nav .column:nth-of-type(4) { width: 100%; float: none; } }
.footer-nav .column:nth-of-type(4) .footer-logo img { margin: 0 auto 25px 0; }
@media only screen and (max-width: 479px) { .footer-nav .column:nth-of-type(4) .footer-logo img { margin: 0 auto 10px; } }
.footer-nav .column:nth-of-type(4) .footer-address { zoom: 1; margin-bottom: 25px; line-height: 1.4; }
.footer-nav .column:nth-of-type(4) .footer-address:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 1000px) { .footer-nav .column:nth-of-type(4) .footer-address { margin-bottom: 10px; line-height: 2; } }
@media only screen and (max-width: 479px) { .footer-nav .column:nth-of-type(4) .footer-address { text-align: center; } }
.footer-nav .column:nth-of-type(4) .footer-address dt { width: 11.53%; float: left; }
@media only screen and (max-width: 479px) { .footer-nav .column:nth-of-type(4) .footer-address dt { float: none; width: 100%; } }
.footer-nav .column:nth-of-type(4) .footer-address dd { float: left; width: 88.46%; }
@media only screen and (max-width: 479px) { .footer-nav .column:nth-of-type(4) .footer-address dd { float: none; width: 100%; } }

.copyright { line-height: 1.8em; padding: 18px 0; text-align: center; font-size: 12px; font-size: 1.2rem; background: #fff; }

.pagetop { position: fixed; bottom: 30px; right: 10%; }

.pagerspan {background: #aaaaaa; display: block; height: 40px; width: 40px; line-height: 40px; text-align: center; text-decoration: none; overflow: hidden;}

/* style */