@charset "UTF-8";
/*!
 * housing.css - 住宅設備機器延長保証ページ (app/template/user_data/warranty.twig) 専用
 *
 * 生成元: html/user_data/assets/css/style.css (SOMPOワランティ単体サイトの全ページ共通CSS)
 * 上記から #housing 配下のルールと @font-face のみを抽出したもの。
 *
 * style.css に含まれていた以下は EC-CUBE の共通レイアウトを破壊するため除外済み:
 *   - header{} / header div{} / header nav ul{} / footer{} / footer p{} / footer img{} / main{}
 *   - .drawer* (ハンバーガーメニュー) / .pcStyle / .spStyle
 *   - #top / #standard (単体サイトの他ページ用)
 * グローバルだった .pc / .sp は #housing 配下に限定して取り込んでいる。
 *
 * 画像は ../img/housing/, ../img/common/ を、Webフォントは ../font/ を参照する。
 */

/* ------------------------------------------------------------------
   1. #housing 配下のみのリセット (元サイトの ress.css の代替)
      :where() で詳細度を 0 にしているため、下記2/3のルールが必ず優先される。
      EC-CUBE の style.css (bootstrap reboot 相当) の素タグ指定だけを打ち消す。
   ------------------------------------------------------------------ */
#housing :where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, figure, table) {
  margin: 0;
  padding: 0;
}
#housing :where(ul, ol) {
  list-style: none;
}
#housing :where(dt) {
  font-weight: inherit;
}
#housing :where(img) {
  max-width: 100%;
  vertical-align: bottom;
}

/* ------------------------------------------------------------------
   2. 背景ベタ塗りセクションを画面幅いっぱいに広げる
      (.ec-layoutRole__contents の max-width を突き抜けさせる)
      EC-CUBEのコンテナ幅に収めたい場合はこのセクションごと削除してよい。
   ------------------------------------------------------------------ */
.housing-bleed {
  overflow-x: clip;
}
.housing-bleed #housing {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* ------------------------------------------------------------------
   3. style.css から抽出した #housing スコープのルール
      (元ファイルの記述順を維持しているため、カスケードの挙動は元サイトと同じ)
   ------------------------------------------------------------------ */
