@charset "UTF-8";
/*
Theme Name:株式会社 東北労金サービス
Author: Unigraphic
Description: 汎用テーマ

last edit: 2025.9.29
*/
/*フォント設定*/
html {
  font-size: 10px; /* initial 10px */
}

body {
  font-family: "Noto Sans JP", "Yu Gothic", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.6rem;
  /* default font-size 16px */
  font-weight: 400;
  line-height: 1.6;
  color: #2b2b2b;
  /* 文章処理 */
  overflow-wrap: anywhere; /* 収まらない場合は折り返し */
  word-break: normal; /* 単語の分割はデフォルト */
  line-break: strict; /* 禁則処理厳格 */
}

/*----------------------------------------------------------
/* 制作・デバッグ用
-----------------------------------------------------------*/
/*** 制作用 仕切りアタリ
#wrapper{
  border:solid 2px #12abd1;
}
#wrapper article{
  border:solid 2px #12d1a1;
}
footer{
  border:dashed 2px #aed112;
  border-top:dashed 4px #aed112;
}
 ***/
/*----------------------------------------------------------
/* define
-----------------------------------------------------------*/
/* key color */
/*** デバッグ用 テンプレート名表示 ***/
.debug-comment {
  /* 2025.8.27～制作期間表示ON */
  display: none !important;
  margin: 0 auto 0;
  padding: 6px 15px 6px 15px;
  text-align: center;
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  color: #fff;
  background-color: #0c44bd;
}

/*----------------------------------------------------------
/* リセット・基本定義
-----------------------------------------------------------*/
h2, h3, h4, h5, h6 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-weight: 400;
}

/* 段落 */
p {
  margin: 0.4em 0 1.2em 0;
}

/* 自動整形で発生した空のpタグを消す */
p:empty {
  display: none;
}

/* アンカー */
a,
a:link,
a:visited,
a:active {
  text-decoration: none;
  color: #2b2b2b;
}

a:active,
a:hover {
  text-decoration: underline;
}

a.no-udline {
  text-decoration: none !important;
}

/*** 詳細以外のページリストスタイルリセット ***/
ul,
ul li,
ol,
ol li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* テーブルのセル内の文字自動折り返し */
table tr th,
table tr td {
  overflow-wrap: anywhere;
}

/*** イメージ ***/
img {
  max-width: 100%;
  height: auto;
}

/*** 汎用クラス ***/
.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.indent1 {
  padding-left: 1em;
  text-indent: -1em;
}

/* ▲付ボタン */
.sankakuicon-btn {
  display: inline-block;
  width: 100px;
  height: 40px;
  margin: 0 0 0 0;
  line-height: 40px;
  text-align: center;
  border: solid 1px #e4e4e4;
  border-radius: 90px;
}

