@charset 'utf-8';

/*====================
common_rule
====================*/
/*====================
common
====================*/
/* line 63, common.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
}

/* line 71, common.scss */
*::selection {
  background: #d2ff00;
}

/* line 74, common.scss */
*::-moz-selection {
  background: #d2ff00;
}

/* line 80, common.scss */
.fontEn {
  font-family: 'Montserrat', sans-serif;
}

/* line 83, common.scss */
a {
  text-decoration: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #404040;
}

/* line 87, common.scss */
a:hover {
  color: #404040;
}

/*「リンクボタン」右向き矢印型*/
/* line 93, common.scss */
a.right.arrowType {
  text-align: center;
  position: relative;
  width: 45%;
  max-width: none;
  padding: 1.5rem 24px;
  line-height: 1em;
  display: block;
  max-width: 280px;
  width: 70%;
  background: #031f28;
  border: solid 1px #D4D4BD;
  padding: 20px 24px;
  margin: 12% auto 4%;
  color: #fff;
  font-size: 1rem;
}

.pc_hide {
  display: none;
}

.sp_hide {
  display: block;
}

@media only screen and (max-width: 640px) {
  .pc_hide {
    display: block;
  }

  .sp_hide {
    display: none;
  }
}

@media only screen and (max-width: 640px) {

  /* line 93, common.scss */
  a.right.arrowType {
    width: 95%;
    min-width: 0;
    max-width: none;
    margin: 0% auto 8%;
  }
}

/* line 118, common.scss */
a.right.arrowType::after,
a.right.arrowType::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -2em;
  border-top: 2rem solid transparent;
  border-bottom: 2rem solid transparent;
  border-left: 1rem solid;
  right: -14px;
}

/* line 128, common.scss */
a.right.arrowType::after {
  z-index: 2;
  border-left-color: #031f28;
}

/* line 132, common.scss */
a.right.arrowType::before {
  border-left-color: #ccc;
  right: -15px;
  z-index: 1;
}

/*「リンクボタン」左向き矢印型*/
/* line 139, common.scss */
a.left.arrowType {
  text-align: center;
  position: relative;
  width: 45%;
  max-width: none;
  padding: 1.5rem 24px;
  line-height: 1em;
  display: block;
  max-width: 280px;
  width: 70%;
  background: #031f28;
  border: solid 1px #D4D4BD;
  padding: 20px 24px;
  margin: 12% auto 4%;
}

@media only screen and (max-width: 640px) {

  /* line 139, common.scss */
  a.left.arrowType {
    width: 95%;
  }
}

/* line 158, common.scss */
a.left.arrowType::after,
a.left.arrowType::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -2em;
  border-top: 2em solid transparent;
  border-bottom: 2em solid transparent;
  border-right: 1em solid;
  left: -14px;
}

/* line 168, common.scss */
a.left.arrowType::after {
  z-index: 2;
  border-right-color: #031f28;
}

/* line 172, common.scss */
a.left.arrowType::before {
  border-right-color: #ccc;
  left: -15px;
  z-index: 1;
}

/* line 178, common.scss */
a.arrowType:hover {
  opacity: .7;
}

/*====================
header
====================*/
/* line 191, common.scss */
#header {
  z-index: 100;
  background-color: #FFF;
  -webkit-box-shadow: #cfcfd3 1px 1px;
  -moz-box-shadow: #cfcfd3 1px 1px;
  box-shadow: #cfcfd3 1px 1px;
}

@media only screen and (min-width: 640px) {

  /* line 191, common.scss */
  #header {
    width: 230px;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    display: block !important;
  }
}

@media only screen and (max-width: 640px) {

  /* line 191, common.scss */
  #header {
    width: 100%;
    position: absolute;
    display: none;
  }
}

/* line 211, common.scss */
#logo {
  padding: 10px 0 0;
  margin: 0 auto;
}

@media only screen and (max-width: 640px) {

  /* line 211, common.scss */
  #logo {
    display: none;
  }
}

/* line 217, common.scss */
#logo a {
  display: block;
  width: 50px;
  margin: 0 auto;
}

/* line 221, common.scss */
#logo a img {
  width: 100%;
  height: auto;
  display: block;
}

@media only screen and (max-width: 640px) {

  /* line 221, common.scss */
  #logo a img {
    width: 70%;
    margin: 0 auto;
  }
}

/* line 233, common.scss */
#mainNav {
  margin-top: 10px;
}

/* line 236, common.scss */
#mainNav .mainNav_li:hover {
  background-color: #78bd36;
}

/* line 239, common.scss */
#mainNav .mainNav_li:hover .engText {
  color: #fff;
}

/* line 242, common.scss */
#mainNav .mainNav_li:hover .jaText {
  color: #fff;
}

/* line 245, common.scss */
#mainNav .mainNav_li:hover .sub_inner {
  visibility: visible !important;
}

@media only screen and (max-width: 640px) {

  /* line 245, common.scss */
  #mainNav .mainNav_li:hover .sub_inner {
    visibility: hidden;
  }
}

/* line 251, common.scss */
#mainNav .mainNav_li:hover .sub_inner li a:hover {
  background: #FFF;
}

/* line 266, common.scss */
#mainNav .mainNav_li a {
  display: block;
  padding: 5px 22px;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}

/* line 271, common.scss */
#mainNav .mainNav_li .engText {
  color: #141414;
  line-height: 1.3rem;
  font-size: 0.95rem;
  letter-spacing: 0.3px;
}

@media only screen and (max-width: 640px) {

  /* line 271, common.scss */
  #mainNav .mainNav_li .engText {
    font-size: 1rem;
    text-align: center;
  }
}

/* line 283, common.scss */
#mainNav .mainNav_li .jaText {
  color: #868788;
  font-size: 80%;
  line-height: 1.1rem;
}

@media only screen and (max-width: 640px) {

  /* line 283, common.scss */
  #mainNav .mainNav_li .jaText {
    font-size: 1rem;
    text-align: center;
  }
}

@media only screen and (max-width: 640px) {

  /* line 292, common.scss */
  #mainNav .mainNav_li .sub {
    display: none;
  }
}

/* line 296, common.scss */
#mainNav .mainNav_li .sub .sub_inner {
  height: 100%;
  width: 250px;
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 230px;
  z-index: 1000;
  background-color: #78bd36;
}

@media only screen and (max-width: 640px) {

  /* line 296, common.scss */
  #mainNav .mainNav_li .sub .sub_inner {
    width: 100%;
    position: inherit;
    visibility: visible;
    display: block;
  }
}

/* line 312, common.scss */
#mainNav .mainNav_li .sub .sub_inner ul {
  position: absolute;
  top: 70px;
  width: 100%;
}

/* line 316, common.scss */
#mainNav .mainNav_li .sub .sub_inner ul li {
  border: 1px solid #78bd36;
  border-style: none none solid;
}

/* line 319, common.scss */
#mainNav .mainNav_li .sub .sub_inner ul li .attention {
  display: block;
  font-size: 0.8rem;
}

/* line 323, common.scss */
#mainNav .mainNav_li .sub .sub_inner ul li a {
  padding: 12px 20px;
  font-size: 0.9rem;
  color: #FFF;
}

/* line 327, common.scss */
#mainNav .mainNav_li .sub .sub_inner ul li a:hover {
  background-color: #031f28;
}

/* line 332, common.scss */
#mainNav .mainNav_li .sub .sub_inner ul li.title {
  font-size: 1.2rem;
  text-align: center;
  border-bottom: solid 1px #78bd36;
  padding: 12px 20px 20px;
  font-weight: bold;
  color: #FFF;
}

/* line 347, common.scss */
#globalTelBtn li {
  padding: 10px 22px 0;
}

@media only screen and (max-width: 640px) {

  /* line 347, common.scss */
  #globalTelBtn li {
    text-align: center;
    width: 100%;
    margin: 0 auto;
  }
}

/* line 354, common.scss */
#globalTelBtn li:nth-child(2) {
  padding: 5px 22px 0;
}

/* line 358, common.scss */
#globalTelBtn li .shopTitle {
  line-height: 1;
  font-size: 0.9rem;
}

@media only screen and (max-width: 640px) {

  /* line 358, common.scss */
  #globalTelBtn li .shopTitle {
    text-align: center;
    width: 34%;
  }
}

/* line 366, common.scss */
#globalTelBtn li span {
  font-size: 1.4rem;
  letter-spacing: 0.7px;
  font-weight: bold;
  display: block;
  background-image: url(./top_assets/icon_tel.png);
  background-repeat: no-repeat;
  background-position: 4% 50%;
  background-size: 14px auto;
  padding: 0 0 0 30px;
  line-height: 1.3;
}

@media only screen and (max-width: 640px) {

  /* line 366, common.scss */
  #globalTelBtn li span {
    font-size: 1.1rem;
    line-height: 1.7rem;
    background-size: 12px auto;
    padding: 0 0 0 20px;
  }
}

/* line 386, common.scss */
#globalTelBtn img {
  height: 20px;
  width: 20px;
  vertical-align: middle;
}

/* line 391, common.scss */
#globalTelBtn p {
  display: inline-block;
}

/* line 393, common.scss */
#globalTelBtn p img {
  display: inline-block;
  width: 70px;
  height: auto;
  margin-left: 10px;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {

  /* line 393, common.scss */
  #globalTelBtn p img {
    margin-left: 0px;
    margin-top: 6%;
  }
}

/* line 405, common.scss */
#globalTelBtn .telLink {
  color: #00374a;
  text-decoration: none;
  background-position: 0 50%;
  padding: 0 0 0 20px;
  margin: 0px 0 0 5px;
}

@media only screen and (max-width: 640px) {

  /* line 405, common.scss */
  #globalTelBtn .telLink {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    margin: 0px;
    font-size: 1.4rem;
    background-position: 0% 50%;
    background-size: 12px auto;
    padding: 0;
  }
}

/* line 423, common.scss */
#reserveBtn {
  overflow: hidden;
  display: block;
  width: 182px;
  height: 38px;
  background-color: #00374a;
  margin: 10px 22px;
}

/* line 432, common.scss */
#archiHr {
  height: 1px;
  width: 90%;
  background-color: #CCC;
  border: none;
  margin: 16px auto 0;
}

/* line 440, common.scss */
#archiBtn {
  overflow: hidden;
  display: block;
  width: 182px;
  height: 75px;
  /*background-color: #CCC;*/
  margin: 10px 22px;
}

@media only screen and (max-width: 640px) {

  /* line 440, common.scss */
  #archiBtn {
    margin: 10px auto;
  }
}

/* line 450, common.scss */
#archiBtn::before {
  height: 10px;
  background-color: red;
}

/* line 454, common.scss */
#archiBtn img {
  width: 100%;
}

/* line 459, common.scss */
#spMenu {
  display: none;
}

@media only screen and (max-width: 640px) {

  /* line 459, common.scss */
  #spMenu {
    display: block;
    position: relative;
    height: 60px;
    overflow: hidden;
  }
}

/* line 467, common.scss */
#spMenu .sp_logo {
  display: none;
}

@media only screen and (max-width: 640px) {

  /* line 467, common.scss */
  #spMenu .sp_logo {
    display: block;
    width: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
  }

  /* line 475, common.scss */
  #spMenu .sp_logo img {
    width: 100%;
    height: auto;
    display: block;
  }
}

/* line 484, common.scss */
#spMenu_position {
  position: absolute;
  width: 24px;
  height: 30px;
  top: 17px;
  right: 10px;
  cursor: pointer;
}

/* line 493, common.scss */
#hamburger-botton {
  display: block;
  position: absolute;
  width: 20px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: linear .5s;
  -webkit-transition: all linear .5s;
  background: #595959;
  cursor: pointer;
}

/* line 506, common.scss */
#hamburger-botton::after {
  content: ' ';
  position: absolute;
  width: 20px;
  height: 2px;
  top: 400%;
  left: 0;
  background: #595959;
}

/* line 515, common.scss */
#hamburger-botton::before {
  content: ' ';
  position: absolute;
  width: 20px;
  height: 2px;
  top: -400%;
  left: 0;
  background: #595959;
  cursor: pointer;
}

/* line 525, common.scss */
#hamburger-botton.action {
  position: absolute;
  width: 20px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transition: linear .5s;
  -webkit-transition: all linear .5s;
  background: none;
  cursor: pointer;
}

/* line 537, common.scss */
#hamburger-botton.action::after {
  content: ' ';
  position: absolute;
  width: 20px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transition: linear .5s;
  -webkit-transition: all linear .5s;
  background: #595959;
  cursor: pointer;
}

/* line 551, common.scss */
#hamburger-botton.action::before {
  content: ' ';
  position: absolute;
  width: 20px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  transition: linear .5s;
  -webkit-transition: all linear .5s;
  background: #595959;
  cursor: pointer;
}

/*====================
footer
====================*/
/* line 571, common.scss */
#sitemap {
  clear: both;
  width: 100%;
  height: 336px;
  background-color: #031f28;
  overflow: hidden;
  font-size: 0.8rem;
  padding: 50px 7%;
}

@media only screen and (max-width: 640px) {

  /* line 571, common.scss */
  #sitemap {
    height: auto;
  }
}

/* line 583, common.scss */
#sitemap .sitemapInner {
  width: 20%;
  float: left;
}

@media only screen and (max-width: 640px) {

  /* line 583, common.scss */
  #sitemap .sitemapInner {
    width: 100%;
    float: none;
    margin-top: 20px;
  }

  /* line 590, common.scss */
  #sitemap .sitemapInner:first-child {
    margin-top: 0;
  }
}

/* line 596, common.scss */
#sitemap .sitemapList dt {
  margin: 0 0 8px;
}

/* line 598, common.scss */
#sitemap .sitemapList dt a {
  color: #FFF;
  border-bottom: dotted 1px #fff;
  padding: 5px 0px;
  font-size: 0.85rem;
}

/* line 607, common.scss */
#sitemap .sitemapList dd a {
  color: #d6d6d6;
  padding: 8px 0 0;
  display: block;
}

/* line 611, common.scss */
#sitemap .sitemapList dd a:hover {
  text-decoration: underline;
}

/* line 614, common.scss */
#sitemap .sitemapList dd a::before {
  content: '-';
}

/* line 621, common.scss */
#sitemap .sitemapList.under {
  margin: 20px 0 0 0;
}

/* line 627, common.scss */
#footerBottom {
  width: 100%;
  background-color: #031f28;
  text-align: center;
  padding: 10px 0px;
}

@media only screen and (max-width: 640px) {

  /* line 627, common.scss */
  #footerBottom {}
}

/* line 634, common.scss */
#footerBottom #footerBottomInner {
  width: 95%;
  margin: 0 auto;
}

/* line 637, common.scss */
#footerBottom #footerBottomInner p {
  color: #FFF;

  font-size: 0.75rem;
}

/* line 642, common.scss */
#footerBottom #footerBottomInner .copyright {
  color: #FFF;
}

@media only screen and (max-width: 640px) {

  /* line 642, common.scss */
  #footerBottom #footerBottomInner .copyright {
    float: none;
    font-size: 0.5rem;
    text-align: center;
  }
}

/* line 653, common.scss */
.pageTop {
  position: fixed;
  right: 0;
  bottom: 0;
}

/* line 659, common.scss */
.pageTop a {
  background: #000;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: 'alpha(opacity=50)';
  width: 60px;
  height: 60px;
  line-height: 65px;
  text-align: center;
  color: #FFF;
  display: block;
}

/*====================
backLink
====================*/
/* line 675, common.scss */
.backLink {
  text-align: center;
  margin: 80px 0 40px;
}

/* line 678, common.scss */
.backLink a {
  display: inline-block;
  font-size: 0.9rem;
  color: #141414;
}

/*====================
index
====================*/
/* line 690, common.scss */
#overWrap {
  /* margin-left: 230px; */
  display: block;
}

@media only screen and (max-width: 640px) {

  /* line 690, common.scss */
  #overWrap {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 640px) {

  /* line 696, common.scss */
  #overWrap.display_none {
    display: none;
  }
}

/* line 703, common.scss */
#wrap {
  width: 1100px;
  margin: 0 auto;
  padding-top: 120px;
}

@media only screen and (max-width: 640px) {

  /* line 703, common.scss */
  #wrap {
    width: 100%;
    padding-top: 0px;
  }
}

/* line 713, common.scss */
.topMainTitle {
  color: #141414;
  font-size: 1.5rem;
  padding: 10px 12px;
}

/* line 719, common.scss */
#topicsArea {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  max-width: 1100px;
}

@media only screen and (max-width: 640px) {

  /* line 719, common.scss */
  #topicsArea {
    width: 100%;
  }
}

/* line 728, common.scss */
#topicsArea .left {
  overflow: hidden;
  width: 70%;
  float: left;
}

@media only screen and (max-width: 640px) {

  /* line 728, common.scss */
  #topicsArea .left {
    width: 100%;
  }
}


/*　---------------- #topicsArea .left #mainSlideの記述　ここから ----------------  */


/* line 736, common.scss */
#topicsArea .left #mainSlide,
#topicsArea .left #logoSlide,
#topicsArea .left #openHouseSlide,
#topicsArea .left #bannerSlide {
  width: 100%;
  position: relative;
  float: left;
  overflow: hidden;
  /* スライド */
}

@media only screen and (max-width: 640px) {

  /* line 736, common.scss */
  #topicsArea .left #mainSlide,
  #topicsArea .left #logoSlide,
  #topicsArea .left #openHouseSlide,
  #topicsArea .left #bannerSlide {
    width: 100%;
    height: auto;
    float: inherit;
    margin-bottom: 40px;
  }
}

/* line 748, common.scss */
#topicsArea .left #mainSlide .mainPh,
#topicsArea .left #logoSlide .mainPh,
#topicsArea .left #openHouseSlide .mainPh,
#topicsArea .left #bannerSlide .mainPh {
  height: 464px;
  background-size: 100% auto !important;
  position: relative;
}

@media only screen and (max-width: 640px) {

  /* line 748, common.scss */
  #topicsArea .left #mainSlide .mainPh,
  #topicsArea .left #logoSlide .mainPh,
  #topicsArea .left #openHouseSlide .mainPh,
  #topicsArea .left #bannerSlide .mainPh {
    height: auto;
    min-height: 240px;
  }
}

/* line 757, common.scss */
#topicsArea .left #mainSlide .slick-slider,
#topicsArea .left #logoSlide .slick-slider,
#topicsArea .left #openHouseSlide .slick-slider,
#topicsArea .left #bannerSlide .slick-slider {
  margin-bottom: 0px;
}

/* line 759, common.scss */
#topicsArea .left #mainSlide .slick-slider div,
#topicsArea .left #logoSlide .slick-slider div,
#topicsArea .left #openHouseSlide .slick-slider div,
#topicsArea .left #bannerSlide .slick-slider div {
  background-size: 100% !important;
}

/* line 763, common.scss */
#topicsArea .left #mainSlide .slick-slide,
#topicsArea .left #logoSlide .slick-slide,
#topicsArea .left #openHouseSlide .slick-slider,
#topicsArea .left #bannerSlide .slick-slide {
  position: relative;
}

/* line 765, common.scss */
#topicsArea .left #mainSlide .slick-slide img,
#topicsArea .left #logoSlide .slick-slide img,
#topicsArea .left #openHouseSlide .slick-slider img,
#topicsArea .left #bannerSlide .slick-slide img {
  width: 100%;
  height: auto;
}

/* line 770, common.scss */
#topicsArea .left #mainSlide .slick-prev,
#topicsArea .left #logoSlide .slick-prev,
#topicsArea .left #openHouseSlide .slick-slider .slick-prev,
#topicsArea .left #bannerSlide .slick-prev {
  left: 0px;
  margin-top: -32px;
  z-index: 1;
  overflow: visible;
  /* 190708 kinoshita */
}

@media only screen and (max-width: 640px) {

  /* line 770, common.scss */
  #topicsArea .left #mainSlide .slick-prev,
  #topicsArea .left #logoSlide .slick-prev,
  #topicsArea .left #openHouseSlide .slick-prev,
  #topicsArea .left #bannerSlide .slick-prev {
    display: none !important;
  }
}

/* line 776, common.scss */
#topicsArea .left #mainSlide .slick-prev::before,
#topicsArea .left #logoSlide .slick-prev::before,
#topicsArea .left #openHouseSlide .slick-prev::before,
#topicsArea .left #bannerSlide .slick-prev::before {
  border-right: 3px solid #FFF;
  border-top: 3px solid #FFF;
  border-radius: 2px;
  content: "";
  margin: 0 0 0 10px;
  left: 10px;
  position: absolute;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  top: 17px;
  height: 18px;
  width: 18px;
  opacity: 1.0;
}

/* line 792, common.scss */
#topicsArea .left #mainSlide .slick-next,
#topicsArea .left #logoSlide .slick-next,
#topicsArea .left #openHouseSlide .slick-next,
#topicsArea .left #bannerSlide .slick-next {
  right: 10px;
  margin-top: -32px;
  overflow: visible;
  /* 190708 kinoshita */
}

@media only screen and (max-width: 640px) {

  /* line 792, common.scss */
  #topicsArea .left #mainSlide .slick-next,
  #topicsArea .left #logoSlide .slick-next,
  #topicsArea .left #openHouseSlide .slick-next,
  #topicsArea .left #bannerSlide .slick-next {
    display: none !important;
  }
}

/* line 798, common.scss */
#topicsArea .left #mainSlide .slick-next::before,
#topicsArea .left #logoSlide .slick-next::before,
#topicsArea .left #openHouseSlide .slick-next::before,
#topicsArea .left #bannerSlide .slick-next::before {
  border-right: 3px solid #FFF;
  border-top: 3px solid #FFF;
  border-radius: 2px;
  content: "";
  margin: 0 0 0 10px;
  right: 10px;
  position: absolute;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 17px;
  height: 18px;
  width: 18px;
  opacity: 1.0;
}

