@charset "UTF-8";
/* ==================================================
	submain
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.submainimg {
		display: block;
		background: url(../images/mainimg.jpg) center center no-repeat;
		background-size: cover;
		height: 150px;
	}
	.fix-1400 {
		margin-left: 4%;
		margin-right: 4%;
	}
	.submainimg div {
		padding: 80px 0 0 0;
		text-align: center;
	}
	.submainimg h1 {
		display: block;
		font-weight: bold;
		line-height: 1;
		font-size: 2.3rem;
		letter-spacing: 3px;
		color: #FFF;
		margin-bottom: 8px;
		text-shadow:
		1px 0 0 #00234F,
		0 1px 0 #00234F,
		-1px 0 0 #00234F,
		0 -1px 0 #00234F
	}
	.submainimg b {
		display: block;
		font-weight: bold;
		line-height: 1;
		color: #FFF;
		font-size: 1.6rem;
		font-family: 'Montserrat', sans-serif;
		text-shadow:
		1px 0 0 #00234F,
		0 1px 0 #00234F,
		-1px 0 0 #00234F,
		0 -1px 0 #00234F
	}
	.branch {
		display: none;
	}
	.fix-1200 {
		margin-left: 4%;
		margin-right: 4%;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.submainimg {
		display: block;
		background: url(../images/mainimg.jpg) center center no-repeat;
		background-size: cover;
		height: 340px;
	}
	.fix-1400 {
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;
	}
	.submainimg div {
		padding: 150px 0 0 0;
		text-align: center;
	}
	.submainimg h1 {
		display: block;
		font-weight: bold;
		line-height: 1;
		font-size: 6rem;
		letter-spacing: 3px;
		color: #FFF;
		margin-bottom: 15px;
		text-shadow:
		1px 0 0 #00234F,
		0 1px 0 #00234F,
		-1px 0 0 #00234F,
		0 -1px 0 #00234F
	}
	.submainimg b {
		display: block;
		font-weight: bold;
		line-height: 1;
		color: #FFF;
		font-size: 2.8rem;
		font-family: 'Montserrat', sans-serif;
		text-shadow:
		1px 0 0 #00234F,
		0 1px 0 #00234F,
		-1px 0 0 #00234F,
		0 -1px 0 #00234F
	}
	.branch {
		display: block;
		padding: 20px 0;
		background: #f0f0f0;
	}
	.fix-1200 {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
	.branch li {
		display: inline-block;
		position: relative;
		font-size: 1.2rem;
		line-height: 1;
		margin-left: 24px;
	}
	.branch li::before{
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		left: -16px;
		width: 4px;
		height: 4px;
		border-top: 1px solid #111;
		border-right: 1px solid #111;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.branch li:nth-child(1) {
		margin-left: 0px;
	}
	.branch li:nth-child(1)::before {
		display: none;
	}
	.branch a {
		color: #000;
		text-decoration: underline;
	}
	.branch a:hover {
		text-decoration: none;
	}
	.subbox01 p {
		font-size: 1.6rem;
		line-height: 1.9;
	}
}
@media print, screen and (min-width: 640px) and (max-width: 1200px) {
	.fix-1200 {
		margin-left: auto;
		margin-right: auto;
	}
}
@media print, screen and (min-width: 640px) and (max-width: 1400px) {
	.fix-1400 {
		margin-left: 4%;
		margin-right:4%;
	}
}
/* ========== end △ */


