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

@media only screen and (min-width:769px) {
	/*画像表示*/
	.pc { display: block !important; }
	.sp { display: none !important; }
	

/*共通デザイン---------------------*/
	.mounting h2 {
		margin: 50px 0px 20px 0;
		font-size: 171%;
		font-weight: bold;
		background-color: #eee;
		padding: 6px 10px 4px;
	}
	.mounting h3 {
		font-size: 20px;
		font-weight: bold;
		border-bottom: 1px solid #ddd;
		padding: 5px;
		margin: 60px 0px 20px 0px;
	}
		.mounting h3:before {
			content: "■";
			color: #1c5a8f;
		}
	.mounting h5 {
		font-weight: bold;
		margin: 20px 0px 7px 0px;
	}
/*メニュー部分---------------------*/
	.mounting_menu{
		display: flex;
		list-style: none;
		width: 100%;
	}
	.mounting_menu li{
		width: 25%;
		height: 50px;
		background-color: #e9f2ef;
		border: 1px solid #FFFFFF;
	}
	.mounting_menu li:hover{
		background-color: #a1d3c2
	}
	.mounting_menu li a{
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
		text-align: center;
		line-height: 46px;
	}
	
/*サービス概要-------------------------*/
	.mounting .item_list{
		display: flex;
		justify-content: flex-end;
	}
	.mounting .item_list li{
		width: 19.5%;
	}
	.mounting .item_title1{
		padding: 10px;
		background-color: #ECECEC;
		text-align: center;
		border: 1px solid #D3D3D3;
	}
	.mounting .item_text1{
		text-align: center;
		border: 1px solid #D3D3D3;
		padding: 20px 0px;
		
	}
	.mounting .mounting_item_link{
		text-align: right;
		margin-top: 5px;
	}
	.mounting .aria_text{margin-left: 25px;}
	.mounting .aria_list{margin-left: 40px;}
	.mounting .aria_list li{
		list-style: disc;
	}
/*サービスの流れ-----------------------*/
	.mounting .flowchart_schedule{
		margin-left: 20px;
		margin-top: 10px;
		padding: 40px;
		border: 1px solid gray;
		}
	.mounting .flowchart_img{
		margin: 6px auto;
		 width: 100%;
		}
	.mounting .flowchart_schedule ol li{
		padding-top: 25px;
		list-style-type: decimal;
		}
	.mounting .flowchart_title{
			margin-left: -20px;
			margin-top: 20px;
			font-size: 20px;
		}
	.mounting .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: 52%;
		}
	.mounting .flowchart_box1 img{width: 30%;}

	.mounting .flowchart_flex{
		display: flex;
		}
	.mounting .flowchart_box2{
			width: 30%;
			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;
		}
			.mounting .flowchart_box2 img{
				width: 30%;
			}
	.mounting .flowchart_table th{
				padding: 20px;
				border: 10px solid #FFF;
				background-color: #d6d6d6;
			}
			.mounting .flowchart_table td{
				text-align: center;
				border: 10px solid #FFF;
				background-color: #ececec;
			}
			.mounting .flowchart_table td p{
				display: inline-block;
				vertical-align: middle;
			}
			.mounting .flowchart_table td img{
				width: 35%;
				display: inline-block;
				vertical-align: middle;
			}
/*注意事項-----------------------*/
	.mounting .precautions_title{
			display: inline-block;
			background-color: #f6f6f6;
			font-size: 15px;
			padding: 5px 10px 5px 0px;
			margin: 25px 0px 5px;
	}
	.mounting .precautions_list li{
		margin-left: 40px;
		list-style-type: disc;
	}
	.mounting .precautions_list2 li{
		margin-left: 0px;
		list-style-type: none;
	}
