@charset "utf-8";
/* CSS Document */
/* 目次 
* リセット
* 共通（レイアウト・テキスト・見出し・ボタン・ヘッダー・フッター・ぱんくず・その他)
* TOP
* 下層共通 ※変更不可
*/
/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {
  /**************************************************
  2. 共通（レイアウト・テキスト・見出し・ボタン・ヘッダー・フッター・ぱんくず・その他)
  ***************************************************/
  /*------------------------------
  基本スタイル ※変更不可
  ------------------------------*/
  .sp {
    display: none;
  }
  .tb {
    display: block;
  }
  /* float */
  .tb-float-l {
    float: left;
  }
  .tb-float-r {
    float: right;
  }
  /*------------------------------
  レイアウト ※変更不可
  ------------------------------*/
  /*フッター位置調整*/
  .wrapper {
    min-height: calc(100vh - 500px);
  }
  /*wrap共通*/
  .wrap-m {
    width: 96%;
  }
  .wrap-s {
    width: 86%;
  }
  /*------------------------------
  テキスト ※変更不可
  ------------------------------*/
  .lead {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .lead-s {
    font-size: 16px;
    font-size: 1.6rem;
  }
	
/*------------------------------
  文字の改行位置 ※変更不可
  ------------------------------*/
.text-break,#property .text-break.is-en  {
    max-width: 100%;
}

	
  /*------------------------------
  ボタン ※変更不可
  ------------------------------*/
  /* 共通 */
  /* 矢印のみのボタン　採用情報 */
  .btn-arrow {
    width: 15%;
  }
  /* MOREボタン　採用情報 */
  .btn-more {
    width: 25%;
  }
  /*テキストリンク*/
  .txt-link::before {
    width: 50px;
  }
  .txt-link:hover::before {
    width: 60px;
  }
  .txt-link.more {
    width: 130px;
  }
	
/*------------------------------
  スプリット内　タイトル部分
  ------------------------------*/
  .ttl-box {
    margin-bottom: 50px;
    width: fit-content;
    align-items: flex-end;
    justify-content: center;
  }
  .ttl-box .subttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
  /*------------------------------
  フッター ※変更不可

  /*------------------------------
  ぱんくず ※変更不可
  ------------------------------*/
  #breadcrumbs li, #breadcrumbs li a, #footer .f-nav-list li a {
    font-size: 16px;
    font-size: 1.6rem;
  }
  /**************************************************
  3. TOP
  ***************************************************/
  /*------------------------------
  kv
  ------------------------------*/
  #top .kv .split-right-body {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 90px;
  }

   #top .split .ttl-box .link-icon {
        position: absolute;
        bottom: -22px;
        right: -57px;
  }
	
	
	
	
  #top .split .ttl-box .link-icon::before {
    left: -30px;
    width: 90px;
  }
  #top .split .ttl-box .link-icon::after {
    left: 42px;
    width: 16px;
    height: 15px;
  }
  #top .split .ttl-box:hover .link-icon::before {
    left: -30px;
    width: 110px;
  }
  #top .split .ttl-box:hover .link-icon::after {
    left: 61px;
  }
	
#top .split .ttl-box .subttl {
  text-align: right;
}
	
  /*------------------------------
  con5 
  ------------------------------*/
  #top .con05 .split-left-body .ttl-box .subttl {
    margin-bottom: 40px;
  }
  #top .con05 .split-right-body .newsList li:nth-child(n+4) {
    display: block;
  }

  /**************************************************
  * newsList共通（TOP・category）
  ***************************************************/
  .newsList li {
    width: 100%;
  }
  .newsList li a.newsList-flex {
    display: flex;
  }
  .newsList li p {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .newsList li p.date {
    margin-right: 50px;
  }
  #article .newsList li .detail-box {
    display: flex;
  }
  /**************************************************
  * 下層共通
  ***************************************************/
  /* スプリット */
  /* コンテンツタイトル */
  .page .kv {
    padding-top: 0;
  }
  .page .kv .ttl-box {
    margin: auto;
    padding: 60px 0;
    align-items: center;
  }
  /*------------------------------
  .page-linknav ※変更不可
  ------------------------------*/
  .page-linknav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 50px;
  }
  .page-linknav li {
    width: 50%;
    padding: 5px;
  }
  .page-linknav li a > span {
    padding: 25px 0;
    font-size: 20px;
    font-size: 2.0rem;
  }
  /*------------------------------
  .page-wrap-box-inner ※変更不可
  ------------------------------*/
  /* box-wrap01 */
  .page-wrap-box-inner .box-wrap01 .img-box {
    margin: 20px auto;
  }
  /* box-wrap02 */
  .page-wrap-box-inner .box-wrap02 .box {
    padding: 20px 0;
  }
  /* box-wrap03 */
  .page-wrap-box-inner .box-wrap03 {
    padding: 30px;
    margin-bottom: 30px;
  }
  .page-wrap-box-inner .box-wrap03 .text-box .text {
    margin-bottom: 30px;
  }
  /* box-wrap04 */
  .page-wrap-box-inner .box-wrap04 .flex-box .box {
    margin-bottom: 30px;
    padding-bottom: 60px;
    position: relative;
  }
  .page-wrap-box-inner .box-wrap04 .flex-box .box h3 span {
    font-size: 30px;
    font-size: 3.0rem;
  }
  .page-wrap-box-inner .box-wrap04 .flex-box .box .box-inner {
    padding: 15px 30px 30px;
  }
  .page-wrap-box-inner .box-wrap04 .flex-box .box .box-inner p {
    margin-bottom: 15px;
  }
  .page-wrap-box-inner .box-wrap04 .flex-box .box .btn-box {
    position: absolute;
    bottom: 30px;
    width: calc(100% - 60px);
  }
  /*pagenav*/
  .pagenav {
    padding-top: 30px;
  }
  /**************************************************
  * TOP
  ***************************************************/

  #top .kv .split-right-body .kv-ttl .ttl.img-box {
    width: 60%;
  }

  /*------------------------------
  con01
  ------------------------------*/
  #top .con01 .split-right-body .property-wrap ul {
    margin: 0 auto 120px;
  }
  #top .con01 .split-right-body .property-wrap ul:last-child {
    margin: 0 auto 80px 6%;
    margin: 0 6% 80px ;
  }

  #top .con01 .split-right-body .property-wrap .property-list .property-list-cate {
    position: relative;
    /*        display:flex;*/
  }
  #top .con01 .split-right-body .property-wrap .property-list .property-list-cate-ttl {
    writing-mode: vertical-rl;
    -writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    position: absolute;
    top: 10px;
    left: 4%;
  }
  #top .con01 .split-right-body .property-wrap .property-list .property-box-wrap {
    margin-left: 2%;
  }
  #top .con01 .prev-arrow {
    left: 70%;
  }

  #top .con01 .split-right-body .toproperty {
    width: 35%;
    margin: 30px auto 100px 60%;
  }
  #top .con01 .split-right-body .toproperty p {
    width: 100%;
    padding-right: 130px;
    margin-right: 30px;
  }
  #top .con01 .split-right-body .toproperty .toproperty-icon {
    max-width: 130px;
    left: 100px;
    display: inherit;
  }
  #top .con01 .split-right-body .toproperty .toproperty-icon::before {
  }

  /**************************************************
  * 下層共通 ※変更不可
  ***************************************************/
  .page .split .split-fixed, .page .split .split-text {
    padding: 50px 0;
  }
	
	
