﻿@charset "UTF-8";

/* A-tech sp-pages.css
======================================================== */

@media only screen and (max-width:1200px){

	/*  a  */
	a.btn-next {
		font-size: 1.5rem;
		font-weight: 700;
		color: #fff;
		padding: 1rem 3rem 1rem 3rem;
		width: calc(100% - 6rem);
	}

	a.btn-readmoreb {
		font-size: 1.5rem;
		font-weight: 700;
		color: #fff;
		padding: 1rem 3rem 1rem 3rem;
		width: calc(100% - 6rem);
	}

	a.btn-readmoreb:before {
		width: 3rem;
		right: 1rem;
		height: 0.1rem;
	}

	a.btn-readmoreb:after {
		right: 1rem;
		transform: rotate(35deg);
		height: 0.1rem;
	}

	/*  header  */
	header {
		height: 6.5rem;
	}

	h1.logo {
		padding: 0 0 0 0.5rem;
		margin: 0.5rem 0 0 0;
	}

	h1.logo img {
		width: 13rem;

	}

	h1.logo span {
		font-size: 1.2rem;
		vertical-align: -2.6rem;
	}

	.pc-nav {
		display: none;
	}

	.inquiry-nav {
		display: none;
	}

	/*  Bread-Crumb  */
	.bread-crumb {
		display: none;
	}

	/*  main  */
	main {
		margin: 6.5rem 0 0 0;
	}

	/*  新卒採用情報 FAQ アコーディオン */
	.faq-area {
		width: 100%;
		max-width: 100%;
	}

	.faq-area h6.title {
		padding: 3rem 4rem 3rem 3.5rem;
	}

	.faq-area .title::before{
		left: 0.5rem;
	}
	.faq-area .title::after{
		right: 1rem;
		top: 4.5rem;
	}

	.faq-area .title.close::after{
		top: 3.5rem;
		right: 1rem;
	}

	.faq-area .box {
		padding: 1rem 2rem 1rem 2rem;
	}

	.faq-area .box ul li {
		font-size: 1.4rem;
	}

	/*  wrapper container  */
	.f-container {
		max-width: calc(100% - 13rem);
		width: calc(100% - 13rem);
	}

	.container-1040 {
		width: 100%;
	}

	.staff-container {
		max-width: 100%;
		width: 100%;
	}



	.f-container {
		max-width: 100%;
		width: 100%;
	}

	.container-1200-head {
		width: 100%;
	}

	.container-1200 {
		width: calc(100% - 2rem);
		margin: 0 auto;
	}

	.container-980 {
		width: calc(100% - 2rem);
		margin: 0 auto;
	}

	.container-980 {
		width: calc(100% - 2rem);
		margin: 0 auto;
	}

	.container-90 {
		width: 100%;
		margin: 0 auto;
	}

	.navToggle {
		display: block;
	}

	/*  pc sp  */
	.pc {
		display: none;
	}

	.sp {
		display: block;
	}


	/*  back to top  */
	#backtotop {
		content: "";
		bottom: 3rem;
		right: 3rem;
		width: 5rem;
		height: 5rem;
		z-index: 10;
	}

	#backtotop::after {
		left: 1.7rem;
		top: 2.0rem;
		width: 1.3rem;
		height: 1.3rem;
	}

	/*  footer  */
	footer {
		max-width: 100%;
		width: 100%;
		height: auto;
		margin: 5rem 0 0 0;
	}

	.container-foot {
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	footer .foot-logo {
		display: block;
		width: 100%;
		height: auto;
		margin: 3rem auto;
	}

	footer .foot-logo img {
		width: 16rem;
	}

	footer .foot-copy {
		display: block;
		font-size: 1.2rem;
		letter-spacing: 0.1rem;
		margin: 3rem auto 0 auto;
		padding: 0 0 3rem 0;
		color: #fff;
	}

	footer .foot-copy a {
		display: block;
		position: relative;
		color: #fff;
		text-decoration: none;
		padding: 0.5rem 0 0.5rem 0;
		margin: 1rem auto;
		width: 90%;
		background: linear-gradient(90deg, #52E4FF, #5270FF);
		border-radius: 0.5rem;
		color: #fff;
		text-decoration: none;
		letter-spacing: 0.2rem;
		transition: .5s ease-in-out;
	}

	footer .foot-copy a:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 2rem;
		transform: rotate(45deg) translateY(-50%);
		width: 0.6rem;
		height: 0.6rem;
		border-width: 0.2rem 0.2rem 0 0;
		border-style: solid;
		border-color: #fff;
		transition: all 0.3s ease 0s;
	}

	footer .foot-copy a:before {
		content: none;
	}

	footer .foot-copy span {
		display: block;
		margin: 5rem 0 1rem 0;
	}


	/*  TOP  */
	#home .slider_area {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: auto;
	}

	#home .slider_area .main_lead {
		width: 100%;
		margin: 5% auto 0 auto;
		font-size: 500%;
		font-weight: 800;
	}

	#home h2 {
		position:relative;
		display:inline-block;
		font-size: 2.5rem;
		font-weight: 700;
		color: #1E50a2;
		margin: 2rem 1rem;
		padding: 0;
	}

	#home h2 span {
		font-size: 1.3rem;
		margin: 0 0 0 0.5rem;
	}

	#home h2:before {
		width: 1.5rem;
		height: 0.5rem;
		top: 50%;
		left: 0;
	}

	#home .news {
		margin: 0 0 0 0;
		padding: 0 0 5rem 0;
	}

	#home .news .news-box {
		width: 95%;
		height: 20rem;
		margin: 0 auto;
		overflow-y: auto;
	}

	#home .news .news-box dl {
		flex-flow: column;
		font-size: 1.3rem;
		padding: 0 5% 0 5%;
	}

	#home .news .news-box dl dt {
		display: flex;
		align-items: center;
		justify-content: left;
		width: 100%;
		height: 3rem;
		font-weight: 500;
		border-bottom: none;
	}

	#home .news .news-box dl dt .mk-news {
		font-size: 1.0rem;
		margin: 0 1rem 0 0;
	}

	#home .news .news-box dl dt .mk-recruit {
		font-size: 1.0rem;
		margin: 0 1rem 0 0;
	}

	#home .news .news-box dl dd {
		display: flex;
		align-items: center;
		justify-content: left;
		width: 100%;
		height: auto;
		padding: 0 0 1rem 0;
		border-bottom: 0.1rem solid #d6d6d6;
	}

	#home .company-info {
		width: 100%;
		height: auto;
		background: linear-gradient(90deg, #dfecf8 0%, #dfecf8 80%, #fff 80%, #fff 100%);
		margin: 3rem 0 0 0;
		padding: 0;
	}

	#home .company-info img.photo {
		float: none;
		width: 90%;
		margin: 0 auto;
	}

	#home .company-info .btn-box {
		position: static;
		display: block;
		width: calc(100% - 4rem);
		height: auto;
		padding: 2rem;
		margin: 0;
	}

	#home .company-info .btn-box .lead-text {
		display: inline-block;
		font-size: 1.6rem;
		font-weight: 500;
		background-color: #fff;
		padding: 2rem;
		width: calc(100% - 4rem);
	}

	#home .company-info .blank-box {
		display: flex;
		justify-content: flex-end;
		padding: 0;
	}

	#home .project-info {
		width: 100%;
		height: auto;
		background: linear-gradient(90deg, #fff 0%, #fff 20%, #dfecf8 20%, #dfecf8 100%);
		margin: 3rem 0 0 0;
		padding: 0;
	}

	#home .project-info img.photo-left {
		display: flex;
		float: none;
		width: 90%;
		margin: 0 auto;
	}

	#home .project-info img.photo-right {
		display: flex;
		float: none;
		width: 90%;
		margin: 0 auto;
	}

	#home .project-info .lead-box-left {
		float: none;
		width: calc(100% - 4rem);
		height: auto;
		margin: 0;
		padding: 2rem;
	}

	#home .project-info .lead-box-right {
		float: none;
		width: calc(100% - 4rem);
		height: auto;
		margin: 0;
		padding: 2rem;
	}

	#home .project-info .lead-box-left .lead-text {
		display: inline-block;
		font-size: 1.6rem;
		font-weight: 500;
		background-color: #fff;
		padding: 2rem;
		width: calc(100% - 4rem);
	}

	#home .project-info .lead-box-right .lead-text {
		display: inline-block;
		font-size: 1.6rem;
		font-weight: 500;
		background-color: #fff;
		padding: 2rem;
		width: calc(100% - 4rem);
	}

	#home .recruiting-info {
		width: 100%;
		height: auto;
		background: linear-gradient(90deg, #dfecf8 0%, #dfecf8 80%, #fff 80%, #fff 100%);
		margin: 3rem 0 0 0;
		padding: 0;
	}

	#home .recruiting-info img.photo {
		float: none;
		width: 90%;
		margin: 0 auto;
	}

	#home .recruiting-info .btn-box {
		position: static;
		display: block;
		width: calc(100% - 4rem);
		height: auto;
		padding: 2rem;
		margin: 0;
	}

	#home .recruiting-info .btn-box .lead-text {
		display: inline-block;
		font-size: 1.6rem;
		font-weight: 500;
		background-color: #fff;
		padding: 2rem;
		width: calc(100% - 4rem);
	}

	#home .recruiting-info .blank-box {
		display: flex;
		justify-content: flex-end;
		padding: 0;
	}


	/* NEWS & TOPICS */
	#news h2 {
		height: 20rem;
		font-size: 2.2rem;
		letter-spacing: 0;
		margin: 2rem;
		padding: 2rem 0;
	}

	#news .main-lead {
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		width: 95%;
		color: #fff;
		text-align: justify;
		top: -10rem;
		margin: 0 auto;
		line-height: 2.5rem
	}

	#news h2:before {
		height: 0;
	}

	#news h3.title {
		font-size: 2.5rem;
		width: calc(100% - 4rem);
		padding: 3rem 2rem;
		margin: 0 auto;
	}

	#news .splet {
		width: 100%;
	}

	#news .splet h4 {
		display: block;
		width: 100%;
		border-top: 0.1rem solid #0da1e8;
		padding: 2rem 0;
		margin: 0 auto;
	}

	#news .splet .splet-box {
		display: block;
		width: calc(100% - 2rem);
		font-size: 1.5rem;
		line-height: 2.9rem;
		padding: 2rem 1rem 3rem 1rem;
		border: none;
		margin: 0 auto;
	}

	#news .splet .h4-end,
	#news .splet .splet-box-end {
		border-bottom: 0.1rem solid #0da1e8;
	}

	#news .splet img {
		width: 100%;
		height: auto;
	}


	/*  企業情報  */
	#company h2 {
		height: 20rem;
		font-size: 2.2rem;
		margin: 2rem 0;
		padding: 2rem;
	}

	#company .main-lead {
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		width: 95%;
		color: #fff;
		text-align: justify;
		top: -10rem;
		margin: 0 auto;
		line-height: 2.5rem
	}

	#company h2:before {
		height: 0;
	}

	#company h3.title {
		font-size: 2.5rem;
		width: calc(100% - 4rem);
		padding: 3rem 2rem;
		margin: 0 auto;
	}

	#company .access-box .hanzoumon {
		width: 100%;
		margin: 2rem 0 0 0;
	}

	#company .access-box .yuuraku {
		width: 100%;
		margin: 2rem 0 0 0;
	}

	#company .splet {
		width: 100%;
	}

	#company .splet h4 {
		width: 30%;
		letter-spacing: 0;
	}

	#company .splet .splet-box {
		width: 70%;
		padding: 1rem 2rem;
	}

	#company .splet-histry {
		width: 100%;
	}

	#company .splet-histry h4 {
		width: 25%;
		vertical-align: middle;
		letter-spacing: 0.1rem;
		vertical-align: top;
		padding: 3rem 0;
		border-bottom: 0.3rem solid #113571;
	}

	#company .splet-histry .splet-box {
		width: 65%;
		line-height: 2.9rem;
		padding: 3rem 0;
		border-bottom: 0.1rem solid #d6d5d5;
	}


	/*  代表ご挨拶  */
	#message .head-box {
		width: 100%;
	}

	#message .head-box .bk-message img {
		width: 100%;
		height: auto;
	}

	#message .head-box .text {
		max-width: calc(100% - 2rem);
		width: calc(100% - 2rem);
		margin: 0 auto;
		padding: 0;
		display: contents;
		position: relative;
		top: auto;
		right: auto;
	}

	#message .head-box .text h2 {
		position:relative;
		display:inline-block;
		font-size: 2.8rem;
		font-weight: 700;
		color: #0da1e8;
		margin: 0;
		padding: 2rem 0 2rem 1rem;
	}

	#message .head-box .text .title {
		letter-spacing: 0.1rem;
		line-height: 3.5rem;
		margin: 0;
		padding: 0 1rem 0 1rem;
	}

	#message .head-box .text .name {
		letter-spacing: 0.1rem;
		margin: 2rem 0 0 0;
		padding: 0 1rem 0 1rem;
	}


	/* 燃焼関連・木質バイオマスガス化設備 */
	#woody h2 {
		height: 20rem;
		font-size: 2.2rem;
		letter-spacing: 0.1rem;
		margin: 2rem;
		padding: 0;
		text-align: justify;
	}

	#woody .main-lead {
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		width: 95%;
		color: #fff;
		text-align: justify;
		top: -10rem;
		margin: 0 auto;
		line-height: 2.5rem
	}

	#woody h2:before {
		height: 0;
	}


	/* 燃焼関連・熱風発生炉 */
	#hot-air h2 {
		height: 20rem;
		font-size: 2.2rem;
		letter-spacing: 0.1rem;
		margin: 2rem;
		padding: 0;
		text-align: justify;
	}

	#hot-air .main-lead {
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		width: 95%;
		color: #fff;
		text-align: justify;
		top: -10rem;
		margin: 0 auto;
		line-height: 2.5rem
	}

	#hot-air h2:before {
		height: 0;
	}

	#hot-air h3.title {
		font-size: 2.5rem;
		width: calc(100% - 4rem);
		padding: 3rem 2rem;
		margin: 0 auto;
	}

	#hot-air img.hot-air {
		width: 100%;
		height: auto;
	}

	#hot-air img.kouzou {
		width: 100%;
		height: auto;
	}

	#hot-air img.default_size {
		width: 100%;
		height: auto;
	}

	#hot-air table {
		font-size: 1.2rem;
	}

	#hot-air table th {
		padding: 1rem 0;
	}

	#hot-air table td {
		padding: 1rem;
	}


	/* 燃焼関連・火葬炉設備 */
	#cremater h2 {
		height: 20rem;
		font-size: 2.2rem;
		letter-spacing: 0.1rem;
		margin: 2rem;
		padding: 0;
		text-align: justify;
	}

	#cremater .main-lead {
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		width: 95%;
		color: #fff;
		text-align: justify;
		top: -10rem;
		margin: 0 auto;
		line-height: 2.5rem
	}

	#cremater h2:before {
		height: 0;
	}

	#cremater h3.title {
		font-size: 2.5rem;
		width: calc(100% - 4rem);
		padding: 3rem 2rem;
		margin: 0 auto;
	}


	/* リサイクル関連・リキッド飼料製造システム */
	#liquid-feed h2 {
		height: 20rem;
		font-size: 2.2rem;
		letter-spacing: 0.1rem;
		margin: 2rem;
		padding: 0;
	}

	#liquid-feed .main-lead {
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		width: 95%;
		color: #fff;
		text-align: justify;
		top: -10rem;
		margin: 0 auto;
		line-height: 2.5rem
	}

	#liquid-feed h2:before {
		height: 0;
	}

	#liquid-feed h3.title {
		font-size: 2.5rem;
		width: calc(100% - 4rem);
		padding: 3rem 2rem;
		margin: 0 auto;
	}

	#liquid-feed img.title {
		width: 100%;
		height: auto;
	}

	#liquid-feed img.food-waste {
		width: 100%;
		height: auto;
	}

	#liquid-feed img.flow-1 {
		width: 100%;
		height: auto;
	}

	#liquid-feed img.flow-2 {
		width: 100%;
		height: auto;
	}

	#liquid-feed .business_photo {
		clear: both;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	#liquid-feed .business_photo li{
		float:none;
		width: 100%;
		list-style: none;
		margin: 0 0 5rem 0;
		padding: 0;
		text-align: center;
		line-height: 1.5em;
	}

	#liquid-feed .etc_reiaut {
		float: none;
		margin: 0 0 2rem 0;
	}

	#liquid-feed .etc_reiaut_right {
		float: none;
		margin: 0 0 2rem 0;
	}

	#liquid-feed .etc_reiaut_gr {
		display: none;
	}

	#liquid-feed .etc_reiaut_flat {
		display: none;
	}

	#liquid-feed .etc_part_2row_250 {
		width: 100%;
		height: auto;
	}

	#liquid-feed .etc_part_2row_250 h5 {
		width: 100%;
		font-size: 90%;
		background-color: #08a342;
		text-align: center;
		padding: 0.5rem 0;
		color: #fff;
	}

	#liquid-feed .etc_part_2row_250 h6 {
		width: 100%;
		text-align: center;
		padding: 0;
		margin: 1rem 0;
		color: #087f35;
	}

	#liquid-feed .etc_part_2row_250 .line_2w {
		width: calc(100% - 1.5rem);
		height: 0;
		border: #08a342 solid 0.2rem;
		margin: 1rem 0.5rem;
	}

	#liquid-feed .etc_part_2row_250 img {
		padding: 0.5rem;
		width: calc(100% - 1rem);
	}

	#liquid-feed .etc_part_2row_250 .lead_txt {
		padding: 1rem;
		font-size: 85%;
		line-height: 1.5em;
	}

	#liquid-feed .etc_part_2row_300 {
		width: 100%;
		height: auto;
	}

	#liquid-feed .etc_part_2row_300 h5 {
		width: 100%;
		font-size: 90%;
		background-color: #08a342;
		text-align: center;
		padding: 0.5rem 0;
		color: #ffffff;
	}

	#liquid-feed .etc_part_2row_300 h6 {
		width: 100%;
		text-align: center;
		padding: 0.5rem 0;
		margin: 1rem 0;
		color: #087f35;
	}

	#liquid-feed .etc_part_2row_300 .line_2w {
		width: calc(100% - 1.5rem);
		height: 0;
		border: #08a342 solid 0.2rem;
		margin: 1rem 0.5rem;
	}

	#liquid-feed .etc_part_2row_300 img {
		padding: 0.5rem;
		width: calc(100% - 1rem);
	}

	#liquid-feed .etc_part_2row_300 .lead_txt {
		padding: 10px;
		font-size: 85%;
		line-height: 1.5em;
	}

	#liquid-feed .etc_part_2row_250_hl {
		width: 100%;
		height: auto;
	}

	#liquid-feed .etc_part_2row_250_hl h5 {
		width: 100%;
		background-color: #eb8e06;
		text-align: center;
		padding: 0.5rem 0;
		color: #ffffff;
	}

	#liquid-feed .etc_part_2row_250_hl img {
		width: calc(100% - 1rem);
		padding: 0.5rem;
	}

	#liquid-feed .etc_part_2row_250_hl .lead_txt {
		padding: 1rem;
		line-height: 1.5em;
	}

	#liquid-feed .etc_part_2row_300_hl {
		width: 100%;
		height: auto;
	}

	#liquid-feed .etc_part_2row_300_hl h5 {
		width: 100%;
		background-color: #eb8e06;
		text-align: center;
		padding: 0.5rem 0;
		color: #ffffff;
	}

	#liquid-feed .etc_part_2row_300_hl img {
		width: calc(100% - 1rem);
		padding: 0.5rem;
	}

	#liquid-feed .etc_part_2row_300_hl .lead_txt {
		padding: 10px;
		font-size: 85%;
		line-height: 1.5em;
	}

	#liquid-feed .reiaut_blank {
		width: 25rem;
		height: 11rem;
	}

	#liquid-feed .etc_reiaut_sp {
		display: block;
		width: 100%;
		text-align: center;
	}

	#liquid-feed .etc_part {
		float: left;
		width: 100%;
		height: auto;
		margin: 0 0 1.5rem 0;
	}

	#liquid-feed .etc_part:nth-of-type(3n) {
		margin: 0 1.2rem 1.5rem 0;
	}

	#liquid-feed .etc_part:nth-last-child(1) {
		margin: 0 0 5rem 0;
	}

	#liquid-feed .etc_part h5 {
		width: 100%;
		background-color: #3784c0;
		text-align: center;
		padding: 1rem 0;
		margin: 0 0 0.5rem 0;
		color: #fff;
	}

	#liquid-feed .etc_part img {
		padding: 0.5rem;
		width: calc(100% - 1rem);
		height: auto;
	}

	#liquid-feed .etc_part .lead_txt {
		padding: 1rem;
		line-height: 1.5em;
	}


	/* リサイクル関連・リキッド飼料用加熱殺菌冷却システム */
	#cooling h2 {
		height: 20rem;
		font-size: 2.2rem;
		letter-spacing: 0.1rem;
		margin: 2rem;
		padding: 0;
		text-align: justify;
	}

	#cooling .main-lead {
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		width: 95%;
		color: #fff;
		text-align: justify;
		top: -10rem;
		margin: 0 auto;
		line-height: 2.5rem
	}

	#cooling h2:before {
		height: 0;
	}

	#cooling h3.title {
		font-size: 2.5rem;
		width: calc(100% - 4rem);
		padding: 3rem 2rem;
		margin: 0 auto;
	}

	#cooling .block-box {
		clear: both;
		width: 100%;
	}

	#cooling .block-box .left-box {
		float: none;
		width: 100%;
		margin: 5rem 0;
	}

	#cooling .block-box .right-box {
		float: none;
		width: 100%;
		margin: 5rem 0;
	}

	#cooling .block-box .left-box img,
	#cooling .block-box .right-box img {
		width: 100%;
		height: auto;
	}


	/* リサイクル関連・リキッド飼料自動給餌システム */
	#liquid-automatic h2 {
		height: 20rem;
		font-size: 2.2rem;
		letter-spacing: 0.1rem;
		margin: 2rem;
		padding: 0;
	}

	#liquid-automatic .main-lead {
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		width: 95%;
		color: #fff;
		text-align: justify;
		top: -10rem;
		margin: 0 auto;
		line-height: 2.5rem
	}

	#liquid-automatic h2:before {
		height: 0;
	}

	#liquid-automatic h3.title {
		font-size: 2.5rem;
		width: calc(100% - 4rem);
		padding: 3rem 2rem;
		margin: 0 auto;
	}

	#liquid-automatic img.title {
		width: 100%;
		height: auto;
	}

	#liquid-automatic img.system {
		width: 100%;
		height: auto;
	}

	#liquid-automatic img.flow-1 {
		width: 100%;
		height: auto;
	}

	#liquid-automatic img.flow-2 {
		width: 100%;
		height: auto;
	}

	#liquid-automatic img.flow-3 {
		width: 100%;
		height: auto;
	}

	#liquid-automatic img.catalog {
		width: 20rem;
		height: auto;
		border: 0.1rem solid #ccc;
	}

	#liquid-automatic ul.main-img {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}

	#liquid-automatic ul.main-img li {
		float: none;
		width: 100%;
		margin: 0 0 2rem 0;
	}

	#liquid-automatic ul.main-img li:nth-of-type(2n) {
		margin: 0 0 2rem 0;
	}

	#liquid-automatic ul.main-img li img{
		width: 100%;
		height: auto;
	}

	#liquid-automatic .kitchen-block {
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 2rem 0;
	}

	#liquid-automatic .kitchen-block-col2 {
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 2rem 0;
	}

	#liquid-automatic .kitchen-block:nth-of-type(3n) {
		margin: 0 0 2rem 0;
	}

	#liquid-automatic .kitchen-block h5 {
		width: 100%;
		background-color: #3784c0;
		text-align: center;
		padding: 1rem 0;
		margin: 0 0 0.5rem 0;
	}

	#liquid-automatic .kitchen-block h6 {
		width: 100%;
		text-align: center;
		padding: 0.5rem 0;
		margin: 0;
	}

	#liquid-automatic .kitchen-block img {
		width: calc(100% - 1rem);
		height: auto;
		padding: 0.5rem;
	}

	#liquid-automatic .kitchen-block .lead_txt {
		width: calc(100% - 2rem);
		height: auto;
		padding: 1rem;
	}

	#liquid-automatic .movie {
		width: 100%;
		height: auto;
	}

	#liquid-automatic .kyuji-block {
		float: none;
		width: 100%;
		margin: 0 0 2rem 0;
	}

	#liquid-automatic .kyuji-block-col2 {
		float: none;
		width: 100%;
		margin: 0 0 2rem 0;
	}

	#liquid-automatic .kyuji-block-right {
		float: none;
		width: 100%;
		margin: 0 0 2rem 0;
	}

	#liquid-automatic .ht-r1 {
		height: auto;
	}

	#liquid-automatic .ht-r2,
	#liquid-automatic .ht-r3 {
		height: auto;
	}

	#liquid-automatic .kyuji-block h5,
	#liquid-automatic .kyuji-block-col2 h5,
	#liquid-automatic .kyuji-block-right h5 {
		width: 100%;
		font-size: 90%;
		background-color: #3784c0;
		text-align: center;
		padding: 1rem 0;
		margin: 0 0 0.5rem 0;
		color: #fff;
	}

	#liquid-automatic .kyuji-block h6,
	#liquid-automatic .kyuji-block-col2 h6,
	#liquid-automatic .kyuji-block-right h6 {
		width: 100%;
		text-align: center;
		padding: 0.5rem 0;
		margin: 0;
		color: #3784c0;
	}

	#liquid-automatic .kyuji-block img,
	#liquid-automatic .kyuji-block-col2 img,
	#liquid-automatic .kyuji-block-right img {
		width: calc(100% - 1rem);
		height: auto;
		padding: 0.5rem;
	}

	#liquid-automatic .kyuji-block .lead_txt,
	#liquid-automatic .kyuji-block-col2 .lead_txt,
	#liquid-automatic .kyuji-block-right .lead_txt {
		width: calc(100% - 2rem);
		height: auto;
		padding: 1rem;
	}


	/* リサイクル関連・紙容器リサイクル設備 */
	#papper h2 {
		height: 20rem;
		font-size: 2.2rem;
		letter-spacing: 0.1rem;
		margin: 2rem;
		padding: 0;
	}

	#papper .main-lead {
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		width: 95%;
		color: #fff;
		text-align: justify;
		top: -10rem;
		margin: 0 auto;
		line-height: 2.5rem
	}

	#papper h2:before {
		height: 0;
	}

	#papper h3.title {
		font-size: 2.5rem;
		width: calc(100% - 4rem);
		padding: 3rem 2rem;
		margin: 0 auto;
	}

	#papper img.papper {
		width: 100%;
		height: auto;
	}

	#papper img.flow {
		width: 100%;
		height: auto;
	}

	#papper img.plant {
		width: 100%;
		height: auto;
	}

	#papper img.example {
		width: 100%;
		height: auto;
	}

	#papper .splet {
		width: 100%;
	}

	#papper .splet h4 {
		display: block;
		width: 100%;
		border-top: 0.1rem solid #0da1e8;
		padding: 2rem 0;
		margin: 0 auto;
	}

	#papper .splet .splet-box {
		display: block;
		width: calc(100% - 2rem);
		font-size: 1.5rem;
		line-height: 2.9rem;
		padding: 2rem 1rem 3rem 1rem;
		border: none;
		margin: 0 auto;
	}

	#papper .splet .h4-end,
	#papper .splet .splet-box-end {
		border-bottom: 0.1rem solid #0da1e8;
	}


	/* リサイクル関連・食品残渣リサイクルシステム */
	#food h2 {
		height: 20rem;
		font-size: 2.2rem;
		letter-spacing: 0.1rem;
		margin: 2rem;
		padding: 0;
	}

	#food .main-lead {
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		width: 95%;
		color: #fff;
		text-align: justify;
		top: -10rem;
		margin: 0 auto;
		line-height: 2.5rem
	}

	#food h2:before {
		height: 0;
	}

	#food h3.title {
		font-size: 2.5rem;
		width: calc(100% - 4rem);
		padding: 3rem 2rem;
		margin: 0 auto;
	}

	#food .movie {
		width: 100%;
		height: auto;
	}

	#food img.food {
		width: 100%;
		height: auto;
	}

	#food img.flow {
		width: 100%;
		height: auto;
	}

	#food img.crush {
		width: 100%;
		height: auto;
	}

	#food img.dryer {
		width: 100%;
		height: auto;
	}

	#food .splet {
		width: 100%;
	}

	#food .splet h4 {
		display: block;
		width: 100%;
		border-top: 0.1rem solid #0da1e8;
		padding: 2rem 0;
		margin: 0 auto;
	}

	#food .splet .splet-box {
		display: block;
		width: calc(100% - 2rem);
		font-size: 1.5rem;
		line-height: 2.9rem;
		padding: 2rem 1rem 3rem 1rem;
		border: none;
		margin: 0 auto;
	}

	#food .splet .h4-end,
	#food .splet .splet-box-end {
		border-bottom: 0.1rem solid #0da1e8;
	}


	/* URO凝縮熱暖房機 */
	#uro h2 {
		height: 20rem;
		font-size: 2.2rem;
		letter-spacing: 0.1rem;
		margin: 2rem;
		padding: 0;
	}

	#uro .main-lead {
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		width: 95%;
		color: #fff;
		text-align: justify;
		top: -10rem;
		margin: 0 auto;
		line-height: 2.5rem
	}

	#uro h2:before {
		height: 0;
	}

	#uro h3.title {
		font-size: 2.5rem;
		width: calc(100% - 4rem);
		padding: 3rem 2rem;
		margin: 0 auto;
	}

	#uro img.title {
		width: 100%;
		height: auto;
	}

	#uro img.genri {
		width: 100%;
		height: auto;
	}

	#uro ol.sakumotsu li.one:before {
		top: 2.2rem;
	}

	#uro ol.sakumotsu li.two:before {
		top: 2.2rem;
	}

	#uro ol.sakumotsu li.tree:before {
		top: 2.2rem;
	}

	#uro .produce_1 {
		float: none;
		width: 100%;
		margin: 0 0 2rem 0;
	}

	#uro .produce_2 {
		float: none;
		width: 100%;
		padding: 0
	}

	#uro .produce_3 {
		float: none;
		width: 100%;
		padding: 0;
	}

	#uro .produce_1 img,
	#uro .produce_2 img {
		width: 100%;
		height: auto;
	}

	#uro .produce_title {
		position: relative;
		background: #f4f4f4;
		line-height: 1.4;
		padding: 2rem 0.5rem;
		margin: 5rem 0 0.5em 0;
		width: calc(100% - 1rem);
	}

	#uro .pig_house_block_left {
		float: none;
		width: 100%;
		margin: 2rem 0 2rem 0;
	}

	#uro .pig_house_block_right {
		float: none;
		width: 100%;
		margin: 2rem 0 2rem 0;
	}

	#uro .pig_house_block_left h5 {
		width: 100%;
		background-color: #3784c0;
		text-align: center;
		padding: 5px 0 5px 0;
		margin: 0;
		color: #ffffff;
	}

	#uro .pig_house_block_right h5 {
		width: 100%;
		background-color: #ff0000;
		text-align: center;
		padding: 5px 0 5px 0;
		margin: 0;
		color: #ffffff;
	}

	#uro .distributor {
		clear: both;
		margin-top: 3rem;
		padding: 2rem 0;
	}

	#uro .distributor p.address {
		font-size: 1.6rem;
	}

	#uro .distributor ul.contact {
		margin: 3rem auto;
		width: 100%;
		padding: 0;
		overflow: hidden;
		zoom: 1;
	}

	#uro .distributor ul.contact li {
		border: none;
	}

	#uro .distributor ul.contact li.title {
		width: 100%;
		font-size: 1.8rem;
	}

	#uro .distributor ul.contact li.number {
		width: 100%;
		font-size: 1.6rem;
	}


	/*  先輩社員  */
	#staff .head-box {
		width: 100%;
		z-index: 6;
	}

	#staff .head-box .bk-message img {
		width: 100%;
		height: auto;
	}

	#staff .head-box .text {
		max-width: calc(100% - 2rem);
		width: calc(100% - 2rem);
		margin: 0 auto;
		padding: 0;
		display: contents;
		position: relative;
		top: auto;
		right: auto;
	}

	#staff .head-box .text .title {
		letter-spacing: 0.2rem;
		line-height: 3.5rem;
		margin: 2rem 0 0 0;
		padding: 0 1rem 0 1rem;
	}

	#staff .head-box .text .name {
		letter-spacing: 0.2rem;
		margin: 2rem 0 0 0;
		padding: 0 1rem 0 1rem;
	}

	#staff .f-photo {
		width: 100%;
	}

	#staff .f-photo img.lead-img-1{
		width: 100%;
		height: auto;
		margin: 5rem 0 0 0;
		z-index: 5;
	}

	#staff .f-photo img.lead-img-2{
		float: none;
		width: 100%;
		height: auto;
		z-index: 5;
	}

	#staff .f-photo img.lead-img-3{
		float: none;
		width: 100%;
		height: auto;
		z-index: 5;
	}

	#staff .r-lead {
		width: calc(100% - 3rem);
		display: flex;
		margin: -5rem 0 0 3rem;
	}

	#staff .r-lead .lead-box {
		width: 100%;
		margin-left: auto;
		padding: 3rem;
		background: #fff;
		z-index: 0;
	}

	#staff .l-lead {
		width: calc(100% - 3rem);
		float: none;
		margin: -5rem 0 0 0;
	}

	#staff .sp-margin {
		margin: -25rem 0 10rem 0;
	}

	#staff .l-lead .lead-box {
		position: relative;
		width: calc(100% - 6rem);
		margin-right: auto;
		padding: 3rem;
		background: #fff;
		z-index: 3;
	}

	#staff .l-lead .lead-box-none {
		width: 105%;
		margin: 0 auto;
		padding: 5rem 0 0 0;
	}

	#staff .schedule-box {
		margin: 0;
	}

	#staff .schedule-left-box {
		float: none;
		width: 100%;
	}

	#staff .schedule-right-box {
		float: none;
		width: 100%;
		margin: -3.0rem 0 0 0;
	}

	#staff ol.schedule-bar {
		display: flex;
		flex-wrap: wrap;
		text-align: left;
		width: calc(100% - 2rem);
		margin: 0 auto 0 auto;
		padding: 0;
		font-size: 1.4rem;
		list-style: none;
	}

	#staff ol.schedule-bar li {
		width: 100%;
		margin: 3rem 0 0 0;
	}

	#staff ol.schedule-bar br.sp-none {
		display: none;
	}

	#staff ol.schedule-bar .sp-pad-1 {
		padding: 0 0 0 1.5rem;
	}

	#staff ol.schedule-bar .sp-pad-2 {
		padding: 0 0 0 3rem;
	}

	#staff ol.schedule-bar li:after {
		border-bottom: none;
		border-left: #0da1e8 0.1rem solid;
		content: "";
		height: 150%;
		left: 0.9rem;
		top: -4rem;
		width: 1rem;
	}

	#staff ol.schedule-bar li.mid:after {
		border-bottom: none;
		border-left: #0da1e8 0.1rem solid;
		content: "";
		height: 130%;
		left: 0.9rem;
		top: -6rem;
		width: 1rem;
	}

	#staff ol.schedule-bar li.long:after {
		border-bottom: none;
		border-left: #0da1e8 0.1rem solid;
		content: "";
		height: 130%;
		left: 0.9rem;
		top: -6rem;
		width: 1rem;
	}

	#staff ol.schedule-bar li.wlong:after {
		border-bottom: none;
		border-left: #0da1e8 0.1rem solid;
		content: "";
		height: 130%;
		left: 0.9rem;
		top: -6rem;
		width: 1rem;
	}

	#staff ol.schedule-bar li.wlong8:after {
		border-bottom: none;
		border-left: #0da1e8 0.1rem solid;
		content: "";
		height: 130%;
		left: 0.9rem;
		top: -8rem;
		width: 1rem;
	}

	#staff ol.schedule-bar li.long200:after {
		border-bottom: none;
		border-left: #0da1e8 0.1rem solid;
		content: "";
		height: 150%;
		left: 0.9rem;
		top: -6rem;
		width: 1rem;
	}

	#staff ol.schedule-bar li.long120:after {
		border-bottom: none;
		border-left: #0da1e8 0.1rem solid;
		content: "";
		height: 150%;
		left: 0.9rem;
		top: -16rem;
		width: 1rem;
	}

	#staff ol.schedule-bar li span.maru {
		margin-bottom: 0.4rem;
	}

	#staff ol.schedule-bar li p {
		margin: 1rem 0 0 4rem;
	}


	/* 採用情報・募集要項 */
	#recruit h2 {
		height: 20rem;
		font-size: 2.2rem;
		margin: 2rem 0;
		padding: 2rem;
	}

	#recruit .main-lead {
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		width: 95%;
		color: #fff;
		text-align: justify;
		top: -10rem;
		margin: 0 auto;
		line-height: 2.5rem
	}

	#recruit h2:before {
		height: 0;
	}

	#recruit h3.title {
		font-size: 2.5rem;
		width: calc(100% - 4rem);
		padding: 3rem 2rem;
		margin: 0 auto;
	}

	#recruit .splet {
		width: 100%;
	}

	#recruit .splet h4 {
		display: block;
		width: 100%;
		border-top: 0.1rem solid #0da1e8;
		padding: 2rem 0;
		margin: 0 auto;
	}

	#recruit .splet .h4-end,
	#recruit .splet .splet-box-end {
		border-bottom: 0.1rem solid #0da1e8;
	}

	#recruit .splet .splet-box {
		display: block;
		width: auto;
		line-height: 2.9rem;
		/*text-align: justify;*/
		padding: 2rem 1rem;
		border-top: 0.1rem solid #0da1e8;
	}

	#recruit .splet .splet-box ul li {
		padding: 0.5rem 0.5rem 0.5rem 3.5rem;
	}

	#recruit .splet .splet-box ul li::before {
		top: 1.3rem;
	}

	#recruit .splet .flow,
	#recruit .splet .flow-last {
	        margin: 0 auto 5rem;
	}

	#recruit .splet .flow::after {
		top: 9rem;
	}

	#recruit .inquiry_box {
		clear: both;
		margin-top: 3rem;
		padding: 2rem 0;
	}

	#recruit .inquiry_box p.address {
		font-size: 1.6rem;
	}

	#recruit .inquiry_box ul.contact {
		margin: 3rem auto;
		width: 100%;
		padding: 0;
		overflow: hidden;
		zoom: 1;
	}

	#recruit .inquiry_box ul.contact li {
		border: none;
	}

	#recruit .inquiry_box ul.contact li.title {
		width: 100%;
		font-size: 1.8rem;
	}

	#recruit .inquiry_box ul.contact li.number {
		width: 100%;
		font-size: 1.6rem;
	}


	/*  お問い合わせ */
	#inquiry h2 {
		height: 20rem;
		font-size: 2.2rem;
		margin: 2rem 0;
		padding: 2rem;
	}

	#inquiry .main-lead {
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		width: 95%;
		color: #fff;
		text-align: justify;
		top: -10rem;
		margin: 0 auto;
		line-height: 2.5rem
	}

	#inquiry h2:before {
		height: 0;
	}

	#inquiry h3.title {
		font-size: 2.5rem;
		width: calc(100% - 4rem);
		padding: 3rem 2rem;
		margin: 0 auto;
	}

	#inquiry .splet {
		width: 100%;
	}

	#inquiry .splet h4 {
		display: block;
		width: 100%;
		padding: 2rem 0;
		text-align: center;
		letter-spacing: 0;
		border: 0.1rem solid #d9dddd;
	}

	#inquiry .splet .splet-box {
		display: block;
		width: 100%;
		padding: 0;
		border: none;
	}

	#inquiry input[type="text"],
	#inquiry input[type="email"],
	#inquiry input[type="tel"],
	#inquiry textarea {
	        width: calc(100% - 2rem);
	}

	#inquiry .su-button {
		width: 100%;
	}


	/* 一般事業主行動計画・個人情報保護方針 */
	#privacy h2 {
		height: 20rem;
		font-size: 2.2rem;
		letter-spacing: 0.1rem;
		margin: 2rem;
		padding: 0;
		text-align: justify;
	}

	#privacy .main-lead {
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		width: 95%;
		color: #fff;
		text-align: justify;
		top: -10rem;
		margin: 0 auto;
		line-height: 2.5rem
	}

	#privacy h2:before {
		height: 0;
	}

	#privacy h3.title {
		font-size: 2.5rem;
		width: calc(100% - 4rem);
		padding: 3rem 2rem;
		margin: 0 auto;
	}

	#privacy .splet {
		width: 100%;
	}

	#privacy .splet h4 {
		display: block;
		width: 100%;
		border-top: 0.1rem solid #0da1e8;
		padding: 2rem 0;
		margin: 0 auto;
	}

	#privacy .splet .splet-box {
		display: block;
		width: calc(100% - 2rem);
		font-size: 1.5rem;
		line-height: 2.9rem;
		padding: 2rem 1rem 3rem 1rem;
		border: none;
		margin: 0 auto;
	}

	#privacy .splet .h4-end,
	#privacy .splet .splet-box-end {
		border-bottom: 0.1rem solid #0da1e8;
	}
}