<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/* sass */
.hdg-lv1-st { margin-top: 24px; margin-bottom: 24px; font-weight: 700; line-height: 1.4; font-size: 2rem; }

.hdg-lv1-wrap-pt1 .hdg-lv1-st { margin-top: 6px; margin-bottom: 0; }

.hdg-lv1-wrap-pt2 .hdg-lv1-st { margin-top: 12px; margin-bottom: 18px; order: 2; }

.nav-breadcrumb-wrap + .hdg-lv1-st { margin-top: 12px; }

.hdg-lv1-st.static { margin-top: 22px; margin-bottom: 32px; }

.hdg-lv1-wrap-pt1 { margin-top: 24px; margin-bottom: 40px; display: flex; flex-direction: column-reverse; align-items: flex-start; }

.hdg-lv1-wrap-pt2 { display: flex; flex-direction: column; align-items: flex-start; }

.hdg-txt-pt1, .hdg-txt-pt2 { font-size: 1.4rem; line-height: 1.5; }

.hdg-txt-pt2 { padding: 4px 10px 3px; font-weight: 700; color: #fff; background-color: #008D54; display: inline-block; }

.hdg-lv2-st { font-weight: 700; color: #000; font-size: 2rem; line-height: 1.5; background-color: #EBF5CE; margin: 40px -20px 0; padding: 15px 20px; }

.list-anc-uq + section .hdg-lv2-st { margin-top: 20px; }

.hdg-lv2-pt1 { font-weight: 700; color: #fff; font-size: 2rem; line-height: 1.5; background-color: #008D54; margin: 40px -20px 0; padding: 10px 20px; }

.uq-bg-pt2 .hdg-lv2-pt1 { margin: 40px 0px 0; }

.uq-bg-pt2 .uq-err-area + section .hdg-lv2-pt1 { margin: 24px 0px 0; }

.hdg-lv3-st { font-weight: 700; line-height: 1.5; color: #000; font-size: 1.8rem; margin-top: 40px; position: relative; padding-left: 20px; }

.l-inner-main .hdg-lv3-st { margin-top: 60px; }

.uq-step-sec + section .hdg-lv3-st { margin-top: 60px; }

.hdg-lv3-st::before { content: ''; border-radius: 2px; background-color: #000; display: inline-block; width: 8px; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }

.hdg-lv3-pt1 { font-weight: 700; font-size: 1.8rem; line-height: 1.5; position: relative; margin-top: 32px; padding-left: 16px; }

.hdg-lv3-pt1::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-color: #000; width: 8px; height: calc(100% - 9px); }

.hdg-lv3-pt2 { font-weight: 700; font-size: 1.6rem; line-height: 1.5; position: relative; margin-top: 40px; padding-left: 26px; }

.hdg-lv3-pt2::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-color: #94B428; width: 12px; border-radius: 4px; height: calc(100% + 4px); }

.hdg-lv3-pt3 { font-weight: 700; font-size: 1.6rem; line-height: 1.5; margin-top: 32px; margin-left: 26px; }

.hdg-lv3-pt3.hdg-fit { margin-left: 0; }

.hdg-lv4-st { margin-top: 40px; font-weight: 700; line-height: 1.5; color: #000; font-size: 1.8rem; }

.hdg-lv5-st { margin: 40px -20px 0; font-weight: 700; line-height: 1.5; color: #000; font-size: 1.4rem; padding: 16px; background-color: #EBF5CE; }

.hdg-lv5-st.pt-large { font-size: 1.8rem; }

.hdg-lv5-pt1 { margin-top: 22px; font-weight: 700; line-height: 1.5; color: #000; font-size: 1.8rem; }

.hdg-lv6-st { margin-top: 40px; font-weight: 700; line-height: 1.5; color: #000; font-size: 1.6rem; background-color: #F5F5F5; padding: 12px; }

.hdg-attr { display: flex; font-size: 1.6rem; line-height: 1.5; font-weight: 700; margin-top: 32px; }

.hdg-attr::before { white-space: nowrap; content: attr(data-hdg-txt); }

.list-hdg-st .hdg-attr { margin-top: 0; margin-bottom: 5px; }

.hdg-hero-wrap { margin: 0 -20px; }

.hdg-hero-wrap.mc-hero-pt1 { background: url(/Front/shared/image/hero_img1.jpg) no-repeat center/cover; }

.hdg-hero-wrap.mc-hero-pt2 { background: url(/Front/shared/image/hero_img2_sp.jpg) no-repeat center/cover; }

.hdg-hero { text-align: center; margin-bottom: 20px; }

.hdg-hero .main { margin: 24px 12px 36px; min-width: 63%; font-weight: bold; background-color: #fff; display: inline-block; font-size: 2.6rem; line-height: 1.5; padding: 14px 15px 15px; }

.hdg-hero .sub { display: block; font-size: 1.3rem; line-height: 1.4; }

.mc-hero-pt2 .hdg-hero .main { background-color: rgba(255, 255, 255, 0.9); margin: 6px 12px 22px; padding: 11px 15px 12px; }

.hdg-side { font-size: 1.8rem; line-height: 1.5; color: #fff; font-weight: 700; background-color: #16854B; padding: 10px 20px; margin: 0 -20px; }

*[class^="hdg-"] { word-break: break-all; }

.input-err { background-color: rgba(223, 72, 64, 0.1) !important; }

.input-txt-st { border: 1px solid #A8ADB0; line-height: 1.2; background: #fff; cursor: pointer; color: #3B4043; font-size: 1.6rem; display: block; padding: 15px 20px 14px 12px; height: 48px; width: 100%; }

.list-inptxt-pt1 .input-txt-st { width: 60%; }

.input-txt-st.input-err { background-color: rgba(223, 72, 64, 0.1); }

.input-txt-pt1 { border: 1px solid #707070; line-height: 1.2; background: #fff; cursor: pointer; color: #000; font-size: 1.6rem; display: block; padding: 15px 20px 14px 15px; height: 60px; width: 100%; }

.uq-list-inq-st .dtl &gt; .input-txt-pt1 { margin-top: 10px; }

.input-txt-pt1.input-err { background-color: rgba(223, 72, 64, 0.1); }

.input-txt-set { display: flex; align-items: center; }

.input-txt-set &gt; .txt { margin-left: 12px; line-height: 1.5; }

.input-txt-wrap-st { margin-top: 10px; }

.input-chk-st &gt; label { white-space: nowrap; cursor: pointer; }

.input-chk-st &gt; label input[type=checkbox] { opacity: 0; position: absolute; }

.input-chk-st &gt; label input[type=checkbox]:disabled { pointer-events: none; cursor: default; }

.input-chk-st &gt; label input[type=checkbox]:checked + .txt::before { border: 3px solid #008D54; background-color: #008D54; }

.input-chk-st &gt; label input[type=checkbox]:checked + .txt::after { content: ''; display: block; position: absolute; top: 3px; left: 10px; width: 6px; height: 10px; -webkit-transform: rotate(40deg); transform: rotate(40deg); border-bottom: 3px solid #fff; border-right: 3px solid #fff; }

.input-chk-st &gt; label input[type=checkbox]:checked:disabled + .txt::before { border: 3px solid #A8ADB0; background-color: #A8ADB0; }

.input-chk-st &gt; label .txt { position: relative; color: #3B4043; line-height: 1.5; font-size: 1.6rem; display: inline-block; padding-left: 42px; }

.input-chk-st &gt; label .txt::before { content: ''; display: block; position: absolute; left: 0; top: -.2em; width: 30px; height: 30px; border-radius: 4px; border: 3px solid #A8ADB0; background-color: #fff; box-sizing: border-box; }

.uq-list-inq-st .dtl .input-chk-st { margin-top: 18px; }

.uq-list-inq-st .input-chk-st { display: flex; }

.input-rdo-st &gt; label { cursor: pointer; }

.input-rdo-st &gt; label input[type=radio] { opacity: 0; position: absolute; }

.input-rdo-st &gt; label input[type=radio]:checked + .txt::before { border: 8px solid #008D54; }

.input-rdo-st &gt; label .txt { position: relative; color: #000000; line-height: 1.5; font-size: 1.6rem; display: inline-block; padding-left: 40px; }

.input-rdo-st &gt; label .txt::before { content: ''; display: block; position: absolute; left: 0; top: -.2em; width: 30px; height: 30px; border-radius: 50%; border: 3px solid #959EA7; background-color: #fff; box-sizing: border-box; }

.input-slt-st { position: relative; border: 1px solid #CDD6DD; background: #fff; }

.input-slt-st select { width: 100%; cursor: pointer; color: #3B4043; background: transparent; height: 48px; line-height: 1.2; padding: 14px 40px 12px 20px; position: relative; z-index: 1; display: block; font-size: 1.6rem; }

.input-slt-st::after { content: ''; display: inline-block; position: absolute; width: 4px; height: 4px; border-top: 2px solid #959EA7; border-left: 2px solid #959EA7; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(225deg); transform: rotate(225deg); right: 16px; top: 0; bottom: 0; margin: auto; }

.hdg-lv3-pt1 + .input-slt-st { margin-top: 10px; }

.input-slt-pt1 { position: relative; border: 1px solid #707070; background: #fff; display: block; min-height: 60px; }

.input-slt-pt1.active { background-color: #F0F3F5; }

.input-slt-pt1 select { width: 100%; font-size: 1.6rem; cursor: pointer; color: #3B4043; background: transparent; height: 60px; line-height: 1.2; padding: 14px 40px 15px 20px; position: relative; z-index: 1; display: block; }

.input-slt-pt1::after { content: ''; display: inline-block; position: absolute; width: 7px; height: 7px; border-top: 2px solid #959EA7; border-left: 2px solid #959EA7; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(225deg); transform: rotate(225deg); right: 20px; top: 0; bottom: 5px; margin: auto; }

.list-input-pt3 .input-slt-pt1 select { padding: 14px 35px 15px 10px; }

.input-txtarea-st { cursor: pointer; font-size: 1.6rem; line-height: 1.5; background-color: #fff; display: block; width: 100%; min-height: 200px; border: 1px solid #707070; padding: 16px; max-width: 100%; }

.uq-list-inq-st &gt; .body .txt + .input-txtarea-st { margin-top: 16px; }

.uq-list-inq-st &gt; .body .dtl .input-txtarea-st { margin-top: 10px; }

.hdg-lv5-pt1 + .input-txtarea-st { margin-top: 8px; }

input.input-num-pt1[type="number"]::-webkit-outer-spin-button, input.input-num-pt1[type="number"]::-webkit-inner-spin-button, input.input-num-pt1[type="number"] { -webkit-appearance: revert; }

.input-num-pt1 { position: relative; border: 1px solid #707070; line-height: 1.2; background: #fff; cursor: pointer; color: #000; font-size: 1.6rem; display: block; height: 60px; width: 100%; padding: 20px 5px 22px 15px; }

.input-num-wrap { display: flex; align-items: center; }

.input-num-wrap .input-num-lbl { margin-left: 22px; white-space: nowrap; }

.list-input-dd &gt; li { margin-top: 16px; }

.input-mgt { margin-top: 10px; }

.js-ai-satei-apartments-loading-wrap, .js-ai-satei-apartments-result-wrap, .js-ai-satei-apartments-result-wrap-x { border: 1px solid #707070; border-top: none; line-height: 1.2; background: #fff; cursor: pointer; color: #000; font-size: 1.6rem; display: block; width: 100%; }

.js-ai-satei-apartments-loading-wrap .js-ai-satei-apartments-result-over, .js-ai-satei-apartments-loading-wrap .js-ai-satei-apartments-result-zero, .js-ai-satei-apartments-result-wrap .js-ai-satei-apartments-result-over, .js-ai-satei-apartments-result-wrap .js-ai-satei-apartments-result-zero, .js-ai-satei-apartments-result-wrap-x .js-ai-satei-apartments-result-over, .js-ai-satei-apartments-result-wrap-x .js-ai-satei-apartments-result-zero { padding: 15px; color: #C90000; }

.js-ai-satei-apartments-loading-wrap .js-ai-satei-apartments-result-over, .js-ai-satei-apartments-result-wrap .js-ai-satei-apartments-result-over, .js-ai-satei-apartments-result-wrap-x .js-ai-satei-apartments-result-over { border-bottom: 1px solid #707070; }

.js-ai-satei-apartments-loading-wrap .js-ai-satei-apartments-result-items, .js-ai-satei-apartments-result-wrap .js-ai-satei-apartments-result-items, .js-ai-satei-apartments-result-wrap-x .js-ai-satei-apartments-result-items { max-height: 200px; overflow-y: auto; }

.js-ai-satei-apartments-loading-wrap .js-ai-satei-apartments-result-items &gt; li, .js-ai-satei-apartments-result-wrap .js-ai-satei-apartments-result-items &gt; li, .js-ai-satei-apartments-result-wrap-x .js-ai-satei-apartments-result-items &gt; li { padding: 10px 15px 5px; }

.js-ai-satei-apartments-loading-wrap .js-ai-satei-apartments-result-items &gt; li + li, .js-ai-satei-apartments-result-wrap .js-ai-satei-apartments-result-items &gt; li + li, .js-ai-satei-apartments-result-wrap-x .js-ai-satei-apartments-result-items &gt; li + li { border-top: 1px solid #707070; }

.js-ai-satei-apartments-loading-wrap { padding: 15px; }

.js-ai-satei-apartments-loading-wrap::before { content: ""; display: block; width: 32px; height: 16px; background: url(/sell/img/three-dots-green.svg) left top/32px 16px no-repeat; margin: auto; }

.txt-st { line-height: 1.7; margin-top: 16px; }

.uq-hdg-tag-pt1 + .txt-st { line-height: 1.5; }

.uq-simulation-sec .panel-pt5 .txt-st { margin-top: 0; }

.hdg-lv3-pt3 ~ .txt-st { line-height: 1.85; margin-left: 26px; margin-top: 0; }

.hdg-fit.hdg-fit ~ .txt-st { margin-left: 0; }

.hdg-a + .txt-st, .hdg-q ~ .txt-st, dl .hdg-q dd .txt-st { line-height: 1.8; margin-top: 0; }

.hdg-q + dd .txt-st:first-child, .hdg-q + .txt-st { margin-top: 24px; }

.uq-step-sec .dtl &gt; .txt-st { line-height: 1.8; margin-top: 12px; }

.uq-step-sec .dtl &gt; .txt-st a { color: #008D54; text-decoration: underline; }

.panel-st &gt; .txt-st { margin-top: 16px; }

.uq-hero-bn-st .txt-st { margin-top: 5px; }

.media-st &gt; .body &gt; .dtl .txt-st:first-child { margin-top: 0; }

.txt-link { position: relative; display: inline-block; padding-left: 1.25em; text-decoration: none; }

.txt-link::before { position: absolute; content: '\003009'; top: 0; left: 2px; }

.txt-link[target="_blank"] { padding-right: 1.5em; }

.txt-link[target="_blank"]::after { width: 12px; height: 12px; display: inline-block; position: absolute; background: url(/Front/shared/image/ico_blank.svg) no-repeat center; background-size: 12px auto; content: ''; top: .4em; right: .4em; }

.txt-link &gt; .link { text-decoration: none; }

.uq-shp-blk-pt2 .txt-link { font-size: 1.6rem; }

.txt-lead { font-size: 1.6rem; line-height: 1.7; margin-top: 24px; }

.txt-bold { font-weight: 700; }

.txt-col-notice { color: #D80000; }

.txt-col-note-pt1 { color: #707070; }

.txt-col-note-pt2 { color: #3B4043; }

.txt-small { font-size: 1.2rem; }

.hr-st { margin: 0; padding: 0; display: block; font-size: 0; line-height: 0; background-color: #CDD6DD; height: 1px; margin: 40px -20px 60px; }

.txt-no-atc { margin-top: 20px; line-height: 1.5; }

.hdg-blog-set + .txt-no-atc { margin-top: 16px; }

.txt-err { width: 100%; font-weight: 700; color: #C90000; line-height: 1.5; margin-top: 8px; }

.list-inprdo-pt1 + .txt-err { margin-top: 20px; }

*[class^="txt-"] { word-break: break-all; }

.media-st &gt; .body { margin-top: 15px; display: flex; flex-direction: column-reverse; }

.media-st &gt; .body &gt; .img { margin-left: -20px; margin-right: -20px; text-align: center; min-height: 0%; }

.media-st &gt; .body &gt; .img .inner { display: table; margin: 0 auto; }

.media-st &gt; .body &gt; .img img { width: 100%; max-width: 500px; height: auto; }

.media-st &gt; .body &gt; .img .cap { display: table-caption; caption-side: bottom; margin-left: 20px; margin-right: 20px; color: #707070; line-height: 1.7; margin-top: 3px; text-align: left; }

.media-st &gt; .body &gt; .dtl { margin-top: 15px; }

.uq-hdg-tag-pt1 + .media-st &gt; .body &gt; .img { margin-left: 0; margin-right: 0; }

.btn-st { cursor: pointer; display: block; width: 100%; background: linear-gradient(#008D54 0%, #0b5a4e 100%); box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.16); font-size: 1.6rem; line-height: 1.6; border-radius: 4px; text-decoration: none; color: #fff; font-weight: 700; padding: 12px 22px 10px; text-align: center; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; position: relative; }

.btn-st::after { font-weight: 300; content: '\003009'; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 2px; }

.btn-st:active { background: linear-gradient(#008D54 0%, #00664b 51.23%, #004634 100%); border: 2px solid #00664b; padding: 10px 20px 8px; color: #F5F5F5; }

.btn-st:active::after { right: 0; }

.btn-st.mc-btn-s { font-size: 1.4rem; padding: 10px 22px 9px; }

.btn-st.mc-btn-s:active { padding: 8px 20px 7px; }

.btn-st.mc-btn-xs { font-size: 1.4rem; padding: 5px 22px 4px; }

.btn-st.mc-btn-xs:active { padding: 3px 20px 2px; }

.list-inptxt-pt1 .btn-st { margin-top: 30px; }

.btn-st.mc-btn-col2 { background: linear-gradient(#ff9200 0%, #e65900 72.41%, #cb5600 100%); }

.btn-st.mc-btn-col2:active { background: linear-gradient(#ff9200 0%, #e65900 55.56%, #cc0003 100%); border: 2px solid #df4840; padding: 10px 20px 8px; color: #F5F5F5; }

.btn-st.mc-btn-col2:active::after { right: 0; }

.uq-inq-shp .btn-st, .panel-pt6 .btn-st { font-size: 1.4rem; }

.media-pt2 .btn-st { font-size: 1.4rem; padding: 6px 22px; }

.media-pt2 .btn-st:active { padding: 4px 22px; }

.uq-shp-blk .btn-list .btn-st { font-size: 1.4rem; }

.btn-pt1 { cursor: pointer; display: block; width: 100%; font-size: 2.4rem; line-height: 1.2; text-align: center; padding: 32px 25px 30px 10px; font-weight: 700; color: #fff; border-radius: 4px; text-decoration: none; background: linear-gradient(#008D54 0%, #0b5a4e 100%); box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.16); position: relative; }

.btn-pt1:disabled { background: #A8ADB0; box-shadow: none; pointer-events: none; }

.btn-pt1:after { font-weight: 300; content: '\003009'; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -2px; }

.btn-pt1:active { background: linear-gradient(#008D54 0%, #00664b 51.23%, #004634 100%); border: 2px solid #00664b; padding: 30px 25px 28px 10px; color: rgba(255, 255, 255, 0.7); box-shadow: none; }

.btn-pt1:active:after { right: -4px; }

.btn-pt2 { cursor: pointer; display: block; width: 100%; font-size: 2.4rem; line-height: 1.2; text-align: center; padding: 21px 25px 17px; font-weight: 700; color: #fff; border-radius: 4px; text-decoration: none; background: linear-gradient(#ff9200 0%, #e65900 72.41%, #cb5600 100%); box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.16); position: relative; }

.btn-pt2 &gt; span { display: block; margin-top: 8px; font-size: 1.4rem; line-height: 1.2; font-weight: 300; }

.btn-pt2:after { font-weight: 300; content: '\003009'; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -2px; }

.btn-pt2:active { background: linear-gradient(#ff9200 0%, #e65900 55.56%, #cc0003 100%); border: 2px solid #df4840; padding: 19px 23px 15px; color: rgba(255, 255, 255, 0.7); box-shadow: none; }

.btn-pt2:active:after { right: -4px; }

.btn-pt3 { cursor: pointer; display: block; padding: 10px 12px; width: 100%; font-weight: 700; font-size: 1.6rem; line-height: 1.6; border-radius: 4px; text-decoration: none; text-align: center; }

.btn-pt3.mc-btn-col1 { color: #fff; background-color: #008D54; border: 2px solid transparent; border-bottom: 3px solid #004120; }

.btn-pt3.mc-btn-col2 { color: #fff; background-color: #3B4043; border: 2px solid transparent; border-bottom: 3px solid #000; }

.btn-pt4 { cursor: pointer; display: block; width: 100%; font-size: 2.4rem; line-height: 1.2; text-align: center; padding: 33px 23px 29px; font-weight: 700; color: #fff; border-radius: 4px; text-decoration: none; background: linear-gradient(#ff9200 0%, #e65900 72.41%, #cb5600 100%); box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.16); position: relative; }

.btn-pt4:disabled { background: #A8ADB0; box-shadow: none; pointer-events: none; }

.btn-pt4:after { font-weight: 300; content: '\003009'; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -2px; }

.btn-pt4:active { background: linear-gradient(#ff9200 0%, #e65900 55.56%, #cc0003 100%); border: 2px solid #df4840; padding: 31px 23px 27px; color: rgba(255, 255, 255, 0.7); box-shadow: none; }

.btn-pt5 { cursor: pointer; display: block; width: 200px; font-weight: 700; line-height: 1.6; border-radius: 4px; text-decoration: none; text-align: center; font-size: 1.4rem; color: #707070; background-color: #fff; border: 2px solid #A8ADB0; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.16); padding: 11px 12px 12px; min-width: 200px; }

.btn-pt5.arrow &gt; span { position: relative; padding-left: 1.5em; display: inline-block; }

.btn-pt5.arrow &gt; span::before { background: url(/Front/shared/image/ico_arrow_l_g2.svg) no-repeat center; background-size: 6px auto; display: inline-block; width: 6px; height: 15px; content: ''; position: absolute; top: 0; bottom: 0; margin: auto; left: 5px; }

.btn-pt5:active { background-color: #A8ADB0; box-shadow: none; color: #fff; }

.btn-pt5:active.arrow &gt; span::before { background: url(/Front/shared/image/ico_arrow_l_w.svg) no-repeat center; background-size: 6px auto; }

.btn-pt6 { text-decoration: none; border-radius: 4px; display: block; border: 1px solid #008D54; line-height: 1.5; font-size: 1.4rem; color: #008D54; font-weight: 300; text-align: center; background: linear-gradient(#fff 0%, #fff 84.73%, #f0f3f5 85.22%, #f0f3f5 100%); padding: 6px 10px 5px 10px; }

.btn-pt6 &gt; span { position: relative; padding-left: 14px; display: inline-block; vertical-align: top; }

.btn-pt6 &gt; span::before { display: inline-block; vertical-align: top; content: '\003009'; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; }

.btn-pt7 { cursor: pointer; display: block; width: 100%; font-size: 2.2rem; line-height: 1.2; text-align: center; padding: 23px 30px; font-weight: 700; color: #fff; border-radius: 4px; text-decoration: none; background: linear-gradient(#ff9200 0%, #e65900 72.41%, #cb5600 100%); box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.16); position: relative; }

.btn-pt7:after { font-weight: 300; content: '\003009'; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; }

.btn-pt7:active { background: linear-gradient(#ff9200 0%, #e65900 55.56%, #cc0003 100%); border: 2px solid #df4840; padding: 21px 28px; color: rgba(255, 255, 255, 0.7); box-shadow: none; }

.btn-txt-set-st .btn-pt7 { font-size: 1.8rem; padding: 23px 30px 23px 15px; }

.btn-txt-set-st .btn-pt7:active { padding: 21px 28px 21px 13px; }

.btn-single-wrap { text-align: center; margin: 16px 40px 0; }

.list-btn-pt1 &gt; li:only-child:last-child .btn-pt1, .list-btn-pt1 &gt; li:only-child:last-child .btn-pt2 { margin-bottom: 60px; }

.btn-txt-set-st { margin-top: 24px; }

.btn-txt-set-st &gt; .hdg { font-weight: 700; font-size: 1.8rem; line-height: 1.5; text-align: center; }

.btn-txt-set-st &gt; .btn { margin-top: 12px; }

.btn-img { display: block; margin: 0 auto; }

.btn-img img { cursor: pointer; transition: opacity .2s; margin: 0 auto; display: block; max-width: 100%; height: auto; }

.img-wrap img { max-width: 100%; height: auto; }

.img-hero-st { margin: 32px -20px 0; }

.img-hero-st img { width: 100%; height: auto; }

.list-news-pt1 { margin-top: 16px; }

.list-news-pt1 &gt; .body + .body { margin-top: 24px; }

.list-news-pt1 &gt; .body .dtl { margin-top: 5px; display: flex; }

.list-news-pt1 &gt; .body .dtl &gt; .date, .list-news-pt1 &gt; .body .dtl &gt; .txt { font-size: 1.2rem; line-height: 1.5; }

.list-news-pt1 &gt; .body .dtl &gt; .date { width: 7em; color: #707070; }

.list-news-pt1 &gt; .body .dtl &gt; .txt { width: calc(100% - 7em); }

.list-news-pt1 &gt; .body .dtl &gt; .txt a { color: #000; }

.list-inptxt-pt1 { margin-top: 26px; }

.list-inptxt-pt1 &gt; .item { margin-top: 16px; }

.list-inptxt-pt1 &gt; .item &gt; .hdg { font-size: 1.6rem; line-height: 1.2; font-weight: 700; }

.list-inptxt-pt1 &gt; .item &gt; .hdg.required::after { color: #DD282B; content: '\002a'; }

.list-inptxt-pt1 &gt; .item &gt; .dtl { margin-top: 10px; }

.list-dl-wrap &gt; .body { margin-top: 20px; }

.list-dl-wrap &gt; .body &gt; .hdg { font-size: 1.6rem; line-height: 1.5; }

.list-inpchk-pt1 &gt; * { margin-top: 15px; }

.list-inprdo-pt1 &gt; * { margin-top: 20px; }

.list-inprdo-pt2 { display: flex; flex-wrap: wrap; margin-left: -8px; }

.list-inprdo-pt2 &gt; * { margin-left: 32px; }

.list-link-pt1 { margin-top: 24px; }

.list-link-pt1 &gt; li { margin-top: 16px; }

.list-link-pt1 a { position: relative; line-height: 1.5; }

.list-link-pt1 a[target="_blank"] { padding-right: 2em; }

.list-link-pt1 a[target="_blank"]::after { display: inline-block; content: ''; position: absolute; right: 0; background: url(/Front/shared/image/ico_blank.svg) no-repeat center/12px auto; width: 12px; height: calc(14px * 1.5); }

.list-slt-st &gt; .body { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; position: relative; }

.list-slt-st &gt; .body::after { position: absolute; left: 0; top: 100%; content: attr(data-text); display: block; }

.list-slt-st &gt; .body .hdg { font-size: 1.6rem; line-height: 1.5; width: calc(36% - 10px); }

.list-slt-st &gt; .body .dtl { width: 64%; margin-left: 10px; }

.hdg-lv3-pt1 + .list-slt-pt1 { margin-top: 10px; }

.input-slt-st + .list-slt-pt1 { margin-top: 12px; }

.list-slt-pt1 &gt; li + li { margin-top: 12px; }

.list-btn-st { display: flex; flex-wrap: wrap; margin-left: -8px; align-items: center; }

.list-btn-st &gt; * { margin-left: 8px; }

.uq-shp-blk .list-btn-st &gt; *:only-child { width: 100%; }

.list-btn-st &gt; .pt3 { width: calc(67% - 8px); }

.list-btn-st &gt; .uq-pt2 { width: calc(30% - 8px); }

.list-btn-st.cnt { justify-content: center; }

.panel-pt3 .list-btn-st { padding: 0 20px; }

.panel-pt3 .list-btn-st &gt; * { margin-top: 18px; }

.uq-agree-blk .list-btn-st { margin-top: 38px; }

.uq-thk-blk .list-btn-st { margin-top: 46px; }

.uq-shp-blk .list-btn-st { margin-top: 24px; }

.list-hdg-st &gt; li { margin-top: 24px; line-height: 1.5; }

.list-hdg-st.indent { margin-left: 28px; }

.list-btn-pt1 { margin: 24px 0 0; justify-content: center; }

.list-btn-pt1 &gt; * { padding: 0 20px; margin-top: 16px; }

.list-btn-pt2 { margin-top: 24px; padding-top: 32px; border-top: 1px solid #ccc; }

.list-btn-pt2 &gt; li .btn-uq-pt1 { width: 100%; text-align: center; display: block; cursor: pointer; color: #707070; padding: 11px 12px 8px; font-weight: 700; border-radius: 4px; text-decoration: none; background-color: #fff; border: 2px solid #A8ADB0; }

.list-btn-pt2 &gt; li .btn-uq-pt1 &gt; span { background: url(/Front/shared/image/ico_heart_of.svg) no-repeat left center; background-size: 18px auto; text-indent: 0; white-space: normal; text-align: left; display: inline-block; width: auto; height: auto; font-size: 1.6rem; line-height: 1.6; padding-left: 27px; }

.list-btn-pt2 &gt; li .btn-uq-pt1.active { color: #FF4F75; border: 2px solid #FF4F75; }

.list-btn-pt2 &gt; li .btn-uq-pt1.active &gt; span { background: url(/Front/shared/image/ico_heart_on.svg) no-repeat left center; background-size: 18px auto; }

.list-btn-pt2 &gt; li + li { margin-top: 16px; }

.list-attr { font-size: 1.4rem; line-height: 1.7; margin-top: 24px; }

.list-attr &gt; * { display: flex; }

.list-attr &gt; *::before { white-space: nowrap; content: attr(data-list-txt); }

.list-attr &gt; * + * { margin-top: 3px; }

.txt-hdg-uq + .list-attr, .hdg-q + dd .list-attr { margin-top: 12px; }

.list-attr.cnt &gt; * { justify-content: center; }

.uq-shp-blk .list-attr { font-size: 1.2rem; }

.tbl-list-pt2 + .list-attr { margin-top: 16px; }

.uq-shp-blk-pt2 .list-attr { margin-top: 20px; }

.uq-shp-blk-pt2 + .list-attr { margin-top: 20px; }

.uq-map-area-blk .list-attr &gt; li + li { margin-top: 1.5em; }

.list-lnk-st { margin-top: 16px; line-height: 1.8; }

.list-lnk-st &gt; li { margin-top: 5px; }

.list-lnk-st &gt; li a { position: relative; display: inline-block; padding-left: 1.25em; text-decoration: none; }

.list-lnk-st &gt; li a::before { position: absolute; content: '\003009'; top: 0; left: 2px; }

.list-decimal, .list-roman { margin-top: 16px; }

.list-decimal.list-fit, .list-roman.list-fit { margin-left: 0; }

.list-decimal.list-fit &gt; li &gt; .list-decimal, .list-decimal.list-fit &gt; li &gt; .list-roman, .list-roman.list-fit &gt; li &gt; .list-decimal, .list-roman.list-fit &gt; li &gt; .list-roman { margin-left: 1.5em; }

.list-decimal &gt; li, .list-roman &gt; li { font-size: 1.4rem; line-height: 1.8; padding-left: 5px; }

.list-decimal &gt; li &gt; .list-decimal, .list-decimal &gt; li &gt; .list-roman, .list-roman &gt; li &gt; .list-decimal, .list-roman &gt; li &gt; .list-roman { margin-left: 1.5em; margin-top: 12px; }

.list-decimal &gt; li &gt; .list-decimal &gt; li:last-child, .list-decimal &gt; li &gt; .list-roman &gt; li:last-child, .list-roman &gt; li &gt; .list-decimal &gt; li:last-child, .list-roman &gt; li &gt; .list-roman &gt; li:last-child { margin-bottom: 12px; }

.list-decimal { margin-left: 1.5em; list-style-type: decimal; }

.list-roman { list-style-type: none; margin-left: 0; }

.list-roman &gt; li { position: relative; padding-left: 2em; }

.list-roman &gt; li::before { position: absolute; left: 0; content: attr(data-roman-cnt); }

*[class^="list-"] { word-break: break-all; }

.panel-st { background-color: #F0F3F5; border-radius: 4px; padding: 1px 18px 16px; margin-top: 24px; }

.column &gt; .body .img-wrap img { width: 100%; height: auto; }

.column.row2-4 { display: flex; flex-wrap: wrap; margin-left: -14px; margin-top: 40px; }

.column.row2-4 &gt; .body { margin-left: 15px; width: calc(50% - 15px); }

.column.row2-4 &gt; .body:nth-child(n + 3) .img-wrap { margin-top: 15px; }

.column.row1-3 { margin-top: 40px; }

.column.row1-3 &gt; .body .img-wrap { margin-top: 24px; margin-left: -20px; margin-right: -20px; }

.content-shp { background-color: #EDEAE5; padding: 25px 16%; margin: 0 -20px; }

.uq-bg-pt1 + .content-shp { margin-top: 20px; }

.content-shp &gt; .hdg-wrap { text-align: center; line-height: 1.5; }

.content-shp &gt; .hdg-wrap .hdg-sub { font-size: 1.4rem; }

.content-shp &gt; .hdg-wrap .hdg { font-size: 2rem; font-weight: 700; }

.content-shp &gt; .main .img-wrap { margin: 20px auto 0; width: 230px; }

.content-shp &gt; .main .img-wrap .img { width: 230px; height: 154px; overflow: hidden; line-height: 0; font-size: 0; min-height: 0%; display: flex; flex-direction: column; justify-content: center; background-color: #F0F3F5; }

.content-shp &gt; .main .img-wrap .img img { display: block; width: auto; max-width: 230px; max-height: 154px; margin: 0 auto; }

.content-shp &gt; .main .btn-list &gt; * { margin-top: 10px; }

.tel-blk-st { margin-top: 12px; display: block; border-radius: 8px; background: #fff; border: 2px solid #16854b; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.16); text-decoration: none; padding: 14px 15px 12px; text-align: center; }

.tel-blk-st &gt; .hdg { color: #000; font-size: 1.2rem; font-weight: 700; }

.tel-blk-st &gt; .num { margin-top: 12px; font-size: 2rem; color: #DD282B; font-weight: 900; position: relative; display: inline-block; font-family: "Arial", "Helvetica"; }

.tel-blk-st &gt; .num.free { padding-left: 32px; }

.tel-blk-st &gt; .num.free::before { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; background: url(/Front/shared/image/ico_free_tel.svg) no-repeat center; background-size: 28px auto; width: 28px; height: 16px; }

.uq-inq-shp .tel-blk-st { margin-top: 0; }

.uq-list-inq-st .dtl .input-chk-st .conf { margin-left: 1em; font-size: 1.6rem; line-height: 1.5; }

.uq-list-inq-st .dtl .post + .wrap-country { margin-left: 40px; }

.uq-list-inq-st .dtl .post + .wrap-country .conf { font-size: 1.8rem; line-height: 1.5; margin-top: 12px; }

.mfp-bg { background: #000 !important; }

.mfp-container { padding: 16px !important; }

.mfp-container .mfp-close { width: 44px; height: 44px; line-height: 1; position: absolute; right: 10px; bottom: 10px; top: auto; opacity: 1; padding: 0; font-size: 0; border: 1px solid #CDD6DD; background-color: #F0F3F5; border-radius: 50%; z-index: 100; display: block; }

.mfp-container .mfp-close:before, .mfp-container .mfp-close:after { content: ''; position: absolute; right: 6px; display: inline-block; width: 15px; height: 2px; background-color: #3B4043; }

.mfp-container .mfp-close:before { -webkit-transform: translateX(-7px) rotate(-45deg); transform: translateX(-7px) rotate(-45deg); }

.mfp-container .mfp-close:after { -webkit-transform: translateX(-7px) rotate(45deg); transform: translateX(-7px) rotate(45deg); }

.mfp-container .mfp-close:active { top: auto; }

.mfp-container .mfp-content { background-color: #FFFFFF; }

.mfp-container .mfp-content .dtl-slide-wrap { margin-top: 0; margin-left: 20px; margin-right: 20px; }

.mfp-container .mfp-content .dtl-slide .slick-prev, .mfp-container .mfp-content .dtl-slide .slick-next { top: 250px; }

.mfp-container .mfp-content .dtl-slide .slick-prev { background: transparent url(/Front/shared/image/arrow_slide_prev4.svg) no-repeat center/32px auto; width: 32px; height: 32px; }

.mfp-container .mfp-content .dtl-slide .slick-next { background: transparent url(/Front/shared/image/arrow_slide_next4.svg) no-repeat center/32px auto; width: 32px; height: 32px; }

.mfp-container .mfp-content .dtl-slide .body { padding-top: 16px; }

.mfp-container .mfp-content .dtl-slide .body .img { background-color: #fff; }

.uq-nofind-area { margin-top: 24px; }

.uq-nofind-area.err { margin-top: 40px; }

.uq-nofind-area .main { border: 2px solid #DD282B; padding: 90px 24px 28px; line-height: 1.5; color: #3B4043; background: #fff url(/Front/shared/image/ico_notice_r.svg) no-repeat center 24px/42px auto; }

.uq-nofind-area .hdg { font-weight: 700; font-size: 1.8rem; }

.uq-nofind-area .dtl { margin-top: 6px; }

.uq-nofind-area .txt { font-size: 1.6rem; }

.uq-nofind-area .btn { margin-top: 35px; }

.err-nav { line-height: 1.5; }

.err-nav &gt; .body &gt; li { margin-top: 40px; }

.err-nav &gt; .body &gt; li &gt; a { font-size: 2rem; font-weight: 700; color: #000; padding-left: 30px; position: relative; text-decoration: none; }

.err-nav &gt; .body &gt; li &gt; a::before, .err-nav &gt; .body &gt; li &gt; a::after { display: inline-block; position: absolute; box-sizing: border-box; content: ''; }

.err-nav &gt; .body &gt; li &gt; a::before { width: 18px; height: 18px; background-color: #008D54; border-radius: 4px; top: 0; bottom: 0; margin: auto; left: 0; }

.err-nav &gt; .body &gt; li &gt; a::after { left: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; top: 0; bottom: 0; margin: auto; }

.err-nav .child &gt; li { margin-top: 1em; }

.err-nav .child &gt; li a { text-decoration: none; padding-left: 30px; font-size: 1.6rem; color: #000; position: relative; display: inline-block; }

.err-nav .child &gt; li a:before { position: absolute; content: ''; display: inline-block; left: 3px; top: .55em; border-top: 1px solid #008D54; border-right: 1px solid #008D54; width: 7px; height: 7px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.tag-sts { font-size: 1rem; line-height: 1.1; display: inline-block; vertical-align: middle; border-radius: 2px; font-weight: bold; }

.list-news-pt1 .tag-sts { text-align: center; }

.tag-sts.mc-tag-col1, .tag-sts.mc-tag-col2, .tag-sts.mc-tag-col3, .tag-sts.mc-tag-col4, .tag-sts.mc-tag-col7, .tag-sts.mc-tag-col8, .tag-sts.mc-tag-col9, .tag-sts.mc-tag-col10, .tag-sts.mc-tag-col11, .tag-sts.mc-tag-col12, .tag-sts.mc-tag-col13 { color: #fff; padding: 5px 6px 4px; }

.list-news-pt1 .tag-sts.mc-tag-col1, .list-news-pt1 .tag-sts.mc-tag-col2, .list-news-pt1 .tag-sts.mc-tag-col3, .list-news-pt1 .tag-sts.mc-tag-col4, .list-news-pt1 .tag-sts.mc-tag-col7, .list-news-pt1 .tag-sts.mc-tag-col8, .list-news-pt1 .tag-sts.mc-tag-col9, .list-news-pt1 .tag-sts.mc-tag-col10, .list-news-pt1 .tag-sts.mc-tag-col11, .list-news-pt1 .tag-sts.mc-tag-col12, .list-news-pt1 .tag-sts.mc-tag-col13 { padding: 5px 6px 4px; }

.tag-sts.mc-tag-col1 { background-color: #DF4840; }

.tag-sts.mc-tag-col2 { background-color: #EEBA00; }

.tag-sts.mc-tag-col3 { background-color: #E80012; }

.tag-sts.mc-tag-col4 { background-color: #008D54; }

.tag-sts.mc-tag-col5 { background-color: #F0F3F5; border: 1px solid #707070; padding: 4px 8px 3px; }

.tag-sts.mc-tag-col6 { background-color: #EEE3CF; border: 1px solid #9E7D59; padding: 4px 8px 3px; color: #6C4432; }

.tag-sts.mc-tag-col7 { background-color: #2A579A; }

.tag-sts.mc-tag-col8 { background-color: #94B428; }

.tag-sts.mc-tag-col9 { background-color: #9E7D59; }

.tag-sts.mc-tag-col10 { background-color: #F78E00; }

.tag-sts.mc-tag-col11 { background-color: #FF4F75; }

.tag-sts.mc-tag-col12 { background-color: #6C4432; }

.tag-sts.mc-tag-col13 { background-color: #79B141; }

.media-pt1 { display: flex; justify-content: space-between; margin-top: 12px; }

.media-pt1 &gt; .img-wrap { width: 103px; }

.media-pt1 &gt; .img-wrap .img { width: 103px; height: 137px; overflow: hidden; line-height: 0; font-size: 0; min-height: 0%; display: flex; flex-direction: column; justify-content: center; background-color: #F0F3F5; }

.media-pt1 &gt; .img-wrap .img img { min-height: 0%; display: block; width: auto; max-width: 103px; max-height: 137px; margin: 0 auto; }

.media-pt1 &gt; .body { width: calc(100% - 123px); }

.media-pt2 &gt; .main { padding: 3px; }

.media-pt2 &gt; .main .hdg { font-weight: 700; font-size: 1.8rem; line-height: 1.5; }

.media-pt2 &gt; .main .tel { margin-top: 10px; }

.media-pt2 &gt; .main .tel &gt; a { padding: 6px 8px; display: block; text-decoration: none; font-family: "Arial", "Helvetica"; font-weight: 700; color: #DD282B; font-size: 1.6rem; background: #EFEDE9; }

.media-pt2 &gt; .main .tel.free &gt; a { padding: 6px 8px 6px 44px; background: #EFEDE9 url(/Front/shared/image/ico_free_tel.svg) no-repeat 8px center; background-size: 28px auto; }

.media-pt2 &gt; .main .dtl dl { font-size: 0; }

.media-pt2 &gt; .main .dtl dl &gt; dt, .media-pt2 &gt; .main .dtl dl &gt; dd { display: inline-block; vertical-align: top; margin-top: 10px; line-height: 1.5; font-size: 1.2rem; }

.media-pt2 &gt; .main .dtl dl &gt; dt { color: #3B4043; width: 6em; white-space: nowrap; padding-right: 1em; }

.media-pt2 &gt; .main .dtl dl &gt; dd { color: #000; width: calc(100% - 6em); }

.media-pt2 &gt; .main .dtl dl &gt; dd .link { position: relative; display: inline-block; padding-left: 1.25em; text-decoration: none; margin-top: 5px; }

.media-pt2 &gt; .main .dtl dl &gt; dd .link::before { position: absolute; content: '\003009'; top: 0; left: 2px; }

.media-pt2 .btn { margin-top: 10px; }

.media-pt2 &gt; .img-area .img-wrap { display: none; }

.list-anc-uq { display: flex; justify-content: center; margin-top: 20px; margin-left: -2%; }

.list-anc-uq &gt; li { width: 21.65%; margin-left: 2%; }

.list-anc-uq &gt; li a { display: flex; height: 46px; justify-content: center; align-items: flex-end; text-decoration: none; border-radius: 4px; border: 2px solid #16854B; font-weight: 700; background: linear-gradient(#fff 0%, #fff 87.68%, #cdd6dd 88.18%, #cdd6dd 100%); position: relative; padding-bottom: 22px; }

.list-anc-uq &gt; li a::after { content: ''; position: absolute; bottom: 12px; left: 0; right: 0; margin: auto; width: 15px; height: 6px; display: block; background: url(/Front/shared/image/ico_arrow_b_g.svg) no-repeat center; background-size: 15px auto; }

.list-anc-uq &gt; li a:active { background: #16854B; color: #fff; }

.list-anc-uq &gt; li a:active::after { background: url(/Front/shared/image/ico_arrow_b_w.svg) no-repeat center; background-size: 15px auto; }

.list-tab-uq { display: flex; justify-content: space-between; margin: 20px -20px 0; padding: 0 14px; border-bottom: 2px solid #008D54; }

.list-tab-uq &gt; li { width: 23.4%; }

.list-tab-uq &gt; li &gt; a { width: 100%; display: flex; justify-content: center; align-items: center; background: #79B141; height: 50px; text-decoration: none; border: 2px solid #79B141; border-bottom: none; border-radius: 8px 8px 0 0; color: #fff; font-weight: 700; font-size: 1.6rem; }

.list-tab-uq &gt; li &gt; a:active { background: #fff; border: 2px solid #008D54; border-bottom: none; border-radius: 8px 8px 0 0; color: #008D54; position: relative; }

.list-tab-uq &gt; li &gt; a:active::before { content: ''; width: 100%; height: 2px; display: block; position: absolute; bottom: -2px; left: 0; right: 0; margin: auto; background-color: #fff; }

.list-tab-uq &gt; li.currnet &gt; a { background: #fff; border: 2px solid #008D54; border-bottom: none; border-radius: 8px 8px 0 0; color: #008D54; position: relative; }

.list-tab-uq &gt; li.currnet &gt; a::before { content: ''; width: 100%; height: 2px; display: block; position: absolute; bottom: -2px; left: 0; right: 0; margin: auto; background-color: #fff; }

.list-panel-pt1 { margin-top: 16px; }

.list-panel-pt1 &gt; * { margin-top: 8px; margin-left: -10px; margin-right: -10px; }

.list-panel-pt1 &gt; .panel-pt1 { margin-top: 8px; }

.list-tag-pt1 { font-size: 0; margin-left: -4px; margin-top: -4px; }

.list-tag-pt1 &gt; li { margin-top: 4px; display: inline-block; vertical-align: top; margin-left: 4px; }

.hdg-lv1-wrap-pt2 .list-tag-pt1 { order: 3; }

.media-pt2 .list-tag-pt1 { margin-top: 10px; }

.uq-shp-blk .list-tag-pt1 { margin-bottom: 12px; }

.panel-pt1 { background-color: #fff; border-radius: 10px; padding: 15px; margin-top: 16px; }

.panel-pt1.mc-panel-col1 { border: 3px solid #79B141; }

/* E1102 */
.list-tag-pt1 { font-size: 0; margin-left: -4px; margin-top: -4px; }

.list-tag-pt1 &gt; li { margin-top: 4px; display: inline-block; vertical-align: top; margin-left: 4px; }

.hdg-lv1-wrap-pt2 .list-tag-pt1 { order: 3; }

.media-pt2 .list-tag-pt1 { margin-top: 10px; }

.uq-shp-blk .list-tag-pt1 { margin-bottom: 12px; }

.tag-sts { font-size: 1rem; line-height: 1.1; display: inline-block; vertical-align: middle; border-radius: 2px; font-weight: bold; }

.list-news-pt1 .tag-sts { text-align: center; }

.tag-sts.mc-tag-col1, .tag-sts.mc-tag-col2, .tag-sts.mc-tag-col3, .tag-sts.mc-tag-col4, .tag-sts.mc-tag-col7, .tag-sts.mc-tag-col8, .tag-sts.mc-tag-col9, .tag-sts.mc-tag-col10, .tag-sts.mc-tag-col11, .tag-sts.mc-tag-col12, .tag-sts.mc-tag-col13 { color: #fff; padding: 5px 6px 4px; }

.list-news-pt1 .tag-sts.mc-tag-col1, .list-news-pt1 .tag-sts.mc-tag-col2, .list-news-pt1 .tag-sts.mc-tag-col3, .list-news-pt1 .tag-sts.mc-tag-col4, .list-news-pt1 .tag-sts.mc-tag-col7, .list-news-pt1 .tag-sts.mc-tag-col8, .list-news-pt1 .tag-sts.mc-tag-col9, .list-news-pt1 .tag-sts.mc-tag-col10, .list-news-pt1 .tag-sts.mc-tag-col11, .list-news-pt1 .tag-sts.mc-tag-col12, .list-news-pt1 .tag-sts.mc-tag-col13 { padding: 5px 6px 4px; }

.tag-sts.mc-tag-col1 { background-color: #DF4840; }

.tag-sts.mc-tag-col2 { background-color: #EEBA00; }

.tag-sts.mc-tag-col3 { background-color: #E80012; }

.tag-sts.mc-tag-col4 { background-color: #008D54; }

.tag-sts.mc-tag-col5 { background-color: #F0F3F5; border: 1px solid #707070; padding: 4px 8px 3px; }

.tag-sts.mc-tag-col6 { background-color: #EEE3CF; border: 1px solid #9E7D59; padding: 4px 8px 3px; color: #6C4432; }

.tag-sts.mc-tag-col7 { background-color: #2A579A; }

.tag-sts.mc-tag-col8 { background-color: #94B428; }

.tag-sts.mc-tag-col9 { background-color: #9E7D59; }

.tag-sts.mc-tag-col10 { background-color: #F78E00; }

.tag-sts.mc-tag-col11 { background-color: #FF4F75; }

.tag-sts.mc-tag-col12 { background-color: #6C4432; }

.tag-sts.mc-tag-col13 { background-color: #79B141; }

.tag-cate { min-width: 80px; display: inline-block; vertical-align: middle; font-size: 1rem; text-align: center; padding: 6px 10px; border-radius: 24px; }

.tag-cate.mc-tag-col1 { border: 1px solid #79B141; color: #16854B; background-color: #EBF5CE; }

.tag-cate.mc-tag-col2 { border: 1px solid #9E7D59; color: #6C4432; background-color: #EEE3CF; }

.tag-cate.mc-tag-col3 { border: 1px solid #3C96C1; color: #2A579A; background-color: #E2F7F7; }

.tag-cate.mc-tag-col4 { border: 1px solid #F78E00; color: #E07000; background-color: #FFEFD0; }

.uq-bg-pt1 { background-color: #F0F3F5; }

.l-body-main .uq-bg-pt1 { padding: 20px; margin: 40px -20px 0; }

.hdg-lv1-st + .uq-bg-pt1 { margin-top: 24px; }

.l-inner-sub .uq-bg-pt1 { padding: 8px 10px 12px; margin: 0 -20px 0; }

.l-body-sub .uq-bg-pt1 { padding: 8px; margin: 0 -20px; }

.uq-bg-pt3 { background-color: #F5F5F5; }

.l-inner-body .uq-bg-pt3 { margin: 60px -20px 0; padding: 10px 20px 24px; }

.uq-shp-blk { margin-top: 24px; }

.hdg-lv1-wrap-pt1 + .uq-shp-blk .list-tag-pt1:first-child { margin-top: -24px; }

.uq-shp-blk &gt; .img-wrap .img { margin: 0 -20px; }

.uq-shp-blk &gt; .img-wrap .img img { width: 100%; height: auto; }

.uq-shp-blk &gt; .dtl { margin-top: 20px; }

.uq-shp-blk &gt; .dtl &gt; dl { font-size: 0; }

.uq-shp-blk &gt; .dtl dt, .uq-shp-blk &gt; .dtl dd { display: inline-block; vertical-align: top; font-size: 1.4rem; line-height: 1.5; }

.uq-shp-blk &gt; .dtl dt.access, .uq-shp-blk &gt; .dtl dd.access { margin-top: 2em; }

.uq-shp-blk &gt; .dtl dt { width: 7em; padding-right: 1em; }

.uq-shp-blk &gt; .dtl dd { width: calc(100% - 7em); }

.uq-shp-blk &gt; .dtl dd + dt { margin-top: 5px; }

.uq-shp-blk &gt; .dtl dd + dt + dd { margin-top: 5px; }

.uq-shp-blk &gt; .dtl .link { position: relative; display: inline-block; padding-left: 1.25em; text-decoration: none; margin-top: 5px; }

.uq-shp-blk &gt; .dtl .link::before { position: absolute; content: '\003009'; top: 0; left: 2px; }

.uq-shp-blk &gt; .dtl .btn-list.row2 { display: flex; margin-left: -8px; margin-top: 20px; }

.uq-shp-blk &gt; .dtl .btn-list.row2 &gt; * { width: calc(50% - 8px); margin-left: 8px; }

.uq-hdg-btn-set-pt2 { background-color: #EDEAE5; margin: 32px -20px; padding: 25px 20px; }

.uq-hdg-btn-set-pt2 &gt; .hdg { font-size: 1.8rem; line-height: 1.5; font-weight: 700; }

.uq-hdg-btn-set-pt2 &gt; .txt { font-size: 1.4rem; line-height: 1.5; margin-top: 20px; }

.uq-hdg-btn-set-pt2 &gt; .btn { margin-top: 20px; }

.l-body-sub .uq-stf-list-pt2 &gt; .body { padding: 24px 18px 22px; }

.uq-stf-list-pt2 &gt; .body { background-color: #fff; padding: 16px; }

.uq-stf-list-pt2 &gt; .body + .body { margin-top: 8px; }

.uq-stf-list-pt2 &gt; .body .wrap::after { content: ''; display: table; clear: both; }

.uq-stf-list-pt2 &gt; .body .wrap .hdg { width: calc(100% - 123px); margin-right: 15px; line-height: 1.5; font-size: 1.8rem; float: left; margin-bottom: 16px; }

.uq-stf-list-pt2 &gt; .body .wrap .hdg &gt; .position, .uq-stf-list-pt2 &gt; .body .wrap .hdg &gt; span { display: block; font-size: 1.4rem; }

.uq-stf-list-pt2 &gt; .body .wrap .img { width: 108px; height: 142px; float: right; border: 1px solid #CDD6DD; min-height: 0%; display: flex; flex-direction: column; justify-content: center; overflow: hidden; line-height: 0; font-size: 0; }

.uq-stf-list-pt2 &gt; .body .wrap .img img { display: block; width: auto; max-width: 108px; max-height: 142px; margin: 0 auto; }

.uq-stf-list-pt2 &gt; .body .wrap .img + .txt { clear: none; width: calc(100% - 123px); float: left; margin-right: 15px; }

.uq-stf-list-pt2 &gt; .body .wrap .txt { clear: both; font-size: 1.2rem; line-height: 1.5; }

.uq-stf-list-pt2 &gt; .body &gt; .btn-list { display: flex; margin-left: -8px; flex-wrap: wrap; }

.uq-stf-list-pt2 &gt; .body &gt; .btn-list &gt; * { margin-top: 12px; width: calc(50% - 8px); margin-left: 8px; }

.uq-stf-list-pt2 &gt; .body &gt; .btn-list &gt; *:only-child { width: calc(100% - 8px); }

.uq-sp-link { background-color: #F0F3F5; margin-top: 16px; padding: 12px; text-align: center; }

.uq-sp-link &gt; a { text-decoration: underline; font-size: 1.4rem; line-height: 1.7; }

.uq-acd-pt1 &gt; .body { display: none; margin: 0 -20px; }

.uq-acd-pt1 &gt; .body.accordionActive { display: block; }

.uq-acd-pt1 &gt; .btn { margin-top: 2px; }

.uq-acd-pt1 &gt; .btn &gt; a { margin: 0 -20px; display: block; color: #16854B; font-size: 1.6rem; text-align: center; font-weight: 700; padding: 20px; background-color: #EBF5CE; text-decoration: none; }

.uq-acd-pt1 &gt; .btn &gt; a &gt; span span:first-of-type { display: none; }

.uq-acd-pt1 &gt; .btn &gt; a.accordionActive { background-color: #F5F5F5; }

.uq-acd-pt1 &gt; .btn &gt; a.accordionActive &gt; span span:first-of-type { display: inline; }

.uq-acd-pt1 &gt; .btn &gt; a.accordionActive &gt; span span:nth-child(2) { display: none; }

.uq-acd-pt1 &gt; .btn &gt; a.accordionActive &gt; span:after { content: none; }

.uq-acd-pt1 &gt; .btn &gt; a &gt; span { position: relative; display: inline-block; padding-right: 1.5em; }

.uq-acd-pt1 &gt; .btn &gt; a &gt; span::before, .uq-acd-pt1 &gt; .btn &gt; a &gt; span::after { position: absolute; display: inline-block; content: ''; top: 0; bottom: 0; margin: auto; background-color: #16854B; }

.uq-acd-pt1 &gt; .btn &gt; a &gt; span::before { right: 0; width: 16px; height: 2px; }

.uq-acd-pt1 &gt; .btn &gt; a &gt; span::after { right: 7px; width: 2px; height: 16px; }

.uq-list-shp { margin: 16px -20px 0; }

.uq-acd-pt1 .uq-list-shp { margin: 0; }

.uq-acd-pt1 .uq-list-shp &gt; .body:first-child { margin-top: 2px; }

.uq-list-shp &gt; .body + .body { margin-top: 2px; }

.uq-list-shp &gt; .body &gt; a { color: #000; display: flex; width: 100%; background-color: #EDEAE5; position: relative; padding: 18px 20px 16px 20px; text-decoration: none; }

.uq-list-shp &gt; .body &gt; a::after { content: ''; font-size: 2rem; color: #16854B; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; vertical-align: top; content: '\003009'; }

.uq-list-shp &gt; .body &gt; a .img-wrap { width: 120px; margin-top: 7px; }

.uq-list-shp &gt; .body &gt; a .img-wrap .img { width: 120px; height: 90px; overflow: hidden; line-height: 0; font-size: 0; min-height: 0%; display: flex; flex-direction: column; justify-content: center; background-color: #fff; }

.uq-list-shp &gt; .body &gt; a .img-wrap .img img { display: block; width: auto; max-width: 120px; max-height: 90px; margin: 0 auto; }

.uq-list-shp &gt; .body &gt; a .main { width: calc(100% - 136px); margin-left: 16px; }

.uq-list-shp &gt; .body &gt; a .main .ads { font-size: 1.3rem; line-height: 1.5; margin-top: 8px; }

.uq-list-shp &gt; .body &gt; a .main .dtl { margin-top: 2px; font-size: 0; }

.uq-list-shp &gt; .body &gt; a .main .dtl &gt; .hdg, .uq-list-shp &gt; .body &gt; a .main .dtl &gt; .txt { font-size: 1.3rem; line-height: 1.5; display: inline-block; vertical-align: middle; }

.uq-list-shp &gt; .body &gt; a .main .dtl &gt; .hdg { width: 5em; position: relative; padding-right: 0.25em; }

.uq-list-shp &gt; .body &gt; a .main .dtl &gt; .txt::before { margin-right: .25em; white-space: nowrap; content: attr(data-dtl-txt); color: #000; font-size: 1.4rem; font-weight: 300; display: inline-block; vertical-align: top; }

.uq-list-shp &gt; .body &gt; a .main .dtl &gt; .price { font-size: 1.6rem; font-weight: 700; color: #DD282B; }

.uq-list-shp &gt; .body &gt; a .btn { display: none; }

.uq-media-set &gt; .body { margin-top: 20px; }

.uq-media-set &gt; .body .hdg { font-size: 1.8rem; font-weight: 700; }

.uq-media-set &gt; .body .dtl { margin-top: 10px; }

.uq-media-set &gt; .body .dtl .txt { font-size: 1.4rem; line-height: 1.5; color: #3B4043; }

.uq-media-set &gt; .body .dtl .img { margin-top: 16px; }

.uq-media-set &gt; .body .dtl .img img { width: 100%; height: auto; }

.uq-inq-shp { background-color: #EDEAE5; margin: 20px -20px 0; padding: 24px 20px; }

.uq-inq-shp &gt; .btn-list { display: flex; margin-top: 16px; margin-left: -7px; }

.uq-inq-shp &gt; .btn-list &gt; li { width: calc(50% - 7px); margin-left: 7px; }

@media print, all and (min-width: 768px) { .hdg-lv1-st { font-size: 2.6rem; margin-top: 45px; }
  .hdg-lv1-wrap-pt1 .hdg-lv1-st { margin-top: 10px; }
  .hdg-lv1-wrap-pt2 .hdg-lv1-st { margin-top: 16px; }
  .nav-breadcrumb-wrap + .hdg-lv1-st { margin-top: 24px; }
  .hdg-lv1-st.static { margin-top: 34px; } .hdg-txt-pt1, .hdg-txt-pt2 { font-size: 1.6rem; } .hdg-lv2-st { margin: 40px 0 0; }
  .list-anc-uq + section .hdg-lv2-st { margin-top: 40px; } .hdg-lv2-pt1 { margin: 40px 0 0; }
  .uq-bg-pt2 .hdg-lv2-pt1 { margin: 60px 0px 0; } .hdg-lv3-st { font-size: 2rem; }
  .l-inner-main section:first-of-type .hdg-lv3-st { margin-top: 0; } .hdg-lv3-pt2 { font-size: 1.8rem; } .hdg-lv4-st { font-size: 2rem; } .hdg-lv5-st { margin: 40px 0 0; font-size: 1.6rem; }
  .hdg-lv5-st.pt-large { font-size: 2rem; } .hdg-hero-wrap { margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); padding-right: calc(50vw - 50%); padding-left: calc(50vw - 50%); }
  .hdg-hero-wrap.mc-hero-pt2 { background: url(/Front/shared/image/hero_img2_pc.jpg) no-repeat center/cover; } .hdg-hero .main { margin: 8px 20px 40px; min-width: 25.5%; font-size: 3rem; padding: 19px 15px 19px; }
  .hdg-hero .main .sub { font-size: 1.6rem; }
  .mc-hero-pt2 .hdg-hero .main { min-width: 35.8%; padding: 12px 15px 9px; margin: 2px 12px 36px; } .hdg-side { margin: 0; } .list-inptxt-pt1 .input-txt-st { width: 200px; } .list-input-pt1 &gt; * .wrap .input-txt-pt1 { width: 360px; }
  .list-input-pt2 &gt; * .wrap .input-txt-pt1 { width: 320px; }
  .uq-list-inq-st .dtl &gt; .input-txt-pt1 { margin-top: 0; }
  .uq-list-inq-st &gt; .body &gt; .dtl .list-inpchk-pt1 + .inp .input-txt-pt1 { width: 320px; } .input-txt-wrap-st input[type=text] { width: 640px; } .input-chk-st &gt; label .txt { font-size: 1.6rem; }
  .uq-list-inq-st .dtl .input-chk-st { margin-top: 18px; }
  .uq-list-inq-st .input-chk-st { max-width: 50%; } .input-slt-st { width: 260px; } .list-input-pt1 &gt; * .wrap .input-slt-pt1 { width: 326px; }
  .list-input-pt2 &gt; * .wrap .input-slt-pt1 { width: 320px; }
  .list-input-pt3 &gt; * .wrap .input-slt-pt1 { width: 360px; } .input-txtarea-st { min-height: 172px; }
  .uq-list-inq-st &gt; .body .dtl .txt + .input-txtarea-st { margin-top: 10px; }
  .uq-list-inq-st &gt; .body .dtl .input-txtarea-st { margin-top: 12px; }
  .uq-list-inq-st &gt; .body .dtl .txt + * .input-txtarea-st { margin-top: 10px; } .input-num-pt1 { padding-right: 15px; }
  .list-input-pt1 &gt; * .wrap .input-num-pt1 { width: 326px; }
  .list-input-pt2 &gt; * .wrap .input-num-pt1 { width: 320px; }
  .list-input-pt3 &gt; * .wrap .input-num-pt1 { width: 360px; } .list-input-dd.pt01 { width: 600px; } .input-mgt { margin-top: 0; } .uq-step-sec .dtl &gt; .txt-st { margin-top: 0; font-size: 1.6rem; }
  .uq-step-sec .dtl &gt; .txt-st + .txt-st { margin-top: 12px; }
  .uq-step-sec .dtl &gt; .txt-st a:hover { text-decoration: none; } .txt-pc-nowrap { white-space: nowrap; } .uq-hero-bn-st .txt-st { margin-top: 16px; } .txt-link:hover &gt; .link { text-decoration: underline; } .uq-house-blk + .txt-lead { margin-top: 32px; } .hr-st { margin: 30px 0 60px; } .txt-no-atc { margin-top: 32px; }
  .hdg-blog-set + .txt-no-atc { margin-top: 20px; } .txt-err { font-size: 1.6rem; } .media-st &gt; .body { margin-top: 0; margin-left: -32px; flex-direction: row-reverse; }
  .media-st &gt; .body:nth-child(even) { flex-direction: row; }
  .media-st &gt; .body &gt; .img { width: calc(47% - 32px); margin-left: 32px; margin-right: 0; margin-top: 15px; }
  .media-st &gt; .body &gt; .img .cap { margin-left: 0; margin-right: 0; }
  .media-st &gt; .body &gt; .dtl { width: calc(53% - 32px); margin-left: 32px; margin-top: 15px; }
  .media-st &gt; .body + .body &gt; .img, .media-st &gt; .body + .body &gt; .dtl { margin-top: 15px; }
  .uq-hdg-tag-pt1 + .media-st &gt; .body &gt; .img { margin-left: 32px; margin-right: 0; } .btn-st { min-width: 200px; display: inline-block; width: auto; }
  .btn-st.mc-btn-s:hover { padding: 8px 20px 7px; }
  .btn-st.mc-btn-xs:hover { padding: 3px 20px 2px; }
  .btn-single-wrap .btn-st { min-width: 255px; }
  .list-inptxt-pt1 .btn-st { margin-top: 0; width: 100%; }
  .btn-st:hover { border: 2px solid #00664b; background: linear-gradient(#0b5a4e 0%, #008D54 100%); padding: 10px 20px 8px; box-shadow: none; }
  .btn-st:hover::after { right: 0; }
  .uq-list-shp .btn-st { font-size: 1.4rem; min-width: 100%; padding: 6px 12px 6px; }
  .uq-list-shp .btn-st:hover { padding: 4px 12px 4px; }
  .content-shp .btn-st { width: 100%; }
  .btn-st.mc-btn-col2:hover { background: linear-gradient(#ff9200 0%, #e65900 55.56%, #cc0003 100%); border: 2px solid #df4840; }
  .uq-inq-shp .btn-list .btn-st, .panel-pt6 .btn-list .btn-st { width: 100%; }
  .uq-inq-shp .btn-st, .panel-pt6 .btn-st { font-size: 1.6rem; }
  .media-pt2 .btn-st { font-size: 1.6rem; padding: 12px 22px 13px; min-width: 255px; }
  .media-pt2 .btn-st:active { padding: 10px 22px 11px; }
  .media-pt2 .btn-st:hover { padding: 10px 22px 11px; }
  .uq-shp-blk .btn-list .btn-st { font-size: 1.6rem; width: 100%; } .btn-pt1 { min-width: 300px; display: inline-block; width: auto; }
  .btn-pt1:hover { background: linear-gradient(#008D54 0%, #00664b 51.23%, #004634 100%); border: 2px solid #00664b; padding: 30px 25px 28px 10px; color: rgba(255, 255, 255, 0.7); box-shadow: none; }
  .btn-pt1:hover:after { right: -4px; } .btn-pt2 { min-width: 300px; display: inline-block; vertical-align: top; width: auto; }
  .btn-pt2:hover { background: linear-gradient(#ff9200 0%, #e65900 55.56%, #cc0003 100%); border: 2px solid #df4840; padding: 19px 23px 15px; color: rgba(255, 255, 255, 0.7); box-shadow: none; }
  .btn-pt2:hover:after { right: -4px; } .btn-pt3.mc-btn-col1:hover { background-color: #fff; color: #008D54; border: 2px solid #008D54; padding: 10px 12px 11px; }
  .btn-pt3.mc-btn-col2:hover { background-color: #fff; color: #3B4043; border: 2px solid #3B4043; padding: 10px 12px 11px; } .btn-pt4 { min-width: 300px; display: inline-block; width: auto; }
  .btn-pt4:hover { background: linear-gradient(#ff9200 0%, #e65900 55.56%, #cc0003 100%); border: 2px solid #df4840; padding: 31px 23px 27px; color: rgba(255, 255, 255, 0.7); box-shadow: none; }
  .btn-pt4:hover:after { right: -4px; } .btn-pt5:hover { background-color: #A8ADB0; box-shadow: none; color: #fff; }
  .btn-pt5:hover.arrow &gt; span::before { background: url(/Front/shared/image/ico_arrow_l_w.svg) no-repeat center; background-size: 6px auto; } .btn-pt6 { display: inline-block; min-width: 144px; }
  .btn-pt6:hover { background: #008D54; color: #fff; }
  .uq-stf-list .btn-pt6 { display: block; }
  .uq-stf-list-pt2 .btn-pt6 { min-width: 1px; display: block; } .btn-pt7 { min-width: 235px; display: inline-block; width: auto; }
  .btn-pt7:hover { background: linear-gradient(#ff9200 0%, #e65900 55.56%, #cc0003 100%); border: 2px solid #df4840; padding: 21px 28px; color: rgba(255, 255, 255, 0.7); box-shadow: none; }
  .btn-pt7:hover:after { right: -2px; }
  .btn-txt-set-st .btn-pt7 { font-size: 2.2rem; padding: 23px 30px; }
  .btn-txt-set-st .btn-pt7:active { padding: 21px 28px; }
  .btn-txt-set-st .btn-pt7:hover { padding: 21px 28px; } .btn-single-wrap { margin: 40px 0 0; } .list-btn-pt1 &gt; li:only-child:last-child .btn-pt1, .list-btn-pt1 &gt; li:only-child:last-child .btn-pt2 { margin-bottom: 20px; } .btn-txt-set-st { display: flex; align-items: center; margin-top: 24px; }
  .btn-txt-set-st &gt; .hdg { margin-right: 24px; }
  .btn-txt-set-st &gt; .btn { margin-top: 0; } .input-txt-set-uq + .list-btn-st &gt; * .btn-pt3 { width: 148px; }
  .input-txt-set-uq + .list-btn-st &gt; * .btn-uq-pt3 { width: 80px; } .btn-img:hover img { opacity: .7; } .img-hero-st { margin: 32px 0 0; } .list-news-pt1 { margin-top: 24px; }
  .list-news-pt1 &gt; .body .dtl { margin-top: 7px; }
  .list-news-pt1 &gt; .body .dtl &gt; .date, .list-news-pt1 &gt; .body .dtl &gt; .txt { font-size: 1.4rem; } .list-inptxt-pt1 { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 16px 0 0 0; }
  .list-inptxt-pt1 &gt; .item { display: flex; flex-wrap: wrap; align-items: center; width: 50%; margin: 16px 0 0 0; }
  .list-inptxt-pt1 &gt; .item &gt; .hdg { width: 31%; }
  .list-inptxt-pt1 &gt; .item &gt; .dtl { margin-top: 0; margin-left: 12px; }
  .list-inptxt-pt1 &gt; .item &gt; .btn { margin-left: calc(31% + 12px); width: calc(100% - (31% + 12px)); } .list-dl-wrap &gt; .body { display: flex; margin-top: 0; }
  .list-dl-wrap &gt; .body + .body { margin-top: 12px; }
  .list-dl-wrap &gt; .body &gt; .hdg { width: 10em; margin-top: 15px; } .list-inpchk-pt1 { display: flex; flex-wrap: wrap; margin-left: -52px; }
  .list-inpchk-pt1 &gt; * { margin-left: 52px; }
  .list-inpchk-pt1.row4 { margin-left: -20px; }
  .list-inpchk-pt1.row4 &gt; * { width: calc(25% - 20px); margin-left: 20px; }
  .list-inpchk-pt1.row5 { margin-left: -20px; }
  .list-inpchk-pt1.row5 &gt; * { width: calc(20% - 20px); margin-left: 20px; } .list-inprdo-pt1 { display: flex; flex-wrap: wrap; margin-left: -32px; margin-top: -26px; }
  .list-inprdo-pt1 &gt; * { margin-top: 26px; margin-left: 32px; }
  .uq-list-inq-st .list-inprdo-pt1 { margin-top: -5px; } .list-slt-st { display: flex; }
  .list-slt-st &gt; .body { justify-content: start; }
  .list-slt-st &gt; .body::after { position: static; margin-left: 24px; }
  .list-slt-st &gt; .body + .body { margin-left: 16px; }
  .list-slt-st &gt; .body .hdg { width: auto; }
  .list-slt-st &gt; .body .dtl { width: auto; margin-left: 16px; } .list-slt-pt1 { display: flex; flex-wrap: wrap; margin-left: -40px; }
  .input-slt-st + .list-slt-pt1 { margin-top: 20px; }
  .list-slt-pt1 &gt; li { margin-left: 40px; }
  .list-slt-pt1 &gt; li + li { margin-top: 0; } .list-btn-st &gt; *:only-child { width: auto; }
  .list-btn-st &gt; .pt3, .list-btn-st &gt; .uq-pt2 { width: auto; }
  .panel-pt3 .list-btn-st { padding: 0; flex-wrap: nowrap; }
  .panel-pt3 .list-btn-st &gt; * { margin-top: 0; } .list-hdg-st &gt; li { margin-top: 32px; } .list-btn-pt1 { display: flex; align-items: center; padding: 0; margin: 0; margin-left: -40px; }
  .list-btn-pt1 &gt; * { padding: 0; margin-top: 24px; margin-left: 40px; }
  .list-btn-pt1 &gt; *:only-child { margin-top: 52px; } .list-btn-pt2 { margin-top: 35px; padding-top: 40px; display: flex; justify-content: center; }
  .list-btn-pt2 &gt; li { margin: 0 8px; }
  .list-btn-pt2 &gt; li + li { margin-top: 0; }
  .list-btn-pt2 &gt; li * { width: 220px; } .uq-dtl-blk-pt1 .list-attr:first-child { margin-top: 0; } .list-lnk-st &gt; li a:hover .item { text-decoration: underline; } .list-decimal, .list-roman { margin-top: 24px; } .list-decimal { margin-left: 2.5em; } .list-roman { margin-left: 1.5em; } .panel-st { padding: 1px 26px 16px; margin-top: 32px; } .column { display: flex; flex-wrap: wrap; }
  .column.row2-4 { margin-left: -40px; margin-top: 40px; }
  .column.row2-4 &gt; .body { margin-left: 40px; width: calc(25% - 40px); }
  .column.row2-4 &gt; .body:nth-child(n + 3) .img-wrap { margin-top: 0; }
  .column.row2-4 &gt; .body:nth-child(n + 5) .img-wrap { margin-top: 40px; }
  .column.row1-3 { margin-left: -40px; margin-top: 40px; }
  .column.row1-3 &gt; .body { margin-left: 40px; width: calc(33.333% - 40px); }
  .column.row1-3 &gt; .body:nth-child(n + 4) .img-wrap { margin-top: 40px; }
  .column.row1-3 &gt; .body .img-wrap { margin-top: 0; margin-left: 0; margin-right: 0; } .content-shp { padding: 25px; margin: 0; }
  .uq-bg-pt1 + .content-shp { margin-top: 16px; }
  .content-shp &gt; .main .btn-list { margin-top: 16px; } .tel-blk-st { margin-top: 8px; border-radius: 0; background: #EDEAE5; border: none; box-shadow: none; pointer-events: none; cursor: default; padding: 12px; text-align: left; display: flex; align-items: center; }
  .tel-blk-st &gt; .hdg { line-height: 1.5; margin-right: 10px; }
  .tel-blk-st &gt; .num { margin-top: 0; font-size: 2.2rem; white-space: nowrap; }
  .tel-blk-st &gt; .num.free { padding-left: 42px; }
  .tel-blk-st &gt; .num.free::before { background-size: 35px auto; width: 35px; height: 20px; }
  .content-shp .tel-blk-st { margin-top: 8px; padding: 0; display: block; }
  .content-shp .tel-blk-st &gt; .hdg { margin-right: 0; text-align: center; font-size: 1.4rem; }
  .content-shp .tel-blk-st &gt; .num { margin-top: 8px; font-size: 2.6rem; display: flex; justify-content: center; }
  .content-shp .tel-blk-st &gt; .num.free { display: inline-block; padding-left: 42px; }
  .content-shp .tel-blk-st &gt; .num.free::before { background-size: 35px auto; width: 35px; height: 20px; }
  .uq-inq-shp .tel-blk-st { padding: 0; }
  .uq-inq-shp .tel-blk-st &gt; .hdg { font-size: 2rem; }
  .uq-inq-shp .tel-blk-st &gt; .num { font-size: 3.4rem; padding-left: 54px; }
  .uq-inq-shp .tel-blk-st &gt; .num.free::before { background-size: 45px auto; width: 45px; height: 26px; }
  .uq-shp-blk .tel-blk-st &gt; .num { padding-left: 42px; } .uq-list-inq-st .dtl .post + .wrap-country { margin-left: 0; } .mfp-container { padding: 60px 90px !important; }
  .mfp-container .mfp-close { right: 20px; bottom: 20px; }
  .mfp-container .mfp-content { background: transparent; }
  .mfp-container .mfp-content .dtl-slide-wrap { position: relative; margin-left: auto; margin-right: auto; width: 1100px; }
  .mfp-container .mfp-content .dtl-slide { background-color: #fff; padding-bottom: 16px; }
  .mfp-container .mfp-content .dtl-slide .txt-wrap { display: block; text-align: center; padding-bottom: 0; }
  .mfp-container .mfp-content .dtl-slide .slick-prev, .mfp-container .mfp-content .dtl-slide .slick-next { top: 280px; } .uq-nofind-area.err { margin-top: 78px; }
  .uq-nofind-area .main { max-width: 900px; margin: 50px auto 0; padding: 38px 70px 38px 170px; background: #fff url(/Front/shared/image/ico_notice_r.svg) no-repeat 81px center/58px auto; }
  .uq-nofind-area .hdg { font-size: 2.2rem; }
  .uq-nofind-area .btn { margin-top: 60px; }
  .uq-nofind-area .btn &gt; * { margin: 0 auto; width: 220px; } .err-nav { max-width: 900px; margin: 0 auto; }
  .err-nav &gt; .body { display: flex; justify-content: space-between; }
  .err-nav &gt; .body &gt; li { margin-top: 80px; }
  .err-nav &gt; .body &gt; li &gt; a { font-size: 1.8rem; }
  .err-nav .child &gt; li { margin-top: 1em; }
  .err-nav .child &gt; li a { font-size: 1.4rem; }
  .err-nav .child &gt; li a:before { top: .45em; }
  .err-nav .child &gt; li a:hover { text-decoration: underline; } .media-pt1 &gt; .img-wrap { width: 165px; }
  .media-pt1 &gt; .img-wrap .img { width: 165px; height: 165px; }
  .media-pt1 &gt; .img-wrap .img a { display: block; transition: opacity .2s; }
  .media-pt1 &gt; .img-wrap .img a:hover { opacity: .7; }
  .media-pt1 &gt; .img-wrap .img img { max-width: 165px; max-height: 165px; }
  .media-pt1 &gt; .body { width: calc(100% - 197px); display: flex; justify-content: space-between; }
  .media-pt1 .dtl { width: 60%; }
  .media-pt1 .btn-wrap { width: 33.5%; } .media-pt2 { min-height: 220px; display: flex; justify-content: space-between; }
  .media-pt2 &gt; .main { width: calc(100% - 335px); padding: 0; margin-right: 80px; }
  .media-pt2 &gt; .main .hdg-wrap { display: flex; align-items: center; justify-content: space-between; }
  .media-pt2 &gt; .main .hdg { font-size: 2rem; }
  .media-pt2 &gt; .main .tel { margin-top: 18px; }
  .media-pt2 &gt; .main .tel &gt; a { padding: 10px 14px; font-size: 2.2rem; pointer-events: none; cursor: default; }
  .media-pt2 &gt; .main .tel.free &gt; a { padding: 10px 14px 10px 57px; background: #EFEDE9 url(/Front/shared/image/ico_free_tel.svg) no-repeat 8px center; background-size: 35px auto; }
  .media-pt2 &gt; .main .dtl { margin-top: 10px; }
  .media-pt2 &gt; .main .dtl dl &gt; dt, .media-pt2 &gt; .main .dtl dl &gt; dd { margin-top: 10px; font-size: 1.6rem; }
  .media-pt2 &gt; .main .dtl dl &gt; dt { width: 7em; }
  .media-pt2 &gt; .main .dtl dl &gt; dd { width: calc(100% - 7em); }
  .media-pt2 .btn { margin-top: auto; }
  .media-pt2 &gt; .img-area { display: flex; flex-direction: column; min-height: 220px; }
  .media-pt2 &gt; .img-area .img-wrap { min-height: 0%; display: flex; flex-direction: column; justify-content: center; overflow: hidden; width: 255px; height: 170px; line-height: 0; font-size: 0; }
  .media-pt2 &gt; .img-area .img-wrap img { display: block; width: auto; max-width: 250px; max-height: 170px; margin: 0 auto; }
  .media-pt2 &gt; .img-area .img-wrap + .btn { margin-top: 10px; } .list-anc-uq { margin-top: 50px; margin-left: -16px; }
  .list-anc-uq &gt; li { width: calc(18% - 16px); margin-left: 16px; }
  .list-anc-uq &gt; li a { height: 60px; font-size: 1.8rem; padding-bottom: 28px; }
  .list-anc-uq &gt; li a::after { content: ''; position: absolute; bottom: 12px; left: 0; right: 0; margin: auto; width: 15px; height: 6px; display: block; background: url(/Front/shared/image/ico_arrow_b_g.svg) no-repeat center; background-size: 15px auto; }
  .list-anc-uq &gt; li a:hover { background: #16854B; color: #fff; }
  .list-anc-uq &gt; li a:hover::after { background: url(/Front/shared/image/ico_arrow_b_w.svg) no-repeat center; background-size: 15px auto; } .list-tab-uq { margin: 60px 0 0; padding: 0 58px; }
  .list-tab-uq &gt; li { width: 24.5%; }
  .list-tab-uq &gt; li &gt; a { height: 77px; font-size: 2.4rem; }
  .list-tab-uq &gt; li &gt; a:hover { background: #fff; border: 2px solid #008D54; border-bottom: none; border-radius: 8px 8px 0 0; color: #008D54; position: relative; }
  .list-tab-uq &gt; li &gt; a:hover::before { content: ''; width: 100%; height: 2px; display: block; position: absolute; bottom: -2px; left: 0; right: 0; margin: auto; background-color: #fff; } .list-panel-pt1 { margin-top: 24px; }
  .list-panel-pt1 &gt; * { margin: 15px 0 0; }
  .list-panel-pt1 &gt; .panel-pt1 { margin-top: 15px; } .media-pt2 .list-tag-pt1 { margin-top: 0; }
  .uq-shp-blk .list-tag-pt1 { margin-bottom: 16px; } .panel-pt1 { padding: 20px 30px; margin-top: 24px; } 

  /* E1102 */
  .err-nav .child &gt; li a:hover { text-decoration: underline; } .media-pt2 .list-tag-pt1 { margin-top: 0; }
  .uq-shp-blk .list-tag-pt1 { margin-bottom: 16px; } .tag-cate { min-width: 100px; font-size: 1.2rem; padding: 8px 10px; } .l-body-main .uq-bg-pt1 { margin: 40px 0 0; }
  .l-inner-sub .uq-bg-pt1 { padding: 8px; margin: 0; }
  .l-body-sub .uq-bg-pt1 { padding: 8px; margin: 0; } .l-inner-body .uq-bg-pt3 { margin: 60px 0 0; padding: 1px 30px 30px; } .uq-shp-blk { display: flex; justify-content: space-between; }
  .hdg-lv1-wrap-pt1 + .uq-shp-blk .list-tag-pt1:first-child { margin-top: -10px; }
  .uq-shp-blk &gt; .img-wrap { width: 36%; }
  .uq-shp-blk &gt; .img-wrap .img { margin: 0; }
  .uq-shp-blk &gt; .dtl { width: 58%; margin-top: 0; }
  .uq-shp-blk &gt; .dtl dt, .uq-shp-blk &gt; .dtl dd { font-size: 1.6rem; }
  .uq-shp-blk &gt; .dtl .link:hover { text-decoration: underline; }
  .uq-shp-blk &gt; .dtl .btn-list.row2 { margin-left: -22px; margin-top: 24px; }
  .uq-shp-blk &gt; .dtl .btn-list.row2 &gt; * { width: calc(50% - 22px); margin-left: 22px; } .uq-hdg-btn-set-pt2 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: 40px calc(50% - 50vw) 0; padding: 40px calc(50vw - 50%); }
  .uq-hdg-btn-set-pt2 &gt; .txt { font-size: 1.6rem; margin-top: 0; }
  .uq-hdg-btn-set-pt2 &gt; .btn { margin-top: 0; } .l-body-sub .uq-stf-list-pt2 &gt; .body { padding: 24px 15px 16px; }
  .uq-stf-list-pt2 &gt; .body { padding: 24px 14px 16px; }
  .uq-stf-list-pt2 &gt; .body .wrap { display: flex; flex-wrap: wrap; }
  .uq-stf-list-pt2 &gt; .body .wrap .hdg { font-size: 2rem; float: left; margin-bottom: 16px; align-self: center; }
  .uq-stf-list-pt2 &gt; .body .wrap .hdg &gt; .position, .uq-stf-list-pt2 &gt; .body .wrap .hdg &gt; span { font-size: 1.6rem; }
  .uq-stf-list-pt2 &gt; .body .wrap .img { margin-bottom: 16px; }
  .uq-stf-list-pt2 &gt; .body .wrap .img + .txt { clear: both; width: auto; float: none; margin-right: 0; }
  .uq-stf-list-pt2 &gt; .body .wrap .txt { clear: both; font-size: 1.2rem; line-height: 1.5; }
  .uq-stf-list-pt2 &gt; .body &gt; .btn-list { display: flex; margin-left: -8px; flex-wrap: wrap; }
  .uq-stf-list-pt2 &gt; .body &gt; .btn-list &gt; * { margin-top: 12px; width: calc(50% - 8px); margin-left: 8px; } .uq-sp-link { display: none; } .uq-acd-pt1 { margin-top: 0; }
  .uq-acd-pt1 &gt; .body { margin: 0; }
  .uq-acd-pt1 &gt; .btn { margin-top: 10px; }
  .uq-acd-pt1 &gt; .btn &gt; a { margin: 0; } .uq-list-shp { margin: 16px 0 0 -22px; display: flex; flex-wrap: wrap; }
  .uq-acd-pt1 .uq-list-shp { margin: 0 0 0 -22px; }
  .uq-acd-pt1 .uq-list-shp &gt; .body:first-child { margin-top: 16px; }
  .uq-list-shp &gt; .body { width: calc(33.333% - 22px); margin-left: 22px; margin-top: 16px; }
  .uq-list-shp &gt; .body + .body { margin-top: 16px; }
  .uq-list-shp &gt; .body &gt; a { border-radius: 6px; display: block; padding: 20px; cursor: default; pointer-events: none; }
  .uq-list-shp &gt; .body &gt; a::after { content: none; }
  .uq-list-shp &gt; .body &gt; a .img-wrap { width: 192px; margin-top: 0; cursor: pointer; pointer-events: auto; transition: opacity .2s; }
  .uq-list-shp &gt; .body &gt; a .img-wrap:hover { opacity: .7; }
  .uq-list-shp &gt; .body &gt; a .img-wrap .img { width: 192px; height: 144px; overflow: hidden; }
  .uq-list-shp &gt; .body &gt; a .img-wrap .img img { max-width: 192px; max-height: 144px; }
  .uq-list-shp &gt; .body &gt; a .main { width: 100%; margin-left: 0; margin-top: 10px; }
  .uq-list-shp &gt; .body &gt; a .main .ads { font-size: 1.4rem; cursor: pointer; pointer-events: auto; }
  .uq-list-shp &gt; .body &gt; a .main .ads:hover { text-decoration: underline; }
  .uq-list-shp &gt; .body &gt; a .main .dtl { margin-top: 2px; font-size: 0; }
  .uq-list-shp &gt; .body &gt; a .main .dtl &gt; .hdg, .uq-list-shp &gt; .body &gt; a .main .dtl &gt; .txt { font-size: 1.3rem; line-height: 1.5; display: inline-block; vertical-align: middle; }
  .uq-list-shp &gt; .body &gt; a .main .dtl &gt; .hdg { width: 5em; position: relative; padding-right: 0.25em; }
  .uq-list-shp &gt; .body &gt; a .main .dtl &gt; .txt::before { margin-right: .25em; white-space: nowrap; content: attr(data-dtl-txt); color: #000; font-size: 1.4rem; font-weight: 300; display: inline-block; vertical-align: top; }
  .uq-list-shp &gt; .body &gt; a .main .dtl &gt; .price { font-size: 1.6rem; font-weight: 700; color: #DD282B; }
  .uq-list-shp &gt; .body &gt; a .btn { display: block; margin-top: 16px; cursor: pointer; pointer-events: auto; } .uq-media-set &gt; .body { margin-top: 30px; }
  .uq-media-set &gt; .body .dtl { display: flex; }
  .uq-media-set &gt; .body .dtl .txt:only-child { width: 100%; }
  .uq-media-set &gt; .body .dtl .txt { margin-top: 10px; width: calc(100% - 281px); }
  .uq-media-set &gt; .body .dtl .img { margin-top: 10px; margin-left: 24px; width: 247px; } .uq-inq-shp { margin: 24px 0 0; padding: 32px 40px 32px 60px; }
  .uq-inq-shp &gt; .btn-list { margin-top: 24px; margin-left: -20px; }
  .uq-inq-shp &gt; .btn-list &gt; li { width: calc(50% - 20px); margin-left: 20px; }
}

@media print, all and (max-width: 1199px) and (min-width: 768px) { .hdg-hero-wrap { margin-right: -50px; margin-left: -50px; padding-right: 50px; padding-left: 50px; } }

@media print, all and (max-width: 1199px) and (min-width: 768px) { .hdg-hero-wrap { margin-right: -50px; margin-left: -50px; padding-right: 50px; padding-left: 50px; } .uq-hdg-btn-set-pt2 { margin-right: -50px; margin-left: -50px; padding-right: 50px; padding-left: 50px; } }</pre></body></html>