@charset "UTF-8";
/*Theme Name:realnotoestate
Author:Antenna
Description:This is the theme of Antenna
Version:2025.12
*/


body{background-color: #fff; font-size: 14px; margin: 0; width: 100%; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing: 0.02em; line-height: 1.7em; color: #333; overflow-x: hidden;}
body.page .post-content a{text-decoration: underline;}
.post-content a{text-decoration: underline;}
#wrap{width: 90%; max-width: 820px; margin:0 auto; padding-top: 20px; position: relative; min-height: 100vh; display: flex; flex-direction: column;}
img{width: 100%; height: auto; object-fit: contain; display: block;}
a{text-decoration: none; color: #333;}
a:hover{opacity: .6;}
ul {list-style-type: none; padding: 0;}
main{flex: 1; margin-top:20px;}
header{display: flex; justify-content: center;}
#header_logo{width: 60%; max-width: 280px;}
.label-new{}


/*メニュー*/
#menu{position: fixed; width: 90%; max-width: 820px; z-index: 100;}
.drawer_hidden {display: none;}
.menu-btn {display: flex;height: 30px; width: 30px; justify-content: center;align-items: center;position: relative;z-index: 100;cursor: pointer; border: none; background:none;}
.menu-btn span {height: 6px; width: 30px; background: #0F2B4E; transition: 0.5s; position: absolute; transform-origin: center;}
.menu-btn span:nth-child(1) {top: 0px;}
.menu-btn span:nth-child(2) {top: 12px;}
.menu-btn span:nth-child(3) {top: 24px;}
.menu-btn.is-open span:nth-child(1) {top: 10px;transform:rotate(45deg);}
.menu-btn.is-open span:nth-child(2) {opacity: 0;}
.menu-btn.is-open span:nth-child(3) {top: 10px; transform:rotate(-45deg);}
body.menu-open .nav_content {opacity: 1; pointer-events: auto;}
.nav{position: absolute; top:19px; right: 0; z-index: 6; display: block; background-color: #fff; padding: 5px;}
.nav_content {width: 100%;height: 100%; position: fixed; top: 0; right:0; z-index: 1; background: #fff; transition: 0s; opacity: 0; pointer-events: none; }
.nav_content a{color: #242424 !important; height: 30px; } 
.nav_inn{margin-top: 50px;}
.nav_item a:hover{opacity: .4}
.pc_nav{display: none;}
.nav_menu_box{/*width: fit-content;*/ margin:0 30px;}
ul.nav_list{display: flex; flex-direction: column; font-size: 18px;}
ul.nav_list li{width: fit-content; margin: 10px 0;}
.sns_area{display: flex; align-items: center; font-size: 15px;}
.sns_area .sns_btn{margin-right: 15px;}
.sns_btn{width: 25px;}
.sns_area .sns_btn a{display: block;}
.menu_label{position: relative; top:25px; font-size: 11px;}
.menu_label .label-close {display: none;}
.menu-btn.is-open .label-menu {display: none;}
.menu-btn.is-open .label-close {display: inline;}

body.menu-open .nav_content {opacity: 1; pointer-events: auto; 	overflow: auto; -webkit-overflow-scrolling: touch;}
body.menu-open {overflow: hidden; /*position: fixed;*/ width: 100%; height: 100vh;}



/*トップページ*/
.header_txt{text-align: center; margin:20px 0; letter-spacing: 0.2em; font-size: 16px;}

.cat_tab{/*margin: 0 calc(50% - 50vw) 0 calc(50% - 50vw);*/ width: 100%; border-bottom: 3px solid #202f4e;}
.tabs.mb{width: 94%; margin-bottom: -3px; max-width: 390px;}
.tabs.pc{display: none;}
.tabs {display: grid; grid-template-columns: repeat(4, 1fr); text-align: center; font-size: 11px; align-items: flex-end;}
.tab {position: relative; text-decoration: none;}
.tabs a{opacity: 1;}

.top_posts{margin-top:15px;}
.top_posts li{margin-bottom: 20px; border:1px solid #000; padding: 15px; box-sizing: border-box;}

/*.cat_tab_btn{display: flex; justify-content: space-around;}*/
.top_thumb{position: relative; width: 100%;}
.top_thumb img{aspect-ratio: 23 / 15; object-fit: cover;}
.top_meta_bx{position: relative;}
.cat_label img{aspect-ratio:inherit; height: 100%; width: auto;}
.top_cat{ }
.cat_label{height: 20px;}
.date_box{display: flex; /*margin:8px 0;*/ align-items: center;}
.top_date{width: fit-content; font-size: 12px;}
h2.top_title{margin:0; font-size: 16px; border-bottom: 2px solid #000; padding-bottom: 10px;}
#profile{width: 100vw; margin: 20px calc(50% - 50vw) 0px calc(50% - 50vw); box-sizing: border-box; padding: 20px; background-color: #EFEFEF; display: grid; grid-template-columns:125px 1fr; gap:20px;}
.profile-photo{width: 125px; margin: 0 auto;}
.profile-text{font-size: 13px;}
.name{font-weight: bold; margin-top:0;}
.writer-link{font-weight: bold;}
.top_custom_text{font-size: 14px; margin-top:8px;}
.caption{font-size: 12px; line-height:1.3em; margin-top: 5px;}
.top_date-cat{display: flex; align-items: center; margin: 5px 0; justify-content: space-between;}

/*タグ*/
#sec_tag.archive-page{background-color: initial; width: 100%; margin: 0 auto;}
#sec_tag{background-color: #EFEFEF; margin: 0 calc(50% - 50vw) 0 calc(50% - 50vw); width: 100vw;}
.tag_list{display: flex; flex-wrap: wrap; width: 90%; margin: 10px auto; font-size: 13px; max-width: 820px;}
.tag_list li{ margin:3px; position: relative; border:1px solid; padding: 3px 10px; background-color: #fff;}
.tag_list li::before {content: ""; position: absolute; left: 0.4em; top: 0.4em; width: 20px; height: 20px; background-size: contain;
 background-repeat: no-repeat; background-position: center;}
li.id5,li.id6,li.id7,li.id8,li.id9,li.id10,li.id11,li.id12,li.id13,li.id14,li.id34,li.id35{padding-left:2.6em !important;}
.id5::before {background-image: url("img/icon-5.png");}
.id6::before {background-image: url("img/icon-6.png");}
.id7::before {background-image: url("img/icon-7.png");}
.id8::before {background-image: url("img/icon-8.png");}
.id9::before {background-image: url("img/icon-9.png");}
.id10::before {background-image: url("img/icon-10.png");}
.id11::before {background-image: url("img/icon-11.png");}
.id12::before {background-image: url("img/icon-12.png");}
.id13::before {background-image: url("img/icon-13.png");}
.id14::before {background-image: url("img/icon-14.png");}
.id34::before {background-image: url("img/icon-34.png");}
.id35::before {background-image: url("img/icon-35.png");}

/*インスタフィード*/
#instagram_feed{background-color: #EFEFEF; padding:20px 0; margin:10px calc(50% - 50vw) 0 calc(50% - 50vw); width: 100vw;}
.instagram_ttl{font-size: 15px; font-weight: bold; 	display: flex; justify-content: center; align-items: center;}
.instagram_ttl .sns_btn{margin-right: 10px;}
.insta_list{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 20px auto; width: 90%; max-width: 820px;}
.insta_list li {aspect-ratio: 1;}
.insta_list li img{height: 100%; object-fit: cover;}

/*関連サイト*/
.midashi{text-align: center; font-size:15px; font-weight: bold; color: #17294d; margin: 0px auto 20px auto; line-height: 1.6em; padding-bottom: 3px; border-bottom: 1px solid; border-bottom: 2px solid; width: fit-content;}
.link_item{border: 1px solid #0F2B4E; margin-bottom: 20px;}
.midashi.left{text-align: left; margin: 0px 0 20px 0; font-size: 20px;}
.link_bx{width: 60%; max-width: 270px; margin: 0 auto;}

/*詳細ページ*/
.cat_tab_single.mb{max-width: 97px; position: relative; top: 2px;}
.cat_tab_single.pc{display: none;}
.corner_ttl{color: #0F2B4E; border-bottom: 3px solid #0F2B4E; /*padding-bottom: 5px;*/ width: 100%; margin:10px 0;/*margin: 10px calc(50% - 50vw) 10px calc(50% - 50vw);*/ letter-spacing: 2px; display: flex;}
.corner_ttl_column{color: #0F2B4E; border-bottom: 3px solid #0F2B4E; width: 100%; margin:10px 0;/*margin: 10px calc(50% - 50vw) 10px calc(50% - 50vw);*/ display: flex;}
.corner_ttl_inn::before{content: ""; display: inline-block; width: 16px; height: 16px; /*background: url("img/icon-corner.png") no-repeat center / contain; */margin-right:5px; position:relative; top:1px;}
.corner_ttl_column .cat_label{width:52px;}
.corner_ttl_date{font-size: 14px; display: inline-block; margin-left: 10px;}
.tag_list.single{width: 100%; max-width: 980px; margin: 10px auto 10px auto;}
.corner_ttl_column_inn{display:flex; align-items: center; margin: 0 auto; width: 90%;}
.corner_ttl_inn{display:flex; align-items: center; margin: 0 auto; width: 90%;}
.wp-block-image figcaption{text-align: left; margin-top: 2px;}
.column_series{font-size: 13px;}
.author{font-size: 13px; margin-top: 10px;}
.column_header{border-bottom: 1px dotted #333; padding-bottom: 10px; width: 100%; margin:10px 0 20px 0;/*margin: 10px calc(50% - 50vw) 20px calc(50% - 50vw);*/}
/*.column_header_inn{width: 90%; margin: 0 auto;}*/


/*物件詳細ページ*/
.slick-slider{margin: 0 20px;}
.slick-slide img{width: 100%; height: auto; aspect-ratio:23 / 15; object-fit: cover;}
.slick-prev, .slick-next{z-index: 2; top:0 !important; bottom: 0 !important; margin:auto;}
.slick-prev{left:-20px !important;}
.slick-next{right:0 !important;}

.slick-prev:before,
.slick-next:before {content: "" !important; display: block;  width:40px; height: 40px; background-size: contain; background-repeat: no-repeat;}
.slick-prev:before { background-image: url('img/arrow_prev.png');}
.slick-next:before { background-image: url('img/arrow_next.png');}


.post_title{font-size: 18px; margin: 0;}
.post_title.realestate_ttl{margin:0.83em 0;}
.realestate_deta{margin:20px 0;}
.realestate_date_box{display: flex; align-items: center;}
.single_cat{width: 52px;}
.post_date{}
.new{width: 35px; margin-left: 5px;}

.realestate_meta_bx{border-top:1px solid #868687; border-bottom:1px solid #868687; padding: 0 0 20px 0; margin:10px 0 0 0; }
.info_box{line-height: 2.4em; color: #802720; display: grid; row-gap: 0; }
.info_box .row {display: grid; grid-template-columns: 80px 1fr;}
.info_box .value{font-size: 16px; font-weight: bold;}
.info_box_sub{display: grid; row-gap: 0; /*border-bottom: 1px solid #868687;*/ line-height:1.8em; font-size: 13px;} 
.info_box_sub .info_item{font-weight: bold;}
.info_box_sub .row {display: grid; grid-template-columns: 80px 1fr; border-bottom: 1px dashed #868687;}
.info_box_sub .row-2col{display: grid; grid-template-columns: 1fr 1fr; border: none; border-bottom: 1px dashed #868687;}
.info_box_sub .row-2col .cell {display: grid; grid-template-columns: 80px 1fr; }
.row-2col .cell:first-child {border-right: 1px dashed #868687;}
.info_item.last{margin-left:10px;}
.info_item,.value{padding: 5px 0;}
.info_box .value{padding: 0;}

/*物件詳細概要*/
.overview_grid-table{display: grid; grid-template-columns:1fr;  margin:30px 0 0 0; border-right: 2px solid #333; border-left:2px solid #333;}
.overview_row{display: grid; grid-template-columns:1fr 3fr; /*box-shadow: 0px 1px #333 inset;*/ border-top: 1px solid #333;}
.ovg_header{font-weight: bold; border-right:1px solid #333; background-color: #EDECED;}
.ovg_header, .ovg_cell{padding: 8px; display: flex; align-items: center;}
.overview_row:last-child{/*box-shadow:0px 1px #333 inset,0px -1px #333 inset;*/ border-bottom: 2px solid #333;}
.overview_row:first-child{border-top: 2px solid #333;}
.overview_note{font-size: 12px; margin-bottom: 20px;}

/*MAP*/
.map {position: relative; padding-bottom: 75%; height: 0;}
.map iframe {position: absolute; top: 0; left: 0; width: 100%; border: 0; height: 100%;}
.map.pc{display: none;}
.map.mb{display: block;}

.staff_name{border: 1px solid #333; padding:5px 10px; width: fit-content; margin-top: 20px;}

/*物件お問い合わせ*/
#contact-form p{margin:0;}
.contact_form {max-height: 0; overflow: hidden; transition: max-height 0.5s ease; margin-top: 20px;}
.contact_form.open {max-height: 2000px; /* 大きくしておく（中身に合わせて調整） */}
.contact_btn_area{display: flex; justify-content: center; margin-top:30px;}
.contact_btn{background-color: #333; color: #fff; padding: 10px; width: 280px; 	display: flex; justify-content: center;}
.contact_btn::before{content: ""; background: url("img/icon-mail.png")no-repeat center / contain; display: inline-block; width: 24px; height:24px; margin-right: 5px;}
.contact_btn:hover{opacity: .6;}
img.icon-mail{width: 40px; display: inline-block; position: relative; top: 4px; margin-right: 5px;}
.contact_form_box{border:2px solid #333; padding: 30px;}
.contact_form_box_inn{max-width: 680px; margin: 0 auto;}
.contact_form_box_inn p{margin:0;}
span.red{color: red;}
.c-form__label{font-weight: bold;}
.c-form__item {display: grid; grid-template-columns: 1fr; gap:5px; margin: 20px 0;}
.c-form_area{}
.c-form_area.inquiry .wpcf7-radio{display: grid; grid-template-columns:1fr; row-gap: 5px;}
.c-form_area.radio-movein_time .wpcf7-radio{display: grid; grid-template-columns:1fr 1fr; row-gap: 5px;}
.wpcf7-form-control-wrap{display: block; margin-bottom: 10px;}
.wpcf7-list-item{margin:0 !important; display: block;}
textarea,.wpcf7-text{width: 100% !important;}
.c-form__submit {text-align: center; margin:60px auto; display: flex; justify-content: center; background-color: #2f2f2f; 	width: 260px; display: flex; align-items: center; 	height: 56px;}
.c-form__submit:hover{opacity: 0.6;}}
.c-form__submit button {width:125px; font-size: 14px; font-weight: bold;  padding:10px; transition: 0.2s; height: 42px;}

/* CF7 送信ボタンの初期化 */
.c-form__submit input[type="submit"] {-webkit-appearance: none; appearance: none; border: none; background: none; padding: 0; margin: 0; box-shadow: none; border-radius: 0;}
.c-form__submit {text-align: center; margin-top: 30px;}
.c-form__submit input[type="submit"] {display: inline-flex; align-items: center; justify-content: center; gap: 12px; /*width: 260px;*/ /*height: 56px;*/ /*background-color: #2f2f2f;*/ color: #ffffff; font-size: 14px; font-weight: bold;  cursor: pointer; transition: background-color 0.2s ease, opacity 0.2s ease;}
/*.c-form__submit input[type="submit"]:hover {background-color: #1f1f1f; opacity: 0.9;}*/
.mail-icon {content: ""; display: inline-block; width: 35px; height: 35px; background: url("img/icon-mail.png") no-repeat center / contain; margin-right: 15px;}
/* ローディングのベース */
.wpcf7 .loading-spinner {display: none; width: 24px; height: 24px; background-image: url('img/ajax-loader.gif');  background-size: contain; background-repeat: no-repeat; margin:30px auto 0 auto;}
/* 送信中に表示 */
.wpcf7 .submitting .loading-spinner {display: inline-block;}

/*2column */
.post-side{display: none;}
.post-databox{display: flex; flex-direction: column;}

/*Lightbox*/
#swipebox-bottom-bar, #swipebox-top-bar{background: none !important;}
#swipebox-bottom-bar{top:50%; bottom: inherit !important;}
#swipebox-bottom-bar.visible-bars{transform:inherit !important;/*translate3d(0,-50px,0)*/;}
#swipebox-arrows{width: 98% !important; max-width: inherit !important;}
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container{max-height:95% !important;}

/*動画*/
/* Gutenberg の YouTube 埋め込みをレスポンシブ化 */
.wp-block-embed-youtube .wp-block-embed__wrapper {position: relative; width: 100%; /*padding-top: 56.25%;*/ /* 16:9 ＝ 9 / 16 = 0.5625 */}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*コンタクトフォーム*/
.contact_ssl{text-align: center; padding: 10px; border: 1px solid #333; font-size: 12px;}
#contact-form{margin:20px 0; border: 2px solid; padding: 60px 30px 30px 30px;}
.contact-form_inn{max-width: 680px; margin:0 auto;}
.cf-turnstile{display: flex; justify-content: center;}
.wpcf7-spinner{display: none;}

/*固定ページ*/
.page_title{color: #0F2B4E; margin:0 auto; font-size: 16px; font-weight: normal; margin-block-start:0; width: 100%;}
body.page .post_text{margin-top:30px;}

/*アーカイブページ*/
.archive-page .tag_list{width: 100%;}
body.archive #sec_tag{background-color: inherit; margin: 0 calc(50% - 50%) 0 calc(50% - 50%); width: 100%;}

body.archive #profile{margin: 0;}

/*フッター*/
footer{position: static; bottom: 0; margin: 30px calc(50% - 50vw) 0 calc(50% - 50vw); width: 100vw;}
.contact_box{margin: 30px auto; width: 100%;}
.contact_box_inn{width: 320px; margin: 0 auto;}
.contact_box_ttl{font-weight: bold; font-size: 20px;}

.footer_group_site{padding:30px; background-color: #f0f0f0;}
#footerGroupList{display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px 30px; margin:0 auto; max-width:820px; align-items: center;}
#footerGroupList a:hover{opacity: .6;}
#footerGroupList li{max-height: 37px;}
#footerGroupList img{width:100%; object-fit: cover;}
#footerGroupList li.noto{position: relative; top:-5px;}

.footer_bar{background-color: #dbdbdb; color: #999999; font-size: 13px; height: 40px; display: flex; align-items: center;}
.footer_bar_inn{max-width: 820px; margin: 0 auto; width: 90%;}
.footer_bar_inn span{display: inline-block; margin: 0 5px;}
.copyright{background-color: #4e4e4e; color: #fff; text-align: center; font-size: 12px;}

/* ==============================
   Contact Form 7 入力要素リセット
============================== */
.wpcf7-form-control {-webkit-appearance: none; appearance: none; box-sizing: border-box; width: 100%; max-width: none; margin: 0; padding: 0; border: none; border-radius: 0; background: none; box-shadow: none; font-family: inherit; font-size: inherit; line-height: inherit;}

/* テキスト系 */
.wpcf7-form-control.wpcf7-text,.wpcf7-form-control.wpcf7-tel,.wpcf7-form-control.wpcf7-email { height: 48px; padding: 10px 12px; border: 1px solid #808080;}

/* テキストエリア */
.wpcf7-form-control.wpcf7-textarea {max-height: 160px; padding: 12px; border: 1px solid #808080;resize: vertical;}
.answer1-other,.answer2-other{display: none;}


/*掲載物件募集中*/
.boshu{font-size: 20px; font-weight: bold; color: #17294d; margin-top: 20px; line-height: 1.6em;}
.boshu.center{text-align: center;}
.boshu a{color: #17294d;}
.gray_box{margin-top: 30px; background: #e9e9ea; padding: 20px; font-size: 14px;}
.bukkenboshu_images{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 12px;}
.bukkenboshu_main{margin: 25px 0; border: 2px solid #ccc; padding: 0 20px 20px 20px;}
.bukkenboshu_images_item{margin-bottom:15px;}
.bukkenboshu_images_item__title{background-color: #0b2a4c; color: white; display: flex; justify-content: center; align-items: center; font-size: 15px; padding: 9px 0px;}
.bukkenboshu_images_text{font-weight: bold; margin-top:30px;}
.bukkenboshu_contact{font-weight: bold; text-align: center; margin-top: 30px;}
.bukkenboshu_contact_btn{max-width: 450px; margin:20px auto 40px auto;}
.produce_note_bx{	margin: 20px 0 60px 0;}
.produce_note{font-weight: bold;}
.border_box{border: 1px solid #ccc; padding: 24px 29px;}
.fonttab-size{font-size: 16px;}

/*掲載からご契約までの流れ*/
.flow_midashi_rent,.flow_midashi_sale {font-size: 20px; font-weight: bold; margin: 35px 0 15px 0;}
.flow_midashi_sale {border-top:1px dotted #000; padding-top: 20px; margin-top:60px;}
.flowchart_box{display: flex; flex-direction: column;}
.flowchart dt{color: #0F2B4E; display: grid; grid-template-columns: 30px 1fr; align-items: center;}
.fl_num{font-size: 20px; display: inline-block; font-weight: bold; margin-right: 10px;}
.flow_bx_rent{border: 2px solid #0F2B4E; padding: 10px 20px; box-sizing: border-box; display: inline-block; font-weight: bold;}
.flow_bx_sale{background-color:  #0F2B4E; padding: 10px 20px; box-sizing: border-box; display: inline-block; font-weight: bold; color: #fff;}
.flowchart.arrow{display: grid; grid-template-columns: 1fr 1fr; gap:15px; margin:0;}
.flowchart.arrow dt{display: flex; justify-content: right;}
dl.flowchart dt img.arrow_down {width: 23px;height: auto;}
.flowchart.arrow dd{margin:0; line-height: 1.4em; font-size: 0.85em;}
.flowchart dd{margin-inline-start: 30px; marign-top:5px;}
.flow_fee_box.mb{display: block; border: 1px solid #999; padding: 15px; font-weight: bold; margin:30px 0;}
.flow_fee_box.pc{display: none; }

/*借りる（買う）までの流れ*/
.howtorent_box{display: grid; grid-template-columns: 90px 1fr; gap:30px 15px; margin:60px 0;}
.howtorent_ttl{font-weight: bold;}

/*よくある質問*/
.faq_bx{margin:0;}
.faq_q:first-child{padding: 0px 10px 10px 60px; background-position-y:0;}
.faq_q{background-image: url(img/icon_faq_q.png); background-repeat: no-repeat; padding: 10px 10px 10px 60px; background-size: 28px auto; font-weight: bold; background-position-x: 10px; background-position-y: 10px; line-height: 1.6em; min-height: 30px; color: #17294d;}
.faq_a {background-image: url(img/icon_faq_a.png); background-repeat: no-repeat; padding: 10px 10px 10px 60px; background-size: 25px auto; line-height: 1.6em; background-position-x: 16px;  background-position-y: 10px; min-height: 30px; background-color: #e9e9e9;}
.dashed_box{border: 1px dashed #888888; background-color: #ffffff; margin: 30px 0 30px 0; padding:0 20px;}

/*物件活用・コンサルティング*/
.produce_grid_list{display: grid; grid-template-columns: 1fr 1fr; gap:20px;}
.case_study_element{position: relative;}
 .case_category{position: absolute; padding: 2px 6px; color: #FFF; background: #172940; max-width: 220px; font-size: 12px;}
.case_name{font-weight: bold;}
.sub{text-decoration: underline;}

#produce_flow{overflow: hidden;}
#produce_flow * {box-sizing: border-box; font-size: 13px;}
#produce_flow dl {display: flex; flex-wrap: wrap;}
#produce_flow dl > * {padding: 1.1em 1.7em;}
#produce_flow dt {width: 28%; background-color: #17294d; color: #fff; font-weight: 600; padding: 10px; position: relative; border-bottom: 1px solid #fff; display: flex; /*align-items: center; */display: grid; grid-template-columns: 25px auto;}
#produce_flow dd {width: 72%;margin: 0;position: relative;}
#produce_flow dt:before, #produce_flow dt:after {content: ""; display: block; position: absolute;border-width: .6em .8em; bottom: -1.1em; left: calc(50% - .8em); border-style: solid; border-color: transparent; border-top-color: #17294d; z-index: 2;}
#produce_flow dt:after {bottom: -1.2em; border-top-color: #fff; z-index: 1;}
#produce_flow dt.lst:before,#produce_flow dt.lst:after {content: none;}
#produce_flow .has_box {padding-bottom: 6.6em;}
#produce_flow dt .box {background-color: #e2e2e2; position: absolute; font-weight: 300; left: 1.4em; bottom: 1.2em; width: 370%; padding: .8em; color: #17294d;}
#produce_flow dt .no {font-size: 135%; /*position: absolute; left: -1.1em; top: -.12em;*/}
#produce_flow dt > span{position: relative;}
#produce_flow .sm{font-size: 80%; display: block;}

/*************************************/
@media (min-width: 350px){
#footerGroupList li.noto{top:-6px;}
}
/*************************************/
@media (min-width: 400px){
.nav{top:20px;}
}

/*************************************/
@media (min-width: 410px){
.nav{top:21px;}
}

/*************************************/
@media (min-width: 420px){
.nav{top:22px;}
}

/*************************************/
@media (min-width: 430px){
.nav{top:23px;}
}
/*************************************/
@media (min-width: 440px){
.nav{top:24px;}
}

/*************************************/
@media (min-width: 450px){
.nav{top:26px;}
#footerGroupList li.noto{top: clamp(-16px, calc(-7px - (100vw - 450px) * 0.07), -7px);}
}
/*************************************/
@media (min-width: 480px){
.tabs{display: flex; font-size: 14px;}
.nav{top:33px;}
/*.tab{padding: 4px 23px;}*/
}
/*************************************/
@media (min-width: 600px){
#footerGroupList{grid-template-columns: repeat(3, 1fr);}
.cat_tab{margin: 0; width: 100%;}
.tabs.pc{display:flex; width: 80%; margin-bottom: -3px;}
.tabs.mb{display: none;}
#footerGroupList li.noto{top: clamp(-14px, calc(-7px - (100vw - 600px) * 0.03684), -7px);}
}
/*************************************/
@media (min-width: 800px){
#wrap{padding-top: 50px;}	
#header_logo{width: 35%;}
/*.nav{top:40px;}*/

/*メニュー*/
.nav_content{width: 40%;}
.nav_inn{max-width: 400px; margin-top: 80px;}
.nav_menu_box{margin: 0 0 0 30px;}

/*トップページ*/
.top_posts{display: flex; flex-wrap: wrap; gap:2%;}
.top_post_item{width: 32%;}
.top_post_item:nth-child(3n){margin-right: 0;}

/*タブ*/
.tabs{ border-bottom: 2px solid #202f4e;}
.tabs li{width: 117px; position: relative; top:2px;}

.instagram_ttl{font-size: 16px;}

#sec_contact{display: flex;gap:2%; margin-top: 40px;}
.contact_box{margin: 30px 0; width: 100vw;}

.link_bx{display: grid;grid-template-columns: 1fr 1fr; gap:20px; width: 390px; margin:30px auto; max-width: initial;}
.link_item{margin-bottom: 0;}

#footerGroupList{grid-template-columns: repeat(4, 1fr);}
#footerGroupList li.noto{top:-8px;}

.midashi{font-size:16px; margin: 20px auto 20px auto;}

/*物件詳細　2column */
.slick-slider{margin: 0;}
.slick-prev{left:0 !important;}
.slick-next{right: 20px !important;}
.post-databox{flex-direction: row; justify-content: space-between; width: 100%;}
.estate_slider{width:56%;}
.realestate_deta{width:40%; margin:0;}
.corner_ttl{width: 100%; margin: 10px 0;}
.corner_ttl_inn{width: 100%;}

.post-content_inn{display: flex; justify-content: space-between; width: 100%;}
.post-column{width:56%;}
.post-side {display: block; width:40%;}
.side_sub_img li{margin-bottom: 15px;}
.sub_img_square{display:grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap:2%; grid-row-gap:8px;}
.sub_img_square li {width: 100%;}
.sub_img_square li img{aspect-ratio: 1 / 1; object-fit: cover;}
.sub_img_square li .caption{display: none;}

.map.pc{display: block;}
.map.mb{display: none;}
.overview_grid-table{margin:30px 0 10px 0;}
.overview_note{	margin: 0 0 20px 0;}


.cat_tab_single.mb{display: none;}
.cat_tab_single.pc{display: block; max-width: 118px; position: relative; top: 2px;}

/*コラム*/
#profile{width: 100%; margin: 60px calc(50% - 50%) 60px calc(50% - 50%);}
.corner_ttl_column{width: 100%; margin: 10px 0;}
.corner_ttl_column_inn{width: 100%;}
.column_header{width: 100%; margin: 20px 0;}
.column_header_inn{width: 100%;}
/*.post-content.column{max-width: 630px; margin: 0 auto;}
.tag_list.column{max-width: 630px;}*/
.column_series{font-size: 15px;}
 .post_title{font-size: 20px;}



/*固定ページ*/
.page_title{width: 100%;}

/*掲載物件募集中*/
.bukkenboshu_images_item{width: 49%;}



/*掲載からご契約までの流れ*/
.flow_fee_box.mb{display: none;}
.flow_fee_box.pc{display: grid; grid-template-columns: 16px auto; gap:20px;}
.flow_fee_box.pc.flow1{height: 92%;}
.flow_fee_box.pc.flow2{height: 85%; padding-top:10px;}
.flowchart_content{display:grid; grid-template-columns: 70% auto; gap:20px;}
.flowchart{display: grid; grid-template-columns: 215px 1fr;}
.flowchart.arrow{grid-template-columns: 215px 1fr; gap:0;}
.flowchart.arrow dt{justify-content:center; padding-left: 30px;}
.flow_bx_rent,.flow_bx_sale{text-align: center;}
.flowchart.arrow dd{padding-left: 30px;}
.flow_bar{border-bottom: 2px solid #999;border-right: 2px solid #999;border-top: 2px solid #999;width: 16px;}
.flow_fee_title{border: 1px solid #000; text-align: center; margin: 0 auto; font-weight: bold; padding: 2px 4px; width: fit-content;}
.flow-notice{position:relative; top:50%; transform:translateY(-50%);}

/*物件活用・コンサルティング*/
.produce_grid_list{grid-template-columns: 1fr 1fr 1fr; gap:20px;}
#produce_flow dt {padding: 1.4em 2em 1.4em 3em; }
#produce_flow * {font-size: 14px;}

/*コンタクト*/
.c-form__item {display: grid; grid-template-columns: 180px 1fr; gap:15px;}

/*インスタフィード*/
.insta_list{grid-template-columns: repeat(4, 1fr);}

}