@charset "UTF-8";
/*
 * lib/css/reset.css
 *
*/
html {
	overflow-y: scroll;
}

fieldset, img {
	border: none;
	vertical-align: top;
}

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

address, caption, cite, code, dfn, em, var {
	font-style: normal;
}

caption, th {
	text-align: left;
}

a {
	outline: none;
}

/*-----------------------------------------------------------
		余白初期設定
-----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6,
html, body, div,
p, ul, ol, li, dl, dt, dd,
pre, blockquote,
form, fieldset, input, textarea,
table, th, td, figure {
	margin: 0;
	padding: 0;
}

/*-----------------------------------------------------------
		その他初期設定
-----------------------------------------------------------*/
q:before, q:after {
	content: '';
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

@-webkit-keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}

@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
/*
@include for-pc() {
	@media (min-width: 1200px)
}
@include for-pclg() {
	@media (max-width: 1139px)
}
@include for-pcmd() {
	@media (max-width: 1059px)
}
@include for-tb() {
	@media (max-width: 995px)
}
@include for-sp() {
	@media (max-width: 767px)
}
*/
@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
:root {
	color: #000;
	font-size: 10px;
}
:root.large {
	font-size: 12px;
}

body {
	color: #000;
	line-height: 1.5;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 1.3rem;
	word-wrap: break-word;
	font-weight: 400;
}
@media (max-width: 995px) {
	body {
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		text-size-adjust: 100%;
	}
}
@media (max-width: 767px) {
	body {
		font-size: 3.75vw;
	}
}

/*
	Thin	100
	Light	300
	DemiLight	350
	Regular	400 Default
	Medium	500
	Bold	700
	Black	900
*/
.regular {
	font-weight: 400;
}

.mudium {
	font-weight: 500;
}

.bold {
	font-weight: 700;
}

.black {
	font-weight: 900;
}

@media (max-width: 995px) {
	#colorbox, #colorbox * {
		max-height: none;
	}

	#gnavi, #gnavi * {
		max-height: none;
	}

	img {
		max-height: none;
		max-width: 100%;
	}
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

img {
	max-width: 100%;
}

button, fieldset, form, input, label, legend, select, textarea {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
}

a {
	text-decoration: none;
	color: #000;
}
@media (min-width: 1060px) {
	a:hover {
		color: #000;
		text-decoration: underline;
	}
	a:visited {
		color: #000;
	}
	a:active {
		text-decoration: none;
	}
}

[type=text], [type=email], [type=tel], [type=password], [type=number], [type=search], textarea, select {
	padding: 0.5em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-radius: 0px;
}

select {
	max-width: 100%;
	height: 2.6em;
	padding-right: 3em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0px;
	border: 1px solid #ddd;
	background: #fff url("../img/common/arrow.svg") right center no-repeat;
	background-size: auto 100%;
}
@media (max-width: 767px) {
	select {
		width: 100%;
	}
}

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

[type=text], [type=email], [type=tel], [type=password], [type=submit], [type=number], [type=search], textarea, button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

[type=text]:focus, [type=email]:focus, [type=password]:focus, [type=number]:focus, [type=search]:focus, textarea:focus {
	background: #fff;
	border: 1px solid #aaa;
}

input[type=checkbox] {
	display: none;
}

[type=checkbox] + .mwform-checkbox-field-text:before {
	content: "";
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	margin-right: 0.5em;
	background: #f9f9f9;
	border: 1px solid #3589B7;
	vertical-align: middle;
}

[type=checkbox]:checked + .mwform-checkbox-field-text:before {
	content: "\2713";
	font-size: 100%;
	font-weight: bold;
	line-height: 1;
	text-indent: -0.1em;
	color: #000;
}

input[type=radio] {
	vertical-align: middle;
}

input[type=radio] + label {
	margin-left: 5px;
}

:placeholder-shown {
	color: #BABABA;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
	color: #BABABA;
}

/* Firefox 18- */
:-moz-placeholder {
	color: #BABABA;
	opacity: 1;
}

/* Firefox 19+ */
::-moz-placeholder {
	color: #BABABA;
	opacity: 1;
}

/* IE 10+ */
:-ms-input-placeholder {
	color: #BABABA;
}

/**
 * ==============================================
 * Dot Pulse
 * ==============================================
 */
.dot-pulse {
	position: relative;
	left: -9999px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #fff;
	color: #fff;
	-webkit-box-shadow: 9999px 0 0 -5px #fff;
	box-shadow: 9999px 0 0 -5px #fff;
	-webkit-animation: dotPulse 1.5s infinite linear;
	animation: dotPulse 1.5s infinite linear;
	-webkit-animation-delay: .25s;
	animation-delay: .25s;
}
.dot-pulse::before, .dot-pulse::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #fff;
	color: #fff;
}
.dot-pulse::before {
	-webkit-box-shadow: 9984px 0 0 -5px #fff;
	box-shadow: 9984px 0 0 -5px #fff;
	-webkit-animation: dotPulseBefore 1.5s infinite linear;
	animation: dotPulseBefore 1.5s infinite linear;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.dot-pulse::after {
	-webkit-box-shadow: 10014px 0 0 -5px #fff;
	box-shadow: 10014px 0 0 -5px #fff;
	-webkit-animation: dotPulseAfter 1.5s infinite linear;
	animation: dotPulseAfter 1.5s infinite linear;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}

@-webkit-keyframes dotPulseBefore {
	0% {
		-webkit-box-shadow: 9984px 0 0 -5px #fff;
		box-shadow: 9984px 0 0 -5px #fff;
	}
	30% {
		-webkit-box-shadow: 9984px 0 0 2px #fff;
		box-shadow: 9984px 0 0 2px #fff;
	}
	60%,
	100% {
		-webkit-box-shadow: 9984px 0 0 -5px #fff;
		box-shadow: 9984px 0 0 -5px #fff;
	}
}

@keyframes dotPulseBefore {
	0% {
		-webkit-box-shadow: 9984px 0 0 -5px #fff;
		box-shadow: 9984px 0 0 -5px #fff;
	}
	30% {
		-webkit-box-shadow: 9984px 0 0 2px #fff;
		box-shadow: 9984px 0 0 2px #fff;
	}
	60%,
	100% {
		-webkit-box-shadow: 9984px 0 0 -5px #fff;
		box-shadow: 9984px 0 0 -5px #fff;
	}
}
@-webkit-keyframes dotPulse {
	0% {
		-webkit-box-shadow: 9999px 0 0 -5px #fff;
		box-shadow: 9999px 0 0 -5px #fff;
	}
	30% {
		-webkit-box-shadow: 9999px 0 0 2px #fff;
		box-shadow: 9999px 0 0 2px #fff;
	}
	60%,
	100% {
		-webkit-box-shadow: 9999px 0 0 -5px #fff;
		box-shadow: 9999px 0 0 -5px #fff;
	}
}
@keyframes dotPulse {
	0% {
		-webkit-box-shadow: 9999px 0 0 -5px #fff;
		box-shadow: 9999px 0 0 -5px #fff;
	}
	30% {
		-webkit-box-shadow: 9999px 0 0 2px #fff;
		box-shadow: 9999px 0 0 2px #fff;
	}
	60%,
	100% {
		-webkit-box-shadow: 9999px 0 0 -5px #fff;
		box-shadow: 9999px 0 0 -5px #fff;
	}
}
@-webkit-keyframes dotPulseAfter {
	0% {
		-webkit-box-shadow: 10014px 0 0 -5px #fff;
		box-shadow: 10014px 0 0 -5px #fff;
	}
	30% {
		-webkit-box-shadow: 10014px 0 0 2px #fff;
		box-shadow: 10014px 0 0 2px #fff;
	}
	60%,
	100% {
		-webkit-box-shadow: 10014px 0 0 -5px #fff;
		box-shadow: 10014px 0 0 -5px #fff;
	}
}
@keyframes dotPulseAfter {
	0% {
		-webkit-box-shadow: 10014px 0 0 -5px #fff;
		box-shadow: 10014px 0 0 -5px #fff;
	}
	30% {
		-webkit-box-shadow: 10014px 0 0 2px #fff;
		box-shadow: 10014px 0 0 2px #fff;
	}
	60%,
	100% {
		-webkit-box-shadow: 10014px 0 0 -5px #fff;
		box-shadow: 10014px 0 0 -5px #fff;
	}
}
@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
/*
@include for-pc() {
	@media (min-width: 1200px)
}
@include for-pclg() {
	@media (max-width: 1139px)
}
@include for-pcmd() {
	@media (max-width: 1059px)
}
@include for-tb() {
	@media (max-width: 995px)
}
@include for-sp() {
	@media (max-width: 767px)
}
*/
@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
/*-----------------------------------------------------------
		基本レイアウト
-----------------------------------------------------------*/
body.lock {
	height: 100vh;
	overflow: hidden;
}

.wrap {
	position: relative;
	max-width: 1020px;
	margin: 0px auto;
}
@media (max-width: 1059px) {
	.wrap {
		width: auto;
		margin: 0px 30px;
	}
}
@media (max-width: 767px) {
	.wrap {
		margin: 0px 5vw;
	}
}

.linkbox {
	cursor: pointer;
}

.sp {
	display: none;
}
@media (max-width: 767px) {
	.sp {
		display: inherit;
	}
}

@media (max-width: 767px) {
	.spnone {
		display: none;
	}
}

.tb {
	display: none;
}
@media (max-width: 995px) {
	.tb {
		display: inherit;
	}
}

@media (max-width: 995px) {
	.pc {
		display: none !important;
	}
}

/*----------------------- header --------------------------*/
header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 2000;
}
@media (max-width: 995px) {
	header {
		display: block;
	}
}
header.bg:before {
	bottom: 0px;
}
header.bg .menu span {
	background-color: #fff;
}
header:before {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 100%;
	background: #0e498a;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
header .logo {
	position: relative;
	z-index: 10;
	width: 250px;
	padding: 30px 40px;
}
@media (max-width: 995px) {
	header .logo {
		padding: 15px 20px;
	}
}
@media (max-width: 767px) {
	header .logo {
		padding: 4vw 2.5vw;
	}
	header .logo img {
		width: 64vw;
	}
}
header > nav {
	padding-right: 40px;
}
@media (max-width: 995px) {
	header > nav {
		padding-right: 0;
	}
}
header .subnav {
	position: relative;
	z-index: 10;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 1.5em 0px;
	color: #fff;
}
@media (max-width: 995px) {
	header .subnav {
		position: absolute;
		right: 0px;
		top: 10px;
		padding-right: 80px;
	}
}
@media (max-width: 767px) {
	header .subnav {
		top: 2vw;
		padding-right: 15vw;
		font-size: 2.5vw;
	}
}
header .subnav a {
	color: #fff;
}
header .subnav dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-right: 1.5em;
}
@media (max-width: 767px) {
	header .subnav dl {
		display: none;
	}
}
header .subnav dl dd a {
	display: inline-block;
	margin-left: 1em;
}
header .subnav .lang a, header .subnav .lang span {
	display: inline-block;
	padding: 0px 0.5em;
	border-radius: 3px;
	vertical-align: middle;
}
header .subnav .lang a.current, header .subnav .lang span.current {
	background-color: #ac0006;
}
@media (max-width: 995px) {
	header #gnav {
		display: none;
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100vh;
		background-color: #0e498a;
		overflow: auto;
	}
}
header #gnav > ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
@media (max-width: 995px) {
	header #gnav > ul {
		display: block;
		padding-top: 20vw;
		padding-right: 0px;
		padding-bottom: 20vw;
	}
}
header #gnav > ul > li {
	position: relative;
	margin-left: 2.5em;
}
@media (max-width: 1139px) {
	header #gnav > ul > li {
		margin-left: 1.25em;
	}
}
@media (max-width: 995px) {
	header #gnav > ul > li {
		margin: 0px;
		border-bottom: 1px solid #fff;
	}
}
header #gnav > ul > li:hover ul {
	visibility: inherit;
	-webkit-transform: translate(-50%, -0.5em);
	-ms-transform: translate(-50%, -0.5em);
	transform: translate(-50%, -0.5em);
	opacity: 1;
}
@media (max-width: 995px) {
	header #gnav > ul > li:hover ul {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}
header #gnav > ul > li a {
	display: block;
	padding: 0em 0px 1.5em;
	text-decoration: none;
	color: #fff;
}
@media (max-width: 767px) {
	header #gnav > ul > li a {
		font-size: 4.2vw;
	}
}
@media (max-width: 995px) {
	header #gnav > ul > li > a {
		position: relative;
		padding: 1em;
	}
}
@media (max-width: 995px) {
	header #gnav > ul > li > a span {
		position: absolute;
		right: 1em;
		top: 50%;
		width: 1.5em;
		height: 1.5em;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2222.4px%22%20height%3D%2222.4px%22%20viewBox%3D%220%200%2022.4%2022.4%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2022.4%2022.4%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23AC0006%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Crect%20class%3D%22st0%22%20width%3D%2222.4%22%20height%3D%2222.4%22%2F%3E%20%3Cpolygon%20class%3D%22st1%22%20points%3D%228.9%2C5.2%208.9%2C7.5%2012.3%2C10.9%208.9%2C14.3%208.9%2C16.6%2014.6%2C10.9%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	}
	header #gnav > ul > li > a span.down {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2222.4px%22%20height%3D%2222.4px%22%20viewBox%3D%220%200%2022.4%2022.4%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2022.4%2022.4%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23AC0006%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Crect%20x%3D%220%22%20transform%3D%22matrix(-1.836970e-16%201%20-1%20-1.836970e-16%2022.3976%201.776357e-15)%22%20class%3D%22st0%22%20width%3D%2222.4%22%20height%3D%2222.4%22%2F%3E%20%3Cpolygon%20class%3D%22st1%22%20points%3D%2217.2%2C8.9%2014.9%2C8.9%2011.5%2C12.3%208.1%2C8.9%205.8%2C8.9%2011.5%2C14.6%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	}
}
@media (max-width: 767px) {
	header #gnav > ul > li > a span {
		right: 5vw;
		width: 7vw;
		height: 7vw;
		background-size: 50%;
	}
}
header #gnav > ul > li ul {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 15em;
	padding: 0.75em 0px;
	background-color: #000;
	white-space: nowrap;
	text-align: center;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	opacity: 0;
	visibility: hidden;
}
@media (max-width: 995px) {
	header #gnav > ul > li ul {
		display: none;
		position: static;
		padding: 0px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		width: auto;
		background: #fff;
		text-align: left;
		opacity: 1;
		visibility: inherit;
	}
}
@media (max-width: 995px) {
	header #gnav > ul > li ul li {
		border-bottom: 1px solid #b3b3b3;
	}
	header #gnav > ul > li ul li:last-child {
		border-bottom: none;
	}
}
header #gnav > ul > li ul li a {
	padding: 0.75em;
}
@media (max-width: 995px) {
	header #gnav > ul > li ul li a {
		padding: 1em;
		color: #0e498a;
	}
}
@media (max-width: 767px) {
	header #gnav > ul > li ul li a {
		font-size: 3.75vw;
	}
}
@media (min-width: 1060px) {
	header #gnav > ul > li ul li a {
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	header #gnav > ul > li ul li a:hover {
		background: #333;
	}
}
header #gnav > ul > li ul li a span {
	margin-right: 0.5em;
	color: #ac0006;
	font-size: 0.9em;
	font-weight: 900;
}
header .menu {
	display: none;
	position: absolute;
	right: 30px;
	top: 19px;
	width: 28px;
	height: 25px;
	z-index: 2002;
	cursor: pointer;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media (max-width: 995px) {
	header .menu {
		display: block;
	}
}
@media (max-width: 767px) {
	header .menu {
		right: 4vw;
		top: 3vw;
		width: 9vw;
		height: 7vw;
	}
}
header .menu span {
	display: inline-block;
	position: absolute;
	left: 0px;
	width: 100%;
	height: 3px;
	background-color: #fff;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
header .menu span:nth-of-type(1) {
	top: 0px;
	-webkit-animation: menu-bar01 .75s forwards;
	animation: menu-bar01 .75s forwards;
}
header .menu span:nth-of-type(2) {
	top: 50%;
	margin-top: -1.5px;
	-webkit-transition: all .25s .25s;
	-o-transition: all .25s .25s;
	transition: all .25s .25s;
}
header .menu span:nth-of-type(3) {
	bottom: 0px;
	-webkit-animation: menu-bar02 .75s forwards;
	animation: menu-bar02 .75s forwards;
}
header .menu.active span:nth-of-type(1) {
	-webkit-animation: active-menu-bar01 .75s forwards;
	animation: active-menu-bar01 .75s forwards;
}
header .menu.active span:nth-of-type(2) {
	opacity: 0;
}
header .menu.active span:nth-of-type(3) {
	-webkit-animation: active-menu-bar03 .75s forwards;
	animation: active-menu-bar03 .75s forwards;
}

@-webkit-keyframes menu-bar01 {
	0% {
		-webkit-transform: translateY(12px) rotate(45deg);
		transform: translateY(12px) rotate(45deg);
	}
	50% {
		-webkit-transform: translateY(12px) rotate(0);
		transform: translateY(12px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
}

@keyframes menu-bar01 {
	0% {
		-webkit-transform: translateY(12px) rotate(45deg);
		transform: translateY(12px) rotate(45deg);
	}
	50% {
		-webkit-transform: translateY(12px) rotate(0);
		transform: translateY(12px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
}
@-webkit-keyframes menu-bar02 {
	0% {
		-webkit-transform: translateY(-12px) rotate(-45deg);
		transform: translateY(-12px) rotate(-45deg);
	}
	50% {
		-webkit-transform: translateY(-12px) rotate(0);
		transform: translateY(-12px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
}
@keyframes menu-bar02 {
	0% {
		-webkit-transform: translateY(-12px) rotate(-45deg);
		transform: translateY(-12px) rotate(-45deg);
	}
	50% {
		-webkit-transform: translateY(-12px) rotate(0);
		transform: translateY(-12px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
}
@-webkit-keyframes active-menu-bar01 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(12px) rotate(0);
		transform: translateY(12px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(12px) rotate(45deg);
		transform: translateY(12px) rotate(45deg);
	}
}
@keyframes active-menu-bar01 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(12px) rotate(0);
		transform: translateY(12px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(12px) rotate(45deg);
		transform: translateY(12px) rotate(45deg);
	}
}
@-webkit-keyframes active-menu-bar03 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(-12px) rotate(0);
		transform: translateY(-12px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(-12px) rotate(-45deg);
		transform: translateY(-12px) rotate(-45deg);
	}
}
@keyframes active-menu-bar03 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(-12px) rotate(0);
		transform: translateY(-12px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(-12px) rotate(-45deg);
		transform: translateY(-12px) rotate(-45deg);
	}
}
@media (max-width: 767px) {
	@-webkit-keyframes menu-bar01 {
		0% {
			-webkit-transform: translateY(3vw) rotate(45deg);
			transform: translateY(3vw) rotate(45deg);
		}
		50% {
			-webkit-transform: translateY(3vw) rotate(0);
			transform: translateY(3vw) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
	}
	@keyframes menu-bar01 {
		0% {
			-webkit-transform: translateY(3vw) rotate(45deg);
			transform: translateY(3vw) rotate(45deg);
		}
		50% {
			-webkit-transform: translateY(3vw) rotate(0);
			transform: translateY(3vw) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
	}
	@-webkit-keyframes menu-bar02 {
		0% {
			-webkit-transform: translateY(-3vw) rotate(-45deg);
			transform: translateY(-3vw) rotate(-45deg);
		}
		50% {
			-webkit-transform: translateY(-3vw) rotate(0);
			transform: translateY(-3vw) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
	}
	@keyframes menu-bar02 {
		0% {
			-webkit-transform: translateY(-3vw) rotate(-45deg);
			transform: translateY(-3vw) rotate(-45deg);
		}
		50% {
			-webkit-transform: translateY(-3vw) rotate(0);
			transform: translateY(-3vw) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
	}
	@-webkit-keyframes active-menu-bar01 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(3vw) rotate(0);
			transform: translateY(3vw) rotate(0);
		}
		100% {
			-webkit-transform: translateY(3vw) rotate(45deg);
			transform: translateY(3vw) rotate(45deg);
		}
	}
	@keyframes active-menu-bar01 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(3vw) rotate(0);
			transform: translateY(3vw) rotate(0);
		}
		100% {
			-webkit-transform: translateY(3vw) rotate(45deg);
			transform: translateY(3vw) rotate(45deg);
		}
	}
	@-webkit-keyframes active-menu-bar03 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(-3vw) rotate(0);
			transform: translateY(-3vw) rotate(0);
		}
		100% {
			-webkit-transform: translateY(-3vw) rotate(-45deg);
			transform: translateY(-3vw) rotate(-45deg);
		}
	}
	@keyframes active-menu-bar03 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(-3vw) rotate(0);
			transform: translateY(-3vw) rotate(0);
		}
		100% {
			-webkit-transform: translateY(-3vw) rotate(-45deg);
			transform: translateY(-3vw) rotate(-45deg);
		}
	}
}
/*----------------------- content --------------------------*/
article {
	position: relative;
	overflow: hidden;
}

.loading {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 5000;
	background: #0e498a;
}
.loading .loadbox {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.pan {
	padding: 2em 0px 5.5em;
}
@media (max-width: 767px) {
	.pan {
		position: relative;
		z-index: 100;
		padding: 1em 0px 2em;
	}
}

.pagetitle {
	position: relative;
	padding-top: 80px;
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
	background-image: url(../img/common/key.jpg);
}
@media (max-width: 767px) {
	.pagetitle {
		padding-top: 15vw;
		background-position: bottom right -64vw;
	}
}
.pagetitle:after, .pagetitle:before {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	z-index: 20;
	background: rgba(60, 96, 165, 0.8);
	height: 100%;
	width: 200%;
}
.pagetitle:before {
	left: -190%;
	-webkit-transform: skew(-45deg);
	-ms-transform: skew(-45deg);
	transform: skew(-45deg);
}
@media (max-width: 995px) {
	.pagetitle:before {
		left: -176%;
	}
}
.pagetitle:after {
	left: -195.5%;
	-webkit-transform: skew(25deg);
	-ms-transform: skew(25deg);
	transform: skew(25deg);
}
@media (max-width: 995px) {
	.pagetitle:after {
		left: -183%;
		-webkit-transform: skew(15deg);
		-ms-transform: skew(15deg);
		transform: skew(15deg);
	}
}
.pagetitle .wrap {
	height: 290px;
}
@media (max-width: 767px) {
	.pagetitle .wrap {
		height: 60vw;
	}
}
.pagetitle .wrap .catch {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 40;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 4.9rem;
	font-family: "Montserrat", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: 500;
	color: #fff;
	white-space: nowrap;
}
@media (max-width: 995px) {
	.pagetitle .wrap .catch {
		left: 0px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}
@media (max-width: 767px) {
	.pagetitle .wrap .catch {
		display: none;
	}
}
.pagetitle .wrap .title {
	position: absolute;
	right: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	font-size: 2.7rem;
	font-weight: 400;
}
@media (max-width: 767px) {
	.pagetitle .wrap .title {
		font-size: 6vw;
	}
}

.wp-pagenavi {
	margin-top: 50px;
	text-align: center;
	line-height: 2;
	font-weight: bold;
	font-size: 1.6rem;
}
@media (max-width: 767px) {
	.wp-pagenavi {
		margin-top: 5vw;
		font-size: 3.75vw;
	}
}
.wp-pagenavi a, .wp-pagenavi .current, .wp-pagenavi span {
	display: inline-block;
	width: 2em;
	height: 2em;
	margin: 0px 0.5em;
	vertical-align: middle;
	text-align: center;
	background: #000;
	color: #fff;
	line-height: 2;
}
.wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.extend, .wp-pagenavi .current.nextpostslink, .wp-pagenavi .current.previouspostslink, .wp-pagenavi .current.extend, .wp-pagenavi span.nextpostslink, .wp-pagenavi span.previouspostslink, .wp-pagenavi span.extend {
	background: none;
	border: none;
	color: #0e498a;
}
.wp-pagenavi .current {
	background: #0e498a;
}

.pager {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 3em;
	padding: 1em 0px;
	background: #0e498a;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
}
@media (max-width: 767px) {
	.pager {
		font-size: 3.75vw;
	}
}
.pager a {
	margin: 0 0.5em;
	background-repeat: no-repeat;
	color: #fff;
}
@media (max-width: 767px) {
	.pager a {
		margin: 0px 0.5em;
	}
}
.pager a[rel=prev], .pager a[rel=next] {
	width: 1.5em;
	height: 1.5em;
	background-size: 1em;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.pager a[rel=prev] {
	background-position: center left;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.5px%22%20height%3D%2210.1px%22%20viewBox%3D%220%200%2018.5%2010.1%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2018.5%2010.1%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Crect%20y%3D%224.6%22%20class%3D%22st0%22%20width%3D%2217.8%22%20height%3D%221%22%2F%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%2213.4%2C10.1%2012.7%2C9.4%2017.1%2C5.1%2012.7%2C0.7%2013.4%2C0%2018.5%2C5.1%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.pager a[rel=next] {
	background-position: center right;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218.5px%22%20height%3D%2210.1px%22%20viewBox%3D%220%200%2018.5%2010.1%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2018.5%2010.1%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Crect%20x%3D%220.7%22%20y%3D%224.6%22%20class%3D%22st0%22%20width%3D%2217.8%22%20height%3D%221%22%2F%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%225.1%2C10.1%200%2C5.1%205.1%2C0%205.8%2C0.7%201.4%2C5.1%205.8%2C9.4%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media (min-width: 1060px) {
	.pager a:hover[rel=prev] {
		background-position: center right;
	}
	.pager a:hover[rel=next] {
		background-position: center left;
	}
}

.noitem {
	padding: 150px 0px;
	font-size: 1.6rem;
	text-align: center;
}
@media (max-width: 767px) {
	.noitem {
		font-size: 4vw;
	}
}

/*----------------------- footer --------------------------*/
footer .bg {
	padding: 50px 0px;
	border-top: 8px solid #ac0006;
	background: #413a42;
}
@media (max-width: 767px) {
	footer .bg {
		padding: 7vw 2vw;
	}
}
footer .sub > ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media (max-width: 995px) {
	footer .sub > ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}
@media (max-width: 767px) {
	footer .sub > ul {
		display: block;
	}
}
@media (max-width: 995px) {
	footer .sub > ul > li {
		width: 18%;
		margin-bottom: 2%;
		margin-right: 2%;
	}
}
@media (max-width: 767px) {
	footer .sub > ul > li {
		width: auto;
		margin: 0px 0px 0.75em;
	}
	footer .sub > ul > li:last-child {
		margin-bottom: 0px;
	}
}
footer .sub > ul > li > a {
	display: block;
	margin-bottom: 0.75em;
	font-size: 1.7rem;
	color: #fff;
}
@media (max-width: 767px) {
	footer .sub > ul > li > a {
		font-size: 4.25vw;
	}
}
footer .sub > ul > li ul {
	font-size: 1.2rem;
}
@media (max-width: 767px) {
	footer .sub > ul > li ul {
		display: none;
	}
}
footer .sub > ul > li ul li {
	margin-bottom: 0.5em;
}
footer .sub > ul > li ul li:last-child {
	margin-bottom: 0px;
}
footer .sub > ul > li ul li a {
	color: #fff;
}
footer .foot {
	padding: 40px 0px 20px;
	text-align: center;
}
@media (max-width: 767px) {
	footer .foot {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}
footer .foot .logo {
	width: 250px;
	margin: 0px auto 1em;
}
@media (max-width: 767px) {
	footer .foot .logo {
		width: 80vw;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}
}
footer .foot .copy {
	margin-bottom: 1em;
}
@media (max-width: 767px) {
	footer .foot .copy {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		-ms-flex-order: 3;
		order: 3;
		font-size: 2.5vw;
	}
}
@media (max-width: 767px) {
	footer .foot .sublink {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
		margin-bottom: 1em;
	}
}
footer .foot .sublink a {
	margin: 0px 1em;
}

/*-----------------------------------------------------------
	クリアフィックス
-----------------------------------------------------------*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

* html .clearfix {
	zoom: 1;
}

*:first-child + html .clearfix {
	zoom: 1;
}

@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
/*
@include for-pc() {
	@media (min-width: 1200px)
}
@include for-pclg() {
	@media (max-width: 1139px)
}
@include for-pcmd() {
	@media (max-width: 1059px)
}
@include for-tb() {
	@media (max-width: 995px)
}
@include for-sp() {
	@media (max-width: 767px)
}
*/
@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
/*-----------------------------------------------------------
	 index
-----------------------------------------------------------*/
@-webkit-keyframes scroll {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes scroll {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
#index .top {
	position: relative;
	background: #000;
}
#index .top .slider {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100vh;
	min-height: 670px;
	opacity: 0;
	overflow: hidden;
}
@media (max-width: 995px) {
	#index .top .slider {
		height: 70vw;
		min-height: 0px;
	}
}
@media (max-width: 767px) {
	#index .top .slider {
		height: 130vw;
	}
}
#index .top .slider .item {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: all 1.2s cubic-bezier(0, 0.55, 0.45, 1);
	-o-transition: all 1.2s cubic-bezier(0, 0.55, 0.45, 1);
	transition: all 1.2s cubic-bezier(0, 0.55, 0.45, 1);
}
#index .top .slider .item.act {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#index .top .slider .item:first-child {
	display: block;
}
#index .top .slider .item.item01 {
	background-image: url(../img/index/main01.jpg);
}
@media (max-width: 767px) {
	#index .top .slider .item.item01 {
		background-image: url(../img_sp/index/main01.jpg);
	}
}
#index .top .slider .item.item02 {
	background-image: url(../img/index/main02.jpg);
}
@media (max-width: 767px) {
	#index .top .slider .item.item02 {
		background-image: url(../img_sp/index/main02.jpg);
	}
}
#index .top .slider .item.item03 {
	background-image: url(../img/index/main03.jpg);
}
@media (max-width: 767px) {
	#index .top .slider .item.item03 {
		background-image: url(../img_sp/index/main03.jpg);
	}
}
#index .top .slider .item.item03 .titlebox {
	position: absolute;
	top: 50%;
	left: 0px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	color: #fff;
	text-align: center;
}
#index .top .slider .item.item03 .titlebox h1 {
	max-width: 400px;
	margin: 0px auto 2em;
}
@media (max-width: 995px) {
	#index .top .slider .item.item03 .titlebox h1 {
		width: 28vw;
	}
}
@media (max-width: 767px) {
	#index .top .slider .item.item03 .titlebox h1 {
		width: 42vw;
		margin-bottom: 0.75em;
	}
}
#index .top .slider .item.item03 .titlebox .text {
	font-size: 2.3rem;
	letter-spacing: 0.2em;
}
@media (max-width: 995px) {
	#index .top .slider .item.item03 .titlebox .text {
		font-size: 1.6rem;
	}
}
@media (max-width: 767px) {
	#index .top .slider .item.item03 .titlebox .text {
		font-size: 3.25vw;
	}
}
#index .top .slider:after, #index .top .slider:before {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	z-index: 20;
	background: rgba(60, 96, 165, 0.8);
	height: 100%;
	width: 200%;
}
#index .top .slider:before {
	left: -215%;
	-webkit-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	transform: skew(-30deg);
	-webkit-transition: all 1.1s cubic-bezier(0.25, 1, 0.5, 1);
	-o-transition: all 1.1s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 1.1s cubic-bezier(0.25, 1, 0.5, 1);
}
@media (max-width: 767px) {
	#index .top .slider:before {
		left: -240%;
		-webkit-transform: skew(-20deg);
		-ms-transform: skew(-20deg);
		transform: skew(-20deg);
	}
}
#index .top .slider:after {
	left: -211%;
	-webkit-transform: skew(20deg);
	-ms-transform: skew(20deg);
	transform: skew(20deg);
	-webkit-transition: all 1.1s 0.65s cubic-bezier(0.25, 1, 0.5, 1);
	-o-transition: all 1.1s 0.65s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 1.1s 0.65s cubic-bezier(0.25, 1, 0.5, 1);
}
@media (max-width: 767px) {
	#index .top .slider:after {
		left: -240%;
		-webkit-transform: skew(15deg);
		-ms-transform: skew(15deg);
		transform: skew(15deg);
	}
}
#index .top .slider.active:before {
	left: -185%;
}
@media (max-width: 767px) {
	#index .top .slider.active:before {
		left: -176%;
	}
}
#index .top .slider.active:after {
	left: -191%;
}
@media (max-width: 767px) {
	#index .top .slider.active:after {
		left: -183%;
	}
}
#index .top .slider.step0:before {
	-webkit-transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
	-o-transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
	left: -185%;
	-webkit-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	transform: skew(-30deg);
}
@media (max-width: 767px) {
	#index .top .slider.step0:before {
		left: -176%;
	}
}
#index .top .slider.step0:after {
	-webkit-transition: all 0.8s 0.2s cubic-bezier(0.25, 1, 0.5, 1);
	-o-transition: all 0.8s 0.2s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 0.8s 0.2s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transform: skew(20deg);
	-ms-transform: skew(20deg);
	transform: skew(20deg);
}
@media (max-width: 767px) {
	#index .top .slider.step0:after {
		left: -183%;
	}
}
#index .top .slider.step1:before {
	-webkit-transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
	-o-transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
	left: -195%;
	-webkit-transform: skew(-60deg);
	-ms-transform: skew(-60deg);
	transform: skew(-60deg);
}
@media (max-width: 767px) {
	#index .top .slider.step1:before {
		left: -176%;
		-webkit-transform: skew(-40deg);
		-ms-transform: skew(-40deg);
		transform: skew(-40deg);
	}
}
#index .top .slider.step1:after {
	-webkit-transition: all 0.8s 0.2s cubic-bezier(0.25, 1, 0.5, 1);
	-o-transition: all 0.8s 0.2s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 0.8s 0.2s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transform: skew(-20deg);
	-ms-transform: skew(-20deg);
	transform: skew(-20deg);
}
@media (max-width: 767px) {
	#index .top .slider.step1:after {
		left: -183%;
	}
}
#index .top .textbox {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 200;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
}
@media (max-width: 767px) {
	#index .top .textbox {
		white-space: nowrap;
	}
}
#index .top .textbox span {
	display: inline-block;
	opacity: 0;
	-webkit-transform: scale(8);
	-ms-transform: scale(8);
	transform: scale(8);
	-webkit-transition: all 0.8s cubic-bezier(0.5, 0, 0.75, 0);
	-o-transition: all 0.8s cubic-bezier(0.5, 0, 0.75, 0);
	transition: all 0.8s cubic-bezier(0.5, 0, 0.75, 0);
}
#index .top .textbox span.ac {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
#index .top .textbox h2 {
	font-size: 2.6vw;
	font-weight: 400;
}
@media (max-width: 767px) {
	#index .top .textbox h2 {
		font-size: 5vw;
	}
}
#index .top .textbox p {
	font-size: 1.5vw;
}
@media (max-width: 767px) {
	#index .top .textbox p {
		font-size: 2.8vw;
	}
}
#index .top .jpx {
	position: absolute;
	left: 40px;
	bottom: 40px;
	z-index: 100;
}
@media (max-width: 767px) {
	#index .top .jpx {
		left: 4.5vw;
		bottom: 4.5vw;
		width: 9.375vw;
	}
}
#index .top .marker {
	position: absolute;
	right: 40px;
	top: 50%;
	z-index: 100;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media (max-width: 767px) {
	#index .top .marker {
		right: 5vw;
	}
}
#index .top .marker li {
	width: 14px;
	height: 1px;
	margin-left: 16px;
	margin-bottom: 14px;
	background: #fff;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
