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

	共通

	商品案内
	「窓」豆知識 共通
	「窓」豆知識 TOP
	「窓」豆知識 寒さ対策
	「窓」豆知識 防犯対策
	「窓」豆知識 お手入れ方法
	「窓」豆知識 よくある質問 一覧ページ
	「窓」豆知識 よくある質問 詳細ページ

	簡単リフォーム
	修理・メンテナンス
	工事の流れ

--------------------------------------------------------------------------*/
/*1000px*/
/*768px*/
/*640px*/
/*480px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*640px*/
/*--------------------------------------------------------------------------
	商品案内
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #item_top .frm { column-gap: 30px; }
  #item_top .frm > section { margin: 0; width: calc((100% - 30px) / 2); } }
/*1000px*/
@media screen and (max-width: 640px) { #item_top .frm { column-gap: 20px; }
  #item_top .frm .intro_parts_box { margin: 0 auto 40px auto; }
  #item_top .frm > section { width: calc((100% - 20px) / 2); }
  #item_top .frm > section:nth-of-type(n+3) { margin: 50px 0 0 0; }
  #item_top .frm > section img { padding: 20px; }
  #item_top .frm > section div { padding: 15px 15px 0 15px; }
  #item_top .frm > section div h3 { padding: 0 0 0 30px; background: url("../img/icon_all.png") no-repeat left top 10px; background-size: 17px auto; font-size: 20px; }
  #item_top .frm > section div p { padding: 12px 0 0 0; } }
/*640px*/
@media screen and (max-width: 500px) { #item_top .frm { column-gap: 0; }
  #item_top .frm > section { width: 100%; }
  #item_top .frm > section:nth-of-type(n+2), #item_top .frm > section:nth-of-type(n+3) { margin: 50px 0 0 0; } }
/*500px*/
/*--------------------------------------------------------------------------
	「窓」豆知識 共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { .page_sub_menu.nav_onepoint ul { flex-wrap: wrap; row-gap: 10px; }
  .page_sub_menu.nav_onepoint ul li a { padding: 20px 5px 15px 5px; }
  .page_sub_menu.nav_onepoint ul li a img { max-width: 60px; } }
/*900px*/
@media screen and (max-width: 640px) { .page_sub_menu.nav_onepoint ul li a { padding: 15px 5px; font-size: 13px; }
  .page_sub_menu.nav_onepoint ul li a img { max-width: 50px; }
  .page_sub_menu.nav_onepoint ul li a h3 { margin: 10px 0 0 0; font-size: 18px; }
  .page_sub_menu.nav_onepoint ul li a p { display: none; }
  .onepoint_sub .frm .page_sub_menu.nav_onepoint { margin: 0 0 60px 0; }
  .onepoint_sub .frm .page_sub_menu.nav_onepoint ul li a { padding: 5px 5px; }
  .onepoint_sub .frm .page_sub_menu.nav_onepoint ul li a img { max-width: 30px; }
  .onepoint_sub .frm .page_sub_menu.nav_onepoint ul li a h3 { margin: 2px 0 0 0; font-size: 14px; } }
/*640px*/
@media screen and (max-width: 480px) { .page_sub_menu.nav_onepoint ul li { width: 100%; }
  .page_sub_menu.nav_onepoint ul li:nth-of-type(n+2), .page_sub_menu.nav_onepoint ul li:nth-of-type(n+3) { width: calc((100% - 10px) / 2); } }
/*480px*/
@media screen and (max-width: 420px) { .onepoint_sub .frm .page_sub_menu.nav_onepoint ul li a h3 { font-size: 13px; letter-spacing: 0.04em; } }
/*420px*/
/*--------------------------------------------------------------------------
	「窓」豆知識 詳細ページ共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 800px) { .onepoint_sub .box_ar02.line02 { column-gap: 20px; }
  .onepoint_sub .box_ar02.line02 .item { width: calc((100% - 20px) / 2); } }
/*800px*/
@media screen and (max-width: 640px) { .onepoint_sub > .frm .page_sub_menu.nav_onepoint { margin: 0 0 70px 0; }
  .onepoint_sub > .frm > section > div { max-width: 600px; }
  .onepoint_sub .cap_cat { margin: 0 0 30px 0; padding: 0 0 15px 0; font-size: 21px; }
  .onepoint_sub .cap_cat > span { padding: 0 0 0 24px; line-height: 1.4; }
  .onepoint_sub .cap_ar { margin: 0 0 20px 0; padding: 10px 15px; }
  .onepoint_sub .cap_ar > span { background: url("../img/icon_all.png") no-repeat left top 3px; background-size: 17px auto; font-size: 18px; }
  .onepoint_sub .cap_part { padding: 0 0 15px 0; }
  .onepoint_sub .cap_part span.main { margin: 0 15px 0 0; padding: 0 0 0 18px; font-size: 18px; }
  .onepoint_sub .cap_part span.main::after { top: 4px; }
  .onepoint_sub .cap_part span.sub { margin: 4px 0 0 0; font-size: 12px; }
  .onepoint_sub .cap_att { margin: 0 0 15px 0; padding: 0 0 0 28px; background: url("../../onepoint/img/bg_care01.png") no-repeat left top 2px; background-size: 17px auto; font-size: 17px; }
  .onepoint_sub .box_ar { padding: 15px 15px 20px 15px; }
  .onepoint_sub .box_ar .sbj { padding: 0 0 5px 0; font-size: 17px; }
  .onepoint_sub .box_ar dl dt { font-size: 15px; }
  .onepoint_sub .box_ar02.line02 { column-gap: 15px; }
  .onepoint_sub .box_ar02.line02 .item { width: calc((100% - 15px) / 2); }
  .onepoint_sub .box_ar02.line03 { column-gap: 15px; }
  .onepoint_sub .box_ar02.line03 .item { width: calc((100% - 15px) / 2); }
  .onepoint_sub .box_ar02.line03 .item:nth-of-type(n+3) { margin: 30px 0 0 0; } }
/*640px*/
@media screen and (max-width: 540px) { .onepoint_sub .box_ar02.line02 { column-gap: 0; }
  .onepoint_sub .box_ar02.line02 .item { width: 100%; }
  .onepoint_sub .box_ar02.line02 .item:nth-of-type(n+2) { margin: 30px 0 0 0; }
  .onepoint_sub .box_ar02.line03 { column-gap: 0; }
  .onepoint_sub .box_ar02.line03 .item { width: 100%; }
  .onepoint_sub .box_ar02.line03 .item:nth-of-type(n+2), .onepoint_sub .box_ar02.line03 .item:nth-of-type(n+3) { margin: 30px 0 0 0; } }
/*480px*/
/*--------------------------------------------------------------------------
	「窓」豆知識 TOP
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { .page_sub_menu.nav_onepoint ul li { width: calc((100% - 10px) / 2); }
  .page_sub_menu.nav_onepoint ul li:nth-of-type(n+3) { width: calc((100% - 20px) / 3); } }
/*900px*/
@media screen and (max-width: 640px) { #onepoint .frm .page_sub_menu.nav_onepoint { margin: 40px 0 0 0; padding: 30px 0 0 0; }
  #onepoint .frm .page_sub_menu.nav_onepoint ul li a p { display: block; } }
/*640px*/
@media screen and (max-width: 540px) { #onepoint .frm .page_sub_menu.nav_onepoint ul li { width: 100%; }
  #onepoint .frm .page_sub_menu.nav_onepoint ul li:nth-of-type(n+2), #onepoint .frm .page_sub_menu.nav_onepoint ul li:nth-of-type(n+3) { width: calc((100% - 10px) / 2); } }
/*540px*/
/*--------------------------------------------------------------------------
	「窓」豆知識 寒さ対策
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #onepoint_cold > .frm .list01 .box .ar { padding: 0 30px 0 0; } }
/*1000px*/
@media screen and (max-width: 800px) { #onepoint_cold > .frm .list01 .box .ar, #onepoint_cold > .frm .list01 .box .ph { display: block; width: 100%; }
  #onepoint_cold > .frm .list01 .box .ar { padding: 0 0 40px 0; }
  #onepoint_cold > .frm .list01 .box .ph { width: 100%; }
  #onepoint_cold > .frm .list01 .box .ph dl { margin: 0 0 20px 0; }
  #onepoint_cold > .frm .list05 .box_ar02 { column-gap: 20px; }
  #onepoint_cold > .frm .list05 .box_ar02 .item { width: calc((100% - 20px) / 2); }
  #onepoint_cold > .frm .list05 .box_ar02 .item:last-of-type { margin: 30px 0 0 0; } }
/*800px*/
@media screen and (max-width: 640px) { #onepoint_cold > .frm > section, #onepoint_cold > .frm .list03 { margin: 70px auto 0 auto; }
  #onepoint_cold > .frm .list01 { margin: 0 auto; }
  #onepoint_cold > .frm .list01 .box .ar { padding: 0 0 20px 0; }
  #onepoint_cold > .frm .list01 .box .ph { padding: 14px 20px; }
  #onepoint_cold > .frm .list01 .box .ph dl dd { font-sizet: 13px; }
  #onepoint_cold > .frm .list05 .box_ar02 { column-gap: 15px; }
  #onepoint_cold > .frm .list05 .box_ar02 .item { width: calc((100% - 15px) / 2); } }
/*640px*/
@media screen and (max-width: 540px) { #onepoint_cold > .frm .list05 .box_ar02 { column-gap: 0; }
  #onepoint_cold > .frm .list05 .box_ar02 .item { width: 100%; }
  #onepoint_cold > .frm .list05 .box_ar02:nth-of-type(n+2), #onepoint_cold > .frm .list05 .box_ar02:nth-of-type(n+3) { margin: 30px 0 0 0; } }
/*540px*/
/*--------------------------------------------------------------------------
	「窓」豆知識 結露対策
--------------------------------------------------------------------------*/
/*1000px*/
@media screen and (max-width: 800px) { #onepoint_dew .box_flow .step br { display: none; }
  #onepoint_dew > .frm .list03 .box { flex-wrap: wrap; column-gap: 0; }
  #onepoint_dew > .frm .list03 .box dl { width: 100%; }
  #onepoint_dew > .frm .list03 .box dl:not(:first-of-type) { margin: 20px auto 0 auto; }
  #onepoint_dew > .frm .list05 .box_ar02 { column-gap: 20px; }
  #onepoint_dew > .frm .list05 .box_ar02 .item { width: calc((100% - 20px) / 2); }
  #onepoint_dew > .frm .list05 .box_ar02 .item:last-of-type { margin: 30px 0 0 0; } }
/*800px*/
@media screen and (max-width: 640px) { #onepoint_dew .box_flow .step { font-size: 15px; }
  #onepoint_dew > .frm > section { margin: 70px auto 0 auto; }
  #onepoint_dew > .frm .list03 .box dl { padding: 14px 20px; }
  #onepoint_dew > .frm .list03 .box dl dt { padding: 0 0 5px 0; font-size: 17px; }
  #onepoint_dew > .frm .list05 .box_ar02 { column-gap: 15px; }
  #onepoint_dew > .frm .list05 .box_ar02 .item { width: calc((100% - 15px) / 2); } }
/*640px*/
@media screen and (max-width: 540px) { #onepoint_dew .box_flow { margin: 30px auto 0 auto; padding-right: 20px; column-gap: 0; }
  #onepoint_dew .box_flow .step { width: 100%; justify-content: flex-start; min-height: auto; }
  #onepoint_dew .box_flow .step:not(:first-of-type) { margin: 10px 0 0 0; }
  #onepoint_dew .box_flow .step::after { position: absolute; top: 0; right: calc(var(--arrow-width) * -1); width: var(--arrow-width); height: 100%; background: var(--bg-color); content: ""; clip-path: polygon(0 0, 100% 50%, 0 100%); }
  #onepoint_dew > .frm .list05 .box_ar02 { column-gap: 0; }
  #onepoint_dew > .frm .list05 .box_ar02 .item { width: 100%; }
  #onepoint_dew > .frm .list05 .box_ar02:nth-of-type(n+2), #onepoint_dew > .frm .list05 .box_ar02:nth-of-type(n+3) { margin: 30px 0 0 0; } }
/*540px*/
/*--------------------------------------------------------------------------
	「窓」豆知識 防犯対策
--------------------------------------------------------------------------*/
@media screen and (max-width: 800px) { #onepoint_prevention > .frm .list02 .box .ar, #onepoint_prevention > .frm .list02 .box .ph { display: block; width: 100%; }
  #onepoint_prevention > .frm .list02 .box .ar { padding: 0 0 40px 0; }
  #onepoint_prevention > .frm .list02 .box .ph { width: 100%; }
  #onepoint_prevention > .frm .list02 .box .ph dl { margin: 0 0 20px 0; } }
/*800px*/
@media screen and (max-width: 640px) { #onepoint_prevention > .frm > section { margin: 70px auto 0 auto; }
  #onepoint_prevention > .frm .cap_ar { margin: 0 0 20px 0; }
  #onepoint_prevention > .frm .cap_part { margin: 0 0 25px 0; }
  #onepoint_prevention > .frm .box_ar02 { font-size: 13px; }
  #onepoint_prevention > .frm .box_ar02 .item .ph dl { margin: 0 0 10px 0; }
  #onepoint_prevention > .frm .box_ar02 .item .ph dl dt { margin: 0 0 8px 0; padding: 0 0 10px 0; }
  #onepoint_prevention > .frm .list01 { margin: 30px auto 0 auto; }
  #onepoint_prevention > .frm .list02 .box .ar { padding: 0 0 25px 0; }
  #onepoint_prevention > .frm .list02 .box .ar dl dt { margin: 15px 0 0 0; font-size: 16px; }
  #onepoint_prevention > .frm .list05 { margin: 80px auto 0 auto; }
  #onepoint_prevention > .frm .list05 .box_ar02 .item:nth-of-type(n+3), #onepoint_prevention > .frm .list05 .box_ar02 .item:nth-of-type(n+4) { margin: 30px 0 0 0; }
  #onepoint_prevention > .frm .list06 { margin: 85px auto 0 auto; } }
/*640px*/
/*--------------------------------------------------------------------------
	「窓」豆知識 お手入れ方法
--------------------------------------------------------------------------*/
@media screen and (max-width: 800px) { #onepoint_care > .frm .list09 .box_ar02 { margin: 30px 0 0 0; column-gap: 20px; }
  #onepoint_care > .frm .list09 .box_ar02 .item { width: calc((100% - 20px) / 2); }
  #onepoint_care > .frm .list09 .box_ar02 .item:last-of-type { margin: 30px 0 0 0; width: 100%; }
  #onepoint_care > .frm .list09 .box_ar02 .item .ph { margin: 0; }
  #onepoint_care > .frm .list11 .box_ar02 .item .ph { height: 240px; } }
/*800px*/
@media screen and (max-width: 700px) { #onepoint_care > .frm .list11 .box_ar02 .item .ph img { max-width: 240px; } }
/*700px*/
@media screen and (max-width: 640px) { #onepoint_care > .frm > section { margin: 70px auto 0 auto; }
  #onepoint_care > .frm .box_ar02 { line-height: 1.6; font-size: 13px; }
  #onepoint_care > .frm .list01 .cap_att { margin: 20px 0 15px 0; }
  #onepoint_care > .frm .list09 .box_ar02 .item dl:not(:first-of-type) { margin: 15px 0 0 0; }
  #onepoint_care > .frm .list09 .box_ar02 .item dl dt { font-size: 15px; }
  #onepoint_care > .frm .list10 .box_ar02 .item .ph img { max-width: 320px; }
  #onepoint_care > .frm .list10 .box_ar02 .item dl:not(:first-of-type) { margin: 20px 0 0 0; }
  #onepoint_care > .frm .list10 .box_ar02 .item dl dt { font-size: 15px; }
  #onepoint_care > .frm .list11 .box_ar02 .item:not(:last-of-type) .ph { height: 170px; }
  #onepoint_care > .frm .list11 .box_ar02 .item .ph img { max-width: 200px; }
  #onepoint_care > .frm .list11 .box_ar02 .item dl dt { font-size: 15px; } }
/*640px*/
@media screen and (max-width: 540px) { #onepoint_care > .frm .list01 > div .box_ar .ar, #onepoint_care > .frm .list01 > div .box_ar .ph { display: block; width: 100%; }
  #onepoint_care > .frm .list01 > div .box_ar .ph { margin: 0 auto; padding: 30px 0 0 0; width: 100%; max-width: 140px; }
  #onepoint_care > .frm .list06 .box .ar, #onepoint_care > .frm .list06 .box .ph { display: block; width: 100%; }
  #onepoint_care > .frm .list06 .box .ph { margin: 30px auto 0 auto; padding: 20px 10px; border: 1px solid #849cbb; width: 100%; }
  #onepoint_care > .frm .list06 .box .ph img { margin: 0 auto; padding: 0; border: none; display: block; width: 100%; max-width: 240px; }
  #onepoint_care > .frm .list09 .box_ar02 { column-gap: 0; }
  #onepoint_care > .frm .list09 .box_ar02 .item { width: 100%; }
  #onepoint_care > .frm .list09 .box_ar02 .item:nth-of-type(2) { margin: 10px 0 0 0; }
  #onepoint_care > .frm .list11 .box_ar02 .item:not(:last-of-type) .ph { height: auto; }
  #onepoint_care > .frm .list11 .box_ar02 .item .ph { height: auto; } }
/*540px*/
/*--------------------------------------------------------------------------
	「窓」豆知識 よくある質問 一覧ページ
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { #onepoint_qanda > .frm > section + section { margin: 60px auto 0 auto; }
  #onepoint_qanda > .frm > section ul li a { padding: 20px 28px 15px 50px; border-bottom: 1px solid #cccbc9; display: block; line-height: 1.8; width: 100%; background: url("../../onepoint/img/bg_qanda01.png") no-repeat left 15px top 22px; background-size: 23px auto; font-size: 15px; } }
/*640px*/
/*--------------------------------------------------------------------------
	「窓」豆知識 よくある質問 詳細ページ
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { #onepoint_qanda_ar > .frm > section > div .q_list { margin: 0 0 15px 0; padding: 0 0 0 28px; background: url("../../onepoint/img/bg_qanda01.png") no-repeat left top 10px; background-size: 17px auto; font-size: 17px; }
  #onepoint_qanda_ar > .frm > section > div .box_ar { margin: 0 auto 50px auto; }
  #onepoint_qanda_ar > .frm > section > div .box_ar p:not(:first-of-type) { margin: 15px 0 0 0; } }
/*640px*/
/*--------------------------------------------------------------------------
	簡単リフォーム
--------------------------------------------------------------------------*/
@media screen and (max-width: 1100px) { #reform_top .nav .page_sub_menu ul { display: flex; column-gap: 20px; }
  #reform_top .nav .page_sub_menu ul li { width: calc((100% - 40px) / 3); }
  #reform_top .nav .page_sub_menu ul li a { padding: 30px 15px 30px 120px; background-position: left 15px center; background-size: 90px auto; font-size: 19px; min-height: 150px; letter-spacing: 0.04em; }
  #reform_top .nav .page_sub_menu ul li a > span { padding: 0 0 24px 0; display: inline-block; } }
/*1100px*/
@media screen and (max-width: 1000px) { #reform_top .step_list .step { column-gap: 15px; }
  #reform_top .step_list .step .item { padding: 20px 15px; width: calc((100% - 15px) / 2); }
  #reform_top .step_list .step .item .ph { width: 140px; } }
/*1000px*/
@media screen and (max-width: 800px) { #reform_top .nav .page_sub_menu ul li a { padding: 120px 15px 20px 15px; background-position: top 20px center; background-size: 100px auto; }
  #reform_top .nav .page_sub_menu ul li a > span { padding: 0 0 18px 0; }
  #reform_top .step_list .step { column-gap: 0; }
  #reform_top .step_list .step .item { margin: 15px 0 0 0; width: 100%; }
  #reform_top .step_list .step .item:nth-of-type(n+2), #reform_top .step_list .step .item:nth-of-type(n+3) { margin: 15px 0 0 0; } }
/*800px*/
@media screen and (max-width: 640px) { #reform_top .intro { margin: 0 0 30px 0; }
  #reform_top .intro h3 { margin: 0 0 5px 0; padding: 0 0 0 30px; background: url("../img/icon_all.png") no-repeat left top 10px; background-size: 17px auto; font-size: 21px; }
  #reform_top .nav { margin: 0 0 70px 0; }
  #reform_top .nav h3 { margin: 0 0 10px 0; font-size: 17px; font-weight: 700; }
  #reform_top .nav .page_sub_menu ul { column-gap: 10px; }
  #reform_top .nav .page_sub_menu ul li { width: calc((100% - 20px) / 3); }
  #reform_top .nav .page_sub_menu ul li a { padding: 90px 0 15px 0; background-position: top 15px center; background-size: 70px auto; font-size: 17px; min-height: inherit; }
  #reform_top .nav .page_sub_menu ul li a > span { padding: 0 0 14px 0; }
  #reform_top .step_list + .step_list { margin: 70px 0 0 0; }
  #reform_top .step_list .sbj { margin: 0 0 25px 0; padding: 0 0 0 24px; }
  #reform_top .step_list .sbj::after { top: 7px; bottom: 2px; }
  #reform_top .step_list .sbj h3 { font-size: 21px; }
  #reform_top .step_list .sbj h4 { margin: 12px 0 0 0; padding: 12px 0 0 0; font-size: 15px; }
  #reform_top .step_list .period { max-width: 640px; }
  #reform_top .step_list .period h4, #reform_top .step_list .period div { padding: 15px 8px; }
  #reform_top .step_list .period h4 img, #reform_top .step_list .period div img { max-width: 140px; }
  #reform_top .step_list .step h4 { font-size: 15px; }
  #reform_top .step_list .step .item .ph { width: 130px; }
  #reform_top .step_list .step .item .cap h5 { padding: 0 0 8px 0; font-size: 14px; }
  #reform_top .step_list .step .item .cap h5 + p { margin: 5px 0 0 0; } }
/*640px*/
@media screen and (max-width: 540px) { #reform_top .nav .page_sub_menu ul { column-gap: 5px; }
  #reform_top .nav .page_sub_menu ul li { width: calc((100% - 10px) / 3); }
  #reform_top .nav .page_sub_menu ul li a { font-size: 15px; letter-spacing: 0.02em; } }
/*540px*/
@media screen and (max-width: 420px) { #reform_top .nav .page_sub_menu ul li a { font-size: 14px; letter-spacing: 0; } }
/*420px*/
/*--------------------------------------------------------------------------
	修理・メンテナンス
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #mainte .frm .page_sub_menu ul { column-gap: 10px; }
  #mainte .frm .page_sub_menu ul li { width: calc((100% - 30px) / 4); }
  #mainte .frm .page_sub_menu ul li a { padding: 20px 5px; font-size: 18px; min-height: 110px; }
  #mainte .frm > section .ph_box.line02 { column-gap: 20px; }
  #mainte .frm > section .ph_box.line02 .item { width: calc((100% - 20px) / 2); }
  #mainte .frm > section .ph_box.line03 { column-gap: 20px; }
  #mainte .frm > section .ph_box.line03 .item { width: calc((100% - 14px) / 3); } }
/*1000px*/
@media screen and (max-width: 640px) { #mainte .frm > h3 { margin: 0 0 5px 0; padding: 0 0 0 30px; background: url("../img/icon_all.png") no-repeat left top 10px; background-size: 17px auto; font-size: 21px; }
  #mainte .frm .page_sub_menu { margin: 20px 0 50px 0; }
  #mainte .frm .page_sub_menu ul { column-gap: 10px; }
  #mainte .frm .page_sub_menu ul li { width: calc((100% - 10px) / 2); }
  #mainte .frm .page_sub_menu ul li:nth-of-type(n+3) { margin: 10px 0 0 0; }
  #mainte .frm .page_sub_menu ul li a { padding: 5px; font-size: 13px; font-weight: 700; text-align: center; min-height: 50px; border-radius: 10px; word-break: break-all; }
  #mainte .frm .page_sub_menu ul li a > span { padding: 0 0 14px 0; }
  #mainte .frm > section + section { margin: 70px 0 0 0; }
  #mainte .frm > section .sbj { margin: 0 0 25px 0; padding: 0 0 0 24px; }
  #mainte .frm > section .sbj::after { top: 7px; bottom: 2px; }
  #mainte .frm > section .sbj h3 { font-size: 21px; }
  #mainte .frm > section .sbj h4 { margin: 12px 0 0 0; padding: 12px 0 0 0; font-size: 15px; }
  #mainte .frm > section .ph_box.line02, #mainte .frm > section .ph_box.line03 { column-gap: 0; }
  #mainte .frm > section .ph_box.line02 .item, #mainte .frm > section .ph_box.line03 .item { width: 100%; }
  #mainte .frm > section .ph_box .item + .item { margin: 20px 0 0 0; }
  #mainte .frm > section .ph_box .item p { margin: 0 0 10px 0; padding: 0 0 6px 0; }
  #mainte .frm > section .ph_box .item img { max-width: 328px; }
  #mainte .frm > section .cap { margin: 15px 0 0 0; }
  #mainte .frm > section#mainte01 .ph_box .item { padding: 10px 10px 15px 10px; }
  #mainte .frm > section#mainte02 .ph_box { padding: 10px 10px 15px 10px; }
  #mainte .frm > section#mainte03 .ph_box .item:nth-of-type(n+2), #mainte .frm > section#mainte03 .ph_box .item:nth-of-type(n+3) { margin: 30px 0 0 0; }
  #mainte .frm > section#mainte03 .ph_box .item .ph { padding: 10px 10px 15px 10px; }
  #mainte .frm > section#mainte04 .ph_box .item { padding: 10px 10px 15px 10px; } }
/*640px*/
/*--------------------------------------------------------------------------
	工事の流れ
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #flow .frm section.step .step_num { width: 220px; }
  #flow .frm section.step .step_num h4 span.en { font-size: 23px; }
  #flow .frm section.step .step_num h4 span.main { font-size: 20px; }
  #flow .frm section.step .cap { padding: 48px 10px 50px 30px; }
  #flow .frm section.step .cap ul.contact li { margin: 12px auto 0 auto; display: block; width: 100%; max-width: 400px; } }
/*1000px*/
@media screen and (max-width: 800px) { #flow .frm ul.time li { width: calc((100% - 20px) / 3); min-height: 160px; }
  #flow .frm ul.time li:nth-of-type(-n+2) { margin: 0 0 10px 0; width: calc((100% - 10px) / 2); }
  #flow .frm section.step .step_num, #flow .frm section.step .cap { display: block; width: 100%; }
  #flow .frm section.step .step_num { padding: 20px; text-align: left; }
  #flow .frm section.step .step_num h4 span { display: inline-block; width: inherit; }
  #flow .frm section.step .step_num h4 span.en { margin: 0 15px 0 0; display: inline-block; }
  #flow .frm section.step .step_num h4 span.main { margin: 0 20px 0 0; }
  #flow .frm section.step .step_num h4 span.main br { display: none; }
  #flow .frm section.step .step_num h4 img { margin: 2px 0 0 0; display: inline-block; }
  #flow .frm section.step .cap { padding: 20px 20px 40px 20px; }
  #flow .frm section.step .cap dl dt br { display: none; }
  #flow .frm section.step .cap ul.contact { margin: 20px 0 0 0; } }
/*800px*/
@media screen and (max-width: 640px) { #flow .frm { padding: 28px 15px 40px 15px; }
  #flow .frm .intro { margin: 0 auto 30px auto; }
  #flow .frm .intro h3 { margin: 0 0 10px 0; padding: 0 0 8px 30px; background: url("../img/icon_all.png") no-repeat left top 10px; background-size: 17px auto; font-size: 21px; }
  #flow .frm .intro h3 span.main { margin: 0 20px 0 0; }
  #flow .frm .intro h3 span.att { font-size: 14px; }
  #flow .frm ul.time { margin: 0 auto 70px auto; }
  #flow .frm ul.time li { min-height: 140px; }
  #flow .frm ul.time li > span { font-size: 15px; }
  #flow .frm ul.time li > span span { font-size: 12px; }
  #flow .frm ul.time li img { max-width: 90px; }
  #flow .frm section.step .step_num { padding: 20px 15px 18px 15px; }
  #flow .frm section.step .step_num h4 span.en { font-size: 22px; }
  #flow .frm section.step .step_num h4 span.main { font-size: 19px; }
  #flow .frm section.step .step_num h4 img { max-width: 80px; }
  #flow .frm section.step .cap { padding: 20px 15px 40px 15px; }
  #flow .frm section.step .cap dl dt { font-size: 19px; }
  #flow .frm section.step .cap ul.contact li a { line-height: 60px; }
  #flow .frm section.step .cap ul.contact li.tel { font-size: 26px; }
  #flow .frm section.step .cap ul.contact li.tel a { pointer-events: inherit; }
  #flow .frm section.step .cap ul.contact li.tel a span { padding: 0 0 0 40px; background-position: left top -1px; background-repeat: no-repeat; background-size: 30px auto; } }
/*640px*/
@media screen and (max-width: 540px) { #flow .frm .intro h3 { padding: 0 0 14px 30px; }
  #flow .frm .intro h3 span.main { margin: 0; }
  #flow .frm .intro h3 span.att { display: block; width: 100%; line-height: 1.2; } }
/*540px*/

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