@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------------------

ページ共通

---------------------------------------------------------------- */
#wrapper {
	overflow: hidden;
	position: relative;
}
header {
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	width: 100%;
}
.fade_txt {
	font-family: Arial, "ＭＳ Ｐゴシック", sans-serif;
}
.green_txt1 {
	color: #5bab5d;
}
.red {
	color: red;
}
#footer_wrapper {
	background: #2c2f34;
}
#footer_wrapper a {
	color: white;
}
.footer_contents {
	position: relative;
}
p.top_back_btn {
	position: fixed;
}
.footer_right p {
	font-size: 1.2rem;
	color: white;
}
#copywriter_wrapper {
	background: #1b1b1b;
	color: white;
}
#copywriter_wrapper a {
	color: white;
}
.copywriter_contents .copywriter_left ul li {
	display: inline;
	font-size: 1.1rem;
	line-height: 1.4;
}
.title_image {
	background-size: cover;
	background-repeat: no-repeat;
	height: 150px;
}
.black_filter {
	background-color: rgba(0, 0, 0, 0.5);
	height: 150px;
	text-align: center;
	color: white;
}
.black_filter2 {
	background-color: rgba(0, 0, 0, 0.5);
	height: 400px;
	text-align: center;
	color: white;
}
.black_filter3 {
	background-color: rgba(0, 0, 0, 0.5);
	height: 280px;
	text-align: center;
	color: white;
}
.black_filter4 {
	background-color: rgba(0, 0, 0, 0.8);
}
.black_filter5 {
	background-color: rgba(0, 0, 0, 0.5);
	height: 300px;
	color: white;
}
.title_image h2 {
	border-bottom: solid 1px white;
	display: inline-block;
	margin-top: 4.5rem;
	font-size: 3.2rem;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
}
.title_image p {
	text-align: center;
}
.black_filter2 h2 {
	color: white;
	border-bottom: solid 1px white;
	display: inline-block;
	margin-top: 9.5rem;
	font-size: 4rem;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
}
p.spel {
	margin: 0 0 0.5rem;
	font-size: 2.4rem;
}
.white_box {
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 14px 14px 6px -13px rgba(0, 0, 0, 0.54);
	padding: 40px;
}
.white_box p {
	line-height: 1.6;
}
h3.white_box_title {
	font-size: 3.2rem;
	display: inline-block;
	padding-bottom: 0.5rem;
	border-bottom: solid 1px #60b060;
}
p.small_txt {
	color: #389c38;
	padding: 10px 0;
	line-height: 1.4;
}
.company_text_box h2.company_title {
	border-bottom: none;
	margin-top: 190px;
	font-size: 3rem;
}

/* ----------------------------------------------------------------

TOP及びページ共通部分

---------------------------------------------------------------- */
.fade_on_the_text p {
	font-family: arial, sans-serif;
	font-weight: bold;
	color: white;
}
.fade_on_the_text p.fade_on_the_text2 {
	color: #b6dbb1;
}
#top_main_wrapper {
	background: url(../img/top/top_sub.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100vw;
}
.top_business_wrapper {
	background-color: rgba(90, 171, 94, 0.3);
}
p.under_line {
	border-bottom: solid 1px white;
	width: 50%;
	margin: 0 auto;
	font-weight: bold;
	color: white;
}
p.btn_line {
	border: solid 1px black;
	width: 70%;
	margin: 20px auto 0;
	font-size: 1.3rem;
}
p.btn_line2 {
	border: solid 3px white;
	width: 70%;
	margin: 20px auto 0;
	font-size: 1.3rem;
	transition: all 0.5s;
	background: transparent;
}
p.btn_line2:hover {
	background: rgba(255, 255, 255, 0.8);
	transition: all 0.5s;
}
p.btn_line2:hover a {
	color: #2c2f34;
	transition: all 0.5s;
}
p.btn_line2 a {
	background: none;
	color: white;
	font-size: 1.7rem;
}

