@charset "UTF-8";
/* line 3, sass/style.scss */
.inner {
  max-width: 1200px;
  margin: auto;
}

/*header css*/
/*simple slider*/
/* line 12, sass/style.scss */
.slider-content img {
  width: 100%;
}

/* line 16, sass/style.scss */
.slider-inner {
  display: flex;
}

/* line 20, sass/style.scss */
.sliderpic {
  width: 130px;
  height: 100%;
}

/* line 28, sass/style.scss */
.slidercontent {
  width: calc(100% - 130px);
  padding-left: 30px;
}

/* line 33, sass/style.scss */
.slidercontent div {
  margin: 3% 0 8%;
}

/* line 43, sass/style.scss */
.slick-slide > div {
  width: 80%;
  padding: 4% 30px;
  border: 5px solid #ddd;
  margin: auto;
  max-width: 700px;
}

/* line 51, sass/style.scss */
.sherpa .slick-arrow {
  display: none !important;
}

/* line 55, sass/style.scss */
.slick-dots {
  display: flex !important;
  justify-content: center;
  text-indent: -9999px;
  margin-top: 20px;
}

/* line 62, sass/style.scss */
.slick-dots li {
  width: 8px;
  height: 8px;
  background: #dddddd;
  border: 1px solid #ddd;
  border-radius: 100%;
  margin: 5px;
  cursor: pointer;
}

/* line 72, sass/style.scss */
.slick-dots li.slick-active {
  background: rgba(221, 221, 221, 0);
}

/* line 76, sass/style.scss */
.slide ul {
  display: flex;
  font-weight: bold;
}

/* line 81, sass/style.scss */
.slide li {
  padding: 0.2em 0.5em;
}

/* line 85, sass/style.scss */
.slide li:first-child {
  margin-right: 2em;
}

/* line 89, sass/style.scss */
.slide li svg {
  color: #44bde0;
  font-size: 16px;
  margin-right: 0.5em;
}

/* line 95, sass/style.scss */
.slide li a {
  display: block;
  color: #222;
  transition: 0.2s;
}

/* line 101, sass/style.scss */
.slide li a:hover {
  color: #44bde0;
  text-decoration: none;
}

/* line 106, sass/style.scss */
.slide h2 {
  font-size: 18px;
}

/* line 110, sass/style.scss */
.slide h2 span {
  display: block;
  font-size: 14px;
  color: #ddd;
  font-weight: normal;
}

/* line 144, sass/style.scss */
.header {
  padding: 30px 0;
  background: url(../images/headerbg.jpg) center center/cover no-repeat;
  position: relative;
}

/* line 267, sass/style.scss */
a {
  display: block;
  color: #222222;
}

/* line 282, sass/style.scss */
.header-center {
  padding: 8% 0 12%;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 575px;
  width: 40%;
  max-width: 60%;
  margin: auto;
}

/* line 293, sass/style.scss */
.header-center h1 {
  width: 100%;
  margin-bottom: 10px;
  opacity: 0;
  transition: 2s;
}

/* line 300, sass/style.scss */
.header-center ul {
  display: flex;
  font-size: 18px;
  opacity: 0;
  transition: 1s;
  transform: translateY(50px);
  font-weight: bold;
}

/* line 309, sass/style.scss */
.header-center ul.showOpacity2 {
  opacity: 1;
  transform: translateY(0);
}

/* line 314, sass/style.scss */
.header-center li {
  margin: 0 20px;
}

/* line 318, sass/style.scss */
.header-center a {
  text-decoration: underline;
}

/* line 322, sass/style.scss */
.header-center a:hover {
  text-decoration: none;
}

/* line 326, sass/style.scss */
.toggle-btn {
  width: 35px;
  height: 35px;
  top: 23px;
  right: 30px;
  position: fixed;
  cursor: pointer;
  display: none;
  z-index: 999;
  background: #fff;
  border-radius: 100%;
  border: 1px solid #222;
}

@media (max-width: 940px) {
  /* line 326, sass/style.scss */
  .toggle-btn {
    right: 20px;
  }
}

@media (max-width: 420px) {
  /* line 345, sass/style.scss */
  .toggle-btn {
    top: 23px;
  }
  /* line 351, sass/style.scss */
  .header-page .nav-container > a.login-btn,
  .header-page .nav-container > a.logout-btn {
    margin-left: 0;
  }
}

@media (max-width: 390px) {
  /* line 361, sass/style.scss */
  .toggle-btn {
    top: 23px;
  }
  /* line 367, sass/style.scss */
  .header-page .nav-container > a.login-btn,
  .header-page .nav-container > a.logout-btn {
    margin-right: 35px;
    margin-left: 0;
  }
  /* line 384, sass/style.scss */
  .home .toggle-btn {
    top: 26px;
  }
}

/* line 391, sass/style.scss */
.toggle-btn label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  cursor: pointer;
}

/* line 401, sass/style.scss */
.toggle-btn span {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* line 410, sass/style.scss */
.toggle-btn span:after {
  content: "";
  width: 70%;
  height: 2px;
  background-color: #222;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  left: 15%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* line 425, sass/style.scss */
.toggle-btn span:last-child:after {
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}

/* line 473, sass/style.scss */
#menu-status {
  display: none;
}

/* line 477, sass/style.scss */
#menu-status:checked ~ .drop-down-menu {
  height: 100vh;
}

/* line 481, sass/style.scss */
#menu-status:checked ~ .drop-down-menu ul {
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}

/* line 491, sass/style.scss */
#menu-status:checked ~ .toggle-btn span {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

/* line 498, sass/style.scss */
#menu-status:checked ~ .toggle-btn span:after {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* line 503, sass/style.scss */
#menu-status:checked ~ .toggle-btn span:last-child {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

/*footer css*/
/* line 510, sass/style.scss */
#pagetop {
  background: rgba(252, 255, 0, 0.7);
  padding: 10px;
  width: 50px;
  height: 50px;
  position: fixed;
  right: 5%;
  bottom: 80px;
  cursor: pointer;
  z-index: 9;
  transition: 0.5s;
  border-radius: 2px;
  transition: 0.2s;
}

/* line 525, sass/style.scss */
#pagetop:hover {
  background: #fcff00;
}

/* line 529, sass/style.scss */
.footer {
  background: #efefef;
  text-align: center;
}

/* line 534, sass/style.scss */
footer {
  padding: 20px 0;
}

/* line 538, sass/style.scss */
.part {
  margin: 2em 0;
}

/* line 542, sass/style.scss */
.part > div {
  margin: 1em 0;
}

/* line 546, sass/style.scss */
.copyright {
  padding: 10px 0 30px;
}

/* line 550, sass/style.scss */
.part-inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
}

/* line 556, sass/style.scss */
.part-inner li {
  margin-top: 5px;
  margin-bottom: 0.5em;
  padding-left: 5px;
}

/* line 562, sass/style.scss */
.part-inner a {
  display: block;
  color: #666;
  border: 1px solid #dddddd;
  border-radius: 2px;
  background: #fafafa;
  padding: 0 1em;
  transition: 0.2s;
}

/* line 572, sass/style.scss */
.part-inner a:hover {
  text-decoration: none;
  background: #666;
  color: #fff;
}

/* line 578, sass/style.scss */
.part h1 {
  font-size: 18px;
  text-align: left;
  line-height: 1;
}

/* line 584, sass/style.scss */
.part h2 {
  font-size: 16px;
  text-align: left;
}

/* line 589, sass/style.scss */
.socials {
  display: flex;
  justify-content: center;
}

/* line 594, sass/style.scss */
.socials li {
  font-size: 20px;
  margin: 20px;
  width: 32px;
  height: 32px;
  background: #111;
  border-radius: 100%;
  transition: 0.2s;
}

/* line 604, sass/style.scss */
.socials li:first-child:hover {
  background: #3c5a99;
}

/* line 608, sass/style.scss */
.socials li:last-child:hover {
  background: #1296db;
}

/* line 612, sass/style.scss */
.socials a {
  color: #fff;
}

/* line 616, sass/style.scss */
.sp_socials {
  margin-top: 10vw;
}

/* line 620, sass/style.scss */
.sp_socials li:first-child {
  background: #3c5a99;
}

/* line 624, sass/style.scss */
.sp_socials li:last-child {
  background: #1296db;
}

/* line 628, sass/style.scss */
.sp_socials a {
  padding: 0;
  height: 100%;
}

/*index css*/
/* line 635, sass/style.scss */
.favour {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 30px;
  color: #fff;
  z-index: 9;
  cursor: pointer;
}

/* line 644, sass/style.scss */
.favour svg {
  display: block;
  width: 34px;
  height: 34px;
}

/* line 651, sass/style.scss */
.favour svg.fa-heart path {
  stroke: #e8e8e8;
  fill-opacity: 0.5;
  stroke-width: 40px;
}

/* line 657, sass/style.scss */
.red svg.fa-heart path {
  stroke: #44bde0 !important;
  color: #44bde0 !important;
  fill-opacity: 0.7;
}

/* line 663, sass/style.scss */
.index-main > div.part1 {
  background: rgba(255, 255, 255, 0.6);
  margin: 0 auto 8%;
  position: relative;
  z-index: 1;
}

/* line 671, sass/style.scss */
.part1 form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

/* line 678, sass/style.scss */
.part1-1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5em 0;
}

/* line 685, sass/style.scss */
.part1-1 span {
  display: inline-block;
  font-size: 20px;
  color: #44bde0;
  font-weight: bold;
  margin: 0 0.5em;
}

/* line 693, sass/style.scss */
.part1-1-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 30px;
}

/* line 700, sass/style.scss */
#seach-new {
  color: #fff;
  background: #222;
  line-height: 28px;
  border-radius: 5px;
  margin-left: 1em;
  border: 1px solid #222;
  transition: 0.2s;
  cursor: pointer;
  width: 76px;
  height: 30px;
}

/* line 713, sass/style.scss */
#seach-new:hover {
  background: #fff;
  color: #222;
}

/* line 719, sass/style.scss */
.part1 select {
  padding: 5px 15px;
  border-radius: 16px;
  margin-left: 1em;
  height: 33px;
  min-width: 122px;
  max-width: 200px;
}

/* line 728, sass/style.scss */
.part1 select[name="kakaku_to"] {
  margin-left: 0;
}

/* line 733, sass/style.scss */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(../images/arrow-down.svg) 95% center/10px no-repeat;
}

