@charset "utf-8";
/* トップページ
=====================================================================*/

/* メインビジュアル
------------------------------------------------- */
.main_visual {
	width: 100%;
	position: relative;
	opacity: 0;
}
.main_visual__text {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 432px;
	height: 84px;
	z-index: 60;
}
.main_visual #bxslider img {
	/* min-width: 1600px; */
	width: 100%;
}

.bx-wrapper {
	position: relative;
}
.bx-controls {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 9999;
}
.bx-pager {
	margin: -40px 0 0;
	text-align: center;
}
.bx-pager a {
	text-indent: -9999px; /*数字表示をブラウザ外に押しやる*/
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	border: 1px solid #fff;
	margin: 0 8px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.bx-pager a:hover,
.bx-pager a.active {
	background: #cccccc;
}
.bx-pager-item {
	display: inline-block;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.main_visual #bxslider img {
		/* min-width: 1600px; */
		width: 100%;
		height: 150px;
		object-fit: cover;
	}
	.main_visual__text {
		/* min-width: 1600px; */
		width: 60%;
		height: 145px;
		line-height: 145px;
	}
}

/* top_intro
------------------------------------------------- */
.top_intro {
	background: #f6f6f6;
	text-align: center;
	opacity: 0;
}
.top_intro section {
	position: relative;
	z-index: 100;
	margin-top: -50px;
	width: 520px;
	height: 570px;
	box-sizing: border-box;
	background: #fff;
	float: left;
	margin-bottom: 80px;

	-webkit-animation: intro 0.8s ease-out;
	animation: intro 0.8s ease-out;
}