.sankakuicon-btn::before {
  display: inline-block;
  content: "▲";
  margin-right: 4px;
  color: #8965c9;
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

/* スモールデバイスでボタンタップ時の枠線OFF */
*:focus {
  outline: none;
}

/* ホバーエフェクト */
a.hoveffect {
  transition: all 0.2s ease-out;
}

a.hoveffect:hover {
  opacity: 0.7;
}

/* 汎用ボタン ___＞ 付き */
.cmn-arrow-btn {
  position: relative;
  text-decoration: none !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  align-items: center;
  justify-content: center;
  height: 50px;
  border-radius: 25px;
}

/* フッター用 */
.cmn-arrow-btn.footer {
  width: 200px;
  height: 30px;
  font-size: 1.6rem;
  border-radius: 15px;
}

/* 矢印アクセント */
.cmn-arrow-btn img {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  transition: all 0.2s ease-out;
}

.cmn-arrow-btn.bg-blue {
  color: #fff !important;
  background-color: #016CB5 !important;
}

.cmn-arrow-btn.bg-white {
  color: #2B2B2B !important;
  background-color: #fff;
  border: solid 1px #2b2b2b;
}

@media screen and (max-width: 767px) {
  /* 汎用ボタン ___＞ 付き */
  /* トップページ用 */
  .cmn-arrow-btn.top {
    width: 250px;
    height: 36px;
  }
}
@media screen and (min-width: 768px) {
  /* ヘッダー用 */
  .cmn-arrow-btn.header {
    padding: 0 20px;
    height: 30px;
    font-size: 1.6rem;
    border-radius: 15px;
  }
  /* 汎用ボタン ___＞ 付き */
  /* トップページ用 */
  .cmn-arrow-btn.top {
    width: 250px;
    font-size: 1.6rem;
  }
  /* トップページ 物件詳細リンク用 */
  .cmn-arrow-btn.top-property {
    margin: 4px 0 0 26px;
    width: 188px;
    height: 38px;
    font-size: 1.6rem !important;
  }
}
@media print, screen and (min-width: 1200px) {
  /* 汎用ボタン ___＞ 付き */
  /* トップページ用 */
  .cmn-arrow-btn.top {
    width: 310px;
  }
  /* 矢印アクセント */
  .cmn-arrow-btn:hover img {
    right: 10px;
  }
  /* トップページ 物件詳細リンク用 */
  .cmn-arrow-btn.top-property {
    margin: 4px 0 0 26px;
    width: 188px;
    height: 38px;
    font-size: 1.8rem !important;
  }
  .cmn-btn > span::after {
    transition: all 0.2s ease-out;
  }
  .cmn-btn:hover > span::after {
    right: -26px;
  }
}
/* 投稿がない時のアナウンンス */
.no-data-announe {
  margin: 0 auto 0;
  text-align: center;
}

.no-data-announe span {
  display: inline-block;
  padding: 16px 40px;
  border: solid 1px #707070;
}

/*-------------------------------------------------------------------
/*  見出し
--------------------------------------------------------------------*/
.home .hd-logo img {
  filter: drop-shadow(1px 1px 4px #555);
}

/* H1 ※sub側設定の差分 */
.page-property-child h1 {
  font-size: 6rem !important;
}

.page-tower-parking .page-title p {
  color: #0299B5 !important;
}

.page-title h1 span {
  display: inline-block;
  padding-right: 1em;
  vertical-align: middle;
  font-size: 3rem;
}

/* トップページ、賃貸物件情報、クリエ21、ACE21 */
.h2_topcmn {
  margin: 0 0 30px 0 !important;
  font-size: 2.4rem !important;
  font-weight: normal !important;
}

.h2_topcmn span {
  display: block !important;
  margin: 0 0 8px 0 !important;
  font-size: 1.6rem;
  color: #016CB4;
}

@media screen and (max-width: 767px) {
  .hd-logo img {
    width: 280px;
  }
  /* crie21とace21詳細ページ見出し */
  .page-property-child .page-title h1 {
    font-size: 3.6rem !important;
  }
  .page-property-child .page-title h1 span {
    display: block;
    margin: 0 0 5px 0;
    font-size: 2rem !important;
  }
}
@media screen and (min-width: 768px) {
  .hd-logo img {
    width: 250px;
  }
  .h2_topcmn {
    margin: 0 0 36px 0 !important;
    font-size: 4rem !important;
  }
}
@media screen and (min-width: 992px) {
  .hd-logo img {
    width: 354px;
  }
}
/*-------------------------------------------------------------------
/*  包含構造
--------------------------------------------------------------------*/
/* 全包含 */
#wrapper {
  margin: 0 auto 0;
  width: 100%;
  max-width: 1920px;
}

/*-------------------------------------------------------------------
/*  ヘッダー
--------------------------------------------------------------------*/
header {
  position: relative;
  margin: 0 auto 0;
  width: 100%;
  max-width: 1920px;
  background-color: #016CB5;
  z-index: 20;
}

header .hd-inner {
  position: relative;
  width: 100%;
}

@media screen and (max-width: 767px) {
  header .hd-inner {
    padding: 0 15px;
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    align-items: center;
    justify-content: flex-start;
    height: 80px;
  }
}
@media screen and (min-width: 768px) {
  header {
    padding: 0 15px;
  }
  .page-top header {
    background-color: transparent !important;
  }
  header .hd-inner {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    height: 90px;
  }
  .page-top .hd-inner {
    border-bottom: solid 1px #fff;
  }
  /* お問い合わせ よくあるご質問 */
  .hd_toi-qa-menu {
    position: absolute;
    bottom: -50px;
    right: 0;
    z-index: 1;
  }
  .hd_toi-qa-menu > ul {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    align-items: center;
    justify-content: flex-end;
  }
  .hd_toi-qa-menu > ul > li:nth-of-type(2) {
    margin-left: 22px;
  }
}
@media print, screen and (min-width: 1200px) {
  header {
    padding: 0 50px;
  }
  header .hd-inner {
    margin-bottom: 0;
  }
}
/*-------------------------------------------------------------------
/*  GLナビ（ラージデバイス）ヘッダーナビ
--------------------------------------------------------------------*/
/* 2025.7.4 DEI推進メニューは暫定非表示にする → 8/22公開で表示OK
  #menu-item-19885 .sub-menu #menu-item-20458,
  .menu-globalnavi-container .menu-item-20458{
    display: none !important;
  }
 */
@media screen and (min-width: 768px) {
  .global-navi {
    width: 60%;
  }
  #menu-globalnavi {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 90px;
  }
  #menu-globalnavi > li {
    position: relative;
    height: 90px;
  }
  #menu-globalnavi li a {
    text-decoration: none;
    color: #fff;
  }
  #menu-globalnavi > li:nth-of-type(n+2) {
    margin-left: 20px;
  }
  #menu-globalnavi #menu-item-37 > a {
    position: relative;
    /*
      pointer-events: none;
    */
  }
  #menu-globalnavi #menu-item-37 > a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 12px 0 12px;
    border-color: #fff transparent transparent transparent;
    transform: translateX(-50%);
    opacity: 0;
  }
  #menu-globalnavi #menu-item-37:hover > a::after {
    transition: all 0.2s ease-out;
    opacity: 1;
    z-index: 3;
  }
  #menu-globalnavi > li > a {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    align-items: center;
    justify-content: center;
    height: 90px;
    text-decoration: none;
    color: #fff;
    text-shadow: 1px 1px 3px rgb(40, 40, 40);
  }
  /** 子メニュー表示 ※賃貸物件情報のみ **/
  #menu-globalnavi .menu-item-has-children .sub-menu {
    position: absolute;
    top: 90px;
    left: 50%;
    padding: 10px;
    width: 300px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease-out;
    transform: translateX(-50%);
    background-color: #016CB5;
    border-radius: 0 0 10px 10px;
  }
  /* 子メニューON */
  #menu-globalnavi .menu-item-has-children:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    z-index: 2;
  }
  #menu-globalnavi .menu-item-has-children .sub-menu li:nth-of-type(n+2) {
    margin-top: 10px;
  }
  #menu-globalnavi .menu-item-has-children .sub-menu li {
    text-align: center;
  }
  #menu-globalnavi .menu-item-has-children .sub-menu li > a:hover {
    text-decoration: underline;
  }
  /* ラージデバイスではGLの「お問い合わせ」「よくあるご質問」メニュー非表示 */
  #menu-globalnavi #menu-item-368,
  #menu-globalnavi #menu-item-369 {
    display: none !important;
  }
}
@media print, screen and (min-width: 1200px) {
  .global-navi {
    width: 50%;
  }
  #menu-globalnavi > li > a {
    font-size: 1.8rem;
  }
  /** 子メニュー表示 ※賃貸物件情報のみ **/
  #menu-globalnavi .menu-item-has-children .sub-menu {
    top: 90px;
  }
}
@media screen and (max-width: 767px) {
  /* スモールデバイスで非表示 */
  .global-navi,
  header .hd_toi-qa-menu {
    display: none;
  }
}
/*-------------------------------------------------------------------
/*  GLナビ（スモールデバイス）
--------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  #hd-menu-sd {
    position: relative;
    z-index: 50;
  }
  /* SPナビOPENボタン */
  .sdmenu-btn {
    display: block;
    position: fixed;
    top: 10px;
    right: 14px;
    cursor: pointer;
    width: 50px;
    height: 64px;
    text-align: center;
    opacity: 0.7;
    transition: 0.2s ease-in-out;
    z-index: 30;
  }
  .sdmenu-btn:hover {
    opacity: 1;
  }
  .sdmenu-btn.active {
    opacity: 0.3;
    pointer-events: none;
  }
  .sdmenu-btn .menu-label {
    display: block;
    font-family: "Barlow", sans-serif;
    line-height: 1;
    font-size: 1.3rem;
    color: #fff;
    text-shadow: rgb(0, 0, 0) 1px 1px 3px;
  }
  .sdmenu-btn span:nth-of-type(n+2) {
    display: block;
    position: absolute;
    width: 50px;
    height: 3px;
    left: 0;
    background: #fff;
    transition: 0.2s ease-in-out;
    box-shadow: rgb(0, 0, 0) 1px 1px 4px;
  }
  .sdmenu-btn span:nth-child(2) {
    top: 21px;
  }
  .sdmenu-btn span:nth-child(3) {
    top: 38px;
  }
  .sdmenu-btn span:nth-child(4) {
    top: 56px;
  }
  .sdmenu-btn.active span:nth-child(2) {
    top: 40px;
    left: 0;
    transform: rotate(-45deg);
  }
  .sdmenu-btn.active span:nth-child(3),
  .sdmenu-btn.active span:nth-child(4) {
    top: 40px;
    transform: rotate(45deg);
  }
  /** ウインドウオープン **/
  /*** js側 クラス名active 付与で表示ON／OFF ***/
  .globalnavi-sp.active,
  .sp-fade.active {
    visibility: visible;
    opacity: 1;
  }
  .globalnavi-sp.active {
    z-index: 45;
  }
  .sp-fade.active {
    cursor: pointer;
    z-index: 10;
  }
  /* SPナビ包含 */
  .globalnavi-sp {
    visibility: hidden;
    position: fixed;
    z-index: -10;
    top: 24px;
    left: 50%;
    color: #fff;
    background-color: rgba(3, 47, 77, 0.85);
    mix-blend-mode: multiply;
    padding: 30px 20px 30px 20px;
    width: 90%;
    height: 80vh;
    opacity: 0;
    transition: opacity 0.6s ease, visibility 0.6s ease;
    transform: translateX(-50%);
    overflow: auto;
  }
  /*** メニューヘッダー ***/
  #spmenu-header {
    position: relative;
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 auto 20px;
  }
  /* タイトル */
  #spmenu-header .sp-menu-title {
    display: inline-block;
    font-family: "Barlow", sans-serif;
    font-size: 3rem;
  }
  /** cloce Ｘボタン **/
  #spmenu-header .sdmenu-closebtn {
    cursor: pointer;
    position: relative;
    width: 50px;
    height: 2px;
    left: 0;
    width: 50px;
    height: 50px;
  }
  #spmenu-header .sdmenu-closebtn span {
    position: absolute;
    width: 50px;
    height: 2px;
    left: 0;
    background: #fff;
  }
  #spmenu-header .sdmenu-closebtn span:nth-child(1) {
    top: 22px;
    left: 0;
    transform: rotate(-45deg);
  }
  #spmenu-header .sdmenu-closebtn span:nth-child(2),
  #spmenu-header .sdmenu-closebtn span:nth-child(3) {
    top: 22px;
    transform: rotate(45deg);
  }
  /*** メニューリスト ***/
  .globalnavi-sp ul {
    margin: 0 auto 0;
    width: 90%;
  }
  #menu-globalnavi-1 li a,
  #menu-globalnavi2-1 li a {
    text-decoration: none;
  }
  #menu-globalnavi-1 > li > a,
  #menu-globalnavi2-1 > li > a {
    position: relative;
    display: block;
    padding: 0 0 5px 0;
    font-size: 2rem;
    color: #fff;
    border-bottom: solid 1px #BBAF90;
  }
  #menu-globalnavi-1 > li:nth-of-type(n+2),
  #menu-globalnavi2-1,
  #menu-globalnavi2-1 > li:nth-of-type(n+2) {
    margin-top: 20px;
  }
  #menu-globalnavi2-1 {
    margin-bottom: 30px;
  }
  /* 子メニュー */
  #menu-globalnavi-1 > li .sub-menu,
  #menu-globalnavi2-1 > li .sub-menu {
    margin: 15px 0 0 0;
  }
  #menu-globalnavi-1 > li .sub-menu > li a,
  #menu-globalnavi2-1 > li .sub-menu > li a {
    position: relative;
    display: block;
    padding: 0 0 5px 20px;
    color: #fff;
    font-size: 1.6rem;
  }
  /* PCでの小メニュー */
  #menu-hdsmlmenu-1 {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #menu-hdsmlmenu-1 > li {
    width: 48%;
  }
  #menu-hdsmlmenu-1 > li a {
    color: #fff;
  }
  #menu-hdsmlmenu-1 > li:nth-of-type(odd) {
    margin-right: 4%;
  }
  #menu-hdsmlmenu-1 > li:nth-of-type(3) {
    margin: 0 0 10px 0;
    width: 100%;
  }
  #menu-hdsmlmenu-1 > li:nth-of-type(n+3) {
    margin-top: 8px;
  }
  #menu-hdsmlmenu-1 > li:nth-of-type(-n+3) a {
    text-decoration: none;
    display: block;
    padding: 8px 10px;
    text-align: center;
    border: solid 1px #fff;
  }
  #menu-hdsmlmenu-1 > li:nth-of-type(1) a,
  #menu-hdsmlmenu-1 > li:nth-of-type(2) a {
    width: 100%;
  }
  #menu-hdsmlmenu-1 > li:nth-of-type(3) a {
    width: 48%;
    color: #31200a;
    background-color: #fff;
  }
  #menu-hdsmlmenu-1 > li:nth-of-type(4),
  #menu-hdsmlmenu-1 > li:nth-of-type(5) {
    display: inline-block !important;
    width: auto;
  }
  #menu-hdsmlmenu-1 > li:nth-of-type(4) a,
  #menu-hdsmlmenu-1 > li:nth-of-type(5) a {
    display: inline-block;
  }
  #menu-hdsmlmenu-1 > li:nth-of-type(4)::after {
    content: " ｜ ";
    color: #fff;
  }
  /* SPメニューオープン時の影 */
  .sp-fade {
    visibility: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    -webkit-transition: opacity 0.6s ease, visibility 0.6s ease;
    transition: opacity 0.6s ease, visibility 0.6s ease;
    z-index: -10;
  }
}
@media screen and (max-width: 1199px) {
  /** 基本設定／メニュー包含 **/
  .menu-global-navi-container {
    top: 84px;
  }
  .sp_openswitch {
    cursor: pointer;
  }
}
@media (min-width: 1200px) {
  .glnavi-sp-openbtn,
  .globalnavi-sp,
  .sp-fade {
    display: none;
  }
}
/*-------------------------------------------------------------------
/*  トップページ
--------------------------------------------------------------------*/
/*** 包含 ***/
/************************************/
.topcmn-inner {
  margin: 0 auto 0;
  padding: 0 15px;
  width: 100%;
  max-width: 1364px;
}

