/* COMMON */
.estimate-table { table-layout: fixed; width: 100%; border-top: 2px solid #195bc8; }
.estimate-table tr { border-bottom: 1px solid #dddddd; }
.estimate-table tr th { padding: 10px 5px; text-align: center; font-size: 15px; font-weight: 500; width: 140px; background: #fafafa; }
.estimate-table tr td { padding: 10px 20px; height: 60px; text-align: left; font-size: 15px; color: #777777; font-weight: 400; }
.estimate-table tr td a { color: #555555; font-weight: 400; }
.estimate-table input:not([type='file']),
.estimate-table input:not([type='radio']),
.estimate-table input:not([type='checkbox']){
	flex: auto; width: 100%; height: 40px;
}
.estimate-table .textarea { padding: 15px; width: 100%; height: 170px; line-height: 1.5; font-size: 16px; font-weight: 300; border: 1px solid #e5e5e5; resize: none; }
.estimate-table .button{
	margin-top: 3px; margin-bottom: 3px; padding: 0 25px; height: 40px;
	font-size: 15px; color: #fff;
	background: #545454;
}

.estimate-table .label-radio-wrap input:not([type='file']),
.estimate-table .label-radio-wrap input:not([type='radio']),
.estimate-table .label-radio-wrap input:not([type='checkbox']){
	width: 100%;
}

@media (max-width:1024px){
	.estimate-table tr th { width: 100px; font-size: 13px; }
	.estimate-table tr td { padding: 10px 12px; font-size: 13px; }
	.estimate-table .textarea { font-size: 13px; height: 100px; }
}
@media (max-width:768px){
	.estimate-table input:not([type='file']),
	.estimate-table input:not([type='radio']),
	.estimate-table input:not([type='checkbox']){
		width: 100%; height: 30px;
	}
	.estimate-table .button { font-size: 13px; height: 30px; }
}




.estimate-block__linebox{
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	margin-top: -20px; padding: 40px 30px;
	border: 5px solid #f3f6fc;
}
.estimate-block__linebox p { margin-bottom: 55px; line-height: 36px; text-align: center; }
.estimate-block__linebox ul{
	display: flex; align-content: center;
}
.estimate-block__linebox ul > li strong{
	display: block; padding-left: 25px;
	background-repeat: no-repeat; background-position: left center;
}
.estimate-block__linebox ul > li strong.call { background-image: url('/child/img/icon/call.png') }
.estimate-block__linebox ul > li strong.mail { background-image: url('/child/img/icon/mail.png') }
@media (min-width:1025px){
	.estimate-block__linebox ul > li{
		margin-right: 30px; padding-right: 30px;
		border-right: 1px solid #e5e5e5;
	}
	.estimate-block__linebox ul > li:last-child { margin-right: 0; padding-right: 0; border-right: none; }
}
@media (max-width:1024px){
	.estimate-block__linebox p { line-height: 32px; }
}
@media (max-width:768px){
	.estimate-block__linebox { padding: 30px; }
	.estimate-block__linebox p { margin-bottom: 30px; line-height: 26px; }
	.estimate-block__linebox ul { flex-direction: column; }
}



.label-radio__title { margin: 10px 0; width: 100%; font-size: 15px; color: #555555; font-weight: 500; }
.label-radio__title:first-child { margin-top: 0; }
.label-radio-wrap { display: flex; flex-wrap: wrap; }
.label-radio-wrap .radio{
	display: inline-flex; flex-wrap: wrap;
	margin: 5px 0; width: 33.33333%; letter-spacing: -0.08em;
}
.label-radio-wrap .radio i { margin-right: 5px; }
.label-radio-wrap input:not([type='radio']),
.label-radio-wrap input:not([type='checkbox']){
	margin-top: 3px; margin-bottom: 3px; width: auto;
}
.input-wrap > li { display: inline-block; vertical-align: middle; margin-right: 15px; }
.input-wrap > li:last-child { margin-right: 0; }
.input-wrap input:not([type='radio']),
.input-wrap input:not([type='checkbox']){
	margin-right: 3px; width: 160px;
}
.input-wrap input:not([type='radio']),
.input-wrap input:not([type='checkbox']),
.label-radio-wrap input:not([type='radio']),
.label-radio-wrap input:not([type='checkbox']){
	margin-top: 3px; margin-bottom: 3px; margin-left: 3px;
}

.input-caption { font-size: 13px; }

.input-wrap--address{
	display: flex;
}
.input-wrap--address input{
	flex: 1 1;
}
@media (min-width:1025px){
	.estimate-block--top .label-radio-wrap .radio:last-child{
		width: 50%;
	}
	.estimate-table--bottom .label-radio-wrap .radio{
		width: 25%;
	}
}
@media (max-width:1024px){

}
@media (max-width:768px){
	.label-radio-wrap .radio { width: 50%; }
	.estimate-block--top .label-radio-wrap .radio:last-child{
		width: 100%;
	}

	.input-wrap--address input { width: 100% !important; }
	.input-wrap--1 > li { margin-right: 0; }
	.input-wrap--1 input { width: calc(100% - 60px);}
}


/* View */




/* Input */
.estimate-block{
	display: flex; flex-wrap: wrap;
	margin-bottom: 60px;
}
.estimate-block--top{
	margin-bottom: -260px;
}
.estimate-block--top2{
	margin-bottom: -300px;
}
.estimate-block:last-child { margin-bottom: 0; }
.estimate-block__head{
	flex-basis: 440px;
	padding-right: 40px;
}
.estimate-block__thumb{
	padding: 35px; width: 400px; height: 400px;
	text-align: center;
	background: #f9f9f9;
}
.estimate-block__thumb img { display: block; margin: 60px auto 0; }
.estimate-block__thumbnail-title{
	display: inline-block; padding-bottom: 5px;
	font-size: 20px; font-weight: 300;
	border-bottom: 1px solid #333;
}
.estimate-block__title { text-align: right; font-size: 24px !important; font-weight: 700 !important; }
.block-title-box { margin-bottom: 5px; font-size: 24px !important; font-weight: 700 !important; }
.estimate-block__title span { font-size: inherit !important; font-weight: inherit !important; }
.estimate-block__body{
	flex: 1 1;
}
@media (max-width:1024px){
	.estimate-block__thumbnail-title { font-size: 18px;	}
	.estimate-block__title,
	.block-title-box { font-size: 20px !important; }
}
@media (max-width:768px){
	.estimate-block { margin-bottom: 30px; }
	.estimate-block--top,
	.estimate-block--top2 { margin-bottom: 30px; }
	.estimate-block__head { flex-basis: auto; padding: 0 0 15px; width: 100%; }
	.estimate-block__thumb { margin-bottom: 30px; width: 100%; height: 230px; }
	.estimate-block__thumb img{
		margin: -10px auto 0;
		-webkit-transform: scale(.6); transform: scale(.6);
	}
	.estimate-block__thumbnail-title { font-size: 16px;	}
	.estimate-block__title,
	.block-title-box { margin-top: 10px; text-align: left; font-size: 18px !important; }
	.estimate-block__body { flex: auto; width: 100%; }
}





/* Popup */
.guide-popup .popup-box { padding: 50px; max-width: 890px; }
.guide-popup__head { padding: 0 0 25px; text-align: center;font-size: 30px; color: #195bc8; font-weight: 700; border-bottom: 2px solid #195bc8;}
.guide-popup-ul { justify-content: center; margin-left: -25px; width: calc(100% + 50px); }
.guide-popup-ul > li { padding: 30px 25px; }
.guide-popup-ul__title { display: block; margin: 10px 0 5px; font-size: 20px; font-weight: 700; }
.guide-popup-ul__pr { line-height: 26px; font-size: 18px; color: #777; }
.guide-popup-ul__caption { margin-top: 15px; line-height: 22px; text-align: left; font-size: 15px; color: #aaa; font-weight: 200; }
.guide-popup-ul img { margin: auto; }
@media (max-width:1024px){
	.guide-popup__head { padding: 0 0 20px; font-size: 26px; }
	.guide-popup-ul__title { font-size: 18px; }
	.guide-popup-ul__pr { line-height: 24px; font-size: 16px;}
	.guide-popup-ul__caption { line-height: 20px; font-size: 13px; }
}
@media (max-width:768px){
	.guide-popup__head { padding: 0 0 15px; font-size: 22px; }
	.guide-popup-ul { margin-left: 0; width: calc(100%); }
	.guide-popup-ul > li { padding: 30px 25px; width: 100%; }
	.guide-popup-ul__title { font-size: 16px; }
	.guide-popup-ul__pr { line-height: 22px; font-size: 14px;}
}
