@charset "UTF-8";
/* スマホ・タブレット
----------------------------------------------------------------------------

	共通
	
	Class Sの光熱費
	参考プラン・価格
	工法と構造
	標準仕様
	ヘルス＆ビューティー
	イオンハウジング苫小牧

--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*768px*/
/*--------------------------------------------------------------------------
	import
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*768px*/
/*640px*/
/*--------------------------------------------------------------------------
	Class Sの光熱費
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #cost .cost_frm #cost_create .cost_create_wrap > div > div.ct_text > div p { font-size: 20px; }
  #cost .cost_frm #cost_compare .cost_compare_wrap .ct_copy { font-size: 18px; } }
/*1000px*/
@media screen and (max-width: 768px) { #cost .cost_frm #cost_create .cost_create_wrap { margin-top: 40px; }
  #cost .cost_frm #cost_create .cost_create_wrap > div { display: block; }
  #cost .cost_frm #cost_create .cost_create_wrap > div > div { margin: 0 auto 0; padding: 0; width: 100%; max-width: 520px; }
  #cost .cost_frm #cost_create .cost_create_wrap > div > div.ct_text { margin: 0 auto 0; padding: 0; }
  #cost .cost_frm #cost_create .cost_create_wrap > div > div.ct_text > div { padding: 20px 10px 15px; }
  #cost .cost_frm #cost_create .cost_create_wrap > div > div.ct_text > div p { line-height: 1.8; font-size: 18px; }
  #cost .cost_frm #cost_create .cost_create_wrap > div > div.ct_img { margin: 30px auto 0; padding: 0; }
  #cost .cost_frm #cost_compare { margin-top: 50px; }
  #cost .cost_frm #cost_compare .cost_compare_wrap h2 { font-size: 18px; }
  #cost .cost_frm #cost_compare .cost_compare_wrap h2 .pc_no { display: block; }
  #cost .cost_frm #cost_compare .cost_compare_wrap .ct_img { display: block; margin: 20px auto 0; }
  #cost .cost_frm #cost_compare .cost_compare_wrap .ct_img > div { padding: 0; width: 100%; }
  #cost .cost_frm #cost_compare .cost_compare_wrap .ct_img > div:last-of-type { margin-top: 50px; }
  #cost .cost_frm #cost_compare .cost_compare_wrap .ct_img > div p { margin-bottom: 10px; font-size: 15px; }
  #cost .cost_frm #cost_compare .cost_compare_wrap .ct_copy { margin: 50px auto 0; padding: 20px 10px 15px; text-align: left; font-size: 16px; }
  #cost .cost_frm #cost_compare .cost_compare_wrap .ct_copy .sp_no { display: none; }
  #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: 50px; }
  #cost .cost_frm #cost_revision h2 { background-position: left top; padding-left: 15px; font-size: 18px; }
  #cost .cost_frm #cost_revision p { margin-top: 15px; }
  #cost .cost_frm .link_button { margin-top: 50px; }
  #cost .cost_frm .link_button ul li { padding: 0 10px 0; }
  #cost .cost_frm .link_button ul li a { padding: 20px 10px 17px; font-size: 15px; } }
/*768px*/
@media screen and (max-width: 480px) { #cost .cost_frm > p.copy { text-align: left; }
  #cost .cost_frm #cost_create .cost_create_wrap > div > div.ct_text > div p { text-align: left; font-size: 16px; }
  #cost .cost_frm #cost_create .cost_create_wrap > div > div.ct_text > div p .sp_no { display: none; }
  #cost .cost_frm .link_button ul { display: block; max-width: 300px; }
  #cost .cost_frm .link_button ul li { display: block; padding: 0; width: 100%; }
  #cost .cost_frm .link_button ul li:last-of-type { margin-top: 10px; } }
/*480px*/
/*--------------------------------------------------------------------------
	参考プラン
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { #plan .plan_frm #plan_more_wrap { padding: 20px; }
  #plan .plan_frm #plan_more_wrap #plan_more > div { align-items: flex-start; }
  #plan .plan_frm #plan_more_wrap #plan_more > div > div { padding: 0 10px 0 0; }
  #plan .plan_frm #plan_more_wrap #plan_more > div > div:last-of-type { padding: 0 0 0 10px; } }
/*900px*/
@media screen and (max-width: 768px) { #plan .plan_frm .intro p.caution { font-size: 12px; }
  #plan .plan_frm .count { margin-top: 50px; }
  #plan .plan_frm .count p { background-position: left top; padding-left: 15px; font-size: 16px; }
  #plan .plan_frm #plan_list_wrap { margin: 20px auto 0; }
  #plan .plan_frm #plan_list_wrap #plan_list section { max-width: 50%; }
  #plan .plan_frm #plan_list_wrap #plan_list section:nth-of-type(n+3) { margin-top: 30px; }
  #plan .plan_frm #plan_list_wrap #plan_list section a .h_data { font-size: 13px; }
  #plan .plan_frm #plan_list_wrap #plan_list section a .type { margin-top: 10px; font-size: 22px; }
  #plan .plan_frm #plan_list_wrap #plan_list section a .type span { font-size: 26px; }
  #plan .plan_frm #plan_list_wrap #plan_list section a .price { margin-top: 5px; font-size: 20px; }
  #plan .plan_frm #plan_list_wrap #plan_list section a .price .tax { font-size: 11px; }
  #plan .plan_frm #plan_button_wrap { margin-top: 50px; }
  #plan .plan_frm #plan_button_wrap .link_button a { max-width: 300px; line-height: 60px; font-size: 15px; }
  #plan .plan_frm #plan_more_wrap { margin: 50px auto 0; padding: 15px; }
  #plan .plan_frm #plan_more_wrap #plan_more > div { display: block; }
  #plan .plan_frm #plan_more_wrap #plan_more > div > div { padding: 0; width: 100%; }
  #plan .plan_frm #plan_more_wrap #plan_more > div > div:last-of-type { padding: 0; }
  #plan .plan_frm #plan_more_wrap #plan_more > div .more_text section h2 { padding: 10px 10px 7px; font-size: 14px; }
  #plan .plan_frm #plan_more_wrap #plan_more > div .more_text section ul { margin: 10px auto 0; }
  #plan .plan_frm #plan_more_wrap #plan_more > div .more_text section ul li { font-size: 13px; }
  #plan .plan_frm #plan_more_wrap #plan_more > div .more_img { margin-top: 30px; }
  #plan .plan_frm #plan_more_wrap #plan_more > div .more_img div { padding: 20px 10px 20px; }
  #plan .plan_frm #plan_more_wrap #plan_more > div .more_img div p { padding: 20px 10px 0; } }
/*768px*/
@media screen and (max-width: 480px) { #plan .plan_frm .intro p { text-align: left; }
  #plan .plan_frm .intro p .in_blo { display: inline; }
  #plan .plan_frm #plan_list_wrap #plan_list section { padding: 0; max-width: 100%; }
  #plan .plan_frm #plan_list_wrap #plan_list section:nth-of-type(n+2) { margin-top: 30px; }
  #plan .plan_frm #plan_more_wrap { padding: 10px; } }
/*480px*/
/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #plan_ar .plan_ar_frm #title_area { display: block; }
  #plan_ar .plan_ar_frm #title_area .type_name { padding: 20px 20px 10px; }
  #plan_ar .plan_ar_frm #title_area .tx { margin-top: 20px; padding: 0; }
  #plan_ar .plan_ar_frm #ph_area { margin: 50px auto 0; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl { grid-template-columns: 250px 1fr 1fr 1fr; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl dt { font-size: 15px; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl dd { font-size: 18px; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl dd.tubo_tx { font-size: 17px; }
  #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: 250px 2fr 1fr; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl.normal { grid-template-columns: 250px 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 { font-size: 17px; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl.total dd { font-size: 20px; } }
/*1000px*/
@media screen and (max-width: 768px) { #plan_ar .plan_ar_frm #title_area .type_name { padding: 10px; max-width: 250px; }
  #plan_ar .plan_ar_frm #title_area .type_name > div { align-items: flex-end; }
  #plan_ar .plan_ar_frm #title_area .type_name > div p.type { font-size: 30px; }
  #plan_ar .plan_ar_frm #title_area .type_name > div p.type span { font-size: 40px; }
  #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 { padding: 10px 5px 7px; min-width: 90px; font-size: 15px; }
  #plan_ar .plan_ar_frm #title_area .tx { font-size: 16px; }
  #plan_ar .plan_ar_frm #ph_area { margin: 40px auto 0; }
  #plan_ar .plan_ar_frm #size_data > dl { width: 33.33%; }
  #plan_ar .plan_ar_frm #size_data > dl dt { font-size: 13px; }
  #plan_ar .plan_ar_frm #size_data > dl dd { padding: 10px 5px 10px; }
  #plan_ar .plan_ar_frm #floor_area { padding-top: 50px; }
  #plan_ar .plan_ar_frm #floor_area > div.draw section { padding: 0; width: 100%; }
  #plan_ar .plan_ar_frm #floor_area > div.draw section:nth-of-type(n+2) { margin-top: 30px; }
  #plan_ar .plan_ar_frm #floor_area > div.draw section > div { max-width: 600px; }
  #plan_ar .plan_ar_frm #floor_area > div.draw section > div h2 { font-size: 14px; }
  #plan_ar .plan_ar_frm #data_area { padding: 20px 10px 20px; }
  #plan_ar .plan_ar_frm #data_area > div .price_total { padding: 15px 10px 13px; }
  #plan_ar .plan_ar_frm #data_area > div .price_total > div p.yen { font-size: 26px; }
  #plan_ar .plan_ar_frm #data_area > div .price_total > div p.detail { padding: 10px 0 0; font-size: 13px; }
  #plan_ar .plan_ar_frm #data_area > div .p_table { max-width: 500px; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .t_area h2 { font-size: 14px; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .t_area .unit_p { font-size: 13px; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .t_area .unit_p span { font-size: 16px; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl { grid-template-columns: minmax(80px, 1fr) 1fr 1fr; grid-auto-rows: auto 1fr; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl dt { padding: 15px 5px 12px; font-size: 14px; grid-column-start: 1; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl dd { padding: 15px 5px 13px; font-size: 15px; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl dd.tubo_tx { font-size: 15px; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl dd.oneset { font-size: 14px; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl.basic { grid-template-columns: 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: 250px 2fr; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl.total { display: -webkit-flex; display: flex; align-items: center; background: #6b6d79; width: 100%; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl.total dt { font-size: 15px; width: 100%; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl.total dd { padding: 15px 10px 13px 5px; width: 40%; font-size: 18px; }
  #plan_ar .plan_ar_frm #data_area > div .p_table.price_other { margin-top: 50px; }
  #plan_ar .plan_ar_frm #data_area > div .p_table.price_other .price_data dl { grid-template-columns: 1fr; }
  #plan_ar .plan_ar_frm #data_area > div .p_table.price_other .price_data dl dt { padding: 12px 10px 10px 5px; }
  #plan_ar .plan_ar_frm #data_area > div .p_table.price_other .price_data dl dd { padding: 10px 5px 5px; } }
/*768px*/
@media screen and (max-width: 390px) { #plan_ar .plan_ar_frm #size_data > dl { width: 50%; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl { grid-template-columns: 75px 1fr 1fr; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl dt { font-size: 13px; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl dd { padding: 15px 3px 13px; font-size: 13px; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl dd.tubo_tx { font-size: 13px; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl dd.oneset { font-size: 13px; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl dd:last-of-type { font-size: 14px; }
  #plan_ar .plan_ar_frm #data_area > div .p_table .price_data dl.total dt { font-size: 13px; }
  #plan_ar .plan_ar_frm #data_area > div .p_table.price_other .price_data dl dd { padding: 15px 10px 13px 5px; } }
/*390px*/
/*--------------------------------------------------------------------------

	工法と構造　共通
	TOPページ
	PSメタル工法
	内外ダブル断熱
	トリプルサッシと気密シート【北海道】
	樹脂窓と気密シート【福岡】
	熱交換換気システム
	全室床暖房【北海道】
	電気式エコ床暖房【福岡】

--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	工法と構造　共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { #method .navi_method > div ul { max-width: 760px; }
  #method .navi_method > div ul li { width: 50%; } }
/*900px*/
@media screen and (max-width: 768px) { #method .top_main { background-size: auto 250px; padding: 40px 10px 0; min-height: 250px; }
  #method .top_main .title_area h2 { font-size: 28px; }
  #method .top_main .title_area ul { margin-top: 20px; }
  #method .top_main .title_area ul li { padding: 6px 10px 0; max-width: 120px; height: 30px; font-size: 13px; }
  #method .top_main .title_area > p { margin-top: 20px; line-height: 1.8; font-size: 18px; }
  #method .top_main .tx_area { margin: 50px auto 0; }
  #method .top_main .tx_area > p { font-size: 14px; }
  #method .top_main .tx_area > p:nth-of-type(n+2) { margin-top: 20px; }
  #method .icon_tx { background-position: left top; padding-left: 15px; font-size: 18px; }
  #method .link_button { margin-top: 50px; }
  #method .link_button a { max-width: 300px; line-height: 60px; font-size: 15px; }
  #method .navi_method > div { margin: 50px auto 0; padding-top: 50px; }
  #method .navi_method > div ul li a p span { font-size: 14px; } }
/*768px*/
@media screen and (max-width: 540px) { #method .navi_method > div ul { max-width: 300px; }
  #method .navi_method > div ul li { padding: 0; width: 100%; }
  #method .navi_method > div ul li:nth-of-type(n+2) { margin-top: 1px; }
  #method .navi_method > div ul li a { background-size: auto 150px; height: 150px; }
  #method .navi_method > div ul li a p span { max-width: 260px; } }
/*540px*/
/*--------------------------------------------------------------------------
	TOPページ
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #method.method_top .method_top_frm .list > div { padding: 0 15px 0 0; }
  #method.method_top .method_top_frm .list > div:nth-of-type(2n) { padding: 0 0 0 15px; }
  #method.method_top .method_top_frm .list > div:nth-of-type(n+3) { margin-top: 60px; }
  #method.method_top .method_top_frm .list > div a > div .ph ul li { padding: 7px 10px 0; min-width: 78px; font-size: 14px; }
  #method.method_top .method_top_frm .list > div a > div .tx { padding: 30px; } }
/*1000px*/
@media screen and (max-width: 768px) { #method.method_top .top_copy { background-size: auto 300px; padding: 0 10px 0; height: 300px; }
  #method.method_top .top_copy > div { padding: 130px 0 0; }
  #method.method_top .top_copy > div p { font-size: 28px; }
  #method.method_top .method_top_frm { margin: 50px auto 0; }
  #method.method_top .method_top_frm .intro h2 { font-size: 22px; }
  #method.method_top .method_top_frm .intro p { margin-top: 20px; font-size: 15px; }
  #method.method_top .method_top_frm .grade { margin: 50px auto 0; padding: 30px 10px 30px; max-width: 500px; }
  #method.method_top .method_top_frm .grade h2 { font-size: 20px; }
  #method.method_top .method_top_frm .grade .image_area { margin-top: 20px; }
  #method.method_top .method_top_frm .grade .image_area .image { margin: 0 auto 0; max-width: 400px; }
  #method.method_top .method_top_frm .grade .image_area .caution { margin: 10px auto 0; max-width: 400px; text-align: left; font-size: 12px; }
  #method.method_top .method_top_frm .list { margin: 50px auto 0; max-width: 500px; }
  #method.method_top .method_top_frm .list > div { padding: 0; width: 100%; }
  #method.method_top .method_top_frm .list > div:nth-of-type(2n) { padding: 0; }
  #method.method_top .method_top_frm .list > div:nth-of-type(n+2) { margin-top: 30px; }
  #method.method_top .method_top_frm .list > div a > div .ph ul li { padding: 2px 10px 0; min-width: 70px; height: 28px; font-size: 13px; }
  #method.method_top .method_top_frm .list > div a > div .tx { padding: 20px 15px 15px; }
  #method.method_top .method_top_frm .list > div a > div .tx h3 { padding: 0 0 10px; font-size: 20px; }
  #method.method_top .method_top_frm .list > div a > div .tx p { margin-top: 15px; }
  #method.method_top .method_top_frm .link_button { margin-top: 50px; padding-top: 50px; }
  #method.method_top #area_h .top_copy { background-image: url("../../method/img/method_main_h_sp.jpg"); background-color: #aaa; }
  #method.method_top #area_k .top_copy { background-image: url("../../method/img_fu/method_main_f_sp.jpg"); } }
/*768px*/
@media screen and (max-width: 480px) { #method.method_top .top_copy { background-size: auto 200px; height: 200px; }
  #method.method_top .top_copy > div { padding: 90px 0 0; }
  #method.method_top .top_copy > div p { font-size: 20px; }
  #method.method_top .method_top_frm .intro h2 { font-size: 20px; }
  #method.method_top .method_top_frm .grade h2 { font-size: 18px; }
  #method.method_top .method_top_frm .list > div a > div .ph ul li { min-width: 65px; }
  #method.method_top .method_top_frm .list > div a > div .tx { padding: 20px; } }
/*480px*/
/*--------------------------------------------------------------------------
	PSメタル工法
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { #method.method_ps .method_frm .item_list { justify-content: center; }
  #method.method_ps .method_frm .item_list > div { padding: 0; width: 100%; }
  #method.method_ps .method_frm .item_list > div:nth-of-type(2n) { padding: 0; }
  #method.method_ps .method_frm .item_list > div:nth-of-type(n+2) { margin-top: 90px; }
  #method.method_ps .method_frm .item_list > div .item .tx .bg_tx { margin: 25px auto 0; }
  #method.method_ps .method_frm .miraie_info > div { background-position: center top; background-size: 300px auto; padding: 230px 0 0; }
  #method.method_ps .method_frm .block_area .block_list { justify-content: center; }
  #method.method_ps .method_frm .block_area .block_list > div { padding: 0; width: 100%; }
  #method.method_ps .method_frm .block_area .block_list > div:nth-of-type(2n) { padding: 0; }
  #method.method_ps .method_frm .block_area .block_list > div:nth-of-type(n+2) { margin-top: 40px; } }
/*900px*/
@media screen and (max-width: 768px) { #method.method_ps .top_main .title_area ul li { max-width: 150px; }
  #method.method_ps .method_frm { margin-top: 70px; }
  #method.method_ps .method_frm .item_list { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center; }
  #method.method_ps .method_frm .item_list > div { padding: 0; width: 100%; max-width: 450px; }
  #method.method_ps .method_frm .item_list > div:nth-of-type(2n) { padding: 0; }
  #method.method_ps .method_frm .item_list > div:nth-of-type(n+2) { margin-top: 50px; }
  #method.method_ps .method_frm .item_list > div .item .tx h2 { margin-top: 30px; }
  #method.method_ps .method_frm .item_list > div .item .tx > p { margin-top: 15px; }
  #method.method_ps .method_frm .item_list > div .item .tx .bg_tx { margin: 20px auto 0; max-width: 300px; }
  #method.method_ps .method_frm .item_list > div .item .tx .bg_tx > p { font-size: 15px; }
  #method.method_ps .method_frm .item_list > div .item .tx .bg_tx > p .number { font-size: 25px; }
  #method.method_ps .method_frm .miraie_info { margin: 50px auto 0; padding: 20px 10px 20px; }
  #method.method_ps .method_frm .miraie_info > div { background-position: center top; background-size: 300px auto; padding: 220px 0 0; }
  #method.method_ps .method_frm .miraie_info > div h2 { font-size: 18px; }
  #method.method_ps .method_frm .miraie_info > div h3 { margin-top: 15px; padding: 10px 10px 5px; font-size: 16px; }
  #method.method_ps .method_frm .miraie_info > div > p { margin-top: 15px; }
  #method.method_ps .method_frm .miraie_info a { margin: 20px auto 0; }
  #method.method_ps .method_frm .block_area { margin-top: 50px; padding-top: 50px; }
  #method.method_ps .method_frm .block_area .block_list { margin-top: 20px; }
  #method.method_ps .method_frm .block_area .block_list > div:nth-of-type(n+2) { margin-top: 20px; }
  #method.method_ps .method_frm .block_area .block_list > div .block { padding: 20px; }
  #method.method_ps .method_frm .block_area .block_list > div .block h2 { font-size: 16px; }
  #method.method_ps .method_frm .block_area .block_list > div .block > p { margin-top: 10px; padding-top: 15px; }
  #method.method_ps .method_frm .insulation { display: block; margin-top: 50px; padding-top: 50px; }
  #method.method_ps .method_frm .insulation .tx { padding: 0; }
  #method.method_ps .method_frm .insulation .tx > p { margin-top: 15px; }
  #method.method_ps .method_frm .insulation .ph { margin: 30px auto 0; max-width: 350px; }
  #method.method_ps #area_h .top_main { background-image: url("../../method/img/ps_metal_top_h_sp.jpg"); }
  #method.method_ps #area_k .top_main { background-image: url("../../method/img_fu/ps_metal_top_f_sp.jpg"); } }
/*768px*/
@media screen and (max-width: 480px) { #method.method_ps .top_main .title_area > p .sp_no { display: none; } }
/*480px*/
/*--------------------------------------------------------------------------
	内外ダブル断熱
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #method.method_in .method_frm .item_list > div .item h2 .tx_sub { display: block; margin-left: -10px; } }
/*1000px*/
@media screen and (max-width: 900px) { #method.method_in .method_frm .item_list { justify-content: center; }
  #method.method_in .method_frm .item_list > div { padding: 0; width: 100%; max-width: 500px; }
  #method.method_in .method_frm .item_list > div:nth-of-type(2n) { padding: 0; }
  #method.method_in .method_frm .item_list > div:nth-of-type(n+2) { margin-top: 95px; }
  #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: 30px; } }
/*900px*/
@media screen and (max-width: 768px) { #method.method_in .method_frm .insu_image { margin-top: 50px; }
  #method.method_in .method_frm .insu_image .ph { margin: 50px auto 0; }
  #method.method_in .method_frm .insu_image .tx { margin: 50px auto 0; }
  #method.method_in .method_frm .insu_image .tx p { font-size: 14px; }
  #method.method_in .method_frm .insu_image .tx p:nth-of-type(n+2) { margin-top: 20px; }
  #method.method_in .method_frm .item_list { margin-top: 50px; padding-top: 50px; }
  #method.method_in .method_frm .item_list > div { max-width: 450px; }
  #method.method_in .method_frm .item_list > div:nth-of-type(n+2) { margin-top: 50px; }
  #method.method_in .method_frm .item_list > div .item h2 .tx_sub { font-size: 13px; }
  #method.method_in .method_frm .item_list > div .item .ph { margin-top: 30px; }
  #method.method_in .method_frm .insulation { display: block; margin-top: 50px; padding-top: 50px; }
  #method.method_in .method_frm .insulation .tx { padding: 0; }
  #method.method_in .method_frm .insulation .tx > p { margin-top: 15px; }
  #method.method_in .method_frm .insulation .ph { margin: 30px auto 0; max-width: 350px; }
  #method.method_in #area_h .top_main { background-image: url("../../method/img/insulation_top_h_sp.jpg"); }
  #method.method_in #area_k .top_main { background-image: url("../../method/img_fu/insulation_top_f_sp.jpg"); } }
/*768px*/
/*--------------------------------------------------------------------------
	トリプルサッシと気密シート【北海道】
	樹脂窓と気密シート【福岡】
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #method.method_sa .method_frm .item_list .item { margin-top: 50px; padding-top: 50px; }
  #method.method_sa .method_frm .item_list .item ul { flex-wrap: wrap; justify-content: center; }
  #method.method_sa .method_frm .item_list .item ul li { padding: 0; width: 100%; max-width: 450px; }
  #method.method_sa .method_frm .item_list .item ul li:last-of-type { margin-top: 30px; padding: 0; }
  #method.method_sa .method_frm .item_list .item .caution { margin-top: 20px; font-size: 11px; }
  #method.method_sa .method_frm .item_list .item h2 + p + ul { margin-top: 40px; }
  #method.method_sa .method_frm .item_list .item.cost ul li:last-of-type p { font-size: 12px; }
  #method.method_sa #area_h .top_main { background-image: url("../../method/img/sash_top_h_sp.jpg"); }
  #method.method_sa #area_k .top_main { background-image: url("../../method/img_fu/sash_top_f_sp.jpg"); } }
/*768px*/
@media screen and (max-width: 480px) { #method.method_sa .top_main .title_area > p br.sp_no { display: none; } }
/*480px*/
/*--------------------------------------------------------------------------
	熱交換換気システム
--------------------------------------------------------------------------*/
@media screen and (max-width: 1100px) { #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) { width: 150px; height: 150px; }
  #method.method_ve .method_frm .block_list { justify-content: center; }
  #method.method_ve .method_frm .block_list > div .block h2 br { display: none; }
  #method.method_ve #area_h .venti_cost .ph { max-width: 650px; } }
/*1100px*/
@media screen and (max-width: 900px) { #method.method_ve .method_frm .block_list { justify-content: center; }
  #method.method_ve .method_frm .block_list > div { padding: 0; width: 100%; }
  #method.method_ve .method_frm .block_list > div:nth-of-type(2n) { padding: 0; }
  #method.method_ve .method_frm .block_list > div:nth-of-type(n+2) { margin-top: 40px; }
  #method.method_ve #area_h .venti_cost { display: block; }
  #method.method_ve #area_h .venti_cost .tx { margin-top: 30px; padding: 0; } }
/*900px*/
@media screen and (max-width: 768px) { #method.method_ve .method_frm .venti_image { margin: 50px auto 0; max-width: 730px; }
  #method.method_ve .method_frm .venti_image .ph:nth-of-type(n+2) { margin-top: 60px; }
  #method.method_ve .method_frm .venti_image .ph .bg_tx { margin-top: 20px; }
  #method.method_ve .method_frm .venti_image .ph .bg_tx > p { max-width: 400px; font-size: 16px; }
  #method.method_ve .method_frm .venti_image .ph:nth-of-type(1) .image { position: static; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-evenly; }
  #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: static; width: 150px; height: 150px; transform: none; }
  #method.method_ve .method_frm .venti_image .ph:nth-of-type(1) .image > p:nth-of-type(3) { margin-top: 30px; width: 100%; }
  #method.method_ve .method_frm .venti_image .ph:nth-of-type(2) .caution { margin-top: 20px; font-size: 12px; }
  #method.method_ve .method_frm .block_list { margin-top: 50px; padding-top: 50px; }
  #method.method_ve .method_frm .block_list > div:nth-of-type(n+2) { margin-top: 20px; }
  #method.method_ve .method_frm .block_list > div .block { padding: 20px 10px 15px 10px; }
  #method.method_ve .method_frm .block_list > div .block h2 { font-size: 16px; }
  #method.method_ve .method_frm .block_list > div .block > p { margin-top: 10px; padding-top: 15px; }
  #method.method_ve #area_h .top_main { background-image: url("../../method/img/ventilation_top_h_sp.jpg"); }
  #method.method_ve #area_h .venti_cost { margin: 50px auto 0; }
  #method.method_ve #area_h .venti_cost .ph { max-width: 450px; }
  #method.method_ve #area_h .venti_cost .tx { font-size: 12px; }
  #method.method_ve #area_k .top_main { background-image: url("../../method/img_fu/ventilation_top_f_sp.jpg"); }
  #method.method_ve #area_k .venti_cost { margin: 50px auto 0; }
  #method.method_ve #area_k .venti_cost .ph { max-width: 450px; } }
/*768px*/
@media screen and (max-width: 480px) { #method.method_ve .top_main .title_area > p br.sp_no { display: none; }
  #method.method_ve .method_frm .venti_image .ph .bg_tx > p { border-radius: 50px; max-width: 300px; font-size: 15px; }
  #method.method_ve .method_frm .venti_image .ph .bg_tx > p .pc_no { display: block; }
  #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) { width: 120px; height: 120px; } }
/*480px*/
/*--------------------------------------------------------------------------
	全室床暖房【北海道】
	電気式エコ床暖房【福岡】
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { #method.method_he #area_h .heat_info .item_list { flex-wrap: wrap; }
  #method.method_he #area_h .heat_info .item_list > div { padding: 0; width: 100%; }
  #method.method_he #area_h .heat_info .item_list > div:last-of-type { margin-top: 50px; padding: 0; }
  #method.method_he #area_h .heat_info .item_list > div .item h2 .sp_no { display: none; }
  #method.method_he #area_h .block_area > div .item > div .block { padding: 20px 10px 15px; }
  #method.method_he #area_h .block_area > div .item > div .block h2 .sp_no { display: none; }
  #method.method_he #area_k .sts ul li { padding: 0 10px 0 0; width: 60%; }
  #method.method_he #area_k .sts ul li:last-of-type { padding: 0 0 0 10px; width: 40%; }
  #method.method_he #area_k .block_list { justify-content: center; }
  #method.method_he #area_k .block_list > div { padding: 0; width: 100%; }
  #method.method_he #area_k .block_list > div:nth-of-type(2n) { padding: 0; }
  #method.method_he #area_k .block_list > div:nth-of-type(n+2) { margin-top: 40px; } }
/*900px*/
@media screen and (max-width: 768px) { #method.method_he #area_h .top_main { background-image: url("../../method/img/heating_top_h_sp.jpg"); }
  #method.method_he #area_h .heat_image { margin: 50px auto 0; max-width: 600px; }
  #method.method_he #area_h .heat_info { margin-top: 50px; padding-top: 50px; }
  #method.method_he #area_h .heat_info .item_list > div .item > p { margin-top: 10px; font-size: 14px; }
  #method.method_he #area_h .heat_info .ph { margin: 50px auto 0; max-width: 600px; }
  #method.method_he #area_h .block_area > div { display: block; margin-top: 50px; padding-top: 50px; }
  #method.method_he #area_h .block_area > div .item { padding: 0; width: 100%; }
  #method.method_he #area_h .block_area > div .item:nth-of-type(1), #method.method_he #area_h .block_area > div .item:nth-of-type(3) { padding: 0; }
  #method.method_he #area_h .block_area > div .item:nth-of-type(1) > div, #method.method_he #area_h .block_area > div .item:nth-of-type(3) > div { margin: 0 auto 0; }
  #method.method_he #area_h .block_area > div .item:nth-of-type(n+2) { margin-top: 20px; }
  #method.method_he #area_h .block_area > div .item > div { margin: 0 auto 0; }
  #method.method_he #area_h .block_area > div .item > div .block h2 { font-size: 16px; }
  #method.method_he #area_h .block_area > div .item > div .block h2 .sp_no { display: none; }
  #method.method_he #area_h .block_area > div .item > div .block > p { margin-top: 10px; padding-top: 15px; }
  #method.method_he #area_h .block_area .caution { margin: 10px auto 0; max-width: 360px; font-size: 12px; }
  #method.method_he #area_k .top_main { background-image: url("../../method/img_fu/heating_top_f_sp.jpg"); }
  #method.method_he #area_k .heat_image { margin: 50px auto 0; }
  #method.method_he #area_k .sts { margin-top: 50px; padding-top: 50px; }
  #method.method_he #area_k .sts h2 { max-width: 450px; font-size: 19px; }
  #method.method_he #area_k .sts h3 { margin-top: 20px; }
  #method.method_he #area_k .sts > p { margin-top: 10px; font-size: 14px; }
  #method.method_he #area_k .block_list { margin-top: 50px; padding-top: 50px; }
  #method.method_he #area_k .block_list > div:nth-of-type(n+2) { margin-top: 20px; }
  #method.method_he #area_k .block_list > div .block { padding: 20px 10px 15px 10px; }
  #method.method_he #area_k .block_list > div .block h2 { font-size: 16px; }
  #method.method_he #area_k .block_list > div .block > p { margin-top: 10px; padding-top: 15px; }
  #method.method_he #area_k .image_ph { margin: 30px auto 0; }
  #method.method_he #area_k .image_ph .caution { margin-top: 10px; font-size: 12px; } }
/*768px*/
@media screen and (max-width: 480px) { #method.method_he .top_main .title_area > p br.sp_no { display: none; }
  #method.method_he #area_k .sts h2 { text-align: center; }
  #method.method_he #area_k .sts h2 .in_blo { display: block; }
  #method.method_he #area_k .sts ul { display: block; }
  #method.method_he #area_k .sts ul li { padding: 0; width: 100%; }
  #method.method_he #area_k .sts ul li:last-of-type { margin: 20px auto 0; padding: 0; width: 80%; } }
/*480px*/
/*--------------------------------------------------------------------------
	【標準仕様】
	共通
	一覧
	内装ドア
	床材
	階段・手すり
	システムキッチン
	ユニットバス
	洗面化粧台
	トイレ
	給湯・暖房機
	内装設備
	壁紙
	玄関ドア
	玄関設備
	サッシ
	外装設備
	外壁
	サイエンスウォーター　【福岡】
	ミラバス・ミラブル　【北海道・福岡】

--------------------------------------------------------------------------*/
/*768px*/
/*640px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { .navi_equipment ul { grid-template-columns: repeat(4, 1fr); } }
/*900px*/
@media screen and (max-width: 768px) { .navi_equipment ul li a { padding: 8px 10px 5px; font-size: 12px; }
  .navi_equipment:last-child { margin-top: 100px; }
  .navi_equipment:last-child::before { top: -50px; } }
/*768px*/
@media screen and (max-width: 640px) { .navi_equipment ul { grid-template-columns: repeat(3, 1fr); } }
/*640px*/
@media screen and (max-width: 480px) { .navi_equipment ul { grid-template-columns: repeat(2, 1fr); } }
/*480px*/
@media screen and (max-width: 768px) { #equipment.equ_sub .equipment_frm { margin: 50px auto 0; }
  #equipment.equ_sub .equipment_frm section > h2 { font-size: 18px; }
  #equipment.equ_sub .equipment_frm section > h2 span.eng { margin-right: 15px; padding: 0 15px 0 0; font-size: 30px; }
  #equipment.equ_sub .equipment_frm section > h2 span:last-of-type { font-size: 18px; }
  #equipment.equ_sub .equipment_frm section .item_frm + .item_frm { margin-top: 50px; padding-top: 50px; }
  #equipment.equ_sub .equipment_frm section .item_title { padding: 0 0 0 10px; }
  #equipment.equ_sub .equipment_frm section .item_title h3 { font-size: 18px; }
  #equipment.equ_sub .equipment_frm section .item_title p.brand img { height: 20px; }
  #equipment.equ_sub .equipment_frm section .item_title p.brand + h3 { margin-top: 10px; }
  #equipment.equ_sub .equipment_frm section .item_title p.over_title { font-size: 18px; }
  #equipment.equ_sub .equipment_frm section .item_comment { margin-top: 20px; padding: 15px 10px 13px; }
  #equipment.equ_sub .equipment_frm section .item_info .b_logo_title .tx { display: block; font-size: 14px; }
  #equipment.equ_sub .equipment_frm section .item_info .b_logo_title .brand { margin-top: 5px; }
  #equipment.equ_sub .equipment_frm section .item_info .b_logo_title .brand img { height: 20px; }
  #equipment.equ_sub .equipment_frm section .item_info p.item_caption { margin-top: 15px; }
  #equipment.equ_sub .equipment_frm section .block_title { margin-bottom: 5px; font-size: 14px; }
  #equipment.equ_sub .equipment_frm section .block_title_sp { margin-bottom: 5px; }
  #equipment.equ_sub .equipment_frm section .var_title { margin-bottom: 3px; font-size: 14px; }
  #equipment.equ_sub .equipment_frm section .var_title_sub { font-size: 13px; }
  #equipment.equ_sub .equipment_frm section .bg_title { font-size: 14px; }
  #equipment.equ_sub .equipment_frm section .block_title_sp { border-left: 4px solid #1c223c; padding: 0 0 0 10px; font-size: 14px; }
  #equipment.equ_sub .equipment_frm section .item_list { margin: 30px auto 0; }
  #equipment.equ_sub .equipment_frm section .item_list .box_sub { margin: 0 auto 0; max-width: 600px; }
  #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: 100%; }
  #equipment.equ_sub .equipment_frm section .item_list .box_sub .items > div:nth-of-type(n+2) { 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 img { display: block; margin-right: auto; margin-left: auto; max-width: 480px; }
  #equipment.equ_sub .equipment_frm section .item_list .box_sub .items.half { margin: 0 auto 0; }
  #equipment.equ_sub .equipment_frm section .item_list .box_sub .items.half > div { padding: 0; }
  #equipment.equ_sub .equipment_frm section .item_list .box_sub .items.half > div:nth-of-type(2n) { padding: 0; }
  #equipment.equ_sub .equipment_frm section .item_list .box_sub .items.half > div:nth-of-type(n+2) { margin-top: 30px; }
  #equipment.equ_sub .equipment_frm section .item_list .box_sub .items.half > div img { display: block; margin-right: auto; margin-left: auto; max-width: 460px; }
  #equipment.equ_sub .equipment_frm section .item_list .box_sub .items.half_full > div:nth-of-type(n+2) { margin-top: 30px; }
  #equipment.equ_sub .equipment_frm section .item_list .box_sub .items.all_full { width: 100%; }
  #equipment.equ_sub .equipment_frm section .item_list .box_sub .items.all_full img { max-width: 100%; } }
/*768px*/
@media screen and (max-width: 480px) { #equipment.equ_sub .equipment_frm section .item_list .box_sub .items > div img { max-width: 100%; }
  #equipment.equ_sub .equipment_frm section .item_list .box_sub .items.half > div img { max-width: 100%; } }
/*480px*/
/*--------------------------------------------------------------------------
	一覧
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #equipment.equ_main .equipment_frm > p { margin-bottom: 40px; }
  #equipment.equ_main .equipment_frm .eng_title { padding-left: 15px; }
  #equipment.equ_main .equipment_frm .eng_title span.tx_jp { padding: 2px 0 0; font-size: 18px; }
  #equipment.equ_main .equipment_frm #idx_list > div a .page_t { background-size: 10px auto; margin-top: 10px; padding: 0 0 0 15px; } }
/*768px*/
@media screen and (max-width: 640px) { #equipment.equ_main .equipment_frm #idx_list { grid-template-columns: repeat(2, 1fr); } }
/*640px*/
/*--------------------------------------------------------------------------
	内装ドア
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #equipment.eq_door .equipment_frm section .item_list .brand_sub { margin: 0 auto 15px; max-width: 620px; font-size: 16px; } }
/*768px*/
/*--------------------------------------------------------------------------
	床材
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #equipment.eq_floor .equipment_frm section .item_list + .item_list { margin-top: 50px; padding: 50px 0 0; }
  #equipment.eq_floor .equipment_frm section .item_list .box_sub.floor_img { max-width: 100%; } }
/*768px*/
/*--------------------------------------------------------------------------
	階段・手すり
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #equipment.eq_stairs .equipment_frm section .item_list .box_sub .items .item_caution { margin: 10px auto 0; max-width: 460px; } }
/*768px*/
/*--------------------------------------------------------------------------
	システムキッチン
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #equipment.eq_kitchen .equipment_frm section .item_list .box_sub .items > div ul li .caution { margin: 5px auto 0; max-width: 460px; }
  #equipment.eq_kitchen .equipment_frm section .item_list .box_sub.cupboard .items > div:nth-of-type(n+2) { margin-top: 30px; } }
/*768px*/
/*--------------------------------------------------------------------------
	ユニットバス
--------------------------------------------------------------------------*/
/*768px*/
/*--------------------------------------------------------------------------
	洗面化粧台
--------------------------------------------------------------------------*/
/*768px*/
/*--------------------------------------------------------------------------
	トイレ
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #equipment.eq_toilet .equipment_frm section .item_list .box_sub .items.half > div ul li img { margin-top: 15px; } }
/*768px*/
/*--------------------------------------------------------------------------
	給湯・暖房機
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #equipment.eq_heating .equipment_frm section .item_frm > h2 { font-size: 23px; }
  #equipment.eq_heating .equipment_frm section .item_list + .item_title { margin-top: 50px; }
  #equipment.eq_heating .equipment_frm section #area_k #item01 .item_list .box_sub.item_bs01 .items > div:nth-of-type(2) img { display: block; margin: 0 auto 0; max-width: 200px; }
  #equipment.eq_heating .equipment_frm section #area_k #item01 .item_list .box_sub.item_bs01 .items > div h4 { font-size: 14px; }
  #equipment.eq_heating .equipment_frm section #area_k #item01 .item_list .box_sub.item_bs02 .items > div { padding: 0; }
  #equipment.eq_heating .equipment_frm section #area_k #item01 .item_list .box_sub.item_bs02 .items > div:nth-of-type(n+2) { margin-top: 40px; }
  #equipment.eq_heating .equipment_frm section #area_k #item01 .item_list .box_sub.item_bs02 .items > div .block_title span { padding: 3px 10px 1px; font-size: 12px; }
  #equipment.eq_heating .equipment_frm section #area_k #item01 .item_list .box_sub.item_bs02 .items > div p + img { display: block; margin: 20px auto 0; max-width: 450px; }
  #equipment.eq_heating .equipment_frm section #area_k #item02 .item_title p.brand img { height: 20px; }
  #equipment.eq_heating .equipment_frm section #area_k #item02 .item_list .box_sub { margin-top: 50px; }
  #equipment.eq_heating .equipment_frm section #area_k #item02 .item_list .box_sub .items { margin-top: 20px; }
  #equipment.eq_heating .equipment_frm section #area_k #item02 .item_list .box_sub .items.l_type_three > div { width: 100%; }
  #equipment.eq_heating .equipment_frm section #area_k #item02 .item_list .box_sub .items.l_type_three > div:nth-of-type(n+2) { margin-top: 30px; }
  #equipment.eq_heating .equipment_frm section #area_k #item02 .item_list .box_sub .items.l_type_three > div ul li { padding: 0; }
  #equipment.eq_heating .equipment_frm section #area_k #item02 .item_list .box_sub .items.l_type_three > div ul li p + img { display: block; margin: 20px auto 0; max-width: 250px; }
  #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.item_bs01 .items > div:first-of-type ul li img { display: block; margin: 0 auto 0; max-width: 350px; } }
/*768px*/
/*--------------------------------------------------------------------------
	内装設備
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #equipment.eq_inner .equipment_frm section .item_list .box_sub + .box_sub { margin-top: 30px; }
  #equipment.eq_inner .equipment_frm section .item_list .between_tx { margin: 0 auto 0; padding: 20px 0 20px; max-width: 460px; }
  #equipment.eq_inner .equipment_frm section #item01 .item_list .box_sub.in_mainimg01 { max-width: 380px; }
  #equipment.eq_inner .equipment_frm section #item02 .item_list .box_sub + .box_sub { margin-top: 0; }
  #equipment.eq_inner .equipment_frm section #item02 .item_list .box_sub:nth-of-type(2) .items > div:nth-of-type(n+2) { margin-top: 50px; }
  #equipment.eq_inner .equipment_frm section #item02 .item_list .box_sub:nth-of-type(3) .items > div:nth-of-type(n+2) { margin-top: 0; }
  #equipment.eq_inner .equipment_frm section #item02 .item_list .box_sub:nth-of-type(3) .items > div ul li { border-top: 1px solid #919191; margin-top: 50px; padding-top: 50px; }
  #equipment.eq_inner .equipment_frm section #item03 .item_list .box_sub + .box_sub { margin-top: 0; }
  #equipment.eq_inner .equipment_frm section #item03 .item_list .box_sub .items > div:nth-of-type(n+2) { margin-top: 0; }
  #equipment.eq_inner .equipment_frm section #item03 .item_list .box_sub .items > div ul li { border-top: 1px solid #919191; margin-top: 50px; padding-top: 50px; }
  #equipment.eq_inner .equipment_frm section #item03 .item_list .box_sub .items > div ul li.item_li01 dl dt { font-size: 13px; }
  #equipment.eq_inner .equipment_frm section #item03 .item_list .box_sub .items > div ul li.item_li01 dl dd .tx_right { font-size: 13px; }
  #equipment.eq_inner .equipment_frm section #item03 .item_list .box_sub .items > div ul li.item_li01 dl dd .tx_right span { padding: 0 0 0 10px; font-size: 30px; } }
/*768px*/
/*--------------------------------------------------------------------------
	壁紙
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #equipment.eq_wall .equipment_frm section .item_list .box_sub { max-width: 700px; }
  #equipment.eq_wall .equipment_frm section .item_list .box_sub .items .wall_items p.brand img { margin: 0; height: 20px; }
  #equipment.eq_wall .equipment_frm section .item_list .box_sub .items.item_wall500 > div + div { margin-top: 30px; } }
/*768px*/
@media screen and (max-width: 640px) { #equipment.eq_wall .equipment_frm section .item_list .box_sub .items .wall_items > div:first-child { padding: 0 15px 0 0; width: 110px; }
  #equipment.eq_wall .equipment_frm section .item_list .box_sub .items.item_wall500 > div .wall_items > div:first-child { padding: 0 15px 0 0; width: 110px; } }
/*640px*/
/*--------------------------------------------------------------------------
	玄関ドア
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #equipment.eq_e-door .equipment_frm section #area_h #item01 .item_list .box_sub .items > div:nth-of-type(n+2) { margin-top: 30px; }
  #equipment.eq_e-door .equipment_frm section #area_h #item02 .item_list .box_sub .items.half > div:nth-of-type(n+2) { margin-top: 40px; }
  #equipment.eq_e-door .equipment_frm section #area_h #item02 .item_list .box_sub .items p + img { margin-top: 20px; }
  #equipment.eq_e-door .equipment_frm section #area_h #item02 .item_list .box_sub .items .caution { font-size: 11px; }
  #equipment.eq_e-door .equipment_frm section #area_k #item01 .item_list .box_sub .items > div:nth-of-type(n+2) { margin-top: 20px; } }
/*768px*/
/*--------------------------------------------------------------------------
	玄関設備
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #equipment.eq_entrance .equipment_frm section .item_list .box_sub .items.half > div.posi_r img { margin: 0 auto 0; }
  #equipment.eq_entrance .equipment_frm section .item_list .box_sub .items.half > div .t_line { margin-bottom: 5px; }
  #equipment.eq_entrance .equipment_frm section .item_list .box_sub .items.half > div .t_line h4 { display: block; font-size: 14px; }
  #equipment.eq_entrance .equipment_frm section .item_list .box_sub .items.half > div .t_line p.brand { display: block; }
  #equipment.eq_entrance .equipment_frm section .item_list .box_sub .items.half > div .t_line p.brand img { margin: 5px 0 0; }
  #equipment.eq_entrance .equipment_frm section .item_list .between_tx { margin: 20px auto 0; max-width: 460px; }
  #equipment.eq_entrance .equipment_frm section #item02 .item_list .box_sub .list_box { display: block; max-width: 600px; }
  #equipment.eq_entrance .equipment_frm section #item02 .item_list .box_sub .list_box > div { width: 100%; }
  #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 { height: 18px; } }
/*768px*/
/*--------------------------------------------------------------------------
	サッシ
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #equipment.eq_sash .equipment_frm section #item01 .item_list .box_sub .items > div:nth-of-type(n+2) { margin-top: 30px; }
  #equipment.eq_sash .equipment_frm section #item02 .item_list .box_sub .items > div:nth-of-type(n+2) { margin-top: 40px; }
  #equipment.eq_sash .equipment_frm section #item02 .item_list .box_sub .items > div img { margin-top: 20px; }
  #equipment.eq_sash .equipment_frm section #item03 .item_list .box_sub .items > div .block_title_sp { font-size: 14px; }
  #equipment.eq_sash .equipment_frm section #item03 .item_list .box_sub .sash_graph { display: block; border: none; border-top: 1px solid #ddd; margin-top: 30px; }
  #equipment.eq_sash .equipment_frm section #item03 .item_list .box_sub .sash_graph div { display: block; padding: 0; }
  #equipment.eq_sash .equipment_frm section #item03 .item_list .box_sub .sash_graph div.graph_img { width: 100%; padding-top: 30px; text-align: center; }
  #equipment.eq_sash .equipment_frm section #item03 .item_list .box_sub .sash_graph div.graph_notes { margin-top: 15px; }
  #equipment.eq_sash .equipment_frm section #item03 .item_list .box_sub .sash_graph div.graph_notes p { font-size: 12px; }
  #equipment.eq_sash .equipment_frm section #item03 .item_list .box_sub .sash_graph div.graph_notes p + p { margin-top: 10px; } }
/*768px*/
/*--------------------------------------------------------------------------
	外装設備
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #equipment.eq_outer .equipment_frm section #area_h #item01 .item_list .box_sub .items .block_title { font-size: 15px; }
  #equipment.eq_outer .equipment_frm section #area_k .item_list .box_sub.item_bs02 .items { max-width: 300px; } }
/*768px*/
/*--------------------------------------------------------------------------
	外壁
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #equipment.eq_o-wall .equipment_frm section .item_list .box_sub { max-width: 460px; }
  #equipment.eq_o-wall .equipment_frm section .item_list .box_sub .items > div .item_li01 ul li { background-position: left top 4px; } }
/*768px*/
@media screen and (max-width: 360px) { #equipment.eq_o-wall .equipment_frm section .item_list .box_sub .items > div .item_li01 { display: block; }
  #equipment.eq_o-wall .equipment_frm section .item_list .box_sub .items > div .item_li01 ul { display: block; }
  #equipment.eq_o-wall .equipment_frm section .item_list .box_sub .items > div .item_li01 ul + ul { margin-top: 10px; }
  #equipment.eq_o-wall .equipment_frm section .item_list .box_sub .items > div .item_li01 ul li { background-position: left top 4px; } }
/*360px*/
/*--------------------------------------------------------------------------
	ミラバス・ミラブル / サイエンスウォーター　【福岡共通】
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #equipment.eq_science .prod_box, #equipment.eq_mira .prod_box { margin: 70px auto 0; }
  #equipment.eq_science .prod_box ul li.item_name, #equipment.eq_mira .prod_box ul li.item_name { margin-top: 20px; }
  #equipment.eq_science .prod_box ul li.item_name > p, #equipment.eq_mira .prod_box ul li.item_name > p { font-size: 14px; }
  #equipment.eq_science .prod_box ul li.item_copy > p, #equipment.eq_mira .prod_box ul li.item_copy > p { padding: 20px 10px 15px; font-size: 20px; }
  #equipment.eq_science .prod_box ul li.item_tx a p:nth-of-type(2), #equipment.eq_mira .prod_box ul li.item_tx a p:nth-of-type(2) { font-size: 15px; } }
/*768px*/
@media screen and (max-width: 480px) { #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: left; }
  #equipment.eq_science .prod_box ul li.item_tx.tx_center > p .tx_set br.sp_no, #equipment.eq_mira .prod_box ul li.item_tx.tx_center > p .tx_set br.sp_no { display: none; } }
/*480px*/
/*--------------------------------------------------------------------------
	サイエンスウォーター　【福岡】
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { #equipment.eq_science .equipment_frm .item_frm > .list > .item#list01 .tb_box > div.block { max-width: 400px; }
  #equipment.eq_science .equipment_frm .item_frm > .list > .item#list02 .tb_box > div.block { max-width: 350px; } }
/*900px*/
@media screen and (max-width: 768px) { #equipment.eq_science .equipment_frm .item_frm .item_title { margin-top: 40px; padding: 0 0 0 10px; }
  #equipment.eq_science .equipment_frm .item_frm .item_title h2 { font-size: 18px; }
  #equipment.eq_science .equipment_frm .item_frm > .list > .item > h2 { background-size: 30px auto; margin-bottom: 20px; padding: 0 10px 15px 45px; font-size: 17px; }
  #equipment.eq_science .equipment_frm .item_frm > .list > .item > h2 > span { vertical-align: sub; }
  #equipment.eq_science .equipment_frm .item_frm > .list > .item > p { margin-top: 20px; }
  #equipment.eq_science .equipment_frm .item_frm > .list > .item > p + .tb_box { margin-top: 20px; }
  #equipment.eq_science .equipment_frm .item_frm > .list > .item .tb_box { display: block; margin-top: 20px; }
  #equipment.eq_science .equipment_frm .item_frm > .list > .item .tb_box > div { padding: 0; }
  #equipment.eq_science .equipment_frm .item_frm > .list > .item .tb_box > div:last-of-type { margin: 30px auto 0; padding: 0; }
  #equipment.eq_science .equipment_frm .item_frm > .list > .item .tb_box > div .point_tx01 { font-size: 15px; }
  #equipment.eq_science .equipment_frm .item_frm > .list > .item .tb_box > div p:nth-of-type(n+2) { margin-top: 20px; }
  #equipment.eq_science .equipment_frm .item_frm > .list > .item#list01 .tb_box > div.block { max-width: 400px; }
  #equipment.eq_science .equipment_frm .item_frm > .list > .item#list02 .tb_box > div.block { max-width: 350px; }
  #equipment.eq_science .equipment_frm .item_frm > .list > .item#list02 .tb_box > div .caution { margin-top: 15px; font-size: 12px; }
  #equipment.eq_science .equipment_frm .item_frm > .list > .item#list03 .tb_box > div { margin: 0 auto 0; width: 100%; max-width: 400px; }
  #equipment.eq_science .equipment_frm .item_frm > .list > .item#list03 .tb_box > div:last-of-type { margin-top: 30px; }
  #equipment.eq_science .equipment_frm .item_frm > .list > .item#list03 .tb_box > div:last-of-type > div { padding: 10px; }
  #equipment.eq_science .equipment_frm .item_frm > .list > .item#list03 .tb_box > div:last-of-type > div p { margin-top: 20px; }
  #equipment.eq_science .equipment_frm .item_frm .caution_tx { margin-top: 30px; font-size: 12px; }
  #equipment.eq_science .equipment_frm .item_frm .bg_area { margin: 30px auto 0; padding: 15px 10px 10px; }
  #equipment.eq_science .equipment_frm .item_frm .bg_area h2 { font-size: 14px; }
  #equipment.eq_science .equipment_frm .item_frm .bg_area p { font-size: 13px; }
  #equipment.eq_science .equipment_frm .box_c { margin-top: 50px; font-size: 11px; }
  #equipment.eq_science .equipment_frm .box_c .logo_img span { max-width: 100px; } }
/*768px*/
@media screen and (max-width: 480px) { #equipment.eq_science .equipment_frm .item_frm .caution_tx { text-align: left; }
  #equipment.eq_science .equipment_frm .item_frm .caution_tx .in_blo { display: inline; } }
/*768px*/
/*--------------------------------------------------------------------------
	ミラバス・ミラブル　【北海道・福岡】
--------------------------------------------------------------------------*/
@media screen and (max-width: 1180px) { #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box > div.block { max-width: 350px; } }
/*1180px*/
@media screen and (max-width: 900px) { #equipment.eq_mira .equipment_frm .item_frm .bg_area .tb_box > div:last-of-type { max-width: 350px; }
  #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list01 .tb_box > div:first-of-type p.ph { max-width: 180px; }
  #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list01 .tb_box > div:first-of-type p.tx { padding: 0 0 0 30px; }
  #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list03 .block_list > div .block_box > div:first-of-type { max-width: 100px; } }
/*900px*/
@media screen and (max-width: 768px) { #equipment.eq_mira .equipment_frm .prod_img { margin: 0 auto 50px; }
  #equipment.eq_mira .equipment_frm .item_frm#type1 { margin-bottom: 50px; padding-bottom: 50px; }
  #equipment.eq_mira .equipment_frm .item_frm .item_title { margin-top: 40px; padding: 0 0 0 10px; }
  #equipment.eq_mira .equipment_frm .item_frm .item_title h2 { font-size: 18px; }
  #equipment.eq_mira .equipment_frm .item_frm .bg_area { margin-top: 20px; padding: 20px 10px 20px; }
  #equipment.eq_mira .equipment_frm .item_frm .bg_area .tb_box { display: block; }
  #equipment.eq_mira .equipment_frm .item_frm .bg_area .tb_box > div > h2 { font-size: 17px; }
  #equipment.eq_mira .equipment_frm .item_frm .bg_area .tb_box > div:last-of-type { margin: 20px auto 0; padding: 0; max-width: 350px; }
  #equipment.eq_mira .equipment_frm .item_frm .bg_area + .list { margin-top: 50px; }
  #equipment.eq_mira .equipment_frm .item_frm > .list > .item { margin-top: 50px; }
  #equipment.eq_mira .equipment_frm .item_frm > .list > .item > h2 { background-size: 30px auto; margin-bottom: 20px; padding: 0 10px 15px 45px; font-size: 17px; }
  #equipment.eq_mira .equipment_frm .item_frm > .list > .item > h2 > span { vertical-align: sub; }
  #equipment.eq_mira .equipment_frm .item_frm > .list > .item > p { margin-top: 20px; }
  #equipment.eq_mira .equipment_frm .item_frm > .list > .item > p + .tb_box { margin-top: 20px; }
  #equipment.eq_mira .equipment_frm .item_frm > .list > .item .color_title01 { margin-bottom: 10px; font-size: 15px; }
  #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box { display: block; margin-top: 20px; }
  #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box > div { padding: 0; }
  #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box > div.block { margin: 0 auto 0; }
  #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box > div.block > div { padding: 10px; }
  #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box > div:first-of-type img { display: block; margin: 0 auto 0; max-width: 400px; }
  #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box > div:last-of-type { margin: 30px auto 0; padding: 0; }
  #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box > div:last-of-type.block { max-width: 400px; }
  #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box > div .point_tx01 { margin: 20px 0 10px; }
  #equipment.eq_mira .equipment_frm .item_frm > .list > .item .tb_box > div .caution { font-size: 12px; }
  #equipment.eq_mira .equipment_frm .item_frm > .list > .item .block_list { display: block; margin-top: 50px; }
  #equipment.eq_mira .equipment_frm .item_frm > .list > .item .block_list > div { padding: 0; width: 100%; }
  #equipment.eq_mira .equipment_frm .item_frm > .list > .item .block_list > div:last-of-type { margin-top: 50px; padding: 0; }
  #equipment.eq_mira .equipment_frm .item_frm > .list > .item .block_list > div > h2 { margin-bottom: 20px; padding: 0 0 10px; font-size: 17px; }
  #equipment.eq_mira .equipment_frm .item_frm > .list > .item .block_list > div > h2 > span { font-size: 13px; }
  #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list01 .tb_box > div:first-of-type { display: block; }
  #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list01 .tb_box > div:first-of-type p.ph { order: 2; margin: 20px auto 0; max-width: 300px; }
  #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list01 .tb_box > div:first-of-type p.tx { order: 1; padding: 0; }
  #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list03 .block_list > div .block_box > div:last-of-type { padding: 0 0 0 20px; }
  #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list03 .block_list > div .block_box > div .caution { margin-top: 10px; font-size: 12px; }
  #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list03 .block_list > div .img_box p.caution { font-size: 12px; }
  #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list03 .block_list .bg_tx { font-size: 14px; }
  #equipment.eq_mira .equipment_frm .box_c { margin-top: 50px; font-size: 11px; }
  #equipment.eq_mira .equipment_frm .box_c .logo_img span { max-width: 100px; } }
/*768px*/
@media screen and (max-width: 640px) { #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list03 .block_list > div .block_box { display: block; }
  #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list03 .block_list > div .block_box:nth-of-type(n+2) { border-top: 1px solid #dddddd; margin-top: 30px; padding-top: 30px; }
  #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list03 .block_list > div .block_box > div:first-of-type { margin: 0 auto 0; max-width: 130px; }
  #equipment.eq_mira .equipment_frm .item_frm#type2 .list > .item#list03 .block_list > div .block_box > div:last-of-type { margin-top: 20px; padding: 0; } }
/*640px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*768px*/
/*640px*/
/*--------------------------------------------------------------------------
	ヘルス&ビューティー
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #healthandbeauty #area_k .health_ab_frm .list .item ul li.item_tx.tx_center > p { text-align: left; }
  #healthandbeauty #area_k .health_ab_frm .list .item ul li.item_tx.tx_center > p .tx_set br.sp_no { display: none; } }
/*1000px*/
@media screen and (max-width: 768px) { #healthandbeauty { padding: 40px 10px 60px; }
  #healthandbeauty .health_ab_frm { padding: 0; }
  #healthandbeauty .health_ab_frm .title_area h2 { max-width: 350px; }
  #healthandbeauty .health_ab_frm .title_area > p { margin: 10px auto 0; font-size: 16px; }
  #healthandbeauty .health_ab_frm .title_area .type { margin-top: 20px; }
  #healthandbeauty .health_ab_frm .title_area .type p { padding: 3px 0 0; max-width: 180px; font-size: 15px; }
  #healthandbeauty .health_ab_frm .intro { margin-top: 40px; }
  #healthandbeauty .health_ab_frm .intro h3 { font-size: 20px; }
  #healthandbeauty .health_ab_frm .intro p { margin-top: 10px; }
  #healthandbeauty .health_ab_frm .list { display: block; margin: 50px auto 0; }
  #healthandbeauty .health_ab_frm .list .item { margin: 0 auto 0; padding: 0; max-width: 510px; }
  #healthandbeauty .health_ab_frm .list .item:last-of-type { margin-top: 70px; padding: 0; }
  #healthandbeauty .health_ab_frm .list .item ul li.item_logo > p { margin: 0 auto 0; max-width: 400px; }
  #healthandbeauty .health_ab_frm .list .item ul li.item_name { margin-top: 20px; }
  #healthandbeauty .health_ab_frm .list .item ul li.item_name > p { font-size: 14px; }
  #healthandbeauty .health_ab_frm .list .item ul li.item_copy > p { padding: 20px 10px 15px; font-size: 20px; }
  #healthandbeauty .health_ab_frm .list .item ul li.item_tx a p:nth-of-type(2) { font-size: 15px; }
  #healthandbeauty .health_ab_frm .box_c { font-size: 11px; }
  #healthandbeauty .health_ab_frm .box_c .logo_img span { max-width: 100px; } }
/*768px*/
@media screen and (max-width: 480px) { #healthandbeauty .health_ab_frm .intro p { text-align: left; }
  #healthandbeauty .health_ab_frm .intro p .in_blo { display: inline; }
  #healthandbeauty .health_ab_frm .intro p br.sp_no { display: none; } }
/*480px*/
/*--------------------------------------------------------------------------
	イオンハウジング苫小牧
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #aeonhousing #service section article h3 .eng { font-size: 26px; }
  #aeonhousing #service section article h3 .jp { font-size: 18px; } }
@media screen and (max-width: 768px) { #aeonhousing .ch_pc { display: none; }
  #aeonhousing .ch_sp { display: block; }
  #aeonhousing #top_catch .catch_comment { max-width: 400px; padding: 20px 10px 20px; }
  #aeonhousing #top_catch .catch_main .c_main { background-image: url("../../aeonhousing/img/toma_top_0808_sp.jpg"); background-size: auto 500px; height: 500px; padding-top: 80px; }
  #aeonhousing #top_catch .catch_main .c_main h1 { max-width: 400px; }
  #aeonhousing #top_catch .catch_main .c_main h2 { max-width: 400px; }
  #aeonhousing #top_catch .catch_main .c_sub { background-image: url("../../aeonhousing/img/toma_top_2_sp.jpg"); background-size: auto 152px; height: 152px; }
  #aeonhousing #comment { margin-bottom: 50px; }
  #aeonhousing #comment h3 { font-size: 20px; }
  #aeonhousing #comment h3 br { display: block; }
  #aeonhousing #comment p { font-size: 15px; text-align: left; }
  #aeonhousing #comment p br.the { display: none; }
  #aeonhousing #service { margin-bottom: 50px; }
  #aeonhousing #service section { margin-bottom: 30px; background: none; }
  #aeonhousing #service section article { width: 100%; max-width: 600px; margin: 0 auto; display: block; }
  #aeonhousing #service section article h3 { display: block; padding: 10px 10px; background: #262f51; }
  #aeonhousing #service section article h3 .eng { font-size: 20px; padding: 0 10px 10px; margin-bottom: 13px; }
  #aeonhousing #service section article h3 .jp { font-size: 16px; }
  #aeonhousing #service section article > div { text-align: center; background: #CCC; }
  #aeonhousing #service section article > div img { margin: 0 auto; }
  #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-size: auto 250px; padding: 0 10px 80px; }
  #aeonhousing #middle .middle01 { max-width: 600px; margin-bottom: 50px; }
  #aeonhousing #middle .middle02_pc { display: none; }
  #aeonhousing #middle .middle02_sp { display: block; max-width: 400px; }
  #aeonhousing .swiper .gr_head { display: block; }
  #aeonhousing .swiper .gr_head .title { font-size: 20px; border-bottom: #b60081 3px solid; padding-bottom: 10px; margin-bottom: 10px; }
  #aeonhousing .swiper .gr_head .btn { text-align: right; margin-bottom: 10px; }
  #aeonhousing #movie { margin-bottom: 80px; }
  #aeonhousing #movie h3 { font-size: 24px; margin-bottom: 20px; }
  #aeonhousing #movie article > div { margin-bottom: 30px; }
  #aeonhousing #movie article > div p { font-size: 18px; padding-top: 0; }
  #aeonhousing #movie article > div p span { font-size: 16px; padding-top: 10px; }
  #aeonhousing #staff { margin-bottom: 60px; }
  #aeonhousing #staff h3 { font-size: 20px; margin-bottom: 25px; letter-spacing: 0.1em; }
  #aeonhousing #staff article { flex-wrap: wrap; gap: 20px 4%; padding: 0 10px; }
  #aeonhousing #staff article a { display: block; width: 48%; }
  #aeonhousing #staff.many article { grid-template-columns: repeat(2, 1fr); margin: 0 auto 10px; }
  #aeonhousing #staff.many article a { width: 100%; }
  #aeonhousing #map { margin-bottom: 80px; }
  #aeonhousing #map section { margin-bottom: 60px; }
  #aeonhousing #map section h3 { max-width: 600px; margin-bottom: 0; }
  #aeonhousing #map section h4 { font-size: 18px; margin-bottom: 20px; line-height: 1.3; }
  #aeonhousing #map section h4 span { margin-left: 0; display: block; }
  #aeonhousing #map section .tell { margin-bottom: 20px; }
  #aeonhousing #map section .tell a { pointer-events: none; }
  #aeonhousing #map section .tell span { font-size: 26px; background-size: auto 26px; padding-left: 40px; }
  #aeonhousing #map section address { font-size: 16px; margin-bottom: 20px; }
  #aeonhousing #map section address span { margin-right: 0; display: block; }
  #aeonhousing #map section .time { font-size: 14px; }
  #aeonhousing #map section .time span.num { font-size: 20px; }
  #aeonhousing #map #map_canvas { height: 300px; }
  #aeonhousing #link { padding: 0 10px 50px; }
  #aeonhousing #link p { font-size: 16px; margin-bottom: 30px; }
  #aeonhousing #link p br { display: block; }
  #aeonhousing #link a { height: 70px; padding-top: 18px; }
  #aeonhousing #link a span { display: inline-block; background: url("../../aeonhousing/img/toma_link.png") right top 8px no-repeat; background-size: 18px auto; font-size: 20px; font-weight: 700; padding-right: 25px; } }
/*----------------------------------------
キャンペーン
----------------------------------------*/
@media screen and (max-width: 1200px) { #aeonhousing #campaign .cp_body .cp_inner section h4 { letter-spacing: 0.1em; }
  #aeonhousing #campaign .cp_body .cp_inner section article { background: #FFF; display: block; padding: 60px 20px; }
  #aeonhousing #campaign .cp_body .cp_inner section article.first > div { width: 100%; max-width: 770px; text-align: left; padding: 30px 30px 30px; border-radius: 10px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin: 0 auto; transition-delay: 0s; }
  #aeonhousing #campaign .cp_body .cp_inner section article.first > div div { margin: 0; }
  #aeonhousing #campaign .cp_body .cp_inner section article.first > div p { padding: 0 0 0 40px; }
  #aeonhousing #campaign .cp_body .cp_inner section article.first > div:first-child { margin-bottom: 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; margin: 0 auto; }
  #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 { padding: 25px 270px 25px 100px; }
  #aeonhousing #campaign .cp_body .cp_inner section > div ul { display: block; }
  #aeonhousing #campaign .cp_body .cp_inner section > div ul li { width: 100%; margin-bottom: 20px; transition-delay: 0s; }
  #aeonhousing #campaign .cp_body .cp_inner section > div ul li:last-child { margin-bottom: 0; } }
@media screen and (max-width: 768px) { #aeonhousing #campaign { margin-bottom: 80px; }
  #aeonhousing #campaign .cp_head { padding: 40px 10px 0; }
  #aeonhousing #campaign .cp_head h3 { max-width: 610px; }
  #aeonhousing #campaign .cp_head p { padding-top: 15px; margin: 30px auto 30px; font-size: 23px; }
  #aeonhousing #campaign .cp_head p span { display: inline-block; }
  #aeonhousing #campaign .subtitle { padding: 30px 20px 20px; font-size: 26px; }
  #aeonhousing #campaign .subtitle span { display: inline-block; }
  #aeonhousing #campaign .cp_body { padding-top: 40px; }
  #aeonhousing #campaign .cp_body .cp_inner h3 { max-width: 660px; margin: 0 auto 40px; }
  #aeonhousing #campaign .cp_body .cp_inner section + section { margin-top: 30px; }
  #aeonhousing #campaign .cp_body .cp_inner section h4 { font-size: 19px; padding: 15px 10px 20px; }
  #aeonhousing #campaign .cp_body .cp_inner section article { background: #FFF; display: block; padding: 30px 20px; font-size: 16px; font-weight: 500; }
  #aeonhousing #campaign .cp_body .cp_inner section article.first > div { padding: 20px 20px 20px; }
  #aeonhousing #campaign .cp_body .cp_inner section article.first > div div { width: 100px; min-width: 100px; }
  #aeonhousing #campaign .cp_body .cp_inner section article.first > div p { padding-left: 20px; }
  #aeonhousing #campaign .cp_body .cp_inner section article.first > div p br { display: none; }
  #aeonhousing #campaign .cp_body .cp_inner section article.first > div:first-child { margin-bottom: 20px; }
  #aeonhousing #campaign .cp_body .cp_inner section article.second > div { padding: 20px 20px 20px; }
  #aeonhousing #campaign .cp_body .cp_inner section article.second > div div { width: 100px; min-width: 100px; }
  #aeonhousing #campaign .cp_body .cp_inner section article.second > div p { padding-left: 20px; }
  #aeonhousing #campaign .cp_body .cp_inner section article.second > div p br { display: none; }
  #aeonhousing #campaign .cp_body .cp_inner section > div { background-size: 100px auto; padding: 25px 20px 150px; }
  #aeonhousing #campaign .cp_body .cp_inner section > div ul li { padding: 20px 20px; font-size: 16px; text-align: left; }
  #aeonhousing #campaign .cp_body .cp_inner > img { width: 100%; max-width: 300px; display: block; margin: 30px auto 0; }
  #aeonhousing #campaign .cp_foot { font-size: 23px; padding: 10px 10px 15px; }
  #aeonhousing #campaign .cp_foot span { display: inline-block; } }

/*# sourceMappingURL=sp_03.css.map */