@media only screen and (max-width: 640px) {

  /* line 814, common.scss */
  #topicsArea .left #mainSlide .mainSlideText {
    clear: both;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    position: absolute;
    /* bottom: 0; */
    bottom: 7px;
    width: 100%;
  }
}

/* line 824, common.scss */
#topicsArea .left #mainSlide .mainSlideText p {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  position: absolute;
  right: 3%;
  color: #131313;
  font-weight: bold;
  padding: 0 10px;
  display: table-cell;
}

/* 2017.10.2 追加 kawamori */
#topicsArea .left #mainSlide .mainSlideText p.marugothic {
  font-family: 'Rounded Mplus 1c';
  font-weight: 400;
}

/* //2017.10.2 追加 kawamori */

/* line 834, common.scss */
#topicsArea .left #mainSlide .mainSlideText p.category {
  bottom: 27%;
  background-color: #d1ff00;
  font-size: 1.2rem;
}

@media only screen and (max-width: 640px) {

  /* line 834, common.scss */
  #topicsArea .left #mainSlide .mainSlideText p.category {
    position: static;
    display: block;
    font-size: 0.9rem;
  }
}

/* line 844, common.scss */
#topicsArea .left #mainSlide .mainSlideText p.title1 {
  bottom: 17%;
  background-color: #fff;
  font-size: 1.5rem;
}

/* 2017.10.2 追加 kawamori */
#topicsArea .left #mainSlide .mainSlideText p.title1.white {
  background-color: initial;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
  color: #fff;
}

/* 2017.10.2 追加 kawamori */

/* 2020.6.16 追加 fukagawa */
#topicsArea .left #mainSlide .mainSlideText p.title3 {
  bottom: 27%;
  background-color: #fff;
  font-size: 1.5rem;
  left: 3%;
  display: inline-table;
}

#topicsArea .left #mainSlide .mainSlideText p.title4 {
  bottom: 19%;
  background-color: #fff;
  font-size: 1.5rem;
  left: 3%;
  display: inline-table;
}

#topicsArea .left #mainSlide .mainSlideText p.title5 {
  bottom: 8%;
  font-size: 1.2rem;
  left: 3%;
  display: inline-table;
  line-height: 1.4;
}

#topicsArea .left #mainSlide .mainSlideText p.kitahiro_slide01 {
  /* text-shadow: 1px 1px 1px #8c8c8c; */
  color: #fff;
}

#topicsArea .left #mainSlide .mainSlideText p.kitahiro_slide0203 {
  color: #fff;
}

@media only screen and (min-width:641px) and (max-width:960px) {
  #topicsArea .left #mainSlide .mainSlideText p.title1 {
    bottom: 19%;
    font-size: 1.2rem;
  }

  /* #topicsArea .left #mainSlide .mainSlideText p.title2 !important {
    bottom: 9%;
    font-size: 1.2rem;
  } */
  #topicsArea .left #mainSlide .mainSlideText p.title3 {
    bottom: 19%;
    font-size: 1.2rem;
  }

  #topicsArea .left #mainSlide .mainSlideText p.title4 {
    bottom: 9%;
    font-size: 1.2rem;
  }

  #topicsArea .left #mainSlide .mainSlideText p.title5 {
    display: none;
  }
}

@media only screen and (max-width: 640px) {
  #topicsArea .left #mainSlide .mainSlideText p.title3 {
    position: static;
    display: table;
    font-size: 0.9rem;
    background-color: #fff;
    margin-left: 1.5%;
  }

  #topicsArea .left #mainSlide .mainSlideText p.title4 {
    position: static;
    display: table;
    font-size: 0.9rem;
    background-color: #fff;
    margin-bottom: 12px;
    margin-left: 1.5%;
  }

  #topicsArea .left #mainSlide .mainSlideText p.title5 {
    position: static;
    display: table;
    font-size: 0.7rem;
    padding-bottom: 10px;
    display: none;
  }
}

/* //2020.6.16 追加 fukagawa */

@media only screen and (max-width: 640px) {

  /* line 844, common.scss */
  #topicsArea .left #mainSlide .mainSlideText p.title1 {
    position: static;
    display: block;
    font-size: 0.9rem;
  }
}

/* line 854, common.scss */
#topicsArea .left #mainSlide .mainSlideText p.title2 {
  bottom: 9%;
  background-color: #fff;
  font-size: 1.5rem;
}

/* 2017.10.2 追加 kawamori */
#topicsArea .left #mainSlide .mainSlideText p.title2.white {
  background-color: initial;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
  color: #fff;
}

/* 2017.10.2 追加 kawamori */
@media only screen and (max-width: 640px) {

  /* line 854, common.scss */
  #topicsArea .left #mainSlide .mainSlideText p.title2 {
    position: static;
    display: block;
    font-size: 0.9rem;
  }
}

/* 2020.6.16 追加 fukagawa */
@media only screen and (min-width:641px) and (max-width:960px) {
  #topicsArea .left #mainSlide .mainSlideText p.title2 {
    bottom: 9%;
    font-size: 1.2rem;
  }
}

/* 2022.10.04 追加 hashimoto */


@media screen and (max-width:768px) {

  #topicsArea .left #mainSlide .slick-slide img.pcimg_hide {
    display: block !important;
  }

  #topicsArea .left #mainSlide .slick-slide img.spimg_hide {
    display: none !important;
  }
}

@media screen and (min-width:768px) {
  #topicsArea .left #mainSlide .slick-slide img.pcimg_hide {
    display: none !important;
  }

}

#bannerSlide .pcOnly {
  display: block !important;
}

#bannerSlide .spOnly {
  display: none !important;
}

@media screen and (max-width:768px) {
  #bannerSlide .pcOnly {
    display: none !important;
  }

  #bannerSlide .spOnly {
    display: block !important;
  }
}


/*　---------------- //#topicsArea .left #mainSlideの記述　ここまで ---------------- */


/* line 869, common.scss */
#topicsArea .right {
  overflow: hidden;
  width: 30%;
}

@media only screen and (max-width: 640px) {

  /* line 869, common.scss */
  #topicsArea .right {
    float: inherit;
    width: 100%;
  }
}

/* line 878, common.scss */
#topicsArea .right #infoArea {
  width: 100%;
  height: 464px;
  border: solid 1px #e5e5e5;
}

@media only screen and (max-width: 640px) {

  /* line 878, common.scss */
  #topicsArea .right #infoArea {
    clear: both;
    width: 100%;
    float: inherit;
    height: auto;
  }
}

/* line 890, common.scss */
#topicsArea .right #infoArea h3 {
  padding: 20px;
  font-weight: bold;
}

@media only screen and (max-width: 640px) {

  /* line 890, common.scss */
  #topicsArea .right #infoArea h3 {
    text-align: center;
  }
}

/* line 898, common.scss */
#topicsArea .right #infoArea ul {
  overflow: hidden;
  display: block;
}

/* line 901, common.scss */
#topicsArea .right #infoArea ul li {
  overflow: hidden;
  display: block;
  position: relative;
}

@media only screen and (max-width: 640px) {

  /* line 901, common.scss */
  #topicsArea .right #infoArea ul li {
    height: auto;
  }
}

/* line 910, common.scss */
#topicsArea .right #infoArea ul li a {
  display: block;
  padding: 22px 15px;
  overflow: hidden;
}

@media only screen and (max-width: 640px) {

  /* line 910, common.scss */
  #topicsArea .right #infoArea ul li a {
    padding: 4%;
  }
}

/* line 919, common.scss */
#topicsArea .right #infoArea ul li:first-child {
  border-top: none;
}

/* line 923, common.scss */
#topicsArea .right #infoArea ul li:nth-child(2):before {
  content: "";
  background-color: #b6b6b6;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  margin: 0 15px;
}

@media only screen and (max-width: 640px) {

  /* line 923, common.scss */
  #topicsArea .right #infoArea ul li:nth-child(2):before {
    width: 96%;
    margin: 0 2%;
  }
}

/* line 938, common.scss */
#topicsArea .right #infoArea ul li:nth-child(3):before {
  content: "";
  background-color: #b6b6b6;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  margin: 0 15px;
}

@media only screen and (max-width: 640px) {

  /* line 938, common.scss */
  #topicsArea .right #infoArea ul li:nth-child(3):before {
    width: 96%;
    margin: 0 2%;
  }
}

/* line 953, common.scss */
#topicsArea .right #infoArea ul li p.category {
  clear: both;
  margin-bottom: 5px;
  background-color: #162236;
  color: #FFF;
  font-size: 0.85rem;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  padding: 0 8px;
}

@media only screen and (max-width: 640px) {

  /* line 953, common.scss */
  #topicsArea .right #infoArea ul li p.category {
    float: left;
    margin-right: 20px;
    width: auto;
  }
}

/* line 969, common.scss */
#topicsArea .right #infoArea ul li p.date {
  clear: both;
  font-size: 1rem;
  color: #404040;
  font-size: 1rem;
}

@media only screen and (max-width: 640px) {

  /* line 969, common.scss */
  #topicsArea .right #infoArea ul li p.date {
    clear: inherit;
    float: left;
  }
}

/* line 979, common.scss */
#topicsArea .right #infoArea ul li p.title {
  clear: both;
  color: #040401;
  line-height: 1.5rem;
  height: 3rem;
}

@media only screen and (max-width: 640px) {

  /* line 979, common.scss */
  #topicsArea .right #infoArea ul li p.title {
    height: auto;
  }
}

/* line 988, common.scss */
#topicsArea .right #infoArea ul li p.more {
  float: right;
  color: #141414;
  font-size: 86%;
  font-weight: bold;
}

/* //topicsArea */

/* 2020.08.04. 追記　コロナ感染防止対策 */
.corona_top {
  margin-bottom: -40px;
}

.company_corona {
  padding-top: 60px;
}

#corona {
  max-width: 800px;
  margin: 0 auto;
  padding-bottom: 80px;
}

.corona-wrap {
  padding: 15px 20px;
  margin: 0 auto;
  border: solid 1px #000;
  '

}

.corona_title {
  text-align: center;
}

.corona_subtitle {
  font-size: 16px;
  padding-bottom: 15px;
  text-align: center;
}

.corona_list {
  max-width: 400px;
  margin: 0 auto;
  list-style: decimal;
  padding-left: 20px;
}

@media only screen and (max-width: 640px) {
  .corona_top {
    margin-bottom: 0;
  }

  .company_corona {
    padding-top: 0;
  }

  #corona {
    padding: 1% 2%;
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .corona-wrap {
    width: 100%;
    padding: 20px;
  }
}

.corona_title {
  letter-spacing: -0.03em;
}

/* //2020.08.04. 追記　コロナ感染防止対策 */

/* line 1007, common.scss */
#ServiceTitle {
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  color: #141414;
  font-size: 2.0rem;
  margin-top: 20px;
}

/* line 1014, common.scss */
#ServiceTitle span {
  font-size: 0.9rem;
  font-weight: normal;
  padding-left: 10px;
  display: inline-block;
}

@media only screen and (max-width: 640px) {

  /* line 1014, common.scss */
  #ServiceTitle span {
    padding-right: 8%;
    padding-left: 8%;
    display: block;
  }
}

/* line 1032, common.scss */
#serviceArea {
  overflow: hidden;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 1038, common.scss */
#serviceArea #serviceAreaInner {
  padding: 56px 0 48px 0;
  width: 100%;
  background-color: #f0f2f3;
  overflow: hidden;
  max-width: none;
  margin: 0 auto;
}

@media only screen and (max-width: 640px) {

  /* line 1038, common.scss */
  #serviceArea #serviceAreaInner {
    padding: 8% 4%;
  }
}

/* line 1049, common.scss */
#serviceArea #serviceAreaInner a {
  overflow: hidden;
  display: block;
  float: left;
  width: 23.5%;
  padding-top: 20px;
}

@media only screen and (max-width: 640px) {

  /* line 1049, common.scss */
  #serviceArea #serviceAreaInner a {
    width: 100%;
    margin: 0 0 6%;
  }
}

/* line 1060, common.scss */
#serviceArea #serviceAreaInner a:nth-child(2) {
  margin-left: 2%;
}

@media only screen and (max-width: 640px) {

  /* line 1060, common.scss */
  #serviceArea #serviceAreaInner a:nth-child(2) {
    margin-left: 0px;
  }
}

/* line 1066, common.scss */
#serviceArea #serviceAreaInner a:nth-child(3) {
  margin-left: 2%;
}

/*20181113追記Tomisawa*/
#serviceArea #serviceAreaInner a:nth-child(4) {
  margin-left: 2%;
}

@media only screen and (max-width: 640px) {

  /* line 1066, common.scss */
  #serviceArea #serviceAreaInner a:nth-child(3) {
    margin-left: 0px;
  }
}

/* line 1072, common.scss */
#serviceArea #serviceAreaInner a:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

/* line 1079, common.scss */
#serviceArea #serviceAreaInner .serviceContents {
  padding: 1em 1em;
  position: relative;
  background-color: #FFF;
  border: solid 1px #e5e5e5;
}

@media only screen and (max-width: 640px) {

  /* line 1079, common.scss */
  #serviceArea #serviceAreaInner .serviceContents {
    width: 100%;
    float: inherit;
  }
}

/* line 1089, common.scss */
#serviceArea #serviceAreaInner .serviceContents .planLogoWrap {
  width: 226px;
  height: 124px;
  padding: 42px 16px 0;
}

#serviceArea #serviceAreaInner .serviceContents .archiLogoWrap {
  width: 200px;
  height: 124px;
  padding: 0px;
  /*padding: 0 16px 0;_tomisawa190222*/
  margin: 0 auto;
}

@media only screen and (min-width: 641px) and (max-width: 980px) {

  /* line 1089, common.scss */
  #serviceArea #serviceAreaInner .serviceContents .planLogoWrap {
    width: 100%;
    height: auto;
    padding: 20% 0 15%;
  }

  #serviceArea #serviceAreaInner .serviceContents .archiLogoWrap {
    width: 100%;
    height: 106px;
    padding: 0;
  }
}

@media only screen and (max-width: 640px) {

  /* line 1089, common.scss */
  #serviceArea #serviceAreaInner .serviceContents .planLogoWrap {
    width: 100%;
    height: auto;
    padding: 8% 0;
  }

  #serviceArea #serviceAreaInner .serviceContents .archiLogoWrap {
    width: 70%;
    height: auto;
    padding: 4% 0 2%;
  }
}

/* line 1098, common.scss */
#serviceArea #serviceAreaInner .serviceContents .planLogoWrap img {
  vertical-align: middle;
}

/* line 1103, common.scss */
#serviceArea #serviceAreaInner .serviceContents .mainTitle {
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: -15px auto auto auto;
  width: 135px;
  height: 38px;
  background-color: #84C843;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #78bd36), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #78bd36), color-stop(0.75, #78bd36), color-stop(0.75, transparent), to(transparent));
  -webkit-background-size: 7px 7px;
  text-align: center;
  padding-top: 8px;
}

/* line 1120, common.scss */
#serviceArea #serviceAreaInner .serviceContents .subTitle {
  color: #162236;
  text-align: center;
  font-size: 1.1rem;
  line-height: 1.5rem;
  font-weight: bold;
  margin: 40px 0 20px 0;
}

@media only screen and (max-width: 640px) {

  /* line 1120, common.scss */
  #serviceArea #serviceAreaInner .serviceContents .subTitle {
    margin: 30px 0 0;
  }
}

/* line 1131, common.scss */
#serviceArea #serviceAreaInner .serviceContents img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 640px) {

  /* line 1131, common.scss */
  #serviceArea #serviceAreaInner .serviceContents img {
    width: 70%;
    margin: 0 15%;
  }
}

@media only screen and (max-width: 640px) {

  /* tomisawa_190222 */
  #serviceArea #serviceAreaInner .serviceContents .archiLogoWrap img {
    width: 90%;
    margin: 0 2%;
  }
}

/* line 1139, common.scss */
#serviceArea #serviceAreaInner .serviceContents .text {
  padding-top: 20px;
  color: #404040;
}

@media only screen and (max-width: 640px) {

  /* line 1139, common.scss */
  #serviceArea #serviceAreaInner .serviceContents .text {
    padding-top: 0;
  }
}

/* line 1146, common.scss */
#serviceArea #serviceAreaInner .serviceContents .more {
  color: #141414;
  font-weight: bold;
  text-align: center;
  padding: 20px 0;
}

@media only screen and (max-width: 640px) {

  /* line 1146, common.scss */
  #serviceArea #serviceAreaInner .serviceContents .more {
    padding: 6% 0 4%;
  }
}

/* line 1162, common.scss */
#pickupArea {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 1166, common.scss */
#pickupArea h3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 2rem;
  margin-bottom: 40px;
  text-align: center;
}

@media only screen and (max-width: 640px) {

  /* line 1166, common.scss */
  #pickupArea h3 {
    margin-bottom: 0;
    margin-top: 4%;
  }
}

/* line 1175, common.scss */
#pickupArea h3 span {
  font-size: 0.9rem;
  font-weight: normal;
  padding-left: 10px;
  display: inline-block;
}

@media only screen and (max-width: 640px) {

  /* line 1175, common.scss */
  #pickupArea h3 span {
    font-size: 0.9rem;
    font-weight: normal;
    padding-left: 0px;
    display: block;
  }
}

/* line 1188, common.scss */
#pickupArea #pickup_introduction {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}

@media only screen and (max-width: 640px) {

  /* line 1188, common.scss */
  #pickupArea #pickup_introduction {
    text-align: center;
  }
}

/* line 1196, common.scss */
#pickupArea #pickup_introduction table {
  width: 24%;
  margin: 20px 0.5%;
  /* float: left; */
  border: solid 1px #e5e5e5;
  padding-bottom: 40px;
  position: relative;
  display: flex;
  flex-wrap: wrap;

}

#pickupArea #pickup_introduction table:nth-child(5) {
  clear: both;
}

@media only screen and (max-width: 640px) {

  /* line 1196, common.scss */
  #pickupArea #pickup_introduction table {
    width: 49%;
    float: inherit;
    margin: 20px 0 0 0;
    display: inline-block;
  }

  /* line 1206, common.scss */
  #pickupArea #pickup_introduction table:nth-child(1) {
    /* margin: 0; */
  }
}

@media only screen and (max-width: 640px) {

  /* line 1210, common.scss */
  #pickupArea #pickup_introduction table tbody,
  #pickupArea #pickup_introduction table tr,
  #pickupArea #pickup_introduction table td {
    display: block;
  }
}

@media only screen and (max-width: 640px) {

  /* line 1215, common.scss */
  #pickupArea #pickup_introduction table td {
    padding: 4% !important;
  }

  /* line 1218, common.scss */
  #pickupArea #pickup_introduction table td.title {
    padding: 0 4% 4% !important;
  }

  /* line 1221, common.scss */
  #pickupArea #pickup_introduction table td.detail {
    padding: 0 4% 4% !important;
  }
}

/* line 1226, common.scss */
#pickupArea #pickup_introduction table .ph {
  position: relative;
}

/* line 1228, common.scss */
#pickupArea #pickup_introduction table .ph .img {
  display: block;
}

@media only screen and (max-width: 640px) {

  /* line 1228, common.scss */
  #pickupArea #pickup_introduction table .ph .img {
    width: 100%;
    /*height: 250px;*/
    overflow: hidden;
  }
}

/* line 1235, common.scss */
#pickupArea #pickup_introduction table .ph .img a {
  display: block;
}

/* line 1237, common.scss */
#pickupArea #pickup_introduction table .ph .img a img {
  display: block;
  width: 100%;
  height: auto;
}

/* line 1244, common.scss */
#pickupArea #pickup_introduction table .ph img {
  height: auto;
  width: 100%;
}

@media only screen and (max-width: 640px) {

  /* line 1244, common.scss */
  #pickupArea #pickup_introduction table .ph img {
    width: 100%;
    height: auto;
  }
}

/* line 1254, common.scss */
#pickupArea #pickup_introduction table .title p {
  padding: 0px 10px;
  text-align: center;
  margin: 10px 12px 8px;
  background-color: #162236;
  color: #FFF;
}

@media only screen and (max-width: 640px) {

  /* line 1254, common.scss */
  #pickupArea #pickup_introduction table .title p {
    margin: 0px 0px 0px;
    font-size: 0.8rem;
  }
}

/* line 1266, common.scss */
#pickupArea #pickup_introduction table .detail {
  padding: 0 12px 12px 12px;
}

/* line 1271, common.scss */
#pickupArea #pickup_introduction table .detail p {
  font-size: 0.9rem;
}

@media only screen and (max-width: 640px) {

  /* line 1271, common.scss */
  #pickupArea #pickup_introduction table .detail p {
    font-size: 0.85rem;
  }
}

/* line 1276, common.scss */
#pickupArea #pickup_introduction table .detail p.address {
  font-weight: bold;
  color: #162236;
  font-size: 1rem;
  margin-bottom: 5px;
}

@media only screen and (max-width: 640px) {

  /* line 1276, common.scss */
  #pickupArea #pickup_introduction table .detail p.address {
    font-size: 0.85rem;
    margin-bottom: 4%;
  }
}

/* line 1286, common.scss */
#pickupArea #pickup_introduction table .detail p.kotsu br {
  display: none;
}

/* line 1291, common.scss */
#pickupArea #pickup_introduction table .moreBtn {
  text-align: center;
  padding: 5px 10px;
  background-color: #f0f2f3;
  font-size: 0.9rem;
  width: 100%;
  position: absolute;
  bottom: 0;
}

