@charset "utf-8";

/* 20250312 added by Fabo */
@import url('https://fonts.googleapis.com/css2?family=Cardo&display=swap');

.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }

.entry-content .row {
	margin-right: -10px;
	margin-left: -10px;
}
.entry-content .row > div {
	margin-bottom: 20px;
	padding: 0 10px;
}
.entry-content .row.-custom {
	margin-right: -22px;
	margin-left: -22px;
}
.entry-content .row.-custom > div {
	margin-bottom: 40px;
	padding: 0 22px;
}
.term-contact .entry-content .row {
	margin: 0;
}
.term-contact .entry-content .row > div {
	margin: 0;
	padding: 0;
}

.entry-content .template-text :first-child,
.entry-content .contents-textarea :first-child {
	margin-top: 0 !important;
}

.strong {
	color: #761713;
}

.entry-content dl dt {
	color: #761713;
	font-size: 17px;
	font-weight: bold;
}
.entry-content dl dd {
	margin-bottom: 10px;
}

.table-bordered {
	margin-bottom: 25px;
}
.table-bordered th,
.table-bordered td {
	padding: 15px;
	line-height: 1.6;
	border: 2px solid #fff;
}
.table-bordered th {
	width: 25%;
	background: #000;
	color: #fff;
	font-weight: bold;
}
.table-bordered td {
	background: #f2f2f2;
}

.table-fixed {
	margin-bottom: 25px;
	table-layout: fixed;
}
.table-fixed th,
.table-fixed td {
	padding: 15px;
	border: 2px solid #fff;
	line-height: 1.6;
	text-align: center;
	vertical-align: middle;
}
.table-fixed th {
	background: #000;
	color: #fff;
	font-weight: bold;
}
.table-fixed td {
	background: #f2f2f2;
}

.table_qa {
	width: 100%;
	margin-bottom: 10px;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
.table_qa th {
	width: 5%;
	padding: 20px 0 20px 20px;
}
.table_qa td {
	padding: 20px;
	vertical-align: middle;
}
.table_qa tr:nth-child(2n-1) td {
	font-size: 18px;
	font-weight: bold;
}
.table_qa tr:nth-child(2n) {
	background: #f2f2f2;
}
.table_qa tr:nth-child(2n) th {
	vertical-align: top;
}
.q_icon {
	display: inline-block;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: #000;
	line-height: 46px;
	color: #fff;
	font-family: 'Cardo', serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.a_icon {
	display: inline-block;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: #7d0e0a;
	line-height: 46px;
	color: #fff;
	font-family: 'Cardo', serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}


.custom-ttl {
	margin: 0 0 50px;
	text-align: center;
}
.custom-ttl h2 {
	position: relative;
	margin: 0 0 20px !important;
	padding: 20px !important;
	background: none !important;
	line-height: 1 !important;
	color: #000 !important;
	font-family: 'Cardo', serif;
	font-size: 42px !important;
	letter-spacing: 0.025em;
}
.custom-ttl h2:first-letter {
	color: #761713 !important;
}
.custom-ttl h2::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 40px;
	height: 1px;
	margin-left: -20px;
	background: #971812;
}
.custom-ttl p {
	line-height: 1 !important;
	font-family: 游明朝,'Yu Mincho',YuMincho,'Hiragino Mincho ProN','Hiragino Mincho Pro',HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 18px;
	font-weight: bold;
}

.contents-colorbox {
	margin-bottom: 40px;
	padding: 35px;
	background: #f7f7f7;
}
.contents-colorbox :first-child {
	margin-top: 0 !important;
}
.contents-colorbox :last-child {
	margin-bottom: 0 !important;
}

.contents-borderbox {
	margin-bottom: 40px;
	padding: 35px;
	border: #111 1px solid;
}
.contents-borderbox :first-child {
	margin-top: 0 !important;
}
.contents-borderbox :last-child {
	margin-bottom: 0 !important;
}

.contents-messagebox-group {
	margin: 70px 0;
}
.contents-messagebox {
	position: relative;
	z-index: 10;
	margin-bottom: 80px;
	padding-bottom: 80px;
}
.contents-messagebox::before {
	content: '';
	position: absolute;
	top: 100px;
	right: -100%;
	bottom: 0;
	left: -80px;
	z-index: -10;
	background: #f2f2f2;
}
.contents-messagebox:nth-child(even)::before {
	right: -80px;
	left: -100%;
}
.contents-messagebox .template-text {
	padding-top: 25px;
	line-height: 2.2;
}
.contents-messagebox .template-img-right {
	margin: 0 0 0 50px;
}
.contents-messagebox .template-img-left {
	margin: 0 50px 0 0;
}
.contents-messagebox h3 {
	margin: 0 0 45px !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
	font-family: 游明朝,'Yu Mincho',YuMincho,'Hiragino Mincho ProN','Hiragino Mincho Pro',HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 24px !important;
}


.contents-conceptbox {
	position: relative;
	margin-bottom: 100px;
}
.contents-conceptbox-detail {
	position: relative;
	z-index: 10;
	margin: -90px 90px 0;
	padding: 35px 50px 45px;
	background: #f7f7f7;
}
.contents-conceptbox-detail h3 {
	margin: 0 0 20px !important;
}

.list-flow {
	position: relative;
	margin: 40px 0 60px !important;
	padding-left: 80px;
}
.list-flow::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 80px;
	width: 14px;
	height: 100%;
	margin-left: -7px;
	background: #eee;
}
.list-flow > li {
	position: relative;
	margin-left: 0 !important;
	list-style: none !important;
}
.list-flow > li:not(:last-child) {
	margin-bottom: 35px;
}
.list-flow-icon {
	display: block;
	position: absolute;
	top: 0;
	left: -80px;
	z-index: 10;
	height: 36px;
	padding: 0 20px;
	background: #7d0e0a;
	line-height: 36px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.list-flow-icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	border-width: 5px 0 5px 10px;
	border-style: solid;
	border-color: transparent transparent transparent #7d0e0a;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.list-flow .template {
	position: relative;
	padding-left: 70px;
}
.list-flow .template::before,
.list-flow .template::after {
	content: '';
	display: block;
	position: absolute;
	top: 15px;
}
.list-flow .template::before {
	top: 14px;
	left: -4px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #7d0e0a;
}
.list-flow .template::after {
	position: absolute;
	top: 17px;
	left: 5px;
	width: 50px;
	border-bottom: 1px dashed #999;
}
.list-flow .template dt {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 600;
}
.list-flow .template-img-right {
	width: 300px;
}