@media (max-width: 767px) {
	#index .top .marker li {
		width: 2vw;
		margin-bottom: 2vw;
		margin-left: 2.6875vw;
	}
}
#index .top .marker li.current {
	width: 30px;
	margin-left: 0px;
	background: #ac0006;
}
@media (max-width: 767px) {
	#index .top .marker li.current {
		width: 4.6875vw;
	}
}
#index .top .scroll {
	position: absolute;
	right: 40px;
	bottom: 60px;
	z-index: 100;
	width: 8px;
}
@media (max-width: 767px) {
	#index .top .scroll {
		left: 50%;
		bottom: 3.9vw;
	}
	#index .top .scroll img {
		display: none;
	}
}
#index .top .scroll:after {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	bottom: -110px;
	width: 1px;
	height: 100px;
	background-color: #0e498a;
	-webkit-animation: scroll 1.5s infinite;
	animation: scroll 1.5s infinite;
}
@media (max-width: 995px) {
	#index .top .scroll:after {
		bottom: -80px;
		height: 70px;
	}
}
@media (max-width: 767px) {
	#index .top .scroll:after {
		bottom: -7.8125vw;
		height: 7.8125vw;
		background-color: #ac0006;
	}
}

@-webkit-keyframes catmenu-bar01 {
	0% {
		-webkit-transform: translateY(6px) rotate(45deg);
		transform: translateY(6px) rotate(45deg);
	}
	50% {
		-webkit-transform: translateY(6px) rotate(0);
		transform: translateY(6px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
}

@keyframes catmenu-bar01 {
	0% {
		-webkit-transform: translateY(6px) rotate(45deg);
		transform: translateY(6px) rotate(45deg);
	}
	50% {
		-webkit-transform: translateY(6px) rotate(0);
		transform: translateY(6px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
}
@-webkit-keyframes catmenu-bar02 {
	0% {
		-webkit-transform: translateY(-6px) rotate(-45deg);
		transform: translateY(-6px) rotate(-45deg);
	}
	50% {
		-webkit-transform: translateY(-6px) rotate(0);
		transform: translateY(-6px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
}
@keyframes catmenu-bar02 {
	0% {
		-webkit-transform: translateY(-6px) rotate(-45deg);
		transform: translateY(-6px) rotate(-45deg);
	}
	50% {
		-webkit-transform: translateY(-6px) rotate(0);
		transform: translateY(-6px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
}
@-webkit-keyframes active-catmenu-bar01 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(6px) rotate(0);
		transform: translateY(6px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(6px) rotate(45deg);
		transform: translateY(6px) rotate(45deg);
	}
}
@keyframes active-catmenu-bar01 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(6px) rotate(0);
		transform: translateY(6px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(6px) rotate(45deg);
		transform: translateY(6px) rotate(45deg);
	}
}
@-webkit-keyframes active-catmenu-bar03 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(-6px) rotate(0);
		transform: translateY(-6px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(-6px) rotate(-45deg);
		transform: translateY(-6px) rotate(-45deg);
	}
}
@keyframes active-catmenu-bar03 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(-6px) rotate(0);
		transform: translateY(-6px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(-6px) rotate(-45deg);
		transform: translateY(-6px) rotate(-45deg);
	}
}
@media (max-width: 767px) {
	@-webkit-keyframes catmenu-bar01 {
		0% {
			-webkit-transform: translateY(0.9vw) rotate(45deg);
			transform: translateY(0.9vw) rotate(45deg);
		}
		50% {
			-webkit-transform: translateY(0.9vw) rotate(0);
			transform: translateY(0.9vw) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
	}
	@keyframes catmenu-bar01 {
		0% {
			-webkit-transform: translateY(0.9vw) rotate(45deg);
			transform: translateY(0.9vw) rotate(45deg);
		}
		50% {
			-webkit-transform: translateY(0.9vw) rotate(0);
			transform: translateY(0.9vw) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
	}
	@-webkit-keyframes catmenu-bar02 {
		0% {
			-webkit-transform: translateY(-0.9vw) rotate(-45deg);
			transform: translateY(-0.9vw) rotate(-45deg);
		}
		50% {
			-webkit-transform: translateY(-0.9vw) rotate(0);
			transform: translateY(-0.9vw) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
	}
	@keyframes catmenu-bar02 {
		0% {
			-webkit-transform: translateY(-0.9vw) rotate(-45deg);
			transform: translateY(-0.9vw) rotate(-45deg);
		}
		50% {
			-webkit-transform: translateY(-0.9vw) rotate(0);
			transform: translateY(-0.9vw) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
	}
	@-webkit-keyframes active-catmenu-bar01 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(0.9vw) rotate(0);
			transform: translateY(0.9vw) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0.9vw) rotate(45deg);
			transform: translateY(0.9vw) rotate(45deg);
		}
	}
	@keyframes active-catmenu-bar01 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(0.9vw) rotate(0);
			transform: translateY(0.9vw) rotate(0);
		}
		100% {
			-webkit-transform: translateY(0.9vw) rotate(45deg);
			transform: translateY(0.9vw) rotate(45deg);
		}
	}
	@-webkit-keyframes active-catmenu-bar03 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(-0.9vw) rotate(0);
			transform: translateY(-0.9vw) rotate(0);
		}
		100% {
			-webkit-transform: translateY(-0.9vw) rotate(-45deg);
			transform: translateY(-0.9vw) rotate(-45deg);
		}
	}
	@keyframes active-catmenu-bar03 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
			transform: translateY(0) rotate(0);
		}
		50% {
			-webkit-transform: translateY(-0.9vw) rotate(0);
			transform: translateY(-0.9vw) rotate(0);
		}
		100% {
			-webkit-transform: translateY(-0.9vw) rotate(-45deg);
			transform: translateY(-0.9vw) rotate(-45deg);
		}
	}
}
.newsbox {
	padding-top: 50px;
	background: #efefef;
}
@media (max-width: 767px) {
	.newsbox {
		position: relative;
		padding-top: 15vw;
	}
}
.newsbox .searchbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-bottom: 1em;
}
@media (max-width: 767px) {
	.newsbox .searchbox {
		position: absolute;
		left: 0px;
		top: -10vw;
		z-index: 300;
		-webkit-transform: translateY(10px);
		-ms-transform: translateY(10px);
		transform: translateY(10px);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}
}
@media (max-width: 767px) {
	.newsbox .searchbox.open {
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
		visibility: inherit;
	}
}
.newsbox .searchbox p {
	margin-right: 1em;
}
@media (max-width: 767px) {
	.newsbox .searchbox p {
		font-size: 3.25vw;
	}
}
.newsbox .searchbox form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.newsbox .searchbox #keyword {
	width: 16em;
	margin-right: 0.5em;
	padding: 0.35em 0.5em;
	border-radius: 1.5em;
}
.newsbox .searchbox button {
	padding: 0px;
	border: none;
	background: none;
	width: 20px;
}
.newsbox .head {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media (max-width: 767px) {
	.newsbox .head {
		display: block;
		position: relative;
	}
}
.newsbox h2 {
	margin-bottom: 0.5em;
	font-size: 2.6rem;
}
@media (max-width: 767px) {
	.newsbox h2 {
		font-size: 5.8vw;
	}
}
.newsbox h2 span {
	margin-left: 1em;
	font-size: 0.47em;
	font-weight: 400;
}
@media (max-width: 767px) {
	.newsbox h2 span {
		display: block;
		margin-left: 0px;
	}
}
.newsbox .catmenu {
	position: relative;
	width: 14px;
	height: 14px;
	cursor: pointer;
}
@media (max-width: 767px) {
	.newsbox .catmenu {
		position: absolute;
		right: 10vw;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 5.5vw;
		height: 1.875vw;
	}
}
.newsbox .catmenu span {
	display: block;
	position: absolute;
	left: 0px;
	width: 100%;
	height: 1px;
	background-color: #ac0006;
}
.newsbox .catmenu span:nth-child(1) {
	top: 0px;
	-webkit-animation: catmenu-bar01 .75s forwards;
	animation: catmenu-bar01 .75s forwards;
}
.newsbox .catmenu span:nth-child(2) {
	bottom: 0px;
	-webkit-animation: catmenu-bar02 .75s forwards;
	animation: catmenu-bar02 .75s forwards;
}
.newsbox .catmenu.close span:nth-child(1) {
	top: 0px;
	-webkit-animation: active-catmenu-bar01 .75s forwards;
	animation: active-catmenu-bar01 .75s forwards;
}
.newsbox .catmenu.close span:nth-child(2) {
	bottom: 0px;
	-webkit-animation: active-catmenu-bar03 .75s forwards;
	animation: active-catmenu-bar03 .75s forwards;
}
.newsbox .sbtn-menu {
	cursor: pointer;
}
@media (max-width: 767px) {
	.newsbox .sbtn-menu {
		position: absolute;
		right: 0px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 4.7vw;
	}
}
.newsbox .catnav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 0;
	background-color: #e0e0e0;
	visibility: hidden;
	overflow: hidden;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
@media (max-width: 767px) {
	.newsbox .catnav {
		font-size: 2.8125vw;
	}
}
.newsbox .catnav li a {
	display: block;
	padding: 0em 1.5em;
	text-decoration: none;
	line-height: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
@media (max-width: 767px) {
	.newsbox .catnav li a {
		padding: 0em 1.5em;
	}
}
@media (min-width: 1060px) {
	.newsbox .catnav li a {
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.newsbox .catnav li a:hover {
		background: #000;
		color: #fff;
	}
}
.newsbox .catnav.open {
	visibility: initial;
	margin-bottom: 1em;
}
.newsbox .catnav.open li a {
	line-height: 1.5;
	padding: 0.75em 1.5em;
}
@media (max-width: 767px) {
	.newsbox .catnav.open li a {
		padding: 0.5em 1.5em;
	}
}
.newsbox .list {
	border-top: 1px solid #b3b3b3;
}
.newsbox .list li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #b3b3b3;
	position: relative;
	padding: 0.5em 10em 0.5em 0px;
	background-position: right center;
	background-size: 22px;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2222.4px%22%20height%3D%2222.4px%22%20viewBox%3D%220%200%2022.4%2022.4%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2022.4%2022.4%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23AC0006%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Crect%20class%3D%22st0%22%20width%3D%2222.4%22%20height%3D%2222.4%22%2F%3E%20%3Cpolygon%20class%3D%22st1%22%20points%3D%228.9%2C5.2%208.9%2C7.5%2012.3%2C10.9%208.9%2C14.3%208.9%2C16.6%2014.6%2C10.9%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media (max-width: 767px) {
	.newsbox .list li {
		display: block;
		padding-right: 5vw;
		background-size: 3.5vw;
	}
}
.newsbox .list li a {
	text-decoration: none;
}
.newsbox .list li a .cat {
	display: block;
	width: 10em;
	margin-right: 1em;
	padding: 0.5em 0.5em;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	background: #777;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media (max-width: 767px) {
	.newsbox .list li a .cat {
		margin-bottom: 0.25em;
		padding: 0.25em 0.5em;
		font-size: 3.125vw;
	}
}
.newsbox .list li a .cat.color2 {
	background: #B60000;
}
.newsbox .list li a .cat.color3 {
	background: #334E8B;
}
.newsbox .list li a .cat.color4 {
	background: #FF8000;
}
.newsbox .list li a .cat.color5 {
	background: #3f7109;
}
.newsbox .list li a .cat.color79 {
	background: #0e8a34;
}
.newsbox .list li a .date {
	position: absolute;
	right: 28px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media (max-width: 767px) {
	.newsbox .list li a .date {
		display: none;
	}
}
.newsbox .list li a .title {
	width: -webkit-calc(100% - 10em);
	width: calc(100% - 10em);
}
@media (max-width: 767px) {
	.newsbox .list li a .title {
		width: auto;
		display: block;
	}
}
@media (min-width: 1060px) {
	.newsbox .list li {
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.newsbox .list li:hover {
		background-color: #e0e0e0;
	}
}

.conceptbox .sub, .productbox .sub, .accessbox .sub {
	margin-bottom: 0.75em;
	font-size: 1.9rem;
	color: #ac0006;
	letter-spacing: 0.1em;
}
@media (max-width: 767px) {
	.conceptbox .sub, .productbox .sub, .accessbox .sub {
		font-size: 4vw;
	}
}

.conceptbox {
	position: relative;
	padding-top: 70px;
	background: #efefef;
}
@media (max-width: 767px) {
	.conceptbox {
		padding-top: 15vw;
		padding-bottom: 22vw;
		background: #efefef url(../img_sp/index/bg01.png) center bottom/100% auto no-repeat;
	}
}
.conceptbox:before, .conceptbox:after {
	content: "";
	display: block;
	position: absolute;
}
@media (max-width: 767px) {
	.conceptbox:before, .conceptbox:after {
		display: none;
	}
}
.conceptbox:before {
	background-color: #ac0006;
	left: 50%;
	bottom: 0px;
	width: 200%;
	height: 340px;
	-webkit-transform: translateX(-50%) rotate(350deg);
	-ms-transform: translateX(-50%) rotate(350deg);
	transform: translateX(-50%) rotate(350deg);
}
.conceptbox:after {
	left: 50%;
	top: 50%;
	width: 200%;
	height: 1030px;
	-webkit-transform: translate(-50%, -42%);
	-ms-transform: translate(-50%, -42%);
	transform: translate(-50%, -42%);
	background: url(../img/index/bg01.png) center no-repeat;
}
.conceptbox .title {
	margin-bottom: 1em;
	font-size: 5.7rem;
	font-family: "Montserrat", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: 500;
	color: #acacac;
	line-height: 1;
}
@media (max-width: 767px) {
	.conceptbox .title {
		margin-bottom: 0.5em;
		font-size: 9.5vw;
	}
}
.conceptbox .items {
	position: relative;
	z-index: 10;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media (max-width: 767px) {
	.conceptbox .items {
		display: block;
	}
}
.conceptbox .items figure {
	width: 45%;
	position: relative;
	overflow: hidden;
}
.conceptbox .items figure:after {
	background-color: #000;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
}
.conceptbox .items figure .inner {
	opacity: 0;
	-webkit-transition: opacity 0.1s cubic-bezier(0, 0.94, 0.72, 0.93) 0.4s;
	-o-transition: opacity 0.1s cubic-bezier(0, 0.94, 0.72, 0.93) 0.4s;
	transition: opacity 0.1s cubic-bezier(0, 0.94, 0.72, 0.93) 0.4s;
}
.conceptbox .items figure.wowend .inner {
	opacity: 1;
}
.conceptbox .items figure.wowend:after {
	-webkit-animation: img 0.8s cubic-bezier(0, 0.94, 0.72, 0.93);
	animation: img 0.8s cubic-bezier(0, 0.94, 0.72, 0.93);
}
@media (max-width: 767px) {
	.conceptbox .items figure {
		width: auto;
	}
}
.conceptbox .items .textbox {
	width: 45%;
}
@media (max-width: 767px) {
	.conceptbox .items .textbox {
		width: auto;
	}
}
.conceptbox .items .textbox .text {
	padding-top: 7em;
	font-size: 1.4rem;
	color: #fff;
	line-height: 1.57;
}
@media (max-width: 767px) {
	.conceptbox .items .textbox .text {
		padding-top: 1.5em;
		font-size: 4vw;
	}
}
.conceptbox .items .textbox .btn {
	padding-top: 2em;
	text-align: right;
}
@media (max-width: 767px) {
	.conceptbox .items .textbox .btn {
		text-align: center;
	}
}
.conceptbox .items .textbox .btn a {
	display: inline-block;
	width: 14.5em;
	padding: 0.75em 0px;
	border: 1px solid #000;
	background-color: #000;
	font-size: 1.5rem;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
@media (min-width: 1060px) {
	.conceptbox .items .textbox .btn a {
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.conceptbox .items .textbox .btn a:hover {
		background: #fff;
		color: #000;
	}
}
@media (max-width: 767px) {
	.conceptbox .items .textbox .btn a {
		/*display: block;
		width: 100%;*/
		font-size: 3.125vw;
	}
}

.productbox {
	padding-top: 180px;
	margin-bottom: 85px;
}
@media (max-width: 767px) {
	.productbox {
		padding-top: 10vw;
		margin-bottom: 10vw;
	}
}
.productbox h2 {
	font-size: 2.7rem;
	font-weight: 400;
}
@media (max-width: 767px) {
	.productbox h2 {
		font-size: 7.5vw;
	}
}
.productbox .read {
	margin: -1.5em 0px 1em;
	font-size: 1.5rem;
	text-align: right;
}
@media (max-width: 767px) {
	.productbox .read {
		margin: 1em 0px 1.5em;
		font-size: 4vw;
		text-align: left;
	}
}
.productbox .items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.productbox .items .item {
	position: relative;
	width: 25%;
	padding-bottom: 50px;
	background: #000;
	color: #fff;
}
@media (max-width: 995px) {
	.productbox .items .item {
		width: 50%;
	}
}
@media (max-width: 767px) {
	.productbox .items .item {
		padding-bottom: 7vw;
	}
}
.productbox .items .item a {
	color: #fff;
	text-decoration: none;
}
.productbox .items .item h3 {
	padding: 0px 20px;
	font-size: 2.4rem;
	font-weight: 400;
}
@media (max-width: 767px) {
	.productbox .items .item h3 {
		padding: 0px 3vw;
		font-size: 4vw;
	}
}
.productbox .items .item h3 span {
	display: block;
	font-size: 0.55em;
}
.productbox .items .item .en {
	padding: 0px 20px;
	font-size: 1.1rem;
}
@media (max-width: 767px) {
	.productbox .items .item .en {
		padding: 0px 3vw;
		font-size: 1.875vw;
	}
}
.productbox .items .item:after {
	content: "";
	display: block;
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 22px;
	height: 22px;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2222.4px%22%20height%3D%2222.4px%22%20viewBox%3D%220%200%2022.4%2022.4%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2022.4%2022.4%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23AC0006%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Crect%20class%3D%22st0%22%20width%3D%2222.4%22%20height%3D%2222.4%22%2F%3E%20%3Cpolygon%20class%3D%22st1%22%20points%3D%228.9%2C5.2%208.9%2C7.5%2012.3%2C10.9%208.9%2C14.3%208.9%2C16.6%2014.6%2C10.9%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
@media (max-width: 767px) {
	.productbox .items .item:after {
		right: 2vw;
		bottom: 2vw;
		width: 3.5vw;
		height: 3.5vw;
	}
}
@media (min-width: 1060px) {
	.productbox .items .item:hover:after {
		right: 10px;
	}
}
.productbox .items .item:nth-child(3), .productbox .items .item:nth-child(5) {
	background: #0e498a;
}
.productbox .items .item:nth-child(3):after, .productbox .items .item:nth-child(5):after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224.2px%22%20height%3D%2224.2px%22%20viewBox%3D%220%200%2024.2%2024.2%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2024.2%2024.2%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23070707%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Crect%20x%3D%220%22%20class%3D%22st0%22%20width%3D%2224.2%22%20height%3D%2224.2%22%2F%3E%20%3Cpolygon%20class%3D%22st1%22%20points%3D%229.6%2C5.6%209.6%2C8.1%2013.3%2C11.8%209.6%2C15.4%209.6%2C17.9%2015.7%2C11.8%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media (max-width: 995px) {
	.productbox .items .item:nth-child(4) {
		background: #0e498a;
	}
	.productbox .items .item:nth-child(4):after {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224.2px%22%20height%3D%2224.2px%22%20viewBox%3D%220%200%2024.2%2024.2%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2024.2%2024.2%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23070707%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Crect%20x%3D%220%22%20class%3D%22st0%22%20width%3D%2224.2%22%20height%3D%2224.2%22%2F%3E%20%3Cpolygon%20class%3D%22st1%22%20points%3D%229.6%2C5.6%209.6%2C8.1%2013.3%2C11.8%209.6%2C15.4%209.6%2C17.9%2015.7%2C11.8%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	}
}
@media (max-width: 995px) {
	.productbox .items .item:nth-child(5) {
		background: #000;
	}
	.productbox .items .item:nth-child(5):after {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2222.4px%22%20height%3D%2222.4px%22%20viewBox%3D%220%200%2022.4%2022.4%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2022.4%2022.4%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23AC0006%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Crect%20class%3D%22st0%22%20width%3D%2222.4%22%20height%3D%2222.4%22%2F%3E%20%3Cpolygon%20class%3D%22st1%22%20points%3D%228.9%2C5.2%208.9%2C7.5%2012.3%2C10.9%208.9%2C14.3%208.9%2C16.6%2014.6%2C10.9%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	}
}
.productbox .items .item.first {
	width: 100%;
	padding: 60px 60px 40px;
	background: url(../img/index/bg03.jpg) center/cover no-repeat;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media (max-width: 995px) {
	.productbox .items .item.first {
		padding: 40px 50px 25px;
		text-align: left;
	}
}
@media (max-width: 767px) {
	.productbox .items .item.first {
		padding: 7vw 7vw 10vw;
	}
}
.productbox .items .item.first .title {
	margin-bottom: 0.25em;
	padding-left: 0.15em;
	font-size: 3.8rem;
}
@media (max-width: 767px) {
	.productbox .items .item.first .title {
		font-size: 6vw;
	}
}
.productbox .items .item.first h3 {
	padding: 0px;
	margin-bottom: 5rem;
}
@media (max-width: 767px) {
	.productbox .items .item.first h3 {
		margin-bottom: 7vw;
	}
}
.productbox .items .item.first .name {
	font-size: 2.4rem;
	text-align: right;
}
@media (max-width: 767px) {
	.productbox .items .item.first .name {
		font-size: 3.75vw;
	}
}
.productbox .items .item.first .en {
	padding: 0px;
	text-align: right;
}
@media (max-width: 767px) {
	.productbox .items .item.first .en {
		font-size: 3vw;
	}
}

.recruitbox {
	position: relative;
	margin-bottom: 85px;
}
@media (max-width: 767px) {
	.recruitbox {
		margin-bottom: 10vw;
	}
}
.recruitbox:before {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 55%;
	background: url(../img/index/bg02.jpg) right center/cover no-repeat;
}
@media (max-width: 767px) {
	.recruitbox:before {
		display: none;
	}
}
.recruitbox .wrap:before {
	content: "";
	display: block;
	position: absolute;
	right: -5%;
	top: 0px;
	bottom: 0px;
	width: 55%;
	background: #000;
	-webkit-transform: skew(-20deg);
	-ms-transform: skew(-20deg);
	transform: skew(-20deg);
}
@media (max-width: 995px) {
	.recruitbox .wrap:before {
		right: -10%;
		width: 70%;
	}
}
@media (max-width: 767px) {
	.recruitbox .wrap:before {
		display: none;
	}
}
.recruitbox .textbox {
	position: relative;
	z-index: 10;
	width: 50%;
	margin-left: 50%;
	padding: 80px 0px 90px;
	color: #fff;
}
@media (max-width: 995px) {
	.recruitbox .textbox {
		width: 60%;
		margin-left: 40%;
	}
}
@media (max-width: 767px) {
	.recruitbox .textbox {
		width: auto;
		padding: 0px;
		margin-left: 0px;
	}
}
.recruitbox .textbox .sub {
	font-size: 1.9rem;
	text-align: right;
}
@media (max-width: 767px) {
	.recruitbox .textbox .sub {
		margin-bottom: 0.75em;
		color: #ac0006;
		letter-spacing: 0.1em;
		font-size: 4vw;
		text-align: left;
	}
}
.recruitbox .textbox h2 {
	margin-bottom: 0.5em;
	font-size: 2.9rem;
	font-weight: 400;
	text-align: right;
}
@media (max-width: 767px) {
	.recruitbox .textbox h2 {
		margin-bottom: 0px;
		font-size: 7.5vw;
		color: #000;
		text-align: left;
		line-height: 1;
	}
}
@media (max-width: 767px) {
	.recruitbox .textbox h2:after {
		content: "";
		display: block;
		margin: 1em -5vw 0px;
		height: 77vw;
		background: url(../img_sp/index/bg02.jpg) center/cover no-repeat;
	}
}
@media (max-width: 767px) {
	.recruitbox .textbox .bgbox {
		margin: 0px -5vw;
		padding: 10vw 5vw 15vw;
		background: #000;
	}
}
.recruitbox .textbox .catch {
	font-size: 4.8rem;
	letter-spacing: 0.2em;
	text-align: center;
}
@media (max-width: 767px) {
	.recruitbox .textbox .catch {
		font-size: 10vw;
	}
}
.recruitbox .textbox .read {
	font-size: 2.2rem;
	text-align: center;
}
@media (max-width: 767px) {
	.recruitbox .textbox .read {
		padding-top: 0.75em;
		font-size: 4vw;
	}
}
.recruitbox .textbox .btn {
	padding-top: 1.5em;
	text-align: center;
}
.recruitbox .textbox .btn a {
	display: inline-block;
	width: 14.5em;
	padding: 0.75em 0px;
	border: 1px solid #000;
	background-color: #000;
	font-size: 1.5rem;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
@media (min-width: 1060px) {
	.recruitbox .textbox .btn a {
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.recruitbox .textbox .btn a:hover {
		background: #fff;
		color: #000;
	}
}
@media (max-width: 767px) {
	.recruitbox .textbox .btn a {
		/*display: block;
		width: 100%;*/
		font-size: 3.125vw;
	}
}
@media (max-width: 767px) {
	.recruitbox .textbox .btn a {
		border-color: #fff;
	}
}

.accessbox {
	margin-bottom: 70px;
}
.accessbox h2 {
	margin-bottom: 1em;
	font-size: 3.1rem;
	font-weight: 400;
	line-height: 1;
}
@media (max-width: 767px) {
	.accessbox h2 {
		font-size: 7.5vw;
	}
}
.accessbox .items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media (max-width: 767px) {
	.accessbox .items {
		display: block;
	}
}
.accessbox .items .item {
	width: 48.5%;
}
@media (max-width: 767px) {
	.accessbox .items .item {
		width: auto;
		margin-bottom: 10vw;
	}
}
.accessbox .items .item dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1.5em 0px 0px;
}
@media (max-width: 767px) {
	.accessbox .items .item dl {
		display: block;
	}
}
.accessbox .items .item dt {
	margin-right: 1em;
	padding: 0.15em 0.75em;
	color: #fff;
	background: #ac0006;
}
@media (max-width: 995px) {
	.accessbox .items .item dt {
		width: 6em;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}
@media (max-width: 767px) {
	.accessbox .items .item dt {
		width: auto;
	}
}
@media (max-width: 767px) {
	.accessbox .items .item dt {
		width: 4em;
		margin-bottom: 0.5em;
		text-align: center;
	}
}
.accessbox .items .item dd {
	line-height: 2;
}
@media (max-width: 995px) {
	.accessbox .items .item dd {
		width: -webkit-calc(100% - 6em);
		width: calc(100% - 6em);
	}
	.accessbox .items .item dd br {
		display: none;
	}
}
@media (max-width: 767px) {
	.accessbox .items .item dd {
		width: auto;
	}
}
.accessbox .items .item dd span {
	margin-left: 1em;
}
@media (max-width: 995px) {
	.accessbox .items .item dd span {
		display: block;
		margin-left: 0px;
	}
}
.accessbox .items .item dd a {
	display: inline-block;
	margin-top: 0.5em;
	padding: 0px 1em;
	border: 1px solid #ac0006;
	color: #ac0006;
	line-height: 1.5;
	text-decoration: none;
}
@media (min-width: 1060px) {
	.accessbox .items .item dd a {
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.accessbox .items .item dd a:hover {
		background: #ac0006;
		color: #fff;
	}
}
.accessbox .items .item:first-child dt {
	background: #0e498a;
}
.accessbox .items .item:first-child dd a {
	border: 1px solid #0e498a;
	color: #0e498a;
}
@media (min-width: 1060px) {
	.accessbox .items .item:first-child dd a {
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.accessbox .items .item:first-child dd a:hover {
		background: #0e498a;
		color: #fff;
	}
}
.accessbox .bn {
	padding-top: 70px;
}
@media (max-width: 767px) {
	.accessbox .bn {
		padding-top: 0vw;
	}
}
.accessbox .bn a {
	display: block;
	position: relative;
	padding: 4em 0px;
	background: url(../img/common/bnbg.jpg) center/cover no-repeat;
	text-align: center;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
}
@media (max-width: 767px) {
	.accessbox .bn a {
		padding: 2em 0px;
	}
}
.accessbox .bn a:after {
	display: block;
	content: "";
	position: absolute;
	right: 3%;
	top: 50%;
	width: 22px;
	height: 22px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2222.4px%22%20height%3D%2222.4px%22%20viewBox%3D%220%200%2022.4%2022.4%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2022.4%2022.4%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23A91F24%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Crect%20class%3D%22st0%22%20width%3D%2222.4%22%20height%3D%2222.4%22%2F%3E%20%3Cpolygon%20class%3D%22st1%22%20points%3D%228.9%2C5.2%208.9%2C7.5%2012.3%2C10.9%208.9%2C14.3%208.9%2C16.6%2014.6%2C10.9%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media (max-width: 767px) {
	.accessbox .bn a:after {
		width: 3.5vw;
		height: 3.5vw;
	}
}
@media (min-width: 1060px) {
	.accessbox .bn a:after {
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.accessbox .bn a:hover:after {
		right: 2%;
	}
}
.accessbox .bn a span {
	display: block;
}
.accessbox .bn a .title {
	font-size: 2.6rem;
	letter-spacing: 0.17em;
}
@media (max-width: 767px) {
	.accessbox .bn a .title {
		font-size: 5vw;
	}
}
.accessbox .bn a .text {
	font-size: 1.4rem;
}
@media (max-width: 767px) {
	.accessbox .bn a .text {
		font-size: 3.75vw;
	}
}

@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
/*
@include for-pc() {
	@media (min-width: 1200px)
}
@include for-pclg() {
	@media (max-width: 1139px)
}
@include for-pcmd() {
	@media (max-width: 1059px)
}
@include for-tb() {
	@media (max-width: 995px)
}
@include for-sp() {
	@media (max-width: 767px)
}
*/
@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
/*-----------------------------------------------------------
	 common
-----------------------------------------------------------*/
#greeting .catchbox, #idea .catchbox, #about .catchbox, #history .catchbox, #quality .catchbox,
#reaserch .catchbox, #calendar .catchbox,
#equipment .catchbox, #research .catchbox, #casting .catchbox, #inspection .catchbox,
#recruit .catchbox,
#privacy .catchbox, #sitemaps .catchbox,
#contact .catchbox, #entry .catchbox,
#news .catchbox, #search .catchbox {
	position: absolute;
	right: 0px;
	top: 9.1em;
}
@media (max-width: 995px) {
	#greeting .catchbox, #idea .catchbox, #about .catchbox, #history .catchbox, #quality .catchbox,
	#reaserch .catchbox, #calendar .catchbox,
	#equipment .catchbox, #research .catchbox, #casting .catchbox, #inspection .catchbox,
	#recruit .catchbox,
	#privacy .catchbox, #sitemaps .catchbox,
	#contact .catchbox, #entry .catchbox,
	#news .catchbox, #search .catchbox {
		display: none;
		text-align: center;
	}
}
#greeting .catchbox .read, #idea .catchbox .read, #about .catchbox .read, #history .catchbox .read, #quality .catchbox .read,
#reaserch .catchbox .read, #calendar .catchbox .read,
#equipment .catchbox .read, #research .catchbox .read, #casting .catchbox .read, #inspection .catchbox .read,
#recruit .catchbox .read,
#privacy .catchbox .read, #sitemaps .catchbox .read,
#contact .catchbox .read, #entry .catchbox .read,
#news .catchbox .read, #search .catchbox .read {
	font-size: 2.2rem;
	letter-spacing: 0.2em;
}
@media (max-width: 767px) {
	#greeting .catchbox .read, #idea .catchbox .read, #about .catchbox .read, #history .catchbox .read, #quality .catchbox .read,
	#reaserch .catchbox .read, #calendar .catchbox .read,
	#equipment .catchbox .read, #research .catchbox .read, #casting .catchbox .read, #inspection .catchbox .read,
	#recruit .catchbox .read,
	#privacy .catchbox .read, #sitemaps .catchbox .read,
	#contact .catchbox .read, #entry .catchbox .read,
	#news .catchbox .read, #search .catchbox .read {
		font-size: 4vw;
	}
}
#greeting .catchbox .title, #idea .catchbox .title, #about .catchbox .title, #history .catchbox .title, #quality .catchbox .title,
#reaserch .catchbox .title, #calendar .catchbox .title,
#equipment .catchbox .title, #research .catchbox .title, #casting .catchbox .title, #inspection .catchbox .title,
#recruit .catchbox .title,
#privacy .catchbox .title, #sitemaps .catchbox .title,
#contact .catchbox .title, #entry .catchbox .title,
#news .catchbox .title, #search .catchbox .title {
	font-size: 3rem;
}
@media (max-width: 767px) {
	#greeting .catchbox .title, #idea .catchbox .title, #about .catchbox .title, #history .catchbox .title, #quality .catchbox .title,
	#reaserch .catchbox .title, #calendar .catchbox .title,
	#equipment .catchbox .title, #research .catchbox .title, #casting .catchbox .title, #inspection .catchbox .title,
	#recruit .catchbox .title,
	#privacy .catchbox .title, #sitemaps .catchbox .title,
	#contact .catchbox .title, #entry .catchbox .title,
	#news .catchbox .title, #search .catchbox .title {
		font-size: 5.25vw;
	}
}
#greeting .sub, #idea .sub, #about .sub, #history .sub, #quality .sub,
#reaserch .sub, #calendar .sub,
#equipment .sub, #research .sub, #casting .sub, #inspection .sub,
#recruit .sub,
#privacy .sub, #sitemaps .sub,
#contact .sub, #entry .sub,
#news .sub, #search .sub {
	margin-bottom: 0.75em;
	font-size: 1.9rem;
	color: #ac0006;
}
@media (max-width: 767px) {
	#greeting .sub, #idea .sub, #about .sub, #history .sub, #quality .sub,
	#reaserch .sub, #calendar .sub,
	#equipment .sub, #research .sub, #casting .sub, #inspection .sub,
	#recruit .sub,
	#privacy .sub, #sitemaps .sub,
	#contact .sub, #entry .sub,
	#news .sub, #search .sub {
		font-size: 4vw;
	}
}
#greeting h1, #idea h1, #about h1, #history h1, #quality h1,
#reaserch h1, #calendar h1,
#equipment h1, #research h1, #casting h1, #inspection h1,
#recruit h1,
#privacy h1, #sitemaps h1,
#contact h1, #entry h1,
#news h1, #search h1 {
	margin-bottom: 2.5em;
	font-size: 3.1rem;
	font-weight: 400;
	letter-spacing: 0.2em;
	line-height: 1;
}
@media (max-width: 767px) {
	#greeting h1, #idea h1, #about h1, #history h1, #quality h1,
	#reaserch h1, #calendar h1,
	#equipment h1, #research h1, #casting h1, #inspection h1,
	#recruit h1,
	#privacy h1, #sitemaps h1,
	#contact h1, #entry h1,
	#news h1, #search h1 {
		margin-bottom: 1em;
		font-size: 7.5vw;
	}
}

/*-----------------------------------------------------------
	 greeting
-----------------------------------------------------------*/
#greeting .message {
	margin-bottom: 100px;
}
@media (max-width: 767px) {
	#greeting .message {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 10vw;
	}
}
#greeting .message .space {
	float: right;
	height: 60em;
}
@media (max-width: 995px) {
	#greeting .message .space {
		display: none;
	}
}
#greeting .message .photo {
	clear: both;
	float: right;
	width: 34%;
	margin-left: 3em;
	margin-bottom: 1em;
}
@media (max-width: 767px) {
	#greeting .message .photo {
		float: none;
		width: auto;
		margin: 0px auto 5vw;
	}
	#greeting .message .photo figure {
		width: 60%;
		margin: 0px auto;
	}
}
#greeting .message .photo .name {
	padding-top: 1em;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	text-align: center;
	font-size: 2.5rem;
}
@media (max-width: 767px) {
	#greeting .message .photo .name {
		font-size: 6vw;
	}
}
#greeting .message .photo .name span {
	margin-right: 1em;
	font-size: 0.72em;
}
#greeting .message .textbox {
	font-size: 1.5rem;
	line-height: 1.75;
}
@media (max-width: 767px) {
	#greeting .message .textbox {
		font-size: 3.75vw;
	}
}
#greeting .message .textbox .text {
	margin-bottom: 1.5em;
}
#greeting .message .textbox .date {
	padding-top: 1.5em;
	font-size: 1.7rem;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
