@charset "utf-8";
@media only screen and (min-width:769px) {
	/*画像表示*/
	.pc { display: block !important; }
	.sp { display: none !important; }
	
	/*全体枠*/
	.aircon_set{
		width: 1200px;
		margin: 0 auto;
		font-size: 16px;
	}
	/*冒頭文言*/
	.aircon_set .top_message{
		text-align: center;
		font-size: 18px;
		padding: 20px 0px;
	}
	/*メニューここから*/
	.aircon_set #jump_menu {
		display: flex;
		align-content: center;
		justify-content: center;
		width: 1200px;
		height: 70px;
		padding: 0 20px;
		margin: 0px auto 45px;
		background: #dff2ff;
		box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	}
	.aircon_set #jump_menu li {
		display: table;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	.aircon_set #jump_menu li a {
		width: 100%;
		height: 100%;
		color: #000;
		font-size: 16px;
		margin: 0;
		padding: 12px 50px;
		text-decoration: none;
		display: table-cell;
		vertical-align: middle;
	}
	.aircon_set #jump_menu li a:hover {
		background: #d2edff;
	}
	/*メニューここまで*/
	
	/*ページ内共通デザインここから*/
	
	.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: 20px;
		font-weight: bold;
	}
	/*ページ内共通デザインここまで*/
	
	
	/*サービス概要--------------------*/
	.aircon_set .service{
		margin: 0 auto;
	}
		.aircon_set .service_title{
			display: inline-block;
			background-color: #f6f6f6;
			font-size: 20px;
			padding: 5px 10px 5px 0px;
			margin: 30px 0px 5px;
		}
		.aircon_set .service_text1{
			padding-left: 20px;
	}
		.aircon_set .service_list1{
			padding-left: 40px;
			padding-bottom: 10px;
		}
			.aircon_set .service_list1 li{
				list-style-type: disc;
			}

		.aircon_set .service_textbox{
			border: 1px solid #9a9a9a;
			display: block;
			width: 68%;
			margin-left: 20px;
			font-size: 14px;
			padding: 5px 10px;
		}
	/*基本料金表-------------------------*/
		.aircon_set .service_table{
			margin-left: 20px;
			width: 100%
		}
			.aircon_set .service_table th,.aircon_set .service_table td{
				border: 2px solid #808080;
				padding: 10px;
			}		
			.aircon_set .service_table th{
				background-color: #ececec;
				text-align: center;
				vertical-align: middle;
			}
			.aircon_set .service_cost{
				width: 25%;
				text-align: right;
				font-weight: bold;
				font-size: 16px;
			}
	/*注意喚起黄色枠--------------------*/
		.aircon_set .service_attention{
			width: 90%;
			display: flex;
			margin: 90px auto 10px;
			border: 10px solid #ffde80;
			align-items: center;
		}
			.aircon_set .service_attention img{
				width: 20%;
				margin-top: -40px;
				margin-left: -20px;
			}
			.aircon_set .service_attention p{
				font-size: 17px;
				line-height: 2em;
				font-weight: bold;
				padding-left: 40px;
			}
	/*基本料金表----------------------*/
		.aircon_set .service_figure{
			width: 80%;
			margin: 0px auto;
			display: block;
		}
		.aircon_set .service_figure_sp{display: none !important;}
	/*追加工事の例一覧-----------------*/
		.aircon_set .att_list_title{
			font-size: 20px;
			font-weight: bold;
			margin: 30px auto 10px;
			text-align: center;
		}
		.aircon_set .att_list{
			display: flex;
			flex-wrap: wrap;
			margin: 0px auto;
			width: 81%;
		}
				.aircon_set .att_list li{
					font-size: 14px;
					display: flex;
					padding: 0 10px;
					align-items: center;
					background-color: #dff2ff;
					margin: 10px;
					width: 31%;
				}
				.aircon_set .att_list li p{
					margin-left: 10px;
				}
				.aircon_set .att_list li img{
					width: 25%;
				}
		.aircon_set .att_list_comment{
			padding-left: 130px;
			font-size: 13px;
	}
	/*工事できない場合の一覧-----------------------*/
			.aircon_set .ng_title{
				font-weight: bold;
			}
			.aircon_set .ng_point{
				background-color: #f5f5f5;
				width: 80%;
				margin: 25px auto;
			}
			.aircon_set .ng_point p{
				width: 30%;
				background-color: rgba(176,176,176,0.5);
				padding: 10px;
				border-radius: 0px 10px 10px 0px;
			}
			.aircon_set .ng_list{
				margin-left: 30px;
			}
			.aircon_set .ng_list li{
				padding-left: 60px;
				height: 70px;
				background-image: url(/img/shopstore/userguide/aircon_set/icon02.png);
				background-repeat: no-repeat;
				background-position: 5px 0px;
				padding-top: 10px;
			}
	
	/*工事を申し込む前に-------------------------*/
		.aircon_set .before_title1{
			font-size: 25px;
			font-weight: bold;
			text-align: center;
			margin: 40px auto 20px;
		}
		.aircon_set .before_title2{
			text-align: center;
			font-size: 20px;
		}
		/*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: 90px;
				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{
				font-size: 21px;
				font-weight: bold;
			}
			.aircon_set .point_icon{
				padding: 20px;
				height: 90%;
			}
			.aircon_set .check_icon{
				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{margin-left: 40px;}
		.aircon_set .pt_flexbox{
			margin-left: 40px;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
		}
		/*工事料金表*/
		.aircon_set .pt_costtable{
			width: 97%;
			margin-top: 15px;
		}
			.aircon_set .pt_costtable th,.aircon_set .pt_costtable td{
				border: 2px solid #808080;
				padding: 10px;
			}
			.aircon_set .pt_costtable th{
				background-color: #ececec;
			}
		.aircon_set .pt_costtable2{
			width: 60%;
			margin-top: 15px;
		}
			.aircon_set .pt_costtable2 th,.aircon_set .pt_costtable2 td{
				border: 2px solid #808080;
				padding: 10px;
			}
			.aircon_set .pt_costtable2 th{
				background-color: #ececec;
			}
			.aircon_set .pt_costtable_index{/*項目名*/
				text-align: center;
			}
			.aircon_set .pt_costtable_construction{/*工事内容*/
				width: 25%;
			}
			.aircon_set .pt_costtable_cost{/*目安料金*/
				text-align: right;
				font-weight: bold;
				font-size: 20px;
				width: 30%;
				padding: 10px;
			}
			.aircon_set .nothing{/*備考欄横棒*/
				text-align: center;
			}
	
		/*POINT1 電圧は対応しているか-----------*/
		.aircon_set .point01_index{
			display: inline-block;
			background-color: #ffe5e5;
			font-size: 20px;
			padding: 5px 10px 5px 0px;
			margin: 20px 15px 10px;
		}
		.aircon_set .point01_img1{width: 45%;}
		.aircon_set .point01_img2{width: 60%; padding: 10px;}
		.aircon_set .point01_img3{width: 16%;}
		.aircon_set .point01_img4{width: 25%;}
		.aircon_set .point01_table1{
			margin-right: 30px;
			margin-top: 20px;
			}
				.aircon_set .point01_table1 caption{
					margin-bottom: 10px;
				}
				.aircon_set .point01_table1 th,.point01_table1 td{
					border: 2px solid #808080;
					padding: 30px 20px;
				}
				.aircon_set .point01_table1 th{
					background-color: #ececec;
				}
		.aircon_set .point01_text1{
			width: 50%;
			margin-right: 30px;
		}
		/*POINT2 コンセントの形状は一致しているか-----------*/
		.aircon_set .point02_index{
				display: inline-block;
				background-color: #ffe3db;
				font-size: 20px;
				padding: 5px 10px 5px 0px;
				margin: 20px 15px 10px;
		}
		.aircon_set .point02_text1{
			padding-right: 20px;
			width: 65%;
		}
		.aircon_set .point02_img1{width: 30%;}
	
		/*POINT3 室内機の設置スペースは確保されているか-----------*/
		.aircon_set .point03_index{
				display: inline-block;
				background-color: #ffeedb;
				font-size: 20px;
				padding: 5px 10px 5px 0px;
				margin: 10px 15px 10px;
		}
		.aircon_set .point03_box{
			border: 5px solid #ffe4ba;
			width: 93%;
			margin: 10px auto;
		}
			.aircon_set .point03_box p{
				padding: 20px;
			}
			.aircon_set .point03_box_title{
				padding: 10px;
				background-color: #ffeedb;
				text-align: center;
			}
	
		/*POINT4 配管は問題ないか-----------*/
		.aircon_set .point04_index{
				display: inline-block;
				background-color: #e5ffe0;
				font-size: 20px;
				padding: 5px 10px 5px 0px;
				margin: 10px 15px 10px;
		}
		.aircon_set .point04_text1{
			width: 51%;
			margin-right: 30px;
		}
		.aircon_set .point04_img1{width: 30%;}
		.aircon_set .point04_table1{width: 80%;}
			.aircon_set .point04_table1 th,.point04_table1 td{
				border: 2px solid #808080;
				padding: 20px;
			}
			.aircon_set .point04_table1 th{
				background-color: #ececec;
				width: 35%;
				text-align: center;
			}
			.aircon_set .point04_table1 caption{
				margin-bottom: 10px;
			}
		.aircon_set .point04_text2{
			margin-bottom: 40px;
		}
		.aircon_set .point04_table2{
			margin: 20px 0px;
			width: 84%;
		}
			.aircon_set .point04_table2 th,.aircon_set .point04_table2 td{
				border: 2px solid #808080;
				padding: 20px;
				text-align: center;
			}
			.aircon_set .point04_table2 th{
				background-color: #ececec;
				width: 35%;
			}
		.aircon_set .point04_img6{width: 50%;}
		.aircon_set .point04_box1{
			display: flex;
			align-items: center;
			border: 2px solid #808080;
			padding: 10px;
			margin: 30px 0px;
			width: 84%;
		}
		.aircon_set .point04_box1 div{
			padding: 20px;
		}
		.aircon_set .point04_img5{
		margin-bottom: 40px;
		}
		.aircon_set .point04_box2{
			border: 5px solid #a7e492;
			width: 93%;
			margin: 10px auto 40px;
		}
			.aircon_set .point04_box2 p{
				padding: 20px;
			}
			.aircon_set .point04_box2_title{
				padding: 10px;
				background-color: #e5ffe0;
				text-align: center;
			}
		.aircon_set .point04_img7{width: 25%;}
	
	/*POINT5 換気（加湿）機能搭載機器の場合、専用ホースは通せるか-----------*/
		.aircon_set .point05_index{
				display: inline-block;
				background-color: #ddffec;
				font-size: 20px;
				padding: 5px 10px 5px 0px;
				margin: 10px 15px 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: 80%;
			margin: 10px 0px;
		}
				.aircon_set .point05_table1 th,.aircon_set .point05_table1 td{
					border: 2px solid #808080;
					padding: 20px;
				}
				.aircon_set .point05_table1 th{
					background-color: #ececec;
					width: 35%;
					text-align: center;
				}
				.aircon_set .point05_table1 caption{
					 margin: 20px 0px 10px;
				}
		.aircon_set .point05_text5{
			margin-bottom: 40px;
		}

		.aircon_set .point05_text6{
			padding-right: 30px;
			width: 60%;
		}

	/*POINT6 室外機の設置スペースは確保されているか-----------*/
		.aircon_set .point06_index{
				display: inline-block;
				background-color: #e0f1ff;
				font-size: 20px;
				padding: 5px 10px 5px 0px;
				margin: 10px 15px 10px;
		}
		.aircon_set .point06_img1{width: 50%;}
		.aircon_set .point06_box{
			border: 5px solid #b0dfff;
			width: 93%;
			margin: 10px auto 40px;
		}
			.aircon_set .point06_box p{
				padding: 20px;
			}
			.aircon_set .point06_box_title{
				padding: 10px;
				background-color: #e0f1ff;
				text-align: center;
			}
		.aircon_set .point06_list1{
			margin-bottom: 40px;
		}
		.aircon_set .point06_text3{
			width: 70%;
			padding-right: 30px;
		}
	/*POINT7配管カバーが必要かどうか -----------*/
	.aircon_set .point07_index{
				display: inline-block;
				background-color: #edebff;
				font-size: 20px;
				padding: 5px 10px 5px 0px;
				margin: 10px 15px 10px;
		}
		.aircon_set .point07_text1{
				width: 65%;
				padding-right: 30px;
			}
		.aircon_set .point07_table1{
			margin: 20px 0px 0px;
		}
			.aircon_set .point07_table1 th,.aircon_set .point07_table1 td{
				padding: 10px;
				border: 2px solid #808080;
			}
			.aircon_set .point07_table1 th{
				background-color: #ececec;
				text-align: center;
			}
		.aircon_set .point07_table_index{width: 15%}
		.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{
		border: 2px solid gray;
	}
	.aircon_set .estimate_title{
		margin: 40px auto 10px;
		width: 93%;
		padding: 25px 10px;
		background-color: #ffffc1;
		border: 2px solid gray;
		font-size: 20px;
		text-align: center;
	}
	
			/*追加料金表*/
			.aircon_set .estimate_table{
				width: 93%;
				margin: 20px auto;
				border: 2px solid gray;
			}
				.aircon_set .estimate_table th{
					border: 1px solid gray;
					background-color: #d9d9d9;
					text-align: center;
					padding: 10px;
				}
				.aircon_set .estimate_table tr,.estimate_table td{
				border: 1px solid gray;
				padding: 10px;
				}
				.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; width: 9%; font-size: 13px;
				}	

				.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{
					width: 5%;
					text-align: center;
				}
				.aircon_set .es_contents{
					background-color: #ececec;
					width: 25%;
				}
				.aircon_set .es_cost{
					font-weight: bold;
					text-align: right;
					width: 15%;
					font-size: 16px;
				}
				.aircon_set .es_remarks{
					text-align: center;
				}
				.aircon_set input[type="text"][disabled] {
					color: #000;
					text-align: right;
				}
			/*追加料金表の注意事項-----------------*/
				.aircon_set .es_font1{
					font-size: 25px;
					font-weight: bold;
					padding:10px  90px ;
				}
				.aircon_set .es_font2{
					font-size: 25px;
					font-weight: bold;
					padding: 10px 100px;
					text-align: right;
				}
				.aircon_set .es_font3{padding-left: 30px;}
				.aircon_set .es_text{
					padding: 0px 0px 25px 60px;
				}
				.aircon_set .es_text li{
					list-style-type: disc;
				}
		/*下見訪問サービス-------------------------*/
		.aircon_set .preview_visit_text{
			padding-left: 30px;
		}
		.aircon_set .preview_visit_table{
			width: 95%;	
			margin: 10px auto;
		}
		.aircon_set .preview_visit_table th{
			width: 15%;
			text-align: center;
			background-color: #ececec;
			padding: 10px;
		}
		.aircon_set .preview_visit_table tr,.aircon_set .preview_visit_table td{
			border: 1px solid gray;
			padding: 10px;
		}
		.aircon_set .preview_visit_table ul li{
			list-style-type: disc;
			margin-left: 20px;
		}
		.aircon_set .preview_visit_button{
			width: 50%;
			margin: 35px auto 10px;
			background-color: #d6e7ff;
			text-align: center;
			box-shadow: 6px 6px #d0d0d0;
			font-size: 18px;
		}
			.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: 30px auto;
			width: 90%;
		}
		.aircon_set .flowchart_schedule{
			padding: 40px;
			border: 2px solid gray;
		}
		.aircon_set .flowchart_schedule ol li{
		padding-top: 25px;
		list-style-type: decimal;
		}

		.aircon_set .flowchart_title{
			margin-left: -20px;
			font-size: 20px;
		}
		.aircon_set .flowchart_box1{
			margin-top: 10px;
			margin-left: 10px;
			display: flex;
			align-items:center;
			justify-content: center;
			background-color: #ececec;
			padding: 10px;
			text-align: center;
			width: 45%;
		}
			.aircon_set .flowchart_box1 img{width: 35%;}

		.aircon_set .flowchart_flex{
			display: flex;
		}
		.aircon_set .flowchart_box2{
			width: 27%;
			margin-top: 10px;
			display: flex;
			align-items: center;
			justify-items: center;
			margin-left: 10px;
			background-color: #ececec;
			padding: 0px 0px 0px 10px;
			text-align: center;
		}
			.aircon_set .flowchart_box2 img{
				width: 35%;
			}
			.aircon_set .flowchart_table th{
				padding: 20px;
				border: 10px solid #FFF;
				background-color: #d6d6d6;
			}

			.aircon_set .flowchart_table td{
				text-align: center;
				border: 10px solid #FFF;
				background-color: #ececec;
			}
			.aircon_set .flowchart_table td p{
				display: inline-block;
				vertical-align: middle;
			}
			.aircon_set .flowchart_table td img{
				width: 35%;
				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: 40px;
		list-style-type: disc;
	}
	.aircon_set .precautions_list2 li{
		margin-left: 0px;
		list-style-type: none;
	}
	
}/*PC版閉じタグ*/



