@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.page {
  background: url("../images/service-images/page-bg.jpg") 50% 50% no-repeat;
  margin-bottom: 0;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

.service {
	padding: 60px 0 20px 0;
}
.service__item {
	position: relative;
  font-family: 'Noto Sans JP', sans-serif;
	margin-bottom: 40px;
}
.service__item img {
	position: relative;
	z-index: 0;
	display: block;
	margin-bottom: 15px;
	object-fit: cover;
    height: 330px;
	max-height: 100%;
    max-width: 100%;
}
.service__item2 img {
	position: relative;
	z-index: 0;
	display: block;
	margin-bottom: 15px;
}
.service__number {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 115px;
	color: #fff;
  font-size: clamp(1.2rem,1.2vw,1.5rem);
	font-weight: 700;
	text-align: center;
	background-color: #0e0e65;
	padding: 3px 15px;
}
.service__tit {
	color: #0e0e65;
  font-size: clamp(1.6rem,2vw,2rem);
	font-size: 2rem;
	text-align: center;
	margin-bottom: 0;
}
.service__number2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 115px;
	color: #fff;
  font-size: clamp(1.2rem,1.2vw,1.5rem);
	font-weight: 700;
	text-align: center;
	background-color: #0e0e65;
	padding: 3px 15px;
}
.service__tit2 {
	color: #0e0e65;
  font-size: clamp(1.6rem,2vw,2rem);
	font-size: 2rem;
	text-align: center;
	margin-bottom: 0;
}
.waste__tit--01 {
  font-size: clamp(2.5rem,3.5vw,3.5rem);
	display: flex;
	align-items: center;
}
.waste__tit--01:before,
.waste__tit--01:after {
	content: "";
	height: 1px;
	flex-grow: 1;
	background-color: rgba(255,255,255,0.3);
}
.waste__tit--01:before {
	margin-right: 1rem;
}
.waste__tit--01:after {
	margin-left: 1rem;
}
.waste__tit--02 {
  font-size: clamp(1.7rem,2.2vw,2rem);
	border-left: solid 5px;
	padding-left: 15px;
}
.profile__table tr:nth-child(odd) {
	background-color: #eee;
}
.profile__table th {
	padding: 20px;
}
.profile__table td {
	padding: 20px;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}
@media screen and (max-width: 1200px){/*1200以下*/

}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

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

.service .ul-4column {
	width: 105%;
}
.service .ul-4column li {
	width: 45%;
	margin-right: 5%;
}
.waste .ul-4column {
	width: 105%;
}
.waste .ul-4column li {
	width: 45%;
	margin-right: 5%;
}

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

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

.service {
	padding: 40px 0 10px 0;
}
.service__item img {
	position: relative;
	z-index: 0;
	display: block;
	margin-bottom: 15px;
	object-fit: none;
    height: auto;
	max-height: 100%;
    max-width: auto;
}

}