@charset 'utf-8';

/*
service-top
*/
.page-id-40 .titlearea1 {
	padding-bottom: 2rem;
}
.service-top {
	background-image: url("../images/service/service_pattern01.png"), url("../images/service/service_pattern02.png"), url("../images/service/service_pattern03.png"), url("../images/service/service_pattern04.png");
	background-position: top 17% right 0, top 38% left -50%, bottom 20% left 15%, top 0 left 0;
	background-size: 50rem, 40rem, 105rem, 0;
	background-repeat: no-repeat;
	padding-top: 5rem;
}
.service-top-item {
	height: 27rem;
	background: url("../images/service/service01_sp.jpg") center / cover no-repeat;
	margin-bottom: 20.3rem;
	position: relative;
}
.service-top-item:last-child {
	margin-bottom: 9.35rem;
}
.service-top-box {
	background: url("../images/service/service01_titlebox_sp.jpg") right 0 top 0 / cover no-repeat;
	width: 93%;
	margin-left: auto;
	padding: 4.5rem 4.5rem 4rem 4.5rem;
	position: absolute;
	bottom: -8rem;
	left: 0;
	text-align: right;
}
.service-top-item:nth-child(2n+1) .service-top-box {
/*	text-align: right;*/
	right: 0;
}

.service-top-h2 {
	font-family: "din-2014-narrow", "BIZ UDPGothic", sans-serif;
	font-size: 4rem;
	font-weight: 700;
	color: #fff;
	text-shadow: 5px 5px 7px rgba(46, 117, 104, .8);
	-webkit-text-stroke: 7px #2E7568;
	text-stroke: 7px #2E7568;
	paint-order: stroke;
	line-height: 1;
}
.service-top-h3 {
	font-size: 2rem;
	font-weight: 700;
	position: relative;
	color: #fff;
	text-shadow: 5px 5px 7px rgba(46, 117, 104, .8);
	-webkit-text-stroke: 4px #2E7568;
	text-stroke: 4px #2E7568;
	paint-order: stroke;
	width: fit-content;
	margin:5px 0 5px auto;
}
.service-top-h3:before {
	position: absolute;
	left: -5rem;
	top: calc(50% - 2.5px);
	content: '';
	height: 5px;
	width: 4.1rem;
	border: 2px solid #2E7568;
	background-color: #fff;
}
.service-top-btn {
	color: #2E7568;
	background-color: #fff;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	line-height: 1;
	width: 100%;
	max-width: 18rem;
	border: 2px solid #2E7568;
	border-radius: 3px;
	box-shadow: 2px 2px 3px 0 rgba(46, 117, 104, .8);
	margin: 0 auto;
	overflow: hidden;
    transition: all 0.3s;
	letter-spacing: 0.1em;
	position: relative;
}
.service-top-btn:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #2E7568;
	transform: translateX(-100%);
	transition: all 0.3s;
}
.service-top-btn:hover {
	color: #fff;
	background-color: #2E7568;
	opacity: 1;
}
.service-top-btn:hover::before {
	transform: translateY(0);
}
.service-top-btn span {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*
.service-top-btn img {
	max-width: 11px;
	margin-left: 11px;
}
*/
.service-top-btn-arrow {
	width: 9px;
	height: 12px;
/*
	width: 11px;
	height: 20.11px;
*/
	margin-left: 11px;
	background:  url("../images/common/arrow_green.png") center / contain no-repeat;
	transition: .3s;
	position: relative;
	display: block;
}
.service-top-btn:hover .service-top-btn-arrow  {
	background:  url("../images/common/arrow_white.png") center / contain no-repeat;
}
.service-top-item02 {
	background-image: url("../images/service/service02_sp.jpg");
}
.service-top-item02 .service-top-box {
	background-image: url("../images/service/service02_titlebox_sp.jpg");
}
.service-top-item03 {
	background-image: url("../images/service/service03_sp.jpg");
}
.service-top-item03 .service-top-box {
	background-image: url("../images/service/service03_titlebox_sp.jpg");
}
.service-top-item04 {
	background-image: url("../images/service/service04_sp.jpg");
}
.service-top-item04 .service-top-box {
	background-image: url("../images/service/service04_titlebox_sp.jpg");
}
.service-top-item05 {
	background-image: url("../images/service/service05_sp.jpg");
}
.service-top-item05 .service-top-box {
	background-image: url("../images/service/service05_titlebox_sp.jpg");
}
@media (min-width:576px) {
	.service-top-btn {
		margin-right: 0;
		max-width: 15.2rem;
	}
}
@media (min-width:768px) {
	.service-top {
		background-position: top 15.5% right -10%, top 42% left 0, bottom 24% left 0, top -1% left 0;
		background-size: 110rem, 110rem, 175rem, 110rem;
		padding-top: 13rem;
	}
	.service-top-item {
		background-image: url("../images/service/service01.jpg");
		height: 41.5rem;
		margin-bottom: 24.3rem;
	}
	.service-top-item02 {
		background-image: url("../images/service/service02.jpg");
	}
	.service-top-item03 {
		background-image: url("../images/service/service03.jpg");
	}
	.service-top-item04 {
		background-image: url("../images/service/service04.jpg");
	}
	.service-top-item05 {
		background-image: url("../images/service/service05.jpg");
	}
	.service-top-box {
		background-image: url("../images/service/service01_titlebox.jpg");
		width: 87rem;
		min-height: 30rem;
		padding: 6rem 5rem 5rem;
/*		padding: 5rem;*/
		bottom: -4.3rem;
	}
	.service-top-item02 .service-top-box {
		background-image: url("../images/service/service02_titlebox.jpg");
	}
	.service-top-item03 .service-top-box {
		background-image: url("../images/service/service03_titlebox.jpg");
	}
	.service-top-item04 .service-top-box {
		background-image: url("../images/service/service04_titlebox.jpg");
	}
	.service-top-item05 .service-top-box {
		background-image: url("../images/service/service05_titlebox.jpg");
	}
	.service-top-text {
		width: 100%;
		max-width: 62rem;
		margin-left: auto;
	}
	.service-top-item:nth-child(2n+1) .service-top-text {
		margin: 0 auto 0 0;
	}
	.service-top-h2 {
		font-size: 6.8rem;
	}
	.service-top-h3 {
		font-size: 2.5rem;
	}
	
}

/*
about
*/
.s-about {
	padding-top: 0;
}
.s-about01 {
	background: url("../images/service/about/about_pattern01.png") right 0 bottom 0 / cover no-repeat;
	padding-bottom: 10rem;
	margin: 8rem 0 19.55rem;
}
.s-about02 {
	background: url("../images/service/about/about_pattern02.png") left 0 bottom 0 / cover no-repeat;
	padding-bottom: 10rem;
}
.s-about-h3 {
	font-size: 3rem;
	font-weight: 700;
	text-align: center;
	width: 100%;
	max-width: 48rem;
	margin: 0 auto 4rem;
	position: relative;
	padding: 3rem 15px 0;
	letter-spacing: 0.1em;
}
.s-about-h3 .s-about-num {
	color: #3F9877;
	position: absolute;
	top: -4rem;
	left: 15px;
	font-family: "din-2014", "BIZ UDPGothic", sans-serif;
	font-size: 5rem;
	font-style: italic;
	font-weight: 500;
	line-height: 1;
}
.s-about-items {
	display: grid;
	grid-template-columns: 1fr;
	gap: 3rem;
	width: 100%;
	max-width: 1247px;
	padding: 0 15px;
	margin: 0 auto;
}
.s-about-img {
	margin-bottom: 10px;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
}
.s-about-img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}
.s-about-text {
	text-align: center;
}
.s-about .common-btn {
	max-width: 28rem;
	margin: 5rem auto 0;
	border-radius: 3px;
	letter-spacing: 0.1em;
}
.s-about .s-about-text .common-btn {
	margin: 0 auto;
	font-size: 14px;
	letter-spacing: 0.1em;
	max-width: 105px;
	padding: 5px;
}
.s-about .common-btn .service-top-btn-arrow {
	background: url("../images/common/arrow_white.png") center / contain no-repeat;
	display: inline-block;
	height: 11px;
	margin-left: 3px;
	
}
.s-about .common-btn:hover .service-top-btn-arrow {
	background: url("../images/common/arrow_green.png") center / contain no-repeat;
}
@media (min-width:576px) {
	.s-about-items {
		grid-template-columns: 1fr 1fr;
	}
	.s-about-h3 .s-about-num {
		left: -8px;
	}
}
@media (min-width:768px) {
	.s-about01, .s-about02 {
		background-size: contain;
	}
	.s-about-h3 {
		margin-bottom: 8rem;
		padding-top: 0;
	}
	.s-about-items li {
		display: flex;
		align-items: center;
		width: 100%;
		max-width: 65rem;
		margin: 0 auto;
	}
	.s-about-img {
		margin: 0 5px 0 0;
		width: 63%;
		padding-bottom: 58.818%;
/*		max-width: 213px;*/
	}
	.s-about-text {
		width: 40%;
		text-align: left;
	}
	.s-about .s-about-text .common-btn {
		margin: 0;
	}
	.s-about .common-btn {
		margin: 10rem auto 5rem;
	}
}
@media (min-width:992px) {
	
	.s-about-items {
		grid-template-columns: 1fr 1fr 1fr;
		
	}
}
@media (min-width:1200px) {
	.s-about-items {
		gap: 6.43rem 6.7rem;
	}
	.s-about-img {
		margin-right: 12px;
	}
}