@media print, screen and (min-width: 1400px) {
  .topcmn-inner {
    max-width: 1364px;
    padding: 0 0;
  }
}
/*** ムービー ***/
/************************************/
#sec_mv {
  position: relative;
  /* マイナス値は暫定で設定 */
  margin-bottom: 60px;
  width: 100%;
  background-color: #016CB5;
}

#sec_mv::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90px;
  background: url(./images/top/bg_mv.svg) bottom center/cover no-repeat;
}

#sec_mv .mv video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.onmv-menu {
  position: absolute;
  right: 15px;
  z-index: 1;
}

.onmv-menu ul > li:nth-of-type(n+2) {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  #sec_mv {
    padding-top: 56.25%;
  }
  .onmv-menu {
    bottom: -50px;
  }
  #sec_mv::after {
    background: url(./images/top/bg_mv.svg) bottom center/150% no-repeat;
  }
}
@media screen and (min-width: 768px) {
  #sec_mv {
    margin-top: -164px;
    margin-bottom: 40px;
    height: 70vh;
  }
  .onmv-menu {
    bottom: 30px;
  }
  .onmv-menu ul > li:nth-of-type(n+2) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 900px) {
  #sec_mv {
    margin-top: -150px;
    height: 70vh;
  }
}
@media screen and (min-width: 1000px) {
  #sec_mv {
    height: 76vh;
  }
}
@media screen and (min-width: 1100px) {
  #sec_mv {
    margin-top: -120px;
  }
}
@media print, screen and (min-width: 1200px) {
  #sec_mv {
    height: 88vh;
  }
  .onmv-menu {
    right: 80px;
  }
}
@media screen and (min-width: 1400px) {
  #sec_mv {
    margin-top: -90px;
    margin-bottom: 130px;
    height: 96vh;
  }
}
/*** 賃貸物件情報 ***/
/************************************/
.sec_top-chintai-intro {
  margin: 0auto 60px;
}

.topchintai-intro-box .navi-box {
  width: 100%;
  max-width: 500px;
}

.topchintai-intro-box .navi-box a {
  text-decoration: none !important;
  position: relative;
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  align-items: center;
  justify-content: flex-start;
  padding: 25px 40px;
  width: 100%;
  color: #fff;
  background-color: #016CB5;
}

.topchintai-intro-box .navi-box a span {
  display: inline-block;
  line-height: 1.4;
  font-size: 1.6rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .topchintai-intro-box .navi-box {
    margin: 0 auto 30px;
  }
  .topchintai-intro-box .navi-box a {
    align-items: flex-start;
    padding: 20px 20px 20px 20px;
  }
  .topchintai-intro-box .navi-box a span {
    font-size: 2.2rem;
  }
  .topchintai-intro-box .navi-box a span,
  .topchintai-intro-box .navi-box a .thumb {
    margin: 0 0 0 0;
    width: 49%;
  }
  .topchintai-intro-box .navi-box a .arrow {
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: 60px;
  }
}
@media screen and (min-width: 768px) {
  .sec_top-chintai-intro {
    margin: 0 auto 130px;
  }
  .topchintai-intro-box {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    align-items: flex-start;
    justify-content: space-between;
  }
  .topchintai-intro-box .intro-box {
    width: 44%;
  }
  .topchintai-intro-box .navi-box {
    width: 37%;
    max-width: 500px;
    margin-top: 30px;
  }
  .topchintai-intro-box .navi-box a {
    text-decoration: none !important;
    position: relative;
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    align-items: center;
    justify-content: flex-start;
    padding: 25px 40px;
    width: 100%;
    color: #fff;
    background-color: #016CB5;
  }
  .topchintai-intro-box .navi-box a span {
    margin-right: 2em;
    font-size: 2rem;
  }
  .topchintai-intro-box .navi-box a .arrow {
    position: absolute;
    right: 50px;
    bottom: 40px;
    transition: all 0.2s ease-out;
  }
  .topchintai-intro-box .navi-box a:hover .arrow {
    right: 25px;
  }
}
/*** クリエ21ビル（オフィス）情報／Ace21（タワーパーキング）情報 ※スタイル共通 ***/
/****************************************************************************/
/*** 包含 ***/
.sec_rentaloffice-towerparking-info {
  margin: 0 auto 0;
  padding: 20px 15px;
}

/* クリエ21 */
.sec_rentaloffice-towerparking-info.crie21 {
  background-color: #016CB5;
}

/* ace21 */
.sec_rentaloffice-towerparking-info.ace21 {
  position: relative;
  background-color: #0199B5;
}

/* カルーセル */
.sec_carousel-slide {
  margin-bottom: -1px;
}

/* crie21のカルーセル */
.sec_carousel-slide.crie21 {
  background-color: #016CB5;
}

/* ace21のカルーセル */
.sec_carousel-slide.ace21 {
  position: relative;
  background-color: #0199B5;
}

.sec_carousel-slide.ace21::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: -90px;
  width: 100%;
  height: 90px;
  background: url("./images/top/bg_ace21-btm.svg") center bottom/cover no-repeat;
}

/* 固有の見出し */
.h2_topcmn.rental > span:nth-child(1) {
  display: block;
  margin: 0 0 8px 0;
  font-size: 1.6rem;
  color: #8CD629;
}

.h2_topcmn.rental span {
  color: #fff;
}

.h2_topcmn.rental .mdbox {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  align-items: center;
  justify-content: flex-start;
  font-size: 4rem;
}

.h2_topcmn.rental .mdbox .sml {
  margin: 0 0 0 0 !important;
  padding-right: 1em;
  font-size: 1.6rem;
}

.h2_topcmn.rental .mdbox img {
  margin-left: 26px;
}

/*** 物件紹介 ***/
/* 包含 */
.rentaloffice-towerparking-infobox {
  margin: 0 auto 0;
}

/** 所在地・アクセス・外観部 **/
.place-access > span {
  display: inline-block;
  padding: 4px 18px 6px 18px;
  font-weight: bold;
}

.place-access > span:nth-child(1) {
  color: #fff;
  background-color: #2B2B2B;
}

.place-access > span:nth-child(2) {
  color: #2B2B2B;
  background-color: #fff;
}

/** 物件情報部 **/
/** 空き情報 ／トップ・物件INDEX・クリエ21・ACE21 で基本共通。固有は追記 **/
.proparty-basisinfo_aki {
  padding: 2px 10px 4px 10px;
  text-align: center;
  line-height: 1.4;
  font-size: 1.8rem;
  background-color: #F5F0E1;
}

/* BGカラーうすいオレンジ指定 */
.proparty-basisinfo_aki.classname-orange {
  background-color: #F0D475;
}

/* BGカラーうすいピンク指定 */
.proparty-basisinfo_aki.classname-pink {
  background-color: #FAD0CA;
}

/* トップページ */
.info_aki .proparty-basisinfo_aki {
  margin: 0 auto 36px;
}

/* 賃貸物件情報（INDEX） */
/* 自由入力 空き情報 */
.property-info_aki .proparty-basisinfo_aki {
  margin: 0 0 20px 0;
  padding: 6px 10px;
}

/* クリエ21・ACE21 */
.cmn-property_aki .proparty-basisinfo_aki {
  margin: 0 0 40px 0;
}

/** 現在の空き情報 **/
.current-info_aki {
  margin: 0 0 36px 0;
  color: #fff;
}

.current-info_aki .md {
  margin: 0 0 1em 0;
  font-size: 1.7rem;
  font-weight: bold;
}

/* 現在の空き情報リンク */
/* ホーム画面ではリンクなし(テキスト情報としての表示のみ) */
.current-info_aki .acf-now-status a {
  pointer-events: none !important;
  display: inline-block;
  color: #fff;
}

.current-info_aki .acf-now-status a:nth-of-type(n+2) {
  margin-left: 1em;
}

.current-info_aki .acf-now-status a:hover {
  text-decoration: none;
}