@media (max-width: 767px) {
	#greeting .message .textbox .date {
		font-size: 4vw;
	}
}

/*-----------------------------------------------------------
	 idea
-----------------------------------------------------------*/
#idea .pagetitle {
	background: #3c60a5;
}
#idea .pagetitle:before, #idea .pagetitle:after {
	display: none;
}
@media (max-width: 767px) {
	#idea .pagetitle .wrap {
		height: 24vw;
	}
}
#idea .detail {
	margin-bottom: 150px;
	background: url(../img/company/idea/bg01.jpg) center top no-repeat;
}
@media (max-width: 767px) {
	#idea .detail {
		background-size: 250% auto;
	}
}
@media (max-width: 767px) {
	#idea .detail {
		margin-bottom: 25vw;
	}
}
#idea .catchbox {
	position: relative;
	top: 0px;
	z-index: 20;
	margin-bottom: 110px;
}
@media (max-width: 767px) {
	#idea .catchbox {
		display: block;
		margin-bottom: 25vw;
		text-align: left;
	}
}
#idea .inbox {
	position: relative;
}
#idea .inbox:before, #idea .inbox:after {
	content: "";
	display: block;
	position: absolute;
}
#idea .inbox:before {
	background-color: #ac0006;
	left: 50%;
	bottom: 0px;
	width: 200%;
	height: 240px;
	-webkit-transform: translateX(-50%) rotate(350deg);
	-ms-transform: translateX(-50%) rotate(350deg);
	transform: translateX(-50%) rotate(350deg);
}
@media (max-width: 767px) {
	#idea .inbox:before {
		bottom: -10vw;
	}
}
#idea .inbox:after {
	left: 50%;
	top: 50%;
	width: 200%;
	height: 1270px;
	-webkit-transform: translate(-50%, -58%);
	-ms-transform: translate(-50%, -58%);
	transform: translate(-50%, -58%);
	background: url(../img/company/idea/bg02.png) center no-repeat;
}
@media (max-width: 767px) {
	#idea .inbox:after {
		height: 280vw;
		background-size: auto 100%;
	}
}
#idea .inbox h1, #idea .inbox .read, #idea .inbox .box, #idea .inbox .date, #idea .inbox .name {
	position: relative;
	z-index: 20;
}
#idea .inbox h1 {
	margin-bottom: 1.5em;
	font-size: 2.5rem;
	text-align: center;
	color: #fff;
}
@media (max-width: 767px) {
	#idea .inbox h1 {
		font-size: 6vw;
	}
}
#idea .inbox .read {
	margin-bottom: 1.5em;
	font-size: 1.9rem;
	text-align: center;
	color: #fff;
	line-height: 1.9;
}
@media (max-width: 767px) {
	#idea .inbox .read {
		font-size: 4.25vw;
		text-align: left;
	}
}
#idea .inbox .box {
	padding: 50px 60px 60px;
	background: #fff;
}
@media (max-width: 767px) {
	#idea .inbox .box {
		padding: 10vw 5vw;
	}
}
#idea .inbox .box h2 {
	margin-bottom: 1em;
	font-size: 2.5rem;
	font-weight: 400;
	color: #0e498a;
	text-align: center;
	letter-spacing: 0.08em;
}
@media (max-width: 767px) {
	#idea .inbox .box h2 {
		margin-bottom: 0.5em;
		font-size: 6vw;
	}
}
#idea .inbox .box ol {
	font-size: 1.8rem;
}
@media (max-width: 767px) {
	#idea .inbox .box ol {
		font-size: 3.75vw;
	}
}
#idea .inbox .box ol li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
@media (max-width: 767px) {
	#idea .inbox .box ol li {
		margin-bottom: 1em;
	}
	#idea .inbox .box ol li:last-child {
		margin-bottom: 0px;
	}
}
#idea .inbox .box ol .num {
	display: inline-block;
	margin-right: 0.5em;
	font-size: 1.9em;
	color: #0e498a;
	vertical-align: middle;
	font-weight: 500;
}
#idea .inbox .date, #idea .inbox .name {
	color: #fff;
	text-align: right;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
