@charset "UTF-8";
/*---------------------------------------------------------------------------

	共通

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

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

--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	商品案内
--------------------------------------------------------------------------*/
#item_top { background: url("../../item/img/item_back.jpg") no-repeat center top; background-size: auto 500px; max-width: 2000px; }
#item_top .frm { margin: 0 auto; display: flex; flex-wrap: wrap; column-gap: 60px; }
#item_top .frm .intro_parts_box { margin: 0 auto 50px auto; width: 100%; }
#item_top .frm > section { margin: 0; width: calc((100% - 60px) / 2); }
#item_top .frm > section:nth-of-type(n+3) { margin: 75px 0 0 0; }
#item_top .frm > section img { padding: 40px; background: #e9f2ff; }
#item_top .frm > section div { padding: 20px 30px 0 30px; }
#item_top .frm > section div h3 { padding: 0 0 0 34px; background: url("../img/icon_all.png") no-repeat left top 14px; background-size: 17px auto; font-size: 24px; font-weight: 700; }
#item_top .frm > section div p { margin: 10px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #cccbc9; }

/*--------------------------------------------------------------------------
	「窓」豆知識 共通
--------------------------------------------------------------------------*/
.bg_onepoint { background: url("../../onepoint/img/advice_back.jpg") no-repeat center top; background-size: auto 500px; max-width: 2000px; }