/**************************************************
* スマホ私たちについて #aboutus
***************************************************/
/*------------------------------
con01
------------------------------*/
	
  #aboutus .con01 .split-right-body .text-box.flex-box {
    justify-content: space-around;
	max-width: 810px;
	 margin: auto;
  }
  #aboutus .con01 .split-right-body .ttl {
    width: 10%;
  }
  #aboutus .con01 .split-right-body .text-box .mission {
    width: 85%;
  }
  /*------------------------------
con02
------------------------------*/
  #aboutus .con02 .split-right-body .text-con {
    margin: 0 auto 150px;
  }
  #aboutus .con02 .split-right-body .text-con.flex-box {
    flex-direction: row-reverse;
  }
  #aboutus .con02 .split-right-body .text-con.consecond.flex-box {
    flex-direction: row;
  }
  #aboutus .con02 .split-right-body .text-con .ttl {
    -webkit-writing-mode: vertical-rl !important; /* 実装済 */
    -moz-writing-mode: vertical-rl; /* 実装済 */
    -ms-writing-mode: vertical-rl; /* 実装済 */
    -writing-mode: vertical-rl;
    width: 30%;
    position: relative;
    padding: 20% 5% 0 0;
    margin: 0 auto 0 0;
    line-height: 3;
	writing-mode: vertical-rl;
  }
  #aboutus .con02 .split-right-body .text-con.consecond .ttl {
    width: 23%;
    padding: 20% 0 0 15%;
    margin: 0 10% 0 0;
  }
  #aboutus .con02 .split-right-body .text-con .group {
    width: 55%;
  }
  #aboutus .con02 .split-right-body .text-con .ttl span.sub {
    display: block;
  }
  /*------------------------------
con03
------------------------------*/
  #aboutus .con03 .split-right-body .mamber-con {
    max-width: 1024px;
  }
  #aboutus .con03 .split-right-body .mamber-con.flex-box {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  #aboutus .con03 .split-right-body .mamber-con .group {}
  #aboutus .con03 .split-right-body .mamber-con .img-box {
    width: 45%;
    max-width: 240px;
  }
  #aboutus .con03 .split-right-body .mamber-con .group-txt {
    width: 100%;
    max-width: 600px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
  }
/*------------------------------
con04    
------------------------------*/
#aboutus .con04 .split-right-body .overviewTable{
        max-width: 1024px;
    } 
.overviewTable dl {
            padding-top: 2em;
}
	
	
/**************************************************
* 製品情報 #decor

***************************************************/	
#decor .kv .split-right-body{
		width: 100%;
}
#decor .kv .split-right-body .ttl-box {
      padding: 120px 20px;
}

#decor .con01.split .split-fixed{
         padding: 0; 
}
#decor .con01 .mission {
		max-width: 400px;
	    width: 80%;
}

#decor .con01 .mission .text{
    margin-top: 20px;
	font-size: 16px;
    font-size: 1.6rem;
	line-height: 2.4;
}
#decor .con02 .lead{
	margin-bottom: 40px;
}

 #decor .con02 .text {
        margin-top: 60px;
}
	
#decor .con03.split .ttl-box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
	
#decor .con03 .color-smple-img {
    width: 80%;
    max-width: 400px;
    margin-top: -12%;
    margin-bottom: 50px;
}

#decor .con03 .decor-color-chart02-img img{
  height: 350px;
	}
	
/*	slick*/
#decor .slide-dots {
		margin-top: 10px;
	}
#decor .slide-arrow {
	width: 45px;
	top:-22px;
}
#decor .prev-arrow {
    right: 60px;
}
	
/*------------------------------
英語ページ decor-en
------------------------------*/
#decor.decor-en .con01 .mission {
        max-width: 500px;
}