#idea .inbox .date {
	padding-top: 1.5em;
	font-size: 1.8rem;
}
@media (max-width: 767px) {
	#idea .inbox .date {
		font-size: 4vw;
	}
}
#idea .inbox .name {
	font-size: 2.5rem;
}
@media (max-width: 767px) {
	#idea .inbox .name {
		font-size: 5.5vw;
	}
}
#idea .inbox .name span {
	margin-right: 1em;
	font-size: 0.72em;
}

/*-----------------------------------------------------------
	 about
-----------------------------------------------------------*/
#about table {
	width: 100%;
	margin-bottom: 100px;
	border-top: 1px solid #b3b3b3;
	font-size: 1.5rem;
	table-layout: fixed;
}
@media (max-width: 767px) {
	#about table {
		margin-bottom: 10vw;
		font-size: 3.75vw;
	}
}
#about table th, #about table td {
	padding: 1.5em 0px;
	border-bottom: 1px solid #b3b3b3;
}
@media (max-width: 767px) {
	#about table th, #about table td {
		display: block;
	}
}
#about table th {
	width: 10em;
	color: #0e498a;
	font-weight: 500;
}
@media (max-width: 767px) {
	#about table th {
		width: auto;
		padding-bottom: 0px;
		border-bottom: none;
	}
}
@media (max-width: 767px) {
	#about table td {
		padding-top: 1em;
	}
}
#about table ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#about table ul li {
	width: 45%;
	margin-bottom: 0.5em;
}
@media (max-width: 767px) {
	#about table ul li {
		width: 100%;
	}
}
#about table .c2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
@media (max-width: 767px) {
	#about table .c2 {
		display: block;
	}
}
#about table .c2 ul {
	display: block;
	width: 45%;
}
@media (max-width: 767px) {
	#about table .c2 ul {
		width: auto;
	}
}
#about table .c2 ul li {
	width: auto;
}
#about table .addr {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
#about table .addr dt, #about table .addr dd {
	margin-bottom: 1em;
}
#about table .addr dt {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 6em;
	text-align: center;
	background: #0e498a;
	color: #fff;
}
#about table .addr dt:last-of-type {
	margin-bottom: 0px;
	background: #ac0006;
}
#about table .addr dt:last-of-type + dd {
	margin-bottom: 0px;
}
#about table .addr dd {
	width: -webkit-calc(100% - 7em);
	width: calc(100% - 7em);
}
#about table .addr dd span {
	padding-left: 1em;
}
@media (max-width: 767px) {
	#about table .addr dd span {
		display: block;
		padding-left: 0px;
	}
}
#about table .yakuin {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#about table .yakuin dt {
	width: 25em;
}
@media (max-width: 767px) {
	#about table .yakuin dt {
		width: 16em;
	}
}
#about table .yakuin dt span {
	display: block;
	text-indent: 4em;
}
#about table .yakuin dd {
	width: -webkit-calc(100% - 25em);
	width: calc(100% - 25em);
}
@media (max-width: 767px) {
	#about table .yakuin dd {
		width: -webkit-calc(100% - 16em);
		width: calc(100% - 16em);
	}
}
#about .office {
	position: relative;
}
#about .office .head {
	position: absolute;
	left: 0px;
	top: 2.5em;
}
@media (max-width: 767px) {
	#about .office .head {
		position: static;
	}
}
#about .office .items .item {
	position: relative;
	margin-bottom: 100px;
}
@media (max-width: 767px) {
	#about .office .items .item {
		margin-bottom: 20vw;
	}
}
#about .office .items .item:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -62%);
	-ms-transform: translate(-50%, -62%);
	transform: translate(-50%, -62%);
	width: 100%;
	height: 1080px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
}
@media (max-width: 767px) {
	#about .office .items .item:before {
		height: 230vw;
	}
}
#about .office .items .item:nth-child(1):before {
	background-image: url(../img/company/about/bg01.svg);
}
@media (max-width: 767px) {
	#about .office .items .item:nth-child(1):before {
		-webkit-transform: translate(-50%, -72%);
		-ms-transform: translate(-50%, -72%);
		transform: translate(-50%, -72%);
	}
}
#about .office .items .item:nth-child(2):before {
	background-image: url(../img/company/about/bg02.svg);
}
#about .office .items .item .box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-bottom: 50px;
	color: #fff;
}
@media (max-width: 767px) {
	#about .office .items .item .box {
		margin-bottom: 5vw;
	}
}
#about .office .items .item .box h2 {
	font-size: 2.8rem;
	font-weight: 400;
}
@media (max-width: 767px) {
	#about .office .items .item .box h2 {
		font-size: 6vw;
	}
}
#about .office .items .item .box .en {
	font-size: 1.4rem;
}
@media (max-width: 767px) {
	#about .office .items .item .box .en {
		font-size: 3.75vw;
	}
}
#about .office .items .item .box figure {
	width: 66%;
}
@media (max-width: 767px) {
	#about .office .items .item .box figure {
		width: 55%;
	}
}
#about .office .items .item .text {
	margin-bottom: 2em;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.9;
}
@media (max-width: 767px) {
	#about .office .items .item .text {
		font-size: 3.75vw;
	}
}
#about .office .items .item .map {
	height: 540px;
}
@media (max-width: 767px) {
	#about .office .items .item .map {
		height: 100vw;
	}
}
#about .office .items .item .map iframe {
	width: 100%;
	height: 100%;
}
#about .office .items .item address {
	padding-top: 1.5em;
	font-size: 1.5rem;
}
@media (max-width: 767px) {
	#about .office .items .item address {
		font-size: 3.75vw;
	}
}

/*-----------------------------------------------------------
	 history
-----------------------------------------------------------*/
#history table {
	width: 100%;
	margin-bottom: 100px;
	border-top: 1px solid #b3b3b3;
	font-size: 1.5rem;
}
@media (max-width: 767px) {
	#history table {
		margin-bottom: 10vw;
		font-size: 3.75vw;
	}
}
#history table th, #history table td {
	padding: 1.5em 0px;
	border-bottom: 1px solid #b3b3b3;
}
@media (max-width: 767px) {
	#history table th, #history table td {
		display: block;
	}
}
#history table th {
	width: 12em;
	color: #0e498a;
	font-weight: 500;
}
@media (max-width: 767px) {
	#history table th {
		width: auto;
		padding-bottom: 0px;
		border-bottom: none;
	}
}
@media (max-width: 767px) {
	#history table td {
		padding-top: 1em;
	}
}

/*-----------------------------------------------------------
	 business
-----------------------------------------------------------*/
#business .pagetitle {
	background-image: url(../img/company/business/key.jpg);
}
#business .detail .catchbox {
	margin-bottom: 1.5em;
	text-align: center;
}
#business .detail .catchbox .read {
	font-size: 2.2rem;
	letter-spacing: 0.2em;
}
@media (max-width: 767px) {
	#business .detail .catchbox .read {
		font-size: 4vw;
	}
}
#business .detail .catchbox .title {
	margin-bottom: 0.25em;
	font-size: 3rem;
}
@media (max-width: 767px) {
	#business .detail .catchbox .title {
		font-size: 5.25vw;
	}
}
#business .detail .catchbox .en {
	font-size: 6rem;
	font-weight: 500;
	font-family: "Montserrat", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #e7e7e8;
	line-height: 1;
}
@media (max-width: 767px) {
	#business .detail .catchbox .en {
		font-size: 10vw;
	}
}
#business .detail .readtext {
	margin-bottom: 4.25em;
	font-size: 1.6rem;
	line-height: 2.25;
}
@media (max-width: 767px) {
	#business .detail .readtext {
		font-size: 3.75vw;
	}
}
#business .detail .items .item {
	position: relative;
}
#business .detail .items .item:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0px;
	z-index: -1;
	width: 100%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 1314px;
	background: url(../img/company/business/bg.png) center bottom/auto 100% no-repeat;
}
#business .detail .items .item .head {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 4em;
}
@media (max-width: 767px) {
	#business .detail .items .item .head {
		display: block;
		margin-bottom: 5vw;
	}
}
#business .detail .items .item .head .textbox {
	width: 40%;
}
@media (max-width: 767px) {
	#business .detail .items .item .head .textbox {
		width: auto;
	}
}
#business .detail .items .item .head h2 {
	padding-left: 1.25em;
	background-size: 28px 48px;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 3.8rem;
	font-weight: 400;
}
@media (max-width: 767px) {
	#business .detail .items .item .head h2 {
		font-size: 8vw;
		padding-left: 1em;
		background-size: auto 1.2em;
	}
}
#business .detail .items .item .head p {
	padding-top: 0.75em;
}
#business .detail .items .item .head figure {
	width: 58%;
}
@media (max-width: 767px) {
	#business .detail .items .item .head figure {
		width: auto;
		padding: 1em 0px;
	}
}
#business .detail .items .item .text {
	margin-bottom: 1.5em;
	font-size: 1.6rem;
	line-height: 2.25;
	color: #fff;
}
@media (max-width: 767px) {
	#business .detail .items .item .text {
		font-size: 3.75vw;
		line-height: 2;
	}
}
#business .detail .items .item .img {
	padding-top: 3em;
}
@media (max-width: 767px) {
	#business .detail .items .item .img {
		padding-top: 0px;
	}
}
#business .detail .items .item ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 1.5em;
}
#business .detail .items .item ul li {
	width: 48%;
}
#business .detail .items .item:nth-child(1) {
	margin-bottom: 100px;
}
#business .detail .items .item:nth-child(1):before {
	bottom: 80px;
}
@media (max-width: 995px) {
	#business .detail .items .item:nth-child(1):before {
		bottom: 50px;
	}
}
@media (max-width: 767px) {
	#business .detail .items .item:nth-child(1):before {
		bottom: -20vw;
		height: 400vw;
	}
}
#business .detail .items .item:nth-child(1) h2 {
	background-image: url(../img/company/business/1.svg);
}
#business .detail .items .item:nth-child(2) {
	margin-bottom: 200px;
}
@media (max-width: 767px) {
	#business .detail .items .item:nth-child(2) {
		margin-bottom: 30vw;
	}
}
#business .detail .items .item:nth-child(2):before {
	bottom: -220px;
}
@media (max-width: 995px) {
	#business .detail .items .item:nth-child(2):before {
		height: 1190px;
	}
}
@media (max-width: 767px) {
	#business .detail .items .item:nth-child(2):before {
		bottom: -45vw;
		height: 310vw;
	}
}
#business .detail .items .item:nth-child(2) h2 {
	background-image: url(../img/company/business/2.svg);
}

/*-----------------------------------------------------------
	 sdgs
-----------------------------------------------------------*/
#sdgs {
	background-color: #efefef;
}
#sdgs .pagetitle {
	background-position: center bottom;
	background-image: url(../img/company/sdgs/key.jpg);
}
@media (max-width: 767px) {
	#sdgs .pagetitle:before {
		left: -186%;
		-webkit-transform: skew(-35deg);
		-ms-transform: skew(-35deg);
		transform: skew(-35deg);
	}
}
@media (max-width: 767px) {
	#sdgs .pagetitle:after {
		left: -200%;
		-webkit-transform: skew(25deg);
		-ms-transform: skew(25deg);
		transform: skew(25deg);
	}
}
#sdgs .pagetitle .wrap {
	height: 620px;
}
@media (max-width: 995px) {
	#sdgs .pagetitle .wrap {
		height: 380px;
	}
}
@media (max-width: 767px) {
	#sdgs .pagetitle .wrap {
		height: 100vw;
	}
}
#sdgs .pagetitle .wrap .titlebox {
	position: absolute;
	top: 50%;
	left: 0px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	color: #fff;
	text-align: center;
}
#sdgs .pagetitle .wrap .titlebox h1 {
	max-width: 400px;
	margin: 0px auto 2em;
}
@media (max-width: 995px) {
	#sdgs .pagetitle .wrap .titlebox h1 {
		width: 28vw;
	}
}
@media (max-width: 767px) {
	#sdgs .pagetitle .wrap .titlebox h1 {
		width: 46vw;
		margin-bottom: 0.75em;
	}
}
#sdgs .pagetitle .wrap .titlebox .text {
	font-size: 2.3rem;
	letter-spacing: 0.2em;
}
@media (max-width: 995px) {
	#sdgs .pagetitle .wrap .titlebox .text {
		font-size: 1.6rem;
	}
}
@media (max-width: 767px) {
	#sdgs .pagetitle .wrap .titlebox .text {
		font-size: 3.25vw;
	}
}
#sdgs #sdgs-results {
	padding: 10px;
	background-color: #e1e1e1;
}
#sdgs #sdgs-results a {
	display: block;
}
#sdgs #sdgs-results .year {
	margin-bottom: 1px;
}
#sdgs #sdgs-results .year a {
	padding: 0.5em 0px;
	font-size: 1.6rem;
	background-color: #cdcdcd;
	text-align: center;
	text-decoration: none;
}
#sdgs #sdgs-results .year a.current {
	background: #000;
	color: #fff;
}
@media (min-width: 1060px) {
	#sdgs #sdgs-results .year a {
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	#sdgs #sdgs-results .year a:hover {
		background: #666;
		color: #fff;
	}
}
#sdgs #sdgs-results .yearbox {
	display: none;
	overflow: hidden;
}
#sdgs #sdgs-results .yearbox li {
	position: relative;
	margin-bottom: 1px;
	padding: 1em 8em 1em 2em;
	background-color: #fff;
}
@media (max-width: 767px) {
	#sdgs #sdgs-results .yearbox li {
		padding-right: 1em;
	}
}
#sdgs #sdgs-results .yearbox li .title {
	display: block;
	padding-left: 1.25em;
	background-position: left 0.25em;
	background-repeat: no-repeat;
	background-size: 1em 1em;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2258.7px%22%20height%3D%2297.3px%22%20viewBox%3D%220%200%2058.7%2097.3%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2058.7%2097.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%230e498a%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E7%B9%9D%EF%BD%AC%E7%B9%A7%EF%BD%A4%E7%B9%9D%EF%BD%A4%E7%B9%9D%EF%BD%BC_2_2_%22%3E%20%3Cg%20id%3D%22%E7%B9%9D%EF%BD%AC%E7%B9%A7%EF%BD%A4%E7%B9%9D%EF%BD%A4%E7%B9%9D%EF%BD%BC_1-2_1_%22%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%2210%2C0%200%2C10%2038.7%2C48.7%200%2C87.3%2010%2C97.3%2058.7%2C48.7%20%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#sdgs #sdgs-results .yearbox li .title a {
	display: inline;
}
#sdgs #sdgs-results .yearbox li .title .pdf {
	display: inline-block;
	width: 1.5em;
	padding: 0px;
	margin-left: 0.5em;
	background: none;
}
#sdgs #sdgs-results .yearbox li .date {
	display: block;
	position: absolute;
	right: 1em;
	top: 1em;
}
@media (max-width: 767px) {
	#sdgs #sdgs-results .yearbox li .date {
		position: static;
		text-align: right;
		padding-top: 0.5em;
	}
}
#sdgs .detail {
	margin-bottom: 100px;
}
@media (max-width: 767px) {
	#sdgs .detail {
		margin-bottom: 15vw;
	}
}
#sdgs .detail h2, #sdgs .detail h3 {
	margin-bottom: 0.75em;
	color: #982710;
	font-weight: 400;
}
#sdgs .detail h2 {
	font-size: 2.4rem;
}
@media (max-width: 767px) {
	#sdgs .detail h2 {
		font-size: 5vw;
	}
}
#sdgs .detail h3 {
	font-size: 2.1rem;
}
@media (max-width: 767px) {
	#sdgs .detail h3 {
		font-size: 4.5vw;
	}
}
#sdgs .detail .text, #sdgs .detail .label, #sdgs .detail .texts, #sdgs .detail .numbertext, #sdgs .detail .scope {
	font-size: 1.8rem;
}
@media (max-width: 767px) {
	#sdgs .detail .text, #sdgs .detail .label, #sdgs .detail .texts, #sdgs .detail .numbertext, #sdgs .detail .scope {
		font-size: 3.75vw;
	}
}
#sdgs .detail .indent {
	text-indent: 1em;
}
#sdgs .detail .text, #sdgs .detail .numbertext {
	line-height: 2;
}
#sdgs .detail .texts {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#sdgs .detail .texts dt, #sdgs .detail .texts dd {
	margin-bottom: 0.5em;
}
@media (max-width: 767px) {
	#sdgs .detail .texts dt, #sdgs .detail .texts dd {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}
#sdgs .detail .texts dt {
	width: 6em;
}
#sdgs .detail .texts dd {
	width: -webkit-calc(100% - 6em);
	width: calc(100% - 6em);
}
@media (max-width: 767px) {
	#sdgs .detail .texts dd {
		padding-left: 1em;
		text-indent: -1em;
	}
}
#sdgs .detail .numbertext {
	margin-top: 1.5em;
}
#sdgs .detail .numbertext li {
	margin-bottom: 0.5em;
	padding-left: 1.75em;
	text-indent: -1.75em;
}
#sdgs .detail .mb {
	margin-bottom: 0.75em;
}
#sdgs .detail .btn {
	margin-top: 3em;
	text-align: center;
}
@media (max-width: 767px) {
	#sdgs .detail .btn {
		margin-top: 5vw;
	}
}
#sdgs .detail .btn a {
	display: inline-block;
	width: 12.65em;
	padding: 0.5em 0px;
	border: 1px solid #982710;
	background-color: #982710;
	font-size: 1.9rem;
	color: #fff;
	text-align: center;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (max-width: 767px) {
	#sdgs .detail .btn a {
		font-size: 4vw;
	}
}
@media (min-width: 1060px) {
	#sdgs .detail .btn a:hover {
		background-color: #fff;
		color: #982710;
	}
}
#sdgs .detail .box {
	margin-bottom: 50px;
}
@media (max-width: 767px) {
	#sdgs .detail .box {
		margin-bottom: 10vw;
	}
}
#sdgs .detail .memberbox .name {
	position: relative;
	max-width: 12em;
	margin: 0px auto 30px;
	padding: 0.25em 0px;
	background: #fff;
	border: 1px solid #982710;
	color: #982710;
	font-size: 2.1rem;
	text-align: center;
}
@media (max-width: 767px) {
	#sdgs .detail .memberbox .name {
		font-size: 4vw;
		margin-bottom: 1.5em;
	}
}
#sdgs .detail .memberbox .name:after {
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	bottom: -31px;
	width: 1px;
	height: 30px;
	background: #982710;
}
@media (max-width: 767px) {
	#sdgs .detail .memberbox .name:after {
		bottom: -webkit-calc(0px - (1.5 + 1px));
		bottom: calc(0px - (1.5 + 1px));
		height: 1.5;
	}
}
#sdgs .detail .memberbox .label {
	margin-bottom: 1em;
	padding: 0.5em 0px;
	background: #982710;
	color: #fff;
	text-align: center;
}
#sdgs .detail .memberbox .items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media (max-width: 767px) {
	#sdgs .detail .memberbox .items {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
#sdgs .detail .memberbox .items .item {
	width: 23.5%;
	padding: 1em 1em 0.5em;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media (max-width: 767px) {
	#sdgs .detail .memberbox .items .item {
		width: 48%;
		margin-bottom: 4%;
	}
}
#sdgs .detail .memberbox .items .item .title {
	margin-bottom: 0.5em;
	text-align: center;
	color: #982710;
	font-size: 2.1rem;
}
@media (max-width: 767px) {
	#sdgs .detail .memberbox .items .item .title {
		font-size: 4.5vw;
	}
}
#sdgs .detail .memberbox .items .item ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#sdgs .detail .memberbox .items .item ul li {
	width: 48%;
	margin-bottom: 4%;
}
#sdgs .detail .memberbox .logo {
	margin: 40px auto 0px;
	max-width: 600px;
}
@media (max-width: 995px) {
	#sdgs .detail .memberbox .logo {
		width: 50vw;
	}
}
@media (max-width: 767px) {
	#sdgs .detail .memberbox .logo {
		width: 90%;
		margin: 5vw auto 0px;
	}
}
#sdgs .detail .inbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 2em;
}
@media (max-width: 767px) {
	#sdgs .detail .inbox {
		display: block;
		margin-bottom: 5vw;
	}
}
#sdgs .detail .inbox .text {
	width: 55%;
}
@media (max-width: 767px) {
	#sdgs .detail .inbox .text {
		width: auto;
		margin-bottom: 5vw;
	}
}
#sdgs .detail .inbox figure {
	width: 41.5%;
}
@media (max-width: 767px) {
	#sdgs .detail .inbox figure {
		width: auto;
	}
}
#sdgs .detail .scope {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
@media (max-width: 767px) {
	#sdgs .detail .scope {
		display: block;
	}
}
#sdgs .detail .scope dt, #sdgs .detail .scope dd {
	margin-bottom: 1em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#sdgs .detail .scope dt {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 48%;
	padding: 0px 2em;
	color: #fff;
}
@media (max-width: 767px) {
	#sdgs .detail .scope dt {
		display: block;
		padding: 1em 0px;
		width: auto;
		margin-bottom: 0px;
		text-align: center;
	}
}
#sdgs .detail .scope dt .num {
	margin-right: 2em;
}
@media (max-width: 767px) {
	#sdgs .detail .scope dt .num {
		display: block;
		margin: 0px 0px 0.5em;
	}
}
#sdgs .detail .scope dt:nth-of-type(1) {
	background: #697ec8;
}
#sdgs .detail .scope dt:nth-of-type(1) + dd {
	background: #dcdeee;
}
#sdgs .detail .scope dt:nth-of-type(2) {
	background: #7ab78f;
}
#sdgs .detail .scope dt:nth-of-type(2) + dd {
	background: #e2eae6;
}
#sdgs .detail .scope dt:nth-of-type(3) {
	background: #9bb05a;
}
#sdgs .detail .scope dt:nth-of-type(3) + dd {
	background: #e3e8da;
}
#sdgs .detail .scope dd {
	width: 52%;
	padding: 1em 1.5em;
}
@media (max-width: 767px) {
	#sdgs .detail .scope dd {
		width: auto;
		text-align: center;
	}
}