/* 物件紹介文 */
.bukkenn-intro {
  margin: 0 0 36px 0;
  padding: 36px 0;
  color: #fff;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
}

/* おすすめポイント */
.osususme-point {
  margin: 0 auto 0;
}

.osususme-point .md {
  margin: 0 auto 20px;
  text-align: center;
  color: #fff;
}

.osususme-point .md span {
  display: inline-block;
  padding-bottom: 2px;
  font-size: 2.4rem;
  font-weight: bold;
  border-bottom: solid 4px #8CD629;
}

.osususme-point .osusume-info {
  padding: 30px 15px;
  letter-spacing: -0.04em;
  background-color: #fff;
}

.osususme-point .osusume-info > p {
  margin: 0 0 0 0;
}

.osususme-point .osusume-info > p:nth-of-type(n+2) {
  margin-top: 8px;
}

/** カルーセルスライダー **/
/* bottomの-1pxは隙間が出てしまうので回避用 */
.top-carousel-wrap {
  width: 100%;
}

/* slic style override */
.top-carousel-wrap .slick-slide {
  position: relative;
  margin: 0 5px;
  background-color: #ccc;
}

.top-carousel-wrap .slick-slide > img {
  width: 100%;
  height: auto;
}

/* タテ型画像が登録された時にも対応処置 */
.top-carousel-wrap .slick-slide {
  position: relative;
  margin: 0 5px;
  text-align: center;
  background-color: #ccc;
  overflow: hidden;
}

/*
@media screen and (min-width: 768px) {
.top-carousel-wrap .slick-slide{
  padding-top: 4.5%;
}
}
@media screen and (min-width: 1200px) {
.top-carousel-wrap .slick-slide{
  padding-top: 4.66%;
}
}
*/
.top-carousel-wrap .slick-slide img {
  aspect-ratio: 4/2.71;
  object-fit: cover;
}

.top-carousel-wrap .acf-pickup-cap {
  display: none;
  position: absolute;
  left: 4px;
  bottom: 4px;
  padding: 1px 4px 2px 4px;
  font-size: 1.2rem;
  color: #fff;
  background-color: rgba(150, 150, 150, 0.6);
}

@media screen and (max-width: 767px) {
  /* 固有の見出し */
  .h2_topcmn.rental .mdbox .cmn-arrow-btn {
    margin: 20px auto 0;
    width: 80%;
    height: 30px;
    font-size: 1.6rem;
  }
  /* ace21のカルーセル */
  .sec_carousel-slide.ace21 {
    padding-bottom: 30px;
  }
  .sec_carousel-slide.ace21::after {
    bottom: -20px;
    height: 50px;
    background: url("./images/top/bg_ace21-btm.svg") center bottom/150% no-repeat;
  }
}
@media screen and (min-width: 768px) {
  /*** 物件紹介 ***/
  /* 包含 */
  .rentaloffice-towerparking-infobox {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  /** 物件情報部 **/
  /** 空き情報 ／トップ・物件INDEX・クリエ21・ACE21 で基本共通。固有は追記 **/
  .proparty-basisinfo_aki {
    font-size: 2.4rem;
  }
  /** 所在地・アクセス **/
  .place-appearance-box {
    width: 100%;
  }
  .place-access > span {
    font-size: 2.4rem;
  }
  /* 物件情報 */
  .rentaloffice-towerparking-detail {
    margin-top: 50px;
    width: 100%;
  }
  /* ace21のカルーセル */
  .sec_carousel-slide.ace21 {
    padding-bottom: 20px;
  }
  .sec_carousel-slide.ace21::after {
    bottom: -40px;
    height: 40px;
  }
}
@media print, screen and (min-width: 1200px) {
  /* 包含 */
  .sec_rentaloffice-towerparking-info {
    padding: 80px 120px;
  }
  /** 所在地・アクセス **/
  .place-appearance-box {
    width: 47%;
  }
  /* 物件情報 */
  .rentaloffice-towerparking-detail {
    margin-top: 0;
    width: 49%;
  }
  /* ace21のカルーセル */
  .sec_carousel-slide.ace21 {
    padding-bottom: 102px;
  }
  .sec_carousel-slide.ace21::after {
    bottom: -90px;
    height: 90px;
    background: url("./images/top/bg_ace21-btm.svg") center bottom/cover no-repeat;
  }
}
@media screen and (min-width: 1920px) {
  /* 包含 */
  .sec_rentaloffice-towerparking-info {
    padding: 102px 270px;
  }
  .sec_rentaloffice-towerparking-info.ace21 {
    padding: 102px 270px 102px 270px;
  }
  /** 所在地・アクセス **/
  .place-appearance-box {
    width: 54%;
  }
  /* 物件情報 */
  .rentaloffice-towerparking-detail {
    margin-top: 0;
    width: 42%;
  }
}
/*-------------------------------------------------------------------
/*  お問い合わせ
--------------------------------------------------------------------*/
/* 包含 */
.sec_contact {
  background-color: #F7F7F7;
}

.contact-guide-wrap {
  margin: 0 auto 0;
}

.contact-guide-wrap > div {
  margin: 0 0 0 0;
  padding: 20px 20px;
  background-color: #fff;
  border: solid 4px #016CB5;
  border-radius: 20px;
}

/* 見出し */
.contact-guide-wrap > div .box-md {
  padding-bottom: 4px;
  font-size: 2.4rem;
  border-bottom: solid 2px #016CB4;
}

.contact-form-qa-box .box-md {
  margin: 0 0 20px 0;
}

.contact-tel-box .box-md {
  margin: 0 0 20px 0;
}

/* フォーム問い合わせ */
.contact-form-qa-box .contact-guide-inner .accent {
  margin: 0 auto 75px;
}

.contact-form-qa-box .contact-guide-inner .cmn-contact-btn {
  margin: 0 auto 70px;
}

.contact-form-qa-box .contact-guide-inner .cmn-contact-btn a {
  margin: 0 auto 0;
}

.contact-form-qa-box .contact-guide-inner .cmn-contact-btn ul li:nth-of-type(n+2) {
  margin-top: 20px;
}

/* TEL問い合わせ */
.contact-guide-inner.telguide > div:nth-of-type(n+2) {
  margin-top: 46px;
}

.tel-guidebox {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 auto 0;
  width: 100%;
}

.tel-guidebox .md {
  margin: 0 0 0 0;
}

.tel-guidebox .telno-box {
  margin: 0 0 6px 0;
  width: 100%;
}

.tel-guidebox .telno-box .telno {
  display: inline-block;
  margin: 0 0 0 18px;
}

.tel-guidebox .telno-box .telno img {
  padding-right: 10px;
  width: 20px;
  vertical-align: middle;
}

.tel-guidebox .telno-box .telno > span {
  font-family: "Oswald", sans-serif;
  vertical-align: middle;
  font-size: 2rem;
}

.tel-guidebox .telno-box .open-close {
  margin: 0 0 0 0;
  text-align: right;
}

.tel-guidebox .telno-box .open-close > span {
  padding: 4px 6px 5px 6px;
  font-size: 1.6rem;
  background-color: #E6E6E6;
}

@media screen and (max-width: 767px) {
  /* 包含 */
  .home.page .sec_contact {
    padding: 70px 0 80px 0 !important;
  }
  .page .sec_contact {
    padding: 50px 0 !important;
  }
  .contact-guide-wrap > div:nth-of-type(n+2) {
    margin-top: 30px;
  }
  .contact-form-qa-box .contact-guide-inner {
    text-align: center;
  }
  .contact-form-qa-box .contact-guide-inner .accent {
    margin: 0 auto 20px;
  }
  .contact-form-qa-box .contact-guide-inner .cmn-contact-btn {
    margin: 0 auto 0;
  }
  .tel-guidebox .md {
    margin: 0 0 15px 0;
  }
  .tel-guidebox .telno-box .telno img {
    width: 40px;
  }
  .tel-guidebox .telno-box .telno span {
    font-size: 4rem;
  }
  .tel-guidebox .telno-box .open-close {
    margin-top: 15px;
  }
  .tel-guidebox .telno-box .open-close span {
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) {
  /* 包含 */
  .home.page .sec_contact {
    padding: 100px 0 180px 0 !important;
  }
  .page .sec_contact {
    padding: 70px 0 !important;
  }
  .contact-guide-wrap {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    align-items: normal;
    justify-content: space-between;
    width: 100%;
  }
  .contact-guide-wrap > div {
    margin: 0 0 0 0;
    padding: 20px 20px;
    width: 49%;
  }
  .contact-guide-wrap > div .contact-guide-inner {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: center;
    justify-content: center;
    width: 100%;
  }
  /* 見出し */
  .contact-form-qa-box .box-md {
    margin: 0 0 80px 0;
  }
  .contact-tel-box .box-md {
    margin: 0 0 48px 0;
  }
  /* TEL問い合わせ */
  .tel-guidebox .telno-box .telno img {
    width: 36px;
  }
  .tel-guidebox .telno-box .telno > span {
    font-size: 3rem;
  }
  /* フォーム問い合わせ */
  .contact-form-qa-box .contact-guide-inner .cmn-contact-btn {
    margin: 0 auto 0;
    width: 100%;
  }
  .contact-form-qa-box .contact-guide-inner .cmn-contact-btn .cmn-arrow-btn.contactbtn {
    width: 300px;
    height: 50px;
  }
}
@media print, screen and (min-width: 1200px) {
  /* 包含 */
  .home.page .sec_contact {
    padding: 178px 0 !important;
  }
  .page .sec_contact {
    padding: 120px 0 !important;
  }
  .contact-guide-wrap > div {
    padding: 40px 30px;
    width: 46%;
  }
  /* TEL問い合わせ */
  .tel-guidebox .telno-box .telno img {
    width: 60px;
  }
  .tel-guidebox .md {
    margin: 0 0 0 0;
    font-size: 1.8rem;
  }
  .tel-guidebox .telno-box .telno > span {
    font-size: 5rem;
  }
}
@media screen and (min-width: 1400px) {
  /* 包含 */
  .contact-guide-wrap > div {
    padding: 40px 72px;
  }
}
/*** 新着情報 ***/
/************************************************************/
/* 包含 */
.sec_news {
  position: relative;
  padding: 40px 15px;
  background-color: #005BAB;
}

.sec_news::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: -90px;
  width: 100%;
  height: 90px;
  background: url("./images/top/bg_news-upper.svg") center bottom/cover no-repeat;
}

#news-wrap {
  margin: 0 auto 0;
  width: 100%;
}