/* line 740, sass/style.scss */
select::-ms-expand {
  display: none;
}

/* line 744, sass/style.scss */
.tab nav {
  background: #efefef;
  padding-top: 15px;
}

/* line 749, sass/style.scss */
.tab nav ul {
  display: flex;
}

/* line 753, sass/style.scss */
.tab nav li {
  width: 20%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  transition: 0.2s;
}

/* line 765, sass/style.scss */
.tab nav li:hover {
  background: rgba(255, 255, 255, 0.8);
}

/* line 769, sass/style.scss */
.tab nav li.active {
  background: #fff;
}

/* line 776, sass/style.scss */
.tab nav li a {
  text-decoration: none;
}

/* line 780, sass/style.scss */
.tab nav li a::before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  background: center center/contain no-repeat;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}

/* line 791, sass/style.scss */
.tab nav li:nth-child(1) a::before {
  background-image: url(../images/gm1.png);
  width: 32px;
  height: 30px;
}

/* line 797, sass/style.scss */
.tab nav li:nth-child(2) a::before {
  background-image: url(../images/gm2.png);
}

/* line 803, sass/style.scss */
.tab nav li:nth-child(3) a::before {
  background-image: url(../images/gm3.png);
}

/* line 807, sass/style.scss */
.tab nav li:nth-child(4) a::before {
  background-image: url(../images/gm4.png);
  width: 22px;
  height: 22px;
}

/* line 813, sass/style.scss */
.tab nav li:nth-child(5) a::before {
  background-image: url(../images/gm5.png);
  width: 32px;
}

/* line 861, sass/style.scss */
.part1-1-1 {
  margin-right: 1em;
  font-weight: bold;
  padding-top: 4px;
}

/* line 867, sass/style.scss */
.tabul {
  padding: 5% 0 0;
}

/* line 871, sass/style.scss */
h1.common-title {
  text-align: center;
  font-size: 26px;
  margin-bottom: 5%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

/* line 879, sass/style.scss */
.en {
  font-family: "Montserrat";
}

/* line 883, sass/style.scss */
h1.common-title div:last-child {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0;
}

/* line 889, sass/style.scss */
h1.common-title span {
  display: inline-block;
  margin: 0 0.5em;
  color: #44bde0;
  font-size: 20px;
}

/* line 896, sass/style.scss */
.tab > ul > li {
  display: none;
}

/* line 900, sass/style.scss */
.tab > ul > li:first-child {
  display: block;
}

/* line 904, sass/style.scss */
.items {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
}

/* line 910, sass/style.scss */
.items figure {
  position: relative;
}

/* line 914, sass/style.scss */
.items figcaption {
  margin: 1em 0 0;
}

/* line 918, sass/style.scss */
.pic {
  position: relative;
}

/* line 923, sass/style.scss */
.pic-inner {
  background: center center/cover no-repeat;
  width: 100%;
  padding-top: 100%;
  transition: 0.5s;
}

/* line 930, sass/style.scss */
.reduce {
  background: url(../images/bg.jpg);
  color: #fff;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 5px 0;
  align-items: center;
}

/* line 944, sass/style.scss */
.reduce::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/money2.svg) center center/contain no-repeat;
  margin-right: 0.5em;
}

/* line 953, sass/style.scss */
.items li {
  width: 25%;
  padding-left: 30px;
  margin-bottom: 30px;
  position: relative;
}

/* line 960, sass/style.scss */
.items a {
  display: block;
  transition: 0.2s;
}

/* line 965, sass/style.scss */
.items a:hover {
  text-decoration: none;
}

/* line 969, sass/style.scss */
.items a:hover h1 {
  color: #44bde0;
}

/* line 973, sass/style.scss */
.items a:hover .pic-inner {
  transform: scale(1.05);
}

/* line 978, sass/style.scss */
.items h1 {
  font-size: 16px;
  line-height: 1.5;
  transition: 0.2s;
}

/* line 984, sass/style.scss */
.items .post-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  transition: 0.2s;
}

/* line 991, sass/style.scss */
.items em {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 0;
}

/* line 998, sass/style.scss */
.items .el_rimawari {
  color: #af4e4e;
}

/* line 1003, sass/style.scss */
.yellow {
  background: #fcff00;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  position: absolute;
  left: 15px;
  top: 0;
  transform: translate(-10px, -10px);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  line-height: 1.2;
  font-size: 10px;
  z-index: 2;
}

/* line 1021, sass/style.scss */
span.nowrap {
  white-space: nowrap;
  word-break: keep-all;
  display: inline-block;
  text-align: center;
}

/* line 1028, sass/style.scss */
span.nowrap em {
  font-size: 16px;
  font-weight: bold;
}

/* line 1033, sass/style.scss */
.items p {
  margin: 0.1em 0;
}

/* line 1037, sass/style.scss */
.news-inner {
  width: 80%;
  max-width: 800px;
  margin: auto;
}

/* line 1043, sass/style.scss */
.news-inner li {
  margin-bottom: 3em;
}

/* line 1047, sass/style.scss */
.news-inner li:last-child {
  margin-bottom: 0em;
}

/* line 1051, sass/style.scss */
.news-inner li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #666666;
}

/* line 1058, sass/style.scss */
.news-inner li a:hover {
  text-decoration: none;
}

/* line 1062, sass/style.scss */
.news-inner li a:hover h2 {
  color: #44bde0;
}

/* line 1066, sass/style.scss */
.news-pic {
  width: 90px;
  height: 90px;
  border-radius: 100%;
  overflow: hidden;
  background: center center/cover no-repeat;
}

/* line 1074, sass/style.scss */
.news-content {
  width: calc(100% - 90px);
  padding-left: 1.5em;
}

/* line 1079, sass/style.scss */
.cat {
  background: #efefef;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 0.1em 0.5em;
  margin-right: 1em;
}

/* line 1088, sass/style.scss */
.news-inner .news-title {
  color: #222;
  font-size: 16px;
  margin: 0.5em 0 0.2em;
  transition: 0.2s;
  font-weight: bold;
}

/* line 1097, sass/style.scss */
a.more {
  background: #222;
  font-size: 16px;
  color: #fff;
  text-align: center;
  display: block;
  padding: 0.7em 1em;
  min-width: 274px;
  text-transform: uppercase;
  margin: 7% auto 0;
  border: 2px solid #222;
  transition: 0.2s;
  width: 15vw;
  border-radius: 5px;
}

/* line 1113, sass/style.scss */
a.more:hover {
  text-decoration: none;
  color: #222;
  background: #fff;
}

/* line 1119, sass/style.scss */
.index-main > div,
.index-main > section {
  margin: 6% auto;
}

/* line 1124, sass/style.scss */
.mores {
  display: flex;
  justify-content: center;
}

/* line 1129, sass/style.scss */
.mores a.more {
  margin: 4% 20px 0;
}

/* line 1133, sass/style.scss */
.search-form .search-icon {
  width: 36px;
  height: 36px;
  padding: 5px;
  cursor: pointer;
  position: relative;
  margin-right: -40px;
}

/* line 1142, sass/style.scss */
.search-form label {
  display: flex;
}

/* line 1146, sass/style.scss */
.search-form input {
  display: block;
  padding-left: 42px;
  vertical-align: middle;
  width: 100%;
  max-width: 200px;
  background-color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 0;
  border-radius: 20px;
}

/* line 1165, sass/style.scss */
.lds-spinner {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  z-index: 2;
}

/* line 1176, sass/style.scss */
.lds-spinner div {
  transform-origin: 32px 32px;
  animation: lds-spinner 1.2s linear infinite;
}

/* line 1181, sass/style.scss */
.lds-spinner div:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 5px;
  height: 14px;
  border-radius: 20%;
  background: #44bde0;
}

/* line 1193, sass/style.scss */
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

/* line 1198, sass/style.scss */
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

/* line 1203, sass/style.scss */
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

/* line 1208, sass/style.scss */
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

/* line 1213, sass/style.scss */
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

/* line 1218, sass/style.scss */
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

/* line 1223, sass/style.scss */
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

/* line 1228, sass/style.scss */
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

/* line 1233, sass/style.scss */
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

/* line 1238, sass/style.scss */
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

/* line 1243, sass/style.scss */
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

/* line 1248, sass/style.scss */
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* line 1262, sass/style.scss */
.header-center h1.showOpacity {
  opacity: 1;
}

@media (max-width: 1220px) {
  /* line 1267, sass/style.scss */
  .inner {
    padding: 0 30px;
  }
  /* line 1270, sass/style.scss */
  footer {
    padding: 20px 30px !important;
  }
  /* line 1273, sass/style.scss */
  .tabul {
    padding: 5% 30px 0;
  }
  /* line 1276, sass/style.scss */
  #pagetop {
    right: 30px;
  }
}

@media (max-width: 1200px) {
  /* line 1282, sass/style.scss */
  .items {
    margin-left: -20px;
  }
  /* line 1286, sass/style.scss */
  .items li {
    padding-left: 20px;
  }
}

@media (max-width: 1070px) {
  /* line 1292, sass/style.scss */
  .tab nav li a::before {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5em;
  }
  /* line 1298, sass/style.scss */
  .tab nav li {
    flex-direction: column;
    padding: 0.5em 0;
  }
}

@media (max-width: 940px) {
  /* line 1312, sass/style.scss */
  .part1-1:not(.search-part1-1) {
    flex-wrap: wrap;
    padding: 0.8em 0;
    justify-content: center;
  }
  /* line 1317, sass/style.scss */
  .part1-1-inner {
    margin-bottom: 0.5em;
    width: 100%;
    justify-content: center;
  }
  /* line 1322, sass/style.scss */
  .inner {
    padding: 0 20px;
  }
  /* line 1325, sass/style.scss */
  footer {
    padding: 20px !important;
  }
  /* line 1328, sass/style.scss */
  .tabul {
    padding: 5% 20px 0;
  }
}

@media (max-width: 850px) {
  /* line 1334, sass/style.scss */
  .rt1 form {
    margin-left: -1em;
  }
  /* line 1338, sass/style.scss */
  .tab ul.inner {
    font-size: 12px;
  }
}

