@charset "UTF-8";

body,
html {
  margin: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
html {
  overflow-x: hidden;
  overflow-y: scroll;
  font-size: 62.5%;
}
body {
  color: #212121;
  font-family: 'Noto Sans JP', "Hiragino Sans", "メイリオ", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  overflow-x: hidden;
  font-feature-settings: "palt";
  letter-spacing: 0em;
}
input,
button {
  font-family: 'Noto Sans JP', "Hiragino Sans", "メイリオ", sans-serif;
  line-height: 1.8;
  font-feature-settings: "palt";
  letter-spacing: 0em;
  cursor: pointer;
}
img,
iframe {
  max-width: 100%;
  height: auto;
}
a {
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  -ms-transition: all 0.75s;
  -o-transition: all 0.75s;
  transition: all 0.75s;
}
a, a:active, a:hover, a:visited {
  color: inherit;
  text-decoration: none;
}
a:hover,
a:hover img {
  opacity: .6;
}
a.red-underline {
  color: #e91b22;
  text-decoration: underline;
}
.bg {

}
.inner {
  width: 90%;
  max-width: 1180px;
  margin: auto;
}
.aside {
  margin-top: 15rem;
}
.section {

}
.article,
.sidebar {

}
.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.table {
  border-collapse: collapse;
	width: 100%;
}
.table tr th,
.table tr td {
  padding: 5rem 0;
  font-size: 1.6rem;
}
.table tr th {
  width: 22%;
  padding-right: 2%;
  font-weight: bold;
  text-align: left;
}
.ul-unit {
  list-style: disc;
}
.ul-unit,
.ol-unit {
  margin: 30px;
}
.ul-unit li,
.ol-unit li {
  margin: 8px 0;
}
@media only screen and (max-width: 1023px) {
  .inner {
    width: 90%;
  }
}
.sp-show,
.narrow-show {
  display: none;
}
/* device */
@media only screen and (min-width: 1025px) {
  .pc-none {
    display: none !important;
  }
}
@media only screen and (min-width: 1025px) {
  .pctb-none {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  .tbsp-none {
    display: none !important;
  }
}
@media only screen and (max-width: 1023px) {
  .sp-none {
    display: none !important;
  }
  .sp-show {
    display: block !important;
  }
  .pc-show {
    display: none !important;
  }
}
@media only screen and (max-width: 480px) {
  .narrow-show {
    display: block;
  }
}

/* totop */
.pagetop {
  display: none;
  position: fixed;
  right: 5%;
  bottom: 5rem;
  width: 60px;
  height: 60px;
  z-index: 9;
  background-color: #25b7aa;
  color: #fff;
  transition: all 0.5s;
  border-radius: 30px;
}
.pagetop.show {
  display: block;
  transition: all 0.5s;
}
.pagetop a {
  display: block;
  height: 100%;
  text-align: center;
  line-height: 60px;
}


@media only screen and (max-width: 1023px) {
  .pagetop {

  }
}


main {
  background: #666;
}


/**
 *  fadein
 */
/* 画面外にいる状態 */
.fadein {
  opacity : 0;
  transform : translate(0, 70px);
  transition : all 1000ms;
}
/* 画面内に入った状態 */
.fadein.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}

/**
 *  fit image
 */
.fit-img {
  object-fit: cover;
  object-position: bottom;
  font-family: 'object-fit: cover; object-position: 0 100%;'
}

/**
 *  header
 */
.header {
  width: 100%;
  position: relative;
}
.home .header {
  background: url(../img/img-mv.jpg) top center no-repeat;
  background-size: cover;
  min-height: 500px;
}

.fixed-box {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
/*  box-shadow: 0 0 10px 0 rgb(0 0 0 / 5%); */
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  -ms-transition: all 0.75s;
  -o-transition: all 0.75s;
  transition: all 0.75s;
}
.home .fixed-box.mouse-on,
.fixed-box.mouse-on {
  background: rgba(255,255,255, 1.0);
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 5%);
  opacity: 1;
}
.header-inner {
  width: 100%;
  max-width: 1180px;
  position: relative;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-inner .logo-img {
  display: block;
  width: auto;
  height: 100px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1023px) {
  .header {
    background-position: top -100px center;
  }
  .header-inner {
    height: 45px;
    box-sizing: border-box;
  }
  .header-inner .logo {
    width: auto;
    height: 45px;
  }
  .header-inner .logo-img {
    width: auto;
    height: 100%;
  }
  .home .fixed-box {

  }
}
@media screen and (max-width: 767px) {
  .home .header {
    min-height: 100vh;
  }
}
@media screen and (max-width: 480px) {
  .home .header {
    min-height: 0px;
  }
}

/**
 *  nav
 */
.nav {
  position: relative;
  width: auto;
  display: flex;
  justify-content: flex-end;
  font-family: 'Noto Sans JP', "Hiragino Sans", "メイリオ", sans-serif;
}
.nav .nav-items {
  display: flex;
}
.nav-items > li {
  display: block;
  width: 100%;
  position: relative;
  margin: 0 5px;
}
.nav-items > li.lt-1024 {
  display: none;
}
.nav-items > li .en,
.nav-items > li .ja {
  display: block;
  white-space: nowrap;
  letter-spacing:  0em;
}
.nav-items > li .en {
  font-size: 0.7em;
  font-weight: bold;
}
.nav-items > li .en {
  font-size: 0.9em;
}
.nav-items > li > a {
  display: block;
  width: 100%;
  padding: 8px 15px;
  text-align: center;
  line-height: 1;
  color: #212121;
  border-bottom: 1px solid transparent;
}
.home .nav-items > li > a,
.recruit .nav-items > li > a {
  color: #fff;
}
.mouse-on .nav-items > li > a {
  color: #212121;
}
.nav-items > li > a.contact {
  background-color: #25b7aa !important;
  color: #fff;
}
.nav-items > li > a.member {
  background-color: #a9b01c !important;
  color: #fff;
}

@media (hover: hover) {
  .nav-items > li > a:hover {
    border-bottom: 1px solid #25b7aa;
    opacity: 1;
  }
  .nav-items > li > a.contact:hover {
    color: #fff;
    background-color: #262b2b;
    opacity: .8;
  }
}
@media (hover: none) {
  .nav-items > li > a:hover {
    color: #212121;
    opacity: 1.0;
  }
}

/* sub nav */
.sub-nav {
  display: none;
  width: 16em;
  position: absolute;
  z-index: 99;
  margin-top: 10px;
}
.sub-nav li {
  width: 100%;
  border-bottom: 1px solid #666;
}
.sub-nav li > a {
  display: block;
  width: 100%;
  padding: 10px 5%;
  box-sizing: border-box;
  background-color: rgba(0,0,0,0.6);
  color: #fff;
  background-color: rgba(255,255,255,0.9);
  color: #212121;
  white-space: nowrap;
}
.sub-nav li.parent a {
  font-weight: bold;
}
.sub-nav li a:hover {
  background-color: #25b7aa;
  color: #fff;
  opacity: 1.0;
}
.sub-nav.wide {
  width: 16em;
}
/* nav toggle */
#nav-toggle {
  display: none;
  width: 45px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  background-color: #25b7aa;
}
#nav-toggle div {
  text-align: center;
}
#nav-toggle div span {
  width: 55%;
  height: 2px;
  background-color: #fff;
  display: block;
  position: absolute;
  transition: transform .6s ease-in-out, top .5s ease;
  left: 50%;
  transform: translateX(-50%);
}
#nav-toggle div span:nth-child(1) {
  top: 16px;
}
#nav-toggle div span:nth-child(2) {
  top: 22px;
}
#nav-toggle div span:nth-child(3) {
  top: 28px;
}
.nav-open #nav-toggle {

}
.nav-open #nav-toggle span:nth-child(1) {
  top: 20px;
  transform: translateX(-50%) rotate(45deg);
}
.nav-open #nav-toggle span:nth-child(2) {
  top: 0.5rem;
  width: 0;
  left: 50%;
}
.nav-open #nav-toggle span:nth-child(3) {
  top: 20px;
  transform: translateX(-50%) rotate(-45deg);
}
@media screen and (min-width: 769px) {
  .sub-nav {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .nav {
    display: none;
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: #25b7aa;
  }
  .nav .nav-items {
    width: 100%;
    flex-direction: column;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    background-color: #25b7aa;
    max-height: calc(100vh - 45px);
  }
  .nav-items > li {
    color: #212121;
  }
  .nav-items > li.lt-1024 {
    display: block;
  }
  .nav-items > li:not(:last-child) {
    border-bottom: 1px solid #eee;
  }
  .nav-items > li {
    display: inline-block;
  }
  .nav-items > li > a {
    display: block;
    width: 100%;
    padding: 2rem;
    color: #fff !important;
    text-align: left;
    line-height: 20px;
  }
  .home .nav-items > li > a {
    color: #fff;
  }
  .nav-items > li > a.has-child {
    background-image: url(../img/icon-nav-open.png);
    background-position: center right 2rem;
    background-repeat: no-repeat;
    background-size: 14px auto;
  }
  .nav-items > li > a.has-child.open {
    background-image: url(../img/icon-nav-close.png);
  }
  .nav-items > li:first-child > a{

  }

  /* sub nav */
  .sub-nav {
    display: none;
    width: 100% !important;
    position: relative;
    z-index: unset;
  }
  .sub-nav li {
    width: 100%;
    border-bottom: 1px solid #fff;
  }
  .sub-nav li:last-child {
    border-bottom: none;
  }
  .sub-nav li > a {
    padding: 20px;
    padding-left: 40px;
    color: #fff;
    background-image: none;
    background-position: center right 3rem;
    background-repeat: no-repeat;
    background-color: #179186;
  }
  #nav-toggle {
    display: block;
  }
}

/**
 *  nav：mega-menu
 */
.nav .mega-menu {
  position: fixed;
  width: 100%;
  height: 190px;
  min-height: 190px;
  top: -1000px;
  left: 0;
  z-index: 2;
}
.nav .mega-menu-inner {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  width: 1180px;
  margin: auto;
  background: rgba(  255, 255, 255, 1 );
  height: 100%;
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  -ms-transition: all 0.75s;
  -o-transition: all 0.75s;
  transition: all 0.75s;
  box-shadow: 0 5px 5px rgba(0,0,0,.1);
}
.nav .mega-menu.show {
  top: 100px;
  opacity: 1;
}
.nav .mega-menu-label {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 20%;
  padding: 30px;
  font-size: 18px !important;
  line-height: 1.3;
}
.nav .mega-menu-label .label {
  margin-bottom: 30px;
  font-weight: bold;
}
.nav .mega-menu-label .btn {
  width: 100%;
  min-width: unset;
}
.nav .mega-menu-label > a {
  height: auto;
  color:#111;
}
.nav .mega-menu-child {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 50%;
  padding: 30px;
}
.nav .mega-menu-child li {
  width: 46%;
}
.nav .mega-menu-child.column3 li {
  width: 30%;
}
.nav .mega-menu-child li a {
  display: block;
  width: 100%;
  padding: 16px;
  font-weight: bold;
  background-image: url(../img/icon-raquos.png);
  background-position: center right 16px;
  background-repeat: no-repeat;
  border-bottom: 1px solid #ddd;
}
.nav .mega-menu-child li a:hover {
  color: #25b7aa;
  border-bottom: 1px solid #25b7aa;
}
.nav .mega-menu-image {
  width: 20%;
  height: 100%;
}
.nav .mega-menu-inner {
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: top right;
}
.nav .mega-group-01 .mega-menu-inner {
  background-image: url(../img/mega-g01.jpg);
}
.nav .mega-group-02 .mega-menu-inner {
  background-image: url(../img/mega-g02.jpg);
}
.nav .mega-group-03 .mega-menu-inner {
  background-image: url(../img/mega-g03.jpg);
}
.nav .mega-group-04 .mega-menu-inner {
  background-image: url(../img/mega-g04.jpg);
}
.nav .mega-group-05 .mega-menu-inner {
  background-image: url(../img/mega-g05.jpg);
}
.nav .mega-menu-image figure {
  width: 100%;
  overflow: hidden;
}
.nav .mega-menu-image figure img {
  width: auto;
  height: 100%;
}