#decor.decor-en .con01 .mission .text{
	line-height: 2;
}
#decor.decor-en .con02 .text:last-child{
	margin-top: 20px;
}
	
	
  /**************************************************
  * パートナー募集 #partner
  ***************************************************/
  #partner .kv .split-left-body {
    background-size: cover;
    background-position: center;
  }
  #partner .kv .split-right-body .ttl-box {
    margin: auto;
    padding: 60px 0;
  }
  #partner .con01 .split-left-body {
    display: none;
  }
	
	
/*------------------------------
パートナー募集 英語ページ
------------------------------*/

#partner.partner-en .overviewTable dt {
    text-align-last:inherit;
    width: auto;
      max-width:inherit;
	display: inline-block;
  }

	
	
	
	
  /**************************************************
  * report #partner
  ***************************************************/
  #report .con01 .split-right-body .report-con {
    width: 80%;
    margin: 0 auto;
  }
  /**************************************************
  * 代表メッセージ #message
  ***************************************************/
  /*------------------------------
  kv
  ------------------------------*/
  #message .kv .split-left-body .ttl-box {
    width: fit-content;
  }
  #message .kv .split-left-body .img-box {
    width: 30%;
    margin-left: 48%;
  }
  #message .kv .split-right-body .text-box p {
    margin-left: 30px;
  }
  /**************************************************
  * 沿革 #history
  ***************************************************/
  /*------------------------------
  kv
  ------------------------------*/
  #history .kv dl div dd {
    display: block;
    margin-left: 17px;
  }
  #history .kv dl div dd .month {
    display: inline-block;
    width: 35px;
  }
  #history .kv dl div dd .text {
    width: 90%;
  }
  /**************************************************
  * 採用情報 #recruit
  ***************************************************/
  /*------------------------------
  kv
  ------------------------------*/
  #recruit .kv .split-left-body {
    background-size: cover;
    background-position: center;
  }
  /*------------------------------
  con01
  ------------------------------*/

#recruit.page .con01 .ttl-box {
    padding: 0%;

} 
    
  #recruit .con01 .requirements-list li p {
    font-size: 18px;
    font-size: 1.8rem;
  }
  /*------------------------------
  con02
  ------------------------------*/
  #recruit .con02 {
    height: 100%;
  }
  #recruit .con02 .split-left-body {
    background: #FFF;
    z-index: 11;
  }
  #recruit .con02 .split-right-body {
    z-index: 10;
  }
  #recruit .con02 .split-right-body .split-item .member-box {
    padding: 40px 50px;
  }
  #recruit .con02 .split-right-body .split-item .member-box .img-box {
    margin-bottom: 20px;
  }
  #recruit .con02 .split-right-body .split-item .member-box .ttl {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #recruit .con02 .split-right-body .split-item .member-box .name {
    font-size: 18px;
    font-size: 1.8rem;
  }
  /* ページネーション */
  #recruit .con02 .pagination-box {
    right: 20px;
    bottom: 30px;
  }
  #recruit .con02 .swiper-pagination {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #recruit .con02 .split-right-body .split-text {
    padding-bottom: 45px;
  }
  /**************************************************
* 募集職種 #requirements
***************************************************/
  #requirements .split h2 {
    font-size: 55px;
    font-size: 5.5rem;
    font-size: clamp(1.125rem, 0.614rem + 2.56vw, 6rem);
  }
  #requirements .job {
    font-size: 26px;
    font-size: 2.6rem;
  }
#requirements .con01 .job-des__list dt {
  padding-bottom: 2px;
}
  #requirements .con01 .job.text-c {
    margin: .3em auto 0;
  }
  #requirements .split .split-text {
    padding: 50px 0 0;
  }
  #requirements .con02.split .ttl-box {
    margin: auto;
    padding: 60px 0 0;
    align-items: flex-end;
  }
  /**************************************************
* メンバー一覧・詳細 #member
***************************************************/

  /*------------------------------
詳細
------------------------------*/
  #member .schedule h3, #member .careerPath h3 {
    font-size: 80px;
    font-size: 8rem;
  }
  /**************************************************
  * お問い合わせフォーム、エントリーフォーム
  ***************************************************/
  #page .entry-form table td .quarter {
    width: 130px;
  }

  #page .wpcf7-form .birth .cont:last-child {
    margin-right: 0;
  }
  #page .wpcf7-form .birth .wpcf7-not-valid-tip {
    width: 100%;
  }
  #page .wpcf7-form .consent {
    max-width: 450px;
    margin: 0 auto;
  }
  /**************************************************
* #article.property 物件募集
***************************************************/
  /*------------------------------
  kv
  ------------------------------*/
  #property .kv .split-left-body {
    background-size: cover;
    background-position: center;
  }
  /*------------------------------
  con01
  ------------------------------*/
  #property .contact-form p span.wpcf7-list-item {
    width: auto;
    margin-right: 4%;
  }
  #property span.wpcf7-form-control-wrap {
    display: block;
  }
	
  #property .split-right-body .property-list .ttl {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
  }
	
/**************************************************
* 私たちについて #aboutus
***************************************************/
	