#news-wrap .h2_news {
  margin: 0 0 0 0;
  padding: 15px;
  text-align: center;
  font-size: 2rem;
  background-color: #E6E6E6;
}

/*** 新着表示部 ***/
#news-wrap .news-box {
  position: relative;
  padding: 20px 15px;
  background-color: #fff;
}

/* タブ */
.cmn_notice-menu-head {
  margin: 0 0 0 0;
  padding: 0 0 24px 0;
  border-bottom: solid 1px #B5B5B5;
}

.cmn-notice-tabs {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  align-items: center;
  justify-content: center;
  border: none !important;
}

/* 記事一覧用 */
.blog .cmn-notice-tabs,
.archive .cmn-notice-tabs {
  justify-content: flex-end;
}

.cmn-notice-tabs > li {
  margin: 0 8px;
}

.cmn-notice-tabs > li a {
  text-decoration: none;
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  align-items: center;
  justify-content: center;
  padding: 0 40px;
  height: 24px;
  line-height: 1;
  font-size: 1.6rem;
  border-radius: 12px;
}

/** 新着リスト表示 **/
.cmn-notice-list-wrap .cmn-notice-list > li {
  padding: 24px 0 24px 20px;
  border-bottom: solid 1px #B5B5B5;
}

.cmn-notice-list-wrap .cmn-notice-list > li time {
  display: inline-block;
  margin-right: 15px;
}

.cmn-notice-list-wrap .cmn-notice-list > li .cate-label {
  display: inline-block;
  margin-right: 15px;
  padding: 2px 10px 3px;
  width: 160px;
  line-height: 1;
  text-align: center;
  font-size: 1.6rem;
  border-radius: 12px;
}

.cmn-notice-list-wrap .cmn-notice-list > li .new-label {
  color: #ff0000;
}

/* 一覧ボタン */
.ichiran-link {
  position: absolute;
  top: 32px;
  right: 45px;
}

.ichiran-link img {
  display: inline-block;
  margin: -3px 0 0 4px;
  vertical-align: middle;
}

/* 色分け */
.cmn-notice-tabs > li .all {
  color: #2B2B2B;
  border: solid 1px #2B2B2B;
}

.cmn-notice-tabs > li .info,
.cmn-notice-list-wrap .cmn-notice-list > li .info {
  color: #fff;
  background-color: #016CB4;
}

.cmn-notice-tabs > li .update-info,
.cmn-notice-list-wrap .cmn-notice-list > li .update-info {
  color: #fff;
  background-color: #2B2B2B;
}

@media screen and (max-width: 767px) {
  /* 包含 */
  .sec_news .topcmn-inner {
    padding: 0;
  }
  .sec_news::before {
    left: 0;
    top: -40px;
    width: 100%;
    height: 50px;
    background: url("./images/top/bg_news-upper.svg") center bottom/150% no-repeat;
  }
  /*** 新着表示部 ***/
  .cmn_notice-menu-head {
    padding-bottom: 50px;
  }
  .cmn-notice-tabs {
    justify-content: flex-start;
  }
  .cmn-notice-tabs > li {
    margin: 0 0 0 0;
  }
  .cmn-notice-tabs > li:nth-of-type(n+2) {
    margin-left: 10px;
  }
  .cmn-notice-tabs > li a {
    padding: 0 14px;
  }
  .news-box .ichiran-link {
    top: 65px;
    right: 15px;
  }
  .notice-news a {
    display: block;
    margin-top: 10px;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  /* 包含 */
  .sec_news {
    padding: 0 15px 78px 15px;
  }
  #news-wrap .h2_news {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: center;
    justify-content: center;
    width: 100%;
    font-size: 3rem;
  }
  /*** 新着表示部 ***/
  .cmn-notice-tabs {
    justify-content: flex-start;
  }
  #news-wrap .news-box {
    padding: 32px 20px;
    width: 100%;
  }
}
@media print, screen and (min-width: 1200px) {
  /*** 新着表示部 ***/
  .cmn-notice-tabs {
    justify-content: center;
  }
  #news-wrap {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    align-items: normal;
    justify-content: space-between;
  }
  #news-wrap .h2_news {
    width: 22%;
    font-size: 4rem;
  }
  /*** 新着表示部 ***/
  #news-wrap .news-box {
    padding: 32px 45px;
    width: 78%;
  }
}
/*** 関連企業 ***/
/************************************************************/
/* 包含 */
.sec_related-companies {
  padding: 40px 15px 50px 15px;
  background-color: #ACAAA3;
}

/* 見出し */
.h2_topcmn.related-companies,
.h2_topcmn.related-companies > span {
  color: #fff;
}

.related-companies-links {
  margin: 0 auto 0;
}

.related-companies-links li > a {
  text-decoration: none;
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  align-items: center;
  justify-content: center;
  height: 80px;
  font-size: 1.8rem;
  background-color: #fff;
  border-radius: 10px;
}

.related-companies-links li > a img {
  width: 84%;
}