/* ==================================================
	news detail
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.news-wrap {
		display: block;
		margin-bottom: 30px;
	}
	.news-one {
		display: block;
		padding: 30px 0;
	}
	.news-one:nth-child(2n) {
		background: #EDFBE8;
	}
	.news-one .txt {
		display: block;
	}
	.news-one.noimg .txt {
		display: block;
		float:none;
		clear: both;
		width: 100%;
	}
	.news-one .txt .days {
		display: inline-block;
		border: #222 solid 1px;;
		color: #FFF;
		background: #222;
		line-height: 1;
		font-size: 1.2rem;
		padding: 5px 15px;
		margin-bottom: 10px;
	}
	.news-one .txt h2 {
		display: block;
		font-size: 2rem;
		line-height: 1.3;
		padding-bottom: 15px;
		margin-bottom: 20px;
		border-bottom: #EFEFEF solid 2px;
		position: relative;
		color: #0072FF;
	}
	.news-one .txt h2::before {
		position: absolute;
		left: 0px;
		bottom: -2px;
		content: "";
		width: 17%;
		height: 4px;
		background: #0072FF;
	}
	.news-one .txt .txmain {
		display: block;
		font-size: 1.3rem;
		line-height: 1.8;
	}
	.news-one .img-b {
		display: block;
		margin-top: 20px;
	}
	.news-one .img-b img {
		width: 100%;
	}
	.page-np-link {
		display: block;
		text-align: center;
		padding-bottom: 50px;
	}
	.page-np-link li {
		display: inline-block;
		margin: 0 10px;
	}
	.page-np-link li a {
		display: block;
		color: #000;
		font-size: 1.4rem;
		line-height: 1;
		font-weight: bold;
		position: relative;
		text-decoration: none;
		padding-top: 8px;
	}
	.page-np-link li.prev a {
		padding-left: 55px;
	}
	.page-np-link li.prev a::before {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		background: url(../images/prev.png) left top no-repeat;
		width: 40px;
		height: 10px;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.page-np-link li.next a {
		padding-right: 55px;
	}
	.page-np-link li.next a::before {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		background: url(../images/next.png) right top no-repeat;
		width: 40px;
		height: 10px;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.news-wrap {
		display: block;
		padding: 70px 0;
		margin-bottom: 20px;
	}
	.news-one {
		display: block;
		padding: 30px 0;
	}
	.news-one:nth-child(2n) {
		background: #EDFBE8;
	}
	.news-one .txt {
		display: block;
		float: left;
		width: 59%;
	}
	.news-one.noimg .txt {
		display: block;
		float:none;
		clear: both;
		width: 100%;
	}
	.news-one .txt .days {
		display: inline-block;
		border: #222 solid 1px;;
		color: #FFF;
		background: #222;
		line-height: 1;
		font-size: 1.4rem;
		padding: 5px 15px;
		margin-bottom: 20px;
	}
	.news-one .txt h2 {
		display: block;
		font-size: 2.3rem;
		line-height: 1.3;
		padding-bottom: 20px;
		margin-bottom: 25px;
		border-bottom: #EFEFEF solid 2px;
		position: relative;
		color: #0072FF;
	}
	.news-one .txt h2::before {
		position: absolute;
		left: 0px;
		bottom: -2px;
		content: "";
		width: 17%;
		height: 4px;
		background: #0072FF;
	}
	.news-one .txt .txmain {
		display: block;
		font-size: 1.4rem;
		line-height: 1.8;
	}
	.news-one .img-b {
		display: block;
		float: right;
		width: 37.04%;
		height: 300px;
		background: #f3f3f3;
		border: #ccc solid 1px;
		overflow: hidden;
	}
	.news-one .img-b a {
		height: 300px;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.news-one .img-b a img {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
		display: inline-block;
	}
	.page-np-link {
		display: block;
		background: #f2f2f2;
		text-align: center;
		padding-bottom: 60px;
		padding-top: 60px;
	}
	.page-np-link li {
		display: block;
		float: left;
	}
	.page-np-link li:nth-child(2) {
		float: right;
	}
	.page-np-link li a {
		display: block;
		color: #000;
		font-size: 1.5rem;
		line-height: 1;
		font-weight: bold;
		position: relative;
		text-decoration: none;
		padding-top: 14px;
		padding-bottom: 14px;
		padding-left: 20px;
		padding-right: 20px;
		border: #0072FF solid 1px;
	}
	.page-np-link li a:hover {
		color: #0072FF;
	}
	.page-np-link li.prev a {
		padding-left: 85px;
	}
	.page-np-link li.prev a::before {
		position: absolute;
		left: 15px;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		background: url(../images/prev.png) left top no-repeat;
		width: 70px;
		height: 10px;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.page-np-link li.prev a:hover::before {
		position: absolute;
		left: 3px;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.page-np-link li.next a {
		padding-right: 85px;
	}
	.page-np-link li.next a::before {
		position: absolute;
		right: 15px;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		background: url(../images/next.png) right top no-repeat;
		width: 70px;
		height: 10px;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.page-np-link li.next a:hover::before {
		position: absolute;
		right: -3px;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
}


/* ==================================================
	CONTACT
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.title01 {
		display: block;
		position: relative;
		font-weight: bold;
		font-size: 2rem;
		line-height: 1.2;
		color: #00a0e0;
		padding: 13px 0;
		margin-bottom: 25px;
		border-bottom: #f4f4f4 solid 3px;
	}
	.title01::after {
		position: absolute;
		left: 0;
		bottom: -3px;
		content: "";
		width: 100px;
		height: 3px;
		background: #00a0e0;
	}
	.contact-top {
		display: block;
		padding-top: 30px;
	}
	.contact-top .fix-1200 {
		display: block;
		background: url(../images/tp4bg.jpg) center center no-repeat;
		background-size: cover;
		padding: 30px 6%;
	}
	.contact-top p {
		display: block;
		font-size: 1.4rem;
		font-weight: bold;
		color: #FFF;
		line-height: 1.8;
	}
	.contact-top b {
		display: block;
		text-align: center;
		font-size: 2rem;
		font-weight: bold;
		color: #FFF;
		line-height: 2;
		margin-top: 14px;
	}
	.contact-top .list {
		margin-top: 25px;
	}
	.contact-top .list li {
		display: block;
		margin: 5px 0;
	}
	.fo-lf {
		display: block;
		margin-bottom: 20px;
	}
	.fo-lf .form-ti {
		background: #EDFBE8;
		padding: 5px 15px;
		font-size: 1.5rem;
		line-height: 1;
		margin-bottom: 5px;
	}
	.subfix1 p {
		font-size: 1.5rem;
		line-height: 1.9;
	}
	.contact-box {
		display: block;
		padding: 45px 0 35px;
	}
	#pp {
		display: block;
	}
	#pp h3 {
		display: block;
		border-bottom: #ccc solid 3px;
		padding: 20px 0;
		margin-bottom: 25px;
		font-size: 2rem;
		line-height: 1.4;
	}
	.txt_mb_area {
		background: #FFF;
		padding: 15px;
		word-break: break-all;
	}
	.contact-box dl h4 {
		display:inline-block;
		font-size: 1.5rem;
		letter-spacing: 2px;
		line-height: 1.5;
		padding: 3px 14px;
		color: #FFF;
		background: #3E9AFF;
		margin-bottom: 6px;
	}
	.medet-box {
		background:#D6FBFC;
		padding: 10px 10px 0px 10px;;
	}
	.medet-box2 {
		padding: 0px 10px 0px 10px;;
	}
	.medet-box ul {
		border-bottom: 0px;
	}
	.txt_mb_area dd li {
		list-style-type:decimal;
		margin-left: 20px;
		margin-bottom: 4px;
	}
	.bord-t {
		border-top: #ccc dotted 1px;
		clear: both;
		float: none;
		width: 90%;
		padding: 10px 2%;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.title01 {
		display: block;
		position: relative;
		font-weight: bold;
		font-size: 3rem;
		line-height: 1.2;
		color: #00a0e0;
		padding: 17px 0;
		margin-bottom: 35px;
		border-bottom: #f4f4f4 solid 3px;
	}
	.title01::after {
		position: absolute;
		left: 0;
		bottom: -3px;
		content: "";
		width: 150px;
		height: 3px;
		background: #00a0e0;
	}
	.contact-top {
		display: block;
		padding-top: 70px;
	}
	.contact-top .fix-1200 {
		display: block;
		background: url(../images/tp4bg.jpg) center center no-repeat;
		background-size: cover;
		padding: 70px 0;
	}
	.contact-top p {
		display: block;
		text-align: center;
		font-size: 1.5rem;
		font-weight: bold;
		color: #FFF;
		line-height: 2;
		margin-left: 7%;
		margin-right: 7%;
	}
	.contact-top b {
		display: block;
		text-align: center;
		font-size: 2.5rem;
		font-weight: bold;
		color: #FFF;
		line-height: 2;
		margin-top: 20px;
		margin-left: 7%;
		margin-right: 7%;
	}
	.contact-top .list {
		max-width: 580px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 35px;
	}
	.contact-top .list li {
		display: block;
		float: left;
		width: 47%;
	}
	.contact-top .list li:nth-child(2) {
		float: right;
	}
	.fo-lf {
		display: block;
		float: left;
		width: 40%;
		margin-right: 5%;
		margin-bottom: 20px;
	}
	.fo-lf .form-ti {
		background: #EDFBE8;
		padding: 5px 15px;
		font-size: 1.5rem;
		line-height: 1;
		margin-bottom: 5px;
	}
	.subfix1 p {
		font-size: 1.5rem;
		line-height: 1.9;
	}
	.contact-box {
		display: block;
		padding: 80px 0;
	}
	#pp {
		display: block;
	}
	#pp h3 {
		display: block;
		border-bottom: #ccc solid 3px;
		padding: 20px 0;
		margin-bottom: 25px;
		font-size: 2rem;
		line-height: 1.4;
	}
	.txt_mb_area {
		display: block;
		border: #ccc solid 1px;
		padding: 25px;
		background: #FFF;
	}
	.contact-box dl h4 {
		display:inline-block;
		font-size: 1.6rem;
		letter-spacing: 2px;
		line-height: 1.5;
		padding: 3px 14px;
		color: #FFF;
		background: #3E9AFF;
		margin-bottom: 6px;
	}
	.contact-box .btn_list li {
		display: block;
	}
	.contact-box .bord-b1 {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.dl_table_style dt {
		width: 25%;
	}
	.dl_table_style.conf dt {
		width: 25%;
	}
	.txt_mb_area dd li {
		list-style-type:decimal;
		margin-left: 30px;
		margin-bottom: 4px;
	}
	.mx-400 {
		max-width: 400px;
	}
	.mlr-auto {
		margin-left: auto;
		margin-right: auto;
	}
	.medet-box {
		background:#D6FBFC;
		padding: 15px 15px 0px 15px;;
	}
	.medet-box2 {
		padding: 0px 15px 0px 15px;;
	}
	.medet-box ul {
		border-bottom: 0px;
	}
	.consent_txt {
		padding: 30px 0;
		text-align: center;
		font-size: 1.6rem;
		line-height: 1.9;
	}
	.bord-t {
		border-top: #ccc dotted 1px;
		clear: both;
		float: none;
		width: 90%;
		padding: 10px 0%;
	}
}


/* ==================================================
	RECRUIT NEWS
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.recruitnews .txt .days {
		border: #1B7C1D solid 1px;;
		background: #1B7C1D;
	}
	.recruitnews .txt h2 {
		color: #1B7C1D;
	}
	.recruitnews .txt h2::before {
		background: #1B7C1D;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.recruitnews .txt .days {
		border: #1B7C1D solid 1px;;
		background: #1B7C1D;
	}
	.recruitnews .txt h2 {
		color: #1B7C1D;
	}
	.recruitnews .txt h2::before {
		background: #1B7C1D;
	}
}


/* ==================================================
	RTECRUITMENT
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.submainimg#recruitment {
		background:url(../recruit/recruitment/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.rec01 {
		display: block;
		padding: 35px 0;
		background: #f0f0f0;
	}
	.rec01 .catch {
		display: block;
		text-align: center;
		font-size: 3.4rem;
		line-height: 1.6;
		color: #00A6E3;
		margin-bottom: 40px;
	}
	.rfl-one {
		display: block;
		background: #fff;
		padding: 25px 15px;
		box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
		margin-bottom: 30px;
	}
	.rfl-one .txt {
		display: block;
		margin-bottom: 15px;
	}
	.rfl-one.ri .txt {
		display: block;
	}
	.rfl-one .txt h3 {
		display: block;
		position: relative;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.7;
		padding-left: 45px;
		margin-bottom: 20px;
		padding-bottom: 16px;
		border-bottom: #efefef solid 3px;
	}
	.rfl-one .txt h3::before {
		position: absolute;
		left: -5px;
		top: -6px;
		content: "01";
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		color: #FFF;
		background: #26AF2B;
		width: 40px;
		height: 40px;
		font-size: 3rem;
		line-height: 1;
		font-family: 'Oswald', sans-serif;
	}
	.rfl-one .txt h3.num2::before {
		content: "02";
	}
	.rfl-one .txt h3.num3::before {
		content: "03";
	}
	.rfl-one .txt h3.num4::before {
		content: "04";
	}
	.rfl-one .txt h3.num5::before {
		content: "05";
	}
	.rfl-one .txt h3.num6::before {
		content: "06";
	}
	.rfl-one .txt p {
		display: block;
		font-size: 1.5rem;
		line-height: 1.8;
	}
	.rfl-one figure {
		display: block;
	}
	.rfl-one figure img {
		width: 100%;
	}
	.rec02 {
		display: block;
		padding: 35px 0;
	}
	.r-list01 {
		display: block;
		margin-bottom: 25px;
	}
	.posit-link {
		display: block;
		padding-top: 60px;
		margin-top: -60px;
	}
	.rec02 .comp-tab {
		margin-bottom: 25px;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.submainimg#recruitment {
		background:url(../recruit/recruitment/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.rec01 {
		display: block;
		padding: 60px 0;
		background: #f0f0f0;
	}
	.rec01 .catch {
		display: block;
		text-align: center;
		font-size: 3.4rem;
		line-height: 1.6;
		color: #00A6E3;
		margin-bottom: 40px;
	}
	.rfl-one {
		display: block;
		background: #fff;
		padding: 35px;
		box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
		margin-bottom: 45px;
	}
	.rfl-one .txt {
		display: block;
		float: left;
		width: 60%;
	}
	.rfl-one.ri .txt {
		display: block;
		float: right;
	}
	.rfl-one .txt h3 {
		display: block;
		position: relative;
		font-size: 2.6rem;
		font-weight: bold;
		line-height: 1.7;
		padding-left: 65px;
		margin-bottom: 30px;
		padding-bottom: 20px;
		border-bottom: #efefef solid 3px;
	}
	.rfl-one .txt h3::before {
		position: absolute;
		left: -17px;
		top: -17px;
		content: "01";
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		color: #FFF;
		background: #26AF2B;
		width: 60px;
		height: 60px;
		font-size: 5rem;
		line-height: 1;
		font-family: 'Oswald', sans-serif;
	}
	.rfl-one .txt h3.num2::before {
		content: "02";
	}
	.rfl-one .txt h3.num3::before {
		content: "03";
	}
	.rfl-one .txt h3.num4::before {
		content: "04";
	}
	.rfl-one .txt h3.num5::before {
		content: "05";
	}
	.rfl-one .txt h3.num6::before {
		content: "06";
	}
	.rfl-one figure {
		display: block;
		float: right;
		width: 33%;
	}
	.rfl-one.ri figure {
		display: block;
		float: left;
	}
	.rfl-one figure img {
		width: 100%;
	}
	.rec02 {
		display: block;
		padding: 60px 0;
	}
	.r-list01 {
		display: block;
		margin-bottom: 50px;
	}
	.posit-link {
		display: block;
		padding-top: 100px;
		margin-top: -100px;
	}
	.rec02 .comp-tab {
		margin-bottom: 50px;
	}
}


/* ==================================================
	ONE STOP
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.onstop1 {
		display: block;
		padding: 35px 0 45px 0;
		position: relative;
		background: url(../service/onestop/images/bg-l.jpg) left top no-repeat;
		background-size: 50% auto;
	}
	.onstop1::after {
		position: absolute;
		bottom: 0;
		left: 0;
		content: "";
		width: 100%;
		height: 60%;
		z-index: 1;
		background: url(../service/onestop/images/bg2.jpg) bottom center no-repeat;
	}
	.onstop1 .fix-1000 {
		position: relative;
		z-index: 10;
	}
	.onstop1 .tibox01 h2 {
		line-height: 1.5;
	}
	.im-center {
		text-align: center;
	}
	.im-center img {
		display: inline-block;
	}
	.onstop1 .im-center {
		margin: 24px 0;
	}
	.onstop1 .btn01 {
		max-width: 220px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
	.onstop2 {
		display: block;
		padding: 35px 0 45px 0;
		position: relative;
		background: url(../service/onestop/images/bg-l.jpg) left top no-repeat;
		background-size: 50% auto;
	}
	.onstop2::after {
		position: absolute;
		left: 0;
		bottom: 0;
		content: "";
		z-index: 1;
		width: 100%;
		height: 35%;
		background: url(../service/onestop/images/bg3.jpg) top center no-repeat #f0f2f7;
	}
	.onstop2 .fix-1000 {
		position: relative;
		z-index: 10;
	}
	.flow-wrap {
		display: block;
		padding: 20px 0 0 0;
	}
	.flow01 {
		display: block;
		border-radius: 20px;
		border: #00a0e0 solid 3px;
		position: relative;
		padding: 18px 15px;
		margin-bottom: 50px;
	}
	.flow01::before{
		position: absolute;
		bottom: -60px;
		left: 0;
		right: 0;
		margin: auto;
		content: "";
		box-sizing: border-box;
		width: 20px;
		height: 20px;
		border: 20px solid transparent;
		border-top: 20px solid #dedede;
	}
	.flow-wrap h3 {
		display: block;
		font-weight: 200;
		line-height: 1.1;
		color: #00a0e0;
		font-size: 2.5rem;
		margin-bottom: 15px;
	}
	.flow-wrap p {
		display: block;
		font-weight: bold;
		line-height: 1.1;
		color: #111;
		font-size: 1.8rem;
	}
	.flow-wrap p small {
		font-size: 1.4rem;
	}
	.flowlist {
		display: block;
		position: relative;
		margin-bottom: 50px;
	}
	.flowlist::before{
		position: absolute;
		bottom: -60px;
		left: 0;
		right: 0;
		margin: auto;
		content: "";
		box-sizing: border-box;
		width: 20px;
		height: 20px;
		border: 20px solid transparent;
		border-top: 20px solid #dedede;
	}
	.flowlist.no::before{
		display: none;
	}
	.flowlist li {
		display: block;
		border-radius: 20px;
		border: #00a0e0 solid 3px;
		position: relative;
		padding: 18px 15px;
	}
	.flowlist li:nth-child(1) {
		margin-bottom: 15px;
	}
	.flowlist li figure {
		display: block;
	}
	.flowlist li figure img {
		width: 100%;
		border-radius: 30px;
	}
	.flowlist li h3 {
		display: block;
		margin: 17px 0 15px 0;
	}
	.flowlist li p {
		margin-bottom: 20px;
		line-height: 1.6;
	}
	.flow-wrap .tx {
		display: block;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 20px;
	}
	.flow02 {
		display: block;
		border-radius: 20px;
		border: #00a0e0 solid 3px;
		position: relative;
		padding: 17px 15px;
		margin-bottom: 50px;
	}
	.flow02::before{
		position: absolute;
		bottom: -60px;
		left: 0;
		right: 0;
		margin: auto;
		content: "";
		box-sizing: border-box;
		width: 20px;
		height: 20px;
		border: 20px solid transparent;
		border-top: 20px solid #dedede;
	}
	.flow02 .txt {
		display: block;
		margin-top: 20px;
	}
	.flow02 .txt h3 {
		margin-bottom: 15px;
	}
	.flow02 .txt p {
		line-height: 1.6;
		margin-bottom: 15px;
	}
	.flow02 figure {
		display: block;
	}
	.flow02 figure img {
		width: 100%;
		border-radius: 30px;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.onstop1 {
		display: block;
		padding: 95px 0 105px 0;
		position: relative;
		background:url(../service/onestop/images/sankaku.png) left top no-repeat;
	}
	.onstop1::after {
		position: absolute;
		bottom: 0;
		left: 0;
		content: "";
		width: 100%;
		height: 100%;
		z-index: 1;
		background: url(../service/onestop/images/bg2.jpg) bottom center no-repeat;
		z-index: -1;
	}
	.onstop1 .fix-1000 {
		position: relative;
		z-index: 10;
	}
	.onepo-001 {
		display: block;
		margin-top: -100px;
	}
	.onepo-001 .lef {
		display: block;
		float: left;
		width: 40%;
		padding-top: 20%;
	}
	.onepo-001 .ref {
		display: block;
		float: right;
		width: 57%;
	}
	.onepo-001 .tibox01 h2 {
		font-size: 3.3rem !important;
	}
	.onstop1 .tibox01 h2 {
		line-height: 1.5;
	}
	.im-center {
		text-align: center;
	}
	.im-center img {
		display: inline-block;
	}
	.onstop1 .im-center {
		margin: 24px 0;
	}
	.onstop1 .btn01 {
		max-width: 360px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 40px;
	}
	.onstop1 .btn03 {
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 40px;
	}
	.onstop2 {
		display: block;
		padding: 95px 0 105px 0;
		position: relative;
		background: url(../service/onestop/images/bg-l.jpg) left top no-repeat;
	}
	.onstop2::after {
		position: absolute;
		left: 0;
		bottom: 0;
		content: "";
		z-index: 1;
		width: 100%;
		height: 35%;
		background: url(../service/onestop/images/bg3.jpg) top center no-repeat #f0f2f7;
	}
	.onstop2 .fix-1000 {
		position: relative;
		z-index: 10;
	}
	.flow-wrap {
		display: block;
		padding: 60px 0 0 0;
	}
	.flow01 {
		display: block;
		border-radius: 80px;
		border: #00a0e0 solid 3px;
		position: relative;
		padding: 24px 60px;
		margin-bottom: 50px;
	}
	.flow01::before{
		position: absolute;
		bottom: -60px;
		left: 0;
		right: 0;
		margin: auto;
		content: "";
		box-sizing: border-box;
		width: 20px;
		height: 20px;
		border: 20px solid transparent;
		border-top: 20px solid #dedede;
	}
	.flow-wrap h3 {
		display: block;
		font-weight: 200;
		line-height: 1.1;
		color: #00a0e0;
		font-size: 3rem;
	}
	.flow-wrap p {
		display: block;
		font-weight: bold;
		line-height: 1.1;
		color: #111;
		font-size: 2.8rem;
	}
	.flow-wrap p small {
		font-size: 1.5rem;
	}
	.flow01 h3 {
		display: block;
		float: left;
	}
	.flow01 p {
		display: block;
		float: right;
	}
	.flowlist {
		display: block;
		position: relative;
		margin-bottom: 50px;
	}
	.flowlist::before{
		position: absolute;
		bottom: -60px;
		left: 0;
		right: 0;
		margin: auto;
		content: "";
		box-sizing: border-box;
		width: 20px;
		height: 20px;
		border: 20px solid transparent;
		border-top: 20px solid #dedede;
	}
	.flowlist.no::before{
		display: none;
	}
	.flowlist li {
		display: block;
		float: left;
		border-radius: 30px;
		border: #00a0e0 solid 3px;
		position: relative;
		padding: 20px;
		width: 42%;
	}
	.flowlist li:nth-child(2) {
		float: right;
	}
	.flowlist li figure {
		display: block;
	}
	.flowlist li figure img {
		width: 100%;
		border-radius: 30px;
	}
	.flowlist li h3 {
		display: block;
		margin: 25px 0 17px 0;
	}
	.flowlist li p {
		margin-bottom: 20px;
		line-height: 1.6;
	}
	.flow-wrap .tx {
		display: block;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 20px;
	}
	.flow02 {
		display: block;
		border-radius: 30px;
		border: #00a0e0 solid 3px;
		position: relative;
		padding: 30px;
		margin-bottom: 50px;
	}
	.flow02::before{
		position: absolute;
		bottom: -60px;
		left: 0;
		right: 0;
		margin: auto;
		content: "";
		box-sizing: border-box;
		width: 20px;
		height: 20px;
		border: 20px solid transparent;
		border-top: 20px solid #dedede;
	}
	.flow02 .txt {
		display: block;
		float: left;
		width: 46%;
	}
	.flow02 .txt h3 {
		margin-bottom: 20px;
	}
	.flow02 .txt p {
		line-height: 1.6;
		margin-bottom: 20px;
	}
	.flow02 figure {
		display: block;
		float: right;
		width: 50%;
	}
	.flow02 figure img {
		width: 100%;
		border-radius: 30px;
	}
	.flow-wrap .btn03 {
		max-width: 340px;
		margin-left: auto;
		margin-right: auto;
	}
}


/* ==================================================
	POINT
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.point01 {
		display: block;
		background:url(../service/onestop/images/bg-l.jpg) left top no-repeat;
		padding: 25px 0;
	}
	.point01 .tibox01 {
		text-align: center;
		border-bottom: 0px;
		margin-bottom: 25px;
	}
	.point01 .tibox01::after {
		left: 0;
		right: 0;
		margin: auto;
	}
	.point01 .tibox01 h2 {
		line-height: 1.5;
		font-size: 1.7rem;
	}
	.flone {
		display: block;
		margin-bottom: 25px;
	}
	.flone .txt {
		display: block;
		margin-bottom: 20px;
	}
	.flone .txt h3 {
		display: block;
		font-size: 1.7rem;
		line-height: 1.8;
		font-weight: bold;
		border-bottom: #ddd dotted 1px;
		padding: 0px 0 10px 0;
		margin-bottom: 14px;
		color: #111;
	}
	.flone .txt p {
		display: block;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 15px;
	}
	.flone figure {
		display: block;
		position: relative;
	}
	.flone figure::after {
		position: absolute;
		right: -10px;
		bottom: -10px;
		width: 95%;
		height: 95%;
		content: "";
		background: #f0f0f0;
	}
	.flone.ri figure::after {
		position: absolute;
		right: auto;
		bottom: -10px;
		left: -10px;
	}
	.flone figure img {
		width: 100%;
		position: relative;
		z-index: 5;
	}
	.flone .list-bt {
		display: block;
	}
	.flone .list-bt li {
		display: block;
		margin: 7px 0;
	}
	.flone .list-bt li .btn03 a {
		font-size: 1.3rem;
	}
	.point02 {
		display: block;
		background: #f0f0f0;
		padding: 35px 0;
	}
	.bg-f0f0f0 {background: #f0f0f0;}
	.point02 .tibox01 {
		text-align: center;
		border-bottom: 0px;
		margin-bottom: 25px;
	}
	.point02 .tibox01::after {
		left: 0;
		right: 0;
		margin: auto;
	}
	.point02 .tibox01 h2 {
		line-height: 1.9;
	}
	.subbox01 .mt {
		display: block;
		text-align: center;
		font-size: 1.6rem !important;
		line-height: 1.8;
		margin-bottom: 25px;
	}
	.subbox01 .mt small {
		display: block;
		text-align: center;
		font-size: 1.4rem;
	}
	.three-col {
		display: block;
		position: relative;
		margin-bottom: 50px;
	}
	.three-col li {
		display: block;
		margin-bottom: 20px;
		position: relative;
	}
	.three-col li .bord {
		display: block;
		border: #00a0e0 solid 3px;
		border-radius: 13px;
		padding: 20px 15px;
		background: #FFF;
	}
	.three-col li h3 {
		display: block;
		text-align: center;
		font-size: 2rem;
		line-height: 1.7;
		margin-bottom: 14px;
		padding-bottom: 14px;
		border-bottom:  #00a0e0 dotted 2px;
	}
	.three-col li h3 b {
		font-size: 3.3rem;
	}
	.three-col li p {
		display: block;
		font-size: 1.4rem;
		line-height: 1.8;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.point01 {
		display: block;
		padding: 40px 0;
	}
	.point01 .tibox01 {
		text-align: center;
		border-bottom: 0px;
		margin-bottom: 75px;
	}
	.point01 .tibox01::after {
		left: 0;
		right: 0;
		margin: auto;
	}
	.point01 .tibox01 h2 {
		line-height: 1.9;
	}
	.point01 .title01 {
		font-size: 3.3rem;
		line-height: 1.6;
	}
	.flone {
		display: block;
		margin-bottom: 75px;
	}
	.flone .txt {
		display: block;
		float: left;
		width: 40%;
	}
	.flone.ri .txt {
		float: right;
	}
	.flone .txt h3 {
		display: block;
		font-size: 2.5rem;
		line-height: 1.8;
		font-weight: bold;
		border-bottom: #ddd dotted 1px;
		padding: 20px 0 15px 0;
		margin-bottom: 20px;
		color: #111;
	}
	.flone .txt p {
		display: block;
		font-size: 1.5rem;
		line-height: 1.9;
		margin-bottom: 25px;
	}
	.flone figure {
		display: block;
		float: right;
		width: 55%;
		position: relative;
	}
	.flone figure::after {
		position: absolute;
		right: -15px;
		bottom: -15px;
		width: 95%;
		height: 95%;
		content: "";
		background: #f0f0f0;
	}
	.flone.ri figure {
		float: left;
	}
	.flone.ri figure::after {
		position: absolute;
		right: auto;
		bottom: -15px;
		left: -15px;
	}
	.flone figure img {
		width: 100%;
		position: relative;
		z-index: 5;
	}
	.flone .list-bt {
		display: block;
	}
	.flone .list-bt li {
		display: block;
		float: left;
		width: 47%;
		margin-right: 2%;
	}
	.flone .list-bt li .btn03 a {
		font-size: 1.3rem;
	}
	.point02 {
		display: block;
		background: #f0f0f0;
		padding: 80px 0;
	}
	.bg-f0f0f0 {background: #f0f0f0;}
	.point02 .tibox01 {
		text-align: center;
		border-bottom: 0px;
		margin-bottom: 75px;
	}
	.point02 .tibox01::after {
		left: 0;
		right: 0;
		margin: auto;
	}
	.point02 .tibox01 h2 {
		line-height: 1.9;
	}
	.subbox01 .mt {
		display: block;
		text-align: center;
		font-size: 1.7rem !important;
		line-height: 1.8;
		margin-bottom: 45px;
	}
	.subbox01 .mt small {
		display: block;
		text-align: center;
		font-size: 1.4rem;
	}
	.three-col {
		display: block;
		position: relative;
		margin-bottom: 50px;
	}
	.three-col li {
		display: block;
		float: left;
		margin-left: 25px;
  		width: calc((100% - (25px * 2)) / 3 - .01px);
		position: relative;
	}
	.three-col li:nth-child(3n+1) {
		margin-left: 0px;
	}
	.three-col li .bord {
		display: block;
		border: #00a0e0 solid 3px;
		border-radius: 13px;
		padding: 20px;
		background: #FFF;
	}
	.three-col li h3 {
		display: block;
		text-align: center;
		font-size: 3.2rem;
		line-height: 1.7;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom:  #00a0e0 dotted 2px;
	}
	.three-col li h3 b {
		font-size: 4.3rem;
	}
	.three-col li p {
		display: block;
		font-size: 1.5rem;
		line-height: 1.9;
	}
}


/* ==================================================
	WASTE
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.unk-list {
		display: block;
		text-align: center;
		margin-bottom: 24px;
	}
	.unk-list li {
		display:block;
		margin: 7px 0;
		text-align: center;
	}
	.unk-list li a {
		display: block;
		text-align: center;
		position: relative;
		padding: 13px 10px 26px 10px;
		font-weight: bold;
		text-decoration: none;
		font-size: 1.4rem;
		color: #094D94;
		border-bottom: #094D94 solid 3px;
	}
	.unk-list li a::before{
		position: absolute;
		bottom: 8px;
		left: 0;
		right: 0;
		margin: auto;
		content: "";
		width: 8px;
		height: 8px;
		border-bottom: 2px solid  #094D94;
		border-right: 2px solid  #094D94;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.waste01 {
		display: block;
		padding: 35px 0;
	}


	.title03 {
		display: block;
		text-align: center;
		padding: 15px 0 25px 0;
	}
	.title03 b {
		display: inline-block;
		color: #0E9598;
		font-size: 2.4rem;
		line-height: 1.1;
		padding: 12px 15px;
	}
	.mb55 {
		margin-bottom: 25px;
	}
	.servitem {
		display: block;
		background: #FFF;
		padding: 22px 15px;
		box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
	}
	.servitem h3 {
		display: block;
		color: #0E9598;
		font-size: 2.1rem;
		font-weight: bold;
		line-height: 1.4;
		padding: 10px 16px;
		margin-bottom: 20px;
	}
	.servitem .in {
		display: block;
	}
	.servitem figure {
		display: block;
		margin-bottom: 15px;
	}
	.servitem figure img {
		width: 100%;
	}
	.servitem .txt {
		display: block;
	}
	.servitem .txt h4 {
		display: block;
		border-left: #0E9598 solid 3px;
		padding-left: 14px;
		font-size: 1.6rem;
		line-height: 1.8;
		margin-bottom: 15px;
	}
	.servitem .txt p {
		font-size: 1.4rem;
		line-height: 1.8;
	}
	.servitem .txt .btn01 {
		margin-top: 20px;
	}
	.servitem .txt .btn01 a {
		font-size: 1.4rem;
		padding-left: 4%;
		padding-right: 4%;
		line-height: 1.9;
	}
	.ceonter-cont {
		display: block;
		text-align: center;
		padding: 20px 0;
	}
	.ceonter-cont p {
		font-size: 1.3rem;
		font-weight: bold;
		line-height: 1.8;
		margin-bottom: 17px;
	}
	.ceonter-cont .list {
		display: block;
	}
	.ceonter-cont .list li {
		display: block;
		margin-bottom: 15px;
	}
	.ceonter-cont .btn02 a {
		padding-left: 15px !important;
		text-align: left;
	}
	.ser-work {
		display: block;
	}
	.ser-work li {
		display: block;
		float: left;
		margin-bottom: 17px;
		width: 48%;
	}
	.ser-work li:nth-child(2n) {
		float: right;
	}
	.ser-work li figure {
		display: block;
		border: #ccc solid 3px;
		margin-bottom: 14px;
	}
	.ser-work li img {
		width: 100%;
	}
	.ser-work li p {
		display: block;
		text-align: center;
		font-size: 1.4rem;
		line-height: 1;
	}
	.ser-work-mov  {
		display: block;
		margin-bottom: 40px;
	}
	.ser-work-mov li {
		display: block;
		margin-bottom: 15px;
	}
	.ser-work-mov li iframe {
		width: 100%;
		height: 250px;
		margin-bottom: 15px;
	}
	.ser-work-mov li p {
		display: block;
		text-align: center;
	}
	.mx-400 {
		margin-left: auto;
		margin-right: auto;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.unk-list {
		display: block;
		text-align: center;
		margin-bottom: 60px;
	}
	.unk-list li {
		display: inline-block;
		min-width: 220px;
		margin-left: 25px;
		margin-right: 25px;
		text-align: center;
	}
	.unk-list li a {
		display: block;
		text-align: center;
		position: relative;
		padding: 26px 14px 26px 14px;
		font-weight: bold;
		text-decoration: none;
		font-size: 1.8rem;
		color: #094D94;
		border-bottom: #094D94 solid 3px;
	}
	.unk-list li a:hover {
		color: #FFF;
		background: #094D94;
	}
	.unk-list li a::before{
		position: absolute;
		bottom: 8px;
		left: 0;
		right: 0;
		margin: auto;
		content: "";
		width: 8px;
		height: 8px;
		border-bottom: 2px solid  #094D94;
		border-right: 2px solid  #094D94;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.waste01 {
		display: block;
		padding: 70px 0;
	}
	.title03 {
		display: block;
		text-align: center;
		padding: 20px 0 45px 0;
	}
	.title03 b {
		display: inline-block;
		color: #0E9598;
		font-size: 4.2rem;
		line-height: 1.1;
		padding: 14px 35px;
	}
	.mb55 {
		margin-bottom: 55px;
	}
	.servitem {
		display: block;
		background: #FFF;
		padding: 35px 45px;
		box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
		margin-bottom: 45px;
	}
	.servitem h3 {
		display: block;
		background:#0E9598;
		color: #FFF;
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1.4;
		padding: 14px 26px;
		margin-bottom: 25px;
	}
	.servitem .in {
		display: block;
	}
	.servitem figure {
		display: block;
		float: left;
		width: 28%;
        margin-right: 30px;
	}
	.servitem figure img {
		width: 100%;
	}
	.servitem .txt {
		display: block;
	}
	.servitem .txt h4 {
		display: block;
		float: left;
		width: 65%;

		border-left: #0E9598 solid 4px;
		padding-left: 20px;
		font-size: 1.8rem;
		line-height: 1.8;
		margin-bottom: 22px;
	}
	.servitem .txt p {
		font-size: 1.5rem;
		line-height: 1.8;
	}
	.servitem .txt .btn01 {
		margin-top: 20px;
	}
	.servitem .txt .btn01 a {
		font-size: 1.4rem;
	}
	.ceonter-cont {
		display: block;
		text-align: center;
		padding: 25px 0;
	}
	.ceonter-cont .fix-1000 {
		border: #EFEFEF solid 3px;
		padding: 45px 8%;
		max-width: 750px;
	}
	.ceonter-cont p {
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.9;
		margin-bottom: 30px;
	}
	.ceonter-cont .list {
		display: block;
		margin-bottom: 20px;
	}
	.ceonter-cont .list li {
		display: block;
		float: left;
		width: 49%;
	}
	.ceonter-cont .list li:nth-child(2) {
		float: right;
	}
	.ceonter-cont .list .btn02 a {
		padding-left: 0px !important;
		color: #111;
	}
	.ser-work {
		display: block;
	}
	.ser-work li {
		display: block;
		float: left;
		margin-bottom: 30px;
		margin-left: 23px;
		width: calc((100% - (23px * 2)) / 3 - .01px);
	}
	.ser-work li:nth-child(3n+1) {
		margin-left: 0px;
	}
	.ser-work li figure {
		display: block;
		border: #ccc solid 3px;
		margin-bottom: 17px;
	}
	.ser-work li img {
		width: 100%;
	}
	.ser-work li p {
		display: block;
		text-align: center;
		font-size: 1.6rem;
		line-height: 1;
	}
	.ser-work-mov  {
		display: block;
		margin-bottom: 40px;
	}
	.ser-work-mov li {
		display: block;
		float: left;
		width: 48%;
	}
	.ser-work-mov li:nth-child(2) {
		float: right;
	}
	.ser-work-mov li iframe {
		width: 100%;
		height: 300px;
		margin-bottom: 20px;
	}
	.ser-work-mov li p {
		display: block;
		text-align: center;
	}
	.mx-400 {
		margin-left: auto;
		margin-right: auto;
	}
}

/* ▽ common layout ========== */
.waste01 .highlight{
  font-weight:bold;
  background-color:Yellow;
}