@media only screen and (max-width: 640px) {

  /* line 1291, common.scss */
  #pickupArea #pickup_introduction table .moreBtn {
    font-size: 0.85rem;
  }
}

/* line 1299, common.scss */
#pickupArea #pickup_introduction table .moreBtn a {
  font-weight: bold;
}

/* line 1305, common.scss */
#pickupArea #pickup_more {
  clear: both;
  width: 100%;
  margin: 0px auto 60px;
  padding-top: 10px;
}

@media only screen and (max-width: 640px) {

  /* line 1305, common.scss */
  #pickupArea #pickup_more {
    width: 95%;
    margin: 0 auto;
  }
}

/* line 1314, common.scss */
#pickupArea #pickup_more p {
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  color: #162236;
  display: none;
}

/* line 1322, common.scss */
#pickupArea #pickup_more a {
  overflow: hidden;
  display: block;
  width: 300px;
  padding: 20px 0;
  font-weight: bold;
  text-align: center;
  background: #031f28;
  color: #fff;
  margin: 30px auto;
}

@media only screen and (max-width: 640px) {

  /* line 1322, common.scss */
  #pickupArea #pickup_more a {
    overflow: hidden;
    display: block;
    width: 60%;
    padding: 4% 0;
    font-weight: bold;
    text-align: center;
    background: #031f28;
    color: #fff;
    font-size: 0.85rem;
    margin: 4% auto 12%;
  }
}

/* line 1330, common.scss */
#pickupArea #pickup_more a:hover {
  background: #78bd36;
}

/* line 1338, common.scss */
#planArea {
  max-width: 800px;
  margin: 0 auto;
}

/* line 1341, common.scss */
#planArea h3 {
  text-align: center;
}

/* line 1343, common.scss */
#planArea h3 span {
  font-size: 0.9rem;
  font-weight: normal;
  padding-left: 10px;
  display: inline-block;
}

/* line 1350, common.scss */
#planArea .introText {
  font-size: 1.3rem;
  text-align: center;
  padding-top: 40px;
  font-weight: bold;
  color: #162236;
}

/* line 1357, common.scss */
#planArea .mainTitle {
  font-size: 2.0rem;
  text-align: center;
  width: 50%;
  margin: 30px auto 0;
}

@media only screen and (max-width: 640px) {

  /* line 1357, common.scss */
  #planArea .mainTitle {
    width: 60%;
    margin: 8% auto 0 auto;
  }
}

/* line 1366, common.scss */
#planArea .mainTitle img {
  width: 100%;
  height: auto;
}

/* line 1371, common.scss */
#planArea #planAreaLineup {
  overflow: hidden;
  padding: 40px 20px;
}

@media only screen and (max-width: 640px) {

  /* line 1371, common.scss */
  #planArea #planAreaLineup {
    width: 100%;
    margin: 0 auto;
    padding: 4%;
  }
}

/* line 1379, common.scss */
#planArea #planAreaLineup .mainTextTitle {
  font-size: 1.4rem;
  font-weight: bold;
  color: #162236;
  margin: 0 0 16px;
  text-align: center;
}

@media only screen and (max-width: 640px) {

  /* line 1379, common.scss */
  #planArea #planAreaLineup .mainTextTitle {
    font-size: 1rem;
  }
}

/* line 1389, common.scss */
#planArea #planAreaLineup .mainText {
  font-size: 100%;
  text-align: center;
  margin: 32px 0;
}

@media only screen and (max-width: 640px) {

  /* line 1389, common.scss */
  #planArea #planAreaLineup .mainText {
    width: 100%;
    text-align: left;
    font-size: 0.85rem;
    margin: 4% 0;
  }
}

/* line 1399, common.scss */
#planArea #planAreaLineup .mainText span {
  display: block;
  font-weight: bold;
  font-size: 1.1rem;
}

@media only screen and (max-width: 640px) {

  /* line 1405, common.scss */
  #planArea #planAreaLineup .moreBtn {
    width: 100%;
  }
}

/* line 1409, common.scss */
#planArea #planAreaLineup .moreBtn a {
  overflow: hidden;
  display: block;
  width: 210px;
  padding: 5px 0;
  font-weight: bold;
  text-align: center;
  background: #031f28;
  color: #fff;
  margin: 40px auto 0 auto;
}

@media only screen and (max-width: 640px) {

  /* line 1409, common.scss */
  #planArea #planAreaLineup .moreBtn a {
    overflow: hidden;
    display: block;
    width: 50%;
    padding: 4% 0;
    font-weight: bold;
    text-align: center;
    background: #031f28;
    color: #fff;
    font-size: 0.85rem;
    margin: 4% auto 12%;
  }
}

/* line 1417, common.scss */
#planArea #planAreaLineup .moreBtn a:hover {
  background: #78bd36;
}

/* line 1423, common.scss */
#planArea #planArea_right {
  padding: 90px 40px;
  float: right;
  width: 50%;
  overflow: hidden;
  text-align: center;
}

@media only screen and (max-width: 640px) {

  /* line 1423, common.scss */
  #planArea #planArea_right {
    padding: 0;
    float: inherit;
    width: 100%;
  }
}

/* line 1434, common.scss */
#planArea #planArea_right img {
  width: 60%;
  height: auto;
}

/* line 1439, common.scss */
#planArea #worksArea {
  clear: both;
  background-color: #FFF;
  width: 95%;
  margin: 40px auto 0 auto;
  max-width: 1100px;
  border: solid 1px #e5e5e5;
}

@media only screen and (max-width: 640px) {

  /* line 1439, common.scss */
  #planArea #worksArea {
    margin: 4% auto;
  }
}

/* line 1449, common.scss */
#planArea #worksArea h3 {
  padding-top: 40px;
}

@media only screen and (max-width: 640px) {

  /* line 1449, common.scss */
  #planArea #worksArea h3 {
    padding-top: 4%;
  }
}

/* line 1454, common.scss */
#planArea #worksArea h3 span {
  font-size: 0.9rem;
  font-weight: normal;
  padding-left: 10px;
  display: inline-block;
}

@media only screen and (max-width: 640px) {

  /* line 1454, common.scss */
  #planArea #worksArea h3 span {
    padding-right: 8%;
    padding-left: 8%;
    display: block;
  }
}

/* line 1470, common.scss */
#planArea #worksArea #worksSlide {
  margin-top: 40px;
  width: 100%;
  background-color: #FFF;
  overflow: hidden;
  padding-bottom: 30px;
  /* スライド */
}

@media only screen and (max-width: 640px) {

  /* line 1470, common.scss */
  #planArea #worksArea #worksSlide {
    height: auto;
    margin-top: 4%;
    padding-bottom: 2%;
  }
}

/* line 1484, common.scss */
#planArea #worksArea #worksSlide .slide {
  width: 100%;
}

@media only screen and (max-width: 640px) {

  /* line 1484, common.scss */
  #planArea #worksArea #worksSlide .slide {
    height: auto;
  }
}

/* line 1490, common.scss */
#planArea #worksArea #worksSlide .slick-slider {
  margin-bottom: 0px;
}

/* line 1493, common.scss */
#planArea #worksArea #worksSlide .slick-prev {
  left: 10px;
  background-color: #131313;
  height: 100%;
  width: 40px;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0px;
  z-index: 4;
}

@media only screen and (max-width: 640px) {

  /* line 1493, common.scss */
  #planArea #worksArea #worksSlide .slick-prev {
    display: none !important;
  }
}

/* line 1506, common.scss */
#planArea #worksArea #worksSlide .slick-prev::before {
  border-right: 2px solid #FFF;
  border-top: 2px solid #FFF;
  border-radius: 2px;
  content: "";
  position: absolute;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  height: 20px;
  width: 20px;
  opacity: 1.0;
  top: 0;
  left: 10px;
  right: 0;
  bottom: 0;
  margin: auto;
}

/* line 1524, common.scss */
#planArea #worksArea #worksSlide .slick-next {
  right: 10px;
  background-color: #131313;
  height: 100%;
  width: 40px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  margin-top: 0px;
}

@media only screen and (max-width: 640px) {

  /* line 1524, common.scss */
  #planArea #worksArea #worksSlide .slick-next {
    display: none !important;
  }
}

/* line 1537, common.scss */
#planArea #worksArea #worksSlide .slick-next::before {
  border-right: 2px solid #FFF;
  border-top: 2px solid #FFF;
  border-radius: 2px;
  content: "";
  position: absolute;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  height: 20px;
  width: 20px;
  top: 0;
  left: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
}

/* line 1554, common.scss */
#planArea #worksArea #worksSlide .slick-list {
  overflow: inherit;
}

/* line 1557, common.scss */
#planArea #worksArea #worksSlide .slick-initialized .slick-slide {
  position: relative;
}

@media only screen and (max-width: 640px) {

  /* line 1557, common.scss */
  #planArea #worksArea #worksSlide .slick-initialized .slick-slide {
    height: auto;
  }
}

/* line 1562, common.scss */
#planArea #worksArea #worksSlide .slick-initialized .slick-slide .slideImg {
  width: 100%;
  max-height: 400px;
  /* overflow: hidden; */
}

@media only screen and (max-width: 640px) {

  /* line 1562, common.scss */
  #planArea #worksArea #worksSlide .slick-initialized .slick-slide .slideImg {
    height: 180px;
  }
}

/* line 1569, common.scss */
#planArea #worksArea #worksSlide .slick-initialized .slick-slide .slideImg img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 640px) {

  /* line 1569, common.scss */
  #planArea #worksArea #worksSlide .slick-initialized .slick-slide .slideImg img {
    width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 640px) {

  /* line 1578, common.scss */
  #planArea #worksArea #worksSlide .slick-initialized .slick-slide .slick-track {
    width: 100%;
  }
}

/* line 1585, common.scss */
#planArea #worksArea #worksSlide .slick-initialized .slick-slide .worksSlideText {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

@media only screen and (max-width: 640px) {

  /* line 1585, common.scss */
  #planArea #worksArea #worksSlide .slick-initialized .slick-slide .worksSlideText {
    bottom: -108px;
  }
}

/* line 1598, common.scss */
#planArea #worksArea #worksSlide .slick-initialized .slick-slide .worksSlideText .title {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1rem;
  margin-top: 10px;
  background-color: #131313;
  opacity: .7;
  padding: 12px 0;
}

/* line 1613, common.scss */
#planArea #worksArea .moreBtn {
  overflow: hidden;
  display: block;
  width: 300px;
  padding: 20px 0;
  font-weight: bold;
  text-align: center;
  background: #031f28;
  color: #fff;
  margin: 0px auto 30px;
}

@media only screen and (max-width: 640px) {

  /* line 1613, common.scss */
  #planArea #worksArea .moreBtn {
    overflow: hidden;
    display: block;
    width: 50%;
    padding: 4% 0;
    font-weight: bold;
    text-align: center;
    background: #031f28;
    color: #fff;
    font-size: 0.85rem;
    margin: 4% auto 12%;
  }
}

/* line 1621, common.scss */
#planArea #worksArea .moreBtn:hover {
  background: #78bd36;
}

/* line 1628, common.scss */
#ContentsSnsArea {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  max-width: 800px;
}

/* line 1634, common.scss */
#ContentsSnsArea #contentsInner {
  /*width: 51%;*/
  width: 100%;
  float: left;
  overflow: hidden;
}

@media only screen and (max-width: 640px) {

  /* line 1634, common.scss */
  #ContentsSnsArea #contentsInner {
    width: 100%;
    float: inherit;
    height: auto !important;
  }
}

/* line 1644, common.scss */
#ContentsSnsArea #contentsInner h3 span {
  font-size: 0.9rem;
  font-weight: normal;
  padding-left: 10px;
  display: inline-block;
  color: #131313;
}

/* line 1652, common.scss */
#ContentsSnsArea #contentsInner a {
  /*width: 47.5%;*/
  width: calc(100% / 3 - 0.5em);
  overflow: hidden;
  float: left;
  display: block;
  border: solid 1px #e5e5e5;
  padding: 10px;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

@media only screen and (max-width: 640px) {

  /* line 1652, common.scss */
  #ContentsSnsArea #contentsInner a {
    margin-right: 0;
    width: 49.5%;
  }
}

/* line 1663, common.scss */
#ContentsSnsArea #contentsInner a:nth-child(4),
#ContentsSnsArea #contentsInner a:nth-child(7) {
  /*clear: both;*/
  margin-right: 0;
}

@media only screen and (max-width: 640px) {

  /* line 1663, common.scss */
  #ContentsSnsArea #contentsInner a:nth-child(even) {
    margin-right: 1%;
  }
}

/* line 1673, common.scss */
#ContentsSnsArea #contentsInner a .contentsBtn img {
  width: 90%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* line 1679, common.scss */
#ContentsSnsArea #contentsInner a .contentsBtn .title {
  padding-top: 10px;
  color: #040401;
  font-size: 1.08rem;
  font-weight: bold;
}

@media only screen and (max-width: 640px) {

  /* line 1679, common.scss */
  #ContentsSnsArea #contentsInner a .contentsBtn .title {
    font-size: 0.85rem;
  }
}

/* line 1688, common.scss */
#ContentsSnsArea #contentsInner a .contentsBtn .text {
  padding-top: 5px;
  color: #404040;
  line-height: 1.5;
  font-size: 0.9rem;
}

@media only screen and (max-width: 640px) {

  /* line 1688, common.scss */
  #ContentsSnsArea #contentsInner a .contentsBtn .text {
    font-size: 0.85rem;
  }
}

/* line 1700, common.scss */
#ContentsSnsArea #snsInner {
  overflow: hidden;
  border-bottom: 1px solid #e9eaed;
}

@media only screen and (max-width: 640px) {

  /* line 1700, common.scss */
  #ContentsSnsArea #snsInner {
    width: 100%;
    float: inherit;
    padding-top: 4%;
    height: auto !important;
    padding-bottom: 10%;
  }
}

/* line 1713, common.scss */
#ContentsSnsArea #snsInner h3 span {
  font-size: 0.9rem;
  font-weight: normal;
  padding-left: 10px;
  display: inline-block;
  color: #131313;
}

/* line 1721, common.scss */
#ContentsSnsArea #snsInner #snsMain {
  width: 100%;
}

/* line 1726, common.scss */
#ContentsSnsArea #snsInner .fb_iframe_widget,
#ContentsSnsArea #snsInner .fb_iframe_widget span,
#ContentsSnsArea #snsInner .fb_iframe_widget iframe[style] {
  width: 100% !important;
}

@media only screen and (max-width: 640px) {

  /* line 1726, common.scss */
  #ContentsSnsArea #snsInner .fb_iframe_widget,
  #ContentsSnsArea #snsInner .fb_iframe_widget span,
  #ContentsSnsArea #snsInner .fb_iframe_widget iframe[style] {
    height: 130px !important;
  }
}

/* line 1735, common.scss */
#contactArea {
  width: 95%;
  margin: 120px auto 0 auto;
  padding: 30px;
  border: solid 3px #000;
  overflow: hidden;
}

/* line 1741, common.scss */
#contactArea h3 {
  padding: 10px 0 20px 0;
  text-align: center;
}

/* line 1744, common.scss */
#contactArea h3 span {
  font-size: 80%;
  color: #131313;
}

/* line 1749, common.scss */
#contactArea .mainTitle {
  font-size: 120%;
  text-align: center;
  padding-bottom: 40px;
}

/* line 1754, common.scss */
#contactArea #contactArea_tel {
  width: 45%;
  float: right;
}

@media only screen and (max-width: 640px) {

  /* line 1754, common.scss */
  #contactArea #contactArea_tel {
    width: 100%;
    padding-top: 20px;
  }
}

/* line 1761, common.scss */
#contactArea #contactArea_tel .telLink {
  font-size: 1.5rem;
  color: #00374a;
  text-decoration: none;
  line-height: 1;
  margin: 13px 0 0 0;
}

/* line 1768, common.scss */
#contactArea #contactArea_tel .telTitle {
  width: 100%;
}

/* line 1771, common.scss */
#contactArea #contactArea_tel .sapporo {
  clear: both;
  width: 50%;
  float: left;
}

@media only screen and (max-width: 640px) {

  /* line 1771, common.scss */
  #contactArea #contactArea_tel .sapporo {
    width: 100%;
    float: inherit;
    padding: 10px 0 0 0;
  }
}

/* line 1780, common.scss */
#contactArea #contactArea_tel .sapporo img {
  height: 20px;
  width: 20px;
  background-color: #CCC;
  vertical-align: middle;
}

/* line 1787, common.scss */
#contactArea #contactArea_tel .kitahiro_eniwa {
  width: 50%;
  float: right;
  padding-left: 20px;
}

@media only screen and (max-width: 640px) {

  /* line 1787, common.scss */
  #contactArea #contactArea_tel .kitahiro_eniwa {
    width: 100%;
    float: inherit;
    padding: 10px 0 0 0;
  }
}

/* line 1796, common.scss */
#contactArea #contactArea_tel .kitahiro_eniwa img {
  height: 20px;
  width: 20px;
  background-color: #CCC;
  vertical-align: middle;
}

/* line 1803, common.scss */
#contactArea #contactArea_tel .kitahiro_eniwa p img {
  width: 70px;
  height: 20px;
  background-color: #CCC;
  margin-left: 10px;
  vertical-align: middle;
}

/* line 1816, common.scss */
#planAreaLineup ul {
  margin: auto;
  text-align: center;
  display: table;
}

/* line 1822, common.scss */
#planAreaLineup li {
  display: table-cell;
  width: 16.666667%;
  padding: 5px 0;
  vertical-align: top;
  margin: 0 0 30px 0;
}

@media only screen and (max-width: 1000px) {

  /* line 1831, common.scss */
  #planAreaLineup li {
    width: 33%;
    margin: 0 0 4%;
  }
}

@media only screen and (max-width: 768px) {

  /* line 1838, common.scss */
  #planAreaLineup li {
    display: inline-block;
  }
}

/* line 1843, common.scss */
#planAreaLineup li img {
  display: block;
  width: 55%;
  height: auto;
  margin: 15px auto;
}

/* line 1850, common.scss */
#planAreaLineup li a {
  display: block;
  border: solid 3px #C7E8EE;
  border-radius: 8px;
  padding: 16px 24px 60px;
  position: relative;
}

/* line 1858, common.scss */
#planAreaLineup li a:hover {
  background: #C7E8EE;
  color: #000;
}

/* line 1863, common.scss */
#planAreaLineup li dt {
  padding: 0 0 8px 0;
  border-bottom: solid 1px #000;
  margin: auto auto 8px;
  font-weight: bold;
  font-size: 0.95rem;
}

/* line 1871, common.scss */
#planAreaLineup li dt em {
  background: #031f28;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: block;
  padding: 0 2px;
  margin: 40px auto 12px;
  color: #FFF;
  line-height: 24px;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
}

@media only screen and (max-width: 640px) {

  /* line 1871, common.scss */
  #planAreaLineup li dt em {
    margin: 4% auto;
  }
}

/* line 1888, common.scss */
#planAreaLineup li dd {
  text-align: left;
  font-size: 9px;
  font-size: 0.9rem;
}

/* line 1893, common.scss */
#planAreaLineup li b {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  margin: auto;
  display: block;
  width: 100px;
  background: #C7E8EE;
  padding: 2px 16px;
  font-size: 9px;
  font-size: 0.9rem;
  border-radius: 18px;
  text-align: center;
}

/* line 1908, common.scss */
#planAreaLineup li dd span {
  display: block;
  padding: 0px 0;
  font-size: 0.85rem;
  line-height: 1.5rem;
}

/*========================================
kasou_common
========================================*/
/*====================
pankuzu
====================*/
/* line 1943, common.scss */
#pankuzu {
  overflow: hidden;
  width: 100%;
}

@media only screen and (max-width: 640px) {

  /* line 1943, common.scss */
  #pankuzu {
    display: none;
  }
}

/* line 1951, common.scss */
#pankuzu li {
  float: left;
  margin: 0 .5em;
}

/* line 1954, common.scss */
#pankuzu li:first-child {
  margin: 0 .5em 0 0;
}

/* line 1959, common.scss */
#pankuzu.top li {
  padding: .3em 1em;
  float: left;
  text-decoration: none;
  color: #7F8183;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  position: relative;
  font-size: 0.75rem;
}

/* line 1970, common.scss */
#pankuzu a {
  padding: .3em 1em;
  float: left;
  text-decoration: none;
  color: #7F8183;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  position: relative;
  font-size: 0.75rem;
}

/* line 1981, common.scss */
#pankuzu a:hover {
  text-decoration: underline;
}

/* line 1987, common.scss */
#pankuzu a::before,
#pankuzu a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1em;
  transform: skew(-10deg);
}

/* line 1997, common.scss */
#pankuzu a::before {
  left: -0.5em;
}

/* line 2005, common.scss */
#pankuzu a::after {
  right: -0.5em;
  background-color: #BABABA;
  width: 1px;
  margin: 6px 0;
}

/* line 2016, common.scss */
#pankuzu .current,
#pankuzu .current:hover {
  background: none;
}

/* line 2021, common.scss */
#pankuzu .current::after,
#pankuzu .current::before {
  content: normal;
}

/*====================
cornerHeader
====================*/
/* line 2031, common.scss */
#cornerHeaderWrap #cornerHeader {
  background: #f0f2f3;
  padding: 60px 40px 52px;
  text-align: center;
  margin-top: 60px;
}

@media only screen and (max-width: 640px) {

  /* line 2031, common.scss */
  #cornerHeaderWrap #cornerHeader {
    padding: 2% 0;
  }
}