@media (max-width: 1040px) {
  /* line 1344, sass/style.scss */
  .header-center {
    min-width: auto;
    width: auto;
    max-width: 100%;
  }
  /* line 1350, sass/style.scss */
  a.more {
    font-size: 14px;
  }
  /* line 1353, sass/style.scss */
  #pagetop {
    right: 20px;
    bottom: 30px;
  }
  /* line 1357, sass/style.scss */
  .lds-spinner {
    transform: translate(-50%, -50%) scale(0.5);
  }
  /* line 1379, sass/style.scss */
  select::-ms-expand {
    display: none;
  }
  /* line 1382, sass/style.scss */
  .part1-1 {
    padding: 1.5em 0;
  }
  /* line 1385, sass/style.scss */
  .header-center h1 {
    width: 40vw;
    min-width: 300px;
  }
  /* line 1390, sass/style.scss */
  .header-center ul {
    flex-direction: column;
    align-items: center;
  }
  /* line 1394, sass/style.scss */
  .news-inner {
    width: 100%;
  }
}

@media (max-width: 750px) {
  /* line 1400, sass/style.scss */
  .sliderpic {
    margin-bottom: 1.2em;
    width: 120px;
  }
  /* line 1405, sass/style.scss */
  .slider-inner {
    flex-direction: column;
    align-items: center;
  }
  /* line 1409, sass/style.scss */
  .slidercontent {
    text-align: center;
  }
  /* line 1412, sass/style.scss */
  .slide ul {
    justify-content: center;
  }
  /* line 1415, sass/style.scss */
  .slidercontent {
    width: 100%;
    padding: 0;
  }
  /* line 1419, sass/style.scss */
  .tab ul.inner {
    flex-wrap: wrap;
  }
  /* line 1422, sass/style.scss */
  .tab nav li {
    width: 33.33%;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-radius: 0;
  }
  /* line 1428, sass/style.scss */
  .tab nav li.active {
    border-radius: 0;
  }
  /* line 1437, sass/style.scss */
  .tab nav li a::before {
    width: 24px;
    height: 24px;
    margin-top: 0.5em;
  }
  /* line 1443, sass/style.scss */
  .tab nav ul.inner {
    padding: 0;
  }
  /* line 1446, sass/style.scss */
  .tab nav ul {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
  }
  /* line 1450, sass/style.scss */
  .tab nav {
    padding-top: 0;
  }
  /* line 1453, sass/style.scss */
  .items li {
    width: 50%;
  }
}

@media (max-width: 600px) {
  /* line 1459, sass/style.scss */
  .mores {
    flex-direction: column;
    align-items: center;
  }
  /* line 1463, sass/style.scss */
  a.more {
    font-size: 14px;
  }
  /* line 1466, sass/style.scss */
  .index-main > div {
    margin: 12% 0;
  }
  /* line 1470, sass/style.scss */
  h1.common-title {
    margin-bottom: 8%;
  }
  /* line 1473, sass/style.scss */
  .copyright {
    padding: 10px 1em 2em;
  }
}

@media (max-width: 600px) {
  /* line 1479, sass/style.scss */
  .slick-slide > div {
    width: 100%;
    padding: 6% 20px;
  }
}

@media (max-width: 550px) {
  /* line 1486, sass/style.scss */
  .part1 select {
    width: 48%;
    margin-left: 0;
  }
  /* line 1490, sass/style.scss */
  .part1 select:nth-child(1),
  .part1 select:nth-child(2) {
    margin-bottom: 1em;
  }
  /* line 1494, sass/style.scss */
  .part1 form {
    margin-left: 0;
  }
}

@media (max-width: 450px) {
  /* line 1500, sass/style.scss */
  .header-center ul {
    font-size: 14px;
  }
}

@media (max-width: 420px) {
  /* line 1506, sass/style.scss */
  h1.logo {
    min-width: 220px;
  }
  /* line 1509, sass/style.scss */
  .slick-slide > div {
    padding: 8% 1em;
  }
  /* line 1512, sass/style.scss */
  .slidercontent h2 {
    font-size: 15px;
  }
  /* line 1515, sass/style.scss */
  .slide h2 span {
    font-size: 12px;
  }
  /* line 1518, sass/style.scss */
  .slick-dots {
    display: none !important;
  }
  /* line 1521, sass/style.scss */
  body {
    letter-spacing: 0;
  }
  /* line 1524, sass/style.scss */
  a.more {
    padding: 0.5em 1em;
    min-width: 240px;
  }
  /* line 1528, sass/style.scss */
  #pagetop {
    width: 40px;
    height: 40px;
  }
  /* line 1532, sass/style.scss */
  h1.common-title {
    font-size: 22px;
  }
  /* line 1535, sass/style.scss */
  .search-form svg {
    width: 30px;
    height: 30px;
  }
  /* line 1542, sass/style.scss */
  .header-center {
    padding: 8% 0 8%;
  }
  /* line 1545, sass/style.scss */
  #maginify {
    width: 30px;
    height: 30px;
  }
  /* line 1549, sass/style.scss */
  .part1-1-1 {
    margin-right: 0.5em;
  }
  /* line 1552, sass/style.scss */
  .tabul {
    padding: 9% 20px 0;
  }
  /* line 1555, sass/style.scss */
  .index-main > div {
    margin: 15% 0;
  }
  /* line 1558, sass/style.scss */
  .header {
    padding: 20px 0;
  }
  /* line 1561, sass/style.scss */
  .nav-container > a,
  .toggle-btn {
    width: 30px;
    height: 30px;
  }
  /* line 1566, sass/style.scss */
  .nav-container > a {
    margin-right: 10px;
    margin-left: 0;
  }
  /* line 1570, sass/style.scss */
  .star-amount {
    margin-right: 12px;
  }
  /* line 1573, sass/style.scss */
  .header-center li {
    margin: 2px 0;
  }
  /* line 1576, sass/style.scss */
  .part1-1 span {
    font-size: 16px;
    margin: 0 0.2em;
  }
  /* line 1580, sass/style.scss */
  .header-center h1 {
    min-width: 220px;
  }
  /* line 1583, sass/style.scss */
  .news-pic {
    width: 60px;
    height: 60px;
  }
  /* line 1587, sass/style.scss */
  .news-content {
    width: calc(100% - 60px);
  }
  /* line 1590, sass/style.scss */
  .news-inner li a {
    align-items: flex-start;
  }
  /* line 1593, sass/style.scss */
  .copyright {
    font-size: 12px;
  }
  /* line 1597, sass/style.scss */
  .part1-1-inner {
    justify-content: space-between;
  }
}

@media (max-width: 390px) {
  /* line 1606, sass/style.scss */
  h1.logo {
    min-width: 180px;
  }
  /* line 1609, sass/style.scss */
  .nav-container > a,
  .toggle-btn {
    width: 26px;
    height: 26px;
  }
  /* line 1614, sass/style.scss */
  .star-amount a {
    font-size: 28px;
  }
  /* line 1618, sass/style.scss */
  .nav-container .login-btn,
  .nav-container .logout-btn {
    margin-right: 5px;
  }
}

@media (max-width: 350px) {
  /* line 1627, sass/style.scss */
  .search-form input:focus {
    width: 160px;
  }
  /* line 1630, sass/style.scss */
  h1.logo {
    min-width: 170px;
  }
}

/* details css*/
/* line 1637, sass/style.scss */
.have-sidebar {
  margin: 5% 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap-reverse;
}

/* line 1644, sass/style.scss */
.sidebar {
  width: 300px;
}

/* line 1648, sass/style.scss */
.main-content {
  width: calc(100% - 300px);
  padding-left: 50px;
}

/* line 1653, sass/style.scss */
.houseinfo {
  background: #efefef;
  padding: 20px;
}

/* line 1658, sass/style.scss */
.houseinfo dd {
  display: table-cell;
  width: calc(100% - 80px);
  border-bottom: 1px solid #cccccc;
  padding: 0.5em 0;
  padding-left: 1em;
}

/* line 1666, sass/style.scss */
.houseinfo dt {
  display: table-cell;
  border-bottom: 1px solid #cccccc;
  padding: 0.5em 0;
  font-weight: bold;
}

/* line 1674, sass/style.scss */
.houseinfo dl {
  display: table-row;
}

/* line 1678, sass/style.scss */
.house_pic {
  position: relative;
}

/* line 1682, sass/style.scss */
.house_pic a:hover {
  opacity: 0.8;
}

/* line 1686, sass/style.scss */
.house_pic ~ div {
  display: table;
  width: 100%;
  margin-top: 1em;
}

/* line 1692, sass/style.scss */
.house_area {
  margin-top: 50px;
}

/* line 1696, sass/style.scss */
a.house_area_pic {
  overflow: hidden;
}

/* line 1700, sass/style.scss */
a.house_area_pic img {
  transition: 0.3s;
  display: block;
}

/* line 1705, sass/style.scss */
a.house_area_pic:hover img {
  transform: scale(1.01);
}

/* line 1709, sass/style.scss */
.house_area p {
  margin: 1em 0 1.5em;
}

/* line 1713, sass/style.scss */
.house_area a.more {
  width: 100%;
  padding: 0.5em 1em;
}

/* line 1718, sass/style.scss */
.house-detail {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 1724, sass/style.scss */
.house-detail li {
  width: calc((100% - 30px) / 3);
}

/* line 1728, sass/style.scss */
.house-detail a {
  background: #fff;
  font-size: 14px;
  color: #222;
  text-align: center;
  display: block;
  padding: 0.5em 1em;
  text-transform: uppercase;
  border: 1px solid #222;
  transition: 0.2s;
  border-radius: 5px;
  font-weight: bold;
}

/* line 1742, sass/style.scss */
.house-detail a:hover {
  background: #222;
  color: #fff;
  text-decoration: none;
}

/* line 1748, sass/style.scss */
.house-detail svg {
  font-size: 16px;
  margin-right: 0.5em;
}

/* line 1754, sass/style.scss */
.house-title h1 {
  font-size: 24px;
}

/* line 1758, sass/style.scss */
.house-title .post-title {
  font-size: 24px;
  font-weight: bold;
}

/* line 1762, sass/style.scss */
.house-title .post-title a {
  text-decoration: none;
}

/* line 1768, sass/style.scss */
.sold-wrapper .house-title.house-title-sold {
  border-bottom: 2px solid #cccccc;
  padding-bottom: 1em;
  margin-bottom: 2em;
}

/* line 1774, sass/style.scss */
.house-price {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  line-height: 1;
  border-bottom: 2px solid #cccccc;
  padding-bottom: 1em;
  margin-bottom: 2em;
}

/* line 1785, sass/style.scss */
.house-price .house-price-in {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

/* line 1792, sass/style.scss */
.house-price .house-price-in > div {
  display: flex;
  align-items: center;
}

/* line 1808, sass/style.scss */
.house-price span {
  font-size: 27px;
}

/* line 1813, sass/style.scss */
.price_span {
  font-weight: bold;
  position: relative;
  padding-left: 20px;
}

/* line 1819, sass/style.scss */
.price_span::before {
  content: "";
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background: url(../images/money3.svg) center center/contain no-repeat;
}

/* line 1831, sass/style.scss */
.price-down span {
  color: #44bde0;
}

/* line 1835, sass/style.scss */
.price-down a {
  border: 1px solid #222;
  border-radius: 5px;
  margin-left: 10px;
  color: #222;
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 0.5em 0 2.5em;
  position: relative;
  text-decoration: none;
  transition: 0.1s;
}

/* line 1849, sass/style.scss */
.price-down a::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: url(../images/chart.svg) center center/contain no-repeat;
  position: absolute;
  left: 0.8em;
  top: 50%;
  transform: translateY(-50%);
}

/* line 1861, sass/style.scss */
.price-down a:hover {
  transform: translateY(-2px);
}

/* line 1865, sass/style.scss */
.house-title {
  margin-bottom: 1em;
}

/* line 1869, sass/style.scss */
.slider-nav .slick-slide {
  margin: 5px;
  position: relative;
  height: 0;
  padding-top: 100px;
}

/* line 1876, sass/style.scss */
.hosue-slick {
  margin: 20px 0 50px;
}

/* line 1880, sass/style.scss */
.hosue-slick .slick-slide img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0;
  left: 0;
}

