@charset "UTF-8";
/* CSS Document */

html { scroll-behavior: smooth; }
body { margin: 0; color: #1F1F1F; font-weight: 400; font-family: "Noto Sans JP", sans-serif; line-height: 180%; background: #fff; position: relative; overflow-x: hidden; }
img { max-width: 100%; }

#main_noside { width: 100%; }

body:not(.mce-content-body) { min-width: 100%; }
/*#container { overflow: hidden; }*/
#header,#header-in { display: none; }
.content { margin: 0 !important; padding: 0; }
.content-in { display: block; }
.wrap { margin: 0; padding: 0; width: 100% !important; }
main.main { margin: 0; padding: 0 !important; width: 100% !important; }
.main { margin: 0; padding: 0; width: 100% !important; border-radius: none; background-color: rgba(255,255,255,0); }
.pagination-next { display: none; }
.page-numbers { background-color: #E4E7EF; border: none !important; }
.pagination .current { color: #fff; background: linear-gradient(90deg, #3649C7 0.65%, #303FA0 99.59%); border: none; }

.grecaptcha-badge { visibility: hidden; }

#breadcrumb { display: flex; justify-content: flex-end; }
#breadcrumb .fa { display: none; }
#breadcrumb .breadcrumb-item::before { content: "/"; }
.pbp-footer-before { box-shadow: none; }

.entry-header .date-tags { display: none; }

.tmpl { box-sizing: border-box; }
.tmpl * { zoom: 1; margin: 0; padding: 0; text-align: left; line-height: 160%; list-style-type: none; outline: none; border: 0; border-collapse: collapse; border-spacing: 0; box-sizing: border-box; }
.tmpl h1,.tmpl h2,.tmpl h3,.tmpl h4,.tmpl h5 { font-weight: 600; }
.tmpl img { max-width: 100%; height: auto; vertical-align: bottom; border: none; }
.tmpl a:not(.grad_btn) { color: #1F1F1F; text-decoration: none; }
.tmpl a:not(.grad_btn):hover { color: #2B47FF; transition: 0.3s ease-in-out; }
.tmpl a img:hover { opacity: 0.5; transition: 0.3s ease-in-out; }
.tmpl table,.tmpl tr,.tmpl td { margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; box-sizing: border-box; }
.tmpl th { margin: 0; padding: 0; font-weight: normal; box-sizing: border-box; }
.tmpl table tr:nth-of-type(2n+1) { background-color: #fff; }
.tmpl table th { border: none; background-color: #fff; }
.tmpl table td { border: none; }

.border_btn { display: inline-flex; align-items: center; padding: 20px; color: #fff; line-height: 100%; text-decoration: none; border: solid 1px #3649C7; border-radius: 5px; transition: transform 0.2s ease-out; position: relative; overflow: hidden; }
.border_btn:hover { border: solid 1px #F2F4F7; background: #F2F4F7; }

.grad_btn { display: inline-flex; align-items: center; padding: 20px; color: #fff; line-height: 100%; text-decoration: none; border-radius: 5px; transition: transform 0.2s ease-out; position: relative; overflow: hidden; }
.grad_btn::before { content: ""; position: absolute; inset: 0; border-radius: 5px; transition: opacity 0.5s ease; z-index: 0; }
.grad_btn::after { content: ""; position: absolute; inset: 0; border-radius: 5px; opacity: 0; transition: opacity 0.5s ease; z-index: 0; }
.grad_btn:hover::after { opacity: 1 !important; }
.grad_btn span { display: flex; align-items: center; position: relative; z-index: 1; }
.grad_btn:hover { color: #fff !important; }
.grad_blue::before { background: linear-gradient(90deg, #3649C7 0.65%, #303FA0 99.59%); }
.grad_blue::after { background: linear-gradient(90deg, #2B47FF 0.65%, #041DC5 99.59%); }
.grad_orange::before { background: linear-gradient(90deg, #FA0 0.94%, #F59219 99.59%); }
.grad_orange::after { background: linear-gradient(90deg, #FFBF00 0.94%, #FFA705 99.59%); }
.type_01 span::before { content: ""; display: inline-block; margin: 0 10px 0 0; width: 18px; height: 20px; background: url(images/head_icon_01.png) no-repeat center center; }
.type_02 span::before { content: ""; display: inline-block; margin: 0 10px 0 0; width: 18px; height: 20px; background: url(images/head_icon_02.png) no-repeat center center; }
.type_03 span::before { content: ""; display: inline-block; margin: 0 10px 0 0; width: 18px; height: 20px; background: url(images/head_icon_03.png) no-repeat center center; }
.type_04 span::after { content: ""; display: inline-block; margin: 0 0 0 10px; width: 13px; height: 11px; background: url(images/btn_icon.png) no-repeat center center; }
.type_05 span::before { content: ""; display: inline-block; margin: 0 5px 0 0; width: 24px; height: 24px; background: url(images/meeting_38.png) no-repeat center center; }
.type_06 span::after { content: ""; display: inline-block; margin: 0 0 0 5px; width: 9px; height: 11px; background: url(images/access_07.png) no-repeat center center; }
.type_07 span::after { content: ""; display: inline-block; margin: 0 0 0 5px; width: 17px; height: 17px; background: url(images/access_08.png) no-repeat center center; }
.type_08 span::after { content: ""; display: inline-block; margin: 0 0 0 5px; width: 9px; height: 11px; background: url(images/shop_16.png) no-repeat center center; }
.type_09 span::after { content: ""; display: inline-block; margin: 0 0 0 5px; width: 26px; height: 18px; background: url(images/member_icon_06.png) no-repeat center center; background-size: contain; }

@media screen and (min-width: 861px) {
body { font-size: 18px; }

.container { width: 100% !important; }

.big_wid { margin-left: auto; margin-right: auto; width: 90%; max-width: 1320px; }
.com_wid { margin-left: auto; margin-right: auto; width: 90%; max-width: 1200px; }
.sml_wid { margin-left: auto; margin-right: auto; width: 90%; max-width: 880px; }
.vsl_wid { margin-left: auto; margin-right: auto; width: 90%; max-width: 820px; }
.sp { display: none; }

.border_btn { font-size: 16px; }
.grad_btn { font-size: 16px; }
}
@media screen and (max-width: 860px) {
body { font-size: 16px; }

.container { padding: 80px 0 0 0; width: 100% !important; }

.big_wid { margin-left: auto; margin-right: auto; width: 90%; }
.com_wid { margin-left: auto; margin-right: auto; width: 90%; }
.sml_wid { margin-left: auto; margin-right: auto; width: 90%; }
.vsl_wid { margin-left: auto; margin-right: auto; width: 90%; }
.pc { display: none; }

.border_btn { font-size: 13px; }
.grad_btn { font-size: 13px; }
}







/* ヘッダー */
@media screen and (min-width: 1141px) {
#head_wrap { height: 135px; position: relative; }
.head_A { height: 135px; transition: opacity .4s ease; position: relative; background: #fff; }
.head_A .box { display: flex; justify-content: space-between; align-items: flex-end; padding: 20px 30px 10px 30px; }
.head_A dl { display: flex; align-items: flex-end; }
.head_A dt { width: 140px; }
.head_A dd { margin: 0 0 0 10px; font-size: 24px; font-weight: 700; }
.head_A .main_menu { display: flex; justify-content: flex-end; }
.head_A .main_menu li { margin: 0 0 0 40px; font-size: 16px; }
.head_A .sub_menu { display: flex; justify-content: flex-end; position: absolute; top: 0; right: 30px; }
.head_A .sub_menu a { display: grid; place-content: center; padding: 0 20px; height: 55px; font-size: 15px; font-weight: 700; }
.head_A .sub_menu a span { display: flex; align-items: center; position: relative; z-index: 1; }
.head_A .sub_menu li:first-child a { display: inline-flex; align-items: center; border-bottom: solid 1px #3649C7; border-left: solid 1px #3649C7; border-radius: 0 0 0 5px; }
.head_A .sub_menu li:nth-child(2) a { display: inline-flex; align-items: center; color: #fff; text-decoration: none; transition: transform 0.2s ease-out; position: relative; overflow: hidden; }
.head_A .sub_menu li:nth-child(2) a::before { content: ""; position: absolute; inset: 0; transition: opacity 0.5s ease; z-index: 0; }
.head_A .sub_menu li:nth-child(2) a::after { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.5s ease; z-index: 0; }
.head_A .sub_menu li:nth-child(2) a:hover::after { opacity: 1 !important; }
.head_A .sub_menu li:last-child a { display: inline-flex; align-items: center; color: #fff; text-decoration: none; transition: transform 0.2s ease-out; position: relative; overflow: hidden; border-radius: 0 0 5px 0; }
.head_A .sub_menu li:last-child a::before { content: ""; position: absolute; inset: 0; transition: opacity 0.5s ease; z-index: 0; }
.head_A .sub_menu li:last-child a::after { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity 0.5s ease; z-index: 0; }
.head_A .sub_menu li:last-child a:hover::after { opacity: 1 !important; }
.head_B { display: flex; justify-content: space-between; align-items: center; padding: 0 15px; width: 100%; height: 75px; position: fixed; top: 0; left: 0; opacity: 0; pointer-events: none; transition: opacity .4s ease; z-index: 1000; background: #fff; }
.head_B dl { display: flex; align-items: flex-end; }
.head_B dt { width: 80px; }
.head_B dd { margin: 0 0 0 10px; font-size: 16px; font-weight: 700; }
.head_B ul { display: flex; justify-content: flex-end; align-items: center; }
.head_B li { margin: 0 0 0 4.5%; font-size: 15px; white-space: nowrap; }
body.is-scroll .head_A { opacity: 0; }
body.is-scroll .head_B { opacity: 1; pointer-events: auto; }
/*.main_con { padding-top: 135px; transition: padding-top .3s ease; }*/
body.is-scroll .main_con { padding-top: 75px; }
#head_sp { display: none; }
}
@media screen and (max-width: 1140px) {
.head_A { display: none; }
.head_B { display: none; }
#head_sp .main_menu { display: flex; justify-content: space-between; align-items: center; width: 100%; background: #fff; position: fixed; top: 0; left: 0; z-index: 333; }
#head_sp .main_menu dt { padding: 0 0 0 15px; }
#head_sp .main_menu dt img { width: 60px; }
#head_sp .main_menu ul { display: flex; justify-content: flex-end; }
#head_sp .main_menu li a,
#head_sp .main_menu li button { width: 90px; height: 80px; font-size: 13px; line-height: 120%; border: none; background: none; padding: 0; cursor: pointer; color: inherit; font-family: inherit; }
#head_sp .main_menu li a span,
#head_sp .main_menu li button span { padding: 3px 0 0 0; }
#head_sp .main_menu li:first-child a,
#head_sp .main_menu li:last-child a,
#head_sp .main_menu li:last-child button { display: flex; flex-direction: column; justify-content: center; align-items: center; border: solid 1px #CAD0E5; }
#head_sp .main_menu li:first-child a::before { content: ""; display: inline-block; width: 20px; height: 29px; background: url(images/head_sp_01.png) no-repeat center center; }
#head_sp .main_menu li:nth-child(2) .grad_btn { padding: 0; border-radius: 0; }
#head_sp .main_menu li:nth-child(2) .grad_btn::before { border-radius: 0; }
#head_sp .main_menu li:nth-child(2) .grad_btn::after { border-radius: 0; }
#head_sp .main_menu li:nth-child(2) article { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; color: #fff; }
#head_sp .main_menu li:nth-child(2) article::before { content: ""; display: inline-block; width: 23px; height: 29px; background: url(images/head_sp_02.png) no-repeat center center; position: relative; z-index: 1; }
#head_sp .main_menu li:last-child a::before,
#head_sp .main_menu li:last-child button::before { content: ""; display: inline-block; width: 33px; height: 29px; background: url(images/head_sp_03.png) no-repeat center center; }
#head_sp .sub_menu { display: none; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 1000; background: #fff; overflow-y: auto; }
#head_sp .sub_menu dl { display: flex; justify-content: space-between; align-items: center; }
#head_sp .sub_menu dt { padding: 0 0 0 15px; }
#head_sp .sub_menu dt img { width: 60px; }
#head_sp .sub_menu dd button { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 80px; height: 80px; color: #2A326B; font-size: 13px; border: none; background: #fff; cursor: pointer; }
#head_sp .sub_menu dd span { padding: 3px 0 0 0; }
#head_sp .sub_menu .menu_01 { margin: 40px 0 0 0; padding: 0 25px; }
#head_sp .sub_menu .menu_01 li { margin: 0 0 20px 0; }
#head_sp .sub_menu .menu_02 { padding: 0 15px; }
#head_sp .sub_menu .menu_02 li { margin: 0 0 10px 0; }
#head_sp .sub_menu .menu_02 a { width: 230px; }
body.is-fixed { overflow: hidden; }
}





/* フッター */
@media screen and (min-width: 861px) {
#foot_wrap { background: #E9EBF2; }
#foot_wrap .box { padding: 40px 0; }
#foot_wrap .sec_01 { display: flex; justify-content: space-between; }
#foot_wrap .sec_01 dl { display: flex; align-items: flex-end; }
#foot_wrap .sec_01 dt { width: 90px; }
#foot_wrap .sec_01 dd { margin: 0 0 0 15px; }
#foot_wrap .sec_01 dd p { font-size: 24px; font-weight: 700; }
#foot_wrap .sec_01 ul { display: flex; justify-content: flex-end; }
#foot_wrap .sec_01 li { margin: 0 0 0 50px; }
#foot_wrap .sec_01 li a { display: block; margin: 0 0 15px 0; }
#foot_wrap .sec_01 .arrow { display: flex; align-items: center; }
#foot_wrap .sec_01 .arrow::before { content: ""; display: inline-block; margin: 0 10px 0 0; width: 8px; height: 13px; background: url(images/foot_icon.png) no-repeat center center; }

#foot_wrap .sec_02 { margin: 80px 0 0 0; }
#foot_wrap .sec_02 dl { display: flex; justify-content: space-between; }
#foot_wrap .sec_02 ul { display: flex; font-size: 16px; }
#foot_wrap .sec_02 li:last-child { margin: 0 0 0 45px; }
#foot_wrap .sec_02 dd { font-size: 14px; }
}
@media screen and (max-width: 860px) {
#foot_wrap { background: #E9EBF2; }
#foot_wrap .box { padding: 40px 5%; }
#foot_wrap .sec_01 dt { width: 70px; }
#foot_wrap .sec_01 dd { margin: 5px 0 0 0; }
#foot_wrap .sec_01 dd p { font-size: 18px; font-weight: 700; }
#foot_wrap .sec_01 ul { display: flex; flex-wrap: wrap; margin: 35px 0 0 0; }
#foot_wrap .sec_01 li:nth-child(2) { margin: 0 0 0 30px; }
#foot_wrap .sec_01 li:last-child { margin: 35px 0 0 0; width: 100%; }
#foot_wrap .sec_01 li:last-child a { width: 90%; max-width: 220px; }
#foot_wrap .sec_01 li a { display: block; margin: 0 0 15px 0; }
#foot_wrap .sec_01 .arrow { display: flex; align-items: center; }
#foot_wrap .sec_01 .arrow::before { content: ""; display: inline-block; margin: 0 10px 0 0; width: 8px; height: 13px; background: url(images/foot_icon.png) no-repeat center center; }

#foot_wrap .sec_02 { margin: 35px 0 0 0; }
#foot_wrap .sec_02 ul { font-size: 14px; }
#foot_wrap .sec_02 dd { margin: 15px 0 0 0; font-size: 13px; }
}





/* トップ */
#top_wrap { overflow-x: hidden; }
.full-width-video-container { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; overflow: hidden; }
@media screen and (min-width: 861px) {
.full-width-video-container video { width: 100%; height: 700px; object-fit: cover; object-position: center; }

#top_wrap .sec_02 { display: flex; align-items: center; margin-top: 30px; padding: 30px; background: #F2F4F7; }
#top_wrap .sec_02 h2 { font-size: 22px; }
#top_wrap .sec_02 dl { flex: 1; display: flex; justify-content: space-between; align-items: center; }
#top_wrap .sec_02 dt { flex: 1; margin: 0 0 0 10%; }
#top_wrap .sec_02 dd { margin: 0 0 0 10px; width: 165px; }
#top_wrap .sec_02 dd a { justify-content: center; width: 165px; }
#top_wrap .sec_02 ul { display: flex; }
#top_wrap .sec_02 li:last-child { margin: 0 0 0 5%; }

#top_wrap .sec_03 { margin-top: 25px; border: solid 1px #7A8091; position: relative; background: url(images/top_icon.png) no-repeat right 30px center; }
#top_wrap .sec_03 dl { display: flex; align-items: center; }
#top_wrap .sec_03 dd { margin: 0 0 0 30px; padding: 0 80px 0 0; }
#top_wrap .sec_03 h3 { font-size: 22px; }
#top_wrap .sec_03 .btn_bnr { position: relative; }
#top_wrap .sec_03 a { position: absolute; width: 100%; height: 100%; top:0; left: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#top_wrap .sec_03 a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background: #fff; }

#top_wrap .sec_04 { margin-top: 90px; }
#top_wrap .sec_04 h2 { font-size: 42px; font-weight: 700; text-align: center; }
#top_wrap .sec_04 ul { display: flex; justify-content: center; align-items: center; margin: 20px 0 0 0; }
#top_wrap .sec_04 li { color: #2A326B; font-size: 48px; font-weight: 700; }
#top_wrap .sec_04 li::after { content: ""; display: inline-block; margin: 0 15px; width: 18px; height: 18px; background: url(images/common_icon.png) no-repeat center center; }
#top_wrap .sec_04 li:last-child::after { display: none; }

#top_wrap .sec_05 li { margin: 150px 0 0 0; }
#top_wrap .sec_05 dl { display: flex; justify-content: space-between; }
#top_wrap .sec_05 dt { width: 48%; max-width: 560px; }
#top_wrap .sec_05 dd { flex: 1; margin: 0 0 0 35px; }
#top_wrap .sec_05 h2 { color: #CAD0E5; font-size: 76px; line-height: 100%; }
#top_wrap .sec_05 h3 { margin: 15px 0 0 0; color: #2A326B; font-size: 28px; }
#top_wrap .sec_05 p { margin: 35px 0; }

#top_wrap .sec_06 { margin: 90px 0 0 0; padding: 60px 0; background: url(images/top_04.jpg) no-repeat center center; background-size: cover; }
#top_wrap .sec_06 .box { margin: 0 auto; padding: 60px 50px; width: 90%; max-width: 730px; background: #fff; }
#top_wrap .sec_06 h2 { color: #2A326B; font-size: 36px; text-align: center; }
#top_wrap .sec_06 p { margin: 30px 0; }
#top_wrap .sec_06 .grad_btn { display: flex; justify-content: center; margin: 0 auto; width: 100%; }
#top_wrap .sec_06 ul { display: flex; justify-content: space-between; }
#top_wrap .sec_06 li { width: 48%; max-width: 370px; }
}
@media screen and (max-width: 860px) {
.full-width-video-container video { width: 100%; height: 300px; object-fit: cover; object-position: center; }

#top_wrap .sec_02 { margin-top: 25px; padding: 20px 15px; background: #F2F4F7; }
#top_wrap .sec_02 h2 { font-size: 22px; }
#top_wrap .sec_02 dl { }
#top_wrap .sec_02 dt { margin: 0 0 0 0; }
#top_wrap .sec_02 dd { margin: 0 0 0 0; }
#top_wrap .sec_02 ul { margin: 10px 0 20px 0; }
#top_wrap .sec_02 li:last-child { margin: 0 0 0 0; }

#top_wrap .sec_03 { margin-top: 25px; }
#top_wrap .sec_03 .sp { text-align: center; }

#top_wrap .sec_03 .btn_bnr { margin: 20px 0 0 0; position: relative; }
#top_wrap .sec_03 .btn_bnr a { position: absolute; width: 100%; height: 100%; top:0; left: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#top_wrap .sec_03 .btn_bnr a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background: #fff; }
#top_wrap .sec_03 dl { padding: 10px; background: url(images/top_05.jpg) no-repeat center center; background-size: cover; }
#top_wrap .sec_03 dt { display: none; }
#top_wrap .sec_03 dd { padding: 10px; background-color: rgba(255,255,255,0.9); }
#top_wrap .sec_03 h3 { font-size: 16px; text-align: center; }
#top_wrap .sec_03 p { font-size: 12px; text-align: center; }
#top_wrap .sec_03 a { display: block; }
#top_wrap .sec_03 a:last-child { padding: 20px 0 0 0; }

#top_wrap .sec_04 { margin-top: 60px; }
#top_wrap .sec_04 h2 { font-size: 28px; font-weight: 700; text-align: center; }
#top_wrap .sec_04 ul { display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0; }
#top_wrap .sec_04 li { display: flex; align-items: center; color: #2A326B; font-size: 22px; font-weight: 700; }
#top_wrap .sec_04 li::after { content: ""; margin: 5px 5px 0 5px; width: 6px; height: 6px; background: url(images/common_icon.png) no-repeat center center; background-size: 100%; }
#top_wrap .sec_04 li:last-child::after { display: none; }

#top_wrap .sec_05 li { margin: 80px 0 0 0; }
#top_wrap .sec_05 .sp { margin: 15px 0; text-align: center; }
#top_wrap .sec_05 h2 { color: #CAD0E5; font-size: 48px; line-height: 100%; }
#top_wrap .sec_05 h3 { margin: 15px 0 0 0; color: #2A326B; font-size: 24px; }
#top_wrap .sec_05 p { margin: 15px 0; }

#top_wrap .sec_06 { margin: 80px 0 0 0; padding: 60px 0; background: url(images/top_04.jpg) no-repeat center center; background-size: cover; }
#top_wrap .sec_06 .box { margin: 0 auto; padding: 60px 30px; width: 90%; max-width: 730px; background: #fff; }
#top_wrap .sec_06 h2 { color: #2A326B; font-size: 28px; text-align: center; }
#top_wrap .sec_06 p { margin: 30px 0; }
#top_wrap .sec_06 li { margin: 10px 0 0 0; }
#top_wrap .sec_06 .grad_btn { display: flex; justify-content: center; margin: 0 auto; width: 90%; max-width: 370px; }
}





/* 貸会議室 */
.map-wrap { width: 100%; margin: 0 auto; }
.map-wrap iframe { width: 100%; height: 100%; border: 0; }

#mr_wrap .sec_04 table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #cad0e5; }
#mr_wrap .sec_04 th, #mr_wrap .sec_04 td { border: 1px solid #cad0e5; padding: 8px; text-align: center; background-color: #fff; white-space: nowrap; }
#mr_wrap .sec_04 th { background-color: #e4e7ef; }
#mr_wrap .sec_04 .pale { background: #F2F4F7; }

#mr_wrap #follow { position: relative; }
#mr_wrap .fl_contents { width: 100%; }
#mr_wrap .stcmn-container { position: sticky; z-index: 1000; width: 0; height: 0; margin-left: auto; overflow: visible; }
#mr_wrap .stcmn-content { position: absolute; right: 0; width: 100px; margin: 0; padding: 0; list-style: none; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); cursor: pointer; }
#mr_wrap .stcmn-content li { margin: 0 0 5px 0; }
#mr_wrap .stcmn-content li:first-child { margin: 0 0 15px 0; }
#mr_wrap .stcmn-content p { display: flex; flex-direction: column; justify-content: center; padding: 0 0 0 15px; height: 50px; font-size: 14px; line-height: 140%; background: #CAD0E5; border-radius: 2px 0 0 2px; }
#mr_wrap .stcmn-content a { display: flex; flex-direction: column; justify-content: center; padding: 0 0 0 10px; height: 50px; text-decoration: none; border-left: 4px solid #cad0e5; background: transparent; transition: all 0.3s ease; font-size: 14px; line-height: 140%; border-radius: 2px 0 0 2px; background-color: #fff; border-top: solid 1px #cad0e5; border-bottom: solid 1px #cad0e5; }
#mr_wrap .stcmn-content a.active { background: #e4e7ef; }
#mr_wrap .stcmn-content a:hover { color: #1F1F1F; background: #e4e7ef; }

@media screen and (max-width: 950px) {
.map-wrap { aspect-ratio: 16 / 9; }

#mr_wrap .sec_04 .table-container { overflow-x: auto; -webkit-overflow-scrolling: touch; }
#mr_wrap .sec_04 table { min-width: 950px; }
#mr_wrap .sec_04 tr:nth-child(1) th:first-child,
#mr_wrap .sec_04 tr:nth-child(n+4) th:first-child { position: -webkit-sticky; position: sticky; left: 0; z-index: 10; background-color: #e4e7ef; border-right: 2px solid #cad0e5; }
#mr_wrap .sec_04 tr:nth-child(2) th:first-child,
#mr_wrap .sec_04 tr:nth-child(3) th:first-child { position: static; }
}
@media screen and (min-width: 861px) {
.map-wrap { aspect-ratio: 16 / 9; }
#mr_wrap { font-size: 16px; }

#mr_wrap .sec_01 { padding: 70px 0; background: url(images/meeting_01.jpg) no-repeat right center; background-size: cover; }
#mr_wrap .sec_01 h2 span { color: #fff; font-size: 57px; background:linear-gradient(transparent 70%, #EAC717 0%) ; }
#mr_wrap .sec_01 ul { display: flex; flex-wrap: wrap; margin: 20px 0 0 0; max-width: 780px; }
#mr_wrap .sec_01 li { display: flex; align-items: center; margin: 20px 0 0 0; width: 50%; color: #fff; font-size: 24px; font-weight: 700; }
#mr_wrap .sec_01 li::before { content: ""; margin: 5px 10px 0 0; width: 24px; height: 24px; background: url(images/meeting_02.png) no-repeat center center; }

#mr_wrap #follow { position: relative; }

#mr_wrap .stcmn-container { top: 100px; }
#mr_wrap .stcmn-content { transform: translateX(0); cursor: default; }

#mr_wrap .sec_02 { padding: 0 0 80px 0; background: #E6E9F0; }
#mr_wrap .sec_02 ul { display: flex; justify-content: space-between; }
#mr_wrap .sec_02 li { padding: 20px 15px; width: calc(100%/4 - 5px); max-width: 290px; background: #fff; position: relative; }
#mr_wrap .sec_02 li a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#mr_wrap .sec_02 li a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background: #fff; }
#mr_wrap .sec_02 h3 { margin: 15px 0 0 0; color: #2A326B; font-size: 20px; text-align: center; }
#mr_wrap .sec_02 dl { display: flex; margin: 10px 0 0 0; font-size: 15px; }
#mr_wrap .sec_02 dt { padding: 1px 5px; width: 85px; text-align: center; background: #CAD0E5; }
#mr_wrap .sec_02 dd { flex: 1; margin: 0 0 0 15px; }

#mr_wrap .sec_03 { padding: 0 0 50px 0; background: #F2F4F7; }
#mr_wrap .sec_03 dl { display: flex; justify-content: space-between; align-items: center; }
#mr_wrap .sec_03 dt { flex: 1; }
#mr_wrap .sec_03 dd { margin: 0 0 0 10px; width: 374px; }

#mr_wrap .sec_04 { padding: 0 0 100px 0; }
#mr_wrap .sec_04 th,#mr_wrap .sec_04 td { font-size: 14px; }
#mr_wrap .sec_04 p { margin: 20px 0 60px 0; color: #F00; text-align: right; }
#mr_wrap .sec_04 p a { color: #F00; text-decoration: underline; }
#mr_wrap .sec_04 article { margin-top: 60px; padding: 60px 80px; border: solid 1px #7A8091; }
#mr_wrap .sec_04 h3 { font-size: 18px; }
#mr_wrap .sec_04 ul > li { margin: 20px 0 0 1em; list-style-type: disc; }
#mr_wrap .sec_04 .disc li { display: flex; }
#mr_wrap .sec_04 .disc li::before { content: "・"; }
#mr_wrap .sec_04 .decimal li { margin: 0 0 0 1.2em; list-style-type: decimal; }

#mr_wrap .sec_05 { padding: 0 0 60px 0; background: #E6E9F0; }

#mr_wrap .sec_06 { padding: 0 0 70px 0; }
#mr_wrap .sec_06 article { padding: 40px 80px; border: solid 1px #7A8091; }
#mr_wrap .sec_06 li { margin: 15px 0 0 1em; list-style-type: disc; }
#mr_wrap .sec_06 .no_dot { margin: 5px 0 0 0; list-style-type: none; }
#mr_wrap .sec_06 table { width: auto; max-width: auto; border-collapse: separate; border-spacing: 0 5px; }
#mr_wrap .sec_06 th { padding: 5px 15px; background: #E6E9F0; }
#mr_wrap .sec_06 td { padding: 5px 15px; background: #F2F4F7; }

#mr_wrap .sec_07 { padding: 0 0 100px 0; }
#mr_wrap .sec_07 table { width: 100%; font-size: 14px; }
#mr_wrap .sec_07 thead th { padding: 10px; text-align: center; white-space: nowrap; background-color: #E4E7EF; border-collapse: separate; border-spacing: 0; border: 1px solid #cad0e5; }
#mr_wrap .sec_07 tbody tr:nth-child(odd) { background-color: #F2F4F7; }
#mr_wrap .sec_07 tbody tr > td:nth-child(2) { white-space: nowrap; }
#mr_wrap .sec_07 tbody td { padding: 10px; border-collapse: separate; border-spacing: 0; border: 1px solid #E6E9F0; }

#mr_wrap .sec_08 { padding: 0 0 80px 0; background: #E6E9F0; }
#mr_wrap .sec_08 article { display: flex; justify-content: space-between; background: url(images/meeting_37.png) no-repeat center center; }
#mr_wrap .sec_08 article div { padding: 30px 40px; width: calc(100%/2 - 30px); background: #fff; }
#mr_wrap .sec_08 h3 { color: #2A326B; font-size: 26px; text-align: center; }
#mr_wrap .sec_08 img { display: block; margin: 20px auto 30px auto; max-width: 100%; }
#mr_wrap .sec_08 h4 { font-size: 24px; }
#mr_wrap .sec_08 ul > li { margin: 20px 0 0 0; }
#mr_wrap .sec_08 ul > li p { margin: 25px 0 0 0; text-align: center; }
#mr_wrap .sec_08 ol > li { margin: 0 0 0 1.5em; list-style-type: disc; }

#mr_wrap .sec_09 { margin: 60px auto 100px auto; padding: 60px; background: #e6e9f0; }
#mr_wrap .sec_09 h3 { font-size: 28px; text-align: center; }
#mr_wrap .sec_09 ul { display: flex; justify-content: center; margin: 20px 0 0 0; }
#mr_wrap .sec_09 h3:first-of-type + ul { margin: 20px 0 50px 0; }
#mr_wrap .sec_09 li { display: grid; place-content: center; margin: 0 12px; width: calc(100%/3 - 12px); max-width: 350px; height: 160px; text-align: center; background: #fff; position: relative; }
#mr_wrap .sec_09 h4 { margin: 0 0 15px 0; color: #2A326B; font-size: 22px; text-align: center; line-height: 100%; }
#mr_wrap .sec_09 p { width: 100%; color: #DB0004; font-size: 14px; text-align: center; line-height: 100%; position: absolute; bottom: 5px; left: 0; }
#mr_wrap .sec_09 a { margin: 0 auto; max-width: 165px; }

#mr_wrap .sec_10 { margin-top: 80px; }
#mr_wrap .sec_10 h2 { margin: 0 0 20px 0; font-size: 24px; text-align: center; }

#mr_wrap .sec_11 { margin-top: 80px; margin-bottom: 70px; }
#mr_wrap .sec_11 dl { display: flex; align-items: stretch; }
#mr_wrap .sec_11 dt { width: 40%; }
#mr_wrap .sec_11 dt table { width: 100%; height: 100%; }
#mr_wrap .sec_11 dd { display: grid; place-content: center; padding: 15px 0 25px 0; width: 60%; background: #EFEFEF; }
#mr_wrap .sec_11 th { padding: 10px 20px; white-space: nowrap; background-color: #E4E7EF; border-collapse: separate; border-spacing: 0; border: 1px solid #cad0e5; }
#mr_wrap .sec_11 td { padding: 10px 20px; border-collapse: separate; border-spacing: 0; border: 1px solid #E6E9F0; }

#mr_wrap .sec_12 { padding: 0 0 80px 0; }
#mr_wrap .sec_12 h2 { margin: 0 0 40px 0; font-size: 28px; text-align: center; }
#mr_wrap .sec_12 ul { display: flex; justify-content: space-between; }
#mr_wrap .sec_12 li { width: calc(100%/4 - 17.5px); max-width: 270px; position: relative; }
#mr_wrap .sec_12 h3 { margin: 15px 0 0 0; color: #2A326B; font-size: 20px; text-align: center; }
#mr_wrap .sec_12 dl { display: flex; margin: 10px 0 0 0; font-size: 15px; }
#mr_wrap .sec_12 dt { padding: 1px 5px; width: 85px; text-align: center; background: #CAD0E5; }
#mr_wrap .sec_12 dd { flex: 1; margin: 0 0 0 15px; }
#mr_wrap .sec_12 .scroll-list { overflow-x: visible; }
#mr_wrap .sec_12 li a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#mr_wrap .sec_12 li a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background: #fff; }
}
@media screen and (max-width: 860px) {
.map-wrap { aspect-ratio: 9 / 16; }
#mr_wrap { font-size: 14px; }

#mr_wrap .sec_01 { padding: 70px 0 200px 0; background: url(images/meeting_01_sp.jpg) no-repeat center bottom; background-size: cover; }
#mr_wrap .sec_01 h2 span { color: #fff; font-size: 28px; background:linear-gradient(transparent 75%, #EAC717 0%) ; }
#mr_wrap .sec_01 ul { margin: 30px 0 0 0; }
#mr_wrap .sec_01 li { display: flex; align-items: center; margin: 10px 0 0 0; color: #fff; font-size: 18px; font-weight: 700; }
#mr_wrap .sec_01 li::before { content: ""; margin: 5px 10px 0 0; width: 20px; height: 20px; background: url(images/meeting_02.png) no-repeat center center; background-size: 100%; }

#mr_wrap #follow { position: relative; }
#mr_wrap .stcmn-container { top: 90px; }
#mr_wrap .stcmn-content { transform: translateX(85px); }
#mr_wrap .stcmn-container.is-open .stcmn-content { transform: translateX(0); }
#mr_wrap .stcmn-content a { pointer-events: none; }
#mr_wrap .stcmn-container.is-open .stcmn-content a { pointer-events: auto; }

#mr_wrap .sec_02 { padding: 0 0 60px 0; background: #E6E9F0; }
#mr_wrap .sec_02 li { margin: 20px 0 0 0; padding: 20px 15px; background: #fff; position: relative; }
#mr_wrap .sec_02 li:first-child { margin: 0; }
#mr_wrap .sec_02 li a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#mr_wrap .sec_02 li a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background: #fff; }
#mr_wrap .sec_02 img { display: block; margin: 0 auto; max-width: 100%; }
#mr_wrap .sec_02 h3 { margin: 15px 0 0 0; color: #2A326B; font-size: 18px; text-align: center; }
#mr_wrap .sec_02 dl { display: flex; margin: 10px 0 0 0; }
#mr_wrap .sec_02 dt { padding: 1px 5px; width: 85px; text-align: center; background: #CAD0E5; }
#mr_wrap .sec_02 dd { flex: 1; margin: 0 0 0 15px; }

#mr_wrap .sec_03 { padding: 0 0 40px 0; background: #F2F4F7; }
#mr_wrap .sec_03 dt { text-align: center; }
#mr_wrap .sec_03 dd { text-align: center; }
#mr_wrap .sec_03 p { margin: 10px 0 40px 0; }

#mr_wrap .sec_04 { padding: 0 0 60px 0; }
#mr_wrap .sec_04 th,#mr_wrap .sec_04 td { font-size: 13px; }
#mr_wrap .sec_04 p { margin: 5px 0 30px 0; color: #F00; font-size: 13px; text-align: right; }
#mr_wrap .sec_04 p a { color: #F00; text-decoration: underline; }
#mr_wrap .sec_04 article { margin-top: 30px; padding: 30px 20px; border: solid 1px #7A8091; }
#mr_wrap .sec_04 h3 { font-size: 16px; }
#mr_wrap .sec_04 ul > li { margin: 15px 0 0 1em; list-style-type: disc; }
#mr_wrap .sec_04 .disc li { display: flex; }
#mr_wrap .sec_04 .disc li::before { content: "・"; }
#mr_wrap .sec_04 .decimal li { margin: 0 0 0 1.2em; list-style-type: decimal; }

#mr_wrap .sec_05 { padding: 0 0 60px 0; background: #E6E9F0; }

#mr_wrap .sec_06 { padding: 0 0 70px 0; }
#mr_wrap .sec_06 article { padding: 30px 20px; border: solid 1px #7A8091; }
#mr_wrap .sec_06 li { margin: 15px 0 0 1em; list-style-type: disc; }
#mr_wrap .sec_06 .no_dot { margin: 10px 0 0 0; list-style-type: none; }
#mr_wrap .sec_06 table { width: auto; max-width: auto; border-collapse: separate; border-spacing: 0 5px; font-size: 13px; }
#mr_wrap .sec_06 th { padding: 5px 15px; white-space: nowrap; background: #E6E9F0; }
#mr_wrap .sec_06 td { padding: 5px 15px; background: #F2F4F7; }

#mr_wrap .sec_07 { padding: 0 0 70px 0; }
#mr_wrap .sec_07 table { width: 100%; font-size: 14px; }
#mr_wrap .sec_07 thead th { padding: 10px; text-align: center; white-space: nowrap; background-color: #E4E7EF; border-collapse: separate; border-spacing: 0; border: 1px solid #cad0e5; }
#mr_wrap .sec_07 tbody tr:nth-child(odd) { background-color: #F2F4F7; }
#mr_wrap .sec_07 tbody tr > td:nth-child(2) { white-space: nowrap; }
#mr_wrap .sec_07 tbody td { padding: 10px; border-collapse: separate; border-spacing: 0; border: 1px solid #E6E9F0; }
#mr_wrap .sec_07 .com_wid { overflow: auto; max-height: 80vh; }
#mr_wrap .sec_07 table { width: 1000px; min-width: 1000px; border-collapse: separate; border-spacing: 0; }
#mr_wrap .sec_07 thead th { position: sticky; top: 0; z-index: 10; }
#mr_wrap .sec_07 thead th:first-child,
#mr_wrap .sec_07 tbody td:first-child { position: sticky; left: 0; z-index: 5; }
#mr_wrap .sec_07 thead th:first-child { z-index: 15; }
#mr_wrap .sec_07 tbody td:first-child { background-color: #ffffff; }
#mr_wrap .sec_07 tbody tr:nth-child(odd) td:first-child { background-color: #F2F4F7; }

#mr_wrap .sec_08 { padding: 0 0 80px 0; background: #E6E9F0; }
#mr_wrap .sec_08 article { display: flex; flex-direction: column; gap: 30px; }
#mr_wrap .sec_08 article div { padding: 30px 25px; background: #fff; }
#mr_wrap .sec_08 article .sp { display: block; content: ""; margin: 0 auto; width: 87px; height: 26px; background: url(images/meeting_37_sp.png) no-repeat center center; }
#mr_wrap .sec_08 h3 { color: #2A326B; font-size: 22px; text-align: center; }
#mr_wrap .sec_08 img { display: block; margin: 20px auto 30px auto; max-width: 100%; }
#mr_wrap .sec_08 h4 { font-size: 20px; }
#mr_wrap .sec_08 ul > li { margin: 20px 0 0 0; }
#mr_wrap .sec_08 ul > li p { margin: 15px 0 0 0; text-align: center; }
#mr_wrap .sec_08 ol > li { margin: 0 0 0 1.5em; list-style-type: disc; }

#mr_wrap .sec_09 { margin: 40px auto; padding: 40px 25px; background: #e6e9f0; }
#mr_wrap .sec_09 h3 { font-size: 22px; text-align: center; }
#mr_wrap .sec_09 ul { margin: 20px 0 0 0; }
#mr_wrap .sec_09 h3:first-of-type + ul { margin: 20px 0 40px 0; }
#mr_wrap .sec_09 li { display: grid; place-content: center; margin: 15px auto 0 auto; max-width: 350px; height: 160px; text-align: center; background: #fff; position: relative; }
#mr_wrap .sec_09 h4 { margin: 0 0 15px 0; color: #2A326B; font-size: 18px; text-align: center; line-height: 100%; }
#mr_wrap .sec_09 a { font-size: 13px; }
#mr_wrap .sec_09 p { width: 100%; color: #DB0004; font-size: 14px; text-align: center; line-height: 100%; position: absolute; bottom: 5px; left: 0; }
#mr_wrap .sec_09 a { margin: 0 auto; max-width: 165px; }

#mr_wrap .sec_10 { margin-top: 40px; }
#mr_wrap .sec_10 h2 { margin: 0 0 15px 0; font-size: 20px; text-align: center; }

#mr_wrap .sec_11 { margin-top: 80px; margin-bottom: 40px; }
#mr_wrap .sec_11 dt {  }
#mr_wrap .sec_11 dt table { width: 100%; }
#mr_wrap .sec_11 dd { display: grid; place-content: center; padding: 10px 0 20px 0; background: #EFEFEF; }
#mr_wrap .sec_11 th { padding: 10px 20px; white-space: nowrap; background-color: #E4E7EF; border-collapse: separate; border-spacing: 0; border: 1px solid #cad0e5; }
#mr_wrap .sec_11 td { padding: 10px 20px; border-collapse: separate; border-spacing: 0; border: 1px solid #E6E9F0; }

#mr_wrap .sec_12 { padding: 0 0 80px 0; }
#mr_wrap .sec_12 h2 { margin: 0 0 40px 0; font-size: 26px; text-align: center; }
#mr_wrap .sec_12 .scroll-list { overflow-x: auto; }
#mr_wrap .sec_12 ul { display: flex; justify-content: space-between; overflow-x: auto; overflow-y: hidden; }
#mr_wrap .sec_12 li { flex: 0 0 300px; position: relative; }
#mr_wrap .sec_12 h3 { margin: 15px 0 0 0; color: #2A326B; font-size: 20px; text-align: center; }
#mr_wrap .sec_12 dl { display: flex; margin: 10px 0 0 0; font-size: 15px; }
#mr_wrap .sec_12 dt { padding: 1px 5px; width: 85px; text-align: center; background: #CAD0E5; }
#mr_wrap .sec_12 dd { flex: 1; margin: 0 0 0 15px; }
#mr_wrap .sec_12 li a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#mr_wrap .sec_12 li a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background: #fff; }
}





/* 固定ページ共通 */
@media screen and (min-width: 861px) {
.pt_wrap h2 { padding: 55px 0; color: #fff; font-size: 40px; text-align: center; }
.pt_b { background: url(images/pagetitle_building.jpg) no-repeat center center; background-size: cover; }
.pt_r { background: url(images/pagetitle_restaurant.jpg) no-repeat center center; background-size: cover; }

.cmn_title { display: flex; flex-direction: column; align-items: center; padding: 60px 0 40px 0; font-size: 36px; text-align: center; }
.cmn_title::after { content: ""; margin: 30px 0 0 0; width: 70px; height: 3px; background: #3649C7; }

.sml_title { display: flex; justify-content: center; align-items: center; font-size: 28px; }
.sml_title::before { content: ""; margin: 3px 20px 0 0; width: 12px; height: 12px; background: url(images/common_icon.png) no-repeat center center; background-size: 12px; }
.sml_title::after { content: ""; margin: 3px 0 0 20px; width: 12px; height: 12px; background: url(images/common_icon.png) no-repeat center center; background-size: 12px; }

.bg_pale { padding: 60px 0 60px 0; background: #F2F4F7; }
}
@media screen and (max-width: 860px) {
.pt_wrap h2 { padding: 40px 0; color: #fff; font-size: 26px; text-align: center; }
.pt_b { background: url(images/pagetitle_building_sp.jpg) no-repeat left center; background-size: cover; }
.pt_r { background: url(images/pagetitle_restaurant_sp.jpg) no-repeat left center; background-size: cover; }

.cmn_title { display: flex; flex-direction: column; align-items: center; padding: 60px 0 30px 0; font-size: 26px; text-align: center; }
.cmn_title::after { content: ""; margin: 20px 0 0 0; width: 70px; height: 3px; background: #3649C7; }

.sml_title { display: flex; justify-content: center; align-items: center; font-size: 22px; text-align: center; }
.sml_title::before { content: ""; margin: 3px 10px 0 0; width: 12px; height: 12px; background: url(images/common_icon.png) no-repeat center center; background-size: 12px; }
.sml_title::after { content: ""; margin: 3px 0 0 10px; width: 12px; height: 12px; background: url(images/common_icon.png) no-repeat center center; background-size: 12px; }

.bg_pale { padding: 40px 0 40px 0; background: #F2F4F7; }
}





/* ビル概要 */
@media screen and (min-width: 861px) {
#building_wrap .sec_01 { margin-top: 50px; }
#building_wrap .sec_01 h3 { margin: 0 0 25px 0; font-size: 24px; text-align: center; }

#building_wrap .sec_02 { margin-top: 130px; }
#building_wrap .sec_02 h3 { color: #2A326B; font-size: 28px; text-align: center; }
#building_wrap .sec_02 ul { margin: 30px 0 50px 0; }
#building_wrap .sec_02 li { margin: 0 0 0 1em; list-style-type: disc; }
#building_wrap .sec_02 table { width: 100%; }
#building_wrap .sec_02 th { padding: 10px 20px; width: 170px; background: #E9EBF2; border: solid 1px #CAD0E5; }
#building_wrap .sec_02 td { padding: 10px 20px; background: #fff; border: solid 1px #CAD0E5; }

#building_wrap .sec_03 { margin-top: 80px; background-image: url("images/building_04.jpg"); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed; }
#building_wrap .sec_03 ul { padding: 80px 0 170px 0; }
#building_wrap .sec_03 li { margin: 0 0 80px 0; padding: 60px 10px; background: #fff; }
#building_wrap .sec_03 h3 { margin: 0 0 60px 0; }
#building_wrap .sec_03 img { display: block; margin: 0 auto; }
}
@media screen and (max-width: 860px) {
#building_wrap .sec_01 { margin-top: 50px; }
#building_wrap .sec_01 h3 { margin: 0 0 25px 0; font-size: 20px; text-align: center; }

#building_wrap .sec_02 h3 { color: #2A326B; font-size: 22px; }
#building_wrap .sec_02 ul { margin: 20px 0 30px 0; }
#building_wrap .sec_02 li { margin: 0 0 0 1em; list-style-type: disc; }
#building_wrap .sec_02 table { width: 100%; }
#building_wrap .sec_02 th { padding: 15px; width: 80px; text-align: center; background: #E9EBF2; border: solid 1px #CAD0E5; }
#building_wrap .sec_02 td { padding: 15px; background: #fff; border: solid 1px #CAD0E5; }

#building_wrap .sec_03 { margin-top: 80px; background-image: url("images/building_04.jpg"); background-repeat: no-repeat; background-position: left top; background-size: cover; background-attachment: fixed; }
#building_wrap .sec_03 ul { padding: 80px 0 170px 0; }
#building_wrap .sec_03 li { margin: 0 0 30px 0; padding: 40px 20px; background: #fff; }
#building_wrap .sec_03 h3 { margin: 0 0 40px 0; }
#building_wrap .sec_03 img { display: block; margin: 0 auto; }
}





/* ショップ＆レストラン-アーカイブ */
#sa_wrap .modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(1, 18, 80, 0.48); }
#sa_wrap .modal-content { background: #fff; height: 60%; overflow-y: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.55); }
#sa_wrap .close { position: absolute; top: 10px; right: 15px; font-size: 30px; cursor: pointer; }
@media screen and (min-width: 861px) {
#sa_wrap { margin-bottom: 200px; }

#sa_wrap .sec_01 { margin-top: 40px; }
#sa_wrap .sec_01 ul { display: flex; justify-content: center; align-items: center; }
#sa_wrap .sec_01 .sml_menu li { margin: 0 7px; }
#sa_wrap .sec_01 .sml_menu li:first-child { margin: 0 23px 0 0; }
#sa_wrap .sec_01 .sml_menu a { display: grid; place-content: center; width: 120px; background: #CAD0E5; border-radius: 5px; }
#sa_wrap .sec_01 .sml_menu a:hover { color: #2A326B; background: #F2F4F7; }
#sa_wrap .sec_01 .sml_menu .current { display: grid; place-content: center; width: 120px; color: #2A326B; background: #F2F4F7; border-radius: 5px; }
#sa_wrap .sec_01 .big_menu { justify-content: space-between; margin-top: 30px }
#sa_wrap .sec_01 .big_menu li { width: calc(100%/4 - 8px); }
#sa_wrap .sec_01 .big_menu a { display: flex; justify-content: center; color: #2a326b; }

#sa_wrap .sec_link { margin-top: 100px; }
#sa_wrap .sec_link h2 { padding: 0 0 10px 0; color: #2A326B; font-size: 28px; text-align: center; border-bottom: 1px solid #CAD0E5; }
#sa_wrap .sec_link ul { display: flex; flex-wrap: wrap; margin: -30px 0 0 -25px; }
#sa_wrap .sec_link li { margin: 60px 0 0 25px; width: calc(100%/3 - 25px); position: relative; }
#sa_wrap .sec_link dl { display: flex; align-items: center; margin: 15px 0 0 0; }
#sa_wrap .sec_link dt { padding: 0 10px 0 0; color: #7A8091; font-weight: 700; border-right: solid 1px #7A8091; }
#sa_wrap .sec_link dd { margin: 0 0 0 10px; font-size: 15px; }
#sa_wrap .sec_link h3 { margin: 10px 0 0 0; color: #2A326B; font-weight: 700; }
#sa_wrap .sec_link a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#sa_wrap .sec_link a:hover { opacity: 0.3; filter: alpha(opacity=30); -ms-filter: "alpha( opacity=30 )"; background: #fff; }

#sa_wrap .sec_03 { margin-top: 90px; text-align: center; }
}
@media screen and (max-width: 860px) {
#sa_wrap { margin-bottom: 100px; }

#sa_wrap .sec_01 { margin-top: 40px; }
#sa_wrap .sec_01 ul { display: flex; justify-content: space-between; }
#sa_wrap .sec_01 .sml_menu { align-items: center; }
#sa_wrap .sec_01 .sml_menu li { width: calc(100%/5 - 5px); font-size: 14px; }
#sa_wrap .sec_01 .sml_menu a { display: grid; place-content: center; width: 100%; height: 40px; background: #CAD0E5; border-radius: 5px; }
#sa_wrap .sec_01 .sml_menu a:hover { color: #2A326B; background: #F2F4F7; }
#sa_wrap .sec_01 .sml_menu .current { display: grid; place-content: center; width: 100%; height: 40px; color: #2A326B; background: #F2F4F7; border-radius: 5px; }
#sa_wrap .sec_01 .big_menu { justify-content: space-between; align-items: stretch; margin-top: 30px }
#sa_wrap .sec_01 .big_menu li { width: calc(100%/4 - 2px); }
#sa_wrap .sec_01 .big_menu a { display: flex; justify-content: center; padding: 10px 5px 30px 5px; height: 100%; background: url(images/shop_16.png) no-repeat bottom 10px center; }
#sa_wrap .sec_01 .big_menu span { color: #2a326b; text-align: center; }
#sa_wrap .sec_01 .big_menu .type_08 span::after { display: none; }

#sa_wrap .sec_link { margin-top: 80px; }
#sa_wrap .sec_link h2 { padding: 0 0 5px 0; color: #2A326B; font-size: 22px; text-align: center; border-bottom: 1px solid #CAD0E5; }
#sa_wrap .sec_link ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
#sa_wrap .sec_link li { margin: 40px 0 0 0; width: 48%; position: relative; }
#sa_wrap .sec_link dl { display: flex; align-items: center; margin: 10px 0 0 0; }
#sa_wrap .sec_link dt { padding: 0 10px 0 0; color: #7A8091; font-size: 15px; font-weight: 700; border-right: solid 1px #7A8091; }
#sa_wrap .sec_link dd { display: flex; align-items: center; margin: 0 0 0 10px; min-height: 36px; font-size: 13px; }
#sa_wrap .sec_link h3 { margin: 5px 0 0 0; color: #2A326B; font-size: 16px; font-weight: 700; line-height: 120%; }
#sa_wrap .sec_link a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#sa_wrap .sec_link a:hover { opacity: 0.3; filter: alpha(opacity=30); -ms-filter: "alpha( opacity=30 )"; background: #fff; }

#sa_wrap .sec_03 { margin-top: 70px; text-align: center; }
}





/* ショップ＆レストラン-シングル */
@media screen and (min-width: 861px) {
#ss_wrap .box { margin: 0 auto; width: 90%; max-width: 800px; }

#ss_wrap .sec_01 { display: flex; }
#ss_wrap .sec_01 .left { width: 367px; }
#ss_wrap .sec_01 .right { flex: 1; margin: 0 0 0 45px; }
#ss_wrap .sec_01 dl { display: flex; align-items: center; margin: 15px 0 0 0; }
#ss_wrap .sec_01 dt { padding: 0 10px 0 0; color: #7A8091; font-weight: 700; border-right: solid 1px #7A8091; }
#ss_wrap .sec_01 dd { margin: 0 0 0 10px; font-size: 15px; }
#ss_wrap .sec_01 h3 { margin: 10px 0 0 0; color: #2A326B; font-weight: 700; }

#ss_wrap .sec_02 { margin: 35px 0 0 0; }
#ss_wrap .sec_02 dl { display: flex; align-items: center; padding: 10px 0; font-size: 16px; border-bottom: solid 1px #CAD0E5; }
#ss_wrap .sec_02 dl:last-child dt { display: none; }
#ss_wrap .sec_02 dd:last-child dd p { margin: 1em 0 0 0; }
#ss_wrap .sec_02 dt { padding: 0 20px; width: 190px; }
#ss_wrap .sec_02 dd { flex: 1; padding: 0 20px; overflow-wrap: break-word; }
#ss_wrap .sec_02 dd:last-child dd { padding: 0 20px 0 0; }
}
@media screen and (max-width: 860px) {
#ss_wrap .box { margin: 0 auto; padding: 20px; width: 90%; max-width: 800px; }
#ss_wrap button { display: block; margin-left: auto; margin-bottom: 25px; width: 29px; background: #fff; }

#ss_wrap .sec_01 .left { text-align: center; }
#ss_wrap .sec_01 .right { margin: 15px 0 0 0; }
#ss_wrap .sec_01 dl { display: flex; align-items: center; margin: 15px 0 0 0; }
#ss_wrap .sec_01 dt { padding: 0 10px 0 0; color: #7A8091; font-weight: 700; border-right: solid 1px #7A8091; }
#ss_wrap .sec_01 dd { margin: 0 0 0 10px; font-size: 15px; }
#ss_wrap .sec_01 h3 { margin: 10px 0 0 0; color: #2A326B; font-weight: 700; }

#ss_wrap .sec_02 { margin: 25px 0 0 0; }
#ss_wrap .sec_02 dl { display: flex; align-items: center; padding: 10px 0; font-size: 14px; border-bottom: solid 1px #CAD0E5; }
#ss_wrap .sec_02 dl:last-child dt { display: none; }
#ss_wrap .sec_02 dd:last-child dd p { margin: 1em 0 0 0; }
#ss_wrap .sec_02 dt { width: 85px; white-space: nowrap; }
#ss_wrap .sec_02 dd { flex: 1; padding: 0; }
#ss_wrap .sec_02 dd a { word-break: break-all; }
}





/* アクセス・駐車場 */
@media screen and (min-width: 861px) {
#access_wrap .com_wid { margin-bottom: 40px; padding: 50px 5%; background: #fff; }
#access_wrap .com_wid h2 { margin-bottom: 40px; }

#access_wrap .sec_01 dl { display: flex; justify-content: space-between; }
#access_wrap .sec_01 dt { margin: 0 10px 0 0; }
#access_wrap .sec_01 a { display: block; margin: 15px 0 0 0; }
#access_wrap .sec_01 a span { display: inline-flex; border-bottom: solid 1px #1f1f1f; }
#access_wrap .sec_01 a span::after { content: ""; margin: 5px 0 0 10px; width: 22px; height: 22px; background: url(images/access_04.png) no-repeat center center; }

#access_wrap .sec_02 li { margin: 20px 0 0 0; padding: 0 0 0 15px; background: url(images/access_05.png) no-repeat left top 12px; }
#access_wrap .sec_02 .grad_btn { display: block; margin: 15px 0 0 -15px; width: 215px; }

#access_wrap .sec_03 dl { display: flex; justify-content: space-between; }
#access_wrap .sec_03 dt { margin: 0 10px 0 0; width: 70%; max-width: 660px; }
#access_wrap .sec_03 dt div { margin: 15px 0 0 0; }
#access_wrap .sec_03 h3 { margin: 0 0 15px 0; font-size: 18px; font-weight: 400; }

#access_wrap .sec_04 .cell { display: flex; }
#access_wrap .sec_04 .left { flex: 1; margin: 0 10px 0 0; }
#access_wrap .sec_04 .right { width: 546px; }
#access_wrap .sec_04 dl { display: flex; border-left: solid 3px #cad0e5; }
#access_wrap .sec_04 dt { padding: 0 0 0 20px; font-weight: 500; }
#access_wrap .sec_04 dd { margin: 0 0 0 40px; }
#access_wrap .sec_04 ul { margin: 20px 0 0 0; }
#access_wrap .sec_04 ul > li { padding: 0 0 0 15px; font-size: 16px; background: url(images/access_05.png) no-repeat left top 10px; }
#access_wrap .sec_04 ol > li { margin: 0 0 0 2em; font-size: 14px; list-style-type: disc; }
#access_wrap .sec_04 .grad_btn { display: block; margin: 20px 0 10px 0; width: 320px; }
#access_wrap .sec_04 p { display: flex; }
#access_wrap .sec_04 p span { display: flex; align-items: center; font-size: 14px; }
#access_wrap .sec_04 p span:last-child { margin: 0 0 0 15px; }
#access_wrap .sec_04 p span:last-child::before { content: ""; display: inline-block; margin: 0 5px 0 0; width: 19px; height: 19px; background: url(images/access_06.png) no-repeat center center; }
}
@media screen and (max-width: 860px) {
#access_wrap .com_wid { margin-bottom: 40px; padding: 30px 5%; background: #fff; }
#access_wrap .com_wid h2 { margin-bottom: 25px; }

#access_wrap .sec_01 dt { margin: 0 10px 0 0; }
#access_wrap .sec_01 dd { margin: 20px 0 0 0; }
#access_wrap .sec_01 a { display: block; margin: 5px 0 0 0; }
#access_wrap .sec_01 a span { display: inline-flex; border-bottom: solid 1px #1f1f1f; }
#access_wrap .sec_01 a span::after { content: ""; margin: 5px 0 0 10px; width: 22px; height: 22px; background: url(images/access_04.png) no-repeat center center; }

#access_wrap .sec_02 li { margin: 20px 0 0 0; padding: 0 0 0 15px; background: url(images/access_05.png) no-repeat left top 12px; }
#access_wrap .sec_02 .grad_btn { display: block; margin: 15px 0 0 -15px; width: 215px; }

#access_wrap .sec_03 dt { margin: 0 10px 0 0; }
#access_wrap .sec_03 dt div { margin: 15px 0 0 0; }
#access_wrap .sec_03 dd { margin: 25px 0 0 0; text-align: center; }
#access_wrap .sec_03 h3 { margin: 0 0 15px 0; font-size: 16px; font-weight: 400; }

#access_wrap .sec_04 .left { margin: 0 10px 0 0; }
#access_wrap .sec_04 .right { margin: 40px 0 0 0; }
#access_wrap .sec_04 dl { border-left: solid 3px #cad0e5; }
#access_wrap .sec_04 dt { padding: 0 0 0 20px; font-weight: 500; }
#access_wrap .sec_04 dd { padding: 0 0 0 20px; }
#access_wrap .sec_04 ul { margin: 20px 0 0 0; }
#access_wrap .sec_04 ul > li { padding: 0 0 0 15px; font-size: 14px; background: url(images/access_05.png) no-repeat left top 8px; }
#access_wrap .sec_04 ol > li { margin: 0 0 0 2em; font-size: 12px; list-style-type: disc; }
#access_wrap .sec_04 .grad_btn { display: block; margin: 20px 0 10px 0; width: 300px; }
#access_wrap .sec_04 p { display: flex; }
#access_wrap .sec_04 p span { display: flex; align-items: center; font-size: 14px; }
#access_wrap .sec_04 p span:last-child { margin: 0 0 0 15px; }
#access_wrap .sec_04 p span:last-child::before { content: ""; display: inline-block; margin: 0 5px 0 0; width: 19px; height: 19px; background: url(images/access_06.png) no-repeat center center; }
}





/* テナント入居募集 */
@media screen and (min-width: 861px) {
#tenant_wrap .sec_01 { padding: 150px 0 200px 0; background: url(images/tenant_01.jpg) no-repeat center center; background-size: cover; }
#tenant_wrap .sec_01 .box { background: linear-gradient( to right, #fff 0px, #fff 500px, transparent 500px, transparent 100% ); }
#tenant_wrap .sec_01 h2 { color: #2A326B; font-size: 50px; }
#tenant_wrap .sec_01 h2 span { display: inline-block; padding: 0 25px 20px 0; background: #fff; }
#tenant_wrap .sec_01 h2 strong { font-size: 36px; }

#tenant_wrap .sec_02 { margin-top: 80px; }
#tenant_wrap .sec_02 .tour { width: 100%; margin: 0 auto; aspect-ratio: 16 / 9; }
#tenant_wrap .sec_02 .tour iframe { display: block; width: 100%; height: 100%; border: none; }
.viewnotion { margin: 10px 0 0 0; font-size: 14px; }
.viewnotion img { width: 14px; height: auto; vertical-align: middle; }

#tenant_wrap .sec_03 { margin: 60px 0 0 0; padding: 60px 0 100px 0; background: url(images/tenant_02.jpg) no-repeat center top; background-size: cover; }
#tenant_wrap .sec_03 .box { padding: 40px 10% 100px 10%; background-color: rgba(255,255,255,0.64); }
#tenant_wrap .sec_03 p { margin: 20px 0 0 0; }

#tenant_wrap .sec_04 { padding: 20px 0 100px 0; background: url(images/tenant_03.jpg) no-repeat center top; background-size: cover; }
#tenant_wrap .sec_04 ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
#tenant_wrap .sec_04 li { display: flex; flex-direction: column; align-items: center; gap: 19px; flex-shrink: 0; margin: 40px 0 0 0; padding: 50px 33px; width: 32%; min-height: 350px; background: #fff; box-shadow: 0 4px 14px 0 rgba(5, 36, 125, 0.15); }
#tenant_wrap .sec_04 h3 { padding: 0 0 40px 0; color: #2A326B; font-size: 24px; background: url(images/common_icon.png) no-repeat center bottom; }

#tenant_wrap .sec_05 { padding: 60px 0; background: #CAD0E5; }
#tenant_wrap .sec_05 h3 { margin: 0 0 30px 0; font-size: 28px; text-align: center; }
#tenant_wrap .sec_05 .box { padding: 0 6% 80px 6%; background: #fff; }
#tenant_wrap .sec_05 dl { display: flex; justify-content: space-between; margin: 30px 0 0 0; }
#tenant_wrap .sec_05 dt { width: 48%; }
#tenant_wrap .sec_05 dt h3 { text-align: left; }
#tenant_wrap .sec_05 dd { width: 48%; }
#tenant_wrap .sec_05 table { width: 100%; }
#tenant_wrap .sec_05 th { padding: 10px; font-size: 16px; text-align: center; line-height: 100%; }
#tenant_wrap .sec_05 thead span { font-size: 10px; line-height: 100%; }
#tenant_wrap .sec_05 thead th { background-color: #E4E7EF; }
#tenant_wrap .sec_05 tbody tr:nth-child(even) { background-color: #F2F4F7; }
#tenant_wrap .sec_05 tbody tr > td:nth-child(2) span { display: block; margin: 0 auto; max-width: 100px; text-align: right; }
#tenant_wrap .sec_05 tbody tr > td:nth-child(3) span { display: block; margin: 0 auto; max-width: 130px; text-align: right; }
#tenant_wrap .sec_05 td { padding: 10px; font-size: 16px; text-align: center; line-height: 100%; }
#tenant_wrap .sec_05 tfoot th { background-color: #E4E7EF; }
#tenant_wrap .sec_05 tfoot th:nth-child(3) span { display: block; margin: 0 auto; max-width: 130px; text-align: right; }
#tenant_wrap .sec_05 .cell { margin: 110px 0 0 0; text-align: center; }
#tenant_wrap .sec_05 ul { display: flex; justify-content: space-between; margin: 70px 0 0 0; }
#tenant_wrap .sec_05 li { width: 48%; max-width: 460px; }

#tenant_wrap .sec_06 { padding: 60px 0; background: #F2F4F7; }
#tenant_wrap .sec_06 .box { padding: 0 6% 80px 6%; background: #fff; }
#tenant_wrap .sec_06 dl { display: flex; align-items: center; padding: 15px 0; border-bottom: solid 1px #CAD0E5; }
#tenant_wrap .sec_06 dt { padding: 0 0 0 20px; width: 215px; font-size: 15px; font-weight: 500; }
#tenant_wrap .sec_06 dd { flex: 1; font-size: 15px; }

#tenant_wrap .sec_07 { padding: 50px 0; background: url(images/tenant_04.jpg) no-repeat center center; background-size: cover; }
#tenant_wrap .sec_07 .box { padding: 15px 0; background: #fff; }
#tenant_wrap .sec_07 dl { display: flex; justify-content: center; align-items: center; }
#tenant_wrap .sec_07 dt { width: 344px; }
#tenant_wrap .sec_07 dd { margin: 0 0 0 45px; }
#tenant_wrap .sec_07 h2 { color: #2A326B; font-size: 28px; }
#tenant_wrap .sec_07 p { margin: 25px 0 35px 0; }

#tenant_wrap .sec_08 { margin-top: 40px; margin-bottom: 80px; padding: 30px; text-align: center; background: #F2F4F7; }
#tenant_wrap .sec_08 p { margin: 0 0 15px 0; text-align: center; }
}
@media screen and (max-width: 860px) {
#tenant_wrap .sec_01 { padding: 45px 0 335px 0; background: url(images/tenant_01_sp.jpg) no-repeat center center; background-size: cover; }
#tenant_wrap .sec_01 .box { background: linear-gradient( to right, #fff 0px, #fff 100px, transparent 100px, transparent 100% ); }
#tenant_wrap .sec_01 h2 { color: #2A326B; font-size: 18px; }
#tenant_wrap .sec_01 h2 span { display: inline-block; padding: 15px 25px 20px 0; background: #fff; }
#tenant_wrap .sec_01 h2 strong { font-size: 16px; }

#tenant_wrap .sec_02 { margin-top: 10px; }
#tenant_wrap .sec_02 .tour { width: 100%; margin: 0 auto; aspect-ratio: 9 / 16; }
#tenant_wrap .sec_02 .tour iframe { display: block; width: 100%; height: 100%; border: none; }
.viewnotion { margin: 10px 0 0 0; font-size: 12px; }
.viewnotion img { width: 12px; height: auto; vertical-align: middle; }

#tenant_wrap .sec_03 { padding: 60px 0; background: url(images/tenant_02_sp.jpg) no-repeat center top; background-size: cover; }
#tenant_wrap .sec_03 .box { padding: 0 20px 40px 20px; background-color: rgba(255,255,255,0.64); }

#tenant_wrap .sec_04 { padding: 20px 0 60px 0; background: url(images/tenant_03_sp.jpg) no-repeat center top; background-size: cover; }
#tenant_wrap .sec_04 li { margin: 15px 0 0 0; padding: 25px; background: #fff; box-shadow: 0 4px 14px 0 rgba(5, 36, 125, 0.15); }
#tenant_wrap .sec_04 h3 { margin: 0 0 10px 0; padding: 0 0 30px 0; color: #2A326B; font-size: 20px; text-align: center; background: url(images/common_icon.png) no-repeat center bottom; }

#tenant_wrap .sec_05 { padding: 40px 0; background: #CAD0E5; }
#tenant_wrap .sec_05 h3 { margin: 0 0 20px 0; font-size: 22px; text-align: center; }
#tenant_wrap .sec_05 .box { padding: 0 20px 60px 20px; background: #fff; }
#tenant_wrap .sec_05 dl { margin: 30px 0 0 0; }
#tenant_wrap .sec_05 dd { margin: 40px 0 0 0; text-align: center; }
#tenant_wrap .sec_05 table { width: 100%; }
#tenant_wrap .sec_05 th { padding: 10px; font-size: 14px; text-align: center; line-height: 100%; }
#tenant_wrap .sec_05 thead span { font-size: 10px; line-height: 100%; }
#tenant_wrap .sec_05 thead th { background-color: #E4E7EF; }
#tenant_wrap .sec_05 tbody tr:nth-child(even) { background-color: #F2F4F7; }
#tenant_wrap .sec_05 td { padding: 10px; font-size: 14px; text-align: center; line-height: 100%; }
#tenant_wrap .sec_05 tfoot th { background-color: #E4E7EF; }
#tenant_wrap .sec_05 .cell { margin: 80px 0 0 0; text-align: center; }
#tenant_wrap .sec_05 li { margin: 40px 0 0 0; text-align: center; }

#tenant_wrap .sec_06 { padding: 40px 0; background: #F2F4F7; }
#tenant_wrap .sec_06 .box { padding: 0 20px 60px 20px; background: #fff; }
#tenant_wrap .sec_06 dl { display: flex; align-items: center; padding: 15px 0; border-bottom: solid 1px #CAD0E5; }
#tenant_wrap .sec_06 dt { width: 75px; font-size: 14px; font-weight: 500; }
#tenant_wrap .sec_06 dd { flex: 1; margin: 0 0 0 10px; font-size: 14px; }

#tenant_wrap .sec_07 { padding: 50px 0; background: url(images/tenant_04_sp.jpg) no-repeat center center; background-size: cover; }
#tenant_wrap .sec_07 .box { padding: 15px 0; background: #fff; }
#tenant_wrap .sec_07 dt { margin: 0 auto; max-width: 225px; }
#tenant_wrap .sec_07 dd { margin: 10px 0 0 0; padding: 0 15px; }
#tenant_wrap .sec_07 h2 { color: #2A326B; font-size: 22px; text-align: center; }
#tenant_wrap .sec_07 p { margin: 5px 0 20px 0; font-size: 14px; text-align: center; }
#tenant_wrap .sec_07 a { display: flex; margin: 0 auto; max-width: 100%; width: 250px; }
#tenant_wrap .sec_07 a span { justify-content: center; width: 100%; }

#tenant_wrap .sec_08 { margin-top: 25px; margin-bottom: 80px; padding: 30px 20px; text-align: center; background: #F2F4F7; }
#tenant_wrap .sec_08 p { margin: 0 0 15px 0; font-size: 14px; text-align: center; }
}





/* お問い合わせ */
.wpcf7-list-item { margin: 0 1em 0 0 !important; }
@media screen and (min-width: 861px) {
#inquiry_wrap .com_wid { margin-bottom: 40px; padding: 50px 5%; background: #fff; }
#inquiry_wrap .com_wid h2 { margin-bottom: 40px; }

#inquiry_wrap .sec_01 h2:first-of-type + ul { margin: 0; }
#inquiry_wrap .sec_01 ul { display: flex; justify-content: center; align-items: center; margin: 40px 0 0 0; }
#inquiry_wrap .sec_01 ul::before { content: ""; width: 3px; height: 45px; background: #cad0e5; }
#inquiry_wrap .sec_01 li:first-child { margin: 0 0 0 20px; font-weight: 500; }
#inquiry_wrap .sec_01 li:nth-child(2) { margin: 0 0 0 40px; font-size: 36px; font-weight: 700; }
#inquiry_wrap .sec_01 li:last-child { margin: 0 0 0 40px; }

#inquiry_wrap .sec_02 p { margin: 0 0 40px 0; text-align: center; }
#inquiry_wrap .sec_02 dl { display: flex; margin: 30px auto 0 auto; width: 90%; max-width: 820px; }
#inquiry_wrap .sec_02 dt { width: 230px; padding: 0 0 0 50px; background: url(images/inquiry_01.png) no-repeat left top 5px; }
#inquiry_wrap .sec_02 .no_tag { background: none; }
#inquiry_wrap .sec_02 .no_cell { background: none; }
#inquiry_wrap .sec_02 dd { flex: 1; }
#inquiry_wrap .sec_02 .cmn_form { padding: 10px 15px; width: 100%; border-radius: 3px; border: 1px solid #9E9E9E; background: #fff; }
#inquiry_wrap .sec_02 .gap { padding: 0 0 0 30px; }
#inquiry_wrap .sec_02 .gap a { text-decoration: underline; }
#inquiry_wrap .sec_02 textarea { padding: 10px 15px; width: 100%; height: 190px; border-radius: 3px; border: 1px solid #9E9E9E; background: #fff; }
#inquiry_wrap .sec_02 input[type="checkbox"] { -webkit-appearance: none; appearance: none; width: 21px; height: 21px; border-radius: 3px; background: #fff; border: 1px solid #9E9E9E; vertical-align: middle; position: relative; cursor: pointer; outline: none; }
#inquiry_wrap .sec_02 input[type="checkbox"]:checked { background: #00A2D9; border-color: #00A2D9; }
#inquiry_wrap .sec_02 input[type="checkbox"]:checked::after { content: ""; position: absolute; left: 5px; top: 0px; width: 8px; height: 14px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); box-sizing: border-box; }
#inquiry_wrap .sec_02 input[type="radio"] { -webkit-appearance: none; appearance: none; width: 19px; height: 19px; border-radius: 50%; background: #fff; border: 1px solid #9E9E9E; cursor: pointer; position: relative; vertical-align: middle; outline: none; }
#inquiry_wrap .sec_02 input[type="radio"]:checked::after { content: ""; position: absolute; left: 4px; top: 4px; width: 9px; height: 9px; background: #00A2D9; border-radius: 50%; }
#inquiry_wrap .sec_02 .custom-submit { display: block; margin: 0; width: 299px; height: 56px; background: url(images/inquiry_02.png) no-repeat center left; background-size: contain; border: none; text-indent: -9999px; cursor: pointer; appearance: none; -webkit-appearance: none; }
#inquiry_wrap .sec_02 .custom-submit:hover { opacity: 0.5; transition: 0.3s ease-in-out; }
}
@media screen and (max-width: 860px) {
#inquiry_wrap .com_wid { margin-bottom: 40px; padding: 30px 5%; background: #fff; }
#inquiry_wrap .com_wid h2 { margin-bottom: 25px; }

#inquiry_wrap .sec_01 h2:first-of-type + ul { margin: 0; }
#inquiry_wrap .sec_01 ul { margin: 40px 0 0 0; padding: 0 0 0 15px; border-left: solid 3px #cad0e5; }
#inquiry_wrap .sec_01 li:first-child { margin: 0 0 0 0; font-weight: 500; }
#inquiry_wrap .sec_01 li:nth-child(2) { margin: 0 0 0 0; font-size: 26px; font-weight: 700; }
#inquiry_wrap .sec_01 li:last-child { margin: 0 0 0 0; }

#inquiry_wrap .sec_02 p { margin: 0 0 40px 0; text-align: center; }
#inquiry_wrap .sec_02 dl { margin: 30px auto 0 auto; width: 90%; max-width: 820px; }
#inquiry_wrap .sec_02 dt { padding: 0 0 0 50px; min-height: 25px; background: url(images/inquiry_01.png) no-repeat left top 3px; }
#inquiry_wrap .sec_02 .no_tag { padding: 0; background: none; }
#inquiry_wrap .sec_02 .no_cell { display: none; }
#inquiry_wrap .sec_02 dd { margin: 5px 0 0 0; }
#inquiry_wrap .sec_02 .cmn_form { padding: 10px 15px; width: 100%; border-radius: 3px; border: 1px solid #9E9E9E; background: #fff; }
#inquiry_wrap .sec_02 .gap a { text-decoration: underline; }
#inquiry_wrap .sec_02 textarea { padding: 10px 15px; width: 100%; height: 190px; border-radius: 3px; border: 1px solid #9E9E9E; background: #fff; }
#inquiry_wrap .sec_02 input[type="checkbox"] { -webkit-appearance: none; appearance: none; width: 21px; height: 21px; border-radius: 3px; background: #fff; border: 1px solid #9E9E9E; vertical-align: middle; position: relative; cursor: pointer; outline: none; }
#inquiry_wrap .sec_02 input[type="checkbox"]:checked { background: #00A2D9; border-color: #00A2D9; }
#inquiry_wrap .sec_02 input[type="checkbox"]:checked::after { content: ""; position: absolute; left: 5px; top: 0px; width: 8px; height: 14px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); box-sizing: border-box; }
#inquiry_wrap .sec_02 input[type="radio"] { -webkit-appearance: none; appearance: none; width: 19px; height: 19px; border-radius: 50%; background: #fff; border: 1px solid #9E9E9E; cursor: pointer; position: relative; vertical-align: middle; outline: none; }
#inquiry_wrap .sec_02 input[type="radio"]:checked::after { content: ""; position: absolute; left: 4px; top: 4px; width: 9px; height: 9px; background: #00A2D9; border-radius: 50%; }
#inquiry_wrap .sec_02 .custom-submit { display: block; margin: 0; width: 299px; height: 56px; background: url(images/inquiry_02.png) no-repeat center left; background-size: contain; border: none; text-indent: -9999px; cursor: pointer; appearance: none; -webkit-appearance: none; }
#inquiry_wrap .sec_02 .custom-submit:hover { opacity: 0.5; transition: 0.3s ease-in-out; }
}





/* プライバシーポリシーなど */
@media screen and (min-width: 861px) {
#textpage_wrap .vsl_wid { margin-top: 80px; margin-bottom: 100px; }
#textpage_wrap .box { margin: 0 0 40px 0; }
#textpage_wrap h2 { margin: 0 0 15px 0; font-size: 24px; }
#textpage_wrap ol li { margin: 0 0 0 1em; list-style-type: disc; }
#textpage_wrap .right { text-align: right; }
}
@media screen and (max-width: 860px) {
#textpage_wrap .vsl_wid { margin-top: 40px; margin-bottom: 50px; }
#textpage_wrap .box { margin: 0 0 40px 0; }
#textpage_wrap h2 { margin: 0 0 10px 0; font-size: 20px; }
#textpage_wrap ol li { margin: 0 0 0 1em; list-style-type: disc; }
#textpage_wrap .right { text-align: right; }
}






/* おしらせ-アーカイブ */
@media screen and (min-width: 861px) {
#na_wrap .vsl_wid { margin-top: 100px; margin-bottom: 60px; }
#na_wrap dl { display: flex; align-items: center; padding: 15px 0; border-bottom: solid 1px #CAD0E5; }
#na_wrap dl:hover { background: #F2F4F7; }
#na_wrap dt { display: flex; align-items: center; }
#na_wrap dt a { padding: 5px; width: 120px; font-size: 14px; text-align: center; background: #CAD0E5; }
#na_wrap dt span { margin: 0 0 0 40px; white-space: nowrap; }
#na_wrap dd { flex: 1; margin: 0 0 0 40px; }
#na_wrap dd a { font-size: 16px; }
}
@media screen and (max-width: 860px) {
#na_wrap .vsl_wid { margin-top: 40px; margin-bottom: 40px; }
#na_wrap dl { padding: 15px 0; border-bottom: solid 1px #CAD0E5; }
#na_wrap dl:hover { background: #F2F4F7; }
#na_wrap dt { display: flex; align-items: center; }
#na_wrap dt a { display: block; padding: 5px; width: 120px; font-size: 14px; text-align: center; background: #CAD0E5; }
#na_wrap dt span { margin: 0 0 0 20px; }
#na_wrap dd { margin: 10px 0 0 0; }
}
/* ページネーションの下に余白を追加 */
.pagination {
  margin-bottom: 150px !important; /* 数値はお好みで調整してください */
}





/* おしらせ-シングル */
.ns_con p { margin-bottom: 1.8em; }
.ns_con hr { margin-bottom: 1.8em; }
@media screen and (min-width: 861px) {
#ns_wrap .vsl_wid { margin-top: 100px; margin-bottom: 60px; }
#ns_wrap .vsl_wid h2 { font-size: 28px; }
#ns_wrap .ns_cat { display: flex; align-items: center; margin: 15px 0 0 0; }
#ns_wrap .ns_cat dt { padding: 5px; width: 120px; font-size: 14px; text-align: center; background: #CAD0E5; }
#ns_wrap .ns_cat dd { margin: 0 0 0 20px; font-size: 17px; }
#ns_wrap .ns_con { margin: 60px 0; }
#ns_wrap .ns_con a { text-decoration: underline; }
}
@media screen and (max-width: 860px) {
#ns_wrap .vsl_wid { margin-top: 40px; margin-bottom: 40px; }
#ns_wrap .vsl_wid h2 { font-size: 22px; }
#ns_wrap .ns_cat { display: flex; align-items: center; margin: 15px 0 0 0; }
#ns_wrap .ns_cat dt { padding: 5px; width: 120px; font-size: 13px; text-align: center; background: #CAD0E5; }
#ns_wrap .ns_cat dd { margin: 0 0 0 20px; font-size: 15px; }
#ns_wrap .ns_con { margin: 50px 0; }
#ns_wrap .ns_con a { text-decoration: underline; }
}

/* =========================================================
  #anchor_04（最近の空き状況）専用スタイル：整理済み・被りなし
  ※このままコピー＆ペーストでOK
========================================================= */

/* =========================
  土日：日付セルだけ色を付ける（#anchor_04内）
  ※PHP側で <tr class="sat"> / <tr class="sun"> が付く前提
========================= */
#anchor_04 tr.sun > th{
  background:#ff7d8a !important;
  color:#fff !important;
}
#anchor_04 tr.sat > th{
  background:#74b8ff !important;
  color:#fff !important;
}

/* =========================
  会議室タブ（上段）
  横100％・均等配置
========================= */
#anchor_04 .room-tabs{
  display:flex;
  width:100%;
  margin: 0 0 2px;              /* 月タブとくっつける */
  padding:0;
  list-style:none;
  border-bottom: 1px solid #dcdfe4;
  align-items:flex-end;
}

#anchor_04 .room-tabs .nav-item{
  flex: 1 1 0;                  /* 均等に広げる */
  margin:0;
}

#anchor_04 .room-tabs .nav-link{
  display:block;
  width:100%;
  text-align:center;
  padding: 12px 0;
  border: 1px solid #dcdfe4;
  border-bottom: none;
  background:#cfd6e2;           /* ★ 非選択タブ：濃いめ */
  color:#111;                   /* 文字も見やすく */
  border-radius: 6px 6px 0 0;
  line-height:1.2;
  margin-bottom:-1px;           /* 下線と重ねる */
}

/* タブ同士の境目 */
#anchor_04 .room-tabs .nav-item + .nav-item .nav-link{
  border-left:none;
}

/* hover */
#anchor_04 .room-tabs .nav-link:hover{
  background:#bcc5d6;
}

/* 選択中 */
#anchor_04 .room-tabs .nav-item.active .nav-link,
#anchor_04 .room-tabs .nav-link.active{
  background:#fff;
  font-weight:600;
  color:#111;
  border-color:#dcdfe4;
}

/* =========================
  月タブ（下段）
  横一列の均等タブ
========================= */
#anchor_04 .month-tabs{
  display:flex;
  margin: 0 0 10px;
  padding:0;
  list-style:none;
  border-bottom: 1px solid #dcdfe4;
}

#anchor_04 .month-tabs .nav-item{
  flex: 1 1 0;
  margin:0;
}

#anchor_04 .month-tabs .nav-link{
  display:block;
  text-align:center;
  padding: 10px 0;
  border: 1px solid #dcdfe4;
  border-bottom:none;
  background:#cfd6e2;           /* ★ 非選択タブ：濃いめ */
  color:#111;
  border-radius: 6px 6px 0 0;
}

/* タブ同士の境目 */
#anchor_04 .month-tabs .nav-item + .nav-item .nav-link{
  border-left:none;
}

/* hover */
#anchor_04 .month-tabs .nav-link:hover{
  background:#bcc5d6;
}

/* 選択中 */
#anchor_04 .month-tabs .nav-item.active .nav-link,
#anchor_04 .month-tabs .nav-link.active{
  background:#fff;
  font-weight:600;
  color:#111;
}

/* =========================
  タブの中身：選択中だけ表示（保険）
  ※Bootstrapが効いていても邪魔しない書き方
========================= */
#anchor_04 .tab-content > .tab-pane{
  display:none;
}
#anchor_04 .tab-content > .tab-pane.active,
#anchor_04 .tab-content > .tab-pane.active.show,
#anchor_04 .tab-content > .tab-pane.in.active{
  display:block;
}

/* =========================
  表：スクロール＆基本整形
========================= */
#anchor_04 .stec-scroll{
  overflow-x:auto;
}

#anchor_04 .stec-scroll table{
  width:100%;
  table-layout: fixed;
  background:#fff;
  border-collapse: collapse;    /* ★ ここで統一（separateは使わない） */
}

/* 見出し・セル */
#anchor_04 .stec-scroll th,
#anchor_04 .stec-scroll td{
  padding: 10px 12px;
  border: 1px solid #e3e7ee;
  vertical-align: middle;
  font-size: 14px;
  white-space: nowrap;          /* 崩れ防止 */
}

/* 列幅（PHP側の class="date" / class="type" に対応） */
#anchor_04 .stec-scroll th.date{ width:61%; }
#anchor_04 .stec-scroll th.type{ width:13%; }

/* =========================
  表：状態色（#anchor_04 内で確実に当てる）
========================= */
#anchor_04 .stec-scroll table td.open{
  background:#e9f7ef;
  color:#1e6b3a;
  font-weight:600;
}
#anchor_04 .stec-scroll table td.interim{
  background:#fff3cd;
  color:#7a5a00;
  font-weight:600;
}
#anchor_04 .stec-scroll table td.reserved{
  background:#f8d7da;
  color:#8a1c22;
  font-weight:600;
}
#anchor_04 .stec-scroll table td.disable{
  background:#eef1f5;
  color:#666;
}
#anchor_04 .stec-scroll table td.tel{
  background:#dbeafe;
  color:#1e40af;
  font-weight:600;
}

/* =========================
  凡例：横並び（Bootstrap無しでもOK）
========================= */
#anchor_04 .reserveInfoIcon{
  display:flex;
  flex-wrap:wrap;               /* 画面が狭いときは折り返す */
  gap: 10px 18px;
  justify-content:flex-start;   /* 貸し会議室が左寄せ想定 */
  margin: 14px 0 0;
  padding: 0;
  list-style:none;              /* ・を消す */
}

#anchor_04 .reserveInfoIcon > li{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  padding:0;
}

/* 色見本（四角）を確実に表示 */
#anchor_04 .reserveInfoIcon > li > span{
  display:inline-block;
  width:14px;
  height:14px;
  border-radius:3px;
  border:1px solid #d7dbe3;
}

/* 凡例の四角にも同じ色を当てる */
#anchor_04 .reserveInfoIcon .open{ background:#e9f7ef; }
#anchor_04 .reserveInfoIcon .interim{ background:#fff3cd; }
#anchor_04 .reserveInfoIcon .reserved{ background:#f8d7da; }
#anchor_04 .reserveInfoIcon .disable{ background:#eef1f5; }
#anchor_04 .reserveInfoIcon .tel{ background:#dbeafe; }

/* =========================
  スマホ：被り防止・列幅再配分・記号表示
  #anchor_04 専用
========================= */
@media (max-width: 768px){

  /* セル基本調整 */
  #anchor_04 .stec-scroll th,
  #anchor_04 .stec-scroll td{
    padding: 6px 6px;
    font-size: 12px;
    line-height: 1.2;
  }

  /* 列幅：日付を狭く、時間帯を広く */
  #anchor_04 .stec-scroll th.date{ width: 44%; }
  #anchor_04 .stec-scroll th.type{ width: 18.6%; }

  /* 日付は折り返しOK */
  #anchor_04 .stec-scroll th{
    white-space: normal;
  }

  /* 状態セルは記号表示（元の文字は消す） */
  #anchor_04 .stec-scroll td{
    white-space: nowrap;
    text-align: center;
    font-weight: 700;
    font-size: 0;               /* 文字を消して ::before を表示 */
  }

  #anchor_04 .stec-scroll td.open::before{
    content: "◯";
    font-size: 12px;
  }
  #anchor_04 .stec-scroll td.interim::before{
    content: "△";
    font-size: 12px;
  }
  #anchor_04 .stec-scroll td.reserved::before{
    content: "×";
    font-size: 12px;
  }
  #anchor_04 .stec-scroll td.disable::before{
    content: "－";
    font-size: 12px;
  }
  #anchor_04 .stec-scroll td.tel::before{
    content: "TEL";
    font-size: 11px;
  }
}


