@charset "UTF-8";

@media screen and (max-width: 1023px) { /*ウィンドウ幅が最大999pxまでの場合に適用*/
.pc-none{ display: none; }
.sp-none{ display: block; }	

/* 共通 */
body.scroll-none {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
}
.pc-none{
	display: block;
}
.sp-none{
	display:none;
}

/*　レスポンシブ調整 内側　*/
.inner,
#page .inner,
.page-temp01 .inner02,
#footer .inner,
.event-archive .box,
.price .textC,
#page .col2 .cf,
.bread .breadcrumbs{
	width: 100%;
	min-width:  95%!important;
	max-width: 95%!important;
	margin: auto!important;	
}
#page .page-single p,
#page ul.ul-res,
#page .recruit-page p{
	width: 100%;
	min-width:  90%!important;
	max-width: 90%!important;
	margin: 0 auto 30px auto!important;	
}


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

body{
	font-family: "Noto Sans JP", sans-serif;
    color: #231815;
    font-size: 13.5px; 
	-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 {
	width: 95%;
  font-weight: normal;
	font-family: "Noto Sans JP", sans-serif; }

button, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	font-family: "Noto Sans JP", sans-serif; }

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

img.left{
	float: none;
	display: block;
	margin: auto;
}	
	
a img {
  border: none; }

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;*/
}
	
a:hover {
	text-decoration: none;
}

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

.sec{
	padding:25px 0;
}




.btn a{
	display: block;
	padding:10px;
	text-align: center;
	font-size:14px;
	color: #fff;
}
#container .btn a{
	color: #5f6b6e;
}

.btn2 a{
	display: block;
	border:1px solid #231815;
	padding:10px;
	text-align: center;
	font-size:14px;
	margin-top:20px;
}

.center{
	margin:0 auto;
}
.sp-m10-b{
	margin-bottom: 10px;
}
.sp-m10-tb{
	margin-top: 10px;
	margin-bottom: 10px;
}	
	
	
	

/*youtube,googlemap*/
.youtube,
.index-youtube .youtube{
	margin-bottom: 20px;
}
	
#page .works-single .article iframe{
	height: 200px!important;
	margin:0;
}

.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
	
/*カラム*/

.col2 li{
	float: none;
	width:auto;
	max-width: 480px;
	margin:0 auto 20px auto;
}

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

.col2 li .cf{
	width: 90%;
	margin: auto;
}
	
.col3 li{
	float: none;
	width: auto;
	max-width:310px;
	margin:0 auto 35px auto;
}

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

.col4 li{
	float: none;
	width:auto;
	max-width: 230px;
	margin:0 auto 20px auto;
}

.col4 li:nth-child(4n) {
	margin-right:auto!important;
}
	
	
	
	
/* ページ送りボタン */
.prevnext {
	width: 95%;
	font-size: 9px;
}

.prevnext .prev{
	position: absolute;
	left: 0;
	float: none;
}

.prevnext .next{
	position: absolute;
	right: 0;
	float: none;
}

.prevnext .back{
	position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
  margin: auto;
}
	


/*フローティング*/
.floating{
	width:100%!important;
	position: fixed!important;
	top:auto; 
	bottom:0;
	z-index: 9999!important;
}

.floating li{
	width: auto;
	float: left;
}
	
.floating li:nth-of-type(1){
	width:50%;
}
.floating li:nth-of-type(2){
	width:50%;
}
	
.floating li a{
	display: block;
	padding:10px 10px 7px 10px;
	text-align: center;
	font-size: 0.9em;
}
	.floating li a i{
		display: block;
		font-size: 24px;
	}
.floating li:nth-child(1) a{
	background-color:#67A225;
	color: #fff;
	border-right: 1px solid #fdffff;
}

.floating li:nth-child(2) a{
	background-color:#67A225;
	color: #fff;
}
	

	
a#scroll-to-top {
	right: 10px!important;
	bottom: 70px!important;
}
.mb30{
	margin-bottom:30px;
}

.width800{
	padding:0 15px;
}

.textC{
	text-align: center;
}

/* pagenavi */
.pagenavi{
	margin-bottom:60px;
}
#page .wp-pagenavi {
	padding: 10px 0 10px!important;
}
#page .wp-pagenavi a,
#page .wp-pagenavi span.pages,
#page .wp-pagenavi span.extend,
#page .wp-pagenavi span.current {
		padding:3px 6px 3px 6px !important;
}

img{
	max-width: 100%;
}

iframe{
	max-width:100%;
}

.sp-none{
	display: none;
}


.cal3 li{
	float: left;
	width:47%;
	margin:0 0 15px 0;
}

.cal3 li:nth-child(2n) {
	float: right;
}

/* ヘッダー */
/*.hamburger-btn{
	background: #fff;
  	border-radius: 4px;	
}*/

	
	

/*受賞情報*/
.award-mark span{
	background: url("../images/common/star.png") no-repeat left top;
	background-size: 10%;
	display: inline-block;
	margin: 0 0 0 3px;
	padding: 0 10px 0 23px;
}
.award-mark{
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 0 5px 0;
	width: auto;
  max-width: 100%;
  font-size: 10px;
  background: rgba(0,0,0,0.6);
	text-align: left;
	line-height: 165%;
 }