.waste01 .serch_area {
	margin-bottom: 20px;
}

.waste01 .serch_area input {
	height: 32px;
	font-size: 1em;
	box-sizing: border-box;
  margin-bottom: 5px;
}

/* ==================================================
	TRANSPORT
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.mt-s {
		display: block;
		text-align: center;
		font-size: 1.5rem;
		line-height: 1.9;
		margin-bottom: 15px;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.mt-s {
		display: block;
		text-align: center;
		font-size: 1.5rem;
		line-height: 1.9;
		margin-bottom: 25px;
	}
}


/* ==================================================
	RECYCLE
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.servitem .ser-work {
		margin-top: 20px;
	}
	.check-list {
		display: block;
		border: #0068D6 solid 3px;
		background: #FFF;
		border-radius: 10px;
		padding: 24px 15px 15px 15px;
	}
	.check-list dt {
		display: block;
		position: relative;
		color: #00A6E3;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.4;
		margin-bottom: 14px;
		padding-left: 44px;
	}
	.check-list dt::after {
		content: '';
		display: block;
		position: absolute;
		top: 9px;
		left: 10px;
		width: 14px;
		height: 7px;
		border-left: 4px solid #FFF;
		border-bottom: 4px solid #FFF;
		transform: rotate(-45deg);
		z-index: 3;
	}
	.check-list dt::before {
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		width: 36px;
		height: 36px;
		background: #00A6E3;
		z-index: 1;
	}
	.check-list dd {
		display: block;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 24px;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.servitem .ser-work {
		margin-top: 30px;
	}
	.servitem .ser-work figure {
		display: block;
		clear: both;
		float: none;
		width: 100%;
		border: 0px;
	}
	.check-list {
		display: block;
		border: #0068D6 solid 4px;
		background: #FFF;
		border-radius: 20px;
		padding: 40px 45px 25px 45px;
	}
	.check-list dt {
		display: block;
		position: relative;
		color: #00A6E3;
		font-size: 2.3rem;
		font-weight: bold;
		line-height: 1.4;
		margin-bottom: 14px;
		padding-left: 44px;
	}
	.check-list dt::after {
		content: '';
		display: block;
		position: absolute;
		top: 9px;
		left: 10px;
		width: 14px;
		height: 7px;
		border-left: 4px solid #FFF;
		border-bottom: 4px solid #FFF;
		transform: rotate(-45deg);
		z-index: 3;
	}
	.check-list dt::before {
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		width: 36px;
		height: 36px;
		background: #00A6E3;
		z-index: 1;
	}
	.check-list dd {
		display: block;
		font-size: 1.5rem;
		line-height: 1.9;
		margin-bottom: 40px;
	}
}


/* ==================================================
	PERMISSION
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.kyaka01 {
		display: block;
		border: #ccc solid 3px;
		padding: 25px 14px;
		margin-bottom: 30px;
	}
	.kyaka01 h3 {
		display: block;
		font-weight: bold;
		font-size: 1.9rem;
		line-height: 1;
		color: #0E9598;
		margin-bottom: 20px;
	}
	.kyaka01 h4 {
		display: block;
		font-size: 1.6rem;
		line-height: 1;
		font-weight: bold;
		background: #EFEFEF;
		padding: 10px 14px;
	}
	.kyaka01 table {
		width: 100%;
		margin-bottom: 25px;
	}
	.kyaka01 th {
		text-align: left;
		font-weight: bold;
		font-size: 1.5rem;
		line-height: 1;
		padding: 20px 1%;
		width: 28%;
		border-bottom: #ccc dotted 1px;
	}
	.kyaka01 td {
		text-align: left;
		font-weight: bold;
		font-size: 1.2rem;
		line-height: 1.6;
		padding: 20px 3%;
		border-bottom: #ccc dotted 1px;
	}
	.kyaka01 td.pdf {
		text-align:center;
		padding: 20px 0;
		width: 30px;
	}
	.kyaka01 td.pdf img {
		width: 100%;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.servitem.v2 figure {
		width: 26%;
	}
	.servitem.v2 .txt {
		width: 70%;
	}
	.kyaka01 {
		display: block;
		border: #ccc solid 5px;
		padding: 45px 50px;
		margin-bottom: 50px;
	}
	.kyaka01 h3 {
		display: block;
		font-weight: bold;
		font-size: 2.6rem;
		line-height: 1;
		color: #0E9598;
		margin-bottom: 25px;
	}
	.kyaka01 h4 {
		display: block;
		font-size: 1.9rem;
		line-height: 1;
		font-weight: bold;
		background: #EFEFEF;
		padding: 13px 24px;
	}
	.kyaka01 table {
		width: 100%;
		margin-bottom: 45px;
	}
	.kyaka01 th {
		text-align: left;
		font-weight: bold;
		font-size: 1.7rem;
		line-height: 1;
		padding: 20px 1%;
		width: 15%;
		border-bottom: #ccc dotted 1px;
	}
	.kyaka01 td {
		text-align: left;
		font-weight: bold;
		font-size: 1.4rem;
		line-height: 1.6;
		padding: 20px 3%;
		border-bottom: #ccc dotted 1px;
	}
	.kyaka01 td.pdf {
		text-align:center;
		padding: 20px 0;
		width: 30px;
	}
	.kyaka01 td.pdf img {
		width: 100%;
	}
}


/* ==================================================
	factory
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.waste01.fact {
		padding-top: 0px;
	}
	.fact-bord {
		display: block;
		border: #EFEFEF solid 3px;
		padding: 25px 14px;
	}
	.fact-bord .w90p {
		width: 100% !important;
	}
	.ht-list {
		display: block;
	}
	.ht-list dt {
		display: block;
		background: #f0f0f0;
		padding: 8px 15px;
		font-size: 1.4rem;
	}
	.ht-list dd {
		display: block;
		padding: 8px 25px;
		font-size: 1.4rem;
	}
	.ht-tb {
		display: block;
	}
	.ht-tb table {
		width: 100%;
		margin-bottom: 20px;
		border-left: #ccc solid 1px;
		border-top: #ccc solid 1px;
	}
	.ht-tb table th {
		text-align: left;
		font-size: 1.3rem;
		line-height: 1.5;
		width: 37%;
		padding: 8px 1%;
		background: #f0f0f0;
		border-right: #ccc solid 1px;
		border-bottom: #ccc solid 1px;
	}
	.ht-tb table td {
		text-align: left;
		font-size: 1.3rem;
		line-height: 1.5;
		padding: 8px 1%;
		border-right: #ccc solid 1px;
		border-bottom: #ccc solid 1px;
	}
	.setubi {
		display: block;
		margin-top: 24px;
	}
	.setubi h3 {
		display: block;
		background:#0E9598;
		color: #FFF;
		font-size: 1.7rem;
		font-weight: bold;
		line-height: 1.4;
		padding: 10px 16px;
		margin-bottom: 20px;
	}
	.setubi .list {
		display: block;
	}
	.setubi li {
		display: block;
		margin-bottom: 14px;
	}
	.setubi li figure {
		display: block;
		margin-bottom: 17px;
	}
	.setubi li img {
		width: 100%;
	}
	.setubi li p {
		display: block;
		text-align: center;
		font-size: 1.5rem;
		line-height: 1.5;
		margin-bottom: 17px;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.waste01.fact {
		padding-top: 0px;
	}
	.fact-bord {
		display: block;
		border: #EFEFEF solid 3px;
		padding: 45px 60px;
	}
	.ht-list {
		display: block;
	}
	.ht-list dt {
		display: block;
		background: #f0f0f0;
		padding: 8px 15px;
		font-size: 1.5rem;
	}
	.ht-list dd {
		display: block;
		padding: 8px 15px;
		font-size: 1.5rem;
	}
	.ht-tb {
		display: block;
	}
	.ht-tb table {
		width: 100%;
		margin-bottom: 20px;
		border-left: #ccc solid 1px;
		border-top: #ccc solid 1px;
	}
	.ht-tb table th {
		text-align: left;
		font-size: 1.4rem;
		line-height: 1.5;
		width: 35%;
		padding: 8px 1%;
		background: #f0f0f0;
		border-right: #ccc solid 1px;
		border-bottom: #ccc solid 1px;
	}
	.ht-tb table td {
		text-align: left;
		font-size: 1.4rem;
		line-height: 1.5;
		padding: 8px 1%;
		border-right: #ccc solid 1px;
		border-bottom: #ccc solid 1px;
	}
	.setubi {
		display: block;
		margin-top: 24px;
	}
	.setubi h3 {
		display: block;
		background:#0E9598;
		color: #FFF;
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1.4;
		padding: 14px 26px;
		margin-bottom: 25px;
	}
	.setubi .list {
		display: block;
	}
	.setubi li {
		display: block;
		float: left;
		margin-left: 25px;
		width: calc((100% - (25px * 2)) / 3 - .01px);
	}
	.setubi li:nth-child(3n+1) {
		margin-left: 0px;
	}
	.setubi li figure {
		display: block;
		margin-bottom: 17px;
	}
	.setubi li img {
		width: 100%;
	}
	.setubi li p {
		display: block;
		text-align: center;
		font-size: 1.5rem;
		line-height: 1.5;
		margin-bottom: 17px;
	}
}


/* ==================================================
	RECRUIT
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.submainimg#recruit-main {
		display: block;
		background:url(../recruit/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
		height: 208px;
		text-align: center;
	}
	.submainimg.rec-ver div {
		padding: 90px 0 0 0;
		text-align: center;
	}
	.submainimg.rec-ver h1 {
		display:inline-block;
		position: relative;
		font-weight: bold;
		line-height: 1.2;
		font-size: 3.4rem;
		letter-spacing: 3px;
		color: #FFF;
		margin-bottom: 15px;
	}
	.submainimg.rec-ver b {
		display: block;
		font-weight: bold;
		line-height: 1;
		color: #FFF;
		font-size: 2.8rem;
		font-family: 'Montserrat', sans-serif;
	}
	.rec-news {
		display: block;
		background: url(../service/onestop/images/bg-l.jpg) left top no-repeat;
		padding: 20px 0 30px 0;
	}
	.rec-news .ti {
		display: block;
		float: left;
		width: 23%;
		padding-top: 18px;
	}
	.rec-news .ti h2 {
		display: block;
		position: relative;
	}
	.rec-news .ti h2 span {
		display: inline-block;
		position: relative;
		z-index: 3;
		background: #FFF;
		font-weight: bold;
		line-height: 1;
		color: #00a0e0;
		font-size: 2.45rem;
	}
	.rec-news .ti p {
		display: block;
		font-weight: bold;
		margin: 10px 0 0 0;
	}
	.rec-news .ti p a {
		display:inline-block;
		position: relative;
		font-weight: bold;
		line-height: 1;
		color: #00a0e0;
		font-size: 1.5rem;
		text-decoration: none !important;
	}
	.rec-news .ti p a::after {
		position: absolute;
		right: -10px;
		top: 0;
		bottom: 0;
		content: "";
		margin: auto;
		background: url(../recruit/images/ya.png) center center no-repeat;
		width: 13px;
		height: 12px;
	}
	.rec-news .txt {
		display: block;
		float: right;
		width: 70%;
		height: 100px;
		overflow: auto;
	}
	.rec-news .txt dl {
		display:block;
		border-bottom: #e6e6e6 solid 1px;
		padding: 20px 0;
	}
	.rec-news .txt dt {
		font-size: 1.4rem;
		line-height: 1.1;
		font-weight: bold;
		margin-bottom: 7px;
	}
	.rec-news .txt dd {
		display:block;
		font-size: 1.4rem;
		line-height: 1.1;
		font-weight: bold;
	}
	.rec-news .txt dd a {
		text-decoration: none !important;
		color: #000;
	}
	.rec-news .txt dd a:hover {
		text-decoration: underline !important;
	}
	.rec-movie {
		margin-bottom: 70px;
	}
	.rec-movie .youtube {
		position: relative;
		height: 0;
		padding-top: 56.25%;
	}
	.rec-movie .youtube iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.rec-box01 {
		display: block;
		background: url(../recruit/images/bg1.jpg) top center no-repeat;
		background-size: 140% auto;
		padding: 35px 0 50px 0;
	}
	.recbtlist {
		display: block;
		position: relative;
		padding-top: 25px;
	}
	.recbtlist li {
		display: block;
		margin-bottom: 20px;
	}
	.recbtlist li .pad {
		border-radius: 30px;
		border: #00a0e0 solid 3px;
		display: block;
		padding: 20px;
	}
	.recbtlist li:nth-child(1) {
		margin-left: 0px;
	}
	.recbtlist li figure {
		display: block;
	}
	.recbtlist li figure img {
		width: 100%;
		border-radius: 30px;
	}
	.recbtlist p small {
		font-size: 1.5rem;
	}
	.recbtlist li h3 {
		display: block;
		font-weight: 200;
		line-height: 1.1;
		color: #00a0e0;
		font-size: 2.2rem;
		margin: 5px 0 17px 0;
	}
	.recbtlist li p {
		display: block;
		font-weight: bold;
		color: #111;
		font-size: 2rem;
		margin-bottom: 13px;
		padding-bottom: 13px;
		line-height: 1.6;
		border-bottom: #f0f2f7 solid 3px;
	}
	.recbtlist li .tx {
		display: block;
		font-weight: bold;
		font-size: 1.4rem;
		line-height: 1.9;
		margin-bottom: 18px;
	}
	.enter-box {
		display: block;
		text-align: center;
		color: #FFF;
		padding: 30px 0 0 0;
	}
	.enter-box b {
		display: block;
		text-align: center;
		font-size: 1.6rem;
		line-height: 1.4;
		margin-bottom: 20px;
	}
	.enter-box ul {
		display: block;
		text-align: center;
	}
	.enter-box li {
		display: block;
		margin-bottom: 10px;
		margin-left: 2%;
		margin-right: 2%;
	}
	.enter-box li img {
		width: 100%;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.submainimg#recruit-main {
		display: block;
		/*background:url(../recruit/images/mainimg.jpg) center center no-repeat;
		background-size: cover;*/
		height: 758px;
		text-align: center;
		position: relative;
	}
	.submainimg.rec-ver div {
		padding: 290px 0 0 0;
		text-align: center;
	}
	.submainimg.rec-ver h1 {
		display:inline-block;
		position: relative;
		font-weight: bold;
		line-height: 1.2;
		font-size: 7.4rem;
		letter-spacing: 3px;
		color: #FFF;
		margin-bottom: 15px;
	}
	.submainimg.rec-ver h1::before {
		position: absolute;
		left: -270px;;
		top: -20px;
		content: "";
		height: 2px;
		width: 230px;
		background: #FFF;
		transform: rotate(14deg);
	}
	.submainimg.rec-ver h1::after {
		position: absolute;
		right: -230px;;
		bottom: -20px;
		content: "";
		height: 2px;
		width: 230px;
		background: #FFF;
		transform: rotate(14deg);
	}
	.submainimg.rec-ver b {
		display: block;
		font-weight: bold;
		line-height: 1;
		color: #FFF;
		font-size: 2.8rem;
		font-family: 'Montserrat', sans-serif;
	}

	.rec-news {
		display: block;
		background: url(../service/onestop/images/bg-l.jpg) left top no-repeat;
		padding: 40px 0 80px 0;
	}
	.rec-news .ti {
		display: block;
		float: left;
		width: 13%;
		padding-top: 18px;
	}
	.rec-news .ti h2 {
		display: block;
		position: relative;
		text-align: right;
	}
	.rec-news .ti h2::after {
		position: absolute;
		left: 0;
		top: 47%;
		content: "";
		z-index: 1;
		width: 100%;
		height: 3px;
		background: #e1e1e1;
	}
	.rec-news .ti h2 span {
		display: inline-block;
		position: relative;
		z-index: 3;
		background: #FFF;
		font-weight: bold;
		line-height: 1;
		color: #00a0e0;
		font-size: 3.45rem;
		padding-left: 14px;
	}
	.rec-news .ti p {
		display: block;
		font-weight: bold;
		margin: 22px 0 0 0;
	}
	.rec-news .ti p a {
		display:inline-block;
		position: relative;
		font-weight: bold;
		line-height: 1;
		color: #00a0e0;
		font-size: 1.5rem;
		text-decoration: none !important;
	}
	.rec-news .ti p a::after {
		position: absolute;
		right: -20px;
		top: 0;
		bottom: 0;
		content: "";
		margin: auto;
		background: url(../recruit/images/ya.png) center center no-repeat;
		width: 13px;
		height: 12px;
	}
	.rec-news .ti p a:hover::after {
		position: absolute;
		right: -33px;
	}
	.rec-news .txt {
		display: block;
		float: right;
		width: 82%;
		position: relative;
		z-index: 10;
	}
	.rec-news .txt dl {
		display: flex;
		border-bottom: #e6e6e6 solid 1px;
		padding: 20px 0;
	}
	.rec-news .txt dt {
		font-size: 1.4rem;
		line-height: 1.1;
		font-weight: bold;
		width: 95px;
	}
	.rec-news .txt dd {
		display:block;
		font-size: 1.4rem;
		line-height: 1.1;
		font-weight: bold;
	}
	.rec-news .txt dd a {
		text-decoration: none !important;
		color: #000;
	}
	.rec-news .txt dd a:hover {
		text-decoration: underline !important;
	}
	.rec-movie {
		margin-bottom: 100px;
	}
	.rec-movie .youtube {
		text-align: center;
	}
	.rec-movie .youtube iframe {
		width: 880px;
		height: 470px;
	}
	.rec-box01 {
		display: block;
		background: url(../recruit/images/bg1.jpg) top center no-repeat;
		padding: 95px 0 100px 0;
	}
	.recbtlist {
		display: block;
		position: relative;
		padding-top: 55px;
	}
	.recbtlist li {
		display: block;
		float: left;
		position: relative;
		margin-left: 19px;
		width: calc((100% - (19px * 2)) / 3 - .01px);
	}
	.recbtlist li .pad {
		border-radius: 30px;
		border: #00a0e0 solid 3px;
		display: block;
		padding: 20px;
	}
	.recbtlist li:nth-child(1) {
		margin-left: 0px;
	}
	.recbtlist li figure {
		display: block;
	}
	.recbtlist li figure img {
		width: 100%;
		border-radius: 30px;
	}
	.recbtlist p small {
		font-size: 1.5rem;
	}
	.recbtlist li h3 {
		display: block;
		font-weight: 200;
		line-height: 1.1;
		color: #00a0e0;
		font-size: 3rem;
		margin: 5px 0 17px 0;
	}
	.recbtlist li p {
		display: block;
		font-weight: bold;
		color: #111;
		font-size: 2.8rem;
		margin-bottom: 20px;
		padding-bottom: 20px;
		line-height: 1.6;
		border-bottom: #f0f2f7 solid 3px;
	}
	.recbtlist li .tx {
		display: block;
		font-weight: bold;
		font-size: 1.5rem;
		line-height: 1.9;
		margin-bottom: 18px;
	}
	.enter-box {
		display: block;
		text-align: center;
		color: #FFF;
		padding: 110px 0 0 0;
	}
	.enter-box b {
		display: block;
		text-align: center;
		font-size: 2.3rem;
		line-height: 1.4;
		margin-bottom: 40px;
	}
	.enter-box ul {
		display: block;
		text-align: center;
	}
	.enter-box li {
		display: inline-block;
		margin-left: 2%;
		margin-right: 2%;
	}
	.enter-box li img {
		max-width: 100%;
	}
}