/*-----------------------------------------------------------
	 quality
-----------------------------------------------------------*/
#quality .pagetitle {
	background-image: url(../img/company/business/key.jpg);
}
#quality .detail h1 {
	margin-bottom: 0.75em;
}
#quality .detail .item {
	margin-bottom: 70px;
	padding: 50px;
	background: #e4e6ea;
	border-radius: 10px;
}
@media (max-width: 767px) {
	#quality .detail .item {
		margin-bottom: 10vw;
		padding: 5vw 2.5vw;
	}
}
#quality .detail .item h2 {
	margin-bottom: 0.75em;
	font-size: 3.1rem;
	color: #0e498a;
	text-align: center;
	font-weight: 400;
}
@media (max-width: 767px) {
	#quality .detail .item h2 {
		margin-bottom: 0.5em;
		font-size: 6.5vw;
	}
}
#quality .detail .item .read {
	padding: 0px 1em 1.5em;
	font-size: 1.6rem;
	line-height: 2.25;
}
@media (max-width: 767px) {
	#quality .detail .item .read {
		padding: 0px 2.5vw 1em;
		font-size: 3.75vw;
	}
}
#quality .detail .item .inbox {
	padding: 40px;
	background: #fff;
	border-radius: 10px;
}
@media (max-width: 767px) {
	#quality .detail .item .inbox {
		padding: 5vw 3vw;
	}
}
#quality .detail .item .inbox h3 {
	margin-bottom: 0.25em;
	font-size: 3.1rem;
	color: #0e498a;
	text-align: center;
	font-weight: 400;
}
@media (max-width: 767px) {
	#quality .detail .item .inbox h3 {
		margin-bottom: 0.5em;
		font-size: 6vw;
	}
}
#quality .detail .item .inbox ul li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 1em;
	font-size: 1.5rem;
}
@media (max-width: 767px) {
	#quality .detail .item .inbox ul li {
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		font-size: 3.75vw;
	}
}
#quality .detail .item .inbox ul li .num {
	width: 1.5em;
	height: 1.5em;
	background: #0e498a;
	font-size: 3.3rem;
	text-align: center;
	color: #fff;
}
@media (max-width: 767px) {
	#quality .detail .item .inbox ul li .num {
		font-size: 6vw;
	}
}
#quality .detail .item .inbox ul li .text {
	width: -webkit-calc(100% - 5em);
	width: calc(100% - 5em);
}
@media (max-width: 767px) {
	#quality .detail .item .inbox ul li .text {
		width: -webkit-calc(100% - 3.5em);
		width: calc(100% - 3.5em);
	}
}
#quality .detail .item .inbox .date {
	padding-top: 1em;
	font-size: 1.8rem;
	text-align: right;
}
@media (max-width: 767px) {
	#quality .detail .item .inbox .date {
		font-size: 4.25vw;
	}
}

/*-----------------------------------------------------------
	 product
-----------------------------------------------------------*/
#product .pagetitle, #teinetu .pagetitle, #tainetu .pagetitle, #taima .pagetitle, #hitetu .pagetitle, #egnis .pagetitle {
	background-image: url(../img/company/business/key.jpg);
}
#product .detail, #teinetu .detail, #tainetu .detail, #taima .detail, #hitetu .detail, #egnis .detail {
	background: #efefef;
}

#teinetu .keybox, #tainetu .keybox, #taima .keybox, #hitetu .keybox, #egnis .keybox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 50px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	color: #fff;
}
@media (max-width: 767px) {
	#teinetu .keybox, #tainetu .keybox, #taima .keybox, #hitetu .keybox, #egnis .keybox {
		display: block;
		margin-bottom: 5vw;
	}
}
#teinetu .keybox .title, #tainetu .keybox .title, #taima .keybox .title, #hitetu .keybox .title, #egnis .keybox .title {
	width: 38%;
	padding-left: 7%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media (max-width: 995px) {
	#teinetu .keybox .title, #tainetu .keybox .title, #taima .keybox .title, #hitetu .keybox .title, #egnis .keybox .title {
		width: 45%;
		padding-left: 5%;
	}
}
@media (max-width: 767px) {
	#teinetu .keybox .title, #tainetu .keybox .title, #taima .keybox .title, #hitetu .keybox .title, #egnis .keybox .title {
		width: auto;
		padding: 5vw 5vw 0px;
	}
}
#teinetu .keybox h1, #tainetu .keybox h1, #taima .keybox h1, #hitetu .keybox h1, #egnis .keybox h1 {
	padding: 0px 20px;
	font-size: 3.4rem;
	font-weight: 400;
}
@media (max-width: 767px) {
	#teinetu .keybox h1, #tainetu .keybox h1, #taima .keybox h1, #hitetu .keybox h1, #egnis .keybox h1 {
		padding: 0px;
		font-size: 7vw;
	}
}
#teinetu .keybox h1 span, #tainetu .keybox h1 span, #taima .keybox h1 span, #hitetu .keybox h1 span, #egnis .keybox h1 span {
	display: block;
	font-size: 0.42em;
}
@media (max-width: 767px) {
	#teinetu .keybox h1 span, #tainetu .keybox h1 span, #taima .keybox h1 span, #hitetu .keybox h1 span, #egnis .keybox h1 span {
		display: inline-block;
		margin-left: 1em;
	}
}
#teinetu .keybox .en, #tainetu .keybox .en, #taima .keybox .en, #hitetu .keybox .en, #egnis .keybox .en {
	padding: 0px 20px;
	font-size: 1.1rem;
}
@media (max-width: 767px) {
	#teinetu .keybox .en, #tainetu .keybox .en, #taima .keybox .en, #hitetu .keybox .en, #egnis .keybox .en {
		padding: 0px;
		font-size: 3.25vw;
	}
}
#teinetu .keybox figure, #tainetu .keybox figure, #taima .keybox figure, #hitetu .keybox figure, #egnis .keybox figure {
	width: 62%;
}
@media (max-width: 995px) {
	#teinetu .keybox figure, #tainetu .keybox figure, #taima .keybox figure, #hitetu .keybox figure, #egnis .keybox figure {
		width: 55%;
	}
}
@media (max-width: 767px) {
	#teinetu .keybox figure, #tainetu .keybox figure, #taima .keybox figure, #hitetu .keybox figure, #egnis .keybox figure {
		width: auto;
	}
}
#teinetu .detail, #tainetu .detail, #taima .detail, #hitetu .detail, #egnis .detail {
	padding-bottom: 10px;
}
#teinetu .detail .text, #teinetu .detail .list, #tainetu .detail .text, #tainetu .detail .list, #taima .detail .text, #taima .detail .list, #hitetu .detail .text, #hitetu .detail .list, #egnis .detail .text, #egnis .detail .list {
	margin-bottom: 1em;
	font-size: 1.6rem;
	line-height: 2.25;
}
@media (max-width: 767px) {
	#teinetu .detail .text, #teinetu .detail .list, #tainetu .detail .text, #tainetu .detail .list, #taima .detail .text, #taima .detail .list, #hitetu .detail .text, #hitetu .detail .list, #egnis .detail .text, #egnis .detail .list {
		margin-bottom: 2em;
		font-size: 3.75vw;
		line-height: 2;
	}
}
#teinetu .detail .list li, #tainetu .detail .list li, #taima .detail .list li, #hitetu .detail .list li, #egnis .detail .list li {
	padding-left: 1em;
	text-indent: -1em;
}
#teinetu .detail .movie, #tainetu .detail .movie, #taima .detail .movie, #hitetu .detail .movie, #egnis .detail .movie {
	margin-bottom: 50px;
}
@media (max-width: 767px) {
	#teinetu .detail .movie, #tainetu .detail .movie, #taima .detail .movie, #hitetu .detail .movie, #egnis .detail .movie {
		margin-bottom: 5vw;
	}
}
#teinetu .detail .movie div, #tainetu .detail .movie div, #taima .detail .movie div, #hitetu .detail .movie div, #egnis .detail .movie div {
	position: relative;
	padding-top: 56.25%;
}
#teinetu .detail .movie iframe, #tainetu .detail .movie iframe, #taima .detail .movie iframe, #hitetu .detail .movie iframe, #egnis .detail .movie iframe {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
#teinetu .detail h2, #tainetu .detail h2, #taima .detail h2, #hitetu .detail h2, #egnis .detail h2 {
	margin-bottom: 0.75em;
	font-size: 3.1rem;
	color: #ac0006;
	text-align: center;
	font-weight: 400;
	letter-spacing: 1em;
	text-indent: 1em;
}
@media (max-width: 767px) {
	#teinetu .detail h2, #tainetu .detail h2, #taima .detail h2, #hitetu .detail h2, #egnis .detail h2 {
		letter-spacing: 0px;
		text-indent: 0px;
		margin-bottom: 0.5em;
		font-size: 7vw;
	}
}
#teinetu .detail h2 span, #tainetu .detail h2 span, #taima .detail h2 span, #hitetu .detail h2 span, #egnis .detail h2 span {
	display: block;
	color: #babcbf;
	font-size: 0.52em;
	letter-spacing: 0px;
	text-indent: 0px;
}
#teinetu .detail h2 strong, #tainetu .detail h2 strong, #taima .detail h2 strong, #hitetu .detail h2 strong, #egnis .detail h2 strong {
	font-size: 1.5em;
	font-weight: 500;
}
#teinetu .detail h3, #tainetu .detail h3, #taima .detail h3, #hitetu .detail h3, #egnis .detail h3 {
	font-size: 2.2rem;
	margin-bottom: 0.5em;
	font-weight: 400;
}
@media (max-width: 767px) {
	#teinetu .detail h3, #tainetu .detail h3, #taima .detail h3, #hitetu .detail h3, #egnis .detail h3 {
		font-size: 4.5vw;
	}
}
#teinetu .detail h3.obi, #tainetu .detail h3.obi, #taima .detail h3.obi, #hitetu .detail h3.obi, #egnis .detail h3.obi {
	padding: 0.25em 0.75em;
	background: #000;
	color: #fff;
	font-size: 1.8rem;
}
@media (max-width: 767px) {
	#teinetu .detail h3.obi, #tainetu .detail h3.obi, #taima .detail h3.obi, #hitetu .detail h3.obi, #egnis .detail h3.obi {
		font-size: 4vw;
	}
}
#teinetu .detail table, #tainetu .detail table, #taima .detail table, #hitetu .detail table, #egnis .detail table {
	width: 100%;
	margin-bottom: 50px;
}
@media (max-width: 767px) {
	#teinetu .detail table, #tainetu .detail table, #taima .detail table, #hitetu .detail table, #egnis .detail table {
		margin-bottom: 5vw;
	}
}
#teinetu .detail table.point th, #teinetu .detail table.point td, #tainetu .detail table.point th, #tainetu .detail table.point td, #taima .detail table.point th, #taima .detail table.point td, #hitetu .detail table.point th, #hitetu .detail table.point td, #egnis .detail table.point th, #egnis .detail table.point td {
	padding: 1em;
	border-bottom: 1px solid #efefef;
}
@media (max-width: 767px) {
	#teinetu .detail table.point th, #teinetu .detail table.point td, #tainetu .detail table.point th, #tainetu .detail table.point td, #taima .detail table.point th, #taima .detail table.point td, #hitetu .detail table.point th, #hitetu .detail table.point td, #egnis .detail table.point th, #egnis .detail table.point td {
		display: block;
	}
}
#teinetu .detail table.point th, #tainetu .detail table.point th, #taima .detail table.point th, #hitetu .detail table.point th, #egnis .detail table.point th {
	width: 8em;
	background: #B00600;
	color: #fff;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
}
@media (max-width: 767px) {
	#teinetu .detail table.point th, #tainetu .detail table.point th, #taima .detail table.point th, #hitetu .detail table.point th, #egnis .detail table.point th {
		width: auto;
	}
}
#teinetu .detail table.point td, #tainetu .detail table.point td, #taima .detail table.point td, #hitetu .detail table.point td, #egnis .detail table.point td {
	background: #fff;
}
#teinetu .detail table.dataTable th, #teinetu .detail table.dataTable td, #tainetu .detail table.dataTable th, #tainetu .detail table.dataTable td, #taima .detail table.dataTable th, #taima .detail table.dataTable td, #hitetu .detail table.dataTable th, #hitetu .detail table.dataTable td, #egnis .detail table.dataTable th, #egnis .detail table.dataTable td {
	padding: 3px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #bbb;
}
@media (max-width: 767px) {
	#teinetu .detail table.dataTable th, #teinetu .detail table.dataTable td, #tainetu .detail table.dataTable th, #tainetu .detail table.dataTable td, #taima .detail table.dataTable th, #taima .detail table.dataTable td, #hitetu .detail table.dataTable th, #hitetu .detail table.dataTable td, #egnis .detail table.dataTable th, #egnis .detail table.dataTable td {
		font-size: 3.25vw;
	}
}
#teinetu .detail table.dataTable th, #tainetu .detail table.dataTable th, #taima .detail table.dataTable th, #hitetu .detail table.dataTable th, #egnis .detail table.dataTable th {
	background: #302622;
	color: #fff;
	border-top: 1px solid #302622;
}
#teinetu .detail table.dataTable th.sideth, #tainetu .detail table.dataTable th.sideth, #taima .detail table.dataTable th.sideth, #hitetu .detail table.dataTable th.sideth, #egnis .detail table.dataTable th.sideth {
	background: #CECEBF;
	color: #1F1712;
	border-bottom: 1px solid #fff;
}
#teinetu .detail table.dataTable th:first-child, #tainetu .detail table.dataTable th:first-child, #taima .detail table.dataTable th:first-child, #hitetu .detail table.dataTable th:first-child, #egnis .detail table.dataTable th:first-child {
	border-left: 1px solid #302622;
}
#teinetu .detail table.dataTable th:last-child, #tainetu .detail table.dataTable th:last-child, #taima .detail table.dataTable th:last-child, #hitetu .detail table.dataTable th:last-child, #egnis .detail table.dataTable th:last-child {
	border-right: 1px solid #302622;
}
#teinetu .detail table.dataTable td:first-child, #tainetu .detail table.dataTable td:first-child, #taima .detail table.dataTable td:first-child, #hitetu .detail table.dataTable td:first-child, #egnis .detail table.dataTable td:first-child {
	border-left: 1px solid #302622;
}
#teinetu .detail table.dataTable td:last-child, #tainetu .detail table.dataTable td:last-child, #taima .detail table.dataTable td:last-child, #hitetu .detail table.dataTable td:last-child, #egnis .detail table.dataTable td:last-child {
	border-right: 1px solid #302622;
}
#teinetu .detail table.dataTable tr:last-child th.sideth, #tainetu .detail table.dataTable tr:last-child th.sideth, #taima .detail table.dataTable tr:last-child th.sideth, #hitetu .detail table.dataTable tr:last-child th.sideth, #egnis .detail table.dataTable tr:last-child th.sideth {
	border-bottom: 1px solid #302622;
}
#teinetu .detail table.dataTable tr:last-child td, #tainetu .detail table.dataTable tr:last-child td, #taima .detail table.dataTable tr:last-child td, #hitetu .detail table.dataTable tr:last-child td, #egnis .detail table.dataTable tr:last-child td {
	border-bottom: 1px solid #302622;
}
#teinetu .detail table.none, #tainetu .detail table.none, #taima .detail table.none, #hitetu .detail table.none, #egnis .detail table.none {
	margin-bottom: 1em;
}
#teinetu .detail .note, #tainetu .detail .note, #taima .detail .note, #hitetu .detail .note, #egnis .detail .note {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 50px;
}
#teinetu .detail .note.none, #tainetu .detail .note.none, #taima .detail .note.none, #hitetu .detail .note.none, #egnis .detail .note.none {
	margin-bottom: 1em;
}
@media (max-width: 767px) {
	#teinetu .detail .note, #tainetu .detail .note, #taima .detail .note, #hitetu .detail .note, #egnis .detail .note {
		display: block;
		margin-bottom: 5vw;
	}
}
@media (max-width: 767px) {
	#teinetu .detail .scrollbox, #tainetu .detail .scrollbox, #taima .detail .scrollbox, #hitetu .detail .scrollbox, #egnis .detail .scrollbox {
		overflow: auto;
	}
	#teinetu .detail .scrollbox table, #tainetu .detail .scrollbox table, #taima .detail .scrollbox table, #hitetu .detail .scrollbox table, #egnis .detail .scrollbox table {
		white-space: nowrap;
	}
}
#teinetu .detail .pointbox, #tainetu .detail .pointbox, #taima .detail .pointbox, #hitetu .detail .pointbox, #egnis .detail .pointbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 50px;
	font-size: 2.2rem;
}
@media (max-width: 767px) {
	#teinetu .detail .pointbox, #tainetu .detail .pointbox, #taima .detail .pointbox, #hitetu .detail .pointbox, #egnis .detail .pointbox {
		display: block;
		margin-bottom: 5vw;
		font-size: 6vw;
	}
}
#teinetu .detail .pointbox dt, #tainetu .detail .pointbox dt, #taima .detail .pointbox dt, #hitetu .detail .pointbox dt, #egnis .detail .pointbox dt {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 6em;
	color: #fff;
	background-color: #ac0006;
}
@media (max-width: 767px) {
	#teinetu .detail .pointbox dt, #tainetu .detail .pointbox dt, #taima .detail .pointbox dt, #hitetu .detail .pointbox dt, #egnis .detail .pointbox dt {
		width: auto;
	}
}
#teinetu .detail .pointbox dd, #tainetu .detail .pointbox dd, #taima .detail .pointbox dd, #hitetu .detail .pointbox dd, #egnis .detail .pointbox dd {
	width: -webkit-calc(100% - 6em);
	width: calc(100% - 6em);
	padding: 1em 1.5em;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media (max-width: 767px) {
	#teinetu .detail .pointbox dd, #tainetu .detail .pointbox dd, #taima .detail .pointbox dd, #hitetu .detail .pointbox dd, #egnis .detail .pointbox dd {
		width: auto;
		padding: 5vw;
	}
}
#teinetu .detail .pointbox dd ul, #tainetu .detail .pointbox dd ul, #taima .detail .pointbox dd ul, #hitetu .detail .pointbox dd ul, #egnis .detail .pointbox dd ul {
	font-size: 1.6rem;
}
@media (max-width: 767px) {
	#teinetu .detail .pointbox dd ul, #tainetu .detail .pointbox dd ul, #taima .detail .pointbox dd ul, #hitetu .detail .pointbox dd ul, #egnis .detail .pointbox dd ul {
		font-size: 3.75vw;
	}
}
#teinetu .detail .pointbox dd ul li, #tainetu .detail .pointbox dd ul li, #taima .detail .pointbox dd ul li, #hitetu .detail .pointbox dd ul li, #egnis .detail .pointbox dd ul li {
	margin-bottom: 0.5em;
	padding-left: 1.25em;
	background: url(../img/common/ar.svg) left 0.2em/0.65em no-repeat;
}
#teinetu .detail .pointbox dd ul li:last-child, #tainetu .detail .pointbox dd ul li:last-child, #taima .detail .pointbox dd ul li:last-child, #hitetu .detail .pointbox dd ul li:last-child, #egnis .detail .pointbox dd ul li:last-child {
	margin-bottom: 0px;
}
#teinetu .detail .btn, #tainetu .detail .btn, #taima .detail .btn, #hitetu .detail .btn, #egnis .detail .btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 1em;
	margin-bottom: 50px;
}
@media (max-width: 767px) {
	#teinetu .detail .btn, #tainetu .detail .btn, #taima .detail .btn, #hitetu .detail .btn, #egnis .detail .btn {
		margin-bottom: 5vw;
	}
}
#teinetu .detail .btn.none, #tainetu .detail .btn.none, #taima .detail .btn.none, #hitetu .detail .btn.none, #egnis .detail .btn.none {
	margin-bottom: 0px;
}
#teinetu .detail .btn li, #tainetu .detail .btn li, #taima .detail .btn li, #hitetu .detail .btn li, #egnis .detail .btn li {
	margin: 0px 2% 2% 0px;
}
@media (max-width: 767px) {
	#teinetu .detail .btn li, #tainetu .detail .btn li, #taima .detail .btn li, #hitetu .detail .btn li, #egnis .detail .btn li {
		margin-bottom: 1em;
	}
}
#teinetu .detail .btn li a, #tainetu .detail .btn li a, #taima .detail .btn li a, #hitetu .detail .btn li a, #egnis .detail .btn li a {
	display: block;
	padding: 0.75em 1.5em 0.75em 2.5em;
	border: 1px solid #ddd;
	background: url(../img/common/ar.svg) 1em center/0.65em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
	background: url(../img/common/ar.svg) 1em center/0.65em no-repeat, -webkit-linear-gradient(top, #fff, #f6f6f6);
	background: url(../img/common/ar.svg) 1em center/0.65em no-repeat, -o-linear-gradient(top, #fff, #f6f6f6);
	background: url(../img/common/ar.svg) 1em center/0.65em no-repeat, linear-gradient(to bottom, #fff, #f6f6f6);
	font-size: 1.5rem;
	text-decoration: none;
}
@media (max-width: 767px) {
	#teinetu .detail .btn li a, #tainetu .detail .btn li a, #taima .detail .btn li a, #hitetu .detail .btn li a, #egnis .detail .btn li a {
		font-size: 3.75vw;
	}
}
@media (min-width: 1060px) {
	#teinetu .detail .btn li a, #tainetu .detail .btn li a, #taima .detail .btn li a, #hitetu .detail .btn li a, #egnis .detail .btn li a {
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	#teinetu .detail .btn li a:hover, #tainetu .detail .btn li a:hover, #taima .detail .btn li a:hover, #hitetu .detail .btn li a:hover, #egnis .detail .btn li a:hover {
		background: url(../img/common/ar.svg) 1.25em center/0.65em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eee));
		background: url(../img/common/ar.svg) 1.25em center/0.65em no-repeat, -webkit-linear-gradient(top, #f6f6f6, #eee);
		background: url(../img/common/ar.svg) 1.25em center/0.65em no-repeat, -o-linear-gradient(top, #f6f6f6, #eee);
		background: url(../img/common/ar.svg) 1.25em center/0.65em no-repeat, linear-gradient(to bottom, #f6f6f6, #eee);
	}
}
#teinetu .productbox, #tainetu .productbox, #taima .productbox, #hitetu .productbox, #egnis .productbox {
	margin-bottom: 100px;
	padding: 50px 0px;
	background: #efefef;
}
@media (max-width: 767px) {
	#teinetu .productbox, #tainetu .productbox, #taima .productbox, #hitetu .productbox, #egnis .productbox {
		padding: 5vw 0px;
		margin-bottom: 10vw;
	}
}

