@charset "UTF-8";
@import url("page-system_pcsp.css");
@import url("page-system_base.css");
#event .system-default-list .system-cate >span.event { background-color: #52A136; }
#event .system-detail-inner .system-cate >span.event { background-color: #52A136; }
#event .system-default-list .sy_radio-box > p.sy_radio-2 { background-color: #000; }
#event .system-detail-inner .sy_radio-box > p.sy_radio-2 { background-color: #000; }
@media screen and (min-width: 768px), print {
  h1.main-title { margin-bottom: 48px; }
  #case_new .case_new-cate-select { display: none; }
  #case_new .case_new-cate-list { display: flex; flex-wrap: wrap; margin-bottom: 32px; }
  #case_new .case_new-cate-list li.is-current a { background-color: #393939; color: #fff; }
  #case_new .case_new-cate-list li.kitchen-bath.is-current a { background-color: #5997d0; border: 1px solid #5997d0; color: #fff; }
  #case_new .case_new-cate-list li.kitchen-bath a:hover { background-color: #5997d0; border: 1px solid #5997d0; color: #fff; text-decoration: none; }
  #case_new .case_new-cate-list li.interior.is-current a { background-color: #dbb11f; border: 1px solid #dbb11f; color: #fff; }
  #case_new .case_new-cate-list li.interior a:hover { background-color: #dbb11f; border: 1px solid #dbb11f; color: #fff; text-decoration: none; }
  #case_new .case_new-cate-list li.exterior.is-current a { background-color: #52a136; border: 1px solid #52a136; color: #fff; }
  #case_new .case_new-cate-list li.exterior a:hover { background-color: #52a136; border: 1px solid #52a136; color: #fff; text-decoration: none; }
  #case_new .case_new-cate-list li.barrierfree.is-current a { background-color: #E87A3A; border: 1px solid #E87A3A; color: #fff; }
  #case_new .case_new-cate-list li.barrierfree a:hover { background-color: #E87A3A; border: 1px solid #E87A3A; color: #fff; text-decoration: none; }
  #case_new .case_new-cate-list li.improvement.is-current a { background-color: #C09A15; border: 1px solid #C09A15; color: #fff; }
  #case_new .case_new-cate-list li.improvement a:hover { background-color: #C09A15; border: 1px solid #C09A15; color: #fff; text-decoration: none; }
  #case_new .case_new-cate-list li.renovation.is-current a { background-color: #DBB11F; border: 1px solid #DBB11F; color: #fff; }
  #case_new .case_new-cate-list li.renovation a:hover { background-color: #DBB11F; border: 1px solid #DBB11F; color: #fff; text-decoration: none; }
  #case_new .case_new-cate-list li.new-construction.is-current a { background-color: #90C320; border: 1px solid #90C320; color: #fff; }
  #case_new .case_new-cate-list li.new-construction a:hover { background-color: #90C320; border: 1px solid #90C320; color: #fff; text-decoration: none; }
  #case_new .case_new-cate-list li a { min-width: 128px; text-align: center; border: 1px solid #000; padding: 3px 16px; margin-bottom: 8px; margin-right: 8px; display: block; font-size: 13px; }
  #case_new .case_new-cate-list li a:hover { background-color: #000; color: #fff; text-decoration: none; }
  #case_new .cate-name-ttl { font-size: 18px; margin-bottom: 12px; }
  #case_new .cate-name-ttl .ss { color: #ff7500; margin-right: 8px; }
  #case_new .system-default-list .system-default-item { background-color: #ffffff; border-radius: 14px; border: 2px solid #cfccc4; padding: 20px 20px 32px; position: relative; }
  #case_new .system-default-list .system-cate { position: absolute; top: 20px; left: 20px; font-size: 14px; font-weight: 700; line-height: 1.71; color: #ffffff; z-index: 20; }
  #case_new .system-default-list .system-cate >span { display: inline-block; padding: 5px 35px 5px; min-width: 102px; text-align: center; margin-right: 5px; margin-bottom: 5px; }
  #case_new .system-default-list .system-cate .kitchen-bath { background-color: #5997d0; }
  #case_new .system-default-list .system-cate .interior { background-color: #dbb11f; }
  #case_new .system-default-list .system-cate .exterior { background-color: #52a136; }
  #case_new .system-default-list .system-cate .barrierfree { background-color: #E87A3A; }
  #case_new .system-default-list .system-cate .improvement { background-color: #C09A15; }
  #case_new .system-default-list .system-cate .renovation { background-color: #DBB11F; }
  #case_new .system-default-list .system-cate .new-construction { background-color: #90C320; }
  #case_new .system-default-list .system-pic { margin-bottom: 24px; text-align: center; }
  #case_new .system-default-list .system-pic img { aspect-ratio: 11 / 7; max-width: 100%; height: 191px; }

  #case_new .system-default-list .sy-flex { font-size: 14px; font-weight: 500; line-height: 1.34; letter-spacing: 1px; text-align: left; margin-bottom: 8px; }
  #case_new .system-default-list .sy-flex .sy-box-l { display: inline-block; margin-right: 7px; margin-bottom: 7px; }
  #case_new .system-default-list .sy-flex .sy-box-l .system-sy1 .ss { color: #12a747; }
  #case_new .system-default-list .sy-flex .sy-box-r { display: inline-block; }
  #case_new .system-default-list .sy-flex .sy-box-r .system-sy2 .ss { color: #52a136; }
  #case_new .system-default-list .system-ttl { font-size: 20px; font-weight: 700; line-height: 1.65; letter-spacing: 1px; text-align: left; color: #2c2620; }
  #case_new .system-detail-inner .system-cate { font-size: 14px; font-weight: 700; line-height: 1.71; color: #ffffff; z-index: 20; margin-bottom: 5px; }
  #case_new .system-detail-inner .system-cate >span { display: inline-block; padding: 5px 35px 5px; min-width: 102px; text-align: center; margin-right: 5px; margin-bottom: 5px; }
  #case_new .system-detail-inner .system-cate .kitchen-bath { background-color: #5997d0; }
  #case_new .system-detail-inner .system-cate .interior { background-color: #dbb11f; }
  #case_new .system-detail-inner .system-cate .exterior { background-color: #52a136; }
  #case_new .system-detail-inner .system-cate .barrierfree { background-color: #E87A3A; }
  #case_new .system-detail-inner .system-cate .improvement { background-color: #C09A15; }
  #case_new .system-detail-inner .system-cate .renovation { background-color: #DBB11F; }
  #case_new .system-detail-inner .system-cate .new-construction { background-color: #90C320; }
  #case_new .system-detail-inner .wysiwyg { margin-top: 48px; }
  #case_new .system-detail-inner .sy-flex { font-size: 14px; font-weight: 500; line-height: 1.34; letter-spacing: 1px; text-align: left; margin-bottom: 32px; margin-top: -12px; }
  #case_new .system-detail-inner .sy-flex .sy-box-l { display: inline-block; margin-right: 7px; margin-bottom: 7px; }
  #case_new .system-detail-inner .sy-flex .sy-box-l .system-sy1 .ss { color: #12a747; }
  #case_new .system-detail-inner .sy-flex .sy-box-r .system-sy2 .ss { color: #52a136; }
  #greeting .system-default-list .system-default-item { background-color: #ffffff; border-radius: 14px; border: 2px solid #cfccc4; padding: 20px 20px 32px; position: relative; }
  #greeting .system-default-list .system-cate { position: absolute; top: 20px; left: 20px; font-size: 14px; font-weight: 700; line-height: 1.71; color: #ffffff; z-index: 20; }
  #greeting .system-default-list .system-cate >span { display: inline-block; padding: 5px 35px 5px; min-width: 102px; text-align: center; margin-right: 5px; margin-bottom: 5px; }
  #greeting .system-default-list .system-cate .kitchen-bath { background-color: #5997d0; }
  #greeting .system-default-list .system-cate .interior { background-color: #dbb11f; }
  #greeting .system-default-list .system-cate .exterior { background-color: #52a136; }
  #greeting .system-default-list .system-cate .barrierfree { background-color: #E87A3A; }
  #greeting .system-default-list .system-cate .improvement { background-color: #C09A15; }
  #greeting .system-default-list .system-cate .renovation { background-color: #DBB11F; }
  #greeting .system-default-list .system-cate .new-construction { background-color: #90C320; }
  #greeting .system-default-list .system-pic { margin-bottom: 24px; }
  #greeting .system-default-list .system-pic img { aspect-ratio: 11 / 7; max-width: 100%; height: auto; }
  #greeting .system-default-list .sy-flex { font-size: 14px; font-weight: 500; line-height: 1.34; letter-spacing: 1px; text-align: left; margin-bottom: 8px; }
  #greeting .system-default-list .sy-flex .sy-box-l { display: inline-block; margin-right: 7px; margin-bottom: 7px; }
  #greeting .system-default-list .sy-flex .sy-box-l .system-sy1 .ss { color: #12a747; }
  #greeting .system-default-list .sy-flex .sy-box-r { display: inline-block; }
  #greeting .system-default-list .sy-flex .sy-box-r .system-sy2 .ss { color: #52a136; }
  #greeting .system-default-list .system-ttl { font-size: 20px; font-weight: 700; line-height: 1.65; letter-spacing: 1px; text-align: left; color: #2c2620; }
  #greeting .system-detail-inner .system-cate { font-size: 14px; font-weight: 700; line-height: 1.71; color: #ffffff; z-index: 20; margin-bottom: 5px; }
  #greeting .system-detail-inner .system-cate >span { display: inline-block; padding: 5px 35px 5px; min-width: 102px; text-align: center; margin-right: 5px; margin-bottom: 5px; }
  #greeting .system-detail-inner .system-cate .kitchen-bath { background-color: #5997d0; }
  #greeting .system-detail-inner .system-cate .interior { background-color: #dbb11f; }
  #greeting .system-detail-inner .system-cate .exterior { background-color: #52a136; }
  #greeting .system-detail-inner .system-cate .barrierfree { background-color: #E87A3A; }
  #greeting .system-detail-inner .system-cate .improvement { background-color: #C09A15; }
  #greeting .system-detail-inner .system-cate .renovation { background-color: #DBB11F; }
  #greeting .system-detail-inner .system-cate .new-construction { background-color: #90C320; }
  #greeting .system-detail-inner .wysiwyg { margin-top: 48px; }
  #greeting .system-detail-inner .sy-flex { font-size: 14px; font-weight: 500; line-height: 1.34; letter-spacing: 1px; text-align: left; margin-bottom: 32px; margin-top: -12px; }
  #greeting .system-detail-inner .sy-flex .sy-box-l { display: inline-block; margin-right: 7px; margin-bottom: 7px; }
  #greeting .system-detail-inner .sy-flex .sy-box-l .system-sy1 .ss { color: #12a747; }
  #greeting .system-detail-inner .sy-flex .sy-box-r .system-sy2 .ss { color: #52a136; }
  #voice .system-default-list .system-default-item { background-color: #ffffff; padding: 20px 20px 32px; position: relative; border: 1px solid #ccc; }
  #voice .system-default-list .system-pic { margin-bottom: 24px; }
  #voice .system-default-list .system-pic img { aspect-ratio: 3 / 2; max-width: 100%; height: auto; }
  #voice .system-default-list .sy-flex { font-size: 14px; font-weight: 500; line-height: 1.34; letter-spacing: 1px; text-align: left; margin-bottom: 8px; }
  #voice .system-default-list .sy-flex .sy-box-l { display: inline-block; margin-right: 7px; margin-bottom: 7px; }
  #voice .system-default-list .sy-flex .sy-box-l .system-sy1 .ss { color: #12a747; }
  #voice .system-default-list .sy-flex .sy-box-r { display: inline-block; }
  #voice .system-default-list .sy-flex .sy-box-r .system-sy2 .ss { color: #52a136; }
  #voice .system-default-list .system-ttl { font-size: 18px; font-weight: 700; line-height: 1.67; letter-spacing: 1px; text-align: left; color: #2c2620; }
  #voice .system-detail-inner .sy-flex { font-size: 14px; font-weight: 500; line-height: 1.34; letter-spacing: 1px; text-align: left; margin-bottom: 32px; margin-top: -12px; }
  #voice .system-detail-inner .sy-flex .sy-box-l { display: inline-block; margin-right: 7px; margin-bottom: 7px; }
  #voice .system-detail-inner .sy-flex .sy-box-l .system-sy1 .ss { color: #12a747; }
  #voice .system-detail-inner .sy-flex .sy-box-r .system-sy2 .ss { color: #52a136; }
  #event .event-cate-select { display: none; }
  #event .event-cate-list { display: flex; flex-wrap: wrap; margin-bottom: 32px; }
  #event .event-cate-list li.is-current a { background-color: #393939; color: #fff; }
  #event .event-cate-list li.campaign.is-current a { background-color: #5997d0; border: 1px solid #5997d0; color: #fff; }
  #event .event-cate-list li.campaign a:hover { background-color: #5997d0; border: 1px solid #5997d0; color: #fff; text-decoration: none; }
  #event .event-cate-list li.event.is-current a { background-color: #52A136; border: 1px solid #52A136; color: #fff; }
  #event .event-cate-list li.event a:hover { background-color: #52A136; border: 1px solid #52A136; color: #fff; text-decoration: none; }
  #event .event-cate-list li a { min-width: 128px; text-align: center; border: 1px solid #000; padding: 3px 16px; margin-bottom: 8px; margin-right: 8px; display: block; font-size: 13px; }
  #event .event-cate-list li a:hover { background-color: #000; color: #fff; text-decoration: none; }
  #event .system-default-list .system-pic { text-align: center; margin-bottom: 16px; }
  #event .card-3 { grid-template-columns: repeat(auto-fill, 320px); }
  #event .system-default-list.card-3 { row-gap: 56px; column-gap: 70px; }
  #event .system-default-list .system-pic img { aspect-ratio: 23 / 28; max-width: 100%; height: auto; }
  #event .system-default-list .sy-flex { display: flex; flex-wrap: wrap; margin-bottom: 8px; }
  #event .system-default-list .sy-flex .box-l { width: 62px; margin-right: 10px; }
  #event .system-default-list .sy-flex .box-r { width: calc(100% - 72px); position: relative; top: -2px; }
  #event .system-default-list .sy_radio-box > p { font-size: 15px; font-weight: 500; line-height: 1.71; text-align: left; color: #ffffff; text-align: center; background-color: #e96323; border-radius: 5px; width: 62px; padding: 2px 5px 2px 5px; }
  #event .system-default-list .system-cate >span { background-color: #5997d0; font-size: 15px; font-weight: 500; line-height: 1.71; text-align: left; color: #ffffff; text-align: center; border-radius: 5px; display: inline-block; padding: 1px 10px 2px 10px; }
  #event .system-default-list .sy_radio-2 { color: #fff; }
  #event .system-default-list .system-ttl { margin-top: 19px; font-size: 20px; font-weight: 700; line-height: 1.54; text-align: left; color: #303030; background: linear-gradient(transparent 98%, #303030 0%); display: inline; }
  #event .system-default-list .system-info { margin-top: 16px; }
  #event .system-default-list .system-info .system-flex { display: flex; flex-wrap: wrap; margin-bottom: 9px; border-bottom: 1px dashed #7a716a; padding-bottom: 9px; }
  #event .system-default-list .system-info .system-flex:last-child { margin-bottom: 0; }
  #event .system-default-list .system-info .system-flex .system-box-l { width: 72px; margin-right: 18px; font-size: 16px; font-weight: 500; line-height: 1.75; text-align: left; color: #303030; }
  #event .system-default-list .system-info .system-flex .system-box-l .system-color { display: block; }
  #event .system-default-list .system-info .system-flex .system-box-r { width: 229px; font-size: 16px; font-weight: 500; line-height: 1.75; text-align: left; color: #303030; }
  #event .system-default-list .system-default-item:hover .system-ttl { text-decoration: none; }
  #event .system-detail-inner .sy-flex { display: flex; flex-wrap: wrap; margin-bottom: 8px; }
  #event .system-detail-inner .sy-flex .box-l { width: 62px; margin-right: 10px; }
  #event .system-detail-inner .sy-flex .box-r { width: calc(100% - 72px); position: relative; top: -2px; }
  #event .system-detail-inner .sy_radio-box > p { font-size: 15px; font-weight: 500; line-height: 1.71; text-align: left; color: #ffffff; text-align: center; background-color: #e96323; border-radius: 5px; width: 62px; padding: 2px 5px 2px 5px; }
  #event .system-detail-inner .system-cate >span { background-color: #5997d0; font-size: 15px; font-weight: 500; line-height: 1.71; text-align: left; color: #ffffff; text-align: center; border-radius: 5px; display: inline-block; padding: 1px 10px 2px 10px; }
  #event .system-detail-inner .sy_radio-2 { color: #fff; }
  #event .system-detail-inner .sy_radio-2 { background-color: #1c1c1c; color: #fff; }
  #event .system-detail-inner .table-info-box { text-align: center; margin-bottom: 48px; }
  #event .system-detail-inner .table-info-box .table-box { max-width: 100%; width: 800px; margin: 0 auto; border: 1px solid #1c1c1c; }
  #event .system-detail-inner .table-info-box .table-box tr:last-child .th-txt, #event .system-detail-inner .table-info-box .table-box tr:last-child .td-txt { border-bottom: none; line-height: 1.7; }
  #event .system-detail-inner .table-info-box .table-box .th-txt, #event .system-detail-inner .table-info-box .table-box .td-txt { padding: 10px 16px; }
  #event .system-detail-inner .table-info-box .table-box .th-txt { background-color: #E8E2D6; font-weight: 500; font-size: 16px; text-align: center; color: #303030; border-bottom: 1px solid #1c1c1c; width: 128px; vertical-align: middle; }
  #event .system-detail-inner .table-info-box .table-box .td-txt { font-weight: normal; font-size: 16px; text-align: left; color: #000; border-bottom: 1px solid #1c1c1c; }
  #news .system-list { margin-bottom: 50px; }
  #news .system-list li { line-height: 1.4; overflow: hidden; margin-bottom: 20px; padding: 0 0 20px; border-bottom: 1px dotted #E8E2D6; }
  #news .system-list li a:hover { text-decoration: none; }
  #news .system-list .system-date { float: left; width: 20%; font-size: 15px; font-weight: 400; line-height: 1.7; letter-spacing: 1px; color: #2d4a35; padding-left: 32px; }
  #news .system-list .text-box { font-size: 14px; line-height: 1.7; float: left; width: 78%; }
  #news .system-list .system-ttl-01 { font-size: 14px; font-weight: 400; line-height: 1.7; letter-spacing: 1px; color: #2c2620; }
  #news .system-list .system-category-set { margin-bottom: 10px; color: #fff; }
  #news .system-list .system-category { font-size: 0.688em; font-weight: bold; float: left; width: 20%; margin-right: 1px; padding: 5px; text-align: center; color: #fff; background: #ccc; }
  #news .system-category-set p { display: inline-block; margin-right: 10px; padding: 4px 15px; background: #000 !important; }
  #news .system-contents { margin-bottom: 30px; padding: 20px; background: #eeefef; }
  #news .system-contents-inner { padding: 40px 20px; background: #fff; }
  #news .system-contents .system-date { font-size: 1em; display: block; margin-bottom: 15px; }
  #news .system-contents .system-category-set { width: 100%; margin-bottom: 20px; color: #fff; }
  #news .system-contents .system-category { font-size: 0.75em; font-weight: bold; float: left; width: 20%; margin-right: 2px; padding: 8px; text-align: center; color: #fff; background: #ccc; }
  #news .system-contents .system-ttl { font-size: 1.375em; font-weight: bold; line-height: 1.4; margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px #ccc solid; }
  #news .system-detail-inner .system-date { font-size: 16px; font-weight: 400; line-height: 1.7; letter-spacing: 1px; text-align: left; color: #2d4a35; }
  #faq .faq-list { width: 1100px; margin: 0 auto; }
  #faq .faq-list li { border: 1px solid #CFCCC4; padding: 5px 5px 5px; border-radius: 12px; margin-bottom: 20px; }
  #faq .faq-list .faq-ttl-box { position: relative; font-weight: 500; font-size: 18px; font-weight: 700; line-height: 1.61; letter-spacing: 1px; text-align: left; color: #2c2620; padding: 28px 99px 23px 89px; background-image: url(../images/system/faq-q.png); background-repeat: no-repeat; background-position: 27px 19px; }
  #faq .faq-list .faq-ttl-box:hover { cursor: pointer; cursor: hand; }
  #faq .faq-list .faq-ttl-box .faq-ch { right: 38px; top: 20px; width: 20px; height: 11px; position: absolute; }
  #faq .faq-list .faq-ttl-box.is-open .faq-ch img { transform: scaleY(-1); }
  #faq .faq-list .txt-box { width: 1034px; margin: 0 auto; display: none; font-size: 14px; font-weight: 500; line-height: 1.9; text-align: left; color: #2c2620; padding: 23px 61px 17px; border-top: 1px solid #CFCCC4; margin-top: 5px; }
  #faq .faq-list li .faq-purasu { position: absolute; right: 28px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50px; background-color: #cfccc4; flex-shrink: 0; transition: background-color 0.3s ease, border 0.3s ease; }
  #faq .faq-list li .faq-purasu::before, #faq .faq-list li .faq-purasu::after { content: ""; position: absolute; display: block; width: 14px; height: 2px; background-color: #fff; transition: transform 0.3s ease, background-color 0.3s ease; }
  #faq .faq-list li .faq-purasu::after { transform: rotate(90deg); }
  #faq .faq-list .faq-ttl-box.is-open .faq-purasu { background-color: #ffffff; border: 1px solid #cfccc4; }
  #faq .faq-list .faq-ttl-box.is-open .faq-purasu::before, #faq .faq-list .faq-ttl-box.is-open .faq-purasu::after { background-color: #cfccc4; }
  #faq .faq-list .faq-ttl-box.is-open .faq-purasu::after { transform: rotate(0deg); }

  #event .form-Box_bg_wap .fmicon {
        display: block;
        margin-bottom: 31px;
        text-align: center;
    }


}
@media screen and (max-width: 767px) {
  h1.main-title { margin-bottom: 6vw; }
  #case_new .case_new-cate-list { display: flex; flex-wrap: wrap; margin-bottom: 5.797vw; }
  #case_new .case_new-cate-list li.is-current a { background-color: #393939; color: #fff; }
  #case_new .case_new-cate-list li.interior.is-current a { background-color: #dbb11f; border: 1px solid #dbb11f; color: #fff; }
  #case_new .case_new-cate-list li.interior a:hover { background-color: #dbb11f; border: 1px solid #dbb11f; color: #fff; text-decoration: none; }
  #case_new .case_new-cate-list li.exterior.is-current a { background-color: #52a136; border: 1px solid #52a136; color: #fff; }
  #case_new .case_new-cate-list li.exterior a:hover { background-color: #52a136; border: 1px solid #52a136; color: #fff; text-decoration: none; }
  #case_new .case_new-cate-list li.barrierfree.is-current a { background-color: #E87A3A; border: 1px solid #E87A3A; color: #fff; }
  #case_new .case_new-cate-list li.barrierfree a:hover { background-color: #E87A3A; border: 1px solid #E87A3A; color: #fff; text-decoration: none; }
  #case_new .case_new-cate-list li.improvement.is-current a { background-color: #C09A15; border: 1px solid #C09A15; color: #fff; }
  #case_new .case_new-cate-list li.improvement a:hover { background-color: #C09A15; border: 1px solid #C09A15; color: #fff; text-decoration: none; }
  #case_new .case_new-cate-list li.renovation.is-current a { background-color: #DBB11F; border: 1px solid #DBB11F; color: #fff; }
  #case_new .case_new-cate-list li.renovation a:hover { background-color: #DBB11F; border: 1px solid #DBB11F; color: #fff; text-decoration: none; }
  #case_new .case_new-cate-list li.new-construction.is-current a { background-color: #90C320; border: 1px solid #90C320; color: #fff; }
  #case_new .case_new-cate-list li.new-construction a:hover { background-color: #90C320; border: 1px solid #90C320; color: #fff; text-decoration: none; }
  #case_new .case_new-cate-list li a { min-width: 100%; text-align: center; border: 1px solid #000; padding: 0.725vw 3.865vw; margin-bottom: 1.932vw; margin-right: 1.932vw; display: block; font-size: 3.14vw; }
  #case_new .case_new-cate-list li a:hover { background-color: #000; color: #fff; text-decoration: none; }
  #case_new .cate-name-ttl { font-size: 4.348vw; margin-bottom: 2.899vw; }
  #case_new .cate-name-ttl .ss { color: #ff7500; margin-right: 1.932vw; }
  #case_new .system-default-list { width: 92.754vw; margin: 0 auto; display: flex; flex-wrap: wrap; }
  #case_new .system-default-list .system-default-item { width: 45.169vw; margin-right: 2.415vw; margin-bottom: 2.415vw; background-color: #ffffff; border-radius: 3.382vw; border: 2px solid #cfccc4; padding: 3.382vw 3.382vw 3.382vw; position: relative; }
  #case_new .system-default-list .system-default-item:nth-child(2n) { margin-right: 0px; }
  #case_new .system-default-list .system-cate { position: absolute; top: 3.382vw; left: 3.382vw; font-size: 3.382vw; font-weight: 700; line-height: 1.34; letter-spacing: 0.242vw; color: #ffffff; z-index: 20; }
  #case_new .system-default-list .system-cate >span { display: inline-block; padding: 0.725vw 3.382vw 0.725vw; min-width: 19.807vw; text-align: center; margin-right: 1.208vw; margin-bottom: 1.208vw; }
  #case_new .system-default-list .system-cate .kitchen-bath { background-color: #5997d0; }
  #case_new .system-default-list .system-cate .interior { background-color: #dbb11f; }
  #case_new .system-default-list .system-cate .exterior { background-color: #52a136; }
  #case_new .system-default-list .system-cate .barrierfree { background-color: #E87A3A; }
  #case_new .system-default-list .system-cate .improvement { background-color: #C09A15; }
  #case_new .system-default-list .system-cate .renovation { background-color: #DBB11F; }
  #case_new .system-default-list .system-cate .new-construction { background-color: #90C320; }
  #case_new .system-default-list .system-pic { margin-bottom: 2.174vw; }
  #case_new .system-default-list .system-pic img { aspect-ratio: 31 / 32; max-width: 100%; height: auto; }
  #case_new .system-default-list .sy-flex { font-size: 3.382vw; font-weight: 500; line-height: 1.34; letter-spacing: 0.242vw; text-align: left; margin-bottom: 3.14vw; }
  #case_new .system-default-list .sy-flex .sy-box-l { display: block; margin-bottom: 0.966vw; }
  #case_new .system-default-list .sy-flex .sy-box-l .system-sy1 .ss { color: #12a747; }
  #case_new .system-default-list .sy-flex .sy-box-r { display: block; }
  #case_new .system-default-list .sy-flex .sy-box-r .system-sy2 .ss { color: #52a136; }
  #case_new .system-default-list .system-ttl { font-size: 3.865vw; text-align: left; color: #2c2620; font-weight: 700; line-height: 1.75; letter-spacing: 0.193vw; }
  #case_new .system-detail-inner .system-cate { font-size: 3.382vw; font-weight: 700; line-height: 1.71; color: #ffffff; z-index: 20; margin-bottom: 1.208vw; }
  #case_new .system-detail-inner .system-cate >span { display: inline-block; padding: 1.208vw 8.454vw 1.208vw; min-width: 19.807vw; text-align: center; margin-right: 1.208vw; margin-bottom: 1.208vw; }
  #case_new .system-detail-inner .system-cate .kitchen-bath { background-color: #5997d0; }
  #case_new .system-detail-inner .system-cate .interior { background-color: #dbb11f; }
  #case_new .system-detail-inner .system-cate .exterior { background-color: #52a136; }
  #case_new .system-detail-inner .system-cate .barrierfree { background-color: #E87A3A; }
  #case_new .system-detail-inner .system-cate .improvement { background-color: #C09A15; }
  #case_new .system-detail-inner .system-cate .renovation { background-color: #DBB11F; }
  #case_new .system-detail-inner .system-cate .new-construction { background-color: #90C320; }
  #case_new .system-detail-inner .wysiwyg { margin-top: 11.594vw; }
  #case_new .system-detail-inner .sy-flex { font-size: 3.382vw; font-weight: 500; line-height: 1.34; letter-spacing: 0.242vw; text-align: left; margin-bottom: 5.797vw; margin-top: -2.899vw; }
  #case_new .system-detail-inner .sy-flex .sy-box-l { display: inline-block; margin-right: 1.691vw; margin-bottom: 1.691vw; }
  #case_new .system-detail-inner .sy-flex .sy-box-l .system-sy1 .ss { color: #12a747; }
  #case_new .system-detail-inner .sy-flex .sy-box-r .system-sy2 .ss { color: #52a136; }
  #case_new .case_new-cate-list { display: none; }
  #case_new .case_new-cate-select { width: 82.126vw; margin: 0 auto; display: block; margin-bottom: 6.763vw; }
  #case_new .case_new-cate-select select { width: 82.126vw; margin: 0 auto; padding: 2.899vw 1.932vw; font-size: 3.382vw; }
  #case_new .cate-name-ttl { width: 82.126vw; margin: 0 auto; font-size: 3.865vw; margin-bottom: 1.932vw; }
  #case_new .cate-name-ttl .ss { color: #ff7500; margin-right: 1.932vw; }
  #case_new .BAslide .Before { float: none; width: 100%; padding-bottom: 3%; border-bottom: 1px #ccc solid; }
  #case_new .BAslide .After { float: none; width: 100%; padding-bottom: 3%; border-bottom: 1px #ccc solid; }
  #case_new .arrow { position: static !important; display: block; width: 0; margin: 3% auto; -webkit-transform: rotate(90deg); transform: rotate(90deg); border: 20px solid transparent; border-right-width: 0; border-left-color: #ccc; }
  #case_new .BAslide .bxslider img { width: auto; height: auto; max-height: 30vw; margin: 0 auto; }
  #case_new .BAslide #bx-pager a, #case_new .BAslide #bx-pager02 a { display: inline-block; min-width: 8vw; margin-bottom: 1vw; padding: 0.5vw; text-align: center; border: 1px solid #ccc; }
  #case_new .BAslide #bx-pager img, #case_new .BAslide #bx-pager02 img { max-height: 6vw; vertical-align: bottom; }
  #case_new .BAslide .slider-before-nav > div, .BAslide .slider-after-nav > div { width: 13.527vw; height: 13.527vw; }
  #case_new .BAslide .slider-before-nav, .BAslide .slider-after-nav { margin-left: 0.725vw; }
  #greeting .system-default-list { width: 90.338vw; margin: 0 auto; display: flex; flex-wrap: wrap; }
  #greeting .system-default-list .system-default-item { width: 100%; margin-bottom: 4.348vw; background-color: #ffffff; border-radius: 3.382vw; border: 2px solid #cfccc4; padding: 4.831vw 3.623vw 4.831vw 3.382vw; position: relative; }
  #greeting .system-default-list .system-cate { position: absolute; top: 3.382vw; left: 3.382vw; font-size: 3.382vw; font-weight: 700; line-height: 1.34; letter-spacing: 0.242vw; color: #ffffff; z-index: 20; }
  #greeting .system-default-list .system-cate >span { display: inline-block; padding: 0.725vw 3.382vw 0.725vw; min-width: 19.807vw; text-align: center; margin-right: 1.208vw; margin-bottom: 1.208vw; }
  #greeting .system-default-list .system-cate .kitchen-bath { background-color: #5997d0; }
  #greeting .system-default-list .system-cate .interior { background-color: #dbb11f; }
  #greeting .system-default-list .system-cate .exterior { background-color: #52a136; }
  #greeting .system-default-list .system-cate .barrierfree { background-color: #E87A3A; }
  #greeting .system-default-list .system-cate .improvement { background-color: #C09A15; }
  #greeting .system-default-list .system-cate .renovation { background-color: #DBB11F; }
  #greeting .system-default-list .system-cate .new-construction { background-color: #90C320; }
  #greeting .system-default-list .system-pic { margin-bottom: 5.797vw; }
  #greeting .system-default-list .system-pic img { aspect-ratio: 345 / 223; max-width: 100%; height: auto; }
  #greeting .system-default-list .sy-flex { font-size: 3.382vw; font-weight: 500; line-height: 1.34; letter-spacing: 0.242vw; text-align: left; margin-bottom: 3.14vw; }
  #greeting .system-default-list .sy-flex .sy-box-l { display: block; margin-bottom: 0.966vw; }
  #greeting .system-default-list .sy-flex .sy-box-l .system-sy1 .ss { color: #12a747; }
  #greeting .system-default-list .sy-flex .sy-box-r { display: block; }
  #greeting .system-default-list .sy-flex .sy-box-r .system-sy2 .ss { color: #52a136; }
  #greeting .system-default-list .system-ttl { font-size: 3.865vw; text-align: left; color: #2c2620; font-weight: 700; line-height: 1.75; letter-spacing: 0.193vw; }
  #greeting .system-detail-inner .system-cate { font-size: 3.382vw; font-weight: 700; line-height: 1.71; color: #ffffff; z-index: 20; margin-bottom: 1.208vw; }
  #greeting .system-detail-inner .system-cate >span { display: inline-block; padding: 1.208vw 8.454vw 1.208vw; min-width: 19.807vw; text-align: center; margin-right: 1.208vw; margin-bottom: 1.208vw; }
  #greeting .system-detail-inner .system-cate .kitchen-bath { background-color: #5997d0; }
  #greeting .system-detail-inner .system-cate .interior { background-color: #dbb11f; }
  #greeting .system-detail-inner .system-cate .exterior { background-color: #52a136; }
  #greeting .system-detail-inner .system-cate .barrierfree { background-color: #E87A3A; }
  #greeting .system-detail-inner .system-cate .improvement { background-color: #C09A15; }
  #greeting .system-detail-inner .system-cate .renovation { background-color: #DBB11F; }
  #greeting .system-detail-inner .system-cate .new-construction { background-color: #90C320; }
  #greeting .system-detail-inner .wysiwyg { margin-top: 11.594vw; }
  #greeting .system-detail-inner .sy-flex { font-size: 3.382vw; font-weight: 500; line-height: 1.34; letter-spacing: 0.242vw; text-align: left; margin-bottom: 5.797vw; margin-top: -2.899vw; }
  #greeting .system-detail-inner .sy-flex .sy-box-l { display: inline-block; margin-right: 1.691vw; margin-bottom: 1.691vw; }
  #greeting .system-detail-inner .sy-flex .sy-box-l .system-sy1 .ss { color: #12a747; }
  #greeting .system-detail-inner .sy-flex .sy-box-r .system-sy2 .ss { color: #52a136; }
  #voice .cate-name-ttl { font-size: 4.348vw; margin-bottom: 2.899vw; }
  #voice .cate-name-ttl .ss { color: #ff7500; margin-right: 1.932vw; }
  #voice .system-default-list { width: 90.338vw; margin: 0 auto; display: flex; flex-wrap: wrap; }
  #voice .system-default-list .system-default-item { width: 90.338vw; margin-bottom: 4.348vw; background-color: #ffffff; border: 1px solid #ccc; padding: 4.831vw 3.623vw 4.831vw 3.382vw; position: relative; }
  #voice .system-default-list .system-default-item:nth-child(2n) { margin-right: 0px; }
  #voice .system-default-list .system-pic { margin-bottom: 5.797vw; }
  #voice .system-default-list .system-pic img { aspect-ratio: 3 / 2; max-width: 100%; height: auto; }
  #voice .system-default-list .sy-flex { font-size: 3.382vw; font-weight: 500; line-height: 1.34; letter-spacing: 0.242vw; text-align: left; margin-bottom: 1.932vw; margin-left: 2.657vw; margin-right: 2.657vw; }
  #voice .system-default-list .sy-flex .sy-box-l { display: inline-block; margin-bottom: 0.966vw; margin-right: 4.831vw; }
  #voice .system-default-list .sy-flex .sy-box-l .system-sy1 .ss { color: #12a747; }
  #voice .system-default-list .sy-flex .sy-box-r { display: inline-block; }
  #voice .system-default-list .sy-flex .sy-box-r .system-sy2 .ss { color: #52a136; }
  #voice .system-default-list .system-ttl { font-size: 4.348vw; font-weight: 700; line-height: 1.67; letter-spacing: 0.242vw; text-align: left; color: #2c2620; margin-left: 2.415vw; margin-right: 2.657vw; }
  #voice .system-detail-inner .wysiwyg { margin-top: 11.594vw; }

  #voice .system-detail-inner .sy-flex { font-size: 3.382vw; font-weight: 500; line-height: 1.34; letter-spacing: 0.242vw; text-align: left; margin-bottom: 3.865vw; margin-top: -2.899vw; }
  #voice .system-detail-inner .sy-flex .sy-box-l { display: inline-block; margin-right: 1.691vw; margin-bottom: 1.691vw; }
  #voice .system-detail-inner .sy-flex .sy-box-l .system-sy1 .ss { color: #12a747; }
  #voice .system-detail-inner .sy-flex .sy-box-r .system-sy2 .ss { color: #52a136; }


  #event .event-cate-list { display: none; }
  #event .event-cate-select { width: 82.126vw; margin: 0 auto; display: block; margin-bottom: 6.763vw; }
  #event .event-cate-select select { width: 82.126vw; margin: 0 auto; padding: 2.899vw 1.932vw; font-size: 3.382vw; }
  #event .system-default-list { width: 77.295vw; margin: 0 auto; }
  #event .system-default-list .system-pic { text-align: center; margin-bottom: 4.831vw; }
  #event .system-default-list .system-pic img { aspect-ratio: 32 / 39; max-width: 100%; height: auto; }
  #event .system-default-list .sy-flex { display: flex; flex-wrap: wrap; margin-bottom: 2.415vw; }
  #event .system-default-list .sy-flex .box-l { width: 14.976vw; margin-right: 2.415vw; }
  #event .system-default-list .sy-flex .box-r { width: calc(100% - 17.391vw); position: relative; top: -0.966vw; }
  #event .system-default-list .sy_radio-box > p { font-size: 3.382vw; font-weight: 500; line-height: 1.71; text-align: left; color: #ffffff; text-align: center; background-color: #e96323; border-radius: 1.208vw; width: 14.976vw; padding: 0.725vw 1.208vw 0.242vw 1.449vw; }
  #event .system-default-list .system-cate >span { background-color: #5997d0; font-size: 3.382vw; font-weight: 500; line-height: 1.71; text-align: left; color: #ffffff; text-align: center; border-radius: 1.208vw; display: inline-block; padding: 0.483vw 3.14vw 0.483vw 3.14vw; }
  #event .system-default-list > article { margin-bottom: 9.42vw; }
  #event .system-default-list .system-ttl { font-size: 5.797vw; font-weight: 700; line-height: 1.67; text-align: left; color: #303030; background: linear-gradient(transparent 98%, #303030 0%); display: inline; }
  #event .system-default-list .system-info { margin-top: 5.072vw; }
  #event .system-default-list .system-info .system-flex { display: flex; flex-wrap: wrap; padding-bottom: 3.14vw; margin-bottom: 3.382vw; border-bottom: 1px dashed #7a716a; }
  #event .system-default-list .system-info .system-flex:last-child { margin-bottom: 0; }
  #event .system-default-list .system-info .system-flex .system-box-l { width: 21.014vw; font-size: 3.865vw; font-weight: 500; line-height: 1.75; text-align: left; color: #303030; }
  #event .system-default-list .system-info .system-flex .system-box-l .system-color { display: block; }
  #event .system-default-list .system-info .system-flex .system-box-r { width: 56.039vw; font-size: 3.865vw; font-weight: 500; line-height: 1.75; text-align: left; color: #303030; }
  
  #event .system-detail-inner .table-info-box { text-align: center; margin-bottom: 8.594vw; }
  #event .system-detail-inner .table-info-box .table-box { width: 100%; margin: 0 auto; border: 1px solid #1c1c1c; }
  #event .system-detail-inner .table-info-box .table-box tr:last-child .th-txt, #event .system-detail-inner .table-info-box .table-box tr:last-child .td-txt { border-bottom: none; line-height: 1.7; }
  #event .system-detail-inner .table-info-box .table-box .th-txt, #event .system-detail-inner .table-info-box .table-box .td-txt { padding: 1.208vw 3.865vw 1.708vw; }
  #event .system-detail-inner .table-info-box .table-box .th-txt { background-color: #E8E2D6; font-weight: 500; font-size: 3.865vw; text-align: center; color: #303030; border-bottom: 1px solid #303030; width: 30.918vw; vertical-align: middle; }
  #event .system-detail-inner .sy-flex { display: flex; flex-wrap: wrap; margin-bottom: 2.415vw; }
  #event .system-detail-inner .sy-flex .box-l { width: 14.976vw; margin-right: 2.415vw; }
  #event .system-detail-inner .sy-flex .box-r { width: calc(100% - 17.391vw); position: relative; top: -0.966vw; }
  #event .system-detail-inner .sy_radio-box > p { font-size: 3.382vw; font-weight: 500; line-height: 1.71; text-align: left; color: #ffffff; text-align: center; background-color: #e96323; border-radius: 1.208vw; width: 14.976vw; padding: 0.725vw 1.208vw 0.242vw 1.449vw; }
  #event .system-detail-inner .system-cate >span { background-color: #5997d0; font-size: 3.382vw; font-weight: 500; line-height: 1.71; text-align: left; color: #ffffff; text-align: center; border-radius: 1.208vw; display: inline-block; padding: 0.483vw 3.14vw 0.483vw 3.14vw; }
  #event .system-detail-inner .table-info-box .table-box .td-txt { font-weight: normal; font-size: 3.865vw; text-align: left; color: #000; border-bottom: 1px solid #1c1c1c; }

  #news .system-list { width: 82.85vw; margin: 0 auto; margin-bottom: 10%; background: #fff; }
  #news .system-list li { line-height: 1.4; overflow: hidden; margin-bottom: 3.865vw; padding: 0 0px 2.657vw 2.415vw; border-bottom: 1px dotted #E8E2D6; }
  #news .system-list li a:hover { text-decoration: none; }
  #news .system-list .system-date { font-size: 3.623vw; font-weight: 400; line-height: 1.7; letter-spacing: 0.242vw; text-align: left; color: #2d4a35; margin-bottom: 2.657vw; }
  #news .system-list .system-ttl-01 { font-size: 3.382vw; font-weight: 400; line-height: 1.71; letter-spacing: 0.242vw; text-align: left; color: #2c2620; }
  #news .system-list .system-category-set { margin-bottom: 2%; }
  #news .system-list .system-category { font-size: 3.4vw; width: 49%; margin-bottom: 0.2vw; padding: 1vw; text-align: center; color: #fff; background: #111; }
  #news .system-category-set p { display: inline-block; margin-right: 1vw; padding: 0.4vw 4vw; color: #fff; background: #000 !important; }
  #news .icon01 { background: #000 !important; }
  #news .system-contents { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; }
  #news .system-contents-inner { padding: 5% 3%; background: #fff; }
  #news .system-contents .system-date { font-size: 3.4vw; display: block; margin-bottom: 3vw; }
  #news .system-contents .system-category-set { width: 100%; margin-bottom: 5%; }
  #news .system-contents .system-category { font-size: 3.4vw; width: 50%; margin-bottom: 0.2vw; padding: 1vw; text-align: center; color: #fff; background: #111; }
  #news .system-contents .system-ttl { font-size: 4vw; font-weight: bold; line-height: 1.4; margin-bottom: 4vw; padding-bottom: 1vw; border-bottom: 1px #ccc solid; }
  #news .system-detail-inner .system-date { font-size: 3.623vw; font-weight: 400; line-height: 1.7; letter-spacing: 0.242vw; text-align: left; color: #2d4a35; }

  #blog .mainContents { margin: 0 4vw; }
  #blog .mainContents .system-list2 { margin-bottom: 10%; }
  #blog .mainContents .system-list-inner2 { padding: 5% 3%; background: #fff; }
  #blog .mainContents .system-list2 li { line-height: 1.4; overflow: hidden; margin-bottom: 5%; padding: 0 0 5%; border-bottom: 1px dotted #b2b2b2; }
  #blog .mainContents .system-list2 li a:hover { text-decoration: none; }
  #blog .mainContents .system-list2 .sy-flex-1 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #blog .mainContents .system-list2 .sy-flex-1 .box-l { width: 28.986vw; }
  #blog .mainContents .system-list2 .sy-flex-1 .box-r { width: 51.449vw; margin-left: 3.14vw; }
  #blog .mainContents .system-list2 .system-pic img { max-width: 100%; height: auto; }
  #blog .mainContents .system-list2 .system-date { font-size: 3.382vw; line-height: normal; color: #bfa93c; margin-bottom: 2%; }
  #blog .mainContents .system-list2 .system-ttl-01 { line-height: 6.28vw; color: #202020; }
  #blog .mainContents .system-list2 .system-contributor { font-size: 3.4vw; float: right; width: 78%; text-align: right; color: #bbb; }
  #blog .system-category span { font-size: 3vw; display: inline-block; margin-right: 2vw; margin-bottom: 4vw; padding: 1vw; text-align: center; color: #fff; }
  #blog .mainContents .cate01 { background: #000 !important; }
  #blog .mainContents .cate02 { background: #111 !important; }
  #blog .mainContents .cate03 { background: #222 !important; }
  #blog .mainContents .cate04 { background: #333 !important; }
  #blog .mainContents .cate05 { background: #444 !important; }
  #blog .mainContents .cate06 { background: #555 !important; }
  #blog .mainContents .system-contents { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; }
  #blog .mainContents .system-contents-inner { padding: 5% 3%; background: #fff; }
  #blog .mainContents .system-date { font-size: 3.382vw; display: block; margin-bottom: 1vw; color: #BFA93C; }
  #blog .mainContents .system-ttl { font-size: 4.106vw; font-weight: bold; line-height: 1.4; margin-bottom: 3vw; padding-bottom: 2.5vw; border-bottom: 1px #ccc solid; }
  #blog .mainContents .system-i-pic { margin-bottom: 3vw; text-align: center; }
  #blog .mainContents .system-i-pic img { max-width: 100%; height: auto; }
  #blog .mainContents .footInfo { margin-top: 10%; padding-top: 5%; border-top: 1px dotted #ccc; }
  #blog .mainContents .system-contributor { font-size: 3.4vw; margin-bottom: 5%; text-align: right; }
  #sidebar .widget_calendar { margin-bottom: 6vw; }
  table#wp-calendar { font-size: 3.382vw; width: 100%; margin: 1vw auto 0 auto; margin-bottom: 4vw; padding: 0; table-layout: fixed; border-spacing: 0; border-collapse: collapse; }
  table#wp-calendar caption { font-weight: bold; width: auto; margin: 2vw 0 0 0; padding: 2vw; text-align: center; border: thin solid #eee; border-radius: 0.5vw 0.5vw 0 0; background-color: #fff; }
  table#wp-calendar #today { font-weight: bold; z-index: 1; display: block; background-color: #cef; }
  table#wp-calendar .pad { font-weight: bold; background-color: #eee; }
  table#wp-calendar th, table#wp-calendar td { padding: 1vw 0; text-align: center; vertical-align: middle; }
  table#wp-calendar td { line-height: 1.8; border: thin solid #eee; background-color: #fff; }
  table#wp-calendar th { font-style: normal; color: #333; border-right: thin solid #eee; border-left: thin solid #eee; background-color: #f0f0f0; }
  table#wp-calendar a { font-size: 3.382vw; padding: 0; text-decoration: underline; color: #00a0dd; }
  aside.sidebar { width: 94% !important; margin: 0 auto; }
  aside.sidebar .aside-blog-ttl { margin-bottom: 5%; padding-bottom: 5%; text-align: center; border-bottom: 1px solid #ccc; }
  aside.sidebar .aside-blog-ttl span.en { font-size: 3.4vw; display: block; letter-spacing: 0.242vw; color: #ccc; line-height: normal; }
  aside.sidebar .aside-blog-ttl span.jp { font-size: 3.382vw; font-weight: bold; }
  aside.sidebar .list-block { margin: 10% 0 11%; }
  aside.sidebar .acbox a { font-size: 3.4vw; line-height: 1.6; display: block; margin-bottom: 3vw !important; padding-bottom: 3vw; border-bottom: 1px dotted #ddd; }
  #blog aside.sidebar .list-block .side-day { font-size: 3.382vw; line-height: 1.4; margin-bottom: 2.415vw; color: #BFA93C; }
  #blog aside.sidebar .list-block .side-blog-new-list li { border-bottom: 1px dotted #b2b2b2; padding-bottom: 1.932vw; margin-bottom: 1.932vw; }
  #blog aside.sidebar .list-block .side-blog-new-list a { display: block; }
  #staff .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10%; padding: 4% 2%; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; }
  #staff .system-list li { line-height: 1.4; position: relative; position: relative; width: 49%; margin-right: 2%; margin-bottom: 5%; padding: 2% 2% 10%; background: #fff; }
  #staff .system-list li:nth-child(2n) { margin-right: 0; }
  #staff .system-list li a:hover { text-decoration: none; }
  #staff .system-list li .system-ttl { font-size: 4vw; font-weight: bold; }
  #staff .system-list li .system-name { font-size: 3.5vw; }
  #staff .system-list li .system-en { font-size: 3vw; margin-bottom: 3vw; }
  #staff .system-list li .system-job { display: inline-block; margin-bottom: 2vw; padding: 0.4vw 3vw; color: #fff; background: #333; }
  #staff .system-list li .system-pic { overflow: hidden; width: 100%; height: 25vw; margin-bottom: 6%; text-align: center; }
  #staff .system-list li .system-pic img { width: 100%; height: 25vw; }
  #staff .system-contents .num-bx { margin-bottom: 5vw; }
  #staff .system-contents { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; }
  #staff .system-contents-inner { padding: 5% 3%; background: #fff; }
  #staff .system-contents .system-i-pic { -webkit-box-ordinal-group: -1; -ms-flex-order: -1; order: -1; width: 100%; margin: 0 auto 8%; text-align: center; -webkit-flex-order: -1; -moz-flex-order: -1; -moz-order: -1; }
  #staff .system-contents .system-i-pic img { width: auto; max-width: 100%; height: auto; max-height: 60vw; }
  #staff .system-contents .system-ttl { font-size: 4.5vw; font-weight: bold; }
  #staff .system-contents .system-name { font-size: 3.5vw; }
  #staff .system-contents .system-en { font-size: 3vw; }
  #staff .system-contents .system-job { display: inline-block; margin-bottom: 2vw; padding: 0.4vw 3vw; color: #fff; background: #333; }
  #staff .system-contents .staff-ttl { margin-bottom: 4vw; padding: 2vw; color: #fff; background: #444; }
  #staff .system-contents .staff-box { margin-bottom: 6vw; }
  #faq .faq-list { width: 92.754vw; margin: 0 auto; }
  #faq .faq-list li { border: 1px solid #CFCCC4; border-radius: 2.899vw; margin-bottom: 3.623vw; }
  #faq .faq-list .faq-ttl-box { position: relative; font-weight: 700; padding: 4.831vw 16.908vw 4.348vw 19.807vw; background-image: url(../images/system/sp-faq-q.png); background-repeat: no-repeat; background-position: 4.348vw 5.556vw; background-size: 10.628vw; font-size: 3.8vw; line-height: 1.78; letter-spacing: 0.29vw; text-align: left; color: #2c2620; }
  #faq .faq-list .faq-ttl-box:hover { cursor: pointer; cursor: hand; }
  #faq .faq-list .txt-box { display: none; width: 83.092vw; margin: 0 auto; font-size: 3.5vw; font-weight: 500; line-height: 1.9; text-align: left; color: #2c2620; padding: 4.831vw 11.594vw 3.382vw 14.976vw; border-top: 1px solid #CFCCC4; font-size: 3.382vw; font-weight: 500; line-height: 1.91; text-align: left; color: #2c2620; }
  #faq .faq-list li .faq-purasu { position: absolute; right: 4.589vw; top: 10.87vw; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 7.729vw; height: 7.729vw; border-radius: 12.077vw; background-color: #cfccc4; flex-shrink: 0; transition: background-color 0.3s ease, border 0.3s ease; }
  #faq .faq-list li .faq-purasu::before, #faq .faq-list li .faq-purasu::after { content: ""; position: absolute; display: block; width: 3.5vw; height: 0.5vw; background-color: #fff; transition: transform 0.3s ease, background-color 0.3s ease; }
  #faq .faq-list li .faq-purasu::after { transform: rotate(90deg); }
  #faq .faq-list .faq-ttl-box.is-open .faq-purasu { background-color: #ffffff; border: 1px solid #cfccc4; }
  #faq .faq-list .faq-ttl-box.is-open .faq-purasu::before, #faq .faq-list .faq-ttl-box.is-open .faq-purasu::after { background-color: #cfccc4; }
  #faq .faq-list .faq-ttl-box.is-open .faq-purasu::after { transform: rotate(0deg); }

  #event .form-Box_bg_wap .fmicon {
        display: block;
        margin: 0 auto 6.19vw;
        text-align: center;
        width: 15.1vw;
    }

}
