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

/*----------------------------導入画像----------------------------*/
.main_container{width: 95%; margin: 100px auto; line-height: 1.5; font-family: 'Noto Sans JP', sans-serif;}
.main_bn img{width: 100%; height: auto;}
a :hover{opacity: 0.8;}

/*----------------------------メイン----------------------------*/

/* エアコン設置工事について */
.content_title{background-color: #00325c; text-align: center; margin: 40px auto 0; color: #fff; padding: 24px 0; font-size: 20px; font-weight: bold;}
.content_text{font-size: 14px; text-align: center; line-height: 1.8; color: #333;}
.emphasis{font-weight: bold; color: #e60012;}
.content_subtitle{text-align: center; margin: 32px auto 0; font-size: 20px; font-weight: bold; color: #333; border-bottom: 2px solid #00325c; padding: 0 0 8px 0}
.procedure_img1{width: 85%; margin: 0 auto;}
.procedure_img1 img{margin-top: 16px;}
.attention{line-height: 1.5; color: #e60012; font-size: 14px;}
.attention_flexbox{display: flex; background-color:#e60012; align-items: center; font-size: 14px; text-align: center; margin: 24px auto 0; justify-content: center; padding: 16px 0;}
.attention_title{color: #fff; font-weight: bold;}
.gray_line{background-color: #f6f6f6; font-weight: bold;}
.attention_box{text-align: center;}
.attention_subtitle{font-weight: bold; background-color: #f6f6f6; padding: 8px 0; border-radius: 50px; margin: 24px auto 8px;} 
.procedure_img2{width: 60%; margin: 0 auto; display: block;}
.standard_title{font-weight: bold; margin: 24px auto 0; font-size: 16px; line-height: 1.5;} 
.standard_title span{color:#e60012;}
.other-ptice_wrap{background-color: #f6f6f6; padding: 16px; margin: 8px auto 0;}
.other_text-red{background-color: #e60012; display: inline-block; color: #fff;  padding: 8px 16px; border-radius: 10px; font-size: 14px;}
.other_text{margin-top: 8px; line-height: 1.8; font-size: 14px;}

/* 設置工事前のチェックポイント */
.check_title{margin-top: 24px; font-size: 16px; font-weight: bold;}
.check_text{margin-top: 8px; line-height: 1.8; font-size: 14px;}
.check_indoor-unit{margin-top: 16px;}
.check_outdoor-unit{width: 60%; margin: 0 auto; display: block; margin-top: 16px;}
.conditions{border-bottom: 1px solid #333; padding-bottom: 8px; font-weight: bold;}

/* 追加工事の表 */
td{vertical-align: middle;}
thead th{text-align: center; background-color:#5cc; color: #fff;}
.wish_list tbody td{border-left: 1px #ddd solid; padding: 20px; font-size: 14px;}
.wish_list{width: 100%; margin: 8px auto 0; border: 1px #ddd solid; table-layout: fixed;}
.wish_list th{border-left: 1px #4bb solid; font-size: 14px;}
thead th{padding: 10px;}
.tr-color2{background-color: #ECECEC;}
.tokushu-bn{width: 80%; margin: 0 auto;}
.tokushu-bn img{width: 80%; margin: 0 auto;}
.irregular{font-size: 16px; margin-top: 24px;}
.wish_list_attention{margin-top: 16px; font-size: 14px; color: #e60012; font-weight: bold;}
.checkbox_flex{display: flex; align-items:flex-start; margin-top: 8px;}
.checkbox_img img{width: 20px; margin-right: 4px;}
.checkbox_flex div{font-size: 14px;}

/* 料金バナー */
.end_bn{margin: 40px auto;}


/*----------------------------レスポンシブ----------------------------*/
@media (min-width: 1024px) {
/* 導入画像 */  
.main_container{width: 850px;}
    
/* エアコン設置工事について */
.content_title{font-size: 30px; margin: 64px auto 0;}
.content_subtitle{margin: 40px auto 0; font-size: 24px;}
.procedure_img1{width: 80%; margin: 0 auto;}
.procedure_img1 img{margin-top: 24px;}
.attention{font-size: 12px;}
.attention_flexbox{font-size: 24px; margin: 40px auto 0}
.attention_subtitle{padding: 16px 0; border-radius: 50px; width: 100%;  font-size: 18px;} 
.procedure_img2{width: 60%; margin: 16px auto; display: block;}
.standard_title{font-size: 18px;} 
.other_text-red{font-size: 12px;}
    
/* 設置工事前のチェックポイント */
.check_title{font-size: 18px;}
.checkbox_img img{width: 30px; margin-right: 8px;}
    
/* 追加工事の表 */
.irregular{font-size: 16px;}
.wish_list_attention{font-size: 12px;}
}