@charset "UTF-8";
/*!
 * ！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！
 *
 * cssを追加したい場合、このファイルへ記述して下さい。
 * 納品時のCSSを直接修正するのは厳禁ですよ。
 *
 * 納品時のcssを編集してもscssをコンパイルした時点で変更は消えます。
 * 納品時のcssを編集したい場合は別のcssファイル（例：user.cssなど）を新規作成して、クラスごとに上書き、または新規クラスを追加してください。
 *
 * ！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！
 */
 /* ----common------- */ 
.sp-only{
   display: none;
}
.pc-only{
  display: block;
}
@media screen and (max-width: 834px){
  .sp-only{
    display: block;
  }
  .pc-only{
    display: none;
  }
}

/* ----記事サムネバッヂ------- */ 
.badge-category04{
  color: #fff;
  background-color: #ed5e02;
  border-color: #ed5e02;
 }
 /* ----お役立ち情報ページ------- */ 
 .pageID-column .columnList_title{
  font-weight: 700;
 }
 .pageID-column-detail .post_img{
  margin-bottom: 40px;
}
.pageID-column-detail .headLine1{
  margin-bottom: 40px;
}
.pageID-column-detail #toc {
    box-shadow: 2px 2px 10px 2px rgba(185, 181, 181, 0.36);
    padding: 30px;
    margin: 80px 0;
}
.pageID-column-detail #toc p {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 10px;
}
.pageID-column-detail #toc a{
    font-size: 16px;
    color: inherit;
}
.pageID-column-detail #toc ul {
    padding-left: 20px;
}
.pageID-column-detail #toc li {
  position: relative;
    line-height: 1.8;
    list-style: none;
}
.pageID-column-detail #toc li::before {
  content: '';
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #c4c4c4 transparent transparent transparent;
  position: absolute;
  top: 11px;
  left: -20px;
}
/* ---------地図から探すTOP-------------- */
.pageID-rentRoom-map .step_num{
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 2.2rem;
  text-transform: uppercase;
  background-color: var(--color-themeBase);
  color: #fff;
  padding: 0 50px;
  line-height: 1.5;
  display: inline-block;
}
.pageID-rentRoom-map .categorySearch_section.next{
  position: relative;
  margin-bottom: 60px;
}
.pageID-rentRoom-map .next::after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 100px solid transparent;
  border-left: 100px solid transparent;
  border-top: 36px solid var(--color-themeBase02);
  border-bottom: 0;
  position: absolute;
  bottom: -60px;
}
.pageID-rentRoom-map .categorySearch_accTable:not(:first-child){
  margin-top: 0;
}
.pageID-rentRoom-map .mapSearch_lead{
  margin: 10px;
  font-size: 1.125rem;
}
/* -----地図から探す 地図検索ページ------------- */
.pageID-map-search .mapSearchNav_sticky{
  position: fixed;
  width: 230px;
}
.pageID-map-search .map_attention,.pageID-rentRoom-ibaraki-university .map_attention{
  font-size: 0.9rem;
  text-align: right;
  color: #f00;
  line-height: 1.3;
  margin-top: 10px;
}
.pageID-rentRoom-ibaraki-university .mapSearch_inner .sideSearchNav_mores{
  height: 35vh;
}
.pageID-map-search .map_info{
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
  line-height: 0.5;
}
.pageID-map-search .icon_info{
  background: #F8F8F8;
  padding: 10px;
}
.pageID-map-search .icon_tit{
  display: inline;
  font-weight: 600;
  line-height: 1;
  margin-top: 0;
  border-bottom: 1px dotted var(--color-themeBase);
}
.pageID-map-search .icon_info ul{
  list-style: none;
  margin-top: 0;
}
.pageID-map-search .icon_info ul li{
  display: inline-block;
  margin-right: 10px;
  white-space: nowrap;
  vertical-align: middle;
  margin-top: 6px;
}
.pageID-map-search .icon_info ul li img{
  margin-right: 5px;
}
.pageID-map-search .pg_km{
  display: flex;
  flex-wrap: wrap;
  width: 40%;
  line-height: 1.5;
}
.pageID-map-search .pg_km_text{
  display: inline-block;
  margin-right: 10px;
  font-weight: 600;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
} 
.pageID-map-search ul{
  margin-top: 10px;
  margin-bottom: 10px;
}
.pageID-map-search .pg_km_lists li{
  display: inline;
  margin-right: 4px;
}
.pageID-map-search .sideSearchNav_mores{
  padding: 18px 12px 100px;
}
@media screen and (max-width: 834px){
  .pageID-map-search .mapSearchNav_sticky,.pageID-rentRoom-ibaraki-university.mapSearchNav_sticky{
    width: 100%;
  }
  .pageID-map-search .mapSearchNav-area,.pageID-rentRoom-ibaraki-university.mapSearchNav-area{
    height: 40vh;
  }
  .pageID-map-search .map_info{
    display: block;
  }
  .pageID-map-search .pg_km{
    width: 100%;
  }
  .pageID-map-search .map_attention{
    text-align: left;
    margin-top: 0;
  }

}
@media screen and (max-width: 520px) {
  .pageID-map-search .propertyList03_itemBlock,.pageID-rentRoom-ibaraki-university{
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}
}
/* -----茨大ページ------ */
.pageID-rentRoom-greeting .section-banner01{
  padding: 20px 10px;
}
.pageID-rentRoom-greeting .section-bg999{
	background: #eefaff;
	background-image: linear-gradient(90deg, #fff 1px, transparent 0),
	linear-gradient(#fff 1px, transparent 0);
	background-size: 10px 10px;
}
.pageID-rentRoom-greeting .ibadai_search_flex{
  display: flex;
}
  .pageID-rentRoom-greeting .ibadai_search_item{
	margin: 2em auto;
	position: relative;
	background: #fff;
	padding: 2em 1.5em;
  width: calc(100% / 2 - 100px);
  box-shadow: 2px 2px 12px -4px rgba(151, 151, 151, 0.35);
}
.pageID-rentRoom-greeting .ibadai_search_item::before {
	position: absolute;
	content: "";
	width: 95%;
	height: 10px;
	top: 0.5em;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	border-top: dotted 10px #E0F5FF;
}
.pageID-rentRoom-greeting .btn-ibadai-search01,.pageID-rentRoom-greeting .btn-ibadai-search02{
  min-height: 56px;
  font-size: 1.125rem;
  border-radius: 100vh;
  background-color: var(--color-themeBase);
  color: #fff;
  }
  .pageID-rentRoom-greeting .btn-ibadai-search01::before{
  content: "\ea5f";
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 10px;
  color: inherit;
  line-height: 1;
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5rem;
  }
  .pageID-rentRoom-greeting .btn-ibadai-search02::before{
  content:"\ea5a";
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 10px;
  color: inherit;
  line-height: 1;
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6rem;
  }
  .pageID-rentRoom-greeting .ibadai_search_flex h3{
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
  }
  .pageID-rentRoom-greeting .ibadai_heading_h3 {
    position: relative;
    font-size: 26px;
    padding-top: 10px;
    width: 300px;
    margin: 0 auto;
    text-align: center;
  }
  
  .pageID-rentRoom-greeting .ibadai_heading_h3 span {
    position: relative;
    z-index: 2;
    background: linear-gradient(transparent 70%, rgba(255, 251, 23, 0.75) 70%);
  }
  
  .pageID-rentRoom-greeting .ibadai_heading_h3::before {
    content: attr(data-en);
    position: absolute;
    transform: rotate(-5deg);
    top: -20px;
    left: 3%;
    color: var(--color-themeBase03);
    font-size: 50px;
    font-weight: 400;
    font-style: italic;
  }
  @media screen and (max-width: 834px){
    .pageID-rentRoom-greeting .ibadai_search_flex{
      display: block;
    }
    .pageID-rentRoom-greeting .ibadai_search_item{
      width: 100%;
    }
  }
  /* ----------お知らせ--------- */
  .pageID-news-detail .txt_r{
    text-align: right;
  }
/* ----------お問い合わせTOP--------- */
.pageID-contact .step_num{
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 2.2rem;
  text-transform: uppercase;
  background-color: var(--color-themeBase);
  color: #fff;
  padding: 0 50px;
  line-height: 1.5;
  display: inline-block;
}
.pageID-contact .btn_wrap{
  max-width: 500px;
  text-align: center;
  margin-top: 30px;
}
.pageID-contact .step_01{
  position: relative;
  box-shadow: 4px 4px 11px 0px rgba(180, 180, 180, 0.35);
  padding: 30px;
}
.pageID-contact .step_01::after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 100px solid transparent;
  border-left: 100px solid transparent;
  border-top: 36px solid var(--color-themeBase02);
  border-bottom: 0;
  position: absolute;
  bottom: -60px;
}
.pageID-contact .step_02{
  box-shadow: 2px 3px 8px 0px rgba(180, 180, 180, 0.35);
  padding: 30px;
  margin-bottom: 20px;
}
.pageID-contact .contact_top_details{
  text-align: left;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 20px;
}
.pageID-contact summary{
  list-style-type: none;
}
summary::-webkit-details-marker {
  display:none;
}
.pageID-contact summary:before{
  content: "＋";
  margin-right: 10px;
}
.pageID-contact details[open] summary:before,
.pageID-contact summary details[open] summary:before{
  content: "−";
  margin-right: 10px;
}
.pageID-contact .supportGuide_item{
  text-align: center;
}
.pageID-news-detail .answer {
  overflow: hidden;
}
.pageID-news-detail.answerInner {
  padding: 0 20px 20px;
}

@media screen and (max-width: 834px){
  .pageID-contact .step_01,.pageID-contact .step_02{
    padding: 20px;
  }
  .pageID-contact .contact_top_details{
    font-size: 0.9rem;
  }
}

/* ------TOPお知らせ------- */
.pageID-top .news_wrap{
  max-width: 1100px;
  margin: 0 auto;
}
.pageID-top .news_fadeIn {
animation-name:fadeUpAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.pageID-top .news_tit_wrap{
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 6px;
}
.pageID-top .news_list_link{
  color: #fff;
  line-height: 1;
  border-bottom: 1px dotted #fff;
  text-decoration: none;
}
.pageID-top .news_list_link::after{
  content: "";
  display: inline-block;
  position: relative;
  margin-left: 10px;
  color: inherit;
  line-height: 1;
  content: "\ea9b";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #ed5e02;
  vertical-align: middle;
  font-size: 12px;
}
.pageID-top .news_tit{
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  font-family: "Josefin Sans", sans-serif;
  line-height: 1;
}
.pageID-top .news_slider{
  background:#fff;
  margin-bottom: 10px;
  margin-top: 0;
}
.pageID-top .news_slider a{
  display: block;
  background:#fff;
  padding: 16px 20px;
  text-decoration: none;
  font-weight: 500;
}
.pageID-top .news_slider li{
  line-height: 0.5;
  white-space: nowrap;
}
.pageID-top .news_slider span {
  display:inline-block;
  font-size:0.8rem;
  font-weight: 400;
  margin-right:10px;
  color:#777;
}
/* -----お知らせページ SP版で横スクロール出来るtable------ */
.pageID-news-detail .scroll-table .fs14{
  font-size: 14px;
}
.pageID-news-detail .scroll-table{
  white-space: nowrap;
}
@media screen and (max-width: 834px){
  .pageID-news-detail .scroll-table-wrap{
    overflow-x: scroll;
  }
  .pageID-news-detail .scroll-table{
    width: 100%;
    min-width: 600px;
    border-collapse: collapse;
    margin-bottom: 30px;
  }
}
.pageID-news-detail .answer {
  overflow: hidden;
}
.pageID-news-detail.answerInner {
  padding: 0 20px 20px;
}
/* ------借りたい・買いたいTOP------- */
.pageID-rentRoom-top .btn-picture,.pageID-sale-top .btn-picture{
  border-radius: 100vh;
}
.pageID-rentRoom-top .btn-picture::before,.pageID-sale-top .btn-picture::before{
  display: inline-block;
  position: relative;
  margin-right: 10px;
  color: inherit;
  line-height: 1;
  content: "\ea8a";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* ------TOP茨大マンションバナー------- */
.banner {
  position: fixed;
  margin: 15px 20px;
  z-index: 99998;
  bottom: 0;
  left: 0;
}
 .banner-top {
  border-radius: 25px 25px 0px 0px;
  background: -moz-radial-gradient(#0AB0C7, #006EB0 70%);
  background: -webkit-radial-gradient(#0AB0C7, #006EB0 70%);
  background: radial-gradient(#0AB0C7, #006EB0 70%);
}
.banner-body {
  width: 350px;
  background: #f8f8f8;
  color: #000000;
  font-weight: bold;
  text-align: center;
  border-radius: 25px;
  -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
  box-shadow: 0 0 7px rgb(0 0 0 / 40%);
}
.banner-body:hover {
  transition: opacity 0.3s ease;
  opacity: 0.7;
}

.banner-close {
  width: initial;
  line-height: initial;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: -10px;
  z-index: 99999;
  padding: 4px 8px;
  border: none;
  background-color: #f8f8f8;
  border-radius: 25px;
  cursor: pointer;
  -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
  box-shadow: 0 0 7px rgb(0 0 0 / 40%);
}

@media screen and (max-width: 750px) {
.banner {
      width: 80%;
      margin: 0px;
  }
 .banner-body {
      width: 100%;
      border-radius: 0px;
  }
.banner-back {
      width: 100%;
      margin: 0px;
      border-radius: 0px;
  }
.banner-copy {
      font-size: 15px;
  }
.banner-copy::after {
      font-size: 12px;
      margin-top: 1.4px;
      margin-left: 12px;
      top: initial;
      right: initial;
  }
.banner-close {
      top: 8px;
      left: 2px;
  }
}
/* ------茨大生版マイルームバナー設置------- */
.pageID-rentRoom-greeting .ibadai_myroom img{
  margin-top: 14px;
}

/* ------TOP Instagram埋め込み------- */
.pageID-top .insta_h3{
  text-align: center;
  font-weight: 700;
  margin-bottom: 16px;
}
.pageID-top .insta_h3::before{
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(/assets/images/icons/instagram.svg);
  background-size: contain;
  vertical-align: middle;
  margin-right: 6px;
}
.pageID-top .insta_post_txt{
  margin: 0;
  color: #555;
  font-size: 0.8125rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-clamp: 4;
  box-orient: vertical;
  min-height: 0;
  line-height: 1.8; 
}
.pageID-top .insta_item{
  background: #fff;
  cursor: pointer;
  height: 100%;
  width: 100%;
}
.pageID-top .insta_item a{
  text-decoration: none;
 }
.pageID-top .insta_item_inner{
  margin: 0 6px;
}
.pageID-top .insta_item_inner figure{
  margin: 0 6px;
}
.pageID-top .insta_item_inner figure img{
  width: 250px;
  height: 220px;
  object-fit: cover; 
}
.pageID-top .insta_user{
  font-weight: 700;
  font-size: 0.9375rem;
  text-decoration: none;
  vertical-align: baseline;

}
.pageID-top .insta_user i{
  margin-right: 10px;
}
.pageID-top .insta_item_inner .date{
  margin: 0;
  color: #c9c9c9;
  font-size: 0.75rem;
  font-weight: 500;
}
.pageID-top .insta_list{
  position: relative;
}
.pageID-top .slide-arrow{
  width: 40px;
  height: 40px;
  filter: brightness(0) saturate(100%) invert(95%) sepia(3%) saturate(0%) hue-rotate(165deg) brightness(77%) contrast(82%);
}
.pageID-top .prev-arrow{
  position: absolute;
  bottom: -44px;
  right: 10px;
}
.pageID-top .next-arrow{
  position: absolute;
  bottom: -44px;
  right: 90px;
}
.pageID-top .tab-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 0 10px;
  max-width: 100%;
}

.pageID-top .tab-2 > label {
  flex: 1 1;
  order: -1;
  min-width: 70px;
  padding: .6em 1em;
  background-color: #fff;
  color: #eb5e00;
  font-size: .9em;
  text-align: center;
  cursor: pointer;
  border: #eb5e00 solid 1px;
}
.pageID-top .tab-2 > label:hover {
  background-color: #eb5e00;
  color: #fff;
  transition: all .3s;
}
.pageID-top .tab-2 input {
  display: none;
}
.pageID-top .tab-2 > div {
  display: none;
  width: 100%;
  padding: 6px 0;
  background-color: #fff;
}
.pageID-top .tab-2 label:has(:checked) {
  background-color: #eb5e00;
  color: #fff;
}
.pageID-top .tab-2 label:has(:checked) + div {
  display: block;
}
.pageID-top .tab-2 i{
  margin-right: 8px;
}

.pageID-top .user_name{
  font-size: 16px;
  font-weight: 700;
  margin: 10px 10px 0;
  display: inline-block;
}
.pageID-top .user_name img{
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 8px;
}
/* モーダルCSS */
.pageID-top .contentsModal_body{
max-width: 90vw;
max-height: 86vh;
}
.pageID-top body.fixed {
position: fixed;
}
.pageID-top .modalWrapper {
height : 100%;
width: 100%;
overflow : auto; 
} 
.pageID-top .modalWrapper .insta_item_inner{
display: flex;
justify-content: space-between;
}
.pageID-top .modalWrapper .insta_inner{
width: calc(100% / 2 - 50px)
}
.pageID-top .modalWrapper .user_name{
font-size: 18px;
font-weight: 700;
text-decoration: none;
margin: 10px 0;
}
.pageID-top .modalWrapper .date{
font-size: 14px;
}
.pageID-top .modalWrapper .btn-contact02{
  background-color: #fff;
  color: #eb5e00;
  border: #eb5e00 1px solid;
}
.pageID-top .modalWrapper .btn-contact02:before{
content: "\ea7a";
}
.pageID-top .modalWrapper .btn-list {
  padding: 16px 22px;
  font-size: 1.125rem;
  border-radius: 100vh;
  color: #fff;
}

.pageID-top .sub-img li.current img {
  border: 3px solid #eb5e00;
  transition: border .5s;
}
.pageID-top .container {
  max-width: 500px;
}
.pageID-top .main-img {
  width: 100%;
}
.pageID-top .main-img img {
  height: auto;
  width: 100%;
}
.pageID-top .main-img video {
  height: auto;
  width: 100%;
}
.pageID-top .sub-img {
  display: flex;
  margin-top: 10px;
}
.pageID-top .sub-img li {
  margin-right: 1px;
  width: calc(100% / 10);
}
.pageID-top .sub-img li:nth-child(10n) {
  margin-right: 0;
}
.pageID-top .sub-img li img {
  border: 2px solid transparent;
  transition: border .5s;
  flex-wrap: wrap;
  width: 100%;
  height: 90%;
  object-fit: cover;
}
.pageID-top .sub-img img {
  cursor: pointer;
  width: 100%;
}
@media screen and (max-width: 834px){
  .pageID-top .modalWrapper {
    width: 96%;
  }
  .pageID-top .modalWrapper .insta_item_inner{
    display: block;
    width: 100%;
  }
  .pageID-top .modalWrapper .insta_inner{
    width: 100%;
    padding: 0;
  }
  #Instagram .section_more{
    margin-top: 46px;
  }
  .pageID-top .user_name{
    font-size: 14px;
  }
  .pageID-top .modalWrapper .user_name{
    font-size: 14px;
  }
}
/* ------入居者向けトラブル解決動画------- */
.pageID-tenants-movie .tabMenu02_btnsWrap{
  box-shadow: none;
}
.pageID-tenants-movie .tabMenu02-grid .tabMenu02_btns{
  gap: 6px 0;
}
.pageID-tenants-movie .tabMenu02_btn{
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.07);
}
.pageID-tenants-movie .movie_wrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pageID-tenants-movie .movie_wrap figure{
  width: calc(100% / 2 - 10px);
  text-align: center;
}
/* ------入居者様へ トラブル解決動画バナー------- */
.pageID-tenants .ban_flex{
  display: flex;
  justify-content: space-between;
}
.pageID-tenants .ban_flex p{
  width: calc(100% / 2 - 6px);
}
@media screen and (max-width: 834px){
  .pageID-tenants .ban_flex{
    display: block;
  }
  .pageID-tenants .ban_flex p{
    width: 100%;
  }
}
/* ------店舗一覧_定休日変更お知らせ------- */
.jan_closed a {
  display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 60px;
	color: #0097E1;
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
	transition: 0.3s;
  background-color: #e0f5ff;
	border: 1px solid transparent;
  line-height: 1.2;
  text-align: center;
}

.jan_closed a::after {
	content: '';
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent #0097E1 transparent;
}
.jan_closed a i{
  margin-left: 10px;
}
/* ------変更フォーム------- */
.pageID-change-contact .attention_wrap{
  background-color: #f9f9f9;
  padding: 20px;
}
.pageID-change-contact .attention_h3{
  font-size: 22px;
  font-weight: 700;
  color: #eb5e00;
}
.pageID-change-contact .attention_h3::before{
  content: url(/assets/images/shared/change-contact/alert.png);
  margin-right: 8px;
  line-height: 1;
  vertical-align: middle;
}
.pageID-change-contact .attention_wrap ul{
  color: #db0101;
}
.pageID-change-contact .document_item_wrap{
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.pageID-change-contact .document_item{
  padding: 16px;
  width: calc(100% / 3 - 10px);
  background-color: #fff;
}
.pageID-change-contact .contact03_document.document_item{
  padding: 16px;
  width: calc(100% / 4 - 10px);
  background-color: #fff;
}
.pageID-change-contact .contact03_document.document_item .fluctuation{
  color: #fff;
  background: #eb5e00;
  font-size: 14px;
}
.pageID-change-contact .document_item figure{
  width: 200px;
  margin: 0 auto;
}
.pageID-change-contact .document_item p{
  text-align: center;
  margin-top: 0;
}
.pageID-change-contact .attention_document{
  color: #eb5e00;
  font-weight: 700;
}
@media screen and (max-width: 834px){
 .pageID-change-contact .document_item_wrap{
  display: block;
 }
 .pageID-change-contact .document_item{
  width: 100%;
  margin-bottom: 10px;
 }
 .pageID-change-contact .contact03_document.document_item{
  width: 100%;
  margin-bottom: 10px;
 }
}
/* ------茨大オープンお知らせ------- */
.pageID-news-detail .flex{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.pageID-news-detail .open_campaign_terms{
  font-size: 12px;
}
.pageID-news-detail .cv{
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  background: #323738;
  padding:  20px 0 40px;
}
.pageID-news-detail .cv_contents{
  max-width: 1100px;
  margin: 0 auto;
}
.pageID-news-detail .cv_tit{
  color: #fff;
  text-align: center;
  font-weight: 700;
 }
 .pageID-news-detail .heading06 {
	position: relative;
	padding: 40px 0 30px;
	font-size: 32px;
	text-align: center;
  z-index: 2;
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
}
.pageID-news-detail .heading06 span {
	position: relative;
	z-index: 2;
}
.pageID-news-detail .heading06::before {
	content: attr(data-en);
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	color: #444748;
	font-size: 90px;
	font-style: italic;
  width: 100%;
  font-family: "din-2014", sans-serif;
  font-weight: 700;
}
 .pageID-news-detail .ibadai_open_btn{
  background-color: #ed5e02;
  color: #fff;
  padding: 16px 22px;
  font-size: 1.125rem;
 }
 .pageID-news-detail .cv_txt{
  text-align: center;
  color: #fff;
  padding-bottom: 30px;
 }
 .pageID-news-detail .open_campaign_flow{
 display: flex;
 justify-content: space-between;
 }
 .pageID-news-detail .flow_item{
  padding: 20px;
  background: #DADADA;
  color: #333333;
  width: calc(100% /3 - 16px);
  margin-bottom: 20px;
  line-height: 1.4;
  font-size: 14px;
  position: relative;
  z-index: 2;
 }
 .pageID-news-detail .flow_item::after{
  content: "";
  position: absolute;
  top: 50%;  
  left: -21px;
  transform: translateY(-50%);   
  border: 20px solid transparent;
  border-left: 20px solid #DADADA;  
 }
 .pageID-news-detail .flow_item:first-child::after{
  display: none;
 }
 .pageID-news-detail .flow_item::before{
  content: attr(data-num);
  position: absolute;
  bottom: -19px;
	left: 46px;
	transform: translateX(-50%);
	color: #AFB0AF;
	font-size: 80px;
  font-family: din-2014-narrow, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  z-index: -1;
 }
 .pageID-news-detail .flow_item span{
  color: #ed5e02;
 }
 .pageID-news-detail .flow_item h3{
  text-align: center;
  background: #fff; 
  color: #323738;
  font-weight: 700;
  font-size: 18px;
  padding: 8px;
}

@media screen and (max-width: 834px){
  .pageID-news-detail .flex{
    display: block;
    text-align: center;
  }
  .pageID-news-detail .cv_contents{
    width: 96%;
  }
  .pageID-news-detail .heading06 {
    font-size: 30px;
    padding: 0;
  }
  .pageID-news-detail .heading06::before{
    font-size: 40px;
    top: 20px;
  }
  .pageID-news-detail .cv_txt{
    padding-bottom: 20px;
  }
  .pageID-news-detail .open_campaign_flow{
    display: block;
  }
  .pageID-news-detail .flow_item{
    width: 100%;
  }
  .pageID-news-detail .flow_item::after{
    top: -15px;  
    left: 50%;
    transform: translateX(-50%);  
    border: 12px solid transparent;
    border-top: 12px solid #323738;  
   }
}
/* --茨大オープンお知らせ 店舗情報-- */ 
.pageID-news-detail .property_detail_shop,.pageID-sale-reserve .property_detail_shop{
  padding: 30px;
  box-shadow: 4px 4px 11px 0px rgba(180, 180, 180, 0.35);
}
.pageID-news-detail .property_detail_shop_h3,.pageID-sale-reserve .property_detail_shop_h3{
  font-size: 1.5rem;
  font-weight: 600;
}
.pageID-news-detail .shopDetail_commentArea,.pageID-sale-reserve .shopDetail_commentArea{
  margin: 20px 0 0;
}
.pageID-news-detail .property_detail_shop a,.pageID-sale-reserve .property_detail_shop a{
  text-decoration : none;
}
.pageID-news-detail .property_detail_shop_flex,.pageID-sale-reserve .property_detail_shop_flex{
  display: flex;
  align-items: center;
}
.pageID-news-detail .property_detail_shop_flex figure,.pageID-sale-reserve .property_detail_shop_flex figure{
  margin-right: 20px;
}
.pageID-news-detail .property_detail_shop_flex p,.pageID-sale-reserve .property_detail_shop_flex p{
  margin: 0;
}
@media screen and (max-width: 834px){
  .pageID-news-detail .property_detail_shop_flex,.pageID-sale-reserve .property_detail_shop_flex{
    display: block;
  }
  .pageID-news-detail.property_detail_shop_flex figure,.pageID-sale-reserve .property_detail_shop_flex figure{
    text-align: center;
    margin-right: 0;
  }
  .pageID-news-detail .property_detail_shop_h3,.pageID-sale-reserve .property_detail_shop_h3{
    font-size: 1.2rem;
   line-height: 1.3;
   margin-top: 10px;
  }
  .pageID-news-detail .shopDetail_commentArea,.pageID-sale-reserve .shopDetail_commentArea{
    margin: 10px 0 0;
  }
}
/* --地域店舗紹介ページ-- */ 
.local_info .mv_img{
  text-align: center;
  position: relative;
}
.local_info .local_info_img{
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.07);
}
.local_info .mv_img::after{
  position: absolute;
  content: '';
  width: 1050px;
  height: 620px;
  background: #f7f6f6;
  bottom: -100px;
  right: -140px;
  z-index: -1;
}
.local_info .flex{
  display: flex;
  justify-content: space-between;
}
.local_info .flex.rev{
  flex-direction:row-reverse;
}
.local_info .flex div{
  width: calc(100% / 2 - 30px);
}
.local_info .flex div .txt_right{
  text-align: right;
}
.local_info .img_separator{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  position: relative;
}
.local_info .img_separator::after{
  position: absolute;
  content: '';
  width: 65vw;
  height: 1200px;
  background: #f7f6f6;
  top: -300px;
  right: -90px;
  z-index: -1;
}
.local_info .local_shop_info_wrap{
  padding: 30px;
  -webkit-box-shadow: 4px 4px 11px 0px rgba(180, 180, 180, 0.35);
  box-shadow: 4px 4px 11px 0px rgba(180, 180, 180, 0.35);
}
@media screen and (max-width: 834px){
  .local_info .mv_img::after{
    width: 80vw;
    height: 100%;
    bottom: -70px
  }
  .local_info .flex{
    display: block;
  }
  .local_info .flex div{
    width: 100%;
  }
}
.local_info .section-bg999{
	background: #fdf5ec;
	background-image: linear-gradient(90deg, #fff 1px, transparent 0),
	linear-gradient(#fff 1px, transparent 0);
	background-size: 10px 10px;
  padding: 30px 0;
}
.local_info .ibadai_search_flex{
  display: flex;
}
.local_info .ibadai_search_item{
	margin: 2em auto;
	position: relative;
	background: #fff;
	padding: 2em 1.5em;
  width: calc(100% / 3 - 10px);
  box-shadow: 2px 2px 12px -4px rgba(151, 151, 151, 0.35);
}
.local_info .ibadai_search_item::before {
	position: absolute;
	content: "";
	width: 95%;
	height: 10px;
	top: 0.5em;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	border-top: dotted 10px #fdf5ec;
}
.local_info .btn-ibadai-search01,.local_info .btn-ibadai-search02{
  min-height: 56px;
  font-size: 1.125rem;
  border-radius: 100vh;
  background-color: var(--color-themeBase);
  color: #fff;
  }
  .local_info .btn-ibadai-search01::before{
  content: "\ea5f";
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 10px;
  color: inherit;
  line-height: 1;
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5rem;
  }
  .local_info .btn-ibadai-search02::before{
  content:"\ea5a";
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 10px;
  color: inherit;
  line-height: 1;
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6rem;
  }
  .local_info .ibadai_search_flex h3{
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
  }
  .local_info .ibadai_heading_h3 {
    position: relative;
    font-size: 26px;
    padding-top: 10px;
    width: 300px;
    margin: 0 auto;
    text-align: center;
  }
  
  .local_info .ibadai_heading_h3 span {
    position: relative;
    z-index: 2;
    background: linear-gradient(transparent 70%, rgba(255, 251, 23, 0.75) 70%);
  }
  
  .local_info .ibadai_heading_h3::before {
    content: attr(data-en);
    position: absolute;
    transform: rotate(-5deg);
    top: -20px;
    left: 3%;
    color: var(--color-themeBase03);
    font-size: 50px;
    font-weight: 400;
    font-style: italic;
  }
  .local_info .section-banner01 {
    padding: 20px 10px;
}
.local_info .postEdit{
  margin-top: 0;
}
  @media screen and (max-width: 834px){
    .local_info .ibadai_search_flex{
      display: block;
    }
    .local_info .ibadai_search_item{
      width: 100%;
    }
  }

  /* ------pick upお知らせ-オレンジ------- */
  .attention_news{
    margin-bottom: 10px;
  }
.attention_news a {
  display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 40px;
	color: #eb5e00;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	transition: 0.3s;
  background-color: #faece2;
	border: 1px solid transparent;
  line-height: 1.2;
  text-align: center;
}

.attention_news a::after {
	content: '';
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent #eb5e00 transparent;
}
.attention_news a i{
  margin-left: 10px;
}
@media screen and (max-width: 834px){
  .attention_news a{
    font-size: 14px;
  }
}
/* ------pick upお知らせ掲載時のメニュー位置調整-------- */
/* .pageID-top .section[id="recommend"] {
  padding-top: 260px;
}
@media screen and (max-width: 520px){
  .pageID-top .section[id="recommend"] {
    padding-top: 210px;
  }
} */

    /* ------ひたちなか営業所オープンページ------- */
    .pageID-news-detail .hitachinaka_open_flex{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: baseline;
    }
    .pageID-news-detail .hitachinaka_open_flex figure{
      width: calc(100% / 4 - 4px);
    }
    @media screen and (max-width: 834px){
      .pageID-news-detail .hitachinaka_open_flex figure{
        width: calc(100% / 2 - 4px);
      }
    }
/* ------入居者ページ改修------- */
    .pageID-tenants .text_center{
    text-align: center;
    } .pageID-tenants .faq_btn_wrap{
      max-width: 500px;
     margin: 0 auto;
    }
    .pageID-tenants .faq_btn{
      display: block;
      width: 100%;
      padding: 40px;
      box-shadow: 2px 2px 12px -4px rgba(133, 133, 133, 0.35);
      text-decoration: none;
      margin-top: 30px;
    }
     .pageID-tenants .material-icons{
      color: #eb5e00;
      vertical-align: bottom;
      margin-right: 6px;
     }
     .pageID-tenants .tenants_inquiry_btn_wrap{
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
     }
     .pageID-tenants .tenants_inquiry_btn_wrap li{
      margin-right: 10px;
     }
     .pageID-tenants .tenants_inquiry_btn_wrap li:last-child{
      margin-right: 0;
     }
     .pageID-tenants .tenants_inquiry_btn_wrap li a{
      display: inline-block;
      width: 230px;
      height: 230px;
      box-shadow: 2px 2px 12px -4px rgba(133, 133, 133, 0.35);
      text-decoration: none;
      text-align: center;
      background-color: var(--color-themeBase03);
     }
      .pageID-tenants .tenants_inquiry_btn_wrap img{
        margin-bottom: 20px;
      }
      @media screen and (max-width: 834px){
        .pageID-tenants .tenants_inquiry_btn_wrap li:nth-child(2){
          margin-right: 0;
        }
      .pageID-tenants .tenants_inquiry_btn_wrap li a{
        width: 45vw;
        height: auto;
        margin-bottom: 10px;
        padding-bottom: 20px;
      }
    }

  /* ------地図検索 .floorList_itemInner調整用------ */
.pageID-rentRoom-map .floorList_itemInner,.pageID-sale-map .floorList_itemInner{
    grid-template-columns: auto 5fr;
}
/* ------入居者ページ 中部用------- */
.pageID-tenants .fs20{
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 60px;
}
.pageID-tenants .tenants_inquiry_btn_wrap li p{
  width: 230px;
  margin-top: 0;
  margin-bottom: 30px;
}
.pageID-tenants .newsList_itemInner{
  background: #f9f9f9;
}
 @media screen and (max-width: 834px){
  .pageID-tenants .tenants_inquiry_btn_wrap li p{
    width: 45vw;
  }
 }