/*英語ページタイトル調整*/
#aboutus.aboutus-en .con01 .split-right-body .text-box .ttl{
  font-size: clamp(3rem, 2vw, 4rem);
  line-height: 1;
  min-width: 0;
   width: 10%;
}
#aboutus.aboutus-en .con01 .split-right-body .text-box .mission {
  width: 83%;
}
 

	
} /*=================== TBここまで ==================*/
@media screen and (min-width: 700px) {
  #top .con01 .prev-arrow {
    left: 90%;
  }
}
/*=================== PCここから==================*/
@media screen and (min-width: 1025px) {
  /**************************************************
  2. 共通（レイアウト・見出し・その他・table・header<strong></strong>・footer・ハンバーガー・btn・戻るボタン)
  **************************************************/
  /*------------------------------
  基本スタイル ※変更不可
  ------------------------------*/
  .sp {
    display: none;
  }
  .tb {
    display: none;
  }
  .pc {
    display: block;
  }
  /* float */
  .pc-float-l {
    float: left;
  }
  .pc-float-r {
    float: right;
  }
  /*------------------------------
  レイアウト ※変更不可
  ------------------------------*/
  .wrapper {
    padding-top: 0;
  }
  /*------------------------------
  スプリット
  ------------------------------*/
  .split-fixed {
    position: fixed;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    width: 40%;
  }
  .split-fixed {
    opacity: 0;
    transition: opacity .8s linear 0s;
  }
  .split.show .split-fixed {
    opacity: 1;
  }
  /*上下左右中央*/
  .Middle {
    display: flex;
    justify-content: center;
    /* justify-content: flex-start; */
    flex-direction: column;
    margin-right: 0;
  }
  /* 上部のみ余白*/
  .Upper-Middle {
    padding: 140px 30px 30px !important;
  }

  .ttl {
    font-size: 30px;
    font-weight: normal;
  }
  .text {
    margin-top: 10px;
    line-height: 1.6;
    padding: 10px;
  }
  .split {
    position: relative;
    /*    z-index: 2;*/
    display: flex;
    height: 100vh;
  }
  .split > * {
    width: 50%;
  }
  .split-left-body {
    position: relative;
    width: 40%;
  }
  .split-right-body {
    width: 60%;
  }
  .split-fixed {
    position: fixed;
    left: 0;
    width: 40%;
  }
  .split-fixed {
    opacity: 0;

    transition: opacity .6s linear 0s;
  }
  .split-fixed img {
    height: 100%;
    object-fit: cover;
  }
  .split.show .split-fixed {
    opacity: 1;

    transition: opacity .4s linear 0s;
  }
  .split h2 {
    font-size: 55px;
    font-size: 5.5rem;
  }
	
  .split h2.is-en {
    font-size: 45px;
    font-size: 4.5rem;
  }	
	
	
	
/*背景画像がある箇所のテキストを浮かばせる*/
.soft-shadow {
  text-shadow: 0 0 12px rgba(0,0,0,0.3);  	
}
	
#recruit .soft-shadow {
  text-shadow: 0 0 14px rgba(0,0,0,0.6);  	
}
	
	
	
  /*------------------------------
  スプリット内　タイトル部分
  ------------------------------*/
  .ttl-box .subttl {
    font-size: 18px;
    font-size: 1.8rem;

  }
  /*------------------------------
  フッター ※変更不可
  ------------------------------*/
  #footer {
    width: 60%;
  }

  #footer .img-box {
    width: 100%;
    max-width: 110px;
    margin: 12rem auto 5px;
  }
  /**************************************************
  3. TOP
  ***************************************************/
  #top {
    padding-top: 0;
  }

  #top .split-left-body .img-box {
    height: 100vh;
  }
  #top .split-right-body a {
    width: 100%;
  }
  /*  #top .split .ttl-box .link-icon {
    left: 100%;
  }*/
  #top .con01 {
    height: auto;
  }
  #top .con01 .split-right-body .toproperty {
    width: 190px;
    margin: 30px 0 100px auto;
  }
	
  #top .con01 .split-right-body .toproperty p {
    padding-right: 65%;
  }
  #top .con02, #top .con03, #top .con04, #top .con05, #top .con06 {
    height: 80vh;
  }

	
	
  /*------------------------------
  kv
  ------------------------------*/
  #top .kv .split-right-body .kv-ttl {
    width: 100%;
	margin-left: -57px;
/*
    max-width: 400px;
    display: flex;
    flex-direction: column;
*/
  }
  #top .kv .split-right-body .kv-ttl .ttl.img-box {
    width: 100%;
    max-width: 300px;
    margin: auto;

  }

  /*------------------------------
  con01 
  ------------------------------*/
  #top .con01.split .split-right-body {
    padding: 0 3% 0 0;
  }
  #top .con01 .split-right-body .property-wrap {
    width: 100%;
    margin: 0 auto 0;
	 padding-top: 3%;
  }
  #top .con01 .split-right-body .property-wrap .inner {
    width: 100vh;
    margin: 0 auto 0;
  }
  #top .con01 .split-right-body .property-wrap ul {
    margin-bottom: 50px;
  }
  #top .con01 .split-right-body .property-wrap .property-list .property-list-cate-ttl {
    top: 10px;
    left: 3%;
  }
  #top .con01 .split-right-body .property-wrap .property-list .property-box-wrap {
    margin-left: 7%;
  }
  #top .con01 .split-right-body .property-wrap h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }

	
/*------------------------------
Gsap
------------------------------*/