/*下見訪問サービス-------------------------*/
		.mounting .preview_visit_text{
			padding-left: 30px;
		}
		.mounting .preview_visit_table{
			width: 95%;	
			margin: 10px auto;
		}
		.mounting .preview_visit_table th{
			width: 15%;
			text-align: center;
			background-color: #ececec;
			padding: 10px;
			border: 1px solid gray;
		}
		.mounting .preview_visit_table td{
			border: 1px solid gray;
			padding: 10px;
		}
		.mounting .preview_visit_table ul li{
			list-style-type: disc;
			margin-left: 20px;
		}
		.mounting .preview_visit_button{
			width: 50%;
			margin: 35px auto 60px;
			background-color: #d3eae2;
			text-align: center;
			box-shadow: 6px 6px #d0d0d0;
			font-size: 18px;
		}
			.mounting .preview_visit_button a{
				display: block;
				text-decoration: none;
				width: 100%;
				height: 100%;
				padding: 20px;
			}
				.mounting  .preview_visit_button a:hover{background-color: #a1d3c2;}
/*料金表・商品ごとの注意事項-------------------*/
	
	
	/*ジャバラ部分ここから*/
	.mounting .itemlist {
		padding: 10px 0px;
	}
	.mounting .itemlist dt{
		background-color: #66b18d;
		cursor: pointer;
		display: flex;
		align-items: center;
		height: 90px;
		margin-top: 30px;
		position: relative;
		box-shadow: 2px 3px #e9e9e9;
	}
		.mounting .itemlist dt:hover{
			opacity: 0.7;
		}
			.mounting .itemlist dt .plan_title{
				font-size: 23px;
				color: #FFF;
				margin-left: 15px;
			}
			.mounting .itemlist dt .plan_click{
				font-size: 14px;
				color: #FFF;
				position: absolute;
				right: 8%;
				bottom: 5px;
			}
			.mounting .triangle{
				opacity: 0.3;
				border-bottom: 50px solid #FFFFFF;
				border-left: 50px solid transparent;
				position: absolute;
						right: 5px;
						bottom: 5px;
			}
			.mounting .plan_icon{
				display: block;
				width: 14%;
				opacity: 0.5;
				padding: 20px;
			}
	/*ジャバラ部分ここまで*/

	.mounting .itemlist dd{
		padding: 15px 0px;
	}
	.aiecon_link_text{
		font-size: 20px;
		text-align: center;
		padding: 20px 0;
	}
	.aircon_link{
		display: block;
		margin: 0px auto;
	}
		
	.plan_index{
		font-weight: bold;
		margin: 25px 0px 0px 5px;
	}
	.plan_text{
		padding-top: 10px;
		margin-left: 20px;
	}
	.plan_list{
		margin-left: 40px;
	}
	.plan_list li{
		list-style: disc!important;
		padding-top: 7px;
	}
	
	.plan_cost{
		margin-top: 10px;
		width: 100%;
		margin-left: 20px;
	}
		.plan_cost th{
			padding: 5px;
			border: 1px solid gray;
			background-color: #E7E7E7;
			text-align: center;
		}
		.plan_cost td{
			text-align: center;
			border: 1px solid gray;
			padding: 10px;
		}
		.plan_cost01{
		width: 25%;
		}
		.plan_cost02{
		width: 30%;
		}
	
	.plan_cancel_title{
		width: 100%;
		margin-top: 20px;
		margin-left: 20px;
		padding: 10px;
		background-color: #E7E7E7;
		border: 1px solid gray;
	}
	.plan_cancel_text{
		width: 100%;
		margin-left: 20px;
		padding: 10px;
		border: 1px solid gray;
		border-top: none;
	}
	.plan_list2{
		margin-top: 5px;
		margin-left: 40px;
	}
	.plan_list2 li{
		list-style: disc!important;
	}

}/*PC版閉じタグ*/

