@charset "UTF-8";

/* 共通 */
.pc-none{ display: none; }
.sp-none{ display:block; }
.grecaptcha-badge { visibility: hidden; }
.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	border-bottom: 1px solid #E9E9E9;
}

body, html {
	/*height: 100%;*/
	margin:0;
	padding:0;
}

body{
	font-family: "Noto Sans JP", sans-serif;
	background: #fdffff;
    color: #5B5E5D;
    font-size:clamp(9.956px, 0.972vw, 14px); 
	-webkit-text-size-adjust: none;
	letter-spacing:0.3px;
	position:relative;
	opacity:1;/* 0 */
	word-break:break-all;
}

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li,
blockquote, pre, table, caption, th, td, address,
form, fieldset, legend, object {
  margin: 0;
  padding: 0; }

header, section, navi, footer {
  display: block; }

a, ins {
  text-decoration: none; }

address, em, cite, dfn, var {
  font-style: normal; }

input, textarea {
  font-weight: normal; }

button, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

img {
  vertical-align: baseline;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;}

a img {
  border: none; }

.aligncenter{
	display: block;
	margin: auto;
}
img.left{
	float: left;
}

h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li,
brockquote, pre, table, caption, th, td, address {
  line-height: 165%;
  letter-spacing: 0.04em;
  color: #5f6b6e; }

h1, h2, h3, h4 {
  font-weight: normal;
  letter-spacing: 0; }

a {
  color: inherit; }

li {
  list-style: none; }

a[href^="tel:"] {
  cursor: default;
  opacity: 1 !important; }
	
a:link, a:visited, a:hover, a:active {
	color:#5f6b6e;
	/*transition: all 0.3s ease-out 0s;*/
	cursor: pointer;
}
	
a:hover { text-decoration: none; }

p{ line-height:clamp(21.333px, 2.083vw, 30px); }

.cf:before,
.cf:after {
    content:""!important;
    display:table!important;
}
 
.cf:after {
    clear:both!important;
}
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }

.center{ margin:0 auto; }

.textC{ text-align: center; }

.pagenavi{ margin-bottom:clamp(42.667px, 4.167vw, 60px); }

iframe{ max-width:100%; }

.inner .wp-pagenavi{
	text-align: center;
	float: none!important;
}

/*インナー*/
.inner{
	width:clamp(711.111px, 69.444vw, 1000px);
	margin:0 auto;
}


/* font設定 */
@font-face {
  font-family: 'Noto Serif JP';
  src: url('../font/NotoSerifJP-Regular.ttf') format('truetype');
  font-weight: 400; /* Regular */
  font-style: normal;
}
@font-face {
  font-family: 'Noto Serif JP';
  src: url('../font/NotoSerifJP-Medium.ttf') format('truetype');
  font-weight: 500; /* Medium */
  font-style: normal;
}
@font-face {
  font-family: 'Noto Serif JP';
  src: url('../font/NotoSerifJP-SemiBold.ttf') format('truetype');
  font-weight: 600; /* SemiBold */
  font-style: normal;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('../font/NotoSansJP-Regular.ttf') format('truetype');
  font-weight: 400; /* Regular */
  font-style: normal;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../font/CormorantGaramond-Medium.ttf') format('truetype');
  font-weight: 500; /* Medium */
  font-style: normal;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../font/CormorantGaramond-SemiBold.ttf') format('truetype');
  font-weight: 600; /* SemiBold */
  font-style: normal;
}


@font-face {
  font-family: 'Inter';
  src: url('../font/Inter-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 100 900; /* すべての可変ウェイト */
  font-style: normal;
}



/*youtube*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
	margin-bottom:clamp(35.556px, 3.472vw, 50px);
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}	

#page .works-single .article iframe{
	width: 100%;
	height:clamp(355.556px, 34.722vw, 500px);
	margin-top:clamp(10.667px, 1.042vw, 15px);
}





/*カラム*/
.col2 li{
	float: left;
	width:48%;
	margin:0 clamp(28.444px, 2.778vw, 40px) clamp(28.444px, 2.778vw, 40px) 0;
}

.col2 li:nth-child(2n){
	margin-right:0;
}

.col3 li{
	float: left;
	width:clamp(220.444px, 21.528vw, 310px);
	margin:0 clamp(24.889px, 2.431vw, 35px) clamp(24.889px, 2.431vw, 35px) 0;
}

.col3 li:nth-child(3n) {
	margin-right:0;
}

.col4 li{
	float: left;
	width:clamp(163.556px, 15.972vw, 230px);
	margin:0 clamp(18.844px, 1.84vw, 26.5px) clamp(14.222px, 1.389vw, 20px) 0;
}

.col4 li:nth-child(4n) {
	margin-right:0;
}

.col5 li{
	float: left;
	width:clamp(128px, 12.5vw, 180px);
	margin:0 clamp(7.111px, 0.694vw, 10px) clamp(14.222px, 1.389vw, 20px) clamp(7.111px, 0.694vw, 10px);
}
.col5 li:nth-child(1) {
	margin-left:0;
}
.col5 li:nth-child(5) {
	margin-right:0;
}


/*ボタン*/
.btn a{
	max-width:clamp(327.111px, 31.944vw, 460px);
	margin: auto;
	border:1px solid #231815;/*ボーダー*/
	padding:clamp(10.667px, 1.042vw, 15px);/*ボタン余白*/
	font-size:clamp(10.667px, 1.042vw, 15px);/*フォントサイズ*/
	display: block;
	text-align: center;
	font-weight: 500;
	border-radius: 30px;
}

.btn a:hover{
	opacity: 0.8;
}

.yellow a{
	background: #E2A834;/*背景カラー*/
	border:1px solid #E2A834;/*ボーダー*/
}

.navy a{
	background: #06243F;/*背景カラー*/
	border:1px solid #06243F;/*ボーダー*/
	color:#fff;
}

.orenge a{
	background: #F07F1E;/*背景カラー*/
	border:1px solid #F07F1E;/*ボーダー*/
}

.black a{
	background: #000;/*背景カラー*/
	border:1px solid #000;/*ボーダー*/
}

.red a{
	background: #B31815;/*背景カラー*/
	border:1px solid #B31815;/*ボーダー*/
	color:#fff;
}

.green a{
	background: #67a225;/*背景カラー*/
	border: 0;
	color:#fff;
}

.gray a{
	border: 1px solid #939c9a;
	color:#939c9a!important;
}

.vectol{
	width:19%;
	margin:0 auto;
	height: auto;
}

.vectol img{
	width:100%;
	height: auto!important;
	object-fit:none!important; 
}

/*フローティング*/
.floating{
	width:clamp(39.111px, 3.819vw, 55px);/*幅*/
	top:clamp(128px, 12.5vw, 180px);/*トップからの余白*/
	position: fixed;
	right:0;
	z-index: 9999;
}

/*セクション共通*/
#index .sec:first-of-type{
	padding:clamp(14.222px, 1.389vw, 20px) 0 clamp(35.556px, 3.472vw, 50px) 0;
}
#index{
	margin-top: 0!important;
}
.sec{
	padding:clamp(35.556px, 3.472vw, 50px) 0;
}

/*個別マージン*/
.mt10{margin-top:clamp(7.111px, 0.694vw, 10px);}
.mt20{margin-top:clamp(14.222px, 1.389vw, 20px);}
.mt30{margin-top:clamp(21.333px, 2.083vw, 30px);}
.mt40{margin-top:clamp(28.444px, 2.778vw, 40px);}
.mt50{margin-top:clamp(35.556px, 3.472vw, 50px);}
.mt60{margin-top:clamp(42.667px, 4.167vw, 60px);}
.mt70{margin-top:clamp(49.778px, 4.861vw, 70px);}
.mt80{margin-top:clamp(56.889px, 5.556vw, 80px);}
.mt90{margin-top:clamp(64px, 6.25vw, 90px);}
.mt100{margin-top:clamp(71.111px, 6.944vw, 100px);}

.mb10{margin-bottom:clamp(7.111px, 0.694vw, 10px);}
.mb20{margin-bottom:clamp(14.222px, 1.389vw, 20px);}
.mb25{margin-bottom:clamp(17.778px, 1.736vw, 25px);}
.mb30{margin-bottom:clamp(21.333px, 2.083vw, 30px);}
.mb40{margin-bottom:clamp(28.444px, 2.778vw, 40px);}
.mb50{margin-bottom:clamp(35.556px, 3.472vw, 50px);}
.mb60{margin-bottom:clamp(42.667px, 4.167vw, 60px);}
.mb70{margin-bottom:clamp(49.778px, 4.861vw, 70px);}
.mb80{margin-bottom:clamp(56.889px, 5.556vw, 80px);}
.mb90{margin-bottom:clamp(64px, 6.25vw, 90px);}
.mb100{margin-bottom:clamp(71.111px, 6.944vw, 100px);}