/* line 2041, common.scss */
.cornerMainTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.8rem;
  color: #3a3b3f;
  display: inline-block;
  line-height: 1.2;
  padding: 0 5px;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {

  /* line 2041, common.scss */
  .cornerMainTitle {
    padding: 2% 10px;
    margin: 0 0 0px;
    font-size: 1.3rem;
  }
}

/* line 2055, common.scss */
.cornerMainTitle span {
  font-size: 1rem;
  padding: 0 0 0 10px;
}

@media only screen and (max-width: 640px) {

  /* line 2055, common.scss */
  .cornerMainTitle span {
    display: block;
    margin: 8px 0 5px 0;
    font-size: 0.9rem;
    padding: 0;
  }
}

/* line 2067, common.scss */
.cornerSubTitle {
  font-size: 1rem;
  color: #404040;
  padding: 18px 0 0 0;
}

@media only screen and (max-width: 640px) {

  /* line 2067, common.scss */
  .cornerSubTitle {
    padding: 0;
  }
}

/* line 2076, common.scss */
.cornerNav {
  text-align: center;
  background: #78bd36;
  overflow: hidden;
}

/* line 2082, common.scss */
.cornerNav ul {
  overflow: hidden;
}

/* line 2084, common.scss */
.cornerNav ul li {
  display: inline-block;
  border-style: none solid none none;
}

/* line 2088, common.scss */
.cornerNav ul li.sp {
  display: none;
}

@media only screen and (max-width: 640px) {

  /* line 2084, common.scss */
  .cornerNav ul li {
    display: inline-block;
    width: 50%;
  }

  .cornerNav ul.buy li {
    float: left;
  }

  /* line 2094, common.scss */
  .cornerNav ul li.pc {
    display: none;
  }

  /* line 2097, common.scss */
  .cornerNav ul li.sp {
    display: inline-block;
  }

  .cornerNav ul.buy li.sp {
    width: 50%;
  }

}

/* line 2101, common.scss */
.cornerNav ul li a {
  display: block;
  padding: 12px 18px;
  text-align: center;
  color: #fff;
  font-size: 12.6px;
}

@media only screen and (max-width: 640px) {

  /* line 2101, common.scss */
  .cornerNav ul li a {
    padding: 8px 0;
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    border-right: 1px solid rgba(255, 255, 255, 0.6);
  }

  /*sellページのみの記述20181219*/
  .cornerNav ul.sell li.sp a {
    border-right: none;
  }

  /*buyページのみの記述*/
  .cornerNav ul.buy li:nth-child(2) a {
    border-right: none;
  }

  .cornerNav ul li:last-child a {
    border-right: none;
  }

  /*sellページのみの記述20210218*/
  .cornerNav ul.sell li {
    float: left;
  }

  .cornerNav ul.sell li:first-of-type {
    width: 100%;
  }

  /*reformeページ追加 記述20240415*/
  .cornerNav ul.sell li:first-of-type,
  .cornerNav ul.sell li:nth-of-type(2) {
    width: 100%;
  }

  /*companyページのみの記述20210218*/
  .cornerNav ul.company li {
    float: left;
  }
}

/* line 2113, common.scss */
.cornerNav ul li a:hover {
  background: #031f28;
}

/* line 2117, common.scss */
.cornerNav ul li a.active {
  background: #031f28;
}

/*20210218追記*/
.cornerNav ul li.active a {
  background: #031f28;
}

/*====================
footerContact
====================*/
/* line 2128, common.scss */
#footerContact {
  background: #78bd36;
  padding: 40px 0;
}

@media only screen and (max-width: 640px) {

  /* line 2128, common.scss */
  #footerContact {
    padding: 20px 0;
  }
}

/* line 2134, common.scss */
#footerContact .inner {
  padding: 0 40px;
  max-width: 800px;
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
  color: #fff;
}

@media only screen and (max-width: 640px) {

  /* line 2134, common.scss */
  #footerContact .inner {
    padding: 0 2%;
    width: 100%;
  }
}

/* line 2145, common.scss */
#footerContact .inner h1 {
  text-align: center;
  font-size: 1.6em;
}

/* line 2148, common.scss */
#footerContact .inner h1 span {
  font-size: 1rem;
  padding: 0 0 0 20px;
}

/* line 2153, common.scss */
#footerContact .inner p {
  text-align: center;
}

@media only screen and (max-width: 640px) {

  /* line 2153, common.scss */
  #footerContact .inner p {
    font-size: 0.85rem;
  }
}

/* line 2160, common.scss */
#footerContact .wrap {
  overflow: hidden;
  padding: 40px 0 0;
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 640px) {

  /* line 2160, common.scss */
  #footerContact .wrap {
    padding: 10px 0 0;
    display: block;
  }
}

/* line 2166, common.scss */
#footerContact .wrap .tel {
  overflow: hidden;
}

/* line 2168, common.scss */
#footerContact .wrap .tel ul {
  overflow: hidden;
}

@media only screen and (max-width: 640px) {

  /* line 2168, common.scss */
  #footerContact .wrap .tel ul {
    width: 90%;
    margin: 0 auto;
  }
}

/* line 2175, common.scss */
#footerContact .wrap .tel li {
  display: inline-block;
  float: left;
  padding: 0 15px 0 15px;
}

@media only screen and (max-width: 640px) {

  /* line 2175, common.scss */
  #footerContact .wrap .tel li {
    padding: 0 0 0 1%;
    width: 49.5%;
  }

  /* line 2182, common.scss */
  #footerContact .wrap .tel li:first-child {
    padding: 0;
  }
}

/* line 2186, common.scss */
#footerContact .wrap .tel li span {
  display: block;
  font-size: 0.95rem;
  line-height: 1.5;
}

@media only screen and (max-width: 640px) {

  /* line 2186, common.scss */
  #footerContact .wrap .tel li span {
    font-size: 0.8rem;
    margin: 18px 0 0 0;
    line-height: 1rem;
  }
}

/* line 2196, common.scss */
#footerContact .wrap .tel li span.telLink {
  font-weight: normal;
  display: block;
  background-repeat: no-repeat;
  background-position: 4% 50%;
  background-size: 17px auto;
  padding: 0 0 0 0px;
  font-size: 1.8rem;
  line-height: 2.5rem;
  letter-spacing: 0.5px;
}

@media only screen and (max-width: 640px) {

  /* line 2196, common.scss */
  #footerContact .wrap .tel li span.telLink {
    font-size: 1.1rem;
    line-height: 1.7rem;
    background-size: 12px auto;
    padding: 0 0 0 0px;
    margin: 0;
  }
}

@media only screen and (max-width: 640px) {

  /* line 2215, common.scss */
  #footerContact .wrap .tel li a.telLink {
    display: inline-block;
    margin: 0px;
    font-size: 1.2rem;
    letter-spacing: 0.3px;
    font-family: 'Montserrat', sans-serif;
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: 12px auto;
    padding: 0 0 0 0px;
    color: #fff;
  }
}

/*====================
section_bgcolor
====================*/
/* line 2239, common.scss */
.w100_white {
  background: #FFF;
  padding: 60px 0;
}

@media only screen and (max-width: 640px) {

  /* line 2239, common.scss */
  .w100_white {
    margin-top: 0px;
    padding: 1% 2%;
  }
}

/* line 2248, common.scss */
.w100_paleGray {
  background: #f0f2f3;
  padding: 60px 0;
}

@media only screen and (max-width: 640px) {

  /* line 2248, common.scss */
  .w100_paleGray {
    margin-top: 0px;
    padding: 1% 2%;
  }
}

@media only screen and (max-width: 640px) {

  /* line 2257, common.scss */
  .w100_paleGray.mt40 {
    margin-top: 4% !important;
  }
}

/*====================
content,title
====================*/
/* line 2266, common.scss */
#content.top {
  padding-top: 0;
}

/* line 2269, common.scss */
#content {
  padding-top: 60px;
  font-size: 14px;
}

@media only screen and (max-width: 640px) {

  /* line 2269, common.scss */
  #content {
    padding-top: 30px;
    padding-bottom: 50px;
  }
}

/* line 2277, common.scss */
#content .commonTitleKakko {
  text-align: center;
  font-size: 1.4rem;
}

@media only screen and (max-width: 640px) {

  /* line 2277, common.scss */
  #content .commonTitleKakko {
    font-size: 1.2rem;
  }
}

/* line 2283, common.scss */
#content .commonTitleKakko .pageTitle {
  display: inline-block;
  background-repeat: no-repeat, no-repeat;
  background-position: 0 50%, 100% 50%;
  background-size: 15px auto, 15px auto;
  padding: 5px 18px;
}

@media only screen and (max-width: 640px) {

  /* line 2283, common.scss */
  #content .commonTitleKakko .pageTitle {
    background-size: 15px auto, 15px auto;
    padding: 5px;
    margin: 2% 0 8%;
    font-size: 1rem;
  }
}

/* line 2297, common.scss */
#content .commonTitleKakko span {
  padding: 12px 20px;
}

/* line 2302, common.scss */
#content .textColumnTitle {
  text-align: left;
  font-size: 1.2rem;
  padding: 12px 22px;
  background-color: #FCFCFA;
  font-weight: bold;
  margin: 30px 0;
  background: repeating-linear-gradient(-55deg, #f4f4ee, #f4f4ee 10px, #fdfdfb 10px, #fcfcfc 20px);
  border-bottom: solid 1px #F2F2EB;
}

@media only screen and (max-width: 640px) {

  /* line 2302, common.scss */
  #content .textColumnTitle {
    font-size: 1rem;
    padding: 2% 4%;
    margin: 4% auto;
  }
}

/* line 2317, common.scss */
#content .textColumnTitle_sub {
  text-align: left;
  font-size: 1.2rem;
  padding: 12px 22px;
  font-weight: bold;
  margin: 30px 0;
}

@media only screen and (max-width: 640px) {

  /* line 2317, common.scss */
  #content .textColumnTitle_sub {
    font-size: 1.2rem;
    padding: 0 0 30px;
  }
}

/* line 2329, common.scss */
#content .fukidashiTitle {
  margin: 60px 0 40px;
}

/* line 2331, common.scss */
#content .fukidashiTitle p {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
}

@media only screen and (max-width: 640px) {

  /* line 2331, common.scss */
  #content .fukidashiTitle p {
    font-size: 1.2rem;
    font-weight: bold;
    margin: 8% auto 4%;
    font-size: 1rem;
  }
}

/* line 2342, common.scss */
#content .fukidashiTitle span {
  text-align: left;
  font-weight: bold;
  position: relative;
  background: #78bd36;
  padding: 12px 18px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  font-size: 1.1rem;
  color: #fff;
  display: inline-block;
  margin: 0 18px 0 0;
}

@media only screen and (max-width: 640px) {

  /* line 2342, common.scss */
  #content .fukidashiTitle span {
    margin: 0 auto;
    width: 60%;
    font-size: 0.85rem;
    text-align: center;
  }
}

/* line 2359, common.scss */
#content .fukidashiTitle span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -5px;
  margin-top: -9px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 0 9px 9px;
  border-color: transparent transparent transparent #78bd36;
  z-index: 0;
}

@media only screen and (max-width: 640px) {

  /* line 2359, common.scss */
  #content .fukidashiTitle span:after {
    display: none;
  }
}

@media only screen and (max-width: 640px) {

  /* line 2329, common.scss */
  #content .fukidashiTitle {
    font-size: 1.2rem;
    text-align: center;
    margin: 8% auto 4%;
  }
}

/* line 2384, common.scss */
#content h3 {
  font-size: 1.4rem;
}

@media only screen and (max-width: 640px) {

  /* line 2384, common.scss */
  #content h3 {
    font-size: 1.3rem;
    text-align: center;
  }
}

/* sell-column用追記_210304 */
@media only screen and (max-width: 640px) {
  .blog_detail #content h3 {
    font-size: 2.0rem;
    text-align: left;
  }
}

/* line 2391, common.scss */
#content .inner {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  width: 90%;
}

/* reform-plan.php用追記_250417 */
#content .reform_three {
  max-width: 960px;
}


/* line 2397, common.scss */
#content .inner .text {
  font-size: 1rem;
}

@media only screen and (max-width: 640px) {

  /* line 2397, common.scss */
  #content .inner .text {
    font-size: 0.85rem;
  }
}

/*テキスト段落共通*/
/* line 2407, common.scss */
#content .textColumn {
  padding: 0 22px 30px 22px;
}

@media only screen and (max-width: 640px) {

  /* line 2407, common.scss */
  #content .textColumn {
    padding: 0 0 8%;
  }
}

/* line 2412, common.scss */
#content .textColumn em {
  font-weight: bold;
}

/*写真段落共通*/
/* line 2422, common.scss */
#content .photoColumn img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 0 50px;
}

/* line 2428, common.scss */
#content .photoColumn .caption {
  font-size: .85rem;
  color: #797976;
}

/* line 2433, common.scss */
#content .photoColumn.w50per {
  width: 40%;
  float: right;
  padding: 0 0 0 20px;
}

@media only screen and (max-width: 640px) {

  /* line 2433, common.scss */
  #content .photoColumn.w50per {
    width: 100%;
    float: none;
    padding: 0 0 8%;
  }
}

/* line 2442, common.scss */
#content .photoColumn.w50per img {
  display: inline-block;
  margin: 20px auto;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {

  /* line 2442, common.scss */
  #content .photoColumn.w50per img {
    width: 70%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}

/* line 2456, common.scss */
.commonListWrap {
  border: solid 3px #EAEAE0;
  padding: 24px;
  background-color: #FDFDFD;
  border-radius: 5px;
  margin: 0 0 40px;
}

@media only screen and (max-width: 640px) {

  /* line 2456, common.scss */
  .commonListWrap {
    padding: 2% 0;
    margin: 0 0 4%;
  }
}

/* line 2468, common.scss */
.commonListWrap .commonListTitle {
  padding: 14px 0;
  text-align: center;
  font-weight: bold;
  background-color: #F4F4EE;
  margin: 0 0 38px;
}

/* line 2475, common.scss */
.commonListWrap .commonTextList {
  margin: 0 22px;
  counter-reset: number;
  /* 名前を付けたカウンターをリセット */
  list-style: none;
  /* olが数字を付けることをキャンセル */
}

/* line 2480, common.scss */
.commonListWrap .commonTextList li:before {
  counter-increment: number;
  content: counter(number);
  float: left;
  background: #031f28;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  font-size: 1rem;
  padding: 3px;
  margin: 0 18px 0 0;
}

/* 2021.3.26 added */
@media only screen and (max-width: 640px) {

  #sellIndex p.textColumn,
  #sellPoint p.textColumn {
    word-break: break-word;
  }
}

/* 2021.3.26 added */
@media only screen and (max-width: 640px) {
  #sellIndex.preparation .commonListWrap .commonTextList.troubleList li:before {
    display: block;
    float: none;
    margin: 10px auto;
  }
}

/* 2021.3.26 added */
@media only screen and (max-width: 640px) {
  #sellPoint .commonListWrap .commonTextList.taishinList li {
    text-align: center;
  }
}

/* 2021.3.26 added */
@media only screen and (max-width: 640px) {
  #sellPoint .commonListWrap .commonTextList.taishinList li:before {
    display: block;
    float: none;
    margin: 10px auto;
  }
}

/* 2021.3.26 added */
@media only screen and (max-width: 640px) {
  .commonListWrap .commonTextList li.sp_margin:before {
    margin: 30px 18px 30px 0;
  }
}

/* 2021.3.26 added */
@media only screen and (max-width: 321px) {
  #sellIndex.preparation .commonListWrap .commonTextList li.sp_margin_min:before {
    margin: 20px 18px 0 0;
  }
}

/* 2021.3.26 added */
@media only screen and (max-width: 640px) {
  #sellIndex.preparation .commonListWrap .commonTextList li.sp_margin:before {
    margin: 20px 18px 0 0;
  }
}

/* line 2495, common.scss */
.commonListWrap .commonTextList li:after {
  background: linear-gradient(-135deg, #ffffff 2px, transparent 0%) 0 2px, linear-gradient(135deg, #ffffff 2px, #e4e4d2 0%) 0 2px;
  background-color: #fff;
  background-size: 4px 3px;
  height: 4px;
  background-repeat: repeat-x;
  background-position: 0 30%;
  display: block;
  content: "";
  margin: 18px 0;
}

/* line 2506, common.scss */
.commonListWrap .commonTextList li a {
  font-weight: bold;
  font-size: 1.1rem;
}

/*====================
contactBtn
====================*/
/* line 2518, common.scss */
a.contactBtn {
  display: block;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #031f28;
  background-repeat: no-repeat;
  background-position: 14% 50%;
  background-size: 27px auto;
}

/* line 2528, common.scss */
a.contactBtn:hover {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 14% 50%;
  color: #031f28;
}

@media only screen and (max-width: 640px) {

  /* line 2518, common.scss */
  a.contactBtn {
    width: 60%;
    margin: 0 auto;
    padding: 2% 0 2% 20px;
  }
}

/* line 2543, common.scss */
#footerContact a.contactBtn {
  min-width: 260px;
  float: left;
  font-size: 1rem;
  padding: 15px 30px 15px 70px;
  background-size: 27px auto;
}

@media only screen and (max-width: 640px) {

  /* line 2543, common.scss */
  #footerContact a.contactBtn {
    float: none;
    min-width: 0;
    width: 80%;
  }
}

/* line 2555, common.scss */
#footerContact a.contactBtn:hover {
  background: #d2ff00;
  background-repeat: no-repeat;
  background-position: 14% 50%;
  background-size: 27px auto;
}

/* line 2566, common.scss */
#globalTelBtn a.contactBtn {
  width: 100%;
  background-size: 20px auto;
  background-position: 9% 50%;
  font-size: 0.8em;
  padding: 10px 0 10px 33px;
  background-size: 27px auto;
  background-repeat: no-repeat;
  background-position: 14% 50%;
  background-size: 20px auto;
}

@media only screen and (max-width: 640px) {

  /* line 2566, common.scss */
  #globalTelBtn a.contactBtn {
    width: 85%;
  }
}

/* line 2581, common.scss */
#globalTelBtn a.contactBtn:hover {
  background: #78bd36;
  background-repeat: no-repeat;
  background-position: 14% 50%;
  background-size: 20px auto;
}

/*====================
strong
====================*/
/* line 2596, common.scss */
.marker {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #ffffff), color-stop(100%, #d2ff00));
  background-image: -webkit-linear-gradient(#ffffff 30%, #d2ff00 100%);
  background-image: -moz-linear-gradient(#ffffff 30%, #d2ff00 100%);
  background-image: -o-linear-gradient(#ffffff 30%, #d2ff00 100%);
  background-image: linear-gradient(#ffffff 30%, #d2ff00 100%);
}

/*====================
table
====================*/
/* line 2603, common.scss */
.commonTable {
  border: 2px solid #E2E2E2;
  border-style: none solid;
  background: #FFF;
}

@media only screen and (max-width: 640px) {

  /* line 2603, common.scss */
  .commonTable {
    font-size: 0.85rem;
    border-style: none solid solid;
  }
}

/* line 2611, common.scss */
.commonTable tr {
  border: 2px solid #E2E2E2;
  border-style: solid none;
}

@media only screen and (max-width: 640px) {

  /* line 2611, common.scss */
  .commonTable tr {
    border-style: solid none none;
  }
}

@media only screen and (max-width: 640px) {
  .commonTable tr.buyBeginner_tr {
    display: none;
  }
}

/* line 2618, common.scss */
.commonTable th {
  padding: 15px 20px;
}

/* line 2621, common.scss */
.commonTable .head {
  background: #031f28;
  color: #FFF;
}

/* line 2625, common.scss */
.commonTable .term {
  background: #f0f2f3;
  vertical-align: middle;
}

/* line 2629, common.scss */
.commonTable td {
  padding: 15px 20px;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {

  /* line 2629, common.scss */
  .commonTable td {
    padding: 5px 1% 5px 20%;
  }
}

@media only screen and (max-width: 640px) {

  /* line 2640, common.scss */
  #content.beginner .commonTable table,
  #content.beginner .commonTable thead,
  #content.beginner .commonTable tbody,
  #content.beginner .commonTable th,
  #content.beginner .commonTable td,
  #content.beginner .commonTable tr {
    display: block;
  }

  /* line 2643, common.scss */
  #content.beginner .commonTable td {
    border: none;
    position: relative;
  }

  /* line 2647, common.scss */
  #content.beginner .commonTable td:before {
    position: absolute;
    left: 6px;
    width: 45%;
    white-space: nowrap;
  }

  /* line 2653, common.scss */
  #content.beginner .commonTable td:nth-of-type(1):before {
    content: '持ち家';
  }

  /* line 2656, common.scss */
  #content.beginner .commonTable td:nth-of-type(2):before {
    content: '賃貸';
  }

  /* line 2659, common.scss */
  #content.beginner .commonTable thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
}

/*-----　見出し含め3列　-----*/
/* line 2671, common.scss */
.commonTable.col3 td {
  width: 42%;
  border-left: 2px solid #E2E2E2;
}

@media only screen and (max-width: 640px) {

  /* line 2671, common.scss */
  .commonTable.col3 td {
    width: 100%;
    border: none;
  }
}

/* line 2679, common.scss */
.commonTable.col3 .term {
  min-width: 135px;
  width: 16%;
}

@media only screen and (max-width: 640px) {

  /* line 2679, common.scss */
  .commonTable.col3 .term {
    min-width: 0;
    width: 100%;
  }
}

/*====================
買う　-　はじめての方へ
====================*/
/* line 2694, common.scss */
#content.buy .matomeList {
  margin: 0 22px;
}

/* line 2696, common.scss */
#content.buy .matomeList li {
  font-weight: bold;
  font-size: 1.1rem;
}