.award-mark:after{
  display: none;
}
	
/* ===================================================================
　ドロワーメニュー
==================================================================== */
.hamburger {
    width:25px;
    height: 20px;
    top: 20px;
    right:20px;
}
.hamburger span:nth-of-type(2) {
  top: 9px;
}
.is-fixed-02 span.scroll-color,
.is-fixed-02 span.scroll-color:nth-of-type(2)::after {
	background-color: #000;
}
#drawrmenu li {
	padding:12px 2em;
}
#drawrmenu li a {
    padding: 0;
}
	
/* 孫メニュー */
#drawrmenu li a.mago {
	right: 20px;
}	

.mago-in01,
.mago-in02{
	font-size: 24px!important;
}
	
	
	

.gg-drawer__mobile-sns img {
  display: block;
  width: 36px;
}
	
	
	
	
	


#header .logo{
	float: none;
	width:120px;
	text-align: center;
	margin:15px auto 15px auto;
}

#header .copy{
	text-align: center;
	margin:30px auto 0 auto;
	font-size:23px;
	font-weight: 500;
	line-height: 26px;
	color:#DD9E00;
}

	
	
	
	
	
.nivoSlider{
	height: 300px!important;
	overflow:  visible!important;
	margin-bottom:60px!important;
}
.nivo-slice{
	height: 300px!important;
}	
.nivoSlider img{
	height: 300px!important;
	object-fit: cover;
	object-position: 30% 0%;
}
	
	
	
	
.metaslider{
	display: table;
	vertical-align: middle;
}
.metaslider .slides img {
    height: auto!important;
    object-fit: cover;	
}
.metaslider .flexslider {
    height: auto;
	margin: 0 0 40px 0;
}
#set02{
    height: 100%;
}
/*set-css*/
.set01-wrap {
	position: absolute;
    height: 100%;
}
.shadow-txt {
	line-height: 150%;
	font-size: 26px;
}	
.shadow-txt-black{
	line-height: 150%;
	font-size: 26px;
}
.effect-fade{
	opacity: 0;
	transform: translateY(-45%) translateX(-50%);
	top: 45%;
	left: 50%;
	position: absolute;
	width: 100%;
}
.effect-fade.effect-scroll{
	opacity: 1;
	top: 45%;
	left: 50%;
	transform: translateY(-45%) translateX(-50%);
	position: absolute;
	width: 100%;
}		
	
	
	
.index-message {
  padding: 5px 0 20px 0;
}
.index-message p{
	width: 85%;
	margin: auto;
	line-height:180%;
	font-size:13px;
 }
		
	
	
	#index .pikup .btn{
		margin: 10px auto 0;
	}
	
	
.double{
	position: absolute;
	left:10px;
	bottom:-15px;
	width: 100%;
	max-width: 150px;
	height: auto;
	margin: 0 auto;
}

.flex-control-paging li a {
 width:8px!important;
 height:8px!important;
	}
	
	.jusyo{
	position: absolute;
	left:0;
	right:0;
	margin-right:auto;
	margin-left:auto;
	text-align: center;
	bottom:-80px;
	width:100%;
	height: auto;
}
	
	.jusyo img{
		width:100%;
		height: 150px;
		object-fit: cover;
	}
	
.header-top2{
  padding: 20px 0 20px 0;
}

#header .header-top2 .logo{
	width: 100%;
	max-width:180px;
	float: none;
	margin:0 auto;
	padding:0;
}
#header .header-top2 .logo a{
	z-index: 9999;
}

.header-top2 .copy{
	width: auto;
	float: none;
	font-size:12px;
	text-align: center;
	margin:0 auto;
}

	
	

/* フッター */

#footer .gotop{
	background: #000;
	text-align: center!important;
	padding:5px 0;
	margin-bottom:30px;
}

#footer .gotop a{
	color:#fff!important;
}

#footer .taiken{
	margin-bottom:30px;
}

#footer .taiken h3{
	text-align: center;
	font-size:16px;
	margin-bottom:10px;
}


#footer .footerinfo{
	text-align: center;
	padding-bottom:30px;
	width:auto;
	float: none;
	margin: auto!important;
}

#footer .footerinfo .logo{
	width:150px;
	margin:0 auto 15px auto;
}

#footer .footerinfo h4{
	text-align: center;
	font-weight: 500;
	font-size: 18px;
}

#footer .footerinfo .sns{
	width:auto;
	margin:20px auto 0 auto;
}
	
#footer .footerinfo .sns li{
	float: none;
	display: inline;
	width:50px;
}


#footer .copy{
	text-align: center;
	padding:25px 0 80px 0;
	background: #000!important;
	color:#fff!important;
}
	
#footer .message{
	width: 90%;
	margin: 0 auto 40px auto;
}




/* トップページ */
	#index .btn{
		width: 80%;
		margin: auto;
	}