/* line 1890, sass/style.scss */
.slider-nav {
  margin-top: 30px;
}

/* line 1894, sass/style.scss */
.slider-for {
  max-height: 500px;
  min-height: 240px;
  height: 25vw;
  max-width: 500px;
  margin: auto;
}

/* line 1902, sass/style.scss */
.slick-list {
  height: 100%;
}

/* line 1906, sass/style.scss */
.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-indent: -9999px;
  width: 40px;
  height: 40px;
  z-index: 2;
}

/* line 1916, sass/style.scss */
.slick-prev {
  left: 20px;
  background: rgba(255, 255, 255, 0.7) url(../images/arrow-left.svg) center center/contain no-repeat;
}

/* line 1921, sass/style.scss */
.slick-next {
  right: 20px;
  background: rgba(255, 255, 255, 0.7) url(../images/arrow-right.svg) center center/contain no-repeat;
}

/* line 1926, sass/style.scss */
.tab1 > nav > ul {
  display: flex;
  border-bottom: 1px solid #cdcdcd;
}

/* line 1931, sass/style.scss */
.tab1 > ul > li {
  display: none;
}

/* line 1935, sass/style.scss */
.tab1 > ul > li:first-child {
  display: block;
}

/* line 1939, sass/style.scss */
.tab1 > nav > ul > li {
  background: #efefef;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-right: 10px;
  padding: 1em;
  font-size: 16px;
  min-width: 100px;
  text-align: center;
  cursor: pointer;
}

/* line 1951, sass/style.scss */
.tab1 nav li.active1 {
  border: 1px solid #cdcdcd;
  border-bottom: 0;
  position: relative;
  background: #fff;
  color: #44bde0;
}

/* line 1959, sass/style.scss */
.tab1 nav li.active1::before {
  content: "";
  height: 1px;
  width: 100%;
  bottom: -1px;
  left: 0;
  background: #fff;
  display: block;
  position: absolute;
  right: 0;
}

/* line 1971, sass/style.scss */
.tab1 > ul {
  margin: 50px 0;
}

/* line 1975, sass/style.scss */
.other-houses-part1 > div {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 3px solid #222;
}

/* line 1981, sass/style.scss */
.other-houses-part1 > div:last-child {
  margin-bottom: 0;
}

/* line 1985, sass/style.scss */
.div-ttl {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 1em;
  border-top: 3px solid #222;
  padding-top: 0.5em;
}

/* line 1993, sass/style.scss */
.other-house-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

/* line 2000, sass/style.scss */
.other-house-info > div {
  width: calc((100% - 50px) / 2);
}

/* line 2004, sass/style.scss */
.other-house-table {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}

/* line 2009, sass/style.scss */
.other-house-table:hover {
  text-decoration: none;
}

/* line 2014, sass/style.scss */
.other-house-table dl {
  display: table-row;
}

/* line 2018, sass/style.scss */
.other-house-table dd {
  display: table-cell;
  font-weight: bold;
  width: calc(100% - 110px);
  padding: 0 0 0.5em;
}

/* line 2025, sass/style.scss */
.other-house-table dt {
  display: table-cell;
  width: 110px;
  padding: 0 0 0.5em;
}

/* line 2031, sass/style.scss */
.other-img {
  max-width: 70%;
  margin: auto;
}

/* line 2036, sass/style.scss */
.other-img img {
  margin: auto;
}

/* line 2040, sass/style.scss */
a.other-house-link {
  text-decoration: none;
  font-size: 18px;
  height: 50px;
  line-height: 46px;
  border: 2px solid #222;
  background: #efefef;
  border-radius: 5px;
  color: #222;
  text-align: center;
  margin-top: 20px;
  transition: 0.2s;
}

/* line 2054, sass/style.scss */
a.other-house-link:hover {
  background: #222;
  color: #fff;
}

/* line 2059, sass/style.scss */
.house_ul {
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
  padding: 10px 0;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

/* line 2068, sass/style.scss */
.house_ul li {
  padding: 0 1em;
  width: 100%;
  font-size: 12px;
  text-align: center;
}

/* line 2075, sass/style.scss */
.house_ul li:last-child {
  border-left: 1px solid #222;
}

/* line 2079, sass/style.scss */
.house_ul a {
  color: #44bde0;
}

/* line 2083, sass/style.scss */
.house_ul a:hover {
  text-decoration: underline;
}

/* line 2087, sass/style.scss */
.detail-container {
  background: #efefef;
  padding: 50px;
}

/* line 2092, sass/style.scss */
.houses_list > div {
  margin-top: 50px;
}

/* line 2096, sass/style.scss */
.houses_list > div > h1 {
  font-size: 24px;
  margin-bottom: 1.5em;
}

/* line 2101, sass/style.scss */
.detail-container h1 {
  font-size: 18px;
  margin-bottom: 0.5em;
}

/* line 2106, sass/style.scss */
.draggle {
  border: 2px solid #222;
  padding: 50px;
  background: #fff;
}

/* line 2112, sass/style.scss */
.draggle h2 span {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin: 0 0.5em;
}

/* line 2119, sass/style.scss */
.draggle h2 {
  border-bottom: 1px solid #222;
  line-height: 1;
  padding-bottom: 0.5em;
}

/* line 2125, sass/style.scss */
.drag-des {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap-reverse;
}

/* line 2131, sass/style.scss */
.drag-des > div {
  width: calc((100% - 50px) / 2);
}

/* line 2135, sass/style.scss */
.des1 li {
  display: flex;
}

/* line 2139, sass/style.scss */
.des1 li div:first-child {
  width: 2em;
}

/* line 2143, sass/style.scss */
.des1 li div:last-child {
  width: calc(100% - 2em);
  padding-left: 1em;
}

/* line 2148, sass/style.scss */
.des2 li {
  display: flex;
  border-bottom: 1px solid #222;
  justify-content: space-between;
  align-items: baseline;
}

/* line 2155, sass/style.scss */
.des2 span {
  font-size: 30px;
  font-weight: bold;
}

/* line 2160, sass/style.scss */
.colorspan {
  color: #44bde0;
}

/* line 2164, sass/style.scss */
.sherpa-detail .slick-dots {
  display: none !important;
}

/* line 2168, sass/style.scss */
.hosue-slick .slick-track {
  height: 100%;
}

/* line 2172, sass/style.scss */
.sherpa-detail {
  margin-bottom: 50px;
}

/* line 2176, sass/style.scss */
.sherpa-detail .slick-slide > div {
  width: 100%;
  max-width: 100%;
}

/* line 2181, sass/style.scss */
.sherpa-detail .slider-inner {
  flex-direction: column;
  align-items: center;
}

/* line 2186, sass/style.scss */
.sherpa-detail .sliderpic {
  margin-bottom: 1.2em;
  width: 120px;
}

/* line 2191, sass/style.scss */
.sherpa-detail .slidercontent {
  width: 100%;
  padding: 0;
  text-align: center;
}

/* line 2197, sass/style.scss */
.sherpa-detail .slide ul {
  justify-content: center;
}

/* line 2201, sass/style.scss */
.sherpa-detail .slick-slider {
  width: 100%;
}

/* line 2205, sass/style.scss */
.sherpa-detail .slidercontent div {
  margin: 20px 0;
}

/* line 2209, sass/style.scss */
.tab3 > nav > ul {
  display: flex;
  flex-wrap: wrap;
}

/* line 2214, sass/style.scss */
.tab3 > ul li {
  display: none;
}

/* line 2218, sass/style.scss */
.tab3 > ul li:first-child {
  display: block;
}

/* line 2222, sass/style.scss */
.tab3 > nav li {
  color: #44bde0;
  padding: 0 0.5em;
  position: relative;
  cursor: pointer;
  font-size: 16px;
}

/* line 2230, sass/style.scss */
.tab3 > nav li::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 1px;
  top: 50%;
  transform: translateY(-50%);
  height: 14px;
  background: #222;
}

/* line 2242, sass/style.scss */
.tab3 > nav li:first-child {
  padding-left: 0;
}

/* line 2246, sass/style.scss */
.tab3 > nav li:last-child::before {
  display: none;
}

/* line 2250, sass/style.scss */
.tab3 > nav li.active3 {
  color: #888;
}

/* line 2254, sass/style.scss */
.detail-map {
  max-height: 400px;
  min-height: 220px;
  height: 23vw;
}

/* line 2260, sass/style.scss */
.detail-map iframe {
  width: 100%;
  height: 100%;
}

/* line 2265, sass/style.scss */
.tab3 > nav {
  margin-bottom: 10px;
}

/* line 2269, sass/style.scss */
.coming-soon {
  width: 100%;
  padding: 50px 0;
  background: #f1f1f1;
  text-align: center;
  font-size: 24px;
  text-transform: uppercase;
}

/* line 2278, sass/style.scss */
.drag-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 30px 0;
}

/* line 2285, sass/style.scss */
.drag-container > div {
  width: calc((100% - 80px) / 5);
  position: relative;
}