/*--------------------------------------------------------------------------
	「窓」豆知識 詳細ページ共通
--------------------------------------------------------------------------*/
.onepoint_sub > .frm { margin: 0 auto; }
.onepoint_sub > .frm .page_sub_menu.nav_onepoint { margin: 0 0 120px 0; }
.onepoint_sub > .frm > section { margin: 0 auto; max-width: 1060px; }
.onepoint_sub > .frm > section > div { margin: 0 auto; max-width: 1000px; }
.onepoint_sub .cap_cat { margin: 0 0 50px 0; padding: 0 0 25px 0; border-bottom: 2px solid #005dbc; line-height: 1.2; font-size: 30px; font-weight: 700; }
.onepoint_sub .cap_cat > span { padding: 0 0 0 34px; display: inline-block; position: relative; line-height: 1.2; }
.onepoint_sub .cap_cat > span::after { position: absolute; left: 0; top: 5px; bottom: 2px; width: 5px; background: #005dbc; content: ''; }
.onepoint_sub .cap_ar { margin: 0 0 20px 0; padding: 15px; background: #ccdff2; }
.onepoint_sub .cap_ar > span { padding: 0 0 0 34px; display: inline-block; line-height: 1.4; background: url("../img/icon_all.png") no-repeat left top 4px; background-size: 17px auto; font-size: 20px; font-weight: 700; }
.onepoint_sub .cap_part { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #005dbc; line-height: 1.4; font-size: 0; }
.onepoint_sub .cap_part > span { display: inline-block; vertical-align: top; }
.onepoint_sub .cap_part span.main { margin: 0 20px 0 0; padding: 0 0 0 24px; position: relative; line-height: 1.4; font-size: 20px; font-weight: 500; }
.onepoint_sub .cap_part span.main::after { position: absolute; left: 0; top: 5px; bottom: 2px; width: 4px; background: #005dbc; content: ''; }
.onepoint_sub .cap_part span.sub { margin: 4px 0 0 0; line-height: 1.6; font-size: 13px; }
.onepoint_sub .cap_att { margin: 0 0 20px 0; padding: 0 0 0 38px; line-height: 20px; color: #f15a24; background: url("../../onepoint/img/bg_care01.png") no-repeat left top 2px; background-size: 17px auto; font-size: 19px; font-weight: 700; }
.onepoint_sub .box_ar { padding: 25px 30px; background: #e9f2ff; }
.onepoint_sub .box_ar .sbj { margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 1px solid #cccbc9; color: #005dbc; font-size: 20px; font-weight: 700; }
.onepoint_sub .box_ar dl dt { font-size: 17px; font-weight: 700; }
.onepoint_sub .box_ar ul li { padding: 0 0 0 1em; text-indent: -1em; }
.onepoint_sub .box_ar ul li strong { color: #005dbc; font-weight: 700; }
.onepoint_sub .box_ar02 { display: flex; width: 100%; flex-wrap: wrap; }
.onepoint_sub .box_ar02 .item .ph { border: 1px solid #849cbb; width: 100%; }
.onepoint_sub .box_ar02 .item .ph img { margin: 0 auto; display: block; }
.onepoint_sub .box_ar02 .item .ph .ph_cap { padding: 0 0 10px 0; border-bottom: 1px solid #849cbb; font-weight: 700; }
.onepoint_sub .box_ar02.line02 { column-gap: 30px; }
.onepoint_sub .box_ar02.line02 .item { width: calc((100% - 30px) / 2); }
.onepoint_sub .box_ar02.line03 { column-gap: 20px; }
.onepoint_sub .box_ar02.line03 .item { width: calc((100% - 40px) / 3); }

/*--------------------------------------------------------------------------
	「窓」豆知識 TOP
--------------------------------------------------------------------------*/
#onepoint .frm { margin: 0 auto; }
#onepoint .frm .page_sub_menu.nav_onepoint { margin: 50px 0 0 0; padding: 60px 0 0 0; border-top: 1px solid #cccbc9; }

/*--------------------------------------------------------------------------
	「窓」豆知識 寒さ対策
--------------------------------------------------------------------------*/
#onepoint_cold > .frm > section { margin: 100px auto 0 auto; }
#onepoint_cold > .frm .list01 { margin: 50px auto 0 auto; }
#onepoint_cold > .frm .list01 .box { display: table; width: 100%; table-layout: fixed; }
#onepoint_cold > .frm .list01 .box .ar, #onepoint_cold > .frm .list01 .box .ph { display: table-cell; vertical-align: top; }
#onepoint_cold > .frm .list01 .box .ar { padding: 0 60px 0 0; }
#onepoint_cold > .frm .list01 .box .ph { padding: 20px; border: 1px solid #849cbb; width: 470px; }
#onepoint_cold > .frm .list01 .box .ph dl { margin: 0 0 10px 0; }
#onepoint_cold > .frm .list01 .box .ph dl dt { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #849cbb; font-weight: 700; }
#onepoint_cold > .frm .list01 .box .ph dl dd { font-sizet: 14px; }
#onepoint_cold > .frm .list01 .box .ph img { margin: 0 auto; display: block; max-width: 214px; }
#onepoint_cold > .frm .list03 { margin: 110px auto 0 auto; }
#onepoint_cold > .frm .list03 .box_ar { margin: 20px 0 0 0; }
#onepoint_cold > .frm .list04 > div p + p { margin: 15px 0 20px 0; }
#onepoint_cold > .frm .list04 .box_ar + .box_ar { margin: 20px 0 0 0; }
#onepoint_cold > .frm .list04 .box_ar + p { margin: 20px 0 0 0; }
#onepoint_cold > .frm .list05 .box_ar02 { margin: 20px 0 0 0; }
#onepoint_cold > .frm .list05 .box_ar02 .item .ph { padding: 15px 20px; }
#onepoint_cold > .frm .list05 .box_ar02 .item .ph .ph_cap { margin: 0 0 20px 0; }
#onepoint_cold > .frm .list05 .box_ar02 .item .ph img { margin: 0 auto; display: block; max-width: 278px; }

/*--------------------------------------------------------------------------
	「窓」豆知識 結露対策
--------------------------------------------------------------------------*/
#onepoint_dew .box_flow { margin: 30px auto 0 auto; padding-right: 20px; display: flex; max-width: 1000px; column-gap: 40px; flex-wrap: wrap; }
#onepoint_dew .box_flow .step { --arrow-width: 20px; --bg-color: #e9f2ff; padding: 15px 15px; display: flex; position: relative; width: calc((100% - 80px) / 3); line-height: 1.6; background: var(--bg-color); font-size: 16px; text-align: center; align-items: center; justify-content: center; min-height: 100px; }
#onepoint_dew .box_flow .step strong { color: #005dbc; font-weight: 700; }
#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 > section { margin: 100px auto 0 auto; }
#onepoint_dew > .frm .list01 { margin: 0 auto; }
#onepoint_dew > .frm .list03 .box { margin: 20px auto 0 auto; display: flex; column-gap: 20px; }
#onepoint_dew > .frm .list03 .box dl { padding: 20px 40px 24px 40px; width: calc((100% - 40px) / 3); background: #e9f2ff; }
#onepoint_dew > .frm .list03 .box dl dt { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #cccbc9; color: #005dbc; font-size: 20px; font-weight: 700; }
#onepoint_dew > .frm .list04 > div p + p { margin: 15px 0 20px 0; }
#onepoint_dew > .frm .list04 > div p + .box_ar { margin: 20px 0 0 0; }
#onepoint_dew > .frm .list04 .box_ar + .box_ar { margin: 20px 0 0 0; }
#onepoint_dew > .frm .list04 .box_ar + p { margin: 20px 0 0 0; }
#onepoint_dew > .frm .list05 .box_ar02 { margin: 20px 0 0 0; }
#onepoint_dew > .frm .list05 .box_ar02 .item .ph { padding: 15px 20px; }
#onepoint_dew > .frm .list05 .box_ar02 .item .ph .ph_cap { margin: 0 0 20px 0; }
#onepoint_dew > .frm .list05 .box_ar02 .item .ph img { margin: 0 auto; display: block; max-width: 278px; }

/*--------------------------------------------------------------------------
	「窓」豆知識 防犯対策
--------------------------------------------------------------------------*/
#onepoint_prevention > .frm > section { margin: 90px auto 0 auto; }
#onepoint_prevention > .frm .cap_ar { margin: 0 0 25px 0; }
#onepoint_prevention > .frm .cap_part { margin: 0 0 30px 0; }
#onepoint_prevention > .frm .box_ar02 { line-height: 1.8; font-size: 14px; }
#onepoint_prevention > .frm .box_ar02 .item .ph { padding: 14px 20px; }
#onepoint_prevention > .frm .box_ar02 .item .ph dl { margin: 0 0 15px 0; }
#onepoint_prevention > .frm .box_ar02 .item .ph dl dt { margin: 0 0 8px 0; padding: 0 0 10px 0; border-bottom: 1px solid #849cbb; font-weight: 700; }
#onepoint_prevention > .frm .list01 { margin: 50px auto 0 auto; }
#onepoint_prevention > .frm .list02 .box { margin: 22px auto 20px auto; display: table; width: 100%; table-layout: fixed; }
#onepoint_prevention > .frm .list02 .box .ar, #onepoint_prevention > .frm .list02 .box .ph { display: table-cell; vertical-align: top; }
#onepoint_prevention > .frm .list02 .box .ar { padding: 0 60px 0 0; }
#onepoint_prevention > .frm .list02 .box .ar dl dt { margin: 20px 0 0 0; font-size: 18px; font-weight: 700; }
#onepoint_prevention > .frm .list02 .box .ph { width: 320px; }
#onepoint_prevention > .frm .list02 .box .ph div { padding: 14px 20px; border: 1px solid #849cbb; }
#onepoint_prevention > .frm .list02 .box .ph div dl dt { margin: 0 0 8px 0; padding: 0 0 10px 0; border-bottom: 1px solid #849cbb; font-weight: 700; }
#onepoint_prevention > .frm .list02 .box .ph div dl dd { margin: 0 0 15px 0; }
#onepoint_prevention > .frm .list02 .box .ph div img { margin: 0 auto; display: block; max-width: 200px; }
#onepoint_prevention > .frm .list03 .box_ar02 { margin: 22px auto 20px auto; }
#onepoint_prevention > .frm .list03 .box_ar02 .item .ph img { max-width: 256px; }
#onepoint_prevention > .frm .list04 .box_ar02 { margin: 22px auto 0 auto; }
#onepoint_prevention > .frm .list04 .box_ar02 .item .ph img { max-width: 303px; }
#onepoint_prevention > .frm .list05 { margin: 100px auto 0 auto; }
#onepoint_prevention > .frm .list05 .box_ar02 .item:nth-of-type(n+4) { margin: 45px 0 0 0; }
#onepoint_prevention > .frm .list05 .box_ar02 .item .ph img { max-width: 278px; }
#onepoint_prevention > .frm .list06 { margin: 95px auto 0 auto; }
#onepoint_prevention > .frm .list06 .box_ar02 .item .ph img { max-width: 278px; }

/*--------------------------------------------------------------------------
	「窓」豆知識 お手入れ方法
--------------------------------------------------------------------------*/
#onepoint_care > .frm > section { margin: 120px auto 0 auto; }
#onepoint_care > .frm .box_ar02 { line-height: 1.8; font-size: 14px; }
#onepoint_care > .frm .list01 { margin: 0 auto; }
#onepoint_care > .frm .list01 .cap_att { margin: 30px 0 20px 0; }
#onepoint_care > .frm .list01 > div .box_ar { display: table; width: 100%; table-layout: fixed; }
#onepoint_care > .frm .list01 > div .box_ar .ar, #onepoint_care > .frm .list01 > div .box_ar .ph { display: table-cell; vertical-align: top; }
#onepoint_care > .frm .list01 > div .box_ar .ar dl { margin: 20px 0 0 0; }
#onepoint_care > .frm .list01 > div .box_ar .ph { padding: 0 0 0 20px; width: 145px; }
#onepoint_care > .frm .list02 { margin: 100px auto 0 auto; }
#onepoint_care > .frm .list02 .cap_att { margin: 30px 0 20px 0; }
#onepoint_care > .frm .list02 .box_ar + .box_ar { margin: 20px 0 0 0; }
#onepoint_care > .frm .list02 .box_ar dl + dl { margin: 20px 0 0 0; }
#onepoint_care > .frm .list02 .box_ar02 { margin: 30px 0 0 0; }
#onepoint_care > .frm .list02 .box_ar02 .item .ph { margin: 0 0 10px 0; padding: 20px; }
#onepoint_care > .frm .list02 .box_ar02 .item .ph img { max-width: 220px; }
#onepoint_care > .frm .list03 .cap_att { margin: 30px 0 20px 0; }
#onepoint_care > .frm .list03 .box_ar02 { margin: 30px 0 0 0; }
#onepoint_care > .frm .list03 .box_ar02 .item .ph { margin: 0 0 10px 0; padding: 14px 20px; }
#onepoint_care > .frm .list03 .box_ar02 .item .ph p { margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #849cbb; font-weight: 700; }
#onepoint_care > .frm .list03 .box_ar02 .item .ph img { max-width: 220px; }
#onepoint_care > .frm .list04 .cap_att { margin: 30px 0 20px 0; }
#onepoint_care > .frm .list04 .box_ar02 { margin: 30px 0 0 0; }
#onepoint_care > .frm .list04 .box_ar02 .item .ph { margin: 0 0 10px 0; padding: 14px 20px; }
#onepoint_care > .frm .list04 .box_ar02 .item .ph p { margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #849cbb; font-weight: 700; }
#onepoint_care > .frm .list04 .box_ar02 .item .ph img { max-width: 220px; }
#onepoint_care > .frm .list06 .box { margin: 30px 0 0 0; display: table; width: 100%; table-layout: fixed; }
#onepoint_care > .frm .list06 .box .ar, #onepoint_care > .frm .list06 .box .ph { display: table-cell; vertical-align: top; }
#onepoint_care > .frm .list06 .box .ph { padding: 0 0 0 20px; width: 286px; }
#onepoint_care > .frm .list06 .box .ph img { padding: 20px; border: 1px solid #849cbb; }
#onepoint_care > .frm .list07 .cap_att { margin: 30px 0 20px 0; }
#onepoint_care > .frm .list07 .box_ar02 { margin: 30px 0 0 0; }
#onepoint_care > .frm .list07 .box_ar02 .item .ph { margin: 0 0 10px 0; padding: 14px 20px; }
#onepoint_care > .frm .list07 .box_ar02 .item .ph img { max-width: 170px; }
#onepoint_care > .frm .list08 .cap_part { margin: 0; }
#onepoint_care > .frm .list08 ul.ph { line-height: 0; font-size: 0; }
#onepoint_care > .frm .list08 ul.ph li { margin: 20px 10px 0 0; display: inline-block; line-height: 1; font-size: 15px; }
#onepoint_care > .frm .list08 ul.ph li img { width: auto; height: 146px; }
#onepoint_care > .frm .list08 ul.ph + ul { margin: 30px 0 0 0; }
#onepoint_care > .frm .list08 ul.ph + ul li { padding: 0 0 0 1em; text-indent: -1em; }
#onepoint_care > .frm .list09 .box_ar02 { margin: 30px 0 0 0; column-gap: 30px; }
#onepoint_care > .frm .list09 .box_ar02 .item { width: calc((100% - 60px) / 3); }
#onepoint_care > .frm .list09 .box_ar02 .item .ph { margin: 0 0 10px 0; padding: 20px; }
#onepoint_care > .frm .list09 .box_ar02 .item .ph img { max-width: 200px; }
#onepoint_care > .frm .list09 .box_ar02 .item dl:not(:first-of-type) { margin: 25px 0 0 0; }
#onepoint_care > .frm .list09 .box_ar02 .item dl dt { font-size: 17px; font-weight: 700; }
#onepoint_care > .frm .list10 .box_ar02 { margin: 30px 0 0 0; }
#onepoint_care > .frm .list10 .box_ar02 .item .ph { margin: 0 0 10px 0; padding: 14px 20px; }
#onepoint_care > .frm .list10 .box_ar02 .item .ph img { max-width: 367px; }
#onepoint_care > .frm .list10 .box_ar02 .item dl:not(:first-of-type) { margin: 25px 0 0 0; }
#onepoint_care > .frm .list10 .box_ar02 .item dl dt { font-size: 17px; font-weight: 700; }
#onepoint_care > .frm .list11 .box_ar02 { margin: 30px 0 0 0; }
#onepoint_care > .frm .list11 .box_ar02 .item .ph { margin: 0 0 10px 0; padding: 14px 20px; height: 276px; }
#onepoint_care > .frm .list11 .box_ar02 .item .ph p { margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #849cbb; font-weight: 700; }
#onepoint_care > .frm .list11 .box_ar02 .item .ph img { max-width: 278px; }
#onepoint_care > .frm .list11 .box_ar02 .item dl:not(:first-of-type) { margin: 20px 0 0 0; }
#onepoint_care > .frm .list11 .box_ar02 .item dl dt { font-size: 17px; font-weight: 700; }

/*--------------------------------------------------------------------------
	「窓」豆知識 よくある質問 一覧ページ
--------------------------------------------------------------------------*/
#onepoint_qanda > .frm > section + section { margin: 80px auto 0 auto; }
#onepoint_qanda > .frm > section .cap_ar { margin: 0; }
#onepoint_qanda > .frm > section ul li a { padding: 20px 38px 20px 70px; border-bottom: 1px solid #cccbc9; display: block; width: 100%; background: url("../../onepoint/img/bg_qanda01.png") no-repeat left 30px top 28px; background-size: 23px auto; font-size: 19px; }
#onepoint_qanda > .frm > section ul li a:link, #onepoint_qanda > .frm > section ul li a:visited { color: #00000f; }
#onepoint_qanda > .frm > section ul li a:active, #onepoint_qanda > .frm > section ul li a:hover { color: #005dbc; }

/*--------------------------------------------------------------------------
	「窓」豆知識 よくある質問 詳細ページ
--------------------------------------------------------------------------*/
#onepoint_qanda_ar > .frm { margin: 0 auto; }
#onepoint_qanda_ar > .frm > section > div .q_list { margin: 0 0 18px 0; padding: 0 0 0 38px; background: url("../../onepoint/img/bg_qanda01.png") no-repeat left top 12px; background-size: 17px auto; font-size: 19px; font-weight: 500; }
#onepoint_qanda_ar > .frm > section > div .box_ar { margin: 0 auto 100px auto; }
#onepoint_qanda_ar > .frm > section > div .box_ar p:not(:first-of-type) { margin: 20px 0 0 0; }

/*--------------------------------------------------------------------------
	簡単リフォーム
--------------------------------------------------------------------------*/
#reform_top .intro { margin: 0 0 42px 0; }
#reform_top .intro h3 { margin: 0 0 10px 0; padding: 0 0 0 34px; background: url("../img/icon_all.png") no-repeat left top 14px; background-size: 17px auto; font-size: 24px; font-weight: 700; }
#reform_top .nav { margin: 0 0 150px 0; }
#reform_top .nav h3 { margin: 0 0 10px 0; font-size: 17px; font-weight: 700; }
#reform_top .nav .page_sub_menu ul { display: flex; column-gap: 25px; }
#reform_top .nav .page_sub_menu ul li { width: calc((100% - 50px) / 3); }
#reform_top .nav .page_sub_menu ul li.door a { background-image: url("../../reform/img/img_door_main.png"); }
#reform_top .nav .page_sub_menu ul li.window a { background-image: url("../../reform/img/img_window_main.png"); }
#reform_top .nav .page_sub_menu ul li.in a { background-image: url("../../reform/img/img_in_main.png"); }
#reform_top .nav .page_sub_menu ul li a { padding: 30px 15px 30px 160px; border: 1px solid #005dbc; line-height: 1.4; background-position: left 30px center; background-repeat: no-repeat; background-size: 120px auto; font-size: 20px; font-weight: 700; text-align: center; min-height: 170px; border-radius: 10px; word-break: break-all; }
#reform_top .nav .page_sub_menu ul li a > span { padding: 0 0 24px 0; display: inline-block; }
#reform_top .nav .page_sub_menu ul li a:link, #reform_top .nav .page_sub_menu ul li a:visited { color: #00000f; background-color: #fff; }
#reform_top .nav .page_sub_menu ul li a:link > span, #reform_top .nav .page_sub_menu ul li a:visited > span { background: url("../img/arrow_off.png") no-repeat center bottom; background-size: 24px auto; }
#reform_top .nav .page_sub_menu ul li a:active, #reform_top .nav .page_sub_menu ul li a:hover { color: #fff; background-color: #005dbc; }
#reform_top .nav .page_sub_menu ul li a:active > span, #reform_top .nav .page_sub_menu ul li a:hover > span { background: url("../img/arrow_on.png") no-repeat center bottom; background-size: 24px auto; }
#reform_top .step_list + .step_list { margin: 120px 0 0 0; }
#reform_top .step_list .sbj { margin: 0 0 48px 0; padding: 0 0 0 33px; position: relative; line-height: 1.4; }
#reform_top .step_list .sbj::after { position: absolute; left: 0; top: 7px; bottom: 2px; width: 3px; background: #005dbc; content: ''; }
#reform_top .step_list .sbj h3 { font-size: 25px; font-weight: 700; }
#reform_top .step_list .sbj h4 { margin: 24px 0 0 0; padding: 22px 0 0 0; border-top: 1px solid #cccbc9; font-size: 18px; font-weight: 700; }
#reform_top .step_list .period { margin: 0 0 40px 0; display: table; width: 100%; table-layout: fixed; max-width: 360px; }
#reform_top .step_list .period h4, #reform_top .step_list .period div { padding: 20px 8px; display: table-cell; vertical-align: middle; text-align: center; }
#reform_top .step_list .period h4 img, #reform_top .step_list .period div img { max-width: 140px; }
#reform_top .step_list .period h4 { background: #005dbc; }
#reform_top .step_list .period div { background: #e9f2ff; }
#reform_top .step_list .step { display: flex; width: 100%; flex-wrap: wrap; column-gap: 30px; }
#reform_top .step_list .step h4 { width: 100%; line-height: 1.6; font-size: 17px; font-weight: 700; }
#reform_top .step_list .step .item { margin: 20px 0 0 0; padding: 20px 20px; border: 1px solid #849cbb; display: flex; width: calc((100% - 30px) / 2); }
#reform_top .step_list .step .item:nth-of-type(n+3) { margin: 30px 0 0 0; }
#reform_top .step_list .step .item .ph { padding: 0 20px 0 0; width: 194px; }
#reform_top .step_list .step .item .cap { flex: 1; -webkit-flex: 1; }
#reform_top .step_list .step .item .cap h5 { padding: 0 0 8px 0; border-bottom: 1px solid #849cbb; font-size: 15px; font-weight: 700; }
#reform_top .step_list .step .item .cap h5 + p { margin: 5px 0 0 0; }

/*--------------------------------------------------------------------------
	修理・メンテナンス
--------------------------------------------------------------------------*/
#mainte .frm { margin: 0 auto; }
#mainte .frm > h3 { padding: 0 0 0 34px; background: url("../img/icon_all.png") no-repeat left top 14px; background-size: 17px auto; font-size: 24px; font-weight: 700; }
#mainte .frm .page_sub_menu { margin: 48px 0 90px 0; }
#mainte .frm .page_sub_menu ul { column-gap: 20px; }
#mainte .frm .page_sub_menu ul li { width: calc((100% - 60px) / 4); }
#mainte .frm .page_sub_menu ul li a { padding: 30px 15px; border: 1px solid #005dbc; line-height: 1.4; font-size: 20px; font-weight: 700; text-align: center; min-height: 120px; border-radius: 10px; word-break: break-all; }
#mainte .frm .page_sub_menu ul li a > span { padding: 0 0 24px 0; display: inline-block; }
#mainte .frm .page_sub_menu ul li a:link, #mainte .frm .page_sub_menu ul li a:visited { color: #00000f; background-color: #fff; }
#mainte .frm .page_sub_menu ul li a:link > span, #mainte .frm .page_sub_menu ul li a:visited > span { background: url("../img/arrow_off.png") no-repeat center bottom; background-size: 24px auto; }
#mainte .frm .page_sub_menu ul li a:active, #mainte .frm .page_sub_menu ul li a:hover { color: #fff; background-color: #005dbc; }
#mainte .frm .page_sub_menu ul li a:active > span, #mainte .frm .page_sub_menu ul li a:hover > span { background: url("../img/arrow_on.png") no-repeat center bottom; background-size: 24px auto; }
#mainte .frm > section + section { margin: 150px 0 0 0; }
#mainte .frm > section .sbj { margin: 0 0 48px 0; padding: 0 0 0 33px; position: relative; line-height: 1.4; }
#mainte .frm > section .sbj::after { position: absolute; left: 0; top: 7px; bottom: 2px; width: 3px; background: #005dbc; content: ''; }
#mainte .frm > section .sbj h3 { font-size: 25px; font-weight: 700; }
#mainte .frm > section .sbj h4 { margin: 24px 0 0 0; padding: 22px 0 0 0; border-top: 1px solid #cccbc9; font-size: 18px; font-weight: 700; }
#mainte .frm > section .ph_box { display: flex; flex-wrap: wrap; }
#mainte .frm > section .ph_box.line02 { column-gap: 30px; }
#mainte .frm > section .ph_box.line02 .item { width: calc((100% - 30px) / 2); }
#mainte .frm > section .ph_box.line03 { column-gap: 25px; }
#mainte .frm > section .ph_box.line03 .item { width: calc((100% - 50px) / 3); }
#mainte .frm > section .ph_box .item p { margin: 0 0 10px 0; padding: 0 0 6px 0; border-bottom: 1px solid #849cbb; font-weight: 700; }
#mainte .frm > section .ph_box .item img { margin: 0 auto; display: block; width: 100%; max-width: 328px; }
#mainte .frm > section .cap { margin: 20px 0 0 0; }
#mainte .frm > section#mainte01 .ph_box .item { padding: 14px 20px 20px 20px; border: 1px solid #849cbb; }
#mainte .frm > section#mainte01 .ph_box .item .ph img { max-width: 328px; }
#mainte .frm > section#mainte01 .ph_box .cap { width: 100%; }
#mainte .frm > section#mainte02 .ph_box { padding: 14px 20px 20px 20px; border: 1px solid #849cbb; }
#mainte .frm > section#mainte02 .ph_box .item { padding: 0; }
#mainte .frm > section#mainte03 .ph_box .item:nth-of-type(n+3) { margin: 50px 0 0 0; }
#mainte .frm > section#mainte03 .ph_box .item .ph { padding: 14px 20px 20px 20px; border: 1px solid #849cbb; }
#mainte .frm > section#mainte03 .ph_box .item .ph.size img { max-width: 523px; }
#mainte .frm > section#mainte03 .ph_box .item .cap p { margin: 0; padding: 0; border-bottom: none; font-weight: 500; }
#mainte .frm > section#mainte03 > .cap { width: 100%; }
#mainte .frm > section#mainte04 .ph_box .item { padding: 14px 20px 20px 20px; border: 1px solid #849cbb; }
#mainte .frm > section#mainte04 .ph_box .item .ph img { max-width: 140px; }

/*--------------------------------------------------------------------------
	工事の流れ
--------------------------------------------------------------------------*/
#flow { background: url("../../flow/img/flow_back.jpg") no-repeat center top; background-size: 2000px auto; }
#flow .frm { margin: 0 auto; padding: 38px 15px 50px 15px; background: rgba(233, 242, 255, 0.6); }
#flow .frm > div, #flow .frm > section, #flow .frm ul.time { max-width: 1060px; }
#flow .frm .intro { margin: 0 auto 42px auto; }
#flow .frm .intro h3 { margin: 0 0 10px 0; padding: 0 0 8px 34px; border-bottom: 1px solid #cccbc9; background: url("../img/icon_all.png") no-repeat left top 14px; background-size: 17px auto; font-size: 24px; font-weight: 700; }
#flow .frm .intro h3 span.main { margin: 0 40px 0 0; }
#flow .frm .intro h3 span.att { font-size: 15px; font-weight: 500; }
#flow .frm ul.time { margin: 0 auto 80px auto; display: flex; width: 100%; align-items: center; flex-wrap: wrap; column-gap: 10px; }
#flow .frm ul.time li { padding: 5px; display: flex; width: calc((100% - 40px) / 5); background: #005dbc; text-align: center; flex-direction: column; justify-content: center; align-items: center; min-height: 202px; }
#flow .frm ul.time li > span { margin: 0 auto 15px auto; padding: 10px 5px; display: block; width: 100%; line-height: 1.4; color: #005dbc; background: #fff; font-size: 16px; font-weight: 700; text-align: center; max-width: 174px; }
#flow .frm ul.time li > span span { display: inline-block; font-size: 13px; font-weight: 700; }
#flow .frm ul.time li img { margin: 0 auto; display: block; max-width: 130px; }
#flow .frm section.step { margin: 0 auto; border-top: 1px solid #c5d1e4; display: table; width: 100%; table-layout: fixed; }
#flow .frm section.step:last-of-type { border-bottom: 1px solid #c5d1e4; }
#flow .frm section.step .step_num, #flow .frm section.step .cap { display: table-cell; vertical-align: top; }
#flow .frm section.step .step_num { padding: 58px 10px 42px 10px; width: 260px; color: #fff; background: linear-gradient(90deg, #005dbc, #80aedd); text-align: center; }
#flow .frm section.step .step_num h4 span { display: block; width: 100%; }
#flow .frm section.step .step_num h4 span.en { display: block; line-height: 1; font-size: 25px; font-weight: normal; }
#flow .frm section.step .step_num h4 span.main { margin: 15px 0 20px 0; line-height: 1.4; font-size: 21px; font-weight: 700; }
#flow .frm section.step .step_num h4 img { margin: 0 auto; display: block; max-width: 80px; }
#flow .frm section.step .cap { padding: 48px 10px 50px 50px; background: #fff; }
#flow .frm section.step .cap dl dt { margin: 0 0 10px 0; line-height: 1.6; font-size: 20px; font-weight: 700; }
#flow .frm section.step .cap dl dd span.att { color: #c71c2f; }
#flow .frm section.step .cap ul.contact { margin: 12px 0 0 0; line-height: 0; font-size: 0; }
#flow .frm section.step .cap ul.contact li { margin: 10px 10px 0 0; display: inline-block; width: 345px; vertical-align: top; }
#flow .frm section.step .cap ul.contact li a { display: block; width: 100%; line-height: 60px; text-align: center; }
#flow .frm section.step .cap ul.contact li a:link, #flow .frm section.step .cap ul.contact li a:visited { color: #00000f; background-color: #c5d1e4; }
#flow .frm section.step .cap ul.contact li a:active, #flow .frm section.step .cap ul.contact li a:hover { color: #fff; background-color: #005dbc; }
#flow .frm section.step .cap ul.contact li.tel { line-height: 1; font-size: 27px; font-weight: normal; }
#flow .frm section.step .cap ul.contact li.tel a { pointer-events: none; }
#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; }
#flow .frm section.step .cap ul.contact li.tel a:link span, #flow .frm section.step .cap ul.contact li.tel a:visited span { background-image: url("../img/icon_free_bk.png"); }
#flow .frm section.step .cap ul.contact li.tel a:active span, #flow .frm section.step .cap ul.contact li.tel a:hover span { background-image: url("../img/icon_free_w.png"); }
#flow .frm section.step .cap ul.contact li.form { line-height: 1.4; font-size: 15px; font-weight: 700; }

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