@charset "utf-8";

@media (max-width: 1920px) {
	.sub-title .title h2 {font-size:4.75vw;}
}

@media (max-width: 1600px) {
	:root {
		--font-size-92: 76px;
		--font-size-90: 75px;
		--font-size-64: 54px;
		--font-size-56: 46px;
		--font-size-52: 44px;
		--font-size-32: 26px;
		--font-size-28: 24px;
		--font-size-26: 22px;
		--font-size-24: 20px;
		--font-size-22: 18px;
		--font-size-21: 18px;
		--font-size-20: 17px;
		--font-size-18: 15px;
	}

	/* header */
	#wrapper {padding:0 50px;}
	#header {padding:40px 0;}
	.sitelogo img {height:60px;}

	/* sub */
	.sub-title {padding:110px 0 80px}
	.sub-title.pd {padding:110px 0 160px;}

	/* footer */
	#footer {margin-top:160px;}

	/* content */
	.main .aside {top:140px;}

	.about-top {height: calc(100vh - 140px); margin-bottom:80px;}
	.about-top img {width:44%;}

	.sub-section {margin-bottom:160px;}
	.sub-section.st2 {margin-bottom:200px;}

	.project-list ul {gap:85px 40px;}

	.project-view .prj-info {padding:70px 0 120px;}

	.contact-area {gap:85px 40px;}
	.contact-area .tit {height: 82px;}

	.studio-content .imgs {gap:65px 40px;}

	.studio-contact .info-area dt {min-width:150px;}

	.rental-info .group {margin-bottom:120px;}

	.reservation-contact {margin:-30px 0 120px;}
}

/* Landscape tablet */
@media (max-width: 1024px) {
	:root {
		--font-size-92: 66px;
		--font-size-90: 50px;
		--font-size-64: 48px;
		--font-size-56: 42px;
		--font-size-52: 40px;
		--font-size-32: 26px;
		--font-size-28: 22px;
		--font-size-26: 20px;
		--font-size-24: 18px;
		--font-size-22: 17px;
		--font-size-21: 17px;
		--font-size-20: 16px;
		--font-size-18: 14px;
	}

	/* header */
	#wrapper {padding:0 40px;}
	#header {padding:30px 0;}
	.sitelogo img {height:40px;}
	.sitelogo.ject a {padding-left:.6em;}
	#gnb {display:none;}
	.btn-m-menu {display:block;}

	/* main */
	.main {gap:0 30px;}
	.main .row {gap:70px 30px;}
	.main .link .thumb {margin-bottom:15px;}

	/* content */
	.main .aside {top:100px;}

	.sub-section {gap:0 30px; margin-bottom:120px;}
	.sub-section.st2 {margin-bottom:200px;}

	.service-area {gap:120px 30px;}

	.project-list ul {gap:65px 30px;}
	.project-list ul li .thumb {margin-bottom:15px;}

	.project-view .prj-info {padding:50px 0 100px;}

	.studio-contact .info-area .doc-tit {margin-bottom:60px;}

	.studio-contact .info-area {grid-column: 1 / 4;}
	.studio-contact .info-area dl {margin-right:0;}
	.studio-contact .info-area dt {min-width:120px; margin-top:0px;}

	.rental-info .group {margin-bottom:100px;}

	.studio-content .imgs {gap:50px 30px;}

	.bottom-banner {height:450px;}
	.bottom-banner .img {margin-bottom:25px; margin-top:10px;}
	.bottom-banner p {margin-bottom:50px;}
	.bottom-banner .btn {font-size:16px; width:250px; height:60px;}

	.reservation-top {padding-bottom:70px;}
	.reservation-top button {margin-top:11px;}

} 

/* portrait tablet */
@media (max-width: 900px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}

	/* content */
	.about-top {max-height:450px;}

	.sub-section {display:block;}
	.sub-section .title {margin-bottom:50px;}

	.studio-hero {display:block;}
	.studio-hero .img {margin-bottom:40px;}

	.reservation-event {display:block;}

} 