/* ==================================================
	20201210
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.subpage-links {
		display: block;
		text-align: center;
		padding: 14px 5%;
	}
	.subpage-links li {
		display:block;
		font-size: 1.3rem;
		font-weight: bold;
		line-height: 1.1;
		margin: 6px 0;
	}
	.subpage-links li a {
		display: block;
		text-align: center;
		text-decoration: none !important;
		color: #000;
		padding: 6px 10px;
		border: #efefef solid 2px;
        position: relative;
	}
	.subpage-links li.current a{
		background: #3EB631;
		color: #FFF;
	}
	.submainimg#onestop {
		background: url(../service/onestop/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.catch-top .tibox01 {
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	.catch-top .tibox01 h2 {
		color: #000;
		font-size: 1.4rem;
		margin-bottom: 0px;
	}
	.catch-top .tibox01::after {
		display: none;
	}
	.submainimg#recycle {
		background: url(../service/recycle/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.submainimg#waste {
		background: url(../service/waste/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
    .submainimg#demolition {
		background: url(../service/demolition/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}


	.cl {
		clear: both;
	}
	.w100p {
		width: 100%;
	}
	.title04 {
		display: block;
		color: #0E9598;
		border: #0E9598 dotted 1px;
		padding: 10px 15px;
		font-size: 1.7rem;
		margin-bottom: 20px;
	}
	.ser-workv2 {
		display: block;
	}
	.ser-workv2 li {
		display: block;
		float: left;
		width: 48%;
		margin-bottom: 20px;
	}
	.ser-workv2 li:nth-child(2n) {
		float: right;
	}
	.ser-workv2 img {
		width: 100%;
	}
	.ser-workv2 p {
		display: block;
		margin: 7px 0;
		font-size: 1.4rem;
		line-height: 1;
		text-align: center;
	}
	.submainimg#transport {
		background: url(../service/transport/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.ser-workv4 {
		display: block;
	}
	.ser-workv4 li {
		display: block;
		margin-bottom: 20px;
	}
	.ser-workv4 img {
		width: 100%;
	}
	.ser-workv4 p {
		display: block;
		margin: 7px 0;
		font-size: 1.4rem;
		line-height: 1;
		text-align: center;
	}
	.ser-workv5 {
		display: block;
	}
	.ser-workv5 li {
		display: block;
		float: left;
		width: 48%;
		margin-bottom: 20px;
	}
	.ser-workv5 li:nth-child(2n) {
		float: right;
	}
	.ser-workv5 img {
		width: 100%;
	}
	.ser-workv4 p {
		display: block;
		margin: 7px 0;
		font-size: 1.4rem;
		line-height: 1;
		text-align: center;
	}
	.submainimg#point {
		background: url(../point/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.ad-list {
		display: block;
		padding-bottom: 30px;
	}
	.ad-list .tab-lf {
		display: block;
	}
	.ad-list .tab-lf .lef {
		display: block;
	}
	.ad-list .tab-lf .ref {
	}
	.ad-list .tab-lf table {
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 25px;
	}
	.ad-list .tab-lf table th {
		text-align: left;
		font-size: 1.3rem;
		line-height: 1;
		padding: 10px 25px;
		background: #efefef;
	}
	.ad-list .tab-lf table td {
		text-align: left;
		font-size: 1.3rem;
		line-height: 1;
		padding: 10px 25px;
		border-bottom: #ccc solid 1px;
	}
	.acrobat {
		padding: 13px 15px;
		background: #f0f0f0;
	}
	.acrobat figure {
	}
	.acrobat figure img {
		display: block;
		width: 130px;
		margin-left: auto;
		margin-right: auto;
	}
	.acrobat p {
		margin-top: 20px;
		font-size: 1.3rem !important;
		line-height: 1.4 ;
		font-weight: normal !important;
	}
	.submainimg#permission {
		background: url(../permission/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.submainimg#factory {
		background: url(../factory/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	a.pdf {
		display: inline-block;
		position: relative;
		padding-right: 27px;
		margin-top: 6px;
		margin-bottom: 12px;
	}
	a.pdf::after {
		position: absolute;
		right: 0;
		top: -8px;
		bottom: 0;
		content: "";
		background: url(../permission/images/pdf.png) left center no-repeat;
		background-size: 100% auto;
		width: 22px;
		height: 40px;
	}
	a.pdf_pre {
		display: inline-block;
		position: relative;
		padding-left: 27px;
		margin-top: 6px;
		margin-bottom: 12px;
	}
	a.pdf_pre::before {
		position: absolute;
		left: 0;
		top: -8px;
		bottom: 0;
		content: "";
		background: url(../permission/images/pdf.png) left center no-repeat;
		background-size: 100% auto;
		width: 22px;
		height: 40px;
	}
	a.pdf_item {
    display: inline-flex;
    align-content: flex-start;
    color: inherit;
    text-decoration: none;
	}
	a.pdf_item::before {
    display: block;
		content: "";
		background: url(../permission/images/pdf.png) left center no-repeat;
		background-size: 100% auto;
		width:  5em;
		height: 5em;
    margin-right: 0.5em;
	}
	a.pdf_item em {
    display: inline-block;
    width: calc(100% - 5.5em);
    font-style: normal;
    font-weight: normal;
	}
  a.pdf_item strong {
    display: inline-block;
    font-weight: normal;
    margin-top: 0.5em;
    color: #0e9598;
	}
	.moo {
		display: block;
		text-align: center;
		padding: 5px;
	}
	.submainimg#news {
		background: url(../news/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.submainimg#contact {
		background: url(../contact/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.fs-17 {
		font-size: 1.6rem !important;
		line-height: 1.7;
	}
	.submainimg#contact2 {
		background: url(../contact02/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.submainimg#rnews {
		background:url(../recruit/news/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.submainimg#rwork {
		background:url(../recruit/work/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.subpage-links {
		display: block;
		text-align: center;
		padding: 34px 0;
		position: relative;
		z-index: 20;
	}
	.subpage-links li {
		display: inline-block;
		font-size: 1.7rem;
		font-weight: bold;
		line-height: 1.1;
		border-right: #dedede solid 3px;
	}
	.subpage-links li:nth-child(1) {
		border-left: #dedede solid 3px;
	}
	.subpage-links li a {
		display: block;
		text-align: center;
		text-decoration: none !important;
		color: #000;
		padding: 6px 37px;
	}
	.subpage-links li a:hover,
	.subpage-links li.current a{
		background: #3EB631;
		color: #FFF;
	}
	.submainimg#onestop {
		background: url(../service/onestop/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.submainimg#demolition {
		background: url(../service/demolition/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.catch-top .tibox01 {
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	.catch-top .tibox01 h2 {
		color: #000;
		font-size: 2.3rem;
		margin-bottom: 0px;
	}
	.catch-top .tibox01::after {
		display: none;
	}
	.fs-17 {
		font-size: 1.7rem !important;
	}
	.submainimg#recycle {
		background: url(../service/recycle/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.submainimg#waste {
		background: url(../service/waste/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.cl {
		clear: both;
	}
	.w100p {
		width: 100%;
	}
	.title04 {
		display: block;
		color: #0E9598;
		border: #0E9598 dotted 1px;
		padding: 14px 25px;
		font-size: 2.5rem;
		margin-bottom: 30px;
	}
	.ser-workv2 {
		display: block;
	}
	.ser-workv2 li {
		display: block;
		float: left;
		margin-bottom: 30px;
		margin-left: 13px;
		width: calc((100% - (13px * 4)) / 5 - .01px);
	}
	.ser-workv2 li:nth-child(5n+1) {
		margin-left: 0;
	}
	.ser-workv2 img {
		width: 100%;
	}
	.ser-workv2 p {
		display: block;
		margin: 7px 0;
		font-size: 1.4rem;
		line-height: 1;
		text-align: center;
	}
	.submainimg#transport {
		background: url(../service/transport/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.ser-workv4 {
		display: block;
	}
	.ser-workv4 li {
		display: block;
		float: left;
		margin-bottom: 30px;
		margin-left: 13px;
		width: calc((100% - (13px * 2)) / 3 - .01px);
	}
	.ser-workv4 li:nth-child(3n+1) {
		margin-left: 0;
	}
	.ser-workv4 img {
		width: 100%;
	}
	.ser-workv4 p {
		display: block;
		margin: 7px 0;
		font-size: 1.4rem;
		line-height: 1;
		text-align: center;
	}
	.ser-workv5 {
		display: block;
	}
	.ser-workv5 li {
		display: block;
		float: left;
		margin-bottom: 30px;
		margin-left: 13px;
		width: calc((100% - (13px * 3)) / 4 - .01px);
	}
	.ser-workv5 li:nth-child(4n+1) {
		margin-left: 0;
	}
	.ser-workv5 img {
		width: 100%;
	}
	.ser-workv5 p {
		display: block;
		margin: 7px 0;
		font-size: 1.4rem;
		line-height: 1;
		text-align: center;
	}
	.submainimg#point {
		background: url(../point/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.ad-list {
		display: block;
		padding-bottom: 60px;
	}
	.ad-list .tab-lf {
		display: block;
	}
	.ad-list .tab-lf .lef {
		display: block;
		float: left;
		width: 49%;
	}
	.ad-list .tab-lf .ref {
		float: right;
		width: 49%;
	}
	.ad-list .tab-lf table {
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 25px;
	}
	.ad-list .tab-lf table th {
		text-align: left;
		font-size: 1.7rem;
		line-height: 1;
		padding: 10px 25px;
		background: #efefef;
	}
	.ad-list .tab-lf table td {
		text-align: left;
		font-size: 1.7rem;
		line-height: 1;
		padding: 10px 25px;
		border-bottom: #ccc solid 1px;
	}
	.acrobat {
		display: flex;
		align-items: center;
		padding: 13px 25px;
		background: #f0f0f0;
	}
	.acrobat p {
		margin-left: 25px;
		font-size: 1.3rem !important;
		line-height: 1.4 ;
		font-weight: normal !important;
	}
	.submainimg#permission {
		background: url(../permission/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.submainimg#factory {
		background: url(../factory/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	a.pdf {
		display: inline-block;
		position: relative;
		padding-right: 27px;
		margin-top: 6px;
		margin-bottom: 12px;
	}
	a.pdf::after {
		position: absolute;
		right: 0;
		top: -8px;
		bottom: 0;
		content: "";
		background: url(../permission/images/pdf.png) left center no-repeat;
		background-size: 100% auto;
		width: 22px;
		height: 40px;
	}
	a.pdf_pre {
		display: inline-block;
		position: relative;
		padding-left: 27px;
		margin-top: 6px;
		margin-bottom: 12px;
	}
	a.pdf_pre::before {
		position: absolute;
		left: 0;
		top: -8px;
		bottom: 0;
		content: "";
		background: url(../permission/images/pdf.png) left center no-repeat;
		background-size: 100% auto;
		width: 22px;
		height: 40px;
	}
	a.pdf_item {
    display: inline-flex;
    align-items: center;
    font-size: 120%;
    text-decoration: none;
    color: inherit;
	}
	a.pdf_item::before {
    display: block;
		content: "";
		background: url(../permission/images/pdf.png) left center no-repeat;
		background-size: 100% auto;
		width:  5em;
		height: 5em;
    margin-right: 1em;
	}
	a.pdf_item em {
    width: calc(100% - 6em);
    font-style: normal;
    font-weight: normal;
	}
	a.pdf_item strong {
    display: inline-block;
    margin-top: 0.5em;
    font-weight: normal;
    text-decoration: underline;
    color: #0e9598;
	}
	a.pdf_item:hover strong {
    text-decoration: none;
	}
	.moo {
		display: block;
		text-align: center;
		padding: 5px;
	}
	.submainimg#news {
		background: url(../news/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.submainimg#contact {
		background: url(../contact/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.submainimg#contact2 {
		background: url(../contact02/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.submainimg#rnews {
		background:url(../recruit/news/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.submainimg#rwork {
		background:url(../recruit/work/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
}


/* ==================================================
	environment
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.submainimg#environment {
		background: url(../environment/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.env002 {
		padding-bottom: 40px;
	}
	.env_photo {
		margin: 0 auto 40px;
	}
	.env_photo dl{
		display: flex;
		flex-direction: column;
		margin-bottom: 20px;
	}
	.env_photo dl dt{
		width: 100%;
		margin-bottom: 10px;

	}
	.env_photo dl dt b{
		display: block;
		margin-bottom: 5px;
		padding: 5px 10px;
		background: #0e9598;
		color: #fff;
		font-size: 20px;
	}
	.env_photo dl dd{
		width: 100%;
	}
	.env_photo dl dd img{
		max-width: 100%;
	}
	.sdgs-img {
		display: block;
	}
	.sdgs-img figure {
		display: block;
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25px;
	}
	.sdgs-img img {
		width: 100%;
	}
	.sdgs-img li {
		display: block;
		float: left;
		margin-left: 10px;
		margin-bottom: 10px;
		width: calc((100% - (10px * 2)) / 3 - .01px);
	}
	.sdgs-img li:nth-child(3n+1) {
		margin-left: 0px;
	}
	.sdgs-sml {
		display: block;
		font-size: 1.3rem;
		line-height: 1.6;
	}
	.env002 .btns {
		margin: 25px 0 0 0;
	}
	.env002 .btns p {
		display: block;
		margin-bottom: 14px;
	}
	.sdgs-list {
		margin-top: 35px;
	}
	.sdgs-list img {
		width: 100%;
	}
	.sdgs-list li {
		display: block;
		float: left;
		margin-left: 10px;
		margin-bottom: 20px;
		width: calc((100% - (20px * 2)) / 3 - .01px);
	}
	.sdgs-list li:nth-child(3n+1) {
		margin-left: 0px;
	}
	.sdgs-list p {
		display: block;
		font-size: 1.5rem;
		line-height: 1.8;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.submainimg#environment {
		background: url(../environment/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.env002 {
		margin-bottom: 15px;
		padding-bottom: 60px;
	}
	.env_photo {
		margin: 0 auto 75px;
	}
	.env_photo dl{
		display: flex;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	.env_photo dl dt{
		width: 40%;
	}
	.env_photo dl dt b{
		display: block;
		margin-bottom: 10px;
		padding: 5px 10px;
		background: #0e9598;
		color: #fff;
		font-size: 20px;
	}
	.env_photo dl dd{
		width: 55%;
	}
	.env_photo dl dd img{
		max-width: 100%;
	}
	.sdgs-img {
		display: block;
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
	.sdgs-img figure {
		display: block;
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25px;
	}
	.sdgs-img img {
		width: 100%;
	}
	.sdgs-img li {
		display: block;
		float: left;
		margin-left: 20px;
		margin-bottom: 20px;
		width: calc((100% - (20px * 5)) / 6 - .01px);
	}
	.sdgs-img li:nth-child(6n+1) {
		margin-left: 0px;
	}
	.sdgs-sml {
		display: block;
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
		font-size: 1.5rem;
		line-height: 1.6;
	}
	.env002 .btns {
		margin-top: 30px;
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
	.env002 .btns p {
		display: block;
		float: left;
		width: 48%;
	}
	.env002 .btns p:nth-child(2) {
		float: right;
	}
	.env002 .btns p a {
		font-size: 1.4rem;
	}
	.sdgs-list {
		margin-top: 55px;
	}
	.sdgs-list img {
		width: 100%;
	}
	.sdgs-list li {
		display: block;
		float: left;
		margin-left: 20px;
		margin-bottom: 20px;
		width: calc((100% - (20px * 5)) / 6 - .01px);
	}
	.sdgs-list li:nth-child(6n+1) {
		margin-left: 0px;
	}
	.sdgs-list p {
		display: block;
		font-size: 1.7rem;
		line-height: 1.8;
	}
	.flone.ex3 figure {
		width: 34%;
	}
	.flone.ex3 .txt {
		width: 63%;
	}
}


/* ==================================================
	policy
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.submainimg#policy {
		background: url(../profile/policy/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.plicy-txt {
		display: block;
		text-align: center;
		font-weight: bold;
		font-size: 2.1rem;
		line-height: 1.9;
		padding: 20px 0;
		letter-spacing: 5px;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	}
	.policy-box {
		display: block;
		padding: 25px 3%;
		background:url(../profile/policy/images/bg1.jpg) top center no-repeat;
		background-size: cover;
	}
	.policy-box .bg {
		background: rgba(255,255,255,0.8);
		padding: 25px 15px;
	}
	.policy-box .bg:nth-child(1) {
		margin-bottom: 25px;
	}
	.policy-box p {
		font-size: 1.5rem;
		line-height: 1.8;
	}
	.policy-box li {
		display: block;
		margin: 14px 10px;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.4;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.submainimg#policy {
		background: url(../profile/policy/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.plicy-txt {
		display: block;
		text-align: center;
		font-weight: bold;
		font-size: 3.7rem;
		line-height: 1.9;
		padding: 40px 0;
		letter-spacing: 5px;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	}
	.policy-box {
		display: block;
		padding: 60px 8%;
		background:url(../profile/policy/images/bg1.jpg) top center no-repeat;
		background-size: cover;
	}
	.policy-box .bg {
		background: rgba(255,255,255,0.8);
		padding: 65px 40px;
	}
	.policy-box .bg:nth-child(1) {
		margin-bottom: 50px;
	}
	.policy-box p {
		font-size: 1.7rem;
		line-height: 1.8;
	}
	.policy-box li {
		display: block;
		margin: 14px 20px;
		font-size: 2rem;
		font-weight: bold;
		line-height: 1.4;
	}
}


/* ==================================================
	group
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.submainimg#group {
		background: url(../profile/group/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.group01 {
		display: block;
		margin-bottom: 35px;
	}
	.comp-tab {
		display: block;
	}
	.comp-tab table {
		width: 100%;
		border-collapse: collapse;
		border-top: #ccc solid 1px;
	}
	.comp-tab th {
		display: block;
		text-align: left;
		font-size: 1.5rem;
		line-height: 1.7;
		background: #f0f0f0;
		padding: 14px 5px;
	}
	.comp-tab td {
		display: block;
		text-align: left;
		vertical-align: top;
		font-size: 1.4rem;
		line-height: 1.7;
		padding: 13px 5px;
		border-bottom: #ccc solid 1px;
	}
	.comp-tab td .cop {
		display: block;
		margin-bottom: 15px;
	}
	.comp-tab td .btns {
		margin: 15px 0;
	}
	.comp-tab td .btns li {
		display: block;
		float: left;
		width: 48%;
		margin-right: 2%;
	}
	.soshiki {
		display: block;
		text-align: center;
	}
	.soshiki img {
		display: inline-block;
		max-width: 100%;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.submainimg#group {
		background: url(../profile/group/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.group01 {
		display: block;
		margin-bottom: 60px;
	}
	.comp-tab {
		display: block;
	}
	.comp-tab table {
		width: 100%;
		border-collapse: collapse;
		border-top: #ccc solid 1px;
	}
	.comp-tab th {
		text-align: left;
		font-size: 1.6rem;
		line-height: 1.7;
		background: #f0f0f0;
		padding: 20px 15px;
		width: 22%;
		border-bottom: #ccc solid 1px;
	}
	.comp-tab td {
		text-align: left;
		vertical-align: top;
		font-size: 1.6rem;
		line-height: 1.7;
		padding: 20px 25px;
		border-bottom: #ccc solid 1px;
	}
	.comp-tab td .cop {
		display: block;
		margin-bottom: 15px;
	}
	.comp-tab td .btns {
		margin: 15px 0;
	}
	.comp-tab td .btns li {
		display: block;
		float: left;
		width: 47%;
		margin-right: 3%;
	}
	.soshiki {
		display: block;
		text-align: center;
	}
	.soshiki img {
		display: inline-block;
		max-width: 100%;
	}
}


/* ==================================================
	access
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.submainimg#access {
		background: url(../profile/access/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.acc001 {
		display: block;
		padding: 35px 0;
	}
	.bg-f0f0f0 {
		background: #f0f0f0;
	}
	.acc001 table {
		width: 100%;
		border-collapse: collapse;
		border-top: #111 dotted 1px;
		margin-bottom: 25px;
	}
	.acc001 th {
		padding: 13px 0;
		display: block;
		font-size: 1.4rem;
		line-height: 1.7;
	}
	.acc001 td {
		border-bottom: #111 dotted 1px;
		display: block;
		padding: 0 0 13px 0;
		font-size: 1.4rem;
		line-height: 1.7;
	}
	.acc001 .maps {
		display: block;
	}
	.acc001 .maps iframe {
		width: 100%;
		height: 240px;
	}
    .page_access #cont1,
    .page_access #cont2,
    .page_access #cont3,
    .page_access #cont4,
    .page_access #cont5,
    .page_access #cont6{
        margin-top: -50px;
        padding-top: 50px;

    }

}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.submainimg#access {
		background: url(../profile/access/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.acc001 {
		display: block;
		padding: 65px 0;
	}
	.bg-f0f0f0 {
		background: #f0f0f0;
	}
	.acc001 table {
		width: 100%;
		border-collapse: collapse;
		border-top: #111 dotted 1px;
		margin-bottom: 35px;
	}
	.acc001 th {
		border-bottom: #111 dotted 1px;
		padding: 20px 0;
		width: 21%;
		font-size: 1.7rem;
		line-height: 1.7;
	}
	.acc001 td {
		border-bottom: #111 dotted 1px;
		padding: 20px 0;
		font-size: 1.7rem;
		line-height: 1.7;
	}
	.acc001 .maps {
		display: block;
	}
	.acc001 .maps iframe {
		width: 100%;
		height: 400px;
	}




}


/* ==================================================
	work
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.submainimg#recruit {
		background:url(../recruit/images/rec-bg-sub.jpg) center center no-repeat;
		background-size: cover;
	}
	.rworks01 {
		display: block;
		position: relative;
		padding: 35px 0;
	}
	.rworks01 .fix-1000 {
		position: relative;
		z-index: 10;
		border-top: #f0f2f7 solid 3px;
	}
	.rworks01 .fix-1000::before {
		position: absolute;
		left: 0;
		top: -3px;
		content: "";
		height: 3px;
		width: 100px;
		background: #00a0e0;
	}
	.rworks01 .txt {
		display: block;
		color: #303346;
	}
	.rworks01 .txt h2 {
		display: block;
		text-align: center;
		font-size: 2.4rem;
		line-height: 1.7;
		padding: 20px 0 20px 0;
	}
	.rworks01 .txt p {
		display: block;
		font-size: 1.6rem;
		line-height: 1.9;
	}
	.rworks02 {
		display: block;
		position: relative;
		background: url(../recruit/work/images/bg1.jpg) left top no-repeat;
		padding: 40px 0 0 0;
	}
	.rworks02 .title01 {
		font-size: 2rem;
	}
	.rw-tab {
		display: block;
		margin-bottom: 35px;
	}
	.rw-tab table {
		width: 100%;
		border-collapse: collapse;
	}
	.rw-tab th {
		text-align: left;
		display: block;
		vertical-align: middle;
		font-size: 1.5rem;
		line-height: 1.9;
		padding: 15px 0;
	}
	.rw-tab td {
		text-align: left;
		display: block;
		font-size: 1.5rem;
		line-height: 1.9;
		border-bottom: #eaeaea solid 1px;
		padding: 0px 0 15px 0;
	}
	.rwlist {
		display: block;
		position: relative;
		margin-bottom: 30px;
		margin-top: 20px;
	}
	.rwlist li {
		display: block;
		border-radius: 20px;
		border: #0004b6 solid 3px;
		position: relative;
		padding: 20px 15px ;
		margin-bottom: 25px;
	}
	.rwlist li figure {
		display: block;
	}
	.rwlist li figure img {
		width: 100%;
		border-radius: 30px;
	}
	.rwlist li h3 {
		display: block;
		font-weight: 200;
		line-height: 1.1;
		color: #0004b6;
		font-size: 2.6rem;
		margin: 25px 0 17px 0;
	}
	.rwlist li p {
		margin-bottom: 20px;
		display: block;
		font-weight: bold;
		line-height: 1.6;
		color: #111;
		font-size: 2rem;
	}
	.rwlist li .tx {
		display: block;
		margin-bottom: 20px;
		font-size: 1.5rem;
		line-height: 1.8;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.submainimg#recruit {
		background:url(../recruit/images/rec-bg-sub.jpg) center center no-repeat;
		background-size: cover;
	}
	.rworks01 {
		display: block;
		position: relative;
		padding: 55px 0;
		margin-bottom: 80px;
	}
	.rworks01::after {
		position: absolute;
		right: 0;
		top: 130px;
		z-index: 1;
		content: "";
		width: 50%;
		height: 660px;
		background: url(../recruit/work/images/img1.jpg) left top no-repeat;
		background-size: cover;
	}
	.rworks01 .fix-1000 {
		position: relative;
		z-index: 10;
		border-top: #f0f2f7 solid 3px;
	}
	.rworks01 .fix-1000::before {
		position: absolute;
		left: 0;
		top: -3px;
		content: "";
		height: 3px;
		width: 170px;
		background: #00a0e0;
	}
	.rworks01 .txt {
		display: block;
		width: 55%;
		color: #303346;
	}
	.rworks01 .txt h2 {
		display: block;
		font-size: 4rem;
		line-height: 1.7;
		padding: 90px 0 44px 0;
	}
	.rworks01 .txt p {
		display: block;
		font-size: 1.5rem;
		line-height: 1.9;
	}
	.rworks02 {
		display: block;
		position: relative;
		background: url(../recruit/work/images/bg1.jpg) left top no-repeat;
		padding: 140px 0 0 0;
	}
	.rworks02 .title01 {
		font-size: 2.3rem;
	}
	.rw-tab {
		display: block;
		margin-bottom: 70px;
	}
	.rw-tab table {
		width: 100%;
		border-collapse: collapse;
	}
	.rw-tab th {
		text-align: left;
		vertical-align: middle;
		font-size: 1.5rem;
		line-height: 1.9;
		border-bottom: #eaeaea solid 1px;
		padding: 25px 0;
		width: 21%;
	}
	.rw-tab td {
		text-align: left;
		font-size: 1.5rem;
		line-height: 1.9;
		border-bottom: #eaeaea solid 1px;
		padding: 25px 0;
	}
	.rwlist {
		display: block;
		position: relative;
		margin-bottom: 50px;
		margin-top: 20px;
	}
	.rwlist li {
		display: block;
		float: left;
		border-radius: 30px;
		border: #0004b6 solid 3px;
		position: relative;
		padding: 20px;
		width: 42%;
		margin-bottom: 60px;
	}
	.rwlist li:nth-child(2n) {
		float: right;
	}
	.rwlist li figure {
		display: block;
	}
	.rwlist li figure img {
		width: 100%;
		border-radius: 30px;
	}
	.rwlist li h3 {
		display: block;
		font-weight: 200;
		line-height: 1.1;
		color: #0004b6;
		font-size: 3rem;
		margin: 25px 0 17px 0;
	}
	.rwlist li p {
		margin-bottom: 20px;
		display: block;
		font-weight: bold;
		line-height: 1.6;
		color: #111;
		font-size: 2.3rem;
	}
	.rwlist li .tx {
		display: block;
		margin-bottom: 20px;
		font-size: 1.5rem;
		line-height: 1.8;
	}
}
@media print, screen and (min-width: 640px) and (max-width: 1200px) {
	.rworks01::after {
		position: absolute;
		right: 0;
		top: 130px;
		z-index: 1;
		content: "";
		width: 65%;
		height:480px;
		background: url(../recruit/work/images/img1.jpg) left top no-repeat;
		background-size: cover;
	}
	.rworks01 .txt p {
		display: block;
		font-size: 1.5rem;
		line-height: 1.9;
		background: rgba(255,255,255,0.8);
		padding: 20px;
	}
}


/* ==================================================
	team
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.submainimg#team {
		background:url(../recruit/team/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.team002 {
		display: block;
		padding: 35px 0;
	}
	.team002 h2 {
		display: block;
		font-size: 2rem;
		line-height: 1.6;
	}
	.team002 h2 br:nth-child(2) {
		display: none;
	}
	.team001 {
		display: block;
		padding-bottom: 35px;
	}
	.team001 .list {
		display: block;
		margin-bottom: 30px;
	}
	.team001 .list li {
		display: block;
		margin-bottom: 20px;
	}
	.team001 .list li .bord {
		display: block;
		border: #efefef solid 2px;
		padding: 20px 15px;
	}
	.team001 .list li figure {
		display: block;
	}
	.team001 .list li img {
		width: 100%;
	}
	.team001 .list li span {
		display: block;
		font-size: 1.3rem;
		line-height: 1.8;
		padding: 10px 0;
	}
	.team001 .list li p {
		display: block;
		font-size: 1.5rem;
		line-height: 1.9;
		border-top: #ccc dotted 1px;
		padding-top: 10px;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.submainimg#team {
		background:url(../recruit/team/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.team002 {
		display: block;
		padding: 60px 0;
	}
	.team002 h2 {
		display: block;
		float: left;
		font-size: 3rem;
		line-height: 1.6;
	}
	.team001 {
		display: block;
		padding-bottom: 60px;
	}
	.team001 .list {
		display: block;
		margin-bottom: 60px;
	}
	.team001 .list li {
		display: block;
		float: left;
		width: 48%;
		margin-bottom: 35px;
	}
	.team001 .list li:nth-child(2n) {
		float: right;
	}
	.team001 .list li .bord {
		display: block;
		border: #efefef solid 2px;
		padding: 20px;
	}
	.team001 .list li figure {
		display: block;
	}
	.team001 .list li img {
		width: 100%;
	}
	.team001 .list li span {
		display: block;
		font-size: 1.3rem;
		line-height: 1.8;
		padding: 14px 0;
	}
	.team001 .list li p {
		display: block;
		font-size: 1.5rem;
		line-height: 1.9;
		border-top: #ccc dotted 1px;
		padding-top: 15px;
	}
}


/* ==================================================
	numbers
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.submainimg#numbers {
		background:url(../recruit/numbers/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.nums001 {
		padding: 25px 0;
	}
	.nums001 .tibox01 h2 {
		font-size: 2.3rem;
	}
	.nums002 {
		display: block;
		padding: 35px 0;
		background: #f0f0f0;
	}
	.nums002 img {
		width: 100%;
	}
	.nums002 li {
		display: block;
		margin-bottom: 25px;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.submainimg#numbers {
		background:url(../recruit/numbers/images/mainimg.jpg) center center no-repeat;
		background-size: cover;
	}
	.nums001 {
		padding: 60px 0;
	}
	.nums001 .tibox01 h2 {
		font-size: 3.3rem;
	}
	.nums002 {
		display: block;
		padding: 60px 0;
		background: #f0f0f0;
	}
	.nums002 img {
		width: 100%;
	}
	.nums002 li {
		display: block;
		float: left;
		margin-bottom: 45px;
		margin-left: 45px;
  		width: calc((100% - (45px * 2)) / 3 - .01px);
	}
	.nums002 li:nth-child(3n+1) {
		margin-left: 0px;
	}
}


/* ==================================================
	20201222
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.tibox01 a {
		text-decoration: none;
		position: relative;
	}
	.bottom-box.bg-rec {
		background: url(../recruit/images/bg.jpg) top center no-repeat;
		background-size: cover;
	}
	.mog {
		display: block;
		text-align: center;
		font-size: 2rem;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	.e-le {
		display: block;
		text-align: center;
	}
	.e-le img {
		display: inline-block;
		width: 100%;
	}
	.recmainimg#recruit-main {
		display: block;
		padding-top: 30px;
		height: 208px;
		text-align: center;
		margin-bottom: 25px;
	}
	.recmainimg.rec-ver div.dam {
		z-index: 10;
		text-align: center;
		position: absolute;
		top: 110px;
		width: 100%;
	}
	.recmainimg.rec-ver h1 {
		display:inline-block;
		position: relative;
		font-weight: bold;
		line-height: 1.2;
		font-size: 3.4rem;
		letter-spacing: 3px;
		color: #FFF;
		margin-bottom: 15px;
        text-shadow:
            #00234F -1px 1px 2px,
            #00234F -1px 1px 2px,
            #00234F -1px 1px 2px,
            #00234F -1px 1px 2px,
            #00234F -1px 1px 2px,
            #00234F -1px 1px 2px,
            #00234F -1px 1px 2px;

	}
	.recmainimg.rec-ver b {
		display: block;
		font-weight: bold;
		line-height: 1;
		color: #FFF;
		font-size: 2.8rem;
		font-family: 'Montserrat', sans-serif;
	}
	.top-main-wrap .bx-pager {
		display: none;
	}
	.top-main-wrap .bx-prev,
	.top-main-wrap .bx-next {
		display: none;
	}
	.rev-box {
		position: relative;
		width: 100%;
		height: 300px;
		overflow: hidden;
	}
	.slide_wrap {
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -300px;
		width: 600px;

		height:300px;
	}
	.slide_wrap .slide img {
		display:block;
		width: 100%;
		height: auto;
	}
	.slide_body {
		display: block;
	}
	.slide_wrap .slide {
		display: block;
		text-align: center;
		position: relative;
		width: 100%;
		height:300px;
	}
	.recs-bg {
		text-decoration: none !important;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.tibox01 a {
		text-decoration: none;
		position: relative;
	}
	.tibox01 a:hover h2,
	.tibox01 a:hover b{
		color:#06771A;
	}
	.bottom-box.bg-rec {
		background: url(../recruit/images/bg.jpg) top center no-repeat;
		background-size: cover;
	}
	.bg-rec .enter-box li {
		display: block;
		clear: both;
		width: 100%;
		margin: 0px;
		text-align: center;
	}
	.bg-rec .enter-box li img {
		display: inline-block;
		max-width: 100%;
	}
	.mog {
		display: block;
		text-align: center;
		font-size: 2.2rem;
		line-height: 1.5;
		margin-bottom: 35px;
	}
	.e-le {
		display: block;
		text-align: center;
	}
	.e-le img {
		display: inline-block;
		max-width: 100%;
	}
	.recmainimg#recruit-main {
		display: block;
		width: 100%;
		height: 758px;
		text-align: center;
		position: relative;
	}
	.recmainimg.rec-ver div.dam {
		text-align: center;
		z-index: 10;
		width: 100%;
		position: absolute;
		left: 0;
		top: 280px;
	}
	.recmainimg.rec-ver h1 {
		display:inline-block;
		position: relative;
		font-weight: bold;
		line-height: 1.2;
		font-size: 7.4rem;
		letter-spacing: 3px;
		color: #FFF;
		margin-bottom: 15px;
		text-shadow:
			#00234F -1px 1px 2px,
            #00234F -1px 1px 2px,
            #00234F -1px 1px 2px,
            #00234F -1px 1px 2px,
            #00234F -1px 1px 2px,
            #00234F -1px 1px 2px,
            #00234F -1px 1px 2px;
	}
	.recmainimg.rec-ver h1::before {
		position: absolute;
		left: -270px;;
		top: -20px;
		content: "";
		height: 2px;
		width: 230px;
		background: #FFF;
		transform: rotate(14deg);
	}
	.recmainimg.rec-ver h1::after {
		position: absolute;
		right: -230px;;
		bottom: -20px;
		content: "";
		height: 2px;
		width: 230px;
		background: #FFF;
		transform: rotate(14deg);
	}
	.recmainimg.rec-ver b {
		display: block;
		font-weight: bold;
		line-height: 1;
		color: #FFF;
		font-size: 2.8rem;
		font-family: 'Montserrat', sans-serif;
	}
	.rev-box {
		position: relative;
		width: 100%;
		height: 1000px;
		overflow: hidden;
	}
	.slide_wrap {
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -1000px;
		width: 2000px;
		height:1000px;
	}
	.slide_wrap .slide img {
		display:block;
		width: 100%;
		height: auto;
	}
	.slide_body {
		display: block;
	}
	.slide_wrap .slide {
		display: block;
		text-align: center;
		position: relative;
		width: 100%;
		height:1000px;
	}
	.top-main-wrap .bx-pager {
		display: none;
	}
	.top-main-wrap .bx-prev,
	.top-main-wrap .bx-next {
		display: none;
	}
	.rec-box01 {
		padding-top: 0px;
		background: none;
	}
	.recs-bg {
		display: block;
		position:relative;
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 120px;
		overflow: hidden;
		text-decoration: none !important;
	}
	.recs-bg::after {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		content: "";
		margin: auto;
		background: url(../recruit/images/bg1.jpg) top center no-repeat;
		width: 1400px;
		height: 380px;
	}
	.recs-bg:hover::after {
		transform: scale(1.1);	/*画像の拡大率*/
		transition-duration: 0.3s;	/*変化に掛かる時間*/
	}
	.recs-bg:hover .tibox01 b,
	.recs-bg:hover .tibox01 h2 {
		color: #0F7C02;
	}
	.recs-bg .fix-1000 {
		position: relative;
		z-index: 10;
		padding-top: 95px;
	}

	.recs-bg .btn01 {
		max-width: 336px;
	}

	.recs-bg:hover .btn01 .btn01_wrap::after {
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		width: 100%;
		height: 100%;
		background: #3eb631;
		-webkit-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
}
@media print, screen and (min-width: 640px) and (max-width: 1430px) {
	.recs-bg::after {
		width: 100%;
	}
	.rec-box01.ex1 {
		overflow: hidden;
	}
}