#index h2 span{
	font-size:28px;
}
	
#index h2:before {
  bottom: -18px;
  height: 8px;
}

#index h3{
	font-size:15px;
	text-align: center;
	margin:0 0 0 0;
}

#index h3 span{
	font-family: "Inter", sans-serif;
	font-weight: 600;
	font-size:17px;
}

#index .title{
	text-align: center;
	margin-bottom:25px;
}
#index .works .title{
	max-width: 95%;
	margin: 0 auto 25px auto;
}
#index .title p{
	font-size:100%;
	width: 90%;
	margin: 0 auto 30px auto;
}
#index .event .thumb .event-close{
    top: 37.5%;
	transform: translate(-50%,-62.5%);
    padding: 0.75em 1em;
}
#index .event li .thumb .event-close p {
  font-size: 12px;
}
#index .event .thumb{
	padding:15px;
	margin-bottom:10px;
}
	
	#index .event .nokoriwazuka-d{
		margin: -5px auto 0;
	}	

#index .message{
	margin-bottom:40px;
}

#index .message p{
	border:1px solid #231815;
	padding:25px;
	font-size:13px;
}

#index .sec{
	padding:30px 0;
}

#index h2{
	width:85%;
	height: auto;
	margin:0 auto 20px auto;
}
	#index .gg-concept__body h2{
		font-size: 15px;
		text-align: center;
	}

#index .concept h2{
	width:70%;
}

#index .concept h3 span{
	font-size:30px;
	padding-bottom:5px;
	display: block;
}

	
	
	

/* -------------------------
　New!アイコン
------------------------- */
.ico-new {
  left: 0;
  width: 34px;
  font-size: 10px;
}
.ico-new:after {
  border-left: 17px solid #e95738;
  border-right: 17px solid #e95738;
  border-bottom: 5px solid transparent;
}	
.ico-finished {
  right: 0;
  width: 34px;
  font-size: 10px;
}	
.ico-finished:after {
  border-left: 17px solid #034F32;
  border-right: 17px solid #034F32;
  border-bottom: 5px solid transparent;
}		
	
	
/* -------------------------
　airwall
------------------------- */	
#index .airwall{
	margin:20px 0 50px 0;
	text-align: center;
}
#index .airwall h3{
	text-align: center;
}
#index .airwall .col2 ul{
	margin-bottom: 20px;
}
#index .airwall .col2 li{
	max-width: 90%;
  padding-bottom : 0;
	margin-bottom : 20px; 
}
#index .airwall .col2 li:nth-child(2n){
	margin-bottom: 0;
}	
#index .airwall .col2 li:nth-child(2n) img{
  min-height: auto;
	object-fit: fill;
	width: 100%;
	max-width: 500px;	
}
#index .airwall .inner2{
	width:100%;
	margin:0 auto;
}
	
/* -------------------------
　property
------------------------- */
#index .property ul{
	width: 95%;
	margin: 0 auto 10px auto;
	padding-left: 5px;
	display: table;
}
#index .property li:nth-child(7),
#index .property li:nth-child(8){
	display: none!important;
}
#index .property li{
	width: calc(50% - 4px / 2);
}
#index .property li .li-in a{
	width: 90%;
	height: auto;
	padding: 0;
	vertical-align: top;
}
#index .property li .thumb{ 
	margin: 0 auto 10px auto;
}
#index .property li .thumb img{
	width: 100%;
	height: auto;
	object-fit: contain;
}
#index .property li .txt{
	width: 100%;
}
#index .property li .txt:after{
   width: 8px;
   top: 20%;
   right: 1.5%;
   height: 8px;
}	
#index .property li .txt p.txt-area{
	font-size:10px;
}
#index .property .txt h3{
	font-size: 12px;
	line-height: 14px;
}
	
#index .property .btn{
	margin:0 auto 30px auto;
}

	
	
	
	
	
#index .event li{
	margin-bottom:40px;
}

#index .event h2{
	width:100%;
}

#index .event h3{
	margin:15px 0;
	font-weight: 500;
}
#index .event img{
	height: auto;
}

#index .voice li{
	margin-bottom:20px;
}

#index .voice h2{
	width:95%;
}

#index .voice h3{
	margin:15px 0;
	font-weight: 500;
}

#index .works h2 span{
	font-size:30px;
}

#index .house h2{
	width:95%;
}
	
	
	
	

#index .works h3{
	margin-top:10px;
	font-weight: 500;
}
	

#index .works li{
	text-align: center;
	position: relative;
}
	
#index .works .illust li{
	width: 14.9%;
	height: 40px;
}
	
#index .works .illust{
	border-bottom: 2px solid #000;
	height: 40px;
	margin: 0px 0 60px 0;
}
#index .works .illust li a{
	overflow: hidden;
}