/* ショップ一覧の画像サイズを強力に固定 */
#sa_wrap .sec_link li img {
    width: 100% !important;
    height: 265px !important; /* PCでの高さを265pxに強制固定 */
    min-height: 265px !important; /* 小さい画像でも無理やり広げる */
    object-fit: cover !important; /* 切り抜き */
    display: block !important;
}

/* スマホ用の設定 */
@media screen and (max-width: 860px) {
    #sa_wrap .sec_link li img {
        height: 150px !important;
        min-height: 150px !important;
    }
}

#sa_wrap .sec_link li .shop_img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 比率を維持したまま枠いっぱいに表示 */
}


/* =================================================
   モーダルウィンドウ：全体スクロール設定
================================================= */

/* --- ① モーダル本体（背景） --- */
.modal {
display: none;       /* 初期状態は非表示 */
position: fixed;     /* 画面に固定 */
inset: 0;            /* top, right, bottom, left すべて0 */
width: 100%;
height: 100%;
background: rgba(1, 18, 80, 0.48); /* 背景の半透明色 */
z-index: 999999 !important; /* 最前面に表示 */
overflow-y: auto;    /* 内部ではなく画面全体でスクロール */
padding: 100px 0;    /* 上下の余白 */
box-sizing: border-box;
}

/* 開いている時だけ表示 */
.modal.is-open {
display: block;
}