/*画像のアスペクト比を調整*/
#top .gsap-item-inner{
width: 80%;
}



  /*------------------------------
  con04 
  ------------------------------*/
  #top .con04.split .split-right-body {
    padding-bottom: 300px;
  }
  /*------------------------------
  con05
  ------------------------------*/
  #top .con05.split {
    min-height: 100vh;
    height: 100%;
  }
  #top .con05 .split-right-body {
    justify-content: center;
    padding: 80px 80px 160px;
    margin: 0 0 0 auto;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
  }
  #top .con05 .split-right-body .ttl-box {
    margin-bottom: 0;
  }
  #top .con05 .split-left-body {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  /*  #top .con05 .split-right-body .ttl-box {
    margin: auto auto 40px;
    width: 100%;
  }*/
  /**************************************************
  * 下層共通
  ***************************************************/
  .page .split .split-fixed, .page .split .split-text {
    padding: 0;
  }
  .page .split .split-left-body {
    display: flex;
    justify-content: center;
    /* flex-direction: column; */
  }
  .page .split .split-right-body {
    padding: 80px 200px 180px 120px;
    margin: 0 0 0 auto; /* 右側の要素を右寄せにするため */
  }
  .page .padding-wrap {
    padding: 80px;
  }

  /* 上部のみ余白*/
  .page .Upper-Middle {
    /* padding: 140px 30px 30px!important; */
    padding: 140px 120px 180px 60px !important;
  }
  /* スプリット　コンテンツの高さの最低値 */
  .page .split {
    min-height: 100vh;
  }
  /* スプリット内　タイトルの高さ */
  .page .split .ttl-box {
    padding: 0;
    display: flex;
    /* flex-direction: row; */
    align-items: flex-end;
    width: fit-content;
  }

  #member .con02 .split-right-body, #member .con03 .split-right-body, #requirements .con02 .split-right-body {
    margin-top: 0;
    padding-top: 50px;
  }
  #member .con02 {
    background: #333;
  }
  #member.page .con03, #requirements.page .con02 {
    background: #5F5F5F;
  }
  #member .con02 .split-right-body, #member .con03 .split-right-body {
    background: #FFF;
  }
  #member.page .con02 .split-left-body, #member.page .con03 .split-left-body, #requirements.page .con02 .split-left-body {
    background: transparent;
  }
  #recruit .kv .split-left-body .img-box, #company .kv .split-left-body .img-box {
    height: 100%;
  }
  #history .kv.split, #message .kv.split, #aboutus .kv.split, #member .kv.split, #privacy .kv.split, #article .kv.split, #property .kv.split {
    height: 100%;
  }
  #message .kv .split-right-body .img-box, #history .kv .split-right-body .img-box, #aboutus .kv .split-right-body .img-box {
    right: -13%;
  }
  /**************************************************
  * 会社紹介 #company
  ***************************************************/
  /*------------------------------
  kv
  ------------------------------*/
  #company .kv {
    flex-direction: unset;
  }
  #company .kv .split-left-body .img-box {
    height: 100%;
  }
  /*------------------------------
  con01
  ------------------------------*/
  #company .con01 {
    height: 100%;
  }
  #company .con01 .split-left-body a {
    position: relative;
  }
  #company .con01 .split-right-body .img-box .link-ttl-box .ttl-en {
    font-size: 30px;
    font-size: 3rem;
  }
  #company .con01 .split-right-body .img-box .link-ttl-box .ttl-jp {
    font-size: 20px;
    font-size: 2rem;
  }
  /*------------------------------
  con02
  ------------------------------*/
  #company .con02 {
    height: 100%;
  }
  /**************************************************
  * 代表メッセージ #message
  ***************************************************/
  /*------------------------------
  kv
  ------------------------------*/
  #message .kv .ttl-box {
    padding-bottom: 60px;
  }
  #message .kv .split-left-body .img-box {
    position: absolute;
    top: 64%;
    right: 27%;
    width: 29%;
  }
  #message .kv .split-right-body {
    padding-right: 0;
    margin: 0 0 0 auto;
  }
  /**************************************************
  * 沿革 #history
  ***************************************************/
  /*------------------------------
  kv
  ------------------------------*/
  #history .kv .split-left-body {
    background: transparent;
  }
  #history .kv .split-right-body {
    margin: 0 0 0 auto;
  }
  #history .kv .split-right-body .img-box {
    width: 106%;
    margin-bottom: 80px;
  }
  #history .kv .split-right-body .text-box {
    margin: 0 80px;
  }

  /**************************************************
  * PC　私たちについて #aboutus
  ***************************************************/
  /*------------------------------
  kv
  ------------------------------*/
	
  #aboutus .con01.split .split-right-body {
    padding: 80px 120px 180px 40px;
  }

  #aboutus .kv {
    flex-direction: unset;
  }
  #aboutus .kv .split-left-body .img-box {
    height: 100%;
  }
  #aboutus .kv .split-right-body .img-box {
    margin-bottom: 120px;
  }
  #aboutus .kv .split-right-body .text-box .detail {
    margin-left: 20px;
    margin-bottom: 50px;
  }
  #aboutus .kv .split-right-body .text-box div {
    margin-bottom: 120px;
  }
  #aboutus .kv .split-right-body .text-box div:last-child {
    margin-bottom: 40px;
  }
  #aboutus .kv .split-right-body .text-box .ttl {
    font-size: 40px;
    font-size: 4rem;
  }
	
/*英語ページタイトル調整*/
#aboutus.aboutus-en .con01 .split-right-body .text-box .ttl{
  font-size: clamp(3.3rem, 3.4vw, 4.5rem);
  width: 15%;
}
	
	
#aboutus.aboutus-en .con01 .split-right-body .text-box .mission {
  width: 82%;
}
 

#aboutus.aboutus-en .con01 .split-right-body .text-box .catch-copy {
  font-size: 32px;
  font-size: 3.7rem;
}
  /*------------------------------
con02    
------------------------------*/
  #aboutus .con02 .split-right-body .text-con:last-child {
    margin-bottom: 0;
  }
  /*------------------------------
con03    
------------------------------*/
  #aboutus .con03 .split-right-body .mamber-con .group-txt {
    width: 60%;
  }
/*------------------------------
con04    
------------------------------*/

    #aboutus.page .con04.split{
           height: auto; 
    }   

/*------------------------------
con05    
------------------------------*/
#aboutus .con05.split {
    height:unset;
    }
#aboutus .con05.split .map .overviewTable dt:first-of-type{
    padding-bottom: 0;
    }
    
	
#aboutus .con05 .split-right-body .map .overviewTable dt {
    text-align-last: unset;
    text-justify: unset;
    -moz-text-align-last: unset;

  }