#index .works li img{
	position:absolute;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
	max-height: 100%;
	max-width: 100%;
}
#index .works li span{
	position:absolute;
	top: 48px;
  left:0;
  right:0;
  margin:auto;
	font-size: 10px;
	line-height: 12px;
	width: 40px;
	word-break: break-all;
}
@media screen and (min-width:474px) and ( max-width:999px) {
	#index .works .illust li{
		width: 16%;
		height: 60px;
	}
	#index .works .illust{
	height: 60px;
	margin: 0 0 60px 0;
}
	#index .works li span{
	top: 70px;
	font-size: 10px;
	line-height: 12px;
}
}
@media screen and (min-width:420px) and ( max-width:544px) {
	
	#index .works .illust li:first-child{
	margin-left: 10px;
	}
	}
@media screen and (min-width:545px) and ( max-width:999px) {
	
	#index .works .illust li:first-child{
	margin-left: 20px;
	}
	}


	
#index .works .inner:nth-of-type(2){
	display: inline!important;
}

.col6 .inner{
	min-width:  100%!important;
	max-width: 100%!important;
	padding: 0!important;
}
.col6 li{
	float: left;
	margin:0 0 60px 0;
	padding: 0 10px 0 10px;
	border-bottom:3px solid #000;	
}

.col6 li:nth-child(6n) {
	margin-right:0;
}	
#index .works .btn{
	clear: both;
	margin: auto!important;	
}
	
	
	
#index .index-works .sec{
	padding: 30px 0 50px 0;
}
#index .index-works .col3 li{
	min-height: auto;
}
#index .index-works .thumb{
	margin-bottom: 5px;
}
#index .index-works h3{
	font-size: 13px;
	line-height: 18px;
}	
#index .index-works .col3 {
	text-align: center;
}
#index .index-works .col3 li{
	float: none;
	display: inline-block;
  width : calc(49% - 8px / 2);
	vertical-align: top;
	margin:0 10px 20px auto;
}
#index .index-works .col3 li:nth-child(2n) {
	margin-right: 0!important;
}
#index .index-works .col3 li:nth-child(3) {
    margin-right: 10px!important;
}
#index .index-works .col3 li .tag{
	text-align: left;
	margin: 0 0 5px 0;
}
#index .index-works .col3 li::after {
    width: 8px;
    bottom: 15%;
    right: 1%;
    height: 8px;
}	
	
	

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

#index .house h3{
	font-size:17px;
	font-weight: 600;
	margin:10px 0;
}

#index .house .btn{
	margin-top:30px;
}

#index .house li img{
	margin-bottom:10px;
}

#index .house li{
	text-align: center;
	padding:5px;
	background: #fff;
	margin:0 auto 0 auto;
}

#index .modelhouse .img1{
	margin-bottom:25px;
}

#index .modelhouse .line{
	line-height: 37px;
	margin-bottom:15px;
}

#index .modelhouse .line span{
	font-size:20px;
	color:#fff;
	background: linear-gradient(transparent 10%, #0E204F 0%);
}

#index .modelhouse .btn{
	margin-top:25px;
}

	
	
	
	
	
	
#index .staff .banner img{
	margin-top:20px;
}

#index .staff h2{
	font-size:18px;
	padding: 7px 0;
	font-weight: 500;
	margin:0 0 5px 0;
	width: 100%;
}
#index .staff h3{
    font-size: 14px;
    margin-top: 10px;
	line-height: 140%;
	text-align: left;
}

#index .staff h3.two{
	margin:0 0 5px 0;
}

#index .staff .btn{
	width: 90%;
	margin:20px auto 40px auto;
}

#index .staff .title{
	text-align: center;
}

#index .staff .box .left{
	float: left;
	width:35%;
}

#index .staff .box .right{
	width:60%;
	float: right;
}
	
#index .staff .col2 li:nth-child(2n){
	width: 90%;
	margin: auto;
}
#index .staff li p{
	width: 95%;
	margin: 0 auto 40px auto;
}

#index .staff .inner .news{
	float: none;
	width:auto;
	max-width: 480px;
	margin:0 auto 20px auto;
}

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

#index .staff .inner .news .cf{
	width: 90%;
	margin: auto;
}
#index .staff .box .left img{
	height:100px;
	width:100px;
	border-radius:50%;
}	
	
	

#index .siryou h2{
	width:95%;
}

#index .siryou .btnarea{
	margin-top:25px;
}

#index .siryou .btnarea .left,
#index .siryou .btnarea .right{
	margin-bottom:20px;
}

#index .aboutus h3{
	width:160px;
	margin-top:25px;
}

#index .aboutus .leftico{
	width:45%;
	float: left;
	margin-top:20px;
}

#index .aboutus .rightico{
	width:45%;
	float: right;
	margin-top:20px;
}

#index .aboutus .btn{
	margin:30px 0;
}
	
	
	
	
	
#index .index-works .col3 li img{
	max-height: 160px;
}
	