@keyframes intro {
	from {
		-ms-transform: translateY(25px);
		-webkit-transform: translateY(25px);
		transform: translateY(25px);
		opacity: 0;
	}
	to {
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.top_intro section p {
	margin-top: 20px;
}
.top_intro h2 {
	margin-top: -1px;
	height: 86px;
	line-height: 1.2;
	background-color: #068ac4;
	font-size: 16px;
	padding-top: 10px;
	margin-bottom: 26px;
}
.top_intro h2 strong {
	font-size: 42px;
	display: block;
	letter-spacing: 0.1em;
}
.top_intro__new {
	margin-right: 60px;
	border: 5px solid #068ac4;
}
.top_intro__new h2 {
	color: #fff;
	background-color: #068ac4;
}
.top_intro__new .button {
	margin: 16px;
}
.top_intro__product {
	border: 5px solid #fff;
}
.top_intro__product p {
	margin-bottom: 10px;
}
.top_intro__product h2 {
	color: #413837;
	background-color: #eeeeee;
}
.top_intro__productlink {
	border-top: 1px solid #eeeeee;
	margin: 0 30px;
	padding-top: 16px;
}
.top_intro__productlink a {
	font-weight: bold;
	font-size: 15px;
	color: #666666;
	padding: 0 0 30px;
	display: inline-block;
	background: url(../img/common/parts/arrow_01.png) no-repeat;
	background-position: bottom center;
	animation: productlink 1s linear infinite alternate;
}
.top_intro__productlink a:hover {
	text-decoration: none;
	opacity: 0.7;
}

@keyframes productlink {
	0% {
		padding: 0 0 30px;
	}
	100% {
		padding: 0 0 25px;
	}
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.top_intro {
		background: #fff;
	}
	.top_intro section {
		width: 100%;
		height: auto;
		margin-top: 0px;
		/* border: 5px solid #FFF; */
		border: none;
		margin-bottom: 30px;
	}
	.top_intro h2 {
		height: auto;
		line-height: 1.2;
		background-color: #eeeeee;
		font-size: 1.6rem;
		padding: 15px 10px;
		margin-bottom: 30px;
		text-align: left;
		border-left: 5px solid #068ac4;
	}
	.top_intro h2 strong {
		font-size: 3.2rem;
		display: inline;
		letter-spacing: 0.1em;
	}
	.top_intro img {
		width: 85%;
	}
	.top_intro section p {
		margin: 30px 10px 30px;
		/* text-align: left; */
	}
	.top_intro__new {
		margin-right: 60px;
		border: 0;
	}
	.top_intro__new h2 {
		color: #333;
	}
	.top_intro__new .button {
		margin: 30px;
	}
	.top_intro__productlink a {
		animation: none;
		background: url(../img/common/parts/arrow_01@2x.png) no-repeat;
		background-size: 22px 18px;
		background-position: bottom center;
	}
}

/* top_products
------------------------------------------------- */
.top_products {
	background: #f6f6f6;
	text-align: center;
	padding-bottom: 40px;
}
.top_products section {
	display: block;
	float: left;
	margin-right: 40px;
}
.top_products section.last {
	margin-right: 0;
}
.top_products__box {
	background: #fff;
	width: 340px;
	margin-bottom: 40px;
	box-sizing: border-box;
	border-top: 3px solid #83cff1;
	cursor: pointer;
	transition: 0.2s all;
	position: relative;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
}
.top_products__box::after {
	background: #fff url(../img/common/parts/arrow_02.png) no-repeat center center;
	width: 18px;
	height: 10px;
	content: "";
	display: block;
	position: absolute;
	bottom: 15px;
	right: 0;
	left: 0;
	margin: auto;
}
.top_products__box.open::after {
	background: #fff url(../img/common/parts/arrow_02blue_up.png) no-repeat center center;
}
.top_products__box:hover {
	opacity: 0.7;
}
.top_products__box.open:hover {
	opacity: 1;
}
.top_products__box.open {
	/*background: #FFF url(../img/common/parts/arrow_02blue_up.png) no-repeat center bottom 15px;*/
	border-top: 3px solid #068ac4;
	height: auto;
}
.top_products__box h3 {
	box-sizing: border-box;
	height: 77px;
	padding: 24px;
	font-size: 17px;
}

.top_products__submenu {
	display: none;
	padding: 20px 30px 40px;
	text-align: left;
}
.top_products__submenu li {
	margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
	.top_products__box {
		min-height: 340px;
	}
	.top_products__box h3.long_text {
		line-height: 1.4;
		padding: 15px;
	}
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.top_products {
		padding-top: 40px;
		overflow: hidden;
	}
	.top_products .inner {
		margin: 0 10px;
	}
	.top_products section {
		float: none;
		padding: 20px;
		margin: 0 0 20px;
		height: auto;
		width: auto;
		min-height: auto;
		overflow: hidden;
	}

	.top_products__box {
		background: #fff url(../img/common/parts/arrow_02@2x.png) no-repeat center bottom 15px;
		background-size: 18px 10px;
	}

	.top_products__box.open {
		background: #fff url(../img/common/parts/arrow_02blue_up@2x.png) no-repeat center bottom 15px;
		background-size: 18px 10px;
		border-top: 3px solid #068ac4;
		height: auto;
	}

	.top_products section h3 {
		float: left;
		padding-left: 0;
		text-align: left;
	}
	.top_products__box figure {
		float: right;
		width: 40%;
	}
	.top_products__submenu {
		clear: both;
	}
	.top_products__submenu {
		display: none;
		padding: 20px 0px 20px;
		text-align: left;
	}
	.top_products__submenu li {
		margin-bottom: 0px;
		border-bottom: 1px dotted #ddd;
	}
	.top_products__submenu li:first-child {
		border-top: 1px dotted #ddd;
	}
	.top_products__submenu li a {
		font-size: 1.5rem;
		display: block;
		padding: 10px 0 10px 0px;
		position: relative;
		vertical-align: middle;
		text-decoration: none;
	}

	.top_products__submenu li a::before {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 10px;
		margin: auto;
		content: "";
		vertical-align: middle;
		width: 4px;
		height: 4px;
		border-top: 1px solid #999999;
		border-right: 1px solid #999999;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

/*2025.05 add */
.top_products__box .video-box {
	width: 100%;
	max-width: 290px;
	aspect-ratio: 290 / 218;
	background: #000;
	margin: auto;
	position: relative;
}
.top_products__box .video-box iframe {
	width: 100%;
	height: 100%;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.top_products__box .video-box {
		float: right;
		width: 40%;
	}
}

/* top_case
------------------------------------------------- */

.top_case {
	background: url(../img/top/case_study_bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 80px 0 100px;
	border-top: 1px solid #eeeeee;
}
.top_case section {
	background-color: rgba(221, 221, 221, 0.5);
	padding: 40px 50px;
}
.top_case .l_left p {
	font-size: 15px;
	line-height: 1.8;
	padding: 10px 0 30px;
}
.top_case .l_left .button a {
	display: block;
	text-align: center;
	width: 550px;
	padding: 0;
	height: 68px;
	line-height: 68px;
	font-size: 16px;
	letter-spacing: 0.12em;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.top_case {
		background: url(../img/top/case_study_bg.jpg) no-repeat center top;
		background-size: cover;
		padding: 40px 0 40px;
		border-top: 1px solid #eeeeee;
	}
	.top_case section {
		background-color: transparent;
		padding: 0px;
	}
	.top_case .l_left,
	.top_case .l_right {
		float: none;
		text-align: center;
		margin: 0 10px;
	}
	.top_case .l_left p {
		font-size: 1.3rem;
		line-height: 1.7;
		padding: 30px 0 30px;
		text-align: left;
	}
	.top_case .l_left p br {
		display: none;
	}
	.top_case .l_left .button a {
		display: block;
		text-align: center;
		width: auto;
		padding: 0;
		height: 50px;
		line-height: 50px;
		font-size: 16px;
		letter-spacing: 0.12em;
	}
}

/* top_method
------------------------------------------------- */
.top_method {
	padding: 60px 0 100px;
	background: url(../img/top/production_method_bg.jpg) no-repeat;
	background-size: cover;
	text-align: center;
}
.top_method h2 + p {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 45px;
}
.top_method section {
	width: 320px;
	height: 280px;
	float: left;
	background: #fff;
	box-sizing: border-box;
	padding-top: 30px;
	margin-right: 70px;
	transition: 0.2s all ease-out;

	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}

.top_method figure {
	width: 160px;
	height: 160px;
	margin: 0 auto 30px;
	border-radius: 80px;
	overflow: hidden;
	transition: 0.2s all ease-out;
}
.top_method a:hover figure {
	border-radius: 0px;
}
.top_method a:hover section {
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
}
.top_method h3 {
	font-size: 17px;
}

@media only screen and (min-width: 768px) {
	.top_method section.last {
		margin-right: 0;
	}
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.top_method {
		padding: 40px 10px 60px;
		background: url(../img/top/production_method_bg.jpg) no-repeat center top;
		background-size: cover;
		text-align: center;
	}

	.top_method h2 + p {
		font-size: 1.3rem;
		font-weight: 400;
		margin-bottom: 30px;
	}
	.top_method section {
		max-width: 320px;
		width: auto;
		padding-top: 20px;
		height: auto;
		float: none;
		margin: 0 auto 16px;
	}
	.top_method figure {
		width: 150px;
		height: 150px;
		margin: 0 auto 20px;
	}
	.top_method h3 {
		font-size: 1.7rem;
		padding-bottom: 20px;
	}
}
/* top_topics
------------------------------------------------- */
.top_topics {
	padding: 60px 0 80px;
}

.top_topics__box li {
	border-top: 1px solid #eeeeee;
	padding: 12px 0;
}
.top_topics__box li:first-child {
	padding-top: 0;
	border-top: 0;
}
.top_topics__box li time,
.top_topics__box li p,
.top_topics__box li a {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
}
.top_topics__box li time {
	color: #666666;
}
.top_topics__box li a {
	margin: 0 0 0 26px;
	font-weight: bold;
}

@media only screen and (min-width: 768px) {
	.top_topics__box {
		box-sizing: border-box;
		width: 900px;
		padding: 40px 0;
		margin: 0 auto;
		border: 1px solid #e5e5e5;
	}
	.top_topics__box ul {
		height: 224px;
		width: 820px;
		padding: 0 40px;
		overflow: auto;
	}

	.top_topics .button {
		width: 900px;
		margin: 0 auto;
		text-align: right;
		padding: 10px 0 0;
	}
	.top_topics .button a {
		padding: 6px 50px;
	}
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.top_topics {
		padding: 40px 0 40px;
	}
	.top_topics__box {
		margin: 0 10px;
		padding: 20px;
		background: #fff;
		border: 1px solid #ccc;
		max-height: 240px;
		overflow: auto;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.top_topics__box li {
		padding: 18px 0;
	}
	.top_topics__box li a {
		display: block;
		font-weight: bold;
		margin: 0;
		margin-top: 5px;
		font-size: 1.4rem;
	}
	.top_topics .button {
		margin-top: 30px;
	}
	.top_topics .button a {
		display: block;
		margin: 10px;
		height: 40px;
		line-height: 40px;
		font-size: 1.5rem;
	}
}

/* 28 会社概要　company
=====================================================================*/
.company_map__box {
	margin-bottom: 80px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.company_map__box {
		margin-bottom: 40px;
		padding: 0 10px;
	}
	.company_map__box iframe {
		width: 100%;
		height: 300px;
	}
}

/* 29 会社沿革　history
=====================================================================*/
.history .contents_table table {
	width: 1100px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.history .contents_table table {
		width: 100%;
	}
	.history .contents_table table tr {
		border: 0;
		margin-bottom: 30px;
	}
	.history .contents_table table th {
		padding: 4px 10px;
	}
	.history .contents_table table td {
		padding: 10px 10px 30px;
	}
	.contents_table.even table tr:nth-child(even) {
		background: #fff;
	}
}

/* 30 環境方針　philosopy
=====================================================================*/
.philosophy__wrap {
	background: url(../img/philosophy/phi_bg.jpg) no-repeat top center;
	background-size: cover;
	padding: 60px 0 80px;
}
@media only screen and (min-width: 768px) {
	.philosophy .text_box_white {
		padding: 40px 140px;
	}
}

.philosophy__list {
	margin-bottom: 20px;
	padding-top: 10px;
}
.philosophy__list li {
	margin-bottom: 1.5em;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.philosophy__wrap {
		background: url(../img/philosophy/phi_bg.jpg) no-repeat bottom center;
		background-size: cover;
		padding: 40px 0 50px;
	}
}

/* 32 サイトマップ　sitemap
=====================================================================*/

.sitemap dt {
	margin-bottom: 16px;
	font-size: 16px;
	letter-spacing: 0;
	color: #068ac4;
}
.sitemap__box {
	padding-top: 60px;
}
.sitemap__box .flex {
	-webkit-justify-content: flex-start; /* Safari */
	justify-content: flex-start;
}
.sitemap__box.first .flex {
	flex-wrap: wrap;
}
.sitemap__box dl {
	padding-right: 40px;
	width: 200px;
}
.sitemap__box.first dl {
	padding-right: 45px;
	width: auto;
	min-width: 220px;
	margin-bottom: 30px;
}
.sitemap__box .flex-item {
	width: 140px;
}
.sitemap li {
	margin-bottom: 0.6em;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.sitemap .contents_box {
		padding-bottom: 0;
	}
	.sitemap__box {
		padding-top: 40px;
	}
	.sitemap .flex {
		flex-wrap: wrap;
	}
	.sitemap dl,
	.sitemap__box dl,
	.sitemap__box .flex-item,
	.sitemap__box.first dl {
		width: 50%;
		box-sizing: border-box;
		margin-bottom: 30px;
		min-width: auto;
		padding: 0;
	}
	.sitemap dl:nth-child(even) {
		padding-left: 10px;
	}
	.sitemap dt {
		margin-bottom: 12px;
		font-size: 1.4rem;
		color: #068ac4;
	}
}

/* 33 よくあるご質問　faq
=====================================================================*/

.faq .navi_btn {
	margin-bottom: 40px;
}
.faq .navi_btn li.contact a {
	background: url(../img/common/parts/icon_form.png) no-repeat #bfbfbf 20px 50%;
	color: #fff;
	font-weight: normal;
}
.faq .navi_btn li.faq a {
	background: url(../img/common/parts/icon_faq.png) no-repeat #068ac4 20px 50%;
	color: #fff;
	font-weight: normal;
}
.faq dl {
	margin-bottom: 20px;
}
.faq dl dt {
	background: #068ac4;
	color: #fff;
	box-sizing: border-box;
	margin: 0;
	font-size: 16px;
	position: relative;
	cursor: pointer;
}
.faq dl dt:after {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	top: calc(50% - 10px);
	right: 20px;
	transform: rotate(45deg);
	transition: 0.2s;
}
.faq dl dt.open:after {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	top: calc(50% - 5px);
	right: 20px;
	transform: rotate(225deg);
	transition: 0.2s;
}
.faq dl dt span {
	background: #51add6;
	font-size: 22px;
	padding: 5px 10px;
	box-sizing: border-box;
	display: inline-block;
	margin-right: 10px;
}
.faq dl dd {
	background: #f6f6f6;
	padding: 30px 44px 30px;
	overflow: hidden;
	display: none;
}
.faq dl dd.flex {
	justify-content: flex-start;
}
.faq dl dd span.ans {
	color: #068ac4;
	font-size: 20px;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	float: left;
}
.faq dl dd .answer_wrap {
	overflow: hidden;
}

.faq dl dd .answer_wrap p + p {
	margin-top: 10px;
}
.faq dl dd figure {
	margin: 30px 0;
}
.faq dl dd .answer_wrap__image_box {
	justify-content: flex-start;
}
.faq dl dd .answer_wrap__image_box figure:first-child {
	margin-right: 30px;
}
.disaster_faq_img {
	-ms-display: flex;
	-webkit-display: flex;
	display: flex;
}
.disaster_faq_img img:first-child {
	margin-right: 20px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.faq dl {
		margin-bottom: 0px;
	}
	.faq dl dt span {
		font-size: 14px;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		padding: 11px 10px;
	}
	.faq dl dd span {
		font-size: 14px;
	}
	.faq dl dt {
		font-size: 13px;
		padding-right: 45px;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
	.faq dl dd {
		padding: 10px;
	}
	.faq dl dd figure {
		text-align: center;
	}
	.faq .answer_wrap.flex,
	.faq .answer_wrap__image_box.flex {
		display: block;
	}
	.faq dl dd .answer_wrap__image_box figure:first-child {
		margin-right: 5px;
	}
	.disaster_faq_img img {
		width: 48%;
	}
	.disaster_faq_img img:first-child {
		margin-right: 4%;
	}
}

.faq_intro_box a {
	display: block;
	width: 500px;
	margin: 0 auto 60px;
	border: 1px solid #ccc;
	padding: 20px;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
}
.faq_intro_box a:hover {
	opacity: 0.6;
	color: #333;
}
.faq_intro_ttl {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.faq_intro_box figure {
	width: 280px;
	margin: 0 auto 20px;
}
.faq_intro_box figure img {
	width: 100%;
}
.faq_intro_box p {
	font-size: 16px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.faq_intro_box a {
		width: 90%;
		margin: 0 auto 30px;
		padding: 20px 10px;
		box-sizing: border-box;
	}
	.faq_intro_ttl {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.faq_intro_box figure {
		width: 60%;
		margin: 0 auto 20px;
	}
	.faq_intro_box p {
		font-size: 14px;
	}
}

/* 34 お問い合わせ　contact
=====================================================================*/

.contact .navi_btn {
	margin-bottom: 40px;
}
.contact .navi_btn li.contact a {
	background: url(../img/common/parts/icon_form.png) no-repeat #068ac4 20px 50%;
	color: #fff;
	font-weight: normal;
}
.contact .navi_btn li.faq a {
	background: url(../img/common/parts/icon_faq.png) no-repeat #bfbfbf 20px 50%;
	color: #fff;
	font-weight: normal;
}
.contact .text_box {
	text-align: center;
}
table.contact_form {
	width: 100%;
	border: none;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
table.contact_form tr {
	border-right: none;
	border-bottom: 1px solid #ddd;
}
table.contact_form th {
	width: 300px;
	padding: 27px 40px;
	border: none;
	border-bottom: #ddd 1px solid;
	background: none;
	text-align: left;
	background: #f6f6f6;
	font-size: 15px;
	font-weight: bold;
	box-sizing: border-box;
}
table.contact_form th span {
	display: block;
	font-size: 13px;
	font-weight: normal;
}
table.contact_form th .must {
	font-size: 11px;
	color: #fff;
	background: #c3143f;
	padding: 2px 7px;
	font-weight: normal;
	float: right;
}
table.contact_form td {
	border: none;
	padding: 27px 20px;
	box-sizing: border-box;
	position: relative;
}
table.contact_form td input {
	float: left;
	border: none;
	background: #f6f6f6;
	width: 60%;
	padding: 10px;
	box-sizing: border-box;
}
table.contact_form td.attachments input {
	background: none;
	margin-bottom: 8px;
	float: none;
}
table.contact_form td.attachments input + span {
	vertical-align: middle;
}
table.contact_form td.inquiry_con input {
	float: none;
	width: 20px;
}
table.contact_form td textarea {
	width: 100%;
	border: none;
	background: #f6f6f6;
	padding: 10px;
	box-sizing: border-box;
}
table.contact_form td input.tel,
table.contact_form td input.zip {
	width: 35%;
}
/*table.contact_form td input[type="text"] + a{
 */
table.contact_form td a.button_zip {
	display: inline-block;
	margin-left: 20px;
	padding: 10px;
	background-color: #0076b0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}
table.contact_form td a.button_zip:hover {
	text-decoration: none;
}

table.contact_form td p {
	font-size: 14px;
	color: #8c8c8c;
	margin-left: 20px;
	float: left;
}
table.contact_form td p.note span {
	display: block;
	font-size: 11px;
}
.btn_send {
	margin: 30px auto;
	text-align: center;
}
.btn_send .btn {
	display: inline-block;
	text-decoration: none;
	padding: 16px 60px;
	font-weight: 500;
	color: #fff;
	border: none;
	position: relative;
	background: #068ac4 url(../img/common/parts/arrow_03white.png) no-repeat 90% center;
}
.btn_send .back {
	display: inline-block;
	text-decoration: none;
	padding: 16px 60px;
	font-weight: 500;
	color: #fff;
	border: none;
	position: relative;
	background: #aaa url(../img/common/parts/arrow_04white.png) no-repeat 10% center;
	margin-right: 10px;
}
.contect_footer {
	text-align: center;
	padding-bottom: 60px;
}
.contect_footer h2.title_gray02 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
}
.contect_footer p.contect_footer__tel {
	display: inline-block;
	font-size: 32px;
	font-weight: 100;
	padding-left: 40px;
	color: #068ac4;
	margin-bottom: 30px;
	background: url(../img/common/footer/footer_tel_icon.png) no-repeat left center;
}
.contect_footer .contect_footer__tel + p {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	letter-spacing: 0.16em;
	margin-bottom: 30px;
}
.contect_footer .contect_footer__tel + p + p {
	color: #666;
	font-size: 13px;
}

/* MWフォーム固有
----------------------------------------------------------*/
.mw_wp_form .error {
	position: absolute;
	bottom: 0px;
	left: 22px;
	font-size: 15px !important;
	color: #c3143f !important;
}
.mw_wp_form .error + .error {
	left: 150px;
	display: none;
}
.mwform-checkbox-field label {
	display: block;
}
.mw_wp_form .horizontal-item + .horizontal-item {
	margin-left: 0 !important;
}
table.contact_form input[type="checkbox"] {
	width: 11px;
	height: 11px;
	-moz-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

.mw_wp_form_confirm p.note {
	display: none;
}

.mw_wp_form_confirm table.contact_form td.zip a.button_zip {
	display: none;
}

/*error*/
table.contact_form td input[type="text"].form_error,
table.contact_form td input[type="email"].form_error,
table.contact_form td textarea.form_error {
	background: #fce2e9;
	box-sizing: border-box;
	border: 1px solid #e76887;
	padding: 9px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.contact .navi_btn {
		margin-bottom: 40px;
	}
	.contact .navi_btn li.contact a {
		background: url(../img/common/parts/icon_form@2x.png) no-repeat #068ac4 20px 50%;
		color: #fff;
		font-weight: normal;
		background-size: 22px;
	}
	.contact .navi_btn li.faq a {
		background: url(../img/common/parts/icon_faq@2x.png) no-repeat #bfbfbf 20px 50%;
		color: #fff;
		font-weight: normal;
		background-size: 22px;
	}
	.contact .text_box {
		text-align: left;
	}
	table.contact_form {
		width: 100%;
	}
	table.contact_form tr {
		border-bottom: none;
	}
	table.contact_form th {
		display: block;
		width: 100%;
		padding: 10px;
		border-top: 3px solid #068ac4;
	}
	table.contact_form td {
		display: block;
		width: 100%;
		padding: 10px 0 20px;
	}
	table.contact_form td input,
	table.contact_form td textarea {
		width: 100%;
		margin-bottom: 10px;
	}
	table.contact_form td p {
		margin-left: 0;
		font-size: 11px;
		margin-bottom: 20px;
	}
	table.contact_form td p.note span {
		display: inline;
	}
	table.contact_form td.inquiry_con input {
		margin-right: 15px;
	}
	table.contact_form td.attachments input {
		margin: 0;
	}
	.contect_footer p.contect_footer__tel {
		font-size: 2.6rem;
		font-weight: 100;
		padding-left: 40px;
		margin-bottom: 30px;
		background: url(../img/common/footer/footer_tel_icon@2x.png) no-repeat left center;
		background-size: 26px 34px;
	}
	.contect_footer .contect_footer__tel + p {
		font-size: 1.3rem;
		letter-spacing: 0.16em;
		margin-bottom: 20px;
	}
	.contect_footer .contect_footer__tel + p + p {
		color: #666;
		font-size: 1.1rem;
	}
	.contect_footer {
		padding-bottom: 40px;
	}

	/* MWフォーム固有
	----------------------------------------------------------*/
	.mw_wp_form_confirm table.contact_form td {
		padding: 10px 10px 20px;
	}
}

/* 22 導入事例　case_list
=====================================================================*/
.case_serch__area {
	margin-bottom: 60px;
}
.case_search__title {
	margin-right: 10px;
	padding-left: 35px;
	font-size: 16px;
}
.icon--search {
	width: 24px;
	height: 24px;
	position: relative;
}
.icon--search:before {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	border-radius: 30px;
	height: 10px;
	width: 10px;
	border: 4px solid #333;
}
.icon--search:after {
	content: "";
	display: block;
	position: absolute;
	top: 16px;
	left: 16px;
	height: 11px;
	width: 4px;
	background: #333;
	border-radius: 10px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}
.case_serch__box {
	width: 450px;
	background: #f6f6f6;
	border: 1px solid #eeeeee;
	padding: 15px 45px;
	box-sizing: border-box;
}
.case_search__method {
	margin-bottom: 3px;
	font-size: 14px;
}
.case_serch__box select,
.case_serch__box input[type="text"] {
	padding: 0px 3px 1px;
	border: 1px solid #666666;
	font-size: 13px;
	box-sizing: border-box;
}
/*.case_serch__box .select_wrap{
	width: 300px;
	overflow: hidden;
	border-right: 1px solid #666;
	box-sizing: border-box;
}*/
.case_serch__box select {
	padding: 2px 3px 3px 8px;
	width: 300px;
	/*-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/
	/*background:url(../img/case_list/btn_select.gif) no-repeat right 25px center #fff;	*/
}
.case_serch__box select:hover {
	cursor: pointer;
}

.case_serch__box input[type="text"] {
	width: 300px;
	padding-left: 8px;
}
.case_serch__box input[type="submit"] {
	width: 28px;
	height: 26px;
	background: #666;
	border: none;
}
.case_article__area {
	width: 738px;
}
.case_article__box {
	position: relative;
	margin-bottom: 30px;
	padding: 15px;
	border: 1px solid #eee;
	min-height: 180px;
}
.case_article__box:last-child {
	margin-bottom: 60px;
}
.case_article__image {
	width: 280px;
	margin-right: 50px;
}
.case_article__image img {
	max-width: 280px;
	max-height: 210px;
}
.case_article__date {
	padding-right: 10px;
	border-right: 1px solid #999;
	letter-spacing: 1.5px;
	font-size: 12px;
	color: #666;
}
.case_article__cate {
	padding-left: 5px;
	font-size: 12px;
}
.case_article__title {
	padding: 13px 0;
	font-size: 18px;
}
.case_article__text {
	margin-bottom: 20px;
}
.case_article__button a {
	position: absolute;
	bottom: 15px;
	right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.5;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.icon--search:before {
		height: 8px;
		width: 8px;
		border-width: 3px;
	}
	.icon--search:after {
		top: 14px;
		left: 12px;
		height: 8px;
		width: 3px;
	}
	.case_serch__area {
		margin-bottom: 30px;
	}
	.case_search__title {
		display: block;
		margin-bottom: 7px;
		padding-left: 25px;
	}
	.case_article__area {
		width: 100%;
	}
	.case_serch__box {
		width: 100%;
		padding: 10px;
		margin-bottom: 10px;
		border: 1px solid #e8e8e8;
	}
	.case_serch__box select {
		width: 100%;
	}
	.case_serch__box input[type="text"] {
		width: calc(100% - 32px);
	}
	.case_serch__box select,
	.case_serch__box input[type="text"] {
		padding-bottom: 2px;
	}
	.case_article__box {
		border: none;
		border-bottom: 1px solid #ccc;
		padding: 0 10px 30px;
	}
	.case_article__image {
		width: 100%;
		text-align: center;
		margin: 0 0 10px;
	}
	.case_article__image img {
		max-width: 100%;
		width: 100%;
		max-height: 100%;
	}
	.case_article__title {
		padding: 5px 0;
	}
	.case_article__button a {
		position: relative;
		top: 0;
		left: 0;
		padding: 10px 0;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
	.case_article__button.arrow a:after {
		top: calc(50% - 4px);
	}
}

/* 23 導入事例　case_detail
=====================================================================*/
.case_detail__box {
	border-bottom: 3px solid #ddd;
	margin-bottom: 50px;
}
.case_detail__date {
	font-size: 14px;
	color: #666;
	margin-bottom: 0px;
	letter-spacing: 2px;
}
.case_detail__title {
	position: relative;
	font-size: 30px;
	margin-bottom: 7px;
	padding-bottom: 12px;
	border-bottom: 3px solid #ddd;
	font-weight: 300;
}
.case_detail__title:after {
	position: absolute;
	bottom: -3px;
	left: 0;
	content: "";
	width: 180px;
	border-bottom: 3px solid #068ac4;
}
.case_detail__category {
	float: right;
	margin-bottom: 40px;
	padding: 5px 15px;
	background-color: #f6f6f6;
	font-weight: 300;
	font-size: 13px;
	letter-spacing: 1px;
	color: #999;
}
.case_detail__image {
	margin-bottom: 40px;
	text-align: center;
}
.case_detail__image img {
	max-width: 900px;
}
.case_detil__content {
	clear: both;
	width: 900px;
	margin: 0 auto 50px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.case_detail__title {
		margin-top: 7px;
		margin-bottom: 15px;
		padding-bottom: 7px;
		font-size: 2rem;
		line-height: 1.3;
	}
	.case_detail__category {
		float: none;
		padding: 3px 10px;
		font-size: 11px;
		margin-bottom: 25px;
	}
	.case_detil__content {
		width: 100%;
		margin-bottom: 30px;
	}
	.case_detail__image img {
		max-width: 100%;
	}
	.case_detail__image {
		margin-bottom: 20px;
	}
	.case_detail__box {
		margin-bottom: 30px;
	}
}

/* 35 WordPressテンプレートB　products_wp
=====================================================================*/
.products_item__intro {
	-webkit-display: flex;
	display: flex;
	flex-wrap: wrap;
	margin-right: 40px;
	margin-bottom: 40px;
	width: 530px;
	min-height: 193px;
}
.products_item__image {
	position: absolute;
	top: 0;
	right: 0;
	margin-bottom: 30px;
	width: 530px;
}
.products_item__image span {
	width: 260px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.products_item__image span:nth-child(2n) {
	margin-right: 0;
}
.products_item__image img {
	width: 100%;
}
.products_wp__freearea_wrap {
	width: min(100%,570px,620px,1100px);
}
.products_wp__freearea {
	width: 530px;
	margin-right: 40px;
	margin-bottom: 40px;
	padding: 15px 20px;
	box-sizing: border-box;
	background: #f6f6f6;
}
.products_wp__freearea li {
	margin-bottom: 10px;
}
.products_wp__freearea__title {
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: 400;
}
.products_item__merit li {
	background: url(../img/common/parts/icon_feature.png) no-repeat left 5px;
	background-size: 19px auto;
	padding-left: 30px;
}
.products_item__use {
	margin-right: 0;
}
.products_item__use li {
	margin-left: 20px;
	list-style-type: disc;
}
.products_item__pdf a {
	box-sizing: border-box;
	position: relative;
	display: block;
	width: 530px;
	height: 50px;
	line-height: 50px;
	padding: 0;
	padding-left: 50px;
	background: url(../img/common/parts/icon_pdf.png) no-repeat 10px center #777;
	background-size: 29px auto;
	color: #fff;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.js_productsWpFreeareaWrap {
		display: block;
	}
	.products_item__image {
		width: 100%;
		position: static;
	}
	.products_item__intro {
		width: 100%;
		margin-bottom: 20px;
	}
	.products_item__image span {
		display: block;
		width: 100%;
		margin-right: 0;
	}
	.products_item__image {
		margin-bottom: 10px;
	}
	.products_item__image img {
		width: 100%;
		max-width: 100%;
	}
	.products_wp__freearea {
		margin-right: 0;
		margin-bottom: 20px;
		padding: 15px;
		width: auto;
	}
	.products_wp__freearea__title {
		font-size: 1.8rem;
	}
	.products_item__pdf a {
		width: 100%;
	}
}

/* 24 金型製造工程　method_mold
=====================================================================*/
.method_mold__intro {
	margin-bottom: 50px;
}
.method_mold__boxwrap {
	margin-bottom: 60px;
	position: relative;
}
.method_mold__boxwrap:after {
	content: "";
	position: absolute;
	border-right: 6px solid #068ac4;
	left: 75px;
	top: 160px;
	height: 100%;
	z-index: -1;
}
.method_mold__order {
	width: 160px;
	height: 160px;
	margin-right: 72px;
	padding-top: 35px;
	box-sizing: border-box;
	background-color: #068ac4;
	border-radius: 80px;
	line-height: 1.2;
	font-weight: 100;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	font-size: 24px;
	text-align: center;
	color: #fff;
}
.method_mold__order.two_rows {
	padding-top: 25px;
}
.method_mold__order .num {
	display: inline-block;
	font-size: 34px;
	margin-bottom: 10px;
}
.method_mold__box {
	position: relative;
	padding: 9px;
	width: 880px;
	border: 1px solid #ddd;
	-webkit-align-items: center;
	align-items: center;
	box-sizing: border-box;
}
.method_mold__box:before {
	content: "";
	top: calc(50% - 13px);
	left: -22px;
	position: absolute;
	width: 22px;
	height: 27px;
	background: url(../img/method_mold/arrow.png) no-repeat left center;
}
.method_mold__image {
	margin-right: 40px;
}
.method_mold__text {
	font-size: 16px;
}
.last.method_mold__boxwrap:after {
	content: none;
}
.last .method_mold__order {
	background: url(../img/method_mold/flow_next.png) no-repeat left center;
	padding-top: 65px;
	font-size: 30px;
	letter-spacing: 3px;
}
.last .method_mold__box {
	background-color: #f6f6f6;
	border: none;
	padding: 35px 50px 40px;
	box-sizing: border-box;
}
.last .method_mold__box:before {
	background: url(../img/method_mold/gray_arrow.png) no-repeat left bottom;
}
.last .method_mold__text {
	margin-bottom: 20px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.method_mold__intro {
		margin-bottom: 30px;
	}
	.method_mold__boxwrap {
		margin-bottom: 30px;
	}
	.method_mold__boxwrap:after {
		content: none;
	}
	.method_mold__order {
		margin-bottom: 10px;
		padding: 7px 0 8px;
		width: 100%;
		height: auto;
		border-radius: 0;
		font-size: 18px;
	}
	.method_mold__order.two_rows {
		padding-top: 7px;
	}
	.method_mold__order .num {
		font-size: inherit;
		margin: 0;
		margin-right: 10px;
		vertical-align: top;
	}
	.method_mold__box:before {
		content: none;
	}
	.method_mold__box {
		width: 100%;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}
	.method_mold__image {
		margin-right: 7px;
		width: 35%;
	}
	.method_mold__text {
		font-size: 13px;
		width: 65%;
	}
	.last .method_mold__order {
		background-size: 105px auto;
		background-position: -10px center;
		background-color: #434645;
		padding: 7px 0 8px;
		font-size: 18px;
	}
	.last .method_mold__box {
		padding: 20px;
	}
	.last .method_mold__text {
		width: 100%;
	}
	.last .method_mold__box .button a {
		font-size: 1.2rem;
		margin: 0;
		padding: 10px 10px;
		text-align: center;
	}
}

/* 25.アルミ押出工程　method_alumi
=====================================================================*/
.method_alumi__intro {
	margin-bottom: 50px;
}
.method_alumi__boxwrap {
	margin-bottom: 60px;
	position: relative;
}
.method_alumi__boxwrap:after {
	content: "";
	position: absolute;
	border-right: 6px solid #068ac4;
	left: 75px;
	top: 160px;
	height: 100%;
	z-index: -1;
}
.method_alumi__order {
	width: 160px;
	height: 160px;
	margin-right: 72px;
	padding-top: 35px;
	box-sizing: border-box;
	background-color: #068ac4;
	border-radius: 80px;
	line-height: 1.2;
	font-weight: 100;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	font-size: 24px;
	text-align: center;
	color: #fff;
}
.method_alumi__order.two_rows {
	padding-top: 25px;
}
.method_alumi__order .num {
	display: inline-block;
	font-size: 34px;
	margin-bottom: 10px;
}
.method_alumi__box {
	position: relative;
	padding: 9px;
	width: 880px;
	border: 1px solid #ddd;
	-webkit-align-items: center;
	align-items: center;
	box-sizing: border-box;
}
.method_alumi__box:before {
	content: "";
	top: calc(50% - 13px);
	left: -22px;
	position: absolute;
	width: 22px;
	height: 27px;
	background: url(../img/method_alumi/arrow.png) no-repeat left center;
}
.method_alumi__image {
	margin-right: 40px;
}
.method_alumi__text {
	font-size: 16px;
}
.last.method_alumi__boxwrap:after {
	content: none;
}
.last .method_alumi__order {
	background: url(../img/method_alumi/flow_next.png) no-repeat left center;
	padding-top: 65px;
	font-size: 30px;
	letter-spacing: 3px;
}
.last .method_alumi__box {
	background-color: #f6f6f6;
	border: none;
	padding: 35px 50px 40px;
	box-sizing: border-box;
}
.last .method_alumi__box:before {
	background: url(../img/method_alumi/gray_arrow.png) no-repeat left bottom;
}
.last .method_alumi__text {
	margin-bottom: 20px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.method_alumi__intro {
		margin-bottom: 30px;
	}
	.method_alumi__boxwrap {
		margin-bottom: 30px;
	}
	.method_alumi__boxwrap:after {
		content: none;
	}
	.method_alumi__order {
		margin-bottom: 10px;
		padding: 7px 0 8px;
		width: 100%;
		height: auto;
		border-radius: 0;
		font-size: 18px;
	}
	.method_alumi__order.two_rows {
		padding-top: 7px;
	}
	.method_alumi__order .num {
		font-size: inherit;
		margin: 0;
		margin-right: 10px;
		vertical-align: top;
	}
	.method_alumi__box:before {
		content: none;
	}
	.method_alumi__box {
		width: 100%;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}
	.method_alumi__image {
		margin-right: 7px;
		width: 35%;
	}
	.method_alumi__text {
		font-size: 13px;
		width: 65%;
	}
	.last .method_alumi__order {
		background-size: 105px auto;
		background-position: -10px center;
		background-color: #434645;
		padding: 7px 0 8px;
		font-size: 18px;
	}
	.last .method_alumi__box {
		padding: 20px;
	}
	.last .method_alumi__box .button {
	}
	.last .method_alumi__box .button a {
		font-size: 1.2rem;
		margin: 0;
		padding: 10px 10px;
		text-align: center;
	}
	.last .method_alumi__text {
		width: 100%;
	}
}

/* 26.アルマイト処理工程　method_alumitete
=====================================================================*/
.method_alumite__intro {
	margin-bottom: 50px;
}
.method_alumite__boxwrap {
	margin-bottom: 60px;
	position: relative;
}
.method_alumite__boxwrap:after {
	content: "";
	position: absolute;
	border-right: 6px solid #068ac4;
	left: 75px;
	top: 160px;
	height: 100%;
	z-index: -1;
}
.method_alumite__order {
	width: 160px;
	height: 160px;
	margin-right: 72px;
	padding-top: 35px;
	box-sizing: border-box;
	background-color: #068ac4;
	border-radius: 80px;
	line-height: 1.2;
	font-weight: 100;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	font-size: 24px;
	text-align: center;
	color: #fff;
}
.method_alumite__order.other {
	width: 160px;
	height: 160px;
	margin-right: 72px;
	padding-top: 35px;
	box-sizing: border-box;
	background-color: #666666;
	border-radius: 80px;
	line-height: 1.2;
	font-weight: 100;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	font-size: 24px;
	text-align: center;
	color: #fff;
}
.method_alumite__order.small {
	font-size: 21px;
	line-height: 1;
}
.method_alumite__order.middle {
	font-size: 22px;
}
.method_alumite__order.two_rows {
	padding-top: 25px;
}
.method_alumite__order.three_rows {
	padding-top: 15px;
}
.method_alumite__order .other_text {
	display: inline-block;
	font-size: 26px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.method_alumite__order .num {
	display: inline-block;
	font-size: 34px;
	margin-bottom: 10px;
}
.method_alumite__box {
	position: relative;
	padding: 9px;
	width: 880px;
	border: 1px solid #ddd;
	-webkit-align-items: center;
	align-items: center;
	box-sizing: border-box;
}
.method_alumite__box:before {
	content: "";
	top: calc(50% - 13px);
	left: -22px;
	position: absolute;
	width: 22px;
	height: 27px;
	background: url(../img/method_alumite/arrow.png) no-repeat left center;
}
.method_alumite__image {
	margin-right: 40px;
}
.method_alumite__text {
	font-size: 16px;
}
.last.method_alumite__boxwrap:after {
	content: none;
}
.last .method_alumite__order {
	background: url(../img/method_alumite/flow_next.png) no-repeat left center;
	padding-top: 65px;
	font-size: 30px;
	letter-spacing: 3px;
}
.last .method_alumite__box {
	background-color: #f6f6f6;
	border: none;
	padding: 35px 50px 40px;
	box-sizing: border-box;
}
.last .method_alumite__box:before {
	background: url(../img/method_alumite/gray_arrow.png) no-repeat left bottom;
}
.last .method_alumite__text {
	margin-bottom: 20px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.method_alumite__intro {
		margin-bottom: 30px;
	}
	.method_alumite__boxwrap {
		margin-bottom: 30px;
	}
	.method_alumite__boxwrap:after {
		content: none;
	}
	.method_alumite__order {
		margin-bottom: 10px;
		padding: 7px 0 8px;
		width: 100%;
		height: auto;
		border-radius: 0;
		font-size: 18px;
	}
	.method_alumite__order.other {
		margin-bottom: 10px;
		padding: 7px 0 8px;
		width: 100%;
		height: auto;
		border-radius: 0;
		font-size: 18px;
	}
	.method_alumite__order.small {
		font-size: 18px;
	}
	.method_alumite__order.middle {
		font-size: 18px;
	}
	.method_alumite__order.two_rows {
		padding-top: 7px;
	}
	.method_alumite__order.three_rows {
		padding-top: 7px;
	}
	.method_alumite__order .other_text {
		font-size: inherit;
		margin: 0;
		margin-right: 10px;
		vertical-align: top;
	}
	.method_alumite__order .num {
		font-size: inherit;
		margin: 0;
		margin-right: 10px;
		vertical-align: top;
	}
	.method_alumite__box:before {
		content: none;
	}
	.method_alumite__box {
		width: 100%;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}
	.method_alumite__image {
		margin-right: 7px;
		width: 35%;
	}
	.method_alumite__text {
		font-size: 13px;
		width: 65%;
	}
	.last .method_alumite__order {
		background-size: 105px auto;
		background-position: -10px center;
		background-color: #434645;
		padding: 7px 0 8px;
		font-size: 18px;
	}
	.last .method_alumite__box {
		padding: 20px;
	}
	.last .method_alumite__text {
		width: 100%;
	}
	.last .method_alumite__box .button a {
		font-size: 1.2rem;
		margin: 0;
		padding: 10px 10px;
		text-align: center;
	}
}

/* 27.納品までの流れ　method_flow
=====================================================================*/
.method_flow__intro {
	margin-bottom: 50px;
}
.method_flow__boxwrap {
	margin-bottom: 69px;
	position: relative;
	width: 1100px;
	min-height: 190px;
	position: relative;
	border: 1px solid #eee;
	box-sizing: border-box;
	background-repeat: no-repeat;
}
.method_flow__boxwrap:after {
	position: absolute;
	bottom: -70px;
	left: calc(50% - 15px);
	content: "";
	width: 30px;
	height: 69px;
	background: url(../img/method_flow/arrow.gif) no-repeat center;
}
.last.method_flow__boxwrap {
	margin-bottom: 0;
}
.last.method_flow__boxwrap:after {
	content: none;
}
.method_flow__box {
	width: 750px;
	margin: 0 auto;
	padding: 20px 0;
}
.method_flow__boxinner--img {
	margin-top: 35px;
}

.method_flow__title {
	position: relative;
	margin-bottom: 25px;
	padding: 1px 0 3px;
	width: 750px;
	border-radius: 50px;
	text-align: center;
	font-size: 17px;
	color: #fff;
	letter-spacing: 2px;
}
.method_flow__title--inquiry span {
	display: inline-block;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../img/method_flow/icon_mail.png);
}
.method_flow__title:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	bottom: -18px;
	left: calc(50% - 10px);
	border: 10px solid transparent;
	border-top: 10px solid #72d1fa;
}
.method_flow__list {
	margin-top: 10px;
	width: 270px;
}
.method_flow__list li {
	margin-bottom: 5px;
}
.method_flow__comment {
	position: absolute;
	bottom: -50px;
	left: calc(50% + 35px);
}
.method_flow__comment:after {
	position: absolute;
	top: 11px;
	left: -3px;
	content: "";
	background: #fff;
	width: 5px;
	height: 5px;
	border-bottom: 2px solid #c3143f;
	border-right: 2px solid #c3143f;
	transform: rotate(135deg);
}
.method_flow__comment_inner {
	display: inline-block;
	padding: 0 10px;
	background: #fff;
	border: 2px solid #c3143f;
	font-size: 13px;
	color: #c3143f;
}
/* client / mycompany 独自スタイル */
.client.method_flow__boxwrap {
	background-image: url(../img/method_flow/bg_client.png);
	background-position: 25px 40px;
	background-color: #f6f6f6;
}
.mycompany.method_flow__boxwrap {
	background-image: url(../img/method_flow/bg_fuji.png);
	background-position: calc(100% - 25px) 40px;
	background-color: #fff;
}
.client .method_flow__title {
	background-color: #72d1fa;
}
.mycompany .method_flow__title {
	background-color: #666;
}
.default .method_flow__title {
	background-color: #fa83a0;
}
.mycompany .method_flow__title:after {
	border-top-color: #666;
}
.default .method_flow__title:after {
	border-top-color: #fa83a0;
}

/* コンテンツごとの固有スタイル */
.method_flow__inquiry_contents span {
	display: inline-block;
	margin-top: 25px;
	background: #fff;
	width: 145px;
	height: 30px;
	line-height: 32px;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
}
.method_flow__product {
	width: 600px;
	margin: 0 auto 10px;
	background-color: #f6f6f6;
	border: 1px solid #eeeeee;
	font-size: 20px;
	padding: 8px;
	box-sizing: border-box;
}
.method_flow__product_image {
	margin-right: 20px;
}
.method_flow__delivery {
	margin-right: 20px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.method_flow__intro {
		margin-bottom: 30px;
	}
	.method_flow__boxwrap {
		width: 100%;
		min-height: inherit;
		margin-bottom: 55px;
	}
	.client.method_flow__boxwrap,
	.mycompany.method_flow__boxwrap {
		background-size: 55px auto;
		background-position: 10px 60px;
	}
	.method_flow__boxwrap:after {
		left: 10%;
		bottom: -56px;
		background-size: 24px auto;
		width: 24px;
		height: 55px;
	}
	.method_flow__comment {
		left: calc(10% + 45px);
		bottom: -43px;
	}
	.method_flow__box {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
	}
	.method_flow__box_inner {
		margin-left: 65px;
		width: calc(100% - 65px);
	}
	.method_flow__title {
		width: 100%;
		font-size: 14px;
		margin-bottom: 20px;
	}
	.method_flow__inquiry_contents {
		margin-top: 10px;
	}
	.method_flow__inquiry_contents span {
		font-size: 12px;
		width: calc(50% - 2px);
		height: auto;
		margin: 0 0 3px 0;
	}
	.method_flow__product {
		width: 100%;
		padding: 5px;
		font-size: 16px;
	}
	.method_flow__list {
		width: auto;
		margin-top: 0;
	}
	.method_flow__boxinner--img {
		margin-top: 5px;
	}
	.method_flow__product_image {
		width: 35%;
	}
	.method_flow__delivery {
		margin-right: 10px;
	}
}
/* 15 サーモコイル　eco_thermo
=====================================================================*/
.eco_thermo {
}

.eco_thermo {
}
.eco_common__info dt {
	font-size: 21px;
	color: #068ac4;
	margin-bottom: 10px;
}

.eco_thermo .intro {
	background: #f6f6f6;
	margin-bottom: 60px;
	padding: 5px;
	box-sizing: border-box;
}
.eco_thermo .intro .text_area {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
}
.eco_thermo .feature {
	width: 60%;
	display: table-cell;
}
.eco_thermo .feature li {
	background: #fff url(../img/common/parts/icon_feature.png) no-repeat left 16px center;
	margin-right: 10px;
	margin-bottom: 10px;
	height: auto;
	box-sizing: border-box;
	padding: 20px 10px 20px 54px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}
.eco_thermo .feature__img {
	display: table-cell;
	padding-left: 70px;
}
.eco_thermo__case {
	padding-top: 60px;
}
.eco_thermo__point dl {
	width: 530px;
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
}
.eco_thermo .eco_thermo__flow__contents01 {
	margin: 80px 0 80px;
}
.eco_thermo .table_blue {
	width: 500px;
}
.eco_thermo .table_blue td {
	width: 50px;
}
.eco_thermo .eco_thermo__flow__contents02 h3 {
	font-size: 16px;
}
.eco_thermo .eco_thermo__flow__contents02 ul {
	margin-bottom: 40px;
}

.eco_thermo .eco_thermo__flow__contents02 ul li {
	text-indent: -15px;
	padding-left: 15px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.eco_thermo .intro {
		display: block;
		padding: 10px;
		background: none;
	}
	.eco_thermo .intro .text_area {
		display: block;
		padding: 0;
	}
	.eco_thermo .intro .intro__img {
		text-align: center;
	}
	.eco_thermo .feature {
		display: block;
		width: 100%;
	}
	.eco_thermo .feature li {
		background: #fff url(../img/common/parts/icon_feature@2x.png) no-repeat left 12px center;
		background-size: 24px 19px;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
		width: auto;
		height: auto;
		box-sizing: border-box;
		padding: 10px 10px 10px 44px;
	}
	.eco_thermo .feature__img {
		display: block;
		text-align: center;
		padding: 0 20px;
		margin-top: 40px;
	}
	.eco_thermo .eco_thermo__case__img {
		padding: 10px;
	}
	.eco_thermo .eco_thermo__flow__contents01 {
		display: block;
		margin-bottom: 40px;
	}
	.eco_thermo .eco_thermo__flow__contents01 img {
		margin-bottom: 30px;
	}
	.eco_thermo .table_blue {
		width: 100%;
	}
	.eco_thermo .table_blue td {
		width: auto;
		padding: 0;
	}
}

/* 16. 植物工場　eco_plant
=====================================================================*/
.eco_plant .eco_common__info {
	padding-bottom: 50px;
}

.eco_plant .eco_common__info .text_area {
	max-width: 600px;
}
.eco_plant .eco_common__info .text_area p {
	margin-bottom: 1.5em;
}
.eco_plant .eco_common__info .intro__img {
	padding: 40px 0 0 0;
}
.eco_plant__example .text_area {
	background: #f6f6f6;
	padding: 20px;
	box-sizing: border-box;
	width: 540px;
	height: 300px;
}
.eco_plant__example .text_area h3 {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 12px;
}
.eco_plant__example .text_area li {
	margin-bottom: 6px;
}
.eco_plant__feature__box h3 {
	background: #fff url(../img/common/parts/icon_feature.png) no-repeat left 16px center;
	border: 1px solid #eee;
	font-size: 20px;
	font-weight: normal;
	padding: 20px 20px 20px 54px;
	margin-bottom: 40px;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}
.eco_plant__feature__box h3 + p {
	margin-bottom: 40px;
}
.eco_plant__feature__box .element dt {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	height: 36px;
	line-height: 36px;
}
.eco_plant__feature__box .element dt span {
	display: block;
	float: left;
	width: 36px;
	text-align: center;
}
.eco_plant__feature__box .element dd {
	padding: 10px 36px 10px 36px;
	vertical-align: middle;
}
.eco_plant__feature__box .element dd strong {
	vertical-align: middle;
}
.eco_plant__feature__box .element01 dt {
	background-color: #81d3a9;
}
.eco_plant__feature__box .element01 dt span {
	background-color: #3ebc7b;
}
.eco_plant__feature__box .element02 dt {
	background-color: #f1a4b7;
}
.eco_plant__feature__box .element02 dt span {
	background-color: #e76887;
}
.eco_plant__feature__box .element03 dt {
	background-color: #f8b289;
}
.eco_plant__feature__box .element03 dt span {
	background-color: #f48949;
}
.eco_plant__feature__box .element04 dt {
	background-color: #6ab9dc;
}
.eco_plant__feature__box .element04 dt span {
	background-color: #068ac4;
}

.eco_plant__feature__image {
	text-align: center;
	margin-bottom: 60px;
}
.eco_plant__feature__image img {
	width: 100%;
}
.eco_plant__feature__days {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.eco_plant__feature__days li {
	padding: 10px;
	box-sizing: border-box;
	width: 540px;
	border: 1px solid #eeeeee;
	margin-bottom: 20px;
}
.eco_plant__feature__days li .text_area {
	width: 324px;
}
.eco_plant__feature__days .calender {
	border-bottom: 1px dotted #bbbbbb;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: bold;
	vertical-align: bottom;
}
.eco_plant__feature__days .calender span {
	display: inline-block;
	padding: 20px 0 0 10px;
}
.eco_plant__feature__days .calender + p {
	text-align: right;
	padding-right: 10px;
}
.eco_plant__feature__days .calender + p span {
	font-size: 20px;
	padding-right: 5px;
}
.eco_plant__feature__box.large_leef li p {
	text-align: center;
	margin-top: 10px;
}
.eco_plant__feature__box.large_leef p strong {
	font-size: 18px;
}
.eco_plant__feature__box.large_leef h3 + p strong {
	font-size: 20px;
	vertical-align: baseline;
}
.eco_plant__feature__box.large_leef {
	padding-bottom: 60px;
}
.eco_plant__value h3 {
	padding-top: 40px;
	font-size: 16px;
}
.eco_plant__value li {
	margin-bottom: 8px;
}
.eco_plant__flow__image {
	text-align: center;
	background: #eeeeee;
	padding: 30px 0;
	margin-bottom: 60px;
}
.eco_plant__product__detail,
.eco_plant__product__detail dl {
	width: 600px;
}
.eco_plant__product__detail dt {
	background: none;
	vertical-align: top;
	width: 120px;
}
.eco_plant__product__detail .spec dl:nth-child(odd) {
	background: #f6f6f6;
}
.eco_plant__product__detail .credit {
	border: 1px solid #eee;
	padding: 10px 0;
	margin-top: 30px;
}
.eco_plant__product__detail .credit dt,
.eco_plant__product__detail .credit dd {
	padding: 5px 15px;
}

@media only screen and (min-width: 768px) {
	/*PC only*/
	.eco_plant__feature__box .illust_wrap {
		position: relative;
		height: 270px;
		width: 100%;
		margin-bottom: 40px;
	}
	.eco_plant__feature__box .illust_wrap .img_area {
		position: absolute;
		width: 301px;
		height: 261px;
		left: 0;
		right: 0;
		top: 0;
		margin: auto;
	}
	.eco_plant__feature__box .element {
		position: absolute;
		width: 400px;
	}
	.eco_plant__feature__box .element01 {
		top: 0;
		left: 0;
	}
	.eco_plant__feature__box .element01 dt,
	.eco_plant__feature__box .element02 dt {
		text-align: right;
	}
	.eco_plant__feature__box .element01 dt span,
	.eco_plant__feature__box .element02 dt span {
		float: right;
		margin-left: 10px;
	}
	.eco_plant__feature__box .element03 dt span,
	.eco_plant__feature__box .element04 dt span {
		margin-right: 10px;
	}
	.eco_plant__feature__box .element02 {
		top: 58.5%;
		left: 0;
	}
	.eco_plant__feature__box .element03 {
		top: 0;
		right: 0;
	}
	.eco_plant__feature__box .element04 {
		top: 54%;
		right: 0;
	}
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.eco_plant__example .text_area,
	.eco_plant__feature__days li,
	.eco_plant__product__detail,
	.eco_plant__product__detail dl,
	.eco_plant__feature__box .element {
		width: auto;
		height: auto;
	}
	.eco_plant ul.flex,
	.eco_plant div.flex {
		display: block;
	}
	.eco_plant .eco_common__info {
		padding-bottom: 30px;
	}
	.eco_plant .eco_common__info .img_area {
		padding: 0;
		width: 80%;
		margin: 0 auto;
	}
	.eco_plant .eco_common__info .intro__img {
		text-align: center;
		padding-top: 30px;
	}
	.eco_plant .intro__img img {
	}
	.eco_plant__feature__box h3 {
		background: #fff url(../img/common/parts/icon_feature@2x.png) no-repeat left 10px center;
		background-size: 24px 19px;
		font-size: 1.5rem;
		padding: 10px 10px 10px 40px;
		margin-bottom: 30px;
	}
	.eco_plant__example .text_area h3 {
		font-size: 1.5rem;
	}
	.eco_plant__feature__box h3 + p {
		margin-bottom: 20px;
	}
	.eco_plant__feature__box .element {
		margin-top: 30px;
	}
	.eco_plant__feature__box .element dt {
		font-size: 1.4rem;
	}
	.eco_plant__feature__box .element dt span {
		margin-right: 10px;
	}
	.eco_plant__feature__box .element dd {
		padding: 10px 0 0;
	}
	.eco_plant__feature__image {
		margin: 30px 0 40px;
	}
	.eco_plant__feature__days li .text_area {
		width: 70%;
	}
	.eco_plant__feature__days figure {
		width: 28%;
	}
	.eco_plant__feature__days .calender {
		padding-bottom: 8px;
		margin-bottom: 8px;
	}
	.eco_plant__feature__days .calender img {
		height: 30px;
		width: auto;
	}
	.eco_plant__feature__days .calender span,
	.eco_plant__feature__days .calender + p,
	.eco_plant__feature__days .calender + p span {
		padding: 0;
		vertical-align: baseline;
		font-size: 1.4rem;
	}
	.eco_plant__feature__box.large_leef {
		padding-bottom: 10px;
	}
	.eco_plant__feature__box.large_leef li {
		text-align: center;
		margin-bottom: 30px;
	}
	.eco_plant__feature__box.large_leef li img {
		max-width: 200px;
	}
	.eco_plant__feature__box.large_leef p strong,
	.eco_plant__feature__box.large_leef h3 + p strong {
		font-size: 1.5rem;
	}
	.eco_plant__value h3 {
		padding-top: 20px;
		font-size: 1.4rem;
	}
	.eco_plant__value li {
		text-indent: -1em;
		margin-left: 1em;
	}
	.eco_plant__flow__image {
		background: none;
		padding: 0;
		margin: 0 auto 40px;
	}
	.eco_plant__product__image {
		text-align: center;
		margin-bottom: 10px;
	}
	.eco_plant__product__detail dl {
		width: 100%;
		font-size: 1.2rem;
	}
	.eco_plant__product__detail .credit dt,
	.eco_plant__product__detail dt {
		width: 100px;
		padding-right: 0;
	}
	.eco_plant__product__detail .credit {
		margin-top: 20px;
	}
}

/* オールアルミラック　eco_alumirack
=====================================================================*/
.eco_alumirack .eco_common__info {
	padding-bottom: 50px;
}
.eco_alumirack .eco_common__info .text_area {
	max-width: 600px;
}
.eco_alumirack .eco_common__info .text_area p {
	margin-bottom: 1.5em;
}
.eco_alumirack .eco_common__info .intro__img {
	padding: 40px 0 0 0;
}
.eco_alumirack__example .text_area {
	background: #f6f6f6;
	padding: 20px;
	box-sizing: border-box;
	width: 540px;
	height: 300px;
}
.eco_alumirack__example .text_area h3 {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 12px;
}
.eco_alumirack__example .text_area li {
	margin-bottom: 6px;
}
.eco_alumirack__showa__box {
	margin-top: 60px;
}
.eco_alumirack__showa__box h3 {
	background: #fff url(../img/common/parts/icon_feature.png) no-repeat left 16px center;
	border: 1px solid #eee;
	font-size: 20px;
	font-weight: normal;
	padding: 20px 20px 20px 54px;
	margin-bottom: 40px;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}
.eco_alumirack__showa__box .text_area {
	width: calc(100% - 300px);
	padding-left: 40px;
	box-sizing: border-box;
}

.eco_alumirack__prelusion {
	padding: 60px 0;
}
.eco_alumirack__prelusion .title_tokkyo em {
	position: relative;
	font-style: normal;
	display: inline-block;
}
.eco_alumirack__prelusion .title_tokkyo span,
.eco_alumirack__prelusion .title_tokkyo img {
	position: absolute;
}
.eco_alumirack__prelusion .title_tokkyo span {
	display: block;
	background: #068ac4;
	padding: 2px 8px;
	margin-right: 20px;
	font-weight: bold;
	left: -110px;
	top: 0;
	bottom: 0;
	margin: auto;
	font-size: 16px;
	height: 1.8em;
}
.eco_alumirack__prelusion .title_tokkyo img {
	right: -100px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.eco_alumirack__prelusion dl.large_block {
	border: 1px solid #c8274e;
	background: #fef9ef;
	padding: 20px;
	width: 800px;
	box-sizing: border-box;
	margin: 50px auto 15px;
}
.eco_alumirack__prelusion dl.large_block dt {
	font-weight: bold;
	font-size: 18px;
}
.eco_alumirack__prelusion dl.large_block dt strong,
.eco_alumirack__prelusion dl.large_block dt em {
	font-style: normal;
	vertical-align: baseline;
}
.eco_alumirack__prelusion dl.large_block dt strong {
	font-size: 24px;
	color: #c7264d;
}
.eco_alumirack__prelusion dl.large_block dt em {
	font-size: 24px;
}
.eco_alumirack__prelusion dl.large_block dd {
	font-weight: bold;
	font-size: 14px;
	width: 60%;
}

.eco_alumirack__prelusion .use_box {
	background-color: #f6f6f6;
	border: 1px solid #eeeeee;
	padding: 20px 0;
	text-align: center;
	font-size: 16px;
	margin-top: 30px;
}

.eco_alumirack__prelusion .use_box .ttl {
	margin: 0 0 15px 0;
}
.eco_alumirack__prelusion .use_box .ttl span {
	color: #fff;
	background: #068ac4;
	display: inline-block;
	padding: 2px 25px;
}
.eco_alumirack__prelusion .use_box .text {
	display: inline-block;
	text-align: left;
}
.eco_alumirack__framework {
	padding-bottom: 60px;
}
.eco_alumirack__framework ul {
	margin-bottom: 20px;
}
.eco_alumirack__framework li {
	background: #fff;
	border: 1px solid #eee;
	font-size: 16px;
	font-weight: bold;
	padding: 20px;
	width: 650px;
	box-sizing: border-box;
	margin-bottom: 10px;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}
.eco_alumirack__framework li span {
	display: inline-block;
	background: #068ac4;
	font-size: 20px;
	color: #fff;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	margin-right: 15px;
}
.eco_alumirack__framework .review_p {
	/*margin-top:20px;*/
}
.eco_alumirack__type li {
	background: #fff;
}
.eco_alumirack__type li .text_area {
	padding: 10px 15px 15px;
}
.eco_alumirack__type li h4 {
	font-size: 16px;
	margin-bottom: 10px;
}
.eco_alumirack__weight {
	padding: 60px 0;
}
.eco_alumirack__weight li {
	width: 320px;
}
.eco_alumirack__weight .weight_info {
	border: 1px solid #51add6;
	padding: 1px;
	margin-bottom: 15px;
}
.eco_alumirack__weight .weight_info h4 {
	background: #068ac4;
	text-align: center;
	color: #fff;
	font-size: 22px;
	line-height: 38px;
}
.eco_alumirack__weight .weight_info p {
	text-align: center;
	padding: 15px 0;
	font-size: 16px;
}
.eco_alumirack__weight .weight_info p strong {
	font-size: 20px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.eco_alumirack__example .text_area {
		width: auto;
		height: auto;
		background: none;
		padding: 0 10px 20px;
	}
	.eco_alumirack__example .text_area br {
		display: none;
	}
	.eco_alumirack .intro__img {
		text-align: center;
		margin: 10px;
	}

	.eco_alumirack ul.flex,
	.eco_alumirack div.flex {
		display: block;
	}
	.eco_alumirack .eco_common__info {
		padding-bottom: 30px;
	}
	.eco_alumirack .eco_common__info .img_area {
		padding: 0;
		width: 80%;
		margin: 0 auto;
	}
	.eco_alumirack .eco_common__info .intro__img {
		text-align: center;
		padding-top: 30px;
	}

	.eco_alumirack__showa__box h3 {
		background: #fff url(../img/common/parts/icon_feature@2x.png) no-repeat left 10px center;
		background-size: 24px 19px;
		font-size: 1.5rem;
		padding: 10px 10px 10px 40px;
		margin-bottom: 15px;
	}
	.eco_alumirack__showa__box {
		margin-top: 30px;
	}
	.eco_alumirack__showa__box .text_area {
		width: auto;
		padding: 0;
		margin-top: 15px;
	}
	.eco_alumirack__showa__box .text_area br {
		display: none;
	}
	.eco_alumirack__showa__box .img_area {
		text-align: center;
	}
	.eco_alumirack__prelusion {
		padding: 30px 0;
	}
	.eco_alumirack__prelusion .title_blue01 {
		padding: 0 10px;
	}
	.eco_alumirack__prelusion .title_tokkyo em {
		position: relative;
		font-style: normal;
		display: inline-block;
	}
	.eco_alumirack__prelusion .title_tokkyo span,
	.eco_alumirack__prelusion .title_tokkyo img {
		position: static;
	}
	.eco_alumirack__prelusion .title_tokkyo span {
		display: block;
		background: #068ac4;
		padding: 2px 8px;
		margin-right: 20px;
		font-weight: bold;
		left: -110px;
		top: 0;
		bottom: 0;
		margin: auto auto 12px;
		font-size: 16px;
		height: 1.8em;
	}
	.eco_alumirack__prelusion .title_tokkyo img {
		display: block;
		margin-bottom: -40px;
		margin-top: 10px;
	}
	.eco_alumirack__prelusion dl.large_block {
		width: auto;
		display: block;
	}
	.eco_alumirack__prelusion dl.large_block dt {
		text-align: center;
	}
	.eco_alumirack__prelusion dl.large_block dd {
		width: auto;
		margin-top: 20px;
	}
	.eco_alumirack__prelusion dl.large_block dt strong {
		font-size: 20px;
	}
	.eco_alumirack__prelusion dl.large_block dt em {
		font-size: 18px;
	}
	.eco_alumirack__prelusion dl.large_block dd {
		font-size: 13px;
	}
	.eco_alumirack__prelusion dl.large_block dd br {
		display: none;
	}
	.eco_alumirack__prelusion dl.large_block,
	.eco_alumirack__prelusion .use_box {
		margin-left: 10px;
		margin-right: 10px;
	}
	.eco_alumirack__prelusion .use_box {
		padding: 15px;
		text-align: left;
	}
	.eco_alumirack__prelusion .use_box p.text {
		font-size: 12px;
	}
	.eco_alumirack__prelusion .use_box strong {
		display: block;
		font-size: 14px;
	}
	.eco_alumirack__framework .text_area {
		margin-left: 10px;
		margin-right: 10px;
	}
	.eco_alumirack__framework li {
		width: auto;
		font-size: 14px;
		padding: 10px;
	}
	.eco_alumirack__framework li span {
		font-size: 16px;
	}
	.eco_alumirack__framework .img_area {
		text-align: center;
		margin-top: 20px;
	}
	.eco_alumirack__framework {
		padding-bottom: 30px;
	}
	.eco_alumirack__type li {
		max-width: 320px;
		margin: 0 auto 30px;
		text-align: center;
	}
	.eco_alumirack__type li:last-child {
		margin-bottom: 0;
	}
	.eco_alumirack__weight {
		padding: 30px 10px 30px;
	}
	.eco_alumirack__weight li,
	.eco_alumirack__weight .weight_info {
		width: auto;
		max-width: 320px;
		margin: 0 auto 30px;
		text-align: center;
	}
	.eco_alumirack__weight li:last-child {
		margin-bottom: 0;
	}
}

/* 2.アルミニウム板材 alumi_plate
=====================================================================*/
.alumi_plate__title {
	margin-bottom: 40px;
	width: 100%;
	line-height: 50px;
	font-size: 24px;
	background: #068ac4;
	color: #fff;
}
.alumi_plate__box .button_pdf {
	/*display: block;
	float: right; */
	margin-top: 30px;
}
.alumi_plate__box .button_pdf a {
	padding: 0;
	color: #fff;
	font-size: 15px;
	display: block;
	background: #777 url(../img/common/parts/icon_pdf.png) no-repeat center left 10px;
	background-size: auto 28px;
	line-height: 40px;
	/*width: 240px;*/
	box-sizing: border-box;
	padding-left: 50px;
	position: relative;
}

.alumi_plate__box .button_pdf a:hover {
	opacity: 1;
	background: #068ac4 url(../img/common/parts/icon_pdf.png) no-repeat center left 10px;
	background-size: auto 28px;
}
.alumi_plate__box .button_pdf a::after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 12px;
	margin: auto;
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.alumi_plate__text {
	width: 460px;
}
.alumi_plate__text.w500 {
	width: 500px;
}
.alumi_plate__use {
	padding: 20px;
	background: #f6f6f6;
	margin-top: 30px;
	height: 170px;
}
.alumi_plate__use p strong {
	display: block;
	margin-bottom: 12px;
	font-size: 16px;
}
.alumi_plate__image {
	width: 600px;
	text-align: right;
}
.alumi_plate__box.checker .alumi_plate__image {
	text-align: center;
}
.alumi_plate__case {
	margin-bottom: 40px;
	margin-top: -20px;
}
.alumi_plate__case ul,
.alumi_plate__case ul + p {
	width: 900px;
	margin: 0 auto;
}
.alumi_plate__case ul {
	margin-bottom: 20px;
}
.alumi_plate__slider {
	margin-bottom: 40px;
}
.alumi_plate__slider .bx-controls {
	bottom: auto;
	position: static;
}
.alumi_plate__slider .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	outline: 0;
	width: 20px;
	height: 30px;
	text-indent: -9999px;
	z-index: 90;
}
.alumi_plate__slider .bx-wrapper .bx-prev {
	left: -60px;
	background: url(../img/common/parts/prev_icon.png) no-repeat center center;
}
.alumi_plate__slider .bx-wrapper .bx-next {
	right: -60px;
	background: url(../img/common/parts/next_icon.png) no-repeat center center;
}
.alumi_plate__slider .bx-wrapper .bx-controls-direction a:hover {
	opacity: 0.6;
}
.alumi_plate__box.lasnet .bg_gray {
	margin-bottom: 40px;
	margin-top: -20px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.alumi_plate__title {
		position: relative;
		margin-bottom: 30px;
		width: auto;
		padding-left: 10px;
		line-height: 50px;
	}
	.alumi_plate__title .sub_page__title {
		font-size: 1.6rem;
	}
	.alumi_plate__box.lasnet .alumi_plate__title {
		margin-bottom: 30px;
	}
	.alumi_plate__box .button_pdf {
		/*display: block;
		float: none;
		position: absolute;
		right:10px;
		bottom: -50px; */
		width: 50%;
		float: right;
		margin-top: 20px;
	}

	.alumi_plate__box .button_pdf a,
	.alumi_plate__box .button_pdf a:hover {
		padding: 0 0 0 34px;
		color: #333;
		font-size: 1.2rem;
		display: block;
		background: #eee url(../img/common/parts/icon_pdf.png) no-repeat center left 10px;
		background-size: 15px 17px;
		height: 36px;
		line-height: 36px;
		width: 100%;
		box-sizing: border-box;
		position: relative;
	}
	.alumi_plate__box .button_pdf a::after {
		border-color: #666;
		top: 0;
		bottom: 0;
		right: 10px;
		margin: auto;
		width: 4px;
		height: 4px;
	}
	.alumi_plate__text {
		width: auto;
		padding: 0 10px;
	}
	.alumi_plate__text.w500 {
		width: auto;
	}
	.alumi_plate__image {
		width: auto;
		text-align: center;
		padding: 0 10px;
		margin: 10px 0;
	}
	.alumi_plate__case ul {
		display: block;
	}
	.alumi_plate__case ul li {
		margin-bottom: 10px;
		text-align: center;
	}
	.alumi_plate__case ul,
	.alumi_plate__case ul + p {
		width: auto;
		margin: 0 auto;
	}
	.alumi_plate__slider {
		padding: 30px 0px;
		overflow: hidden;
	}
	.alumi_plate__slider .bx-wrapper .bx-prev {
		left: -16px;
		background: url(../img/common/parts/prev_icon.png) no-repeat center center;
		background-size: 7px 13px;
	}
	.alumi_plate__slider .bx-wrapper .bx-next {
		right: -16px;
		background: url(../img/common/parts/next_icon.png) no-repeat center center;
		background-size: 7px 13px;
	}
	.alumi_plate__box.lasnet ul {
		display: block;
	}
	.alumi_plate__box.lasnet ul li {
		margin: 0 auto;
		width: 80%;
		margin-bottom: 10px;
		text-align: center;
	}
	.alumi_plate__box.lasnet .bg_gray {
		margin-bottom: 30px;
		margin-top: -10px;
	}
}

/* 5.鋳造加工 alumi_templateｓ
=====================================================================*/
.alumi_template .intro {
	background: #f6f6f6 url(../img/alumi_template/main_img_01.png) no-repeat top right;
	height: 330px;
	margin-bottom: 60px;
}
.alumi_template .intro .text_area {
	width: 500px;
	padding: 80px 0px 0 30px;
}
.alumi_template .feature li {
	background: #fff url(../img/common/parts/icon_feature.png) no-repeat left 16px center;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 360px;
	height: 74px;
	box-sizing: border-box;
	padding: 10px 0 10px 54px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}
.alumi_template .feature li:nth-child(3n) {
	margin-right: 0px;
}
.alumi_template .feature li:nth-child(4),
.alumi_template .feature li:nth-child(5),
.alumi_template .feature li:nth-child(6) {
	line-height: 74px;
	padding: 0 0 0 54px;
}
.alumi_template__case {
	padding-top: 60px;
}
.alumi_template__point dl {
	width: 530px;
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
}
.alumi_template__point dl:nth-child(even) {
	margin-right: 0;
}
.alumi_template__point dt {
	background: #51add6 url(../img/alumi_template/point_bg.png) no-repeat left top;
	background-size: auto 100%;
	padding: 12px 0;
	line-height: 1;
	color: #fff;
	font-size: 18px;
}
.alumi_template__point dt span {
	padding: 0 50px 0 20px;
	font-size: 16px;
	letter-spacing: 0.08em;
}
.alumi_template__point dd {
	padding: 20px;
}

.info_text {
	background: #e6f7fd url(../img/common/parts/icon_info.png) no-repeat left 20px center;
	padding: 10px 0 10px 62px;
	font-size: 15px;
	box-sizing: border-box;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.alumi_template .intro {
		background: none;
		height: auto;
		margin-bottom: 30px;
	}
	.alumi_template .intro .text_area {
		width: auto;
		padding: 10px;
		margin-bottom: 20px;
	}
	.alumi_template .feature li {
		background: #fff url(../img/common/parts/icon_feature@2x.png) no-repeat left 12px center;
		background-size: 24px 19px;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
		width: auto;
		height: auto;
		box-sizing: border-box;
		padding: 10px 0 10px 44px;
	}
	.alumi_template .feature li:nth-child(4),
	.alumi_template .feature li:nth-child(5),
	.alumi_template .feature li:nth-child(6) {
		padding: 0 0 0 44px;
	}
	.alumi_template__case {
		padding-top: 30px;
	}
	.alumi_template__case ul {
		display: block;
	}
	.alumi_template__case li {
		text-align: center;
		margin-bottom: 10px;
	}

	.alumi_template__point dl {
		width: auto;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.alumi_template__point dl:last-child {
		margin-bottom: 0;
	}
	.alumi_template__point dt {
		background: #51add6 url(../img/alumi_template/point_bg@2x.png) no-repeat left -30px top;
		background-size: auto 100%;
		padding: 10px 0;
		letter-spacing: 0.01em;
		font-size: 1.4rem;
	}
	.alumi_template__point dt span {
		padding: 0 20px 0 10px;
		font-size: 1.1rem;
		letter-spacing: 0.05em;
	}
	.alumi_template__point dd {
		padding: 20px;
	}

	.info_text {
		background: #e6f7fd url(../img/common/parts/icon_info_sp.png) no-repeat left 10px center;
		background-size: 20px 20px;
		padding: 10px 0 10px 40px;
		font-size: 1.2rem;
	}
}

/* R巾木共通
=====================================================================*/
.r_common .products_item__pdf a {
	width: 600px;
}
.r_common .l_left .products_item__pdf {
	margin-top: 20px;
}
.r_common .l_left .products_item__pdf a {
	width: 460px;
	background-size: auto 28px;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
}

.r_common__image {
	max-width: 450px;
}
.r_common__image img {
	display: block;
	margin-bottom: 20px;
}
.r_common__graybox {
	width: 600px;
	margin-bottom: 20px;
	padding: 20px 15px 20px 20px;
	box-sizing: border-box;
	background: #f6f6f6;
}
.r_common__graybox li {
	margin-bottom: 10px;
	letter-spacing: 0.02em;
}
.r_common__graybox__title {
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: 100;
}
.r_common__box {
	border-top: 1px solid #dddddd;
	padding-top: 40px;
}
.r_common__title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 40px;
}
.r_common__title span {
	display: inline-block;
	background: #eeeeee;
	font-size: 14px;
	font-weight: normal;
	padding: 1px 10px;
	margin-right: 20px;
}
.r_common__box .contents_table {
	width: 460px;
}
.r_common__box .contents_table dt,
.r_common__box .contents_table dd {
	background: none;
	padding: 4px 15px;
	vertical-align: top;
}
.r_common__box .contents_table dt {
	width: 120px;
}
.r_common__box .contents_table dd {
	width: 340px;
	padding: 4px 0px 4px 0px;
}
.r_common__box .contents_table dl:nth-child(even) {
	background: #f6f6f6;
}

/*.r_common__box__link {
	text-align: right;
	margin-top:20px;
}
.r_common__box__link a{
	background: url(../img/common/parts/icon_blank.png) no-repeat left top;
	font-size: 12px;
	padding: 0 0 2px 24px;
	text-decoration: underline;
}*/

.r_common__box__image figure:first-child {
	margin-right: 10px;
	width: 163px;
	text-align: center;
}

.r_common__box__image figure:first-child img {
	max-width: 100%;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.r_common .products_item__pdf a,
	.r_common__image,
	.r_common__graybox,
	.r_common__box .contents_table {
		width: auto;
		max-width: none;
	}
	.r_common .l_left .products_item__pdf {
		text-align: right;
		margin-top: 10px;
	}
	.r_common .l_left .products_item__pdf a {
		width: 50%;
		background-size: auto 19px;
		height: 40px;
		line-height: 40px;
		font-size: 1.1rem;
		display: inline-block;
		text-align: left;
		padding-left: 40px;
	}
	.r_common__box {
		padding-top: 30px;
	}
	.r_common__image {
		margin-bottom: 20px;
	}
	.r_common__image img {
		width: 100%;
		margin-bottom: 10px;
	}
	.r_common__graybox__title {
		font-size: 1.8rem;
	}
	.r_common__title {
		font-size: 1.5rem;
		margin-bottom: 30px;
	}
	.r_common__title span {
		display: inline-block;
		background: #eeeeee;
		font-size: 1.2rem;
		font-weight: normal;
		padding: 1px 10px;
		margin-right: 12px;
	}
	.r_common__box .contents_table {
		margin-bottom: 15px;
	}
	.r_common__box .contents_table dl {
		width: 100%;
	}
	.r_common__box .contents_table dt,
	.r_common__box .contents_table dd {
		font-size: 1.2rem;
	}
	.r_common__box .contents_table dt {
		width: 30%;
		padding: 4px 0px 4px 15px;
	}
	.r_common__box .contents_table dd {
		width: 70%;
	}
	.r_common__box__link {
		text-align: right;
		margin-top: 0px;
	}
	.r_common__box__link a {
		background: url(../img/common/parts/icon_blank@2x.png) no-repeat right top;
		background-size: 16px 16px;
		font-size: 1.1rem;
		padding: 2px 24px 2px 0px;
	}
}
/* R巾木個別
=====================================================================*/
.r_truck__02 .r_common__box__image figure:first-child {
	width: 187px;
}
.r_truck__info {
	margin-bottom: 80px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.r_truck__info {
		margin-bottom: 40px;
	}
}

/* 20.パレットチェンジャー logi_changer
=====================================================================*/
.logi_changer .intro {
	background: #f6f6f6 url(../img/logi_changer/img_01.jpg) no-repeat 686px 7px;
	height: 350px;
	margin-bottom: 60px;
}

.logi_changer .intro .text_area {
	width: 650px;
	padding: 80px 0px 0 25px;
}

.logi_changer__spec {
	text-align: center;
}

.logi_changer__spec table {
	width: 800px;
	margin: 0 auto 30px auto;
}

.logi_changer__spec .contents_table th {
	text-align: center;
}

.logi_changer__spec .contents_table th.bg_deep {
	background: #a4a4a4;
	color: #fff;
	font-weight: bold;
}

.logi_changer__spec .contents_table td {
	background: #fff;
}

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

.logi_changer__flow {
	padding-top: 20px;
	text-align: center;
	margin-bottom: 60px;
}

.logi_changer__size {
	text-align: center;
	padding-top: 90px;
}

.logi_changer__specification {
	margin: 0 auto;
	overflow: hidden;
	padding: 0 20px;
	box-sizing: border-box;
}
.logi_changer__specification_label {
	background: #f6f6f6;
	border: 1px solid #e0e0e0;
	padding: 28px 0;
	box-sizing: border-box;
	font-size: 20px;
	float: left;
	width: 439px;
	margin-top: 20px;
}
.logi_changer__specification_arrow {
	color: #068ac4;
	font-size: 18px;
	position: relative;
	float: left;
	margin: 0 25px;
}
.logi_changer__specification_arrow:before {
	content: "";
	background: url(../img/logi_changer/img_arrow.png) no-repeat;
	width: 143px;
	height: 28px;
	position: absolute;
	top: 36px;
	left: -2px;
	background-size: 141px;
	image-rendering: -webkit-optimize-contrast;
}
.logi_changer__specification_arrow:after {
	content: "";
	background: url(../img/logi_changer/img_arrow.png) no-repeat;
	width: 143px;
	height: 28px;
	position: absolute;
	top: 76px;
	left: -5px;
	transform: rotate(180deg);
	background-size: 141px;
	image-rendering: -webkit-optimize-contrast;
}

.logi_changer__performance {
	clear: both;
	overflow: hidden;
	margin: 120px auto 120px;
	width: 80%;
}
.logi_changer__performance ul li {
	float: left;
	font-size: 19px;
	margin-right: 41px;
}
.logi_changer__performance ul li:last-child {
	margin-right: 0;
}
.logi_changer__merit {
	width: 80%;
	margin: 0 auto;
}
.logi_changer__merit .partner_box {
	background-color: #f6f6f6;
	border: 1px solid #eeeeee;
	padding: 20px;
	text-align: left;
	font-size: 16px;
}
.logi_changer__merit .partner_box li {
	margin-bottom: 8px;
}
.logi_changer__merit .partner_box li:last-child {
	margin-bottom: 0;
}

.logi_changer__youtube { /* 2025-07-17 追加 */
	margin-top: 100px;
	margin-bottom: 50px;
}
.logi_changer__youtube p { /* 2025-07-17 追加 */
	margin-bottom: 20px;
	font-weight: bold;
}
.logi_changer__youtube br.sp { /* 2025-07-17 追加 */
		display: none;
	}


@media only screen and (min-width: 1px) and (max-width: 767px) {
	.logi_changer .intro {
		background: none;
		height: auto;
		margin-bottom: 30px;
	}
	.logi_changer .intro .text_area {
		width: auto;
		padding: 10px;
		margin-bottom: 20px;
	}
	.logi_changer__flow {
		padding-top: 10px;
	}
	.logi_changer__spec table {
		width: 90%;
	}
	.logi_changer__size {
		padding-top: 30px;
	}
	.logi_changer__specification_label {
		width: 100%;
		padding: 10px 0;
		float: none;
		margin-top: 0;
		font-size: 18px;
	}
	.logi_changer__specification_arrow {
		float: none;
		margin: 20px 0 100px;
	}
	.logi_changer__specification_arrow:before {
		width: 144px;
		height: 17px;
		top: 37px;
		right: 17%;
		background-size: contain;
		transform: rotate(-90deg);
		left: auto;
	}
	.logi_changer__specification_arrow:after {
		transform: rotate(90deg);
		width: 144px;
		height: 17px;
		background-size: contain;
		top: 100px;
		left: 17%;
	}
	.logi_changer__performance {
		margin: 50px auto;
		width: 100%;
	}
	.logi_changer__performance ul li {
		font-size: 1.5rem;
		margin-right: 0;
		text-align: center;
		display: inline-block;
		margin: 0;
		float: left;
		width: 50%;
		box-sizing: border-box;
	}
	.logi_changer__merit {
		width: 100%;
	}
	.logi_changer__merit .partner_box li {
		font-size: 1.4rem;
	}
	.logi_changer__youtube { /* 2025-07-17 追加 */
		margin-top: 50px;
		padding: 0 20px;
	}
	.logi_changer__youtube iframe { /* 2025-07-17 追加 */
		width: 100%;
		height: 250px;
		margin-inline: auto;
	}
	.logi_changer__youtube br.sp { /* 2025-07-17 追加 */
		display: block;
	}
}

/* 13.止水版 disaster_plate
=====================================================================*/

.pc_hide {
	display: none;
}

.break {
	display: none;
}

.disaster_plate__intro .intro_box {
	background: #f6f6f6;
	padding: 40px;
	margin-bottom: 60px;
}

.disaster_plate__intro .intro_box p {
	font-size: 18px;
	margin-bottom: 70px;
	vertical-align: bottom;
}
.disaster_text_big {
	font-size: 22px;
	font-weight: bold;
	vertical-align: bottom;
}
.disaster_text_red {
	color: #c8274e;
	vertical-align: bottom;
}
.disaster_text_marker {
	background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #51add6 0%) repeat scroll 0 0;
	vertical-align: bottom;
}
.disaster_plate__intro_img {
	width: 80.2%;
	margin: 0 auto;
	-ms-display: flex;
	-webkit-display: flex;
	display: flex;
	justify-content: space-between;
}
.disaster_bg_blue {
	background: #51add6;
	color: #fff;
	padding: 40px;
	text-align: center;
	margin-bottom: 50px;
}
.disaster_bg_blue p {
	font-size: 18px;
}
.disaster_results_box {
	background: #f6f6f6;
	border: 1px solid #ccc;
	padding: 40px;
	text-align: center;
	margin-bottom: 60px;
}
.disaster_results_ttl {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.disaster_results_box p {
	font-size: 16px;
}
.intro_plate_img {
	width: 968px;
	margin: 55px auto 60px;
}

.intro_plate_img:after {
	content: "";
	display: block;
	clear: both;
}

.intro_plate_img li {
	float: left;
	margin: 0 60px 0 0;
	width: 450px;
}

.intro_plate_img li:last-child {
	margin: 0;
}

.intro_plate_img li p {
	margin-bottom: 10px;
	font-size: 16px;
}

.intro_plate_img li img {
	border: 2px solid #212121;
	margin: 0 0 10px 0;
	width: 100%;
}

.intro_plate_img li p {
	text-align: center;
}

.disaster_plate__feature {
	margin-bottom: 80px;
}
.disaster_plate__feature_ttl {
	-ms-display: flex;
	-webkit-display: flex;
	display: flex;
	justify-content: center;
	position: relative;
	margin-bottom: 50px;
}
.disaster_plate__feature_ttl_01 {
	background: #fff;
	padding: 15px 30px;
	margin-right: 15px;
	font-size: 18px;
	position: relative;
	z-index: 1;
}
.disaster_plate__feature_ttl_arrow {
	position: relative;
}
.disaster_plate__feature_ttl_arrow img {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: -30px;
	margin: auto;
	width: 47px;
	height: 17px;
	z-index: 9;
}
.disaster_plate__feature_ttl_02 {
	background: #fff;
	padding: 15px 30px;
	font-size: 18px;
	position: relative;
	margin-right: 0;
	z-index: 1;
}
.disaster_plate__feature_col {
	-ms-display: flex;
	-webkit-display: flex;
	display: flex;
	justify-content: space-between;
}
.disaster_plate__feature_ul {
	width: 580px;
}
.disaster_plate__feature_ul li {
	background: #fff;
	padding: 15px 20px;
	font-size: 15px;
	margin-bottom: 16px;
}
.disaster_plate__feature_ul li .num {
	display: inline-block;
	background: #c3143f;
	color: #fff;
	width: 30px;
	line-height: 30px;
	margin-right: 15px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}
.disaster_plate__feature_ul li .text {
	display: inline-block;
}
.disaster_plate__feature_img {
	width: 492px;
}

.disaster_plate__voice {
	margin-bottom: 80px;
}
.disaster_plate__voice_ttl {
	background: #51add6;
	color: #fff;
	font-size: 24px;
	padding: 20px;
	text-align: center;
	margin-bottom: 45px;
}
.disaster_plate__voice_bg {
	width: 715px;
	line-height: 115px;
	margin: 0 auto 35px;
	background: url(../img/disaster_plate/bg_01.png) no-repeat;
	color: #fff;
	font-size: 30px;
	text-align: center;
}

.disaster_plate__voice_ul {
	text-align: center;
}
.disaster_plate__voice_ul li {
	margin: 0 auto 15px;
	padding: 15px 30px;
	border: 1px solid #ccc;
	border-radius: 10px;
	text-align: center;
	font-size: 14px;
	display: inline-block;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.pc_hide {
		display: block;
	}
	.sp_hide {
		display: none;
	}
	.nobreak {
		display: none;
	}
	.break {
		display: block;
	}
	.disaster_plate__intro {
		padding: 0 10px;
	}
	.disaster_plate__intro .intro_box {
		padding: 20px;
		margin-bottom: 30px;
	}

	.disaster_plate__intro .intro_box p {
		font-size: 14px;
		margin-bottom: 30px;
	}
	.disaster_text_big {
		font-size: 18px;
	}
	.disaster_plate__intro_img {
		width: 100%;
	}
	.disaster_plate__intro_img figure {
		width: 48%;
	}
	.disaster_bg_blue {
		padding: 20px 15px;
		text-align: center;
		margin-bottom: 20px;
	}
	.disaster_bg_blue p {
		font-size: 14px;
	}
	.disaster_results_box {
		padding: 20px 15px;
		text-align: center;
		margin-bottom: 30px;
	}
	.disaster_results_ttl {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.disaster_results_box p {
		font-size: 13px;
	}
	.intro_plate_img {
		width: 100%;
		margin: 20px auto 30px;
	}

	.intro_plate_img:after {
		content: "";
		display: block;
		clear: both;
	}

	.intro_plate_img li {
		float: left;
		margin: 0 4% 0 0;
		width: 48%;
	}

	.intro_plate_img li:last-child {
		margin: 0;
	}

	.intro_plate_img li p {
		margin-bottom: 10px;
		font-size: 13px;
		line-height: 1.4;
	}

	.disaster_plate__feature {
		margin-bottom: 40px;
	}
	.disaster_plate__feature_ttl {
		display: block;
		margin-bottom: 20px;
	}
	.disaster_plate__feature_ttl_01 {
		padding: 10px 10px;
		margin-right: 0px;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.disaster_plate__feature_ttl_arrow {
		position: relative;
	}
	.disaster_plate__feature_ttl_arrow img {
		position: absolute;
		display: block;
		left: 0;
		right: 0;
		top: -10px;
		margin: auto;
		width: 30px;
		height: 10px;
		z-index: 9;
		transform: rotate(-90deg);
	}
	.disaster_plate__feature_ttl_02 {
		padding: 10px 10px;
		margin-right: 0px;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.disaster_plate__feature_col {
		display: block;
	}
	.disaster_plate__feature_ul {
		width: 100%;
	}
	.disaster_plate__feature_ul li {
		font-size: 13px;
		margin-bottom: 10px;
		-ms-display: flex;
		-webkit-display: flex;
		display: flex;
		align-items: flex-start;
	}
	.disaster_plate__feature_ul li .num {
		width: 30px;
		line-height: 30px;
		margin-right: 15px;
		font-size: 15px;
	}
	.disaster_plate__feature_img {
		width: 100%;
	}

	.disaster_plate__voice {
		margin-bottom: 40px;
	}
	.disaster_plate__voice_ttl {
		font-size: 20px;
		padding: 10px 10px;
		text-align: center;
		margin-bottom: 20px;
	}
	.disaster_plate__voice_bg {
		width: 100%;
		padding-top: 16%;
		position: relative;
		line-height: 1.4;
		margin: 0 auto 30px;
		background: url(../img/disaster_plate/bg_01.png) no-repeat;
		background-size: 100% auto;
		text-align: center;
	}
	.disaster_plate__voice_bg span {
		position: absolute;
		top: 16px;
		left: 0;
		right: 0;
		margin: auto;
		color: #fff;
		font-size: 20px;
	}

	.disaster_plate__voice_ul {
		text-align: center;
		width: 90%;
		margin: 0 auto;
	}
	.disaster_plate__voice_ul li {
		margin: 0 auto 15px;
		padding: 10px 10px;
		font-size: 13px;
	}
}

/* L型止水板（エレベーター専用） disaster_plate_elevator
=====================================================================*/
.disaster_plate__intro.elevator .intro_box {
	background: #f6f6f6 url(../img/disaster_plate_elevator/main_img_01.png) no-repeat top right;
	margin-bottom: 100px;
	height: 332px;
	padding: 40px 0 0 40px !important;
	box-sizing: border-box;
}
.disaster_plate__intro.elevator .intro_box p {
	margin-bottom: 50px;
}

.intro_big_p {
	font-size: 35px !important;
	line-height: 1.4 !important;
	margin-bottom: 20px !important;
}
.intro_attention {
	font-size: 24px;
	color: #fff;
	background: #068ac4;
	vertical-align: middle !important;
}
.intro_arrow_col {
	-ms-display: flex;
	-webkit-display: flex;
	display: flex;
	margin-left: 30px;
}
.intro_arrow_box {
	background: #fff;
	font-size: 14px;
	padding: 10px 25px;
	display: inline-block;
	z-index: 1;
}
.intro_arrow_box.arrow {
	background: none;
	z-index: 2;
}
.intro_arrow_box.red {
	color: #c3143f;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.disaster_plate__intro.elevator .intro_box {
		height: auto;
		background: none;
		margin-bottom: 50px;
		padding: 0 !important;
	}
	.disaster_plate__intro.elevator .intro_box p {
		margin-bottom: 20px;
	}
	.intro_big_p {
		font-size: 18px !important;
		margin-bottom: 10px;
	}
	.intro_attention {
		font-size: 16px;
	}
	.intro_arrow_col {
		-ms-display: flex;
		-webkit-display: flex;
		display: flex;
		margin-left: 0px;
		justify-content: center;
		margin-bottom: 20px;
	}
	.intro_arrow_box {
		background: #f6f6f6;
		font-size: 14px;
		padding: 10px 10px;
		display: inline-block;
		z-index: 1;
	}
	.intro_arrow_box.arrow {
		background: none;
		z-index: 2;
	}
	.intro_arrow_box.red {
		color: #c3143f;
	}
}
.disaster_plate_elevator_if {
	margin-bottom: 160px;
	text-align: center;
}
.disaster_plate_elevator_comment {
	display: inline-block;
	background-color: #51add6;
	color: #fff;
	margin: 0 auto 60px;
	line-height: 1.7;
	font-size: 26px;
	letter-spacing: 0.12em;
	padding: 36px 100px;
	position: relative;
	text-align: center;
}
.disaster_plate_elevator_comment:after {
	position: absolute;
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	bottom: -14px;
	right: 0;
	left: 0;
	margin: auto;
	border-style: solid;
	border-width: 15px 15px 0 15px;
	border-color: #51add6 transparent transparent transparent;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.disaster_plate_elevator_if {
		width: 94%;
		margin: 0 auto 50px;
	}
	.disaster_plate_elevator_comment {
		display: block;
		margin: 0 auto 30px;
		line-height: 1.4;
		font-size: 18px;
		letter-spacing: 0em;
		padding: 10px 0px;
	}
}
.disaster_plate_elevator_result {
	-ms-display: flex;
	-webkit-display: flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 70px;
}
.disaster_plate_elevator_result li {
	width: 340px;
	background: #f6f6f6;
	border: 1px solid #ccc;
	padding: 20px 30px 20px 30px;
	box-sizing: border-box;
	-ms-display: flex;
	-webkit-display: flex;
	display: flex;
	align-items: center;
}
.disaster_plate_elevator_result figure {
	width: 60px;
	margin-right: 30px;
}
.disaster_plate_elevator_result figure img {
	width: 100%;
}
.disaster_plate_elevator_result p {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.disaster_plate_elevator_result {
		margin-bottom: 30px;
	}
	.disaster_plate_elevator_result li {
		width: 31%;
		padding: 10px 10px 10px 10px;
		display: block;
	}
	.disaster_plate_elevator_result figure {
		width: auto;
		height: 60px;
		line-height: 60px;
		margin: 0 auto 20px;
	}
	.disaster_plate_elevator_result figure img {
		width: auto;
		max-width: 60px;
		max-height: 60px;
	}
	.disaster_plate_elevator_result p {
		font-size: 14px;
	}
}
.disaster_plate_elevator_bg_arrow {
	width: 566px;
	height: 132px;
	background: url(../img/disaster_plate_elevator/bg_01.png) no-repeat;
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding-top: 30px;
	box-sizing: border-box;
	margin: 0 auto 60px;
}

.disaster_plate_elevator_feature_ttl {
	font-size: 26px;
	text-align: center;
	margin-bottom: 40px;
}

.disaster_plate_elevator_feature {
	-ms-display: flex;
	-webkit-display: flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 70px;
}
.disaster_plate_elevator_feature li {
	width: 340px;
	background: #f6f6f6;
	border: 1px solid #ccc;
	padding: 20px 30px 20px 30px;
	box-sizing: border-box;
}
.disaster_plate_elevator_feature_col {
	-ms-display: flex;
	-webkit-display: flex;
	display: flex;
	align-items: center;
}
.disaster_plate_elevator_feature_col figure {
	width: 60px;
	margin-right: 30px;
}
.disaster_plate_elevator_feature_col figure img {
	width: 100%;
}
.disaster_plate_elevator_feature_col p {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}
.disaster_plate_elevator_feature_p {
	font-size: 14px;
	margin-top: 10px;
	text-align: left;
}
.disaster_plate_elevator_feature_p.short {
	margin-top: 40px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.disaster_plate_elevator_bg_arrow {
		width: 100%;
		height: 132px;
		background: url(../img/disaster_plate_elevator/bg_01.png) no-repeat;
		background-size: 100% auto;
		color: #fff;
		font-size: 13px;
		text-align: center;
		padding-top: 15px;
		box-sizing: border-box;
		margin: 0 auto 0px;
	}

	.disaster_plate_elevator_feature_ttl {
		font-size: 18px;
		text-align: center;
		margin-bottom: 20px;
	}

	.disaster_plate_elevator_feature {
		-ms-display: flex;
		-webkit-display: flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 30px;
	}
	.disaster_plate_elevator_feature li {
		width: 48%;
		padding: 10px 10px 10px 10px;
		margin-bottom: 20px;
	}
	.disaster_plate_elevator_feature_col {
		display: block;
	}
	.disaster_plate_elevator_feature_col figure {
		width: auto;
		height: 60px;
		line-height: 60px;
		margin: 0 auto 20px;
	}
	.disaster_plate_elevator_feature_col figure img {
		width: auto;
		max-width: 60px;
		max-height: 60px;
	}
	.disaster_plate_elevator_feature_col p {
		font-size: 14px;
	}
	.disaster_plate_elevator_feature_p {
		font-size: 14px;
		margin-top: 10px;
		text-align: left;
	}
	.disaster_plate_elevator_feature_p.short {
		margin-top: 40px;
	}
}
.disaster_plate_elevator_case {
	margin-bottom: 80px;
}
.disaster_plate_elevator_case_col {
	-ms-display: flex;
	-webkit-display: flex;
	display: flex;
	justify-content: space-between;
}
.disaster_plate_elevator_case_block {
	width: 340px;
	text-align: center;
}
.disaster_plate_elevator_case_block figure {
	margin-bottom: 25px;
}
.disaster_plate_elevator_case_block p {
	font-size: 15px;
	text-align: center;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.disaster_plate_elevator_case {
		margin: 0 auto 40px;
	}
	.disaster_plate_elevator_case_col {
		width: 96%;
		-ms-display: flex;
		-webkit-display: flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto;
	}
	.disaster_plate_elevator_case_block {
		width: 48%;
		text-align: center;
		margin-bottom: 20px;
	}
	.disaster_plate_elevator_case_block figure {
		margin-bottom: 15px;
	}
	.disaster_plate_elevator_case_block p {
		font-size: 13px;
		text-align: center;
		letter-spacing: 0;
	}
}
.disaster_plate_elevator_spec {
	margin-bottom: 100px;
}
.disaster_plate_elevator_spec_tbl {
	width: 740px;
	margin: 0 auto 80px;
}
.disaster_plate_elevator_spec_tbl dl {
	-ms-display: flex;
	-webkit-display: flex;
	display: flex;
}
.disaster_plate_elevator_spec_tbl dl:nth-child(odd) {
	background: #f6f6f6;
}
.disaster_plate_elevator_spec_tbl dt,
.disaster_plate_elevator_spec_tbl dd {
	padding: 5px 15px;
	font-size: 15px;
}
.disaster_plate_elevator_spec_tbl dt {
	width: 120px;
}
.disaster_plate_elevator_spec_tbl dd {
	width: 590px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.disaster_plate_elevator_spec {
		margin-bottom: 50px;
	}
	.disaster_plate_elevator_spec_tbl {
		width: 96%;
		margin: 0 auto 30px;
	}
	.disaster_plate_elevator_spec_tbl dl {
		-ms-display: flex;
		-webkit-display: flex;
		display: flex;
	}
	.disaster_plate_elevator_spec_tbl dl:nth-child(odd) {
		background: #f6f6f6;
	}
	.disaster_plate_elevator_spec_tbl dt,
	.disaster_plate_elevator_spec_tbl dd {
		padding: 5px 5px;
		font-size: 13px;
	}
	.disaster_plate_elevator_spec_tbl dt {
		width: 30%;
	}
	.disaster_plate_elevator_spec_tbl dd {
		width: 70%;
	}
}
.disaster_plate_elevator_link {
	text-align: center;
}
.disaster_plate_elevator_link a {
	display: block;
	background: #068ac4;
	color: #fff;
	font-size: 20px;
	display: inline-block;
	padding: 20px 120px;
	position: relative;
}
.disaster_plate_elevator_link a:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 25px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-left: 80px;
}
.disaster_plate_elevator_link a:hover {
	text-decoration: none;
	opacity: 0.6;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.disaster_plate_elevator_link a {
		font-size: 16px;
		display: block;
		padding: 20px 0px;
		position: relative;
		width: 94%;
		margin: 0 auto;
	}
	.disaster_plate_elevator_link a:after {
		content: "";
		display: inline-block;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 25px;
		width: 10px;
		height: 10px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-left: 80px;
	}
	.disaster_plate_elevator_link a:hover {
		text-decoration: none;
		opacity: 0.6;
	}
}

/* 浸水対策実例 disaster_flooded
=====================================================================*/
.disaster_inner {
	width: 1048px;
	margin: 0 auto;
}
.disaster_flooded__title {
	margin-bottom: 100px;
	width: 100%;
	line-height: 50px;
	font-size: 24px;
	background: #068ac4;
	color: #fff;
}
.disaster_flooded__title.plate {
	margin-bottom: 40px;
	line-height: 1.4;
	padding: 10px;
	box-sizing: border-box;
}
.disaster_flooded__col {
	-ms-display: flex;
	-webkit-display: flex;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 170px;
}
.disaster_flooded__before {
	width: 44.27%;
	text-align: center;
}
.disaster_flooded__h3 {
	display: inline-block;
	background: #068ac4;
	color: #fff;
	font-size: 24px;
	padding: 10px 15px;
	margin: 0 auto 15px;
	text-align: center;
	font-weight: normal;
}
.disaster_flooded__col figure {
	width: 100%;
}
.disaster_flooded__col figure img {
	width: 100%;
	border: 2px solid #212121;
}
.bg_gray {
	background: #f6f6f6;
}
.disaster_flooded__case {
	padding-top: 188px;
	padding-bottom: 180px;
	position: relative;
	text-align: center;
}
.disaster_flooded__case.case_02 {
	padding-bottom: 0px;
}
.disaster_flooded__case.case_03 {
	padding-bottom: 0px;
}
.disaster_flooded__case_title {
	position: absolute;
	width: 739px;
	height: 171px;
	background: url(../img/disaster_flooded/bg_title_bl.png) no-repeat center;
	top: -75px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}
.disaster_flooded__case_title.red {
	background: url(../img/disaster_flooded/bg_title_rd.png) no-repeat center;
}
.disaster_flooded__case_title span {
	padding-top: 41px;
	font-size: 30px;
	color: #fff;
	display: inline-block;
}
.disaster_flooded__case_img {
	text-align: center;
}
.disaster_flooded__case_col {
	-ms-display: flex;
	-webkit-display: flex;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 170px;
}
.disaster_flooded__case_col.last {
	margin: 0 auto 170px;
}
.disaster_flooded__case_img_01 {
	width: 48.91%;
	margin-bottom: 30px;
}
.disaster_flooded__case_img_02 {
	width: 43.78%;
	margin-bottom: 30px;
}
.disaster_flooded__case_img_03 {
	width: 44.87%;
	margin-bottom: 30px;
}
.disaster_flooded__case_img_04 {
	width: 51.77%;
	margin-bottom: 30px;
}
.disaster_flooded__case_col figure {
	margin-bottom: 30px;
}
.disaster_flooded__case_col img {
	width: 100%;
}
.disaster_flooded__case_col_p {
	text-align: center;
	font-size: 24px;
	line-height: 1.4;
}
.disaster_flooded__last {
	background: #fff;
	padding: 0px 0 100px;
}
.disaster_flooded__last p {
	background: #51add6;
	color: #fff;
	font-size: 24px;
	text-align: center;
	padding: 20px 0;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.disaster_inner {
		width: auto;
		padding: 0 10px;
	}
	.disaster_flooded__title {
		position: relative;
		margin-bottom: 20px;
		line-height: 50px;
		font-size: 18px;
	}
	.disaster_flooded__col {
		margin: 0 auto 50px;
	}
	.disaster_flooded__h3 {
		font-size: 16px;
		padding: 5px 10px;
		margin: 0 auto 15px;
	}
	.disaster_flooded__case {
		padding-top: 0px;
		padding-bottom: 50px;
	}
	.disaster_flooded__case.case_02 {
		padding-bottom: 0px;
	}
	.disaster_flooded__case.case_03 {
		padding-bottom: 0px;
	}
	.disaster_flooded__case_title {
		position: relative;
		width: 100%;
		height: 0;
		top: 0px;
		padding-top: 23.13%;
		background-size: 100% auto;
		margin-bottom: 30px;
	}
	.disaster_flooded__case_title.red {
		background: url(../img/disaster_flooded/bg_title_rd.png) no-repeat center;
		background-size: 100% auto;
	}
	.disaster_flooded__case_title span {
		position: absolute;
		top: -20px;
		left: 0;
		right: 0;
		text-align: center;
		font-size: 16px;
		color: #fff;
		display: inline-block;
	}
	.disaster_flooded__case_col {
		margin: 0 auto 30px;
	}
	.disaster_flooded__case_col.last {
		margin: 0 auto 30px;
	}
	.disaster_flooded__case_img_01 {
		margin-bottom: 20px;
	}
	.disaster_flooded__case_img_02 {
		margin-bottom: 20px;
	}
	.disaster_flooded__case_img_03 {
		margin-bottom: 20px;
	}
	.disaster_flooded__case_img_04 {
		margin-bottom: 20px;
	}
	.disaster_flooded__case_col figure {
		margin-bottom: 20px;
	}
	.disaster_flooded__case_col_p {
		font-size: 14px;
	}
	.disaster_flooded__last {
		background: #fff;
		padding: 0px 0 30px;
	}
	.disaster_flooded__last p {
		font-size: 18px;
		padding: 10px 0;
	}
}

/* 施工事例 disaster_case
=====================================================================*/
.disaster_case__title {
	margin-bottom: 50px;
	width: 100%;
	line-height: 50px;
	font-size: 24px;
	background: #068ac4;
	color: #fff;
}
.disaster_case__p {
	font-size: 18px !important;
	margin-bottom: 50px;
	font-weight: normal !important;
}
.disaster_case_inner {
	width: 1050px;
	margin: 0 auto 180px;
}
/* 標準事例 */
.disaster_case_ul {
	-ms-display: flex;
	-webkit-display: flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.disaster_case_ul li {
	width: 47.62%;
	margin-right: 4.76%;
	margin-bottom: 34px;
	position: relative;
}
.disaster_case_ul li:nth-child(2n) {
	margin-right: 0;
}
.disaster_case_ul li.arrow:after {
	content: "";
	width: 36px;
	height: 44px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: -43px;
	background: url(../img/disaster_case02_2/arrow.png) no-repeat;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.disaster_case__title {
		position: relative;
		margin-bottom: 20px;
		line-height: 50px;
		font-size: 18px;
	}
	.disaster_case__p {
		font-size: 15px !important;
		margin-bottom: 30px;
	}
	.disaster_case_inner {
		width: 90%;
		margin: 0 auto 60px;
	}
	.disaster_case_ul li {
		margin-bottom: 12px;
	}
	.disaster_case_ul li.arrow:after {
		content: "";
		width: 12px;
		height: 14px;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: -14px;
		background: url(../img/disaster_case02_2/arrow.png) no-repeat;
		background-size: 12px auto;
	}
}

/* 事例 自由パターン*/
.disaster_case_ul_flex {
	-ms-display: flex;
	-webkit-display: flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.disaster_case_ul_flex li {
	position: relative;
	margin-bottom: 34px;
}
.disaster_case_ul_flex p {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.disaster_case_ul_all {
	width: 100%;
}

.disaster_case_ul_half_left {
	width: 47.62%;
	margin-right: 4.76%;
	position: relative;
}
.disaster_case_ul_half_right {
	width: 47.62%;
	margin-right: 0;
	position: relative;
}

.disaster_case_li_flex {
	width: 100%;
	-ms-display: flex;
	-webkit-display: flex;
	display: flex;
	align-items: center;
}
.disaster_case_ul_35_left {
	width: 35.52%;
	margin-right: 5.4%;
	position: relative;
}
.disaster_case_ul_59_right {
	width: 59%;
	position: relative;
}
.disaster_case_ul_76_right {
	width: 76%;
	position: relative;
	text-align: right;
	margin-left: 24%;
}
.disaster_case_ul_76_left {
	width: 76%;
	position: relative;
	text-align: left;
}
.w100 {
	width: 100%;
}
.disaster_case_place {
	display: inline-block;
	background: #eab100;
	padding: 5px 20px;
	color: #fff;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
}

.disaster_case_ul_flex .arrow:after {
	content: "";
	width: 36px;
	height: 44px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: -43px;
	background: url(../img/disaster_case02_2/arrow.png) no-repeat;
}
.disaster_case_ul_flex .arrow.back:after {
	transform: scale(-1, 1);
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.disaster_case_ul_flex li {
		margin-bottom: 12px;
	}
	.disaster_case_ul_flex p {
		font-size: 16px;
	}
	.disaster_case_ul_flex .arrow:after {
		content: "";
		width: 12px;
		height: 14px;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: -14px;
		background: url(../img/disaster_case02_2/arrow.png) no-repeat;
		background-size: 12px auto;
	}
	.disaster_case_place {
		padding: 2px 10px;
		font-size: 16px;
	}
	.disaster_case_ul_76_right {
		width: 100%;
		margin-left: 0%;
	}
	.disaster_case_ul_76_left {
		width: 100%;
	}
}

.disaster_case_menu {
	padding: 80px 0;
	margin-bottom: 100px;
}
.disaster_case_menu_inner {
	width: 1100px;
	margin: 0 auto;
}
.disaster_case_menu_ttl {
	font-size: 34px;
	margin-bottom: 80px;
	text-align: center;
}
.disaster_case_menu_ul {
	-ms-display: flex;
	-webkit-display: flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.disaster_case_menu_ul li {
	width: 31.8%;
	margin-right: 2.18%;
	margin-bottom: 26px;
	background: #fff;
	border-radius: 0 0 5px 5px;
}
.disaster_case_menu_ul li:nth-child(3n) {
	margin-right: 0;
}
.disaster_case_menu_ul li a {
	display: block;
}
.disaster_case_menu_ul li a:hover {
	text-decoration: none;
	opacity: 0.6;
}
.disaster_case_menu_link {
	height: 80px;
	line-height: 80px;
	padding: 0 0 0 20px;
	position: relative;
	font-size: 14px;
	font-weight: bold;
}
.disaster_case_menu_link.long {
	line-height: 1.6;
	padding: 20px 0 0 20px;
	box-sizing: border-box;
}
.disaster_case_menu_link:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 46px;
	height: 80px;
	top: 0;
	right: 0;
	border-left: 1px solid #d9d9d9;
}
.disaster_case_menu_link:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 20px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #068ac4;
	border-right: 2px solid #068ac4;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.disaster_case_menu {
		padding: 40px 0;
		margin-bottom: 50px;
	}
	.disaster_case_menu_inner {
		width: 90%;
	}
	.disaster_case_menu_ttl {
		font-size: 22px;
		margin-bottom: 40px;
		text-align: center;
	}
	.disaster_case_menu_ul li {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 10px;
	}
	.disaster_case_menu_ul li:nth-child(3n) {
		margin-right: 4%;
	}
	.disaster_case_menu_ul li:nth-child(2n) {
		margin-right: 0;
	}
	.disaster_case_menu_link {
		height: 80px;
		line-height: 1.4;
		padding: 18px 20px 0 10px;
		position: relative;
		font-size: 14px;
		font-weight: bold;
		box-sizing: border-box;
	}
	.disaster_case_menu_link.long {
		line-height: 1.4;
		padding: 10px 20px 0 10px;
		box-sizing: border-box;
	}
	.disaster_case_menu_link:after {
		content: "";
		display: none;
	}
	.disaster_case_menu_link:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 10px;
		width: 10px;
		height: 10px;
		border-top: 2px solid #068ac4;
		border-right: 2px solid #068ac4;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

/* 11.設備用建具 clean_joinery
=====================================================================*/
.clean_joinery__box h3.line_bottom_g {
	font-size: 20px;
	font-weight: 300;
	line-height: 1;
}
.clean_joinery__box ul.flex {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.clean_joinery__box ul.flex.flex-start {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.clean_joinery__box ul.flex.flex-start li {
	margin-right: 20px;
}
.clean_joinery__product li {
	width: 260px;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	margin-bottom: 26px;
}
.clean_joinery__product li figure {
	border-bottom: 1px solid #e6e6e6;
}
.clean_joinery__product li figure a {
	transition: 0.2s;
}
.clean_joinery__product li figure a:hover {
	opacity: 0.7;
}
.clean_joinery__product li p {
	padding: 18px;
	font-size: 13px;
}
.clean_joinery__product li.borderless {
	border: none;
	text-align: center;
	vertical-align: middle;
	padding-top: 20px;
}
.clean_joinery__product .button_pdf a {
	padding: 0;
	color: #fff;
	display: block;
	background: #666 url(../img/common/parts/icon_pdf.png) no-repeat center left 12px;
	background-size: auto 28px;
	line-height: 40px;
	font-weight: 300;
	font-size: 14px;
	width: auto;
	margin: 0 -1px -1px;
	box-sizing: border-box;
	padding-left: 50px;
	position: relative;
}
.clean_joinery__product .button_pdf a:hover {
	opacity: 1;
	background: #0076b0 url(../img/common/parts/icon_pdf.png) no-repeat center left 12px;
	background-size: auto 28px;
}
.clean_joinery__product .button_pdf a::after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.clean_joinery__footnote {
	box-sizing: border-box;
	padding: 15px 20px;
	border: 1px solid #e6e6e6;
	/*width: 800px;*/
	margin: 40px auto 0;
}
.clean_joinery__footnote h4 {
	margin-bottom: 10px;
}
.clean_joinery__footnote p {
	font-size: 13px;
}
.clean_joinery__box .r_common__graybox {
	width: 540px;
}
.clean_joinery__box .title_blue_icon + p {
	margin: -10px 0 30px;
}
.clean_joinery__box .r_common__graybox {
}
.clean_joinery .swing_door {
	padding-bottom: 40px;
}
.clean_joinery .clearway {
	background: #f6f6f6;
	padding-bottom: 20px;
	margin-bottom: 40px;
}
.clean_joinery .clearway .feature {
	margin-top: 40px;
}
.clean_joinery h3.clearway_text {
	margin-bottom: 40px;
	font-size: 17px;
}
.clean_joinery .clearway .feature li {
	background: #fff url(../img/common/parts/icon_feature.png) no-repeat left 16px center;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 539px;
	min-height: 120px;
	line-height: 1.5;
	box-sizing: border-box;
	padding: 15px 20px 10px 54px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}
.clean_joinery .clearway .feature li:nth-child(2n) {
	margin-right: 0;
}
.clean_joinery .clearway .feature li:nth-child(3),
.clean_joinery .clearway .feature li:nth-child(5),
.clean_joinery .clearway .feature li:nth-child(6) {
	padding-top: 24px;
}
.clean_joinery .clearway .feature li:last-child {
	padding-top: 34px;
}
.clean_joinery__images li p {
	text-align: center;
	margin: 10px 0 40px;
}
.clean_joinery__images > figure {
	margin-bottom: 40px;
}
.clean_joinery__images__spec {
	padding: 20px 0 60px;
}
.clean_joinery__images__spec dl {
	width: 660px;
}
.clean_joinery__images__spec dt {
	font-weight: bold;
}
.clean_joinery__images__spec dt,
.clean_joinery__images__spec dd {
	background: none;
	line-height: 1.5;
}
.clean_joinery__images__spec dl:nth-child(odd) {
	background: #f6f6f6;
}
.clean_joinery__images__spec + ul {
	width: 800px;
	margin: 0 auto 10px;
}
.clean_joinery__case {
	margin-bottom: 20px;
}
.clean_joinery__case ul + ul {
	margin-top: 60px;
	padding: 0 64px 0 64px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.clean_joinery__box h3.line_bottom_g {
		font-size: 1.5rem;
	}
	.clean_joinery__box .title_blue_icon + p {
		margin: -10px 0 20px;
	}
	.clean_joinery__product li {
		width: 49%;
		width: -webkit-calc(50% - 5px);
		width: calc(50% - 5px);
		margin-bottom: 10px;
	}
	.clean_joinery__product li.borderless {
		width: 100%;
		padding-top: 0;
		max-height: 200px;
	}
	.clean_joinery__product li.borderless img {
		height: 100% !important;
		width: auto;
	}
	.clean_joinery__box ul.flex.flex-start {
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.clean_joinery__box ul.flex.flex-start li {
		margin-right: 0px;
	}
	.clean_joinery__product li p {
		padding: 10px;
		font-size: 1.1rem;
	}
	.clean_joinery__product li p br {
	}
	.clean_joinery__product .button_pdf a {
		background: #666 url(../img/common/parts/icon_pdf.png) no-repeat center left 6px;
		background-size: auto 16px;
		line-height: 30px;
		font-size: 0.8rem;
		margin: 0 -1px -1px;
		box-sizing: border-box;
		padding-left: 28px;
	}
	.clean_joinery__product .button_pdf a::after {
		top: 0;
		bottom: 0;
		right: 6px;
		margin: auto;
		width: 4px;
		height: 4px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	.clean_joinery__footnote {
		margin-top: 20px;
	}
	.clean_joinery__footnote p {
		font-size: 1.1rem;
		margin-bottom: 5px;
	}
	.clean_joinery__box .r_common__graybox {
		width: auto;
	}
	.swing_door__wrap {
		display: block;
	}
	.clean_joinery .clearway .feature li {
		background: #fff url(../img/common/parts/icon_feature@2x.png) no-repeat left 10px center;
		background-size: 24px 19px;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
		width: auto;
		min-height: auto;
		line-height: 1.5;
		box-sizing: border-box;
		padding: 15px 10px 10px 45px;
	}
	.clean_joinery .clearway .feature li:nth-child(3),
	.clean_joinery .clearway .feature li:nth-child(5),
	.clean_joinery .clearway .feature li:nth-child(6),
	.clean_joinery .clearway .feature li:last-child {
		padding-top: 15px;
	}
	.clean_joinery__images .flex,
	.clean_joinery__case .flex {
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.clean_joinery__images .flex li,
	.clean_joinery__case .flex li {
		width: 49%;
		width: -webkit-calc(50% - 5px);
		width: calc(50% - 5px);
	}
	.clean_joinery__case .flex li {
		margin-bottom: 10px;
	}
	.clean_joinery__images__spec dl {
		width: 100%;
	}
	.clean_joinery__images__spec dt {
		width: 28%;
	}
	.clean_joinery__images__spec + ul {
		width: auto;
		margin: 0;
	}
	.clean_joinery__images__spec + ul li {
		margin: 0 0 10px;
	}
	.clean_joinery__case {
		margin-bottom: 0;
	}
	.clean_joinery__case ul + ul {
		margin-top: 30px;
		padding: 0;
	}
}

/* 11 フロアヒータープレート　clean_floor
=====================================================================*/
.clean_floor {
}
.clean_floor .intro {
	margin-bottom: 60px;
	box-sizing: border-box;
}
.clean_floor .intro h2 {
	margin-bottom: 40px;
	font-size: 24px;
}
.clean_floor .intro .flex {
	background: #f6f6f6;
	padding: 5px;
}
.clean_floor .intro__img {
	line-height: 316px;
	margin-top: -1px;
}

.clean_floor .imgBox {
	margin-bottom: 10px;
}
.clean_floor__img_flex {
}
.clean_floor .imgBox .mr30 {
	margin-right: 0 !important;
}
.clean_floor .imgBox img {
	border: solid 5px #e4e4e4;
	margin-bottom: 10px;
}
.clean_floor .info_text {
	padding-right: 20px;
}
.clean_floor .clean_floor__flow__contents01 {
	margin: 80px 0 80px;
}

.clean_floor .table_blue {
	width: 550px;
}
.clean_floor .table_blue td {
	width: 50px;
}
.clean_floor .clean_floor__flow__contents02 h3 {
	font-size: 16px;
	color: #0076b0;
	background: url(../img/clean_floor/point.png) no-repeat left center;
	text-indent: 30px;
	margin-bottom: 10px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.clean_floor .intro {
		margin-bottom: 25px;
	}
	.clean_floor .intro .flex {
		display: block;
		padding: 10px;
		background: none;
	}
	.clean_floor .intro h2 {
		margin-bottom: 20px;
		font-size: 1.6rem;
		padding: 0 10px;
		line-height: 1.4;
	}
	.clean_floor .intro .text_area {
		display: block;
		padding: 0;
	}
	.clean_floor .intro .intro__img {
		text-align: center;
		line-height: 0;
		margin-bottom: 5px;
	}
	.clean_floor .imgBox {
		text-align: center;
	}
	.clean_floor .imgBox img {
		box-sizing: border-box;
	}
	.clean_floor__img_flex {
		display: block;
	}
	.clean_floor .clean_floor__flow__contents01 {
		display: block;
		margin-bottom: 40px;
	}
	.clean_floor .clean_floor__flow__contents01 img {
		margin-bottom: 30px;
	}
	.clean_floor .table_blue {
		width: 100%;
	}
	.clean_floor .table_blue td {
		width: auto;
		padding: 0;
	}
}

/* Googleサイト内検索(ヘッダー)

=====================================================================*/

.gsc-control-searchbox-only table,
.gsc-control-searchbox-only table tr th,
.gsc-control-searchbox-only table tr td {
	border: none;
	padding: 0 !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-left: 3px !important;
}

table.gsc-search-box td {
	padding-left: 3px !important;
}
input.gsc-input {
	font-size: 12px !important;
}
.gsst_a {
	padding-top: 0 !important;
}
.gsc-input-box {
	border: none;
}
input.gsc-search-button-v2 {
	margin-top: 0 !important;
}
.cse input.gsc-search-button,
input.gsc-search-button {
	width: 30px !important;
	border: none !important;
	height: 30px !important;
	padding: 0 !important;
	border: none !important;
	display: block !important;
	float: right !important;
	overflow: hidden !important;
	text-indent: 200% !important;
	white-space: nowrap !important;
	color: #f6f6f6 !important;
	background: url(../img/common/header/icon_search.png) no-repeat center !important;
	cursor: pointer !important;
}

/* Googleサイト内検索（ページ）
=====================================================================*/

.gsc-control-cse table,
.gsc-control-cse-en table,
.gsc-control-cse table tr td {
	border: none !important;
}

.gs-title {
	padding: 10px 0 !important;
}

/* 強度合金（2000系、7000系） alumi_dmetal
=====================================================================*/
.alumi_dmetal .intro {
	/* background: #F6F6F6 url(../img/alumi_dmetal/main_img_01.png) no-repeat top right; */
	margin-bottom: 60px;
}
.alumi_dmetal .intro h3 {
	font-size: 24px;
	position: relative;
	font-weight: normal;
}
.alumi_dmetal .intro h3 .small {
	font-size: 18px;
}
.alumi_dmetal .intro h3:before {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background: #cccccc;
	bottom: 0;
	left: 0;
}
.alumi_dmetal .intro h3:after {
	position: absolute;
	display: block;
	content: "";
	width: 72px;
	height: 1px;
	background: #068ac4;
	bottom: 0;
	left: 0;
}
.alumi_dmetal .intro h4 {
	font-size: 24px;
	color: #068ac4;
	font-weight: bold;
	margin-bottom: 30px;
}
.alumi_dmetal .intro .text_area {
	/*width: 500px;
	padding: 60px 0px 0 30px;*/
}
.alumi_dmetal .feature {
	padding-bottom: 80px;
}
.alumi_dmetal .feature figure {
	float: left;
	text-align: center;
}
.alumi_dmetal .feature ul {
	float: right;
}
.alumi_dmetal .feature li {
	background: #fff url(../img/common/parts/icon_feature.png) no-repeat left 16px center;
	margin-bottom: 10px;
	width: 550px;
	height: 74px;
	box-sizing: border-box;
	padding: 0px 0 0px 54px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	line-height: 74px;
}
.alumi_dmetal__facility .table_area {
	margin-bottom: 50px;
}
.alumi_dmetal__facility .table_blue .t_blue th {
	height: 36px;
}
.alumi_dmetal__facility .t_sub {
	height: 16px;
}
.alumi_dmetal__facility .t_sub + .t_sub th {
	font-size: 12px !important;
}
.alumi_dmetal__facility .table_blue th,
.alumi_dmetal__facility .table_blue td {
	padding: 0 10px;
	letter-spacing: 0;
}
.alumi_dmetal__facility .table_blue th.th_w150 {
	width: 150px;
}
.alumi_dmetal__facility .table_area table {
	float: left;
	height: 350px;
}
.alumi_dmetal__facility .table_area table + table {
	float: right;
}
.alumi_dmetal__facility table em {
	font-style: normal;
	font-weight: bold;
	text-align: left;
	display: block;
}
.alumi_dmetal__facility ul li {
	float: left;
	text-align: center;
	margin-left: 13px;
}
.alumi_dmetal__facility ul li:first-child {
	margin-left: 0;
	margin-right: 0;
}
.alumi_dmetal__facility ul li p {
	font-size: 13px;
	margin-top: 10px;
}
.alumi_dmetal__case ul {
	margin-bottom: -50px;
}
.alumi_dmetal__case ul li {
	float: left;
	text-align: center;
	width: 350px;
	margin-right: 20px;
	margin-bottom: 50px;
}
.alumi_dmetal__case ul li:nth-child(3n) {
	margin-right: 0;
}
.alumi_dmetal__case ul li p {
	font-size: 13px;
	margin-top: 10px;
	background: #f6f6f6;
	padding: 3px 0;
}
.alumi_dmetal__car {
	position: relative;
	padding-bottom: 80px;
}
.alumi_dmetal__case h3.title_blue01 {
	position: absolute;
	top: 65px;
	width: 100%;
}
.alumi_dmetal__case h3.title_blue01 span {
	font-size: 24px;
}
.title_underline {
	border-bottom: 1px solid #dddddd;
	padding: 0px 0 5px;
	margin-bottom: 7px;
}
.title_underline span {
	font-weight: normal;
}
.alumi_dmetal__access figure {
	margin-top: 50px;
	margin-bottom: 20px;
}

.info_text {
	background: #e6f7fd url(../img/common/parts/icon_info.png) no-repeat left 20px center;
	padding: 10px 0 10px 62px;
	font-size: 15px;
	box-sizing: border-box;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.alumi_dmetal .intro {
		background: none;
		height: auto;
		margin-bottom: 0;
	}
	.alumi_dmetal .intro .text_area {
		width: auto;
		padding: 0 10px;
		margin-bottom: 20px;
	}
	.alumi_dmetal .intro h3 {
		font-size: 22px;
		line-height: 1.3;
		padding-bottom: 8px;
		margin-bottom: 5px;
	}
	.alumi_dmetal .intro h3:before {
		width: 100%;
		height: 1px;
	}
	.alumi_dmetal .intro h3:after {
		width: 72px;
	}
	.alumi_dmetal .intro h4 {
		font-size: 18px;
		letter-spacing: 0.15em;
		font-weight: normal;
		margin-bottom: 0px;
	}
	.alumi_dmetal .intro p {
		font-size: 18px;
		padding-top: 20px;
	}
	.alumi_dmetal .intro p br {
		display: none;
	}
	.alumi_dmetal .feature {
		padding-bottom: 40px;
	}
	.alumi_dmetal .feature ul {
		padding-top: 20px;
		float: none;
	}
	.alumi_dmetal .feature figure {
		float: none;
	}
	.alumi_dmetal .feature li {
		background: #fff url(../img/common/parts/icon_feature@2x.png) no-repeat left 12px center;
		background-size: 24px 19px;
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		height: 74px;
		box-sizing: border-box;
		padding: 0 0 0 44px;
	}

	.alumi_dmetal__case {
		padding-top: 30px;
	}
	.alumi_dmetal__case ul {
		display: block;
	}
	.alumi_dmetal__case li {
		text-align: center;
		margin-bottom: 10px;
	}
	.alumi_dmetal__facility .table_area {
		margin-bottom: 20px;
	}
	.alumi_dmetal__facility .table_area table {
		margin-bottom: 30px;
	}
	.alumi_dmetal__facility .table_blue .t_blue th {
		height: 26px;
	}
	.alumi_dmetal__facility .t_sub {
		height: 14px;
	}
	.alumi_dmetal__facility .t_sub + .t_sub th {
		font-size: 8px !important;
	}
	.alumi_dmetal__facility .table_blue th,
	.alumi_dmetal__facility .table_blue td {
		padding: 5px;
		letter-spacing: 0;
		font-size: 10px;
	}
	.alumi_dmetal__facility .table_blue th.th_w150 {
		width: auto;
	}
	.alumi_dmetal__facility .table_area table {
		float: none;
		height: auto;
		width: 100%;
	}
	.alumi_dmetal__facility .table_area table + table {
		float: none;
	}
	.alumi_dmetal__facility ul,
	.alumi_dmetal__case ul {
		padding: 0 10px;
		margin-bottom: -20px;
	}
	.alumi_dmetal__facility ul li,
	.alumi_dmetal__case ul li {
		float: left;
		width: calc(50% - 5px);
		text-align: center;
		margin: 0;
		margin-left: 10px;
		margin-bottom: 20px;
	}
	.alumi_dmetal__facility ul li:nth-child(2n + 1),
	.alumi_dmetal__case ul li:nth-child(2n + 1) {
		margin-left: 0;
	}
	.alumi_dmetal__facility ul li p,
	.alumi_dmetal__case ul li p {
		font-size: 10px;
		margin-top: 8px;
	}
	.alumi_dmetal__case ul li figure img {
		max-width: 100%;
		vertical-align: middle;
	}
	.alumi_dmetal__case {
		padding-top: 0;
	}
	.alumi_dmetal__car {
		padding-bottom: 50px;
	}
	.info_text {
		background: #e6f7fd url(../img/common/parts/icon_info_sp.png) no-repeat left 10px center;
		background-size: 20px 20px;
		padding: 10px 0 10px 40px;
		font-size: 1.2rem;
	}
	.title_underline {
		border-bottom: 1px solid #dddddd;
		padding: 0px 0 5px;
		margin-bottom: 7px;
	}
	.title_underline span {
		display: block;
	}
	.alumi_dmetal__access figure {
		margin-top: 30px;
		margin-bottom: 10px;
	}
}

/* 図面集(ダウンロード)

=====================================================================*/

.dldl {
	padding-top: 1em;
}

.dldl a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	padding: 0.8em 1.8em;
	width: 300px !important;
	color: #333;
	font-size: 16px;
	font-weight: 700;
	background-color: #cccccc;
	border-radius: 50vh;
}

.dldl a:hover {
	text-decoration: none;
	background-color: #bbbbbb;
}

.download .dl-area {
	margin: 30px 0;
	padding: 30px;
}
.download .link_btn {
	justify-content: space-around;
}
.download .link_btn li {
	padding: 20px;
}
.download .button a {
	display: block;
	text-align: center;
	width: 319px;
	padding: 0;
	height: 136px;
	line-height: 136px;
	font-size: 16px;
	letter-spacing: 0.12em;
}
.download .arrow_round::after {
	left: 62px;
}
.download .arrow_round::before {
	position: absolute;
	left: 57px;
}
.dl-navi {
	padding: 15px;
	border: 1px solid #dddddd;
}
.dl-navi .arrow_gray a::before {
	border-color: #068ac4;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.download .dowmload_list h3 {
	font-size: 18px;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 24px;
	padding-top: 50px;
}
.download .dowmload_list a {
	display: block;
	background: #068ac4;
	color: #fff;
	font-weight: bold;
	width: 70px;
	margin: 0 auto;
}
.download .dowmload_list a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	text-decoration: none;
}

.download table td {
	vertical-align: top;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.download .link_btn li {
		padding: 30px 5px;
		width: 100%;
	}
	.download .button a {
		display: block;
		text-align: center;
		width: 100%;
		padding: 0;
		height: 60px;
		line-height: 60px;
		font-size: 14px;
		letter-spacing: 0.12em;
	}
	.download .arrow_round::before {
		position: absolute;
		left: 20px;
	}
	.download .arrow_round::after {
		left: 25px;
	}

	.download .flex {
		flex-wrap: wrap;
	}
}

/* 水害対策商品のご案内 flood_prevention
=====================================================================*/
.flood_prevention__intro .intro_box {
	display: flex;
	justify-content: space-between;
}
.flood_prevention__intro .intro_box img {
	width: 100%;
}
.flood_prevention__intro_img1 {
	width: 72.7%;
}
.flood_prevention__intro_img2 {
	width: 24.6%;
}
.flood_prevention__intro_img2 figure + figure {
	margin-top: 15px;
}

ul.flood_prevention__intro_links {
	margin: 50px 0 50px 148px;
}
ul.flood_prevention__intro_links a {
	color: #068ac4;
	font-size: 24px;
	font-weight: 500;
	text-decoration: underline;
	text-decoration-thickness: 1px;
}
ul.flood_prevention__intro_links li {
	margin-block: 15px;
}
ul.flood_prevention__intro_links li:nth-child(even) {
	margin-left: 50px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.flood_prevention__intro {
		padding: 0 10px;
	}
	.flood_prevention__intro_img2 figure + figure {
		margin-top: 5%;
	}
	ul.flood_prevention__intro_links {
		margin: 50px 0;
		text-align: center;
	}
	ul.flood_prevention__intro_links a {
		font-size: 18px;
	}
	ul.flood_prevention__intro_links li:nth-child(even) {
		margin-left: 0;
	}
}

.flood_prevention__menu {
	padding: 80px 0 40px;
	margin-bottom: 100px;
}
.flood_prevention__menu_ul {
	-ms-display: flex;
	-webkit-display: flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flood_prevention__menu_ul li {
	width: 48.2%;
	margin-right: 3.6%;
	margin-bottom: 40px;
	background: #fff;
	border-radius: 0 0 5px 5px;
}
.flood_prevention__menu_ul li:nth-child(2n) {
	margin-right: 0;
}
.flood_prevention__menu_ul li a {
	display: block;
}
.flood_prevention__menu_ul li a:hover {
	text-decoration: none;
	opacity: 0.6;
}
.flood_prevention__menu_ul li img {
	width: 100%;
	border-radius: 10px 10px 0 0;
}
.flood_prevention__menu_ul li b {
	font-size: 18px;
	font-weight: 700;
}
.flood_prevention__menu_ul li small {
	font-size: 14px;
	display: block;
}
.flood_prevention_menu_link {
	height: 80px;
	line-height: 80px;
	padding: 0 0 0 20px;
	position: relative;
	font-size: 14px;
	font-weight: bold;
}
.flood_prevention_menu_link.long {
	line-height: 1.6;
	padding: 20px 0 0 20px;
	box-sizing: border-box;
}
.flood_prevention_menu_link:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 46px;
	height: 80px;
	top: 0;
	right: 0;
	border-left: 1px solid #d9d9d9;
}
.flood_prevention_menu_link:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 20px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #068ac4;
	border-right: 2px solid #068ac4;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
	.flood_prevention__menu {
		padding: 40px 0;
		margin-bottom: 50px;
	}
	.flood_prevention__menu .inner {
		width: 90%;
	}
	.flood_prevention__menu_ul li {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 10px;
	}
	.flood_prevention__menu_ul li:nth-child(3n) {
		margin-right: 4%;
	}
	.flood_prevention__menu_ul li:nth-child(2n) {
		margin-right: 0;
	}
	.flood_prevention__menu_ul li b {
		font-size: 16px;
	}
	.flood_prevention_menu_link {
		height: 100px;
		line-height: 1.4;
		padding: 18px 20px 10px 10px;
		position: relative;
		font-size: 14px;
		font-weight: bold;
		box-sizing: border-box;
	}
	.flood_prevention_menu_link.long {
		line-height: 1.4;
		padding: 10px 20px 10px 10px;
		box-sizing: border-box;
	}
	.flood_prevention_menu_link:after {
		content: "";
		display: none;
	}
	.flood_prevention_menu_link:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 10px;
		width: 10px;
		height: 10px;
		border-top: 2px solid #068ac4;
		border-right: 2px solid #068ac4;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

/* 脱着式 flood_prevention_1
=====================================================================*/

.disaster_plate__intro_img.flood_prevention {
	width: 100%;
}

.intro_flood_img {
	width: 1020px;
	display: flex;
	flex-wrap: wrap;
	margin: 55px auto 60px;
	justify-content: space-between;
}

.intro_flood_img li {
	width: 490px;
}

.intro_flood_img li p {
	margin-bottom: 10px;
	font-size: 16px;
	text-align: center;
}
.intro_flood_img li img + p {
	margin-bottom: 0;
}

.intro_flood_img li img {
	margin: 0 0 10px 0;
	width: 100%;
}
.intro_flood_img li p + img {
	margin-bottom: 0;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.intro_flood_img {
		width: 100%;
		margin: 20px auto 30px;
	}

	.intro_flood_img li {
		width: 48%;
	}

	.intro_flood_img li p {
		margin-bottom: 10px;
		font-size: 13px;
		line-height: 1.4;
	}
}

.flood_prevention__voices {
	margin-bottom: 60px;
}
.flood_prevention__voices .inner {
	display: flex;
	justify-content: space-between;
}
.flood_prevention__voices_ul li {
	position: relative;
	font-size: 16px;
	font-weight: 500;
	padding-left: 20px;
}
.flood_prevention__voices_ul li + li {
	margin-top: 20px;
}
.flood_prevention__voices_ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 11px;
	height: 11px;
	background: #068ac4;
}
.flood_prevention__voices_img {
	margin-right: 40px;
}
.flood_prevention__voices_img p {
	text-align: center;
	font-size: 16px;
	margin-top: 15px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.flood_prevention__voices .inner {
		display: block;
		padding: 0 10px;
	}
	.flood_prevention__voices_img {
		display: block;
		text-align: center;
		padding: 0 20px;
		margin: 40px 0 0;
	}
}

.flood_prevention__feature {
	margin-bottom: 60px;
}
.flood_prevention__feature .feature li {
	background: #fff url(../img/common/parts/icon_feature.png) no-repeat left 16px center;
	margin-bottom: 25px;
	height: auto;
	font-size: 20px;
	box-sizing: border-box;
	padding: 20px 10px 20px 54px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}
.flood_prevention__feature .feature li:last-child {
	margin-bottom: 0;
}
.flood_prevention__feature .title_gray02_big {
	font-weight: 500;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.flood_prevention__feature .feature {
	}
	.flood_prevention__feature .feature li {
		background: #fff url(../img/common/parts/icon_feature@2x.png) no-repeat left 12px center;
		background-size: 24px 19px;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
		width: auto;
		height: auto;
		box-sizing: border-box;
		padding: 10px 10px 10px 44px;
	}
}

.construction_results {
	margin-bottom: 40px;
}
.construction_results .result_box {
	width: 1020px;
	margin: 60px auto;
}
.construction_results .result_box dl {
	display: flex;
	flex-wrap: wrap;
	row-gap: 30px;
	justify-content: space-between;
}
.construction_results .result_box dl dt {
	flex-basis: 100%;
}
.construction_results .result_box dl dt p {
	color: #fff;
	width: 162px;
	height: 40px;
	display: flex;
	font-size: 20px;
	font-weight: 500;
	flex-basis: 100%;
	background: #eab100;
	align-items: center;
	justify-content: center;
}
.construction_results .result_box dl dd {
	width: 322px;
}
.construction_results .result_box dl dd img {
	width: 100%;
}
.construction_results .result_box dl dd p {
	text-align: center;
	font-size: 16px;
	margin-top: 15px;
}

.construction_results .result_box3 {
	display: flex;
	justify-content: space-between;
}
.construction_results .result_box3 dl {
	width: 322px;
}

.special_case1 .result_box dl dt p {
	width: 400px;
	text-indent: 30px;
	justify-content: unset;
}
.special_case1 .result_box dl dd {
	width: 48%;
}
.special_case2 {
	margin-bottom: 100px;
}
.special_case2 .result_box dl dt p {
	width: 182px;
}
.special_case2 .result_box dl dd {
	width: 48%;
	align-self: center;
}
.special_case2 .result_box dl dd p {
	text-align: left;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.construction_results .inner {
		width: 90%;
	}
	.construction_results .result_box {
		width: 100%;
	}
	.construction_results .result_box dl dd {
		width: 48%;
	}
	.construction_results .result_box dl dt p {
		font-size: 18px;
	}
	.construction_results .result_box3 {
		display: block;
	}
	.construction_results .result_box3 dl {
		width: 100%;
	}
	.construction_results .result_box3 dl + dl {
		margin-top: 30px;
	}

	.special_case1 .result_box dl dt p {
		height: auto;
		width: auto;
		max-width: 400px;
		display: block;
		text-indent: 0;
		line-height: 1.4;
		padding: 10px 20px;
	}
}

/* 止水壁 flood_prevention_2
=====================================================================*/

.flood_prevention__p {
	font-size: 22px;
	color: #068ac4;
	margin-bottom: 30px;
}
.flood_prevention__intro .intro_box p {
	font-size: 18px;
}
.flood_prevention__intro.wall .intro_box {
	display: block;
}

.flood_prevention__measure_title {
	width: 100%;
	height: 140px;
	max-width: 600px;
	background: url(../img/flood_prevention_2/bg_title_bl.png) no-repeat center;
	margin: 0 auto;
	text-align: center;
}
.flood_prevention__measure_title span {
	color: #fff;
	font-size: 28px;
	padding-top: 33px;
	display: inline-block;
}
.flood_prevention__measures .intro_flood_img {
	width: 1100px;
}
.flood_prevention__measures .intro_flood_img li {
	display: flex;
	flex-direction: column;
	width: 348px;
}
.flood_prevention__measures .intro_flood_img li img {
	margin-top: auto;
}
.flood_prevention__measures .intro_flood_img li p {
	font-size: 20px;
	letter-spacing: -0.01em;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.flood_prevention__intro .intro_box p {
		font-size: 16px;
	}
	.flood_prevention__measure_title {
		height: auto;
		padding-top: 23%;
		position: relative;
		background-size: 100% auto;
	}
	.flood_prevention__measure_title span {
		padding: 0;
		font-size: 20px;
		position: absolute;
		left: 0;
		right: 0;
		top: 16px;
		margin: auto;
	}
	.flood_prevention__measures {
		padding: 0 10px;
	}
	.flood_prevention__measures .intro_flood_img {
		width: 100%;
	}
	.flood_prevention__measures .intro_flood_img li {
		width: 32%;
	}
	.flood_prevention__measures .intro_flood_img li p {
		font-size: 13px;
	}
}

.construction_results.wall .intro_flood_img {
	row-gap: 35px;
	margin-bottom: 100px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.construction_results.wall .intro_flood_img {
		row-gap: 20px;
		margin-bottom: 50px;
	}
}

/* 止水パネル flood_prevention_3
=====================================================================*/
.intro_flood_img.panel {
	width: 100%;
}
.intro_flood_img.panel li {
	width: 348px;
}
.intro_flood_img.panel li span {
	display: block;
	font-size: 18px;
	margin-bottom: 10px;
	text-align: center;
}

.intro_flood_img2 {
	margin-top: 160px;
}
.intro_flood_img2 li {
	position: relative;
}
.intro_flood_img2 li::before {
	content: "";
	position: absolute;
	top: -130px;
	left: 0;
	right: 0;
	margin: auto;
	width: 100px;
	height: 100px;
	background: url(../img/flood_prevention_3/arrow_down.png) no-repeat;
	background-size: contain;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.intro_flood_img.panel li {
		width: 32%;
		display: flex;
		flex-direction: column;
	}
	.intro_flood_img.panel li span {
		font-size: 15px;
		line-height: 140%;
	}
	.intro_flood_img.panel li img {
		margin-top: auto;
	}
	.intro_flood_img2 {
		margin-top: 100px;
	}
	.intro_flood_img2 li::before {
		width: 70px;
		height: 70px;
		top: -85px;
	}
}

.flood_prevention__feature.panel .feature {
	width: 40%;
	float: left;
}
.flood_prevention__feature.panel .intro_flood_img.panel {
	margin: 0;
	width: 60%;
	float: left;
	padding-left: 2.7%;
	align-items: flex-end;
}
.flood_prevention__feature.panel .intro_flood_img.panel li {
	width: 304px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.flood_prevention__feature.panel .feature {
		width: 100%;
		float: none;
	}
	.flood_prevention__feature.panel .intro_flood_img.panel {
		width: 100%;
		float: none;
		margin: 50px 0 30px;
		padding-left: 0;
	}
	.flood_prevention__feature.panel .intro_flood_img.panel li {
		width: 48%;
	}
}

/* EV止水板 flood_prevention_4
=====================================================================*/
.install_text_bg {
	color: #fff;
	width: 214px;
	height: 40px;
	display: flex;
	font-size: 20px;
	font-weight: 500;
	margin-top: 60px;
	background: #eab100;
	align-items: center;
	justify-content: center;
}
.intro_flood_img.plate {
	margin-top: 30px;
}

.flood_prevention__feature.plate .feature {
	width: 43.6%;
	float: left;
}
.flood_prevention__feature.plate .intro_flood_img {
	margin: 0;
	width: 56.4%;
	float: left;
	padding-left: 5.9%;
}
.flood_prevention__feature.plate .intro_flood_img li {
	width: 304px;
}
.flood_prevention__feature.plate .intro_flood_img li:nth-child(1) {
	width: 229px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
	.flood_prevention__feature.plate .feature {
		width: 100%;
		float: none;
	}
	.flood_prevention__feature.plate .intro_flood_img {
		width: 80%;
		float: none;
		margin: 50px auto 30px;
		padding-left: 0;
	}
	.flood_prevention__feature.plate .intro_flood_img li {
		width: 50%;
	}
	.flood_prevention__feature.plate .intro_flood_img li:nth-child(1) {
		width: 40%;
	}
}

/* swiper　追記 2025-07-28 */


/* 動画　追記 2026-02-09 */
:root {
  --gallery-max-width: 900px;
  --gallery-gap: 70px;
}

.video-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2列均等配置 */
  gap: var(--gallery-gap);
  max-width: var(--gallery-max-width);
  margin-inline: auto; /* 中央寄せ */
}

.video-item {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.video-title {
  font-weight: bold;
  font-size: 1rem;
}

.video-wrapper video {
  width: 100%; /* 親要素(Grid Cell)に合わせて伸縮 */
  height: auto;
  display: block;
  border-radius: 8px; /* 視覚的なブラッシュアップ */
}

/* モバイル対応: 画面幅が狭い場合は1列にする */
@media (max-width: 600px) {
  .video-gallery {
    grid-template-columns: 1fr;
  }
}