/*個別幅*/
.width100{width:clamp(568.889px, 55.556vw, 800px);margin:0 auto;}
.width200{width:clamp(568.889px, 55.556vw, 800px);margin:0 auto;}
.width300{width:clamp(568.889px, 55.556vw, 800px);margin:0 auto;}
.width400{width:clamp(568.889px, 55.556vw, 800px);margin:0 auto;}
.width500{width:clamp(568.889px, 55.556vw, 800px);margin:0 auto;}
.width600{width:clamp(568.889px, 55.556vw, 800px);margin:0 auto;}
.width700{width:clamp(568.889px, 55.556vw, 800px);margin:0 auto;}
.width800{width:clamp(568.889px, 55.556vw, 800px);margin:0 auto;}
.width900{width:clamp(568.889px, 55.556vw, 800px);margin:0 auto;}
.width1000{width:clamp(568.889px, 55.556vw, 800px);margin:0 auto;}

#container{
	position: relative;
	overflow: hidden;
}

.w100img{
  text-align: center;
}
.w100img img{
	width: 100%;
}
.page-temp01 .w100img-p01{
	padding:clamp(21.333px, 2.083vw, 30px) 0 0 0;
}
.page-temp01 .w100img-p02{
	padding:clamp(42.667px, 4.167vw, 60px) 0 clamp(28.444px, 2.778vw, 40px) 0;
}

/* ヘッダー */
#header{
	position: relative;
}
nav{ /*background: #fdffff;*/ }

#header .logo{
  width:clamp(120.889px, 11.806vw, 170px);
	float: left;
	margin:clamp(8.533px, 0.833vw, 12px) clamp(10.667px, 1.042vw, 15px) 0 clamp(14.222px, 1.389vw, 20px);
}
#header .gNav{
	float: right;
}
#header .gNav li{
	float: left;
  padding: 1.3rem 1.3rem 1.5rem 1.25rem;
	font-size:clamp(9.244px, 0.903vw, 13px);
	font-weight: 500;
	text-align: center;
	line-height:clamp(16.356px, 1.597vw, 23px);
}
#header .gNav li a{
	color:#5f6b6e;
}
#header .gNav li img{
	width:clamp(35.556px, 3.472vw, 50px);
}
#header .gNav span{
	font-size:clamp(12.8px, 1.25vw, 18px);
	font-weight: 500;
}
#header .gNav span.red3{
	font-size:clamp(7.822px, 0.764vw, 11px);	
	color: #e62712;
}
#header .header-right{
	float: right;
	width:clamp(256px, 25vw, 360px);
}

#header li.sns{
  padding: 1.1rem 0 1rem 0!important;
}
#header li.sns-first{
  padding: 1.1rem 0 1rem 1rem!important;
}
.header-top{
	width:clamp(782.222px, 76.389vw, 1100px);
	margin: auto;
	top:0;
	width:100%;
	z-index: 99;
}
.header-top .logo{
	margin:0 clamp(21.333px, 2.083vw, 30px) 0 0;
	padding:clamp(14.222px, 1.389vw, 20px) 0 0 0;
}
.header-top .copy{
	font-size:clamp(9.6px, 0.938vw, 13.5px)!important;
	margin:clamp(22.756px, 2.222vw, 32px) 0 0 0!important;
}
.header-top .header-right{
	width: auto!important;
	padding:clamp(14.222px, 1.389vw, 20px) 0 0 0;
}
.menu {
	right:clamp(58.311px, 5.694vw, 82px);
    position: relative;
}
.menu > li {
    float: left;
    width: 25%; /* グローバルナビ4つの場合 */
    height:clamp(21.333px, 2.083vw, 30px);
    line-height:clamp(21.333px, 2.083vw, 30px);
    background: rgb(0,0,0,0.7);
}
.menu > li a {
    display: block;
    color: #000;
}
.menu > li a:hover {
    color: #999;
}
ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}
ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}
ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}
.menu > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
}
.menu__second-level li {
	width:clamp(128px, 12.5vw, 180px);
	font-size:clamp(8.533px, 0.833vw, 12px)!important;/*フォントサイズの変更*/
	padding:0 clamp(7.111px, 0.694vw, 10px) clamp(7.111px, 0.694vw, 10px) clamp(7.111px, 0.694vw, 10px)!important;/*高さ調整*/
	text-align: left!important;/*フォント寄せ*/
}
.menu__second-level li:nth-child(1){
	padding-top:clamp(7.111px, 0.694vw, 10px)!important;
}
.menu__third-level li {
	width:clamp(142.222px, 13.889vw, 200px);
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width:clamp(4.267px, 0.417vw, 6px);
    height:clamp(4.267px, 0.417vw, 6px);
    margin:0 0 0 clamp(10.667px, 1.042vw, 15px);
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}
.menu:after {
    clear: both;
}
.menu {
    *zoom: 1;
}
.menu > li.menu__single {
    position: relative;
	border:none!important;
}
li.menu__single ul.menu__second-level {
    position: absolute;
    top:clamp(42.667px, 4.167vw, 60px);
	margin-left:clamp(-20px, -1.389vw, -14.222px);
    width:clamp(106.667px, 10.417vw, 150px)!important;
    background: #FDFFFF;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	font-size:clamp(8.533px, 0.833vw, 12px)!important;
	border:none!important;
}
li.menu__single:hover ul.menu__second-level {
    top:clamp(48.356px, 4.722vw, 68px);
    visibility: visible;
    opacity: 1;
	border:none!important;
}
.menu__second-level li a:hover{
	text-decoration: underline;
}
.menu__second-level li{
	border:none!important;
}




.p30{width:clamp(213.333px, 20.833vw, 300px);margin-right:auto;margin-left:auto;}
.p40{width:clamp(284.444px, 27.778vw, 400px);margin-right:auto;margin-left:auto;}
.p50{width:clamp(355.556px, 34.722vw, 500px);margin-right:auto;margin-left:auto;}
.p60{width:clamp(426.667px, 41.667vw, 600px);margin-right:auto;margin-left:auto;}
.p70{width:clamp(497.778px, 48.611vw, 700px);margin-right:auto;margin-left:auto;}
.p80{width:clamp(568.889px, 55.556vw, 800px);margin-right:auto;margin-left:auto;}
.p90{width:clamp(640px, 62.5vw, 900px);margin-right:auto;margin-left:auto;}

/* パンクズ */

.bread{
	border-top: 1px solid #ccc;	
	border-bottom: 1px solid #ccc;	
	padding:clamp(7.111px, 0.694vw, 10px) 0;
}
.bread .breadcrumbs{
	width:clamp(711.111px, 69.444vw, 1000px);
	margin:0 auto;
}
.bread h1{
	display: inline-block;
	line-height: 1;
	font-size:clamp(9.956px, 0.972vw, 14px);
}

/* フッター */

#footer .footertop{
	padding:clamp(35.556px, 3.472vw, 50px) 0;
}

#footer .message{
	margin-bottom:clamp(28.444px, 2.778vw, 40px);
}

#footer .footermenu{
	width:clamp(199.111px, 19.444vw, 280px);
	float: left;
}

#footer .footermenu li{
	font-size:clamp(9.956px, 0.972vw, 14px);
	margin-top:clamp(3.556px, 0.347vw, 5px);
}

#footer .footerinfo{
	width:clamp(227.556px, 22.222vw, 320px);
	float: right;
}

#footer .footerinfo .sns{
	margin-top:clamp(7.111px, 0.694vw, 10px);
	margin-left:clamp(-10px, -0.694vw, -7.111px);
}

#footer .footerinfo .logo{
	width:clamp(192px, 18.75vw, 270px);
	margin-bottom:clamp(10.667px, 1.042vw, 15px);
}

#footer .card{
	margin-top:clamp(10.667px, 1.042vw, 15px);
}

#footer .copy{
	text-align: center;
	padding:clamp(17.778px, 1.736vw, 25px) 0;
}

#footer .sns li{
	float: left;
	color:#fff!important;
}

/* indexページ */


.slide{
	position: relative;
}
.metaslider .slides img {
    height: 90vh!important;
    object-fit: cover;
}
.metaslider .flexslider {
    height: 90vh;
}
.flex-control-paging li a {
    width:clamp(6.4px, 0.625vw, 9px) !important;
    height:clamp(6.4px, 0.625vw, 9px) !important;
}
#set02{
	height: 96vh;
-ms-overflow-style: none;    /* IE, Edge 対応 */
  scrollbar-width: none;       /* Firefox 対応 */
}
#set02::-webkit-scrollbar {  /* Chrome, Safari 対応 */
  display:none;
}

/*set-css*/
.set01-wrap {
  display: block;
  background: #FFF;
  position: fixed;
  z-index: 2000;
  text-align: center;
  width: 100%;
  height: 96vh;
  animation-duration: 5s;
  animation-timing-function: ease; }

.wrap-block {
  display: block !important;
  height: auto;
  overflow: auto !important; }

.z-jyun { z-index: -1; }