/* ==================================================
	reserve
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.reserv001 {
		display: block;
		padding: 35px 0 20px 0;
	}
	.reserv001 .bg {
		display: block;
		padding: 20px 15px;
		background: #f0f0f0;
	}
	.reserv001 ul {
		margin-left: 15px;
	}
	.reserv001 li {
		list-style-type: decimal !important;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 8px;
	}
	span.circles {
		display: inline-block;
		color: #FFF;
		font-size: 1.2rem;
		line-height: 1;
		padding: 4px 16px;
		background: #2296F3;
	}
	span.circles2 {
		display: block;
	}
	span.circles2 a {
		color: #FFF;
		font-size: 1.2rem;
		line-height: 1;
		padding: 4px 16px;
		background: #2296F3;
		text-decoration: none !important;
	}
	span.nose {
		display: inline-block;
		color: #FFF;
		font-size: 1.2rem;
		line-height: 1;
		padding: 4px 16px;
		background: #F54337;
	}
	span.kyujitu {
		display: inline-block;
		color: #111;
		font-size: 1.2rem;
		line-height: 1;
		padding: 4px 16px;
		background: #FFCC80;
	}
	.callnd {
		display: block;
		margin-bottom: 30px;
	}
	.callnd table {
		width: 100%;
		border-collapse: collapse;
		border-left: #ccc solid 1px;
		border-top: #ccc  solid 1px;
	}
	.callnd th {
		text-align: center;
		vertical-align: middle;
		height: 45px;
		background: #f8f8f8;
		font-size: 1.2rem;
		line-height: 1.2;
		border-right: #ccc solid 1px;
		border-bottom: #ccc  solid 1px;
	}
	.callnd td {
		text-align: center;
		vertical-align: middle;
		height: 55px;
		padding: 1%;
		width: 13%;
		background: #FFF;
		font-size: 1.2rem;
		line-height: 1.2;
		border-right: #ccc solid 1px;
		border-bottom: #ccc  solid 1px;
	}
	.callnd td.sat {
		background: #ECF9FB;
		color: #218D9C;
	}
	.callnd td.sun {
		background: #FFF2FF;
		color: #F54337;
	}
	.callnd td span {
		display: block;
		text-align: center;
		padding: 10px ;
		margin-top: 7px;
	}
	.callnd td span.circles2 {
		padding: 0px;
	}
	.callnd td span a {
		display: block;
		padding: 10px ;
	}
	.daisu {
		display: block;
		clear: both;
		width: 100%;
	}
	.win2 {
		width: 30% !important;
	}
	.mt45 {
		margin-top: 30px;
	}
	.unk-list li.current a {
		color: #FFF;
		background: #094D94;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.reserv001 {
		display: block;
		padding: 80px 0 30px 0;
	}
	.reserv001 .bg {
		display: block;
		max-width: 700px;
		padding: 45px 50px;
		margin-left: auto;
		margin-right: auto;
		background: #f0f0f0;
	}
	.reserv001 li {
		list-style-type: decimal !important;
		font-size: 1.6rem;
		line-height: 1.8;
		margin-bottom: 8px;
	}
	span.circles {
		display: inline-block;
		color: #FFF;
		font-size: 1.4rem;
		line-height: 1;
		padding: 4px 26px;
		background: #2296F3;
	}
	span.circles2 {
		display: block;
	}
	span.circles2 a {
		color: #FFF;
		font-size: 1.4rem;
		line-height: 1;
		padding: 4px 26px;
		background: #2296F3;
		text-decoration: none !important;
	}
	span.circles2 a:hover {
		background: #095CA2;
	}
	span.nose {
		display: inline-block;
		color: #FFF;
		font-size: 1.4rem;
		line-height: 1;
		padding: 4px 26px;
		background: #F54337;
	}
	span.kyujitu {
		display: inline-block;
		color: #111;
		font-size: 1.4rem;
		line-height: 1;
		padding: 4px 26px;
		background: #FFCC80;
	}
	.callnd {
		display: block;
		margin-bottom: 45px;
	}
	.callnd table {
		width: 100%;
		border-collapse: collapse;
		border-left: #ccc solid 1px;
		border-top: #ccc  solid 1px;
	}
	.callnd th {
		text-align: center;
		vertical-align: middle;
		height: 45px;
		background: #f8f8f8;
		font-size: 1.5rem;
		line-height: 1.2;
		border-right: #ccc solid 1px;
		border-bottom: #ccc  solid 1px;
	}
	.callnd td {
		text-align: center;
		vertical-align: middle;
		height: 55px;
		padding: 1%;
		width: 13%;
		background: #FFF;
		font-size: 1.5rem;
		line-height: 1.2;
		border-right: #ccc solid 1px;
		border-bottom: #ccc  solid 1px;
	}
	.callnd td.sat {
		background: #ECF9FB;
		color: #218D9C;
	}
	.callnd td.sun {
		background: #FFF2FF;
		color: #F54337;
	}
	.callnd td span {
		display: block;
		text-align: center;
	}
	.callnd td span a {
		display: block;
	}
	.daisu {
		display: block;
		clear: both;
		width: 100%;
	}
	.win2 {
		width: 20% !important;
	}
	.mt45 {
		margin-top: 45px;
	}
	.unk-list li.current a {
		color: #FFF;
		background: #094D94;
	}
}

/* ▽ common layout ========== */
.reserve_notes {
  margin-top: 1em;
}

