@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

@font-face {
  font-family: "Noto CJK Jp";
  font-weight: 400;
  font-style: normal;
  src: url("./font/NotoSansCJKjp-Medium.woff2") format("woff2");
  font-display: swap;
}

.br_sp {
  display: none;
}

@media (max-width: 480px) {
  .br_sp {
    display: block;
  }
}

.br_tab {
  display: none;
}

@media (max-width: 768px) {
  .br_tab {
    display: block;
  }
}

@media (max-width: 768px) {
  .br_pc1 {
    display: none;
  }
}

@media (max-width: 480px) {
  .br_pc2 {
    display: none;
  }
}

@font-face {
  font-family: "Noto CJK Jp";
  font-weight: 400;
  font-style: normal;
  src: url("./font/NotoSansCJKjp-Medium.woff2") format("woff2");
  font-display: swap;
}

.br_sp {
  display: none;
}

@media (max-width: 480px) {
  .br_sp {
    display: block;
  }
}

.br_tab {
  display: none;
}

@media (max-width: 768px) {
  .br_tab {
    display: block;
  }
}

@media (max-width: 768px) {
  .br_pc1 {
    display: none;
  }
}

@media (max-width: 480px) {
  .br_pc2 {
    display: none;
  }
}

/* IE郢昜ｸ翫Ε郢ｧ�ｽｯ騾包ｽｨmixin */
.arrow {
  position: relative;
  vertical-align: middle;
}