/* line 2290, sass/style.scss */
.handle_bar {
  border: 1px solid #cccccc;
  width: 100%;
  height: 4px;
  border-radius: 10px;
}

/* line 2298, sass/style.scss */
.handle {
  width: 16px;
  height: 16px;
  border: 3px solid #222;
  border-radius: 100%;
  position: relative;
  top: -7px;
  background: #222;
}

/* line 2308, sass/style.scss */
.amount-inner {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  margin: 0.5em 0 1em;
}

/* line 2315, sass/style.scss */
.amount {
  display: flex;
  justify-content: flex-end;
  position: relative;
  padding-right: 30px;
}

/* line 2322, sass/style.scss */
.value {
  font-size: 30px;
  font-weight: bold;
}

/* line 2327, sass/style.scss */
.adjust {
  position: absolute;
  right: 10px;
  border: 1px solid #ccc;
  width: 20px;
  height: 100%;
  top: 0;
  bottom: 0;
  border-radius: 20px;
  top: 55%;
  height: 56px;
  transform: translateY(-50%);
  z-index: 2;
}

/* line 2342, sass/style.scss */
.adjust > div {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0px;
  cursor: pointer;
  background: url(../images/arrowtop.svg) center center/60% no-repeat;
}

/* line 2351, sass/style.scss */
.amount-up {
  top: 0px;
}

/* line 2355, sass/style.scss */
.amount-down {
  transform: rotate(180deg);
  bottom: 0px;
}

/* line 2360, sass/style.scss */
.soldout {
  color: #af4e4e;
  text-align: right;
  font-weight: bold;
  position: absolute;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(20deg);
  font-size: 28px;
}

/* line 2372, sass/style.scss */
.sold-wrapper .house-title {
  margin-bottom: 0;
}

@media (max-width: 1220px) {
  /* line 2377, sass/style.scss */
  .soldout {
    font-size: 24px;
  }
  /* line 2380, sass/style.scss */
  .house-title h1 {
    font-size: 20px;
  }
  /* line 2383, sass/style.scss */
  .houses_list > div > h1 {
    font-size: 20px;
  }
  /* line 2386, sass/style.scss */
  .div-ttl {
    font-size: 20px;
  }
  /* line 2389, sass/style.scss */
  .house-price span {
    font-size: 24px;
  }
  /* line 2392, sass/style.scss */
  .main-content {
    padding-left: 30px;
  }
}

@media (max-width: 1200px) {
  /* line 2398, sass/style.scss */
  .house-price > div:last-child {
    justify-content: space-between;
  }
  /* line 2401, sass/style.scss */
  .house-price > div {
    width: 100%;
  }
  /* line 2404, sass/style.scss */
  .house-price > div:first-child {
    margin-bottom: 0.5em;
  }
  /* line 2407, sass/style.scss */
  .other-house-info > div {
    width: 100%;
  }
  /* line 2410, sass/style.scss */
  .other-house-info > div:last-child {
    width: 400px;
    margin: 20px auto;
  }
  /* line 2414, sass/style.scss */
  a.other-house-link {
    font-size: 16px;
    height: 40px;
    line-height: 36px;
  }
  /* line 2419, sass/style.scss */
  .des2 span {
    font-size: 22px;
  }
  /* line 2422, sass/style.scss */
  .draggle h2 span {
    font-size: 22px;
  }
  /* line 2425, sass/style.scss */
  .drag-des > div {
    width: calc((100% - 30px) / 2);
  }
}

@media (max-width: 1000px) {
  /* line 2431, sass/style.scss */
  .adjust {
    height: 46px;
  }
  /* line 2434, sass/style.scss */
  .des2 span {
    font-size: 20px;
  }
  /* line 2437, sass/style.scss */
  .detail-container {
    padding: 30px 0;
  }
  /* line 2440, sass/style.scss */
  .house-title h1 {
    font-size: 18px;
  }
  /* line 2443, sass/style.scss */
  .div-ttl {
    font-size: 18px;
  }
  /* line 2446, sass/style.scss */
  .houses_list > div > h1 {
    font-size: 18px;
  }
  /* line 2449, sass/style.scss */
  .house-price span {
    font-size: 22px;
  }
  /* line 2452, sass/style.scss */
  .tab1 > nav > ul > li {
    font-size: 14px;
    min-width: 80px;
    padding: 0.5em 1em;
    margin-right: 5px;
  }
  /* line 2458, sass/style.scss */
  .tab1 > ul {
    margin: 2em 0;
  }
  /* line 2461, sass/style.scss */
  .drag-container > div {
    width: calc((100% - 60px) / 3);
    margin-bottom: 20px;
  }
  /* line 2465, sass/style.scss */
  .drag-container {
    justify-content: space-around;
  }
  /* line 2468, sass/style.scss */
  .value {
    font-size: 24px;
  }
}

@media (max-width: 940px) {
  /* line 2474, sass/style.scss */
  .main-content {
    padding-left: 20px;
  }
  /* line 2477, sass/style.scss */
  .house-detail li {
    width: calc((100% - 20px) / 2);
    margin-bottom: 1em;
  }
}