.animation {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.shadow-txt{
	text-align: center;
	line-height: 140%;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	color: #fff;
	font-size:clamp(39.111px, 3.819vw, 55px);
	z-index: 100;
	font-weight: bold;
	margin-bottom:clamp(7.111px, 0.694vw, 10px);	
	letter-spacing: 0.05em;
}
.shadow-txt-black{
	text-align: center;
	line-height: 140%;
	color: #000;
	font-size:clamp(39.111px, 3.819vw, 55px);
	z-index: 100;
	font-weight: bold;
	margin-bottom:clamp(7.111px, 0.694vw, 10px);	
	letter-spacing: 0.05em;
}
.effect-fade{
	opacity: 0;
	transform: translateY(-50%) translateX(-50%);
	transition: all 500ms;
	top: 50%;
	left: 50%;
	position: absolute;
	width: 100%;
}
.effect-fade.effect-scroll{
	opacity: 1;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	width: 100%;
}








.index-message {
	width: 100%;
	text-align: center;
  padding:clamp(21.333px, 2.083vw, 30px) 0 clamp(35.556px, 3.472vw, 50px) 0;
}
.index-message p{
 	line-height:clamp(27.022px, 2.639vw, 38px);
 	letter-spacing: 3px;
 	font-size:clamp(10.667px, 1.042vw, 15px);
 }

/*index Works マスク部分*/
.thumbwrap {
	overflow: hidden;
	position: relative;
}
.thumbwrap .maskwrap {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(0,0,0,0.4);
	-webkit-transition:	all 0.4s ease-out;
	transition:	all 0.4s ease-out;
}
.thumbwrap:hover .maskwrap {
	opacity: 1;
}
.thumbwrap .mask {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition:	all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.thumbwrap:hover .mask {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition:	all 0.4s ease-out;
	transition:	all 0.4s ease-out;
}
.thumbwrap a,
.thumbwrap h3,
.thumbwrap p{
	color: #fff!important;
  line-height: 165%;	
}
.thumbwrap h3 {
    font-size:clamp(14.222px, 1.389vw, 20px)!important;
    font-weight: bold;
    width: 100%;
    order: 2;
    margin:clamp(13.511px, 1.319vw, 19px) 0 clamp(16.356px, 1.597vw, 23px);
}
.thumbwrap p {
    order: 1;
    padding: 0;
    margin: 0;
    font-size:clamp(11.378px, 1.111vw, 16px)!important;
    position: relative;
    display: inline-flex;
    padding-bottom:clamp(7.111px, 0.694vw, 10px);
}
.thumbwrap p:after{
    content: '';
    width: 100%;
    height:1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}







.double{
	position: absolute;
	left:clamp(14.222px, 1.389vw, 20px);
	bottom:clamp(14.222px, 1.389vw, 20px);
	width:20%;
	height: auto;
}

.jusyo{
	position: absolute;
	left:0;
	right:0;
	margin-right:auto;
	margin-left:auto;
	text-align: center;
	bottom:clamp(-40px, -2.778vw, -28.444px);
	width:clamp(853.333px, 83.333vw, 1200px);
	height: auto;
}

#index h2 span{
	font-size:clamp(21.333px, 2.083vw, 30px);
}

#index h3{
	text-align: center;
	font-size:clamp(12.8px, 1.25vw, 18px);
	font-weight: 500;
}

#index h4{
	font-size:clamp(11.378px, 1.111vw, 16px);
	margin-top:clamp(7.111px, 0.694vw, 10px);
}

#index .title p{
	text-align: center;
	font-size:120%;
	margin-bottom:clamp(28.444px, 2.778vw, 40px);
}

#index .airwall{
	margin:clamp(35.556px, 3.472vw, 50px) 0;
}
#index .airwall .col2 ul{
	margin-bottom:clamp(28.444px, 2.778vw, 40px);
	overflow: hidden;
   min-height: 100%;		
}
#index .airwall .col2 li{
  padding-bottom:clamp(23300.978px, 2275.486vw, 32767px);
	margin-bottom:clamp(-32767px, -2275.486vw, -23300.978px); 
}
#index .airwall .col2 li:nth-child(2n) img{
  min-height:clamp(523.378px, 51.111vw, 736px);
	object-fit: cover;
}

#index .airwall h3{
	text-align: left;
	margin-bottom:clamp(21.333px, 2.083vw, 30px);
}

#index .airwall p{
	margin-bottom:clamp(21.333px, 2.083vw, 30px);
}

#index .airwall .inner2{
	width:clamp(853.333px, 83.333vw, 1200px);
	margin:0 auto;
}




#index .pikup h3{
	text-align: left;
}

/* -------------------------
　New!アイコン
------------------------- */
.ico-new {
  display: inline-block;
  position: absolute;
  top:clamp(-6px, -0.417vw, -4.267px);
  left:clamp(4.267px, 0.417vw, 6px);
  margin: 0;
  padding:clamp(2.844px, 0.278vw, 4px) 0 2px 0;
  z-index: 2;
  width:clamp(28.444px, 2.778vw, 40px);
  text-align: center;
  color: white;
  font-size:clamp(8.533px, 0.833vw, 12px);
  background: linear-gradient(#ff785b 0%, #e95738 100%);
  }
.ico-new:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid #e95738;
  border-right: 20px solid #e95738;
  border-bottom: 10px solid transparent;
}

.ico-finished {
  display: inline-block;
  position: absolute;
  top:clamp(-6px, -0.417vw, -4.267px);
  right:clamp(4.267px, 0.417vw, 6px);
  margin: 0;
  padding:clamp(2.844px, 0.278vw, 4px) 0 2px 0;
  z-index: 2;
  width:clamp(28.444px, 2.778vw, 40px);
  text-align: center;
  color: white;
  font-size:clamp(8.533px, 0.833vw, 12px);
  background: linear-gradient(#16a085 0%, #034F32 100%);
  }
.ico-finished:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid #034F32;
  border-right: 20px solid #034F32;
  border-bottom: 10px solid transparent;
}

/*跳ねるモーション*/
.jump {
  animation: 0.5s jump infinite alternate linear;
}
@keyframes jump {
  to { transform: transtateY(0); }
  from { transform: translateY(4px); }
}

/*受賞情報*/
.award-mark span{
	background: url("../images/common/star.png") no-repeat left center;
	background-size: 12%;
	margin:0 0 0 2px;
	padding:clamp(14.222px, 1.389vw, 20px) clamp(14.222px, 1.389vw, 20px) clamp(14.222px, 1.389vw, 20px) clamp(23.467px, 2.292vw, 33px);
}

#index .award-mark{
  padding:clamp(2.844px, 0.278vw, 4px) 0 clamp(3.556px, 0.347vw, 5px) 0;	
}
.award-mark{
  display: inline-block;
  position: absolute;
  top:clamp(-6px, -0.417vw, -4.267px);
  left: 0;
  margin: 0;
  padding:clamp(2.844px, 0.278vw, 4px) 0 clamp(3.556px, 0.347vw, 5px) 0;
  z-index: 2;
	width: auto;
  max-width:clamp(213.333px, 20.833vw, 300px);
  color: white;
  font-size:clamp(8.533px, 0.833vw, 12px);
  background: #000;
 }
.award-mark:after{
  display: inline-block;
  position: absolute;
  top: 0;
  right:clamp(-20px, -1.389vw, -14.222px);
  margin: 0;
	content: '';
	border-width:16px 10px;
	border-style:solid;
	border-color:#000;
	border-right-color:transparent;	
}


/* ===================================================================
　ドロワーメニュー
==================================================================== */
.hamburger {
    display: block;
    width:clamp(21.333px, 2.083vw, 30px);
    height:clamp(14.222px, 1.389vw, 20px);
	  top:clamp(15.644px, 1.528vw, 22px);
    right: 2rem;
    position: fixed;
    cursor: pointer;
    z-index: 9999;
}
.hamburger,
.hamburger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.hamburger span {   
  position: absolute;
  left: 0;
  width: 100%;
  height:2px;
  background-color: #5f6b6e;
}	
.hamburger span:nth-of-type(1) {
  top: 0;
}
.hamburger span:nth-of-type(2) {
  top:clamp(6.4px, 0.625vw, 9px);
}
.hamburger span:nth-of-type(3) {
  bottom: 0;
}
.hamburger span:nth-of-type(2)::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height:2px;
  background-color: #5f6b6e;
  transition: all .4s;
}


/* .is-fixed-02 start */
.is-fixed-02{
    width:clamp(21.333px, 2.083vw, 30px);
    height:clamp(14.222px, 1.389vw, 20px);
	  top:clamp(19.2px, 1.875vw, 27px);
    right: 2rem;
}
.is-fixed-02 span:nth-of-type(2) {
  top:clamp(6.4px, 0.625vw, 9px);
}
/* .is-fixed-02 end */


#hamburger-menu.peke span:nth-of-type(1) {
  transform: translateY(20px) scale(0);
}
#hamburger-menu.peke span:nth-of-type(2) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#hamburger-menu.peke span:nth-of-type(2)::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#hamburger-menu.peke span:nth-of-type(3) {
  transform: translateY(-20px) scale(0);
}