#aboutus .con05 .split-right-body .map .overviewTable dd {
            padding-left: 0;
  } 
    
	
	
/**************************************************
* 製品情報 #decor

***************************************************/
	
/*splitの高さ解除	*/
#decor .con01.split,
#decor .con02.split,
#decor .con03.split,
#decor .con04.split{
		height: auto;
}
	
	
#decor .kv .split-left-body {
  height: 100vh;
  width: 40%;
  position: fixed;
}

	
#decor .kv .split-left-body .ttl-box {
  padding-top: 0;
}

#decor .kv .split-right-body{
		width: 60%;
	padding-top: 160px;
}
	
	
#decor .kv .split-right-body .ttl-box {
        align-items: center;
}

	
		
#decor .con01 .split-left-body .img-box {
    display: block;
	height: 100vh;
}
#decor .con01 .padding-wrap {
    padding: 25% 9% 21%;
}
#decor .con01 .mission {
		max-width: 540px;	 
}
	
#decor .con01 .split-left-body {
  position: fixed;
  background: url("../images/decor/decor-kv-split-about.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}


#decor .con02 .text {
     font-size: 16px; 
     font-size: 1.6rem; 
    max-width: 558px;
}

	
#decor .con03 .split-left-body {
  position: fixed;
  background: url("../images/decor/decor-kv-split-color-chart.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}

#decor .con03 .padding-wrap .text-box  {
    padding: 10% 0% 0% 5%;
    width: 77%;
    max-width: 870px;
    margin: auto;
}

#decor .con03 .color-smple-img {
    width: 100%;
    max-width: 510px;
        margin-top: -12%;
        margin-bottom: 12%;
}
#decor .con03 .decor-color-chart02-img img{
  height: 450px;
}
#decor .con04 .border-box {
    padding: 3em 3em;
}

/*	slick*/
#decor .slide-dots {
margin-top: 10px;		
}
	
#decor .slide-arrow {
	top:7px;
}
/*------------------------------
英語ページ decor-en
------------------------------*/	
	
#decor.decor-en .con01 .mission {
        max-width: 590px;
}
#decor.decor-en .con01 .padding-wrap {
        padding: 26% 9% 21%;
}
#decor.decor-en .con02 .text:last-child{
	margin-top: 20px;
}

	
	
  /**************************************************
  * パートナー募集 #partner
  ***************************************************/
  #partner .kv.sp {
    display: none;
  }
  #partner .kv.flex-box {
    flex-direction: unset;
  }
  #partner .kv .split-left-body {
    position: fixed;
    height: 100vh;
  }
  #partner .kv .split-left-body .ttl-box {
    margin: auto;
    padding-top: 60px;
  }
  #partner .kv .split-right-body {
    width: 60%;
    margin: 0 0 0 auto;
  }
  #partner.page .con01.split .split-right-body {
    padding: 80px 200px 180px 120px;
    margin: 0 0 0 auto;
  }
  #partner .con01 .blog-content {
    margin-bottom: 60px;
  }
  /*------------------------------
  con01
  ------------------------------*/
  #partner .con01.split {
    background-color: #aeaeae;
    height: 100%;
  }
  #partner .con01 .split-left-body {
    background: transparent;
  }
  #partner .con01 .split-right-body {}
  #partner .con01 .split-right-body .split-text {
    min-width: 500px;
  }
  /*#partner .con01 .split-right-body .form-wrap{
            margin-right: 80px;
}*/
  #partner .con01 .swiper-button-prev {
    display: none;
  }
  #partner .con01 .swiper-button-next {
    top: 0;
    width: 100%;
    height: 100%;
    background: none;
  }
  #partner .con01 .split-right-body .partner-form .lead, #partner .con01 .split-right-body .partner-form .fax {
    text-align: left;
  }
  /**************************************************
  * 採用情報 #recruit
  ***************************************************/
  #recruit .kv.sp {
    display: none;
  }
  #recruit .kv .split-left-body {
    position: fixed;
    height: 100vh;
  }
  #recruit .kv .split-left-body .ttl-box {
    margin: auto;
    padding-top: 60px;
  }
  /*------------------------------
  con01
  ------------------------------*/
  #recruit .con01.split {
    /*    background-color: #F9FCFA;*/
    height: 100%;
  }
  #recruit .con01 .split-left-body {
    background: transparent;
  }
  #recruit .con01 .split-right-body {
            padding: 80px 120px 180px 60px;

  }
  #recruit .con01 .split-right-body .split-text {
    min-width: 500px;
  }