#housing .pc{display:block}
#housing .sp{display:none}
@media all and (max-width:768px){
  #housing .pc{display:none!important}
  #housing .sp{display:block!important}
}
@font-face{font-family:NotoSansCJKjp Regular;src:url(../font/NotoSansCJKjp-Regular.woff),url("../font/NotoSansCJKjp-Regular.woff2");font-display:swap}
@font-face{font-family:NotoSansCJKjp Bold;src:url(../font/NotoSansCJKjp-Bold.woff),url("../font/NotoSansCJKjp-Bold.woff2");font-display:swap;font-style:normal;font-weight:400}
@font-face{font-family:NotoSansCJKjp Medium;src:url(../font/NotoSansCJKjp-Medium.woff),url("../font/NotoSansCJKjp-Medium.woff2");font-display:swap}
@media(min-width:768px){
  #housing .sec6 ul li figure figcaption{font-size:calc(1rem+((1vw - 7.68px) * .3472))}
  #housing .sec6 ul li figure figcaption .fz16{font-size:calc(0.75rem+((1vw - 7.68px) * .3472))}
  #housing .sec5 #table table td,#housing .sec5 #table table th{font-size:calc(0.75rem+((1vw - 7.68px) * .5208))}
}
@media(min-width:1920px){
  #housing .sec6 ul li figure figcaption{font-size:20px}
  #housing .sec6 ul li figure figcaption .fz16{font-size:1pc}
  #housing .sec5 #table table td,#housing .sec5 #table table th{font-size:18px}
}
#housing .kv{position:relative;background-image:url(../img/housing/kv.png);background-size:cover;background-position:center center;height:500px;margin-bottom:30px}
#housing .kv .kv_img{display:block;width:100%}
#housing .kv .kv_text{width:25pc;height:25pc;position:absolute;top:50%;left:15%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-webkit-box-shadow:0 15px 25px -8px rgba(0,0,0,.24);-moz-box-shadow:0 15px 25px -8px rgba(0,0,0,.24);box-shadow:0 15px 25px -8px rgba(0,0,0,.24)}
#housing .kv .kv_text .green_area{background-color:#469687;padding:40px 30px 30px}
#housing .kv .kv_text .green_area img{width:90px;display:block;margin:0 auto 30px}
#housing .kv .kv_text .green_area p{text-align:center;font-size:40px;font-family:NotoSansCJKjp Bold,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;line-height:1;color:#fff;line-height:1.2}
#housing .kv .kv_text .op_area{background-color:hsla(0,0%,100%,.9);padding:20px 35px}
#housing .kv .kv_text .op_area p:first-child{font-size:20px;font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;text-align:center}
#housing .kv .kv_text .op_area p:last-child{background-color:#469687;color:#fff;font-size:22px;font-family:NotoSansCJKjp Medium,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;padding:9px 20px;text-align:center;display:block;margin:9px auto 0;line-height:1;width:130px}
#housing .gray_bg{background-color:#f0f0f0;padding:60px 20px;margin-bottom:30px}
#housing .gray_bg:last-child{margin-bottom:60px}
#housing .gray_bg .w1000{max-width:750pt;margin:0 auto}
#housing .gray_bg .w1000 h2{font-size:38px;margin:0 auto;position:relative;text-align:center;font-family:NotoSansCJKjp Bold,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;line-height:1;margin-bottom:60px;padding-bottom:45px;font-weight:400!important}
#housing .gray_bg .w1000 h2:before{content:'';position:absolute;bottom:0;width:100%;max-width:35pc;background-image:url(../img/common/griy_h2_img.png);height:30px;left:0;right:0;margin:0 auto;background-size:contain}
#housing .sec1 ul{max-width:665px;margin:0 auto 30px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;justify-content:space-between}
#housing .sec1 ul li{list-style:none;width:30%}
#housing .sec1 ul li img{display:block;width:100%}
#housing .sec1 .sec1_konnano{text-align:center;font-family:NotoSansCJKjp Bold,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;font-size:28px;margin-bottom:45px}
#housing .sec1 .sec1_konnano span{font-size:36px;color:#469687}
#housing .sec1 .manufacturer{display:block;width:100%;margin:0 auto 40px}
#housing .sec1 .kome{font-size:1pc;font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;line-height:2}
#housing .sec1 .kome .fz20{font-size:20px;font-family:NotoSansCJKjp Bold,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;background:linear-gradient(transparent 70%,#c8dfdb 0);padding-left:6px}
#housing .sec1 .kome a{color:#469687;padding-right:10px;position:relative;text-decoration:none}
#housing .sec1 .kome a img{width:1pc;vertical-align:middle}
#housing .sec1 .kome a span{border-bottom:1px solid #469687}
#housing .sec2 .change{max-width:5in;margin:0 auto 40px}
#housing .sec2 .change img{display:block;width:100%}
#housing .sec2 ul li{margin-bottom:30px;list-style:none}
#housing .sec2 ul li .green_ttl{font-size:18px;color:#469687;margin-bottom:2px;font-family:NotoSansCJKjp Bold,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif}
#housing .sec2 ul li .txt{font-size:1pc;font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;text-indent:0;padding-left:1pc;position:relative}
#housing .sec2 ul li .txt:before{content:"";width:3px;height:3px;background-color:#000;border-radius:50px;position:absolute;top:9pt;left:6px}
#housing .sec2 .toha{font-size:18px;line-height:1;color:#fff;width:130px;height:2pc;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:center;background-color:#469687;margin-bottom:5px}
#housing .sec2 .kome,#housing .sec2 .toha{font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif}
#housing .sec2 .kome{font-size:1pc;line-height:2}
#housing .sec2 .kome a{color:#469687;padding-right:10px;position:relative;text-decoration:none}
#housing .sec2 .kome a span{border-bottom:1px solid #469687}
#housing .sec2 .kome a img{width:1pc;vertical-align:middle}
#housing .sec3 .txt_box h3{font-size:26px;text-align:center;font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;margin-bottom:35px;letter-spacing:-.5px}
#housing .sec3 .txt_box h3 span{background:linear-gradient(transparent 70%,#c8dfdb 0);font-family:NotoSansCJKjp Bold,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif}
#housing .sec3 .txt_box p{font-size:1pc;font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;margin-bottom:40px;line-height:2}
#housing .sec3 .txt_box p:first-child{letter-spacing:-.4px}
#housing .sec3 .txt_box p:last-child{letter-spacing:-.3px}
#housing .sec3 .txt_box ul{max-width:860px;padding:0 10px;margin:0 auto 40px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;flex-wrap:wrap}
#housing .sec3 .txt_box ul li{width:31%;list-style:none}
#housing .sec3 .change,#housing .sec3 .txt_box ul li img{display:block;width:100%}
#housing .sec3 .change{max-width:750pt;margin-bottom:20px}
#housing .sec3 .change img,#housing .sec3 .taiou{display:block;width:100%}
#housing .sec3 .taiou{margin:0 auto}
#housing .sec3 .keisan{display:block;width:100%;margin:0 auto 20px}
#housing .sec4 .hosyou_txt li{list-style:none;font-size:1pc;font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;text-indent:0;padding-left:1pc;position:relative;line-height:2}
#housing .sec4 .hosyou_txt li:before{content:"";width:3px;height:3px;background-color:#000;border-radius:50px;position:absolute;top:15px;left:6px}
#housing .sec4 .pdf_list{max-width:620px;padding:0 10px;margin:40px auto 65px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;flex-wrap:wrap}
#housing .sec4 .pdf_list li{list-style:none;width:46.7%}
#housing .sec4 .pdf_list li a{position:relative;display:block;text-align:center;padding:14px 35px 14px 0;font-size:20px;font-family:NotoSansCJKjp Bold,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;color:#000;text-decoration:none;transition:.5s;border-radius:50px;border:2px solid #000;background-color:#fff}
#housing .sec4 .pdf_list li a:after{content:"";width:20px;height:20px;background-image:url(../img/common/icon_1.png);background-size:cover;background-repeat:no-repeat;position:absolute;top:52%;right:65px;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
#housing .sec4 .pdf_list li a:hover{background-color:#000;color:#fff}
#housing .sec4 .pdf_list li a:hover:after{background-image:url(../img/common/icon_2.png)}
#housing .sec4 .pdf_list li:last-child a:after{right:45px}
#housing .sec4 .bg_wh{background-color:#fff;padding:30px}
#housing .sec4 .bg_wh h3{font-size:24px;text-align:center;font-family:NotoSansCJKjp Bold,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;color:#469687;margin-bottom:30px}
#housing .sec4 .bg_wh .hosyougai_txt,#housing .sec4 .bg_wh p{line-height:2;font-size:1pc;font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif}
#housing .sec4 .bg_wh p a{color:#469687;padding-right:10px;position:relative;text-decoration:none}
#housing .sec4 .bg_wh p a span{border-bottom:1px solid #469687}
#housing .sec4 .bg_wh p a img{width:1pc;vertical-align:middle}
#housing .sec4 .bg_wh .hosyougai_txt li{list-style:none;text-indent:0;padding-left:1pc;position:relative}
#housing .sec4 .bg_wh .hosyougai_txt li:before{content:"";width:3px;height:3px;background-color:#000;border-radius:50px;position:absolute;top:15px;left:6px}
#housing .sec4 .bg_wh .icon_list{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;margin-top:30px;flex-wrap:wrap}
#housing .sec4 .bg_wh .icon_list li{list-style:none;width:15.32%;margin-bottom:15px}
#housing .sec4 .bg_wh .icon_list li img{display:block;width:100%}
#housing .sec4 .bg_wh .icon_list .mbn{margin-bottom:0}
#housing .sec5 #table{margin-bottom:60px}
#housing .sec5 #table h3{text-align:center;font-size:24px;font-family:NotoSansCJKjp Bold,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;background-color:#469687;color:#fff;padding:7px 0;margin-bottom:20px}
#housing .sec5 #table table{width:100%;background-color:#fff;border:0;border-collapse:collapse;margin-bottom:15px}
#housing .sec5 #table table td,#housing .sec5 #table table th{font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;padding:6px 15px}
#housing .sec5 #table table .bor_gr th{border-bottom:2px solid #469687}
#housing .sec5 #table table .bor_gr th:first-child{border-bottom:0}
#housing .sec5 #table table .bor_gr th:nth-of-type(n+2){border-left:2px solid #469687}
#housing .sec5 #table table .bor_gr_sub th{border-left:1px solid #469687}
#housing .sec5 #table table .bor_gr_sub th:nth-child(odd){border-left:2px solid #469687}
#housing .sec5 #table table td{border-bottom:2px solid #469687}
#housing .sec5 #table table td:nth-of-type(n+2){text-align:right;border-left:1px solid #469687}
#housing .sec5 #table table td:nth-of-type(2n){border-left:2px solid #469687}
#housing .sec5 #table table td:first-child{font-family:NotoSansCJKjp Bold,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif}
#housing .sec5 #table table td span{font-size:13px}
#housing .sec5 #table table tr:last-child td{border-bottom:0}
#housing .sec5 #table table .bg_gr{background-color:#c8dfdb}
#housing .sec5 #table #pattern1 tr .w340{width:34%}
#housing .sec5 #table #pattern1 tr .w220{width:22%}
#housing .sec5 #table p{text-indent:-40px;padding-left:42px}
#housing .sec5 .fwb{font-size:1pc;font-family:NotoSansCJKjp Bold,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;margin-bottom:10px}
#housing .sec5 #table p,#housing .sec5 .tyuui{font-size:1pc;font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif}
#housing .sec5 .tyuui span{display:inline-block;border:2px solid #000;padding:5px 15px;margin-right:15px}
#housing .sec6 .sec6_txt{font-size:1pc;font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;line-height:2;margin-bottom:40px}
#housing .sec6 ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between}
#housing .sec6 ul li{list-style:none;width:29.4%;position:relative}
#housing .sec6 ul li figure img{display:block;width:100%;margin-bottom:15px}
#housing .sec6 ul li figure figcaption{text-align:center;font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;line-height:1.8}
#housing .sec6 ul li figure figcaption .green_txt{color:#469687;font-family:NotoSansCJKjp Bold,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif}
#housing .sec6 ul .yazi:after{content:"";position:absolute;top:23%;right:-15%;width:8.85%;height:56px;display:block;background-image:url(../img/housing/yazi.png);background-size:contain;background-repeat:no-repeat}
#housing .sec7 .sec7_txt{font-size:1pc;font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;line-height:2;margin-bottom:40px}
#housing .sec7 .sec7_txt a{color:#469687;padding-right:10px;position:relative;text-decoration:none}
#housing .sec7 .sec7_txt a span{border-bottom:1px solid #469687}
#housing .sec7 .sec7_txt a img{width:1pc;vertical-align:middle}
#housing .sec7 .contact_link{margin-bottom:40px}
#housing .sec7 .contact_link .wh{background-color:#fff;padding:30px 55px}
#housing .sec7 .contact_link .ttl{font-size:30px;font-family:NotoSansCJKjp Bold,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;color:#469687;margin-bottom:30px;text-align:center}
#housing .sec7 .contact_link .df{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between}
#housing .sec7 .contact_link .df .con{width:47.2%}
#housing .sec7 .contact_link .df .con a,#housing .sec7 .contact_link .df .con a img{display:block;width:100%}
#housing .sec7 .contact_link p,#housing .sec7 .kome{font-size:1pc;font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif}
#housing .sec7 .kome{line-height:2}
#housing .sec8 .qa li{list-style:none;background-color:#fff;padding:20px 30px 30px;margin-bottom:30px}
#housing .sec8 .qa li:last-child{margin-bottom:0}
#housing .sec8 .qa li .q_area{padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed #b4b4b4}
#housing .sec8 .qa li .q_area,#housing .sec8 .qa li .q_area .q_icon{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center}
#housing .sec8 .qa li .q_area .q_icon{justify-content:center;line-height:1;min-width:42px;height:42px;background-color:#469687;font-size:22px;font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;margin-right:15px;color:#fff}
#housing .sec8 .qa li .q_area .q_txt{font-size:20px;font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif}
#housing .sec8 .qa li .a_area{align-items:flex-start}
#housing .sec8 .qa li .a_area,#housing .sec8 .qa li .a_area .a_icon{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}
#housing .sec8 .qa li .a_area .a_icon{justify-content:center;align-items:center;line-height:1;min-width:42px;height:42px;background-color:#c8dfdb;font-size:22px;font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;margin-right:15px;color:#469687}
#housing .sec8 .qa li .a_area .a_txt{font-size:1pc;font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;line-height:2;padding-top:5px}
#housing .sec8 .qa li .a_area .a_txt a{text-decoration:none;color:#000}
#housing .sec8 .qa li .a_area .a_txt a.mail{border-bottom:1px solid #000}
#housing .regulations{max-width:610px;padding:0 20px;margin:60px auto}
#housing .regulations h3{color:#469687;text-align:center;margin-bottom:15px;font-family:NotoSansCJKjp Bold,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif}
#housing .regulations .old{margin-bottom:40px}
#housing .regulations h2{text-align:center;font-size:30px;font-family:NotoSansCJKjp Bold,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;line-height:1;margin-bottom:30px}
#housing .regulations ul li{list-style:none;margin-bottom:20px;width:100%}
#housing .regulations ul li a{display:block;width:100%;padding:21px 30px;font-size:18px;font-family:NotoSansCJKjp Bold,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;text-decoration:none;line-height:1;color:#000;position:relative;border-radius:50px;transition:.5s;border:2px solid #000}
#housing .regulations ul li a:after{content:"";width:20px;height:20px;background-image:url(../img/common/icon_1.png);background-size:cover;background-repeat:no-repeat;position:absolute;top:50%;right:35px;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
#housing .regulations ul li a:hover{background-color:#000;color:#fff}
#housing .regulations ul li a:hover:after{background-image:url(../img/common/icon_2.png)}
#housing .privacy{max-width:65pc;padding:0 20px;margin:0 auto 60px}
#housing .privacy h2{text-align:center;font-size:30px;font-family:NotoSansCJKjp Bold,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;line-height:1;margin-bottom:30px}
#housing .privacy p{font-size:1pc;font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;line-height:2}
@media all and (max-width:768px){
  #housing .kv{height:250px;margin-bottom:0}
  #housing .kv .kv_text{width:315px;height:315px;top:10pc;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
  #housing .kv .kv_text .green_area{padding:30px}
  #housing .kv .kv_text .green_area img{margin-bottom:25px;width:72.5px}
  #housing .kv .kv_text .green_area p{font-size:31.5px}
  #housing .kv .kv_text .op_area{padding:15px}
  #housing .kv .kv_text .op_area p:first-child{font-size:15px}
  #housing .kv .kv_text .op_area p:last-child{font-size:1pc;width:102.5px;padding:6px 0}
  #housing .gray_bg{padding:50px 15px;margin-bottom:25px}
  #housing .gray_bg .w1000 h2{font-size:25px;padding-bottom:40px;margin-bottom:30px}
  #housing .gray_bg .w1000 h2 span{right:45.3%}
  #housing .sec1{padding-top:275px}
  #housing .sec1 ul{margin-bottom:15px}
  #housing .sec1 ul li{width:32%}
  #housing .sec1 .sec1_konnano{font-size:17.5px;margin-bottom:30px}
  #housing .sec1 .sec1_konnano span{font-size:23px}
  #housing .sec1 .manufacturer{margin-bottom:30px}
  #housing .sec1 .kome,#housing .sec1 .kome .fz20{font-size:14px}
  #housing .sec2 h2{letter-spacing:-.5px}
  #housing .sec2 .change{margin-bottom:30px}
  #housing .sec2 ul li{margin-bottom:20px}
  #housing .sec2 ul li .green_ttl{font-size:15px}
  #housing .sec2 ul li .txt{font-size:14px}
  #housing .sec2 ul li:last-child{margin-bottom:30px}
  #housing .sec2 .toha{font-size:15px}
  #housing .sec2 .kome{font-size:14px}
  #housing .sec3 .txt_box h3{font-size:17px;letter-spacing:0;line-height:1.7;margin-bottom:20px}
  #housing .sec3 .txt_box p{font-size:14px;margin-bottom:20px}
  #housing .sec3 .txt_box ul{padding:0;margin-bottom:20px}
  #housing .sec3 .change,#housing .sec3 .keisan{margin-bottom:10px}
  #housing .sec4 .hosyou_txt li{font-size:14px}
  #housing .sec4 .pdf_list{padding:0;margin:20px auto 30px}
  #housing .sec4 .pdf_list li{width:100%;margin-bottom:15px}
  #housing .sec4 .bg_wh{padding:25px 15px}
  #housing .sec4 .bg_wh h3{font-size:18px;margin-bottom:25px}
  #housing .sec4 .bg_wh .hosyougai_txt,#housing .sec4 .bg_wh p{font-size:14px}
  #housing .sec4 .bg_wh .icon_list{margin-top:25px}
  #housing .sec4 .bg_wh .icon_list li{width:30.5%}
  #housing .sec5 .fwb{font-size:14px;margin-bottom:15px}
  #housing .sec5 .tyuui{font-size:14px}
  #housing .sec5 .tyuui span{display:block;width:235px;margin-bottom:20px}
  #housing .sec5 .accordionbox{margin-bottom:50px}
  #housing .sec5 .accordionbox .acd_ttl{color:#fff;text-align:center;font-size:18px;font-family:NotoSansCJKjp Bold,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;margin-bottom:15px;padding:10px;background-color:#469687}
  #housing .sec5 .accordionbox .accordionlist{position:relative;margin-bottom:15px}
  #housing .sec5 .accordionbox .accordionlist .clearfix{position:relative}
  #housing .sec5 .accordionbox .accordionlist .clearfix .title{background-color:#c8dfdb}
  #housing .sec5 .accordionbox .accordionlist .clearfix .title p{color:#000;font-size:1pc;padding:17.5px;margin-bottom:0;text-align:left;line-height:1;font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif}
  #housing .sec5 .accordionbox .accordionlist .clearfix .accordion_icon{display:inline-block;transition:all .4s;box-sizing:border-box;position:absolute;width:15px;height:15px;float:right;top:50%;right:20px;transform:translateY(-50%)}
  #housing .sec5 .accordionbox .accordionlist .clearfix .accordion_icon span{display:inline-block;transition:all .4s;box-sizing:border-box;position:absolute;left:6px;width:100%;height:2px;background-color:#000;border-radius:4px;-webkit-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px}
  #housing .sec5 .accordionbox .accordionlist .clearfix .accordion_icon span:nth-of-type(1){top:50%;transform:translateY(-50%);transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}
  #housing .sec5 .accordionbox .accordionlist .clearfix .accordion_icon span:nth-of-type(2){top:50%;transform:translateY(-50%);transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}
  #housing .sec5 .accordionbox .accordionlist .clearfix .accordion_icon.active span:nth-of-type(1){display:none}
  #housing .sec5 .accordionbox .accordionlist .clearfix .accordion_icon.active span:nth-of-type(2){top:5px;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}
  #housing .sec5 .accordionbox .accordionlist dd{padding:20px 15px;display:none;background-color:#fff}
  #housing .sec5 .accordionbox .accordionlist dd table{border:0;border-collapse:collapse;width:100%}
  #housing .sec5 .accordionbox .accordionlist dd table tr{border-bottom:1.5px solid #469687}
  #housing .sec5 .accordionbox .accordionlist dd table tr td,#housing .sec5 .accordionbox .accordionlist dd table tr th{padding:9px 10px;font-size:13px;font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif}
  #housing .sec5 .accordionbox .accordionlist dd table tr td span,#housing .sec5 .accordionbox .accordionlist dd table tr th span{font-size:10px}
  #housing .sec5 .accordionbox .accordionlist dd table tr th{border-right:1px solid #469687}
  #housing .sec5 .accordionbox .accordionlist dd table tr th:last-child{border-right:0}
  #housing .sec5 .accordionbox .accordionlist dd table tr td{font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif}
  #housing .sec5 .accordionbox .accordionlist dd table tr td:first-child{width:62%;font-family:NotoSansCJKjp Bold,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif}
  #housing .sec5 .accordionbox .accordionlist dd table tr td:nth-of-type(2n){width:19%;border-left:1.5px solid #469687;border-right:1px solid #469687;text-align:right}
  #housing .sec5 .accordionbox .accordionlist dd table tr td:nth-of-type(n+2){width:19%;text-align:right}
  #housing .sec5 .accordionbox .accordionlist dd table .bg_gr{background-color:#c8dfdb;border-top:1.5px solid #469687}
  #housing .sec5 .accordionbox .kome p{font-size:14px;font-family:NotoSansCJKjp Regular,メイリオ,Meiryo,ＭＳ\ ゴシック,sans-serif;padding-left:36px;text-indent:-36px}
  #housing .sec6 .sec6_txt{font-size:14px;margin-bottom:30px}
  #housing .sec6 ul{flex-wrap:wrap}
  #housing .sec6 ul li{width:100%;margin-bottom:6.5%}
  #housing .sec6 ul li figure{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;align-items:center}
  #housing .sec6 ul li figure img{width:42.7%;margin-bottom:0}
  #housing .sec6 ul li figure figcaption{width:50.2%;font-size:14px}
  #housing .sec6 ul li figure figcaption .fz16{font-size:9pt}
  #housing .sec6 ul li:last-child{margin-bottom:0}
  #housing .sec6 ul .yazi:after{left:20%;transform:rotate(90deg);right:inherit;top:inherit;width:13px;height:26px}
  #housing .sec7 .sec7_txt{font-size:14px;margin-bottom:30px}
  #housing .sec7 .contact_link{margin-bottom:25px}
  #housing .sec7 .contact_link .wh{padding:20px 15px}
  #housing .sec7 .contact_link .ttl{font-size:18px;margin-bottom:10px}
  #housing .sec7 .contact_link .df{flex-wrap:wrap}
  #housing .sec7 .contact_link .df .con{width:100%}
  #housing .sec7 .contact_link .df .con:first-child{margin-bottom:25px}
  #housing .sec7 .contact_link p,#housing .sec7 .kome{font-size:13px}
  #housing .sec8 .qa li{padding:15px}
  #housing .sec8 .qa li .q_area{align-items:flex-start;padding-bottom:10px;margin-bottom:15px}
  #housing .sec8 .qa li .q_area .q_icon{font-size:15px;height:30px;min-width:30px;margin-top:5px}
  #housing .sec8 .qa li .q_area .q_txt{font-size:1pc}
  #housing .sec8 .qa li .a_area{align-items:flex-start}
  #housing .sec8 .qa li .a_area .a_icon{font-size:15px;height:30px;min-width:30px;margin-top:5px}
  #housing .sec8 .qa li .a_area .a_txt{font-size:14px;padding-top:0;line-height:1.5}
  #housing .regulations{padding:0 15px;margin:50px 0}
  #housing .regulations h2{font-size:20px;margin-bottom:30px}
  #housing .regulations h3{font-size:14px;margin-bottom:15px}
  #housing .regulations ul li{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;height:5pc}
  #housing .regulations ul li a{font-size:14px;line-height:1.3;border-radius:50px;padding:21px 60px 21px 30px}
  #housing .privacy{padding:0 15px;margin:0 auto 75pt}
  #housing .privacy h2{font-size:20px;margin-bottom:30px}
  #housing .privacy p{font-size:14px;line-height:1.5}
}