/* line 2699, common.scss */
#content.buy .matomeList li:before {
  float: left;
  background: #031f28;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  font-size: 1rem;
  padding: 3px;
  margin: 0 18px 0 0;
}

/* line 2712, common.scss */
#content.buy .matomeList li:after {
  background: linear-gradient(-135deg, #ffffff 2px, transparent 0%) 0 2px, linear-gradient(135deg, #ffffff 2px, #e4e4d2 0%) 0 2px;
  background-color: #fff;
  background-size: 4px 3px;
  height: 4px;
  background-repeat: repeat-x;
  background-position: 0 30%;
  display: block;
  content: "";
  margin: 18px 0;
}

/*20181208追記*/
#content.buy .textColumn.w70 {
  width: 70%;
  float: left;
}

#content.buy .imageColumn.w30 {
  width: 100%;
}

#content.buy .w30 img {
  width: 30%;
}

@media only screen and (max-width: 640px) {
  #content.buy .textColumn.w70 {
    width: 100%;
    float: none;
    padding: 0 0 4% !important;
  }

  #content.buy .w30 img {
    width: 100%;
  }
}

#content.buy .textColumn.w50 {
  width: 50%;
  float: left;
}

#content.buy .imageColumn.w50 {
  width: 100%;
}

#content.buy .w50 img {
  width: 50%;
}

#content.buy .pb22 {
  padding-bottom: 22px;
}

@media only screen and (max-width: 640px) {
  #content.buy .textColumn.w50 {
    width: 100%;
    float: none;
    padding: 0 0 4% !important;
  }

  #content.buy .w50 img {
    width: 100%;
  }
}


#content.buy .spOnly {
  display: none;
}

@media only screen and (max-width: 640px) {
  #content.buy .pcOnly {
    display: none;
  }

  #content.buy .spOnly {
    display: block;
  }

  #content.buy .fukidashiTitle p {
    margin: 4% auto 4%;
  }

  #content.buy .commonTable .head {
    background: #f0f2f3;
    color: #000;
  }

  #content.buy .commonTable.col3 .term {
    background: #031f28;
    color: #FFF;
  }

  #content.buy .meritWrap .meritList li:before {
    margin: 0px 18px 30px 0;
  }
}



/* line 2725, common.scss */
.meritWrap {
  border: solid 3px #EAEAE0;
  padding: 24px;
  background-color: #FDFDFD;
  border-radius: 5px;
}

@media only screen and (max-width: 640px) {

  /* line 2725, common.scss */
  .meritWrap {
    padding: 2%;
  }
}

/* line 2733, common.scss */
.meritWrap .meritTitle {
  padding: 14px 0;
  text-align: center;
  font-weight: bold;
  background-color: #F4F4EE;
  margin: 0 0 38px;
}

/* line 2740, common.scss */
.meritWrap .meritList {
  margin: 0 22px;
  counter-reset: number;
  /* 名前を付けたカウンターをリセット */
  list-style: none;
  /* olが数字を付けることをキャンセル */
}

@media only screen and (max-width: 640px) {

  /* line 2740, common.scss */
  .meritWrap .meritList {
    margin: 0px 2%;
  }
}

/* line 2749, common.scss */
.meritWrap .meritList li:before {
  counter-increment: number;
  content: counter(number);
  float: left;
  background: #031f28;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  font-size: 1rem;
  padding: 3px;
  margin: 0 18px 0 0;
}

/* line 2764, common.scss */
.meritWrap .meritList li:after {
  background: linear-gradient(-135deg, #ffffff 2px, transparent 0%) 0 2px, linear-gradient(135deg, #ffffff 2px, #e4e4d2 0%) 0 2px;
  background-color: #fff;
  background-size: 4px 3px;
  height: 4px;
  background-repeat: repeat-x;
  background-position: 0 30%;
  display: block;
  content: "";
  margin: 18px 0;
}

@media only screen and (max-width: 640px) {

  /* line 2764, common.scss */
  .meritWrap .meritList li:after {
    margin: 4% 0;
  }
}

/* line 2778, common.scss */
.meritWrap .meritList li a {
  font-weight: bold;
  font-size: 1.1rem;
}


/*====================
買う　-　質問集
====================*/
/* line 2790, common.scss */
.faqCategoryTitle {
  text-align: center;
  padding: 30px 0;
}

/* line 2795, common.scss */
#faqWrap {
  overflow: hidden;
  background: #fff;
}

/* line 2799, common.scss */
#faqTabMenu li {
  list-style: none;
}

/* line 2800, common.scss */
#faqTabMenu li a {
  float: left;
  display: block;
  background: #F0F2F3;
  color: #031F28;
  width: 33.3%;
  text-decoration: none;
  text-align: center;
  padding: 8px 0;
  border: 1px solid #DADADA;
  border-style: none solid solid none;
}

@media only screen and (max-width: 640px) {

  /* line 2800, common.scss */
  #faqTabMenu li a {
    /* width: 50%; */
    width: 100%;
  }
}

/* line 2816, common.scss */
#faqTabMenu li a:hover {
  background: #78bd36;
  color: #fff;
}

/* line 2821, common.scss */
#faqTabMenu li.current a {
  background: #78BD36;
  color: #fff;
}

/* line 2826, common.scss */
#faqTabContentsInner>div {
  clear: both;
}

/* line 2831, common.scss */
#faqTabContentsInner .current {
  display: block;
}

/* line 2832, common.scss */
#faqTabContentsInner #faqTab_01.first {
  display: block;
}

/* line 2834, common.scss */
.faqCategoryList {
  margin: 0 auto 30px;
  width: 90%;
}

@media only screen and (max-width: 640px) {

  /* line 2834, common.scss */
  .faqCategoryList {
    width: 100%;
  }
}

/* line 2841, common.scss */
.faqCategoryList li a {
  text-decoration: underline;
  padding: 8px 0 8px 2rem;
  text-indent: -1rem;
  display: block;
}

/* line 2846, common.scss */
.faqCategoryList li a::before {
  content: 'Q.';
  display: inline-block;
  padding: 0 4px 0 0;
  font-size: 1.1rem;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
}

/* line 2854, common.scss */
.faqCategoryList li a:hover {
  text-decoration: none;
}

/* line 2860, common.scss */
.faqAnswer {
  width: 90%;
  margin: 0 auto;
}

@media only screen and (max-width: 640px) {

  /* line 2860, common.scss */
  .faqAnswer {
    width: 100%;
  }
}

/* line 2866, common.scss */
.faqAnswer dt {
  padding: 8px 18px 8px 2.5rem;
  text-indent: -1.5rem;
  display: block;
  background: #F0F2F3;
}

/* line 2871, common.scss */
.faqAnswer dt::before {
  content: 'Q.';
  display: inline-block;
  padding: 0 4px 0 0;
  font-size: 1.1rem;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  text-indent: 0;
}

/* line 2881, common.scss */
.faqAnswer dd {
  padding: 12px 2.5rem 28px;
}

/*====================
実例紹介
====================*/
/* line 2891, common.scss */
#content.works .worksGroup {
  overflow: hidden;
  margin: 80px 0;
}

@media only screen and (max-width: 640px) {

  /* line 2891, common.scss */
  #content.works .worksGroup {
    margin: 8% 0 12%;
  }
}

/* line 2899, common.scss */
#content.works .worksBlock {
  margin: 0 0 0 2%;
  float: left;
  width: 32%;
}

@media only screen and (max-width: 640px) {

  /* line 2899, common.scss */
  #content.works .worksBlock {
    width: 100%;
    margin: 0;
    float: none;
    margin: 0 0 4% 0 !important;
  }
}

/* line 2909, common.scss */
#content.works .worksBlock a {
  display: block;
}

/* line 2912, common.scss */
#content.works .worksBlock:first-child {
  margin: 0;
}

/* line 2915, common.scss */
#content.works .worksBlock:nth-child(3n+1) {
  margin: 0;
}

@media only screen and (max-width: 640px) {

  /* line 2915, common.scss */
  #content.works .worksBlock:nth-child(3n+1) {
    margin: 0 0 0 2%;
  }
}

@media only screen and (max-width: 640px) {

  /* line 2921, common.scss */
  #content.works .worksBlock:nth-child(2n+1) {
    margin: 0;
  }
}

/* line 2926, common.scss */
#content.works .worksBlock:nth-child(n+4) {
  margin-top: 2%;
}

@media only screen and (max-width: 640px) {

  /* line 2926, common.scss */
  #content.works .worksBlock:nth-child(n+4) {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 640px) {

  /* line 2932, common.scss */
  #content.works .worksBlock:nth-child(n+3) {
    margin-top: 30px;
  }
}

/* line 2937, common.scss */
#content.works .worksBlock h2 {
  position: relative;
  top: 40px;
  font-size: 1.1rem;
  color: #FFF;
  text-align: center;
}

@media only screen and (max-width: 640px) {

  /* line 2937, common.scss */
  #content.works .worksBlock h2 {
    position: static;
    top: 0;
    font-size: 1rem;
  }
}

/* line 2948, common.scss */
#content.works .worksBlock h2 span {
  display: block;
  text-align: center;
  font-size: 1.5rem;
}

@media only screen and (max-width: 640px) {

  /* line 2948, common.scss */
  #content.works .worksBlock h2 span {
    font-size: 1rem;
  }
}

/* line 2957, common.scss */
#content.works .worksBlock img {
  width: 100%;
  height: auto;
}

/* line 2961, common.scss */
#content.works .worksBlock p {
  line-height: 1.6;
  font-size: 0.95em;
  color: #FFF;
}

/* line 2968, common.scss */
#content.works .worksBlock {
  position: relative;
  overflow: hidden;
}

/* line 2972, common.scss */
#content.works .caption {
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
}

@media only screen and (max-width: 640px) {

  /* line 2972, common.scss */
  #content.works .caption {
    padding: 2%;
    position: static;
    width: 100%;
    height: auto;
    background: #031f28;
    opacity: 1;
  }
}

/* line 2993, common.scss */
#content.works .worksBlock:hover .caption {
  opacity: 1;
}

/*====================
実例紹介
====================*/
/* line 3002, common.scss */
#content.worksDetail {
  /*メインスライド*/
  /*メインスライドナビ*/
}

/* line 3004, common.scss */
#content.worksDetail .worksMainSlide {
  display: none;
  max-width: 1100px;
  margin: 0 auto 30px;
}

/* line 3008, common.scss */
#content.worksDetail .worksMainSlide img {
  width: 100%;
  height: auto;
  display: block;
  max-height: 730px;
}

/* line 3016, common.scss */
#content.worksDetail .worksMainSlide.slideWorks-nav {
  max-width: none;
}

/* line 3018, common.scss */
#content.worksDetail .worksMainSlide.slideWorks-nav .slick-slide {
  margin: 0 0 0 10px;
}

/* line 3020, common.scss */
#content.worksDetail .worksMainSlide.slideWorks-nav .slick-slide img {
  cursor: pointer;
}

/* line 3022, common.scss */
#content.worksDetail .worksMainSlide.slideWorks-nav .slick-slide img:hover {
  opacity: .7;
}

/* line 3028, common.scss */
#content.worksDetail .commonTable {
  margin: 20px auto 50px;
  width: 100%;
}

@media only screen and (max-width: 640px) {

  /* line 3028, common.scss */
  #content.worksDetail .commonTable {
    margin: 0% auto;
  }
}

/* line 3034, common.scss */
#content.worksDetail .commonTable th {
  background: #f5f5f7;
  text-align: center;
  max-width: 100px;
  padding: 8px 20px;
  width: 15%;
}

@media only screen and (max-width: 640px) {

  /* line 3034, common.scss */
  #content.worksDetail .commonTable th {
    width: auto;
    padding: 0 20px;
  }
}

/* line 3045, common.scss */
#content.worksDetail .commonTable td {
  padding: 8px 20px;
  max-width: 260px;
  width: 35%;
}

@media only screen and (max-width: 640px) {

  /* line 3051, common.scss */
  #content.worksDetail table.commonTable {
    border: 1px solid #E2E2E2;
    border-style: solid solid none;
    margin: 0% auto 8%;
  }
}

@media only screen and (max-width: 640px) {

  /* line 3058, common.scss */
  #content.worksDetail table.commonTable th {
    width: 30% !important;
    display: inline-block;
    border-bottom: 1px solid #E2E2E2;
  }

  /* line 3063, common.scss */
  #content.worksDetail table.commonTable th:last-child {
    border-bottom: none;
  }
}

@media only screen and (max-width: 640px) {

  /* line 3068, common.scss */
  #content.worksDetail table.commonTable td {
    width: 69% !important;
    display: inline-block;
    border-bottom: 1px solid #E2E2E2;
  }
}

@media only screen and (max-width: 640px) {

  /* line 3078, common.scss */
  #content.worksDetail table.commonTable tr {
    border: none;
  }
}

/* line 3085, common.scss */
#content.worksDetail .worksText {
  max-width: 600px;
  margin: 0 auto 20px;
}

/* line 3089, common.scss */
#content.worksDetail .worksText p {
  margin: 0 0 30px;
  font-size: 1.1rem;
}

@media only screen and (max-width: 640px) {

  /* line 3089, common.scss */
  #content.worksDetail .worksText p {
    font-size: 1rem;
  }
}

/* line 3096, common.scss */
#content.worksDetail .worksImgWrap {
  overflow: hidden;
}

/* line 3103, common.scss */
#content.worksDetail .worksImgWrap .worksImg ul {
  float: left;
}

@media only screen and (max-width: 640px) {

  /* line 3103, common.scss */
  #content.worksDetail .worksImgWrap .worksImg ul {
    float: none;
  }
}

/* line 3108, common.scss */
#content.worksDetail .worksImgWrap .worksImg ul li {
  margin: 40px 0 0 0;
}

/* line 3113, common.scss */
#content.worksDetail .worksImgWrap .worksImg ul li img {
  display: block;
  width: 100%;
  height: auto;
}

/* line 3121, common.scss */
#content.worksDetail .worksImgWrap .worksImg.large ul {
  width: 50%;
}

/* line 3123, common.scss */
#content.worksDetail .worksImgWrap .worksImg.large ul span {
  display: block;
  padding: 8px 0;
  text-align: center;
  font-size: 0.85rem;
  color: #737373;
  line-height: 1rem;
}

@media only screen and (max-width: 640px) {

  /* line 3121, common.scss */
  #content.worksDetail .worksImgWrap .worksImg.large ul {
    width: auto;
  }
}

/* line 3135, common.scss */
#content.worksDetail .worksImgWrap .worksImg.small ul {
  width: 23%;
}

/* line 3137, common.scss */
#content.worksDetail .worksImgWrap .worksImg.small ul:first-child {
  margin: 0 2% 0 0;
}

/* line 3141, common.scss */
#content.worksDetail .worksImgWrap .worksImg ul.after {
  float: right;
}

/* line 3145, common.scss */
#content.worksDetail .worksImgWrap .worksImg ul.before,
#content.worksDetail .worksImgWrap .worksImg ul.after {
  width: 48%;
}

@media only screen and (max-width: 640px) {

  /* line 3145, common.scss */
  #content.worksDetail .worksImgWrap .worksImg ul.before,
  #content.worksDetail .worksImgWrap .worksImg ul.after {
    width: 100%;
  }
}

/* line 3152, common.scss */
#content.worksDetail .worksPoint {
  clear: both;
  padding: 40px 30px 60px;
}

@media only screen and (max-width: 640px) {

  /* line 3152, common.scss */
  #content.worksDetail .worksPoint {
    padding: 10px 0px 30px;
  }
}

/* line 3160, common.scss */
#content.worksDetail .before .worksImgCaption,
#content.worksDetail .after .worksImgCaption {
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
}

/* line 3166, common.scss */
#content.worksDetail .worksGrid {
  overflow: hidden;
  padding: 0.5em 0 0 0.5em;
  max-width: 76em;
  margin: 0 auto;
}

/* line 3172, common.scss */
#content.worksDetail .worksGrid li {
  padding: 0 0.5em 0.5em 0;
}

/* line 3178, common.scss */
#content.worksDetail .worksGrid li img {
  width: 100%;
  height: auto;
  display: block;
}

@media all and (min-width: 27em) {

  /* line 3185, common.scss */
  #content.worksDetail .worksGrid li {
    width: 50%;
    float: left;
  }
}

@media all and (min-width: 40em) {

  /* line 3192, common.scss */
  #content.worksDetail .worksGrid li {
    width: 33.3333333%;
  }

  /* line 3195, common.scss */
  #content.worksDetail .worksGrid li.wide {
    width: 66.666666%;
  }
}

@media all and (min-width: 60em) {

  /* line 3200, common.scss */
  #content.worksDetail .worksGrid li {
    width: 25%;
  }

  /* line 3203, common.scss */
  #content.worksDetail .worksGrid li.wide {
    width: 50%;
  }
}

@media only screen and (max-width: 640px) {

  /* line 3208, common.scss */
  #content.worksDetail table,
  #content.worksDetail thead,
  #content.worksDetail tbody,
  #content.worksDetail th,
  #content.worksDetail td,
  #content.worksDetail tr {
    display: block;
  }

  /* line 3211, common.scss */
  #content.worksDetail td {
    border: none;
    position: relative;
  }

  /* line 3215, common.scss */
  #content.worksDetail td:before {
    position: absolute;
    left: 6px;
    width: 45%;
    white-space: nowrap;
  }

  /* line 3221, common.scss */
  #content.worksDetail thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
}

/*====================
スタッフ紹介
====================*/
/* line 3236, common.scss */
#staffList {
  max-width: 800px;
  overflow: hidden;
  margin: 80px auto 0;
}

@media only screen and (max-width: 640px) {

  /* line 3236, common.scss */
  #staffList {
    margin: 8% auto 0;
  }
}

/* line 3243, common.scss */
#staffList .staffMember {
  position: relative;
  overflow: hidden;
  float: left;
  width: 25%;
  padding: 0px 0 40px 2%;
}

/* 200226 kinoshita 追記*/
#staffList .staffMember a {
  display: flex;
  flex-flow: column;
  align-items: center;
}

@media only screen and (max-width: 640px) {

  /* line 3243, common.scss */
  #staffList .staffMember {
    padding: 0px 0 4% 2%;
  }
}

/* line 3252, common.scss */
#staffList .staffMember:first-child {
  margin: 0;
}

/* line 3256, common.scss */
#staffList .staffMember:nth-child(4n+1) {
  clear: both;
  margin: 0;
}

/* line 3261, common.scss */
#staffList .staffMember img {
  width: 100%;
  height: auto;
  border-radius: 180px;
  width: 180px;
  height: 180px;
}

@media only screen and (max-width: 640px) {

  /* line 3261, common.scss */
  #staffList .staffMember img {
    border-radius: 150px;
    width: 150px;
    height: 150px;
  }
}

/* line 3273, common.scss */
#staffList .staffMember a:hover {
  opacity: .6;
  display: block;
}

@media only screen and (max-width: 640px) {

  /* line 3243, common.scss */
  #staffList .staffMember {
    width: 49%;
  }

  /* line 3280, common.scss */
  #staffList .staffMember:nth-child(2n) {
    clear: inherit;
    float: left;
    margin: 0 0 0 2%;
  }

  /* line 3286, common.scss */
  #staffList .staffMember:nth-child(2n+1) {
    clear: both;
    margin: 0;
  }
}

/* line 3295, common.scss */
#staffList .caption {
  padding: 10px 0;
  text-align: center;
  margin: 0 auto;
}

/* line 3302, common.scss */
#staffList .caption p span {
  font-size: 80%;

  /* 200226 kinoshita 追記 */
  line-height: 1.6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 4px;
  min-height: 3.2em;
}

#staffList .caption p span.license {
  font-size: 70%;
}


/*====================
スタッフ紹介 詳細
====================*/
/* line 3316, common.scss */
.staffMainImg {
  width: 800px;
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 640px) {

  /* line 3316, common.scss */
  .staffMainImg {
    width: 100%;
    height: 240px;
    overflow: visible;
    margin-bottom: 0px;
  }
}

/* line 3328, common.scss */
.staffMainImg img {
  max-width: 500px;
  height: auto;
}

@media only screen and (max-width: 640px) {

  /* line 3328, common.scss */
  .staffMainImg img {
    width: 100%;
  }
}

/* line 3336, common.scss */
.staffMainImg .name {
  width: 300px;
  height: 350px;
  background-color: #031f28;
  position: absolute;
  top: 0;
  right: 0;
}

@media only screen and (max-width: 640px) {

  /* line 3336, common.scss */
  .staffMainImg .name {
    width: 100%;
    height: 150px;
    bottom: -150px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    top: inherit;
  }
}

/* line 3354, common.scss */
.staffMainImg .name .nameInner {
  width: 300px;
  height: 350px;
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {

  /* line 3354, common.scss */
  .staffMainImg .name .nameInner {
    vertical-align: middle;
    width: 100%;
    height: 150px;
    top: inherit;
    padding-top: 35px;
    display: inherit;
  }
}

/* line 3369, common.scss */
.staffMainImg .name .nameInner .enName {
  text-align: center;
  color: #FFF;
  font-size: 1.3rem;
}

/* line 3375, common.scss */
.staffMainImg .name .nameInner .jobName {
  text-align: center;
  color: #FFF;
}

/* line 3379, common.scss */
.staffMainImg .name .nameInner .jobName span {
  font-size: 80%;
}

/* line 3383, common.scss */
.staffMainImg .name .nameInner .jobText {
  margin: 30px 0 0;
  padding: 8px 48px;
  color: #fff;
  font-size: 0.9rem;
}

/* line 3394, common.scss */
.staffCopy {
  margin: 50px 0 0 0;
}

@media only screen and (max-width: 640px) {

  /* line 3394, common.scss */
  .staffCopy {
    padding-top: 40%;
  }
}

/* line 3399, common.scss */
.staffCopy .text {
  max-width: 600px;
  margin: 0 auto;
}

@media only screen and (max-width: 640px) {

  /* line 3399, common.scss */
  .staffCopy .text {
    margin: 0 auto 8%;
  }
}

/* line 3409, common.scss */
#content.staff h2.cornerTitle {
  text-align: center;
  font-size: 1.4rem;
  margin: 0 0 50px;
}

