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

/*SP版メニューここから*/
@media only screen and (max-width:768px) {
.pc { display: none !important; }
.sp { display: block !important; }
img{height: auto;}

	/*全体枠*/
	.aircon_set{
		width: 100%;
		margin: 0 auto;
	}
	/*冒頭文言*/
	.aircon_set .top_message{
		text-align: center;
		padding: 5px 0px;
	}
	/*メニューここから*/
		#jump_menu {
		display: flex;
		flex-wrap:wrap;
		align-content: center;
		justify-content: center;
		width: 100%;
		padding: 5px;
		margin: 0px auto;
		background: #fff;
		border: 2px solid #d2edff;
		border-radius: 5px;
	}
	#jump_menu li {
		display: table;
		width: 50%;
		padding: 0;
		margin: 0;
		line-height: 1.2;
		min-height: 57px;
		text-align: center;
		border-bottom: 1px solid #d2edff;
	}
	#jump_menu li:nth-child(odd){
		border-right: 1px solid #d2edff;
	}
	#jump_menu li:nth-child(5){
		border-bottom: 0;
		border-right: 0 !important;
	}
	#jump_menu li a {
		width: 100%;
		height: 100%;
		color: #004776;
		font-size: 15px;
		font-weight: bold;
		margin: 0;
		padding: 0;
		text-decoration: none;
		display: table-cell;
		vertical-align: middle;
	}
	/*メニューここまで*/
	
	/*ページ内共通デザインここから*/
	
	.aircon_set .index {/*見出し*/
		font-size: 20px;
		font-weight: bold;
		border-bottom: 1px solid #ddd;
		padding: 5px;
		margin: 50px 0px 20px;
	}
		.aircon_set .index:before {
			content: "■";
			color: #1c5a8f;}
	
	.aircon_set .red{color:firebrick;}/*赤字*/
	
	.aircon_set .small{font-size: 10px;}/*小さい文字*/
	
	.aircon_set .big_bold{/*太字の大きい文字*/
		font-size: 18px;
		font-weight: bold;
	}
	/*ページ内共通デザインここまで*/
	
	
	/*サービス概要--------------------*/
	.aircon_set .service{
		margin: 0 auto;
	}
		.aircon_set .service_title{
			display: inline-block;
			background-color: #f6f6f6;
			font-size: 16px;
			padding: 5px 10px 5px 0px;
			margin:15px 0px 5px;
		}
		.aircon_set .service_text1{
			padding-left: 10px;
	}
		.aircon_set .service_list1{
			padding-left: 30px;
			padding-bottom: 10px;
		}
			.aircon_set .service_list1 li{
				list-style-type: disc;
			}

		.aircon_set .service_textbox{
			border: 1px solid #9a9a9a;
			display: block;
			width: 97%;
			margin-left: 10px;
			padding: 5px 10px;
		}
	/*基本料金表-------------------------*/
		.aircon_set .service_table{
			margin-left: 10px;
			width: 97%
		}
			.aircon_set .service_table th,.service_table td{
				border: 1px solid #808080;
				padding: 5px;
			}		
			.aircon_set .service_table th{
				background-color: #ececec;
				text-align: center;
				vertical-align: middle;
			}
			.aircon_set .service_cost{
				width: 25%;
				vertical-align: middle;
				text-align: right;
				font-weight: bold;
				font-size: 16px;
			}
	/*注意喚起黄色枠--------------------*/
		.aircon_set .service_attention{
			width: 100%;
			display: block;
			margin: 50px auto 10px;
			border: 5px solid #ffde80;
			align-items: center;
		}
			.aircon_set .service_attention img{
				width: 30%;
				margin-top: -50px;
				margin-left: -20px;
			}
			.aircon_set .service_attention p{
				font-size: 15px;
				line-height: 2em;
				font-weight: bold;
				padding: 0px 10px 5px;
			}
	/*基本画像----------------------*/
		.aircon_set .service_figure_sp{
			width: 100%;
		}
		.aircon_set .service_figure{display: none !important;}
	/*追加工事の例一覧-----------------*/
		.aircon_set .att_list_title{
			width: 90%;
			font-weight: bold;
			margin: 30px auto 10px;
		}
		.aircon_set .att_list{
			width: 100%;
		}
				.aircon_set .att_list li{
					display: flex;
					padding: 0 10px;
					align-items: center;
					background-color: #dff2ff;
					margin: 10px auto;
					width: 90%;
				}
				.aircon_set .att_list li p{
					margin-left: 10px;
				}
				.aircon_set .att_list li img{
					width: 15%;
				}
		.aircon_set .att_list_comment{
			padding: 0px 20px;
	}
	/*工事できない場合の一覧-----------------------*/
			.aircon_set .ng_title{
				font-weight: bold;
			}
			.aircon_set .ng_point{
				background-color: #f5f5f5;
				width: 100%;
				margin: 25px auto;
			}
			.aircon_set .ng_point p{
				width: 70%;
				background-color: rgba(176,176,176,0.5);
				padding: 10px;
				border-radius: 0px 10px 10px 0px;
			}
			.aircon_set .ng_list{
				padding: 5px;
			}
			.aircon_set .ng_list li{
				padding-left: 60px;
				height: 85px;
				font-size: 13px;
				background-image: url(/img/shopstore/userguide/aircon_set/icon02.png);
				background-repeat: no-repeat;
				padding-top: 5px;
			}
	
	/*工事を申し込む前に-------------------------*/
		.aircon_set .before_title1{
			font-size: 15px;
			font-weight: bold;
			text-align: center;
			margin: 30px auto 10px;
		}
		.aircon_set .before_title2{
			text-align: center;
		}
		/*POINT1~7見出し-------------------------------------------------------*/
		.aircon_set .point01_title{background-color: #ffc5c5;}
			.aircon_set .point01_title:hover{background-color: #ffb8b8; cursor: pointer;}
		.aircon_set .point02_title{background-color: #ffccba;}
			.aircon_set .point02_title:hover{background-color: #ffc5b3; cursor: pointer;}
		.aircon_set .point03_title{background-color: #ffe4ba;}
			.aircon_set .point03_title:hover{background-color: #ffdeb3; cursor: pointer;}
		.aircon_set .point04_title{background-color: #ccffc0;}
			.aircon_set .point04_title:hover{background-color: #baffa6; cursor: pointer;}
		.aircon_set .point05_title{background-color: #b8ffde;}
			.aircon_set .point05_title:hover{background-color: #9fffcf; cursor: pointer;}
		.aircon_set .point06_title{background-color: #b0dfff;}
			.aircon_set .point06_title:hover{background-color: #94d9ff; cursor: pointer;}
		.aircon_set .point07_title{background-color: #cac0ff;}
			.aircon_set .point07_title:hover{background-color: #bdb6ff; cursor: pointer;}
	
			.aircon_set .point01_title,.aircon_set .point02_title,.aircon_set .point03_title,.aircon_set .point04_title,.aircon_set .point05_title,.aircon_set .point06_title,.aircon_set .point07_title{
				display: flex;
				align-items: center;
				height: 80px;
				margin-top: 30px;
				position: relative;
				box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
			}
			.aircon_set .point01_title p,.aircon_set .point02_title p,.aircon_set .point03_title p,.aircon_set .point04_title p,.aircon_set .point05_title p,.aircon_set .point06_title p,.aircon_set .point07_title p{
				padding: 0px 10px;
				font-weight: bold;
				font-size: 15px;
			}
			.aircon_set .point_icon{
				padding: 5px;
				width: 30%;
			}
			.aircon_set .check_icon{
				width: 20%;
				position: absolute;
				right: 0;
				bottom: 0;
			}
		/*POINT1~7外枠線----------------------------------------------*/
		.aircon_set .point01_main{border: 2px solid #ffc5c5; padding-top: 30px; padding-bottom: 20px;}
		.aircon_set .point02_main{border: 2px solid #ffccba; padding-top: 30px; padding-bottom: 20px;}
		.aircon_set .point03_main{border: 2px solid #ffe4ba; padding-top: 30px; padding-bottom: 20px;}
		.aircon_set .point04_main{border: 2px solid #ccffc0; padding-top: 30px; padding-bottom: 20px;}
		.aircon_set .point05_main{border: 2px solid #b8ffde; padding-top: 30px; padding-bottom: 20px;}
		.aircon_set .point06_main{border: 2px solid #b0dfff; padding-top: 30px; padding-bottom: 20px;}
		.aircon_set .point07_main{border: 2px solid #cac0ff; padding-top: 30px; padding-bottom: 20px;}
		
		
		/*POINT1~7共通デザイン----------------*/
		.aircon_set .pt_contents{padding: 0px 20px;}
		.aircon_set .pt_flexbox{
			padding: 0px 20px;
			display: block;
		}
		/*POINT1~7工事料金表-----------------*/
		.aircon_set .pt_costtable{
			width: 100%;
			margin-top: 10px;
		}
			.aircon_set .pt_costtable th,.aircon_set .pt_costtable td{
				border: 1px solid #808080;
				padding: 5px;
				vertical-align: middle;
				font-size: 14px;
			}
			.aircon_set .pt_costtable th{
				background-color: #ececec;
			}
	.aircon_set .pt_costtable2{
			width: 100%;
			margin-top: 10px;
		}
			.aircon_set .pt_costtable2 th,.aircon_set .pt_costtable2 td{
				border: 1px solid #808080;
				padding: 5px;
				vertical-align: middle;
				font-size: 14px;
			}
			.aircon_set .pt_costtable2 th{
				background-color: #ececec;
			}
			.aircon_set .pt_costtable_index{/*項目名*/
				text-align: center;
			}
			.aircon_set .pt_costtable_construction{/*工事内容*/
				width: 37%;
				text-align: left;
				
			}
			.aircon_set .pt_costtable_cost{/*目安料金*/
				text-align: right;
				font-weight: bold;
				width: 25%;
			}
			.aircon_set .nothing{/*備考欄横棒*/
				text-align: center;
			}
	
		/*POINT1 電圧は対応しているか-----------*/
		.aircon_set .point01_index{
			background-color: #ffe5e5;
			font-size: 16px;
			padding: 10px 5px;
			margin: 20px 5px 10px;
		}
		.aircon_set .point01_img1{width: 100%;}
		.aircon_set .point01_img2{width: 100%;}
		.aircon_set .point01_img3{width: 35%; display: block; margin: 10px auto;}
		.aircon_set .point01_img4{width: 70%; display: block; margin: 10px auto;}
		.aircon_set .point01_table1{
			margin-top: 20px;
			}
				.aircon_set .point01_table1 caption{
					margin-bottom: 5px;
				}
				.aircon_set .point01_table1 th,.aircon_set .point01_table1 td{
					border: 1px solid #808080;
					padding: 10px;
				}
				.aircon_set .point01_table1 th{
					width: 35%;
					vertical-align: middle;
					background-color: #ececec;
				}
		.aircon_set .point01_text1{
		}
		/*POINT2 コンセントの形状は一致しているか-----------*/
		.aircon_set .point02_index{
				background-color: #ffe3db;
				font-size: 16px;
				padding: 10px 5px;
				margin: 20px 5px 10px;
		}
		.aircon_set .point02_text1{
		}
		.aircon_set .point02_img1{
			display: block;
			width: 75%;
			margin: 0px auto;
	}
	
		/*POINT3 室内機の設置スペースは確保されているか-----------*/
		.aircon_set .point03_index{
				background-color: #ffeedb;
				font-size: 16px;
				padding: 10px 5px;
				margin: 20px 5px 10px;
		}
		.aircon_set .point03_box{
			border: 5px solid #ffe4ba;
			width: 90%;
			margin: 10px auto;
		}
			.aircon_set .point03_box p{
				padding: 5px;
			}
			.aircon_set .point03_box_title{
				padding: 10px;
				background-color: #ffeedb;
				text-align: center;
			}
		.aircon_set .point03_img2{
			display: block;
			width: 50%;
			margin: 0 auto;
		}
		/*POINT4 配管は問題ないか-----------*/
		.aircon_set .point04_index{
				background-color: #e5ffe0;
					font-size: 16px;
			padding: 10px 5px;
			    margin: 20px 5px 10px;
		}
		.aircon_set .point04_text1{
		}
		.aircon_set .point04_img1{
			display: block;
			width: 75%;
			margin: 0px auto;
	}
		.aircon_set .point04_table1{width: 100%;}
			.aircon_set .point04_table1 th,.aircon_set .point04_table1 td{
				border: 1px solid #808080;
				padding: 5px;
				
			}
			.aircon_set .point04_table1 th{
				background-color: #ececec;
				width: 25%;
				text-align: center;
				vertical-align: middle;
			}
			.aircon_set .point04_table1 caption{
				margin-top: 10px;
				margin-bottom: 5px;
			}
		.aircon_set .point04_text2{
			margin-bottom: 40px;
			margin-top: 20px;
		}
		.aircon_set .point04_table2{
			width: 100%;
		}
			.aircon_set .point04_table2 th,.aircon_set .point04_table2 td{
				border: 1px solid #808080;
				padding: 5px;
				text-align: center;
			}
			.aircon_set .point04_table2 th{
				font-size: 12px;
				background-color: #ececec;
			}
		.aircon_set .point04_box1{
			border: 1px solid #808080;
			padding: 5px;
			margin: 30px 0px;
			width: 100%;
		}
		.aircon_set .point04_box1 div{
			padding: 10px;
		}
		.aircon_set .point04_img4{
			width: 60%;
			display: block;
			margin: 0 auto;
	}
		.aircon_set .point04_img5{
		margin-bottom: 20px;
		}
		.aircon_set .point04_img6{width: 100%;}
		.aircon_set .point04_box2{
			border: 5px solid #a7e492;
			width: 90%;
			margin: 10px auto;
		}
			.aircon_set .point04_box2 p{
				padding: 5px;
			}
			.aircon_set .point04_box2_title{
				padding: 10px;
				background-color: #e5ffe0;
				text-align: center;
			}
		.aircon_set .point04_img7{
			width: 80%;
			display: block;
			margin: 0px auto;
	}
	
	/*POINT5 換気（加湿）機能搭載機器の場合、専用ホースは通せるか-----------*/
		.aircon_set .point05_index{
				background-color: #ddffec;
				font-size: 16px;
				padding: 10px 5px;
				margin: 20px 5px 10px;
		}
		.aircon_set .point05_text1{
			margin: 10px 0px;
		}
		.aircon_set .point05_text2{
			margin: 10px 0px 40px;
		}
		.aircon_set .point05_text3{
			margin: 10px 0px;
		}
		.aircon_set .point05_table1{
			width: 100%;
		}
				.aircon_set .point05_table1 th,.point05_table1 td{
					border: 1px solid #808080;
					padding: 5px;
				}
				.aircon_set .point05_table1 th{
					background-color: #ececec;
					width: 25%;
					text-align: center;
					vertical-align: middle;
				}
				.aircon_set .point05_table1 caption{
					margin-top: 20px;
					margin-bottom: 5px;
				}
		.aircon_set .point05_text5{
			margin-bottom: 30px;
		}

		.aircon_set .point05_text6{
		}

	/*POINT6 室外機の設置スペースは確保されているか-----------*/
		.aircon_set .point06_index{
				background-color: #e0f1ff;
				font-size: 16px;
				padding: 10px 5px;
				margin: 20px 5px 10px;
		}
		.aircon_set .point06_img1{width: 100%;}
		.aircon_set .point06_box{
			border: 5px solid #b0dfff;
			width: 90%;
			margin: 10px auto;
		}
			.aircon_set .point06_box p{
				padding: 5px;
			}
			.aircon_set .point06_box_title{
				padding: 10px;
				background-color: #e0f1ff;
				text-align: center;
			}
		.aircon_set .point06_list1{
			margin-bottom: 30px;
		}
		.aircon_set .point06_text3{
		}
	.aircon_set .point06_img3{
		display: block;
		margin: 10px auto;
		width: 80%
	}
	/*POINT7配管カバーが必要かどうか -----------*/
	.aircon_set .point07_index{
				background-color: #edebff;
				font-size: 16px;
				padding: 10px 5px;
				margin: 20px 5px 10px;
		}
		.aircon_set .point07_text1{
			}
		.aircon_set .point07_img1{
			width: 80%;
			margin: 10px auto;
			display: block;
		}
		.aircon_set .point07_table1{
			margin: 20px 0px 0px;
		}
			.aircon_set .point07_table1 th,.aircon_set .point07_table1 td{
				padding: 5px;
				border: 1px solid #808080;
				vertical-align: middle;
			}
			.aircon_set .point07_table1 th{
				background-color: #ececec;
				text-align: center;
			}
		.aircon_set .point07_table_index{width: 9%}
		.aircon_set .point07_text2{margin-bottom: 20px;}
		.aircon_set .point07_list1{margin-bottom: 20px;}
	
	
	/*三角矢印-----------------------------------------*/
	.aircon_set .triangle{
			margin: 55px auto;
			width: 0;
			height: 0;
			border-left: 30px solid transparent;
			border-right: 30px solid transparent;
			border-top: 30px solid black;
		}
	
	/*追加工事料金シュミレーター--------------------------*/
	.aircon_set .estimate{
	}
	.aircon_set .estimate_title{
		margin: 10px auto 0px;
		width: 100%;
		padding: 25px 10px;
		background-color: #ffffc1;
		border: 2px solid gray;
		font-size: 16px;
		text-align: center;
	}
			/*追加料金表*/
			.aircon_set .estimate_table{
				width: 100%;
				margin: 5px auto;
				border: 2px solid gray;
			}
				.aircon_set .estimate_table th{
					border: 1px solid gray;
					background-color: #d9d9d9;
					text-align: center;
					padding: 5px;
					font-size: 10px;
				}
				.aircon_set .estimate_table td{
				border: 1px solid gray;
				font-size: 12px;
				padding: 5px;
				height: 95px;
				vertical-align: middle;
				
				}
				.aircon_set .es_point1{background-color: #ffc5c5;}
				.aircon_set .es_point2{background-color: #ffccba;}
				.aircon_set .es_point4{background-color: #ccffc0;}
				.aircon_set .es_point6{background-color: #b0dfff;}
				.aircon_set .es_point7{background-color: #cac0ff;}
				.aircon_set .es_point1,.aircon_set .es_point2,.aircon_set .es_point4,.aircon_set .es_point6,.aircon_set .es_point7{
				text-align: center;
				font-size: 10px;
				}	

				.aircon_set .checkmark{
					content: '';
					width: 13px;
					height: 5px;
					border-left: 2px solid #000;
					border-bottom: 2px solid #000;
					transform: rotate(-45deg);
					margin: 0px auto;
				}
				.aircon_set .es_checkbox{
					text-align: center;
					vertical-align: middle;
				}
				.aircon_set .es_contents{
					background-color: #ececec;
					width: 30%;
				}
				.aircon_set .es_cost{
					font-weight: bold;
					text-align: right;
					width: 27%;
				}
				.aircon_set .es_remarks{
					text-align: center;
				}
				.aircon_set input[type="text"][disabled] {
					color: #000;
					background-color: transparent !important;
					text-align: right;
					width: 50%;
				}
			/*追加料金表の注意事項-----------------*/
				.aircon_set .es_font1{
					font-size: 16px;
					font-weight: bold;
					padding:5px ;
				}
				.aircon_set .es_font2{
					    font-size: 16px;
					font-weight: bold;
					padding: 10px 0;
					text-align: center;
				}
				.aircon_set .es_text{
					padding-left: 30px;
				}
				.aircon_set .es_text li{
					list-style-type: disc;
				}
		/*下見訪問サービス-------------------------*/
		.aircon_set .preview_visit_text{
			padding-left: 10px;
		}
		.aircon_set .preview_visit_table{
			width: 100%;	
			margin: 5px auto;
		}
		.aircon_set .preview_visit_table th{
			width: 18%;
			text-align: center;
			background-color: #ececec;
			border: 1px solid gray;
			padding: 5px;
		}
		.aircon_set .preview_visit_table td{
			border: 1px solid gray;
			padding: 5px;
		}
		.aircon_set .preview_visit_table ul li{
			list-style-type: disc;
			margin-left: 20px;
		}
		.aircon_set .preview_visit_button{
			width: 100%;
			margin: 20px auto 10px;
			background-color: #d6e7ff;
			text-align: center;
			box-shadow: 6px 6px #d0d0d0;
			font-size: 16px;
		}
			.aircon_set .preview_visit_button a{
				display: block;
				text-decoration: none;
				width: 100%;
				height: 100%;
				padding: 20px;
			}
				.aircon_set .preview_visit_button a:hover{background-color: #c2deff;}

	
	
		/*サービスの流れ-----------------------*/
		.aircon_set .flowchart_img{
			margin: 10px auto;
			width: 100%;
		}
		.aircon_set .flowchart_schedule{
			padding: 15px;
			border: 1px solid gray;
		}
		.aircon_set .flowchart_schedule ol{
		margin-left: 20px;
	}
		.aircon_set .flowchart_schedule ol li{
		padding-top: 25px;
		list-style-type: decimal;
		}

		.aircon_set .flowchart_title{
			font-size: 16px;
		}
		.aircon_set .flowchart_box1{
			margin-top: 5px;
			margin-left: 10px;
			display: flex;
			align-items:center;
			justify-content: center;
			background-color: #ececec;
			padding: 10px;
			text-align: center;
			width: 93%;
		}
			.aircon_set .flowchart_box1 img{width: 35%;}

		.aircon_set .flowchart_flex{
			
		}
		.aircon_set .flowchart_box2{
			width: 93%;
			margin-top: 10px;
			margin-left: 10px;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: #ececec;
			padding: 10px;
			text-align: center;
		}
			.aircon_set .flowchart_box2 img{
				width: 25%;
				margin-left: 10px;
			}
			.aircon_set .flowchart_table th{
				padding: 2px;
				vertical-align: middle;
				font-size: 13px;
				width: 55%;
				border: 5px solid #FFF;
				background-color: #d6d6d6;
			}

			.aircon_set .flowchart_table td{
				text-align: center;
				border: 5px solid #FFF;
				background-color: #ececec;
			}
			.aircon_set .flowchart_table td p{
				display: inline-block;
				vertical-align: middle;
			}
			.aircon_set .flowchart_table td img{
				width: 40%;
				padding: 2px;
				display: inline-block;
				vertical-align: middle;
			}
	/*注意事項-----------------------*/
	.aircon_set .precautions_title{
			display: inline-block;
			background-color: #f6f6f6;
			font-size: 15px;
			padding: 5px 10px 5px 0px;
			margin: 30px 0px 5px;
	}
	.aircon_set .precautions_list li{
		margin-left: 20px;
		list-style-type: disc;
	}
	.aircon_set .precautions_list2 li{
		margin-left: 0px;
		list-style-type: none;
	}

}/*SP版閉じタグ*/