/* kv */
.kv,
.recruit .page-header {
  width: 100%;
  height: 100vh;
  position: relative;
  background-size: cover;
  overflow: hidden;
}
.kv,
.recruit .page-header {
  position: relative;
  background-color: rgba(0,0,0,0.3)
}
.kv .content {
  position: relative;
  max-width: 1180px;
  margin: auto;
}
.kv .content .inner {
  width: 100%;
  margin: auto;
}
.kv .content .heading {
  position: relative;
  margin:  270px 0 40px 0;
  font-size: 42px;
  font-weight: normal;
  color: #fff;
}
.kv .content .heading .underline {
  display: inline-block;
  border-bottom: 1px solid #fff;
}
.kv .content .btn {
  width: 290px;
  display: none;
}
.kv .content .btn a {
  font-size: 16px;
  padding: 24px 0;
  box-sizing: border-box;
  background-position: center right 30px;
}
@media only screen and (max-width: 1180px) {
  .kv .content .inner {
    width: 90%;
  }
}
@media only screen and (max-width: 1120px) {
  .kv-bottom .img-box {
    width: 270px;
    height: 270px;
  }
}
@media only screen and (max-width: 1024px) {
  .kv,
  .recruit .page-header {
    height: 50vh;
  }
}
@media only screen and (max-width: 768px) {
  .kv,
  .recruit .page-header {

  }
}
@media only screen and (max-width: 1023px) {
  .kv .content .inner {
    padding: 150px 5% 40px;
  }
  .kv .content .heading {
    margin: 0 0 40px;
    font-size: 23px;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .kv,
  .recruit .page-header {
    height: 100vh;
  }
  .kv .content .inner {
    padding: 100px 5% 60px;
  }
}
@media screen and (max-width: 480px) {
  .kv,
  .recruit .page-header {
    height: 60vh;
  }
}


/**
 *  ページヘッダー
 */
.page-header {
  width: 100%;
  height: 380px;
  min-height: 380px;
  position: relative;
  margin-top: 100px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/bg-page-header.jpg );
}
.page-header .inner {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
  max-width: 1180px;
  margin: auto;
}
.about .page-header {
  background-image: url(../img/bg-page-header.jpg );
}
.page-header .heading {
  position: relative;
  width: 100%;
  height: 80px;
  color: #fff;
  line-height: 1;
  background-position: center left;
  background-repeat: no-repeat;
  background-image: url(../img/bg-page-title.png );
}
/* SALE / MANAGED */
.sale_list .page-header,
.post-type-archive-sale_list .page-header {  background-image: url(../img/sale-key.jpg ); }
.sale_list .page-header .heading,
.post-type-archive-sale_list .page-header .heading {  background-image: url(../img/under-bg-txt-sale.png ); }
.managed_list .page-header,
.post-type-archive-managed_list .page-header {  background-image: url(../img/managed-key.jpg ); }
.managed_list .page-header .heading,
.post-type-archive-managed_list .page-header .heading {  background-image: url(../img/under-bg-txt-managed.png ); }

/* NEWS / BLOG */
.news .page-header          {  background-image: url(../img/news-key.jpg ); }
.news .page-header .heading {  background-image: url(../img/under-bg-txt-news.png ); }
.blog .page-header          {  background-image: url(../img/blog-key.jpg ); }
.blog .page-header .heading {  background-image: url(../img/under-bg-txt-blog.png ); }

/* COMPANY */
.company .page-header          {  background-image: url(../img/company-key.jpg ); }
.company .page-header .heading {  background-image: url(../img/under-bg-txt-company.png ); }
.access .page-header          {  background-image: url(../img/access-key.jpg ); }
.access .page-header .heading {  background-image: url(../img/under-bg-txt-access.png ); }
.greeting .page-header          {  background-image: url(../img/greeting-key.jpg ); }
.greeting .page-header .heading {  background-image: url(../img/under-bg-txt-greeting.png ); }
.history .page-header          {  background-image: url(../img/history-key.jpg ); }
.history .page-header .heading {  background-image: url(../img/under-bg-txt-history.png ); }
.overview .page-header          {  background-image: url(../img/overview-key.jpg ); }
.overview .page-header .heading {  background-image: url(../img/under-bg-txt-overview.png ); }
.management-division .page-header          {  background-image: url(../img/management-key.jpg ); }
.management-division .page-header .heading {  background-image: url(../img/under-bg-txt-management.png ); }
.remodeling-division .page-header          {  background-image: url(../img/remodeling-key.jpg ); }
.remodeling-division .page-header .heading {  background-image: url(../img/under-bg-txt-remodeling.png ); }
.brokerage-division .page-header          {  background-image: url(../img/tomato-house-key.jpg ); }
.brokerage-division .page-header .heading {  background-image: url(../img/under-bg-txt-tomato-house.png ); }
.staff .page-header          {  background-image: url(../img/staff-key.jpg ); }
.staff .page-header .heading {  background-image: url(../img/under-bg-txt-staff.png ); }

/* OWNER */
.owner .page-header          {  background-image: url(../img/owner-key.jpg ); }
.owner .page-header .heading {  background-image: url(../img/under-bg-txt-for-owner.png ); }
.measures .page-header          {  background-image: url(../img/measures-key.jpg ); }
.measures .page-header .heading {  background-image: url(../img/under-bg-txt-measures.png ); }
.voice .page-header          {  background-image: url(../img/voice-key.jpg ); }
.voice .page-header .heading {  background-image: url(../img/under-bg-txt-voice.png ); }
.residents .page-header          {  background-image: url(../img/residents-key.jpg ); }
.residents .page-header .heading {  background-image: url(../img/under-bg-txt-for-residents.png ); }
.rental .page-header          {  background-image: url(../img/rental-key.jpg ); }
.rental .page-header .heading {  background-image: url(../img/under-bg-txt-rental.png ); }
.cpm .page-header          {  background-image: url(../img/cpm-key.jpg ); }
.cpm .page-header .heading {  background-image: url(../img/under-bg-txt-cpm.png ); }

/* RECRUIT */
.recruit .page-header          {  background-image: url(../img/recruit-key.jpg ); margin-top: 0;}
.recruit .page-header .heading {  background-image: none; }
.recruit .page-header .heading .title {
  font-size: 42px;
  font-weight: normal;
  bottom: unset;
}
.message .page-header          {  background-image: url(../img/message-key.jpg ); }
.message .page-header .heading {  background-image: url(../img/under-bg-txt-message.png ); }
.interview .page-header          {  background-image: url(../img/interview-key.jpg ); }
.interview .page-header .heading {  background-image: url(../img/under-bg-txt-interview.png ); }
.job-description .page-header          {  background-image: url(../img/job-key.jpg ); }
.job-description .page-header .heading {  background-image: url(../img/under-bg-txt-job.png ); }
.mid-career .page-header          {  background-image: url(../img/mid-career-key.jpg ); }
.mid-career .page-header .heading {  background-image: url(../img/under-bg-txt-mid-career.png ); }
.new-graduate .page-header          {  background-image: url(../img/new-graduate-key.jpg ); }
.new-graduate .page-header .heading {  background-image: url(../img/under-bg-txt-new.png ); }

/* FORM */
.entry .page-header          {  background-image: url(../img/entry-key.jpg ); }
.entry .page-header .heading {  background-image: url(../img/under-bg-txt-entry.png ); }
.contact_owners .page-header          {  background-image: url(../img/contact-owners-key.jpg ); }
.contact_owners .page-header .heading {  background-image: url(../img/under-bg-txt-contact-owners.png ); }
.contact_residents .page-header          {  background-image: url(../img/contact-residents-key.jpg ); }
.contact_residents .page-header .heading {  background-image: url(../img/under-bg-txt-contact-residents.png ); }

/* COMPLIANCE etc. */
.privacy-policy .page-header          {  background-image: url(../img/privacy-policy-key.jpg ); }
.privacy-policy .page-header .heading {  background-image: url(../img/under-bg-txt-privacy-policy.png ); }
.compliance .page-header          {  background-image: url(../img/compliance-key.jpg ); }
.compliance .page-header .heading {  background-image: url(../img/under-bg-txt-compliance.png ); }
.solicitation .page-header          {  background-image: url(../img/compliance-key.jpg ); }
.solicitation .page-header .heading {  background-image: url(../img/under-bg-txt-solicitation.png ); }

.member .page-header          {  background-image: url(../img/company-key.jpg ); }
.member .page-header .heading {  background-image: url(../img/under-bg-txt-company.png ); }