@media only screen and (max-width: 640px) {

  /* line 3409, common.scss */
  #content.staff h2.cornerTitle {
    margin: 0 0 4%;
  }
}

/* line 3416, common.scss */
#content.staff h2.cornerTitle span {
  font-size: 1rem;
  padding: 0 0 0 20px;
  font-size: 0.9rem;
}

/* line 3425, common.scss */
.staffFavorite {
  padding-top: 100px;
  overflow: hidden;
  text-align: center;
}

@media only screen and (max-width: 640px) {

  /* line 3425, common.scss */
  .staffFavorite {
    padding-top: 8%;
  }
}

/* line 3432, common.scss */
.staffFavorite .staffFavoriteWrap {
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}

/* line 3438, common.scss */
.staffFavorite .fvBox {
  width: 27%;
  padding: 10px 0;
  display: inline-block;
  vertical-align: top;
}

@media only screen and (max-width: 640px) {

  /* line 3438, common.scss */
  .staffFavorite .fvBox {
    width: 100%;
    margin: 0 auto;
    display: block;
  }
}

/* line 3448, common.scss */
.staffFavorite .fvBox img {
  width: 200px;
  height: 200px;
  border-radius: 500px;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width: 640px) {

  /* line 3460, common.scss */
  .staffFavorite .fv01 {
    float: inherit;
  }
}

/* line 3466, common.scss */
.staffFavorite .fv01 p {
  position: relative;
  text-align: center;
  font-size: .9rem;
  padding: 10px;
}

@media only screen and (max-width: 640px) {

  /* line 3474, common.scss */
  .staffFavorite .fv02 {
    float: inherit;
  }
}

/* line 3479, common.scss */
.staffFavorite .fv02 p {
  position: relative;
  text-align: center;
  font-size: .9rem;
  padding: 10px;
}

@media only screen and (max-width: 640px) {

  /* line 3487, common.scss */
  .staffFavorite .fv03 {
    float: inherit;
  }
}

/* line 3492, common.scss */
.staffFavorite .fv03 p {
  position: relative;
  text-align: center;
  font-size: .9rem;
  padding: 10px;
}

/* line 3504, common.scss */
.staffQA {
  width: 600px;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 100px;
}

@media only screen and (max-width: 640px) {

  /* line 3504, common.scss */
  .staffQA {
    padding-top: 4%;
  }
}

/* line 3508, common.scss */
.staffQA .staffQAColWrap {
  display: table;
  width: 100%;
}

@media only screen and (max-width: 640px) {

  /* line 3504, common.scss */
  .staffQA {
    width: 100%;
    padding-top: 0px;
    display: block;
  }
}

/* line 3523, common.scss */
.staffQA .qa {
  width: 50%;
  display: table-cell;
  padding: 0 0 0 2%;
}

@media only screen and (max-width: 640px) {

  /* line 3523, common.scss */
  .staffQA .qa {
    width: 100%;
    padding-top: 0px;
    display: block;
  }
}

/* line 3532, common.scss */
.staffQA .qa:first-child {
  padding: 0;
}

/* line 3535, common.scss */
.staffQA .qa .qText {
  padding: 5px 0 10px 0;
  padding-left: 2em;
  text-indent: -1em;
  margin-left: 20px;
  border-bottom: dotted 1px #BABABA;
}

@media only screen and (max-width: 640px) {

  /* line 3535, common.scss */
  .staffQA .qa .qText {
    padding-right: 20px;
    height: auto;
    margin-left: 0;
  }
}

/* line 3548, common.scss */
.staffQA .qa .qText span {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
}

/* line 3552, common.scss */
.staffQA .qa .qText span:before {
  content: 'Q ';
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  color: #031f28;
  display: inline-block;
}

/* line 3562, common.scss */
.staffQA .qa .aText {
  overflow: hidden;
  padding: 5px 0 50px 0;
  padding-left: 2em;
  text-indent: -1em;
  margin-left: 20px;
}

@media only screen and (max-width: 640px) {

  /* line 3562, common.scss */
  .staffQA .qa .aText {
    padding-right: 20px;
    margin-left: 0;
    padding: 0px 0 8% 2em;
  }
}

/* line 3575, common.scss */
.staffQA .qa .aText:before {
  content: 'A ';
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  color: #78bd36;
  display: inline-block;
}

/*====================
スタッフ紹介 詳細内 共通
====================*/
/* line 3590, common.scss */
#footStaffList {
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 100px;
}

/* line 3596, common.scss */
#footStaffList .fontTitle {
  clear: both;
  font-size: 110%;
  padding: 16px 0 6px;
}

/* line 3602, common.scss */
#footStaffList .staffMember {
  position: relative;
  overflow: hidden;
  float: left;
  width: 18.4%;
  margin: 0 0 0 2%;
  padding-top: 10px;
}

/* line 3610, common.scss */
#footStaffList .staffMember.Mem01,
#footStaffList .staffMember.Mem06 {
  clear: both;
  margin: 0;
}

/* line 3615, common.scss */
#footStaffList .staffMember img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 640px) {

  /* line 3602, common.scss */
  #footStaffList .staffMember {
    width: 49%;
  }

  /* line 3623, common.scss */
  #footStaffList .staffMember:nth-child(2n+1) {
    clear: inherit;
    float: left;
    margin: 0 0 0 2%;
  }

  /* line 3629, common.scss */
  #footStaffList .staffMember:nth-child(2n) {
    clear: both;
    margin: 0;
  }
}

/* line 3640, common.scss */
#footStaffList .caption {
  padding: 5px 0;
  text-align: center;
  margin: 0 auto;
}

/* line 3647, common.scss */
#footStaffList .caption p span {
  font-size: 80%;
}

/*====================
物件検索
====================*/
/* line 3660, common.scss */
.sell_search {
  /* searchArea */
}

/* line 3662, common.scss */
.sell_search #searchArea {
  border: solid 1px #ddd;
  background-color: #fafafa;
  padding: 20px;
  overflow: hidden;
  margin-bottom: 30px;
  font-size: 0.9rem;
}

@media only screen and (max-width: 640px) {

  /* line 3662, common.scss */
  .sell_search #searchArea {
    border: none;
    padding: 0;
    margin-bottom: 4%;
  }
}

/* line 3674, common.scss */
.sell_search #searchArea #form_type {
  border: solid 1px #ddd;
  width: 100%;
}

/* line 3677, common.scss */
.sell_search #searchArea #form_type th {
  background: #78bd36;
  color: #FFF;
  width: 135px;
  vertical-align: middle;
  border-top: solid 1px #fff;
}

/* line 3684, common.scss */
.sell_search #searchArea #form_type tr:first-child th {
  border-top: none;
}

/* line 3687, common.scss */
.sell_search #searchArea #form_type td {
  padding: 8px 18px;
  background: #FFF;
  vertical-align: middle;
  border-top: solid 1px #ddd;
}

/* line 3692, common.scss */
.sell_search #searchArea #form_type td label {
  padding: 8px 10px;
  display: inline-block;
}

/* line 3697, common.scss */
.sell_search #searchArea #form_type tr:first-child td {
  border-top: none;
}

/* line 3702, common.scss */
.sell_search #searchArea #form_other {
  border: solid 1px #ddd;
  width: 100%;
  margin-top: 16px;
}

/* line 3706, common.scss */
.sell_search #searchArea #form_other th {
  background: #78bd36;
  color: #FFF;
  width: 135px;
  vertical-align: middle;
  border-top: solid 1px #fff;
}

/* line 3713, common.scss */
.sell_search #searchArea #form_other tr:first-child th {
  border-top: none;
}

/* line 3716, common.scss */
.sell_search #searchArea #form_other td {
  padding: 8px 18px;
  background: #FFF;
  vertical-align: middle;
  border-top: solid 1px #ddd;
}

/* line 3721, common.scss */
.sell_search #searchArea #form_other td label {
  padding: 8px 10px;
  display: inline-block;
}

/* line 3726, common.scss */
.sell_search #searchArea #form_other tr:first-child td {
  border-top: none;
}

/* line 3731, common.scss */
.sell_search #searchArea #search_submit {
  text-align: center;
}

/* line 3733, common.scss */
.sell_search #searchArea #search_submit input {
  padding: 18px 80px;
  margin: 30px auto 0px;
  font-size: 1rem;
  font-weight: bold;
  background: #031f28;
  color: #FFF;
}

@media only screen and (max-width: 640px) {

  /* line 3733, common.scss */
  .sell_search #searchArea #search_submit input {
    padding: 4% 80px;
    margin: 8% auto 0px;
    font-size: 0.85rem;
  }
}

/* line 3748, common.scss */
.sell_search #searchArea select,
.sell_search #searchArea input {
  border: solid 1px #ccc;
  padding: 6px 18px;
  font-family: Arial, sans-serif;
  text-transform: uppercase;
  color: #333;
  cursor: pointer;
  background: #f2f2f2;
  margin-right: 5px;
}

/* line 3766, common.scss */
.sell_search #searchArea select[name='Madori1'],
.sell_search #searchArea select[name='Madori2'],
.sell_search #searchArea select[name='Kakaku1'],
.sell_search #searchArea select[name='Kakaku2'],
.sell_search #searchArea select[name='Smenseki1'],
.sell_search #searchArea select[name='Smenseki2'],
.sell_search #searchArea select[name='Chiku1'],
.sell_search #searchArea select[name='Chiku2'] {
  width: 150px;
}

/* line 3773, common.scss */
.sell_search #searchArea select[name='Kakaku2'],
.sell_search #searchArea select[name='Madori2'],
.sell_search #searchArea select[name='Smenseki2'],
.sell_search #searchArea select[name='Chiku2'] {
  margin-top: 5px;
}

/* line 3777, common.scss */
.sell_search #searchArea input[type='text'] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}

/* line 3781, common.scss */
.sell_search #searchArea input:focus {
  outline-offset: -2px;
}

/* line 3784, common.scss */
.sell_search #searchArea input::-webkit-search-decoration {
  display: none;
}

/* line 3790, common.scss */
.sell_search select[name='listup'] {
  border: solid 1px #ccc;
  padding: 6px 18px;
  font-family: Arial, sans-serif;
  text-transform: uppercase;
  color: #333;
  cursor: pointer;
}

/* line 3799, common.scss */
.sell_search .resultTitle {
  padding: 18px 0;
  font-size: 0.85rem;
}

/* line 3802, common.scss */
.sell_search .resultTitle small {
  display: none;
}

/* line 3807, common.scss */
.sell_search #table_result {
  margin: 40px auto 0;
  width: 100%;
  border: solid 1px #E5E5E5;
}

@media only screen and (max-width: 640px) {

  /* line 3807, common.scss */
  .sell_search #table_result {
    margin: 8% auto 0;
    width: 100%;
    display: block;
  }
}

/* line 3816, common.scss */
.sell_search #table_result .sumnail a {
  display: block;
  text-align: center;
}

/* line 3819, common.scss */
.sell_search #table_result .sumnail a img {
  width: 347px;
  height: 261px;
}

@media only screen and (max-width: 640px) {

  /* line 3819, common.scss */
  .sell_search #table_result .sumnail a img {
    width: 100%;
    height: auto;
  }
}

/* line 3830, common.scss */
.sell_search #table_result tr:nth-child(5n+1) td {
  border-top: solid 6px #ddd;
}

/* line 3834, common.scss */
.sell_search #table_result tr:first-child {
  border: none;
}

/* line 3838, common.scss */
.sell_search #table_result th {
  background: #4c4c4c;
  vertical-align: middle;
  color: #FFF;
  padding: 10px 0;
}

/* line 3844, common.scss */
.sell_search #table_result td {
  vertical-align: middle;
  font-size: 1.0rem;
  padding: 16px;
}

/* line 3848, common.scss */
.sell_search #table_result td a {
  font-size: 1.3em;
  font-weight: bold;
}

@media only screen and (max-width: 640px) {

  /* line 3848, common.scss */
  .sell_search #table_result td a {
    font-size: 1rem;
    width: 100%;
    display: block;
  }
}

/* line 3857, common.scss */
.sell_search #table_result td .tatemonoSyubetsu {
  font-size: 0.9rem;
  padding: 5px;
  background: #5DA519;
  color: #FFF;
  margin-left: 20px;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {

  /* line 3857, common.scss */
  .sell_search #table_result td .tatemonoSyubetsu {
    white-space: nowrap;
    margin-left: 0;
    font-size: 0.85rem;
  }
}

/* line 3870, common.scss */
.sell_search #table_result td.price {
  font-weight: normal;
  border: none;
  border-left: dotted 1px #E5E5E5;
}

/* line 3876, common.scss */
.sell_search #table_result td.sumnail {
  width: 360px;
  border-top: dotted 1px #E5E5E5;
}

@media only screen and (max-width: 640px) {

  /* line 3876, common.scss */
  .sell_search #table_result td.sumnail {
    padding: 0 12px !important;
  }
}

/* line 3883, common.scss */
.sell_search #table_result td.address {
  border: none;
  border-top: dotted 1px #E5E5E5;
}

/* line 3887, common.scss */
.sell_search #table_result td.kotsu {
  border: none;
  border-top: dotted 1px #E5E5E5;
}

@media only screen and (max-width: 640px) {

  /* line 3891, common.scss */
  .sell_search #table_result td.kotsu br {
    display: none;
  }
}

/* line 3896, common.scss */
.sell_search #table_result td.madori {
  border-right: dotted 1px #E5E5E5;
  border-top: dotted 1px #E5E5E5;
}

/* line 3901, common.scss */
.sell_search #table_result td.menseki {
  border-right: dotted 1px #E5E5E5;
}

/* line 3911, common.scss */
.sell_search .search_pager {
  margin: 25px auto 18px auto;
  font-size: 1.1rem;
  text-align: center;
}

/* line 3915, common.scss */
.sell_search .search_pager b,
.sell_search .search_pager a {
  display: inline-block;
  padding: 5px;
  margin: 0 3px;
}

/*====================
物件検索 詳細
====================*/
/* line 3930, common.scss */
.sell_search_result .introText {
  border: solid 1px #ddd;
  padding: 10px;
  margin-top: 20px;
}

/* line 3936, common.scss */
.sell_search_result #detail_map {
  display: block;
}

/* line 3940, common.scss */
.sell_search_result .detailMainTitle {
  border-left: solid 6px #5DA519;
  padding-left: 24px;
}

/* line 3945, common.scss */
.sell_search_result .midashi {
  font-size: 2rem !important;
}

/* line 3948, common.scss */
.sell_search_result .midashi span {
  font-size: 0.9rem;
  padding: 5px;
  background: #5DA519;
  color: #FFF;
  margin-left: 20px;
  vertical-align: middle;
}

/* line 3959, common.scss */
.sell_search_result p.kakaku {
  font-size: 1.4rem;
}

/* line 3965, common.scss */
.sell_search_result .subTitle {
  margin: 30px 0 10px 0;
  border-left: solid 6px #5DA519;
  padding-left: 10px;
  font-size: 1.1rem;
}

/* line 3972, common.scss */
.sell_search_result #detail_general {
  width: 100%;
  border: solid 1px #ddd;
  margin-bottom: 50px;
}

/* line 3977, common.scss */
.sell_search_result #detail_general th {
  width: 120px;
  background: #F2F2F2;
  padding: 20px 0;
  border: solid 1px #ddd;
}

/* line 3983, common.scss */
.sell_search_result #detail_general td {
  padding: 20px 0 20px 10px;
  border: solid 1px #ddd;
}

/* line 3989, common.scss */
.sell_search_result #detailPhotoArea {
  overflow: hidden;
}

/* line 3992, common.scss */
.sell_search_result #detailPhotoArea .lightBoxAttention {
  font-size: 0.8rem;
  margin-top: 10px;
  display: inline-block;
  float: left;
}

/* line 3999, common.scss */
.sell_search_result #detailPhotoArea #detail_photo {
  width: 100%;
  overflow: hidden;
  float: left;
  text-align: center;
  border: 1px solid #ddd;
  padding: 20px 0;
  margin-bottom: 20px;
}

@media only screen and (max-width: 640px) {

  /* line 4007, common.scss */
  .sell_search_result #detailPhotoArea #detail_photo img {
    width: 100%;
    height: auto;
    display: block;
  }
}

.sell_search_result #detailPhotoArea #detail_photo img {
  max-width: 100%;
  height: auto;
}

/* line 4018, common.scss */
.sell_search_result #detailPhotoArea #detail_other {
  float: left;
  width: 100%;
}

/* line 4021, common.scss */
.sell_search_result #detailPhotoArea #detail_other ul {
  overflow: hidden;
}

/* line 4023, common.scss */
.sell_search_result #detailPhotoArea #detail_other ul li {
  height: 80px;
  width: 13.4%;
  float: left;
  border: solid 1px #ddd;
  margin-right: 1%;
  overflow: hidden;
}

@media only screen and (max-width: 640px) {

  /* line 4023, common.scss */
  .sell_search_result #detailPhotoArea #detail_other ul li {
    height: auto;
  }
}

/* line 4033, common.scss */
.sell_search_result #detailPhotoArea #detail_other ul li a {
  overflow: hidden;
  display: block;
}

/* line 4037, common.scss */
.sell_search_result #detailPhotoArea #detail_other ul li img {
  width: 100%;
  height: auto;
}

/* line 4041, common.scss */
.sell_search_result #detailPhotoArea #detail_other ul li:nth-child(7n) {
  margin-right: 0px;
}

/* line 4044, common.scss */
.sell_search_result #detailPhotoArea #detail_other ul li:nth-child(8n) {
  clear: both;
}

/* line 4047, common.scss */
.sell_search_result #detailPhotoArea #detail_other ul li:nth-child(n+8) {
  margin-top: 1%;
}

/* line 4052, common.scss */
.sell_search_result #detailPhotoArea #detail_other p {
  font-size: 0.8rem;
}

/* line 4061, common.scss */
#detail_more {
  width: 100%;
  border: solid 1px #ddd;
  margin: 50px 0;
}

/* line 4066, common.scss */
#detail_more th {
  width: 120px;
  background: #F2F2F2;
  padding: 20px 0;
  border: solid 1px #ddd;
}

/* line 4072, common.scss */
#detail_more td {
  padding: 20px 0 20px 10px;
  border: solid 1px #ddd;
}

/* line 4078, common.scss */
#detail_more2 {
  width: 100%;
  margin: 50px 0;
}

/* line 4081, common.scss */
#detail_more2 .title {
  font-size: 1rem;
  font-weight: bold;
  padding: 15px 8px;
  width: 100%;
  display: inline-block;
  background-color: #f2f2f2;
  border: solid 1px #ddd;
  border-bottom: none;
}

/* line 4091, common.scss */
#detail_more2 .text {
  font-size: 1rem;
  padding: 15px 8px;
  border: solid 1px #ddd;
}

/* line 4099, common.scss */
#detail_map #map {
  width: 800px !important;
}

/* line 4104, common.scss */
.btnArea {
  text-align: center;
  overflow: hidden;
  display: table;
  width: 42%;
  margin: 40px auto 0 auto;
}

@media only screen and (max-width: 640px) {

  /* line 4104, common.scss */
  .btnArea {
    width: 70%;
  }
}

/* line 4113, common.scss */
.btnArea .sellDetailPrintBtn {
  clear: both;
  overflow: hidden;
  display: table-cell;
}

@media only screen and (max-width: 640px) {

  /* line 4113, common.scss */
  .btnArea .sellDetailPrintBtn {
    display: block;
  }
}

/* line 4120, common.scss */
.btnArea .sellDetailPrintBtn p {
  color: #fff;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #00374a;
  width: 180px;
  border: none;
  font-size: 1rem;
  padding: 12px 0;
  font-weight: bold;
  margin: 0 10px 0 0;
}

@media only screen and (max-width: 640px) {

  /* line 4120, common.scss */
  .btnArea .sellDetailPrintBtn p {
    width: 100%;
    margin: 0 auto;
  }
}

/* line 4142, common.scss */
.btnArea .sellDetailformBtn {
  display: table-cell;
}

@media only screen and (max-width: 640px) {

  /* line 4142, common.scss */
  .btnArea .sellDetailformBtn {
    display: block;
  }
}

/* line 4147, common.scss */
.btnArea .sellDetailformBtn input[type='button'] {
  color: #fff;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #00374a;
  background-repeat: no-repeat;
  background-position: 9% 50%;
  background-size: 20px auto;
  width: 220px;
  border: none;
  font-size: 1rem;
  padding: 15px 0 15px 33px;
  line-height: 1;
  font-weight: bold;
}

@media only screen and (max-width: 640px) {

  /* line 4147, common.scss */
  .btnArea .sellDetailformBtn input[type='button'] {
    width: 100%;
    margin: 4% auto 0;
  }
}

/* line 4170, common.scss */
.btnArea .sellDetailformBtn input[type='button']:hover {
  cursor: pointer;
}

/* line 4178, common.scss */
.sellDetailBackBtn {
  text-align: center;
  margin-top: 80px;
  display: inline-block;
  width: 100%;
}

@media only screen and (max-width: 640px) {

  /* line 4178, common.scss */
  .sellDetailBackBtn {
    margin-top: 8%;
    margin-bottom: 12%;
  }
}