@media (max-width: 780px) {
  /* line 2484, sass/style.scss */
  .soldout {
    font-size: 22px;
  }
  /* line 2487, sass/style.scss */
  .drag-container {
    margin: 30px 0 10px;
  }
  /* line 2490, sass/style.scss */
  .tab3 > nav {
    margin-bottom: 20px;
  }
  /* line 2493, sass/style.scss */
  .drag-des > div {
    width: 100%;
  }
  /* line 2496, sass/style.scss */
  .draggle {
    padding: 30px;
  }
  /* line 2499, sass/style.scss */
  .des1 {
    margin-top: 1em;
  }
  /* line 2502, sass/style.scss */
  .other-houses-part1 > div {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  /* line 2506, sass/style.scss */
  .price-down a {
    height: 28px;
    line-height: 26px;
    font-size: 12px;
  }
  /* line 2511, sass/style.scss */
  .house-title h1 {
    font-size: 16px;
  }
  /* line 2514, sass/style.scss */
  .main-content {
    width: 100%;
    padding-left: 0;
  }
  /* line 2518, sass/style.scss */
  .sidebar {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
  }
  /* line 2525, sass/style.scss */
  .houseinfo {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  /* line 2530, sass/style.scss */
  .house_pic {
    padding-right: 20px;
    width: 300px;
  }
  /* line 2534, sass/style.scss */
  .house_pic ~ div {
    width: calc(100% - 300px);
    margin-top: 0;
  }
  /* line 2538, sass/style.scss */
  .drag-container {
    justify-content: space-between;
  }
  /* line 2541, sass/style.scss */
  .drag-container > div {
    width: calc((100% - 20px) / 2);
  }
}

@media (max-width: 600px) {
  /* line 2547, sass/style.scss */
  .houseinfo {
    display: block;
  }
  /* line 2550, sass/style.scss */
  .house_pic {
    padding-right: 0;
    margin: auto;
  }
  /* line 2554, sass/style.scss */
  .house_pic ~ div {
    width: 300px;
    margin: 1em auto 0;
  }
}

@media (max-width: 440px) {
  /* line 2561, sass/style.scss */
  .other-house-info > div:last-child {
    width: 100%;
  }
  /* line 2564, sass/style.scss */
  .tab1 > ul {
    margin: 1em 0;
  }
  /* line 2567, sass/style.scss */
  .tab1 > nav > ul > li {
    padding: 0.5em;
    min-width: 50px;
    font-size: 12px;
  }
}

@media (max-width: 420px) {
  /* line 2575, sass/style.scss */
  .house-price {
    padding-bottom: 0.5em;
    margin-bottom: 10px;
  }
  /* line 2579, sass/style.scss */
  .soldout {
    font-size: 20px;
  }
  /* line 2582, sass/style.scss */
  .drag-container > div {
    width: calc((100% - 10px) / 2);
    margin-bottom: 10px;
  }
  /* line 2587, sass/style.scss */
  .adjust {
    height: 40px;
    top: 57%;
  }
  /* line 2591, sass/style.scss */
  .des1 li div:last-child {
    padding-left: 0.5em;
  }
  /* line 2594, sass/style.scss */
  .house-detail a {
    padding: 0.2em 0.5em;
    font-size: 12px;
  }
  /* line 2598, sass/style.scss */
  .coming-soon {
    font-size: 20px;
  }
  /* line 2601, sass/style.scss */
  .des1 li div:last-child {
    padding-left: 0.5em;
  }
  /* line 2604, sass/style.scss */
  .div-ttl {
    font-size: 16px;
  }
  /* line 2607, sass/style.scss */
  .houses_list > div > h1 {
    font-size: 16px;
  }
  /* line 2610, sass/style.scss */
  .other-houses-part1 > div {
    margin-bottom: 1em;
    padding-bottom: 1em;
    font-size: 12px;
  }
  /* line 2615, sass/style.scss */
  .house-title h1 {
    font-size: 14px;
  }
  /* line 2618, sass/style.scss */
  .draggle {
    padding: 20px 10px;
  }
  /* line 2621, sass/style.scss */
  .des2 span {
    font-size: 16px;
  }
  /* line 2624, sass/style.scss */
  .house_pic,
  .house_pic ~ div {
    width: 100%;
  }
  /* line 2629, sass/style.scss */
  .house_ul {
    padding: 5px 0;
  }
  /* line 2632, sass/style.scss */
  .house_ul a {
    text-align: center;
  }
  /* line 2635, sass/style.scss */
  .other-house-info > div:last-child {
    margin-top: 10px;
  }
  /* line 2638, sass/style.scss */
  .other-img {
    width: 100%;
  }
  /* line 2641, sass/style.scss */
  .other-house-info {
    margin-bottom: 12px;
  }
  /* line 2644, sass/style.scss */
  .house-price > div:first-child {
    margin-bottom: 0.5em;
  }
  /* line 2647, sass/style.scss */
  .house_ul {
    margin-top: 10px;
  }
  /* line 2650, sass/style.scss */
  .house-detail li {
    width: calc((100% - 8px) / 2);
  }
  /* line 2653, sass/style.scss */
  .house-price span {
    font-size: 16px;
  }
  /* line 2656, sass/style.scss */
  .price-down {
    text-align: right;
  }
  /* line 2659, sass/style.scss */
  .price-down a {
    border: 0;
    text-indent: -9999px;
    text-align: center;
    padding: 0 1em 0 0;
  }
  /* line 2665, sass/style.scss */
  .other-house-table dt {
    width: 90px;
    padding: 0 0 0 10px;
    font-size: 12px;
    position: relative;
  }
  /* line 2671, sass/style.scss */
  .other-house-table dd {
    width: calc(100% - 90px);
    font-size: 12px;
    padding: 0 0 0 10px;
  }
  /* line 2676, sass/style.scss */
  a.other-house-link {
    margin-top: 10px;
    font-size: 14px;
    height: 30px;
    line-height: 26px;
  }
  /* line 2682, sass/style.scss */
  .other-house-table {
    margin-bottom: 10px;
  }
  /* line 2685, sass/style.scss */
  .house-title {
    margin-bottom: 0.5em;
  }
}

/*search page css*/
/* line 2692, sass/style.scss */
.search-container {
  background: #efefef;
  padding: 20px;
  border-radius: 5px;
  margin-top: 60px;
}

/* line 2699, sass/style.scss */
.house-location {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 2709, sass/style.scss */
.conditions span.choose::before {
  background: #44bde0;
  border: 1px solid #44bde0;
}

/* line 2714, sass/style.scss */
.s-part1 span {
  position: relative;
  padding-left: 20px;
  display: block;
  cursor: pointer;
}

/* line 2721, sass/style.scss */
.s-part1 span::before {
  content: "";
  display: block;
  left: 0;
  top: 5px;
  width: 12px;
  height: 12px;
  background: transparent;
  border: 1px solid #222;
  position: absolute;
  border-radius: 3px;
}

/* line 2734, sass/style.scss */
.conditions {
  margin: 0 0 2em;
}

/* line 2738, sass/style.scss */
.condition-ttl {
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #cccccc;
}

/* line 2744, sass/style.scss */
.condition-ttl h2 {
  font-size: 16px;
}

/* line 2748, sass/style.scss */
.sidebar-title h3 {
  font-size: 18px;
}

/* line 2752, sass/style.scss */
.sidebar-title {
  margin-bottom: 1em;
}

/* line 2755, sass/style.scss */
.sidebar-title span::before {
  content: "";
  display: block;
  left: 0;
  top: 5px;
  width: 12px;
  height: 12px;
  background: transparent;
  border: 1px solid #222;
  position: absolute;
  border-radius: 3px;
}

/* line 2768, sass/style.scss */
.sidebar-title span.choice::before {
  background: #44bde0;
  border: 1px solid #44bde0;
}

/* line 2774, sass/style.scss */
.search-container > div {
  margin-bottom: 30px;
}

/* line 2778, sass/style.scss */
.search-container > div:last-child {
  margin-bottom: 0;
}

/* line 2782, sass/style.scss */
.s-note {
  margin-top: 1em;
  padding-left: 1.5em;
  position: relative;
}

/* line 2788, sass/style.scss */
.s-note::before {
  content: "※";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

/* line 2796, sass/style.scss */
.s-part2 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 2802, sass/style.scss */
.s-part2 li {
  min-width: calc((100% - 0.5em) / 2);
  margin-bottom: 0.5em;
  border: 1px solid #ddd;
  color: #6d6d6d;
  text-align: center;
  background: #fff;
  border-radius: 5px;
  padding: 0 1em;
  height: 30px;
  line-height: 28px;
  cursor: pointer;
}

/* line 2816, sass/style.scss */
.s-part2 li.choose {
  border: 1px solid #44bde0;
  background: #44bde0;
  color: #fff;
}

/* line 2822, sass/style.scss */
.select select {
  border: 1px solid #ebebeb;
  min-width: 100px;
  text-align: center;
  height: 30px;
  line-height: 28px;
  border-radius: 5px;
  padding: 0 1em;
}

/* line 2832, sass/style.scss */
.nav-links {
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
}

/* line 2838, sass/style.scss */
.page-numbers {
  display: block;
  padding: 4px 8px;
  color: #44bde0;
  text-decoration: none;
  float: left;
  line-height: 1;
  margin-left: 3px;
  transition: 0.3s;
  font-weight: bold;
}

/* line 2850, sass/style.scss */
.page-numbers.current {
  color: #222;
  background: #efefef;
}

/* line 2855, sass/style.scss */
a.page-numbers:hover {
  color: #222;
  text-decoration: none;
}

/* line 2860, sass/style.scss */
.pagination {
  margin: 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}

/* line 2869, sass/style.scss */
.search-result {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 30px;
  flex-wrap: wrap;
}

/* line 2879, sass/style.scss */
.result1 {
  width: 100%;
}

/* line 2884, sass/style.scss */
.result2 {
  width: 100%;
  text-align: right;
}

/* line 2891, sass/style.scss */
.result2 > div {
  display: inline-block;
}

/* line 2896, sass/style.scss */
.result1 span {
  font-weight: bold;
  font-size: 16px;
}

/* line 2901, sass/style.scss */
.result1 span:last-child {
  margin-right: 10px;
}

/* line 2905, sass/style.scss */
.result1 span:last-child::after {
  content: none;
}

/* line 2909, sass/style.scss */
.result1 span::after {
  content: "/";
  display: inline-block;
  margin: 0 0.5em;
}

/* line 2915, sass/style.scss */
.result2 span {
  color: #44bde0;
  font-size: 18px;
  font-weight: bold;
}

/* line 2921, sass/style.scss */
.pagi-select {
  margin-left: 0.5em;
  display: inline-block;
}

/* line 2925, sass/style.scss */
.pagi-select select {
  padding: 0 1em 0 0.5em;
  margin: 0 0.5em;
  border: 1px solid #ebebeb;
}

/* line 2932, sass/style.scss */
.sort-select {
  margin-left: 0.5em;
  display: inline-block;
}

/* line 2936, sass/style.scss */
.sort-select select {
  padding: 0 20px 0 5px;
  margin: 0 0.5em;
  border: 1px solid #ebebeb;
}

/* line 2943, sass/style.scss */
.main-content .navigation:first-child {
  margin-top: 0;
}

/* line 2947, sass/style.scss */
.total-num {
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
}

/* line 2954, sass/style.scss */
.total-num strong {
  font-size: 18px;
  font-weight: bold;
  color: #af4e4e;
  margin: 0 0.5em;
}

/* line 2961, sass/style.scss */
.sidebar-search {
  margin-top: 10px;
}

/* line 2971, sass/style.scss */
.sidebar-search .reset-btn,
.sidebar-search input[type="submit"] {
  background: #222;
  padding: 5px 0;
  display: block;
  width: 100%;
  height: 100%;
  font-weight: bold;
  text-align: center;
  color: #fff;
  cursor: pointer;
  transition: 0.2s;
  border: 1px solid #222;
  border-radius: 5px;
}

/* line 2986, sass/style.scss */
.sidebar-search .reset-btn:hover,
.sidebar-search input[type="submit"]:hover {
  background: #fff;
  color: #222;
}

/* line 2992, sass/style.scss */
.sidebar-search .reset-btn {
  background: gray;
  color: #222;
  margin-top: 10px;
  display: block;
}

/* line 2998, sass/style.scss */
.sidebar-search .reset-btn:hover {
  background: #fff;
  color: #fff;
}

/* line 3006, sass/style.scss */
.search-container .reset-btn {
  margin-top: 10px;
  padding: 5px 0;
  display: block;
  width: 100%;
  height: 100%;
  font-weight: bold;
  text-align: center;
  background: #d2d2d2;
  color: #222;
  cursor: pointer;
  transition: 0.2s;
  border: gray 1px solid;
  border-radius: 5px;
}

/* line 3021, sass/style.scss */
.search-container .reset-btn:hover {
  background: #fff;
  color: #222;
}

/* line 3028, sass/style.scss */
.search-form2 {
  border-radius: 5px;
  border: 1px solid #ddd;
  overflow: hidden;
}

/* line 3034, sass/style.scss */
.search-svg {
  width: 36px;
  height: 36px;
  cursor: pointer;
  background: #222 url(../images/magnify-fff.svg) center center/80% no-repeat;
}

/* line 3041, sass/style.scss */
.search-form2 input {
  display: block;
  height: 36px;
  background: #fff;
  padding: 0 0.5em;
  width: calc(100% - 36px);
}

/* line 3049, sass/style.scss */
.have_select {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

/* line 3055, sass/style.scss */
.c-select::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: url(../images/arrowdown.svg) center center/contain no-repeat;
}

/* line 3067, sass/style.scss */
.c-select {
  font-weight: normal;
  font-size: 12px;
  position: relative;
  padding-right: 16px;
  cursor: pointer;
}

/* line 3075, sass/style.scss */
.rotate::after {
  transform: translateY(-50%) rotate(180deg);
}

/* line 3079, sass/style.scss */
.part1 .search-part1-1 select:first-child {
  margin-left: 0;
}

@media (max-width: 1200px) {
  /* line 3084, sass/style.scss */
  .result1 span {
    font-size: 14px;
  }
  /* line 3087, sass/style.scss */
  .result1 span::after {
    margin: 0 5px;
  }
  /* line 3090, sass/style.scss */
  .result2 span {
    font-size: 16px;
  }
}

@media (max-width: 1000px) {
  /* line 3096, sass/style.scss */
  .result1 {
    width: 100%;
    margin-bottom: 0.5em;
  }
  /* line 3100, sass/style.scss */
  .result2 {
    width: 100%;
  }
  /* line 3103, sass/style.scss */
  .search-result {
    margin-top: 20px;
    padding: 10px 0;
  }
}

@media (max-width: 850px) {
  /* line 3110, sass/style.scss */
  .search-part1-1 {
    flex-wrap: wrap;
    justify-content: center;
  }
  /* line 3114, sass/style.scss */
  .search-form2 {
    margin-top: 1.5em;
    width: 380px;
  }
}

@media (max-width: 780px) {
  /* line 3121, sass/style.scss */
  .house-location {
    justify-content: flex-start;
  }
  /* line 3124, sass/style.scss */
  .search-container {
    margin-top: 10px;
  }
  /* line 3127, sass/style.scss */
  .house-location span {
    width: auto;
  }
  /* line 3130, sass/style.scss */
  .s-part1 span {
    display: inline-block;
    margin: 0 1em 0em 0;
  }
  /* line 3134, sass/style.scss */
  .sidebar-title span {
    margin: 0;
  }
  /* line 3137, sass/style.scss */
  .conditions {
    margin: 0 0 10px;
  }
  /* line 3140, sass/style.scss */
  .condition-ttl {
    margin-bottom: 0.5em;
    padding-bottom: 0em;
  }
  /* line 3144, sass/style.scss */
  .search-container > div {
    margin-bottom: 20px;
  }
}

@media (max-width: 420px) {
  /* line 3150, sass/style.scss */
  .search-form2 {
    margin-top: 1.5em;
    width: 100%;
  }
  /* line 3154, sass/style.scss */
  .sidebar-title h3 {
    font-size: 16px;
  }
  /* line 3157, sass/style.scss */
  .pagination {
    margin: 20px 0;
  }
  /* line 3160, sass/style.scss */
  .pagi-select {
    margin-left: 0;
    margin-top: 0.5em;
    width: 100%;
  }
}

/* howto css */
/* line 3169, sass/style.scss */
.page-main {
  padding: 30px 0;
}

/* line 3176, sass/style.scss */
.logo a {
  font-size: 25px;
  transition: 0.2s;
}

/* line 3181, sass/style.scss */
.logo a:hover {
  color: #44bde0;
  text-decoration: none;
}

/* line 3186, sass/style.scss */
.header-page.header {
  padding: 20px 0;
  z-index: 10;
  background: none;
  background-color: #fff;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}

/* line 3198, sass/style.scss */
.header-page.header.change-head {
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
}

/* line 3203, sass/style.scss */
.header-page2 {
  margin-top: 84px;
  background: #efefef;
}

@media (max-width: 1000px) {
  /* line 3203, sass/style.scss */
  .header-page2 {
    margin-top: 75px;
  }
}

/* line 3211, sass/style.scss */
.bread {
  display: flex;
  align-items: center;
  color: #222222;
}

/* line 3217, sass/style.scss */
.bread a {
  color: #222222;
  display: flex;
}

/* line 3222, sass/style.scss */
span.current_page {
  color: #44bde0;
}

/* line 3226, sass/style.scss */
.step3 .mores {
  align-items: flex-start;
}

/* line 3230, sass/style.scss */
.howto-part1 {
  margin: 5% 0;
}

/* line 3234, sass/style.scss */
.has_desc {
  min-width: 274px;
  width: 15vw;
  margin: auto;
}

/* line 3240, sass/style.scss */
.has_desc > div {
  padding: 0.5em 1em;
  text-align: center;
  font-size: 12px;
}

/* line 3246, sass/style.scss */
.howto-part1 > h1 {
  font-size: 24px;
  border-bottom: 2px solid #222222;
  text-align: center;
  padding-bottom: 8px;
  margin-bottom: 10px;
}

/* line 3254, sass/style.scss */
.howto-part1 > h2 {
  font-size: 18px;
  text-align: center;
  font-weight: normal;
}

/* line 3260, sass/style.scss */
.steps h3 {
  text-align: center;
  font-size: 30px;
}

/* line 3265, sass/style.scss */
.steps span {
  font-size: 16px;
  text-align: center;
  display: block;
}

/* line 3271, sass/style.scss */
.steps > div {
  max-width: 850px;
  margin: 5% auto;
}

/* line 3276, sass/style.scss */
.step-pic {
  margin: 30px 0;
}

/* line 3280, sass/style.scss */
.step-desc {
  padding: 0 1em;
  text-align: center;
  font-size: 12px;
}

/* line 3286, sass/style.scss */
.howto-span span {
  color: #44bde0;
  font-weight: bold;
}

/* line 3291, sass/style.scss */
.howto-part2 > div {
  margin: 5% 0;
}

/* line 3295, sass/style.scss */
.howto-part2 > h2 {
  font-size: 24px;
  margin-bottom: 4%;
  text-align: center;
}

/* line 3301, sass/style.scss */
.howto-part2-1 {
  margin: 5% auto;
}

/* line 3305, sass/style.scss */
.howto-part2-2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 3311, sass/style.scss */
.howto-part2-2 h4 {
  font-size: 15px;
}

/* line 3315, sass/style.scss */
.howto-part2-2 > div {
  width: calc((100% - 50px) / 2);
}

/* line 3319, sass/style.scss */
.howto-part3 {
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 3328, sass/style.scss */
.howto-part3-1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* line 3334, sass/style.scss */
.howto-part3 h5 {
  font-size: 20px;
  margin-bottom: 0.5em;
}

/* line 3339, sass/style.scss */
.howto-part3 > div {
  width: calc((100% - 100px) / 2);
}

/* line 3343, sass/style.scss */
.person-pic {
  width: 100px;
  height: 100px;
  border-radius: 100%;
}

/* line 3349, sass/style.scss */
.person-pic ~ div {
  width: calc(100% - 100px);
  padding-left: 30px;
}

/* line 3354, sass/style.scss */
.howto-part3-2 {
  position: relative;
}

/* line 3358, sass/style.scss */
.howto-part3-2::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  top: 0;
  left: -50px;
  background: #cccccc;
  position: absolute;
}

/* line 3369, sass/style.scss */
.howto-part3-2 li {
  display: flex;
  margin-bottom: 1em;
  flex-wrap: wrap;
}

/* line 3375, sass/style.scss */
.howto-part3-2 li a {
  background: #efefef;
  color: #222;
  transition: 0.2s;
  width: 100px;
  text-align: center;
  border-radius: 5px;
  display: inline-block;
  margin-left: 0.5em;
}

/* line 3386, sass/style.scss */
.howto-part3-2 li a:hover {
  background: #d8d6d6;
  text-decoration: none;
}

/* line 3391, sass/style.scss */
.howto-part3-2 li div:first-child {
  width: 180px;
}

/* line 3395, sass/style.scss */
.howto-part3-2 li div:last-child {
  width: calc(100% - 180px);
}

/* line 3399, sass/style.scss */
.howto a.more {
  margin: 40px auto 0;
}

/* line 3403, sass/style.scss */
.spacing {
  margin: 50px auto;
  display: flex;
  justify-content: center;
  font-size: 30px;
  position: relative;
}

/* line 3411, sass/style.scss */
.spacing::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  background: #ccc;
}

/* line 3422, sass/style.scss */
.spacing > div {
  position: relative;
  padding: 0 2em;
  background: #fff;
}

/* line 3428, sass/style.scss */
.header-page2.part1 select {
  background-color: #fff;
}

/* line 3436, sass/style.scss */
.header-page .nav-container li:first-child {
  display: block;
}

@media (max-width: 1200px) {
  /* line 3441, sass/style.scss */
  .person-pic ~ div {
    padding-left: 20px;
  }
  /* line 3444, sass/style.scss */
  .howto-part3 > div {
    width: calc((100% - 60px) / 2);
  }
  /* line 3447, sass/style.scss */
  .howto-part3-2::before {
    left: -30px;
  }
}

@media (max-width: 980px) {
  /* line 3453, sass/style.scss */
  .howto-part3 > div {
    width: 100%;
  }
  /* line 3456, sass/style.scss */
  .howto-part3-2::before {
    content: none;
  }
  /* line 3459, sass/style.scss */
  .howto-part3-2 {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #ccc;
  }
  /* line 3464, sass/style.scss */
  .logo a {
    font-size: 20px;
  }
}

@media (max-width: 750px) {
  /* line 3470, sass/style.scss */
  .hosue-slick {
    margin: 0px 0 20px;
  }
  /* line 3473, sass/style.scss */
  .slider-nav {
    margin-top: 10px;
  }
  /* line 3476, sass/style.scss */
  .steps h3 {
    font-size: 26px;
  }
  /* line 3479, sass/style.scss */
  .person-pic ~ div {
    width: 100%;
    margin-top: 1em;
    padding-left: 0;
  }
  /* line 3484, sass/style.scss */
  .howto-part3 {
    padding: 20px;
  }
  /* line 3487, sass/style.scss */
  .howto-part3 h5 {
    text-align: center;
    margin-bottom: 1em;
  }
  /* line 3491, sass/style.scss */
  .howto-part2-2 > div {
    width: 100%;
    margin: 10px 0;
  }
  /* line 3495, sass/style.scss */
  .howto-part2 > div,
  .howto-part1 {
    margin: 8% 0;
  }
  /* line 3499, sass/style.scss */
  .howto a.more {
    margin: 25px auto 0;
  }
  /* line 3502, sass/style.scss */
  .spacing {
    margin: 20px auto;
    font-size: 22px;
  }
}

@media (max-width: 500px) {
  /* line 3509, sass/style.scss */
  .howto-part3-2 li div:first-child {
    font-weight: bold;
    color: #44bde0;
  }
  /* line 3513, sass/style.scss */
  .howto-part3-2 li div:last-child {
    width: 100%;
  }
  /* line 3516, sass/style.scss */
  .howto-part3-2 li {
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: 1px dotted #ccc;
  }
  /* line 3521, sass/style.scss */
  .howto-part3-2 li:last-child {
    padding: 0;
    margin: 0;
    border: 0;
  }
  /* line 3526, sass/style.scss */
  .logo a {
    font-size: 4vw;
  }
}

@media (max-width: 420px) {
  /* line 3532, sass/style.scss */
  .howto-part2 > div,
  .howto-part1 {
    margin: 10% 0;
  }
  /* line 3536, sass/style.scss */
  .howto-part2 > h2 {
    margin-bottom: 6%;
  }
  /* line 3539, sass/style.scss */
  .steps h3 {
    font-size: 22px;
  }
  /* line 3542, sass/style.scss */
  .howto-part1 > h1,
  .howto-part2 > h2 {
    font-size: 5vw;
  }
  /* line 3546, sass/style.scss */
  .step-pic {
    margin: 20px 0;
  }
  /* line 3549, sass/style.scss */
  .steps span {
    font-size: 14px;
  }
  /* line 3552, sass/style.scss */
  .howto-part2 .items li:last-child {
    margin-bottom: 0;
  }
}

/* sold css*/
/* line 3559, sass/style.scss */
.soldinfo-wrapper {
  margin-bottom: 80px;
}

/* line 3563, sass/style.scss */
.soldinfo {
  display: table;
  width: 100%;
}

/* line 3568, sass/style.scss */
.soldinfo dl {
  display: table-row;
}

/* line 3572, sass/style.scss */
.soldinfo dt {
  display: table-cell;
  width: 150px;
  padding: 0.5em 0;
  font-weight: bold;
}

/* line 3579, sass/style.scss */
.soldinfo dd {
  display: table-cell;
  width: calc(100% - 150px);
  padding: 0.5em 0;
}

/* line 3585, sass/style.scss */
.soldinfo a {
  border: 1px solid #dddddd;
  background: #efefef;
  text-decoration: none;
  display: inline-block;
  padding: 0 0.5em;
  border-radius: 5px;
}

/* line 3594, sass/style.scss */
.sold-state {
  color: #af4e4e;
}

/* line 3598, sass/style.scss */
.sold-wrapper .other-house-info {
  margin-bottom: 0;
}

/* line 3602, sass/style.scss */
.sold-wrapper .house_pic img {
  opacity: 0.3;
}

/* line 3606, sass/style.scss */
.sold-wrapper .two-pics .other-img {
  opacity: 0.3;
}

/* line 3610, sass/style.scss */
.sold-wrapper .slider-for {
  opacity: 0.3;
}

/* line 3614, sass/style.scss */
.sold-wrapper .slider-nav {
  opacity: 0.3;
}

/* line 3618, sass/style.scss */
.sold-mark {
  position: relative;
}

/* line 3622, sass/style.scss */
.sold-words {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  font-weight: bold;
  border: 2px solid #222;
  padding: 0 0.5em;
  opacity: 0.6;
}

/* line 3634, sass/style.scss */
.two-pics {
  display: flex;
  justify-content: space-between;
  position: relative;
}

/* line 3643, sass/style.scss */
.two-pics > div.other-img {
  width: calc((100% - 20px) / 2);
  position: relative;
}

/* line 3648, sass/style.scss */
.sold-detail-ttl {
  margin-bottom: 20px !important;
}

@media (max-width: 420px) {
  /* line 3653, sass/style.scss */
  .soldinfo-wrapper {
    margin-bottom: 40px;
  }
  /* line 3656, sass/style.scss */
  .soldinfo dt {
    width: 120px;
  }
  /* line 3659, sass/style.scss */
  .soldinfo dd {
    width: calc(100% - 120px);
  }
  /* line 3662, sass/style.scss */
  .slide li:first-child {
    margin-right: 1em;
  }
  /* line 3665, sass/style.scss */
  .sold-wrapper .house-title.house-title-sold {
    margin-bottom: 1em;
    padding-bottom: 1em;
  }
}

/*home*/
/* line 3672, sass/style.scss */
.home-main-content {
  width: 100%;
  position: absolute;
  z-index: 1;
  width: 80%;
  background-color: #fff;
  border-radius: 4px;
  padding: 30px 0;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
  flex-wrap: wrap;
  display: flex;
  top: 20%;
  left: 10%;
  max-width: 1200px;
}

@media (max-width: 1040px) {
  /* line 3672, sass/style.scss */
  .home-main-content {
    width: 90%;
    transform: translateX(-50%);
    left: 50%;
  }
}

/* line 3707, sass/style.scss */
.home-main-content h1 {
  padding: 0 30px;
  width: 100%;
  font-size: 22px;
  margin-bottom: 20px;
}

@media (max-width: 760px) {
  /* line 3707, sass/style.scss */
  .home-main-content h1 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #fff;
    padding: 0 20px;
  }
}

/* line 3720, sass/style.scss */
.home-main-content .left {
  width: 34%;
  padding: 0 30px;
  border-right: 1px solid #b3b3b3;
}

@media (max-width: 1500px) {
  /* line 3720, sass/style.scss */
  .home-main-content .left {
    width: 370px;
  }
}

/* line 3738, sass/style.scss */
.home-main-content .right {
  position: relative;
  width: 66%;
  display: flex;
  padding: 0 30px;
}

/* line 3744, sass/style.scss */
.home-main-content .right .next {
  z-index: 10;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 45%;
  right: 0px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.7) url(../images/arrow-right.svg) center center/contain no-repeat;
  display: none;
}

/* line 3754, sass/style.scss */
.home-main-content .right .next.hide {
  opacity: 0.2;
}

/* line 3758, sass/style.scss */
.home-main-content .right .next.show {
  opacity: 1;
}

@media (max-width: 870px) {
  /* line 3744, sass/style.scss */
  .home-main-content .right .next {
    display: block;
  }
}

/* line 3768, sass/style.scss */
.home-main-content .right .prve {
  z-index: 10;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 45%;
  left: 0px;
  background: rgba(255, 255, 255, 0.7) url(../images/arrow-left.svg) center center/contain no-repeat;
  cursor: pointer;
  display: none;
}

/* line 3779, sass/style.scss */
.home-main-content .right .prve.hide {
  opacity: 0.2;
}

/* line 3783, sass/style.scss */
.home-main-content .right .prve.show {
  opacity: 1;
}

@media (max-width: 870px) {
  /* line 3768, sass/style.scss */
  .home-main-content .right .prve {
    display: block;
  }
}

@media (max-width: 1500px) {
  /* line 3738, sass/style.scss */
  .home-main-content .right {
    display: block;
    width: calc(100% - 370px);
  }
}

/* line 3805, sass/style.scss */
.home-main-content .right .map {
  width: 61%;
  position: relative;
}

/* line 3809, sass/style.scss */
.home-main-content .right .map:before {
  content: "";
  display: block;
  padding-top: 100%;
  z-index: -1;
}

@media (max-width: 1500px) {
  /* line 3805, sass/style.scss */
  .home-main-content .right .map {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
  }
  /* line 3820, sass/style.scss */
  .home-main-content .right .map:before {
    padding-top: 86%;
  }
}

@media (max-width: 870px) {
  /* line 3805, sass/style.scss */
  .home-main-content .right .map {
    display: block;
  }
  /* line 3829, sass/style.scss */
  .home-main-content .right .map.hide {
    display: none;
  }
  /* line 3832, sass/style.scss */
  .home-main-content .right .map.show {
    display: block;
  }
}

@media (max-width: 760px) {
  /* line 3805, sass/style.scss */
  .home-main-content .right .map {
    padding: 20px 0;
  }
}

/* line 3840, sass/style.scss */
.home-main-content .right .map a {
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  display: block;
}

/* line 3847, sass/style.scss */
.home-main-content .right .map svg {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: inherit;
  width: 100%;
  display: block;
  height: auto;
}

/* line 3859, sass/style.scss */
.home-main-content .right .map .area_group {
  cursor: pointer;
  position: relative;
}

/* line 3864, sass/style.scss */
.home-main-content .right .map .area_group:hover .map_area {
  fill: #ff5a5f;
}

/* line 3868, sass/style.scss */
.home-main-content .right .map .area_group:hover .area_name {
  fill: #ffffff;
}

/* line 3874, sass/style.scss */
.home-main-content .right .map .area_group.show .map_area {
  fill: #ff5a5f;
}

/* line 3878, sass/style.scss */
.home-main-content .right .map .area_group.show .area_name {
  fill: #ffffff;
}

/* line 3885, sass/style.scss */
.home-main-content .right .map-part {
  padding-left: 30px;
  width: 39%;
}

@media (max-width: 1500px) {
  /* line 3885, sass/style.scss */
  .home-main-content .right .map-part {
    width: 100%;
    padding-top: 10px;
    padding-left: 0px;
    padding-bottom: 10px;
  }
}

@media (max-width: 1470px) {
  /* line 3885, sass/style.scss */
  .home-main-content .right .map-part {
    overflow-y: scroll;
    max-height: 145px;
  }
}

@media (max-width: 870px) {
  /* line 3885, sass/style.scss */
  .home-main-content .right .map-part {
    max-height: inherit;
    overflow-y: auto;
    display: none;
  }
  /* line 3905, sass/style.scss */
  .home-main-content .right .map-part.hide {
    display: none;
  }
  /* line 3908, sass/style.scss */
  .home-main-content .right .map-part.show {
    display: block;
  }
}

/* line 3914, sass/style.scss */
.home-main-content .right .part-inner a {
  font-size: 12px;
  padding: 0 0.5em;
}

/* line 3918, sass/style.scss */
.home-main-content .right .part-inner a:hover {
  text-decoration: none;
  background: #ff5a5f;
  color: #fff;
}

/* line 3924, sass/style.scss */
.home-main-content .right .part-inner a.show {
  text-decoration: none;
  background: #ff5a5f;
  color: #fff;
}

/* line 3932, sass/style.scss */
.home-main-content #main-img-form {
  position: static !important;
  background-color: #fff;
  border-radius: 4px;
  padding: 0 !important;
  width: 100% !important;
  max-width: 441px;
  box-shadow: none !important;
}

@media (max-width: 1700px) {
  /* line 3944, sass/style.scss */
  .home-main-content #main-img-form .bukken-count-pc .count-row {
    display: block !important;
  }
  /* line 3947, sass/style.scss */
  .home-main-content #main-img-form .bukken-count-pc .count-column {
    width: 100%;
  }
}