#recruit .con01 .requirements-list{
    padding-bottom: 0;
}
    
  #recruit .con01 .requirements-list li a {
    padding: 3rem 0;
  }
  /*------------------------------
  con02
  ------------------------------*/
  #recruit .con02 .swiper-recruit.sp {
    display: none;
  }
  #recruit .con02 .split-left-body {
    height: 100%
  }
  #recruit .con02 .split-right-body {
    padding: 120px;
  }
  #recruit .con02 .split-right-body .swiper-recruit.pc {
    width: 100%;
    margin: auto auto 30px;
  }
  #recruit .con02 .split-right-body .swiper-wrapper .split-item {
    padding-bottom: 0;
  }
  #recruit .con02 .split-right-body .split-item .member-box {
    width: 50%;
    width: calc(100% / 3);
    padding: 30px 10px 30px 30px;
  }
  #recruit .con02 .split-right-body .split-item .member-box:nth-child(2), #recruit .con02 .split-right-body .split-item .member-box:nth-child(5) {
    padding: 30px 20px;
  }
  #recruit .con02 .split-right-body .split-item .member-box:nth-child(3n) {
    padding: 30px 30px 30px 10px;
  }
  #recruit .con02 .split-right-body .split-item .member-box:nth-child(4), #recruit .con02 .split-right-body .split-item .member-box:nth-child(5), #recruit .con02 .split-right-body .split-item .member-box:nth-child(6) {
    margin-bottom: 50px;
    padding-top: 0;
  }
  #recruit .con02 .split-right-body .swiper-recruit {
    margin-bottom: 30px;
  }
  #recruit .split-item {
    opacity: 0;
    transition: .5s;
  }
  #recruit .split-item.swiper-slide-active {
    opacity: 1;
    transition: .5s;
  }
  /* ページネーション */
  #recruit .con02 .pagination-box {
    right: 30px;
    bottom: 30px;
  }
  /**************************************************
  * 募集職種 #requirements
  ***************************************************/
  #requirements .con01 .job.text-c {
    margin: 1.5em auto 0;
  }
  #requirements .ttl-box .btn-box {
    margin-top: 50px;
  }
  #requirements .split-right-body .btn-box {
    margin-top: 70px;
  }
  #requirements .job-requirement {
    margin-bottom: 140px;
  }
  #requirements .overviewTable {
    margin-bottom: 0;
  }
  /*------------------------------
  kv con01
  ------------------------------*/
  #requirements.page .con01 .split-left-body {
    display: flex;
    flex-direction: column;
  }
  #requirements.page .con01 .split-left-body .ttl-box {
    margin-bottom: 50px;
  }
  /*------------------------------
  con02
  ------------------------------*/
#requirements .con02 .split-right-body{
    padding: 80px 120px 180px 60px;
  }
  /**************************************************
  * メンバー紹介 #member
  ***************************************************/
  /* 一覧 */
  /*------------------------------
  con01
  ------------------------------*/
  #member .con01 .split-left-body .img-box {
    display: none;
  }
  #member .member-list-box {
    width: calc(32%);
    margin-bottom: 20px;
  }
  #member .member-list-box, #member .member-list-box:nth-of-type(2n) {
    margin-right: 2%;
  }
  #member .member-list-box:nth-of-type(3n) {
    margin-right: 0;
  }
  /* 詳細 */
  .single #member .ttl-box .btn-box {
    margin-top: 50px;
  }
  /*------------------------------
  con01
  ------------------------------*/
  .single #requirements .split, .single #member .split {
    height: 100%;
  }
  .single #member .con02 .split-right-body, .single #member .con03 .split-right-body {
    padding-bottom: 50px;
  }
  .single #member .con02 .split-right-body {
    display: flex;
    align-items: center;
  }
  .single #member .con03 .split-right-body .careerPath_list {
    padding-bottom: 30px;
  }
  .single #member .kv .split-right-body .main-img {
    width: 60%;
    margin: auto;
    padding-bottom: 80px;
  }
  /*careerPath キャリアパス*/
  #member .careerPath .color-box {
    width: 84%;
    top: 50px;
  }
  #member .careerPath .color-box.bottom {
    width: 59%;
    bottom: -18px;
  }
  /*------------------------------
  con02
  ------------------------------*/
  /*------------------------------
  con03
  ------------------------------*/
  /**************************************************
  * #property 物件募集
  ***************************************************/
  #property .kv.split {
    height: 100%;
  }
  #property .kv .split-left-body .ttl-box {
    margin: auto;
    padding-top: 60px;
  }
  #property .con01 .split-left-body .img-box {
    display: none;
  }
  #property .split-right-body .property-list-item img {
    height: 19vw;
    object-fit: cover;
    max-height: 350px;
  }
  /*------------------------------
  con01
  ------------------------------*/

  #property .con01 .split-left-body {
    position: fixed;
    background: url(../images/kv/kv-split-works.png);
    background-size: cover;
    background-position: center;
    height: 100vh;
  }
  #property .con01 .split-right-body .split-text {
    min-width: 500px;
  }
  #property .con01 .split-right-body .blog-content {
    margin-bottom: 60px;
  }
  #property .con01 .split-right-body .blog-content .blog-title {
    margin-bottom: 24px;
    text-align: left;
    font-size: 28px;
    font-size: 2.8rem;
  }
  #property .con01 .split-right-body .blog-text, #property .con01 .split-right-body .form-wrap {
    margin-right: 80px;
  }
  #property .con01 .swiper-button-prev {
    display: none;
  }
  #property .con01 .swiper-button-next {
    top: 0;
    width: 100%;
    height: 100%;
    background: none;
  }
  #property .con01 .split-right-body .property-form .lead, #property .con01 .split-right-body .property-form .fax {
    text-align: left;
  }
  #property .con01 .blog-content {
    margin-bottom: 60px;
  }
  /**************************************************
  * #blog 店舗オープン情報
  ***************************************************/
  #blog .kv.split {
    height: 100vh;
  }
  /**************************************************
  * #article お知らせ一覧・詳細・アーカイブ　
  ***************************************************/
  .newsList {
    justify-content: flex-start;
  }
  .newsList li {
    margin: 10px 20px 0 0;
  }
  #article .con01 .split-left-body .img-box {
    display: none;
  }
  #article .newsList {
    justify-content: space-between;
  }
  #article .newsList li {
    width: 100%;
    margin: 10px 0 20px;
  }
  /**************************************************
  * #article お知らせ詳細
  ***************************************************/
  #article .kv.split {
    height: 100%;
  }
  #article .split-left-body .ttl-box {
    padding: 0 30px;
  }
  #article .con01 .split-left-body {
    position: fixed;
    background: url(../images/kv/kv-split-information.png);
    background-size: cover;
    background-position: center;
    height: 100vh;
  }
  #article .pagenav {
    margin: 5rem 0;
  }

	
  /**************************************************
  * #report　レポート
***************************************************/
 #report .kv.split {
    height: 100%;
  }
	
 #report .con01 .split-left-body .img-box {
    display: none;
  }
  #report .con01 .split-left-body {
    position: fixed;
    background: url(../images/report/kv.png);
    background-size: cover;
    background-position: center;
    height: 100vh;
  }
  #report .split-left-body .ttl-box {
    padding: 0 30px;
  }
  #report .con01 .split-right-body .report-con {
    width: 100%;
    margin: 0 auto;
  }
  #report .con01 .split-right-body .report-flex {
    display: flex;
    flex-direction: row-reverse;
  }
  #report .con01 .split-right-body .date {
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    -writing-mode: vertical-rl;
    font-size: 18px;
    font-size: 1.8rem;
  }
  #report .con01 .split-right-body .ttl {
    font-size: 16px;
    font-size: 1.6rem
  }
  #report .pagenav {
    margin: 5rem 0;
  }
  /**************************************************
* お問い合わせフォーム、パートナー募集
***************************************************/
#contact .contact-form{
	margin-bottom: 120px	
}

  #contact .split-right-body  {
    padding: 80px 8% 180px 4%;
  }
	
  #contact .con02 .Middle {
    /*    justify-content: flex-start; */
  }
  .page-contact .con01 {
    height: 100%;
  }
  .page-entry .con01 {
    height: 100%;
  }
  /*----------------------------------
  contact-form
  ----------------------------------*/
  #page .contact-form .contact-form-table {
    display: flex;
  }
  #page .contact-form .contact-form-table p.th {
    width: 200px;
  }
  #page .contact-form .contact-form-table p.td {
    width: calc(100% - 200px);
  }
  #page .template .contact-privacy {
    height: 300px;
  }
  #page .entry-form p .check-box-agree > span {
    max-width: 300px;
    margin: 0 auto 70px;
  }
  /*----------------------------------
  #sitemap サイトマップ
  ----------------------------------*/
  #sitemap .split {
    height: 100%;
  }
  #sitemap .nav-box {
    text-align: left;
  }
}
/*================== PC(min-width: 1025px)ここまで ==================*/
@media screen and (min-width: 1280px) {
  #report .con01 .split-right-body .report-con {
    width: 75%;
    margin: 0 auto;
  }
  #report .con01 .split-right-body .img-box img {
    height: 450px;
  }
}
@media screen and (min-width: 1300px) {
  /**************************************************
   TOP
 ***************************************************/
  /*------------------------------
  TOP con01
  ------------------------------*/
  #top .con01 .split-right-body .toproperty p {
    padding-right: 70%;
  }
  #top .con01 .split-right-body .toproperty.is-en p {
    padding-right: 96px;
  }
  /**************************************************
  * 採用情報 #recruit
***************************************************/
  #recruit .con01 .split-right-body {
    padding: 80px calc(120px + 4%);
  }
  /**************************************************
* エントリーフォーム
***************************************************/
  /*----------------------------------
entry-form
----------------------------------*/
  #page .entry-form table tr {
    display: flex;
    padding-bottom: 40px;
  }
  #page .entry-form table th {
    width: 160px;
    padding: 0;
    align-self: center;
  }
  #page .entry-form table tr:nth-child(7) th, #page .entry-form table tr:nth-child(8) th {
    align-self: flex-start;
    padding-top: 2px;
  }
  #page .entry-form table td {
    width: calc(100% - 160px);
    padding-bottom: 0;
  }
  #page .entry-form input {
    width: 100%;
    margin-left: 0;
    background-color: #cdbeb4;
  }
  /*生年月日*/
  #page .birth .cont {
    width: calc(100% / 3);
  }
  #page .birth .cont:first-child {
    width: 30%;
  }
  #page .birth .cont:nth-child(2), #page .birth .cont:last-child {
    width: 15%;
    margin-left: 12px;
  }
  #page .birth .cont > span:first-child {
    width: 100%;
  }
  #page .birth .cont .quarter {
    width: 98%;
  }
  #page .birth .cont .unit {
    margin-left: 0;
  }
  #page .entry-form input.wpcf7-form-control.wpcf7-file {
    padding-left: 0;
  }
	