/*====================
物件検索 お問い合わせ
====================*/
/* line 4196, common.scss */
.sell_search_form h3 {
  font-size: 1.2rem;
}

/* line 4199, common.scss */
.sell_search_form h3 .midashi {
  margin-top: 10px;
  font-size: 1.4rem;
  font-weight: bold;
}

/* line 4207, common.scss */
.sell_search_form .introText {
  border: solid 1px #ddd;
  padding: 10px;
  margin-top: 20px;
}

/* line 4215, common.scss */
.sell_search_form input[type='text']:focus,
.sell_search_form input[type='input']:focus,
.sell_search_form textarea:focus {
  outline: none;
  background-color: #f5f5f7;
}

/* line 4220, common.scss */
.sell_search_form #sub_right {
  width: 100%;
}

/* line 4223, common.scss */
.sell_search_form #sub_right #pan {
  margin-bottom: 25px;
}

/* line 4225, common.scss */
.sell_search_form #sub_right #pan img {
  vertical-align: middle;
}

/* line 4229, common.scss */
.sell_search_form #sub_right .mainTitle {
  font-size: 2.0rem;
  color: #404040;
  margin-bottom: 10px;
}

/* line 4234, common.scss */
.sell_search_form #sub_right #post_main {
  padding: 15px;
  margin-top: 40px;
}

/* line 4238, common.scss */
.sell_search_form #sub_right .subTitle {
  text-align: center;
  padding-bottom: 10px;
  font-weight: normal;
}

/* line 4242, common.scss */
.sell_search_form #sub_right .subTitle strong {
  font-weight: normal;
  font-size: 0.8rem;
}

/* line 4247, common.scss */
.sell_search_form #sub_right #post_form {
  margin-top: 60px;
  border-top: solid 1px #ddd;
  padding: 60px 36px 36px 36px;
}

/* line 4252, common.scss */
.sell_search_form #sub_right input[type='text'] {
  width: 100%;
  height: 45px;
  border: 1px solid #989898;
  -webkit-appearance: none;
  font-size: 1rem;
}

/* line 4259, common.scss */
.sell_search_form #sub_right .marker {
  font-weight: normal;
  font-size: 0.8rem;
  margin-left: 10px;
}

/* line 4264, common.scss */
.sell_search_form #sub_right #estate_inq_table1 {
  width: 430px;
  margin: 0 auto;
  border: solid 1px#000;
}

/* line 4268, common.scss */
.sell_search_form #sub_right #estate_inq_table1 th {
  text-align: left;
  width: 150px;
  padding: 14px;
}

/* line 4273, common.scss */
.sell_search_form #sub_right #estate_inq_table1 td {
  padding: 14px;
}

/* line 4277, common.scss */
.sell_search_form #sub_right #estate_inq_table2 {
  margin-bottom: 80px;
  width: 100%;
}

/* line 4280, common.scss */
.sell_search_form #sub_right #estate_inq_table2 th,
.sell_search_form #sub_right #estate_inq_table2 td {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 1rem;
  overflow: hidden;
}

/* line 4287, common.scss */
.sell_search_form #sub_right #estate_inq_table2 th {
  margin: 20px 0 5px 0;
}

/* line 4290, common.scss */
.sell_search_form #sub_right #estate_inq_table2 td {
  margin: 5px 0 33px 0;
}

/* line 4294, common.scss */
.sell_search_form #sub_right #estate_inq_table3 {
  width: 100%;
}

/* line 4296, common.scss */
.sell_search_form #sub_right #estate_inq_table3 th,
.sell_search_form #sub_right #estate_inq_table3 td {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 1rem;
  overflow: hidden;
}

/* line 4303, common.scss */
.sell_search_form #sub_right #estate_inq_table3 th {
  margin: 20px 0 5px 0;
}

/* line 4306, common.scss */
.sell_search_form #sub_right #estate_inq_table3 td {
  margin: 5px 0 10px 0;
}

/* line 4309, common.scss */
.sell_search_form #sub_right #estate_inq_table3 label {
  padding-right: 10px;
}

/* line 4312, common.scss */
.sell_search_form #sub_right #estate_inq_table3 textarea {
  width: 100%;
}

/* line 4316, common.scss */
.sell_search_form #sub_right .confVer {
  width: 60% !important;
  margin: 0 auto;
}

/* line 4320, common.scss */
.sell_search_form #sub_right .inq_information {
  margin-top: 20px;
  display: block;
  padding-bottom: 10px;
  text-align: center;
}

/* line 4327, common.scss */
.sell_search_form #sub_right .inq_submit input[type='button'] {
  width: 200px;
  margin: 0 auto;
  cursor: pointer;
  background-size: 20px auto;
  background-position: 9% 50%;
  border: 2px solid #fff;
  font-size: 0.8em;
  padding: 10px 0;
  display: block;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #5DA519;
}

/* line 4350, common.scss */
.sell_search_form #sub_right input[name='yubin1'],
.sell_search_form #sub_right input[name='yubin2'],
.sell_search_form #sub_right input[name='jusho1'],
.sell_search_form #sub_right input[name='jusho2'] {
  height: 45px;
  border: 1px solid #989898;
  -webkit-appearance: none;
  font-size: 1rem;
  display: block;
}

/* line 4357, common.scss */
.sell_search_form #sub_right input[name='yubin1'] {
  clear: both;
  width: 120px;
  float: left;
}

/* line 4362, common.scss */
.sell_search_form #sub_right input[name='yubin2'] {
  width: 200px;
  float: left;
}

/* line 4367, common.scss */
.sell_search_form #sub_right input[name='jusho1'],
.sell_search_form #sub_right input[name='jusho2'] {
  width: 100%;
}

/* line 4370, common.scss */
.sell_search_form #sub_right .text_yubin {
  display: block;
}

/* line 4373, common.scss */
.sell_search_form #sub_right .text_yubin_hy {
  padding: 0 10px;
  display: block;
  float: left;
  padding-top: 10px;
}

/* line 4379, common.scss */
.sell_search_form #sub_right .text_jusho1 {
  clear: both;
  display: block;
}

/* line 4383, common.scss */
.sell_search_form #sub_right .text_jusho2 {
  display: block;
}

/* line 4386, common.scss */
.sell_search_form #sub_right .confMsg {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: solid 1px #ddd;
}

/* line 4391, common.scss */
.sell_search_form #sub_right .confErrMsg {
  margin-bottom: 20px;
}

/* line 4394, common.scss */
.sell_search_form #sub_right #error_list {
  overflow: hidden;
  display: block;
  padding: 20px;
  border: solid 1px #ddd;
  margin: 40px 0;
}

/* line 4400, common.scss */
.sell_search_form #sub_right #error_list li {
  color: #D0121B;
}

/* line 4404, common.scss */
.sell_search_form #sub_right .finish {
  width: 60% !important;
  margin: 0 auto;
  padding-bottom: 100px;
}

/* line 4409, common.scss */
.sell_search_form #sub_right .finishMsg {
  margin-bottom: 40px;
}

/*====================
plan
====================*/
/* line 4424, common.scss */
.service .logo {
  margin: 0 0 40px;
}

/* line 4427, common.scss */
.service img {
  height: auto;
  width: 50%;
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {

  /* line 4427, common.scss */
  .service img {
    width: 75%;
  }
}

/* line 4437, common.scss */
.catch {
  text-align: center;
  margin: auto auto 32px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}

/* line 4443, common.scss */
.catch p {
  margin: auto auto 32px;
}

@media only screen and (max-width: 768px) {

  /* line 4443, common.scss */
  .catch p {
    font-size: 1rem;
    text-align: left;
  }

  /* line 4448, common.scss */
  .catch p br {
    display: none;
  }
}

/*--- 6つのサービス ---*/
/* line 4455, common.scss */
.serviceLineup {
  margin: auto auto 64px;
}

@media only screen and (max-width: 768px) {

  /* line 4455, common.scss */
  .serviceLineup {
    margin: auto auto 4%;
  }
}

/* line 4463, common.scss */
.serviceLineup ul {
  margin: auto;
  text-align: center;
}

/* line 4468, common.scss */
.serviceLineup li {
  display: inline-block;
  width: 32%;
  padding: 5px;
  vertical-align: top;
  margin: 0 0 30px 0;
}

@media only screen and (max-width: 1000px) {

  /* line 4477, common.scss */
  .serviceLineup li {
    width: 48%;
  }
}

@media only screen and (max-width: 768px) {

  /* line 4483, common.scss */
  .serviceLineup li {
    width: 100%;
  }
}

/* line 4488, common.scss */
.serviceLineup li img {
  display: block;
  width: 50%;
  height: auto;
  margin: 18px auto;
}

@media only screen and (max-width: 768px) {

  /* line 4488, common.scss */
  .serviceLineup li img {
    width: 30%;
    margin: 4% auto;
  }
}

/* line 4499, common.scss */
.serviceLineup li a {
  display: block;
  border: solid 3px #C7E8EE;
  border-radius: 8px;
  padding: 16px 24px 60px;
  position: relative;
}

@media only screen and (max-width: 768px) {

  /* line 4499, common.scss */
  .serviceLineup li a {
    height: auto !important;
    padding: 4% 6% 17%;
  }
}

/* line 4511, common.scss */
.serviceLineup li a:hover {
  background: #C7E8EE;
  color: #000;
}

/* line 4516, common.scss */
.serviceLineup li dt {
  padding: 0 0 8px 0;
  border-bottom: solid 1px #000;
  margin: auto auto 8px;
  font-weight: bold;
  font-size: 1.2rem;
}

/* line 4524, common.scss */
.serviceLineup li dt em {
  background: #031f28;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: block;
  padding: 0 2px;
  margin: -32px auto 12px;
  color: #FFF;
  line-height: 32px;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
}

/* line 4538, common.scss */
.serviceLineup li dd {
  text-align: left;
  font-size: 9px;
  font-size: 0.9rem;
}

/* line 4543, common.scss */
.serviceLineup li b {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  margin: auto;
  display: block;
  width: 100px;
  background: #C7E8EE;
  padding: 2px 16px;
  font-size: 9px;
  font-size: 0.9rem;
  border-radius: 18px;
  text-align: center;
}

/* line 4558, common.scss */
.serviceLineup li dd span {
  display: block;
  padding: 0px 0;
  font-size: 0.85rem;
  line-height: 1.5rem;
}

/*--- サービス詳細 ---*/
/* line 4566, common.scss */
.lineupDetail .lineupTitle {
  background: #C7E8EE;
  border-radius: 6px;
  padding: 12px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin: auto auto 18px;
}

/* line 4575, common.scss */
.lineupDetail .lineupTitle em {
  background: #000;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: inline-block;
  margin: auto 10px auto auto;
  color: #FFF;
  text-align: center;
  font-size: 10px;
  font-size: 14px;
  position: relative;
  top: -2px;
  line-height: 32px;
  font-family: 'Montserrat', sans-serif;
}

/* line 4592, common.scss */
.lineupDetail section {
  margin: 24px 24px 48px;
}

@media only screen and (max-width: 768px) {

  /* line 4592, common.scss */
  .lineupDetail section {
    margin: 2% auto;
  }
}

/* line 4599, common.scss */
.lineupDetail section p {
  margin: auto 24px 24px;
}

@media only screen and (max-width: 768px) {

  /* line 4599, common.scss */
  .lineupDetail section p {
    margin: auto 2% 24px;
  }
}

/* line 4606, common.scss */
.lineupDetail .point {
  margin: auto auto 24px;
  border: solid 3px #C7E8EE;
  border-radius: 8px;
  padding: 8px 16px;
}

/*
.lineupDetail .point a {
font-weight: bold;
position: relative;
left: 10px;
background: linear-gradient(transparent 0%, #fff400 0%);
}

.lineupDetail .point a:hover {
opacity: 0.6;-moz-opacity: 0.6;-ms-filter: 'alpha(opacity=60)';
}
*/
/* line 4626, common.scss */
.lineupDetail .point li {
  border-bottom: dashed #bbb 1px;
  padding-left: 1em;
  text-indent: -1em;
  padding: 12px 8px;
}

/* line 4633, common.scss */
.lineupDetail .point li:last-child {
  border-bottom: none;
}

/* line 4637, common.scss */
.lineupDetail .lineupLeadText {
  text-align: left;
  font-size: 1.2rem;
  padding: 12px 22px;
  background-color: #C7E8EE;
  font-weight: bold;
  margin: 30px auto;
  background: repeating-linear-gradient(-55deg, #eef7f9, #eef7f9 10px, #f8fafa 10px, #f8fafa 20px);
  border-bottom: solid 1px #EEF7F9;
}

@media only screen and (max-width: 768px) {

  /* line 4637, common.scss */
  .lineupDetail .lineupLeadText {
    font-size: 1rem;
    padding: 2% 4%;
    margin: 4% auto;
  }
}

/* line 4653, common.scss */
.lineupDetail figure {
  text-align: center;
  margin: 32px auto;
}

/* line 4658, common.scss */
.lineupDetail figcaption {
  text-align: left;
}

/* line 4662, common.scss */
.lineupDetail .item {
  text-align: left;
  margin: auto;
}

/* line 4667, common.scss */
.lineupDetail .item li {
  display: inline-block;
  vertical-align: top;
  width: 19%;
  line-height: 1.5;
  margin: auto auto 24px;
}

@media only screen and (max-width: 768px) {

  /* line 4676, common.scss */
  .lineupDetail .item li {
    width: 32%;
    line-height: 1;
  }
}

@media only screen and (max-width: 374px) {

  /* line 4684, common.scss */
  .lineupDetail .item li {
    width: 48%;
    padding: 2px;
  }
}

/* line 4690, common.scss */
.lineupDetail .item img {
  margin: auto auto 6px;
}

/* line 4694, common.scss */
.lineupDetail .titleCaption {
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  font-size: 1.1rem;
  margin: auto auto 6px;
}

/* line 4701, common.scss */
.lineupDetail figure .setsumei {
  text-align: left;
}

/* line 4705, common.scss */
.readMore {
  text-align: center;
  margin: 30px 0 0;
}

/* line 4710, common.scss */
.readMore span {
  display: block;
  background: none;
  font-size: 8px;
  font-size: 0.9rem;
  color: #000;
}

/* line 4717, common.scss */
.readMore a {
  overflow: hidden;
  display: block;
  width: auto;
  max-width: 300px;
  padding: 20px 0px;
  border: 2px solid #162236;
  font-weight: bold;
  text-align: center;
  margin: 0 auto 30px auto;
}

/* line 4729, common.scss */
.readMore a:hover {
  background: #162236;
  color: #FFF;
}

/* line 4734, common.scss */
.performancePoint {
  margin: 0 0 60px;
}

/* line 4736, common.scss */
.performancePoint li {
  position: relative;
  display: inline-block;
  width: 32%;
  height: 200px;
  background: #F4F4EE;
  border-radius: 100% 80%/80% 85% 80% 90%;
  text-align: center;
}

@media only screen and (max-width: 768px) {

  /* line 4736, common.scss */
  .performancePoint li {
    width: 100%;
    height: 100px;
    margin: 0 0 4%;
  }
}

/* line 4752, common.scss */
.performancePoint li p {
  position: absolute;
  left: 0;
  top: 25%;
  font-size: 0.95rem;
  padding: 0 22px;
}

@media only screen and (max-width: 768px) {

  /* line 4752, common.scss */
  .performancePoint li p {
    margin: 12px auto;
    position: static;
    top: 0;
  }
}

/* line 4763, common.scss */
.performancePoint li p span {
  font-size: 1.5rem;
  font-weight: bold;
  display: block;
  margin: 0 0 8px;
}

@media only screen and (max-width: 768px) {

  /* line 4763, common.scss */
  .performancePoint li p span {
    font-size: 1.2rem;
    margin: 0px 0 5px;
  }
}

/*================
会社概要
================*/
/* line 4782, common.scss */
.company * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 640px) {

  /* line 4792, common.scss */
  #content.company .leftArea .text {
    margin: 0 0 8%;
  }
}

@media only screen and (max-width: 640px) {

  /* line 4798, common.scss */
  #content.company .bottomArea {
    margin: 0;
  }

  /* line 4801, common.scss */
  #content.company .bottomArea .iframe {
    padding-right: 0;
  }
}

/* line 4808, common.scss */
#companyInfo {
  color: #000;
  padding: 60px 0;
}

/* line 4813, common.scss */
#companyInfo .line {
  letter-spacing: 0.1em;
  overflow: hidden;
  border-bottom: solid 1px #CCC;
}

/* line 4819, common.scss */
#companyInfo .line_inner {
  padding: 10px 0px;
}

/* line 4823, common.scss */
#companyInfo .line_inner dt {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 20%;
  padding-left: 10px;
}

@media only screen and (max-width: 640px) {

  /* line 4837, common.scss */
  #companyInfo .line_inner dt {
    display: block;
    padding-left: 0;
    padding-bottom: 5px;
    /* 2021.01.25. fukagawa 追記 */
    width: 40%;
  }
}


/* line 4831, common.scss */
#companyInfo .line_inner dd {
  display: inline-block;
  text-align: left;
  width: 78%;
}

@media only screen and (max-width: 640px) {

  /* line 4837, common.scss */
  #companyInfo .line_inner dd {
    width: 100%;

  }
}

/* line 4837, common.scss */
#CompanyKitahiroWrap {
  overflow: hidden;
  background: #fff;
  padding: 40px 0;
}

@media only screen and (max-width: 640px) {

  /* line 4837, common.scss */
  #CompanyKitahiroWrap {
    margin: 0 auto 12%;
    padding: 4% 0px;
  }
}

/* line 4847, common.scss */
#CompanyKitahiroWrap .leftArea {
  float: left;
  width: 60%;
  padding-left: 5%;
  letter-spacing: 0.5px;
}

@media only screen and (max-width: 640px) {

  /* line 4855, common.scss */
  #CompanyKitahiroWrap .leftArea {
    float: right;
    width: 100%;
    padding: 0 5%;
  }
}

/* line 4862, common.scss */
#CompanyKitahiroWrap h2.fontTitle {
  text-align: left;
  padding-left: 5%;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0 0 18px;
}

@media only screen and (max-width: 640px) {

  /* line 4862, common.scss */
  #CompanyKitahiroWrap h2.fontTitle {
    text-align: center;
    padding-left: 0%;
    margin: 0 0 4%;
  }
}

/* line 4875, common.scss */
#CompanyKitahiroWrap .rightArea {
  float: right;
  width: 40%;
  padding: 0 5%;
}

@media only screen and (max-width: 640px) {

  /* line 4882, common.scss */
  #CompanyKitahiroWrap .rightArea {
    width: 100%;
    padding: 0 5%;
  }
}

/* line 4888, common.scss */
#CompanyKitahiroWrap .rightArea img {
  width: 100%;
  height: auto;
}

/* line 4893, common.scss */
#CompanyKitahiroWrap .bottomArea {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 20px;
}

@media only screen and (max-width: 640px) {

  /* line 4902, common.scss */
  #CompanyKitahiroWrap .bottomArea {
    margin-top: 0%;
    float: none;
  }
}

/* line 4908, common.scss */
#CompanyKitahiroWrap .bottomArea li {
  float: left;
}

/* line 4912, common.scss */
#CompanyKitahiroWrap .bottomArea li:nth-child(2) {
  margin-left: 20px;
}

/* line 4916, common.scss */
#CompanyKitahiroWrap .bottomArea iframe {
  width: 90%;
  margin: 0 auto;
  display: block;
  padding: 30px 0 0;
  border: 0;
}

@media only screen and (max-width: 640px) {

  /* line 4925, common.scss */
  #CompanyKitahiroWrap .bottomArea iframe {
    width: 90%;
    margin: 0 auto;
  }
}

/* line 4931, common.scss */
#CompanySapporoWrap {
  overflow: hidden;
  background: #fff;
  padding: 40px 0;
}

/* line 4937, common.scss */
#CompanySapporoWrap .leftArea {
  float: left;
  width: 60%;
  padding-left: 5%;
  letter-spacing: 0.5px;
}

@media only screen and (max-width: 640px) {

  /* line 4945, common.scss */
  #CompanySapporoWrap .leftArea {
    float: right;
    width: 100%;
    padding: 0 5%;
  }
}

/* line 4952, common.scss */
#CompanySapporoWrap h2.fontTitle {
  text-align: left;
  padding-left: 5%;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0 0 18px;
}

@media only screen and (max-width: 640px) {

  /* line 4952, common.scss */
  #CompanySapporoWrap h2.fontTitle {
    text-align: center;
    padding-left: 0%;
    margin: 0 0 4%;
  }
}

/* line 4965, common.scss */
#CompanySapporoWrap .rightArea {
  float: right;
  width: 40%;
  padding: 0 5%;
}

@media only screen and (max-width: 640px) {

  /* line 4972, common.scss */
  #CompanySapporoWrap .rightArea {
    width: 100%;
    padding: 0 5%;
  }
}

/* line 4978, common.scss */
#CompanySapporoWrap .rightArea img {
  width: 100%;
  height: auto;
}

/* line 4983, common.scss */
#CompanySapporoWrap .bottomArea {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 20px;
}

@media only screen and (max-width: 640px) {

  /* line 4991, common.scss */
  #CompanySapporoWrap .bottomArea {
    margin-top: 40px;
  }
}

/* line 4997, common.scss */
#CompanySapporoWrap .bottomArea li {
  float: left;
}

/* line 5001, common.scss */
#CompanySapporoWrap .bottomArea li:nth-child(2) {
  margin-left: 20px;
}

/* line 5005, common.scss */
#CompanySapporoWrap .bottomArea iframe {
  width: 90%;
  margin: 0 auto;
  display: block;
  padding: 30px 0 0;
  border: 0;
}