/*	
#index .insta  #sb_instagram.sbi_col_10 #sbi_images .sbi_item, #sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item, #sb_instagram.sbi_col_7 #sbi_images .sbi_item, #sb_instagram.sbi_col_8 #sbi_images .sbi_item, #sb_instagram.sbi_col_9 #sbi_images .sbi_item{
    width: 33.333333%!important;
 }
*/	
	
	
/* Search & Filter Styles */
.searchandfilter li {
	float: none!important;
	width: 100%!important;
	display: inline!important;
	padding: 0!important;
}
.searchandfilter label{
	width: auto!important;
	max-width: 20%;
	min-width: 20%!important;
	display:inline-block!important;
	margin: 0 0 3px 0!important;
	padding: 5px;
	height: auto;
	min-height: 80px;
	vertical-align: middle;
	border: 1px solid #574D43;
	border-radius: 3px;
	cursor: pointer;
}
.searchandfilter input{
		width: auto;
}
.cat-item-32:before,
.cat-item-38:before,
.cat-item-35:before {
	width: auto;
	min-width: 20%;
	display: inline-block;
	padding: 0 10px 18px 0!important;
	font-size: 15px;
}
	
	
	
	
	

	
/* -------------------------
index-youtube
------------------------- */	
#index .index-youtube h2{
	margin:0 auto 30px;
}
.index-youtube ul{
  width: 95%;
  margin: auto;
  grid-template-columns: 1fr;
  gap: 0;
}

	
	
	

/* -------------------------
col1-center
------------------------- */
.col1-center{
	width:100%;
	padding:0 0 25px;
}
	
		
	
	
} /*ウィンドウ幅が最大1023pxまでの場合に適用*/



@media screen and (min-width: 1024px) and (max-width: 1259px) { /*ウィンドウ幅が1024〜1259pxまでの場合に適用*/

}/*ウィンドウ幅が1024〜1259pxまでの場合に適用*/

@media screen and (max-width: 1023px) {
	#container:not(.kaso) #header {
		position: absolute;
		background: transparent;
		z-index: 20;
	}
	#container:not(.kaso) #header .logo img {
		filter: brightness(0) invert(1);
	}
	#container:not(.kaso) .hamburger span,
	#container:not(.kaso) .hamburger span:nth-of-type(2)::after {
		background-color: #fff;
	}
	#container:not(.kaso) .hamburger.peke span,
	#container:not(.kaso) .hamburger.peke span:nth-of-type(2)::after {
		background-color: #5f6b6e;
	}
	.renewal-top {
		--gg-text: #5b5e5d;
		--gg-green: #c6d6bd;
		--gg-line: #d9d9d9;
		background: #fff;
	}
	.renewal-top * {
		box-sizing: border-box;
		word-break: normal;
	}
	.gg-hero {
		height: 640px;
		min-height: 640px;
	}
	.gg-hero__copy {
		right: 50%;
		transform: translate(50%,60%);
		white-space: nowrap;
		bottom: 40%;
	}
	.gg-hero__copy h1 {
		font-size: 24px;
		letter-spacing: 0.22em;
		line-height: 1.7;
  text-align: center;
	}
	.gg-hero__copy p {
		font-size: 12px;
		line-height: 1.8;
		text-align: center;
	}
	
	.gg-scroll{
		bottom: 20px;
	}	

	

	.renewal-top .gg-section {
		padding: 72px 16px;
	}
	.gg-section__label {
		margin-bottom: 32px;
		font-size: 14px;
	}
	.gg-en {
		font-size: 48px;
	}
	.gg-heading {
		margin-bottom: 32px;
	}
	.gg-heading h2,
	.gg-concept h2 {
		font-size: 24px;
		letter-spacing: 0.06em;
		line-height: 1.6;
	}
		.gg-about h2,
		.gg-contact h2,
	.gg-heading p:not(.gg-en),
	.gg-text {
		font-size: 13px;
		line-height: 2;
	}
	.gg-link {
		width: 200px;
		max-width: 100%;
		padding: 16px 16px 16px 24px;
font-size: 14px;
line-height: normal;
	}
.gg-link span {
  padding: 8px 12px;
	gap: 10px;
}	
	
	
	
	.gg-youtube__grid {
		width: 100%;
		max-width: none;
		grid-template-columns: 1fr;
		gap: 16px;
		margin-bottom: 32px;
	}
	.gg-concept {
		display: flex;
		flex-direction: column-reverse;
		gap: 32px;
		width: auto;
		max-width: none;
		margin: 0!important;
		padding: 72px 16px!important;
	}
	

	
	.gg-concept:before {
		left: 0;
		top: 0;
		width: 100%;
		height: 180px;
	}
	.gg-concept__visual img {
		height: auto;
		aspect-ratio: 343 / 232;
		object-fit: cover;
	}