.peke {
    background-position: -40px 0;
}
.peke span,
.peke span:nth-of-type(2)::after{
	background-color: #5f6b6e;
}
.drawr {
    display: none;
    background-color:rgba(255,255,255,0.9);
    position: fixed;
	  top:0;
    right:0;
    width:100%;
    padding:clamp(34.133px, 3.333vw, 48px) 0 0 0;
    z-index: 100;
	overflow-y: auto;
	height: 100%!important;
	max-height: calc(100vh - 48px);
}
#drawrmenu li {
	padding:clamp(8.533px, 0.833vw, 12px) .5em;
	border-bottom:1px solid #eaeaea;
}
#drawrmenu li a {
    color:#5f6b6e;
    display: inline-block;
    padding: 0 0 0 25%;/*★レスポンシブ padding: 0;*/
	text-decoration: none;
	font-size:clamp(15.644px, 1.528vw, 22px);
	line-height: 1;	
}
ul#drawrmenu ul {
	padding-left:clamp(14.222px, 1.389vw, 20px);	
	font-weight: 100;
}
ul#drawrmenu ul.magodrawr {
	padding-left:clamp(19.2px, 1.875vw, 27px);	
}
#drawrmenu ul li a {
	font-size:clamp(12.8px, 1.25vw, 18px);
	font-weight: normal;
}
#drawrmenu ul li {
	padding:clamp(4.978px, 0.486vw, 7px) 1em;
	border-bottom: 1px dotted #AB8E58;
}	
ul#drawrmenu ul li:first-child {
	padding-top:1em;
}
	
ul#drawrmenu ul li:last-child {
	border-bottom:0;
}
ul#drawrmenu ul a{
	border-bottom: 0;	
}	
#drawrmenu li.oya{
	position: relative;
}


	
/* 孫メニュー */
.magodrawr li {
	border-bottom:0!important;	
}	
.magodrawr li a {
    display: block;
    padding:clamp(8.533px, 0.833vw, 12px) 0;
	text-decoration: none;
	font-size:clamp(11.378px, 1.111vw, 16px);
}	

.menusns{
	margin:clamp(17.778px, 1.736vw, 25px) 0 clamp(71.111px, 6.944vw, 100px) 0;
	text-align: center;
}
.menusns .sns{
	display: inline-block!important;
}
.sns img{
width:clamp(35.556px, 3.472vw, 50px);
}

/* -------------------------
　property
------------------------- */
#index .property{
	clear: both;
} 
#index .property .inner{
	width:clamp(853.333px, 83.333vw, 1200px);
	margin:0 auto;
}
#index .property ul{
	max-width:clamp(853.333px, 83.333vw, 1200px);
	margin: 0 auto 0 auto;
}
#index .property li{
	display: inline-block;
	width: calc(25% - 15px / 4);
	margin:0 0 clamp(14.222px, 1.389vw, 20px) 0;
	vertical-align: top;
	text-align: center;
}
#index .property li .li-in{
	position: relative;
	z-index: 1;
}
#index .property li .li-in a{
	width:clamp(163.556px, 15.972vw, 230px);
	display: inline-block;
	overflow: hidden;
	margin: auto;
	/*! padding: 1.5em; */
}
#index .property li .thumb{ 
	margin:0 auto clamp(8.533px, 0.833vw, 12px) auto;
	text-align: center;
}
#index .property li .thumb img{
	width:clamp(163.556px, 15.972vw, 230px);
	height:clamp(163.556px, 15.972vw, 230px);
	object-fit: cover;
}
#index .property li .txt{
	width:clamp(163.556px, 15.972vw, 230px);
	margin: auto;
	text-align: left;
	position: relative;	
}
#index .property li .txt:after{
   content: "";
   position: absolute;
   border-right: 1px solid #5f6b6e;
   border-top: 1px solid #5f6b6e;
   width:clamp(7.111px, 0.694vw, 10px);
   bottom: 30%;
   right: 1.1%;
   height:clamp(7.111px, 0.694vw, 10px);
   transform: rotate(45deg);
	cursor: pointer;
}	

#index .property li .txt p.txt-area{
	display: inline-block;
	padding:0 clamp(3.556px, 0.347vw, 5px);
	line-height: 165%;
	font-size:clamp(9.244px, 0.903vw, 13px);
	margin-bottom:clamp(2.133px, 0.208vw, 3px);
	color: #939c9a;
	border: 1px solid #939c9a;
}
#index .property .txt h3{
	margin: 0;
	font-size:clamp(12.089px, 1.181vw, 17px);
	text-align: left;
}

#index .property .btn{
	max-width:clamp(711.111px, 69.444vw, 1000px);
	margin:0 auto 0 auto;
}


#index .index-works .sec{
	padding:clamp(21.333px, 2.083vw, 30px) 0 clamp(35.556px, 3.472vw, 50px) 0;
}

#index .index-works .col3 li{
	min-height:clamp(182.044px, 17.778vw, 256px);
}

#index .index-works .col3 li img{
	width:100%;
	height:clamp(170.667px, 16.667vw, 240px);
	object-fit: cover;
}
#index .index-works h3{
	font-size:clamp(11.378px, 1.111vw, 16px);
	font-weight: normal;
	text-align: center;
}

#index .index-works .inner{
	width:clamp(853.333px, 83.333vw, 1200px);
	margin:0 auto;
}
#index .index-works .col3 li .tag{
	font-size:clamp(8.533px, 0.833vw, 12px);
	margin: 0 auto;
}

#index .index-works .col3 li{
	position: relative;
	width:clamp(263.111px, 25.694vw, 370px);
	margin:0 clamp(32px, 3.125vw, 45px) clamp(24.889px, 2.431vw, 35px) 0;
}
/*
#index .index-works .col3 li:after{
   content: "";
   position: absolute;
   border-right: 1px solid #5f6b6e;
   border-top: 1px solid #5f6b6e;
   width:clamp(9.956px, 0.972vw, 14px);
   bottom: 5%;
   right: 0;
   height:clamp(9.956px, 0.972vw, 14px);
   transform: rotate(45deg);
	cursor: pointer;
}	
*/

#index .index-works .col3 li:nth-child(3n) {
	margin-right:0;
}

#index .index-works .btn{
	max-width:clamp(711.111px, 69.444vw, 1000px);
	margin:clamp(14.222px, 1.389vw, 20px) auto clamp(14.222px, 1.389vw, 20px) auto;
}


#index .concept{
	background: url("../images/index/conceptbg.png") no-repeat left top;
	background-size:60%;
}

#index .concept .box{
	width:clamp(355.556px, 34.722vw, 500px);
	float: right;
	padding:clamp(21.333px, 2.083vw, 30px) 0 clamp(21.333px, 2.083vw, 30px) clamp(21.333px, 2.083vw, 30px);
	margin:clamp(35.556px, 3.472vw, 50px) 0 0 0;
}

#index .concept .box h2{
	text-align: left;
	font-size:clamp(35.556px, 3.472vw, 50px);
	width:clamp(241.778px, 23.611vw, 340px);
	margin-bottom:clamp(17.778px, 1.736vw, 25px);
	margin-left:clamp(-3px, -0.208vw, -2.133px);
}

#index .concept .box h3{
	text-align: left;
	font-size:clamp(15.644px, 1.528vw, 22px);
	margin-bottom:clamp(17.778px, 1.736vw, 25px);
}

#index .concept .box h3 span{
	font-size:clamp(24.889px, 2.431vw, 35px);
	font-weight: 700;
}



#index .event h3{
	margin:clamp(7.111px, 0.694vw, 10px) 0 0 0;
}
#index .event .inner:nth-child(1){
	margin-bottom:clamp(42.667px, 4.167vw, 60px)!important;
}

#index .event li{
	text-align: center;
	margin:0 0 clamp(21.333px, 2.083vw, 30px);
}

#index .event li img{
	margin-bottom:clamp(10.667px, 1.042vw, 15px);
}

#index .event li p{
	text-align: left;
	font-size:clamp(10.667px, 1.042vw, 15px);
}

#index .event .btn{
	margin-top:clamp(7.111px, 0.694vw, 10px);
}

#index .event .thumb .event-close{
	position: absolute;
    left: 50%;
    top: 47%;
	transform: translate(-50%,-50%);
    padding: 2em;
    background: #fff;
    border: #005D44 1px solid;
}
#index .event .thumb{
	margin:0 0 clamp(10.667px, 1.042vw, 15px);
	position: relative;
}
#index .event .date p{
	text-align: center;
	font-size: 0.9em;
	line-height:clamp(17.067px, 1.667vw, 24px);
}
#index .event img{
  width: 75%;
    height: auto;
    object-fit: cover;
    object-position: 50% 0%;
}

#index .voice{
	background: url("../images/common/stone.jpg") repeat-y;
	background-size:100%;
	color:#fff!important;
}

#index .voice h2{
	color:#fff;
}

#index .voice h2:before {
  bottom:clamp(-15px, -1.042vw, -10.667px);
	background-size: 5px 5px;
	background-image: linear-gradient(-45deg, #AA8788, #AA8788 49%, #fff 49%, #fff 51%, #AA8788 51%, #AA8788);
}

#index .voice .title p{
	color:#fff;
}

#index .voice li{
	padding:clamp(14.222px, 1.389vw, 20px) 0;
	text-align: center;
}

#index .voice li h3{
	margin:clamp(10.667px, 1.042vw, 15px) clamp(12.8px, 1.25vw, 18px) 0 clamp(12.8px, 1.25vw, 18px);
	font-size:clamp(10.667px, 1.042vw, 15px);
}

#index .voice li img{
	width:100%;
	object-fit: cover;
	height:clamp(199.111px, 19.444vw, 280px);
}

#index .voice li .thumb,
#index .voice li p{
	padding:0 clamp(14.222px, 1.389vw, 20px);
}