@media only screen and (max-width: 640px) {

  /* line 5014, common.scss */
  #CompanySapporoWrap .bottomArea iframe {
    width: 100%;
  }
}

/* line 5021, common.scss */
#content.company .inner address {
  font-style: normal;
}

/* line 5025, common.scss */
#content.company .inner .leftArea li {
  display: inline-block;
}

/* line 5027, common.scss */
#content.company .inner .leftArea li:last-child {
  margin: 0 0 18px 18px;
}

@media only screen and (max-width: 640px) {

  /* line 5027, common.scss */
  #content.company .inner .leftArea li:last-child {
    margin: 0 0 4% 0px;
  }
}

/* line 5033, common.scss */
#content.company .inner .leftArea li span {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.4rem;
}

/* 230220 SPナビレイアウト調整 */
@media only screen and (max-width: 640px) {
  .cornerNav ul.company li:first-of-type {
    width: 100%;
  }
}

/*====================
plan story
====================*/
/* line 5046, common.scss */
.storyHeader {
  margin: 0 auto 64px;
}

/* line 5050, common.scss */
.storyHeader:after {
  content: "";
  clear: both;
  display: block;
}

/* line 5052, common.scss */
#content .storyTitle {
  padding: 0 0;
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1;
  margin: 0 auto 10px;
}

/* line 5059, common.scss */
#content .storyTitle em,
.dataTable dt {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0 4px 0 0;
  color: #78bd36;
}

@media only screen and (max-width: 374px) {

  /* line 5067, common.scss */
  #content .storyTitle em {
    display: block;
    margin-left: 0;
  }
}

/* line 5073, common.scss */
.dataTable dt {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 0 0 3px 0;
}

/* line 5078, common.scss */
.story img {
  max-width: 100%;
  height: auto;
  width: auto;
}

/* line 5084, common.scss */
.storyMokuji {
  float: left;
  width: 50%;
}

/* line 5089, common.scss */
.storyDate {
  overflow: hidden;
  padding: 0 0 0 32px;
  position: relative;
  top: 24px;
}

@media only screen and (max-width: 860px) {

  /* line 5097, common.scss */
  .storyMokuji {
    float: none;
    width: auto;
  }

  /* line 5101, common.scss */
  .storyDate {
    padding: 0;
  }
}

/* line 5106, common.scss */
.stepList {
  background: #EBEBEB;
  padding: 5px;
}

/* line 5111, common.scss */
.stepList li {
  background: #FFF;
}

/* line 5115, common.scss */
.stepList li .stepNumber {
  text-align: center;
  color: #FFF;
  background: #00374A;
  border-radius: 50%;
  font-weight: 100;
  margin-right: 8px;
  float: left;
  height: 22px;
  width: 22px;
  white-space: nowrap;
  line-height: 22px;
  font-size: 0.9rem;
}

/* line 5130, common.scss */
.stepList li a {
  padding: 10px 14px;
  background: #FFF;
  display: block;
  border-bottom: solid 1px #ccc;
}

/* line 5137, common.scss */
.stepList li a:hover {
  color: #FFF;
  background: #00374A;
}

/* line 5142, common.scss */
.stepList li a:hover .stepNumber {
  background: #FFF;
  color: #00374A;
}

/* line 5147, common.scss */
.storyDate .storyDataImg {
  text-align: center;
}

/* line 5151, common.scss */
.storyDate .storyDataImg img {
  margin: auto auto 4px;
}

/* line 5155, common.scss */
.storyDate .storyDataImg figcaption {
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
}

/* line 5160, common.scss */
.storyDataImg {
  margin: auto auto 24px;
}

/* line 5164, common.scss */
.dataTable dt,
.dataTable dd {
  border-bottom: solid 2px #EBEBEB;
}

/* line 5168, common.scss */
.dataTable dd {
  padding: 10px 0;
}

/* line 5172, common.scss */
.dataTable dd em {
  display: inline-block;
}

/* line 5176, common.scss */
.dataTable dd em:after {
  content: "：";
  display: inline-block;
}

/* line 5181, common.scss */
.storyStep {
  clear: both;
  margin: 0 32px 120px;
  position: relative;
  z-index: 1;
}

/* line 5188, common.scss */
.storyStep article {
  margin: 0 32px;
}

/* line 5190, common.scss */
.storyStep article a {
  text-decoration: underline;
  color: #78bd36;
}

@media only screen and (max-width: 768px) {

  /* line 5197, common.scss */
  .storyStep,
  .storyStep article {
    margin-left: auto;
    margin-right: auto;
  }

  /* line 5201, common.scss */
  .storyStep {
    margin-bottom: 80px;
  }
}

/* line 5206, common.scss */
.storyStep:last-child {
  margin-bottom: 48px;
}

/* line 5210, common.scss */
.storyStep:after {
  content: "";
  position: absolute;
  z-index: 10;
  left: 48%;
  bottom: -48px;
  color: #000;
  z-index: 100;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 16px 0;
  border-color: #00374A transparent transparent;
}

/* line 5225, common.scss */
.storyStep:last-child:after {
  display: none;
}

/* line 5229, common.scss */
.storyStep h4 {
  font-weight: bold;
  font-size: 1.2rem;
  margin: 0 0 12px;
}

/* line 5237, common.scss */
#content .stepTitle {
  margin: 0 0 32px 0;
  font-size: 13px;
  font-size: 1.3rem;
  background-size: auto 6px;
  padding: 0 0 22px;
}

@media only screen and (max-width: 680px) {

  /* line 5237, common.scss */
  #content .stepTitle {
    margin: 0 0 4% 0;
    padding: 0 0 2%;
  }
}

/* line 5249, common.scss */
.stepTitle em {
  display: block;
  float: left;
  width: 90px;
  text-align: center;
  position: relative;
  top: -2px;
  margin: 0 8px 0 0;
  padding: 6px 6px 6px 0;
  color: #FFF;
  background-size: auto 35px;
  font-size: 9px;
  font-size: 0.9rem;
}

@media only screen and (max-width: 680px) {

  /* line 5249, common.scss */
  .stepTitle em {
    margin: 0 auto 2%;
  }
}

/* line 5267, common.scss */
.stepTitle span {
  overflow: hidden;
  line-height: 2.5rem;
}

@media only screen and (max-width: 680px) {

  /* line 5273, common.scss */
  .stepTitle em {
    float: none;
    background-image: none;
    border-radius: 6px;
    background: #00374A;
    padding: 4px;
  }
}

/* line 5282, common.scss */
.stepTitle b {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 300;
  margin: 0 0 0 4px;
}

/* line 5288, common.scss */
.storyStep p {
  margin: 0 0 32px;
}

/* line 5292, common.scss */
.tantoCommnt dt {
  font-weight: bold;
  font-size: 10px;
  font-size: 1.0rem;
  margin: 0 0 2px 12px;
  display: block;
}

/* line 5299, common.scss */
.tantoCommnt dd {
  padding: 22px 16px 22px 128px;
  background-size: 90px auto;
  border-radius: 8px;
}

@media only screen and (max-width: 480px) {

  /* line 5307, common.scss */
  .tantoCommnt dd {
    padding-left: 90px;
    background-size: 60px auto;
    background-position: 16px 22px;
  }
}

@media only screen and (max-width: 320px) {

  /* line 5315, common.scss */
  .tantoCommnt dd {
    padding-top: 80px;
    padding-left: 16px;
    background-position: center 12px;
  }
}

/*====================
openhouse
====================*/
/* line 5328, common.scss */
#openhouse_result {
  width: 100%;
  border: solid 1px #d1d1d1;
  margin: 30px 0 0 0;
}

@media only screen and (max-width: 640px) {

  /* line 5328, common.scss */
  #openhouse_result {
    margin: 4% 0 12%;
  }
}

/* line 5335, common.scss */
#openhouse_result tr {
  border-top: solid 1px #d1d1d1;
}

/* line 5337, common.scss */
#openhouse_result tr:first-child {
  border-top: none;
}

@media only screen and (max-width: 640px) {

  /* line 5337, common.scss */
  #openhouse_result tr:first-child {
    display: none;
  }
}

/* line 5344, common.scss */
#openhouse_result th {
  padding: 8px;
}

/* line 5347, common.scss */
#openhouse_result td {
  border-left: solid 1px #d1d1d1;
  padding: 8px;
  vertical-align: middle;
}

/* line 5351, common.scss */
#openhouse_result td:first-child {
  border-left: none;
}

/* line 5355, common.scss */
#openhouse_result td.sumnail {
  text-align: center;
}

/* line 5358, common.scss */
#openhouse_result td.bt {
  text-align: center;
}

/*====================
sell detail
====================*/
/* line 5368, common.scss */
.detailMainTitle .midashi {
  font-weight: bold;
  line-height: 1.2;
  display: inline;
}

/* line 5374, common.scss */
.detailMainTitle .midashi span {
  font-weight: normal;
  display: inline-block;
  margin: 0 10px auto auto;
}

/* line 5380, common.scss */
.detailMainTitle .slash {
  font-size: 14px;
  font-size: 1.4rem;
  color: #aaa;
}

/* line 5385, common.scss */
.detailMainTitle .madori {
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
  margin-right: 4px;
}

/* line 5392, common.scss */
.detailMainTitle .kakaku {
  display: inline-block;
  font-weight: normal;
  margin-left: 4px;
}

/* line 5398, common.scss */
.detailMainTitle .kakaku span {
  font-size: 1.2rem;
  font-weight: bold;
  display: inline-block;
  margin-left: 4px;
}

/* line 5405, common.scss */
.sell_search_result .subTitle {
  font-weight: bold;
}

/* line 5409, common.scss */
.sell_search_result #detailPhotoArea #detail_other ul li:nth-child(8n) {
  clear: none;
}

/* line 5413, common.scss */
.sell_search_result #detail_general th,
#detail_more th {
  padding: 12px 0;
}

/* line 5417, common.scss */
.sell_search_result #detail_general td,
#detail_more td {
  padding: 12px 0px 12px 10px;
  vertical-align: middle;
}

/* line 5422, common.scss */
.sell_search_result #detailPhotoArea {
  margin-bottom: 48px;
}

/* line 5426, common.scss */
.sell_search_result #detail_general {
  margin-bottom: 32px;
}

/* line 5430, common.scss */
#detail_more {
  margin-top: 10px;
}

/* line 5434, common.scss */
#detail_more th {
  width: 200px;
}

@media only screen and (max-width: 980px) {

  /* line 5439, common.scss */
  #detail_more th {
    width: 120px;
  }
}

@media only screen and (max-width: 768px) {

  /* line 5445, common.scss */
  table th,
  table td {
    padding: 12px !important;
  }

  /* line 5448, common.scss */
  table th,
  table td,
  table tr {
    display: block;
    text-align: left;
    width: 100% !important;
  }
}

@media only screen and (max-width: 374px) {

  /* line 5456, common.scss */
  .btnArea {
    text-align: center;
  }

  /* line 5460, common.scss */
  .btnArea .sellDetailPrintBtn,
  .btnArea .sellDetailformBtn,
  .btnArea .sellDetailPrintBtn p {
    width: 100%;
    text-align: center;
    display: block !important;
    margin: auto;
  }
}


.newlybuiltPC {
  display: block;
}

.newlybuiltSP {
  display: none;

}

@media only screen and (max-width: 640px) {
  .newlybuiltPC {
    display: none;
  }

  .newlybuiltSP {
    display: block;

  }

  #mainNav .mainNav_li .sub {
    display: none !important;
  }
}

/* CSS直書き */
#banner {
  background-color: #F0F2F3;
}

#banner .inner {
  width: 90%;
  max-width: 800px;
  padding: 20px 40px;
  margin: auto;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}

@media only screen and (max-width: 640px) {
  #banner .inner {
    width: 100%;
    display: block;
    padding: 4%;
  }
}

#banner .inner img {
  width: 200px;
  height: auto;
}

@media only screen and (max-width: 640px) {
  #banner .inner img {
    width: 50%;
    height: auto;
    display: block;
    margin: 0 auto 10px;
  }
}

#banner .inner p {
  width: calc(100% - 230px);
}

@media only screen and (max-width: 640px) {
  #banner .inner p {
    width: 100%;
    padding: 0 2%;
    text-align: justify;
  }
}

#banner .inner span {
  font-size: 20px;
  font-weight: bold;
  display: block;
}

@media only screen and (max-width: 640px) {
  #banner .inner span {
    font-size: 16px;
    text-align: center;
  }
}

@media only screen and (max-width: 640px) {
  .spNone {
    display: none;
  }
}

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

div.youtube {
  position: relative;
  max-width: 100%;
  padding-top: 56.25%;
}

div.youtube>iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


/* CSS直書き180926_Blog改修 */
/*-------------------------
            共通
-------------------------*/
.right .Innner_rignt li a {
  color: #868788;
}

/*-------------------------
      セレクトボックス用
            共通
-------------------------*/
.SParchive,
.SPcategory {
  display: none;
}

/*input, select{
    display:none;
}*/
@media only screen and (max-width: 640px) {

  .right .Innner_rignt .archive,
  .right .Innner_rignt .category {
    display: none !important;
  }

  .SParchive,
  .SPcategory {
    display: block;
  }

  /*input, select{
    display:block;
}*/
  .btn-select {
    overflow: hidden;
    float: left;
    width: 50%;
    position: relative;
    background: #fff;
    border: 2px solid #999;
    cursor: pointer;
    /* IEでcursorがチラついたので */
  }

  #category-select {
    /*height:40px;*/
  }

  .SPcategory .btn-select {
    border-right: 1px solid #999;
    /*height: 44px;*/
  }

  .SPcategory h2.fontEn {
    text-align: center;
  }

  .SParchive .btn-select {
    border-right: 2px solid #999;
    border-left: 1px solid #999;
  }

  .label {
    width: 100%;
    /*color: #fff;*/
    position: absolute;
    top: 7px;
    text-align: center;
    z-index: 1;
  }

  select {
    -webkit-appearance: none;
    /* ベンダープレフィックス(Google Chrome、Safari用) */
    -moz-appearance: none;
    /* ベンダープレフィックス(Firefox用) */
    appearance: none;
    /* 標準のスタイルを無効にする */
    opacity: 0;
    z-index: 2;
  }

  ::-ms-expand {
    /* select要素のデザインを無効にする（IE用） */
    display: none;
  }

  select.dropdown_select {
    position: relative;
    display: block;
  }

  select.dropdown_select::before {
    position: absolute;
    top: 0.8em;
    right: 0.8em;
    width: 0;
    height: 0;
    padding: 0;
    content: "";
  }

  select.dropdown_select {
    width: 165px;
    height: 40px;
  }

  select.dropdown_select option {
    height: 40px;
  }

  select#cat.postform {
    width: 100%;
    height: 40px;
  }
}

/*-------------------------
        投稿ページ
-------------------------*/
.informationDetail .kijiSingle .kijiSingleInner {
  width: 84% !important;
  margin: 0 auto;
  float: left;
}

.informationDetail .right {
  overflow: hidden;
  width: 12%;
  margin: 0 0 0 2%;
  max-width: 150px;
  float: right;
}

.informationDetail .Innner_rignt {
  text-align: left;
}

.informationDetail p.category {
  clear: both;
  margin-bottom: 5px;
  background-color: #162236;
  font-size: 0.85rem;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  padding: 0 8px;
}

.informationDetail p.category a {
  color: #FFF !important;
}

.informationDetail .right .Innner_rignt .category {
  margin: 0px 0px 15px 0px;
}

.informationDetail .right .Innner_rignt ul.yearly li:first-child {
  list-style: none;
  display: none;
}

/* snsボタン */
.informationDetail .sns {
  margin-top: 10%;
  margin-bottom: 10%;
  text-align: center;
}

.informationDetail .snsInner {
  margin: 10px 0px;
}

@media only screen and (max-width: 959px) and (min-width: 641px) {
  .informationDetail .kijiSingle .kijiSingleInner {
    width: 78% !important;
  }

  .informationDetail .right {
    width: 18% !important;
  }
}

@media only screen and (max-width: 640px) {
  .informationDetail .kijiSingle .kijiSingleInner {
    width: 100% !important;
  }

  .informationDetail .right {
    clear: both;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .informationDetail .Innner_rignt {
    border-top: solid 1px #999;
    padding: 30px 0px 0px 0px;
  }
}

/*-------------------------
    一覧ページ
--------------------------*/
#infoArchive {
  width: 88%;
  margin: 0 auto;
  float: left;
}

#infoArchive dl dd {
  padding-left: 0px;
  float: none !important;
  width: auto !important;
}

.information .inner .right {
  overflow: hidden;
  width: 12%;
  margin: 0 0 0 2%;
  max-width: 150px;
  float: right;
}

#infoArchive dl dd.box_category {
  width: 100px;
}

#infoArchive dl dt {
  width: 122px !important;
}

#infoArchive p.category {
  clear: both;
  margin-bottom: 5px;
  background-color: #162236;
  font-size: 0.85rem;
  font-weight: bold;
  text-align: center;
  display: inline-block !important;
  padding: 0 8px;
}

#infoArchive p.category a {
  color: #FFF !important;
  text-decoration: none !important;
}

.information .right .Innner_rignt .category {
  margin: 0px 0px 15px 0px;
}

.information .right .Innner_rignt ul.yearly li:first-child {
  list-style: none;
  display: none;
}

@media only screen and (max-width: 959px) and (min-width: 641px) {
  #infoArchive {
    width: 78% !important;
  }

  .information .inner .right {
    width: 18% !important;
  }

  #infoArchive dl dd.title_category {
    clear: both;
  }
}

@media only screen and (max-width: 640px) {
  #infoArchive dl dt {
    width: 100% !important;
  }

  #infoArchive dl dd:nth-child(3) {
    clear: both;
  }

  .information .inner .right {
    clear: both;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-top: 30px;
  }

  .information .inner .right .Innner_rignt {
    border-top: solid 1px #999;
    padding: 30px 0px 0px 0px;
  }

  #infoArchive dl dd.box_category {
    margin-top: 0px;
  }
}

/*-------------------------
    スタッフリスト
--------------------------*/
/* 190702 kinoshita */
#staffList .caption p span.license {
  display: block;
  line-height: 1.6;
  margin-top: 4px;
}

/*190704 Tomisawa*/
#staffList .caption p span.font79 {
  font-size: 79%;
}


/* 191224 nagamori */
.fadein_top {
  opacity: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  transition: all 1.5s;
}

.fadein_top.scrollin_top {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
}


/*-------------------------
    サイトマップ
--------------------------*/
#content.sitemap #sitemapPage {
  display: flex;
  flex-wrap: wrap;
}


#content.sitemap #sitemapPage .sitemapPageInnerWrap {
  width: 50%;
  padding-left: 80px;
}

@media only screen and (max-width: 769px) {
  #content.sitemap #sitemapPage .sitemapPageInnerWrap {
    width: 100%;
    padding-left: 0px;
  }
}

#sitemapPage .sitemapPageList {
  padding-bottom: 30px;
}

#sitemapPage .sitemapPageList dt a {
  border-bottom: dotted 1px #000;
  padding: 5px 0px;
  font-size: 0.85rem;
}

#sitemapPage .sitemapPageList dd a {
  font-size: 0.8rem;
  padding: 8px 0 0;
  display: block;
}

#sitemapPage .sitemapPageList dd a::before {
  content: "-";
}

#content.error404 #sitemapPage {
  display: flex;
  flex-wrap: wrap;
}

#content.error404 #sitemapPage .sitemapPageInnerWrap {
  width: 50%;
  padding-left: 80px;
}

@media only screen and (max-width: 769px) {
  #content.error404 #sitemapPage .sitemapPageInnerWrap {
    width: 100%;
    padding-left: 0px;
  }
}

#content.error404 .commonTitleKakko {
  padding-top: 30px;
}



/* 231116. fukagawa追記 査定ボタン改修 */

a.assessBtn {
  color: #031f27;
  background-color: #d8f915;
}

#globalTelBtn a.assessBtn {
  padding: 15px 0 15px 33px;
  font-size: 1em;
  font-weight: bold;
  background-position: 11% 45%;
  background-size: 32px auto;
}

/* @media only screen and (max-width: 640px) {
  #globalTelBtn a.assessBtn {
    background-position: 14% 45%;
  }
} */

#globalTelBtn a.assessBtn:hover {
  color: #031f28;
  background: #78bd36;
  background-repeat: no-repeat;
  background-position: 11% 45%;
  background-size: 32px auto;
}

@media only screen and (max-width: 640px) {

  #globalTelBtn a.assessBtn,
  #globalTelBtn a.assessBtn:hover {
    background-position: 14% 45%;
  }
}


/* 2024.04.03. fukagawa 表示の改修 */
@media only screen and (min-width: 641px) {
  .toppage .serviceContents__box {
    display: flex;
    justify-content: center;
  }

  .toppage .w100_white.--sp {
    display: none;
  }
}

@media only screen and (max-width: 640px) {
  .toppage #topicsArea .right.--pc {
    display: none;
  }

  .toppage #content h3#ServiceTitle.service__title {
    margin-top: 0;
  }

  .toppage #content h3.topMainTitle.information__title {
    margin-top: 4%;
  }
}


/* 241209. 追記 LINEボタン改修 */

a.lineBtn {}

a.lineBtn img {}

#globalTelBtn a.lineBtn img {
  transition: all 0.4s;
  width: 100%;
  height: auto;
}

#globalTelBtn a.lineBtn:hover {
  opacity: .7;
  transition: all 0.4s;
}

@media only screen and (max-width: 640px) {
  #globalTelBtn a.lineBtn img {
    width: 85%;
    margin: 0 auto;
  }
}