@media (max-width: 870px) {
  /* line 3932, sass/style.scss */
  .home-main-content #main-img-form {
    max-width: 100%;
  }
}

@media (max-width: 1400px) {
  /* line 3959, sass/style.scss */
  .home-main-content {
    display: block;
    top: 10%;
  }
  /* line 3963, sass/style.scss */
  .home-main-content .left {
    width: 100%;
    padding: 0 20px 20px;
    border-right: 0px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
  }
  /* line 3971, sass/style.scss */
  .home-main-content .right {
    width: 100%;
    padding: 20px 20px 0;
  }
  /* line 3975, sass/style.scss */
  .home-main-content .right .prve {
    display: block;
  }
  /* line 3979, sass/style.scss */
  .home-main-content .right .next {
    display: block;
  }
  /* line 3983, sass/style.scss */
  .home-main-content .right .map.hide {
    display: none;
  }
  /* line 3987, sass/style.scss */
  .home-main-content .right .map.show {
    display: block;
  }
  /* line 3991, sass/style.scss */
  .home-main-content .right .map-part {
    max-height: inherit;
    overflow-y: auto;
    display: none;
  }
  /* line 3998, sass/style.scss */
  .home-main-content .right .map-part.show {
    display: block;
  }
}

@media (max-width: 760px) {
  /* line 4006, sass/style.scss */
  .home-main-content {
    position: static;
    left: 0;
    top: 0;
    background-color: transparent;
    width: 100%;
    padding: 100px 0 0 0;
    transform: translateX(0%);
    box-shadow: none;
  }
  /* line 4016, sass/style.scss */
  .home-main-content .left {
    padding: 0;
  }
  /* line 4020, sass/style.scss */
  .home-main-content .right {
    padding: 0px 20px 0;
    background-color: #fff;
  }
}