/*
case
*/
.s-case-top {
	padding: 0 0 3.5rem;
}
.s-case-top .common-subtitle {
	margin-bottom: 6rem;
}
.service-title {
	font-size: 2.5rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	border-bottom: 3px solid #2E7568;
	position: relative;
	margin-bottom: 5.6rem;
	line-height: 1.4;
}
.service-title:before {
	position: absolute;
	bottom: -3px;
	left: -1000px;
	content: '';
	width: 1000px;
	height: 3px;
	background-color: #2E7568;
}
.s-case-top-content {
	background: url("../images/service/case/case_pattern01.png") right 0 top 0 / 100% no-repeat, url("../images/service/case/case_pattern02.png") left 0 bottom 0 / 100% no-repeat, #3F9877;
	padding: 5rem 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-bottom: 5rem;
}
.s-case-top-item {
	background-color: #fff;
	padding: 3rem 2rem;
	text-align: center;
	font-size: 2rem;
	width: 100%;
	max-width: calc(1070px/2 - 4rem);
	letter-spacing: 0.1em;
	line-height: 1.5;
}
.s-case-top-item + .s-case-top-item {
	margin-top: 4rem;
}

.s-case-video {
	width: 100%;
	
}

.s-case-video iframe {
	width: 100%;
	height: 100%;
	aspect-ratio: 1000/563;
}