#product .detail {
	margin-bottom: 100px;
	padding-bottom: 50px;
}
@media (max-width: 767px) {
	#product .detail {
		padding-bottom: 5vw;
		margin-bottom: 10vw;
	}
}
#product .detail .text {
	margin-bottom: 1em;
	font-size: 1.6rem;
	line-height: 2.25;
}
@media (max-width: 767px) {
	#product .detail .text {
		font-size: 3.75vw;
		line-height: 2;
	}
}
#product .detail .items .item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	margin-bottom: 50px;
	background: url(../img/product/bg01.jpg) center left/cover no-repeat;
	color: #fff;
}
#product .detail .items .item:last-child {
	margin-bottom: 0px;
}
@media (max-width: 767px) {
	#product .detail .items .item {
		margin-bottom: 5vw;
	}
}
#product .detail .items .item a {
	color: #fff;
	text-decoration: none;
}
#product .detail .items .item .title {
	width: 38%;
	padding-left: 7%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media (max-width: 995px) {
	#product .detail .items .item .title {
		width: 45%;
		padding-left: 5%;
	}
}
#product .detail .items .item h3 {
	padding: 0px 20px;
	font-size: 3.4rem;
	font-weight: 400;
}
@media (max-width: 767px) {
	#product .detail .items .item h3 {
		padding: 0px 3vw;
		font-size: 4vw;
	}
}
#product .detail .items .item h3 span {
	display: block;
	font-size: 0.42em;
}
#product .detail .items .item .en {
	padding: 0px 20px;
	font-size: 1.1rem;
}
@media (max-width: 767px) {
	#product .detail .items .item .en {
		padding: 0px 3vw;
		font-size: 1.875vw;
	}
}
#product .detail .items .item figure {
	width: 62%;
}
@media (max-width: 995px) {
	#product .detail .items .item figure {
		width: 55%;
	}
}
#product .detail .items .item:after {
	content: "";
	display: block;
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 22px;
	height: 22px;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2222.4px%22%20height%3D%2222.4px%22%20viewBox%3D%220%200%2022.4%2022.4%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2022.4%2022.4%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23AC0006%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Crect%20class%3D%22st0%22%20width%3D%2222.4%22%20height%3D%2222.4%22%2F%3E%20%3Cpolygon%20class%3D%22st1%22%20points%3D%228.9%2C5.2%208.9%2C7.5%2012.3%2C10.9%208.9%2C14.3%208.9%2C16.6%2014.6%2C10.9%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
@media (max-width: 767px) {
	#product .detail .items .item:after {
		right: 2vw;
		bottom: 2vw;
		width: 3.5vw;
		height: 3.5vw;
	}
}
@media (min-width: 1060px) {
	#product .detail .items .item:hover:after {
		right: 10px;
	}
}
#product .detail .items .item:nth-child(3), #product .detail .items .item:nth-child(5) {
	background: url(../img/product/bg02.jpg) center left/cover no-repeat;
}
#product .detail .items .item.first {
	display: block;
	width: 100%;
	padding: 60px 60px 40px;
	border: 10px solid #fff;
	background: url(../img/index/bg03.jpg) center/cover no-repeat;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media (max-width: 995px) {
	#product .detail .items .item.first {
		padding: 40px 50px 25px;
		text-align: left;
	}
}
@media (max-width: 767px) {
	#product .detail .items .item.first {
		padding: 5vw 5vw 7vw;
	}
}
#product .detail .items .item.first .title {
	margin-bottom: 0.25em;
	padding-left: 0.15em;
	font-size: 3.8rem;
}
@media (max-width: 767px) {
	#product .detail .items .item.first .title {
		font-size: 6vw;
	}
}
#product .detail .items .item.first h3 {
	padding: 0px;
	margin-bottom: 5rem;
}
@media (max-width: 767px) {
	#product .detail .items .item.first h3 {
		margin-bottom: 7vw;
	}
}
#product .detail .items .item.first .name {
	font-size: 2.4rem;
	text-align: right;
}
@media (max-width: 767px) {
	#product .detail .items .item.first .name {
		font-size: 3.75vw;
	}
}
#product .detail .items .item.first .en {
	padding: 0px;
	text-align: right;
}
@media (max-width: 767px) {
	#product .detail .items .item.first .en {
		font-size: 3vw;
	}
}

/* ------------------------- バイオマス発電ボイラ炉底エアノズル用合金 ------------------------- */
#egnis .keybox {
	display: block;
	width: 100%;
	padding: 60px 60px 40px;
	border: 10px solid #fff;
	background: url(../img/index/bg03.jpg) center/cover no-repeat;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media (max-width: 995px) {
	#egnis .keybox {
		padding: 40px 50px 25px;
		text-align: left;
	}
}
@media (max-width: 767px) {
	#egnis .keybox {
		padding: 5vw 5vw 7vw;
	}
}
#egnis .keybox .title {
	margin-bottom: 0.25em;
	padding-left: 0.15em;
	font-size: 3.8rem;
}
@media (max-width: 767px) {
	#egnis .keybox .title {
		font-size: 6vw;
	}
}
#egnis .keybox h3 {
	padding: 0px;
	margin-bottom: 5rem;
}
@media (max-width: 767px) {
	#egnis .keybox h3 {
		margin-bottom: 7vw;
	}
}
#egnis .keybox .name {
	font-size: 2.4rem;
	text-align: right;
}
@media (max-width: 767px) {
	#egnis .keybox .name {
		font-size: 3.75vw;
	}
}
#egnis .keybox .en {
	padding: 0px;
	text-align: right;
}
@media (max-width: 767px) {
	#egnis .keybox .en {
		font-size: 3vw;
	}
}
#egnis .detail .left {
	margin-bottom: 0.25em;
	text-align: left;
	letter-spacing: 0;
	font-size: 2.4rem;
	text-indent: 0;
}
@media (max-width: 767px) {
	#egnis .detail .left {
		font-size: 5vw;
	}
}
#egnis .detail .inbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 50px;
	padding: 50px;
	background: #fff;
}
@media (max-width: 767px) {
	#egnis .detail .inbox {
		padding: 5vw;
		margin-bottom: 5vw;
	}
}
#egnis .detail .inbox .img, #egnis .detail .inbox .img2 {
	width: 56.5%;
}
@media (max-width: 767px) {
	#egnis .detail .inbox .img, #egnis .detail .inbox .img2 {
		width: auto;
		margin-bottom: 5vw;
	}
}
#egnis .detail .inbox .items {
	width: 37%;
}
@media (max-width: 767px) {
	#egnis .detail .inbox .items {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: auto;
	}
}
#egnis .detail .inbox .items .item {
	margin-bottom: 40px;
}
@media (max-width: 767px) {
	#egnis .detail .inbox .items .item {
		width: 48%;
		margin-bottom: 0px;
	}
}
#egnis .detail .inbox .items .item:last-child {
	margin-bottom: 0px;
}
#egnis .detail .inbox .items .title {
	margin-bottom: 0.25em;
	font-size: 1.8rem;
}
@media (max-width: 767px) {
	#egnis .detail .inbox .items .title {
		font-size: 4vw;
	}
}
#egnis .detail .inbox h3 {
	width: 100%;
	margin: -25px -25px 2em;
	padding: 0.5em 1em;
	background: #ac0006;
	color: #fff;
	font-size: 2rem;
	font-weight: 400;
}
@media (max-width: 767px) {
	#egnis .detail .inbox h3 {
		margin: 0px 0px 1em;
		font-size: 4vw;
	}
}
@media (max-width: 995px) {
	#egnis .detail .inbox .img2 {
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}
}
#egnis .detail .inbox .items2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 38.5%;
}
@media (max-width: 995px) {
	#egnis .detail .inbox .items2 {
		width: auto;
	}
}
#egnis .detail .inbox .items2 .item {
	width: 46%;
	margin-bottom: 35px;
}
@media (max-width: 995px) {
	#egnis .detail .inbox .items2 .item {
		width: 20%;
	}
}
@media (max-width: 767px) {
	#egnis .detail .inbox .items2 .item {
		width: 48%;
		margin-bottom: 3vw;
	}
}
#egnis .detail .inbox .items2 .item .title {
	margin-bottom: 0.25em;
	font-size: 1.8rem;
}
#egnis .detail .inbox .items2 table {
	width: 100%;
	margin-bottom: 0px;
}
@media (max-width: 995px) {
	#egnis .detail .inbox .items2 table {
		width: 50%;
	}
}
@media (max-width: 767px) {
	#egnis .detail .inbox .items2 table {
		width: 100%;
		font-size: 3.25vw;
	}
}
#egnis .detail .inbox .items2 table th, #egnis .detail .inbox .items2 table td {
	padding: 0.5em 0px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	border: 1px solid #fff;
}
#egnis .detail .inbox .items2 table th {
	background: #1D2185;
}
#egnis .detail .inbox .items2 table tr:first-child th {
	background: #106AB1;
}
#egnis .detail .inbox .items2 table tr:nth-child(2) td {
	padding: 1.5em 0px;
}
#egnis .detail .inbox .items2 table td:nth-of-type(1) {
	background: #231815;
}
#egnis .detail .inbox .items2 table td:nth-of-type(2) {
	background: #4C4948;
}
#egnis .detail .inbox .items2 table td:nth-of-type(3) {
	background: #717071;
}
#egnis .detail .inbox .items2 table td:nth-of-type(4) {
	background: #888888;
}

/* ------------------------- 低熱 ------------------------- */
#teinetu .keybox {
	background-image: url(../img/product/bg01.jpg);
}

/* ------------------------- 耐熱鋳造合金 ------------------------- */
#tainetu .keybox {
	background-image: url(../img/product/bg02.jpg);
}
#tainetu .zu {
	margin-bottom: 50px;
	border: 1px solid #b3b3b3;
	background: #fff;
	text-align: center;
}
@media (max-width: 767px) {
	#tainetu .zu {
		margin-bottom: 5vw;
	}
}

/* ------------------------- 耐磨耗鋳造合 ------------------------- */
#taima .keybox {
	background-image: url(../img/product/bg01.jpg);
}

/* ------------------------- 非鉄合金 ------------------------- */
#hitetu .keybox {
	background-image: url(../img/product/bg02.jpg);
}

/*-----------------------------------------------------------
	 reaserch / ir / calendar
-----------------------------------------------------------*/
#reaserch .pagetitle, #ir .pagetitle, #calendar .pagetitle {
	background-image: url(../img/company/business/key.jpg);
}
#reaserch .detail, #ir .detail, #calendar .detail {
	margin-bottom: 100px;
}
@media (max-width: 767px) {
	#reaserch .detail, #ir .detail, #calendar .detail {
		margin-bottom: 10vw;
	}
}
#reaserch .detail h1, #ir .detail h1, #calendar .detail h1 {
	margin-bottom: 1em;
}
#reaserch .detail h2, #ir .detail h2, #calendar .detail h2 {
	margin-bottom: 0.5em;
	color: #0e498a;
	font-size: 1.8rem;
	font-weight: 500;
}
#reaserch .detail #reaserchList, #ir .detail #reaserchList, #calendar .detail #reaserchList {
	padding: 10px;
	background-color: #EDEDF1;
}
#reaserch .detail #reaserchList a, #ir .detail #reaserchList a, #calendar .detail #reaserchList a {
	display: block;
}
#reaserch .detail #reaserchList .year, #ir .detail #reaserchList .year, #calendar .detail #reaserchList .year {
	margin-bottom: 1px;
}
#reaserch .detail #reaserchList .year a, #ir .detail #reaserchList .year a, #calendar .detail #reaserchList .year a {
	padding: 0.5em 0px;
	font-size: 1.6rem;
	background-color: #cdcdcd;
	text-align: center;
	text-decoration: none;
}
#reaserch .detail #reaserchList .year a.current, #ir .detail #reaserchList .year a.current, #calendar .detail #reaserchList .year a.current {
	background: #000;
	color: #fff;
}
@media (min-width: 1060px) {
	#reaserch .detail #reaserchList .year a, #ir .detail #reaserchList .year a, #calendar .detail #reaserchList .year a {
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	#reaserch .detail #reaserchList .year a:hover, #ir .detail #reaserchList .year a:hover, #calendar .detail #reaserchList .year a:hover {
		background: #666;
		color: #fff;
	}
}
#reaserch .detail #reaserchList .yearbox, #ir .detail #reaserchList .yearbox, #calendar .detail #reaserchList .yearbox {
	display: none;
	overflow: hidden;
}
#reaserch .detail #reaserchList .yearbox li, #ir .detail #reaserchList .yearbox li, #calendar .detail #reaserchList .yearbox li {
	position: relative;
	margin-bottom: 1px;
	padding: 1em 8em 1em 2em;
	background-color: #fff;
}
@media (max-width: 767px) {
	#reaserch .detail #reaserchList .yearbox li, #ir .detail #reaserchList .yearbox li, #calendar .detail #reaserchList .yearbox li {
		padding-right: 1em;
	}
}
#reaserch .detail #reaserchList .yearbox li .title, #ir .detail #reaserchList .yearbox li .title, #calendar .detail #reaserchList .yearbox li .title {
	display: block;
	padding-left: 1.25em;
	background-position: left 0.25em;
	background-repeat: no-repeat;
	background-size: 1em 1em;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2258.7px%22%20height%3D%2297.3px%22%20viewBox%3D%220%200%2058.7%2097.3%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2058.7%2097.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%230e498a%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E7%B9%9D%EF%BD%AC%E7%B9%A7%EF%BD%A4%E7%B9%9D%EF%BD%A4%E7%B9%9D%EF%BD%BC_2_2_%22%3E%20%3Cg%20id%3D%22%E7%B9%9D%EF%BD%AC%E7%B9%A7%EF%BD%A4%E7%B9%9D%EF%BD%A4%E7%B9%9D%EF%BD%BC_1-2_1_%22%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%2210%2C0%200%2C10%2038.7%2C48.7%200%2C87.3%2010%2C97.3%2058.7%2C48.7%20%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#reaserch .detail #reaserchList .yearbox li .title a, #ir .detail #reaserchList .yearbox li .title a, #calendar .detail #reaserchList .yearbox li .title a {
	display: inline;
}
#reaserch .detail #reaserchList .yearbox li .title .pdf, #ir .detail #reaserchList .yearbox li .title .pdf, #calendar .detail #reaserchList .yearbox li .title .pdf {
	display: inline-block;
	width: 1.5em;
	padding: 0px;
	margin-left: 0.5em;
	background: none;
}
#reaserch .detail #reaserchList .yearbox li .date, #ir .detail #reaserchList .yearbox li .date, #calendar .detail #reaserchList .yearbox li .date {
	display: block;
	position: absolute;
	right: 1em;
	top: 1em;
}
@media (max-width: 767px) {
	#reaserch .detail #reaserchList .yearbox li .date, #ir .detail #reaserchList .yearbox li .date, #calendar .detail #reaserchList .yearbox li .date {
		position: static;
		text-align: right;
		padding-top: 0.5em;
	}
}
#reaserch .detail .calendarList, #ir .detail .calendarList, #calendar .detail .calendarList {
	width: 100%;
	border-top: 1px solid #ccc;
}
#reaserch .detail .calendarList th, #reaserch .detail .calendarList td, #ir .detail .calendarList th, #ir .detail .calendarList td, #calendar .detail .calendarList th, #calendar .detail .calendarList td {
	padding: 0.75em 1.5em;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	background: #fff;
}
@media (max-width: 767px) {
	#reaserch .detail .calendarList th, #reaserch .detail .calendarList td, #ir .detail .calendarList th, #ir .detail .calendarList td, #calendar .detail .calendarList th, #calendar .detail .calendarList td {
		display: block;
	}
}
#reaserch .detail .calendarList th, #ir .detail .calendarList th, #calendar .detail .calendarList th {
	width: 8em;
	text-align: center;
	color: #fff;
	background: #2D63AD;
	border-right: 1px solid #ccc;
}
@media (max-width: 767px) {
	#reaserch .detail .calendarList th, #ir .detail .calendarList th, #calendar .detail .calendarList th {
		width: auto;
		border-right: none;
	}
}
#reaserch .detail .calendarHead, #ir .detail .calendarHead, #calendar .detail .calendarHead {
	margin-bottom: 40px;
}
@media (max-width: 767px) {
	#reaserch .detail .calendarHead, #ir .detail .calendarHead, #calendar .detail .calendarHead {
		margin-bottom: 10vw;
	}
}

/*-----------------------------------------------------------
	 equipment
-----------------------------------------------------------*/
#equipment .pagetitle {
	background-image: url(../img/company/business/key.jpg);
}
#equipment .detail {
	margin-bottom: 100px;
}
@media (max-width: 767px) {
	#equipment .detail {
		margin-bottom: 10vw;
	}
}
#equipment .detail h1 {
	margin-bottom: 1.5em;
}
#equipment .detail .pagenav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 2em;
}
#equipment .detail .pagenav li {
	border-right: 1px solid #b3b3b3;
}
#equipment .detail .pagenav li:last-child {
	border-right: none;
}
#equipment .detail .pagenav li a {
	display: block;
	padding: 0px 1em;
	font-size: 1.5rem;
}
@media (max-width: 767px) {
	#equipment .detail .pagenav li a {
		font-size: 3.5vw;
	}
}
#equipment .detail .items {
	margin-bottom: 50px;
}
@media (max-width: 767px) {
	#equipment .detail .items {
		margin-bottom: 5vw;
	}
}
#equipment .detail .items h3 {
	padding: 0.35em 1em;
	background: -webkit-gradient(linear, left top, right top, from(#0e498a), to(#000));
	background: -webkit-linear-gradient(left, #0e498a, #000);
	background: -o-linear-gradient(left, #0e498a, #000);
	background: linear-gradient(to right, #0e498a, #000);
	font-size: 1.8rem;
	color: #fff;
	font-weight: 400;
}
@media (max-width: 767px) {
	#equipment .detail .items h3 {
		font-size: 4.5vw;
	}
}
#equipment .detail .items ul {
	font-size: 1.5rem;
}
@media (max-width: 767px) {
	#equipment .detail .items ul {
		font-size: 3.75vw;
	}
}
#equipment .detail .items ul li {
	position: relative;
	background-color: #EDEDF1;
	background-position: 1em center;
	background-size: 0.5em;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2258.7px%22%20height%3D%2297.3px%22%20viewBox%3D%220%200%2058.7%2097.3%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2058.7%2097.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%230e498a%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E7%B9%9D%EF%BD%AC%E7%B9%A7%EF%BD%A4%E7%B9%9D%EF%BD%A4%E7%B9%9D%EF%BD%BC_2_2_%22%3E%20%3Cg%20id%3D%22%E7%B9%9D%EF%BD%AC%E7%B9%A7%EF%BD%A4%E7%B9%9D%EF%BD%A4%E7%B9%9D%EF%BD%BC_1-2_1_%22%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%2210%2C0%200%2C10%2038.7%2C48.7%200%2C87.3%2010%2C97.3%2058.7%2C48.7%20%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#equipment .detail .items ul li:before {
	content: "";
	display: block;
	position: absolute;
	left: 3em;
	right: 1em;
	top: 50%;
	height: 1em;
	background: url(../img/equipment/dotted.svg) left center/1em 1em repeat-x;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#equipment .detail .items ul li a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	padding: 0.5em 1em 0.5em 2em;
}
#equipment .detail .items ul li a span {
	position: relative;
	z-index: 10;
	background-color: #EDEDF1;
	padding-right: 0.5em;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#equipment .detail .items ul li a span.num {
	padding-right: 0px;
	padding-left: 0.5em;
}
@media (min-width: 1060px) {
	#equipment .detail .items ul li:hover {
		background-color: #B3B9C4;
	}
	#equipment .detail .items ul li:hover span {
		background-color: #B3B9C4;
	}
}
#equipment .detail .items ul li:nth-child(even) {
	background-color: #D2D7E1;
}
#equipment .detail .items ul li:nth-child(even) span {
	background-color: #D2D7E1;
}
@media (min-width: 1060px) {
	#equipment .detail .items ul li:nth-child(even):hover {
		background-color: #B3B9C4;
	}
	#equipment .detail .items ul li:nth-child(even):hover span {
		background-color: #B3B9C4;
	}
}
#equipment .productbox {
	margin-bottom: 100px;
	padding: 0px;
}
@media (max-width: 767px) {
	#equipment .productbox {
		margin-bottom: 10vw;
	}
}

/*-----------------------------------------------------------
	 research / casting / inspection
-----------------------------------------------------------*/
#research .pagetitle, #casting .pagetitle, #inspection .pagetitle {
	background-image: url(../img/company/business/key.jpg);
}
#research .detail, #casting .detail, #inspection .detail {
	margin-bottom: 50px;
	padding-bottom: 50px;
	background: #efefef;
}
@media (max-width: 767px) {
	#research .detail, #casting .detail, #inspection .detail {
		margin-bottom: 5vw;
		padding-bottom: 5vw;
	}
}
#research .detail .itemLine, #casting .detail .itemLine, #inspection .detail .itemLine {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#research .detail .itemLine .inbox, #casting .detail .itemLine .inbox, #inspection .detail .itemLine .inbox {
	width: 23.5%;
	margin: 0px 2% 4% 0px;
}
@media (max-width: 995px) {
	#research .detail .itemLine .inbox, #casting .detail .itemLine .inbox, #inspection .detail .itemLine .inbox {
		width: 32%;
	}
}
@media (max-width: 767px) {
	#research .detail .itemLine .inbox, #casting .detail .itemLine .inbox, #inspection .detail .itemLine .inbox {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 7vw;
	}
	#research .detail .itemLine .inbox:last-child, #casting .detail .itemLine .inbox:last-child, #inspection .detail .itemLine .inbox:last-child {
		margin-bottom: 0px;
	}
}
#research .detail .itemLine .inbox:nth-child(4n), #casting .detail .itemLine .inbox:nth-child(4n), #inspection .detail .itemLine .inbox:nth-child(4n) {
	margin-right: 0px;
}
@media (max-width: 995px) {
	#research .detail .itemLine .inbox:nth-child(4n), #casting .detail .itemLine .inbox:nth-child(4n), #inspection .detail .itemLine .inbox:nth-child(4n) {
		margin-right: 2%;
	}
}
@media (max-width: 767px) {
	#research .detail .itemLine .inbox:nth-child(4n), #casting .detail .itemLine .inbox:nth-child(4n), #inspection .detail .itemLine .inbox:nth-child(4n) {
		margin-right: 0px;
	}
}
@media (max-width: 995px) {
	#research .detail .itemLine .inbox:nth-child(3n), #casting .detail .itemLine .inbox:nth-child(3n), #inspection .detail .itemLine .inbox:nth-child(3n) {
		margin-right: 0px;
	}
}
#research .detail .itemLine .inbox.c2, #casting .detail .itemLine .inbox.c2, #inspection .detail .itemLine .inbox.c2 {
	width: 49%;
}
@media (max-width: 995px) {
	#research .detail .itemLine .inbox.c2, #casting .detail .itemLine .inbox.c2, #inspection .detail .itemLine .inbox.c2 {
		width: 66%;
	}
}
@media (max-width: 767px) {
	#research .detail .itemLine .inbox.c2, #casting .detail .itemLine .inbox.c2, #inspection .detail .itemLine .inbox.c2 {
		width: 100%;
	}
}
#research .detail .itemLine .inbox.c2 .img, #casting .detail .itemLine .inbox.c2 .img, #inspection .detail .itemLine .inbox.c2 .img {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border: none;
}
#research .detail .itemLine .inbox.c2 .img div, #casting .detail .itemLine .inbox.c2 .img div, #inspection .detail .itemLine .inbox.c2 .img div {
	width: 48%;
	border: 6px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#research .detail .itemLine .inbox.mr, #casting .detail .itemLine .inbox.mr, #inspection .detail .itemLine .inbox.mr {
	margin-right: 2%;
}
@media (max-width: 995px) {
	#research .detail .itemLine .inbox.mr, #casting .detail .itemLine .inbox.mr, #inspection .detail .itemLine .inbox.mr {
		margin-right: 0px;
	}
}
#research .detail .itemLine .inbox.rnone, #casting .detail .itemLine .inbox.rnone, #inspection .detail .itemLine .inbox.rnone {
	margin-right: 0px;
}
@media (max-width: 995px) {
	#research .detail .itemLine .inbox.rnone, #casting .detail .itemLine .inbox.rnone, #inspection .detail .itemLine .inbox.rnone {
		margin-right: 2%;
	}
}
@media (max-width: 767px) {
	#research .detail .itemLine .inbox.rnone, #casting .detail .itemLine .inbox.rnone, #inspection .detail .itemLine .inbox.rnone {
		margin-right: 0px;
	}
}
@media (max-width: 995px) {
	#research .detail .itemLine .inbox.rnonetb, #casting .detail .itemLine .inbox.rnonetb, #inspection .detail .itemLine .inbox.rnonetb {
		margin-right: 0%;
	}
}
@media (max-width: 995px) {
	#research .detail .itemLine .inbox.mrtb, #casting .detail .itemLine .inbox.mrtb, #inspection .detail .itemLine .inbox.mrtb {
		margin-right: 2%;
	}
}
@media (max-width: 767px) {
	#research .detail .itemLine .inbox.mrtb, #casting .detail .itemLine .inbox.mrtb, #inspection .detail .itemLine .inbox.mrtb {
		margin-right: 0px;
	}
}
#research .detail .itemLine .inbox .title, #casting .detail .itemLine .inbox .title, #inspection .detail .itemLine .inbox .title {
	margin-bottom: 0.5em;
	font-size: 1.6rem;
	font-weight: 400;
}
@media (max-width: 767px) {
	#research .detail .itemLine .inbox .title, #casting .detail .itemLine .inbox .title, #inspection .detail .itemLine .inbox .title {
		font-size: 5vw;
	}
}
#research .detail .itemLine .inbox .title span, #casting .detail .itemLine .inbox .title span, #inspection .detail .itemLine .inbox .title span {
	font-size: 0.65em;
}
#research .detail .itemLine .inbox .img, #casting .detail .itemLine .inbox .img, #inspection .detail .itemLine .inbox .img {
	margin-bottom: 1em;
	border: 6px solid #fff;
}
#research .detail .itemLine .inbox .img img, #casting .detail .itemLine .inbox .img img, #inspection .detail .itemLine .inbox .img img {
	width: 100%;
}
@media (max-width: 767px) {
	#research .detail .itemLine .inbox p, #casting .detail .itemLine .inbox p, #inspection .detail .itemLine .inbox p {
		font-size: 3.5vw;
	}
}
#research .productbox, #casting .productbox, #inspection .productbox {
	margin-bottom: 100px;
	padding: 0px;
}
@media (max-width: 767px) {
	#research .productbox, #casting .productbox, #inspection .productbox {
		margin-bottom: 10vw;
	}
}