.col6 li{
	float: left;
	width:clamp(112.356px, 10.972vw, 158px);
	margin:0 clamp(7.111px, 0.694vw, 10px) clamp(7.111px, 0.694vw, 10px) 0;
}

.col6 li:nth-child(4n) {
	margin-right:0;
}







#index .staff{
}

#index .staff .inner{
	width:clamp(711.111px, 69.444vw, 1000px);
	margin:0 auto;
}


#index .staff .inner .news{
	float: left;
	width:48%;
	margin:0 clamp(28.444px, 2.778vw, 40px) clamp(28.444px, 2.778vw, 40px) 0;
}

#index .staff .inner .news:nth-child(2n){
	margin-right:0;
}


#index .staff p{
	text-align: center;
	font-size:clamp(12.8px, 1.25vw, 18px);
	margin-bottom:clamp(28.444px, 2.778vw, 40px);
}

#index .staff h2{
	font-size:clamp(15.644px, 1.528vw, 22px);
	font-weight: 500;
	padding:clamp(7.111px, 0.694vw, 10px) 0;
	border-bottom:1px solid #5f6b6e;
	border-top:1px solid #5f6b6e;
	margin-bottom:clamp(10.667px, 1.042vw, 15px);
	letter-spacing: 3px;
}
#index .staff h3{
    font-size:clamp(11.378px, 1.111vw, 16px);
    margin-top:clamp(7.111px, 0.694vw, 10px);
}

#index .staff .box{
	padding:clamp(7.111px, 0.694vw, 10px) 0;
	border-bottom:1px solid #ccc;
}

#index .staff .box .left{
	float: left;
	width:clamp(106.667px, 10.417vw, 150px);
}

#index .staff .box .left img{
	height:clamp(85.333px, 8.333vw, 120px);
	width:clamp(85.333px, 8.333vw, 120px);
	border-radius:50%;
}

#index .staff .box .right{
	float: left;
}

#index .staff li p{
	font-size:clamp(9.244px, 0.903vw, 13px);
	text-align: left;
}

#index .house{
}

#index .house .bg{
	background: url("../images/index/housebg.png") no-repeat top;
	background-size:100%;
	padding-top:clamp(128px, 12.5vw, 180px);
}

#index .house h3{
	margin:clamp(10.667px, 1.042vw, 15px) 0 clamp(10.667px, 1.042vw, 15px) 0;
}

#index .house li{
	text-align: center;
}

#index .house li p{
	text-align: left;
	padding:0 clamp(14.222px, 1.389vw, 20px);
}

#index .insta{
	text-align: center;
	font-size:clamp(12.089px, 1.181vw, 17px);
}

#index .insta p{
	margin-bottom:clamp(21.333px, 2.083vw, 30px);
}

#index .insta h3{
	font-size:clamp(15.644px, 1.528vw, 22px);
	font-weight: 500;
}


#index .siryou{
	margin-bottom:clamp(42.667px, 4.167vw, 60px);
}

#index .siryou h2{
	width:clamp(426.667px, 41.667vw, 600px);
	margin:0 auto clamp(21.333px, 2.083vw, 30px) auto;
}

#index .siryou .inner{
	background:url("../images/common/bg1.png");
	background-size:100%;
	width:clamp(853.333px, 83.333vw, 1200px);
	padding:clamp(35.556px, 3.472vw, 50px) clamp(21.333px, 2.083vw, 30px) clamp(21.333px, 2.083vw, 30px) clamp(21.333px, 2.083vw, 30px);
}

#index .siryou p{
	text-align: center;
	font-size:clamp(12.089px, 1.181vw, 17px);
	line-height:clamp(25.6px, 2.5vw, 36px);
	margin-bottom:clamp(21.333px, 2.083vw, 30px);
}

#index .siryou .btnarea{
	width:clamp(604.444px, 59.028vw, 850px);
	margin:clamp(21.333px, 2.083vw, 30px) auto;
}

#index .siryou .btnarea .left{
	width:clamp(284.444px, 27.778vw, 400px);
	float: left;
}

#index .siryou .btnarea .right{
	width:clamp(284.444px, 27.778vw, 400px);
	float: right;
}

#footer h2{
	text-align: center;
	position: relative;
	margin-bottom: 1.5em;
	color:#fff;
}
#footer h2 span{
	font-family: "Noto Sans JP", sans-serif;
	font-size:clamp(25.6px, 2.5vw, 36px);
}


#footer .contact .lead{
	font-size:clamp(14.222px, 1.389vw, 20px);
	text-align: center;
	color:#fff;
}

#footer .contact .tel{
	font-size:clamp(11.378px, 1.111vw, 16px);
	text-align: center;
	margin-bottom:clamp(28.444px, 2.778vw, 40px);
	margin-top:clamp(10.667px, 1.042vw, 15px);
	color:#fff;
	font-family: "Noto Sans JP", sans-serif;
}

#footer .contact{
	background: url("../images/common/contactbg.jpg") no-repeat bottom;
	background-size:100%;
}

#footer .contact .tel span{
	font-size:clamp(28.444px, 2.778vw, 40px);
}

#footer .contact h3{
	margin:clamp(10.667px, 1.042vw, 15px) 0 clamp(10.667px, 1.042vw, 15px) 0;
}

#footer .contact a{
	color:#fff;
}

#footer .contact li{
	background:#fff;
	text-align: center;
	padding:clamp(21.333px, 2.083vw, 30px) 0;
}

#footer .contact li p{
	text-align: left;
	padding:0 clamp(14.222px, 1.389vw, 20px);
}

#footer .contact a{
}

#footer .contact li img{
	width:clamp(71.111px, 6.944vw, 100px);
}

#footer .contact .btn{
	margin:clamp(21.333px, 2.083vw, 30px) clamp(14.222px, 1.389vw, 20px) 0 clamp(14.222px, 1.389vw, 20px);
}

.footer-contact-box{
	width:50%;
	padding:clamp(21.333px, 2.083vw, 30px);
	background: #fdffff;
	margin:0 auto;
	text-align: center;
}

.footer-contact-box h3{
	text-align: center;
}

.footer-contact-box p{
	text-align: left;
}

.footer-contact-box img{
	width:clamp(56.889px, 5.556vw, 80px);
}


#index .aboutus{
	font-size:clamp(11.378px, 1.111vw, 16px);
}

#index .aboutus h2{
	width:clamp(305.778px, 29.861vw, 430px);
	margin:0 auto clamp(28.444px, 2.778vw, 40px) auto;
}

#index .aboutus h3{
	width:clamp(113.778px, 11.111vw, 160px);
	text-align: left;
	margin-bottom:clamp(10.667px, 1.042vw, 15px);
}

#index .aboutus .left{
	float: left;
	width:clamp(412.444px, 40.278vw, 580px);
}

#index .aboutus .right{
	float: right;
	width:clamp(263.111px, 25.694vw, 370px);
}

#index .aboutus .tel{
	font-size:clamp(26.311px, 2.569vw, 37px);
}

#index .aboutus .leftico{
	float: left;
	width:clamp(120.889px, 11.806vw, 170px);
	margin:clamp(17.778px, 1.736vw, 25px) 0 0 0;
}

#index .aboutus .rightico{
	float: right;
	width:clamp(120.889px, 11.806vw, 170px);
	margin:clamp(17.778px, 1.736vw, 25px) 0 0 0;
}


/* headbg */

.event-archive .pagehead,
.event-single .pagehead{
	background:url("../images/common/headbg1.png") no-repeat center;
	background-size:100%;
	color:#fff!important;
}



.voice-archive .pagehead,
.voice-single .pagehead{
	background:url("../images/common/headbg2.png") no-repeat center;
	background-size:100%;
}

.works-archive .pagehead,
.works-single .pagehead{
	background:url("../images/common/headbg6.png") no-repeat center;
	background-size:100%;
}

.company-page .pagehead{
	background:url("../images/common/headbg4.png") no-repeat center;
	background-size:100%;
}

.recruit-page .pagehead{
	background:url("../images/common/headbg5.png") no-repeat center;
	background-size:100%;
}

.blog .pagehead{
	background:url("../images/common/headbg3.png") no-repeat center;
	background-size:100%;
}
.perth-archive .pagehead,
.perth-single .pagehead,
.perth-taxonomy .pagehead{
	background:url("../images/common/headbg6.png") no-repeat center;
	background-size:100%;
}


/* Search & Filter Styles */
.searchandfilter{
	margin:0 0 clamp(14.222px, 1.389vw, 20px) 0;
}
.searchandfilter ul{
	width: 100%;
	display:block!important;
}

.searchandfilter ul input{
}

.searchandfilter li {
	display: inline!important;
	padding: 0!important;
}
.searchandfilter label{
	width: auto!important;
	min-width:clamp(142.222px, 13.889vw, 200px)!important;
	display:inline-block!important;
	margin: 0 0 0 0!important;
	padding:clamp(7.111px, 0.694vw, 10px) clamp(21.333px, 2.083vw, 30px);
	vertical-align: middle;
	border: 1px solid #574D43;
	border-radius: 3px;
	cursor: pointer;
}
.searchandfilter label.selected{
  background-color: #E2A834;
}