.arrow::before,
.arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.arrow-bot::after {
  display: block;
  position: relative;
  width: 12px;
  height: 12px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.SquareBtn {
  display: block;
  width: 100%;
  color: #009944;
  background-color: #009944;
  padding: 15px 0;
  margin: 0;
  text-align: center;
  display: block;
    font-size: "貂ｸ繧ｴ繧ｷ繝�繧ｯ", "Yu Gothic", "貂ｸ繧ｴ繧ｷ繝�繧ｯ菴�", "YuGothic", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, "�ｼｭ�ｼｳ �ｼｰ繧ｴ繧ｷ繝�繧ｯ", "MS PGothic", sans-serif;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.SquareBtn:link {
  color: #009944;
}

.SquareBtn:visited {
  color: #009944;
}

.SquareBtn:hover {
  color: #009944;
}

.SquareBtn:active {
  color: #009944;
}

.SquareBtn:hover {
  background-color: #008039;
}

@media (max-width: 480px) {
  .SquareBtn {
    max-width: 100%;
  }
}

.GreenBtn {
  display: block;
  width: auto;
  color: #fff;
  background-color: #07c074;
  padding: 15px 0;
  margin: 0;
  text-align: center;
  display: inline-block;
  border-radius: 24px;
  line-height: 1;
  padding: 15px 5em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  transition: 0.3s;
}

.GreenBtn:link {
  color: #fff;
}

.GreenBtn:visited {
  color: #fff;
}

.GreenBtn:hover {
  color: #fff;
}

.GreenBtn:active {
  color: #fff;
}

.GreenBtn:hover:after {
  right: calc(2em - 4px);
}

.GreenBtn:hover {
  background-color: #058f56;
}

@media (max-width: 480px) {
  .GreenBtn {
    max-width: 100%;
  }
}

.GreenBtn::after {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  left: auto;
  right: 2em;
}

@font-face {
  font-family: "Noto CJK Jp";
  font-weight: 400;
  font-style: normal;
  src: url("./font/NotoSansCJKjp-Medium.woff2") format("woff2");
  font-display: swap;
}

.br_sp {
  display: none;
}

@media (max-width: 480px) {
  .br_sp {
    display: block;
  }
}

.br_tab {
  display: none;
}

@media (max-width: 768px) {
  .br_tab {
    display: block;
  }
}

@media (max-width: 768px) {
  .br_pc1 {
    display: none;
  }
}

@media (max-width: 480px) {
  .br_pc2 {
    display: none;
  }
}

*, *::before, *::after {
  box-sizing: border-box;
}

a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  color: inherit;
}

.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.clearfix::after {
  content: '';
  display: block;
  clear: both;
}

.fwb {
  font-weight: bold;
}

.fwn {
  font-weight: normal;
}

.fz0 {
  font-size: 0;
}

.lh1 {
  line-height: 1;
}

.lh15 {
  line-height: 1.5;
}

.lh16 {
  line-height: 1.6;
}

.lh17 {
  line-height: 1.7;
}

.lh18 {
  line-height: 1.78;
}

.lh19 {
  line-height: 1.9;
}

.lh20 {
  line-height: 2;
}

.green {
  color: #07c074;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb55 {
  margin-bottom: 55px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb65 {
  margin-bottom: 65px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb75 {
  margin-bottom: 75px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb85 {
  margin-bottom: 85px;
}

.mb90 {
  margin-bottom: 90px;
}

.mb95 {
  margin-bottom: 95px;
}

.mb100 {
  margin-bottom: 100px;
}

.mb105 {
  margin-bottom: 105px;
}

.mb110 {
  margin-bottom: 110px;
}

.mb115 {
  margin-bottom: 115px;
}

.mb120 {
  margin-bottom: 120px;
}

.mb125 {
  margin-bottom: 125px;
}

.mb130 {
  margin-bottom: 130px;
}

.mb135 {
  margin-bottom: 135px;
}

.mb140 {
  margin-bottom: 140px;
}

.mb145 {
  margin-bottom: 145px;
}

.mb150 {
  margin-bottom: 150px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mt55 {
  margin-top: 55px;
}

.mt60 {
  margin-top: 60px;
}

.mt65 {
  margin-top: 65px;
}

.mt70 {
  margin-top: 70px;
}

.mt75 {
  margin-top: 75px;
}

.mt80 {
  margin-top: 80px;
}

.mt85 {
  margin-top: 85px;
}

.mt90 {
  margin-top: 90px;
}

.mt95 {
  margin-top: 95px;
}

.mt100 {
  margin-top: 100px;
}

.mt105 {
  margin-top: 105px;
}

.mt110 {
  margin-top: 110px;
}

.mt115 {
  margin-top: 115px;
}

.mt120 {
  margin-top: 120px;
}

.mt125 {
  margin-top: 125px;
}

.mt130 {
  margin-top: 130px;
}

.mt135 {
  margin-top: 135px;
}

.mt140 {
  margin-top: 140px;
}

.mt145 {
  margin-top: 145px;
}

.mt150 {
  margin-top: 150px;
}

.ml05em {
  margin-left: 0.5em;
}

.mr05em {
  margin-right: 0.5em;
}

.ml1em {
  margin-left: 1em;
}

.mr1em {
  margin-right: 1em;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb45 {
  padding-bottom: 45px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb55 {
  padding-bottom: 55px;
}

.pb60 {
  padding-bottom: 60px;
}

.pb65 {
  padding-bottom: 65px;
}

.pb70 {
  padding-bottom: 70px;
}

.pb75 {
  padding-bottom: 75px;
}

.pb80 {
  padding-bottom: 80px;
}

.pb85 {
  padding-bottom: 85px;
}

.pb90 {
  padding-bottom: 90px;
}

.pb95 {
  padding-bottom: 95px;
}

.pb100 {
  padding-bottom: 100px;
}

.pb105 {
  padding-bottom: 105px;
}

.pb110 {
  padding-bottom: 110px;
}

.pb115 {
  padding-bottom: 115px;
}

.pb120 {
  padding-bottom: 120px;
}

.pb125 {
  padding-bottom: 125px;
}

.pb130 {
  padding-bottom: 130px;
}

.pb135 {
  padding-bottom: 135px;
}

.pb140 {
  padding-bottom: 140px;
}

.pb145 {
  padding-bottom: 145px;
}

.pb150 {
  padding-bottom: 150px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pt35 {
  padding-top: 35px;
}

.pt40 {
  padding-top: 40px;
}

.pt45 {
  padding-top: 45px;
}

.pt50 {
  padding-top: 50px;
}

.pt55 {
  padding-top: 55px;
}

.pt60 {
  padding-top: 60px;
}

.pt65 {
  padding-top: 65px;
}

.pt70 {
  padding-top: 70px;
}

.pt75 {
  padding-top: 75px;
}

.pt80 {
  padding-top: 80px;
}

.pt85 {
  padding-top: 85px;
}

.pt90 {
  padding-top: 90px;
}

.pt95 {
  padding-top: 95px;
}

.pt100 {
  padding-top: 100px;
}

.pt105 {
  padding-top: 105px;
}

.pt110 {
  padding-top: 110px;
}

.pt115 {
  padding-top: 115px;
}

.pt120 {
  padding-top: 120px;
}

.pt125 {
  padding-top: 125px;
}

.pt130 {
  padding-top: 130px;
}

.pt135 {
  padding-top: 135px;
}

.pt140 {
  padding-top: 140px;
}

.pt145 {
  padding-top: 145px;
}

.pt150 {
  padding-top: 150px;
}

.LineAdjust {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.por {
  position: relative;
}

.poa {
  position: absolute;
}

.row, .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

.wrap {
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

li {
  list-style: none;
}

img {
  width: 100%;
}

video {
  width: 100%;
}

h1 a, li a {
  display: block;
}

button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

html {
  -webkit-overflow-scrolling: touch;
  font-size: 62.5%;
  font-size: 10px;
  overflow: auto;
}

body {
  color: #333;
  font-size: 1.4rem;
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.04em;
  -webkit-text-size-adjust: 100%;
  line-height: 1.6;
}

@media (max-width: 1290px) {
  body {
    width: 100%;
    overflow-x: hidden;
  }
}

@media (max-width: 480px) {
  body {
    font-size: 1.4rem;
  }
}

.PageAnchor {
  �ｾゑｿｽ�ｾゑｿｽ�ｾゑｿｽ�ｾゑｿｽdisplay: block;
  �ｾゑｿｽ�ｾゑｿｽ�ｾゑｿｽ�ｾゑｿｽpadding-top: 60px;
  �ｾゑｿｽ�ｾゑｿｽ�ｾゑｿｽ�ｾゑｿｽmargin-top: -60px;
}

.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
}

input, button, select, textarea {
  -webkit-appearance: none;
}

a:focus, input:focus, select:focus, textarea:focus, button:focus {
  outline: none;
}

input[type=radio], input[type=checkbox] {
  display: none;
}

select {
  outline: none;
  text-indent: 0.01px;
  border: none;
  text-overflow: '';
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: button;
  appearance: button;
}

select option {
  background-color: #fff;
  color: #333;
}

select::-ms-expand {
  display: none;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}

.Form-600 {
  max-width: 600px;
}

.Form-580 {
  max-width: 580px;
}

.Form-560 {
  max-width: 560px;
}

.Form-540 {
  max-width: 540px;
}

.Form-520 {
  max-width: 520px;
}

.Form-500 {
  max-width: 500px;
}

.Form-480 {
  max-width: 480px;
}

.Form-460 {
  max-width: 460px;
}

.Form-440 {
  max-width: 440px;
}

.Form-420 {
  max-width: 420px;
}

.Form-400 {
  max-width: 400px;
}

.Form-380 {
  max-width: 380px;
}

.Form-360 {
  max-width: 360px;
}

.Form-340 {
  max-width: 340px;
}

.Form-320 {
  max-width: 320px;
}

.Form-300 {
  max-width: 300px;
}

.Form-280 {
  max-width: 280px;
}

.Form-260 {
  max-width: 260px;
}

.Form-240 {
  max-width: 240px;
}

.Form-220 {
  max-width: 220px;
}

@font-face {
  font-family: "Noto CJK Jp";
  font-weight: 400;
  font-style: normal;
  src: url("./font/NotoSansCJKjp-Medium.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Noto CJK Jp";
  font-weight: 400;
  font-style: normal;
  src: url("./font/NotoSansCJKjp-Medium.woff2") format("woff2");
  font-display: swap;
}

.br_sp {
  display: none;
}

@media (max-width: 480px) {
  .br_sp {
    display: block;
  }
}

.br_tab {
  display: none;
}

@media (max-width: 768px) {
  .br_tab {
    display: block;
  }
}

@media (max-width: 768px) {
  .br_pc1 {
    display: none;
  }
}

@media (max-width: 480px) {
  .br_pc2 {
    display: none;
  }
}

@font-face {
  font-family: "Noto CJK Jp";
  font-weight: 400;
  font-style: normal;
  src: url("./font/NotoSansCJKjp-Medium.woff2") format("woff2");
  font-display: swap;
}

.br_sp {
  display: none;
}

@media (max-width: 480px) {
  .br_sp {
    display: block;
  }
}

.br_tab {
  display: none;
}

@media (max-width: 768px) {
  .br_tab {
    display: block;
  }
}

@media (max-width: 768px) {
  .br_pc1 {
    display: none;
  }
}

@media (max-width: 480px) {
  .br_pc2 {
    display: none;
  }
}

/* IE郢昜ｸ翫Ε郢ｧ�ｽｯ騾包ｽｨmixin */
@font-face {
  font-family: "Noto CJK Jp";
  font-weight: 400;
  font-style: normal;
  src: url("./font/NotoSansCJKjp-Medium.woff2") format("woff2");
  font-display: swap;
}

.br_sp {
  display: none;
}

@media (max-width: 480px) {
  .br_sp {
    display: block;
  }
}

.br_tab {
  display: none;
}

@media (max-width: 768px) {
  .br_tab {
    display: block;
  }
}

@media (max-width: 768px) {
  .br_pc1 {
    display: none;
  }
}

@media (max-width: 480px) {
  .br_pc2 {
    display: none;
  }
}

*, *::before, *::after {
  box-sizing: border-box;
}

a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  color: inherit;
}

.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.clearfix::after {
  content: '';
  display: block;
  clear: both;
}

.fwb {
  font-weight: bold;
}

.fwn {
  font-weight: normal;
}

.fz0 {
  font-size: 0;
}

.lh1 {
  line-height: 1;
}

.lh15 {
  line-height: 1.5;
}

.lh16 {
  line-height: 1.6;
}

.lh17 {
  line-height: 1.7;
}

.lh18 {
  line-height: 1.78;
}

.lh19 {
  line-height: 1.9;
}

.lh20 {
  line-height: 2;
}

.green {
  color: #07c074;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb55 {
  margin-bottom: 55px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb65 {
  margin-bottom: 65px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb75 {
  margin-bottom: 75px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb85 {
  margin-bottom: 85px;
}

.mb90 {
  margin-bottom: 90px;
}

.mb95 {
  margin-bottom: 95px;
}

.mb100 {
  margin-bottom: 100px;
}

.mb105 {
  margin-bottom: 105px;
}

.mb110 {
  margin-bottom: 110px;
}

.mb115 {
  margin-bottom: 115px;
}

.mb120 {
  margin-bottom: 120px;
}

.mb125 {
  margin-bottom: 125px;
}

.mb130 {
  margin-bottom: 130px;
}

.mb135 {
  margin-bottom: 135px;
}

.mb140 {
  margin-bottom: 140px;
}

.mb145 {
  margin-bottom: 145px;
}

.mb150 {
  margin-bottom: 150px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mt55 {
  margin-top: 55px;
}

.mt60 {
  margin-top: 60px;
}

.mt65 {
  margin-top: 65px;
}

.mt70 {
  margin-top: 70px;
}

.mt75 {
  margin-top: 75px;
}

.mt80 {
  margin-top: 80px;
}

.mt85 {
  margin-top: 85px;
}

.mt90 {
  margin-top: 90px;
}

.mt95 {
  margin-top: 95px;
}

.mt100 {
  margin-top: 100px;
}

.mt105 {
  margin-top: 105px;
}

.mt110 {
  margin-top: 110px;
}

.mt115 {
  margin-top: 115px;
}

.mt120 {
  margin-top: 120px;
}

.mt125 {
  margin-top: 125px;
}

.mt130 {
  margin-top: 130px;
}

.mt135 {
  margin-top: 135px;
}

.mt140 {
  margin-top: 140px;
}

.mt145 {
  margin-top: 145px;
}

.mt150 {
  margin-top: 150px;
}

.ml05em {
  margin-left: 0.5em;
}

.mr05em {
  margin-right: 0.5em;
}

.ml1em {
  margin-left: 1em;
}

.mr1em {
  margin-right: 1em;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb45 {
  padding-bottom: 45px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb55 {
  padding-bottom: 55px;
}

.pb60 {
  padding-bottom: 60px;
}

.pb65 {
  padding-bottom: 65px;
}

.pb70 {
  padding-bottom: 70px;
}

.pb75 {
  padding-bottom: 75px;
}

.pb80 {
  padding-bottom: 80px;
}

.pb85 {
  padding-bottom: 85px;
}

.pb90 {
  padding-bottom: 90px;
}

.pb95 {
  padding-bottom: 95px;
}

.pb100 {
  padding-bottom: 100px;
}

.pb105 {
  padding-bottom: 105px;
}

.pb110 {
  padding-bottom: 110px;
}

.pb115 {
  padding-bottom: 115px;
}

.pb120 {
  padding-bottom: 120px;
}

.pb125 {
  padding-bottom: 125px;
}

.pb130 {
  padding-bottom: 130px;
}

.pb135 {
  padding-bottom: 135px;
}

.pb140 {
  padding-bottom: 140px;
}

.pb145 {
  padding-bottom: 145px;
}

.pb150 {
  padding-bottom: 150px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pt35 {
  padding-top: 35px;
}

.pt40 {
  padding-top: 40px;
}

.pt45 {
  padding-top: 45px;
}

.pt50 {
  padding-top: 50px;
}

.pt55 {
  padding-top: 55px;
}

.pt60 {
  padding-top: 60px;
}

.pt65 {
  padding-top: 65px;
}

.pt70 {
  padding-top: 70px;
}

.pt75 {
  padding-top: 75px;
}

.pt80 {
  padding-top: 80px;
}

.pt85 {
  padding-top: 85px;
}

.pt90 {
  padding-top: 90px;
}

.pt95 {
  padding-top: 95px;
}

.pt100 {
  padding-top: 100px;
}

.pt105 {
  padding-top: 105px;
}

.pt110 {
  padding-top: 110px;
}

.pt115 {
  padding-top: 115px;
}

.pt120 {
  padding-top: 120px;
}

.pt125 {
  padding-top: 125px;
}

.pt130 {
  padding-top: 130px;
}

.pt135 {
  padding-top: 135px;
}

.pt140 {
  padding-top: 140px;
}

.pt145 {
  padding-top: 145px;
}

.pt150 {
  padding-top: 150px;
}

.LineAdjust {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.por {
  position: relative;
}

.poa {
  position: absolute;
}

.row, .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

.wrap {
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

li {
  list-style: none;
}

img {
  width: 100%;
}

video {
  width: 100%;
}

h1 a, li a {
  display: block;
}

button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

html {
  -webkit-overflow-scrolling: touch;
  font-size: 62.5%;
  font-size: 10px;
  overflow: auto;
}

body {
  color: #333;
  font-size: 1.4rem;
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.04em;
  -webkit-text-size-adjust: 100%;
  line-height: 1.6;
}

@media (max-width: 1290px) {
  body {
    width: 100%;
    overflow-x: hidden;
  }
}

@media (max-width: 480px) {
  body {
    font-size: 1.4rem;
  }
}

.PageAnchor {
  �ｾゑｿｽ�ｾゑｿｽ�ｾゑｿｽ�ｾゑｿｽdisplay: block;
  �ｾゑｿｽ�ｾゑｿｽ�ｾゑｿｽ�ｾゑｿｽpadding-top: 60px;
  �ｾゑｿｽ�ｾゑｿｽ�ｾゑｿｽ�ｾゑｿｽmargin-top: -60px;
}

.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
}

input, button, select, textarea {
  -webkit-appearance: none;
}

a:focus, input:focus, select:focus, textarea:focus, button:focus {
  outline: none;
}

input[type=radio], input[type=checkbox] {
  display: none;
}

select {
  outline: none;
  text-indent: 0.01px;
  border: none;
  text-overflow: '';
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: button;
  appearance: button;
}

select option {
  background-color: #fff;
  color: #333;
}

select::-ms-expand {
  display: none;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}

.Form-600 {
  max-width: 600px;
}

.Form-580 {
  max-width: 580px;
}

.Form-560 {
  max-width: 560px;
}

.Form-540 {
  max-width: 540px;
}

.Form-520 {
  max-width: 520px;
}

.Form-500 {
  max-width: 500px;
}

.Form-480 {
  max-width: 480px;
}

.Form-460 {
  max-width: 460px;
}

.Form-440 {
  max-width: 440px;
}

.Form-420 {
  max-width: 420px;
}

.Form-400 {
  max-width: 400px;
}

.Form-380 {
  max-width: 380px;
}

.Form-360 {
  max-width: 360px;
}

.Form-340 {
  max-width: 340px;
}

.Form-320 {
  max-width: 320px;
}

.Form-300 {
  max-width: 300px;
}

.Form-280 {
  max-width: 280px;
}

.Form-260 {
  max-width: 260px;
}

.Form-240 {
  max-width: 240px;
}

.Form-220 {
  max-width: 220px;
}

@font-face {
  font-family: "Noto CJK Jp";
  font-weight: 400;
  font-style: normal;
  src: url("./font/NotoSansCJKjp-Medium.woff2") format("woff2");
  font-display: swap;
}

.br_sp {
  display: none;
}

@media (max-width: 480px) {
  .br_sp {
    display: block;
  }
}

.br_tab {
  display: none;
}

@media (max-width: 768px) {
  .br_tab {
    display: block;
  }
}

@media (max-width: 768px) {
  .br_pc1 {
    display: none;
  }
}

@media (max-width: 480px) {
  .br_pc2 {
    display: none;
  }
}

@font-face {
  font-family: "Noto CJK Jp";
  font-weight: 400;
  font-style: normal;
  src: url("./font/NotoSansCJKjp-Medium.woff2") format("woff2");
  font-display: swap;
}

.br_sp {
  display: none;
}

@media (max-width: 480px) {
  .br_sp {
    display: block;
  }
}

.br_tab {
  display: none;
}

@media (max-width: 768px) {
  .br_tab {
    display: block;
  }
}

@media (max-width: 768px) {
  .br_pc1 {
    display: none;
  }
}

@media (max-width: 480px) {
  .br_pc2 {
    display: none;
  }
}

/* IE郢昜ｸ翫Ε郢ｧ�ｽｯ騾包ｽｨmixin */
@font-face {
  font-family: "Noto CJK Jp";
  font-weight: 400;
  font-style: normal;
  src: url("./font/NotoSansCJKjp-Medium.woff2") format("woff2");
  font-display: swap;
}

.br_sp {
  display: none;
}

@media (max-width: 480px) {
  .br_sp {
    display: block;
  }
}

.br_tab {
  display: none;
}

@media (max-width: 768px) {
  .br_tab {
    display: block;
  }
}

@media (max-width: 768px) {
  .br_pc1 {
    display: none;
  }
}

@media (max-width: 480px) {
  .br_pc2 {
    display: none;
  }
}

@font-face {
  font-family: "Noto CJK Jp";
  font-weight: 400;
  font-style: normal;
  src: url("./font/NotoSansCJKjp-Medium.woff2") format("woff2");
  font-display: swap;
}

.br_sp {
  display: none;
}

@media (max-width: 480px) {
  .br_sp {
    display: block;
  }
}

.br_tab {
  display: none;
}

@media (max-width: 768px) {
  .br_tab {
    display: block;
  }
}

@media (max-width: 768px) {
  .br_pc1 {
    display: none;
  }
}

@media (max-width: 480px) {
  .br_pc2 {
    display: none;
  }
}

/* IE郢昜ｸ翫Ε郢ｧ�ｽｯ騾包ｽｨmixin */
@font-face {
  font-family: "Noto CJK Jp";
  font-weight: 400;
  font-style: normal;
  src: url("./font/NotoSansCJKjp-Medium.woff2") format("woff2");
  font-display: swap;
}

.br_sp {
  display: none;
}

@media (max-width: 480px) {
  .br_sp {
    display: block;
  }
}

.br_tab {
  display: none;
}

@media (max-width: 768px) {
  .br_tab {
    display: block;
  }
}

@media (max-width: 768px) {
  .br_pc1 {
    display: none;
  }
}

@media (max-width: 480px) {
  .br_pc2 {
    display: none;
  }
}

*, *::before, *::after {
  box-sizing: border-box;
}

a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  color: inherit;
}

.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.clearfix::after {
  content: '';
  display: block;
  clear: both;
}

.fwb {
  font-weight: bold;
}

.fwn {
  font-weight: normal;
}

.fz0 {
  font-size: 0;
}

.lh1 {
  line-height: 1;
}

.lh15 {
  line-height: 1.5;
}

.lh16 {
  line-height: 1.6;
}

.lh17 {
  line-height: 1.7;
}

.lh18 {
  line-height: 1.78;
}

.lh19 {
  line-height: 1.9;
}

.lh20 {
  line-height: 2;
}

.green {
  color: #07c074;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb55 {
  margin-bottom: 55px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb65 {
  margin-bottom: 65px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb75 {
  margin-bottom: 75px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb85 {
  margin-bottom: 85px;
}

.mb90 {
  margin-bottom: 90px;
}

.mb95 {
  margin-bottom: 95px;
}

.mb100 {
  margin-bottom: 100px;
}

.mb105 {
  margin-bottom: 105px;
}

.mb110 {
  margin-bottom: 110px;
}

.mb115 {
  margin-bottom: 115px;
}

.mb120 {
  margin-bottom: 120px;
}

.mb125 {
  margin-bottom: 125px;
}

.mb130 {
  margin-bottom: 130px;
}

.mb135 {
  margin-bottom: 135px;
}

.mb140 {
  margin-bottom: 140px;
}

.mb145 {
  margin-bottom: 145px;
}

.mb150 {
  margin-bottom: 150px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mt55 {
  margin-top: 55px;
}

.mt60 {
  margin-top: 60px;
}

.mt65 {
  margin-top: 65px;
}

.mt70 {
  margin-top: 70px;
}

.mt75 {
  margin-top: 75px;
}

.mt80 {
  margin-top: 80px;
}

.mt85 {
  margin-top: 85px;
}

.mt90 {
  margin-top: 90px;
}

.mt95 {
  margin-top: 95px;
}

.mt100 {
  margin-top: 100px;
}

.mt105 {
  margin-top: 105px;
}

.mt110 {
  margin-top: 110px;
}

.mt115 {
  margin-top: 115px;
}

.mt120 {
  margin-top: 120px;
}

.mt125 {
  margin-top: 125px;
}

.mt130 {
  margin-top: 130px;
}

.mt135 {
  margin-top: 135px;
}

.mt140 {
  margin-top: 140px;
}

.mt145 {
  margin-top: 145px;
}

.mt150 {
  margin-top: 150px;
}

.ml05em {
  margin-left: 0.5em;
}

.mr05em {
  margin-right: 0.5em;
}

.ml1em {
  margin-left: 1em;
}

.mr1em {
  margin-right: 1em;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb45 {
  padding-bottom: 45px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb55 {
  padding-bottom: 55px;
}

.pb60 {
  padding-bottom: 60px;
}

.pb65 {
  padding-bottom: 65px;
}

.pb70 {
  padding-bottom: 70px;
}

.pb75 {
  padding-bottom: 75px;
}

.pb80 {
  padding-bottom: 80px;
}

.pb85 {
  padding-bottom: 85px;
}

.pb90 {
  padding-bottom: 90px;
}

.pb95 {
  padding-bottom: 95px;
}

.pb100 {
  padding-bottom: 100px;
}

.pb105 {
  padding-bottom: 105px;
}

.pb110 {
  padding-bottom: 110px;
}

.pb115 {
  padding-bottom: 115px;
}

.pb120 {
  padding-bottom: 120px;
}

.pb125 {
  padding-bottom: 125px;
}

.pb130 {
  padding-bottom: 130px;
}

.pb135 {
  padding-bottom: 135px;
}

.pb140 {
  padding-bottom: 140px;
}

.pb145 {
  padding-bottom: 145px;
}

.pb150 {
  padding-bottom: 150px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pt35 {
  padding-top: 35px;
}

.pt40 {
  padding-top: 40px;
}

.pt45 {
  padding-top: 45px;
}

.pt50 {
  padding-top: 50px;
}

.pt55 {
  padding-top: 55px;
}

.pt60 {
  padding-top: 60px;
}

.pt65 {
  padding-top: 65px;
}

.pt70 {
  padding-top: 70px;
}

.pt75 {
  padding-top: 75px;
}

.pt80 {
  padding-top: 80px;
}

.pt85 {
  padding-top: 85px;
}

.pt90 {
  padding-top: 90px;
}

.pt95 {
  padding-top: 95px;
}

.pt100 {
  padding-top: 100px;
}

.pt105 {
  padding-top: 105px;
}

.pt110 {
  padding-top: 110px;
}

.pt115 {
  padding-top: 115px;
}

.pt120 {
  padding-top: 120px;
}

.pt125 {
  padding-top: 125px;
}

.pt130 {
  padding-top: 130px;
}

.pt135 {
  padding-top: 135px;
}

.pt140 {
  padding-top: 140px;
}

.pt145 {
  padding-top: 145px;
}

.pt150 {
  padding-top: 150px;
}

.LineAdjust {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.por {
  position: relative;
}

.poa {
  position: absolute;
}

.row, .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

.wrap {
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

li {
  list-style: none;
}

img {
  width: 100%;
}

video {
  width: 100%;
}

h1 a, li a {
  display: block;
}

button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

html {
  -webkit-overflow-scrolling: touch;
  font-size: 62.5%;
  font-size: 10px;
  overflow: auto;
}

body {
  color: #333;
  font-size: 1.4rem;
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.04em;
  -webkit-text-size-adjust: 100%;
  line-height: 1.6;
}

@media (max-width: 1290px) {
  body {
    width: 100%;
    overflow-x: hidden;
  }
}

@media (max-width: 480px) {
  body {
    font-size: 1.4rem;
  }
}

.PageAnchor {
  �ｾゑｿｽ�ｾゑｿｽ�ｾゑｿｽ�ｾゑｿｽdisplay: block;
  �ｾゑｿｽ�ｾゑｿｽ�ｾゑｿｽ�ｾゑｿｽpadding-top: 60px;
  �ｾゑｿｽ�ｾゑｿｽ�ｾゑｿｽ�ｾゑｿｽmargin-top: -60px;
}

.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
}

input, button, select, textarea {
  -webkit-appearance: none;
}

a:focus, input:focus, select:focus, textarea:focus, button:focus {
  outline: none;
}

input[type=radio], input[type=checkbox] {
  display: none;
}

select {
  outline: none;
  text-indent: 0.01px;
  border: none;
  text-overflow: '';
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: button;
  appearance: button;
}

select option {
  background-color: #fff;
  color: #333;
}

select::-ms-expand {
  display: none;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}

.Form-600 {
  max-width: 600px;
}

.Form-580 {
  max-width: 580px;
}

.Form-560 {
  max-width: 560px;
}

.Form-540 {
  max-width: 540px;
}

.Form-520 {
  max-width: 520px;
}

.Form-500 {
  max-width: 500px;
}

.Form-480 {
  max-width: 480px;
}

.Form-460 {
  max-width: 460px;
}

.Form-440 {
  max-width: 440px;
}

.Form-420 {
  max-width: 420px;
}

.Form-400 {
  max-width: 400px;
}

.Form-380 {
  max-width: 380px;
}

.Form-360 {
  max-width: 360px;
}

.Form-340 {
  max-width: 340px;
}

.Form-320 {
  max-width: 320px;
}

.Form-300 {
  max-width: 300px;
}

.Form-280 {
  max-width: 280px;
}

.Form-260 {
  max-width: 260px;
}

.Form-240 {
  max-width: 240px;
}

.Form-220 {
  max-width: 220px;
}

.FormArea__Row {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .FormArea__Row {
    display: block;
    margin-bottom: 40px;
  }
}

.FormArea__Row-Top {
  margin-bottom: 0;
  width: calc(50% - 15px);
}

@media screen and (max-width: 730px) {
  .FormArea__Row-Top {
    width: 100%;
    margin-bottom: 10px;
  }
}

.FormArea__Row-Select {
  margin-top: 40px;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .FormArea__Row-Select {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

.FormArea__Title {
  width: 20%;
  display: block;
}

@media (max-width: 768px) {
  .FormArea__Title {
    width: 100%;
    margin-bottom: 30px;
  }
}

.FormArea__InputBox-Flex {
  width: calc(100% - 20%);
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
}

@media (max-width: 768px) {
  .FormArea__InputBox-Flex {
    width: 100%;
  }
}

.FormArea__Chara {
  padding: 0 12px;
}

@media (max-width: 480px) {
  .FormArea__Chara {
    padding: 0 4px;
    font-size: 1.3rem;
  }
}

.FormArea__RadioList {
  width: calc(100% - 20%);
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media (max-width: 768px) {
  .FormArea__RadioList {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .FormArea__RadioList {
    display: block;
  }
}

.FormArea__TypeText {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: none;
  border-radius: 0;
  color: inherit;
  font-family: inherit;
  font-size: 1em;
  padding: 0.4em 0.8em;
  width: 100%;
  border: 2px solid #e5e5e5;
  border-radius: 4px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.FormArea__TypeText::-webkit-input-placeholder {
  color: #bbb;
}

.FormArea__TypeText::placeholder {
  color: #bbb;
}

.FormArea__TypeText:-ms-input-placeholder {
  color: #bbb;
}

.FormArea__TypeText::-ms-input-placeholder {
  color: #bbb;
}

.FormArea__TypeText:focus {
  border: 1px solid #07c074;
  box-shadow: 0 0 4px 1px rgba(0, 94, 208, 0.5);
}

.FormArea__TypeText-Top {
  background-color: #fff;
  border-radius: 0;
  box-shadow: none;
}

.FormArea__TypeText-Top:focus {
  height: 54px;
}

.FormArea__Textarea {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 0;
  color: inherit;
  font-family: inherit;
  height: 150px;
  padding: 0.4em 0.8em;
  width: 100%;
  border: 2px solid #e5e5e5;
  border-radius: 4px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.FormArea__Textarea:focus {
  border: 1px solid #e5e5e5;
  box-shadow: 0 0 4px 1px rgba(0, 94, 208, 0.5);
}

.FormArea__Radio {
  width: 20%;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .FormArea__Radio {
    width: 100%;
  }
}

.FormArea__Radio:last-child {
  margin-bottom: 0;
}

.FormArea__CheckBoxList {
  width: calc(100% - 20%);
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
}

@media (max-width: 768px) {
  .FormArea__CheckBoxList {
    display: block;
    width: 100%;
  }
}

.FormArea__CheckBoxBtn {
  margin-right: 3em;
}

@media (max-width: 768px) {
  .FormArea__CheckBoxBtn {
    margin-bottom: 20px;
    margin-right: 0;
  }
}

.TopFormCont {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

@media screen and (max-width: 730px) {
  .TopFormCont {
    display: block;
  }
}

.TopFormCont__Select {
  height: 54px;
  top: 0;
  left: 0;
  width: 100%;
  font-weight: bold;
  padding-left: 1em;
}

@media screen and (max-width: 730px) {
  .TopFormCont__Select {
    padding-left: calc(50% - 2em);
  }
}

.TopFormCont__BtnBox {
  width: 22%;
  position: relative;
}

.TopFormCont__BtnBox:before {
  content: "";
  display: block;
  background-size: cover;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  left: 1em;
}

@media screen and (max-width: 730px) {
  .TopFormCont__BtnBox {
    width: 100%;
  }
}

.TopFormCont__Btn {
  width: 100%;
  text-align: center;
  border: none;
  background-color: #07c074;
  box-shadow: none;
  height: 54px;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  padding: 0;
  padding-left: 1em;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.TopFormCont__Btn:hover {
  background-color: #058f56;
}

.SelectBox-Top {
  background-color: #fff;
  width: 28%;
  text-align: center;
  position: relative;
}

.SelectBox-Top::after {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid #07c074;
  border-right: 2px solid #07c074;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  left: auto;
  right: 0.8em;
  top: -0.3em;
}

.SelectBox-Top__Text {
  margin: auto;
}

@media screen and (max-width: 730px) {
  .SelectBox-Top {
    width: 100%;
    margin-bottom: 10px;
  }
}

.br_sp {
  display: none;
}

@media (max-width: 480px) {
  .br_sp {
    display: block;
  }
}

.br_tab {
  display: none;
}

@media (max-width: 768px) {
  .br_tab {
    display: block;
  }
}

@media (max-width: 768px) {
  .br_pc1 {
    display: none;
  }
}

@media (max-width: 480px) {
  .br_pc2 {
    display: none;
  }
}

@font-face {
  font-family: "Noto CJK Jp";
  font-weight: 400;
  font-style: normal;
  src: url("./font/NotoSansCJKjp-Medium.woff2") format("woff2");
  font-display: swap;
}

.br_sp {
  display: none;
}

@media (max-width: 480px) {
  .br_sp {
    display: block;
  }
}

.br_tab {
  display: none;
}

@media (max-width: 768px) {
  .br_tab {
    display: block;
  }
}

@media (max-width: 768px) {
  .br_pc1 {
    display: none;
  }
}

@media (max-width: 480px) {
  .br_pc2 {
    display: none;
  }
}

/* IE郢昜ｸ翫Ε郢ｧ�ｽｯ騾包ｽｨmixin */
@font-face {
  font-family: "Noto CJK Jp";
  font-weight: 400;
  font-style: normal;
  src: url("./font/NotoSansCJKjp-Medium.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Noto CJK Jp";
  font-weight: 400;
  font-style: normal;
  src: url("./font/NotoSansCJKjp-Medium.woff2") format("woff2");
  font-display: swap;
}

.br_sp {
  display: none;
}

@media (max-width: 480px) {
  .br_sp {
    display: block;
  }
}

.br_tab {
  display: none;
}

@media (max-width: 768px) {
  .br_tab {
    display: block;
  }
}

@media (max-width: 768px) {
  .br_pc1 {
    display: none;
  }
}

@media (max-width: 480px) {
  .br_pc2 {
    display: none;
  }
}

/* IE郢昜ｸ翫Ε郢ｧ�ｽｯ騾包ｽｨmixin */
.icon_1200px-Tokyu_logo, .icon_2000px-SOTETSU_logo, .icon_apartment, .SearchTabBox__TabTitle-1:before, .icon_balcony, .icon-balcony, .icon_big-apartemt, .icon-big-apartemt, .icon_blueline, .SearchBtnList__Name-2:before, .icon_car, .icon-car, .icon_door, .icon-door, .icon_elavator, .icon-elevator, .icon_elect, .icon-elect, .icon_flag, .SearchTabBox__TabTitle-3:before, .icon_floor, .icon-floor, .icon_green-train, .MainSearchBox__Title-train:before, .icon-train, .icon_greenfile, .MainSearchBox__Title-file:before, .icon_hanger, .icon-hanger, .icon_heart, .MainSearchBox__Title-heart:before, .icon_heat, .icon-heat, .icon_house, .SearchTabBox__TabTitle-2:before, .icon_ih, .icon-ih, .icon_jr, .SearchBtnList__Name-1:before, .icon_kitchen, .icon-kitchen, .icon_ldk20, .icon-ldk20, .icon_login, .Footer__Icon-3, .icon_low-apartment, .icon-low-apartment, .icon_monitor, .icon-monitor, .icon_pet, .icon-pet, .icon_search, .TopFormCont__BtnBox:before, .TopSearchBox__TabName:after, .Footer__Icon-1, .icon_sun, .icon-sun, .icon_time, .icon-time, .icon_white-file, .Footer__Icon-2, .icon_yen, .MainSearchBox__Title-yen:before {
  background: url("../e_img/sprite-bg-35a73f23.svg") no-repeat;
}

.icon_1200px-Tokyu_logo {
  background-position: 0 0;
}

.icon_1200px-Tokyu_logo_dims {
  width: 84px;
  height: 69px;
}

.icon_2000px-SOTETSU_logo {
  background-position: 52.83018867924528% 0;
}

.icon_2000px-SOTETSU_logo_dims {
  width: 73px;
  height: 72px;
}

.icon_apartment, .SearchTabBox__TabTitle-1:before {
  background-position: 0 47.80701754385965%;
}

.icon_apartment_dims, .SearchTabBox__TabTitle-1:before {
  width: 70px;
  height: 58px;
}

.icon_balcony, .icon-balcony {
  background-position: 83.13609467455622% 0;
}

.icon_balcony_dims, .icon-balcony {
  width: 53px;
  height: 57px;
}

.icon_big-apartemt, .icon-big-apartemt {
  background-position: 83.13609467455622% 24.463519313304722%;
}

.icon_big-apartemt_dims, .icon-big-apartemt {
  width: 53px;
  height: 53px;
}

.icon_blueline, .SearchBtnList__Name-2:before {
  background-position: 0 75.9090909090909%;
}

.icon_blueline_dims, .SearchBtnList__Name-2:before {
  width: 66px;
  height: 66px;
}

.icon_car, .icon-car {
  background-position: 99.4047619047619% 64.37246963562752%;
}

.icon_car_dims, .icon-car {
  width: 55px;
  height: 39px;
}

.icon_door, .icon-door {
  background-position: 68.66096866096866% 0;
}

.icon_door_dims, .icon-door {
  width: 40px;
  height: 58px;
}

.icon_elavator, .icon-elevator {
  background-position: 16.42651296829971% 98.72881355932203%;
}

.icon_elavator_dims, .icon-elevator {
  width: 44px;
  height: 50px;
}

.icon_elect, .icon-elect {
  background-position: 34.26966292134831% 73.568281938326%;
}

.icon_elect_dims, .icon-elect {
  width: 35px;
  height: 59px;
}

.icon_flag, .SearchTabBox__TabTitle-3:before {
  background-position: 19.70149253731343% 75.22522522522523%;
}

.icon_flag_dims, .SearchTabBox__TabTitle-3:before {
  width: 56px;
  height: 64px;
}

.icon_floor, .icon-floor {
  background-position: 21.47239263803681% 46.38297872340426%;
}

.icon_floor_dims, .icon-floor {
  width: 65px;
  height: 51px;
}

.icon_green-train, .MainSearchBox__Title-train:before, .icon-train {
  background-position: 80.74712643678161% 69.36170212765957%;
}

.icon_green-train_dims, .MainSearchBox__Title-train:before, .icon-train {
  width: 43px;
  height: 51px;
}

.icon_greenfile, .MainSearchBox__Title-file:before {
  background-position: 68.66096866096866% 24.369747899159663%;
}

.icon_greenfile_dims, .MainSearchBox__Title-file:before {
  width: 40px;
  height: 48px;
}

.icon_hanger, .icon-hanger {
  background-position: 40.66265060240964% 45.79831932773109%;
}

.icon_hanger_dims, .icon-hanger {
  width: 59px;
  height: 48px;
}

.icon_heart, .MainSearchBox__Title-heart:before {
  background-position: 70.52023121387283% 95.88477366255144%;
}

.icon_heart_dims, .MainSearchBox__Title-heart:before {
  width: 45px;
  height: 43px;
}

.icon_heat, .icon-heat {
  background-position: 56.231884057971016% 45.416666666666664%;
}

.icon_heat_dims, .icon-heat {
  width: 46px;
  height: 46px;
}

.icon_house, .SearchTabBox__TabTitle-2:before {
  background-position: 47.28915662650602% 72.92576419213974%;
}

.icon_house_dims, .SearchTabBox__TabTitle-2:before {
  width: 59px;
  height: 57px;
}

.icon_ih, .icon-ih {
  background-position: 99.10979228486647% 85.34482758620689%;
}

.icon_ih_dims, .icon-ih {
  width: 54px;
  height: 54px;
}

.icon_jr, .SearchBtnList__Name-1:before {
  background-position: 27.36156351791531% 0;
}

.icon_jr_dims, .SearchBtnList__Name-1:before {
  width: 84px;
  height: 46px;
}

.icon_kitchen, .icon-kitchen {
  background-position: 0 100%;
}

.icon_kitchen_dims, .icon-kitchen {
  width: 57px;
  height: 53px;
}

.icon_ldk20, .icon-ldk20 {
  background-position: 82.89085545722713% 47.21030042918455%;
}

.icon_ldk20_dims, .icon-ldk20 {
  width: 52px;
  height: 53px;
}

.icon_login, .Footer__Icon-3 {
  background-position: 92.77777777777777% 98.82352941176471%;
}

.icon_login_dims, .Footer__Icon-3 {
  width: 31px;
  height: 31px;
}

.icon_low-apartment, .icon-low-apartment {
  background-position: 99.70149253731343% 24.358974358974358%;
}

.icon_low-apartment_dims, .icon-low-apartment {
  width: 56px;
  height: 52px;
}

.icon_monitor, .icon-monitor {
  background-position: 29.53216374269006% 98.31223628691983%;
}

.icon_monitor_dims, .icon-monitor {
  width: 49px;
  height: 49px;
}

.icon_pet, .icon-pet {
  background-position: 99.70149253731343% 46.186440677966104%;
}

.icon_pet_dims, .icon-pet {
  width: 56px;
  height: 50px;
}

.icon_search, .TopFormCont__BtnBox:before, .TopSearchBox__TabName:after, .Footer__Icon-1 {
  background-position: 67.88732394366197% 42.4%;
}

.icon_search_dims, .TopFormCont__BtnBox:before, .TopSearchBox__TabName:after, .Footer__Icon-1 {
  width: 36px;
  height: 36px;
}

.icon_sun, .icon-sun {
  background-position: 100% 0;
}

.icon_sun_dims, .icon-sun {
  width: 57px;
  height: 57px;
}

.icon_time, .icon-time {
  background-position: 43.731778425655975% 97.89915966386555%;
}

.icon_time_dims, .icon-time {
  width: 48px;
  height: 48px;
}

.icon_white-file, .Footer__Icon-2 {
  background-position: 100% 98.4375%;
}

.icon_white-file_dims, .Footer__Icon-2 {
  width: 26px;
  height: 30px;
}

.icon_yen, .MainSearchBox__Title-yen:before {
  background-position: 57.391304347826086% 97.08333333333333%;
}

.icon_yen_dims, .MainSearchBox__Title-yen:before {
  width: 46px;
  height: 46px;
}

.ContSize {
  width: 100%;
  max-width: 1290px;
  margin: 0 auto;
  line-height: 1.6;
  padding-left: 4%;
  padding-right: 4%;
}

@media (max-width: 480px) {
  .ContSize {
    padding-left: 15px;
    padding-right: 15px;
    width: calc(100% - 30px);
  }
}

.HeadImg-1 {
  background-image: url("../e_img/bg_1.jpg");
}

.HeadImg-2 {
  background-image: url("../e_img/bg_2.jpg");
  background-position: 60% 50% !important;
}

.HeadImg-3 {
  background-image: url("../e_img/bg_3.jpg");
}

.HeadImg-4 {
  background-image: url("../e_img/bg_4.jpg");
}

.HeadImg-5 {
  background-image: url("../e_img/bg_5.jpg");
}

.HeadImg-6 {
  background-image: url("../e_img/bg_6.jpg");
}

.HeadImg-7 {
  background-image: url("../e_img/bg_7.jpg");
}

.HeadImg-8 {
  background-image: url("../e_img/bg_8.jpg");
}

.HeadImg-9 {
  background-image: url("../e_img/bg_9.jpg");
}

.HeadImg-10 {
  background-image: url("../e_img/bg_10.jpg");
}

.FilterCont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.HamburgerBtn {
  display: none;
  right: 5px;
  top: 12px;
  width: 58px;
  height: 58px;
  z-index: 99;
  position: absolute;
  cursor: pointer;
}

@media (max-width: 768px) {
  .HamburgerBtn {
    display: block;
  }
}

.HamburgerBtn.active {
  position: fixed;
  background: none;
  border: none;
  box-shadow: none;
}

.HamburgerBtn.display {
  display: block;
}

.HamburgerBtn__BG {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  box-shadow: 0 4px 0 0 #dcdcdc;
}

.HamburgerBtn__line {
  background: #919191;
  display: block;
  height: 3px;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  width: 34px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.HamburgerBtn__line--center {
  top: 27px;
}

.HamburgerBtn__line--bottom {
  top: 37px;
}

.HamburgerBtn__line--top {
  top: 17px;
}

.HamburgerBtn__line--top.active {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.HamburgerBtn__line--center.active {
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}

.HamburgerBtn__line--bottom.active {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
      -ms-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}

.gnavShape {
  width: 56vw;
  min-width: 300px;
  padding: 30px 37px 40px 20px;
}

.gnav {
  display: none;
  right: 0;
  width: auto;
  position: fixed;
  top: 0px;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  overflow-y: scroll;
  height: 100%;
  z-index: 10;
  -webkit-transform: translateX(100%) translateX(17px);
      -ms-transform: translateX(100%) translateX(17px);
          transform: translateX(100%) translateX(17px);
  -webkit-transition: .3s;
  transition: .3s;
}

@media (max-width: 768px) {
  .gnav {
    display: block;
  }
}

.gnav__Scroll {
  overflow-y: scroll;
  width: calc(100% + 17px);
  height: 100%;
  box-sizing: content-box;
}

.gnav__Main {
  width: calc(100% - auto);
  margin-left: auto;
  min-width: 1100px-auto;
}

.gnav__Main-Bg {
  background-color: #f4f4f4;
}

@media (max-width: 768px) {
  .gnav__Main {
    min-width: 0;
  }
}

.gnav.active {
  -webkit-transform: translate(17px);
      -ms-transform: translate(17px);
          transform: translate(17px);
}

.gnav__Cont {
  max-width: 280px;
  width: 100%;
  margin-left: auto;
  margin-right: 0;
}

.gnav__Logo {
  width: 164px;
  margin-bottom: 30px;
}

.gnav__Btn {
  border: 2px solid #dcdcdc;
  box-shadow: 0 5px 0 0 #dcdcdc;
  border-radius: 6px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  height: 50px;
  font-size: 1.6rem;
  position: relative;
  display: block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  margin-bottom: 12px;
}

.gnav__Btn:hover {
  box-shadow: 0 2px 0 0 #dcdcdc;
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}

.gnav__Btn__Text {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.gnav__Btn-First {
  margin-bottom: 25px;
}

.gnav__Btn-Last {
  margin-bottom: 40px;
}

.gnav__BubbleBox {
  margin-left: 5px;
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
}

.gnav__BubbleTitle {
  margin-top: 20px;
  margin-right: 15px;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1;
}

.gnav .gnav__SmallBubble {
  background-color: #dcdcdc;
  color: #ccc;
}

.gnav .gnav__SmallBubble:after {
  border-bottom: 15px solid #dcdcdc;
}

.gnav .gnav__SmallBubble:before {
  color: #333;
}

.gnav .gnav__BubbleLeft {
  margin-right: 15px;
}

.gnav .BubbleTextc {
  color: #333;
}

.gnav .BubbleGreen {
  background-color: #07c074;
}

.gnav .BubbleGreen:after {
  border-bottom: 15px solid #07c074;
}

.gnav .BubbleGreen:before {
  color: #333;
}

.gnav .BubbleTextw {
  color: #fff;
}

.gnav .BubbleTextg {
  color: #07c074;
}

.gnav .gnav__P2 {
  margin-bottom: 18px;
}

.gnav .gnav__blink:after {
  /* right: 34%; */
}

.gnav .gnav__List:last-child .gnav__blink {
  margin-bottom: 0;
}

.Concealer {
  display: none;
  /*邵ｺ�ｽｯ邵ｺ蛟･�ｽ∫ｸｺ�ｽｯ鬮ｫ�ｿｽ邵ｺ蜉ｱ窶ｻ邵ｺ鄙ｫ�ｿ･*/
  position: fixed;
  z-index: 9;
  top: 0;
  /*陷茨ｽｨ闖ｴ阮吮�楢�趣ｿｽ邵ｺ蠕鯉ｽ狗ｹｧ蛹ｻ竕ｧ邵ｺ�ｽｫ*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.Concealer.active {
  display: block;
  opacity: .5;
}

@media screen and (min-width: 768px) {
  .Concealer.active {
    display: none;
  }
}

.ContPadding {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2%;
  padding-right: 2%;
}

@media (max-width: 768px) {
  .ContPadding {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.SideHeader {
  left: 0;
  width: 170px;
  position: fixed;
  top: 0px;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  z-index: 2;
  border-right: 1px solid #dcdcdc;
  box-shadow: 2px 0 2px 0 #dcdcdc;
}

.SideHeader__Scroll {
  overflow-y: scroll;
  width: calc(100% + 17px);
  height: 100%;
  box-sizing: content-box;
}

.SideHeader__Main {
  width: calc(100% - 170px);
  margin-left: 170px;
  min-width: 930px;
}
.SideHeader__Main_c {
  width: 100%;
}

.SideHeader__Main-Bg {
  background-color: #f4f4f4;
}

@media (max-width: 768px) {
  .SideHeader__Main {
    min-width: 0;
  }
}

@media (max-width: 768px) {
  .SideHeader {
    display: none;
  }
}

.SideHeader__Scroll {
  padding-top: 35px;
}

.SideHeader__Cont {
  padding: 0 12px;
  font-weight: bold;
}

.SideHeader__Links {
  padding-bottom: 80px;
  padding-right: 20px;
}
.SideHeader__List {
  text-align: right;
}
@media (max-width: 768px) {

}


.SideHeader__LogoBox {
  width: 100%;
  padding: 0 25px;
  padding-bottom: 24px;
}

.SideHeader__Desc {
  margin-bottom: 80px;
  padding-left: 8px;
}

.SideHeader__List:last-child .SideHeader__Link {
  margin-bottom: 0;
}

.SideHeader__Link {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 35px;
}

.SideHeader__Link::after {
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 2px solid #dcdcdc;
  border-right: 2px solid #dcdcdc;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  right: -16px;
  transition: 0.3s;
  margin-left: auto;
  margin-right: 0;
}

.SideHeader__Link:hover:after {
  right: calc(-16px - 4px);
}

.SideHeader__Link:hover {
  background-color: inherit;
  color: #07c074;
}

/* @media (max-width: 480px) {
  .SideHeader__Link:hover:after {
    right: calc(34% - 4px);
  }
} */

.SideHeader__Main {
  background-color: #f4f4f4;
}

@media (max-width: 768px) {
  .SideHeader__Main {
    width: 100%;
    margin-left: 0;
  }
}

.SHBtns {
  margin-bottom: 50px;
}

.SHBtns__Link {
  border: 2px solid #dcdcdc;
  box-shadow: 0 5px 0 0 #dcdcdc;
  border-radius: 6px;
  font-weight: bold;
  text-align: center;
  width: 130px;
  height: 50px;
  font-size: 1.6rem;
  position: relative;
  display: block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

.SHBtns__Link:hover {
  box-shadow: 0 2px 0 0 #dcdcdc;
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}

.SHBtns__Link__Text {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.SHBtns__Link:last-child > * {
  margin-bottom: 0;
}

.TopMain {
  background-image: url("../e_img/top-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-position: 50% 0%;
  background-size: 1536px;
  padding-bottom: 40px;
  position: relative;
}
.TopMain_c {
  background-image: url("../e_img/top-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-position: 50% 0%;
  background-size: 1536px;
  position: relative;
  height: 100vh;
}

@media (max-width: 768px) {
  .TopMain {
    background-size: 1000px;
  }
}

@media screen and (max-width: 730px) {
  .TopMain {
    background-image: url("../e_img/top-bg-sp.png");
    background-repeat: no-repeat;
    background-position: 50% -8vw;
    background-size: contain;
    /* background-position: 0 -3%; */
  }
}

@media (max-width: 480px) {
  .TopMain {
    /* background-size: calc(100% + 25px);
    background-position: -25px 0; */
        background-position: 50% -5.5vw;
  }
}

.TopMain__PhoneBox {
  position: absolute;
  top: 0;
  right: 10px;
  width: 280px;
  border-radius: 0 0 14px 14px;
  background-color: #07c074;
  padding: 5px 10px 10px;
  color: #fff;
}



@media (max-width: 768px) {
  .TopMain__PhoneBox {
    display: none;
  }
}
.ContactBox__Cont {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 10px;
}
.ContactBox__Cont:last-child {
  margin-bottom: 0;
}
.ContactBox__Link {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.ContactBox__Link:hover {
  color: rgba(255, 255, 149, 0.93);
}
.TopMain__PhoneIconBox {
  width: 25%;
  position: relative;
}

.TopMain__PhoneIconBox:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(../e_img/icon_tel.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 34px;
  height: 34px;
}
.ContactBox__Icon {
  width: 28px;
  margin-right: 14px;
  font-size: 28px;
  line-height: 1;
}
.ContactBox__Icon--Adjust {
  margin-top: 5px;
}
.TopMain__NumberBox {
  font-size: 2.2rem;
  line-height: 1;
}
.ContactBox__Tex {
  font-size: 1.8rem;
  font-weight: bold;
}
.TopMain__NumberBig {
  font-weight: bold;
  font-family: arial, sans-serif;
}

.TopMain__TextSmall {
  font-size: 1rem;
}

.ContactBox__Caption {
  margin-top: 2px;
  font-size: 1.2rem;
}

.TopMain__PhoneBox--SP {
  width: 100%;
  border-radius: 6px;
  background-color: #07c074;
  padding: 5px 10px 10px;
  color: #fff;
  margin-bottom: 15px;
}
.TopMain__PhoneBox--SP .TopMain__NumberBox {
  font-size: 1.9rem;
  line-height: 1;
}
.TopMain__PhoneBox--SP .ContactBox__Tex {
  font-size: 1.5rem;
  font-weight: bold;
}
.TopMain__PhoneBox--SP .ContactBox__Caption {

}
.TopMain__Cont {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 44px;
  position: relative;
  margin-bottom: 44px;
}

@media (max-width: 768px) {
  .TopMain__Cont {
    max-width: 768px;
  }
}

@media (max-width: 480px) {
  .TopMain__Cont {
    margin-bottom: 60px;
  }
}

.TopMain__Bubble {
  position: absolute;
  right: -11%;
  top: 58px;
  background-image: url("../e_img/green-bubble.png");
  background-size: cover;
  width: 40%;
  height: 162px;
  text-align: center;
  color: #fff;
}
.TopMain__Bubble_l {
  position: absolute;
  left: -11%;
  top: 58px;
  background-image: url("../e_img/green-bubble_l.png");
  background-size: cover;
  width: 40%;
  height: 162px;
  text-align: center;
  color: #fff;
}

@media screen and (max-width: 1300px) {
  .TopMain__Bubble {
    right: -10%;
    top: 27%;
    width: 34%;
    height: 139px;
  }
  .TopMain__Bubble_l {
    left: -10%;
    top: 27%;
    width: 34%;
    height: 139px;
  }
}

@media (max-width: 768px) {
  .TopMain__Bubble {
    right: 2%;
    top: 13%;
    width: 33%;
    height: 20.1vw;
  }
  .TopMain__Bubble_l {
    left: 2%;
    top: 13%;
    width: 33%;
    height: 20.1vw;
  }
}

@media screen and (max-width: 730px) {
  .TopMain__Bubble {
    display: none;
  }
  .TopMain__Bubble_l {
    display: none;
  }
}

.TopMain__Bubble-Cont {
  width: 100%;
  height: 100%;
  position: relative;
  font-size: 1.6rem;
}

.TopMain__Bubble-Text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
.TopMain__Bubble-Text_l {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}


@media screen and (max-width: 730px) {
  .TopMain__Bubble-Text {
    top: 56%;
    left: 62%;
    font-size: calc(24% + 1.6vw);
  }
  .TopMain__Bubble-Text_l {
    top: 56%;
    left: 70%;
    font-size: calc(24% + 1.6vw);
  }
  _:-ms-fullscreen, :root .TopMain__Bubble-Text {
    font-size: calc(0.24em + 1.6vw);
  }
  _:-ms-fullscreen, :root .TopMain__Bubble-Text_l {
    font-size: calc(0.24em + 1.6vw);
  }
}

@media (max-width: 480px) {
  .TopMain__Bubble-Text {
    left: 30vw;
    line-height: 1.4;
  }
  .TopMain__Bubble-Text_l {
    left: 37vw;
    line-height: 1.4;
  }
}

.TopMain__Bubble-Yellow {
  font-size: 2rem;
  color: #f35160;
}

@media screen and (max-width: 730px) {
  .TopMain__Bubble-Yellow {
    font-size: calc(90% + 1.1vw);
  }
  _:-ms-fullscreen, :root .TopMain__Bubble-Yellow {
    font-size: calc(0.9em + 1.1vw);
  }
}

.TopMain__Logo {
  width: 80px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 22px;
}

.TopMain__Title {
  text-align: center;
  font-size: 4rem;
  margin-bottom: 20px;
  line-height: 1.5;
}

.TopMain__Title-Sub {
  font-size: 0.75em;
}

.ttl-sub {
  text-align: center;
    font-size: 16px;
    color: #07c074;
}
@media (max-width: 480px) {

  .ttl-sub {
      font-size: 14px;
      margin-bottom: 20px;
    }
}
@media (max-width: 768px) {
  .TopMain__Title {
    font-size: calc(140% + 2.5vw);
  }
  _:-ms-fullscreen, :root .TopMain__Title {
    font-size: calc(1.4em + 2.5vw);
  }
}

@media (max-width: 480px) {
  .TopMain__Title {
    margin-bottom: 26px;
  }
}

.TopSearchBox__FormFrame {
  padding-top: 45px;
  position: relative;
  min-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  .TopSearchBox__FormFrame {
    width: 100%;
    min-width: 0;
    padding-top: 96px;
  }
}

@media (max-width: 480px) {
  .TopSearchBox__FormFrame {

  }
}

.TopSearchBox__FormBox {
  background-color: #373737;
  padding: 14px 20px;
  border-radius: 6px;
}

@media (max-width: 768px) {
  .TopSearchBox__FormBox {
    padding: 14px 20px 40px;
    margin-bottom: 15px;
  }
}

.TopSearchBox__Tab {
  position: absolute;
  border-radius: 6px 6px 0 0;
  text-align: center;
  width: 33%;
  background-color: #373737;
  top: 6px;
  color: #fff;
  line-height: 1;
  padding: 15px 0;
}

@media screen and (max-width: 730px) {
  .TopSearchBox__Tab {
    position: relative;
    width: 100%;
    text-align: left;
  }
}

.TopSearchBox__TabName:after {
  content: "";
  display: block;
  background-size: cover;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transform: translateY(-50%) scale(0.37);
      -ms-transform: translateY(-50%) scale(0.37);
          transform: translateY(-50%) scale(0.37);
  top: calc(50% + 0.15em);
  left: 0.2em;
}

_:-ms-fullscreen, :root .TopSearchBox__TabName:after {
  top: 50%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .TopSearchBox__TabName:after {
    top: 50%;
  }
}

@media screen and (max-width: 730px) {
  .TopSearchBox__TabName {
    margin-left: 2em;
  }
}

.TopSearchBox__DateList {
  /* position: absolute; */
  text-align: center;
  /* top: 0;
  right: 0; */
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  width: 425px;
  font-weight: bold;
  /* added 0722*/
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: -4%;
}
@media screen and (max-width: 768px) {
  .TopSearchBox__DateList {
    left: 1%;
  }
}
@media screen and (max-width: 730px) {
  .TopSearchBox__DateList {
    position: relative;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
  }
}

.TopSearchBox__DateCont {
  line-height: 1;
  padding: 10px 15px;
  background-color: #dcdcdc;
  border-radius: 6px;
}

@media screen and (max-width: 510px) {
  .TopSearchBox__DateCont {
    padding: 10px;
  }
}

@media screen and (max-width: 730px) {
  .TopSearchBox__DateCont:first-child {
    margin-right: 15px;
  }
}

@media (max-width: 480px) {
  .TopSearchBox__DateCont {
    line-height: 1.4;
    width: 48%;
  }
}

.TopSearchBox__Cloud-Sp {
  display: none;
}
.TopSearchBox__Cloud-Sp_l {
  display: none;
}
@media screen and (max-width: 730px) {
  .TopSearchBox__Cloud-Sp {
    display: block;
    position: absolute;
    top: -8vw;
    right: -1vw;
    width: 40vw;
    height: 21.6vw;
    max-width: 261px;
    max-height: 142px;
    background-size: cover;
    background-image: url(../e_img/green-bubble-sp.png);
    background-repeat: no-repeat;
    color: #fff;
  }
  .TopSearchBox__Cloud-Sp_l {
    display: block;
    position: absolute;
    top: -8vw;
    left: -1vw;
    width: 40vw;
    height: 21.6vw;
    max-width: 261px;
    max-height: 142px;
    background-size: cover;
    background-image: url(../e_img/green-bubble-sp_l.png);
    background-repeat: no-repeat;
    color: #fff;
  }
}

@media (max-width: 480px) {
  .TopSearchBox__Cloud-Sp {
    width: 48vw;
    height: 25.9vw;
    right: -2vw;
    top: -7.2vw;
  }
  .TopSearchBox__Cloud-Sp_l {
    width: 48vw;
    height: 25.9vw;
    left: -2vw;
    top: -7.2vw;
  }
}

@media (max-width: 380px) {
  .TopSearchBox__Cloud-Sp {
    width: 50vw;
    height: 27vw;
    top: -4vw;
  }
  .TopSearchBox__Cloud-Sp_l {
    width: 50vw;
    height: 27vw;
    top: -4vw;
  }
  .TopMain__Bubble-Text {
    left: 32vw;
    font-size: calc(32% + 1.6vw);
  }
  .TopMain__Bubble-Text {
    left: 32vw;
    font-size: calc(32% + 1.6vw);
  }
}
@media (max-width: 330px) {
  .TopSearchBox__Cloud-Sp {
    width: 50vw;
    height: 27vw;
    top: -2vw;
  }
  .TopSearchBox__Cloud-Sp_l {
    width: 50vw;
    height: 27vw;
    top: -2vw;
  }
}
.TopMainCircle {
  background-color: #f35160;
  line-height: 1;
  color: #fff;
  border-radius: 50%;
  padding: 30px;
  text-align: center;
  position: absolute;
  bottom: -33%;
  right: -42%;
  z-index: 2;
  width: 210px;
  height: 210px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  transition: 0.3s;
}

.TopMainCircle:link {
  color: #fff;
}

.TopMainCircle:visited {
  color: #fff;
}

.TopMainCircle:hover {
  color: #fff;
}

.TopMainCircle:active {
  color: #fff;
}

.TopMainCircle:hover {
  background-color: #f1394a;
}

@media screen and (max-width: 1400px) {
  .TopMainCircle {
    width: 200px;
    height: 200px;
    padding: 25px 20px 35px;
    right: -27%;
    bottom: -10vw;
  }
}

@media screen and (max-width: 1220px) {
  .TopMainCircle {
    right: -18%;
  }
}

@media (max-width: 768px) {
  .TopMainCircle {
    display: none;
  }
}

.TopMainCircle:hover .TopMainCircle__Link:after {
  right: calc(1.2em - 4px);
}

.TopMainCircle__Title {
  margin-bottom: 15px;
}

.TopMainCircle__Cont {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.TopMainCircle__BubbleFrame {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 16px;
}

.TopMainCircle__BubbleBox {
  text-align: center;
}

.TopMainCircle__BubbleBox-2 {
  color: #fff100;
}

.TopMainCircle__Bubble, .TopMainCircle__Bubble-Yellow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: #fff;
}

.TopMainCircle__Bubble:after, .TopMainCircle__Bubble-Yellow:after {
  content: '';
  position: absolute;
  bottom: -11px;
  left: 50%;
  border-right: 17px solid transparent;
  border-bottom: 15px solid #fff;
  border-left: 17px solid transparent;
  -webkit-transform: translateX(-50%) rotate(180deg);
      -ms-transform: translateX(-50%) rotate(180deg);
          transform: translateX(-50%) rotate(180deg);
  border-right: 4px solid transparent;
  border-bottom: 12px solid #fff;
  border-left: 4px solid transparent;
  height: 8px;
}

.TopMainCircle__Bubble:before, .TopMainCircle__Bubble-Yellow:before {
  content: '件';
  position: absolute;
  bottom: 0;
  right: -1.2em;
  font-size: 1.2rem;
}

.TopMainCircle__Bubble-Yellow {
  background-color: #fff100;
  width: 50px;
  height: 50px;
}

.TopMainCircle__Bubble-Yellow:after {
  border-bottom: 12px solid #fff100;
}

.TopMainCircle__Bubble-Text {
  color: #f35160;
  font-size: 1.8rem;
  font-weight: bold;
  font-family: arial, sans-serif;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.TopMainCircle__P2 {
  margin-bottom: 22px;
}

.TopMainCircle__Link {
  display: block;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.TopMainCircle__Link::after {
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  left: auto;
  right: 1.2em;
}

.FooterBg {
  background-color: #212121;
}

.Footer {
  bottom: 0;
  width: 100%;
  padding-left: calc(170px + 2%);
  color: #fff;
  min-width: 1100px;
}

@media (max-width: 768px) {
  .Footer {
    min-width: 0;
    width: 100%;
    margin-left: auto;
    padding-left: 15px;
  }
}

.Footer a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.Footer a:hover {
  background-color: inherit;
  color: #07c074;
}

.Footer__Cont {
  width: 100%;
  padding-top: 55px;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  /* display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between; */
}

@media (max-width: 768px) {
  .Footer__Cont {
    display: block;
    padding-top: 35px;
  }
}
.Footer__Left {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
      margin-bottom: 40px;
}

.Footer .FooterRight {
  text-align: right;
}

@media (max-width: 768px) {
  .Footer .FooterRight {
    text-align: left;
  }
  .Footer__Left {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 480px) {
  .Footer__Left {
    display: block;
  }
}

.Footer__IconBox, .Footer__LinkBox {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  /* margin-bottom: 55px; */
}
.Footer__IconBox {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .Footer__IconBox, .Footer__LinkBox {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    margin-bottom: 40px;
  }
  .Footer__IconBox {
    margin-bottom: 0;
    margin-top: 35px;
  }
}

@media (max-width: 480px) {
  .Footer__IconBox, .Footer__LinkBox {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .Footer__IconBox {
    margin-top: 26px;
  }
}

.Footer__IconList {
  margin-right: 40px;
}

.Footer__IconList:last-child {
  margin-right: 0;
}

@media (max-width: 480px) {
  .Footer__IconList {
    margin-bottom: 6px;
  }
}

.Footer__IconLink {
  position: relative;
}

.Footer__Icon-1 {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
}

.Footer__Icon-2 {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
}

.Footer__Icon-3 {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
}

.Footer__IconText {
  margin-left: 32px;
}

.Footer__LinkBox {
  margin-bottom: 35px;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.Footer__LinkBox:last-child {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

@media (max-width: 768px) {
  .Footer__LinkBox {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-bottom: 50px;
  }
}

@media (max-width: 480px) {
  .Footer__LinkBox {
    display: block;
    margin-bottom: 35px;
  }
}

.Footer__LinkList {
  margin-right: 35px;
}

.Footer__LinkList:last-child {
  margin-right: 0;
}

.Footer__LinkList-Small {
  font-size: 1.2rem;
  margin-right: 22px;
}

.Footer__LinkList-Gray {
  font-size: 1.1rem;
  margin-right: 16px;
  color: #545b65;
}

@media screen and (max-width: 583px) {
  .Footer__LinkList-Logo2 {
    margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .Footer__LinkList {
    margin-bottom: 6px;
  }
}

@media (max-width: 480px) {
  .Footer__LinkList {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .Footer__LinkList {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .Footer__LinkList:nth-last-child(-n+2) {
    margin-bottom: 24px;
  }
  .Footer__LinkList:last-child {
    margin-bottom: 0;
  }

}

.Footer__Logo-2 {
  width: 180px;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.Footer__CR {
  text-align: right;
  color: #545b65;
  font-size: 1.1rem;
  padding-bottom: 20px;
}

@media (max-width: 480px) {
  .Footer__CR {
    text-align: left;
  }
}

.Footer__Logo {
  /* margin-top: 15px;
  margin-bottom: 40px; */
  width: 180px;
}

@media (max-width: 480px) {
  .Footer__Logo {
    margin-bottom: 30px;
  }
}

.Footer__Intro {
  line-height: 1.6;
}



.icon_1200px-Tokyu_logo, .icon_2000px-SOTETSU_logo, .icon_apartment, .SearchTabBox__TabTitle-1:before, .icon_balcony, .icon-balcony, .icon_big-apartemt, .icon-big-apartemt, .icon_blueline, .SearchBtnList__Name-2:before, .icon_car, .icon-car, .icon_door, .icon-door, .icon_elavator, .icon-elevator, .icon_elect, .icon-elect, .icon_flag, .SearchTabBox__TabTitle-3:before, .icon_floor, .icon-floor, .icon_green-train, .MainSearchBox__Title-train:before, .icon-train, .icon_greenfile, .MainSearchBox__Title-file:before, .icon_hanger, .icon-hanger, .icon_heart, .MainSearchBox__Title-heart:before, .icon_heat, .icon-heat, .icon_house, .SearchTabBox__TabTitle-2:before, .icon_ih, .icon-ih, .icon_jr, .SearchBtnList__Name-1:before, .icon_kitchen, .icon-kitchen, .icon_ldk20, .icon-ldk20, .icon_login, .Footer__Icon-3, .icon_low-apartment, .icon-low-apartment, .icon_monitor, .icon-monitor, .icon_pet, .icon-pet, .icon_search, .TopFormCont__BtnBox:before, .TopSearchBox__TabName:after, .Footer__Icon-1, .icon_sun, .icon-sun, .icon_time, .icon-time, .icon_white-file, .Footer__Icon-2, .icon_yen, .MainSearchBox__Title-yen:before {
  background: url("../e_img/sprite-bg-35a73f23.svg") no-repeat;
}

.icon_1200px-Tokyu_logo {
  background-position: 0 0;
}

.icon_1200px-Tokyu_logo_dims {
  width: 84px;
  height: 69px;
}

.icon_2000px-SOTETSU_logo {
  background-position: 52.83018867924528% 0;
}

.icon_2000px-SOTETSU_logo_dims {
  width: 73px;
  height: 72px;
}

.icon_apartment, .SearchTabBox__TabTitle-1:before {
  background-position: 0 47.80701754385965%;
}

.icon_apartment_dims, .SearchTabBox__TabTitle-1:before {
  width: 70px;
  height: 58px;
}

.icon_balcony, .icon-balcony {
  background-position: 83.13609467455622% 0;
}

.icon_balcony_dims, .icon-balcony {
  width: 53px;
  height: 57px;
}

.icon_big-apartemt, .icon-big-apartemt {
  background-position: 83.13609467455622% 24.463519313304722%;
}

.icon_big-apartemt_dims, .icon-big-apartemt {
  width: 53px;
  height: 53px;
}

.icon_blueline, .SearchBtnList__Name-2:before {
  background-position: 0 75.9090909090909%;
}

.icon_blueline_dims, .SearchBtnList__Name-2:before {
  width: 66px;
  height: 66px;
}

.icon_car, .icon-car {
  background-position: 99.4047619047619% 64.37246963562752%;
}

.icon_car_dims, .icon-car {
  width: 55px;
  height: 39px;
}

.icon_door, .icon-door {
  background-position: 68.66096866096866% 0;
}

.icon_door_dims, .icon-door {
  width: 40px;
  height: 58px;
}

.icon_elavator, .icon-elevator {
  background-position: 16.42651296829971% 98.72881355932203%;
}

.icon_elavator_dims, .icon-elevator {
  width: 44px;
  height: 50px;
}

.icon_elect, .icon-elect {
  background-position: 34.26966292134831% 73.568281938326%;
}

.icon_elect_dims, .icon-elect {
  width: 35px;
  height: 59px;
}

.icon_flag, .SearchTabBox__TabTitle-3:before {
  background-position: 19.70149253731343% 75.22522522522523%;
}

.icon_flag_dims, .SearchTabBox__TabTitle-3:before {
  width: 56px;
  height: 64px;
}

.icon_floor, .icon-floor {
  background-position: 21.47239263803681% 46.38297872340426%;
}

.icon_floor_dims, .icon-floor {
  width: 65px;
  height: 51px;
}

.icon_green-train, .MainSearchBox__Title-train:before, .icon-train {
  background-position: 80.74712643678161% 69.36170212765957%;
}

.icon_green-train_dims, .MainSearchBox__Title-train:before, .icon-train {
  width: 43px;
  height: 51px;
}

.icon_greenfile, .MainSearchBox__Title-file:before {
  background-position: 68.66096866096866% 24.369747899159663%;
}

.icon_greenfile_dims, .MainSearchBox__Title-file:before {
  width: 40px;
  height: 48px;
}

.icon_hanger, .icon-hanger {
  background-position: 40.66265060240964% 45.79831932773109%;
}

.icon_hanger_dims, .icon-hanger {
  width: 59px;
  height: 48px;
}

.icon_heart, .MainSearchBox__Title-heart:before {
  background-position: 70.52023121387283% 95.88477366255144%;
}

.icon_heart_dims, .MainSearchBox__Title-heart:before {
  width: 45px;
  height: 43px;
}

.icon_heat, .icon-heat {
  background-position: 56.231884057971016% 45.416666666666664%;
}

.icon_heat_dims, .icon-heat {
  width: 46px;
  height: 46px;
}

.icon_house, .SearchTabBox__TabTitle-2:before {
  background-position: 47.28915662650602% 72.92576419213974%;
}

.icon_house_dims, .SearchTabBox__TabTitle-2:before {
  width: 59px;
  height: 57px;
}

.icon_ih, .icon-ih {
  background-position: 99.10979228486647% 85.34482758620689%;
}

.icon_ih_dims, .icon-ih {
  width: 54px;
  height: 54px;
}

.icon_jr, .SearchBtnList__Name-1:before {
  background-position: 27.36156351791531% 0;
}

.icon_jr_dims, .SearchBtnList__Name-1:before {
  width: 84px;
  height: 46px;
}

.icon_kitchen, .icon-kitchen {
  background-position: 0 100%;
}

.icon_kitchen_dims, .icon-kitchen {
  width: 57px;
  height: 53px;
}

.icon_ldk20, .icon-ldk20 {
  background-position: 82.89085545722713% 47.21030042918455%;
}

.icon_ldk20_dims, .icon-ldk20 {
  width: 52px;
  height: 53px;
}

.icon_login, .Footer__Icon-3 {
  background-position: 92.77777777777777% 98.82352941176471%;
}

.icon_login_dims, .Footer__Icon-3 {
  width: 31px;
  height: 31px;
}

.icon_low-apartment, .icon-low-apartment {
  background-position: 99.70149253731343% 24.358974358974358%;
}

.icon_low-apartment_dims, .icon-low-apartment {
  width: 56px;
  height: 52px;
}

.icon_monitor, .icon-monitor {
  background-position: 29.53216374269006% 98.31223628691983%;
}

.icon_monitor_dims, .icon-monitor {
  width: 49px;
  height: 49px;
}

.icon_pet, .icon-pet {
  background-position: 99.70149253731343% 46.186440677966104%;
}

.icon_pet_dims, .icon-pet {
  width: 56px;
  height: 50px;
}

.icon_search, .TopFormCont__BtnBox:before, .TopSearchBox__TabName:after, .Footer__Icon-1 {
  background-position: 67.88732394366197% 42.4%;
}

.icon_search_dims, .TopFormCont__BtnBox:before, .TopSearchBox__TabName:after, .Footer__Icon-1 {
  width: 36px;
  height: 36px;
}

.icon_sun, .icon-sun {
  background-position: 100% 0;
}

.icon_sun_dims, .icon-sun {
  width: 57px;
  height: 57px;
}

.icon_time, .icon-time {
  background-position: 43.731778425655975% 97.89915966386555%;
}

.icon_time_dims, .icon-time {
  width: 48px;
  height: 48px;
}

.icon_white-file, .Footer__Icon-2 {
  background-position: 100% 98.4375%;
}

.icon_white-file_dims, .Footer__Icon-2 {
  width: 26px;
  height: 30px;
}

.icon_yen, .MainSearchBox__Title-yen:before {
  background-position: 57.391304347826086% 97.08333333333333%;
}

.icon_yen_dims, .MainSearchBox__Title-yen:before {
  width: 46px;
  height: 46px;
}

.PropertyListBox {
  max-width: 470px;
  margin-left: auto;
  margin-right: auto;
}

.PropertyListBox__TabBox {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

.PropertyListBox__Tab {
  width: calc(50% - 10px);
  background-color: #676767;
  line-height: 1.5;
  padding: 10px 0;
  border-radius: 34px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.PropertyListBox__Tab:hover {
  background-color: #343434;
}

@media (max-width: 480px) {
  .PropertyListBox__Tab {
    font-size: 1.2rem;
    line-height: 1.4;
  }
}

.PropertyListBox__Tab-Active {
  background-color: #07c074;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  -webkit-transition: 0s !important;
  transition: 0s !important;
}

.PropertyListBox__Tab-Active:hover {
  background-color: #07c074;
}

.PropertyListBox__Tab-Active:after {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 50%;
  border-right: 17px solid transparent;
  border-bottom: 15px solid #07c074;
  border-left: 17px solid transparent;
  -webkit-transform: translateX(-50%) rotate(180deg);
      -ms-transform: translateX(-50%) rotate(180deg);
          transform: translateX(-50%) rotate(180deg);
}

.PropertyListBox__Cont {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  overflow: hidden;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-bottom: 60px;
}

@media (max-width: 480px) {
  .PropertyListBox__Cont {
    margin-top: 28px;
  }
}

.PropertyListBox__List {
  min-width: 245px;
  margin-left: 20px;
}

.PropertyListBox__List:first-child {
  margin-left: 0;
}

@media (max-width: 768px) {
  .PropertyListBox__List {
    min-width: 210px;
  }
}

.PropertyListBox__Link {
  display: block;
  padding: 10px;
  background-color: #fff;
  width: 100%;
  height: auto;
  position: relative;
  box-shadow: 0px 0px 4px 0px #cecece;
}

.PropertyListBox__ImgWrapper {
  width: 100%;
  height: auto;
  position: relative;
}

.PropertyListBox__ImgWrapper::before {
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: '';
}

.PropertyListBox__ImgWrapper:hover::before {
  background-color: rgba(0, 0, 0, 0.3);
}

.PropertyListBox__InfoBox {
  position: absolute;
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
  top: calc(70% - 10px);
  background-color: rgba(0, 0, 0, 0.8);
  height: 30%;
  z-index: 2;
  color: #fff;
  padding: 10px;
}

.PropertyListBox__InfoBox:hover + .PropertyListBox__ImgWrapper:before {
  background-color: rgba(0, 0, 0, 0.3);
}

.PropertyListBox__PriceBox {
  width: 100%;
  height: 100%;
  position: relative;
}

.PropertyListBox__Name {
  font-size: 1.6rem;
}

.PropertyListBox__Data {
  font-weight: normal;
  font-size: 1.2rem;
}

.PropertyListBox__Price {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 1.2rem;
  line-height: 1;
}

.PropertyListBox__Price-Big {
  font-weight: bold;
  font-size: 1.8rem;
}

.TopInfoBox {
  display: block;
  background-color: #fff;
  border-radius: 6px;
  padding: 24px 30px;
  line-height: 1;
  width: 100%;
  max-width: 836px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 100px;
  box-shadow: 0px 2px 4px 0px #dcdcdc;
}

.TopInfoBox:hover .TopInfoBox__Link, .TopInfoBox:hover .CategoryHeading__Link {
  color: #07c074;
}

.TopInfoBox:hover .TopInfoBox__Link:after, .TopInfoBox:hover .CategoryHeading__Link:after {
  right: calc(0.5em - 4px);
}

.TopInfoBox__Cont {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

@media (max-width: 768px) {
  .TopInfoBox__Cont {
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
  }
}

@media screen and (max-width: 730px) {
  .TopInfoBox__Cont {
    display: block;
  }
}

.TopInfoBox__Left {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  font-size: 1.5rem;
}

@media (max-width: 768px) {
  .TopInfoBox__Left {
    display: block;
  }
}

.TopInfoBox__Right {
  width: 7em;
}

@media screen and (max-width: 730px) {
  .TopInfoBox__Right {
    width: 100%;
    text-align: right;
    margin-left: -1.5em;
  }
}

@media screen and (max-width: 730px) {
  .TopInfoBox__Title {
    margin-bottom: 10px;
  }
}

@media (max-width: 480px) {
  .TopInfoBox__Title {
    margin-bottom: 4px;
  }
}

.TopInfoBox__Link, .CategoryHeading__Link {
  font-weight: bold;
  display: block;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.TopInfoBox__Link::after, .CategoryHeading__Link::after {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid #07c074;
  border-right: 2px solid #07c074;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  left: auto;
  right: 0.5em;
}

.TopInfoBox__Date {
  padding-right: 1em;
  border-right: 1px solid #000;
  margin-right: 1em;
}

@media (max-width: 768px) {
  .TopInfoBox__Date {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 730px) {
  .TopInfoBox .R-ARROW:after {
    right: -1em;
  }
}

@media (max-width: 768px) {
  .TopInfoBox {
    padding: 15px;
  }
}

@media screen and (max-width: 730px) {
  .TopInfoBox:hover .TopInfoBox__Link:after, .TopInfoBox:hover .CategoryHeading__Link:after {
    right: calc(-1em - 4px);
  }
}

@media screen and (max-width: 730px) {
  .TopInfoBox__Link:after, .CategoryHeading__Link:after {
    right: -1em;
  }
}

.TopIntroBox {
  max-width: 1080px;
  margin-bottom: 120px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
}

@media (max-width: 768px) {
  .TopIntroBox {
    display: block;
  }
}

.TopIntroBox__LogoBox {
  width: 20%;
}

@media screen and (max-width: 1200px) {
  .TopIntroBox__LogoBox {
    width: 15%;
  }
}

@media (max-width: 768px) {
  .TopIntroBox__LogoBox {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }
}

.TopIntroBox__logo {
  width: 90px;
  margin-left: auto;
  margin-right: auto;
}

.TopIntroBox__TextBox {
  width: 80%;
}

@media (max-width: 768px) {
  .TopIntroBox__TextBox {
    width: 100%;
  }
}

.TopIntroBox__Title {
  font-size: 2rem;
  margin-bottom: 10px;
}

@media (max-width: 480px) {
  .TopIntroBox__Title {
    margin-bottom: 15px;
  }
}

.TopIntroBox__BtnBox {
  text-align: right;
  margin-top: 22px;
}

@media (max-width: 768px) {
  .TopIntroBox__BtnBox {
    margin-top: 35px;
    text-align: center;
  }
}

.FeatureBox {
  max-width: 1560px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2%;
}

@media (max-width: 1290px) {
  .FeatureBox {
    padding: 0;
  }
}

.CategoryHeading {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-left: 5px;
  padding-left: 1em;
  line-height: 1;
  margin-bottom: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

@media screen and (max-width: 730px) {
  .CategoryHeading {
    display: block;
    position: relative;
    margin-left: 0;
    margin-bottom: 26px;
  }
}

.CategoryHeading__Left {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
}

@media (max-width: 768px) {
  .CategoryHeading__Left {
    display: block;
  }
}

.CategoryHeading__Title {
  font-size: 2rem;
  padding-right: 1em;
  border-right: 1px solid #000;
  margin-right: 1em;
  font-weight: bold;
}

@media (max-width: 768px) {
  .CategoryHeading__Title {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
    font-size: 1.8rem;
    margin-bottom: 5px;
  }
}

@media (max-width: 480px) {
  .CategoryHeading__Title {
    font-size: 1.6rem;
  }
}

.CategoryHeading__Desc {
  font-size: 1.8rem;
}

@media (max-width: 768px) {
  .CategoryHeading__Desc {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  .CategoryHeading__Desc {
    font-size: 1.4rem;
  }
}

.CategoryHeading__Right {
  width: 7em;
}

@media (max-width: 768px) {
  .CategoryHeading__Right {
    -webkit-align-self: flex-end;
            align-self: flex-end;
    position: relative;
    top: 5px;
  }
}

@media screen and (max-width: 730px) {
  .CategoryHeading__Right {
    position: absolute;
    right: 0;
  }
}

@media (max-width: 480px) {
  .CategoryHeading__Right {
    top: -13px;
    font-size: 1.2rem;
  }
}

.CategoryHeading__Link {
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 10px 0;
}

.CategoryHeading__Link:hover {
  color: #07c074;
}

.CategoryHeading__Link:hover:after {
  right: calc(0.5em - 4px);
}

@media screen and (max-width: 730px) {
  .CategoryHeading__Link:after {
    right: 0.7em;
  }
  .CategoryHeading__Link:hover:after {
    right: calc(0.7em - 4px);
  }
}

.bl-Cred {
  border-left: 4px solid #ee3142;
}

.bl-Corange {
  border-left: 4px solid #eea931;
}

.bl-Cgreen {
  border-left: 4px solid #4f8759;
}

.bl-Cblue {
  border-left: 4px solid #3b68b3;
}

.bl-Cpurple {
  border-left: 4px solid #7f5493;
}

.bt-Cred {
  border-top: 4px solid #ffcbd0;
}

@media (max-width: 768px) {
  .bt-Cred {
    border-top: none;
  }
}

.bt-Corange {
  border-top: 4px solid #ffdc9f;
}

@media (max-width: 768px) {
  .bt-Corange {
    border-top: none;
  }
}

.bt-Cgreen {
  border-top: 4px solid #07c074;
}

@media (max-width: 768px) {
  .bt-Cgreen {
    border-top: none;
  }
}

.bt-Cblue {
  border-top: 4px solid #a9bfe5;
}

@media (max-width: 768px) {
  .bt-Cblue {
    border-top: none;
  }
}

.bt-Cpurple {
  border-top: 4px solid #e3ceed;
}

@media (max-width: 768px) {
  .bt-Cpurple {
    border-top: none;
  }
}

.bt-Cred-each {
  border-top: none;
}

@media (max-width: 768px) {
  .bt-Cred-each {
    border-top: 4px solid #ffcbd0;
  }
}

.bt-Corange-each {
  border-top: none;
}

@media (max-width: 768px) {
  .bt-Corange-each {
    border-top: 4px solid #ffdc9f;
  }
}

.bt-Cgreen-each {
  border-top: none;
}

@media (max-width: 768px) {
  .bt-Cgreen-each {
    border-top: 4px solid #07c074;
  }
}

.bt-Cblue-each {
  border-top: none;
}

@media (max-width: 768px) {
  .bt-Cblue-each {
    border-top: 4px solid #a9bfe5;
  }
}

.bt-Cpurple-each {
  border-top: none;
}

@media (max-width: 768px) {
  .bt-Cpurple-each {
    border-top: 4px solid #e3ceed;
  }
}

.FeatureListBox {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  margin-bottom: 120px;
  box-shadow: 0 2px 4px 0 #cecece;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

@media (max-width: 768px) {
  .FeatureListBox {
    box-shadow: none;
  }
}

.FeatureListBox__List {
  width: 25%;
  border-right: 1px solid #dcdcdc;
}

.FeatureListBox__List:last-child {
  border-right: none;
}

@media (max-width: 768px) {
  .FeatureListBox__List {
    width: calc(50% - 10px);
    box-shadow: 0 2px 4px 0 #cecece;
    border-bottom: 1px solid #dcdcdc;
  }
  .FeatureListBox__List:nth-child(-n+2) {
    margin-bottom: 20px;
  }
}

@media (max-width: 480px) {
  .FeatureListBox__List {
    width: 100%;
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  .FeatureListBox__List:nth-child(-n+2) {
    margin-bottom: 20px;
  }
  .FeatureListBox__List:last-child {
    margin-bottom: 0;
  }
}

.FeatureListBox__Link {
  background-color: #fff;
  padding: 10px;
  position: relative;
}

.FeatureListBox__Link:hover .FeatureListBox__img {
  opacity: 0.7;
}

@media (max-width: 768px) {
  .FeatureListBox__Link {
    padding: 30px 20px;
  }
}

@media (max-width: 480px) {
  .FeatureListBox__Link {
    padding: 7%;
  }
}

.FeatureListBox__Img {
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.FeatureListBox__TextBox {
  padding: 10px;
}

@media (max-width: 768px) {
  .FeatureListBox__TextBox {
    padding: 25px 10px 0;
  }
}

.FeatureListBox__Name {
  font-weight: bold;
  font-size: 1.6rem;
  padding-bottom: 5px;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 5px;
}

.FeatureListBox__PriceBox {
  padding: 10px;
  text-align: right;
  line-height: 1;
}

@media (max-width: 768px) {
  .FeatureListBox__PriceBox {
    padding: 25px 10px 0;
  }
}

.FeatureListBox__Price-Big {
  font-size: 2.3rem;
  color: #07c074;
  font-weight: bold;
  margin-right: 0.1em;
}

.MainSearchBox {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.MainSearchBox__Title {
  font-size: 1.6rem;
  line-height: 1;
  margin-bottom: 22px;
}

.MainSearchBox__Title-train {
  position: relative;
  display: inline-block;
  padding-left: 1.5em;
}

.MainSearchBox__Title-train:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
      -ms-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
}

@media (max-width: 1290px) {
  .MainSearchBox__Title-train {
    padding-left: 36px;
  }
  .MainSearchBox__Title-train:before {
    left: 15px;
  }
}

.MainSearchBox__Title-file {
  position: relative;
  display: inline-block;
  padding-left: 1.5em;
}

.MainSearchBox__Title-file:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
      -ms-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
}

@media (max-width: 1290px) {
  .MainSearchBox__Title-file {
    padding-left: 36px;
  }
  .MainSearchBox__Title-file:before {
    left: 15px;
  }
}

.SearchCategory1 {
  margin-bottom: 40px;
}

.SearchBtnList {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

@media (max-width: 768px) {
  .SearchBtnList {
    display: block;
  }
}

.SearchBtnList__List {
  width: calc(50% - 22px);
  background-color: #eee;
  border-radius: 6px;
  padding: 20px 30px;
}

@media (max-width: 768px) {
  .SearchBtnList__List {
    width: 100%;
    margin-bottom: 30px;
  }
  .SearchBtnList__List:last-child {
    margin-bottom: 0;
  }
}

.SearchBtnList__Name {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1;
  margin-bottom: 20px;
}

.SearchBtnList__Name-1 {
  position: relative;
  display: inline-block;
  padding-left: calc(20px + 2em);
}

.SearchBtnList__Name-1:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
      -ms-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
  left: 20px;
}

.SearchBtnList__Name-2 {
  position: relative;
  display: inline-block;
  padding-left: calc(16px + 2em);
}

.SearchBtnList__Name-2:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
      -ms-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
  left: 16px;
}

.SearchBtnList__Btns {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  font-weight: bold;
}

@media (max-width: 480px) {
  .SearchBtnList__Btns {
    display: block;
  }
}

.SearchBtnList__Btn {
  border: 2px solid #dcdcdc;
  box-shadow: 0 5px 0 0 #dcdcdc;
  border-radius: 6px;
  font-weight: bold;
  text-align: center;
  width: calc(100% / 3  - 10px);
  height: auto;
  font-size: 2rem;
  position: relative;
  display: block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-color: #fff;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  padding: 20px 0;
  font-weight: bold;
}

.SearchBtnList__Btn:hover {
  box-shadow: 0 2px 0 0 #dcdcdc;
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}

.SearchBtnList__Btn__Text {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (max-width: 480px) {
  .SearchBtnList__Btn {
    width: 100%;
    margin-bottom: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .SearchBtnList__Btn:last-child {
    margin-bottom: 0;
  }
}

.SearchBtnList__Station-En {
  font-size: 1rem;
}

.SearchTabBox__TabList {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
}

.SearchTabBox__Tab {
  margin-right: 20px;
  width: 24%;
  min-width: 260px;
  padding: 15px 22px;
  background-color: #9f9f9f;
  color: #fff;
  border-radius: 6px 6px 0 0;
}

.SearchTabBox__Tab:last-child {
  margin-right: 0;
}

.SearchTabBox__Tab-Active {
  background-color: #07c074;
}

@media (max-width: 768px) {
  .SearchTabBox__Tab {
    width: 28%;
    min-width: 0;
    padding: 10px;
    margin-right: 10px;
    display: -webkit-flex;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    font-size: 1.3rem;
    line-height: 1.2;
  }
}

@media (max-width: 480px) {
  .SearchTabBox__Tab {
    width: calc(100%  / 3);
    font-size: 1.2rem;
    padding: 6px 8px;
  }
}

.SearchTabBox__TabTitle-1 {
  position: relative;
  display: inline-block;
  padding-left: calc(16px + 2em);
}

.SearchTabBox__TabTitle-1:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.45);
      -ms-transform: translate(-50%, -50%) scale(0.45);
          transform: translate(-50%, -50%) scale(0.45);
  left: 16px;
}

@media (max-width: 768px) {
  .SearchTabBox__TabTitle-1:before {
    top: -3.6em;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(0.35);
        -ms-transform: translateX(-50%) scale(0.35);
            transform: translateX(-50%) scale(0.35);
  }
}

@media (max-width: 768px) {
  .SearchTabBox__TabTitle-1 {
    padding-left: 0;
    text-align: center;
    margin-top: 2em;
  }
}

.SearchTabBox__TabTitle-2 {
  position: relative;
  display: inline-block;
  padding-left: calc(16px + 2em);
}

.SearchTabBox__TabTitle-2:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.45);
      -ms-transform: translate(-50%, -50%) scale(0.45);
          transform: translate(-50%, -50%) scale(0.45);
  left: 16px;
}

@media (max-width: 768px) {
  .SearchTabBox__TabTitle-2:before {
    top: -3.6em;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(0.35);
        -ms-transform: translateX(-50%) scale(0.35);
            transform: translateX(-50%) scale(0.35);
  }
}

@media (max-width: 768px) {
  .SearchTabBox__TabTitle-2 {
    padding-left: 0;
    text-align: center;
    margin-top: 2em;
  }
}

.SearchTabBox__TabTitle-3 {
  position: relative;
  display: inline-block;
  padding-left: calc(16px + 2em);
}

.SearchTabBox__TabTitle-3:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.45);
      -ms-transform: translate(-50%, -50%) scale(0.45);
          transform: translate(-50%, -50%) scale(0.45);
  left: 16px;
}

@media (max-width: 768px) {
  .SearchTabBox__TabTitle-3:before {
    top: -3.8em;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(0.35);
        -ms-transform: translateX(-50%) scale(0.35);
            transform: translateX(-50%) scale(0.35);
  }
}

@media (max-width: 768px) {
  .SearchTabBox__TabTitle-3 {
    padding-left: 0;
    text-align: center;
    margin-top: 2em;
    display: -webkit-flex;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
  }
}

@media (max-width: 768px) {
  .SearchTabBox__TabTitle-3-c {
    -webkit-align-self: center;
            align-self: center;
  }
}

.SearchTabCont {
  border: 2px solid #07c074;
  padding: 30px 36px 70px;
  margin-bottom: 70px;
  border-radius: 0 6px 6px 6px;
}

@media (max-width: 768px) {
  .SearchTabCont {
    padding: 30px 26px 70px;
  }
}

@media (max-width: 480px) {
  .SearchTabCont {
    padding: 30px 10px 70px;
    border-radius: 0 0 6px 6px;
  }
}

.SearchTabCont__List {
  margin-bottom: 40px;
}

.SearchTabCont__BtnBox {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.SearchTabCont__BtnBox--few {
  justify-content: flex-start;
}

.SearchTabCont__BtnBox--few .SearchTabCont__Btn{
  margin-right: 15px;
}
.SearchTabCont__BtnBox--few .SearchTabCont__Btn:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .SearchTabCont__BtnBox--few .SearchTabCont__Btn {
    margin-right: 0;
  }
}
@media screen and (max-width: 1240px) {
  .SearchTabCont__BtnBox {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .SearchTabCont__BtnBox {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
  }
}

.SearchTabCont__Btn {
  width: calc(20% - 10px);
  margin-bottom: 20px;
}

@media screen and (max-width: 1240px) {
  .SearchTabCont__Btn {
    width: calc(25% - 7.5px);
    margin-right: 10px;
  }
  .SearchTabCont__Btn:nth-child(4n) {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .SearchTabCont__Btn {
    width: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
  }
}

.SearchTabCont__Link {
  border: 2px solid #dcdcdc;
  box-shadow: 0 5px 0 0 #dcdcdc;
  border-radius: 6px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  height: auto;
  font-size: 1.6rem;
  position: relative;
  display: block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  padding: 20px;
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  line-height: 1.3;
}

.SearchTabCont__Link:hover {
  box-shadow: 0 2px 0 0 #dcdcdc;
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}

.SearchTabCont__Link__Text {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (max-width: 768px) {
  .SearchTabCont__Link {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

@media (max-width: 480px) {
  .SearchTabCont__Link {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.SearchTabCont__Link-Icon {
  padding: 20px 12px;
}

.SearchTabCont__Price {
  font-size: 1.5rem;
}

.SearchTabCont__Price-Big {
  font-size: 2rem;
}

.SearchTabCont__Price-EBig {
  font-size: 2.2rem;
}

@media (max-width: 480px) {
  .SearchTabCont__Price {
    font-size: 1.3rem;
  }
}

.SearchTabCont__IconBox {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  font-size: 1.4rem;
  position: relative;
  width: 100%;
}

.SearchTabCont__Icon {
  margin-right: 10px;
}

.SearchTabCont__IconText {
  padding-left: 45px;
  text-align: left;
}

@media (max-width: 480px) {
  .SearchTabCont__IconText {
    padding-left: 0;
    padding-top: 32px;
    width: 100%;
    text-align: center;
  }
}

.MainSearchBox__Title-yen {
  position: relative;
  display: inline-block;
  padding-left: 1.5em;
}

.MainSearchBox__Title-yen:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
      -ms-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
}

@media (max-width: 480px) {
  .MainSearchBox__Title-yen {
    padding-left: calc(1.5em + 8px);
  }

  .MainSearchBox__Title-yen:before {
    left: 10px;
  }
}

.MainSearchBox__Title-heart {
  position: relative;
  display: inline-block;
  padding-left: 1.5em;
}

.MainSearchBox__Title-heart:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
      -ms-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
}
.MainSearchBox__Title-station {
  position: relative;
  display: inline-block;
  padding-left: 1.5em;
}

.MainSearchBox__Title-station:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
          background-image: url(../e_img/ico-station.svg);
          width: 24px;
          height: 24px;
  background-size: cover;
}

@media (max-width: 480px) {
  .MainSearchBox__Title-heart {
    padding-left: calc(1.5em + 8px);
  }
  .MainSearchBox__Title-heart:before {
    left: 10px;
  }
  .MainSearchBox__Title-station:before {
    left: 10px;
  }
  .MainSearchBox__Title-station {
    padding-left: calc(1.5em + 8px);
  }
}
.icon-train {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
}

@media (max-width: 480px) {
  .icon-train {
    top: 6px;
    left: 55%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
}

.icon-sun {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
}

@media (max-width: 480px) {
  .icon-sun {
    top: 6px;
    left: 55%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
}

.icon-time {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
}

@media (max-width: 480px) {
  .icon-time {
    top: 6px;
    left: 55%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
}

.icon-elevator {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
}

@media (max-width: 480px) {
  .icon-elevator {
    top: 6px;
    left: 55%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
}

.icon-door {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
}

@media (max-width: 480px) {
  .icon-door {
    top: 6px;
    left: 55%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
}

.icon-floor {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
}

@media (max-width: 480px) {
  .icon-floor {
    top: 6px;
    left: 55%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
}

.icon-floor {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
  -webkit-transform-origin: 8px 50%;
      -ms-transform-origin: 8px 50%;
          transform-origin: 8px 50%;
}

@media (max-width: 480px) {
  .icon-floor {
    top: 2px;
    left: 61%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
}

.icon-pet {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
}

@media (max-width: 480px) {
  .icon-pet {
    top: 6px;
    left: 55%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
}

.icon-car {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
}

@media (max-width: 480px) {
  .icon-car {
    top: 6px;
    left: 55%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
}

.icon-elect {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
}

@media (max-width: 480px) {
  .icon-elect {
    top: 6px;
    left: 55%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
}

.icon-ih {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
}

@media (max-width: 480px) {
  .icon-ih {
    top: 6px;
    left: 55%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
}

.icon-ih {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
  -webkit-transform-origin: 8px 50%;
      -ms-transform-origin: 8px 50%;
          transform-origin: 8px 50%;
}

@media (max-width: 480px) {
  .icon-ih {
    top: 6px;
    left: 58%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
}

.icon-kitchen {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
}

@media (max-width: 480px) {
  .icon-kitchen {
    top: 6px;
    left: 55%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
}

.icon-hanger {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
}

@media (max-width: 480px) {
  .icon-hanger {
    top: 6px;
    left: 55%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
}

.icon-monitor {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
}

@media (max-width: 480px) {
  .icon-monitor {
    top: 6px;
    left: 55%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
}

.icon-heat {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
}

@media (max-width: 480px) {
  .icon-heat {
    top: 6px;
    left: 55%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
}

.icon-big-apartemt {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
}

@media (max-width: 480px) {
  .icon-big-apartemt {
    top: 6px;
    left: 55%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
}

.icon-low-apartment {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
}

@media (max-width: 480px) {
  .icon-low-apartment {
    top: 6px;
    left: 55%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
}

.icon-balcony {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
}

@media (max-width: 480px) {
  .icon-balcony {
    top: 6px;
    left: 55%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
}

.icon-ldk20 {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
  -webkit-transform-origin: 12px 50%;
      -ms-transform-origin: 12px 50%;
          transform-origin: 12px 50%;
}

@media (max-width: 480px) {
  .icon-ldk20 {
    top: 6px;
    left: 55%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
}

.TopBannerBox {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

.TopBannerBox__Frame {
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.TopBannerBox__Frame:hover {
  opacity: 0.7;
}

@media (max-width: 768px) {
  .TopBannerBox {
    display: block;
  }
}

.TopBannerLeft {
  width: 68%;
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media (max-width: 768px) {
  .TopBannerLeft {
    width: 100%;
    margin-bottom: 30px;
  }
}

.TopBannerLeft__List {
  width: calc(50% - 15px);
}

@media (max-width: 480px) {
  .TopBannerLeft__List {
    width: 100%;
    margin-bottom: 30px;
  }
  .TopBannerLeft__List:last-child {
    margin-bottom: 0;
  }
}

.TopBannerLeft__List-Full {
  width: 100%;
  margin-bottom: 30px;
}

.TopBannerRight {
  width: calc(32% - 30px);
}

@media (max-width: 768px) {
  .TopBannerRight {
    width: calc(50% - 30px);
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 480px) {
  .TopBannerRight {
    width: 100%;
  }
}
.top_info_c {
  font-size: 2rem;
  margin: 4rem 0 1rem;
}
.top_infop_c {
  line-height: 2.5rem;
}