@media screen and (max-width: 767px) {
  .related-companies-links li {
    margin: 0 auto 0;
    width: 80%;
  }
  .related-companies-links li:nth-of-type(n+2) {
    margin-top: 10px;
  }
  .related-companies-links li > a {
    width: 100%;
    font-size: 1.8rem;
  }
  .related-companies-links li > a img {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .sec_related-companies {
    padding: 78px 15px 102px 15px;
  }
  .related-companies-links {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    align-items: center;
    justify-content: center;
  }
  .related-companies-links li {
    padding: 0 20px;
    width: 48%;
  }
  .related-companies-links li:nth-of-type(n+3) {
    margin-top: 20px;
  }
  .related-companies-links li > a {
    width: 100%;
    font-size: 2.4rem;
  }
  .related-companies-links li > a img {
    width: 60%;
  }
}
@media print, screen and (min-width: 1200px) {
  .related-companies-links li {
    padding: 0 20px;
    width: 29%;
  }
  .related-companies-links li:nth-of-type(n+3) {
    margin-top: 0;
  }
  .related-companies-links li:nth-of-type(n+4) {
    margin-top: 20px;
  }
  .related-companies-links li > a img {
    width: 84%;
  }
}
/*-------------------------------------------------------------------
/*  賃貸物件情報
--------------------------------------------------------------------*/
/* 包含 */
.rental-property-container .property-first-inner {
  padding-top: 30px;
  padding-bottom: 0;
}

.rental-property-container section {
  margin: 0 auto 60px;
  padding-bottom: 60px;
  border-bottom: solid 1px #016CB5;
}

/* 読み込みのお問い合わせ */
.rental-property-container .sec_contact {
  margin-bottom: 0 !important;
  border-bottom: none;
}

/*** 物件紹介部 ***/
/* 見出し */
.h2_property {
  margin: 0 0 15px 0;
  font-size: 4rem !important;
  font-weight: bold;
}

.h2_property > span {
  display: block;
  margin: 0 0 6px 0;
  font-size: 1.6rem !important;
}

/* 包含 */
.property-infobox {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

/* 所在地・アクセス ※詳細ページと共用(固有箇所はそれぞれで追記) */
.prperty-place-appearance-box {
  margin: 0 0 40px 0;
}

.prperty-place-appearance-box > span {
  display: inline-block;
  padding: 4px 10px;
  width: 50%;
  text-align: center;
}

.prperty-place-appearance-box > span:nth-child(1) {
  color: #fff;
  background-color: #2B2B2B;
}

.prperty-place-appearance-box > span:nth-child(2) {
  color: #2B2B2B;
  background-color: #E6E6E6;
}

/* 現在の空き情報 */
.property-current-info_aki {
  margin: 0 0 26px 0;
}

.property-current-info_aki .md {
  margin: 0 0 1em 0;
  font-size: 1.7rem;
  font-weight: bold;
}

/* 賃貸物件情報の現在の空き情報はリンクなしでテキスト表示のみ */
.property-current-info_aki .acf-now-status a {
  pointer-events: none;
  display: inline-block;
}

.property-current-info_aki .acf-now-status a:hover {
  text-decoration: none;
}

.property-current-info_aki .acf-now-status a:nth-of-type(n+2) {
  margin-left: 1em;
}

/* 物件紹介文 */
.property-bukkenn-intro {
  margin: 0 0 25px 0;
  padding: 30px 0;
  border-top: solid 1px #016CB4;
  border-bottom: solid 1px #016CB4;
}

/* 物件概要 */
.property-overview {
  margin: 0 0 30px 0;
}

.property-overview .rp-overview-list {
  margin: 0 0 0 0;
}

.property-overview .rp-overview-list > li {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.property-overview .rp-overview-list > li:nth-of-type(n+2) {
  margin-top: 8px;
}

.property-overview .rp-overview-list > li span {
  display: block;
}

.property-overview .rp-overview-list > li span:nth-child(1) {
  width: 20%;
}

.property-overview.crie21 .rp-overview-list > li span:nth-child(1) {
  color: #016CB5;
}

.property-overview.ace21 .rp-overview-list > li span:nth-child(1) {
  color: #0299B5;
}

.property-overview .rp-overview-list > li span:nth-child(2) {
  width: 80%;
}

/* 連続改行の処置(2個目を非表示) */
.property-overview .rp-overview-list > li .overview-value > br:nth-of-type(even) {
  display: none;
}

/* 詳細・googlemapリンク */
.property-links {
  margin: 0 0 0 0;
}

.property-links > a {
  justify-content: flex-start;
  padding: 0 1.5em;
  color: #fff !important;
}

.property-links .propertyinfo {
  width: 90%;
  font-size: 1.6rem;
  background-color: #8CD629;
}

.property-links .googlemap {
  margin-top: 16px;
  width: 45%;
  background-color: #016CB5;
}

@media screen and (max-width: 550px) {
  .property-links .propertyinfo,
  .property-links .googlemap {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .rental-property-container section {
    margin: 0 auto 80px;
    padding-bottom: 80px;
  }
  .prperty-place-appearance-box > span {
    width: 42%;
  }
  .property-links .propertyinfo {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 991px) {
  .property-infobox .property-detail {
    width: 100%;
    order: 2;
  }
  .property-infobox .exterior-photo {
    margin: 0 auto 26px;
    width: 100%;
    order: 1;
  }
  .property-infobox .exterior-photo img {
    width: 64%;
  }
}
@media screen and (min-width: 992px) {
  /*** 物件紹介部 ***/
  /* 包含 */
  .property-infobox .property-detail {
    width: 55%;
  }
  .property-infobox .exterior-photo {
    width: 42%;
  }
}
@media print, screen and (min-width: 1200px) {
  .rental-property-container section {
    margin: 0 auto 140px;
    padding-bottom: 140px;
  }
  /*** 物件紹介部 ***/
  /* 包含 */
  .property-infobox .property-detail {
    width: 42%;
  }
  .property-infobox .exterior-photo {
    width: 53%;
  }
}
/*-------------------------------------------------------------------
/*  物件詳細ページ クリエ21／ACE21 共通 ※固有は都度記述
--------------------------------------------------------------------*/
/* 包含 */
.common-container .sec_cmn-property-outline {
  padding-top: 40px;
  padding-bottom: 60px;
}

.common-container .sec_cmn-property-photo-chart {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #016CB5;
}

.common-container .sec_cmn-property-photo-chart.ace21 {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #0299B5;
}

.common-container .sec_cmn-property-access {
  padding-top: 60px;
  padding-bottom: 60px;
}

/* 見出し */
.page-property-child h2 {
  margin: 0 0 38px 0;
  font-size: 2.4rem;
  font-weight: bold;
  color: #2B2B2B;
}

.page-property-child h2.photo-chart {
  color: #fff;
}

/* リード文 */
.cmn-property-lead {
  margin: 0 0 60px 0;
}

/* 現在の空き情報 */
.cmn-rentaloffice-current-info_aki {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  align-items: center;
  justify-content: center;
  margin: 0 0 40px 0;
  padding: 6px 10px 0 10px;
  width: 100%;
  border: solid 1px #8E8E8E;
}

.cmn-rentaloffice-current-info_aki .md {
  display: inline-block;
  margin: 0 1em 10px 0;
  font-size: 2.4rem;
  font-weight: bold;
}

.cmn-rentaloffice-current-info_aki .acf-now-status span {
  cursor: pointer;
  display: inline-block;
  margin: 0 0 10px 0;
  padding: 0 0 1px 0;
  line-height: 1.2;
  font-size: 2.4rem;
  font-weight: bold;
  color: #016CB4;
  border-bottom: solid 1px #016CB4;
}

.cmn-rentaloffice-current-info_aki .acf-now-status span:nth-of-type(n+2) {
  margin-left: 0.5em;
}

/** 物件詳細ページ内ナビ **/
#property-page-navi {
  margin: 0 0 68px 0;
}

#property-page-navi ul {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  align-items: center;
  width: 100%;
}

#property-page-navi ul > li {
  margin: 0 0 0 0;
}

#property-page-navi ul > li > a {
  position: relative;
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 20px;
  line-height: 1.2;
  color: #fff;
  background: #016CB5;
  border-radius: 100vh;
}

#property-page-navi.ace21 ul > li > a {
  background: #0299B5;
}

#property-page-navi ul > li > a:hover {
  text-decoration: none;
}

#property-page-navi ul > li > a::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 10px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
}

/*** 物件概要 ***/
.property-basisinfo-wrap {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 0 0 0;
  width: 100%;
}

.property-basisinfo-wrap.ace21 {
  justify-content: center;
}

.property-basisinfo-wrap .appearance-photo {
  width: 50%;
}

.property-basisinfo-wrap.ace21 .appearance-photo {
  width: 50%;
}

/** 基本情報 **/
.property-basisinfo-wrap .property-basisinfo-box {
  width: 44%;
}

.property-basisinfo-box .property-name {
  margin: 0 0 25px 0;
  font-size: 2.8rem;
  font-weight: bold;
}

.property-basisinfo-box .prperty-place-appearance-box {
  margin: 0 0 30px 0;
  padding: 0 0 30px 0;
  border-bottom: solid 1px #016CB5;
}

.property-basisinfo-box .prperty-place-appearance-box span {
  width: auto !important;
  padding: 4px 20px;
}

.property-basisinfo-box .prperty-place-appearance-box span:nth-child(1) {
  margin-right: 15px;
}

/* 基本情報リスト */
.property-basisinfo-box .rp-overview-list {
  margin: 0 0 0 0;
}

.property-basisinfo-box .rp-overview-list > li:nth-of-type(n+2) {
  margin-top: 8px;
}

.property-basisinfo-box .rp-overview-list > li {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}

.property-basisinfo-box .rp-overview-list > li span {
  display: block;
  line-height: 1.4;
}

.property-basisinfo-box .rp-overview-list > li .overview-title {
  padding-right: 40px;
  width: 30%;
  color: #016CB4;
}

.property-basisinfo-box .rp-overview-list > li .overview-value {
  width: 70%;
}

/* 連続改行の処置(2個目を非表示) */
.property-basisinfo-box .rp-overview-list > li .overview-value > br:nth-of-type(even) {
  display: none;
}

/** フロア情報・紹介動画・フォトギャラリー **/
/* 包含 */
.common-inner.property-photo-chart > div:nth-of-type(n+2) {
  margin-top: 60px;
}

/*** フロア情報 スライド  ***/
/* 包含 */
#floor-guide {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  align-items: normal;
  justify-content: space-between;
  width: 100%;
  background-color: #fff;
}

#floor-guide > div {
  width: 50%;
}

/** フロア全体図 **/
.floor-guide-map {
  position: relative;
}

/* フロアボタン */
.floor-guide-map .map-anchor {
  cursor: pointer;
  position: absolute;
  left: 19.5%;
  width: 70.5%;
  height: 6.1%;
  background: rgba(173, 191, 252, 0.3);
  transition: background 0.3s, transform 0.3s;
}

.floor-guide-map .map-anchor.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -22px;
  bottom: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 10px 0 10px;
  border-color: rgba(64, 91, 243, 0.6) transparent transparent transparent;
  transform: translateY(50%) rotate(-90deg);
}

/* ボタン配置 */
.floor-guide-map .map-anchor.fl8 {
  top: 24.5%;
}

.floor-guide-map .map-anchor.fl7 {
  top: 31.7%;
}

.floor-guide-map .map-anchor.fl6 {
  top: 38.9%;
}

.floor-guide-map .map-anchor.fl5 {
  top: 45.9%;
}

.floor-guide-map .map-anchor.fl4 {
  top: 53.1%;
}