.gg-concept__visual::before {
  content: "";
  position: absolute;
  top: 655px;
  left: 50%;
  transform: translateX(-50%);
  background: url("../images/index/garden-design.svg") center / contain no-repeat;
  opacity: 0.5;
  width: clamp(345.6px, 33.75vw, 486px);
  height: clamp(135.111px, 13.194vw, 190px);
}	
	
	
	.gg-concept__body .gg-en {
		margin-bottom: 12px;
		text-align: center;
	}
	.gg-concept__body .gg-link {
		margin-top: 28px;
	}
	.gg-garden {
		padding-top: 72px;
	}
	

	.gg-garden:before {
		left: 0;
		right: 0;
		width: auto;
		height: 70%;
	}
	.gg-garden__list {
		display: grid;
		grid-template-columns: 1fr;
		gap: 24px;
		justify-items: center;
	}
	.gg-garden__card {
		width: 220px;
		height: 220px;
	}
	.gg-garden__card span {
		font-size: 20px;
	}
	.gg-garden__card strong {
		font-size: 22px;
	}
	.gg-works,
	.gg-construction,
	.gg-news,
	.gg-blog,
	.gg-awards {
		width: auto;
		max-width: none;
	}
	.gg-works .gg-en {
		font-size: 48px;
	}
	.gg-works__grid,
	.gg-construction__grid,
	.gg-blog__grid,
	.gg-awards__grid {
		width: 90%;
		margin: auto;
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.gg-work-card:nth-child(n+4) {
		display: none;
	}
	.gg-work-card h3,
	.gg-blog-card h3,
	.gg-construction h3 {
		font-size: 18px!important;
	}
	.gg-works > .gg-link,
	.gg-construction > .gg-link,
	.gg-blog > .gg-link {
		margin-top: 40px;
	}
	.gg-construction img {
		height: auto;
		aspect-ratio: 343 / 232;
	}
	.gg-news__row {
		display: grid;
		gap: 8px;
		min-height: auto;
		padding: 24px 0;
	}
	.gg-news__row time,
	.gg-news__row span {
		font-size: 14px;
	}
	.gg-award-card > img,
	.gg-award-card__double {
		height: 190px;
	}
	
	
	
	
#index .gg-award-card h3{
		font-size: 15px!important;
	margin: 20px 0 10px;
	}	
	
	
	.gg-about {
		width: auto;
		max-width: none;
		min-height: auto;
		margin: 0!important;
		padding: 48px 24px!important;
		display: block;
		text-align: center;
	}
	.gg-about__links {
		margin: 40px 20px 0;
		padding-top: 0;
		display: grid;
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.gg-about__links .gg-link{
		width: auto;
	}
	.gg-contact.gg-section{
		padding: 0;
	}
	.gg-contact {
		min-height: 620px;
		padding: 0;
	}
	.gg-contact__image {
		height: 260px;
	}
	.gg-contact__panel {
		position: relative;
		width: auto;
		min-height: auto;
		margin: -48px 16px 0;
		padding: 48px 24px;
		display: block;
		text-align: center;
	}
	.gg-contact__info {
		margin-top: 48px;
		padding-top: 0;
	}
	.gg-contact__tel {
		font-size: 28px;
		justify-content: center;
	}
	.gg-contact__info p {
		margin-bottom: 32px;
	}
	#container:not(.kaso) #footer .contact,
	#container:not(.kaso) #footer .message,
	#container:not(.kaso) #footer .footermenu {
		display: none;
	}
	#container:not(.kaso) #footer .footertop {
		background: var(--gg-green);
		padding: 72px 0;
	}
	#container:not(.kaso) #footer .copy {
		background: var(--gg-green)!important;
		color: var(--gg-text)!important;
		padding-bottom: 80px;
	}


/* ==========================================================
   SP補完CSS – PC側にあってSP対応が漏れていたgg-系クラスを補完
   @media screen and (max-width: 1023px) ブロックに追記用
   ========================================================== */

/* -------------------------------------------------------
   トップページ: Instagram セクション
------------------------------------------------------- */
.gg-instagram {
	padding: 40px 0 0 !important;
}
.gg-instagram::before {
	display: none; /* followus.svgはSPでは非表示 */
}
.gg-instagram-in {
	padding: 60px 16px;
}

/* -------------------------------------------------------
   トップページ: YouTube セクション
------------------------------------------------------- */
.gg-youtube {
	margin-top: 0 !important;
}
.gg-youtube__item {
	aspect-ratio: 16 / 9;
}

/* -------------------------------------------------------
   トップページ: ニュースリスト
------------------------------------------------------- */
	.gg-news.gg-section{
		width: 80%;
	padding: 0;
		margin: 72px auto;
  }
.gg-news__list {
	border-top: 1px solid var(--gg-line);
}
	.gg-news__row .gg-link{
	display: none;}

/* -------------------------------------------------------
   トップページ: top-empty (グリッド内の空スロット)
------------------------------------------------------- */
.gg-top-empty {
	grid-column: 1 / -1;
	padding: 24px 16px;
	font-size: 13px;
	line-height: 1.8;
}

/* -------------------------------------------------------
   トップページ: hero画像(インライン指定のため継承不要だが念のため)
------------------------------------------------------- */
.gg-hero__image {
	position: absolute;
	inset: 0;
}

/* -------------------------------------------------------
   トップページ: work-card カテゴリバッジ
------------------------------------------------------- */
.gg-work-card__cat {
	background: #7B8F7C;
}
.gg-work-card__cat.is-garden {
	background: #2f6f4e;
}
.gg-work-card__cat.is-exterior {
	background: #8a6a3d;
}
.gg-work-card__cat.is-uncategorized {
	background: #7B8F7C;
}

