@media screen and (min-width: 751px) {
.lightbox,
.lightboxOverlay{min-width: var(--site_size);}

.under header:not(.fixed) .nav_list>li>a, .under header:not(.fixed) .nav_list>li>.sub_btn, .under header:not(.fixed) .nav_list>li:not(:last-child):after {color: var(--txt);}
.under header:not(.fixed) .nav_list>li:hover>a,.under header:not(.fixed) .nav_list>li:hover>span{color:var(--mcolor);text-decoration: none;}
.under_anchor_list ul li a:hover {color: var(--mcolor);}
	

.under_btn a:not([target="_blank"]):hover {background-color: var(--mcolor);}
.under_main_box.bg_green .under_btn a:hover {background-color: #fff;color: var(--txt);}
.under_main_box.bg_green .under_btn a:hover:after {border-color: var(--txt);}

.under_bnr li a:hover .txt {background: rgb(0 83 29 / 90%);color: #fff;}
.under_bnr li a:hover .en {color: #fff;}
.staff_item_img:hover {filter: grayscale(0%);}
.g_item:hover { filter: grayscale(0%); transform: scale(1.02); z-index: 10; box-shadow: 0 20px 40px rgba(0,0,0,0.2);}
.works_photo_thumb.slick-initialized .slick-slide:hover img {opacity: 1;}
.works_photo_thumb .slick-dots li:hover button {background: var(--mcolor);}
.navigation-box ul li a:hover {background-color: #fff;}
.under main .dtl .link:hover {color: #fff!important;}
.blog_list li a:hover .more {background: var(--txt);}
.staff_item_btn:hover {color: var(--red);border-color: var(--red)}
	
.voice_thumb_item:hover img {opacity: 1;}
	.voice_clip .slick-arrow:hover {background-color: var(--mcolor);}

/* HOVER */
.under main #topic_path li a:hover{text-decoration:underline}
.under main a[data-lightbox]:hover,
.under main .bnn a:hover, .staff_anchor_item a:hover, .popup_close:hover{opacity: 0.7;}

.under main .ovn_content p a:not([target=_blank]):hover,
.under main .link:not([target=_blank]):hover,.under main a.txt_line:not([target=_blank]):hover, .under main .blog_txt_main a:not([target=_blank]):hover{color: var(--scolor);}
.under main .list_anchor .btn.active a{background: var(--scolor);pointer-events: none;}

/* BUTTON OVN DETAIL */
.under main .btn_list {display: flex;justify-content: center;position: relative;}
.under main .btn_list .is_prev {position: absolute;top: 0;left: 150px;}
.under main .btn_list .is_next {position: absolute;top: 0;right: 150px;}

.under main .list_ovn li:nth-child(3n + 3) {margin-right: 0;}

#outline .under_main , #villa .under_main {width: 100%;}
#outline .under_btn_list .under_btn {max-width: calc((100% - 60px)/3);}
#outline #wrapper {overflow: visible;}
#outline.under main #topic_path {margin-top: -140px;}
#outline.under main #top_info {height: 540px;overflow: hidden;}
#outline.under main #top_info .inner {align-items: flex-start;}
#outline .top_info_img {height: calc(100% - 140px);align-items: flex-start;justify-content: flex-start;}
#outline .top_info_main {display: flex; flex-direction: column; justify-content: center; height: 100%;padding-top: 0;}
#outline.under main #content>.inner ,#villa.under main #content>.inner {width: 100%;padding: 0;}
#outline .under_inner, #villa .under_inner {padding: 0;}
	
	
#outline .top_info_img img { object-fit: cover; max-width: none; height: auto; }

.under .sec07_main dt { flex-shrink: 0; }
.under .sec07_main_item li { width: 140px; font-size: 14px; }
.under .sec07_main_default dd .item:before { width: 35px; }
.under .sec07_main_default dd .item { width: 140px; font-size: 14px; padding-left: 10px; margin-left: 15px;}
.under .sec07_main_default dd .item:last-child { width: 120px; margin-left: 15px; }
.under .sec07_main_default dd .item:nth-child(3),.under .sec07_main_default dd .item:nth-child(4), .under .sec07_main_default dd .item:nth-child(2) {width: 110px;}
.under .sec07_main_default dd .item:nth-child(3) { margin-left: 15px; }
.under .sec07_main_item { width: 580px; right: 20px; padding-left: 50px; }
.under .sec07_main_site dd { margin-left: 40px; }
.under .sec07_main_site dd .item { font-size: 14px; margin-left: 20px; }
.under .sec07_main_site dd .item:nth-child(2) { width: 183px; height: 55px; margin-bottom: -8px; margin-left: 10px; }
.under .sec07_main_site dd .item:nth-child(4) { margin-left: 20px; }
.under .sec07_main_site dd .item:last-child { width: 130px; font-size: 14px; margin-left: 20px; }
.under .sec07_main { margin: 50px 0 40px; }
	
	.concept-section .inner { width: 1400px; }
	.anchor_fix .voice_en {position: fixed;left: calc(50% - 635px); top: 593px;}
	.under_box_img_main { padding-top: 40px; }
}
@media screen and (min-width: 751px) and (max-width: 1800px){
.under_top_en { font-size: 9vw; bottom: -5vw; }
.under_inner { padding-right: 50px; }
.under_main_box:nth-child(2n):after {left: -70px;}
.pickup_list { margin-left: -70px; margin-right: 0; }
}
@media screen and (min-width: 751px) and (max-width: 1500px){
.top_info_main { margin-left: 50px; }
.under_anchor { width: 350px; }
.under_main { width: calc(100% - 400px); }
.under_anchor.fixed .under_anchor_main { width: 350px; }
.under_main_box:nth-child(2n):after { left: -30px; }
.pickup_list { margin-left: -30px; padding-left: 30px; }
.under_top:after {width: calc(100vw - 15px);}
}
@media screen and (min-width: 751px) and (max-width: 1400px){
.top_info_img {width: 50%;}
.under main table th, .under main table td { padding: 20px; }
.under_anchor_list ul li {font-size: 16px;}
.under_anchor_list ul { max-height: 350px; overflow: auto; }
.under_box_img .under_img { width: 300px; }
.under main .image_r { margin: 0 0 0 30px; }
.under main .image_l{margin:0 30px 0 0}
.under_col_item_ttl .img { width: 40px; height: 40px; font-size: 20px; }
.under_col_item { padding: 30px 15px; }
.f_sm_bottom { font-size: 12px; }

.under .sec07_main_item li { width: 90px; font-size: 12px; margin-left: 15px; }
.under .sec07_main_site dd { margin-left: 40px; }
.under .sec07_main_site dd .item img { width: 50px; }
.under .sec07_main_site dd .item { font-size: 13px; margin-left: 15px; width: 65px; height: 65px; }
.under .sec07_main_site dd .item:nth-child(2) { width: 165px; }
.sec07_main_site dd .item:last-child:before { width: 35px; }
.under .sec07_main_site dd .item:last-child { width: 110px; font-size: 13px; margin-left: 15px; }
.under .sec07_main_default dd .item:last-child { width: 100px; margin-left: 15px; }
.under .sec07_main_default dd .item:nth-child(3), .under .sec07_main_default dd .item:nth-child(4), .under .sec07_main_default dd .item:nth-child(2) { width: 95px; }
.under .sec07_main_default dd .item { width: 110px; font-size: 12px; padding-left: 6px; margin-left: 15px; }
.under .sec07_main dt {font-size: 16px;}
.point_box {padding: 50px 20px;}
.under .sec07_main dl { padding-left: 5px; }
.under .sec07_main_item { width: 492px; right: 5px; padding-left: 50px; }
.under .sec07_main_default dd .item:before { width: 25px; }
.perf-card {padding: 50px 20px;}
}
@media screen and (min-width: 751px) and (max-width: 1300px){
.under_top_en { font-size: 115px; bottom: -63px; }
.under_bnr .txt { padding: 20px 15px; font-size: 14px; }
.f_sm_bottom { font-size: 11px; }
.under_col_item_ttl { font-size: 16px; white-space: nowrap; }
.under_col_item { padding: 30px 10px; }
}

@media screen and (max-width: 750px) {
.under main #content{padding:0 0 80px}
.under main section{padding:0 0 50px;}

.under main .image_r,.under main .image_l{float:none;display:inline-block;width:100%;text-align:center;margin:0 auto 20px !important}
	.under main .under_img:last-child {margin: 20px 0 0!important;}
/*==========================================================
					 C U S T O M
==========================================================*/
.under:not(.noscroll) header:not(.fixed) .hamburger-inner, .under:not(.noscroll) header:not(.fixed) .hamburger-inner::after, .under:not(.noscroll) header:not(.fixed) .hamburger-inner::before {background: var(--txt);}
/*  TOP INFO  */
.under main #top_info{height:auto;margin-bottom: 40px;}
.under main #topic_path{margin-bottom:15px}
.under main #topic_path li,
.under main #topic_path li a{font-size: 14px;}
.under main #top_info .inner { display: block; }
.top_info_main { margin: 0; padding: 0; text-align: center; height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.top_info_en { font-size: 18px; margin: 0 0 10px; }
.top_info_ttl { font-size: 26px; }
.under main #top_info:after { top: 0; left: 0; height: 100%; }
.top_info_ttl .small {margin: 0;}
.top_info_img { width: 100%; height: auto;max-height: 300px; }
.under main { padding-top: 85px; }
	.f_sm_sp {font-size: 87.5%;}

/*============ HEAD TITLE ============ */
.under main h2{font-size:24px;margin-bottom: 30px;}
.under main h2 .en { line-height: 1.5em; }
.under main h2 .small { font-size: 70%;margin-top: 10px;line-height: 1.5em; }
.under main h2 .lager { margin: 0 0 15px; }
.under main h2 .en .plus { width: 20px; height: 20px; margin: 0; top: 21px; }
.under main h3,
.under main .ovn_content h3{font-size:22px;margin-bottom: 25px;}
.under main h4,
.under main .ovn_content h4{font-size:20px;}
.under main h5,
.under main .ovn_content h5{font-size:18px;margin-bottom: 20px;padding: 15px;}
.under main h6,
.under main .ovn_content h6{font-size:18px;margin-bottom: 15px;}

/*============ TABLE ============ */
.under main table{margin-bottom:30px}
.under main table td,
.under main table th{padding:15px 10px}
.under main table.tb_block tr{display:flex;flex-direction:column}
.under main table.tb_block th,
.under main table.tb_block td{width: 100%;border: none;border-bottom:1px solid rgb(54 54 54 / 40%);}

.under main table:not(:first-child) { margin-top: 30px; }
.under main table.tb_block tr>*:not(:first-child):before {display: none;}

.under main table.mailform th, .under main table th {font-size: 18px;}
.under main table.tb_small th,.under main table.tb_small td {padding: 10px;}
.under main table.tb_small th {font-size: 16px;}

/* TABLE SCROLL */
.under main .tb_scroll{overflow:scroll;}
.under main .tb_scroll:not(:last-child){margin-bottom: 30px;}
.under main .tb_scroll table{width: 800px;}
.under main .tb_note{margin-bottom: 10px;color: #999;line-height: 1.5em;}

/*============ LIST ============ */
.under main .list01,
.under main .ovn_content ul{}
.under main .list01 li,
.under main .ovn_content ul li{}
.under main .list01 li::before,
.under main .ovn_content ul li::before{}

.under main .list02,
.under main .ovn_content ol{}
.under main .list02 li,
.under main .ovn_content ol li{}
.under main .list02 li::before,
.under main .ovn_content ol li::before{}

.under main .list_check{}
.under main .list_check li{}

/* LIST FAQ */
.under main .list_faq dl{margin-bottom: 30px; padding: 15px}
.under main .list_faq dt span{top:3px;}
.under main .list_faq dt{font-size: 16px;min-height: 50px;padding-bottom: 3px;}

/* List STEP */
.under main .list_step dl{margin-bottom: 20px;padding-bottom: 40px}

/*============ FRAME ============ */
.under main .frame01{padding:30px 15px}

.under main .frame02{padding:30px 15px}

.under main .frame_pick{padding:30px 15px}


/* ============ ORTHER ============ */
.under main .box_map{height:250px}


/* ===========  OVERNOTE ===========  */
.under main .list_ovn {justify-content: space-between;}
.under main .list_ovn li {width: calc((100% - 20px) / 2);margin: 0 0 20px 0}
.under main .list_ovn li .cate {font-size: 14px;}
.under main .list_ovn .info_box .cate {padding: 3px 15px 2px;}

.under main .btn_list {display: flex;margin: 0 auto;flex-direction: column;align-items: center;}
.under main .btn_list li:not(:last-child) {margin-bottom: 20px;}


.under_top { padding: 40px 15px; margin-bottom: 100px; }
.under_top_en { font-size: 9vw; min-width: 100vw; bottom: -5vw; }
.under_top:after { bottom: -60px; }
.under_inner { display: block; }
.under_anchor { width: 100%; margin: 0 0 40px; }
.under_anchor_main { position: relative; padding: 30px 0; }
.under_anchor_main:after { right: -15px; }
.under_anchor_ttl { font-size: 24px; }
.under_anchor_list ul li { font-size: 16px; }
.under_anchor_list ul li a { padding: 12px 5px 12px 20px; }
.under_anchor_list ul li a:before { top: 21px; }
.under_anchor.fixed .under_anchor_main { position: relative; top: 0; width: 100%; }

.under_main { width: 100%; }
.under_main_box { margin: 0 0 60px; }
.under_main_box:nth-child(2n):after { left: -15px; }
.under_main_box:nth-child(2n) { padding: 60px 0; }
.under_box_img { display: block; }

.pickup_list { margin: 0 -15px; padding: 30px 15px 0; }
.pickup_list_item { display: block; }
.pickup_list_item_main { width: 100%; margin: 0 0 20px; }
.pickup_list_item_main:last-child {margin-bottom: 0;}
.pickup_list_item_num { font-size: 18px; width: 140px; margin-bottom: 10px; }
.pickup_list_item_ttl { font-size: 17px; padding: 0 0 15px; }
.pickup_list:after {height: 200px;}

.under_btn_list .under_btn, .under_btn { width: 100%; margin: 0 auto 10px;max-width: 400px; }
.under_btn_list.col2 .under_btn { width: 48%; max-width: 400px; }
.under_btn a {font-size: 16px;}
.under_bnr li { width: 100%; margin: 0 0 20px;font-size: 14px; }
.under_bnr li:last-child {margin-bottom: 0;}
.under_bnr li a { height: auto; padding: 15px;min-height: 300px; }
.under_bnr .txt {padding: 25px 15px;}
.under_col_item { width: 100%; }

.under main .voice_item h4 .num::before { left: -10px; font-size: 80px; }
.voice_en { font-size: 16vw; right: 0; left: auto; top:0;position: relative;text-align: right;}
.staff_comment { padding: 30px 15px; margin-bottom: 50px;}

.staff_comment_ttl { font-size: 15px; margin: 0 0 10px; }
.supervisor_box { display: block; padding: 30px 15px; }
.supervisor_img { margin: 0 auto 20px; }
.point_box { padding: 50px 15px; }
.point_box_title {font-size: 20px;}
.under_main_box.outline_box1:after {background-attachment: scroll;min-width: 100vw;}
.history_list li span { font-size: 100%; flex: 0 0 110px; }

.gallery_grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 150px; }
.g_item_1, .g_item_5, .g-item_6 { grid-column: span 2; }

.staff_item { width: 100%;display: block;margin: 0 0 40px; }
.staff_item:last-child {margin-bottom: 0;}
.staff_item_ttl {font-size: 18px;}
.staff_item_info { width: 100%; text-align: center; margin: 0 0 20px; }
.staff_item_btn { max-width: 300px; margin: 0 auto; }
.staff_video iframe { height: auto; aspect-ratio: 16/9;}

.works_photo_thumb .slick-dots li { width: 10px; margin: 0 3px; }
.works_photo_thumb .slick-dots {margin: 0 10px}
.navigation-box ul li { width: calc((100% - 10px) / 2); }
.navigation-box ul li a { display: block; height: 100%; padding-bottom: 30px;font-size: 14px;line-height: 1.5em;}
.img-left, .img-right { margin: 0 auto 10px; }

.blog_list li { width: 100%; margin: 0 0 20px; }
.blog_list li .pic { width: 100px; }
.blog_txt {font-size: 14px; max-height: 100px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.villa_item { width: 100%; }
.villa_item_ttl {font-size: 18px;}

.outline_item .voice_en { font-size: 13vw; }
.works_photo_main.slick-initialized .slick-slide .img {height: 300px;}

.concept-grid { flex-direction: column; gap: 60px; }
.concept-img-accent { display: none; }
.concept-text { display: block;}
.under main .vertical-title { writing-mode: horizontal-tb; font-size: 2.4rem; letter-spacing: 0.1em; text-align: center; margin: 0 0 20px 10px;text-indent: 0; }
.concept-desc { padding-top: 0; text-align: center;}
.philosophy-en {margin-bottom: 40px;}

.under main .philosophy-content h3 { font-size: 2rem; }
.under main .concept-desc h3 {font-size: 1rem;margin-bottom: 20px;}

.message-body { flex-direction: column; gap: 50px; }
.ceo-profile { position: static; width: 100%; max-width: 300px; margin: 0 auto; text-align: center; }

.vr-wrap { aspect-ratio: 16/9; }

.under main .company-table th, .under main .company-table td { display: block; width: 100%; padding: 15px 10px; border: none;}
.under main .company-table td { border-bottom: 1px solid rgba(255,255,255,0.1);padding: 15px 10px;}
.under main .company-table tr:first-child th, .under main .company-table tr:first-child td { border-top: none; }
.history-list li { flex-direction: column; }
.history-list li span { margin-bottom: 5px; }

.watermark-bg {width: 100%;text-align: center;top: 3%;}
.under main .section-pad {padding: 60px 0;}
#outline.under main #content>.inner ,#villa.under main #content>.inner {padding: 0;}
.quote-mark { left: auto; right: calc(50% + 77px); font-size: 7rem; top: -35px; }
.message-header {margin: 0;}
.philosophy-bg { background-attachment: scroll; }
.under main .philosophy-section {padding: 120px 0;}
.under main .profile-section {padding: 60px 0!important;}
.under_main_box.knowledge_bg1:after {min-width: calc(100vw + 30px);}
.under_main_box.knowledge_bg1 {padding: 60px 15px;}

#villa .top_info_img {max-height: 100%;}
#villa .top_info_main {height: 100%;padding: 30px 10px;}
#villa.under .top_info_ttl {font-size: 34px;margin-bottom: 20px;}
#villa .top_info_main p:not([class]) { font-size: 16px; }
#villa.under .top_info_en { font-size: 18px; margin: 0 0 20px; }
.scroll-down::after { height: 40px; }
.scroll-down { bottom: 20px; }
#villa main #top_info {margin: 0;}

.under main .concept-hero { padding: 60px 15px; }
.concept-main-wrap { display: block;text-align: center;}
.vertical-catch-main { writing-mode: horizontal-tb; font-size: 2rem; }
.bg-vertical-text { display: none; }

.edge-row, .edge-row:nth-child(even) { flex-direction: column; min-height: auto; }
.edge-img-wrap, .edge-text-wrap { width: 100%; }
.edge-img { aspect-ratio: 4/3; min-height: auto; }
.edge-text-inner { padding: 60px 15px; text-align: center; }
.side-vertical-accent, .edge-row:nth-child(even) .side-vertical-accent { display: none; }

.perf-cards { grid-template-columns: 1fr; gap: 40px; }
.rooms-grid { grid-template-columns: 1fr; }
.link-cards { grid-template-columns: 1fr; }
.under main .lp-cta-area { padding: 60px 15px!important; }

.under main .edge-section h2 {font-size: 8vw!important;margin-bottom: 0!important;}
.under main .edge-section>.inner  {padding: 60px 0!important;}
.perf-card i { font-size: 8rem; }
.under main .lp-cta-area h2 {font-size: 6vw!important;}
.under main .lp-cta-area p {font-size: 16px!important;}
.perf-card {padding: 35px 15px;}
.edge-text-inner p, .concept-text-box p {font-size: 16px;}
.under .sec06_info_item li {height: auto;}
.under main h4 .num { left: -10px; font-size: 8rem; top: -30px; }

.rooms-intro {margin-bottom: 50px;}
.btn-gold {padding: 25px;}
.recruit-banner-wrapper {margin-top: 50px;}
.banner-content{padding:50px 20px}
.title-en{font-size:1rem;margin:0 0 10px}
.title-ja{font-size:13px;margin-bottom:20px;line-height:1.5em}
.recruit-lead{margin-bottom:30px}
.recruit-features{flex-direction:column;gap:20px;margin-bottom:30px}
.feature-card{padding:30px 25px}
.btn-recruit{width:100%;box-sizing:border-box;padding:16px 0}
.recruit-section { padding: 0; background-attachment: scroll; }

.staff_anchor_item { width: calc((100% - 40px) / 3); margin: 0 20px 30px 0;line-height: 1.5em;font-size: 14px; }
.staff_anchor_item:nth-child(5n) {margin-right: 20px;}
.staff_anchor_item:nth-child(3n) {margin-right: 0!important;}
.staff_item:nth-child(n+3) {margin-top: 0;}
.staff_anchor_item .en { font-size: 65%; }
	
.under_col_item_price {font-size: 22px;}
	.message-content h3 { padding-left: 20px; }
	.popup { padding: 20px; }
	.popup_main { width: 100%; height: calc(100%); padding: 30px 15px; }
	.under .popup_main p {font-size: 14px;}
	.popup_close { right: 7px; top: 3px; font-size: 24px; }
	
	.voice_clip_item_video {width: 100%;height: 60vw;}

}


/* IPHONE 14 */
@media screen and (max-width: 440px) {
/*============ ORTHER ============ */
/*============ OVERNOTES ============ */
.under main .list_ovn li {width: 100%;}
.under main .list_ovn li:last-child {margin-bottom: 0;}

.staff_item:last-child {margin-bottom: 0;}

.under main .philosophy-content h3 { font-size: 1.6rem; margin-bottom: 30px; }
.btn-gold { padding: 25px 15px;width: 100%;font-size: 1.2rem;}
.under main h2 .en { line-height: 1.5em; font-size: 3vw; margin: 0 0 1vw; }
	#outline .under_top p:not([class]):nth-last-child(2) {font-size: 3.8vw;white-space: nowrap;}
	.point_box_title { font-size: 4.4vw; }
	.under main h3, .under main .ovn_content h3 {font-size: 4.7vw;}
	#staff main .under_box_img_main h4 {font-size: 4.6vw;}
	.under main .concept-desc h3, .title-en {font-size: 4vw;}
	.under_top p:not([class]) { font-size: 3.8vw; }
	.under main h2 .lager { font-size: 9vw; }
	.under main h2 .en .plus { width: 4vw; height: 4vw; margin: 0; top: 2vw; }
	.under_anchor_list ul li { font-size: 14px; }
	.under_anchor_list ul li a:before { top: 19px; }
	.under main h5, .under main .ovn_content h5 { font-size: 4.8vw; padding: 2vw; }
}


/* IPHONE 6 */
@media screen and (max-width: 360px) {
.under_bnr li {font-size: 12px;}
.under_bnr li a {min-height: 250px;}
.under main h2 {font-size: 20px;}
#villa.under .top_info_ttl {font-size: 30px;}
.staff_anchor_item { font-size: 11px;width: calc((100% - 20px) / 3); margin: 0 10px 30px 0; }
.staff_anchor_item .en { font-size: 70%; }
.staff_anchor_item:nth-child(5n) {margin-right: 10px;}
.under main table.mailform th, .under main table th {font-size: 16px;}
.under .sec06_info_item li .img {width: 50px;padding-right: 10px;}
}