.fade {
	position: relative;
	background-color: black;
}
.fade li {
	/*background-color: black;*/
	width: 100%;
	height: auto;
	max-height: 100vh;
}
.fade li img {
	opacity: 0.6;
	display: block;
}
#top_main_wrapper {
	padding-bottom: 115px;
}
.top_main_leftbox {
	color: white;
}
.top_main_leftbox p:nth-of-type(2) {
	text-align: right;
}
.top_white_box a {
	color: white;
	display: block;
	background: white;
}
.top_white_box a img {
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transition: all 0.5s;
	display: block;
}
.top_white_box a:hover img {
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	transition: all 0.5s;
	zoom: 1;
}
.access_box p:first-of-type {
	font-size: 1.8rem;
}
.access_box p:last-of-type {
	border: solid 2px white;
	width: 160px;
	margin: 20px auto;
}
.access_box p:last-of-type a {
	display: block;
	padding: 5px 10px;
	font-size: 1.4rem;
}
p.footer_map a::before {
	display: inline-block;
	content: "";
	background: url(../img/pin.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 17px;
	height: 17px;
	vertical-align: middle;
	margin-right: 0.5rem;
}
@media screen and (min-width: 769px) {
	.pc_none {
		display: none;
	}
	header {
		z-index: 99; /*IE対策*/
		position: fixed;
		top: 0;
		left: 0;
		transition: all 0.5s;
	}
	header.scroll {
		background: white;
		transition: all 0.5s;
		box-shadow: 0px 3px 6px -3px #897e54;
	}
	.header_box {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 1000px;
		margin: 0 auto;
		height: 80px;
		z-index: 2;
	}
	.header_box h1.logo {
		padding: 16px 0 0 20px;
	}
	.header_box h1.logo img {
		width: 224px;
	}
	.header_box nav {
		width: 72%;
		margin-left: auto;
		margin-right: 0;
	}
	.header_box nav ul.navi_list {
		position: relative;
		width: 100%;
		height: 50px;
		max-width: 700px;
		margin: 0 auto;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.navi_list li.menu_single {
		position: relative;
		float: left;
		text-align: center;
		width: 105px;
		height: 80px;
		background: rgba(255, 255, 255, 0);
		border-left: solid 1px rgba(255, 255, 255, 0);
		border-right: solid 1px rgba(255, 255, 255, 0);
	}
	.navi_list li.menu_single:hover {
		background: rgba(90, 171, 94, 0.2);
		transition: all 0.5s;
		border-left: solid 1px white;
		border-right: solid 1px white;
	}
	.business .navi_list li.menu_single:nth-of-type(1),
	.company .navi_list li.menu_single:nth-of-type(3),
	.iso .navi_list li.menu_single:nth-of-type(4),
	.recruit .navi_list li.menu_single:nth-of-type(5) {
		background: rgba(90, 171, 94, 0.2);
		border-left: solid 1px white;
		border-right: solid 1px white;
	}
	.navi_list li.menu_single a.sub_txt.business::after {
		content: "Business";
		display: block;
		color: #5bab5d;
		padding-top: 10px;
		font-size: 1.2rem;
	}
	.navi_list li.menu_single a.sub_txt.product::after {
		content: "Product";
		display: block;
		color: #5bab5d;
		padding-top: 10px;
		font-size: 1rem;
	}
	.navi_list li.menu_single a.sub_txt.company::after {
		content: "Company";
		display: block;
		color: #5bab5d;
		padding-top: 10px;
		font-size: 1rem;
	}
	.navi_list li.menu_single a.sub_txt.iso::after {
		content: "Standard";
		display: block;
		color: #5bab5d;
		padding-top: 10px;
		font-size: 1rem;
	}
	.navi_list li.menu_single a.sub_txt.recruit::after {
		content: "Recruit";
		display: block;
		color: #5bab5d;
		padding-top: 10px;
		font-size: 1rem;
	}
	.navi_list li.contact a.sub_txt_contact::after {
		content: "Contact";
		display: block;
		color: white;
		font-size: 1rem;
	}
	.header_box nav ul.navi_list li a {
		display: block;
		color: black;
		padding: 25px 0 20px;
		font-size: 1.5rem;
	}
	li.menu_single ul.menu_second {
		position: absolute;
		display: none;
		top: 80px;
		left: 0;
		width: 200px;
		background: rgba(255, 255, 255, 0.8);
	}
	li.menu_single:hover ul.menu_second {
		top: 80px;
		left: 0;
		/*display: none;*/
	}
	li.menu_single ul.menu_second li {
		background: rgba(255, 255, 255, 0.2);
		border-bottom: solid 1px #ccc;
		height: 80px;
	}
	li.menu_single ul.menu_second li a {
		height: 80px;
		line-height: 30px;
	}
	li.menu_single ul.menu_second li:hover {
		background: rgba(90, 171, 94, 0.4);
		transition: all 0.2s ease;
	}
	.header_box nav ul.navi_list li.contact {
		float: left;
		background: #5aab5e;
		margin-top: 10px;
		height: 60px;
	}
	.header_box nav ul.navi_list li.contact a {
		color: white;
		width: 150px;
		max-height: 60px;
		padding: 10px;
		line-height: 20px;
		display: block;
		text-align: center;
		transition: all 0.5s;
	}
	.header_box nav ul.navi_list li.contact a:hover {
		background: #15a22c;
		transition: all 0.5s;
	}
	.fade_on_the_text p {
		font-size: 4vw;
	}
	.fade_on_the_text {
		position: absolute;
		top: 40%;
		right: 10%;
		z-index: 98; /*IE対策*/
	}
	.fade_on_the_text p.fade_on_the_text1 {
		border-bottom: solid 1px white;
		margin-bottom: 10px;
	}
	.fade_on_the_text p.fade_on_the_text2 {
		font-size: 2.4vw;
	}
	.top_main_contents {
		width: 1000px;
		margin: 0 auto;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 80px 0 60px;
	}
	.top_main_leftbox h2 {
		font-size: 4rem;
		margin-bottom: 4rem;
	}
	.top_main_leftbox p {
		line-height: 1.8;
	}
	.top_main_rightbox {
		margin-left: auto;
		margin-right: 10%;
	}
	.top_business_wrapper {
		padding: 40px 0;
		margin-bottom: 115px;
	}
	.top_white_box {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 1000px;
		margin: 0 auto;
	}
	.top_white_box .top_business_box:nth-of-type(2) {
		margin: 0 5%;
	}
	.top_white_box .top_business_box img {
		display: block;
		margin: 0 auto;
	}
	.top_white_box .top_business_box p {
		text-align: center;
	}
	p.top_back_btn {
		bottom: 5%;
		right: 5%;
	}
	.footer_contents {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		width: 1000px;
		margin: 0 auto;
		border-bottom: solid 1px white;
	}
	.footer_left {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
	}
	.footer_left .footer_link_box ul {
		margin: 0 19px;
	}
	.footer_left .footer_link_box ul.pc_pt {
		padding-top: 20px;
	}
	.footer_left .footer_link_box ul li {
		font-size: 1.1rem;
		margin-bottom: 15px;
	}
	.footer_left .footer_link_box ul li.footer_link_title {
		padding-bottom: 20px;
		margin-bottom: 0;
		font-size: 1.5rem;
	}
	.footer_left .footer_link_box ul li.footer_link_title::before {
		content: "";
		display: inline-block;
		background: url(../img/arrow.png);
		background-repeat: no-repeat;
		width: 6px;
		height: 13px;
		padding-right: 1rem;
		margin-left: -1rem;
		vertical-align: middle;
	}
	.footer_left .footer_link_box ul li a {
		display: inline-block;
		padding-bottom: 4px;
		position: relative;
	}
	.footer_left .footer_link_box ul li a::after {
		background: #15a22c;
		left: 0;
		bottom: 0;
		content: "";
		display: block;
		height: 1px;
		position: absolute;
		transition: all 0.5s;
		width: 0;
	}
	#footer_wrapper .footer_left .footer_link_box ul li a:hover {
		color: #15a22c;
		transition: all 0.5s;
	}
	.footer_left .footer_link_box ul li a:hover::after {
		width: 100%;
	}

	.footer_right {
		margin-top: -5px;
		margin-left: auto;
		margin-right: 0;
	}
	.footer_right iframe {
		width: 280px;
		height: 150px;
	}
	.footer_right p:not(:last-of-type) {
		text-align: right;
	}
	.footer_right p.footer_map {
		text-align: center;
	}
	.copywriter_contents {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		width: 1000px;
		margin: 0 auto;
	}
	.copywriter_contents .copywriter_left ul li {
		margin-right: 40px;
	}
	.copywriter_contents .copywriter_right {
		margin-left: auto;
		margin-right: 0;
	}
	.copywriter_contents .copywriter_right p {
		font-size: 1.2rem;
	}
	.title_image {
		margin-top: 80px;
	}
	/*フッター余白対応*/
	.margin_deal {
		height: auto !important;
		height: 100%;
		min-height: 100%;
	}
	.margin_deal footer {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		/*height: 360px;*/
	}
	/*フッター余白対応ここまで*/
	.anker {
		position: relative;
		top: -80px;
		display: block;
	}
	.anker2 {
		position: relative;
		top: -160px;
		display: block;
	}
}

@media screen and (max-width: 768px) {
	.sp_none {
		display: none;
	}
	img {
		width: 100%;
	}
	header {
		position: fixed;
		height: 60px;
		z-index: 99;
		z-index: 99; /*IE対策*/
	}
	h1.logo {
		padding: 15px 15px 11px;
	}
	h1.logo img {
		max-width: 150px;
	}
	.drawer--right .drawer-hamburger[pos] {
		top: 7px;
		right: 10px;
	}
	.drawer--right.drawer-open .drawer-hamburger[pos] {
		right: 1rem;
	}
	.drawer-hamburger[pos] {
		width: 3rem;
		padding: 12px 0.75rem 22px;
		background: #389c38;
	}
	.drawer-hamburger[pos]:hover {
		background: #389c38;
	}
	.drawer-hamburger[pos] .drawer-hamburger-icon,
	.drawer-hamburger[pos] .drawer-hamburger-icon:after,
	.drawer-hamburger[pos] .drawer-hamburger-icon:before {
		background: white;
	}
	.drawer-open .drawer-hamburger[pos] .drawer-hamburger-icon {
		background-color: transparent;
	}
	nav.drawer-nav {
		background: #2c2f34;
		width: 19rem;
	}
	.drawer--right nav.drawer-nav {
		right: -19rem;
	}
	ul.drawer-menu {
		/*margin: 2rem 1rem;*/
		overflow: auto;
	}
	ul.drawer-menu:nth-of-type(3) li.sp_navi_title {
		margin-bottom: 0.1rem;
	}
	ul.drawer-menu li {
		/*padding: 1rem 0;*/
		padding: 1.5rem;
		font-size: 1.2rem;
		background: rgba(255, 255, 255, 0.1);
		border-bottom: solid 1px #5d5d5d;
	}
	ul.drawer-menu li:nth-of-type(2) {
		padding-top: 1.5rem;
	}
	ul.drawer-menu li:last-of-type {
		border-bottom: none;
	}
	ul.drawer-menu li a {
		color: white;
	}
	ul.drawer-menu li.sp_navi_title {
		font-size: 1.6rem;
		padding: 1.5rem 1.4rem;
		/*padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;*/
		background: #2c2f34;
		border-bottom: solid 1px rgba(0, 0, 0, 1);
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	/*ul.drawer-menu li.sp_navi_title::before{
        content: "";
        display: inline-block;
        background: url(../img/arrow.png);
        background-repeat: no-repeat;
        width: 6px;
        height: 10px;
        padding-right: 1rem;
    }*/
	.fade {
		margin-top: 60px;
	}
	.fade .bx-wrapper img {
		width: 100%;
	}
	.fade_on_the_text {
		position: absolute;
		top: 63%;
		right: 5%;
		background: rgba(255, 255, 255, 0.4);
		padding: 10px 20px;
		width: 90%;
		z-index: 98; /*IE対策*/
	}
	p.fade_on_the_text1 {
		font-size: 2rem;
		line-height: 1.2;
	}
	p.fade_on_the_text2 {
		font-size: 1.8rem;
	}
	#top_main_wrapper {
		background-position: center;
		padding: 11% 0 45px;
	}
	.top_main_leftbox h2 {
		text-align: center;
		font-size: 2.4rem;
		margin-bottom: 1.5rem;
	}
	.top_main_leftbox p {
		padding: 0 1.5rem;
		font-size: 1.5rem;
	}
	.top_main_rightbox {
		margin: 5rem 0;
	}
	.top_main_rightbox img {
		display: block;
		margin: 0 auto;
		max-width: 228px;
	}
	.top_white_box {
		padding: 40px 0;
	}
	.top_business_box {
		max-width: 300px;
		margin: 0 auto 40px;
		text-align: center;
	}
	p.top_back_btn {
		bottom: 9.5%;
		right: 5%;
	}
	.black_filter2 {
		height: 300px;
	}
	.black_filter2 h2 {
		margin-top: 5rem;
	}
	.footer_contents {
		margin: 0 1.5rem;
	}
	.footer_left {
		margin: 0 0 1.5rem;
	}
	.footer_left ul {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
	}
	.footer_left .footer_link_box ul li {
		width: 50%;
		font-size: 1.2rem;
		padding: 1rem 0;
	}
	.footer_left .footer_link_box ul li.footer_link_title {
		width: 100%;
		margin: 2rem 0;
		font-size: 1.6rem;
		border-bottom: solid 1px rgba(0, 0, 0, 1);
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	.footer_left .footer_link_box ul li.footer_link_title::before {
		content: "";
		display: inline-block;
		background: url(../img/arrow.png);
		background-repeat: no-repeat;
		padding-right: 1.5rem;
		width: 6px;
		height: 10px;
	}
	.footer_right .access_box {
		padding-top: 10px;
	}
	.footer_right iframe {
		width: 100%;
		height: 400px;
	}
	.access_box {
		text-align: center;
		border-bottom: solid 1px rgba(0, 0, 0, 1);
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
		padding-bottom: 4%;
	}
	.other_company_link {
		margin-top: 4%;
	}
	.other_company_link ul {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		text-align: center;
	}
	.other_company_link ul li:first-of-type {
		width: 100%;
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
	.other_company_link ul li:not(:first-of-type) {
		width: 50%;
		font-size: 1.1rem;
	}
	.copywriter_contents .copywriter_left ul {
		text-align: center;
		margin: 15px 0;
	}
	.copywriter_contents .copywriter_left ul li {
		margin: 0 10px;
	}
	.copywriter_right p {
		font-size: 1.2rem;
		text-align: center;
		margin-bottom: 10px;
	}
	.black_filter2 h2 {
		font-size: 3.5rem;
	}
	.title_image {
		margin: 60px 0 10px;
	}
	p.comment {
		padding: 0 40px;
	}
	.white_box {
		box-shadow: 4px 14px 6px -13px rgba(0, 0, 0, 0.54);
		position: relative;
		width: 95%;
		margin: 0 auto;
		top: -60px;
		padding: 30px 20px;
	}
	.anker {
		margin-top: -60px;
		padding-top: 60px;
		display: block;
	}
	.anker2 {
		margin-top: -120px;
		padding-top: 120px;
		display: block;
	}
}
/* ----------------------------------------------------------------

BUSINESS

---------------------------------------------------------------- */

.title_image.business {
	background: url(../img/business/main.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}
.warehousing_text_box {
	background: url(../img/business/sub1.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}
.leveler_line_text_box {
	background: url(../img/business/sub2.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}
.hot_leveler_main {
	background: url(../img/business/hot_leveler_main.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}
.hot_leveler_specification {
	background: url(../img/business/hot_leveler_line.jpg) center;
	background-size: cover;
	background-repeat: no-repeat;
}
.cold_leveler_main {
	background: url(../img/business/cold_leveler_main.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}
.cold_leveler_specification {
	background: url(../img/business/cold_leveler_line.jpg) center;
	background-size: cover;
	background-repeat: no-repeat;
}
.fuel_text_box {
	background: url(../img/business/fuel.jpg) center;
	background-size: cover;
	background-repeat: no-repeat;
}
.logistics_text_box {
	background: url(../img/business/logistics.jpg) center;
	background-size: cover;
	background-repeat: no-repeat;
}
.appeal_main {
	background: url(../img/business/delivery_steel.jpg) center;
	background-size: cover;
	background-repeat: no-repeat;
}

.hot_leveler_main .black_filter3 h3,
.cold_leveler_main .black_filter3 h3 {
	font-size: 2rem;
	padding: 2rem 0;
	background: rgba(255, 255, 255, 0.8);
	text-align: center;
	color: black;
}
.hot_leveler_box ul li,
.cold_leveler_box ul li {
	font-size: 1.2rem;
	background: rgba(21, 162, 44, 0.8);
	width: 150px;
	padding: 15px 5px;
}
.hot_leveler_box ul li.back_color_none,
.cold_leveler_box ul li.back_color_none {
	background: none;
}
.hot_leveler_sub_list ul li,
.cold_leveler_sub_list ul li {
	position: relative;
}
.hot_leveler_sub_list ul li p,
.cold_leveler_sub_list ul li p {
	position: absolute;
	width: 100%;
	height: 50px;
	padding-top: 5px;
	bottom: 0;
	background: #15a22c;
	text-align: center;
	color: white;
	font-size: 1.4rem;
}
.hot_leveler_sub_list ul:nth-of-type(1) li:nth-of-type(1) p,
.cold_leveler_sub_list ul:nth-of-type(1) li:nth-of-type(1) p {
	padding-top: 15px;
}
.hot_leveler_specification_wrapper {
	color: white;
}
.specification_box table {
	font-size: 1.6rem;
	line-height: 2rem;
	width: 420px;
}
.specification_box table.left tr:last-of-type {
	border-bottom: none;
}
.specification_box table.left tr:last-of-type td {
	font-size: 1.2rem;
}

.specification_box tr {
	border-top: solid 1px rgba(255, 255, 255, 0.3);
	border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}
.specification_box th {
	padding: 20px 0;
	font-weight: normal;
	text-align: left;
	width: 30%;
}
.specification_box td {
	padding: 20px 0;
	text-align: right;
	line-height: 1.8;
}
.fuel_step_box h3 {
	font-size: 2.4rem;
	color: #15a22c;
	border-left: solid 2px #15a22c;
}
.illust {
	text-align: center;
}
.appeal_text_box h3 {
	font-size: 4rem;
	padding: 85px 0 65px;
}
h3.white_box_title.appeal {
	font-size: 2.4rem;
	line-height: 4rem;
	margin-bottom: 30px;
}

@media screen and (min-width: 769px) {
	.warehousing_text_box {
		margin: 10px 0 80px;
	}
	p.comment {
		line-height: 2.8rem;
	}
	.loading_acilities_wrapper {
		width: 1000px;
		margin: 80px auto;
	}
	.loading_acilities_box {
		position: relative;
	}
	.loading_acilities_sub,
	.loading_acilities_sub2 {
		position: absolute;
	}
	.loading_acilities_box {
		margin-bottom: 80px;
	}
	.loading_acilities_sub {
		right: 0;
		bottom: 0;
	}
	.loading_acilities_sub2 {
		left: 0;
		bottom: 0;
	}
	.loading_acilities_sub.white_box,
	.loading_acilities_sub2.white_box {
		width: 560px;
		min-height: 280px;
		padding: 70px 40px;
	}
	.loading_acilities_imgbox {
		position: relative;
		width: 560px;
		height: 560px;
		margin-left: auto;
		margin-right: 0;
	}
	.loading_acilities_imgbox img {
		position: absolute;
	}
	img.no_1 {
		top: 140px;
		left: 0;
	}
	img.no_2 {
		top: 0;
		right: 0;
	}
	img.no_3 {
		bottom: 0;
		right: 0;
	}
	.leveler_line_main {
		margin-bottom: 80px;
	}
	.hot_leveler_main {
		width: 1000px;
		margin: 10px auto;
	}
	.cold_leveler_main {
		width: 1000px;
		margin: 0 auto 10px;
	}
	.hot_leveler_main .black_filter3,
	.cold_leveler_main .black_filter3 {
		padding: 20px 30px;
	}
	.hot_leveler_box,
	.cold_leveler_box {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-ms-flex-align: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		margin: 30px 0;
	}
	.hot_leveler_sub_list ul li,
	.cold_leveler_sub_list ul li {
		max-width: 300px;
		width: 30%;
	}
	.hot_leveler_sub_list ul li img,
	.cold_leveler_sub_list ul li img {
		width: 100%;
	}
	.hot_leveler_box ul:not(:last-child),
	.cold_leveler_box ul:not(:last-child) {
		margin-right: 10px;
	}
	.hot_leveler_box ul li:not(:last-child),
	.cold_leveler_box ul li:not(:last-child) {
		margin-bottom: 10px;
	}
	.hot_leveler_box ul:last-of-type li:last-of-type,
	.cold_leveler_box ul:last-of-type li:last-of-type {
		width: 570px;
		height: 94px;
		font-size: 2rem;
		line-height: 3.2rem;
	}
	.triangle {
		display: block;
		width: 0;
		height: 0;
		border-top: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid transparent;
		border-left: 15px solid white;
	}
	.hot_leveler_box ul li.back_color_none,
	.cold_leveler_box ul li.back_color_none {
		width: 40px;
	}
	.hot_leveler_sub_list ul,
	.cold_leveler_sub_list ul {
		max-width: 1000px;
		margin: 0 auto;
	}
	.hot_leveler_sub_list ul,
	.cold_leveler_sub_list ul,
	.specification_img_list ul {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-ms-flex-pack: cener;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.hot_leveler_sub_list ul li:nth-of-type(2),
	.cold_leveler_sub_list ul li:nth-of-type(2) {
		margin: 0 5%;
	}
	.specification_img_list ul li:nth-of-type(2) {
		margin: 0 30px;
	}
	.hot_leveler_sub_list ul:nth-of-type(2) li,
	.cold_leveler_sub_list ul:nth-of-type(2) li {
		margin: 10px 2.5%;
	}
	.hot_leveler_specification {
		margin: 10px 0;
	}
	.hot_leveler_specification_wrapper,
	.cold_leveler_specification_wrapper {
		width: 1000px;
		margin: 0 auto;
		padding: 50px 20px;
	}
	.hot_leveler_specification_wrapper h3,
	.cold_leveler_specification_wrapper h3 {
		font-size: 4rem;
		margin-bottom: 55px;
	}
	.specification_box,
	.appeal_sub_wrapper {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
	}
	table.right {
		margin-left: 120px;
	}
	.fuel_step_wrapper {
		width: 1000px;
		margin: 80px auto;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-ms-flex-pack: cener;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.fuel_step_box {
		margin-bottom: 30px;
	}
	.fuel_step_box:nth-of-type(even) {
		margin-left: 70px;
	}
	.appeal_text_box {
		width: 1000px;
		margin: 0 auto;
	}
	.appeal_sub_wrapper {
		width: 1000px;
		margin: 0 auto 40px;
	}
	.appeal_box {
		position: relative;
		width: 460px;
		min-height: 390px;
		margin-bottom: 180px;
	}
	.appeal_box:nth-of-type(even) {
		margin-left: 80px;
	}
	.appeal_txt {
		position: absolute;
		width: 400px;
		min-height: 380px;
		top: 80px;
		right: 0;
	}
}

@media screen and (max-width: 768px) {
	.loading_acilities_wrapper,
	.appeal_sub_wrapper {
		margin: 40px 20px;
	}
	.loading_acilities_box,
	.appeal_box {
		margin-bottom: -10px;
	}
	.loading_acilities_imgbox {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-ms-flex-pack: cener;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: flex-start;
		-ms-align-items: flex-start;
		align-items: flex-start;
	}
	.loading_acilities_imgbox img {
		width: 30%;
	}
	.loading_acilities_imgbox img:nth-last-of-type(2) {
		margin: 0 5%;
	}
	.loading_acilities_sub2.white_box {
		top: -40px;
	}
	.black_filter2 {
		/*margin-bottom: 10%;*/
	}
	.black_filter3 {
		padding: 20px;
		height: auto;
	}
	.hot_leveler_box,
	.cold_leveler_box {
		padding: 20px 0;
	}
	.hot_leveler_box ul,
	.cold_leveler_box ul {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-ms-flex-pack: cener;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		margin-bottom: 1%;
	}
	.hot_leveler_box ul:nth-of-type(1) li,
	.cold_leveler_box ul:nth-of-type(1) li {
		width: 32.4%;
	}
	.hot_leveler_box ul:nth-of-type(1) li:nth-last-of-type(2),
	.cold_leveler_box ul:nth-of-type(1) li:nth-last-of-type(2) {
		margin: 0 1%;
	}
	.hot_leveler_box ul:nth-of-type(2) li,
	.cold_leveler_box ul:nth-of-type(2) li {
		margin: 0 0.5%;
		width: 49%;
	}
	.hot_leveler_box ul:nth-of-type(3),
	.cold_leveler_box ul:nth-of-type(3) {
		height: 40px;
	}
	.triangle {
		display: block;
		margin: 0 auto;
		width: 0;
		height: 0;
		border-top: 15px solid white;
		border-right: 15px solid transparent;
		border-bottom: 15px solid transparent;
		border-left: 15px solid transparent;
	}
	.hot_leveler_box ul:nth-of-type(4) li,
	.cold_leveler_box ul:nth-of-type(4) li {
		width: 100%;
	}
	.hot_leveler_main,
	.cold_leveler_main,
	.cold_leveler_specification {
		margin: 10px 0;
	}
	.hot_leveler_sub_list ul,
	.cold_leveler_sub_list ul,
	.appeal_text_box {
		padding: 0 5% 10px;
	}
	.fuel_step_wrapper {
		padding: 5%;
	}
	.cold_leveler_sub_list ul:nth-of-type(2) {
		padding: 0 5%;
	}
	.hot_leveler_sub_list ul li:nth-of-type(2),
	.cold_leveler_sub_list ul li:nth-of-type(2),
	.specification_img_list li:nth-of-type(2) {
		margin: 5% 0;
	}
	.cold_leveler_sub_list ul li:last-of-type {
		margin: 5% 0 0;
	}
	.hot_leveler_sub_list ul li p,
	.cold_leveler_sub_list ul li p {
		padding-top: 15px;
	}
	.black_filter4 {
		padding: 20px;
	}
	.black_filter5 {
		height: 220px;
	}
	.specification_box table {
		width: 100%;
	}
	.hot_leveler_specification_wrapper h3,
	.cold_leveler_specification_wrapper h3 {
		font-size: 2rem;
		margin: 5% 0;
	}
	.fuel_step_box {
		margin-bottom: 5%;
	}
	.illust {
		padding: 0 10px;
	}
	h3.white_box_title {
		font-size: 2.4rem;
	}
	.appeal_text_box h3 {
		font-size: 2.4rem;
		padding: 10% 0 5%;
	}
	.specification_box table.left tr:last-of-type td {
		padding-top: 0;
	}
}

/* ----------------------------------------------------------------

COMPANY

---------------------------------------------------------------- */
.title_image.company {
	background: url(../img/company/main.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}
.company_text_box.tokyo {
	background: url(../img/company/tokyo.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}
.company_text_box.funabashi {
	background: url(../img/company/funabashi.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}
.company_text_box.sendai {
	background: url(../img/company/sendai.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}
.company_text_box.group {
	background: url(../img/company/group.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}

.industrial_information table {
	width: 100%;
	font-size: 1.6rem;
	line-height: 2rem;
}
.industrial_information tr {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
.industrial_information table.second tr {
	border: none;
}
.industrial_information th {
	font-weight: normal;
	padding: 20px 0;
}
.industrial_information td {
	padding: 20px 0;
	line-height: 1.8;
}
a.map_btn {
	width: 280px;
	display: block;
	padding: 10px 0;
	background: #5aab5e;
	color: white;
	text-align: center;
	transition: all 0.5s;
}
a.map_btn:hover {
	background: #15a22c;
	transition: all 0.5s;
}
.group_box {
	background: white;
}
.group_box h3 {
	color: #15a22c;
	border-left: solid 2px #15a22c;
	font-size: 2.4rem;
}
.group_box li {
	font-size: 1.6rem;
	padding-left: 25px;
}
.group_box li a {
	color: black;
	display: inline-block;
	padding-bottom: 4px;
	position: relative;
}
.group_box li a::after {
	background: #15a22c;
	left: 0;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	transition: all 0.5s;
	width: 0;
}
.group_box li a:hover::after {
	width: 100%;
}

.group_box li a:hover {
	color: #15a22c;
	transition: all 0.5s;
}
.group_company_contents {
	margin-bottom: 80px;
}

p.map_iframe iframe {
	width: 100%;
	min-height: 500px;
	text-align: center;
}
p.map_text {
	text-align: left;
}
button.modaal-close {
	display: none;
}
p#modaal-close.modaal-close {
	position: static;
	text-align: center;
	background: #5aab5e;
	padding: 10px 20px;
	border-radius: 0;
	max-width: 200px;
	height: 40px;
	width: 100%;
	margin: 0 auto;
}
p#modaal-close.modaal-close:hover {
	background: #15a22c;
	transition: all 0.5s;
}
#modaal-close.modaal-close::after,
#modaal-close.modaal-close::before {
	display: none;
}

@media screen and (min-width: 769px) {
	.company_text_box.tokyo {
		margin: 10px 0 80px;
	}
	.company_text_box {
		margin: 10px 0 80px;
	}
	.industrial_information {
		width: 1000px;
		margin: 0 auto 75px;
		padding: 0 70px;
	}
	.industrial_information th {
		width: 20%;
		text-align: left;
		padding-left: 20px;
	}
	.industrial_information table.second td.middle {
		vertical-align: top;
		text-align: right;
	}
	.group_box_wrapper {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		width: 1000px;
		margin: 0 auto;
		padding: 0 80px;
	}
	.group_box {
		width: 400px;
		min-height: 320px;
	}
	.group_box:nth-of-type(2) {
		margin-left: 40px;
	}
	.group_box h3 {
		font-size: 2.4rem;
	}
}

@media screen and (max-width: 768px) {
	.company_text_box h2.company_title {
		margin-top: 14.5rem;
	}
	.industrial_information th {
		display: block;
		text-align: left;
		padding: 5%;
		border-bottom: solid 1px #ece4e4;
		background: rgba(90, 171, 94, 0.1);
	}
	.industrial_information td {
		display: block;
		padding: 5%;
	}
	table.second td {
		padding: 3% 0;
	}
	.group_box {
		padding: 20px;
	}
	a.map_btn {
		margin: 20px auto 0;
	}
}

/* ----------------------------------------------------------------

SITE MAP

---------------------------------------------------------------- */
.title_image.sitemap {
	background: url(../img/contact/main.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}
.sitemap_wrapper {
	margin: 80px auto;
	padding: 0 40px;
}
.sitemap_box ul li a,
.sitemap_box2 ul li a {
	color: black;
	transition: all 0.5s;
}
.sitemap_box h3 {
	font-size: 2.4rem;
	color: #5fb15f;
	border-bottom: solid 1px #5fb15f;
}
.sitemap_box h3 a {
	color: #5fb15f;
}
.sitemap_box ul li {
	font-size: 1.6rem;
	padding: 0 0 10px 10px;
}
.sitemap_box2 ul li {
	font-size: 1.6rem;
	padding: 20px;
	border-top: solid 1px #5fb15f;
}
.sitemap_box2 ul li:last-of-type {
	border-bottom: solid 1px #5fb15f;
}
.sitemap_box ul li::before,
.sitemap_box2 ul li::before {
	content: "";
	display: inline-block;
	background: url(../img/arrow.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 15px;
	padding-right: 1.5rem;
	vertical-align: middle;
}
.sitemap_box ul li a,
.sitemap_box2 ul li a {
	display: inline-block;
	padding-bottom: 4px;
	position: relative;
}
.sitemap_box ul li a::after,
.sitemap_box2 ul li a::after {
	background: #15a22c;
	left: 0;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	transition: all 0.5s;
	width: 0;
}
.sitemap_box ul li a:hover::after,
.sitemap_box2 ul li a:hover::after {
	width: 100%;
}
.sitemap_box ul li a:hover,
.sitemap_box2 ul li a:hover {
	color: #15a22c;
	transition: all 0.5s;
}

@media screen and (min-width: 769px) {
	.sitemap_wrapper {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		width: 1000px;
	}
	.sitemap_box,
	.sitemap_box2 {
		width: 400px;
	}
	.sitemap_box:nth-of-type(even),
	.sitemap_box2 {
		margin-left: auto;
	}
}

/* ----------------------------------------------------------------

ISO

---------------------------------------------------------------- */
.title_image.iso {
	background: url(../img/iso/main.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}
.iso_wrapper {
	margin: 80px auto;
}
.iso_box.right p {
	margin-bottom: 10px;
	line-height: 1.6;
}

@media screen and (min-width: 769px) {
	.iso_wrapper {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		width: 1000px;
	}
	.iso_box {
		width: 500px;
	}
	.iso_box.right {
		padding: 90px 40px;
	}
	.iso_about {
		position: relative;
		width: 1000px;
		margin: 100px auto;
	}
	.iso_box.white_box {
		position: absolute;
		left: 60px;
		bottom: 40px;
	}
	p.iso_image {
		text-align: right;
	}
}

@media screen and (max-width: 768px) {
	.iso_wrapper {
		margin: 40px 20px;
	}
	.iso_box.right {
		margin: 40px auto;
		padding: 0 40px;
	}
}

/* ----------------------------------------------------------------

RECRUIT

---------------------------------------------------------------- */
.title_image.recruit {
	background: url(../img/recruit/main.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}
.recruit_text_box {
	background: url(../img/recruit/sub.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}
.recruit_text_box h2.recruit_title {
	border-bottom: none;
	line-height: 1.6;
	text-align: center;
}
.entrance_requirements_list_title_box {
	text-align: center;
}
.entrance_requirements_list_title_box h3 {
	display: inline-block;
	border-bottom: solid 1px black;
	font-size: 3.2rem;
}
.entrance_requirements_list_title_box p {
	font-size: 1.6rem;
}
.entrance_requirements_list table {
	width: 100%;
	font-size: 1.6rem;
	line-height: 2rem;
}
.entrance_requirements_list tr {
	border-top: solid 1px #ccc;
}
.entrance_requirements_list tr:last-of-type {
	border-bottom: solid 1px #ccc;
}
.entrance_requirements_list th {
	font-weight: normal;
	text-align: left;
}
p.contact_btn {
	text-align: center;
	max-width: 400px;
}
p.contact_btn a {
	color: white;
	font-size: 2rem;
	background: #5aab5e;
	display: block;
	padding: 20px;
	transition: all 0.5s;
}
p.contact_btn a:hover {
	background: #15a22c;
	transition: all 0.5s;
}
.title_image.second,
.title_image.third {
	margin-top: 0;
}
.title_image.second.staff {
	background: url(../img/recruit/staff.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}
.small_txt2 {
	font-size: 1.6rem;
	padding-left: 1rem;
}
.staff_comment {
	background: white;
}
.staff_comment h3 {
	font-size: 2.4rem;
	color: #15a22c;
	border-left: solid 2px #15a22c;
}
.staff_box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}
.staff_box {
	border-bottom: solid 1px #15a22c;
}
.staff_box.last {
	border-bottom: none;
}
.recruit_btn_box {
	width: 100%;
	/*border-top: solid 1px #15a22c;*/
	padding-top: 40px;
}
.recruit_btn_box.staff_ver {
	border-top: none;
	padding-top: 0;
}
.recruit_btn_box ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}
.recruit_btn_box ul li {
	max-width: 320px;
	width: 48%;
	text-align: center;
	font-size: 1.6rem;
}
.recruit_btn_box ul li:nth-of-type(2) {
	margin-left: auto;
}
.recruit_btn_box ul li a {
	display: block;
	padding: 20px 0;
	font-size: 2rem;
	color: white;
	background: #5aab5e;
	transition: all 0.5s;
}
.recruit_btn_box ul li a:hover {
	background: #15a22c;
	transition: all 0.5s;
}
.recruit_about p,
.staff_comment p {
	line-height: 1.6;
}
.entrance_requirements_list td {
	line-height: 1.8;
}
.title_image.third.recreation {
	background: url(../img/recruit/recreation.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}
.recreation_box h3 {
	font-size: 2.4rem;
	color: #15a22c;
	border-left: solid 2px #15a22c;
}

@media screen and (min-width: 769px) {
	.recruit_text_box {
		margin: 10px 0 80px;
	}
	.recruit_about {
		width: 860px;
		margin: 0 auto;
		margin-bottom: 100px;
	}
	.recruit_text_box h2.recruit_title {
		font-size: 4rem;
		margin-top: 150px;
	}
	.recruit_btn_box ul {
		-webkit-box-pack: center;
		-moz-box-pack: center;
		-webkit-flex-pack: center;
		-moz-flex-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		justify-content: center;
	}
	.recruit_btn_box ul li:nth-of-type(2) {
		margin-left: 2%;
	}
	.entrance_requirements_list {
		width: 860px;
		margin: 0 auto;
	}
	.title_image.second.staff {
		margin-bottom: 80px;
	}
	.entrance_requirements_list th {
		width: 25%;
		padding-left: 20px;
	}
	.entrance_requirements_list td {
		padding: 20px 0;
	}
	.entry_about {
		position: relative;
		width: 920px;
		height: 545px;
		margin: 100px auto 0;
	}
	.entry_about p.entry_image {
		text-align: right;
	}
	.entry_about_txt {
		position: absolute;
		bottom: 0;
		left: 0;
	}
	p.contact_btn {
		margin: 80px auto;
	}
	.staff_wrapper {
		width: 1000px;
		margin: 0 auto 80px;
		padding: 0 80px 0;
	}
	.staff_right p {
		font-size: 2.4rem;
		line-height: 1.7;
	}
	.staff_right {
		padding: 90px 0 0;
	}
	.staff_left,
	.staff_right,
	.staff_comment {
		width: 400px;
	}
	.staff_right,
	.staff_comment:nth-of-type(even) {
		margin-left: 40px;
	}
	.staff_comment {
		margin-top: 30px;
		padding: 40px 30px;
	}
	.recreation_txt {
		margin: 40px auto;
		width: 870px;
	}
	.recreation_wrapper {
		width: 870px;
		margin: 80px auto;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
	}
	.recreation_box {
		margin-bottom: 30px;
		width: 46%;
		max-width: 400px;
	}
	.recreation_box:nth-of-type(even) {
		margin-left: 70px;
	}
}

@media screen and (max-width: 768px) {
	.recruit_about {
		padding: 8rem 3rem 8rem;
	}
	.recruit_text_box h2.recruit_title {
		margin: 0;
		padding: 0;
		font-size: 4vh;
		position: relative;
		display: block;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.entrance_requirements_list th,
	.entrance_requirements_list td {
		display: block;
		padding: 20px;
	}
	.entrance_requirements_list th {
		border-bottom: solid 1px #ddd;
	}
	.entry_about {
		margin: 40px 20px;
	}
	p.contact_btn {
		margin: 0 auto 80px;
		width: 70%;
	}
	.staff_wrapper {
		margin: 40px 20px;
	}
	.staff_left {
		width: 35%;
	}
	.staff_right {
		width: 65%;
		padding: 2% 2% 0;
	}
	.staff_right p,
	.small_txt2 {
		font-size: 3.7vw;
	}
	.small_txt2 {
		padding-left: 0;
	}
	.staff_comment {
		width: 100%;
		padding: 20px;
	}
	.staff_comment:nth-of-type(odd) {
		margin-top: 10px;
		padding-bottom: 0;
	}
	.recruit_btn_box.staff_ver {
		margin-top: -40px;
	}
	.recreation_txt {
		padding: 3rem;
	}
	.recreation_wrapper {
		margin: 40px 20px;
	}
	.recreation_box {
		margin-bottom: 5%;
	}
}

/* ----------------------------------------------------------------

PRIVACY POLICY

---------------------------------------------------------------- */

.title_image.privacy_policy {
	background: url(../img/contact/main.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}
.privacy_policy_box {
	margin-bottom: 80px;
}
.privacy_policy_box p {
	line-height: 1.6;
}
.privacy_policy_box h3 {
	font-size: 2.4rem;
}
.privacy_policy_box ol li {
	list-style: decimal;
	font-size: 1.6rem;
	padding-left: 2rem;
	text-indent: -2rem;
	line-height: 2rem;
	margin: 10px 0;
	list-style-position: inside;
}
.signature {
	text-align: right;
	margin-top: 80px;
}

@media screen and (min-width: 769px) {
	.privacy_policy_wrapper {
		width: 1000px;
		margin: 80px auto;
	}
	.reception.white_box {
		width: 500px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 768px) {
	.privacy_policy_wrapper {
		padding: 40px 20px;
	}
}

/* ----------------------------------------------------------------

CONTACT

---------------------------------------------------------------- */
.title_image.contact {
	background: url(../img/contact/main.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}
.form_contents table {
	width: 100%;
	font-size: 1.6rem;
}
.form_contents tr {
	border-top: solid 1px #ccc;
}
.form_contents tr:last-of-type {
	border-bottom: solid 1px #ccc;
}
.form_contents th {
	font-weight: normal;
	line-height: 2rem;
	vertical-align: middle;
}
.form_contents td {
	padding: 20px 0;
}
.form_contents h2 {
	font-size: 3.2rem;
	display: inline-block;
	padding-bottom: 1.5rem;
	border-bottom: solid 1px #60b060;
}
.form_contents h3 {
	font-size: 2.4rem;
}
.form_contents p {
	line-height: 1.6;
}
.form_contents input,
.form_contents select,
.form_contents textarea {
	padding: 10px 2%;
	line-height: 1.6rem;
}
.form_contents select {
	display: block;
}
.form_contents input[type="radio"] {
	position: relative;
	top: -3px;
}

/*.form_contents input[type="text"]#form_postnumber,
.form_contents input[type="text"]#form_email_confirm{
    width: auto;
}*/
.form-aside {
	display: inline-block;
	margin-left: 10px;
	font-size: 13px;
	color: #aaa;
}
.consent_box label {
	position: relative;
	display: block;
	word-break: break-all;
	line-height: 1.6;
}
.consent_box label input[type="checkbox"] + span {
	position: relative;
	padding: 0 30px 0 35px;
}

.consent_box input[type="checkbox"] {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.consent_box label input[type="checkbox"] + span::before {
	border-color: #5fae5f;
}
.consent_box label input[type="checkbox"]:checked + span::before {
	border-color: #5fae5f;
}
.consent_box label span {
	display: inline-block;
}
.consent_box input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.consent_box label input[type="checkbox"] + span::before,
.consent_box label input[type="checkbox"] + span::after {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	content: "";
	box-sizing: border-box;
}
.consent_box label input[type="checkbox"] + span::before {
	z-index: 0;
	background-color: transparent;
	width: 22px;
	height: 22px;
	border: 1px #ccc solid;
}
.consent_box label input[type="checkbox"] + span::after {
	z-index: 1;
	margin: 5px 8px;
	width: 6px;
	height: 9px;
}
.consent_box label input[type="checkbox"]:checked + span::before {
	background-color: #fff;
}
.consent_box label input[type="checkbox"]:checked + span::after {
	border: 1px solid #5fae5f;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.consent_box {
	font-size: 1.6rem;
	line-height: 2rem;
}
.consent_box a {
	color: #5fb15f;
}
p.submit_btn {
	text-align: center;
}
p.submit_btn input[type="submit"] {
	background: #5fae5f;
	color: white;
	border: none;
	max-width: 400px;
	width: 100%;
	line-height: 1.4;
	padding: 20px;
	cursor: pointer;
	font-size: 2rem;
	transition: all 0.5s;
	-webkit-appearance: none;
	border-radius: 0;
}
input[type="button"] {
	-webkit-appearance: none;
	border-radius: 0;
}
p.submit_btn input[type="submit"]:hover {
	background: #15a22c;
	transition: all 0.5s;
}
.error {
	margin-bottom: 5px;
	color: #c10000;
	display: block;
	margin-top: -90px;
	padding-top: 90px;
}
.error-atend {
	display: none;
	background-color: #ffd4d4;
	padding: 10px !important;
	font-weight: bold;
}
.error_bg {
	background-color: #ffdcdc;
}
@media screen and (min-width: 769px) {
	.tel_size {
		font-size: 3.2rem;
	}
	.contact_wrapper {
		width: 1000px;
		margin: 0 auto 80px;
	}
	.contact_about {
		position: relative;
		width: 1000px;
		margin: 100px auto;
	}
	.contact_box.white_box {
		position: absolute;
		left: 60px;
		bottom: 40px;
	}
	p.contact_image {
		text-align: right;
	}
	.form_contents {
		width: 920px;
		margin: 0 auto;
		padding: 0 30px;
	}
	.form_contents th {
		width: 30%;
		text-align: left;
		padding-left: 20px;
	}
	.consent_box {
		width: 680px;
		margin: 0 auto 80px;
	}
}
@media screen and (max-width: 768px) {
	.tel_size {
		font-size: 8vw;
	}
	.form_contents h2 {
		font-size: 6vw;
	}
	.contact_wrapper {
		margin: 40px 3%;
	}
	.contact_box.right {
		margin: 40px auto;
		padding: 0 40px;
	}
	.form_contents td {
		/*padding-left: 5px;*/
		padding: 10px 0;
		display: block;
	}
	.contact_about {
		/*margin-bottom: 80px;*/
	}
	.consent_box {
		margin-bottom: 40px;
	}
	.contact-form th {
		/*width: 33%;*/
		display: block;
		padding: 10px 0 0;
		text-align: left;
	}
	.contact-form td:first-of-type label {
		display: block;
	}
	.form_contents input[type="text"],
	.form_contents input[type="mail"],
	.form_contents input[type="tel"],
	.form_contents textarea {
		width: 100%;
	}
	p.submit_btn input[type="submit"] {
		width: 70%;
	}
}
/* ----------------------------------------------------------------

thanks

---------------------------------------------------------------- */
.title_image.thanks {
	background: url(../img/contact/main.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}
.thanks_wrapper p a {
	background: #5fae5f;
	color: white;
	padding: 20px;
	display: block;
	max-width: 200px;
}
@media screen and (min-width: 769px) {
	.thanks_wrapper {
		width: 1000px;
		margin: 80px auto;
		padding-bottom: 320px;
	}
	.thanks_wrapper p {
		text-align: center;
	}
	.thanks_wrapper p:nth-of-type(1) {
		font-size: 3.2rem;
	}
	.thanks_wrapper p:nth-of-type(2) {
		font-size: 2.4rem;
	}
	.thanks_wrapper p a {
		margin: 80px auto 40px;
	}
}

@media screen and (max-width: 768px) {
	.thanks_wrapper {
		padding: 20px;
	}
	.thanks_wrapper p {
		font-size: 1.4rem;
		line-height: 1.6;
	}
	.thanks_wrapper p a {
		margin: 40px auto;
	}
	.thanks_wrapper p:last-of-type {
		text-align: center;
	}
}