.floor-guide-map .map-anchor:hover,
.floor-guide-map .map-anchor.active {
  background: rgba(64, 91, 243, 0.4);
}

/** 各フロア図 **/
.floor-chart {
  position: relative;
}

.floor-chart .floor-item {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 98%;
  height: auto;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease-out;
}

.floor-item.active {
  opacity: 1;
}

/* 紹介動画 */
#crie21movie-wrap {
  position: relative;
  margin: 0 auto 0;
  width: 56%;
}

#crie21movie-wrap video {
  width: 100% !important;
}

/** ギャラリー **/
#property-gallery-wrap {
  width: 100%;
}

/* キャプション処理 */
#property-gallery-wrap .slick-slide {
  position: relative;
  display: flex;
  justify-content: center;
  height: auto;
  text-align: center;
}

/* slick style override */
#property-gallery-wrap .slick-track {
  display: flex;
  justify-content: center;
  height: auto !important;
}

#property-gallery-wrap .slick-slide > img {
  display: inline-block;
  aspect-ratio: 4/2.71;
  object-fit: contain;
}

/* キャプション */
#property-gallery-wrap .slick-slide .img-caption {
  position: absolute;
  left: 10px;
  bottom: 10px;
  margin: 0 0 0 0 !important;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  z-index: 2;
}

/* キャプション用bg */
#property-gallery-wrap .slick-slide::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 18%;
  background: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));
  z-index: 1;
}

#property-gallery-wrap .img-slider-thumbs {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

#property-gallery-wrap .img-slider-thumbs::after {
  content: "";
  width: 32%;
  height: 0;
}

#property-gallery-wrap .img-slider-thumbs > li {
  position: relative;
  cursor: pointer;
  padding-top: 22%;
  width: 32%;
}

#property-gallery-wrap .img-slider-thumbs > li:nth-of-type(n+4) {
  margin-top: 10px;
}

#property-gallery-wrap .img-slider-thumbs > li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

/** 周辺情報 **/
/* 包含 */
.common-inner.property-access .property-area-guide {
  margin-bottom: 60px;
}

.property-area-guide .area-info {
  margin: 0 0 44px 0;
}

.property-area-guide .area-info p:last-of-type {
  margin: 0 0 0 0;
}

.property-area-guide .area-info p:nth-of-type(n+2) {
  margin-top: 10px;
}

/* googlemap埋め込み */
#gglmap-wrap {
  position: relative;
  margin: 0 auto 0;
  padding-top: 51%;
  width: 100%;
}

#gglmap-wrap > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/** アクセス **/
.property-access-guide {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
}

.property-access-guide h2 {
  width: 16%;
}

.property-access-guide .rp-access-list {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}

.property-access-guide .rp-access-list > li .access-title {
  display: block;
  margin: 0 0 4px 0;
}

@media screen and (max-width: 767px) {
  .property-access-guide h2 {
    width: 100%;
  }
  .property-access-guide .rp-access-list > li {
    width: 100%;
  }
  .property-access-guide .rp-access-list > li:nth-of-type(n+2) {
    margin-top: 20px;
  }
  .sec_cmn-property-outline #property-page-navi ul li a {
    font-size: 1.4rem !important;
  }
  /* crie21 */
  .sec_cmn-property-outline.crie21 #property-page-navi ul {
    justify-content: space-between;
  }
  .sec_cmn-property-outline.crie21 #property-page-navi ul::after {
    content: "";
    width: 31%;
    height: 0;
  }
  .sec_cmn-property-outline.crie21 #property-page-navi ul li {
    width: 31%;
  }
  .sec_cmn-property-outline.crie21 #property-page-navi ul li:nth-of-type(n+4) {
    margin-top: 20px;
  }
  /* ace21 */
  .sec_cmn-property-outline.ace21 #property-page-navi ul {
    justify-content: space-around !important;
  }
  .sec_cmn-property-outline.ace21 #property-page-navi ul li {
    margin: 0 0 0 0 !important;
    width: 31%;
  }
  /** ギャラリー **/
  #property-gallery-wrap {
    width: 100%;
  }
  #property-gallery-wrap .img-slider-main {
    margin: 0 auto 18px;
  }
}
@media screen and (min-width: 768px) {
  .property-access-guide h2 {
    width: 16%;
  }
  .property-access-guide .rp-access-list {
    width: 84%;
  }
  .property-access-guide .rp-access-list > li {
    width: 33%;
    padding-left: 20px;
  }
  .property-access-guide .rp-access-list > li:nth-of-type(n+4) {
    margin-top: 28px;
  }
  .property-basisinfo-box .property-name {
    margin: 0 0 40px 0;
    font-size: 4rem;
  }
  .common-container .sec_cmn-property-photo-chart {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #016CB5;
  }
  .common-container .sec_cmn-property-photo-chart.ace21 {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #0299B5;
  }
  .common-container .sec_cmn-property-access {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  /** フロア情報・紹介動画・フォトギャラリー **/
  /* 包含 */
  .common-inner.property-photo-chart > div:nth-of-type(n+2) {
    margin-top: 80px;
  }
  #property-page-navi ul > li > a {
    padding: 0 10px;
    font-size: 1.3rem;
  }
  /*** フォトギャラリー ***/
  #property-gallery-wrap {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
  }
  #property-gallery-wrap .img-slider-main {
    width: 49%;
    height: auto !important;
  }
  #property-gallery-wrap .img-slider-thumbs {
    width: 49%;
  }
  /* キャプション */
  #property-gallery-wrap .slick-slide .img-caption {
    left: 16px;
    bottom: 14px;
    font-size: 2.4rem;
  }
  /* googlemap埋め込み */
  #gglmap-wrap {
    width: 78%;
  }
}
@media screen and (max-width: 991px) {
  /*** 物件概要 ***/
  .property-basisinfo-wrap.ace21 {
    justify-content: center;
  }
  .property-basisinfo-wrap .appearance-photo {
    margin: 0 0 30px 0;
    width: 100%;
    text-align: center;
    order: 1;
  }
  .property-basisinfo-wrap .appearance-photo img {
    width: 60%;
  }
  /** 基本情報 **/
  .property-basisinfo-wrap .property-basisinfo-box {
    width: 100%;
    order: 1;
  }
}
@media screen and (max-width: 1199px) {
  .sec_cmn-property-outline #property-page-navi ul > li {
    width: 19%;
  }
  /* crie21 */
  .sec_cmn-property-outline.crie21 #property-page-navi ul {
    justify-content: space-around;
  }
  /* ace21 */
  .sec_cmn-property-outline.ace21 #property-page-navi ul {
    justify-content: center;
  }
  .sec_cmn-property-outline.ace21 #property-page-navi ul > li {
    margin: 0 10px;
  }
}
@media print, screen and (min-width: 1200px) {
  /* 包含 */
  .common-container .sec_cmn-property-outline {
    padding-top: 40px;
    padding-bottom: 150px;
  }
  .common-container .sec_cmn-property-photo-chart {
    padding-top: 120px;
    padding-bottom: 190px;
  }
  .common-inner.property-photo-chart > div:nth-of-type(n+2) {
    margin-top: 140px;
  }
  .common-container .sec_cmn-property-photo-chart.ace21 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .property-basisinfo-wrap.ace21 .appearance-photo {
    width: 36%;
  }
  .common-container .sec_cmn-property-access {
    padding-top: 140px;
    padding-bottom: 90px;
  }
  #property-page-navi ul {
    justify-content: center;
  }
  .sec_cmn-property-outline #property-page-navi ul > li {
    margin: 0 10px;
  }
  #property-page-navi ul > li > a {
    padding: 0 20px;
    width: 210px;
    font-size: 1.6rem;
  }
  #property-page-navi ul > li > a::before {
    width: 12px;
    height: 12px;
    top: 50%;
    right: 20px;
  }
}
/*-------------------------------------------------------------------
/*  フッター
--------------------------------------------------------------------*/
footer {
  margin: 0 auto 0;
  color: #fff;
  background-color: #2B2B2B;
}

footer ul li a {
  color: #fff !important;
}