/* --- ② モーダルの中身（白い箱） --- */
.modal .modal-content {
background: #fff;
margin: 0 auto;      /* 左右中央配置 */
width: 90%;
max-width: 1000px;
position: relative;  /* 閉じるボタンの基準 */
height: auto;        /* コンテンツ量に合わせて伸びる */
max-height: none;    /* 高さ制限を解除（内部スクロールさせない） */
overflow: visible;   /* 内部スクロールを無効化 */
box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.55);
padding: 20px;       /* 内側の余白 */
padding-bottom: 100px !important; /* 下部の大きな余白（強制適用） */
border-radius: 10px;
box-sizing: border-box;
}

/* --- ③ 閉じるボタン（×ボタン）を右上に固定 --- */
.modal .close {
position: absolute !important;
top: 20px !important;
right: 20px !important;
left: auto !important;
cursor: pointer;
display: block !important;
z-index: 10;
}

/* --- ④ スマホ用の調整 --- */
@media screen and (max-width: 860px) {
.modal {
padding: 50px 0; /* 上端からの距離を縮める */
}
.modal .modal-content {
width: 95%;
padding-bottom: 40px !important; /* スマホ時は余白を調整 */
}
}

/* --- ⑤ モーダル表示中の他要素制御 --- */
/* フッター固定ボタンなどを隠す */
body.is-modal-open .footer-fixed,
body.is-modal-open .footer-btn,
body.is-modal-open .fixed-footer,
body.is-modal-open #footer-fixed,
body.is-modal-open #footer_btn,
body.is-modal-open #sp_fixed_btn,
body.is-modal-open .stcmn-container {
display: none !important;
pointer-events: none !important;
}

