@charset "utf-8";
/* CSS Document */

/* -----------------------------
	other
-------------------------------- */

.em_red {
	color: #C32F1E;
	font-weight: bold;
}
/* -----------------------------
	catch
-------------------------------- */

.catch_answer_for_box1{
    background-image: url(../img/answer_catch_img.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    position: relative;
    height: 550px;
	background-size: cover;
}
.catch_answer_for_box1.cancel{
    background-image: url(../img/cancel_catch_img.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    position: relative;
    height: 550px;
	background-size: cover;
}

.catch_answer_for_box1 h1{
    text-align: center;
    position: absolute;
    top:40px;
    left: 50%;
    margin-left: -161px;
}

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

    /* -----------------------------
        catch
    -------------------------------- */
    .catch_answer_for_box1{
        display: none;
    }

    .catch_answer_for_box1 h1{
        position: static;
        margin-left: 0;
    }
	
    .catch_answer_for_box1 h1 img{
        width: 100%;
    }


}

/* -----------------------------
	answer_for_cost
-------------------------------- */
.answer_for_cost {
	text-align: center;
}

.answer_for_cost h2 {
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.8;
	padding: 0 0 30px;
}

.answer_for_cost .answer_for_cost_text {
	background: url(../img/answer_character01.svg) no-repeat top 70px left 170px;
	background-size: 120px 137px;
	padding: 85px 0 55px;
	font-size: 2.0rem;
	font-weight:bold;
}

.answer_for_cost table {
	width: 100%;
	box-sizing: border-box;
	border-top: #E2E9E9 solid 1px;
	border-left: #E2E9E9 solid 1px;

}

.answer_for_cost table thead {
	background: #F3F9F9;
}

.answer_for_cost table th ,
.answer_for_cost table tbody td {
	border-bottom: #E2E9E9 solid 1px;
	border-right: #E2E9E9 solid 1px;
}

.answer_for_cost table th {
	width: 155px;
	padding: 75px 0 5px;
	background-position:top 15px center;
	background-repeat: no-repeat;
	background-size: 50px;
	font-size: 1.6rem;
	line-height: 1.8;
	text-align: center;
}

.answer_for_cost table th:nth-child(1) {
	width: 170px;
	padding: 0;
	color: #80B3B1;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.answer_for_cost table thead th:nth-child(2) {
	background-image: url(../img/answer_ac_icon.svg);
}

.answer_for_cost table thead th:nth-child(3) {
	background-image: url(../img/answer_rangefood_icon.svg);
}

.answer_for_cost table thead th:nth-child(4) {
	background-image: url(../img/answer_ventilator_icon.svg);
}

.answer_for_cost table thead th:nth-child(5) {
	background-image: url(../img/answer_waterheater_icon.svg);
}

.answer_for_cost table thead th:nth-child(6) {
	background-image: url(../img/answer_toilet_icon.svg);
}

.answer_for_cost table thead th:nth-child(7) {
	background-image: url(../img/answer_konro_icon.svg);
}

.answer_for_cost table tbody td {
	padding: 10px 0;	
}

.answer_for_cost table tbody td p {
	font-size: 1.5rem;
}

.answer_for_caution {
	background: url(../img/about_title_bg.jpg) repeat-x left top;
	margin: 100px 0 0;
	padding: 65px 0 0;
}

.answer_for_caution .inner div {
	width: 500px;
	float: left;
	padding: 0 15px 75px;
	background: #fff;
}

.answer_for_caution .inner .answer_for_caution_other {
	float: right;
}

.answer_for_caution .inner div h2 {
	background: url(../img/answer_caution.svg) no-repeat top center;
	background-size: 35px;
	color: #80B3B1;
	margin: -15px 0 0;
	padding: 65px 0 20px;
	font-size: 2.0rem;
	line-height: 1.8;
	font-weight: bold;
	text-align: center;
}

.answer_for_caution .inner .answer_for_caution_pay p {
	text-align: center;
	padding: 0 0 20px;
}

.answer_for_caution .inner .answer_for_caution_pay p span {
	font-size: 1.8rem;
}

.answer_for_caution .inner div ul li {
	box-sizing:border-box;
	font-size: 1.6rem;
	line-height: 1.8;
}

.answer_for_caution .inner .answer_for_caution_pay li {
	width: 156px;
	padding: 0 0 15px 10px;
	float: left;
	background: url(../img/answer_point.svg) no-repeat top 11px left;
	background-size: 6px;
}

.answer_for_caution .inner .answer_for_caution_other li {
	padding: 0 0 25px 30px;
	background: url(../img/answer_check.svg) no-repeat top 3px left;
	background-size: 19px 18px;
}

.answer_for_faq_box_bg {
	background-image: url(../img/bg_border_blue.png);
	background-repeat: repeat;
	width: 100%;
	height: auto;
	padding: 80px 0 80px 0;
}

.answer_for_faq_box > p {
	padding: 0 0 30px;
	text-align: center;
}

.answer_for_faq_box ul li {
	width: 340px;
	min-height: 160px;
	background-color: #fff;
	box-sizing: border-box;
	margin: 0 37.5px 37.5px 0;
	padding: 25px 25px 30px 30px;
	border: 1px #DBEBEE solid;
	box-shadow: 5px 5px #CDE2E7;
	float: left;
}

.answer_for_faq_box ul li:nth-child(3) {
	margin: 0 0 37.5px;
}

.answer_for_faq_box ul li .faq_q ,
.answer_for_faq_box ul li .faq_a {
	padding: 0 0 0 30px;
	background-position: left top 5px;
	background-repeat: no-repeat;
	background-size: 20px;
	color: #444;
	font-size: 1.6rem;
	line-height: 1.8;
}

.answer_for_faq_box ul li .faq_q {
	margin: 0 0 10px;
	background-image: url(../img/answer_faq_q.svg);
	font-size: 1.8rem;
	font-weight: bold;
}
.answer_for_faq_box ul li .faq_a {
	background-image: url(../img/answer_faq_a.svg);
}

.answer_for_flow {
	padding: 80px 0 60px;
}

.answer_for_flow > p {
	padding: 0 0 30px;
	text-align: center;
}

.answer_for_flow div > p {
	padding: 0 0 15px;
}
	
.answer_for_flow div ul {
	padding: 0 0 40px;
}

.answer_for_flow div ul li {
	width: 370px;
	padding: 20px 25px 20px 25px;
	height: 124px;
	box-sizing:border-box;
	background-position: center right;
	background-repeat: no-repeat;
	background-size: auto;
	float: left;
}

.answer_for_flow .answer_for_flow_visitor ul li:nth-child(1) {
	background-image: url(../img/answer_arrow_blue01.svg);
	background-color: #EBF1F1;
}

.answer_for_flow .answer_for_flow_visitor ul li:nth-child(2) {
	background-image: url(../img/answer_arrow_blue02.svg);
	background-color: #CFE0E6;
}

.answer_for_flow .answer_for_flow_visitor ul li:nth-child(3) {
	width:360px;
	background-color: #C4D9DE;
}

.answer_for_flow .answer_for_flow_shop ul li:nth-child(1) {
	background-image: url(../img/answer_arrow_green01.svg);
	background-color: #E3EDE3;
}

.answer_for_flow .answer_for_flow_shop ul li:nth-child(2) {
	background-image: url(../img/answer_arrow_green02.svg);
	background-color: #D6E7D6;
	display: flex;
	align-items: center;
}

.answer_for_flow .answer_for_flow_shop ul li:nth-child(3) {
	width:360px;
	background-color: #C6E0C6;
	display: flex;
	align-items: center;
	justify-content: center;
}

.answer_for_flow div ul li p {
	font-weight: bold;
}

.answer_for_flow div ul li p span {
	font-size: 1.4rem;
	font-weight: normal;
}


.company_title{
	background-image: url(../img/company_title_line.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	text-align: center;
	padding-bottom: 25px;
	margin-bottom: 30px;
	font-size: 2.5rem;
	line-height: 1.2;
	font-family: "Times New Roman","ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}

@media screen and (max-width: 667px){
	
	.answer_for_cost h2 {
		font-size: 2.0rem;
		padding:30px 0;
	}
	
	.answer_for_cost_img img {
		width: 100%;
		height: auto;
	}

	.answer_for_cost .answer_for_cost_text {
		background-position: right bottom 20px;
		background-size: 65px 74px;
		padding: 30px 0 40px;
		font-size: 1.8rem;
		text-align: left;
	}
	
	.answer_for_cost .answer_for_cost_text span {
		display: block;
		padding: 0 60px 0 0;
	}

	.answer_for_cost ul {
		width: 100%;
		text-align: left;
	}
	
	.answer_for_cost ul li h3 {
		background-color: #EFF5F5;
		background-repeat: no-repeat;
		background-size: 30px;
		background-position: left 10px center;
		font-size: 1.8rem;
		line-height: 1.8;
		padding: 10px 5px 10px 50px;
	}

	.answer_for_cost ul li:nth-child(1) h3 {
		background-image: url(../img/answer_ac_icon.svg);
	}

	.answer_for_cost ul li:nth-child(2) h3 {
		background-image: url(../img/answer_rangefood_icon.svg);
	}

	.answer_for_cost ul li:nth-child(3) h3 {
		background-image: url(../img/answer_ventilator_icon.svg);
	}

	.answer_for_cost ul li:nth-child(4) h3 {
		background-image: url(../img/answer_waterheater_icon.svg);
	}

	.answer_for_cost ul li:nth-child(5) h3 {
		background-image: url(../img/answer_toilet_icon.svg);
	}

	.answer_for_cost ul li:nth-child(6) h3 {
		background-image: url(../img/answer_konro_icon.svg);
	}	

	.answer_for_cost ul li dl {
		padding: 0 0 30px;
		overflow: hidden;
	}	
	
	.answer_for_cost ul li dl dt {
		padding: 10px 0;
		color: #80BDBB;
		font-weight: bold;
		font-size: 1.6rem;
		line-height: 1.8;
		float: left;
	}
	
	.answer_for_cost ul li dl dd {
		padding: 10px 0;
		border-bottom: #ECF3F3 solid 1px;
		text-align: right;
	}	

	.answer_for_caution {
		background-size: auto 50px;
		margin: 20px 0 0;
		padding: 20px 0 0;
	}

	.answer_for_caution .inner div {
		width: 100%;
		padding: 10px 10px 0;
		box-sizing: border-box;
	}

	.answer_for_caution .inner div h2 {
		background-position: left top 10px;
		background-size: 20px;
		margin:0;
		padding:5px 0 15px 30px;
		font-size: 1.8rem;
		text-align: left;
	}

	.answer_for_caution .inner .answer_for_caution_pay p {
		text-align: left;
		padding: 0 0 15px;
		font-size: 1.5rem;
	}

	.answer_for_caution .inner .answer_for_caution_pay p span ,
	.answer_for_caution .inner div ul li {
		font-size: 1.5rem;
	}

	.answer_for_caution .inner .answer_for_caution_pay li {
		width: 50%;
		padding: 0 0 10px 8px;
	}

	.answer_for_caution .inner .answer_for_caution_other {
		padding: 30px 0 35px;
	}

	.answer_for_caution .inner .answer_for_caution_other li {
		padding: 0 0 15px 25px;
	}

	.answer_for_faq_box_bg {
		padding: 50px 0 30px;
	}

	.answer_for_faq_box > p {
		max-width: 370px;
		margin: 0 auto;
		padding: 0 0 20px;
	}
	
	.answer_for_faq_box ul {
		max-width: 370px;
		margin: 0 auto;
	}
	
	.answer_for_faq_box ul li {
		width: 100%!important;
		min-height: auto;
		margin: 0 0 20px!important;
		padding: 15px 10px 5px;
		box-shadow: 3px 3px #CDE2E7;
	}

	.answer_for_faq_box ul li .faq_q ,
	.answer_for_faq_box ul li .faq_a {
	    background-position: left top 3px;
	}
	
	.answer_for_faq_box ul li .faq_q {
		background-image: url(../img/answer_faq_q.svg) , url(../img/answer_faq_arrow.svg);
		background-position: left top 5px , right center;
		background-repeat: no-repeat;
		background-size: 20px , 4px 22px;
		font-size: 1.6rem;
		cursor: pointer;
	}
	
	.answer_for_faq_box ul li .faq_q.active {
		background-image: url(../img/answer_faq_q.svg) , none;
	}
	
	.answer_for_faq_box ul li .faq_a {
		margin: 0 0 5px;
		display: none;
	}

	.answer_for_flow {
		padding: 50px 20px 30px;
	}

	.answer_for_flow > p {
		padding: 0 0 20px;
	}
	
	.answer_for_flow div > p ,
	.answer_for_flow div ul {
		width: 100%;
		max-width: 370px;
		margin: 0 auto;
	}
	
	.answer_for_flow div ul li {
		width: 100%!important;
		margin: 0 auto;
		padding: 15px 15px 40px 15px;
		height: auto;
		background-position: bottom left;
		background-size: 100% auto;
	}

	.answer_for_flow .answer_for_flow_visitor ul li:nth-child(1) {
		background-image: url(../img/answer_arrow_blue01_sp.svg);
	}

	.answer_for_flow .answer_for_flow_visitor ul li:nth-child(2) {
		background-image: url(../img/answer_arrow_blue02_sp.svg);
	}

	.answer_for_flow .answer_for_flow_shop ul li:nth-child(1) {
		background-image: url(../img/answer_arrow_green01_sp.svg);
	}

	.answer_for_flow .answer_for_flow_shop ul li:nth-child(2) {
		background-image: url(../img/answer_arrow_green02_sp.svg);
		justify-content: center;
	}
	
	.answer_for_flow div ul li:last-child {
		padding: 15px;
	}

	.answer_for_flow div ul li p {
		font-size: 1.5rem;
	}

}

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

	.answer_for_caution .inner .answer_for_caution_pay li {
		width: 100%;
	}
	
	.answer_for_flow div ul li {
		padding: 10px 10px 40px 10px;
	}

	.answer_for_flow div ul li p {
		font-size: 1.36rem;
	}

}

/* -----------------------------------------------------------
    answer_footer
-------------------------------------------------------------- */

.answer_footer_box {
	padding: 55px 0;
}

.answer_footer {
	width: 900px;
	margin: 0 auto;
}

.answer_footer .top_contact_catch {
	padding: 10px 0 20px 250px;
	background: url(../img/answer_character02.svg ) no-repeat left 145px top;
	background-size: 87px 97px;
	text-align: left;
}

.answer_footer_info {
	padding: 35px 0 5px;
	background: #fff;
}

.answer_footer_info dt {
	padding: 0 0 15px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}

.answer_footer_info dd {
	width: 490px;
	margin: 0 auto;
	padding: 0 0 15px 30px;
	background-size: 20px;
	background-position: left top 2px;
	background-repeat: no-repeat;
	font-size: 1.6rem;
	line-height: 1.8;
}

.answer_footer_info dd:nth-child(2) {
	background-image: url(../img/answer_no1.svg);
}

.answer_footer_info dd:nth-child(3) {
	background-image: url(../img/answer_no2.svg);
}

.answer_footer .top_contact_list1box {
	padding: 40px 0 30px;
}

.answer_footer .top_contact_list2 {
	width: 845px;
}

.answer_footer .top_contact_list2 li:nth-child(1){
	margin-right: 45px;
}

.answer_footer .mail_linkbtn {
	width:400px;
}

.top_contact_list2box p {
	text-align: center;
}
.top_contact_list2box p span {
	font-size: 1.8rem;
	font-weight: 600;
}

.answer_footer .seat_linkbtn {
	width:400px;
	height:90px;
	line-height:1.3;
	font-weight:bold;
	text-align: center;
	background-color: #5BBE96;
	background-image: url(../img/btn_yazirusi.png);
	color: #ffffff;
	background-repeat: no-repeat;
	background-size: 6px;
	background-position: top 50% right 20px;
	font-size: 1.9rem;
	box-shadow:2px 2px 5px #d0d0d0;
}

.answer_footer .seat_linkbtn a {
	display: block;
    padding:35px 0;
	color: #ffffff;
}

.answer_footer .seat_linkbtn img{
	width: 22px;
	margin-right: 5px;
}
	
.answer_footer .mail_linkbtn span {
	top: -1px;
}

.answer_footer .seat_linkbtn span {
	position: relative;
	top: -1px;
	margin-bottom: -3px;
}

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

	.answer_footer_box {
		padding: 0 0 30px;
	}

	.answer_footer {
		width: 100%;
	}

	.answer_footer .top_contact_catch {
		padding: 30px 0 15px 85px;
		background-position: left 15px bottom;
		background-size: 65px 72px;
	}

	.answer_footer_info {
		padding: 25px 20px 10px;
	}

	.answer_footer_info dt {
		font-size: 1.6rem;
	}

	.answer_footer_info dd {
		width: 100%;
		padding: 0 0 10px 25px;
		background-size: 15px;
		background-position: left top 6px;
		background-repeat: no-repeat;
		font-size: 1.5rem;
	}

	.answer_footer .top_contact_list1box {
		padding: 0;
	}

	.answer_footer .top_contact_list2 ,
	.answer_footer .mail_linkbtn {
		width: 100%;
	}
	
	.answer_footer .answer_footer_tel {
		padding: 0 0 10px;
	}

	.answer_footer .answer_footer_tel img ,
	.answer_footer .answer_footer_fax img{
		width: 270px;
	}

	.answer_footer .top_contact_list2 li:nth-child(1){
		margin-right:0;
	}

	.answer_footer .seat_linkbtn {
		width: 100%;
		height:80px;
		font-size: 1.5rem;
	}
	
	.answer_footer .seat_linkbtn {
		background-position: top 50% right 10px;
	}
	
	.answer_footer .seat_linkbtn a {
		padding:30px 0;
	}
}

/* -----------------------------------------------------------
    追従バナー
-------------------------------------------------------------- */
.consulting_img_fix{
	display: none;
}
.consulting_img_fix2{
    top: 175px;
}




/* -----------------------------------------------------------
cancellation
-------------------------------------------------------------- */
/*よくある質問*/
.answer_for_faq_box_bg.cancel {
	background-image: url(../img/bg_border_blue.png);
	background-repeat: repeat;
	width: 100%;
	height: auto;
	padding: 80px 0 80px 0;
}

.answer_for_faq_box.cancel > p {
	padding: 0 0 30px;
	text-align: center;
}

.answer_for_faq_box.cancel ul li {
	width: 100%;
	min-height: auto;
	margin: 0 37.5px 37.5px 0;
	padding: 25px 25px 30px 30px;
	float: none;
}

.answer_for_faq_box.cancel ul li:nth-child(3) {
	margin: 0 0 37.5px;
}

.answer_for_faq_box.cancel ul li .faq_q ,
.answer_for_faq_box.cancel ul li .faq_a {
	padding: 0 0 0 30px;
	background-position: left top 5px;
	background-repeat: no-repeat;
	background-size: 20px;
	color: #444;
	font-size: 1.6rem;
	line-height: 1.8;
}

.answer_for_faq_box.cancel ul li .faq_a span {
	border-bottom: solid 1px #333;
	padding: 0 0 2px 0;
}


.mail_linkbtn.cancel {
	width: 400px;
	margin: 0 auto;
	display: block;
	text-align: center;
}

@media screen and (max-width: 667px){
	.mail_linkbtn.cancel {
		width: 100%;
	}
	.answer_for_faq_box_bg.cancel {
		padding: 50px 0 30px;
	}

	.answer_for_faq_box.cancel > p {
		/*max-width: 370px;*/
		max-width: 100%;
		padding: 0 0 20px;
	}
	
	.answer_for_faq_box.cancel ul {
		/*max-width: 370px;*/
		max-width: 100%;
		margin: 0 auto;
	}
	
	.answer_for_faq_box.cancel ul li {
		width: 100%!important;
		min-height: auto;
		margin: 0 0 20px!important;
		padding: 15px 10px 5px;
		box-shadow: 3px 3px #CDE2E7;
	}

	.answer_for_faq_box.cancel ul li .faq_q ,
	.answer_for_faq_box.cancel ul li .faq_a {
	    background-position: left top 3px;
	}
	
	.answer_for_faq_box.cancel ul li .faq_q {
		background-image: url(../img/answer_faq_q.svg) , url(../img/answer_faq_arrow.svg);
		background-position: left top 5px , right center;
		background-repeat: no-repeat;
		background-size: 20px , 4px 22px;
		font-size: 1.6rem;
		cursor: pointer;
	}
	
	.answer_for_faq_box.cancel ul li .faq_q.active {
		background-image: url(../img/answer_faq_q.svg) , none;
	}
	
	.answer_for_faq_box.cancel ul li .faq_a {
		margin: 0 0 5px;
		display: none;
	}
}


.download-area{
	text-align: center;
	padding: 80px 0 80px 0;
}
.download-area .download-text{
	font-size: 2.8rem;
	font-weight: 600;
}
.download-area .download-btn{
	width: 400px;
	height: 90px;
	line-height: 1.3;
	font-weight: bold;
	text-align: center;
	background-color: #5F5ABE;
	background-image: url(../img/btn_yazirusi.png);
	color: #ffffff;
	background-repeat: no-repeat;
	background-size: 6px;
	background-position: top 50% right 20px;
	font-size: 1.9rem;
	box-shadow: 2px 2px 5px #d0d0d0;
	margin: 30px auto;
}
.download-area .download-btn a{
	display: block;
	padding: 35px 0;
	color: #ffffff;
}
.download-area .download-btn a span{
	margin-left: 10px;
}
@media screen and (max-width: 667px){
	.download-area{
		text-align: center;
		padding: 30px 0 10px 0;
	}
	.download-area .download-btn{
		width: 100%;
		height: 80px;
		font-size: 1.8rem;
		margin: 20px auto;
	}
	.download-area .download-btn a{
		padding: 30px 0;
	}
	.download-area{
		padding: 20px 0 40px;
	}
	.download-area .download-text{
		font-size: 1.8rem;
	}
}