.cat-item-34:after,
.cat-item-38:after{
  content: "\A" ;
  white-space: pre;
}

.searchandfilter li.cat-item-29,
.searchandfilter li.cat-item-30,
.searchandfilter li.cat-item-31{
	display: none!important;
}
.cat-item-32:before,
.cat-item-38:before,
.cat-item-35:before {
	width: auto;
	min-width:clamp(56.889px, 5.556vw, 80px);
	display: inline-block;
	padding:0 clamp(14.222px, 1.389vw, 20px) clamp(12.8px, 1.25vw, 18px) 0!important;
	font-size:clamp(10.667px, 1.042vw, 15px);
}
.cat-item-32:before {
      content: "金額" ;
}
.cat-item-38:before {
      content: "坪数" ;
}
.cat-item-35:before {
      content: "デザイン" ;
}

.searchandfilter ul input[type="submit"]{
	width: 20%;
	margin:clamp(3.556px, 0.347vw, 5px) auto 0 auto;
	padding:clamp(10.667px, 1.042vw, 15px);
	border:1px solid #574D43;
	font-size:clamp(10.667px, 1.042vw, 15px);
	font-family: "Noto Serif JP", serif;
	display: block;
	text-align: center;
	 border-radius: 5px;
	font-weight: 500;
	cursor: pointer;
}

.searchandfilter ul input[type="submit"]:hover{
	opacity: 0.8;
}

.airwall .box{
	margin-bottom:clamp(21.333px, 2.083vw, 30px);
}
.airwall .box:nth-of-type(4){
	margin-bottom:clamp(56.889px, 5.556vw, 80px);
}

.airwall .box .left{
	width:15%!important;
	float: left!important;
	text-align: center;
	padding:clamp(35.556px, 3.472vw, 50px) 0 0 clamp(35.556px, 3.472vw, 50px);
	line-height:clamp(28.444px, 2.778vw, 40px);
	letter-spacing: 5px;
}

.airwall .box .left span{
	font-size:clamp(26.311px, 2.569vw, 37px);
	letter-spacing:0;
}

.airwall .box .right{
	width:72%;
	float: right;
}

.airwall .gallery li img{
	width:100%;
	height:clamp(156.444px, 15.278vw, 220px);
	object-fit: cover;
}







/* -------------------------
index-youtube
------------------------- */
#index .index-youtube{
}
#index .index-youtube h2{
	margin-bottom: 2em;
}
.index-youtube ul{
  width:clamp(853.333px, 83.333vw, 1200px);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap:clamp(32px, 3.125vw, 45px);
	margin: auto;
}
.index-youtube .youtube {
	margin-bottom:clamp(21.333px, 2.083vw, 30px);
}




/* -------------------------
col1-center
------------------------- */
.col1-center{
	width:50%;
	padding:0 0 clamp(24.889px, 2.431vw, 35px);
	margin:0 auto;
}

/* ===================================================================
　Renewal top
==================================================================== */
#container {
	--gg-text: #5b5e5d;
	--gg-green: #c6d6bd;
	--gg-line: #d9d9d9;
	--gg-soft: #f5f7f3;
}
#container:not(.kaso) #header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
}
#container:not(.kaso) #header .header-top3 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width:clamp(910.222px, 88.889vw, 1280px);
	margin: 0 auto;
	padding:0 clamp(22.756px, 2.222vw, 32px);
	box-sizing: border-box;
}
#container:not(.kaso) #header .logo {
	float: none;
	flex: 0 0 170px;
	margin:clamp(8.533px, 0.833vw, 12px) clamp(17.067px, 1.667vw, 24px) clamp(8.533px, 0.833vw, 12px) 0;
}
#container:not(.kaso) #header .gNav {
	float: none;
}
#container:not(.kaso) #header .gNav > ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#container:not(.kaso) #header .gNav li {
	float: none;
	padding: 1.25rem 0.95rem 1.35rem;
	white-space: nowrap;
}
#container:not(.kaso) #header .gNav li.sns,
#container:not(.kaso) #header .gNav li.sns-first {
	padding: 1.1rem 0.35rem 1rem!important;
}
#container:not(.kaso) #header .menu {
	right: auto;
	position: static;
}
#container:not(.kaso) nav {
	background: transparent;
}
#container:not(.kaso) nav.is-fixed {
	position: fixed;
	background: rgba(255,255,255,0.94);
}
#container:not(.kaso) #header .gNav li a {
	color: #fff;
	text-shadow: 0 1px 12px rgba(0,0,0,0.24);
}
#container:not(.kaso) nav.is-fixed .gNav li a {
	color: #5f6b6e;
	text-shadow: none;
}
#container:not(.kaso) #header .logo img {
	filter: brightness(0) invert(1);
}
#container:not(.kaso) nav.is-fixed .logo img {
	filter: none;
}
.renewal-top {
	--gg-text: #5b5e5d;
	--gg-green: #c6d6bd;
	--gg-line: #d9d9d9;
	--gg-soft: #f5f7f3;
	background: #fff;
	color: var(--gg-text);
	font-family: "Noto Sans JP", sans-serif;
}
.renewal-top * {
	box-sizing: border-box;
	word-break: normal;
}
.renewal-top img {
	width: 100%;
	height: auto;
}
.gg-hero {
	position: relative;
	height: 100vh;
	max-height:clamp(597.333px, 58.333vw, 840px);
	min-height:clamp(512px, 50vw, 720px);
	overflow: hidden;
}
.gg-hero__image {
	position: absolute;
	inset: 0;
	background: linear-gradient(rgba(0,0,0,0.18), rgba(0,0,0,0.18)), url("../images/renewal/hero.jpg") center/cover no-repeat;
}
.gg-hero__copy {
	position: absolute;
	right: 9.7%;
	bottom:clamp(43.378px, 4.236vw, 61px);
	color: #fff;
}
.gg-hero__copy h1 {
	color: #fff;
	font-family: "Noto Serif JP", serif;
	font-size:clamp(25.6px, 2.5vw, 36px);
	font-weight: 500;
	margin-bottom:clamp(11.378px, 1.111vw, 16px);
	letter-spacing: 0.28em;
	line-height: 1.55;
}
.gg-hero__copy p {
	color: #fff;
	font-family: "Cormorant Garamond", serif;
	font-weight: 500;
	font-size:clamp(9.956px, 0.972vw, 14px);
	letter-spacing: 0.04em;
	line-height: 2.2;
}
.gg-scroll {
	position: absolute;
	left: 50%;
	bottom:clamp(35.556px, 3.472vw, 50px);
	transform: translateX(-50%);
	color: #fff;
	font-size:clamp(8.533px, 0.833vw, 12px);
	letter-spacing: 0.04em;
	text-align: center;
	
	display: flex;
width:clamp(33.422px, 3.264vw, 47px);
flex-direction: column;
align-items: center;
gap:clamp(4.978px, 0.486vw, 7px);
}
.gg-scroll span {
	
border-radius: 40px;
border: 1px solid #FFF;
	display: flex;
padding:clamp(8.533px, 0.833vw, 12px) clamp(5.689px, 0.556vw, 8px);
flex-direction: column;
align-items: center;
gap:clamp(7.111px, 0.694vw, 10px);
}