/* single-shop：紹介/その他の段落の余白を戻す */
#ss_wrap .sec_02 dd p{
  margin: 0 0 1em;
}
#ss_wrap .sec_02 dd p:last-child{
  margin-bottom: 0;
}

/* 店舗詳細：見出しを必ず太字にする */
#ss_wrap .sec_01 .right h3{
  font-weight: 700 !important;
}

/* モーダル内：上（写真ブロック）と下（営業時間）の間を詰める */
.modal .box .sec_01 {
  margin-bottom: 12px !important;
}

.modal .box .sec_02 {
  margin-top: 0 !important;
}

/* 店舗詳細（通常ページ）：見出し周りの余白を整える */
#ss_wrap .sec_01 dl{
  margin: 0 0 6px !important;   /* フロア/ジャンル(dl)の下を少しだけ */
}

#ss_wrap .sec_01 .right h3{
  margin: 0 !important;         /* 見出しの上下余白をリセット */
  font-weight: 700 !important;  /* 太字（strongが無効でも確実） */
}
/* 店舗詳細（通常ページ）：写真ブロックと営業時間ブロックの間を詰める */
#ss_wrap .box .sec_01{
  margin-bottom: 12px !important;
}

#ss_wrap .box .sec_02{
  margin-top: 0 !important;
}