.list-check li {
	position: relative;
	margin: 0 0 10px 0 !important;
	padding-left: 25px;
	list-style: none !important;
	line-height: 2;
}
.list-check li:before {
	content: '\f00c';
	position: absolute;
	top: 0;
	left: 0;
	line-height: 2.2;
	color: #7d0e0a;
	font-family: 'Font Awesome 5 Free';
	font-size: 15px;
	font-weight: 900;
}
.list-check li:last-child {
	margin-bottom: 0 !important;
}

.entry-btn {
	margin-top: 30px;
}
.entry-btn a {
	display: inline-block;
	position: relative;
	min-width: 230px;
	height: 46px;
	padding: 0 25px;
	background: #000;
	line-height: 46px;
	color: #fff;
	font-family: 游明朝,'Yu Mincho',YuMincho,'Hiragino Mincho ProN','Hiragino Mincho Pro',HGS明朝E,メイリオ,Meiryo,serif;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
}
.row.entry-btn a {
	width: 100%;
	height: 52px;
	line-height: 52px;
}
.entry-btn a::after {
	content: '';
	display: block;
	position: absolute;
	top: 21px;
	right: 35px;
	width: 7px;
	height: 18px;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	box-shadow: 2px -2px 0 #fff;
	transition: all 0.3s;
	transform: translateY(-50%) rotate(45deg) skewX(-45deg);;
}

.map-wrap iframe {
	width: 100%;
	height: 450px;
	vertical-align: top;
}

/* page */
.term-concept #content-inner,
.term-wash #content-inner,
.term-coating #content-inner,
.term-menu #content-inner,
.term-faq #content-inner,
.term-about #content-inner {
	width: auto !important;
}
.term-concept .entry-title,
.term-wash .entry-title,
.term-coating .entry-title,
.term-menu .entry-title,
.term-faq .entry-title,
.term-about .entry-title {
	display: none;
}
.term-concept .breadcrumb,
.term-wash .breadcrumb,
.term-coating .breadcrumb,
.term-menu .breadcrumb,
.term-faq .breadcrumb,
.term-about .breadcrumb {
	width: 1080px;
	margin: 0 auto;
}
.section {
	background: url(/images/default/section-bg01.png) no-repeat center 0;
}
.term-wash .section,
.term-coating .section {
	background: #000 url(/images/default/section-bg02.png) no-repeat center 0;
	color: #fff;
}
.term-wash .section .custom-ttl,
.term-coating .section .custom-ttl {
	margin-bottom: 30px !important;
}
.term-wash .section .custom-ttl h2,
.term-coating .section .custom-ttl h2 {
	color: #fff !important;
}
.term-wash .section .custom-ttl h2:first-letter,
.term-coating .section .custom-ttl h2:first-letter {
	color: #98201b !important;
}
.term-wash .section .lead-ttl,
.term-coating .section .lead-ttl {
	margin-bottom: 45px;
	line-height: 1;
	font-family: 游明朝,'Yu Mincho',YuMincho,'Hiragino Mincho ProN','Hiragino Mincho Pro',HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 24px;
	font-weight: 400 !important;
	text-align: center;
}
.section-inner {
	width: 1080px;
	margin: 0 auto;
	padding: 90px 0;
}

/* 動画可変対応 */
.movie-wrap {
	position: relative;
	width: 100%;
	padding: 56.25% 0 0 0;
}
.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