/* -------------------------------------------------------
   トップページ: service セクション
------------------------------------------------------- */
	.gg-service.gg-service{
		width: 80%;
	padding: 0 16px;
		margin: 72px auto;
  }
.gg-service {
	width: auto;
	max-width: none;
	margin: 0 16px 40px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.gg-service-card {
	width: 100%;
	height: auto;
	min-height: 140px;
	padding: 32px 32px;
	border-radius: 10px;
}
#index .gg-service-card h2{
		font-size: 20px;
		width: auto;
    margin: 0 0 10px;
	}
.gg-service-card:nth-of-type(1) {
	background: url("../images/renewal-pages/flow-05.png") right 16px bottom / 45% auto no-repeat;
}
.gg-service-card:nth-of-type(2) {
	background: url("../images/renewal-pages/flow-02.png") right 16px bottom / 45% auto no-repeat;
}
.gg-service-card .gg-link {
	margin-top: 20px;
}

/* -------------------------------------------------------
   ドロワーメニュー
   (ベーススコープですでにモバイルファースト設計されているため
    SP側で追加が必要な切り替えのみ記述)
------------------------------------------------------- */
.gg-global-nav {
	display: none;
}
.gg-drawer__visual,
.gg-drawer__desktop,
.gg-drawer__brand {
	display: none;
}
.gg-drawer__mobile {
	display: block;
}
.gg-drawer__submenu {
	padding: 0 0 12px 16px;
}

	
.gg-drawer__submenu a {
  padding: 8px 0;
  font-size: 13px;
}	
	
	
/* -------------------------------------------------------
   blog アーカイブ
------------------------------------------------------- */
.gg-blog-archive {
	width: calc(100% - 32px);
	max-width: none;
	margin-inline: auto;
}

/* -------------------------------------------------------
   検索結果なし表示
------------------------------------------------------- */
.gg-empty {
	max-width: none;
	margin: 0 16px;
	padding: 40px 16px;
	font-size: 13px;
}

/* -------------------------------------------------------
   gg-main--gray (グレー背景セクション)
------------------------------------------------------- */
.gg-main--gray {
	background: #f5f5f5;
}

/* -------------------------------------------------------
   施工フロー (gg-flow-list)
------------------------------------------------------- */
.gg-flow-list {
	max-width: none;
	width: calc(100% - 32px);
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

/* -------------------------------------------------------
   下層共通 ページヒーロー/パンくず (PC固定幅のはみ出し補正)
------------------------------------------------------- */
.gg-page-hero:before {
	width: 100%;
}
.gg-breadcrumbs .gg-container {
	width: 100%;
	padding: 5px 16px;
}

/* -------------------------------------------------------
   リニューアルフロー (gg-flow-renewal-list / step番号)
------------------------------------------------------- */
.gg-flow-renewal-step__number{
width: 60px;
height: 60px;
}
.gg-flow-renewal-step__number span:nth-of-type(1){
font-size:14px;
}
.gg-flow-renewal-step__number span:nth-of-type(2){
font-size:24px;
}

/* -------------------------------------------------------
   プロフィールカード
------------------------------------------------------- */
.gg-profile__identity {
	min-height: auto;
	padding: 12px 16px;
}
.gg-profile__position {
	font-size: 10px;
	margin: 0 0 2px;
}
.gg-profile__en {
	font-size: 11px;
	letter-spacing: 0.06em;
	margin-top: 4px;
}
.gg-profile__meta {
	margin-top: 20px;
	font-size: 13px;
	line-height: 1.9;
}

/* -------------------------------------------------------
   製品ページ: AirWall – 参考スペック
------------------------------------------------------- */
.gg-airwall-reference {
	padding-top: 0;
}
.gg-airwall-reference h2 {
	font-size: 22px;
	letter-spacing: 0.06em;
	margin-bottom: 32px;
}
.gg-airwall-reference__row {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px;
	margin: 0 0 16px;
	white-space: normal;
}
.gg-airwall-reference__row strong {
	font-size: 26px;
	letter-spacing: 0.04em;
}
.gg-airwall-reference__row strong span {
	font-size: 15px;
}
.gg-airwall-reference__note {
	font-size: 11px;
	line-height: 1.8;
}
	.gg-airwall-reference__row span.tax{
		margin-left: 85px;
	}
	
	
	
.gg-product-band h2 {
font-feature-settings: 'palt' on;
  font-family: "Noto Serif JP", serif;
font-size: 28px;
font-weight: 500;
line-height: 160%; /* 44.8px */
letter-spacing: 2.24px;
}	
	
	.gg-product-table{
		margin-bottom: 32px;
	}	
.gg-product-table th,
.gg-product-table td {
  font-size: 14px;
  line-height: 220%;
}	
	
	
/* -------------------------------------------------------
   製品ページ: AirWall – テストスライダー
------------------------------------------------------- */
.gg-airwall-test__lead {
	margin-bottom: 24px;
	font-size: 14px;
	line-height: 2;
}
.gg-airwall-test__slider {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}
.gg-airwall-test__slider .swiper-slide img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
}
.gg-airwall-test__pagination {
	position: static !important;
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}
.gg-airwall-test__pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	aspect-ratio: 1 / 1;
	background: #fff;
	opacity: 1;
}
.gg-airwall-test__pagination .swiper-pagination-bullet-active {
	background: #5b5e5d;
}