.renewal-top .gg-section {
	padding:clamp(56.889px, 5.556vw, 80px) 0;
}
.gg-en {
	font-family: "Cormorant Garamond", serif;
	letter-spacing: 0.04em;
	line-height: 1;
}
.gg-section__label {
	font-family: "Inter", sans-serif;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.6px;
	margin-bottom:clamp(28.444px, 2.778vw, 40px);
	text-align: center;
	font-size:clamp(10.667px, 1.042vw, 15px);
	color: var(--gg-text);
}
.gg-en {
	font-size:clamp(56.889px, 5.556vw, 80px);
	color: var(--gg-text);
}
.gg-heading {
	text-align: center;
	margin-bottom:clamp(45.511px, 4.444vw, 64px);
}
.gg-heading h2,
.gg-concept h2,
.gg-about h2,
.gg-contact h2,
.gg-service h2{
	color: var(--gg-text);
	font-family: "Noto Serif JP", serif;
	font-size:clamp(22.756px, 2.222vw, 32px);
	font-weight: 500;
	letter-spacing: 0.08em;
	line-height: 1.6;
	margin-bottom:clamp(10.667px, 1.042vw, 15px);
}
.gg-service h2{
	margin-bottom: 0;
}
.gg-heading h2.h2sub,
h2.h2sub{
font-size:clamp(12.8px, 1.25vw, 18px);
font-weight: 500;
line-height: 160%; /* 28.8px */
letter-spacing: 1.44px;	
}
.gg-heading p:not(.gg-en),
.gg-text {
	color: var(--gg-text);
	font-size:clamp(9.956px, 0.972vw, 14px);
	line-height: 2.2;
}
.gg-link {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	justify-content: space-between;
	gap:clamp(7.111px, 0.694vw, 10px);
	width:auto;
	padding:clamp(11.378px, 1.111vw, 16px) clamp(11.378px, 1.111vw, 16px) clamp(11.378px, 1.111vw, 16px) clamp(17.067px, 1.667vw, 24px);
	border-bottom: 1px solid var(--gg-text);
	color: var(--gg-text)!important;
	font-size:clamp(9.956px, 0.972vw, 14px);
	letter-spacing: 0.04em;
	line-height: 1;
}
.gg-link span {
border-radius: 40px;
display: flex;
padding:6px clamp(8.533px, 0.833vw, 12px);
flex-direction: column;
align-items: center;
		justify-content: center;
gap:clamp(7.111px, 0.694vw, 10px);
background: var(--c-6-d-6-bd, #C6D6BD);
}
.gg-garden__card .gg-link,
.gg-news__row .gg-link,
.gg-award-card-in .gg-link{
	justify-content: center;
	border-bottom: 0;
	padding: 0;
}
.gg-news__row .gg-link,
.gg-award-card-in .gg-link{
	width: auto;
}
.gg-service-card .gg-link {
	justify-content: start;
	border-bottom: 0;
	padding: 0;
	margin-top:clamp(28.444px, 2.778vw, 40px);
}
.gg-garden__card .gg-link span,
.gg-service-card .gg-link span{
width:clamp(49.778px, 4.861vw, 70px);
height:clamp(19.911px, 1.944vw, 28px);
padding:clamp(5.689px, 0.556vw, 8px) clamp(8.533px, 0.833vw, 12px);
}
.gg-link,.gg-garden__card,.gg-work-card a,.gg-blog-card a,.gg-news__row,.gg-award-card {
	transition: opacity .25s ease, transform .25s ease;
}
.gg-link:hover,.gg-link:focus-visible,
.gg-garden__card:hover,.gg-garden__card:focus-visible,
.gg-work-card a:hover,.gg-work-card a:focus-visible,
.gg-blog-card a:hover,.gg-blog-card a:focus-visible,
.gg-news__row:hover,.gg-news__row:focus-visible,
.gg-award-card:hover,.gg-award-card:focus-visible {
	opacity:.72;
}
.gg-top-empty{
	grid-column:1/-1;
	margin:0;
	padding:clamp(28.444px, 2.778vw, 40px) clamp(11.378px, 1.111vw, 16px);
	border-top:1px solid var(--gg-line);
	border-bottom:1px solid var(--gg-line);
	color:var(--gg-text);
	font-size:clamp(9.956px, 0.972vw, 14px);
	line-height:1.8;
	text-align:center;
}
.gg-youtube {
	text-align: center;
	margin-top: 0!important;
}
.gg-youtube__grid {
	width:clamp(796.444px, 77.778vw, 1120px);
	max-width: calc(100% - 80px);
	margin:0 auto clamp(28.444px, 2.778vw, 40px);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap:clamp(11.378px, 1.111vw, 16px);
}
.gg-youtube__item {
	aspect-ratio: 16 / 9;
	background: #eee;
	overflow: hidden;
}
.gg-youtube__item img,
.gg-youtube__item iframe {
	width: 100%!important;
	height: 100%!important;
	object-fit: cover;
}
.gg-youtube__item .youtube {
	padding-top: 0;
	height: 100%;
	margin: 0;
}
.gg-concept {
	position: relative;
	display: grid;
	grid-template-columns: 402px 636px;
	justify-content: space-between;
	align-items: flex-start;
	gap:clamp(56.889px, 5.556vw, 80px);
	width:100%;
	max-width: 1440px;
	margin:clamp(16.711px, 1.632vw, 23.5px) auto 0!important;
  padding:clamp(132.267px, 12.917vw, 186px) clamp(56.889px, 5.556vw, 80px) 0 clamp(113.778px, 11.111vw, 160px)!important;
}
.gg-concept:before{
	content: "";
	position: absolute;
	background: url("../images/renewal/pattern.jpg") center/cover repeat;
	opacity: 0.28;
	pointer-events: none;
}
.gg-garden:before {
	content: "";
	position: absolute;
	background-image: url("../images/renewal/pattern.jpg");
	transform: scaleY(-1);
	background-repeat: repeat;
	background-size: cover;
	background-position: right top 783px;
	opacity: 0.28;
	pointer-events: none;
}



.gg-concept:before {
	left: calc(50% - 720px);
	top:0;
	width:clamp(848.356px, 82.847vw, 1193px);
	height:clamp(167.111px, 16.319vw, 235px);
}
.gg-concept__body {
	position: relative;
	z-index: 1;
}
.gg-concept__body .gg-en {
	margin-top:clamp(7.111px, 0.694vw, 10px);
	margin-bottom:clamp(11.378px, 1.111vw, 16px);
}
.gg-concept__body h2 {
	margin-bottom:clamp(11.378px, 1.111vw, 16px);
}
.gg-concept__body .gg-link {
	margin-top:clamp(28.444px, 2.778vw, 40px);
}
.gg-concept__visual {
	position: relative;
	z-index: 1;
}
.gg-concept__visual::before {
	content: "";
	position: absolute;
	top:clamp(285.867px, 27.917vw, 402px);
	left: 50%;
	transform: translateX(-50%);
	background: url("../images/index/garden-design.svg") center / contain no-repeat;
	width:clamp(345.6px, 33.75vw, 486px);
	height:clamp(135.111px, 13.194vw, 190px);
}
.gg-concept__visual img {
	height:clamp(314.311px, 30.694vw, 442px);
	object-fit: cover;
}
.gg-garden {
	position: relative;
	padding-top:clamp(113.778px, 11.111vw, 160px)!important;
}
.gg-garden:before {
	right: 0;
	bottom: 0;
	width: 88.5%;
	height:clamp(226.133px, 22.083vw, 318px);
}
.gg-garden__list {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	gap:clamp(28.444px, 2.778vw, 40px);
}
.gg-garden__card {
	width:clamp(195.556px, 19.097vw, 275px);
	height:clamp(195.556px, 19.097vw, 275px);
	border: 1px solid var(--gg-text);
	border-radius: 50%;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: var(--gg-text)!important;
}
.gg-garden__card span {
	color: var(--gg-green);
	font-family: "Cormorant Garamond", serif;
	font-size:clamp(17.067px, 1.667vw, 24px);
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
}
.gg-garden__card strong {
	margin:clamp(5.689px, 0.556vw, 8px) 0 clamp(11.378px, 1.111vw, 16px);
	font-family: "Noto Serif JP", serif;
	font-size:clamp(19.911px, 1.944vw, 28px);
	font-weight: 500;
	letter-spacing: 0.08em;
	line-height: 1.6;
}
.gg-garden__card em {
	font-size:clamp(8.533px, 0.833vw, 12px);
	letter-spacing: 0.12em;
	border-bottom: 1px solid var(--gg-text);
	padding-bottom:clamp(4.267px, 0.417vw, 6px);
}
.gg-works {
	width:clamp(878.222px, 85.764vw, 1235px);
	max-width: calc(100% - 80px);
	margin: 0 auto;
	text-align: center;
	padding:clamp(42.667px, 4.167vw, 60px) 0 0!important;
}
.gg-works .gg-en {
	font-size:clamp(56.889px, 5.556vw, 80px);
}
.gg-works__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap:clamp(28.444px, 2.778vw, 40px);
	text-align: left;
}
.gg-work-card figure {
	position: relative;
	aspect-ratio: 385 / 260;
	overflow: hidden;
	background: #eee;
}
.gg-work-card img {
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}
.gg-work-card a:hover img {
	transform: scale(1.04);
}
.gg-work-card figcaption {
	position: absolute;
	left: 0;
	bottom: 0;
	padding:clamp(2.844px, 0.278vw, 4px) clamp(7.111px, 0.694vw, 10px);
	color: #fff;
	font-size:clamp(8.533px, 0.833vw, 12px);
}
.gg-work-card__cat {
  background: #7B8F7C;
}
/* 例：workscat のスラッグが garden の場合 */
.gg-work-card__cat.is-garden {
	background: #2f6f4e;
}
/* 例：スラッグが exterior の場合 */
.gg-work-card__cat.is-exterior {
	background: #8a6a3d;
}
/* 未分類 */
.gg-work-card__cat.is-uncategorized {
	background: #7B8F7C;
}


.gg-work-card h3 {
	margin-top:clamp(11.378px, 1.111vw, 16px);
	color: var(--gg-text);
	font-family: "Noto Serif JP", serif;
	font-size:clamp(12.8px, 1.25vw, 18px)!important;
	font-weight: 500;
	line-height: 1.6;
	text-align: left!important;
}
.gg-works > .gg-link {
	margin-top:clamp(51.2px, 5vw, 72px);
}
.gg-instagram {
	text-align: center;
	overflow: hidden;
	position: relative;
  padding:clamp(42.667px, 4.167vw, 60px) 0 0 !important;	
}
.gg-instagram-in{
	padding:clamp(85.333px, 8.333vw, 120px) 0 clamp(73.956px, 7.222vw, 104px);
	background: #F5F5F5;	
}
.gg-instagram::before {
	content: "";
	position: absolute;
	top:clamp(15.644px, 1.528vw, 22px);
	left:clamp(143.644px, 14.028vw, 202px);
	background: url("../images/index/followus.svg") center / contain no-repeat;
	width:clamp(231.822px, 22.639vw, 326px);
	height:clamp(109.511px, 10.694vw, 154px);
}
.gg-instagram #sb_instagram {
	margin-bottom:clamp(28.444px, 2.778vw, 40px);
}





  .gg-service{
    margin:0 auto clamp(42.667px, 4.167vw, 60px);
display: flex;
align-items: center;
gap:clamp(28.444px, 2.778vw, 40px);
		width:clamp(813.511px, 79.444vw, 1144px);
  }
  .gg-service-card{
display: flex;
width:clamp(392.533px, 38.333vw, 552px);
height:clamp(209.067px, 20.417vw, 294px);
padding:0 clamp(56.889px, 5.556vw, 80px);
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 0;
		border-radius: 210px;
border: 1px solid #5B5E5D;
  }