/*-----------------------------------------------------------
	 inspection
-----------------------------------------------------------*/
#inspection .detail .text {
	margin-bottom: 2em;
	font-size: 1.5rem;
	line-height: 2;
}
@media (max-width: 767px) {
	#inspection .detail .text {
		font-size: 3.75vw;
	}
}
#inspection .detail h2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 1em;
	padding: 0.35em 1em;
	background: -webkit-gradient(linear, left top, right top, from(#0e498a), to(#000));
	background: -webkit-linear-gradient(left, #0e498a, #000);
	background: -o-linear-gradient(left, #0e498a, #000);
	background: linear-gradient(to right, #0e498a, #000);
	font-size: 1.8rem;
	color: #fff;
	font-weight: 400;
}
@media (max-width: 767px) {
	#inspection .detail h2 {
		font-size: 4.5vw;
	}
}
#inspection .detail h2 span {
	font-size: 0.75em;
}
#inspection .detail .readtext {
	margin-bottom: 1.5em;
	font-size: 1.5rem;
	line-height: 2;
}
@media (max-width: 767px) {
	#inspection .detail .readtext {
		font-size: 3.75vw;
	}
}

/*-----------------------------------------------------------
	 recruit
-----------------------------------------------------------*/
#recruit .catchbox {
	text-align: center;
}
#recruit .catchbox .title {
	letter-spacing: 0.2em;
}
#recruit .detail .text {
	margin-bottom: 2em;
	font-size: 1.5rem;
	line-height: 2;
}
@media (max-width: 767px) {
	#recruit .detail .text {
		font-size: 3.75vw;
	}
}
#recruit .detail h2 {
	margin-bottom: 0.25em;
	font-size: 2.2rem;
	color: #0e498a;
	font-weight: 400;
}
@media (max-width: 767px) {
	#recruit .detail h2 {
		font-size: 6vw;
	}
}
#recruit .detail table {
	width: 100%;
	margin-bottom: 50px;
	border-top: 1px solid #b3b3b3;
	font-size: 1.4rem;
}
@media (max-width: 767px) {
	#recruit .detail table {
		font-size: 3.75vw;
	}
}
#recruit .detail table th, #recruit .detail table td {
	padding: 0.75em 1em;
	border-bottom: 1px solid #b3b3b3;
	background: #fff;
}
@media (max-width: 767px) {
	#recruit .detail table th, #recruit .detail table td {
		display: block;
	}
}
#recruit .detail table th {
	width: 10em;
	background: #0e498a;
	color: #fff;
	font-weight: 400;
	text-align: center;
}
@media (max-width: 767px) {
	#recruit .detail table th {
		width: auto;
		border-bottom: none;
	}
}
#recruit .detail table td {
	line-height: 2;
}
@media (max-width: 767px) {
	#recruit .detail table td {
		padding: 1em 0px;
	}
}
@media (max-width: 767px) {
	#recruit .detail table td .scrollbox {
		width: 90vw;
		overflow: auto;
	}
}
#recruit .detail table td.resettd {
	padding: 0px;
}
#recruit .detail table td.resettd table {
	margin-bottom: 0px;
	border-top: none;
}
@media (max-width: 767px) {
	#recruit .detail table td.resettd table {
		white-space: nowrap;
	}
}
#recruit .detail table td.resettd table th, #recruit .detail table td.resettd table td {
	border: 1px solid #b3b3b3;
}
@media (max-width: 767px) {
	#recruit .detail table td.resettd table th, #recruit .detail table td.resettd table td {
		display: table-cell;
		font-size: 3vw;
	}
}
#recruit .detail table td.resettd table th {
	width: auto;
	background: #E2E7F0;
	color: #000;
}
#recruit .detail table td.resettd table th.end {
	border-bottom: none;
}
#recruit .detail table td.resettd table td {
	text-align: center;
}
#recruit .detail table td.resettd table tr.first th, #recruit .detail table td.resettd table tr.first td {
	border-top: none;
}
#recruit .detail table td.resettd table tr.end th, #recruit .detail table td.resettd table tr.end td {
	border-bottom: none;
}

/*-----------------------------------------------------------
	 work
-----------------------------------------------------------*/
#flow .pagetitle, #development .pagetitle, #design .pagetitle, #work .pagetitle {
	background-image: url(../img/work/key.jpg);
}
#flow .detail, #development .detail, #design .detail, #work .detail {
	background: #efefef;
}
#flow .productbox, #development .productbox, #design .productbox, #work .productbox {
	margin-bottom: 100px;
	padding: 50px 0px;
	background: #efefef;
}
@media (max-width: 767px) {
	#flow .productbox, #development .productbox, #design .productbox, #work .productbox {
		padding: 5vw 0px;
		margin-bottom: 10vw;
	}
}

#development .keybox, #design .keybox, #work .keybox {
	position: relative;
	height: 380px;
	margin-bottom: 50px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	color: #fff;
}
@media (max-width: 1059px) {
	#development .keybox, #design .keybox, #work .keybox {
		height: 35vw;
	}
}
@media (max-width: 767px) {
	#development .keybox, #design .keybox, #work .keybox {
		display: block;
		margin-bottom: 5vw;
	}
}
#development .keybox div, #design .keybox div, #work .keybox div {
	position: absolute;
	left: 8%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#development .keybox h1, #design .keybox h1, #work .keybox h1 {
	font-size: 3.4rem;
	font-weight: 400;
}
@media (max-width: 767px) {
	#development .keybox h1, #design .keybox h1, #work .keybox h1 {
		padding: 0px;
		font-size: 7vw;
	}
}
#development .keybox .sub, #design .keybox .sub, #work .keybox .sub {
	padding-top: 0.25em;
	font-size: 1.4rem;
}
@media (max-width: 767px) {
	#development .keybox .sub, #design .keybox .sub, #work .keybox .sub {
		padding: 0px;
		font-size: 3.25vw;
	}
}
#development .keybox .sub span, #design .keybox .sub span, #work .keybox .sub span {
	margin-right: 1em;
	font-size: 1.3em;
	letter-spacing: 0.1em;
}
#development .detail .text, #design .detail .text, #work .detail .text {
	margin-bottom: 2em;
	font-size: 1.6rem;
	line-height: 2;
}
@media (max-width: 767px) {
	#development .detail .text, #design .detail .text, #work .detail .text {
		font-size: 3.75vw;
	}
}
#development .detail h2, #design .detail h2, #work .detail h2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 1em;
	padding: 0.25em 1em;
	background: #0e498a;
	font-size: 2.3rem;
	font-weight: 400;
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media (max-width: 767px) {
	#development .detail h2, #design .detail h2, #work .detail h2 {
		display: block;
		padding: 0.5em 1em;
		font-size: 6vw;
	}
}
#development .detail h2 .sub, #design .detail h2 .sub, #work .detail h2 .sub {
	font-size: 0.65em;
}
@media (max-width: 767px) {
	#development .detail h2 .sub, #design .detail h2 .sub, #work .detail h2 .sub {
		display: block;
		padding-bottom: 0.25em;
	}
}
#development .detail h3, #design .detail h3, #work .detail h3 {
	margin-bottom: 0.25em;
	font-size: 2.3rem;
	color: #0e498a;
	font-weight: 400;
}
@media (max-width: 767px) {
	#development .detail h3, #design .detail h3, #work .detail h3 {
		font-size: 5.5vw;
	}
}
#development .detail .textbox, #design .detail .textbox, #work .detail .textbox {
	margin-bottom: 50px;
}
@media (max-width: 767px) {
	#development .detail .textbox, #design .detail .textbox, #work .detail .textbox {
		margin-bottom: 10vw;
	}
}
#development .detail .textbox:last-child .text, #design .detail .textbox:last-child .text, #work .detail .textbox:last-child .text {
	margin-bottom: 0px;
}
@media (max-width: 767px) {
	#development .detail .bn, #design .detail .bn, #work .detail .bn {
		padding-bottom: 5vw;
	}
}
#development .detail .bn a, #design .detail .bn a, #work .detail .bn a {
	display: block;
	padding: 40px 0px 40px 200px;
	background: url(../img/work/bn.jpg) center left/cover no-repeat;
	color: #fff;
	text-decoration: none;
	font-size: 2.3rem;
}
@media (max-width: 767px) {
	#development .detail .bn a, #design .detail .bn a, #work .detail .bn a {
		padding: 1em;
		background-position: center;
		font-size: 4.25vw;
	}
}
#development .detail .bn a span, #design .detail .bn a span, #work .detail .bn a span {
	display: block;
}
#development .detail .bn a span.text, #design .detail .bn a span.text, #work .detail .bn a span.text {
	margin: 0px;
	font-size: 0.7em;
}
@media (min-width: 1060px) {
	#development .detail .bn a, #design .detail .bn a, #work .detail .bn a {
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	#development .detail .bn a:hover, #design .detail .bn a:hover, #work .detail .bn a:hover {
		opacity: 0.5;
	}
}

/* ------------------------- イモノができるまで ------------------------- */
#flow .detail .head {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 50px;
}
@media (max-width: 767px) {
	#flow .detail .head {
		margin-bottom: 5vw;
	}
}
#flow .detail .head div {
	padding-left: 114px;
	background: url(../img/work/flow/icon.png) left center/90px 62px no-repeat;
	text-align: center;
}
@media (max-width: 767px) {
	#flow .detail .head div {
		padding-left: 5em;
		background-size: 4.5em auto;
	}
}
#flow .detail .head h1 {
	font-size: 3rem;
	font-weight: 400;
}
@media (max-width: 767px) {
	#flow .detail .head h1 {
		font-size: 7.5vw;
	}
}
#flow .detail .head .sub {
	color: #ac0006;
}
#flow .detail ol {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media (max-width: 767px) {
	#flow .detail ol {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}
#flow .detail ol li {
	position: relative;
	font-size: 2.3rem;
}
@media (max-width: 767px) {
	#flow .detail ol li {
		font-size: 4.5vw;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}
#flow .detail ol li:after {
	content: "";
	display: block;
	position: absolute;
	right: -45%;
	top: 0.75em;
	width: 6px;
	height: 12px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf8,%3C!--%20Generator%3A%20Adobe%20Illustrator%2024.2.1%2C%20SVG%20Export%20Plug-In%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%226.4px%22%0A%09%20height%3D%2212.7px%22%20viewBox%3D%220%200%206.4%2012.7%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%206.4%2012.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%231F489D%3B%7D%0A%3C%2Fstyle%3E%0A%3Cdefs%3E%0A%3C%2Fdefs%3E%0A%3Cpolygon%20class%3D%22st0%22%20points%3D%220%2C0%200%2C3.2%203.2%2C6.4%200%2C9.6%200%2C12.7%206.4%2C6.4%20%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
@media (max-width: 995px) {
	#flow .detail ol li:after {
		right: -0.15em;
	}
}
#flow .detail ol li:last-child:after {
	display: none;
}
#flow .detail ol li a {
	display: block;
	padding: 0px 0.25em 1em;
	text-decoration: none;
}
@media (max-width: 767px) {
	#flow .detail ol li a {
		padding: 0px 0.65em 1em;
	}
}
@media (min-width: 1060px) {
	#flow .detail ol li a {
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	#flow .detail ol li a:hover {
		background: #ccc;
	}
}
#flow .detail ol li .num {
	position: absolute;
	left: 50%;
	top: 0px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 1.35em;
	font-family: "Montserrat", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: 500;
	color: #0e498a;
}
@media (max-width: 995px) {
	#flow .detail ol li .num {
		width: 1.5em;
		text-align: center;
	}
}
#flow .detail ol li .title {
	display: block;
	padding-top: 2em;
	text-orientation: upright;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
@media (max-width: 995px) {
	#flow .detail ol li .title {
		width: 1.25em;
	}
}
#flow .detail .items .item {
	position: relative;
	overflow: hidden;
}
#flow .detail .items .item:before, #flow .detail .items .item:after {
	content: "";
	display: block;
	position: absolute;
	left: 0%;
	width: 300%;
}
#flow .detail .items .item:before {
	bottom: 0px;
	height: 400px;
	background: #ac0006;
	-webkit-transform: translateX(-50%) rotate(349deg);
	-ms-transform: translateX(-50%) rotate(349deg);
	transform: translateX(-50%) rotate(349deg);
}
@media (max-width: 1059px) {
	#flow .detail .items .item:before {
		left: -50%;
		bottom: -8vw;
	}
}
#flow .detail .items .item:after {
	bottom: 260px;
	height: 100%;
	background: #0e498a;
	-webkit-transform: translateX(-50%) rotate(367deg);
	-ms-transform: translateX(-50%) rotate(367deg);
	transform: translateX(-50%) rotate(367deg);
}
@media (max-width: 1059px) {
	#flow .detail .items .item:after {
		bottom: 14vw;
	}
}
#flow .detail .items .item .bg {
	position: relative;
	z-index: 2;
	padding: 60px 0px 300px;
}
@media (max-width: 1059px) {
	#flow .detail .items .item .bg {
		padding-bottom: 20vw;
	}
}
#flow .detail .items .item .bg:before {
	content: "";
	display: block;
	position: absolute;
	left: 0%;
	top: 0px;
	width: 100%;
	height: 520px;
	background: url(../img/work/flow/bg.png) center top no-repeat;
	/*top: -160px;
	width: 300%;
	height: 600px;
	background: #efefef;
	transform: translateX(-50%) rotate(345.5deg);*/
}
@media (max-width: 1059px) {
	#flow .detail .items .item .bg:before {
		top: -2px;
	}
}
#flow .detail .items .item .titlebox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	z-index: 10;
}
@media (max-width: 767px) {
	#flow .detail .items .item .titlebox {
		display: block;
	}
}
#flow .detail .items .item .titlebox .textbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 40%;
}
@media (max-width: 767px) {
	#flow .detail .items .item .titlebox .textbox {
		width: auto;
		margin-bottom: 1em;
	}
}
#flow .detail .items .item .titlebox .textbox .num {
	margin-right: 0.25em;
	font-size: 6.7rem;
	font-weight: 500;
	color: #ac0006;
	font-family: "Montserrat", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	line-height: 1;
}
@media (max-width: 767px) {
	#flow .detail .items .item .titlebox .textbox .num {
		font-size: 18vw;
	}
}
#flow .detail .items .item .titlebox .textbox h2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 3.8rem;
	font-weight: 400;
}
@media (max-width: 767px) {
	#flow .detail .items .item .titlebox .textbox h2 {
		font-size: 8vw;
	}
}
#flow .detail .items .item .titlebox figure {
	width: 58%;
}
@media (max-width: 767px) {
	#flow .detail .items .item .titlebox figure {
		width: auto;
	}
}
#flow .detail .items .item .text {
	position: relative;
	z-index: 10;
	padding-top: 2em;
	font-size: 1.6rem;
	line-height: 2.25;
	color: #fff;
}
@media (max-width: 767px) {
	#flow .detail .items .item .text {
		font-size: 3.75vw;
	}
}

@media all and (-ms-high-contrast: none) {
	#flow .detail ol li .title {
		height: 9em;
	}
}
/* ------------------------- 研究開発 ------------------------- */
#development .keybox {
	background-image: url(../img/work/development/key.jpg);
}
#development .detail .textbox .img {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media (max-width: 767px) {
	#development .detail .textbox .img {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
#development .detail .textbox .img figure {
	margin-right: 2%;
}
#development .detail .textbox .img figure:last-child {
	margin-right: 0px;
}
#development .detail .textbox .img figure:nth-child(1) {
	width: 49%;
}
@media (max-width: 767px) {
	#development .detail .textbox .img figure:nth-child(1) {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 2%;
	}
}
#development .detail .textbox .img figure:nth-child(2) {
	width: 24%;
}
@media (max-width: 767px) {
	#development .detail .textbox .img figure:nth-child(2) {
		width: 50%;
	}
}
#development .detail .textbox .img figure:nth-child(3) {
	width: 23%;
}
@media (max-width: 767px) {
	#development .detail .textbox .img figure:nth-child(3) {
		width: 48%;
	}
}
#development .detail .listbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 50px;
}
@media (max-width: 767px) {
	#development .detail .listbox {
		margin-bottom: 10vw;
	}
}
#development .detail .listbox h2 {
	width: 100%;
}
#development .detail .listbox ul {
	width: 48%;
	font-size: 1.7rem;
}
@media (max-width: 767px) {
	#development .detail .listbox ul {
		width: 100%;
		font-size: 4vw;
	}
}
#development .detail .listbox ul li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	margin-bottom: 0.25em;
	background: url(../img/equipment/dotted.svg) left center/1em 1em repeat-x;
	/*&:before {
		content: "";
		display: block;
		position: absolute;
		left: 3em;
		right: 1em;
		top: 50%;
		height: 1em;
		transform: translateY(-50%);
	}*/
}
#development .detail .listbox ul li span {
	position: relative;
	z-index: 10;
	background-color: #EDEDF1;
	padding-right: 0.5em;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#development .detail .listbox ul li span.num {
	padding-right: 0px;
	padding-left: 0.5em;
}

/* ------------------------- 鋳造方案設計 ------------------------- */
#design .keybox {
	background-image: url(../img/work/design/key.jpg);
}
#design .detail .textbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media (max-width: 767px) {
	#design .detail .textbox {
		display: block;
	}
}
#design .detail .textbox figure {
	width: 43%;
}
@media (max-width: 767px) {
	#design .detail .textbox figure {
		width: auto;
	}
}
#design .detail .textbox .box {
	width: 53%;
}
@media (max-width: 767px) {
	#design .detail .textbox .box {
		width: auto;
	}
}

/* ------------------------- 鋳鋼品製造 / 鍛鋼品製造 / 圧延・伸線品製造 ------------------------- */
#work .casting {
	background-image: url(../img/work/casting/key.jpg);
}
#work .forging {
	background-image: url(../img/work/forging/key.jpg);
}
#work .plasticity {
	background-image: url(../img/work/plasticity/key.jpg);
}
#work .detail .flowbox {
	margin-bottom: 50px;
	padding: 30px 50px 50px;
	background: #000 url(../img/work/bg.png) center top/100% auto no-repeat;
}
@media (max-width: 767px) {
	#work .detail .flowbox {
		padding: 5vw;
	}
}
#work .detail .flowbox h2 {
	margin-bottom: 0.25em;
	padding: 0.75em 0px 0.75em 2.25em;
	background: url(../img/work/icon.png) left center/auto 100% no-repeat;
	font-size: 3rem;
}
@media (max-width: 767px) {
	#work .detail .flowbox h2 {
		font-size: 5.5vw;
	}
}
#work .detail .flowbox .nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 3em;
}
@media (max-width: 767px) {
	#work .detail .flowbox .nav {
		display: block;
		margin-bottom: 5vw;
	}
}
#work .detail .flowbox .nav .title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 17%;
	background: #ac0006;
	color: #fff;
	font-size: 2.6rem;
}
@media (max-width: 767px) {
	#work .detail .flowbox .nav .title {
		width: auto;
		margin-bottom: 0.5em;
		padding: 0.25em 0px;
		font-size: 4.25vw;
		text-align: center;
	}
}
#work .detail .flowbox .nav ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 80%;
}
@media (max-width: 995px) {
	#work .detail .flowbox .nav ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
@media (max-width: 767px) {
	#work .detail .flowbox .nav ul {
		width: auto;
	}
}
#work .detail .flowbox .nav ul li {
	position: relative;
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	margin-right: 1.25em;
}
#work .detail .flowbox .nav ul li:last-child {
	margin-right: 0px;
}
@media (max-width: 767px) {
	#work .detail .flowbox .nav ul li {
		margin-bottom: 1em;
		margin-right: 0.7em;
	}
	#work .detail .flowbox .nav ul li:nth-child(9n) {
		margin-right: 0px;
	}
}
#work .detail .flowbox .nav ul li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 100%;
	background: #ac0006;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
@media (min-width: 1060px) {
	#work .detail .flowbox .nav ul li:hover:before {
		bottom: 0px;
	}
}
#work .detail .flowbox .nav ul li a {
	position: relative;
	display: block;
	padding-bottom: 0.5em;
	color: #fff;
	font-size: 2.5rem;
	text-decoration: none;
	white-space: nowrap;
}
@media (max-width: 995px) {
	#work .detail .flowbox .nav ul li a {
		font-size: 2rem;
	}
}
@media (max-width: 767px) {
	#work .detail .flowbox .nav ul li a {
		font-size: 4.25vw;
	}
}
#work .detail .flowbox .nav ul li a span {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	margin-bottom: 0.5em;
	background: #ac0006;
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
	font-size: 2.4rem;
	text-align: center;
	white-space: nowrap;
}
@media (max-width: 995px) {
	#work .detail .flowbox .nav ul li a span {
		font-size: 1.9rem;
	}
}
@media (max-width: 767px) {
	#work .detail .flowbox .nav ul li a span {
		font-size: 4vw;
	}
}
#work .detail .flowbox .flowitems {
	position: relative;
}
#work .detail .flowbox .flowitems .items {
	overflow: hidden;
}
#work .detail .flowbox .flowitems .items .item h3 {
	margin-bottom: 1em;
	color: #fff;
	font-size: 3rem;
}
@media (max-width: 767px) {
	#work .detail .flowbox .flowitems .items .item h3 {
		font-size: 5vw;
	}
}
#work .detail .flowbox .flowitems .items .item h3 span {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	margin-right: 0.75em;
	background: #ac0006;
	text-align: center;
}
#work .detail .flowbox .flowitems .items .item figure img {
	width: 100%;
}
#work .detail .flowbox .flowitems .items .item .text {
	margin-top: 2em;
	margin-bottom: 0px;
	color: #fff;
}
@media (max-width: 767px) {
	#work .detail .flowbox .flowitems .items .item .text {
		margin-top: 5vw;
	}
}
#work .detail .flowbox .flowitems .arrow {
	position: absolute;
	top: 50%;
	z-index: 100;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	font-size: 2.5rem;
}
@media (max-width: 995px) {
	#work .detail .flowbox .flowitems .arrow {
		top: 30%;
		font-size: 1.5rem;
	}
}
@media (max-width: 767px) {
	#work .detail .flowbox .flowitems .arrow {
		top: 50%;
		font-size: 3.75vw;
	}
}
#work .detail .flowbox .flowitems .arrow a {
	position: relative;
	display: block;
	padding: 0.5em 0.5em 3.5em;
	background-color: #000;
	background-size: 1em 1em;
	background-position: center bottom 1.5em;
	background-repeat: no-repeat;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
}
#work .detail .flowbox .flowitems .arrow a span {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	margin-bottom: 0.5em;
	background: #ac0006;
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
	font-size: 2.4rem;
	text-align: center;
}
@media (max-width: 767px) {
	#work .detail .flowbox .flowitems .arrow a span {
		font-size: 3.5vw;
	}
}
#work .detail .flowbox .flowitems .arrow.prev {
	left: -1.5em;
}
@media (max-width: 767px) {
	#work .detail .flowbox .flowitems .arrow.prev {
		left: -10vw;
	}
}
#work .detail .flowbox .flowitems .arrow.prev a {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2211.1px%22%20height%3D%2222.1px%22%20viewBox%3D%220%200%2011.1%2022.1%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2011.1%2022.1%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23AB0006%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2211.1%2C0%2011.1%2C4.2%204.2%2C11.1%2011.1%2C17.9%2011.1%2C22.1%200%2C11.1%20%22%2F%3E%3C%2Fsvg%3E");
}
#work .detail .flowbox .flowitems .arrow.next {
	right: -1.5em;
}
@media (max-width: 767px) {
	#work .detail .flowbox .flowitems .arrow.next {
		right: -10vw;
	}
}
#work .detail .flowbox .flowitems .arrow.next a {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2211.1px%22%20height%3D%2222.1px%22%20viewBox%3D%220%200%2011.1%2022.1%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2011.1%2022.1%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23AB0006%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%220%2C0%200%2C4.2%206.8%2C11.1%200%2C17.9%200%2C22.1%2011.1%2C11.1%20%22%2F%3E%3C%2Fsvg%3E");
}
#work .detail .flowbox .flowitems .slick-track {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
#work .detail .itemimg {
	margin-bottom: 50px;
}