/* -------------------------------------------------------
   製品ページ: 注意書き
------------------------------------------------------- */
.gg-product-note {
	width: auto;
	max-width: none;
	text-align: left;
	margin: 16px 0 0;
	font-size: 11px;
	line-height: 1.8;
}

/* -------------------------------------------------------
   製品ページ: ポイント番号 (02 / ライン / ラベル)
------------------------------------------------------- */
.gg-product-point__number-wrap {
	display: flex;
	align-items: center;
	gap:2px;
}
.gg-product-point__number-02 {
	font-size: 19px;
	margin-top: -2px;
}
.gg-product-point__line {
  flex: 0 0 76px;
	height: 1px;
	background: currentColor;
	opacity: .3;
}
.gg-product-point__label {
	font-size: 11px;
	letter-spacing: .06em;
}

/* -------------------------------------------------------
   製品ページ: AirWallロゴ
------------------------------------------------------- */
.gg-product-intro__logo--airwall {
	width: min(270px, 60%);
	height: auto;
	max-height: 56px;
}

/* -------------------------------------------------------
   製品ページ: ケーススタディ
------------------------------------------------------- */
.gg-product-case__figure {
	display: block;
	margin-bottom: 12px;
}
.gg-product-case__figure img {
	display: block;
	width: 100%;
aspect-ratio: 385/260;
	object-fit: cover;
}
.gg-product-case__tag {
	font-size: 10px;
	letter-spacing: .06em;
	margin-bottom: 6px;
}
.gg-product-case__title {
	font-size: 15px;
	line-height: 1.6;
	margin: 6px 0;
}
.gg-product-case__sub {
	font-size: 11px;
	line-height: 1.8;
	color: #666;
}

/* -------------------------------------------------------
   素材ページ: gg-material-block 内の画像・リンク
------------------------------------------------------- */
.gg-material-block::after {
	width: 100%;
}
.gg-material-block__image {
	padding-left: 0;
}
.gg-material-block__image,
.gg-material-block__subimage {
	width: 100%;
}
.gg-material-block__image img,
.gg-material-block__subimage {
	width: 100%;
	display: block;
	object-fit: cover;
}
/*.gg-material-block__image img {
	aspect-ratio: 4 / 3;
}*/
	
	.gg-material-block__body{
		width: 90%;
		margin: auto;
	}	
	
	.gg-material-block__logo--air {
  width: 214px;
  height: 84px;
  padding: 23px 0;
	}
	.gg-material-block__logo--lug{
		width: 168px;
  height: 94px;
		margin-bottom: 5px;
	}
.gg-material-block__subimage {
	aspect-ratio: 3 / 2;
	width: 270px;
}
	
 .gg-material-block + .gg-material-block {
    margin-top: 120px;
  }	
	
	
.gg-material-block__link {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 24px;
	font-size: 12px;
	color: #4f5552;
	text-decoration: none;
}
.gg-material-block__link::after {
	content: "";
	width: 32px;
	height: 1px;
	background: #8dad82;
}

/* -------------------------------------------------------
   gg-article / gg-article__type / gg-generic-content
------------------------------------------------------- */
.gg-article {
	max-width: none;
	width: 100%;
	margin: 0 auto;
}
.gg-article__type {
	font-size: 11px;
	margin-bottom: 8px;
}
.gg-generic-content {
	max-width: none;
	width: calc(100% - 40px);
	margin-inline: auto;
}

/* -------------------------------------------------------
   コンタクトフォーム補完
------------------------------------------------------- */
.gg-contact-field--top {
	align-items: flex-start;
}
.gg-contact-field__control {
	min-width: 0;
	width: 100%;
}

/* -------------------------------------------------------
   gg-award-card-in (受賞カード内リンク補正)
------------------------------------------------------- */
.gg-award-card-in .gg-link {
	justify-content: center;
	border-bottom: 0;
	padding: 0;
	width: auto;
}

/* -------------------------------------------------------
   Lugwood ページ固有
------------------------------------------------------- */
.gg-lugwood-page .gg-product-point__copy p {
	font-size: 13px;
	line-height: 2;
}

/* -------------------------------------------------------
   site-header: overlay 上のメニュートグル色
------------------------------------------------------- */
html:not(.is-menu-open) .gg-site-header.is-scrolled.gg-site-header--overlay .gg-menu-toggle {
	color: var(--gg-ink);
}
.gg-site-header--overlay .gg-site-header__logo img {
	filter: brightness(0) invert(1);
}
.is-menu-open .gg-site-header--overlay .gg-site-header__logo img {
	filter: none;
}

}