.gg-service-card:nth-of-type(1){
background: url("../images/renewal-pages/flow-05.png") 237.83px 0px / 52.128% 100% no-repeat;
}
.gg-service-card:nth-of-type(2){
background: url("../images/renewal-pages/flow-02.png") 246.511px 33px / 50% 95.918% no-repeat;	
}









.gg-news {
	width:clamp(796.444px, 77.778vw, 1120px);
	max-width: calc(100% - 80px);
	margin: 0 auto;
	text-align: center;
}
.gg-news__list {
	border-top: 1px solid var(--gg-line);
	text-align: left;
}
.gg-news__row {
	display: flex;
	align-items: center;
	gap:clamp(22.756px, 2.222vw, 32px);
	min-height:clamp(71.111px, 6.944vw, 100px);
	padding:clamp(22.756px, 2.222vw, 32px) clamp(11.378px, 1.111vw, 16px);
	border-bottom: 1px solid var(--gg-line);
	color: var(--gg-text)!important;
}
.gg-news__row time {
	font-family: "Inter", sans-serif;
	font-weight: 400;
	font-size:clamp(10.667px, 1.042vw, 15px);
	letter-spacing: 0.06em;
}
.gg-news__row span {
	flex: 1;
	font-size:clamp(10.667px, 1.042vw, 15px);
	text-decoration: underline;
}
.gg-news > .gg-link {
	margin-top:clamp(28.444px, 2.778vw, 40px);
}











.gg-awards {
	width:clamp(796.444px, 77.778vw, 1120px);
	max-width: calc(100% - 80px);
	margin:clamp(21.333px, 2.083vw, 30px) auto 0!important;
	text-align: center;
}
.gg-awards img{
	height: auto!important;
}
.gg-awards__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap:clamp(28.444px, 2.778vw, 40px);
	margin-bottom: clamp(22.756px, 2.222vw, 32px);
}
.gg-award-card {
	display: block;
	border-bottom: 1px solid var(--gg-line);
	color: var(--gg-text)!important;
}

.gg-award-card h3 {
	margin:clamp(22.756px, 2.222vw, 32px) 0 clamp(5.689px, 0.556vw, 8px);
	color: var(--gg-text);
	font-family: "Inter", sans-serif;
	font-size:clamp(10.667px, 1.042vw, 15px)!important;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-align: left!important;
	text-decoration: underline;
}
.gg-award-card-in{
	display: flex;
	justify-content: space-between;
	align-items: center;		
	gap:clamp(11.378px, 1.111vw, 16px);
	margin-bottom: clamp(22.756px, 2.222vw, 32px);
}
.gg-award-card p {
	margin:0;
	color: var(--gg-text);
	font-size:clamp(10.667px, 1.042vw, 15px);
	line-height: 1.6;
	text-align: left;
}






.gg-about {
	position: relative;
	display: grid;
	grid-template-columns: 284px 457px;
	justify-content: start;
	align-items: flex-start;
	gap:clamp(68.978px, 6.736vw, 97px);
	margin:clamp(16.711px, 1.632vw, 23.5px) auto 0!important;
  padding:clamp(56.889px, 5.556vw, 80px) 0 clamp(56.889px, 5.556vw, 80px) clamp(113.778px, 11.111vw, 160px)!important;
}
.gg-about:before {
	content: "";
	position: absolute;
	background: url("../images/renewal/pattern.jpg") center/cover repeat;
	opacity: 0.28;
	pointer-events: none;
	inset: 0;
	right: 0;
	bottom: 0;
	width:clamp(775.822px, 75.764vw, 1091px);
	height: auto;
}
.gg-about > * {
	position: relative;
	z-index: 1;
}
.gg-about__links {
	display: grid;
	padding-top:clamp(108.8px, 10.625vw, 153px);
	grid-template-columns: repeat(2, 200px);
	gap:clamp(22.756px, 2.222vw, 32px) clamp(40.533px, 3.958vw, 57px);
}
.gg-contact {
	position: relative;
	min-height:clamp(667.733px, 65.208vw, 939px);
	padding: 0;
	overflow: hidden;
	margin-bottom:clamp(113.778px, 11.111vw, 160px);
}
.gg-contact__image {
	height:clamp(347.733px, 33.958vw, 489px);
	background: url("../images/renewal/contact.jpg") center/cover no-repeat;
}
.gg-contact__panel {
	position: absolute;
	right: 0;
	bottom: 0;
	width:clamp(775.822px, 75.764vw, 1091px);
	min-height:clamp(376.889px, 36.806vw, 530px);
	padding:clamp(56.889px, 5.556vw, 80px) clamp(113.778px, 11.111vw, 160px);
	display: grid;
	grid-template-columns: 401px 301px;
	justify-content: start;
	align-items: flex-start;
	gap:clamp(50.489px, 4.931vw, 71px);
	background: #f5f5f5;
}


.gg-contact__panel:before {
	content: "";
	position: absolute;
	inset: 0;
	background: url("../images/renewal/pattern.jpg") center/cover repeat;
	opacity: 0.1;
}
.gg-contact__info{
	white-space: nowrap;
	padding-top:clamp(106.667px, 10.417vw, 150px);
	z-index: 1;
}
.gg-contact__info img{
width:clamp(32.711px, 3.194vw, 46px);
height:clamp(22.044px, 2.153vw, 31px);
}
.gg-contact__tel {
	display: flex;
	align-items: center;
	gap:clamp(5.689px, 0.556vw, 8px);
	color: var(--gg-text)!important;
	font-family: "Inter", sans-serif;
	font-size:clamp(28.444px, 2.778vw, 40px);
	font-weight: 200;
	letter-spacing: 0.06em;
	line-height: 1.2;
}
.gg-contact__info p {
	margin:clamp(5.689px, 0.556vw, 8px) 0 clamp(39.822px, 3.889vw, 56px);
	color: var(--gg-text);
	font-size:clamp(9.956px, 0.972vw, 14px);
	line-height: 1.8;
}
#container:not(.kaso) #footer .contact,
#container:not(.kaso) #footer .message {
	display: none;
}
#container:not(.kaso) #footer .footertop {
	background: var(--gg-green);
	padding:clamp(62.578px, 6.111vw, 88px) 0;
}
#container:not(.kaso) #footer .footerinfo {
	float: right;
}
#container:not(.kaso) #footer .footermenu {
	margin-top:clamp(5.689px, 0.556vw, 8px);
}
#container:not(.kaso) #footer .copy {
	background: var(--gg-green);
	color: var(--gg-text);
}










/*
.gg-construction {
	width:clamp(796.444px, 77.778vw, 1120px);
	max-width: calc(100% - 80px);
	margin: 0 auto;
	text-align: center;
}
.gg-construction__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap:clamp(28.444px, 2.778vw, 40px);
	text-align: left;
}
.gg-construction article {
	border-top: 1px solid var(--gg-line);
	padding-top:clamp(22.756px, 2.222vw, 32px);
}
.gg-construction img {
	height:clamp(170.667px, 16.667vw, 240px);
	object-fit: cover;
}
.gg-construction h3 {
	margin-top:clamp(17.067px, 1.667vw, 24px);
	color: var(--gg-text);
	font-family: "Noto Serif JP", serif;
	font-size:clamp(15.644px, 1.528vw, 22px)!important;
	text-align: left!important;
}
.gg-construction p {
	margin-top:clamp(5.689px, 0.556vw, 8px);
	color: var(--gg-text);
	font-size:clamp(9.956px, 0.972vw, 14px);
	line-height: 2;
}
.gg-construction > .gg-link {
	margin-top:clamp(39.822px, 3.889vw, 56px);
}


.gg-blog {
	width:clamp(796.444px, 77.778vw, 1120px);
	max-width: calc(100% - 80px);
	margin: 0 auto;
	text-align: center;
}
.gg-blog__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap:clamp(28.444px, 2.778vw, 40px);
	text-align: left;
}
.gg-blog-card img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.gg-blog-card time {
	display: block;
	margin-top:clamp(11.378px, 1.111vw, 16px);
	color: var(--gg-text);
	font-size:clamp(9.956px, 0.972vw, 14px);
}
.gg-blog-card h3 {
	margin-top:clamp(5.689px, 0.556vw, 8px);
	color: var(--gg-text);
	font-size:clamp(12.8px, 1.25vw, 18px)!important;
	line-height: 1.6;
	text-align: left!important;
}
.gg-blog > .gg-link {
	margin-top:clamp(39.822px, 3.889vw, 56px);
}
*/