/* Landscape phone */
@media (max-width: 640px) {
	:root {
		--font-size-92: 32px;
		--font-size-90: 32px;
		--font-size-64: 32px;
		--font-size-56: 28px;
		--font-size-52: 26px;
		--font-size-32: 18px;
		--font-size-28: 18px;
		--font-size-26: 17px;
		--font-size-24: 16px;
		--font-size-22: 14px;
		--font-size-21: 14px;
		--font-size-20: 12px;
		--font-size-18: 12px;
	}

	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	

	/* header */
	#wrapper {padding:0 16px;}
	#header {height:70px; padding:0 16px; margin:0 -16px; align-items:center;}
	.sitelogo img {height:28px;}
	.btn-m-menu {font-size:20px; margin-top:-2px; right:16px;}

	.mobile-navigation .nav-menu {font-size:50px; padding:100px 16px;}
	.mobile-navigation .copyright {bottom:16px; left:16px;}


	/* main */
	.main {grid-template-columns:unset; margin:0 -16px;}
	.main .row {grid-template-columns:unset; gap:50px 0;}
	.main .col {grid-column:unset !important;}
	.main .link .thumb {margin-bottom:12px;}
	.main .link .cnt {padding:0 16px;}
	.main .mo-hide {display:none;}

	.main .aside {position:fixed; top:auto !important; bottom:0; left:0; width:100%; z-index:50;}
	.main .aside [data-aos] {transition:none; transform:none;}

	.float-bnr img {width:100%;}
	/*.float-bnr .tit {position:absolute; bottom:auto; left:auto; top:50%; right:16px; font-size:12px; line-height:16px; margin-top:-8px; display:flex; align-items:center; justify-content:space-between;} */
	.float-bnr .tit {display:none;}
	.float-bnr .tit:after {content:""; margin-left:6px; width:15px; height:10px;}

	/* sub */
	.sub-title {padding:40px 0 35px;} 
	.sub-title .title h2 {font-size: var(--font-size-90); line-height:1.1em;}
	.sub-title .lnb {width:210px; padding:16px;}
	.sub-title.has-menu .title {display:flex; position:relative;}
	.sub-title.has-menu .title:after {margin:15px 0 0 10px; width:14px; height:14px;}
	.sub-title.has-menu.active .lnb {display:block;}
	.sub-title.st2 .lnb {width:160px;}
	.sub-title.pd {padding:40px 0 55px;}

	/* footer */
	#footer {margin-top:80px; padding:16px 0;}
	.foot-logo {margin-bottom:15px;}
	.foot-info .sns {font-size:13px;}
	.foot-info .sns img {width:11px; margin-right:4px; vertical-align:middle;}
	.foot-info .copyright {display:none;}

	/* content */
	.sub-section {margin-bottom:70px;}
	.sub-section.st2 {margin-bottom:150px;}

	.about-top {max-height:275px; margin-bottom:30px;}
	.about-top .back {background-image:url("../images/sub/box_bg_m.jpg")}
	.about-top img {width:82%; max-width:230px;}

	.about-cnt {font-size:14px;}
	.about-cnt .mo-hide {display:none;}

	.service-area {grid-template-columns:unset; gap:35px 0;}
	.service-area .tit h3 {font-size:12px;}
	.service-area .list {padding-top:15px;}

	.post-info {font-size:14px; margin-bottom:12px;}

	.project-list ul {grid-template-columns:unset; gap:50px 0;}
	.project-list ul li .thumb {margin-bottom:12px;}

	.project-view .prj-hero {margin:0 -16px;}
	.project-view .prj-info {padding:30px 0 45px;}
	.project-view .prj-info .txt1 {margin-top:10px;}
	.project-view .prj-info .txt3 {margin-top:15px;}
	.project-view .prj-cnt {line-height:1.5em;}

	.contact-area {grid-template-columns:unset; gap:40px 0;}
	.contact-area .tit {height:auto; padding-bottom:8px; margin-top:0;}
	.contact-area .list {font-size:13px; padding-top:15px;}
	.contact-area .list dt {min-width:140px; margin-right:20px;}

	.office-area {border-top:0; margin-top:0; padding-top:0; font-size:13px;}

	.bottom-banner {height:280px; background-image:url("../images/sub/box_bg_m.jpg");}
	.bottom-banner .inner {padding:16px;}
	.bottom-banner .img {margin-bottom:10px;}
	.bottom-banner .img svg {width:90%;}
	.bottom-banner p {font-size:13px; margin:0 2em 30px;}
	.bottom-banner .btn {font-size:13px; width:200px; height:48px;}

	.studio-hero {margin-bottom:50px;}
	.studio-hero .img {margin:0 -16px 20px;}
	.studio-hero .cnt {font-size:13px;}

	.studio-content {margin-bottom:45px;}
	.studio-content .doc-tit {margin-bottom:10px;}
	.studio-content .imgs {grid-template-columns:unset; gap:15px 0;}
	.studio-content .img {grid-column:unset !important;}

	.studio-contact {margin-top:70px; grid-template-columns:unset; gap:50px 0;}
	.studio-contact .info-area {grid-column:unset;}
	.studio-contact .info-area .doc-tit {margin-bottom:35px;}
	.studio-contact .info-area dl {font-size:12px; line-height:1.583em;}
	.studio-contact .info-area dl.mgb {margin-bottom:17px;}
	.studio-contact .info-area dt {min-width:33%; font-size:13px;}
	.studio-contact .map-area {grid-column:unset;}

	.rental-info-txt {margin-top:10px;}

	.rental-info {position:relative;}
	.rental-info .group {margin-bottom:0;}
	.rental-info .group:nth-child(2) h3 {position:absolute; top:0; left:50%;}
	.rental-info .group.active h3 {color:#000; border-bottom-color:#000;}
	.rental-info .group.active .list {display:block;}
	.rental-info h3 {width:50%; text-align:center; margin:0; padding-bottom:8px; color:rgba(0,0,0,.5); border-bottom:1px solid #ccc;}
	.rental-info .list {display:none; padding-top:25px; font-size:14px; border-top:0;} 
	.rental-info .list dl {margin-bottom:20px;}
	.rental-info .list dd .sm {display:block; font-size:12px; font-weight:600; line-height:1.45em; color:#808080; margin-top:2px;}
	.rental-info .list dd {font-size:17px; margin-top:6px;}
	.rental-info .list dd .sm1 {display:block; font-size:12px; font-weight:600; line-height:1.45em; color:#000; margin-top:0px;}


	.rental-equipment-txt {margin-top:10px; font-size:12px;}
	.rental-equipment table th {width:auto; font-size:14px; padding-bottom:8px;}
	.rental-equipment table td {font-size:13px;}
	.rental-equipment table th:nth-child(2) {padding-left:5px; text-align:right;}
	.rental-equipment table td:nth-child(2) {padding-left:5px; font-size:14px; text-align:right;}
	.rental-equipment table tbody tr:first-child td {padding-top:20px;}

	.reservation-contact {margin:0 0 70px;}
	.reservation-contact dt {min-width:55px;}

	.reservation-top {border-top:1px solid #a4a4a4; padding:10px 0 16px;}
	.reservation-top select {font-size:21px; background-size:10px auto; padding-right:17px;}
	.reservation-top .help-text {font-size:10px;}
	.reservation-top button {margin-top:2px;}
	
	.fc-popover {font-size:13px !important;}
	.fc .fc-more-popover .fc-popover-body {padding:4px !important;}
	/*.fc-event {padding:6px !important;}*/

	


} 

/* Landscape phones and down */
@media (max-width: 320px) {

}