/*SP版ここから*/
@media only screen and (max-width:768px) {
.pc { display: none !important; }
.sp { display: block !important; }
img{height: auto;}
	
	/*SP共通デザイン---------------------*/
	.mounting h2 {
		margin: 20px 0;
		font-size: 171%;
		font-weight: bold;
		background-color: #eee;
		padding: 6px 10px 4px;
	}
	.mounting h3 {
		font-size: 20px;
		font-weight: bold;
		border-bottom: 1px solid #ddd;
		padding: 5px;
		margin: 35px 0px 20px 0px;
	}
		.mounting h3:before {
			content: "■";
			color: #1c5a8f;
		}
	.mounting h5 {
		font-weight: bold;
		margin: 20px 0px 7px 0px;
	}
/*SPメニュー部分---------------------*/
	.mounting_menu{
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		width: 100%;
	}
	.mounting_menu li{
		width: 100%;
		height: 50px;
		background-color: #e9f2ef;
		border: 1px solid #FFFFFF;
	}
	.mounting_menu li:hover{
		background-color: #a1d3c2
	}
	.mounting_menu li a{
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
		text-align: center;
		line-height: 46px;
	}
/*SPサービス概要-------------------------*/
	.mounting .item_list{
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 10px;
	}
	.mounting .item_list li{
		width: 50%;
	}
	.mounting .item_title1{
		padding: 10px;
		background-color: #ECECEC;
		text-align: center;
		border: 1px solid #D3D3D3;
	}
	.mounting .item_text1{
		text-align: center;
		border: 1px solid #D3D3D3;
		padding: 20px 0px;
		
	}
	.mounting .mounting_item_link{
		margin-top: 5px;
	}
	.mounting .aria_text{margin-left: 15px;}
	.mounting .aria_list{margin-left: 30px;}
	.mounting .aria_list li{
		list-style: disc;
	}
/*SPサービスの流れ-----------------------*/
	.mounting .flowchart_schedule{
		margin-left: 20px;
		margin-top: 10px;
		}
	.mounting .flowchart_img{
		margin: 6px auto;
		 width: 100%;
		}
	.mounting .flowchart_schedule ol li{
		padding-top: 25px;
		list-style-type: decimal;
		}
	.mounting .flowchart_title{
			margin-left: -20px;
			margin-top: 20px;
			font-size: 20px;
		}
	.mounting .flowchart_box1{
			margin-top: 10px;
			display: flex;
			align-items:center;
			justify-content: center;
			background-color: #ececec;
			padding: 15px;
			text-align: center;
			width: 100%;
		}
	.mounting .flowchart_box1 img{width: 36%;}
	.mounting .flowchart_box1 p{text-align: left;}

	.mounting .flowchart_flex{
		display: flex;
		flex-wrap: wrap;
		}
	.mounting .flowchart_box2{
			width: 100%;
			margin-top: 10px;
			display: flex;
			align-items: center;
			margin-left: 10px;
			background-color: #ececec;
		}
			.mounting .flowchart_box2  p{padding: 25px;}
			.mounting .flowchart_box2 img{width: 25%;}
	
	.mounting .flowchart_table th{
				vertical-align: middle;
				padding: 15px;
				border: 5px solid #FFF;
				background-color: #d6d6d6;
			}
			.mounting .flowchart_table td{
				text-align: center;
				border: 5px solid #FFF;
				background-color: #ececec;
				padding: 10px;
			}
			.mounting .flowchart_table td p{
				display: inline-block;
				vertical-align: middle;
			}
			.mounting .flowchart_table td img{
				width: 35%;
				display: inline-block;
				vertical-align: middle;
			}
/*SP注意事項-----------------------*/
	.mounting .precautions_title{
			display: inline-block;
			background-color: #f6f6f6;
			font-size: 14px;
			padding: 5px 10px 5px 0px;
			margin: 25px 0px 5px;
	}
	.mounting .precautions_list li{
		margin-left: 30px;
		margin-bottom: 10px;
		list-style-type: disc;
	}
	.mounting .precautions_list2 li{
		margin-left: 0px;
		margin-bottom: 2px;
		list-style-type: none;
	}
/*SP下見訪問サービス-------------------------*/
		.mounting .preview_visit_text{
			padding-left: 15px;
		}
		.mounting .preview_visit_table{
			width: 100%;	
			margin: 10px auto;
		}
		.mounting .preview_visit_table th{
			width: 15%;
			writing-mode: tb-rl;
			vertical-align: middle;
			text-align: center;
			background-color: #ececec;
			padding: 10px;
			border: 1px solid gray;
		}
		.mounting .preview_visit_table td{
			border: 1px solid gray;
			padding: 10px;
		}
		.mounting .preview_visit_table ul li{
			list-style-type: disc;
			margin-left: 20px;
		}
		.mounting .preview_visit_button{
			width: 95%;
			margin: 30px auto;
			background-color: #d3eae2;
			text-align: center;
			box-shadow: 6px 6px #d0d0d0;
			font-size: 15px;
		}
			.mounting .preview_visit_button a{
				display: block;
				text-decoration: none;
				width: 100%;
				height: 100%;
				padding: 20px;
			}
				.mounting  .preview_visit_button a:hover{background-color: #a1d3c2;}
/*SP料金表・商品ごとの注意事項-------------------*/
	
	
	/*ジャバラ部分ここから*/
	.mounting .itemlist {
		padding: 10px 0px;
	}
	.mounting .itemlist dt{
		background-color: #66b18d;
		cursor: pointer;
		display: flex;
		align-items: center;
		height: 90px;
		margin-top: 15px;
		position: relative;
		box-shadow: 2px 3px #e9e9e9;
	}
		.mounting .itemlist dt:hover{
			opacity: 0.7;
		}
			.mounting .itemlist dt .plan_title{
				font-size: 16px;
				padding: 0px 10px 10px 0px;
				color: #FFF;
			}
			.mounting .itemlist dt .plan_click{
				font-size: 11px;
				color: #FFF;
				position: absolute;
				right: 20%;
				bottom: 5px;
			}
			.mounting .triangle{
				opacity: 0.3;
				border-bottom: 50px solid #FFFFFF;
				border-left: 50px solid transparent;
				position: absolute;
						right: 5px;
						bottom: 5px;
			}
			.mounting .plan_icon{
				display: block;
				width: 20%;
				opacity: 0.5;
				padding: 5px;
			}
	/*ジャバラ部分ここまで*/

	.mounting .itemlist dd{
		padding: 15px 0px;
	}
	.aiecon_link_text{
		font-size: 16px;
		text-align: center;
		padding: 20px 0;
	}
	.aircon_link{
		display: block;
		margin: 0px auto;
	}
		
	.plan_index{
		font-weight: bold;
		margin-top: 25px;
	}
	.plan_text{
		padding-top: 10px;
		margin-left: 10px;
	}
	.plan_list{
		margin-left: 30px;
	}
	.plan_list li{
		list-style: disc!important;
		padding-top: 7px;
	}
	
	.plan_cost{
		margin-top: 10px;
		width: 100%;
	}
		.plan_cost th{
			padding: 5px;
			border: 1px solid gray;
			background-color: #E7E7E7;
			text-align: center;
			vertical-align: middle;
		}
		.plan_cost td{
			text-align: center;
			border: 1px solid gray;
			vertical-align: middle;
			padding: 5px;
		}
		.plan_cost01{
		width: 25%;
		}
		.plan_cost02{
		width: 35%;
		}
	
	.plan_cancel_title{
		width: 100%;
		margin-top: 20px;
		padding: 10px;
		background-color: #E7E7E7;
		border: 1px solid gray;
	}
	.plan_cancel_text{
		width: 100%;
		padding: 10px;
		border: 1px solid gray;
		border-top: none;
	}
	.plan_list2{
		margin-top: 5px;
		margin-left: 25px;
	}
	.plan_list2 li{
		list-style: disc!important;
	}
	
}/*SP版閉じタグ*/