@media all and (-ms-high-contrast: none) {
	#work .casting + .text + .flowbox .flowitems {
		height: 910px;
	}

	#work .forging + .text + .flowbox .flowitems {
		height: 860px;
	}

	#work .plasticity + .text + .flowbox .flowitems {
		height: 800px;
	}
}
/*-----------------------------------------------------------
		blog page css
-----------------------------------------------------------*/
#news .pagetitle, #search .pagetitle {
	background-image: url(../img/company/business/key.jpg);
}
#news .detail, #search .detail {
	margin-bottom: 100px;
}
@media (max-width: 767px) {
	#news .detail, #search .detail {
		margin-bottom: 10vw;
	}
}
#news .detail #newsList, #search .detail #newsList {
	padding: 10px;
	background-color: #EDEDF1;
}
#news .detail #newsList .inline, #search .detail #newsList .inline {
	position: relative;
	padding: 1em 8em 1em 1em;
	background: #fff;
	margin-bottom: 1px;
}
@media (max-width: 767px) {
	#news .detail #newsList .inline, #search .detail #newsList .inline {
		padding-right: 1em;
	}
}
#news .detail #newsList .inline h2, #search .detail #newsList .inline h2 {
	font-size: 1.5rem;
	font-weight: 400;
}
@media (max-width: 767px) {
	#news .detail #newsList .inline h2, #search .detail #newsList .inline h2 {
		font-size: 4vw;
	}
}
#news .detail #newsList .inline .cat, #search .detail #newsList .inline .cat {
	display: inline-block;
	width: 10em;
	padding: 0.15em 0px;
	margin-right: 1em;
	background: #777;
	color: #fff;
	font-weight: 400;
	font-size: 1.3rem;
	text-align: center;
}
@media (max-width: 767px) {
	#news .detail #newsList .inline .cat, #search .detail #newsList .inline .cat {
		display: block;
		margin-bottom: 0.5em;
		font-size: 3.25vw;
	}
}
#news .detail #newsList .inline .cat.color2, #search .detail #newsList .inline .cat.color2 {
	background: #B60000;
}
#news .detail #newsList .inline .cat.color3, #search .detail #newsList .inline .cat.color3 {
	background: #334E8B;
}
#news .detail #newsList .inline .cat.color4, #search .detail #newsList .inline .cat.color4 {
	background: #FF8000;
}
#news .detail #newsList .inline .cat.color5, #search .detail #newsList .inline .cat.color5 {
	background: #3f7109;
}
#news .detail #newsList .inline .cat.color6, #search .detail #newsList .inline .cat.color6 {
	background: #dc7e9e;
}
#news .detail #newsList .inline .cat.color79, #search .detail #newsList .inline .cat.color79 {
	background: #0e8a34;
}
#news .detail #newsList .inline .date, #search .detail #newsList .inline .date {
	display: block;
	position: absolute;
	right: 1em;
	top: 1em;
}
@media (max-width: 767px) {
	#news .detail #newsList .inline .date, #search .detail #newsList .inline .date {
		position: static;
		text-align: right;
		padding-top: 0.5em;
	}
}
#news .detail #newsList .inline img, #search .detail #newsList .inline img {
	width: 1.2em;
	height: 1.2em;
	margin-left: 0.75em;
}
#news .detail #newsList .inline .comment, #search .detail #newsList .inline .comment {
	padding-top: 0.5em;
}
#news .detail .head, #search .detail .head {
	margin-bottom: 2em;
	border-bottom: 1px solid #b3b3b3;
}
#news .detail .head h2, #search .detail .head h2 {
	margin-top: 0.25em;
	padding-bottom: 0.5em;
	font-size: 2.8rem;
	color: #0e498a;
}
@media (max-width: 767px) {
	#news .detail .head h2, #search .detail .head h2 {
		font-size: 6vw;
	}
}
#news .detail .head .date, #search .detail .head .date {
	font-size: 1.8rem;
}
@media (max-width: 767px) {
	#news .detail .head .date, #search .detail .head .date {
		font-size: 4vw;
	}
}
#news .detail .head .cat, #search .detail .head .cat {
	display: inline-block;
	padding: 0.25em 0.75em;
	margin-right: 1em;
	background: #000;
	font-size: 1.5rem;
	font-weight: 500;
	color: #fff;
	background: #777;
}
@media (max-width: 767px) {
	#news .detail .head .cat, #search .detail .head .cat {
		font-size: 3.75vw;
	}
}
#news .detail .head .cat.color2, #search .detail .head .cat.color2 {
	background: #B60000;
}
#news .detail .head .cat.color3, #search .detail .head .cat.color3 {
	background: #334E8B;
}
#news .detail .head .cat.color4, #search .detail .head .cat.color4 {
	background: #FF8000;
}
#news .detail .head .cat.color5, #search .detail .head .cat.color5 {
	background: #3f7109;
}
#news .detail .head .cat.color6, #search .detail .head .cat.color6 {
	background: #dc7e9e;
}
#news .detail .head .cat.color79, #search .detail .head .cat.color79 {
	background: #0e8a34;
}
#news .detail .entry, #search .detail .entry {
	padding: 0px 0px 2em;
}
#news .detail .entry ul li, #search .detail .entry ul li {
	border: none;
}
#news .detail .pdf a, #search .detail .pdf a {
	display: inline-block;
	padding: 0.5em 1.5em 0.5em 3em;
	background: url(../img/common/pdf.svg) 1em center/1.25em no-repeat;
	border-radius: 4px;
	border: 1px solid #ddd;
	font-size: 1.5rem;
	text-decoration: none;
}
@media (min-width: 1060px) {
	#news .detail .pdf a, #search .detail .pdf a {
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	#news .detail .pdf a:hover, #search .detail .pdf a:hover {
		background-color: #f6f6f6;
	}
}
@media (max-width: 767px) {
	#news .detail .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span, #search .detail .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span {
		height: 10vw;
		line-height: 10vw;
		width: 10vw;
	}
}

/*------------------- エントリーリセット ---------------------*/
#tinymce {
	padding: 20px;
}

.entry, #tinymce {
	line-height: 2;
	font-size: 1.6rem;
}
@media (max-width: 767px) {
	.entry, #tinymce {
		font-size: 4vw;
	}
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, #tinymce h1, #tinymce h2, #tinymce h3, #tinymce h4, #tinymce h5, #tinymce h6 {
	position: static;
	clear: both;
	float: none;
	height: auto;
	min-height: 1px;
	margin: 0 0 1em;
	padding: 0px;
	background: none;
	border: none;
	color: #333;
	text-shadow: 1px 1px 0 #fff;
}
.entry h1, #tinymce h1 {
	font-size: 145.5%;
}
.entry h2, #tinymce h2 {
	font-size: 136.4%;
}
.entry h3, #tinymce h3 {
	font-size: 127.3%;
}
.entry h4, #tinymce h4 {
	font-size: 127.3%;
}
.entry h5, #tinymce h5 {
	font-size: 118.2%;
}
.entry h6, #tinymce h6 {
	font-size: 100%;
}
.entry strong, .entry b, #tinymce strong, #tinymce b {
	font-weight: bold;
}
.entry p, #tinymce p {
	margin: 0em 0em 2em 0em;
}
.entry em, #tinymce em {
	font-style: italic;
}
.entry ol, #tinymce ol {
	margin: 1em 2em 1em;
}
.entry ul, #tinymce ul {
	margin: 1em 0 1em;
}
.entry ul li, #tinymce ul li {
	margin: 0em 0em 0.5em 1em;
}
.entry ol li, #tinymce ol li {
	margin: 0em 0em 0.5em 0em;
}
.entry ul, #tinymce ul {
	list-style: disc;
}
.entry ol, #tinymce ol {
	list-style: decimal;
}
.entry dl, #tinymce dl {
	margin: 1em 0;
}
.entry dd, #tinymce dd {
	margin-left: 2em;
}
.entry table.wp-oembed,
.entry table.wp-oembed td, #tinymce table.wp-oembed,
#tinymce table.wp-oembed td {
	border: none;
}
.entry table caption, #tinymce table caption {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.entry table, #tinymce table {
	clear: both;
	width: 99%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1em 0 2em;
}
.entry table th, #tinymce table th {
	padding: 0.5em;
	background: #f5f5f5;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
}
.entry table td, #tinymce table td {
	padding: .5em;
}
.entry img, #tinymce img {
	max-width: 100%;
	height: auto;
	margin-bottom: 2em;
}
.entry img.aligncenter, #tinymce img.aligncenter {
	clear: both;
	display: block;
	margin: auto;
}
.entry a, #tinymce a {
	text-decoration: underline;
}
.entry iframe, #tinymce iframe {
	max-width: 100%;
}
.entry *:last-child, #tinymce *:last-child {
	margin-bottom: 0px;
}
@media (min-width: 1060px) {
	.entry img.alignleft, #tinymce img.alignleft {
		float: left;
		margin-right: 2em;
	}
	.entry img.alignright, #tinymce img.alignright {
		float: right;
		margin-left: 2em;
	}
}

@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
/*
@include for-pc() {
	@media (min-width: 1200px)
}
@include for-pclg() {
	@media (max-width: 1139px)
}
@include for-pcmd() {
	@media (max-width: 1059px)
}
@include for-tb() {
	@media (max-width: 995px)
}
@include for-sp() {
	@media (max-width: 767px)
}
*/
@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
/*-----------------------------------------------------------
	 contact
-----------------------------------------------------------*/
#contact .detail, #entry .detail {
	margin-bottom: 50px;
	padding-bottom: 50px;
	background: #efefef;
}
@media (max-width: 767px) {
	#contact .detail, #entry .detail {
		margin-bottom: 5vw;
		padding-bottom: 5vw;
	}
}
#contact .detail h2, #entry .detail h2 {
	margin-bottom: 0.25em;
	font-size: 2.2rem;
	color: #0e498a;
	font-weight: 400;
}
@media (max-width: 767px) {
	#contact .detail h2, #entry .detail h2 {
		font-size: 5.5vw;
	}
}
#contact .detail .text, #entry .detail .text {
	margin-bottom: 2em;
	font-size: 1.5rem;
	line-height: 2;
}
@media (max-width: 767px) {
	#contact .detail .text, #entry .detail .text {
		font-size: 3.75vw;
	}
}
#contact .detail .text.center, #entry .detail .text.center {
	text-align: center;
}
#contact .detail .telBox, #entry .detail .telBox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 1em;
	padding: 0.75em;
	background: #ddd;
	font-size: 1.5rem;
}
@media (max-width: 767px) {
	#contact .detail .telBox, #entry .detail .telBox {
		font-size: 4vw;
	}
}
#contact .detail .telBox dt, #entry .detail .telBox dt {
	width: 8em;
	border-right: 1px solid #b3b3b3;
	color: #ac0006;
	text-align: center;
	font-weight: 700;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#contact .detail .telBox dd, #entry .detail .telBox dd {
	width: -webkit-calc(100% - 8em);
	width: calc(100% - 8em);
	padding-left: 1em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#contact .detail .note, #entry .detail .note {
	margin-bottom: 2em;
	font-size: 1.4rem;
}
#contact .detail .required, #entry .detail .required {
	padding-right: 0.5em;
	color: #c00;
}
#contact form, #entry form {
	text-align: left;
}
#contact .inbox, #entry .inbox {
	margin-bottom: 50px;
	padding: 10px;
	background: #fff;
}
@media (max-width: 767px) {
	#contact .inbox, #entry .inbox {
		padding: 2.5vw;
		margin-bottom: 5vw;
	}
}
#contact table, #entry table {
	width: 100%;
	font-size: 1.5rem;
}
@media (max-width: 767px) {
	#contact table, #entry table {
		font-size: 4vw;
	}
}
#contact table th, #contact table td, #entry table th, #entry table td {
	padding: 0.5em;
	border-top: 1px solid #FFF;
}
@media (max-width: 767px) {
	#contact table th, #contact table td, #entry table th, #entry table td {
		display: block;
	}
}
#contact table th, #entry table th {
	width: 12em;
	background: #E2E7F0;
	font-weight: 400;
}
@media (max-width: 767px) {
	#contact table th, #entry table th {
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}
@media (max-width: 767px) {
	#contact table td, #entry table td {
		border-top: none;
		padding: 1em 0px;
	}
}
#contact table td span, #entry table td span {
	display: inline-block;
	margin-left: 1em;
	font-size: 1.2rem;
}
@media (max-width: 767px) {
	#contact table td span, #entry table td span {
		font-size: 3vw;
	}
}
#contact table table th, #entry table table th {
	width: 5em;
	padding-top: 1em;
	background: none;
	vertical-align: top;
}
@media (max-width: 767px) {
	#contact table table th, #entry table table th {
		width: auto;
		padding-left: 0px;
		padding-bottom: 0px;
	}
}
@media (max-width: 767px) {
	#contact table table td, #entry table table td {
		padding: 0.5em 0px;
	}
}
#contact .mt, #entry .mt {
	margin-top: 10px;
}
#contact ul li, #entry ul li {
	display: inline-block;
	margin-right: 1em;
}
#contact input, #entry input {
	width: 50%;
}
@media (max-width: 767px) {
	#contact input, #entry input {
		width: 100%;
	}
}
#contact input.middle, #entry input.middle {
	width: 20em;
}
@media (max-width: 767px) {
	#contact input.middle, #entry input.middle {
		width: 100%;
	}
	#contact input.middle + span, #entry input.middle + span {
		display: block;
		padding-top: 0.5em;
		margin-left: 0px;
	}
}
#contact input.short, #entry input.short {
	width: 5em;
}
#contact input.long, #entry input.long {
	width: 100%;
}
#contact input.long + span, #entry input.long + span {
	display: block;
	padding-top: 0.5em;
	margin-left: 0px;
}
#contact input.datebox, #entry input.datebox {
	width: 10em;
}
#contact input[type=radio], #entry input[type=radio] {
	width: auto;
	margin-right: 0.25em;
}
@media (max-width: 767px) {
	#contact input[type=radio], #entry input[type=radio] {
		width: 1.2em;
		height: 1.2em;
		margin-right: 0.5em;
	}
}
#contact .mwform-radio-field, #entry .mwform-radio-field {
	margin-right: 2em;
}
#contact .mwform-zip-field input, #contact .mwform-tel-field input, #entry .mwform-zip-field input, #entry .mwform-tel-field input {
	width: 5em;
}
#contact #zip, #entry #zip {
	width: 10em;
}
#contact textarea, #entry textarea {
	width: 100%;
	height: 10em;
}
#contact .complete, #entry .complete {
	text-align: center;
}
@media (max-width: 767px) {
	#contact .complete, #entry .complete {
		text-align: left;
	}
}
#contact .complete h2, #entry .complete h2 {
	margin-bottom: 0.5em;
	color: #0e498a;
	font-size: 3.2rem;
}
@media (max-width: 767px) {
	#contact .complete h2, #entry .complete h2 {
		font-size: 6.25vw;
		text-align: center;
	}
}
#contact .complete p, #entry .complete p {
	font-size: 1.6rem;
	line-height: 2;
}
@media (max-width: 767px) {
	#contact .complete p, #entry .complete p {
		text-align: left;
		font-size: 3.75vw;
	}
}
#contact .complete .telBox, #entry .complete .telBox {
	max-width: 290px;
	margin: 0px auto 3em;
}
#contact .privacy, #entry .privacy {
	text-align: center;
}
#contact .send, #entry .send {
	text-align: center;
}
#contact .send input, #contact .send button, #contact .send a, #entry .send input, #entry .send button, #entry .send a {
	display: inline-block;
	padding: 1em 4em;
	border: none;
	font-size: 3rem;
	font-weight: 700;
	color: #fff;
	background-color: #0e498a;
	border: 1px solid #0e498a;
	text-decoration: none;
	cursor: pointer;
	font-size: 1.8rem;
}
#contact .send input[name=submitBack], #contact .send button[name=submitBack], #contact .send a[name=submitBack], #entry .send input[name=submitBack], #entry .send button[name=submitBack], #entry .send a[name=submitBack] {
	margin-right: 2em;
	background: #000;
}
@media (max-width: 767px) {
	#contact .send input[name=submitBack], #contact .send button[name=submitBack], #contact .send a[name=submitBack], #entry .send input[name=submitBack], #entry .send button[name=submitBack], #entry .send a[name=submitBack] {
		width: 48%;
		margin-right: 4%;
	}
}
@media (min-width: 1060px) {
	#contact .send input, #contact .send button, #contact .send a, #entry .send input, #entry .send button, #entry .send a {
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	#contact .send input:hover, #contact .send button:hover, #contact .send a:hover, #entry .send input:hover, #entry .send button:hover, #entry .send a:hover {
		background: #fff;
		color: #0e498a;
	}
	#contact .send input[name=submitBack]:hover, #contact .send button[name=submitBack]:hover, #contact .send a[name=submitBack]:hover, #entry .send input[name=submitBack]:hover, #entry .send button[name=submitBack]:hover, #entry .send a[name=submitBack]:hover {
		background: #fff;
		color: #000;
	}
}
@media (max-width: 767px) {
	#contact .send input, #contact .send button, #contact .send a, #entry .send input, #entry .send button, #entry .send a {
		display: block;
		width: 100%;
		padding: 1em 0px;
		text-align: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#contact .send input[name=submitBack] + button, #contact .send button[name=submitBack] + button, #contact .send a[name=submitBack] + button, #entry .send input[name=submitBack] + button, #entry .send button[name=submitBack] + button, #entry .send a[name=submitBack] + button {
		width: 48%;
	}
}
@media (max-width: 767px) {
	#contact .send input, #contact .send button, #contact .send a, #entry .send input, #entry .send button, #entry .send a {
		font-size: 4.25vw;
	}
}

#confirm .privacy {
	display: none;
}
#confirm .ex {
	display: none !important;
}
#confirm .confnone {
	display: none;
}
#confirm .send {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#complete + #fixd + footer .contactbox {
	margin-top: 0px;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	padding-right: 2em;
}

.ui-datepicker select.ui-datepicker-year {
	width: 50%;
}

.ui-datepicker select.ui-datepicker-month {
	width: 40%;
}

.ui-datepicker .ui-datepicker-header {
	font-size: 1.4rem;
}

@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
/*
@include for-pc() {
	@media (min-width: 1200px)
}
@include for-pclg() {
	@media (max-width: 1139px)
}
@include for-pcmd() {
	@media (max-width: 1059px)
}
@include for-tb() {
	@media (max-width: 995px)
}
@include for-sp() {
	@media (max-width: 767px)
}
*/
@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
/*-----------------------------------------------------------
	 privacy
-----------------------------------------------------------*/
#privacy .detail {
	margin-bottom: 100px;
}
@media (max-width: 767px) {
	#privacy .detail {
		margin-bottom: 10vw;
	}
}
#privacy .detail .readtext {
	margin-bottom: 2em;
	line-height: 2;
	font-size: 1.6rem;
}
@media (max-width: 767px) {
	#privacy .detail .readtext {
		font-size: 4.5vw;
	}
}
#privacy .detail dt {
	padding-bottom: 0.2em;
	margin-bottom: 0.4em;
	font-size: 2rem;
	color: #0e498a;
}
@media (max-width: 767px) {
	#privacy .detail dt {
		font-size: 4vw;
	}
}
#privacy .detail dd {
	margin-bottom: 2em;
	line-height: 2;
}
#privacy .detail .name {
	text-align: right;
}

@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
/*
@include for-pc() {
	@media (min-width: 1200px)
}
@include for-pclg() {
	@media (max-width: 1139px)
}
@include for-pcmd() {
	@media (max-width: 1059px)
}
@include for-tb() {
	@media (max-width: 995px)
}
@include for-sp() {
	@media (max-width: 767px)
}
*/
@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
/*-----------------------------------------------------------
	 sitemaps
-----------------------------------------------------------*/
#sitemaps .detail {
	margin-bottom: 100px;
}
@media (max-width: 767px) {
	#sitemaps .detail {
		margin-bottom: 10vw;
	}
}
#sitemaps .detail .items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
@media (max-width: 767px) {
	#sitemaps .detail .items {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}
#sitemaps .detail .items .inbox {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2em;
}
@media (max-width: 767px) {
	#sitemaps .detail .items .inbox {
		width: 48%;
		margin-right: 0px;
	}
}
#sitemaps .detail .items .inbox:nth-child(4n) {
	margin-right: 0px;
}
#sitemaps .detail .items .inbox a {
	display: block;
	text-decoration: none;
}
#sitemaps .detail .items .inbox h2 {
	margin-bottom: 0.75em;
	font-size: 1.6rem;
	font-weight: 400;
}
@media (max-width: 767px) {
	#sitemaps .detail .items .inbox h2 {
		font-size: 4.25vw;
	}
}
#sitemaps .detail .items .inbox h2 a {
	padding: 0.25em 1em;
	background: #0e498a;
	border: 1px solid #0e498a;
	color: #fff;
}
@media (min-width: 1060px) {
	#sitemaps .detail .items .inbox h2 a {
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	#sitemaps .detail .items .inbox h2 a:hover {
		background: #fff;
		color: #0e498a;
	}
}
#sitemaps .detail .items .inbox ul {
	font-size: 1.4rem;
}
@media (max-width: 767px) {
	#sitemaps .detail .items .inbox ul {
		font-size: 3.5vw;
	}
}
#sitemaps .detail .items .inbox ul li a {
	padding: 0.5em;
}
@media (min-width: 1060px) {
	#sitemaps .detail .items .inbox ul li a {
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	#sitemaps .detail .items .inbox ul li a:hover {
		background: #eee;
	}
}
#sitemaps .detail .end {
	border-top: 1px solid #b3b3b3;
}
#sitemaps .detail .end li {
	border-bottom: 1px solid #b3b3b3;
}
#sitemaps .detail .end li a {
	display: block;
	padding: 0.75em 0.5em;
	font-size: 1.6rem;
	text-decoration: none;
}
@media (max-width: 767px) {
	#sitemaps .detail .end li a {
		font-size: 4.25vw;
	}
}
@media (min-width: 1060px) {
	#sitemaps .detail .end li a {
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	#sitemaps .detail .end li a:hover {
		background: #eee;
	}
}



/*# sourceMappingURL=style.css.map */