/* ==================================================
	news tab
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.tab_box .btn_area{
		margin: 10px 0;
	}
	.tab_box .btn_area {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.tab_box .btn_area li{
		margin-bottom: 10px;
		padding: 5px 0;
		width:48%;
		background: #ddd;
		text-align: center;
		font-weight: bold;
	}
	.tab_box .btn_area li.active{
		background: #07539f;
		color: #fff;
	}
	.tab_box .btn_area li a{
		color: #333;
		font-weight: bold;
		text-decoration: none;
	}
	.tab_box .btn_area li.active a{
		background: #07539f;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
}

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.tab_box .btn_area{
		margin: 25px 0 0 8%;
	}
	.tab_box .btn_area {
		display: flex;
		justify-content: center;
	}
	.tab_box .btn_area li{
		display: table;
		width: 20%;
		margin-right: 5px;
		color: #333;
		background: #f5f7f8;
		text-align: center;
		cursor: pointer;
		transition: all 0.2s ease 0s;
	}
	.tab_box .btn_area li:hover{
		background: #07539f;
		color: #fff;
	}
	.tab_box .btn_area li.active{
		background: #07539f;
		color: #fff;
		font-weight: bold;
	}
	.tab_box .btn_area li.active a{
		color: #fff;
		font-weight: bold;
	}
	.tab_box .btn_area li a{
		display: table-cell;
		vertical-align: middle;
		padding: 8px 0;
		color: #333;
		font-weight: bold;
		text-decoration: none;
	}
	.tab_box .btn_area li a:hover{
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	.tab_box .panel_area {
	    border-top: solid 1px #07539f;
	    padding: 20px;
	}

	.tab_box .tab_panel {
	    display:none;
	}

	.tab_box .tab_panel.active {
	    display:block;
	}
}