.page-header .heading .title {
  position: absolute;
  left: 46px;
  bottom: -14px;
  font-size: 28px;
  font-weight: bold;
}
@media only screen and (max-width: 1200px) {
  .page-header .inner {
    width: 90%;
  }
}
@media only screen and (max-width: 1023px) {
  .page-header {
    height: 305px;
    min-height: 305px;
    position: relative;
    margin-top: 0;
  }
  .page-header .inner {
    padding: 100px 0;
  }
  .page-header .heading {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .page-header {
    height: 150px;
    min-height: 150px;
    position: relative;
    margin-top: 45px;
  }
  .page-header .inner {
    padding: 0;
  }
  .page-header .heading {
    height: 24px;
    background-size: auto 100%;
  }
  .page-header .heading .title {
    left: 16px;
    bottom: -8px;
    font-size: 16px;
  }
  .recruit .page-header .heading .title {
    font-size: 23px;
  }
}

/**
 *  パンくずリスト
 */
.breadcrumb-wrap {
  width: 100%;
  padding: 100px 0;
}
.breadcrumb {
  width: 100%;
  max-width: 1180px;
  box-sizing: border-box;
  margin: auto;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.5rem;
}
.breadcrumb li {
  display: inline-block;
  margin-right: 1rem;
  font-size: 14px;
}
.breadcrumb li:not(:first-child)::before {
  content: "＞";
  top: 0;
  left: 0;
  font-size: 12px;
  margin-right: 1rem;
}
.breadcrumb a {
  position: relative;
  color: #25b7aa;
  padding-bottom: 5px;
  border-bottom: 1px solid #25b7aa;
}
@media screen and (max-width: 1024px) {
  .breadcrumb {
    width: 100%;
    font-size: 14px;
    line-height: 1.5em;
    padding: 0 5%;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumb-wrap {
    height: 50px;
    padding: 0;
    display: none;
  }
  .breadcrumb {
    display: none;
  }
}


/**
 *  btn
 */
.btn {
  display: inline-block;
  width: 245px;
  max-width: 245px;
  border: 1px solid #212121;
}
button.btn,
.btn a {
  display: block;
  height: 100%;
  text-align: center;
  padding: 10px 0;
  line-height: 1.5em;
  background-image: url(../img/icon-raquos.png);
  background-position: center right 16px;
  background-repeat: no-repeat;
  font-size: 20px;
}
.btn.no-border {
  border: none;
}
.btn.border-white {
  border: 1px solid #fff;
}
button.border-white,
.btn.border-white a {
  background-image: url(../img/icon-raquos-white.png);
  color: #fff;
}
.btn.border-2px {
  border-width: 2px;
}
button.bg-black,
.btn.bg-black {
  background-color: #212121;
  color: #fff;
}
button.bg-black,
.btn.bg-black a {
  background-image: url(../img/icon-raquos-white.png);
  background-position: center right 10px;
  background-repeat: no-repeat;
}
.btn.ext-link a {
  background-image: url(../img/icon-ext-link.png);
  background-position: center right 10px;
  background-repeat: no-repeat;
}

.btn:hover {
  border-color: #25b7aa;
}
.btn a:hover {
  background-image: url(../img/icon-raquos-white.png);
  background-color: #25b7aa;
  color: #fff;
  opacity: 1;
}
.btn.bg-black a:hover {
  background-image: url(../img/icon-raquos.png);
  background-color: #fff;
  color: #212121;
}
.btn.ext-link a:hover {
  background-image: url(../img/icon-ext-link-black.png);
  background-color: #fff;
  color: #212121;
}

.bg-black {
  background-color: #262b2b !important;
  color: #fff;
}
.bg-gray {
  background-color: #eff2f2 !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-interview {
  background-image: url(../img/img-mv.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
button {
color: #212121;
}
button[disabled],
button[disabled]:hover {
  background-color: #aaa !important;
  background-image: inherit;
  border: 1px solid #aaa !important;
  color: #fff;
  cursor: default;
}
.txt-black {
  color: #212121 !important;
}

@media only screen and (max-width: 768px) {
  .btn {
    width: 55%;
  }
  .btn a {
    font-size: 14px;
    background-size: auto 14px;
    background-position: center right 10px;
  }
}
@media only screen and (max-width: 374px) {
  .btn a {
    background-position: center right 6px;
  }
}

/**
 *  section
 */
.section {
  display: block;
  background-color: #fff;
}
.section .inner {
  width: 100%;
  max-width: 1180px;
  box-sizing: border-box;
  padding: 100px 0;
}
.section.bg-gray .inner {

}
.bg-wrap {
  display: block;
  width: 100%;
  max-width: 1180px;
  margin: auto;
}
.section .bg-wrap.wide,
.section .bg-wrap.wide .inner {
  max-width: 100%;
}
.section-header .heading {
  margin-bottom: 60px;
  position: relative;
  font-size: 28px;
  font-weight: normal;
  line-height: 1.3;
}
.article .section-header .heading {

}
.section-header .heading::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -15px; /*下線の上下位置調整*/
  display: inline-block;
  width: 190px; /*下線の幅*/
  height: 2px; /*下線の太さ*/
  background-color: #262b2b; /*下線の色*/
}
.bg-black .section-header .heading::after {
  background-color: #fff; /*下線の色*/
}
.section-header .txt {
  margin-bottom: 40px;
}
.article .section .inner {
  position: relative;
  padding: 100px 0 ;
}
.article .section .inner.top-0 {
  padding-top: 0;
}
.article .section .inner .box50p{
  width: 50%;
}
.article .section .txt-box .heading {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 1.3em;
}
.article .section .a-center {
  text-align: center;
}
.article .section .a-center > * {
  margin: auto;
}
@media only screen and (max-width: 1260px) {
  .section .inner {
    padding: 4rem 5%;
  }
  .article .section .inner {
    padding: 75px 5% 80px;
  }
  .article .section.gather-section .inner {
    padding-right:0;
    padding-left:0;
  }
  .article .section .inner .box50p{
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .article .section .inner {
    padding: 60px 5% 60px;
  }
  .article .section .wide .inner {
    padding: 60px 0 60px;
  }
  .section-header .heading {
    margin-bottom: 36px;
  }
  .article .section .inner.top-0 {
    padding-top: 50px;
  }
  .post-type-archive-managed_list .top-0,
  .post-type-archive-sale_list .top-0 {
    padding-top: 0 !important;
  }
}

/**
 *  テキストヘッダー
 */
.txt-header {
  display: flex;
  text-align: center;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 48px;
}
.txt-header .heading {
  font-size: 25px;
  font-weight: bold;
  line-height: 1;
  color: #25b7aa;
  margin-bottom: 48px;
}
.txt-header .txt {

}
@media only screen and (max-width: 768px) {
  .txt-header {
    margin-bottom: 45px;
  }
  .txt-header .heading {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 480px) {
  .txt-header .heading {
    margin-bottom: 16px;
  }
}

/**
 *  TOP section-header
 */
.section-header.bg-header {
  padding-top: 60px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 80px;
  text-align: center;
}
.section-header.bg-header .heading {
  font-weight: bold;
}
.section-header.bg-header-service { background-image: url(../img/bg-txt-service.png); }
.section-header.bg-header-procedure { background-image: url(../img/bg-txt-procedure.png); }
.section-header.bg-header-useful-tips { background-image: url(../img/bg-txt-useful-tips.png); }
.section-header.bg-header-for-sale { background-image: url(../img/bg-txt-for-sale.png); }
.section-header.bg-header-for-rental { background-image: url(../img/bg-txt-for-rental.png); }
.section-header.bg-header-managed { background-image: url(../img/bg-txt-managed.png); }
.section-header.bg-header-company { background-image: url(../img/bg-txt-company.png); }
.section-header.bg-header-contact { background-image: url(../img/bg-txt-contact.png); }
.section-header.bg-header-blog { background-image: url(../img/bg-txt-blog.png); }
.section-header.bg-header-recruit { background-image: url(../img/bg-txt-recruit.png); }
.section-header.bg-header-entry { background-image: url(../img/bg-txt-entry.png); }
.section-header.bg-header-philosophy { background-image: url(../img/bg-txt-philosophy.png); }
.section-header.bg-header-entry { background-image: url(../img/bg-txt-entry.png); }
.section-header.bg-header-where-we-aim { background-image: url(../img/bg-txt-where-we-aim.png); }
.section-header.bg-header-basic-information { background-image: url(../img/bg-txt-basic-information.png); }
.section-header.bg-header-map { background-image: url(../img/bg-txt-map.png); }
.section-header.bg-header-sales { background-image: url(../img/bg-txt-sales.png); }
.section-header.bg-header-management { background-image: url(../img/bg-txt-management.png); }
.section-header.bg-header-rental-business { background-image: url(../img/bg-txt-rental-business.png); }
.section-header.bg-header-accounting { background-image: url(../img/bg-txt-accounting.png); }
.section-header.bg-header-business { background-image: url(../img/bg-txt-business.png); }
.section-header.bg-header-examination { background-image: url(../img/bg-txt-examination.png); }
.section-header.bg-header-message { background-image: url(../img/bg-txt-message.png); }
.section-header.bg-header-model-room { background-image: url(../img/bg-txt-model-room.png); }
.section-header.bg-header-staff { background-image: url(../img/bg-txt-staff.png); }

.section-header.bg-header-interview { background-image: url(../img/bg-txt-interview.png); color: #fff; }
.section-header.bg-header-interview .heading::after { background-color: #fff; }
.section-header.bg-header-job-description .heading::after { background-color: #fff; }

.section-header.bg-header-job-description { background-image: url(../img/bg-txt-job-description.png); color: #fff; }
.section-header.bg-header-regident-acquisition { background-image: url(../img/bg-txt-regident-acquisition.png); }
.section-header.bg-header-management-system { background-image: url(../img/bg-txt-management-system.png); }
.section-header.bg-header-voice { background-image: url(../img/bg-txt-voice.png); }
.section-header.bg-header-treatment { background-image: url(../img/bg-txt-treatment.png); }
.section-header.bg-header-flow { background-image: url(../img/bg-txt-flow.png); }
.section-header.bg-header-achievement { background-image: url(../img/bg-txt-achievement.png); }

@media only screen and (max-width: 1024px) {
  .section-header.bg-header {
    padding-top: 45px;
    background-size: 90% auto;
  }
}
@media only screen and (max-width: 768px) {
  .section-header.bg-header {
    padding-top: 40px;
    background-size: 100% auto;
  }
  .section-header.bg-header .heading {
    font-size: 18px !important;
  }
}
@media only screen and (max-width: 480px) {
  .section-header.bg-header {
    padding-top: 18px;
  }
}

/**
 *  TOP お知らせ
 */
.home .news-section .inner {
  padding: 30px 90px 50px;
}
.home .news-section .section-header .heading {
  margin: 0 0 24px;
  line-height: 75px;
  border-bottom: 1px solid #25b7aa;
}
.home .news-section .section-header .heading .en {
  margin-right: 40px;
  font-family: Arial;
  font-weight: bold;
  font-size: 38px;
  color: #25b7aa;
  letter-spacing: -1px;
}
.home .news-section .section-header .heading .ja {
  font-size: 22px;
}
.home .news-section .section-header .heading:after {
  display: none;
}
.home .news-list {
  font-size: 18px;
  margin-bottom: 8px;
}
.home .news-list li {
  margin-bottom: 16px;
}
.home .news-list li a {
  display: flex;
}
.home .news-list li .date {
  display: inline-block;
  width: 9em;
}
.home .news-section .section-footer {
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .home .news-section .inner {
    padding: 16px 7% 42px;
  }
  .home .news-section .section-header .heading {
    font-size: 20px !important;
    line-height: 60px;
  }
  .home .news-section .section-header .heading .en {
    font-size: 24px !important;
    margin-right: 5px;
  }
  .home .news-list {
    font-size: 14px;
    margin-bottom: 24px;
  }
  .home .news-list li {
    margin-bottom: 8px;
  }
  .home .news-list li .date {
    width: auto;
    margin-right: 15px;
  }
  .home .news-section .section-footer {
    text-align: center;
  }
}


/**
 *  TOP サービス
 */
.service-list li {
  display: flex;
  margin-bottom: 30px;

  background-repeat: no-repeat;
  background-position: left bottom;
}
.service-list li.row-reverse {
  flex-direction: row-reverse;
  background-position: right top;
}
.service-list li.no-reverse {
  flex-direction: unset;
}
.service-list li .txt-box {
  width: 55%;
  padding: 45px 45px 60px;
  background-color: #eff2f2;
}
.service-list li .txt-box.bg-white {
  background-color: #fff;
}
.service-list li .txt-box .txt {
  margin-bottom: 24px;
}
.service-list li .txt-box .txt-footer {
  text-align: right;
}
.service-list li .txt-box .heading {
  background-repeat: no-repeat;
  background-position: top left;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 18px;
}

/* TOP SERVICE */
.service-list li.service-1 {
  background-image: url(../img/img-for-owner.jpg);
  background-size: contain;
}
.service-list li.service-2 {
  background-image: url(../img/img-for-regidents.jpg);
  background-size: 45% auto;
}
.service-list li .bg-txt-for-owner {
  background-image: url(../img/bg-txt-for-owner.png );
}
.service-list li .bg-txt-for-residents {
  background-image: url(../img/bg-txt-for-residents.png );
}
@media only screen and (min-width: 1025px) {
  .service-list li.service-1 .txt-box,
  .service-list li.service-2 .txt-box {
    padding: 45px 45px;
  }
  .service-list li.service-1 .txt-box .txt,
  .service-list li.service-2 .txt-box .txt {

    padding: 0 5px 0 50px ;
  }
  .service-list li.service-1 .txt-box .heading,
  .service-list li.service-2 .txt-box .heading {
    padding: 24px 0 0 50px;
    font-size: 25px;
  }
}

/* TOMATO HOUSE */
.service-list.tomato li {
  background-image: url(../img/img-tomato-04.jpg);
  background-size: 62% auto;
  background-position: left -50px center;
}

.service-list li figure {
  position: relative;
  width: 45%;
  height: 100%;
  overflow: hidden;
}
.service-list li figure img {

}
@media only screen and (min-width: 1260px) {
  .service-list li.service-1 {
    background-size: 45% auto;
  }
}
@media only screen and (max-width: 1024px) {
  .service-list li {
    flex-direction: column !important;
  }
  .service-list li.service-2 {
    margin-bottom: 0;
  }
  .service-list li figure {
    width: 100%;
  }
  .service-list li figure img {
    width: 100%;
    height: auto;
  }
  .service-list li .txt-box {
    width: 100%;
    padding: 45px 5%;
  }
  .service-list li .txt-box .heading {
    font-size: 16px !important;
    margin-bottom: 10px;
  }
  .service-list li .txt-box .txt-footer {
    text-align: center;
  }
  /* TOPページ */
  .service-list li.service-1,
  .service-list li.service-2 {
    background-image: none;
  }
  .service-list li.service-1 .txt-box,
  .service-list li.service-2 .txt-box {
    padding: 45px 5%;
  }
  .service-list li.service-1 .txt-box .heading,
  .service-list li.service-2 .txt-box .heading {
    padding: 10px 0 0 20px;
    background-size: auto 24px;
    background-position: top left;
  }
  .service-list li.service-1 .txt-box .txt,
  .service-list li.service-2 .txt-box .txt {
    padding: 0 20px 24px 20px ;
  }
}
@media only screen and (max-width: 768px) {
  .service-list li .txt-box {
    padding: 0px 5% 40px;
  }
}

/**
 *  社員インタビュー
 */
.interview-header {
  height: 500px;
  max-height: 500px;
}
.page-header.interview-header .heading {
  position: absolute;
  top: 100px;
}
.page-header.interview-header .heading .title {
  bottom: unset;
  top: 66px;
  font-size: 36px;
}
.interview-header .sub-title {
  position: absolute;
  top: 150px;
  left: 46px;
  font-size: 24px;
  font-weight: bold;
  line-height: 2;
  color: #fff;
}
.interview-header .sub-title .spec {
  font-size: 18px;
}
.interview-intro {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-bottom: 100px;
}
.interview-intro .title {
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 24px;
}

.owner-list.interview-top li {
  height: 390px;
}
.owner-list.interview-detail li {
  height: 370px;
}
.owner-list.interview-top li figure {
  height: 100%;
  width: 530px;
}
.owner-list.interview-detail li figure {
  height: 100%;
  width: 580px;
}
.owner-list.interview-top li .txt-box,
.owner-list.interview-detail li .txt-box {
  padding: 0 45px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.owner-list.interview-top li .txt-box {
  width: 650px;
}
.owner-list.interview-detail li .txt-box {
  width: 580px;
}
.owner-list.interview-detail li .txt-box.txt-box-full {
  width: 100%;
}
.owner-list.interview-detail li .txt-box.kanrijisseki-box {
  padding: 0 30px;
}
.owner-list.interview-top li .txt-box > *,
.owner-list.interview-detail li .txt-box > * {
  width: 100%;
}
.owner-list.interview-top li .title {
  font-size: 22px;
}
.owner-list.interview-detail li .title {
  font-size: 24px;
}
@media only screen and (max-width: 1179px) {
  .owner-list.interview-top li .txt-box {
    width: 55%;
  }
  .owner-list.interview-detail li .txt-box {
    width: 50%;
  }
}
@media only screen and (max-width: 1024px) {
  .owner-list.interview-top li .txt-box,
  .owner-list.interview-detail li .txt-box {
    padding: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .owner-list.interview-top li .title,
  .owner-list.interview-detail li .title {
    margin-bottom: 13px;
    font-size: 16px;
  }
  .owner-list.interview-top li .txt-box,
  .owner-list.interview-detail li .txt-box,
  .owner-list.interview-detail li .txt-box.kanrijisseki-box {
    padding: 24px;
  }
  .owner-list.interview-top li .txt-footer .btn {
    width: 140px;
  }
}


@media only screen and (max-width: 767px) {
  .interview-header {
    height: 200px;
    max-height: 200px;
  }
  .page-header.interview-header .heading {
    top: 30px;
  }
  .page-header.interview-header .heading .title {
    font-size: 20px;
    line-height: 1.2;
    left: 36px;
  }
  .page-header.interview-header .heading .title {
    bottom: unset;
    top: 18px;
  }
  .interview-header .sub-title {
    top: 90px;
    left: 36px;
    font-size: 14px;
    line-height: 1.6;
  }
  .interview-header .sub-title .spec {
    font-size: 13px;
  }
  .interview-intro .title {
    font-size: 16px;
  }
  .interview-intro {
    margin-bottom: 50px;
  }
}

/**
 *  CPM
 */
/* CPM */
.owner-list.cpm-list li {
  height: 315px;
}
.owner-list.cpm-list li figure {
  height: 100%;
  width: 530px;
}
.owner-list.cpm-list li .txt-box {
  padding: 0 45px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 650px;
}
.cpm .icon-box li {
  padding: 45px;
}
@media only screen and (max-width: 1179px) {
  .owner-list.cpm-list li .txt-box {
    width: 55%;
  }
}
@media only screen and (max-width: 1024px) {
  .owner-list.cpm-list li .txt-box {
    padding: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .owner-list.cpm-list li .title {
    margin-bottom: 13px;
    font-size: 16px;
  }
  .owner-list.cpm-list li .txt-box {
    padding: 24px;
  }
}

/**
 *  TOP 売買物件 / 管理物件
 */
.home .bukken-list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 48px;
}
.home .bukken-list li {
  width: 23%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  font-size: 18px;
  box-sizing: border-box;
  border: 2px solid #eee;
}
.home .bukken-list li figure {
  width: 100%;
  height: 200px;
}
.home .bukken-list li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home .bukken-list li .txt-box {
  padding: 20px 20px 24px;
}
.home .bukken-list li .txt-box .txt {
  line-height: 1.3;
  font-weight: bold;
}
.home .bukken-list li .txt-tags {
  margin-bottom: 10px;
}
.home .bukken-list li .txt-tags .tag {
  padding: 4px 30px;
  font-size: 14px;
  text-align: center;
  border: 1px solid #262b2b;
}
.home .bukken-footer {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .home .bukken-list {
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
  .home .bukken-list li {
    width: 47%;
  }
  .home .bukken-list li:nth-child(1),
  .home .bukken-list li:nth-child(2) {
    margin-bottom: 20px;
  }
  .home .bukken-list li .txt-box {
    padding: 6px 16px 16px;
  }
  .home .bukken-list li .txt-box .txt {
    font-size: 14px;
  }
  .home .bukken-list li .txt-tags {
    margin-bottom: 6px;
  }
  .home .bukken-list li .txt-tags .tag {
    padding: 3px 8px;
    font-size: 11px;
  }
}
@media only screen and (max-width: 480px) {
  .home .bukken-list li figure {
    height: 150px;
  }
}

/**
 * TOP 会社案内
 */
.company-list {
  display: flex;
  justify-content: space-between;
  margin: 160px auto 30px;
}
.top-0 .company-list {
  margin: 85px auto 30px;
}
.company-list li {
  display: block;
  flex-direction: column;
  width: 18%;
  color: #262b2b;
  background-color: #e1e1e1;
  text-align: center;
}
.company-list.company-top li {
  background-color: #fff;
  border: 2px solid #eee;
}
.company-list li figure {
  position: relative;
  margin: auto;
  margin-top: -87px;
  width: 75%;
}
.company-list li .txt-box {
  font-size: 20px;
  padding: 20px;
}
.company-list li .txt-box .link {
  text-align: center;
  background-image: url(../img/icon-raquos-bluegreen.png);
  background-position: center right 30px;
  background-repeat: no-repeat;
  background-size: auto 20px;
  color: #25b7aa;
}
.company-list li .txt-title {
  font-weight: bold;
  margin-bottom: 16px;
}
.home .tomato-house-banner {
  display: block;
  text-align: center;
  padding: 30px;
  background-color: #e1e1e1;
}
.home .tomato-house-banner figure {
  width: 100%;
}
.home .tomato-house-banner figure img {
  width: 100%;
  height: auto;
  opacity: 1;
  transition: 1.0s ;
}
.home .tomato-house-banner img:hover {
  opacity: .6;
}

@media only screen and (max-width: 1180px) {
  .company-list li .txt-title {
    font-size: 15px;
  }
  .company-list li .txt-box .link {
    font-size: 14px;
    background-position: center right;
    background-size: auto 14px;
  }
}

@media only screen and (max-width: 768px) {
  .company-list {
    flex-wrap: wrap;
    margin-top: 100px;
  }
  .top-0 .company-list {
    margin-top: 40px;
  }
  .company-list li:nth-child(1),
  .company-list li:nth-child(2) {
    width: 48%;
  }
  .company-list li:nth-child(n+3) {
    width: 31%;
    margin-top: 60px;
  }
  .company-list li figure {
    width: 80px;
    margin-top: -40px;
  }
  .company-list li .txt-box {
    padding: 10px;
  }
  .company-list li .txt-box .link {
    max-width: 80px;
    margin: auto;
  }
  .company-list li:nth-child(1) .txt-box .link ,
  .company-list li:nth-child(2) .txt-box .link  {

  }
  .home .tomato-house-banner {
    padding: 10px;
  }
}

/**
 *  スタッフ紹介
 */
.staff .link-list {
  margin-bottom: 100px;
}
.staff-list {
  display: flex;
  flex-wrap: wrap;
}
.staff-list.center {
  justify-content: center;
}
.staff-list li {
  width: 23%;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.staff-list li:not(.first-child) {
  margin-left: 2%;
}

.staff-list li > * {
  width: 100%;
}
.staff-list li figure img {
  width: 100%;
  height: auto;
}
.staff-list li .staff-name {
  padding: 16px 0 24px;
  font-weight: bold;
}
.staff-list li .div {
  margin-bottom: 8px;
}
.staff-list li .name-block {
  line-height: 24px;
}
.staff-list li .name-block .name {
  font-size: 25px;
}
.staff-list li .name-block .kana {
  font-size: 16px;
  color: #999;
}
.staff-list li .staff-profile dt {
  width: 100%;
  font-weight: bold;
  color: #25b7aa;
}
.staff-list li .staff-profile dd {
  width: 100%;
  padding-bottom: 16px;
}
.staff-list li .staff-profile dd:not(:last-child) {
  margin-bottom: 16px;
  border-bottom: 1px solid #e5e5e5;
}
.syugo {
  margin-bottom: 30px;
}
.syugo figure,
.syugo figure img {
  text-align: center;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .staff-list {
    flex-wrap: wrap;
  }
  .staff .link-list {
    margin-bottom: 60px;
  }
  .staff-list li {
    width: 48%;
    margin-bottom: 30px;
  }
  .staff-list li:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  .staff-list li:not(.first-child) {
    margin-left:  0;
  }
  .staff-list li:nth-child(even) {
    margin-left:  4%;
  }
}
@media only screen and (max-width: 480px) {
  .staff-list li {
    width: 100%;
  }
  .staff-list li:not(.first-child) {
    margin-left:  0;
  }
  .staff-list li:nth-last-child(-n+2) {
    margin-bottom: 30px;
  }
  .staff-list li:last-child {
    margin-bottom: 0;
  }
}

/**
 *  TOP ブログ
 */
.home .blog-list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.home .blog-list li {
  position: relative;
  width: 30%;
  display: flex;
  flex-direction: column;
}
.home .blog-list li figure {
  width: 100%;
  height: 265px;
}
.home .blog-list li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home .blog-list li .txt-box {
  position: relative;
  margin-top: -60px;
  margin-left: 13%;
  padding: 30px 20px;
  background-color: #fff;
}
.home .blog-list li .txt-box .txt-tags {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
 }
.home .blog-list li .txt-tags > * {
  display: inline-block;
  padding: 2px 0;
  line-height: 1;
}
.home .blog-list li .txt-tags .tag {
  padding: 2px 10px;
  font-size: 14px;
  text-align: center;
  border: 1px solid #262b2b;
}
.home .blog-list li .txt-box .txt {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 20px;
}
.home .blog-list li .txt-footer {
  text-align: right;
}
.home .blog-list li .txt-footer .link {
  display: inline-block;
  padding-right: 20px;
  text-align: center;
  background-image: url(../img/icon-raquos-bluegreen.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: auto 18px;
  color: #25b7aa;
  font-size: 18px;
}
@media only screen and (max-width: 1179px) {
  .home .blog-list li .txt-box {
  }
  .home .blog-list li .txt-tags > *,
  .home .blog-list li .txt-tags .tag {
    font-size: 12px !important;
    line-height: 1.5;
  }
  .home .blog-list li .txt-tags .date {
    width: 100%;
  }
  .home .blog-list li .txt-box .txt-tags {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 768px) {
  .home .blog-list li figure {
    height: 140px;
  }
}
@media only screen and (max-width: 480px) {
  .home .blog-list {
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
  .home .blog-list li {
    width: 100%;
    flex-direction: unset;
  }
  .home .blog-list li:not(:last-child) {
    margin-bottom: 15px;
  }
  .home .blog-list li a.figure {
    width: 40%;
    overflow: hidden;
  }
  .home .blog-list li figure {
    height: 110px;
  }
  .home .blog-list li a.figure img {

  }
  .home .blog-list li .txt-box {
    width: 60%;
    margin-top: 0;
    margin-left: 0;
    padding: 3px 5%;
  }
  .home .blog-list li .txt-box .txt-tags {
    margin-bottom: 8px;
  }
  .home .blog-list li .txt-tags .date {
    width: auto;
    font-size: 9px !important;
  }
  .home .blog-list li .txt-tags .tag {
    max-width: 120px;
    padding: 2px 5px;
    font-size: 9px !important;
  }
  .home .blog-list li .txt-box .txt {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .home .blog-list li .txt-box .link {
    font-size: 14px;
    background-size: auto 13px;
  }
}
@media only screen and (max-width: 374px) {
  .home .blog-list li {
    flex-wrap: wrap;
    height: unset;
    max-height: unset;
  }
  .home .blog-list li figure,
  .home .blog-list li a.figure {
    width: 100%;
    height: 160px;
  }
  .home .blog-list li a.figure img {
    width: 100%;
    height: 100%;
  }
  .home .blog-list li .txt-box {
    width: 100%;
  }
  .home .blog-list li .txt-box .txt-tags {
    margin-top: 8px;
  }
}

/**
 *  ブログ
 */
.blog-main-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.blog-main-list li {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.blog-main-list li:not(:last-child) {
  margin-bottom: 15px;
}
.blog-main-list li a.figure {
  width: 16.5%;
  max-width: 195px;
  overflow: hidden;
}
.blog-main-list li figure img {
  width: 100%;
  height: auto;
}
.blog-main-list li .txt-box {
  position: relative;
  width: 83.5%;
  margin-top: 0;
  margin-left: 0;
  padding: 3px 5%;
  background-color: #fff;
}
.blog-main-list li .txt-box .txt-tags {
  display: flex;
  margin:  16px 0 24px;
}
.blog-main-list li .txt-tags > * {
  display: inline-block;
  padding: 2px 0;
  line-height: 1;
}
.blog-main-list li .txt-tags .date {
  width: auto;
  margin-right: 50px;
}
.blog-main-list li .txt-tags .tag {
  padding: 2px 5px;
  text-align: center;
  border: 1px solid #262b2b;
}
.blog-main-list li .txt-box .txt {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 24px;
}
.blog-main-list li .txt-footer .link {
  display: inline-block;
  padding-right: 20px;
  text-align: center;
  background-image: url(../img/icon-raquos-bluegreen.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: auto 13px;
  color: #25b7aa;
}
.blog-eyecatch {
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1024px) {
  .blog-main-list li .txt-box .txt-tags {
    display: flex;
    margin:  8px 0;
  }
  .blog-main-list li .txt-box .txt {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 768px) {
  .blog-main-list li .txt-box .txt-tags {
    display: flex;
    margin:  0 0 8px;
    font-size: 9px !important;
  }
  .blog-main-list li .txt-box .txt {
    font-size: 16px;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 480px) {
  .blog-main-list {
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
  ..blog-main-list li {
    width: 100%;
    flex-direction: unset;
  }
  .blog-main-list li:not(:last-child) {
    margin-bottom: 15px;
  }
  .blog-main-list li a.figure {
    width: 40%;
    overflow: hidden;
    max-width: unset;
  }
  .blog-main-list li a.figure img {
    width: 100%;
    height: auto;
  }
  .blog-main-list li .txt-box {
    width: 60%;
    margin-top: 0;
    margin-left: 0;
    padding: 3px 5%;
  }
  .blog-main-list li .txt-box .txt-tags {
    margin-bottom: 8px;
    justify-content: space-between;
  }
  .blog-main-list li .txt-tags .date {
    width: auto;
    font-size: 9px !important;
    margin-right: 0;
  }
  .blog-main-list li .txt-tags .tag {
    max-width: 120px;
    padding: 2px 5px;
    font-size: 9px !important;
  }
  .blog-main-list li .txt-box .txt {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .blog-main-list li .txt-box .link {
    font-size: 14px;
    background-size: auto 13px;
  }
  .blog-main-list li .txt-footer {
    text-align: right;
  }
}
@media only screen and (max-width: 374px) {
  .blog-main-list li {
    flex-wrap: wrap;
    height: unset;
    max-height: unset;
  }
  .blog-main-list li a.figure {
    width: 100%;
  }
  .blog-main-list li a.figure img {
    width: auto;
    height: 100%;
  }
  .blog-main-list li .txt-box {
    width: 100%;
  }
  .blog-main-list li .txt-box .txt-tags {
    margin-top: 8px;
  }
}

/**
 *  リンクグループ
 */
.link-list {
  display: flex;
  justify-content: space-between;
}
.new-graduate .link-list,
.mid-career .link-list {
  margin-bottom: 50px;
}
.link-list li {
  display: inline-block;
}
.link-list.column2 li {
  width: 48%;
}
.link-list.column3 li {
  width: 32%;
}
.link-list.column4 li {
  width: 24%;
}
.link-list.column5 li {
  width: 19%;
}
.link-list.column7 li {
  width: 13.5%;
}
.link-list li a {
  display: block;
  height: 100%;
  text-align: center;
  padding: 24px 0;
  line-height: 1.5em;
  background-image: url(../img/icon-raquos.png);
  background-position: center right 36px;
  background-repeat: no-repeat;
  font-size: 18px;
  background-color: #fff;
  border: 1px solid #212121;
}
.link-list li.current a {
  color: #fff;
  background-image: url(../img/icon-raquos-white.png);
  background-color: #262b2b;
  border: 1px solid #262b2b;
}
.link-list li a:hover {
  color: #fff;
  border-color: #25b7aa;
  background-color: #25b7aa;
  background-image: url(../img/icon-raquos-white.png);
}
@media only screen and (max-width: 1024px) {
  .link-list li a {
    background-position: center right 15px;
  }
}
@media only screen and (max-width: 768px) {
  .link-list {
    flex-wrap: wrap;
  }
  .new-graduate .link-list,
  .mid-career .link-list {
    margin-bottom: 10px;
  }
  .link-list li {
    width: 100% !important;
  }
  .link-list li:not(:last-child) {
    margin-bottom: 12px;
  }
  .link-list li a {
    padding: 16px 0;
    font-size: 14px;
  }
}

/**
 *  BOXコンテンツ
 */
.box-content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}
.box-content li {
  width: 48%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 50px;
  border: 1px solid #d2d5d5;
}
.box-content .box-content-title {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.box-content .box-content-txt {

}

/**
 *  売買物件
 */
.sale-header {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.sale-header .heading {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 0;
}

.sale-list {
  display: flex;
  flex-wrap: wrap;
}
.sale-list li {
  width: 100%;
}
.sale-list li .li-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 50px 0;

  margin: auto;
  max-width: 1180px;
}
.sale-list.sale-single li .li-wrap {
  padding-top: 30px;
}
.sale-list li:nth-child(even) {
  background-color: #f6f9f9;
}
.sale-list li > .li-wrap > * {
  width: 50%;
}
.sale-list li figure img {
  width: 100%;
  height: auto;
}
.sale-list li .txt-box {
  padding: 0 50px;
}
.sale-header .txt-tags,
.sale-list li .txt-tags {
  margin-bottom: 10px;
}
.sale-header .txt-tags .tag,
.sale-list li .txt-tags .tag {
  padding: 4px 30px;
  font-size: 14px;
  text-align: center;
  border: 1px solid #262b2b;
}
.sale-list li .heading {
  padding-left: 16px;
  margin-bottom: 0 !important;
  font-weight: bold;
}
.sale-list li .heading .label {
  font-size: 16px !important;
}
.sale-list li .data {
  border-collapse: collapse;
  margin-bottom: 30px;
}
.sale-list li .data th,
.sale-list li .data td {
  padding: 16px;
  border-bottom: 1px solid #eee;
}
.sale-list li .data th {
  width: 40%;
}
.sale-list li .data td {
  width: 60%;
}
.sale-list li .txt-footer .go-contact {
  width: 100%;
  max-width: 100%;
}

.photo-list {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0 0;
}
.photo-list li {
  width: 32%;
  padding: 0;
  background-color: #fff !important;
}
.photo-list li:not(:nth-of-type(3n+1) ){
  margin-left: 2%;
}
.photo-list li:nth-child(n+3) {
  margin-bottom: 10px;
}
.photo-list > li figure {
  width: 100%;
  height: 150px;
  padding: 0 !important;
}
.photo-list > li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sale-map iframe {
  width: 100%;
  height: 600px;
}
.sale-map-contact {
  text-align: center;
}
.sale-map-contact .btn {
  width: 530px;
  max-width: 530px;
  margin: 100px auto;
}

.basic-info {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
}
.basic-info th,
.basic-info td {
  padding: 16px;
  border-bottom: 1px solid #e5e5e5;
  text-align: left;
}
.basic-info th {
  width: 18%;
}
.basic-info td {
  width: 32%;
}
@media only screen and (max-width: 1024px) {
  .photo-list > li figure {
    height: 120px;
  }
}
@media only screen and (max-width: 768px) {
  .photo-list > li figure {
    height: 90px;
  }
}
@media only screen and (max-width: 480px) {
  .sale-header .heading {
    font-size: 18px;
  }
  .sale-list li figure,
  .sale-list li .txt-tags {
    padding-left: 16px;
    padding-right: 16px;
  }
  .sale-list li .txt-tags {
    margin-bottom: 16px;
  }
  .sale-list.sale-single li figure {
    padding: 0 !important;
  }
  .sale-list li .li-wrap {
    flex-wrap: wrap;
  }
  .sale-list.sale-single li .li-wrap {
    padding-bottom: 0;
  }
  .sale-list li > .li-wrap > * {
    width: 100%;
  }
  .sale-list li .heading {
    margin-top: 10px !important;
    font-size: 16px !important;
  }
  .sale-list li .heading .price {
    font-size: 24px !important;
  }
  .sale-list li .heading .label {
    font-size: 14px !important;
  }
  .sale-list li .txt-box {
    padding: 24px 0 0;
  }
  .sale-list li .data {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 24px;
  }
  .sale-list li .txt-footer {
    text-align: center;
  }
  .sale-list li .data th {
    width: 30%;
  }
  .sale-list li .data td {
    width: 70%;
  }
  .single-managed_list .basic-info,
  .single-sale_list .basic-info {
    margin-bottom: 0;
  }
  .basic-info tr {
      display: flex;
      flex-wrap: wrap;
  }
  .basic-info tr td {
      display: block;
      width: 70%;
  }

  .basic-info tr th {
      width: 30%;
      display: block;
  }
  .sale-map iframe {
    height: 300px;
  }
  .sale-map-contact .btn {
    width: 100%;
    margin: 50px auto;
  }
}

/**
 *  空室対策
 */
.measures .remodeling-sample {
  margin-top: 100px;
  margin-bottom: 0
}
.owner-list li.measures-1 {
  height: 400px;
}
.owner-list li.measures-1 .txt-box {
  width: 650px;
  padding: 45px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
.owner-list li.measures-2 .title {
  font-size: 24px;
}
.owner-list li.measures-2 .txt-box {
  width: 650px;
  padding: 50px 50px 50px 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 1179px) {
  .owner-list li.measures-1 .txt-box,
  .owner-list li.measures-2 .txt-box {
    width: 55%;
  }
}
@media only screen and (max-width: 767px) {
  .measures .remodeling-sample {
    margin-top: 24px;
  }
  .owner-list li.measures-1 .title,
  .owner-list li.measures-2 .title {
    margin-bottom: 13px;
    font-size: 16px;
  }
  .owner-list li.measures-1 .txt-box {
    padding: 50px 22px;
  }
  .owner-list li.measures-2 .txt-box {
    padding: 24px 0px;
  }
  .owner-list li.measures-1 .txt-footer .btn {
    width: 140px;
  }
}

/**
 *  お客様の声
 */
.txt-intro {
  text-align: center;
  margin-bottom: 50px;
}
.voice-list {
  display: flex;
  flex-wrap: wrap;
}
.voice-list li {
  width: 32%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.voice-list li:not(:nth-of-type(3n+1)) {
  margin-left: 2%;
}
.voice-list li .voice-header {
  color: #fff;
  background-color: #262b2b;
  padding: 16px 18px;
  line-height: 1;
}
.voice-list li .voice-header .name {
  margin-bottom: 16px;
}
.voice-list li .voice-header .vote {
  display: flex;
  align-items: flex-start;
}
.voice-list li .voice-box {
  background-color: #eff2f2;
  padding: 24px 20px 20px;
}
.voice-list li .voice-box .title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 18px;
}
.voice-list li .voice {
  margin-bottom: 24px;
}
.voice-list li .answer {
  background-color: #fff;
  padding: 16px;
}
.voice-list li .answer .label {
  display: block;
  width: 100%;
  color: #25b7aa;
  font-size: 16px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .voice-list {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .voice-list li {
    width: 100%;
    margin-bottom: 30px;
  }
  .voice-list li:not(:nth-of-type(3n+1) ) {
    margin-left: 0;
  }
  .voice-list li .voice-header {
    padding: 20px 24px;
  }
  .voice-list li .voice-box .title {
    font-size: 16px;
  }
  .voice-list li .answer .label {
    margin-bottom: 13px;
  }
}

/**
 *  代表挨拶
 */
.greeting-block {
  display: flex;
  justify-content: space-between;
}
.greeting-block figure {
  width: 30%;
  max-width: 370px;
}
.greeting-block figure img {
  width: 100%;
  height: auto;
}
.greeting-block .txt-box {
  width: 60%;
}
.greeting-block .txt-box .heading {
  margin: 0 0 24px !important;
  font-size: 22px;
}
.greeting-block .txt-box p:not(.name) {
  margin-bottom: 16px !important;
}
.greeting-block .txt-box p.name {
  text-align: right;
}
.greeting-philosophy {
  width: 100%;
  text-align: center;
}
.owner-list.greeting-1 {
  margin: 50px 0 100px;
}
.owner-list.greeting-1 li {
  height: 310px;
}
.owner-list.greeting-1 li figure {

}
.owner-list.greeting-1 li .txt-box {
  width: 650px;
  padding: 45px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
.owner-list.greeting-1 li .title {
  font-size: 18px;
}
.owner-list.greeting-1 li .txt-box > * {
  width: 100%;
}
@media only screen and (max-width: 1179px) {
  .owner-list.greeting-1 li .txt-box {
    width: 55%;
  }
}
@media only screen and (max-width: 767px) {
  .measures .remodeling-sample {
    margin-top: 24px;
  }
  .owner-list.greeting-1 li .title {
    margin-bottom: 13px;
    font-size: 16px;
  }
  .owner-list.greeting-1 li .txt-box {
    padding: 24px;
  }
}

.where-we-aim {
  display: flex;
  justify-content: center;
}
.where-we-aim li {
  width: 38%;
  padding: 32px 0;
  text-align: center;
  border: 1px solid #d2d5d5;
}
.where-we-aim li:not(:first-child) {
  margin-left: 2%;
}
.where-we-aim li .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1024px) {
  .greeting-block {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .greeting-block figure {
    margin-bottom: 24px;
  }
  .greeting-block figure,
  .greeting-block .txt-box {
    width: 100%;
    max-width: unset;
  }
}
@media only screen and (max-width: 767px) {
  .greeting-block .txt-box .heading {
    margin: 0 0 16px !important;
    font-size: 16px !important;
  }
}
@media only screen and (max-width: 480px) {
  .where-we-aim {
    flex-wrap: wrap;
  }
  .where-we-aim li {
    width: 100%;
  }
  .where-we-aim li:not(:first-child) {
    margin-left: 0;
  }
  .where-we-aim li:first-child {
    margin-bottom: 30px;
  }
  .greeting .service-list {
    margin: 40px 0 40px;
  }
}

/**
 *  会社概要
 */
.overview-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 200px;
}
.overview-table th,
.overview-table td {
  padding: 30px 20px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
  text-align: left;
}
.overview-table tr th {
  width: 260px;
}
@media only screen and (max-width: 480px) {
  .overview-table tr th {
    width: 30%;
    padding-right: 16px;
  }
  .overview-table th,
  .overview-table td {
    padding: 20px 0;
  }
}
/* 部門 */
.overview-list {
  display: flex;
  justify-content: space-between;
  margin: 85px auto 100px;
}
.overview-list li {
  display: block;
  flex-direction: column;
  width: 32%;
  color: #262b2b;
  background-color: #fff;
  border: 2px solid #eee;
  text-align: center;
}
.overview-list li figure {
  position: relative;
  margin: auto;
  margin-top: -87px;
  width: 75%;
}
.overview-list li .txt-box {
  font-size: 20px;
  padding: 20px;
}
.overview-list li .txt-box .link {
  width: 140px;
  margin: auto;
  text-align: center;
  background-image: url(../img/icon-raquos-bluegreen.png);
  background-position: center right 20px;
  background-repeat: no-repeat;
  background-size: auto 20px;
  color: #25b7aa;
}
.overview-list li .txt-title {
  font-weight: bold;
  margin-bottom: 16px;
}
@media only screen and (max-width: 480px) {
  .overview-table {
    margin-bottom: 100px;
  }
  .overview-list {
    flex-wrap: wrap;
  }
  .overview-list li {
    width: 100%;
  }
  .overview-list li:not(:last-child) {
    margin-bottom: 60px;
  }
  .overview-list li figure {
    margin-top: -40px;
    width: 80px;
  }
  .overview-list li .txt-title {
    font-size: 16px;
  }
  .overview-list li .txt-box .link {
    font-size: 14px;
    background-size: auto 13px;
  }
}

/**
 *  会社概要；管理事業部
 */
.division-block {
  padding: 100px 0;
  text-align: center;
}
.division-block.top-0 {
  padding-top: 0;
}
.division-block .heading {
  font-size: 22px;
  color: #25b7aa;
  margin-bottom: 24px;
}
.management-24h-point {
  display: flex;
  justify-content: center;
  margin: 50px auto;
}
.management-24h-point li {
  display: flex;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  background-color: #25b7aa;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
}
.management-24h-point li:not(:first-child) {
  margin-left: 2%;
}
.management-24h-txt {
  width: 60%;
  margin: auto;
  padding: 42px 0;
  background-color: #eff2f2;
}
@media only screen and (max-width: 1024px) {
  .management-24h-txt {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .division-block {
    padding: 50px 0;
  }
  .division-block .heading {
    font-size: 16px;
  }
  .management-24h-point {
    flex-wrap: wrap;
  }
  .management-24h-point li:not(:first-child) {
    margin-left: 0;
  }
  .management-24h-point li:nth-child(even) {
    margin-left: 12px;
  }
  .management-24h-point li {
    margin-bottom: 12px;
  }
  .management-24h-point li:nth-child(n+2) {
    margin-bottom: 0;
  }
  .management-24h-txt {
    padding: 20px 30px;
  }
}

/**
 *  会社概要：リフォーム事業部
 */
.icon-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}
.icon-box.column2 li {
  width: 48%;
  padding: 48px;
}
.icon-box.column3 li {
  width: 32%;
}
.icon-box.column4 li {
  width: 23%;
}
.icon-box.column5 li {
  width: 19%;
}
.icon-box li {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 40px 0;
  border: 1px solid #d2d5d5;
}
.icon-box li:not(:first-child) {
  margin-left: 2%;
}
.icon-box.bg-white li {
  background-color: #fff;
}
.icon-box li figure {
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-box li .label {
  margin: 28px 0;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}
.icon-box.no-txt li .label {
  margin-bottom: 0;
}
.icon-box li .txt {
  padding: 0;
}
.remodeling-sample {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-bottom: 100px;
}
.remodeling-sample .heading {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 24px;
}
.remodeling-sample li:not(:first-child) {
  margin-top: 100px;
}
.remodeling-sample li .sample-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.remodeling-sample li .sample-block figure img {
  width: 100%;
  height: auto;
}
.remodeling-sample li .sample-block .arrow {
  padding: 0 16px;
  text-align: center;
}
.remodeling-sample li .sample-block .sp-arrow {
  display: none;
}
@media only screen and (max-width: 768px) {
  .icon-box {
    flex-wrap: wrap;
  }
  .icon-box li {
    padding: 20px 0;
  }
  /* 2column */
  .icon-box.column2 li {
    width: 100%;
    padding: 24px 24px 20px;
  }
  .icon-box.column2 li:not(:first-child) {
    margin-left: 0;
  }
  .icon-box.column2 li:not(:last-child) {
    margin-bottom: 16px;
  }
  .icon-box li .label {
    font-size: 16px;
    margin: 16px 0 8px;
  }
  .icon-box.column2 li .txt {
    padding: 0;
  }

  /* 3column */
  .icon-box.column3 {
  }
  .icon-box.column3 li{
    width: 100%;
    padding: 30px 16px;
  }
  .icon-box.column3 li:not(:first-child) {
    margin-left: 0;
  }
  .icon-box.column3 li:not(:last-child) {
    margin-bottom: 16px;
  }
  .icon-box.column3 li .txt {
    padding: 0;
  }

  /* 4column */
  .icon-box.column4 li {
    width: 48%;
  }
  .icon-box.column4 li:not(:first-child) {
    margin-left: 0;
  }
  .icon-box.column4 li:nth-child(even) {
    margin-left: 2%;
  }
  .icon-box.column4 li:not(:nth-child(n+3)) {
    margin-bottom: 16px;
  }
  .icon-box.column4 li .label {

  }
}
@media only screen and (max-width: 767px) {
  .remodeling-sample {
    margin-bottom: 80px;
  }
  .remodeling-sample li:not(:first-child) {
    margin-top: 40px;
  }
  .remodeling-sample li .sample-block {
    flex-wrap: wrap;
    flex-direction: ;
  }
  .remodeling-sample li .sample-block > * {
    width: 100%;
  }
  .remodeling-sample li .sample-block .arrow {
    padding: 16px 0;
  }
  .remodeling-sample li .sample-block .arrow img {
    width: 80px;
    height: auto;
  }
  .remodeling-sample li .sample-block .pc-arrow {
    display: none;
  }
  .remodeling-sample li .sample-block .sp-arrow {
    display: block;
    margin: auto;
  }
}

/**
 *  レンタル
 */
/* RENTAL */
.rental .icon-box {
  margin-bottom: 100px;
}
.rental .icon-box li {
  padding: 3px 16px 32px;
  margin-bottom: 24px;
}
.rental .icon-box li .label {
  margin: 16px 0;
}
.rental .icon-box li .txt {
  text-align: center;
  padding: 0
}
.rental .icon-box li:nth-child(4n+1) {
  margin-left: 0;
}
.rental .icon-box li:not(:nth-last-child(n+4)){

}
.rental-info {
  width: 65%;
  min-width: 760px;
  margin: 0 auto 40px;
  padding: 45px 5%;
  background-color: #eff2f2;
  text-align: center;
}
.rental-info .btn {
  width: 520px;
  max-width: 520px;
  margin-top: 40px;
}
.rental-info .btn a {
  padding: 24px 0;
}
.rental-info .txt-header {
  margin-bottom: 24px;
}
.rental-info .txt-header .heading {
  margin-bottom: 0;
}
.rental-memo {
  width: 100%;
  padding: 0 5%;
}
.rental-memo ol {
  margin-bottom: 16px;
}

@media only screen and (max-width: 768px) {
  .rental-info {
    width: 100%;
    min-width: unset;
  }
}
@media only screen and (max-width: 560px) {
  .rental .icon-box {
    margin-bottom: 50px;
  }
  .rental-info .btn {
    width: 100%;
    max-width: unset;
  }
  .rental-info .btn a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 480px) {
  .rental .icon-box li {
    width: 100%;
    margin-left: 0 !important;
  }
  .rental-memo {
    padding: 0 5% 0 10%;
  }
}

/**
 *  会社概要：トマトハウス
 */
.tomato-block {
  padding: 100px 0;
}
.tomato-system {
  text-align: center;
}
.tomato-system .txt-header .heading {
  line-height: 1.6;
  margin-bottom: 0;
}
.service-list.tomato > li {
  margin-top: 100px;
}
.service-list.tomato > li:last-child {
  margin-bottom: 0;
}
.tomato-list {
  display: flex;
  justify-content: center;
}
.tomato-list > li {
  width: 32%;
  border: 1px solid #d2d5d5;
}
.tomato-list > li:not(:first-child) {
  margin-left: 2%;
}
.tomato-list > li > figure {
  width: 100%;
}
.tomato-list > li > figure img {
  width: 100%;
  height: auto;
}
.tomato-list > li .txt-box {
  padding: 30px;
  text-align: center;
}
.tomato-list > li .txt-box .name {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 16px;
}
.tomato-list > li .txt-box .link {
  width: 140px;
  margin: auto;
  text-align: center;
  background-image: url(../img/icon-raquos-bluegreen.png);
  background-position: center right 20px;
  background-repeat: no-repeat;
  background-size: auto 20px;
  color: #25b7aa;
  font-size: 20px;
}
.tomato-campaign {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 45%;
  height: 100%;
  overflow: hidden;
  padding: 0 50px;
  background-color: #fff;
}
.tomato-campaign > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 48%;
}
.tomato-campaign > div figure,
.tomato-campaign > div figure img {
  width: 100%;
  height: auto;
}
.tomato-campaign > div .title {
  margin-top: 8px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .tomato-block {
    padding: 50px 0;
  }
  .service-list.tomato > li {
    flex-wrap: wrap;
  }
  .service-list.tomato > li:last-child {
    flex-wrap: wrap-reverse;
    flex-direction: row-reverse !important;
  }
  .service-list.tomato > li .txt-box {
    padding: 30px 24px 50px;
  }
  .tomato-list li {
    width: 48%;
  }
  .tomato-campaign {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .tomato-list {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .tomato-list li {
    width: 100%;
  }
  .tomato-list li:not(:last-child) {
    margin-bottom: 30px;
  }
  .tomato-list li:last-child .txt-box {

  }
  .service-list.tomato > li:last-child .txt-box .heading {
    text-align: center;
  }
  .service-list.tomato > li:last-child .txt-box .txt {
    margin-bottom: 0;
  }
  .tomato-campaign {
    padding: 0;
  }
  .tomato-campaign > li {
    width:  48%;
  }
  .service-list.tomato > li {
      margin-top: 40px;
      margin-bottom: 0;
  }
  .service-list.tomato > li:last-child {
      margin-top: 0;
  }
  .tomato-list > li .txt-box .name {
    font-size: 16px;
  }
  .tomato-list > li .txt-box .link {
    font-size: 18px;
    background-size: auto 13px;
  }
}

/**
 *  会社沿革
 */
.history-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 100px;
}
.history-table th,
.history-table td {
  padding: 30px 0;
  border-bottom: 1px solid #eee;
  font-size: 14px;
}
.history-table tr:first-child td {
  padding:  0 0 30px;
}
.history-table tr td:nth-child(1) {
  width: 90px;
}
.history-table tr td:nth-child(2) {
  width: 70px;
}
.history-table tr.multi-line td {
  padding: 0;
  border: none;
}
.history-table tr.multi-start td {
  padding: 30px 0 0 !important;
}
.history-table tr.multi-bottom td {
  padding: 0 0 30px !important;
  border-bottom: 1px solid #eee;
}
@media only screen and (max-width: 480px) {
  .history-table tr td:nth-child(1) {
    width: 20%;
  }
  .history-table tr td:nth-child(2) {
    width: 16%;
  }
  .history-table tr:first-child td,
  .history-table tr.multi-line td,
  .history-table tr.multi-bottom td {
    padding: 0 0 16px !important;
  }
  .history-table tr.multi-start td {
    padding: 16px 0 !important;
  }
}

/**
 *  アクセス
 */
.access-block {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin-bottom: 100px;
}
.access-block > * {
  width: 47%;
}
.access-block .access-map {
  min-height: 350px;
}
.access-block .access-map iframe {
  width: 100%;
  height: 100%;
}
.access-block .access-info {
  padding: 30px 0;
}
.access-block .access-info .name {
  font-size: 20px;
  font-weight: bold;
}
.access-block .access-info .table {
  width: 100%;
}
.access-block .access-info .table th {
  width: 70px;
}
.access-block .access-info .table th,
.access-block .access-info .table td {
  padding: 20px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
}
@media only screen and (max-width: 1023px) {
  .access-block {
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 50px;
  }
  .access-block > * {
    width: 100%;
  }
  .access-block > *:first-child {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 480px) {
  .access-block .access-info {
    padding: 0;
  }
  .access-block .access-info .table th {
    width: 16%;
  }
  .access-block .access-info .table th,
  .access-block .access-info .table td {
    padding: 16px 0;
  }
}

/**
 *  お知らせ;
 */
.news-header {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap-reverse;
}
.news-header > * {
  width: 100%;
}
.news-header .heading {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 50px;
}
.news-header .date {
  font-size: 14px;
  margin-bottom: 20px;
}
.news-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 76px;
}
.news-list li {
  width: 100%;
}
.news-list li:not(:last-child){
  margin-bottom: 24px
}
.news-list li .date,
.news-list li .tilte {
  display: inline-block;
}
.news-list li .date {
  width: 10em;
}
.news-content {
  margin-bottom: 84px;
}
.news-content h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.news-content h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.news-content h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.news-content h4 {
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.news-content h5 {
    display: block;
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.news-content h6 {
    display: block;
    font-size: 0.67em;
    margin-block-start: 2.33em;
    margin-block-end: 2.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.news-content figure img {
  margin: 16px auto;
  width: 100%;
  max-width: 740px;
}
.news-content p {
  margin-bottom: 16px;
}
.news-content ul {
  list-style: disc;
  margin-bottom: 16px;
}
.news-content ol {
  margin-bottom: 16px;
}
.news-content ol li,
.news-content ul li {
  margin-left: 50px;
}
.news-content a {
  color: #25b7aa;
}
.news-content a:hover {

}
.news-content em {
  font-style: italic;
}
.news-content blockquote {
  padding: 15px;
  border-left: 5px solid #ccc;
  background-color: #f9f9f9;
  color: #666;
}
.news-footer {
  text-align: center;
}
@media only screen and (max-width: 480px) {
  .news-header .heading,
  .news-header .date {
    margin-bottom: 16px;
  }
  .news-list {
    margin-bottom: 30px;
  }
  .news-list li:not(:last-child){
    margin-bottom: 20px
  }
  .news-list li .date,
  .news-list li .tilte {
    width: 100%;
    display: block;
  }
  .news-content ul li {
    margin-left: 16px;
  }
}

/**
 *  メッセージ
 */
.message-block {
  display: flex;
  justify-content: space-between;
}
.message-block figure {
  width: 30%;
  max-width: 370px;
}
.message-block figure img {
  width: 100%;
  height: auto;
}
.message-block .txt-box {
  width: 60%;
}
.message-block .txt-box .heading {
  margin: 0 0 24px !important;
  font-size: 22px;
}
.message-block .txt-box p {
  margin-bottom: 16px !important;
}
@media only screen and (max-width: 768px) {
  .message-block {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .message-block figure {
    margin-bottom: 24px;
  }
  .message-block figure,
  .message-block .txt-box {
    width: 100%;
    max-width: unset;
  }
}
@media only screen and (max-width: 767px) {
  .message-block .txt-box .heading {
    margin: 0 0 16px !important;
    font-size: 16px !important;
  }
}


/**
 *  募集要項
 */
.job-table {
  width: 100%;
  border-collapse: collapse;
}
.job-table th,
.job-table td {
  padding: 30px 0;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
  text-align: left;
}
.job-table tr:first-child td {

}
.job-table tr th {
  width: 160px;
}

/* ACHIVEMENT */
.achivement-block .job-table {
  margin-bottom: 50px;
}
.achivement-block .txt-header {
  margin-bottom: 0;
}
.achivement-box {
  width: 670px;
  box-sizing: border-box;
  padding: 50px;
  background-color: #eff2f2;
  margin: auto;
}
.achivement-table {
  border-collapse: collapse;
  width: 100%;
}
.achivement-table th .maru {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background-color: #25b7aa;
}
.achivement-table td {
  width: 25%;
  padding: 30px 0;
  font-weight: bold;
  border-bottom: 1px solid #e5e5e5;
}
.achivement-table th,
.achivement-table td {
  text-align: center;
}
.achivement-table td.year {
  text-align: left;
}
.achivement-table td .num {
  font-size: 22px;
}
@media only screen and (max-width: 480px) {
  .achivement-box {
    width: 100%;
  }
  .achivement-table th .maru {
    width: 46px;
    height: 46px;
    border-radius: 23px;
    font-size: 14px;
  }
  .achivement-table td .num {
    font-size: 16px;
  }
  .achivement-table td {
    padding: 16px 0;
  }
}

/* FLOW */
.flow-box {
  display: flex;
  justify-content: center;
  margin: auto;
}
.flow-box li.step-box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 250px;
  box-sizing: border-box;
  padding: 36px 16px;
  text-align: center;
  border: 1px solid #d2d5d5;
  background-color: #fff;
}
.flow-box li.step-box .step {
  font-weight: bold;
  color: #25b7aa;
}
.flow-box li.step-box .txt {
  font-size: 16px;
  font-weight: bold;
}
.flow-box li.arrow-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
}
.flow-box li.arrow-box img.pc-arrow {
  width: 22px;
}
.flow-box li.arrow-box img.sp-arrow {
  width: 40px;
}
.flow-box li.arrow-box img {
  height: auto;
}
.flow-box .sp-arrow {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .flow-box {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .flow-box li {
    margin: auto;
  }
  .flow-box li.step-box {
    height: 170px;
  }
  .flow-box .pc-arrow {
    display: none;
  }
  .flow-box .sp-arrow {
    display: block;
  }
}
@media only screen and (max-width: 480px) {
  .job-table tr th {
    width: 30%;
    padding-right: 16px;
  }
}


/**
 *  エントリーフォーム
 */
.form-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 24px;
}
.form-table th,
.form-table td {
  padding: 30px 0;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
  text-align: left;
}
.form-table tr:first-child td {

}
.form-table th {
  width: 240px;
  vertical-align: top;
  line-height: 40px;
}
.form-table input::placeholder {
  color: #ccc;
}
.form-table input.type {
  position: relative;
  top: -2px;
  left: 0;
}
.form-table input[type="tel"],
.form-table input[type="text"] {
  line-height: 40px;
}
.form-table input[type="tel"],
.form-table input[type="text"],
.form-table textarea {
  padding: 0 10px;
  border: none;
  background-color: #eeeeee;
  width: 100%;
}
.form-table textarea {
  padding: 10px;
}
.form-table input#zip {
  max-width: 340px !important;
}
.form-table input[type="radio"] {
  display: none;
}
.form-table input[type="radio"]:not(:last-child)+.mwform-radio-field-text,
.form-table input[type="radio"]:not(:last-child)+label {
  margin-right: 20px;
  line-height: 40px;
}
.form-table input[type="radio"]+.mwform-radio-field-text::before,
.form-table input[type="radio"]+label::before{
  display: inline-block;
  position: relative;
  top: 10px;
  background-size: contain;
  width: 30px;
  height: 30px;
  content: url(../img/ico-radio-off.png);
  margin-right: 5px;
}
.form-table input[type="radio"]:checked+.mwform-radio-field-text::before,
.form-table input[type="radio"]:checked+label::before{
  content: url(../img/ico-radio-on.png);
}
.form-table .required {
  padding: 5px;
  border: 1px solid #ea2a31;
  color: #ea2a31;
  margin-left: 16px;
}
.agree-block {
  text-align: center;
  margin-bottom: 48px;
}
.agree-block .txt {
  margin-bottom: 24px;
}
.agree-block a {
  color: #25b7aa;
  border-bottom: 1px solid #25b7aa;
}
.submit-block {
  display: flex;
  justify-content: center;
}
.submit-block button[name="send"] {
    margin-left: 16px;
}
.submit-block button {
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  -ms-transition: all 0.75s;
  -o-transition: all 0.75s;
  transition: all 0.75s;
}
.submit-block .btn-confirm:hover {
  background-image: url(../img/icon-raquos-white.png);
  background-color: #25b7aa;
  color: #fff;
  opacity: 1;
}
.submit-block .btn.bg-black:hover {
  background-color: #666 !important;
  border: 1px solid #666 !important;
  opacity: 1;
}

.request-thanks {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .submit-block .btn {
    font-size: 14px;
  }
}
@media only screen and (max-width: 480px) {
  .form-table th {
    border: none;
    padding-bottom: 8px !important;
    line-height: 1;
  }
  .form-table td {
    padding-top: 8px !important;
  }
  .form-table th,
  .form-table td {
    display: block;
    width: 100%;
  }
  .form-table input[type="text"]#zipcode {
    width: 100%;
  }
}

.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0  !important;
}
.mw_wp_form .horizontal-item {
  display: inline-block;
}

/**
 *  お問い合わせ;
 */
.contact-list {
  display: flex;
  justify-content: space-between;
}
.contact-list.column1 {
  justify-content: center;
}
.contact-list li {
  width: 47%;
  text-align: center;
  border: 2px solid #262b2b;
  background-color: #f7f9f9;
  background-image: url(../img/icon-sankaku.png);
  background-repeat: no-repeat;
  background-position: right 10px bottom 10px;
}
.contact-list li a {
  display: block;
  width: 100%;
  padding: 50px 0;
}
.contact-list li .title {
  position: relative;
  font-size: 28px;
  font-weight: bold;
  color: #25b7aa;
  line-height: 1.5;
  margin-bottom: 30px;
}
.contact-list li .title::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -15px; /*下線の上下位置調整*/
  display: inline-block;
  width: 100px; /*下線の幅*/
  height: 2px; /*下線の太さ*/
  background-color: #262b2b; /*下線の色*/
}
.contact-list li .txt {
  font-size: 20px;
}
@media only screen and (max-width: 1023px) {
  .contact-list li {
    background-position: right 3px bottom 3px;
    background-size: auto 10px;
  }
  .contact-list li a {
    padding: 15px 10px;
  }
  .contact-list li .title {
    font-size: 14px;
    margin-bottom: 16px;
  }
  .contact-list li .title::after {
    bottom: -8px;
    width: 30%; /*下線の幅*/
  }
  .contact-list li .txt {
    font-size: 11px;
  }
}
@media only screen and (max-width: 480px) {
  .contact-list.column1 li {
    width: 100%;
  }
}
@media only screen and (max-width: 374px) {
  .contact-list {
    flex-wrap: wrap;
  }
  .contact-list li {
    width: 100%;
  }
  .contact-list li:not(:last-child) {
    margin-bottom: 15px;
  }
}

/**
 *  採用エントリー
 */
.entry-txt {
  font-size: 16px;
}
.entry-more {
  display: flex;
  justify-content: center;
}
.job-list {
  display: flex;
  justify-content: space-between;
  margin: 85px auto 30px;
}
.recruit .job-list {
  margin-top: 150px;
}
.job-list li {
  display: block;
  flex-direction: column;
  width: 48%;
  color: #262b2b;
  background-color: #eff2f2;
  text-align: center;
}
.job-list li figure {
  position: relative;
  margin: auto;
  margin-top: -87px;
  width: 75%;
}
.job-list li .txt-box {
  font-size: 20px;
  padding: 20px;
}
.job-list li .txt-box .link {
  width: 140px;
  margin: auto;
  text-align: center;
  background-image: url(../img/icon-raquos-bluegreen.png);
  background-position: center right 20px;
  background-repeat: no-repeat;
  background-size: auto 20px;
  color: #25b7aa;
}
.job-list li .txt-title {
  font-weight: bold;
  margin-bottom: 16px;
}
@media only screen and (max-width: 768px) {
  .entry-txt {
  }
}
@media only screen and (max-width: 480px) {
  .job-list {
    flex-wrap: wrap;
    margin: 90px auto 30px;
  }
  .job-list li {
    width: 100%;
  }
  .job-list li:not(:first-child) {
    margin-top: 140px;
  }
}

/**
 *  TOP 採用情報
 */
.recruit-block {
  display: flex;
  justify-content: space-between;
}
.recruit-block > * {
  width: 50%;
}
.recruit-block figure img {
  width: 100%;
  height: auto;
}
.recruit-block figure img.sp-img {
  display: none;
}
.recruit-block .txt-box {
  padding: 50px;
}
.recruit-block .txt-box .heading {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 20px;
}
.recruit-block .txt-box .txt {
  margin-bottom: 30px;
}
.recruit-block .txt-box .txt-footer {
  text-align: right;
}
@media only screen and (max-width: 1024px) {
  .recruit-block {
    flex-direction: column ;
    flex-wrap: wrap;
  }
  .recruit-block > * {
    width: 100%;
  }
  .recruit-block figure img.pc-img {
    display: none;
  }
  .recruit-block figure img.sp-img {
    display: block;
  }
  .recruit-block .txt-box {
    padding: 20px 0 0;
  }
  .recruit-block .txt-box .txt {
    margin-bottom: 24px;
  }
  .recruit-block .txt-box .heading {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .recruit-block .txt-box .txt-footer {
    text-align: center;
  }
}

/**
 *  採用情報
 */
.owner-list li.message-1 {
  height: 340px;
}
.message-1 .section-footer {
  width: 100%;
  margin-top: 30px;
  text-align: right;
}
.bg-interview .employee-list .txt-box {
  padding: 60px 45px 40px !important;
}
.bg-interview .employee-list .txt-box .heading {
  margin: 0 0 16px !important;
}
.employee-data {
  font-size: 16px;
  font-weight: bold;
  color: #25b7aa;
  margin-bottom: 16px;
}
.employee-data .spec {
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  .message-1 .section-footer {
    text-align: center;
  }
}

/**
 *  オーナー様へ/入居者様へ
 */
.service-list li .point {
}
.owner-header-1,
.owner-header-2,
.owner-header-3 {
  margin-top: 100px;
}
.owner-list {
  display: flex;
  flex-wrap: wrap;
}
.owner-list li {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.owner-list li.row-reverse {
  flex-direction: row-reverse;
}
.owner-list li:not(:last-child) {
  margin-bottom: 30px;
}
.owner-list li.owner-1 {
  height: 310px;
}
.owner-list li.owner-2 {
  height: 400px;
}
.owner-list li.owner-3 {
  height: 350px;
}
.owner-list.owner-point li {
  height: 270px;
}
.owner-list li:not(:last-child) {
  margin-bottom: 30px;
}
.owner-list li figure {
  width: 530px;
  height: 100%;
}
.owner-list li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.owner-list li.owner-1 figure,
.owner-list li.owner-2 figure,
.owner-list li.owner-3 figure {
  width: 530px;
}
.owner-list.owner-point li figure {
  width: 400px;
}
.owner-list li .txt-box {
  height: 100%;
  box-sizing: border-box;
  background-color: #fff;
}
.owner-list li .txt-box .txt {
  width: 100%;
}
.owner-list li.owner-1 .txt-box,
.owner-list li.owner-2 .txt-box,
.owner-list li.owner-3 .txt-box {
  width: 650px;
  padding: 45px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
.owner-list.owner-point li .txt-box {
  width: 780px;
  padding: 45px;
}
.owner-list.owner-point li .point {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: bold;
  color: #25b7aa;
  line-height: 1;
}
.owner-list li .title {
  width: 100%;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1.3em;
}
.owner-list li .txt-footer {
  margin-top: 30px;
  width: 100%;
  text-align: right;
}
.owner-list li .txt-footer .btn {
  width: 210px;
  height: 42px;
}
.owner-list li .txt-footer .btn a {
  padding: 0;
  line-height: 40px;
}
.owner-footer {
  margin-top: 70px;
  text-align: center;
}
@media only screen and (max-width: 1179px) {
  .owner-list li.owner-1 .txt-box,
  .owner-list li.owner-2 .txt-box,
  .owner-list li.owner-3 .txt-box {
    width: 55%;
  }
  .owner-list.owner-point li .txt-box {
    width: 67%;
  }
}
@media only screen and (max-width: 1024px) {
  .owner-list li {
    flex-wrap: wrap;
    flex-direction: column;
    height: auto !important;
  }
  .owner-list li figure,
  .owner-list li .txt-box {
    width: 100% !important;
    height: auto !important;
  }
}
@media only screen and (max-width: 767px) {
  .owner-header-1,
  .owner-header-2,
  .owner-header-3 {
    margin-top: 50px;
  }
  .owner-list li .title {
    font-size: 16px;
  }
  .owner-list.owner-point li .txt-box {
    padding: 24px;
  }
  .owner-list li.owner-1 .txt-box,
  .owner-list li.owner-2 .txt-box,
  .owner-list li.owner-3 .txt-box {
    padding: 47px 24px;
  }
  .owner-list li .txt-footer {
    margin-top: 20px;
    width: 100%;
    text-align: center;
  }
  .owner-list.owner-point li .point {
    margin-bottom: 13px;
  }
  .owner-list.owner-point li .title {
    margin-bottom: 16px;
    font-size: 16px;
  }
  margin-bottom: 16px;
  .owner-list li .txt-footer .btn {
    width: 140px;
  }
  .owner-footer {
    margin-top: 30px;
  }
}

/**
 *  入居者のみなさまへ
 */
.owner-list li.residents-1,
.owner-list li.residents-2 {
  height: 310px;
}
.owner-list li.residents-3 {
  height: 325px;
}
.owner-list.residents-list li figure {
  height: 100%;
  width: 530px;
}
.owner-list.residents-list li .txt-box {
  width: 650px;
  padding: 45px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.about-cancel {
  margin-top: 100px;
}

@media only screen and (max-width: 1179px) {
  .owner-list.residents-list li .txt-box {
    width: 55%;
  }
}
@media only screen and (max-width: 767px) {
  .owner-list.residents-list li .title {
    margin-bottom: 13px;
    font-size: 16px;
  }
  .owner-list.residents-list li .txt-box {
    padding: 50px 22px;
  }
  .owner-list.residents-list li .txt-footer .btn {
    width: 140px;
  }
}

.box-link-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.box-link-list li {
  width: 32%;
  padding: 36px 16px 24px;
  text-align: center;
  border: 1px solid #d2d5d5;
  background-color: #fff;
}
.box-link-list li:nth-child(1),
.box-link-list li:nth-child(2),
.box-link-list li:nth-child(3) {
  margin-bottom: 24px;
}
.box-link-list li:nth-child(2),
.box-link-list li:nth-child(3),
.box-link-list li:nth-child(5) {
  margin-left: 2%;
}
.box-link-list li .link {
  width: 140px;
  margin: auto;
  text-align: center;
  background-image: url(../img/icon-raquos-bluegreen.png);
  background-position: center right 20px;
  background-repeat: no-repeat;
  background-size: auto 20px;
  color: #25b7aa;
  font-size: 18px;
}
.box-link-list li .heading {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}
.box-link-list li .txt {
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .box-link-list {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .box-link-list li {
    width: 100%;
    padding: 26px 28px 24px;
  }
  .box-link-list li:not(:first-child) {
    margin-bottom: 0;
  }
  .box-link-list li:not(:last-child) {
    margin-bottom: 16px !important;
  }
  .box-link-list li:nth-child(2),
  .box-link-list li:nth-child(3),
  .box-link-list li:nth-child(5) {
    margin-left: 0;
  }
  .box-link-list li .heading {
    margin-bottom: 13px;
    font-size: 15px;
  }
  .box-link-list li .txt {
    margin-bottom: 20px;
  }
}

/**
 *  コンプライアンス
 */
.compliance-block p {
  margin-bottom: 16px;
}
.compliance-block .h-lv1 {
  color: #25b7aa;
  font-size: 20px;
  font-weight: bold;
  margin: 24px 0;
}
.compliance-block .h-lv2 {
  font-size: 16px;
  margin: 0 0 24px;
}


/**
 *  SNS
 */
.sns-section .inner {
  padding: 50px 0;
}
.sns-list {
  display: flex;
  justify-content: center;
}
.sns-list li {
  width: 270px;
  height: 70px;
  margin: 0 8px;
}
.sns-list li a {
  display: block;
  padding: 20px 20px 20px 80px;
  box-sizing: border-box;
  line-height: 1.2;
  background-repeat: no-repeat;
  background-position: center left 20px;
  background-color: #fff;
  font-weight: bold;
  border: 2px solid #eee;
}
.sns-list li a.sns-fb {
  background-image: url(../img/icon-facebook.png);
}
.sns-list li a.sns-insta {
  background-image: url(../img/icon-instagram.png);
}
@media only screen and (max-width: 1023px) {
  .sns-section .inner {
    padding: 40px 0 42px;
  }
  .sns-list {
    flex-direction: column;
  }
  .sns-list li {
    width: 90%;
    max-width: 370px;
    margin: auto;
    margin-bottom: 20px;
  }
  .sns-list li:last-child {
    margin-bottom: 0;
  }
}


/**
 *  footer
 */
.footer {
  position: relative;
  display: block;
  width: 100%;
  background: #262b2b;
  color: #fff;
}
.footer .inner {
  position: relative;
  padding: 56px 0 0;
  box-sizing: border-box;
}
.footer .foot-box {
  display: flex;
  width: 100%;
}
.footer .logo-box {
  width: 430px;
  box-sizing: border-box;
}
.footer .logo {
  width: 150px;
  margin-bottom: 13px;
}
.footer .txt {
  padding-left: 38px;
}
.footer .logo-box .name {
  font-size: 23px;
  font-weight: bold;
}
.footer .logo-box .address {
  font-size: 17px;
  font-family: sans-serif;
}
.footer .logo-box .address .phobe {
  margin-right: 20px;
}
.footer .menu-block {
  display: flex;
  width: 70%;
  padding: 30px 60px;
  box-sizing: border-box;
}
.foot-menu:nth-child(1){
  width: 39%;
}
.foot-menu:nth-child(2) {
  width: 24%;
}
.foot-menu:nth-child(3) {
  width: 37%;
}
.foot-menu > li {
  margin-bottom: 12px;
}
.foot-menu .parent {
  font-size: 15px;
  font-weight: bold;
}
.foot-menu .sub-menu {
  margin-top: 8px;
  padding-left: 16px;
}
.foot-menu .sub-menu li {
  font-size:  13px;
  line-height: 2;
}
.foot-menu .sub-menu li .arrow {

}
.footer .copyright {
  position: relative;
  display: block;
  width: 100%;
  padding: 30px 0;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
}
@media only screen and (max-width: 1024px){
  .footer .menu-block {
    display: none;
  }
  .footer .logo-box {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .footer .logo {
    width: 25%;
  }
  .footer .txt {
    width: 70%;
    padding-left: 0;
  }
  .footer .logo-box .name {
    line-height: 1;
    margin-bottom: 10px;
    font-size: 16px;
  }
  .footer .logo-box .address {
    font-size: 14px;
    letter-spacing: -1px;
  }
  .footer .copyright {
    font-size: 12px;
  }
}


/* ページナビ */
.wp-pagenavi {
  margin: 40px auto 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .pages {
  display: none;
}
.wp-pagenavi a,
.wp-pagenavi span,
.wp-pagenavi .page {
  width: 30px;
  height: 30px;
  padding: 0.3rem 0.6rem;
  margin: 0 5px;
  background-color: #eff2f2;
  text-decoration: none;
  border: none;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.wp-pagenavi span.current {
  background-color: #262b2b;
  color: #fff;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  padding: 0;
  background-color: transparent;
  font-size: 24px;
  color: #212121;
  line-height: 30px;
}
.wp-pagenavi .extend {
  display: none;
}

@media screen and (max-width: 767px) {
  .wp-pagenavi span,
  .wp-pagenavi .page {
    padding: 0.3rem 0.6rem;
      margin: 0 5px;
  }
}


/**
 *  ページャー
 */
.pager {
  list-style: none;
  display: flex;
  justify-content: center;
}
.pager .btn {
  display: block;
  padding: 0 1rem;
  text-decoration: none;
  color: #fff;
  background-color: #2f3c7f;
  font-size: 14px;
}
.pager li:not(:last-child) {
  margin-right: 1.5rem;
}

.dir_tree li{
	font-size: 15px;
	padding: 3px;
}

.child_dir{
	cursor: pointer;
}

.child_tree{
	margin-left: 20px;
	display:none;
}