/* レイアウト用インナー */
.ft-inner,
.ft-btm-inner {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

/*** メニュー ***/
.ft-inner {
  padding: 46px 15px 46px 15px;
  border-bottom: solid 1px #fff;
}

/* コピーライト */
.ft-copy {
  margin: 0 0 0 0;
  font-size: 1.2rem;
}

/* ページトップ */
.pagetop-btn {
  display: none;
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 100;
}

.pagetop-btn img {
  -webkit-filter: drop-shadow(0px 9px 5px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 9px 5px rgba(0, 0, 0, 0.2));
}

@media screen and (max-width: 767px) {
  /* 包含 */
  footer .ft-inner {
    display: block !important;
  }
  .ft-inner .ft-logo {
    margin: 0 auto 30px;
  }
  .ft-inner .ft-logo img {
    width: 280px;
  }
  footer .ft-btm-inner {
    display: block !important;
    padding: 15px 15px 20px 15px;
  }
  /* メニュー群 */
  .ft-menu-wrap {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
  }
  .ft-menu-wrap nav ul li a {
    font-size: 1.4rem;
  }
  .ft-menu-wrap .ft_toi-qa-menu {
    margin-top: 20px;
    width: 100%;
  }
  .ft-menu-wrap .ft_toi-qa-menu ul {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
  }
  .ft-menu-wrap .ft_toi-qa-menu ul > li {
    width: 48%;
  }
  .ft-menu-wrap .ft_toi-qa-menu ul > li a {
    width: 100%;
    font-size: 1.4rem;
  }
  /* 最下メニュー */
  .ft-btm-menu {
    margin: 0 0 36px 0;
  }
  .ft-btm-menu ul li:nth-of-type(n+2) {
    margin-top: 8px;
  }
  .ft-btm-menu ul li a {
    font-size: 1.4rem;
  }
  /* ページトップ */
  .pagetop-btn {
    right: 10px;
    bottom: 6%;
  }
  .pagetop-btn img {
    width: 40px;
  }
  /* コピーライト */
  .ft-copy {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  /*** メニュー ***/
  .ft-inner {
    padding: 46px 30px 46px 30px;
  }
  /* フッターロゴ */
  .ft-logo {
    margin: 0 0 50px 0;
    width: 100%;
    max-width: 300px;
  }
  /** メインメニュー群 **/
  .ft-menu-wrap {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    align-items: flex-start;
    justify-content: flex-end;
    width: 100%;
  }
  .ft-menu-wrap > nav:nth-of-type(n+2) {
    margin-left: 40px;
  }
  .ft-menu-wrap > nav ul li a:hover {
    text-decoration: underline;
  }
  .ft-menu-wrap > nav ul li:nth-of-type(n+2),
  .ft-menu-wrap > nav ul li .sub-menu {
    margin-top: 1.6em;
  }
  /* 包含 */
  .ft-btm-inner {
    padding: 15px 15px 10px 15px;
    align-items: flex-end;
  }
  /* ページトップ */
  .pagetop-btn {
    right: 10px;
    bottom: 6%;
  }
  .pagetop-btn img {
    width: 40px;
  }
}
@media print, screen and (min-width: 1200px) {
  /* フッターロゴ */
  .ft-logo {
    margin: 0 0 0 0;
    width: 35%;
  }
  /** メインメニュー群 **/
  .ft-menu-wrap {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 60%;
  }
  .ft-menu-wrap > nav:nth-of-type(n+2) {
    margin-left: 40px;
  }
  /*** 最下メニュー部 ***/
  /* メニュー */
  .ft-btm-menu ul li {
    display: inline-block;
  }
  .ft-btm-menu ul li {
    display: inline-block;
  }
  .ft-btm-menu ul li:nth-of-type(n+2) {
    margin-left: 2em;
  }
  /* 包含 */
  .ft-btm-inner {
    padding: 15px 30px 10px 30px;
  }
  /* コピーライト */
  .ft-copy {
    text-align: right;
  }
  /* ページトップ */
  .pagetop-btn {
    right: 30px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec_top-chintai-intro .topcmn-inner,
  .sec_contact .topcmn-inner {
    padding: 0 30px;
  }
}
@media screen and (min-width: 1400px) {
  /*** メニュー ***/
  .ft-inner {
    padding: 46px 52px 46px 52px;
  }
  /* ページトップ */
  .pagetop-btn {
    right: 52px;
  }
}
@media screen and (min-width: 1920px) {
  /** メインメニュー群 **/
  .ft-menu-wrap > nav:nth-of-type(n+2) {
    margin-left: 100px;
  }
  /*** 最下メニュー部 ***/
  /* 包含 */
  .ft-btm-inner {
    padding: 15px 52px 10px 52px;
  }
}
/**************************************************************************/
/*  新着情報／詳細画面
/**************************************************************************/
/* 包含 */
.single #wrapper {
  padding-bottom: 210px;
}

/* メタ表示 */
.single article .single-meta {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  align-items: center;
  margin: 80px auto 50px;
}

.single article .single-meta .date {
  margin-right: 16px;
}

.single article .single-meta .catelabel {
  margin: 0 0 0 0;
  padding: 0 24px 2px 24px;
  color: #fff;
  font-weight: bold;
  background-color: #016CB4;
  border-radius: 30px;
}

.single article .single-meta .catelabel.update-info {
  background-color: #2B2B2B;
}

/**************************************************************************/
/*  新着情報／一覧画面
/**************************************************************************/
/* ページャー */
#wrapper .wp-pagenavi {
  margin: 40px 0 0 0;
  text-align: center;
}

#wrapper .wp-pagenavi span,
#wrapper .wp-pagenavi a {
  vertical-align: middle;
}

#wrapper .wp-pagenavi .current {
  line-height: 1;
  font-size: 2rem;
  color: #016CB4;
  border: double 3px #016cb4;
}

/**************************************************************************/
/*  新着情報関連／ エディタスタイル
/**************************************************************************/
/** 見出し **/
.single article h1 {
  margin: 1.5em 0 1em 0;
  padding: 0 0 20px 0;
  line-height: 1.2;
  font-size: 3rem;
  border-bottom: solid 1px #016CB5;
}

/*** 詳細ページH2 ***/
.single article h2 {
  margin: 1.8em 0 1em 0;
  padding: 0 0 10px 0;
  font-weight: normal !important;
  font-size: 2.4rem;
  color: #016CB5;
  border-bottom: dotted 2px #B5B5B5;
}

.single article h3 {
  margin: 1.8em 0 1em 0;
  padding: 0 0 0 8px !important;
  line-height: 1.4;
  font-size: 2rem;
  font-weight: bold;
  border-left: solid 4px #016CB5;
}

.single article h4 {
  position: relative;
  text-indent: -1em;
  margin: 1.8em 0 0.6em 0;
  padding-left: 1em;
  line-height: 1.4;
  font-size: 1.8rem;
}

.single article h4::before {
  content: "●";
  font-size: 1.6rem;
  color: #016CB5;
}

.single article h5 {
  margin: 1.8em 0 0.6em 0;
  padding-bottom: 3px;
  line-height: 1.4;
  font-size: 1.6rem;
  border-bottom: solid 2px #ccc;
}

.single article h6 {
  position: relative;
  text-indent: -1em;
  margin: 1.8em 0 0.6em 0;
  padding-left: 1em;
  line-height: 1.4;
  font-size: 1.6rem;
  font-weight: bold;
}

/*** 段落基本 ***/
.single .single-inner p {
  margin: 1em 0 1.5em 0;
}

/* 本文中リンクテキスト */
.single .single-inner p a {
  text-decoration: underline;
  color: #016CB5;
}

.single .single-inner p a:hover {
  text-decoration: none;
}

/*** リスト ※先頭インデント ***/
/* 頭●付リスト */
.single .single-inner ul li {
  position: relative;
  padding-left: 1.2em;
  line-height: 1.3;
}

.single .single-inner ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
  color: #016CB5;
}

/* 頭数字付リスト */
.single .single-inner ol li {
  position: relative;
  counter-increment: bangou;
  position: relative;
  padding-left: 1.2em;
}

.single .single-inner ol li::before {
  content: counter(bangou);
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 6px 0 3px;
  font-weight: 600;
  color: #016CB5;
}

.single .single-inner ul,
.single .single-inner Ol {
  list-style: none;
  margin: 2em 0 2em 0;
}

.single .single-inner ul li,
.single .single-inner ol li {
  list-style: none;
  margin: 0;
}

.single .single-inner ul li:nth-of-type(n+2),
.single .single-inner ol li:nth-of-type(n+2) {
  margin-top: 1em;
}

/*** 汎用テーブル ***/
/***********************************************/
.single .single-inner .wp-block-table {
  margin: 15px 0 15px 0;
  width: 100%;
}

.single .single-inner .wp-block-table thead {
  border: none;
}

.single .single-inner .wp-block-table thead tr th,
.single .single-inner .wp-block-table tbody tr td {
  padding: 5px 10px;
  border: solid 1px #ccc;
}

.single .single-inner .wp-block-table thead tr th {
  text-align: center;
  font-size: 1.5rem;
  color: #016CB4;
  background-color: #ededed;
}

.single .single-inner .wp-block-table tbody tr td a {
  text-decoration: underline;
  color: #016CB4;
}

.single .single-inner .wp-block-table tbody tr td a:hover {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  /* 包含 */
  .single .single-inner .wp-block-table {
    padding: 0 0 16px 0;
    width: 100%;
    overflow-x: auto;
  }
  .single .single-inner .wp-block-table table {
    width: 200%;
    max-width: 800px;
  }
}
/* 投稿画像の包含処理 */
.single #wrapper article .wp-block-image {
  margin: 30px 0 30px 0;
  padding: 0 0 0 0;
}

/*** 画像 ***/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
  max-width: 100%;
  height: auto;
}

.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 20px;
  margin-top: 10px;
}

.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 20px;
  margin-top: 10px;
}

.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 15px;
}/*# sourceMappingURL=style.css.map */