.s-case-top-h3 {
	font-family: "din-2014", "BIZ UDPGothic", sans-serif;
	font-size: 5rem;
	font-weight: 700;
	color: #2E7568;
	line-height: 1;
	margin-bottom: 2rem;
	letter-spacing: 0;
}
.s-case-top-h3-jp {
	font-size: 2.5rem;
	font-weight: 700;
	display: block;
	color: #3B4043;
	letter-spacing: 0.1em;
	margin-bottom: 8px;
}
.s-case-img {
	margin-top: 5rem;
}
.s-case-example {
	padding: 3.5rem 0 5rem;
}
.s-case-example-content {
	background: url("../images/service/case/case_pattern03.png") right 0 top 0 / 100% no-repeat, url("../images/service/case/case_pattern04.png") left 0 bottom 0 / 100% no-repeat, #3F9877;
	padding: 8.7rem 0 10.6rem;
}
.s-case-example-h4 {
	font-size: 2.5rem;
	font-weight: 700;
	color: #fff;
	background-color: #333333;
	line-height: 1;
	letter-spacing: 0.1em;
	padding: 6px 11px;
	margin-bottom: 10px;
	width: fit-content;
}
.s-case-example-h5 {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: #fff;
	-webkit-text-stroke: 10px #2E7568;
	text-stroke: 10px #2E7568;
	paint-order: stroke;
	line-height: 1.48;
	margin-bottom: 2.5rem;
}
.s-case-example-box {
	background-color: #fff;
	padding: 3rem 2rem;
}
.s-case-example-item01 .s-case-example-img img {
	max-width: 82.7rem;
}
.s-case-example-arrow {
	margin-bottom: 3rem;
}
.s-case-example-arrow img {
	max-width: 3.6rem;
}
.s-case-example-figure-item01, .s-case-example-figure-item03 {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.s-case-past, .s-case-now, .s-case-example-result-title {
	font-size: 2.6rem;
	line-height: 1;
	font-weight: 700;
	padding: 7px 10px;
	color: #3F9877;
	border: 1px solid #3F9877;
	margin-bottom: 10px;
	letter-spacing: 0;
	width: 93px;
/*	width: 60px;*/
	text-align: center;
	white-space: nowrap;
}
.s-case-now {
	color: #fff;
	background-color: #3F9877;
}
.s-case-example-figure-item01 ul {
	font-size: 2rem;
	white-space: nowrap;
}
.s-case-example-figure-item01 li.tousya {
	font-size: 2.5rem;
	font-weight: 700;
}
.s-case-example-figure-item02 {
	margin: 3rem auto;
	max-width: 4.1rem;
	transform: rotate(90deg);
}
.s-case-example-figure-text {
	font-size: 2rem;
	letter-spacing: 0.1em;
	font-weight: 700;
}
.s-case-example-result {
	color: #3F9877;
	font-size: 2.5rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-align: center;
	line-height: 1.4;
}
.s-case-example-result-title {
	color: #fff;
	background-color: #B80404;
	border: none;
	padding: 9px;
	display: block;
	margin: 0 auto 7px;
}
.flow-btn.common-btn {
	max-width: 28rem;
	margin-top: 7rem;
}
@media (min-width:768px) {
	.s-case-top .common-subtitle {
		margin-bottom: 15.4rem;
	}
	.service-title {
		font-size: 3rem;
		padding-left: 3.5rem;
	}
	.s-case-top-content {
		flex-direction: row;
		align-items: normal;
		background-size: 60%;
		margin-bottom: 15rem;
	}
	.s-case-img img {
		max-width: 38rem;
	}
	.s-case-example {
		padding-bottom: 15rem;
	}
	.s-case-example-h4 {
		font-size: 3rem;
	}
	.s-case-example-h5 {
		font-size: 2.5rem;
		padding-left: 2rem;
	}
	.s-case-top-item {
		padding: 4.2rem 3rem 3.7rem;
	}
	.s-case-top-item + .s-case-top-item {
		margin: 0 0 0 4rem;
	}
	.s-case-example-content {
		background-size: 60%;
	}
	.s-case-example-box {
		padding: 4rem 4.8rem 5rem;
	}
	.s-case-example-figures {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-left: auto;
	}
	.s-case-example-figure-item01, .s-case-example-figure-item03 {
		flex-direction: row;
	}
	.s-case-example-figure-item01 li + li {
		margin-top: 8px;
	}
	.s-case-example-figure-item02 {
		margin: 0 2rem;
		transform: rotate(0);
	}
	.s-case-past, .s-case-now {
		margin: 0 13px 0 0;
	}
	.s-case-example-result-title {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
@media (min-width:992px) {
	.s-case-example-figure-item02 {
		margin: 0 4rem;
	}
	.s-case-example-result {
		font-size: 3rem;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: left;
	}
	.s-case-example-result-title {
		margin: 0 14px 0 0;
	}
	
}


/*
system
*/
.service-title span.color-green {
	font-size: 4rem;
	font-weight: 400;
	margin-right: -1rem;
}
.s-system01 {
	padding: 5rem 0 2.5rem;
}
.page-id-46 .service-title {
	margin-bottom: 2.4rem;
}
.s-flow-content {
	background-color: #F8F8F8;
	padding: 4rem 0;
}
.service-subtitle {
	font-size: 2.5rem;
	font-weight: 700;
	margin: 3rem 0 -4px 10px;
}
section .service-subtitle:first-child {
	margin-top: 0;
}
.service-list li {
	font-size: 2rem;
	padding: 0 0 10px 20px;
	border-bottom: 1px solid #707070;
	margin-top: 9px;
	position: relative;
	line-height: 1.2;
}
.service-list li:before {
	position: absolute;
	top: 4px;
	left: 0;
	content: '';
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 100%;
	background-color: #2E7568
}
.s-system02 {
	padding-top: 4.5rem;
}
.s-system03 {
	padding-bottom: 5rem;
}
.s-system03 .service-subtitle {
	margin-top: 5rem;
}
.s-system03-content {
	background-color: #F8F8F8;
	padding: 4rem 0 5rem;
}
.s-system03-table {
	margin-top: 10px;
}
.s-system03-table th {
	color: #fff;
	background-color: #3F9877;
	font-size: 2rem;
	width: 8.6rem;
	vertical-align: middle;
	min-height: 5rem;
	border-right: 1.05rem solid #F8F8F8;
}
.s-system03-table td {
	font-size: 2rem;
	letter-spacing: 0.05em;
	border-bottom: 1px solid #707070;
	width: calc(100% - 8.6rem);
	line-height: 1.1;
	padding-bottom: 5px;
	min-height: 5rem;
}
.s-system03 .service-subtitle {
	letter-spacing: 0.1em;
}
@media (min-width:768px) {
	.s-system01 {
		padding-top: 11rem;
	}
	.service-list li {
		margin-left: 2.5rem;
	}
	.s-system03 {
		padding-bottom: 15rem;
	}
	.s-system03-table {
		margin-left: 2.5rem;
	}
	.s-system03-table td {
		padding-left: 3rem;
	}
}

/*
equipment
*/
.service-table01 {
	border-collapse: separate;
	border-spacing: 5px 2px;
}
.service-table01 th, .service-table01 td, .service-table02 th, .service-table02 td {
	padding: 5px 10px;
	letter-spacing: 0.1em;
	text-align: center;
	line-height: 1;
}
.service-table01 th {
	color: #fff;
	background-color: #2E7568;
	width: 25%;
}
.service-table01 th:first-child {
	width: 75%;
}
.service-table01 td {
	border: 1px solid #2E7568;
}
.service-table01:last-child {
	margin-top: 3rem;
}
.service-table02 tr:hover, .service-table02 tr:hover td:before{
	background-color: #E5E5E5;
}
.service-table02 tr:hover td:before {
	z-index: -1;
}
.service-table02 tr:last-child td {
	border-bottom: 1.5px solid #2E7568;
}
.service-table02 th, .service-table02 td {
	white-space: nowrap;
	padding: 6px;
	font-size: 10px;
/*	font-size: 2.3rem;*/
}
.service-table02 th {
	letter-spacing: 0;
	color: #fff;
	background-color: #2E7568;
	border-right: 2px solid #fff;
	border-top: 1px solid #2E7568;
}
.service-table02 th:first-child {
	border-left: 2px solid #2E7568;
}
.service-table02 th:last-child {
	border-right: 2px solid #2E7568;
}
.service-table02 th, .service-table02 td:first-child, .service-table02 td:nth-child(2) {
	position: sticky;
	left: 0;
	background-color: #fff;
/*
	border-right: 1px solid #2E7568;
    border-left: 1px solid #2E7568;
	border-top:  1px solid #2E7568;
	border-bottom:  1px solid #2E7568;
*/
	border: 1px solid #2E7568;
	z-index: 2;
}
.service-table02 th {
	background-color: #2E7568;
	top: -1px;
	z-index: 1;
	border-top: 1px solid #2E7568;
	border-bottom: 1px solid #2E7568;
/*
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
*/
}
.service-table02 th:first-child, .service-table02 th:nth-child(2) {
	z-index: 3;
}
.service-table02 th:before, .service-table02 td:first-child:before, .service-table02 td:nth-child(2):before {
	content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 3px);
    height: calc(100% + 2px);
    border-right: 2px solid #2E7568;
    border-left: 2px solid #2E7568;
	border-top: 1px solid #2E7568;
	border-bottom: 1px solid #2E7568;
}
.service-table02 th:before {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}
.service-table02 th:first-child:before, .service-table02 th:nth-child(2):before {
	border-right: 2px solid #fff;
}
.service-table02 th:first-child:before {
	border-left: 2px solid #2E7568;
}
.service-table02 th:last-child:before {
	border-right: 2px solid #2E7568;
}
.service-table02 th:nth-child(2), .service-table02 td:nth-child(2){
	left: 72px;
}
.s-equip-item02 .service-table02 th:nth-child(2), .s-equip-item02 .service-table02 td:nth-child(2){
	left: 59.5px;
}
.s-equip-item03 .service-table02 th:nth-child(2), .s-equip-item03 .service-table02 td:nth-child(2){
	left: 85px;
}
.s-equip-item04 .service-table02 th:nth-child(2), .s-equip-item04 .service-table02 td:nth-child(2){
	left: 90px;
}
.s-equip-item05 .service-table02 th:nth-child(2), .s-equip-item05 .service-table02 td:nth-child(2){
	left: 124px;
}
.s-equip-item06 .service-table02 th:nth-child(2), .s-equip-item06 .service-table02 td:nth-child(2){
	left: 61px;
}
.s-equip-item07 .service-table02 th:nth-child(2), .s-equip-item07 .service-table02 td:nth-child(2){
	left: 115px;
}
.s-equip-item08 .service-table02 th:nth-child(2), .s-equip-item08 .service-table02 td:nth-child(2){
	left: 115px;
}
.service-table02 td {
	letter-spacing: 0.05em;
	border: 2px solid #2E7568;
	border-top: none;
	border-bottom: 1px solid #2E7568;
	padding: 10px 6px;
}
.s-equip-top {
	padding: 0 0 6.2rem;
}
.s-equip-item {
	position: relative;
}
.s-equip-item .common-btn {
	margin: 0 0 10px 0;
	width: fit-content;
	max-width: 100%; 
}
.s-equip-textarea {
	margin-bottom: 12px;
}
.s-equip-subtitle {
	padding-left: 3rem;
	font-size: 3rem;
	letter-spacing: 0.1em;
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.s-equip-subtitle:before {
	content: '';
	width: 9px;
	height: 9px;
	background-color: #3F9877;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: calc(50% - 6px);
}
.s-equip-subtitle img {
	max-width: 10px;
	margin-left: 15px;
	transition: .3s;
}
.active .s-equip-subtitle>img {
	transform: rotate(90deg);
}
.s-equip-content {
	padding-top: 5rem;
}
.s-equip-scroll {
	opacity: 0;
	color: #707070;
	display: flex;
	align-items: center;
	margin-left: auto;
	font-size: 1.6rem;
	letter-spacing: 0.01em;
	transition: .3s;
	position: absolute;
	top: 64px;
	right: 0;
}
.active .s-equip-scroll {
	opacity: 1;
}
.s-equip-scroll img {
	max-width: 3.88rem;
	margin-left: 2rem;
}

.accordion-content {
	overflow: auto;
	white-space: nowrap;
	margin: 0 0 11rem 0;
	display: none;
	height: 100%;
	max-height: 55rem;
}
.pagetop {
	position: relative;
	max-width: 19.5rem;
	text-align: center;
	font-size: 14px;
	letter-spacing: 0.05em;
	margin: 9.3rem 0 0 auto;
	padding: 5px;
	font-weight: 400;
}
.pagetop img {
	position: absolute;
	top: calc(50% - 6px);
	right: 6.5px;
	transform: rotate(-90deg);
	width: 6px;
}
.s-equip-content .common-btn {
	font-size: 12px;
}
.s-equip-content .common-btn span {
	width: 100%;
}
.s-equip-content .common-btn .common-btn-arrow {
	position: absolute;
	top: calc(50% - 6px);
	right: 6.5px;
	transform: rotate(-90deg);
}
.s-equip-content .flow-btn.common-btn {
	margin-top: 11rem;
}
@media (min-width:576px) {
	.s-equip-titlearea {
		display: flex;
		align-items: center;
	}
	.s-equip-item .common-btn {
		margin: 0 0 0 5.43rem;
	}
	.s-equip-scroll {
		top: 10px;
	}
	.service-table02 th, .service-table02 td {
		font-size: 13px;
	}
	.service-table02 th:nth-child(2), .service-table02 td:nth-child(2){
		left: 90px;
	}
	.s-equip-item02 .service-table02 th:nth-child(2), .s-equip-item02 .service-table02 td:nth-child(2){
		left: 73.5px;
	}
	.s-equip-item03 .service-table02 th:nth-child(2), .s-equip-item03 .service-table02 td:nth-child(2){
		left: 106.5px;
	}
	.s-equip-item04 .service-table02 th:nth-child(2), .s-equip-item04 .service-table02 td:nth-child(2){
		left: 113.5px;
	}
	.s-equip-item05 .service-table02 th:nth-child(2), .s-equip-item05 .service-table02 td:nth-child(2){
		left: 157.5px;
	}
	.s-equip-item06 .service-table02 th:nth-child(2), .s-equip-item06 .service-table02 td:nth-child(2){
		left: 83px;
	}
	.s-equip-item07 .service-table02 th:nth-child(2), .s-equip-item07 .service-table02 td:nth-child(2){
		left: 146.5px;
	}
	.s-equip-item08 .service-table02 th:nth-child(2), .s-equip-item08 .service-table02 td:nth-child(2){
		left: 146.5px;
	}
}
@media (min-width:992px) {
	.service-table01-wrapper {
		display: flex;
		align-items: flex-start;
	}
	.service-table01 {
		border-spacing: 10px 2px;
	}
	.service-table01 th, .service-table01 td {
		font-size: 2.3rem;
	}
	.service-table01:first-child {
		margin-left: -10px;
	}
	.service-table01:last-child {
		margin: 0 -10px 0 0;
	}
	.service-table02 th, .service-table02 td {
		padding: 6px 3rem;
		font-size: 15px;
	}
	.service-table02 th:nth-child(2), .service-table02 td:nth-child(2){
		left: 150px;
	}
	.s-equip-item02 .service-table02 th:nth-child(2), .s-equip-item02 .service-table02 td:nth-child(2){
		left: 131px;
	}
	.s-equip-item03 .service-table02 th:nth-child(2), .s-equip-item03 .service-table02 td:nth-child(2){
		left: 169px;
	}
	.s-equip-item04 .service-table02 th:nth-child(2), .s-equip-item04 .service-table02 td:nth-child(2){
		left: 177px;
	}
	.s-equip-item05 .service-table02 th:nth-child(2), .s-equip-item05 .service-table02 td:nth-child(2){
		left: 228px;
	}
	.s-equip-item06 .service-table02 th:nth-child(2), .s-equip-item06 .service-table02 td:nth-child(2){
		left: 152px;
	}
	.s-equip-item07 .service-table02 th:nth-child(2), .s-equip-item07 .service-table02 td:nth-child(2){
		left: 215px;
	}
	.s-equip-item08 .service-table02 th:nth-child(2), .s-equip-item08 .service-table02 td:nth-child(2){
		left: 215px;
	}
	.service-table02 td {
		padding: 10px 3rem;
	}
	.s-equip-content .common-btn {
		font-size: 16px;
	}
}
@media (min-width:1200px) {
	.service-table01 th {
		width: 34%
	}
	.service-table01 th:first-child {
		width: 66%;
	}
	.service-table01:last-child {
		margin: 0 -10px 0 14px;
	}
}


/*
available
*/
.service-list.no-style li {
	font-size: 2.5rem;
}
.service-list.no-style li:before {
	display: none;
}
.page-id-50 section {
	padding: 6rem 0;
}
.page-id-50 section.titlearea2 {
	padding: 0 0 4.5rem;
}
.page-id-50 .service-title {
	margin-bottom: 2rem;
	padding-left: 0;
}
.page-id-50 .service-title span.color-green {
	margin-right: 0;
}
.service-list-span01, .service-list-span02, .service-list-span03, .service-list-span04 {
	display: block;
	font-size: 2.2rem;
}
.service-title-note {
	font-size: 16px;
	font-weight: 500;
	display: block;
	padding-left: 3rem;
}
.s-available-gridbox {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1px;
	padding: 1px;
	width: 100%;
	max-width: 95.5rem;
	margin: 0 auto;
}
.s-available-gridbox li {
	outline: 1px solid #707070;
	padding: 10px 0;
	text-align: center;
	font-size: 2.2rem;
	line-height: 1.682;
/*
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
*/
}
.page-id-50 section.s-available04 {
	padding-bottom: 15rem;
}
@media (min-width:576px) {
	.s-available-gridbox {
		grid-template-columns: 1fr 1fr;
	}
}
@media (min-width:768px) {
	.service-list-flex li {
		display: flex;
	}
	.service-list-span01 {
	width: 35%;
	}
	.service-list-span02 {
		width: 45%;
	}
	.service-list-span03 {
		width: 14%;
	/*	width: 14rem;*/
	}
	.service-list-span04 {
		width: 6%;
	/*	width: 6rem;*/
	}
	.s-available-gridbox {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media (min-width:1200px) {
	.s-available-gridbox {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.service-title-note {
		display: inline;
		padding-left: 0;
	}
}