@charset "UTF-8"; /*--------------------------------------------------------------------------- 共通 Class Sの光熱費 参考プラン・価格 工法と構造 標準仕様 ヘルス＆ビューティー イオンハウジング苫小牧 --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------- 共通 --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------- import --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------- 共通 --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------- Class Sの光熱費 --------------------------------------------------------------------------*/ #sub_title.cost { background-image: url("../../cost/img/titleback_cost.jpg"); } #cost .cost_frm { margin: 0 auto 0; max-width: 1160px; } #cost .cost_frm > p.copy { text-align: center; } #cost .cost_frm #cost_create .cost_create_wrap { margin-top: 80px; } #cost .cost_frm #cost_create .cost_create_wrap > div { display: -webkit-flex; display: flex; margin: 0 auto 0; width: 100%; max-width: 1100px; } #cost .cost_frm #cost_create .cost_create_wrap > div > div { width: 50%; max-width: 530px; } #cost .cost_frm #cost_create .cost_create_wrap > div > div.ct_text { display: -webkit-flex; display: flex; flex-direction: column; margin: 0 auto 0 0; padding: 0 10px 0 0; } #cost .cost_frm #cost_create .cost_create_wrap > div > div.ct_text > div { display: -webkit-flex; display: flex; flex-grow: 1; align-items: center; justify-content: center; background: #e4e4e4; padding: 10px 10px 5px; width: 100%; } #cost .cost_frm #cost_create .cost_create_wrap > div > div.ct_text > div p { max-width: 410px; line-height: 2; text-align: center; font-size: 24px; font-weight: 700; } #cost .cost_frm #cost_create .cost_create_wrap > div > div.ct_img { margin: 0 0 0 auto; padding: 0 0 0 10px; } #cost .cost_frm #cost_compare { margin-top: 100px; } #cost .cost_frm #cost_compare .cost_compare_wrap h2 { background: #1c223c; padding: 20px 10px 15px; color: #FFF; line-height: 1.5; text-align: center; font-size: 20px; font-weight: 700; } #cost .cost_frm #cost_compare .cost_compare_wrap h2 .pc_no { display: none; } #cost .cost_frm #cost_compare .cost_compare_wrap .ct_img { display: -webkit-flex; display: flex; margin: 25px auto 0; width: 100%; } #cost .cost_frm #cost_compare .cost_compare_wrap .ct_img > div { margin: 0 auto 0; padding: 0 10px 0; width: 50%; max-width: 520px; } #cost .cost_frm #cost_compare .cost_compare_wrap .ct_img > div p { margin-bottom: 20px; font-size: 16px; } #cost .cost_frm #cost_compare .cost_compare_wrap .ct_copy { background: #ececec; margin: 80px auto 0; padding: 20px 20px 15px; max-width: 1000px; text-align: center; font-size: 19px; font-weight: 700; } #cost .cost_frm #cost_compare .condition { margin: 30px auto 0; } #cost .cost_frm #cost_compare .condition > div p { font-size: 12px; } #cost .cost_frm #cost_compare .condition > div p:last-of-type { border-top: 1px solid #cccbc9; margin-top: 20px; padding-top: 22px; } #cost .cost_frm #cost_revision { margin-top: 75px; } #cost .cost_frm #cost_revision h2 { background: url("../img/icon_blue.png") left top 4px no-repeat; background-size: 4px auto; padding-left: 25px; line-height: 1.5; font-size: 25px; font-weight: 500; } #cost .cost_frm #cost_revision p { margin-top: 20px; } #cost .cost_frm .link_button { margin-top: 75px; } #cost .cost_frm .link_button ul { display: -webkit-flex; display: flex; justify-content: space-between; margin: 0 auto 0; width: 100%; max-width: 880px; } #cost .cost_frm .link_button ul li { padding: 0 20px 0; width: 50%; max-width: 440px; } #cost .cost_frm .link_button ul li a { display: block; background: #FFF; border: 1px solid #1c223c; padding: 30px 10px 25px; width: 100%; color: #00000f; line-height: 1; font-size: 17px; text-align: center; } #cost .cost_frm .link_button ul li a:hover, #cost .cost_frm .link_button ul li a:active { background: #1c223c; color: #FFF; } /*-------------------------------------------------------------------------- 参考プラン --------------------------------------------------------------------------*/ #sub_title.plan { background-image: url("../../plan/img/titleback_plan.jpg"); } /*-------------------------------------------------------------------------- index.html --------------------------------------------------------------------------*/ #plan .plan_frm { margin: 0 auto 0; max-width: 1160px; } #plan .plan_frm .intro p { text-align: center; } #plan .plan_frm .intro p.caution { margin-top: 10px; color: #c71c2f; font-size: 14px; } #plan .plan_frm .count { margin-top: 65px; } #plan .plan_frm .count p { background-image: url("../img/icon_blue.png"); background-size: 4px auto; background-position: left top 2px; background-repeat: no-repeat; padding-left: 20px; line-height: 1.5; font-size: 20px; font-weight: 500; } #plan .plan_frm #plan_list_wrap { margin: 40px auto 0; } #plan .plan_frm #plan_list_wrap #plan_list { display: -webkit-flex; display: flex; flex-wrap: wrap; } #plan .plan_frm #plan_list_wrap #plan_list section { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; padding: 0 5px 0; max-width: 33.33%; } #plan .plan_frm #plan_list_wrap #plan_list section:nth-of-type(n+4) { margin-top: 65px; } #plan .plan_frm #plan_list_wrap #plan_list section a { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; margin: 0 auto 0; max-width: 366px; text-align: center; } #plan .plan_frm #plan_list_wrap #plan_list section a:hover, #plan .plan_frm #plan_list_wrap #plan_list section a:active { opacity: 0.7; } #plan .plan_frm #plan_list_wrap #plan_list section a .h_data { flex-grow: 1; background: #1c223c; padding: 5px 10px 3px; color: #FFF; font-size: 14px; } #plan .plan_frm #plan_list_wrap #plan_list section a .h_data > span { display: inline-block; } #plan .plan_frm #plan_list_wrap #plan_list section a .h_data .ldk { padding: 0 15px 0 0; } #plan .plan_frm #plan_list_wrap #plan_list section a .h_data .info { padding: 0 0 0 15px; } #plan .plan_frm #plan_list_wrap #plan_list section a .type { margin-top: 15px; line-height: 1; font-size: 25px; } #plan .plan_frm #plan_list_wrap #plan_list section a .type span { font-size: 30px; } #plan .plan_frm #plan_list_wrap #plan_list section a .price { margin-top: 10px; font-size: 23px; } #plan .plan_frm #plan_list_wrap #plan_list section a .price .number { font-weight: 400; } #plan .plan_frm #plan_list_wrap #plan_list section a .price .tax { font-size: 12px; } #plan .plan_frm #plan_button_wrap { margin-top: 115px; } #plan .plan_frm #plan_button_wrap .link_button a { display: block; background: #1c223c; margin: 0 auto 0; padding: 0 10px 0; max-width: 400px; color: #fff; line-height: 75px; text-align: center; font-size: 17px; } #plan .plan_frm #plan_button_wrap .link_button a:hover { background: #c71c2f; } #plan .plan_frm #plan_more_wrap { background: #e4e4e4; margin: 100px auto 0; padding: 40px; } #plan .plan_frm #plan_more_wrap #plan_more > div { display: -webkit-flex; display: flex; align-items: center; } #plan .plan_frm #plan_more_wrap #plan_more > div > div { padding: 0 20px 0 0; width: 50%; } #plan .plan_frm #plan_more_wrap #plan_more > div > div:last-of-type { padding: 0 0 0 20px; } #plan .plan_frm #plan_more_wrap #plan_more > div .more_text section h2 { background: #464646; padding: 10px 15px 7px; color: #FFF; line-height: 1; font-size: 16px; font-weight: 500; } #plan .plan_frm #plan_more_wrap #plan_more > div .more_text section ul { margin: 15px auto 0; } #plan .plan_frm #plan_more_wrap #plan_more > div .more_text section ul li { font-size: 14px; } #plan .plan_frm #plan_more_wrap #plan_more > div .more_text section ul li .tx_red { color: #c71c2f; } #plan .plan_frm #plan_more_wrap #plan_more > div .more_img div { background: #FFF; padding: 20px; } #plan .plan_frm #plan_more_wrap #plan_more > div .more_img div p { padding: 10px 15px 0; } #plan .plan_frm #plan_more_wrap #plan_more > div .more_img div img { display: block; margin: 0 auto 0; max-width: 480px; } /*-------------------------------------------------------------------------- article.html --------------------------------------------------------------------------*/ #plan_ar .plan_ar_frm { margin: 0 auto 0; max-width: 1160px; } #plan_ar .plan_ar_frm #title_area { display: -webkit-flex; display: flex; align-items: flex-end; } #plan_ar .plan_ar_frm #title_area .type_name { border-top: 2px solid #1c223c; padding: 30px 20px 10px; width: 100%; max-width: 344px; } #plan_ar .plan_ar_frm #title_area .type_name > div { display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; } #plan_ar .plan_ar_frm #title_area .type_name > div p.type { color: #1c223c; line-height: 1; font-size: 45px; font-family: "Barlow Semi Condensed", serif; font-weight: 500; } #plan_ar .plan_ar_frm #title_area .type_name > div p.type span { font-size: 60px; } #plan_ar .plan_ar_frm #title_area .type_name > div p.tubo { padding: 0 0 0 20px; text-align: center; } #plan_ar .plan_ar_frm #title_area .type_name > div p.tubo > span { display: block; background: #1c223c; margin: 0 0 0 auto; padding: 13px 15px 10px; min-width: 103px; color: #FFF; line-height: 1; font-size: 18px; } #plan_ar .plan_ar_frm #title_area .tx { padding: 0 0 0 50px; font-size: 18px; } #plan_ar .plan_ar_frm #ph_area { margin: 70px auto 0; max-width: 960px; } #plan_ar .plan_ar_frm #size_data { display: -webkit-flex; display: flex; flex-wrap: wrap; border-left: 1px solid #cccbc9; margin: 50px auto 0; } #plan_ar .plan_ar_frm #size_data > dl { border-right: 1px solid #cccbc9; border-bottom: 1px solid #cccbc9; width: 20%; line-height: 1.5; text-align: center; } #plan_ar .plan_ar_frm #size_data > dl dt { background: #6b6d79; padding: 5px 5px 3px; color: #FFF; font-size: 14px; } #plan_ar .plan_ar_frm #size_data > dl dd { padding: 10px; } #plan_ar .plan_ar_frm #size_data > dl dd span { display: block; } #plan_ar .plan_ar_frm #floor_area { border-top: 2px solid #1c223c; margin-top: 50px; padding-top: 100px; } #plan_ar .plan_ar_frm #floor_area > div.draw { display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 0 auto 0; max-width: 1060px; } #plan_ar .plan_ar_frm #floor_area > div.draw section { padding: 0 10px 0; width: 50%; } #plan_ar .plan_ar_frm #floor_area > div.draw section > div { margin: 0 auto 0; max-width: 400px; } #plan_ar .plan_ar_frm #floor_area > div.draw section > div h2 { margin-bottom: 10px; line-height: 1; font-size: 16px; font-weight: 500; } #plan_ar .plan_ar_frm #floor_area > div.two.one section:nth-of-type(n+2), #plan_ar .plan_ar_frm #floor_area > div.two.wide section:nth-of-type(n+2), #plan_ar .plan_ar_frm #floor_area > div.two.medium section:nth-of-type(n+2) { margin-top: 50px; } #plan_ar .plan_ar_frm #floor_area > div.three { justify-content: center; } #plan_ar .plan_ar_frm #floor_area > div.three section:last-of-type { margin-top: 30px; } #plan_ar .plan_ar_frm #floor_area > div.three.one section:nth-of-type(n+2), #plan_ar .plan_ar_frm #floor_area > div.three.wide section:nth-of-type(n+2), #plan_ar .plan_ar_frm #floor_area > div.three.medium section:nth-of-type(n+2) { margin-top: 50px; } #plan_ar .plan_ar_frm #floor_area > div.one { display: block; } #plan_ar .plan_ar_frm #floor_area > div.one section { padding: 0; width: 100%; } #plan_ar .plan_ar_frm #floor_area > div.one section > div { max-width: 600px; } #plan_ar .plan_ar_frm #floor_area > div.wide section > div { max-width: 600px; } #plan_ar .plan_ar_frm #floor_area > div.medium section > div { max-width: 500px; } #plan_ar .plan_ar_frm #data_area { background: #e4e4e4; margin: 50px auto 0; padding: 50px 10px 50px; max-width: 1000px; } #plan_ar .plan_ar_frm #data_area > div { margin: 0 auto 0; max-width: 900px; } #plan_ar .plan_ar_frm #data_area > div .price_total { background: #1c223c; padding: 20px 20px 15px; color: #FFF; text-align: center; } #plan_ar .plan_ar_frm #data_area > div .price_total > div p { display: inline-block; vertical-align: middle; } #plan_ar .plan_ar_frm #data_area > div .price_total > div p.yen { margin-right: 15px; line-height: 1; font-size: 35px; font-weight: 500; } #plan_ar .plan_ar_frm #data_area > div .price_total > div p.detail { font-size: 14px; } #plan_ar .plan_ar_frm #data_area > div .p_table { margin: 15px auto 0; } #plan_ar .plan_ar_frm #data_area > div .p_table .t_area { display: -webkit-flex; display: flex; justify-content: space-between; } #plan_ar .plan_ar_frm #data_area > div .p_table .t_area h2 { line-height: 1.5; font-size: 16px; font-weight: 500; } #plan_ar .plan_ar_frm #data_area > div .p_table .t_area .unit_p { line-height: 1.5; font-size: 14px; font-weight: 500; } #plan_ar .plan_ar_frm #data_area > div .p_table .t_area .unit_p span { font-size: 17px; } #plan_ar .plan_ar_frm #data_area > div .p_table .price_data { margin: 0 auto 0; } #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl { display: grid; margin-top: 2px; grid-template-columns: 300px 1fr 1fr 1fr; } #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl dt { background: #919191; padding: 19px 10px 14px; color: #FFF; line-height: 1; text-align: center; font-size: 16px; } #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl dd { background: #FFF; margin-left: 1px; padding: 17px 15px 13px; line-height: 1; text-align: right; font-size: 19px; } #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl dd.tubo_tx { font-size: 18px; } #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl dd.oneset { font-size: 15px; } #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl.basic { grid-template-columns: 300px 2fr 1fr; } #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl.basic dd:last-of-type { margin: 0; } #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl.normal { grid-template-columns: 300px 2fr; } #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl.total { grid-template-columns: 2fr 170px; } #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl.total dt { background: #6b6d79; text-align: right; font-size: 18px; } #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl.total dd { background: #6b6d79; margin: 0; color: #FFF; font-size: 21px; } #plan_ar .plan_ar_frm #data_area > div .p_table.price_other .price_data dl dt, #plan_ar .plan_ar_frm #data_area > div .p_table.price_other .price_data dl dd { line-height: 1.5; } #plan_ar .plan_ar_frm #data_area > div .p_table.price_other .price_data dl dt { padding: 15px 10px 10px; } #plan_ar .plan_ar_frm #data_area > div .p_table.price_other .price_data dl dd { display: -webkit-flex; display: flex; align-items: center; justify-content: flex-end; padding: 10px 15px 5px; } #plan_ar .plan_ar_frm #data_area > div .caution { margin-top: 5px; font-size: 12px; } #plan_ar .plan_ar_frm .page_back { margin: 50px auto 0; } #plan_ar .plan_ar_frm .page_back .back_btn { padding: 50px 0 0 0; border-top: 1px solid #cccbc9; } /*-------------------------------------------------------------------------- 工法と構造　共通 TOPページ PSメタル工法 内外ダブル断熱 トリプルサッシと気密シート【北海道】 樹脂窓と気密シート【福岡】 熱交換換気システム 全室床暖房【北海道】 電気式エコ床暖房【福岡】 --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------- 工法と構造　共通 --------------------------------------------------------------------------*/ #sub_title.method { background-image: url("../../method/img/titleback_method.jpg"); } #method .method_frm { margin: 0 auto 0; padding: 0 10px 0; max-width: 1180px; } #method .top_main { background-size: auto 400px; background-position: center top; background-repeat: no-repeat; padding: 160px 10px 0; min-height: 400px; } #method .top_main .title_area { line-height: 1.5; margin: 0 auto 0; max-width: 1060px; } #method .top_main .title_area h2 { font-size: 43px; font-weight: 500; } #method .top_main .title_area ul { display: -webkit-flex; display: flex; flex-wrap: wrap; margin-top: 10px; } #method .top_main .title_area ul li { display: inline-block; background: #1c223c; margin: 5px 5px 0 0; padding: 9px 5px 0; width: 100%; max-width: 180px; color: #FFF; height: 40px; text-align: center; font-size: 16px; } #method .top_main .title_area > p { margin-top: 20px; line-height: 1.9; font-size: 28px; font-weight: 500; } #method .top_main .tx_area { margin: 95px auto 0; max-width: 1060px; } #method .top_main .tx_area > p { font-size: 16px; } #method .top_main .tx_area > p:nth-of-type(n+2) { margin-top: 30px; } #method .icon_tx { background: url("../img/icon_blue.png") left top 5px no-repeat; background-size: 4px auto; padding-left: 20px; line-height: 1.6; font-size: 25px; font-weight: 500; } #method .link_button { margin-top: 80px; padding: 0 10px 0; } #method .link_button a { display: block; border: 1px solid #1c223c; margin: 0 auto 0; padding: 0 10px 0; max-width: 400px; color: #00000f; line-height: 75px; text-align: center; font-size: 17px; } #method .link_button a:hover { background: #1c223c; color: #fff; } #method .navi_method { padding: 0 10px 0; } #method .navi_method > div { border-top: 1px solid #cccbc9; margin: 100px auto 0; padding-top: 100px; max-width: 1160px; } #method .navi_method > div ul { flex-wrap: wrap; margin: 0 auto 0; } #method .navi_method > div ul li { padding: 0 1px 1px 0; width: 33.33%; } #method .navi_method > div ul li a { background-size: auto 185px; background-position: center center; background-repeat: no-repeat; height: 185px; } #method .navi_method > div ul li a p { display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(28, 34, 60, 0.7); padding: 10px; height: 100%; } #method .navi_method > div ul li a p span { display: block; border: 1px solid #FFF; width: 100%; max-width: 290px; padding: 10px 10px 7px; color: #FFF; text-align: center; font-size: 16px; } #method .navi_method > div ul li a:hover p, #method .navi_method > div ul li a:active p, #method .navi_method > div ul li a.current p { background: none; } #method .navi_method > div ul li a:hover p span, #method .navi_method > div ul li a:active p span, #method .navi_method > div ul li a.current p span { background: #1c223c; border-color: #1c223c; } #method .navi_method > div ul li:nth-of-type(1) a { background-image: url("../../method/img/method_ps-metal_menu.jpg"); } #method .navi_method > div ul li:nth-of-type(2) a { background-image: url("../../method/img/method_miraie_menu.jpg"); } #method .navi_method > div ul li:nth-of-type(3) a { background-image: url("../../method/img/method_insulation_menu.jpg"); } #method .navi_method > div ul li:nth-of-type(4) a { background-image: url("../../method/img/method_sash_menu.jpg"); } #method .navi_method > div ul li:nth-of-type(5) a { background-image: url("../../method/img/method_ventilation_menu.jpg"); } #method .navi_method > div ul li:nth-of-type(6) a { background-image: url("../../method/img/method_heating_menu.jpg"); } #method .navi_method.navi_fu > div ul li:nth-of-type(3) a { background-image: url("../../method/img_fu/method_insulation_f_menu.jpg"); } /*-------------------------------------------------------------------------- TOPページ --------------------------------------------------------------------------*/ #method.method_top .top_copy { background-size: auto 420px; background-position: center top; background-repeat: no-repeat; padding: 0 20px 0; height: 420px; } #method.method_top .top_copy > div { margin: 0 auto 0; padding: 150px 0 0; max-width: 1060px; } #method.method_top .top_copy > div > p { color: #FFF; line-height: 1.5; letter-spacing: 0.2em; font-size: 35px; } #method.method_top .method_top_frm { margin: 90px auto 0; padding: 0 10px 0; max-width: 1180px; } #method.method_top .method_top_frm .intro { margin: 0 auto 0; max-width: 1060px; } #method.method_top .method_top_frm .intro h2 { font-size: 28px; font-weight: 500; } #method.method_top .method_top_frm .intro > p { margin-top: 25px; font-size: 16px; } #method.method_top .method_top_frm .grade { background: #f7f7f7; border: 1px solid #cccbc9; margin: 70px auto 0; padding: 45px 50px 45px; } #method.method_top .method_top_frm .grade h2 { line-height: 1.6; text-align: center; font-size: 28px; font-weight: 700; } #method.method_top .method_top_frm .grade .image_area { margin: 35px auto 0; max-width: 1000px; } #method.method_top .method_top_frm .grade .image_area .caution { margin-top: 15px; text-align: right; font-size: 13px; } #method.method_top .method_top_frm .grade a { display: block; background: #FFF; border: 1px solid #00000f; margin: 30px auto 0; padding: 10px 10px 7px; max-width: 350px; text-align: center; } #method.method_top .method_top_frm .grade a:hover, #method.method_top .method_top_frm .grade a:active { background: #00000f; color: #FFF; } #method.method_top .method_top_frm .list { display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 100px auto 0; } #method.method_top .method_top_frm .list > div { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; padding: 0 20px 0 0; width: 50%; } #method.method_top .method_top_frm .list > div:nth-of-type(2n) { padding: 0 0 0 20px; } #method.method_top .method_top_frm .list > div:nth-of-type(n+3) { margin-top: 95px; } #method.method_top .method_top_frm .list > div a { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; width: 100%; } #method.method_top .method_top_frm .list > div a > div { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; } #method.method_top .method_top_frm .list > div a > div .ph { position: relative; } #method.method_top .method_top_frm .list > div a > div .ph ul { position: absolute; bottom: 10px; left: 10px; display: -webkit-flex; display: flex; } #method.method_top .method_top_frm .list > div a > div .ph ul li { display: inline-block; background: #1c223c; margin-right: 5px; padding: 7px 20px 0; min-width: 100px; color: #FFF; height: 40px; text-align: center; font-size: 16px; } #method.method_top .method_top_frm .list > div a > div .tx { flex-grow: 1; background: #ececec; padding: 40px; color: #1c223c; } #method.method_top .method_top_frm .list > div a > div .tx h3 { border-bottom: 1px solid #8d909d; padding: 0 0 20px; line-height: 1.5; font-size: 23px; font-weight: 500; } #method.method_top .method_top_frm .list > div a > div .tx > p { margin-top: 20px; } #method.method_top .method_top_frm .list > div a:hover > div .tx, #method.method_top .method_top_frm .list > div a:active > div .tx { background: #55596d; color: #FFF; } #method.method_top .method_top_frm .list > div a:hover > div .tx h3, #method.method_top .method_top_frm .list > div a:active > div .tx h3 { border-color: #FFF; } #method.method_top .method_top_frm .link_button { border-top: 1px solid #cccbc9; margin-top: 100px; padding-top: 100px; } #method.method_top #area_h .top_copy { background-image: url("../../method/img/method_main_h.jpg"); background-color: #aaa; } #method.method_top #area_k .top_copy { background-image: url("../../method/img_fu/method_main_f.jpg"); } /*-------------------------------------------------------------------------- PSメタル工法 --------------------------------------------------------------------------*/ #method.method_ps .top_main .tx_area > p { letter-spacing: 0.03em; } #method.method_ps .method_frm { margin-top: 100px; } #method.method_ps .method_frm .item_list { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; } #method.method_ps .method_frm .item_list > div { padding: 0 15px 0 0; width: 50%; max-width: 550px; } #method.method_ps .method_frm .item_list > div:nth-of-type(2n) { padding: 0 0 0 15px; } #method.method_ps .method_frm .item_list > div:nth-of-type(n+3) { margin-top: 90px; } #method.method_ps .method_frm .item_list > div .item .tx h2 { margin-top: 35px; } #method.method_ps .method_frm .item_list > div .item .tx > p { margin-top: 25px; } #method.method_ps .method_frm .item_list > div .item .tx .bg_tx { background: #6b6d79; margin: 35px auto 0; padding: 13px 10px 2px; max-width: 430px; } #method.method_ps .method_frm .item_list > div .item .tx .bg_tx > p { color: #FFF; text-align: center; line-height: 1.5; font-size: 18px; } #method.method_ps .method_frm .item_list > div .item .tx .bg_tx .number { font-size: 32px; } #method.method_ps .method_frm .miraie_info { border: 3px solid #008bd5; border-radius: 15px; margin: 100px auto 0; padding: 30px; } #method.method_ps .method_frm .miraie_info > div { background: url("../../method/img_fu/ps-metal_05_f.jpg") right top no-repeat; background-size: 350px auto; padding: 0 400px 0 0; min-height: 233px; } #method.method_ps .method_frm .miraie_info > div h2 { line-height: 1.5; text-align: center; font-size: 20px; font-weight: 500; } #method.method_ps .method_frm .miraie_info > div h3 { background: #008bd5; margin-top: 15px; padding: 10px 10px 5px; color: #FFF; line-height: 1.5; text-align: center; font-size: 20px; font-weight: 500; } #method.method_ps .method_frm .miraie_info > div > p { margin-top: 20px; letter-spacing: 0.06em; } #method.method_ps .method_frm .miraie_info a { display: block; border: 1px solid #00000f; margin: 30px auto 0; padding: 10px 10px 7px; max-width: 350px; text-align: center; } #method.method_ps .method_frm .miraie_info a:hover, #method.method_ps .method_frm .miraie_info a:active { background: #00000f; color: #FFF; } #method.method_ps .method_frm .block_area { border-top: 1px solid #cccbc9; margin-top: 100px; padding-top: 100px; } #method.method_ps .method_frm .block_area .block_list { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; } #method.method_ps .method_frm .block_area .block_list > div { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; padding: 0 20px 0 0; width: 50%; } #method.method_ps .method_frm .block_area .block_list > div:nth-of-type(2n) { padding: 0 0 0 20px; } #method.method_ps .method_frm .block_area .block_list > div:nth-of-type(n+3) { margin-top: 40px; } #method.method_ps .method_frm .block_area .block_list > div:last-of-type { width: 100%; padding: 0; } #method.method_ps .method_frm .block_area .block_list > div .block { flex-grow: 1; background: #ececec; padding: 40px 40px 35px 40px; } #method.method_ps .method_frm .block_area .block_list > div .block h2 { color: #1c223c; line-height: 1.8; font-size: 20px; font-weight: 500; } #method.method_ps .method_frm .block_area .block_list > div .block h2 .tx_bold { font-weight: 900; } #method.method_ps .method_frm .block_area .block_list > div .block > p { border-top: 1px solid #8d909d; margin-top: 20px; padding-top: 25px; } #method.method_ps .method_frm .block_area .block_list > div .block > p .tx_red { color: #c71c2f; font-weight: 700; } #method.method_ps .method_frm .insulation { display: -webkit-flex; display: flex; border-top: 1px solid #cccbc9; margin-top: 100px; padding-top: 100px; } #method.method_ps .method_frm .insulation .tx { padding: 0 50px 0 0; } #method.method_ps .method_frm .insulation .tx > p { margin-top: 25px; } #method.method_ps .method_frm .insulation .ph { width: 100%; max-width: 450px; } #method.method_ps #area_h .top_main { background-image: url("../../method/img/ps_metal_top_h.jpg"); } #method.method_ps #area_k .top_main { background-image: url("../../method/img_fu/ps_metal_top_f.jpg"); } /*-------------------------------------------------------------------------- 内外ダブル断熱 --------------------------------------------------------------------------*/ #method.method_in .method_frm .insu_image { margin-top: 100px; } #method.method_in .method_frm .insu_image .ph { margin: 0 auto 0; max-width: 990px; } #method.method_in .method_frm .insu_image .tx { margin: 100px auto 0; max-width: 1060px; } #method.method_in .method_frm .insu_image .tx p { font-size: 16px; } #method.method_in .method_frm .insu_image .tx p:nth-of-type(n+2) { margin-top: 30px; } #method.method_in .method_frm .item_list { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid #cccbc9; margin-top: 100px; padding-top: 100px; } #method.method_in .method_frm .item_list > div { padding: 0 15px 0 0; width: 50%; max-width: 565px; } #method.method_in .method_frm .item_list > div:nth-of-type(2n) { padding: 0 0 0 15px; } #method.method_in .method_frm .item_list > div:nth-of-type(n+3) { margin-top: 95px; } #method.method_in .method_frm .item_list > div .item h2 .tx_sub { display: inline-block; font-size: 15px; } #method.method_in .method_frm .item_list > div .item .ph { margin-top: 50px; } #method.method_in .method_frm .item_list > div:nth-of-type(3) .item .ph, #method.method_in .method_frm .item_list > div:nth-of-type(4) .item .ph { margin-top: 20px; } #method.method_in .method_frm .insulation { display: -webkit-flex; display: flex; border-top: 1px solid #cccbc9; margin-top: 100px; padding-top: 100px; } #method.method_in .method_frm .insulation .tx { flex-shrink: 2; padding: 0 50px 0 0; } #method.method_in .method_frm .insulation .tx > p { margin-top: 25px; letter-spacing: 0.07em; } #method.method_in .method_frm .insulation .ph { flex-shrink: 1; width: 100%; max-width: 450px; } #method.method_in #area_h .top_main { background-image: url("../../method/img/insulation_top_h.jpg"); } #method.method_in #area_k .top_main { background-image: url("../../method/img_fu/insulation_top_f.jpg"); } #method.method_in #area_k .method_frm .insulation { display: block; } #method.method_in #area_k .method_frm .insulation .ph { margin: 0 auto 0; } /*-------------------------------------------------------------------------- トリプルサッシと気密シート【北海道】 樹脂窓と気密シート【福岡】 --------------------------------------------------------------------------*/ #method.method_sa .method_frm .item_list .item { border-top: 1px solid #cccbc9; margin-top: 100px; padding-top: 100px; } #method.method_sa .method_frm .item_list .item ul { display: -webkit-flex; display: flex; justify-content: space-between; margin: 0 auto 0; } #method.method_sa .method_frm .item_list .item ul li { padding: 0 15px 0 0; width: 50%; max-width: 565px; } #method.method_sa .method_frm .item_list .item ul li:last-of-type { padding: 0 0 0 15px; } #method.method_sa .method_frm .item_list .item .caution { margin-top: 30px; font-size: 13px; } #method.method_sa .method_frm .item_list .item h2 + p { margin-top: 15px; } #method.method_sa .method_frm .item_list .item h2 + p + ul { margin-top: 50px; } #method.method_sa .method_frm .item_list .item.cost ul li:last-of-type p { letter-spacing: 0.05em; font-size: 13px; } #method.method_sa #area_h .top_main { background-image: url("../../method/img/sash_top_h.jpg"); } #method.method_sa #area_k .top_main { background-image: url("../../method/img_fu/sash_top_f.jpg"); } /*-------------------------------------------------------------------------- 熱交換換気システム --------------------------------------------------------------------------*/ #method.method_ve .method_frm .venti_image { margin: 95px auto 0; max-width: 980px; } #method.method_ve .method_frm .venti_image .ph:nth-of-type(n+2) { margin-top: 100px; } #method.method_ve .method_frm .venti_image .ph .bg_tx { margin-top: 50px; } #method.method_ve .method_frm .venti_image .ph .bg_tx > p { background: #1c223c; border-radius: 30px; margin: 0 auto 0; padding: 10px 20px 5px; max-width: 570px; color: #FFF; text-align: center; font-size: 20px; } #method.method_ve .method_frm .venti_image .ph .bg_tx > p .pc_no { display: none; } #method.method_ve .method_frm .venti_image .ph:nth-of-type(1) .image { position: relative; } #method.method_ve .method_frm .venti_image .ph:nth-of-type(1) .image > p:nth-of-type(1), #method.method_ve .method_frm .venti_image .ph:nth-of-type(1) .image > p:nth-of-type(2) { position: absolute; top: 50%; width: 180px; height: 180px; transform: translateY(-50%); } #method.method_ve .method_frm .venti_image .ph:nth-of-type(1) .image > p:nth-of-type(2) { right: 0; } #method.method_ve .method_frm .venti_image .ph:nth-of-type(2) .caution { margin-top: 25px; font-size: 14px; } #method.method_ve .method_frm .block_list { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid #cccbc9; margin-top: 100px; padding-top: 100px; } #method.method_ve .method_frm .block_list > div { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; padding: 0 20px 0 0; width: 50%; } #method.method_ve .method_frm .block_list > div:nth-of-type(2n) { padding: 0 0 0 20px; } #method.method_ve .method_frm .block_list > div .block { flex-grow: 1; background: #ececec; padding: 40px 40px 35px 40px; } #method.method_ve .method_frm .block_list > div .block h2 { color: #1c223c; line-height: 1.8; font-size: 20px; font-weight: 500; } #method.method_ve .method_frm .block_list > div .block > p { border-top: 1px solid #8d909d; margin-top: 20px; padding-top: 25px; } #method.method_ve #area_h .top_main { background-image: url("../../method/img/ventilation_top_h.jpg"); } #method.method_ve #area_h .venti_cost { display: -webkit-flex; display: flex; margin: 75px auto 0; } #method.method_ve #area_h .venti_cost .ph { flex-shrink: 1; margin: 0 auto 0; width: 100%; max-width: 730px; } #method.method_ve #area_h .venti_cost .tx { flex-shrink: 2; padding: 0 0 0 40px; font-size: 13px; } #method.method_ve #area_k .top_main { background-image: url("../../method/img_fu/ventilation_top_f.jpg"); } #method.method_ve #area_k .venti_cost { margin: 80px auto 0; } #method.method_ve #area_k .venti_cost .ph { margin: 0 auto 0; max-width: 730px; } /*-------------------------------------------------------------------------- 全室床暖房【北海道】 電気式エコ床暖房【福岡】 --------------------------------------------------------------------------*/ #method.method_he #area_h .top_main { background-image: url("../../method/img/heating_top_h.jpg"); } #method.method_he #area_h .heat_image { margin: 120px auto 0; max-width: 700px; } #method.method_he #area_h .heat_info { border-top: 1px solid #cccbc9; margin-top: 100px; padding-top: 100px; } #method.method_he #area_h .heat_info .item_list { display: -webkit-flex; display: flex; } #method.method_he #area_h .heat_info .item_list > div { padding: 0 30px 0 0; width: 50%; } #method.method_he #area_h .heat_info .item_list > div:last-of-type { padding: 0 0 0 30px; } #method.method_he #area_h .heat_info .item_list > div .item > p { margin-top: 15px; letter-spacing: 0.06em; font-size: 16px; } #method.method_he #area_h .heat_info .ph { margin: 55px auto 0; max-width: 756px; } #method.method_he #area_h .block_area > div { display: -webkit-flex; display: flex; border-top: 1px solid #cccbc9; margin-top: 100px; padding-top: 100px; } #method.method_he #area_h .block_area > div .item { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; padding: 0 10px 0; width: 33.33%; } #method.method_he #area_h .block_area > div .item:nth-of-type(1) { padding: 0 10px 0 0; } #method.method_he #area_h .block_area > div .item:nth-of-type(1) > div { margin: 0 auto 0 0; } #method.method_he #area_h .block_area > div .item:nth-of-type(3) { padding: 0 0 0 10px; } #method.method_he #area_h .block_area > div .item:nth-of-type(3) > div { margin: 0 0 0 auto; } #method.method_he #area_h .block_area > div .item > div { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; background-color: #ececec; margin: 0 auto 0; max-width: 360px; } #method.method_he #area_h .block_area > div .item > div .block { padding: 30px 30px 25px 30px; } #method.method_he #area_h .block_area > div .item > div .block h2 { color: #1c223c; line-height: 1.8; font-size: 20px; font-weight: 500; } #method.method_he #area_h .block_area > div .item > div .block > p { border-top: 1px solid #8d909d; margin-top: 20px; padding-top: 25px; } #method.method_he #area_h .block_area .caution { margin-top: 15px; font-size: 14px; } #method.method_he #area_k .top_main { background-image: url("../../method/img_fu/heating_top_f.jpg"); } #method.method_he #area_k .heat_image { margin: 95px auto 0; max-width: 1030px; } #method.method_he #area_k .sts { border-top: 1px solid #cccbc9; margin-top: 100px; padding-top: 100px; } #method.method_he #area_k .sts h2 { background: #f7ecb8; border-radius: 50px; padding: 10px 20px 5px; max-width: 630px; color: #42210b; line-height: 1.5; text-align: center; font-size: 23px; font-weight: 500; } #method.method_he #area_k .sts h3 { margin-top: 25px; } #method.method_he #area_k .sts > p { margin-top: 20px; font-size: 16px; } #method.method_he #area_k .sts ul { display: -webkit-flex; display: flex; margin: 30px auto 0; } #method.method_he #area_k .sts ul li { padding: 0 30px 0 0; width: 50%; } #method.method_he #area_k .sts ul li:last-of-type { padding: 0 0 0 30px; } #method.method_he #area_k .block_list { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid #cccbc9; margin-top: 100px; padding-top: 100px; } #method.method_he #area_k .block_list > div { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; padding: 0 20px 0 0; width: 50%; } #method.method_he #area_k .block_list > div:nth-of-type(2n) { padding: 0 0 0 20px; } #method.method_he #area_k .block_list > div:nth-of-type(n+3) { margin-top: 40px; } #method.method_he #area_k .block_list > div .block { flex-grow: 1; background: #ececec; padding: 40px 40px 35px 40px; } #method.method_he #area_k .block_list > div .block h2 { color: #1c223c; line-height: 1.8; font-size: 20px; font-weight: 500; } #method.method_he #area_k .block_list > div .block > p { border-top: 1px solid #8d909d; margin-top: 20px; padding-top: 25px; } #method.method_he #area_k .image_ph { margin: 80px auto 0; } #method.method_he #area_k .image_ph .caution { margin-top: 15px; font-size: 14px; } /*-------------------------------------------------------------------------- 【標準仕様】 共通 一覧 内装ドア 床材 階段・手すり システムキッチン ユニットバス 洗面化粧台 トイレ 給湯・暖房機 内装設備 壁紙 玄関ドア 玄関設備 サッシ 外装設備 外壁 サイエンスウォーター　【福岡】 ミラバス・ミラブル　【北海道・福岡】 --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------- 共通 --------------------------------------------------------------------------*/ #sub_title.equipment { background-image: url("../../equipment/img/titleback_equipment.jpg"); } .navi_equipment { position: relative; margin: 0 auto 0; max-width: 1160px; } .navi_equipment ul { display: grid; grid-template-columns: repeat(6, 1fr); align-items: center; gap: 10px; } .navi_equipment ul li { display: grid; grid-template-rows: subgrid; } .navi_equipment ul li a { display: -webkit-flex; display: flex; align-items: center; justify-content: center; background: #f7f7f7; border: 1px solid #cccbc9; padding: 10px 5px 7px; line-height: 1.5; text-align: center; font-size: 13px; } .navi_equipment ul li a:hover, .navi_equipment ul li a:active, .navi_equipment ul li a.current { background: #1c223c; color: #FFF; } .navi_equipment:last-child { margin-top: 200px; } .navi_equipment:last-child::before { content: ''; position: absolute; left: 50%; top: -100px; display: inline-block; width: 100%; max-width: 960px; height: 1px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #00000f; } #equipment.equ_sub .equipment_frm { margin: 80px auto 0; max-width: 1160px; } #equipment.equ_sub .equipment_frm section { margin: 0 auto 0; max-width: 960px; } #equipment.equ_sub .equipment_frm section img.imgsize_1x { display: block; margin: 0 auto 0; width: auto; max-width: 100%; } #equipment.equ_sub .equipment_frm section > h2 { border-bottom: 3px solid #00000f; margin-bottom: 40px; padding-bottom: 30px; line-height: 1.5; font-size: 0; font-weight: 500; } #equipment.equ_sub .equipment_frm section > h2 span { display: inline-block; } #equipment.equ_sub .equipment_frm section > h2 span.eng { border-right: 3px solid #8d909d; margin-right: 20px; padding: 0 20px 0 0; line-height: 0.9; font-size: 45px; font-family: "Barlow Semi Condensed", serif; font-weight: 500; } #equipment.equ_sub .equipment_frm section > h2 span:last-of-type { vertical-align: bottom; font-size: 23px; } #equipment.equ_sub .equipment_frm section .item_frm + .item_frm { border-top: 1px solid #00000f; margin-top: 100px; padding-top: 100px; } #equipment.equ_sub .equipment_frm section .item_title { padding: 0 0 0 20px; border-left: 3px solid #8d909d; } #equipment.equ_sub .equipment_frm section .item_title h3 { line-height: 1.5; font-size: 23px; font-weight: 500; } #equipment.equ_sub .equipment_frm section .item_title p { margin-top: 10px; } #equipment.equ_sub .equipment_frm section .item_title p.brand { margin: 0; } #equipment.equ_sub .equipment_frm section .item_title p.brand img { width: auto; height: 30px; } #equipment.equ_sub .equipment_frm section .item_title p.brand + h3 { margin-top: 15px; } #equipment.equ_sub .equipment_frm section .item_title p.over_title { line-height: 1.5; font-size: 23px; } #equipment.equ_sub .equipment_frm section .item_title + .item_list { margin-top: 30px; } #equipment.equ_sub .equipment_frm section .item_comment { background: #ececec; margin-top: 30px; padding: 30px 30px 25px; } #equipment.equ_sub .equipment_frm section .item_info { margin-bottom: 30px; } #equipment.equ_sub .equipment_frm section .item_info .b_logo_title .tx { display: inline-block; margin-right: 15px; color: #1c223c; font-size: 16px; } #equipment.equ_sub .equipment_frm section .item_info .b_logo_title .brand { display: inline-block; margin: 0; vertical-align: middle; } #equipment.equ_sub .equipment_frm section .item_info .b_logo_title .brand img { width: auto; height: 30px; } #equipment.equ_sub .equipment_frm section .item_info p.item_caption { margin-top: 15px; } #equipment.equ_sub .equipment_frm section .block_title { margin-bottom: 10px; font-size: 16px; font-weight: 700; } #equipment.equ_sub .equipment_frm section .block_title_sp { margin-bottom: 5px; font-weight: 700; } #equipment.equ_sub .equipment_frm section .var_title { margin-bottom: 5px; font-size: 16px; font-weight: 700; } #equipment.equ_sub .equipment_frm section .var_title_sub { margin-bottom: 3px; color: #1c223c; font-size: 15px; } #equipment.equ_sub .equipment_frm section .bg_title { display: inline-block; background: #1C223C; margin-bottom: 8px; padding: 10px 10px 7px; color: #fff; text-align: center; line-height: 1; font-size: 16px; font-weight: 700; } #equipment.equ_sub .equipment_frm section .block_title_sp { line-height: 1.5; font-size: 16px; font-weight: 700; } #equipment.equ_sub .equipment_frm section .item_list { margin: 50px auto 0; } #equipment.equ_sub .equipment_frm section .item_list .box_sub + .box_sub { margin-top: 30px; } #equipment.equ_sub .equipment_frm section .item_list .box_sub .items { display: -webkit-flex; display: flex; flex-wrap: wrap; } #equipment.equ_sub .equipment_frm section .item_list .box_sub .items > div { width: 50%; } #equipment.equ_sub .equipment_frm section .item_list .box_sub .items > div:nth-of-type(n+3) { margin-top: 5px; } #equipment.equ_sub .equipment_frm section .item_list .box_sub .items > div ul li:nth-of-type(n+2) { margin-top: 30px; } #equipment.equ_sub .equipment_frm section .item_list .box_sub .items > div ul li .caution { margin-top: 5px; font-size: 12px; } #equipment.equ_sub .equipment_frm section .item_list .box_sub .items.half > div { padding: 0 20px 0 0; } #equipment.equ_sub .equipment_frm section .item_list .box_sub .items.half > div:nth-of-type(2n) { padding: 0 0 0 20px; } #equipment.equ_sub .equipment_frm section .item_list .box_sub .items.all_full > div { width: 100%; } #equipment.equ_sub .equipment_frm section .item_list .box_sub .items.all_full.full_img > div { margin: 0 auto 0; } #equipment.equ_sub.eq_k .equipment_frm section > h2 span.eng { border-color: #e5d7ac; } #equipment.equ_sub.eq_k .equipment_frm section .item_title { border-color: #e5d7ac; } /*-------------------------------------------------------------------------- 一覧 --------------------------------------------------------------------------*/ #equipment.equ_main .equipment_frm { margin: 0 auto 0; max-width: 1158px; } #equipment.equ_main .equipment_frm > p { margin-bottom: 60px; text-align: center; } #equipment.equ_main .equipment_frm .eng_title { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; background: url("../img/icon_blue.png") left top no-repeat; background-size: 4px auto; padding-left: 20px; } #equipment.equ_main .equipment_frm .eng_title span.tx_jp { display: inline-block; line-height: 1.3; font-size: 22px; font-weight: 500; } #equipment.equ_main .equipment_frm #idx_list { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; } #equipment.equ_main .equipment_frm #idx_list > div { margin-top: 25px; } #equipment.equ_main .equipment_frm #idx_list > div a { display: block; } #equipment.equ_main .equipment_frm #idx_list > div a .imgs img { max-width: 386px; } #equipment.equ_main .equipment_frm #idx_list > div a .page_t { background: url("../../equipment/img/equipment_icon_h.png") left top 3px no-repeat; background-size: 12px auto; margin-top: 15px; padding: 0 0 0 22px; } #equipment.equ_main .equipment_frm #idx_list > div a:hover, #equipment.equ_main .equipment_frm #idx_list > div a:active { opacity: 0.6; } #equipment.equ_main.eq_k .equipment_frm #idx_list > div a .page_t { background-image: url("../../equipment/img_fu/equipment_icon_f.png"); } /*-------------------------------------------------------------------------- 内装ドア --------------------------------------------------------------------------*/ #equipment.eq_door .equipment_frm section .item_list .brand_sub { margin-bottom: 20px; color: #1c223c; font-size: 18px; font-weight: 700; } #equipment.eq_door .equipment_frm section .item_list .box_sub + .brand_sub { margin-top: 50px; } /*-------------------------------------------------------------------------- 床材 --------------------------------------------------------------------------*/ #equipment.eq_floor .equipment_frm section .item_list + .item_list { border-top: 1px solid #919191; margin-top: 60px; padding: 60px 0 0; } /*-------------------------------------------------------------------------- 階段・手すり --------------------------------------------------------------------------*/ #equipment.eq_stairs .equipment_frm section .item_list .box_sub .items .item_caution { margin-top: 10px; font-size: 12px; } /*-------------------------------------------------------------------------- システムキッチン --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------- ユニットバス --------------------------------------------------------------------------*/ #equipment.eq_unitbath .equipment_frm section .item_list .box_sub .items.all_full.full_img .f_img01 { max-width: 460px; } /*-------------------------------------------------------------------------- 洗面化粧台 --------------------------------------------------------------------------*/ #equipment.eq_lavatory .equipment_frm section .item_list .box_sub .items > div ul li img { margin: 15px auto 0; } #equipment.eq_lavatory .equipment_frm section .item_list .box_sub .items > div ul li .var_title + img { margin-top: 0; } #equipment.eq_lavatory .equipment_frm section .item_list .box_sub .items .tx_center { text-align: center; } #equipment.eq_lavatory .equipment_frm section .item_list .box_sub .items.all_full.full_img .f_img01 { max-width: 460px; text-align: center; } #equipment.eq_lavatory .equipment_frm section .item_list .box_sub .items.all_full.full_img .f_img01 img { width: auto; max-width: 100%; } /*-------------------------------------------------------------------------- トイレ --------------------------------------------------------------------------*/ #equipment.eq_toilet .equipment_frm section .item_list .box_sub .items.all_full.full_img .f_img01 { max-width: 460px; } #equipment.eq_toilet .equipment_frm section .item_list .box_sub .items > div ul li img { margin: 15px auto 0; } #equipment.eq_toilet .equipment_frm section .item_list .box_sub .items > div ul li .var_title + img { margin-top: 0; } /*-------------------------------------------------------------------------- 給湯・暖房機 --------------------------------------------------------------------------*/ #equipment.eq_heating .equipment_frm section .item_frm > h2 { text-align: center; font-size: 28px; font-weight: 500; } #equipment.eq_heating .equipment_frm section .item_frm > h2 + .item_title { margin-top: 30px; } #equipment.eq_heating .equipment_frm section .item_list + .item_title { margin-top: 70px; } #equipment.eq_heating .equipment_frm section #area_h #item03 .item_list .box_sub .items.all_full.full_img .f_img01 { max-width: 460px; } #equipment.eq_heating .equipment_frm section #area_h #item04 .item_list .box_sub .items.all_full.full_img .f_img02 { max-width: 720px; } #equipment.eq_heating .equipment_frm section #area_k .item_frm > h2 span { display: inline-block; background: #cbaf5a; margin-right: 10px; padding: 2px 10px 0; font-size: 0.7em; vertical-align: text-top; } #equipment.eq_heating .equipment_frm section #area_k #item01 .item_list .box_sub.item_bs01 .items > div:nth-of-type(2) img { max-width: 300px; } #equipment.eq_heating .equipment_frm section #area_k #item01 .item_list .box_sub.item_bs01 .items > div h4 { margin-top: 15px; font-size: 16px; font-weight: 700; } #equipment.eq_heating .equipment_frm section #area_k #item01 .item_list .box_sub.item_bs01 .items > div h4 + p { margin-top: 10px; } #equipment.eq_heating .equipment_frm section #area_k #item01 .item_list .box_sub.item_bs02 { margin-top: 50px; } #equipment.eq_heating .equipment_frm section #area_k #item01 .item_list .box_sub.item_bs02 .items { display: -webkit-flex; display: flex; flex-wrap: wrap; } #equipment.eq_heating .equipment_frm section #area_k #item01 .item_list .box_sub.item_bs02 .items > div { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; padding: 0 15px 0; } #equipment.eq_heating .equipment_frm section #area_k #item01 .item_list .box_sub.item_bs02 .items > div:nth-of-type(n+3) { margin-top: 50px; } #equipment.eq_heating .equipment_frm section #area_k #item01 .item_list .box_sub.item_bs02 .items > div .block_title { flex-grow: 1; } #equipment.eq_heating .equipment_frm section #area_k #item01 .item_list .box_sub.item_bs02 .items > div .block_title span { display: inline-block; background: #FF5F01; margin-right: 15px; padding: 5px 10px 3px; color: #ffffff; font-size: 13px; } #equipment.eq_heating .equipment_frm section #area_k #item01 .item_list .box_sub.item_bs02 .items > div p { flex-grow: 1; } #equipment.eq_heating .equipment_frm section #area_k #item01 .item_list .box_sub.item_bs02 .items > div p + img { margin-top: 30px; } #equipment.eq_heating .equipment_frm section #area_k #item02 .item_title p.brand img { display: inline-block; margin-right: 20px; height: 40px; } #equipment.eq_heating .equipment_frm section #area_k #item02 .item_list .box_sub { margin-top: 70px; } #equipment.eq_heating .equipment_frm section #area_k #item02 .item_list .box_sub .items { margin-top: 30px; } #equipment.eq_heating .equipment_frm section #area_k #item02 .item_list .box_sub .items.l_type_three > div { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; width: 33.33%; } #equipment.eq_heating .equipment_frm section #area_k #item02 .item_list .box_sub .items.l_type_three > div ul { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; } #equipment.eq_heating .equipment_frm section #area_k #item02 .item_list .box_sub .items.l_type_three > div ul li { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; padding: 0 15px 0; } #equipment.eq_heating .equipment_frm section #area_k #item02 .item_list .box_sub .items.l_type_three > div ul li .block_title_sp { flex-grow: 1; } #equipment.eq_heating .equipment_frm section #area_k #item02 .item_list .box_sub .items.l_type_three > div ul li p { flex-grow: 1; } #equipment.eq_heating .equipment_frm section #area_k #item02 .item_list .box_sub .items.l_type_three > div ul li p + img { margin-top: 30px; } #equipment.eq_heating .equipment_frm section #area_k #item03 .item_list .box_sub + .box_sub { margin-top: 50px; } #equipment.eq_heating .equipment_frm section #area_k #item03 .item_list .box_sub .items > div ul li p + img { margin-top: 20px; } #equipment.eq_heating .equipment_frm section #area_k #item03 .item_list .box_sub .items.all_full.full_img .f_img01 { max-width: 700px; } #equipment.eq_heating .equipment_frm section #area_k #item03 .item_list .box_sub.item_bs01 .items > div:first-of-type ul li img { display: block; margin: 0 auto 0; max-width: 350px; } /*-------------------------------------------------------------------------- 内装設備 --------------------------------------------------------------------------*/ #equipment.eq_inner .equipment_frm section .item_list .box_sub + .box_sub { margin-top: 50px; } #equipment.eq_inner .equipment_frm section .item_list .box_sub .items p + img { margin-top: 20px; } #equipment.eq_inner .equipment_frm section .item_list .between_tx { padding: 30px 0 30px; } #equipment.eq_inner .equipment_frm section .item_list table.equip_detail.equip_detail { margin: 0 auto; width: 100%; text-align: left; max-width: 600px; border-collapse: collapse; } #equipment.eq_inner .equipment_frm section .item_list table.equip_detail.equip_detail th, #equipment.eq_inner .equipment_frm section .item_list table.equip_detail.equip_detail td { padding: 3px 5px; border: 1px solid #999; } #equipment.eq_inner .equipment_frm section .item_list table.equip_detail.equip_detail th { background: #EEE; text-align: center; } #equipment.eq_inner .equipment_frm section .point_tx { margin-top: 30px; } #equipment.eq_inner .equipment_frm section .point_tx h4 { display: inline-block; background: #d3a243; border-radius: 5px; margin-bottom: 5px; padding: 2px 10px 2px; color: #FFF; text-align: center; font-size: 14px; } #equipment.eq_inner .equipment_frm section #item01 .item_list .box_sub.in_mainimg01 { margin: 0 auto 0; max-width: 800px; } #equipment.eq_inner .equipment_frm section #item03 .item_list:first-of-type { margin-top: 0; } #equipment.eq_inner .equipment_frm section #item03 .item_list .box_sub .items > div ul li.item_li01 dl:nth-of-type(n+2) { margin-top: 20px; } #equipment.eq_inner .equipment_frm section #item03 .item_list .box_sub .items > div ul li.item_li01 dl dt { background: #dddddd; padding: 2px 10px 3px; font-size: 15px; font-weight: 500; } #equipment.eq_inner .equipment_frm section #item03 .item_list .box_sub .items > div ul li.item_li01 dl dd .tx_right { margin-top: 15px; text-align: right; font-size: 15px; font-weight: bold; } #equipment.eq_inner .equipment_frm section #item03 .item_list .box_sub .items > div ul li.item_li01 dl dd .tx_right span { display: inline-block; padding: 0 0 0 20px; color: #d3a243; line-height: 1; font-size: 40px; } #equipment.eq_inner .equipment_frm section #item03 .item_list .box_sub .items.all_full.full_img > div.f_img01 { max-width: 460px; } /*-------------------------------------------------------------------------- 壁紙 --------------------------------------------------------------------------*/ #equipment.eq_wall .equipment_frm section .item_list .box_sub + .box_sub { margin-top: 50px; } #equipment.eq_wall .equipment_frm section .item_list .box_sub .items > div:nth-of-type(n+3) { margin-top: 50px; } #equipment.eq_wall .equipment_frm section .item_list .box_sub .items .wall_items { display: table; width: 100%; } #equipment.eq_wall .equipment_frm section .item_list .box_sub .items .wall_items > div { display: table-cell; vertical-align: top; } #equipment.eq_wall .equipment_frm section .item_list .box_sub .items .wall_items > div:first-child { padding: 0 30px 0 0; width: 150px; } #equipment.eq_wall .equipment_frm section .item_list .box_sub .items .wall_items > div:nth-child(n+3) { margin-top: 50px; } #equipment.eq_wall .equipment_frm section .item_list .box_sub .items .wall_items p.brand img { width: auto; height: 30px; } #equipment.eq_wall .equipment_frm section .item_list .box_sub .items.item_wall500 { margin: 0 auto 0; max-width: 700px; } #equipment.eq_wall .equipment_frm section .item_list .box_sub .items.item_wall500 > div { width: 100%; } #equipment.eq_wall .equipment_frm section .item_list .box_sub .items.item_wall500 > div + div { margin-top: 50px; } #equipment.eq_wall .equipment_frm section .item_list .box_sub .items.item_wall500 > div .wall_items > div:first-child { padding: 0 30px 0 0; width: 210px; } #equipment.eq_wall .equipment_frm section .item_list .box_sub .items.all_full.full_img .f_img01 { max-width: 800px; } #equipment.eq_wall .equipment_frm section .item_list .box_sub .items.all_full.full_img .f_img02 { max-width: 460px; } /*-------------------------------------------------------------------------- 玄関ドア --------------------------------------------------------------------------*/ #equipment.eq_e-door .equipment_frm section #area_h #item01 .item_list .box_sub .items > div:nth-of-type(n+3) { margin-top: 30px; } #equipment.eq_e-door .equipment_frm section #area_h #item02 .item_list .box_sub .items p + img { margin-top: 30px; } #equipment.eq_e-door .equipment_frm section #area_h #item02 .item_list .box_sub .items .caution { font-size: 12px; } #equipment.eq_e-door .equipment_frm section #area_h #item02 .item_list .box_sub .items .tx_box { margin-top: 10px; text-align: center; } #equipment.eq_e-door .equipment_frm section #area_h #item02 .item_list .box_sub .items .tx_box h4 { text-align: center; font-size: 14px; font-weight: 500; } #equipment.eq_e-door .equipment_frm section #area_h #item02 .item_list .box_sub .items .tx_box > div { display: inline-block; text-align: left; } /*-------------------------------------------------------------------------- 玄関設備 --------------------------------------------------------------------------*/ #equipment.eq_entrance .equipment_frm section .item_list .box_sub .items.half > div:nth-of-type(n+3) { margin-top: 30px; } #equipment.eq_entrance .equipment_frm section .item_list .box_sub .items.half > div.posi_r img { margin: 0 0 0 auto; } #equipment.eq_entrance .equipment_frm section .item_list .box_sub .items.half > div .t_line { margin-bottom: 10px; } #equipment.eq_entrance .equipment_frm section .item_list .box_sub .items.half > div .t_line h4 { display: inline-block; margin-right: 5px; color: #28394d; font-size: 16px; } #equipment.eq_entrance .equipment_frm section .item_list .box_sub .items.half > div .t_line p.brand { display: inline-block; vertical-align: text-top; } #equipment.eq_entrance .equipment_frm section .item_list .box_sub .items.half > div .t_line p.brand img { width: auto; height: 20px; } #equipment.eq_entrance .equipment_frm section .item_list .between_tx { margin-top: 30px; font-weight: 500; } #equipment.eq_entrance .equipment_frm section .item_list .list_cau { padding: 0 0 10px; font-weight: 500; } #equipment.eq_entrance .equipment_frm section #item02 .item_list .box_sub .list_box { display: -webkit-flex; display: flex; max-width: 600px; } #equipment.eq_entrance .equipment_frm section #item02 .item_list .box_sub .list_box > div { width: 50%; } #equipment.eq_entrance .equipment_frm section #item02 .item_list .box_sub .list_box > div dl { display: -webkit-flex; display: flex; margin-top: 10px; } #equipment.eq_entrance .equipment_frm section #item02 .item_list .box_sub .list_box > div dl dt { width: 100px; } #equipment.eq_entrance .equipment_frm section #item02 .item_list .box_sub .list_box > div dl dd img { width: auto; height: 20px; } #equipment.eq_entrance .equipment_frm section #item03 .item_list .box_sub .items > div:nth-of-type(2) { display: -webkit-flex; display: flex; align-items: end; } /*-------------------------------------------------------------------------- サッシ --------------------------------------------------------------------------*/ #equipment.eq_sash .equipment_frm section #item01 .item_list .box_sub + .box_sub { margin-top: 50px; } #equipment.eq_sash .equipment_frm section #item02 .item_list:first-of-type { margin-top: 0; } #equipment.eq_sash .equipment_frm section #item02 .item_list .box_sub .items img { margin-top: 30px; } #equipment.eq_sash .equipment_frm section #item03 .item_list:first-of-type { margin-top: 0; } #equipment.eq_sash .equipment_frm section #item03 .item_list .box_sub .items > div:nth-of-type(3) { margin-top: 30px; width: 100%; } #equipment.eq_sash .equipment_frm section #item03 .item_list .box_sub .items > div .bg_title { width: 120px; } #equipment.eq_sash .equipment_frm section #item03 .item_list .box_sub .items > div .block_title_sp { font-size: 15px; } #equipment.eq_sash .equipment_frm section #item03 .item_list .box_sub .sash_graph { display: table; table-layout: fixed; border: 2px solid #919191; margin-top: 50px; } #equipment.eq_sash .equipment_frm section #item03 .item_list .box_sub .sash_graph div { display: table-cell; vertical-align: top; padding: 20px; } #equipment.eq_sash .equipment_frm section #item03 .item_list .box_sub .sash_graph div.graph_img { width: 490px; padding-top: 45px; } #equipment.eq_sash .equipment_frm section #item03 .item_list .box_sub .sash_graph div.graph_img img { max-width: 450px; } #equipment.eq_sash .equipment_frm section #item03 .item_list .box_sub .sash_graph div.graph_notes { padding-left: 0; } #equipment.eq_sash .equipment_frm section #item03 .item_list .box_sub .sash_graph div.graph_notes p { font-size: 11px; } #equipment.eq_sash .equipment_frm section #item03 .item_list .box_sub .sash_graph div.graph_notes p + p { margin-top: 5px; } #equipment.eq_sash .equipment_frm section #area_k .item_list .box_sub .items > div:nth-of-type(n+3) { margin-top: 20px; } /*-------------------------------------------------------------------------- 外装設備 --------------------------------------------------------------------------*/ #equipment.eq_outer .equipment_frm section #area_h #item01 .item_list .box_sub h4.bg_title { width: 160px; } #equipment.eq_outer .equipment_frm section #area_h #item01 .item_list .box_sub .items .block_title { margin-bottom: 15px; color: #1c223c; font-size: 17px; } #equipment.eq_outer .equipment_frm section #area_h #item02 .item_list .box_sub .items .tx_box { margin-top: 20px; } #equipment.eq_outer .equipment_frm section #area_h #item02 .item_list .box_sub .items .tx_box .block_title_sp { margin-bottom: 10px; color: #1c223c; } #equipment.eq_outer .equipment_frm section #area_h #item02 .item_list .box_sub .items .tx_box ul li:nth-of-type(n+2) { margin-top: 5px; } #equipment.eq_outer .equipment_frm section #area_k .item_list .box_sub.item_bs01 .block_title { text-align: center; } #equipment.eq_outer .equipment_frm section #area_k .item_list .box_sub.item_bs01 .items { margin-top: 10px; } #equipment.eq_outer .equipment_frm section #area_k .item_list .box_sub.item_bs01 .items.all_full.full_img > div.f_img01 { max-width: 400px; } #equipment.eq_outer .equipment_frm section #area_k .item_list .box_sub.item_bs02 { margin-top: 50px; } #equipment.eq_outer .equipment_frm section #area_k .item_list .box_sub.item_bs02 .items { margin: 30px auto 0; max-width: 640px; } /*-------------------------------------------------------------------------- 外壁 --------------------------------------------------------------------------*/ #equipment.eq_o-wall .equipment_frm section .item_list .box_sub .items > div .item_li01 { display: table; table-layout: fixed; margin-top: 15px; width: 100%; } #equipment.eq_o-wall .equipment_frm section .item_list .box_sub .items > div .item_li01 ul { display: table-cell; vertical-align: top; } #equipment.eq_o-wall .equipment_frm section .item_list .box_sub .items > div .item_li01 ul li { background: url(../../equipment/img/eq_list.gif) left top 6px no-repeat; padding: 0 10px 0 12px; line-height: 1.3; } #equipment.eq_o-wall .equipment_frm section .item_list .box_sub .items > div .item_li01 ul li:nth-of-type(n+2) { margin-top: 10px; } #equipment.eq_o-wall .equipment_frm section #item03 .item_comment ul li:nth-of-type(n+2) { margin-top: 5px; } #equipment.eq_o-wall .equipment_frm section #item03 .item_comment ul li.caution { padding: 0 0 0 10px; font-size: 11px; } #equipment.eq_o-wall .equipment_frm section #item03 .item_list .box_sub + .box_sub { margin-top: 50px; } #equipment.eq_o-wall .equipment_frm section #item03 .item_list .item_info { margin-bottom: 20px; } #equipment.eq_o-wall .equipment_frm section #item03 .item_list .item_info p.brand img { width: auto; height: 20px; } #equipment.eq_o-wall .equipment_frm section #item03 .item_list .item_info p.brand .sub_brand { font-size: 12px; } /*-------------------------------------------------------------------------- ミラバス・ミラブル / サイエンスウォーター　【福岡共通】 --------------------------------------------------------------------------*/ #equipment.eq_science .prod_box, #equipment.eq_mira .prod_box { margin: 100px auto 0; max-width: 510px; } #equipment.eq_science .prod_box ul, #equipment.eq_mira .prod_box ul { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; text-align: center; } #equipment.eq_science .prod_box ul li.item_logo > p, #equipment.eq_mira .prod_box ul li.item_logo > p { text-align: center; } #equipment.eq_science .prod_box ul li.item_name, #equipment.eq_mira .prod_box ul li.item_name { margin-top: 30px; background: #1c96d4; } #equipment.eq_science .prod_box ul li.item_name > p, #equipment.eq_mira .prod_box ul li.item_name > p { padding: 7px 10px 4px; color: #FFF; font-size: 16px; } #equipment.eq_science .prod_box ul li.item_name.double, #equipment.eq_mira .prod_box ul li.item_name.double { display: -webkit-flex; display: flex; } #equipment.eq_science .prod_box ul li.item_name.double > p, #equipment.eq_mira .prod_box ul li.item_name.double > p { background: #182957; width: 50%; } #equipment.eq_science .prod_box ul li.item_name.double > p:last-of-type, #equipment.eq_mira .prod_box ul li.item_name.double > p:last-of-type { background: #00ab9e; } #equipment.eq_science .prod_box ul li.item_copy, #equipment.eq_mira .prod_box ul li.item_copy { display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-grow: 1; } #equipment.eq_science .prod_box ul li.item_copy > p, #equipment.eq_mira .prod_box ul li.item_copy > p { padding: 25px 10px 20px; line-height: 1.5; font-size: 23px; } #equipment.eq_science .prod_box ul li.item_tx > p, #equipment.eq_mira .prod_box ul li.item_tx > p { text-align: left; font-size: 14px; } #equipment.eq_science .prod_box ul li.item_tx + .item_link, #equipment.eq_mira .prod_box ul li.item_tx + .item_link { margin-top: 20px; } #equipment.eq_science .prod_box ul li.item_tx.tx_center > p, #equipment.eq_mira .prod_box ul li.item_tx.tx_center > p { text-align: center; } #equipment.eq_science .prod_box ul li.item_tx.tx_center > p .tx_set, #equipment.eq_mira .prod_box ul li.item_tx.tx_center > p .tx_set { display: inline-block; } #equipment.eq_science .prod_box ul li.item_link a, #equipment.eq_mira .prod_box ul li.item_link a { display: block; } #equipment.eq_science .prod_box ul li.item_link a p:nth-of-type(1):hover, #equipment.eq_science .prod_box ul li.item_link a p:nth-of-type(1):active, #equipment.eq_mira .prod_box ul li.item_link a p:nth-of-type(1):hover, #equipment.eq_mira .prod_box ul li.item_link a p:nth-of-type(1):active { opacity: 0.75; } #equipment.eq_science .prod_box ul li.item_link a p:nth-of-type(2), #equipment.eq_mira .prod_box ul li.item_link a p:nth-of-type(2) { background: #1c223c; padding: 13px 10px 7px; color: #FFF; font-size: 17px; } #equipment.eq_science .prod_box ul li.item_link a p:nth-of-type(2):hover, #equipment.eq_science .prod_box ul li.item_link a p:nth-of-type(2):active, #equipment.eq_mira .prod_box ul li.item_link a p:nth-of-type(2):hover, #equipment.eq_mira .prod_box ul li.item_link a p:nth-of-type(2):active { background: #6b6d79; } #equipment.eq_science .prod_box ul li.item_link a:hover p:nth-of-type(1), #equipment.eq_science .prod_box ul li.item_link a:active p:nth-of-type(1), #equipment.eq_mira .prod_box ul li.item_link a:hover p:nth-of-type(1), #equipment.eq_mira .prod_box ul li.item_link a:active p:nth-of-type(1) { opacity: 0.75; } #equipment.eq_science .prod_box ul li.item_link a:hover p:nth-of-type(2), #equipment.eq_science .prod_box ul li.item_link a:active p:nth-of-type(2), #equipment.eq_mira .prod_box ul li.item_link a:hover p:nth-of-type(2), #equipment.eq_mira .prod_box ul li.item_link a:active p:nth-of-type(2) { background: #6b6d79; } /*-------------------------------------------------------------------------- サイエンスウォーター　【福岡】 --------------------------------------------------------------------------*/ #equipment.eq_science .equipment_frm .item_frm { margin: 0 auto 0; max-width: 960px; } #equipment.eq_science .equipment_frm .item_frm .item_title { margin-top: 50px; padding: 0 0 0 20px; border-left: 3px solid #e5d7ac; } #equipment.eq_science .equipment_frm .item_frm .item_title h2 { line-height: 1.5; font-size: 23px; font-weight: 500; } #equipment.eq_science .equipment_frm .item_frm > .list > .item { margin-top: 50px; } #equipment.eq_science .equipment_frm .item_frm > .list > .item > h2 { background-size: 44px auto; background-position: left top; background-repeat: no-repeat; border-bottom: 1px solid #919191; padding: 8px 10px 30px 75px; line-height: 1.5; font-size: 22px; font-weight: 700; } #equipment.eq_science .equipment_frm .item_frm > .list > .item > h2 > span { vertical-align: middle; } #equipment.eq_science .equipment_frm .item_frm > .list > .item:nth-of-type(1) > h2 { background-image: url("../img/eq_no01.png"); } #equipment.eq_science .equipment_frm .item_frm > .list > .item:nth-of-type(2) > h2 { background-image: url("../img/eq_no02.png"); } #equipment.eq_science .equipment_frm .item_frm > .list > .item:nth-of-type(3) > h2 { background-image: url("../img/eq_no03.png"); } #equipment.eq_science .equipment_frm .item_frm > .list > .item > p { margin-top: 40px; } #equipment.eq_science .equipment_frm .item_frm > .list > .item > p + .tb_box { margin-top: 30px; } #equipment.eq_science .equipment_frm .item_frm > .list > .item .tb_box { display: -webkit-flex; display: flex; margin-top: 40px; } #equipment.eq_science .equipment_frm .item_frm > .list > .item .tb_box > div { padding: 0 20px 0 0; } #equipment.eq_science .equipment_frm .item_frm > .list > .item .tb_box > div.block { flex-shrink: 0; width: 100%; } #equipment.eq_science .equipment_frm .item_frm > .list > .item .tb_box > div:last-of-type { padding: 0 0 0 20px; } #equipment.eq_science .equipment_frm .item_frm > .list > .item .tb_box > div .point_tx01 { margin-top: 10px; text-align: center; font-size: 19px; } #equipment.eq_science .equipment_frm .item_frm > .list > .item .tb_box > div p:nth-of-type(n+2) { margin-top: 30px; } #equipment.eq_science .equipment_frm .item_frm > .list > .item#list01 .tb_box > div.block { max-width: 540px; } #equipment.eq_science .equipment_frm .item_frm > .list > .item#list02 .tb_box > div.block { max-width: 480px; } #equipment.eq_science .equipment_frm .item_frm > .list > .item#list02 .tb_box > div .caution { display: block; margin-top: 30px; font-size: 13px; } #equipment.eq_science .equipment_frm .item_frm > .list > .item#list03 .tb_box > div { width: 50%; } #equipment.eq_science .equipment_frm .item_frm > .list > .item#list03 .tb_box > div:last-of-type > div { border: 1px solid #919191; padding: 20px; } #equipment.eq_science .equipment_frm .item_frm > .list > .item#list03 .tb_box > div:last-of-type > div p { margin-top: 30px; } #equipment.eq_science .equipment_frm .item_frm .caution_tx { margin-top: 50px; text-align: center; font-size: 13px; } #equipment.eq_science .equipment_frm .item_frm .bg_area { background: #ddefe9; margin: 30px auto 0; padding: 20px 20px 15px; } #equipment.eq_science .equipment_frm .item_frm .bg_area h2 { margin-bottom: 5px; font-size: 16px; font-weight: 700; } #equipment.eq_science .equipment_frm .item_frm .bg_area p { font-size: 14px; } #equipment.eq_science .equipment_frm .box_c { margin-top: 50px; text-align: center; font-size: 12px; } #equipment.eq_science .equipment_frm .box_c .logo_img { margin-bottom: 10px; } #equipment.eq_science .equipment_frm .box_c .logo_img span { display: inline-block; vertical-align: middle; margin-left: 10px; max-width: 110px; } /*-------------------------------------------------------------------------- ミラバス・ミラブル　【北海道・福岡】 --------------------------------------------------------------------------*/ #equipment.eq_mira.eq_k .equipment_frm .item_frm .item_title { border-color: #e5d7ac; } #equipment.eq_mira .equipment_frm .prod_img { display: -webkit-flex; display: flex; margin: 0 auto 100px; max-width: 1000px; } #equipment.eq_mira .equipment_frm .prod_img a { width: 50%; } #equipment.eq_mira .equipment_frm .prod_img a:hover, #equipment.eq_mira .equipment_frm .prod_img a:active { opacity: 0.7; } #equipment.eq_mira .equipment_frm .item_frm { margin: 0 auto 0; max-width: 960px; } #equipment.eq_mira .equipment_frm .item_frm#type1 { border-bottom: 1px solid #00000f; margin-bottom: 100px; padding-bottom: 100px; } #equipment.eq_mira .equipment_frm .item_frm .item_title { margin-top: 50px; padding: 0 0 0 20px; border-left: 3px solid #8d909d; } #equipment.eq_mira .equipment_frm .item_frm .item_title h2 { line-height: 1.5; font-size: 23px; font-weight: 500; } #equipment.eq_mira .equipment_frm .item_frm .bg_area { margin-top: 40px; padding: 30px; } #equipment.eq_mira .equipment_frm .item_frm .bg_area .tb_box { display: -webkit-flex; display: flex; } #equipment.eq_mira .equipment_frm .item_frm .bg_area .tb_box > div > h2 { border: none; padding: 0; line-height: 1.5; font-size: 22px; font-weight: 700; } #equipment.eq_mira .equipment_frm .item_frm .bg_area .tb_box > div > p { margin-top: 10px; } #equipment.eq_mira .equipment_frm .item_frm .bg_area .tb_box > div:last-of-type { flex-shrink: 0; padding: 0 0 0 20px; width: 100%; max-width: 500px; } #equipment.eq_mira .equipment_frm .item_frm .bg_area + .list { margin-top: 85px; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item { margin-top: 50px; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item > h2 { background-size: 44px auto; background-position: left top; background-repeat: no-repeat; border-bottom: 1px solid #919191; padding: 8px 10px 30px 75px; line-height: 1.5; font-size: 22px; font-weight: 700; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item > h2 > span { vertical-align: middle; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item:nth-of-type(1) > h2 { background-image: url("../img/eq_no01.png"); } #equipment.eq_mira .equipment_frm .item_frm > .list > .item:nth-of-type(2) > h2 { background-image: url("../img/eq_no02.png"); } #equipment.eq_mira .equipment_frm .item_frm > .list > .item:nth-of-type(3) > h2 { background-image: url("../img/eq_no03.png"); } #equipment.eq_mira .equipment_frm .item_frm > .list > .item > p { margin-top: 40px; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item > p + .tb_box { margin-top: 30px; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item .color_title01 { margin-bottom: 10px; line-height: 1.5; font-size: 16px; font-weight: 700; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box { display: -webkit-flex; display: flex; margin-top: 40px; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box > div { padding: 0 20px 0 0; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box > div.block { flex-shrink: 0; width: 100%; max-width: 480px; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box > div.block > div { border: 1px solid #919191; padding: 20px; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box > div.block > div img { display: block; margin: 10px auto 0; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box > div.block > div h3 { margin-bottom: 10px; text-align: center; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box > div.block > div h3 .color_title01::before { content: '〈'; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box > div.block > div h3 .color_title01::after { content: '〉'; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box > div:last-of-type { padding: 0 0 0 20px; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box > div .point_tx01 { margin: 20px 0 20px; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box > div .caution { margin-top: 5px; font-size: 13px; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item .block_list { display: -webkit-flex; display: flex; margin-top: 100px; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item .block_list > div { padding: 0 20px 0 0; width: 50%; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item .block_list > div:last-of-type { padding: 0 0 0 20px; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item .block_list > div > h2 { border-bottom: 1px solid #919191; margin-bottom: 40px; padding: 0 0 15px; font-size: 22px; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item .block_list > div > h2 > span { display: inline-block; padding: 0 0 0 5px; font-size: 15px; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item .block_list > div > h3 { margin-top: 15px; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item .block_list > div .img_box { margin: 0 auto 0; max-width: 330px; } #equipment.eq_mira .equipment_frm .item_frm > .list > .item .block_list > div p { margin-top: 10px; } #equipment.eq_mira .equipment_frm .item_frm#type1 .bg_area { background: #bed8e4; color: #021c51; } #equipment.eq_mira .equipment_frm .item_frm#type1 .list > .item .color_title01 { color: #182957; } #equipment.eq_mira .equipment_frm .item_frm#type1 .list > .item#list01 .tb_box > div:last-of-type > div img { max-width: 256px; } #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list01 .tb_box > div:first-of-type { display: -webkit-flex; display: flex; } #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list01 .tb_box > div:first-of-type p.ph { order: 1; flex-shrink: 0; width: 100%; max-width: 230px; } #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list01 .tb_box > div:first-of-type p.tx { order: 2; padding: 0 0 0 50px; } #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list01 .tb_box > div:first-of-type img { display: block; } #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list01 .tb_box > div:last-of-type > div img { max-width: 294px; } #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list01 .tb_box > div:last-of-type > div > p { margin-top: 5px; text-align: center; font-size: 12px; } #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list02 .tb_box > div.block { max-width: 386px; } #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list03 .tb_box > div.block { max-width: 386px; } #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list03 .block_list > div .block_box { display: -webkit-flex; display: flex; margin-top: 30px; } #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list03 .block_list > div .block_box > div:first-of-type { flex-shrink: 0; width: 100%; max-width: 120px; } #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list03 .block_list > div .block_box > div:last-of-type { padding: 0 0 0 30px; } #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list03 .block_list > div .block_box > div .tx_b { font-weight: 700; } #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list03 .block_list > div .block_box > div > h3 .color_title01 { font-size: 17px; } #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list03 .block_list > div .block_box > div .caution { margin-top: 15px; font-size: 13px; } #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list03 .block_list > div .img_box { margin: 30px auto 0; max-width: 400px; } #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list03 .block_list .bg_tx { background: #00ab9e; margin-top: 30px; padding: 10px; color: #FFF; font-size: 15px; } #equipment.eq_mira .equipment_frm .item_frm#type2.mira_zero .bg_area { background: #eeeeee; } #equipment.eq_mira .equipment_frm .item_frm#type2.mira_zero .bg_area .tb_box > div > h2 { color: #b49241; } #equipment.eq_mira .equipment_frm .item_frm#type2.mira_zero .list > .item .color_title01 { color: #b49241; } #equipment.eq_mira .equipment_frm .item_frm#type2.mira_zero .list > .item#list03 .block_list > div > h2 { color: #b49241; } #equipment.eq_mira .equipment_frm .item_frm#type2.mira_plus .bg_area { background: #d5f1e3; color: #024a4a; } #equipment.eq_mira .equipment_frm .item_frm#type2.mira_plus .list > .item .color_title01 { color: #00ab9e; } #equipment.eq_mira .equipment_frm .item_frm#type2.mira_plus .list > .item#list03 .block_list > div > h2 { color: #00ab9e; } #equipment.eq_mira .equipment_frm .box_c { margin-top: 100px; text-align: center; font-size: 12px; } #equipment.eq_mira .equipment_frm .box_c .logo_img { margin-bottom: 10px; } #equipment.eq_mira .equipment_frm .box_c .logo_img span { display: inline-block; vertical-align: middle; margin-left: 10px; max-width: 110px; } /*-------------------------------------------------------------------------- ヘルス&ビューティー --------------------------------------------------------------------------*/ #sub_title.healthandbeauty { background-image: url("../../healthandbeauty/img/titleback_hb.jpg"); } #healthandbeauty { background: url("../../healthandbeauty/img/health_ab_bg.jpg") top center no-repeat; background-size: contain; padding: 95px 10px 100px; } #healthandbeauty .health_ab_frm { margin: 0 auto 0; padding: 0 10px 0; max-width: 1100px; } #healthandbeauty .health_ab_frm .title_area h2 { margin: 0 auto 0; max-width: 512px; font-size: 0; } #healthandbeauty .health_ab_frm .title_area > p { margin: 15px auto 0; text-align: center; font-size: 20px; } #healthandbeauty .health_ab_frm .title_area .type { margin-top: 20px; } #healthandbeauty .health_ab_frm .title_area .type p { background: #1c223c; margin: 0 auto 0; padding: 5px 0 0; max-width: 210px; color: #FFF; text-align: center; font-size: 18px; } #healthandbeauty .health_ab_frm .intro { margin-top: 55px; text-align: center; } #healthandbeauty .health_ab_frm .intro h3 { line-height: 1.5; font-size: 23px; font-weight: 500; } #healthandbeauty .health_ab_frm .intro p { margin-top: 15px; } #healthandbeauty .health_ab_frm .list { display: -webkit-flex; display: flex; justify-content: space-between; margin: 65px auto 0; } #healthandbeauty .health_ab_frm .list .item { display: -webkit-flex; display: flex; flex-direction: column; padding: 0 10px 0 0; max-width: 510px; } #healthandbeauty .health_ab_frm .list .item:last-of-type { padding: 0 0 0 10px; } #healthandbeauty .health_ab_frm .list .item ul { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; text-align: center; } #healthandbeauty .health_ab_frm .list .item ul li.item_name { margin-top: 30px; background: #1a295b; } #healthandbeauty .health_ab_frm .list .item ul li.item_name > p { padding: 7px 10px 4px; color: #FFF; font-size: 16px; } #healthandbeauty .health_ab_frm .list .item ul li.item_name.gold > p { background: #b49241; } #healthandbeauty .health_ab_frm .list .item ul li.item_copy { display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-grow: 1; } #healthandbeauty .health_ab_frm .list .item ul li.item_copy > p { padding: 25px 10px 20px; line-height: 1.5; font-size: 23px; } #healthandbeauty .health_ab_frm .list .item ul li.item_tx > p { font-size: 14px; } #healthandbeauty .health_ab_frm .list .item ul li.item_tx + .item_link { margin-top: 20px; } #healthandbeauty .health_ab_frm .list .item ul li.item_link a { display: block; } #healthandbeauty .health_ab_frm .list .item ul li.item_link a p:nth-of-type(1):hover, #healthandbeauty .health_ab_frm .list .item ul li.item_link a p:nth-of-type(1):active { opacity: 0.75; } #healthandbeauty .health_ab_frm .list .item ul li.item_link a p:nth-of-type(2) { background: #1c223c; padding: 13px 10px 7px; color: #FFF; font-size: 17px; } #healthandbeauty .health_ab_frm .list .item ul li.item_link a p:nth-of-type(2):hover, #healthandbeauty .health_ab_frm .list .item ul li.item_link a p:nth-of-type(2):active { background: #6b6d79; } #healthandbeauty .health_ab_frm .list .item ul li.item_link a:hover p:nth-of-type(1), #healthandbeauty .health_ab_frm .list .item ul li.item_link a:active p:nth-of-type(1) { opacity: 0.75; } #healthandbeauty .health_ab_frm .list .item ul li.item_link a:hover p:nth-of-type(2), #healthandbeauty .health_ab_frm .list .item ul li.item_link a:active p:nth-of-type(2) { background: #6b6d79; } #healthandbeauty .health_ab_frm .box_c { margin-top: 50px; text-align: center; font-size: 12px; } #healthandbeauty .health_ab_frm .box_c .logo_img { margin-bottom: 10px; } #healthandbeauty .health_ab_frm .box_c .logo_img span { display: inline-block; vertical-align: middle; margin-left: 10px; max-width: 110px; } #healthandbeauty #area_k .health_ab_frm .list .item ul li.item_name > p { background: #1c96d4; } #healthandbeauty #area_k .health_ab_frm .list .item ul li.item_name.double { display: -webkit-flex; display: flex; } #healthandbeauty #area_k .health_ab_frm .list .item ul li.item_name.double > p { background: #182957; width: 50%; } #healthandbeauty #area_k .health_ab_frm .list .item ul li.item_name.double > p:last-of-type { background: #00ab9e; } #healthandbeauty #area_k .health_ab_frm .list .item ul li.item_tx > p { text-align: left; } #healthandbeauty #area_k .health_ab_frm .list .item ul li.item_tx.tx_center > p { text-align: center; } #healthandbeauty #area_k .health_ab_frm .list .item ul li.item_tx.tx_center > p .tx_set { display: inline-block; } /*-------------------------------------------------------------------------- イオンハウジング苫小牧 --------------------------------------------------------------------------*/ #aeonhousing .ch_sp { display: none; } #aeonhousing #yts { width: 100%; max-width: 300px; } #aeonhousing #yts iframe { width: 100%; } #aeonhousing .move { opacity: 0; transition: all 2s; /* 動きを滑らかに */ } #aeonhousing .move.move_r { transform: translate(100px, 0); } #aeonhousing .move.move_l { transform: translate(-100px, 0); } #aeonhousing .move.move_u { transform: translate(0, -100px); } #aeonhousing .move.move_d { transform: translate(0, 100px); } #aeonhousing .move.move_sd { transform: scale(1.1, 1.1); } #aeonhousing .move.move_t05 { transition-delay: 0.5s; } #aeonhousing .move.move_t10 { transition-delay: 1s; } #aeonhousing .move.move_t15 { transition-delay: 1.5s; } #aeonhousing .move.move_su { transform: scale(0.9, 0.9); } #aeonhousing .move.fadeIn { opacity: 1; transform: translate(0, 0) scale(1, 1); } #aeonhousing #top_catch .catch_comment { width: 100%; max-width: 724px; padding: 30px 10px 30px; margin: 0 auto; } #aeonhousing #top_catch .catch_main .c_main { background: url("../../aeonhousing/img/toma_top_0808.jpg") center top no-repeat; background-size: auto 800px; padding: 180px 10px 0; height: 800px; } #aeonhousing #top_catch .catch_main .c_main h1 { width: 100%; max-width: 706px; margin: 0 auto 40px; } #aeonhousing #top_catch .catch_main .c_main h2 { width: 100%; max-width: 470px; margin: 0 auto; } #aeonhousing #top_catch .catch_main .c_sub { background: url("../../aeonhousing/img/toma_top_2.jpg") center top no-repeat; background-size: auto 384px; height: 384px; } #aeonhousing #comment { background-color: #b60081; width: 100%; padding: 45px 10px 55px; text-align: center; color: #FFF; margin-bottom: 110px; } #aeonhousing #comment h3 { font-size: 30px; font-weight: 500; margin-bottom: 30px; } #aeonhousing #comment h3 br { display: none; } #aeonhousing #comment p { font-size: 20px; line-height: 2.3; } #aeonhousing #service { margin-bottom: 110px; } #aeonhousing #service section { background: #262f51; margin-bottom: 40px; } #aeonhousing #service section:last-child { margin-bottom: 0; } #aeonhousing #service section article { width: 100%; max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1.05fr 0.95fr; } #aeonhousing #service section article h3 { text-align: center; color: #FFF; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } #aeonhousing #service section article h3 .eng { display: inline-block; font-size: 30px; font-weight: 400; font-family: 'Michroma', sans-serif; border-bottom: #FFF 2px solid; padding: 0 10px 15px; margin-bottom: 15px; } #aeonhousing #service section article h3 .jp { display: block; font-size: 25px; font-weight: 400; overflow: hidden; } #aeonhousing #service section:nth-child(even) article { grid-template-columns: 0.95fr 1.05fr; } #aeonhousing #service section:nth-child(even) article h3 { order: 2; /*1番目*/ } #aeonhousing #service section:nth-child(even) article > div { order: 1; /*1番目*/ } #aeonhousing #middle { background: url("../../aeonhousing/img/toma_img_06_0701.jpg") center bottom no-repeat; background-size: auto 474px; padding: 0 10px 160px; text-align: center; } #aeonhousing #middle .middle01 { max-width: 1040px; margin: 0 auto 145px; display: block; } #aeonhousing #middle .middle02_pc, #aeonhousing #middle .middle02_sp { max-width: 704px; margin: 0 auto; display: block; } #aeonhousing #middle .middle02_pc { display: block; } #aeonhousing #middle .middle02_sp { display: none; } #aeonhousing .swiper { width: 100%; margin: 0 auto 100px; } #aeonhousing .swiper .gr_head { width: 100%; max-width: 1120px; padding: 0 10px; margin: 0 auto 0; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } #aeonhousing .swiper .gr_head .title { font-size: 32px; font-weight: 500; border-bottom: #b60081 5px solid; padding-bottom: 20px; margin-bottom: 40px; } #aeonhousing .swiper .gr_head .btn div { display: inline-block; width: 36px; height: 36px; margin: 0 5px; background-position: center center; background-repeat: no-repeat; background-size: 36px auto; } #aeonhousing .swiper .gr_head .btn div:first-child { background-image: url("../../aeonhousing/img/arrow_prev_off.png"); } #aeonhousing .swiper .gr_head .btn div:first-child:hover { background-image: url("../../aeonhousing/img/arrow_prev_on.png"); } #aeonhousing .swiper .gr_head .btn div:last-child { background-image: url("../../aeonhousing/img/arrow_next_off.png"); } #aeonhousing .swiper .gr_head .btn div:last-child:hover { background-image: url("../../aeonhousing/img/arrow_next_on.png"); } #aeonhousing #movie { width: 100%; max-width: 1000px; padding: 50px 10px; margin: 0 auto 120px; background: #e6e6e6; } #aeonhousing #movie h3 { font-size: 28px; font-weight: 500; text-align: center; margin-bottom: 30px; } #aeonhousing #movie article { width: 100%; } #aeonhousing #movie article > div { width: 100%; margin: 0 auto 40px; } #aeonhousing #movie article > div:last-child { margin-bottom: 0; } #aeonhousing #movie article > div p { font-size: 24px; text-align: center; padding-top: 10px; } #aeonhousing #movie article > div p span.num { display: block; font-size: 20px; padding-top: 10px; } #aeonhousing #movie article > div.mv { max-width: 760px; } #aeonhousing #movie article > div.mv iframe { aspect-ratio: 16 / 9; width: 100%; height: auto; } #aeonhousing #movie article > div.st { max-width: 260px; } #aeonhousing #movie article > div.st iframe { aspect-ratio: 9 / 16; width: 100%; height: auto; } #aeonhousing #staff { margin-bottom: 60px; } #aeonhousing #staff h3 { color: #b5017f; font-size: 28px; font-weight: 500; margin-bottom: 25px; text-align: center; letter-spacing: 0.15em; } #aeonhousing #staff article { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; gap: 40px; padding: 0 20px; } #aeonhousing #staff article a { display: block; width: 100%; max-width: 400px; } #aeonhousing #staff article a p { text-align: center; padding: 5px 0 0; } #aeonhousing #staff article a:hover { opacity: 0.7; } #aeonhousing #staff.many article { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; padding: 0 20px; max-width: 1980px; margin: 0 auto 60px; } #aeonhousing #map { margin-bottom: 125px; padding: 0 10px; } #aeonhousing #map section { text-align: center; margin-bottom: 90px; } #aeonhousing #map section h3 { width: 100%; max-width: 706px; margin: 0 auto 20px; } #aeonhousing #map section h4 { font-size: 26px; font-weight: 500; margin-bottom: 25px; } #aeonhousing #map section h4 span { margin-left: 10px; } #aeonhousing #map section .tell { margin-bottom: 20px; } #aeonhousing #map section .tell a { pointer-events: none; } #aeonhousing #map section .tell span { font-size: 36px; font-weight: 700; font-family: "Barlow Semi Condensed", serif; font-weight: 500; background: url("../../aeonhousing/img/ico_tel08.png") left top 4px no-repeat; background-size: auto 41px; padding-left: 60px; letter-spacing: 0.05em; } #aeonhousing #map section .sns { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; margin-bottom: 20px; } #aeonhousing #map section .sns a { display: block; width: 35px; } #aeonhousing #map section address { font-size: 20px; font-style: normal; margin-bottom: 20px; } #aeonhousing #map section address span { margin-right: 10px; } #aeonhousing #map section .time { font-size: 17px; } #aeonhousing #map section .time span.num { display: block; font-size: 25px; font-weight: 500; } #aeonhousing #map section .n_time { font-size: 14px; padding-top: 10px; } #aeonhousing #map #map_canvas { width: 100%; max-width: 1040px; height: 415px; margin: 0 auto 50px; background: #999; } #aeonhousing #map #floor_map { width: 100%; max-width: 900px; margin: 0 auto 50px; } #aeonhousing #map :last-child { margin-bottom: 0 !important; } #aeonhousing #link { padding: 0 0 120px; } #aeonhousing #link p { font-size: 21px; text-align: center; margin-bottom: 50px; } #aeonhousing #link p br { display: none; } #aeonhousing #link a { display: block; background-color: #b60081; color: #FFF; text-align: center; width: 100%; max-width: 670px; height: 117px; padding-top: 30px; margin: 0 auto; } #aeonhousing #link a:hover { background-color: #666; } #aeonhousing #link a span { display: inline-block; background: url("../../aeonhousing/img/toma_link.png") right top 12px no-repeat; background-size: 30px auto; font-size: 32px; font-weight: 700; padding-right: 40px; } /*---------------------------------------- キャンペーン ----------------------------------------*/ #aeonhousing #campaign { margin-bottom: 125px; } #aeonhousing #campaign .cp_head { background: #b60081; padding: 80px 10px 0; } #aeonhousing #campaign .cp_head h3 { width: 100%; max-width: 1040px; margin: 0 auto 10px; } #aeonhousing #campaign .cp_head p { width: 100%; max-width: 1030px; padding-top: 25px; margin: 40px auto 40px; text-align: center; font-size: 37px; color: #FFF; border-top: #FFF 3px solid; } #aeonhousing #campaign .cp_head div { display: -webkit-box; display: flex; justify-content: space-around; -webkit-box-align: center; align-items: center; } #aeonhousing #campaign .cp_head div img { max-width: 300px; } #aeonhousing #campaign .subtitle { padding: 60px 20px 40px; font-size: 46px; font-weight: 700; color: #b60081; text-align: center; } #aeonhousing #campaign .cp_body { padding-top: 60px; border-top: #b60081 2px solid; background: #ffff9a; } #aeonhousing #campaign .cp_body .cp_inner { width: 100%; max-width: 1220px; margin: 0 auto; padding: 0 10px 0; } #aeonhousing #campaign .cp_body .cp_inner h3, #aeonhousing #campaign .cp_body .cp_inner .prez { width: 100%; max-width: 890px; margin: 0 auto 70px; } #aeonhousing #campaign .cp_body .cp_inner section + .prez { margin-top: 50px; } #aeonhousing #campaign .cp_body .cp_inner section + section { margin-top: 80px; } #aeonhousing #campaign .cp_body .cp_inner section h4 { background: #b60081; color: #FFF; font-size: 39px; font-weight: 500; text-align: center; padding: 40px 10px 40px; letter-spacing: 0.2em; } #aeonhousing #campaign .cp_body .cp_inner section article { background: #FFF; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; padding: 60px 65px; font-size: 22px; font-weight: 500; } #aeonhousing #campaign .cp_body .cp_inner section article.first { gap: 0 60px; } #aeonhousing #campaign .cp_body .cp_inner section article.first > div { width: 50%; background: #ffff9a; text-align: center; padding: 30px 20px 20px; border-radius: 10px; } #aeonhousing #campaign .cp_body .cp_inner section article.first > div div { width: 150px; margin: 0 auto; } #aeonhousing #campaign .cp_body .cp_inner section article.first > div p { padding-top: 20px; } #aeonhousing #campaign .cp_body .cp_inner section article.second > div { width: 100%; max-width: 770px; background: #ffff9a; padding: 30px 30px 30px; border-radius: 10px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } #aeonhousing #campaign .cp_body .cp_inner section article.second > div div { width: 150px; } #aeonhousing #campaign .cp_body .cp_inner section article.second > div p { padding-left: 40px; } #aeonhousing #campaign .cp_body .cp_inner section > div { background: #262f51 url("../../aeonhousing/img/toma_img_08-c_0701.png") right 80px bottom no-repeat; background-size: 160px auto; padding: 25px 0 25px 100px; } #aeonhousing #campaign .cp_body .cp_inner section > div ul { width: 100%; max-width: 800px; display: -webkit-box; display: flex; flex-wrap: wrap; gap: 20px; } #aeonhousing #campaign .cp_body .cp_inner section > div ul li { background: #FFF; padding: 35px 20px; font-size: 21px; font-weight: 700; text-align: center; width: 48%; border-radius: 10px; } #aeonhousing #campaign .cp_body .cp_inner section > div ul li span { display: inline-block; } #aeonhousing #campaign .cp_body .cp_inner > img { width: 100%; max-width: 410px; display: block; margin: 50px auto 0; } #aeonhousing #campaign .cp_foot { background: #b60081; color: #FFF; font-size: 30px; font-weight: 500; padding: 10px 10px 15px; text-align: center; } /*# sourceMappingURL=sub_03.css.map */