#ss_wrap .box .sec_02 dl:first-child{
  margin-top: 0 !important;
}

/* モーダル内：メイン画像の左端を、営業時間の文字開始位置に合わせる */
.modal #ss_wrap .shop-main-img-box{
  padding-left: 20px !important;
  box-sizing: border-box;
}

.modal #ss_wrap .shop-main-img{
  display: block;
  width: 100%;
  height: auto;
}

/* モーダル内：本文のリンクは通常から青 */
.modal #ss_wrap .sec_02 dd a{
  color: #1a73e8 !important;
  text-decoration: underline;
}

/* ホバーでも少し濃く（任意） */
.modal #ss_wrap .sec_02 dd a:hover{
  color: #0b57d0 !important;
}

/* 店舗プレビュー：メイン画像の左端を、営業時間の文字開始位置に合わせる */
#ss_wrap .shop-main-img-box{
  padding-left: 20px !important;
  box-sizing: border-box;
}

#ss_wrap .shop-main-img{
  display: block;
  width: 100%;
  height: auto;
}

/* このページ（#ss_wrap）のリンクだけ、通常で青にする */
#ss_wrap a{
  color:#1a73e8 !important;
  text-decoration: underline;
}

/* 訪問済みも同じ青（紫にしない） */
#ss_wrap a:visited{
  color:#1a73e8 !important;
}

/* ホバーは少し濃く（任意） */
#ss_wrap a:hover{
  color:#0b57d0 !important;
}