@charset "UTF-8";

/* 塗り替えの必要性と時期 ************************************/

.repainting_meyasu li{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.repainting_meyasu li dl.clear{
	width: calc(100% - 220px);
	line-height: 1.75;
}
.repainting_meyasu li dl.clear dt{
	width:4em;
	color: #FB9700;
}
.repainting_meyasu li dl.clear dd{
	margin-left:5em;
	padding-bottom:5px;
}

@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.repainting_meyasu li{
		flex-direction: column;
	}
	.repainting_meyasu li dl.clear{
		width: 100%;
		padding-top: 10px;
	}

}

/* 塗り替え工程 ************************************/

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	#process02 .shimashima > li.sbody_2clm > .sbody_text{
		width: 64%;
	}
	#process02 .shimashima > li.sbody_2clm > .sbody_img{
		width: calc(33% - 10px);
	}

	#process02 .shimashima > li.sbody_2clm > .sbody_text .box_line{
		
	}

}

/* 塗料製品 ************************************/
#paintproduct00 table.line-all thead th{
	width:19%;
}

/*.section_paintproduct .label_c5 {
	padding-bottom: 10px;
}*/

.section_paintproduct .icn-maru-ora > li > .link_bnr{
	padding-top: 1em;
}

.section_paintproduct .c6 > h3 > .label_maker{
	padding-left: 0.5em;
	font-size: 0.9em;
}
.section_paintproduct .c6 > h3 > .label_maker > a{
	text-decoration: underline;
	text-decoration-color: #bbb;
}




/* Q&A ************************************/

/* カテゴリ一覧 */

.repainting_faq_list{
	width:auto;
	padding: 0 20px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.repainting_faq_list li{
	padding: 5px 10px;
	width: 25%;
}
.repainting_faq_list li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 46px;
	padding-right: 10px;
	position: relative;
	background-color:#fff;
	text-decoration: none !important;
	transition: all 0.3s ease-in-out;
}
.repainting_faq_list li a::before{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 14px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 4px solid #FB9700;
	border-right: 4px solid #FB9700;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.repainting_faq_list_text .large{
	display: inline-block;
	padding-right: 4px;
}

@media screen and (min-width: 1024px) { /******** PC以上 ********/

    .repainting_faq_list li a:hover{
        color: #221714;
		box-shadow: 1px 3px 5px 3px rgba(0,0,0,.2);
	}

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

	.repainting_faq_list li a::before{
		right: 8px;
		width: 4px;
		height: 4px;
		border-top: 3px solid #FB9700;
		border-right: 3px solid #FB9700;
	}
	.repainting_faq_list_text .large{
		font-size: 1.4rem;
		padding-right: 0;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満 ****/

	.repainting_faq_list{
		padding: 0 3vw 20px;
	}
	.repainting_faq_list li{
		padding: 5px 5px;
		width: 50%;
	}

}

/* Q&A */

.faq_list_item{
	background-color: rgba(236,231,215,0.40);
}
.faq_list_item + .faq_list_item{
    margin-top: 10px;
}

.entry-q {
	padding: 30px 50px 30px 80px;
	position: relative;
	font-weight: bold;
	cursor: pointer;
}
.entry-a {
	padding: 30px 35px 30px 75px;
	background-color: #fff;
	position: relative;
}
.entry-q::before,
.entry-a::before {
    position: absolute;
    top: 23px;
	left: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
	content: "Q";
	background-color: #A2CA0F;
	color: #fff;
}
.entry-a::before {
	left: 15px;
	content: "A";
	background-color: #FB9700;
}

.entry-q::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 18px;
	height: 18px;
	border-bottom: 2px solid #A2CA0F;
	border-right: 2px solid #A2CA0F;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: transform 0.3s;
}
.is_close .entry-q::after{
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

.entry-q h6,
.entry-q h4,
.entry-q h3 {
    padding-bottom: 0;
    padding-left: 0;
}
.entry-q h6::before,
.entry-q h4::before,
.entry-q h3::before {
	display: none;
}

.ans{
	padding: 5px;
}
.ans_que{
	padding: 5px 35px 30px 75px;
}

@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.entry-q {
		padding: 20px 30px 20px 36px;
	}
	.entry-a {
		padding: 30px 20px 20px 20px;
	}
	.ans_que{
		padding: 5px 20px 20px 20px;
	}
	.entry-q::before,
	.entry-a::before {
		top: 0;
		left: 0;
		width: 28px;
		height: 28px;
		font-size: 1.4rem;
	}
	.entry-q::after{
		right: 10px;
		width: 10px;
		height: 10px;
	}

}

/* 心意気ローン ************************************/

.content_header_label_loan{
	position: relative;
	width:100%;
	height:auto;
	font-size: 0%;
	line-height: 0%;
	text-indent: 100%;
	background: url("../../img/company/title_loan@2x.png") 0 0 no-repeat;
	background-size: contain;
}
.content_header_label_loan:before {
    content: "";
    display: block;
    padding-top: 17%;
}

.bnr_loan{
	padding-top: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.bnr_loan_header{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background-color: rgba(244,164,0,0.15);
}
.bnr_loan_header_text{
	font-size: 2.4rem;
	letter-spacing: 0.1em;
}
.bnr_loan_header_ill{
	margin: -46px 10px 0;
	width: 230px;
	height: 150px;
}
.bnr_loan_btn{
	width: calc(50% - 5px);
	margin-top: -36px;
}

@media print, screen and (max-width: 1023px) { /******** tablet以下 ********/ 

	.bnr_loan_header_text{
		font-size: 1.6rem;
	}

}
@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	#loan01 table.line-all{
		table-layout:fixed;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.content_header_label_loan{
		background-image: url("../../img/company/title_loan_sp.png");
	}
	.content_header_label_loan:before {
		padding-top: 60%;
	}

	#loan01 table.line-all{
		width: 100%;
		font-size: 1.2rem;
	}
	#loan01 table.line-all tr{
		display: flex;
		flex-wrap: wrap;
	}
	#loan01 table.line-all th{
		display: block;
		width: 100%;
	}
	#loan01 table.line-all td{
		width: 20%;
	}

	.bnr_loan{
		padding-top: 20px;
		background-color: rgba(244,164,0,0.15);
	}
	.bnr_loan_header{
		flex-direction: column;
		background-color: transparent;
	}
	.bnr_loan_header_text{
		font-size: 1.6rem;
	}
	.bnr_loan_header_ill{
		margin: 5px;
		width: 150px;
		height: auto;
	}
	.bnr_loan_btn{
		width: 100%;
		margin-top: 0;
	}

}