/*------------------------------
.overviewTable dl    
------------------------------*/
.overviewTable dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: solid 1px #E2E2E2;
    padding: 2.5em 0;
  } 
.overviewTable dt {
    text-align-last: justify;
    text-justify: inter-ideograph; /* Edge */
     -moz-text-align-last: justify;
    width: 25%;
      max-width: 150px;
      padding-bottom: 0;
  }
	
	
.overviewTable dd {
    width: calc(100% - 150px);
    border-bottom:none;
            padding-left: 3em;
      padding-bottom: 0;
  }
    
/*英語サイト*/
.overviewTable.is-en dt {
	text-align-last: left;
    width: 30%;
      max-width: 230px;
  }
	
.overviewTable.is-en dd {
    width: calc(100% - 230px);
  }
	
	

	
}
@media screen and (min-width: 1800px) {
  /**************************************************
   TOP
 ***************************************************/
  /*------------------------------
  TOP con01
  ------------------------------*/
  #top .con01 .split-right-body .toproperty {
    width: 20%;
  }
  #top .con01 .split-right-body .toproperty p {
    padding-right: 75%;
  }
}
@media screen and (min-width: 1900px) {
  /**************************************************
   TOP
 ***************************************************/
  /*------------------------------
  TOP con01
  ------------------------------*/
  #top .con01 .split-right-body .toproperty {
    width: 24%;
  }
}
@media screen and (min-width: 2000px) {
  #top .con01.split .split-right-body {
    padding: 0 3% 0;
  }
  #top .con01 .split-right-body .property-wrap ul:last-child {
    margin: 0 auto 80px 10%;
  }
}