@charset "UTF-8";

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

/* ページ共通 */
table{
	text-align: left;
}
th{
	font-weight: normal;
}

	
/*テーブル 横スクロール可(SPのみ)*/
#page .page-maintenance .table-scroll{
	width: auto!important;
	margin: 2rem 0;
	overflow: auto!important; /* 横スクロールバーを表示 */
  white-space: nowrap; /* セル内にあるテキストの折り返しを禁止 */
}
#page .page-maintenance .table-scroll:before { 
	content: "※表が長い場合は横にスクロールできます。\f0a4";
	font-weight: 400;
  font-family: "Font Awesome 5 Free";
	color: #B31815;
}
#page .page-maintenance .table-scroll table{
	margin: 0;
}	
		
	
	
	
#page h3{
	margin:10px 0;
	font-weight: 500;
	font-size:18px;
	line-height: 22px;
}

#page .btn{
	margin-top:15px;
}

#page .box{
	margin-bottom:30px;
}
#page .pad30{
	padding:0;
}
	



/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


/* ===================================================================
　ContactForm7
==================================================================== */
section.contact-new-tel-section{
	margin: 0 0 20px 0;
}

.contact-new-tel{
	padding: 10px 0;
}
.contact-new-tel .tel{
	margin: 15px 0 0 0;
}
section.contact-new-tel-section p{
	padding: 0 0 10px 0;
	font-size: 1em!important;
}

.mailform input{
	width: auto;
}
.mailform {
	width: 90%;	
	margin: auto;
}
	
.mailform .title,
.mailform p { display: block; }
.mailform .title {
	padding-bottom: 5px;
	text-align: left;
	font-size: 18px;
}
.mailform input[type="text"].small {
    max-width: 5em;
    min-width: 5em;
}
.wpcf7 input[type="submit"]{
	width: 90%;
}
span.wpcf7-list-item {
	width: 95%;
	display: inline-block!important;
	border: 1px dashed #ccc;
	padding: 5px;
	margin: 0 3px 3px 0!important;
}
.wpcf7-list-item label{ padding: 0 3em 0 0; }
input[type="radio"]{ width: auto!important; }
	
.mailform input[type="text"],
.mailform input[type="email"],
.mailform textarea,
.mailform select{
		border-radius: 0;
}
.mailform .area{
	display: block;
	margin-right: 0;
}
.mailform .area input[type="text"]{
	width: 90%;
	min-width: auto;	
}
	
#page .page-single .mailform .address p.yubin-ico {
    width: 20px;
	min-width: 20px!important;
    max-width: 20px!important;
    display: inline-block;
    vertical-align: top;
}

/* pagehead */
.pagehead{
	margin:0 0 0 0;
	padding:0 0 0 0;
	border-top:1px solid #231815;
}

.pagehead h2{
	font-size:16px;
	text-align: center;
	/* margin-bottom:20px; */
	padding: 30px 0 30px 0!important;
}

.pagehead h2 span{
	font-family: "Inter", sans-serif;
	font-weight: 400;
	font-size:30px;
	font-weight: 600;
}

.pagehead p{
	text-align: center;
}

#page .event-archive .pagehead,
#page .event-single .pagehead,
#page .page-single .pagehead,
#page .property-archive .pagehead,
#page .property-single .pagehead,
#page .works-archive .pagehead,
#page .works-single .pagehead,
#page .voice-archive .pagehead,
#page .voice-single .pagehead,
#page .perth-archive .pagehead,
#page .perth-single .pagehead,
#page .perth-taxonomy .pagehead{
	background-size:200%;
	object-fit: cover;
}

#page .property-archive .pagehead h2,
#page .property-single .pagehead h2,
#page .works-archive .pagehead h2,
#page .works-single .pagehead h2,
#page .voice-archive .pagehead h2,
#page .voice-single .pagehead h2,
#page .perth-archive .pagehead h2,
#page .perth-single .pagehead h2,
#page .perth-taxonomy .pagehead h2{
	color: #fff;
}
	
#page h2{
	font-size:13px;
}

#page h2 span{
	font-size: 28px;
}
	
#page .page-single h2{
	font-size:18px;	
	padding:20px 0 30px 0;	
}

/* event */
.event-single img {
  margin: 0 0 15px;
}
#page .event-single .col2 .cf{
	width: 100%;
	min-width:  100%!important;
	max-width: 100%!important;
	margin: auto!important;	
}	
#page .event-single p{
	width: 100%;
	min-width:  90%!important;
	max-width: 90%!important;
	margin: auto;
}
#page .event-single .col2 li,
#page .event-single .col3 li{
	width: 100%;
	min-width:  100%!important;
	max-width: 100%!important;
	margin:0 auto 20px auto;
}
	
.event-single h3{
	margin:10px 0;
	font-weight: 500;
	font-size:18px;
}

.event-single .mailform{
	margin-top: 30px;
}
	
#page .event-gallery .col4 li img{
	width:100%;
	height: 60px;
	object-fit: cover;
}	
.event-gallery .col4 {
	width: 100%;
	margin:0 auto 40px auto;
}
.event-gallery .col4 li{
	float: left;
	width: 25%;
	margin: 0 auto 10px;
	max-width: 100%;
	text-align: center;
}	
.event-gallery .col4 li a{
	display: inline-block;
	width: 90%;
	max-width: 230px;
	margin: auto;
}
	
.event-gallery02 {
	margin: 0 auto 10px auto;
    padding: 0 0 0 0;
}
#page .event-gallery02 .col4 li img{
	width:100%;
	height: 60px;
	object-fit: cover;
}
.event-gallery02 .col4 {
	width: 100%;
	margin:0 auto 0 auto;
}	
.event-gallery02 .col4 li{
	float: left;
	width: 25%;
	margin: 0 auto 10px;
	max-width: 100%;
	text-align: center;
}	
.event-gallery02 .col4 li a{
	display: inline-block;
	width: 90%;
	max-width: 230px;
	margin: auto;
}	
	
	
.nokoriwazuka-c{
	margin: 20px auto 0;
}	
		
.event-form-close{
	max-width: 95%;
	font-size: 1em;
	padding: 2em 1em;
}
.event-form-close p:first-of-type{
	margin-bottom: 20px!important;
}
.event-form-close a{
	font-size: 18px;
	cursor: pointer;
}
.event-form-close span{
	font-size: 0.8em;
}
	
	
/* -------------------------
　property
------------------------- */
#page .property ul{
	width: 95%;
	margin: 0 auto 10px auto;
	padding-left: 5px;
	display: table;
}
#page .property li:nth-child(7),
#page .property li:nth-child(8){
	display: none!important;
}
#page .property li{
	width: calc(50% - 4px / 2);
}
#page .property li .li-in a{
	width: 90%;
	height: auto;
	padding: 0;
	vertical-align: top;
}
#page .property li .thumb{ 
	margin: 0 auto 10px auto;
}
#page .property li .thumb img{
	width: 100%;
	height: auto;
	object-fit: contain;
}
#page .property li .txt{
	width: 100%;
}
#page .property li .txt:after{
   width: 8px;
   top: 20%;
   right: 1.5%;
   height: 8px;
}	
#page .property li .txt p.txt-area{
	font-size:10px;
}
#page .property .txt h3{
	font-size: 12px;
	line-height: 14px;
}
	



/*.single-property*/
#page .single-property .report ul{
	width: 100%;
	max-width: 100%!important;
	min-width: 100%!important;
	margin: 0 auto 40px auto;
}
#page .single-property .report li{
	display: inline-block;
	width: calc(50% - 4px / 2);
	padding: 0 0 30px 0;
	vertical-align: top;
}
#page .single-property .report li h3{
	font-size:14px;
	line-height: 165%;
	margin:10px 0 10px 0;
	padding: 0.25em 0.5em 0.2em 0.5em;
}
#page .single-property .report li p{
		font-size: 12px;
		line-height: 140%;
}
#page .single-property .messagearea{
	position: relative;
	width: auto;
	max-width: auto!important;
	min-width: auto!important;
	padding:10px;
	margin: 0 auto 20px auto;
	font-size: 12px!important;
	line-height: 140%;
}
#page .single-property .messagearea .human{
	width: auto;
	max-width: 100px;
	margin:0 auto 5px auto;
}
#page .single-property .messagearea .human img{
	width:100%;
	object-fit: cover;
}
#page .single-property .messagearea p{
	position: static;
  font-size: 13px;
}

	
	
	

/* voice */

.voice-archive li{
	margin-bottom:30px;
}
.voice-archive li img{
	height: auto;
	max-height: 320px;
}

.works-single iframe{
	height: 230px!important;
	margin:15px 0;
}

.works-single h4{
	margin:20px 0 10px 0;
	font-size:16px;
	font-weight: 500;
	background:#042340;
	color:#fff;
	padding:5px 0 5px 10px;
}

/* works */

.works-archive h3{
	font-size:14px!important;
	line-height: 20px;
}

.works-single .gallery h3{
	text-align: center;
	font-size:24px!important;
}

.works-single .gallery img{
	margin-bottom:15px;
}
	

	
/* works */

.works-archive h3{
	font-size: 14px!important;
    line-height: 20px;

}

#page .works-archive .col2 .cf{
	min-width:  100%!important;
	max-width: 100%!important;
}
	
.works-archive li img{
	width:100%;
	object-fit: cover;
}


.works-archive li {
    width: 100% !important;
    float: none;
    padding-bottom: 20px;
}
	
.works-archive li .tag{
	margin: 5px 0 5px 0;
}

	.works-archive li:nth-child(2n), .works-archive li{
		margin: 0 auto 35px!important;	
	}

.works-single .gallery h3{
	text-align: center;
	font-size:24px!important;
}

.works-single .gallery img{
	margin-bottom:15px;
}
	
.award-mark-single-wrap{
	padding-top: 20px;
}


/* perth */


.perth-archive h3,
.perth-taxonomy h3{
	font-size:14px!important;
	line-height: 20px;
}

.perth-archive li img,
.perth-taxonomy li img{
	width:100%;
	height: 150px;
	object-fit: cover;
}

.perth-archive li:nth-child(odd),
.perth-taxonomy li:nth-child(odd){
	float: left;
	width:47%;
	margin-bottom:15px;
}

.perth-archive li:nth-child(even),
.perth-taxonomy li:nth-child(even){
	float: right;
	width:47%;
	margin-bottom:15px;
}

#page .perth-single .pad30{
	padding: 15px;
}	
	
.perth-single .gallery h3{
	text-align: center;
	font-size:24px!important;
}

.perth-single .gallery img{
	margin-bottom:15px;
}


	
/*スタッフ紹介*/
.people-archive .red-obi p {
    padding: 5px;
    font-size: 2.5vw;
}
.people-archive .red-obi {
	position: absolute;
    bottom: 21%;
    width: 101%;
    left: 0;
	text-align: left;
	}
#page .people-archive .inner{
	width: 90%;
	min-width: 80% !important;
} 
.people-archive ul {
    display: flex;
    gap: 30px 2%;
    flex-wrap: wrap;
}
.people-archive ul li {
	width: 49%;
	height: fit-content !important;
}
.people-archive .thumb .en_name_wrap span {
    display: none;
    font-size: 18px;
}
#page .people-single .mv_wrap {
    display: block;
	margin-bottom: 80px;
}
#page .people-single .mv_wrap .text,
#page .people-single .mv_wrap .thumb{
	width: 100%;
	margin-bottom: 35px;
	padding-bottom: 0;
}
#page .people-single .mv_wrap .thumb{
	position: relative;
	display: block;
	padding-top: 140%;
}
.people-single .article p {
    font-size: 15px;
    line-height: 2.3;
}
#page .people-single .mv_wrap .thumb img{
	position: absolute;
	top: 0;
	bottom: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: top;
}
people-single .article p {
    font-size: 15px;
    line-height: 2.4;
}
#page .people-single .mv_wrap .text .hobby{
	position: relative;
	margin-top: 40px;
	font-size: 15px;
}
#page .people-single .mv_wrap .text img{
	margin-bottom: 20px;	
}
#page .people-single .mv_wrap .text span.name{
	font-size: 24px;
	margin-bottom: 5px;
	}	
	
	
	
	
	
/* youtube-archive */	
.youtube-archive ul {
  width: 95%;
	grid-template-columns: repeat(1, 1fr);
	gap: 2vw;
	margin: auto;
}
.youtube-archive ul li {
	width: 100%;
}
	
	
	
/* 絞り込み検索 */
    #fe-search{
        padding: 0.5em;
        background-color: #E9E9E9;
			border-top: 0;
    }
    #fe-search > input[type="checkbox"] + label{
        margin: 1rem 0;
        display: block;
        text-align: center;
        cursor :pointer;
    }
    #fe-search > input[type="checkbox"] + label span{
        text-align:center;
        display:inline-block;
        padding-left: 2em;
        position: relative;
    }
    #fe-search > input[type="checkbox"] + label span::before {
        position: absolute;
        top:0;
        bottom:0;
        left: 0;
        width: 1em;
        height: 1em;
        content: '\02715';
        transform-origin:center center;
        transform:rotate(45deg);
    }
    #fe-search > input[type="checkbox"]:checked + label span:before{
     transform:rotate(0deg);
    }
    #fe-search > input + label span.a{display:none;}
    #fe-search > input + label span.b{display:inline-block;}
    #fe-search > input:checked + label span.a{display:inline-block;}
    #fe-search > input:checked + label span.b{display:none;}


    #fe-search > input[type="checkbox"]:checked + label{
        margin-bottom:2em;
    }
    #fe-search > input{
        display: none;
    }
    #fe-search .form-wrap {
        height: 0;
        padding: 0;
        overflow: hidden;
        opacity: 0;
        transition: 0.4s;
    }
    #fe-search > input[type="checkbox"]:checked + label + .form-wrap {
        height: auto;
        opacity: 1;
    }
    #fe-search fieldset{
        margin-bottom: 0.5em;
        border:1px #ccc solid;
        background-color: #fff;
        padding: 1em;
    }
/* カテゴリー＆ジャンル名 */
.category-tub{
  display: block;
	margin: 0 0 10px 0;
	text-align: center;
	position: static;
	width: auto;
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px 0;
}
.category-tub:after{
	display: none;
}
/* ラベル */
.label-tub{
	width: auto;
	margin-right: 0;
}
.label-tub label:after{
    margin-left:0.5em;
}
.label-tub label{
    padding: 0 3px;
}
.label-tub label span{
    padding:.2rem .4rem;
}
/* フリーワード＆検索ボタン */
.freeword-tub{
	padding: 1em 0;
}
.freeword-tub input {
    display: inline-block;
    padding: 2em;
    min-width: auto;
    margin: 0 1rem;
	text-align: center;
		font-size: 13px;
}
.freeword-tub input#feas_0_3{
	width: auto;
	max-width: 85%;
	padding: 1em;
	margin: 0 0 10px 0;
}
.freeword-tub input.feas-submit-button {
	margin: 0 0 0 0;
	padding: 1em;
}	
	
	
	
	
	
	


/* modelhouse */

video{
	width:120%;
	height: auto;
}

.videosec {
	width: 100%;
	position: relative;
	overflow: hidden;
}
 
.videobox{
	height: 200px;
	background: url("../images/modelhouse/dot.gif");
}

.modelhouse-page h4{
	font-size:18px;
	font-weight: 600;
	margin:30px 0 10px 0;
}

.modelhouse-page img{
	margin-top:20px;
}

.modelhouse-page .gallery{
	background:#DFE6E8;
	padding-bottom:30px;
}

.modelhouse-page .gallery h3{
	text-align: center;
	margin:30px 0 10px 0!important;
	padding-top:30px;
}

.modelhouse-page .gallery li img{
	width:100%;
	height: 150px;
	object-fit: cover;
}

.modelhouse-page .gallery li:nth-child(odd){
	float: left;
	width:47%;
}

.modelhouse-page .gallery li:nth-child(even){
	float: right;
	width:47%;
}

.modelhouse-page iframe{
	height: 300px;
}

.modelhouse-page .access{
	padding:20px 0;
}

/* 会社概要 */

.company-page .lifeissmile{
	text-align: center;
	font-size:25px;
}

.company-page table{
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-collapse: collapse;
  border-spacing: 0;
}

.company-page th{
	width:30%;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	padding:5px;
}

.company-page td{
	width:30%;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	padding:5px;
}


.concept-page .lead h3 img{
	width:150px;
}

.concept-page .lead h3{
	font-size:40px!important;
	font-weight: 600;
}

.concept-page .leadcopy{
	font-weight: 500;
	padding:0 15px;
}

.concept-page .lead {
	background:url("../images/concept/bgimg01.jpg") no-repeat bottom;
	background-size:100%;
	height: 330px;
	margin-bottom:20px;
}

.concept-page .sec h3{
	text-align: center;
}

.concept-page .sec h3 img{
	width:60%;
}

.concept-page h4{
	font-size:19px!important;
	font-weight: 500!important;
	line-height: 35px!important;
	margin:15px 0 15px 0;
}

.concept-page h4 span{
	background: #DC9E00;
	color:#fff;
	padding-left:5px!important;
	padding-right:5px!important;
}

.concept-page .message{
	border:3px solid #000;
	padding:15px;
	margin:15px 0;
}

.concept-page .message h5{
	border-bottom:2px solid #000;
	margin-bottom:15px;
	padding-bottom:15px;
	font-size:17px;
}

.concept-page img{
	margin:15px 0 0 0;
}


.house-page .lead{
	background: url("../images/house/bgimg01.jpg") no-repeat center;
	text-align: center;
	background-size:150%;
	padding:60px 0;
}

.house-page .pagecontent{
	background:#DFE6E8;
}

.house-page .lead .inner{
	margin:0 auto;
	background-color: rgba(255, 255, 255, 0.4);
	padding:20px 50px 50px 50px;
}

.house-page .question{
	margin-bottom:30px;
}

.house-page .pagecontent h3{
	text-align: center;
	background: #DC9E00;
	color:#fff;
	padding:5px 0;
}

.house-page .number{
	width:80px;
	margin:5px auto 10px auto;
}

.house-page .pagecontent h4{
	font-size:17px!important;
}

.house-page h5{
	font-size:17px;
	padding-top:5px;
}

.house-page .meritto img{
	width:80px;
	margin-right:10px;
	padding:0;
}
	
	
/* イベント */
.event-archive .box{
	padding-bottom:30px;
	border-bottom:1px solid #000;
	text-align: center;
}

.event-archive .left{
	width: 100%;
	padding: 30px 0 0 0;
	max-width:450px;
	float: none;
	margin: auto;
}

.event-archive .right{
	width: 100%;
	max-width:500px;
	float: none;
	margin: auto;
}

.event-single .thumb{
	width:100%;
	margin:0 auto;
}
	
	
/* property-single */
#page .property-single .report ul{
	width: 100%;
}
#page .property-single .report li img{
	display: block;
	width:80%;
	height: 220px;
	margin: auto;
}
#page .property-single h4{
	margin:10px 0 0 0;
}
#page .property-single p.data{
  margin: 0 0 5px 0;
}

	
/* archive-property */
#page .archive-property-box h3{
	font-size: 16px;
	line-height: 28px;
}
.archive-property-box{
	background: #F3F0EB;
	margin: 0 0 30px 0;
}
.archive-property-box .thumb{
	max-width: 100px;
	max-height: 100px;
	margin: 0 5px 0 5px;
}
.archive-property-box .info{
	min-height: 100px;
	margin: 20px 20px 0 20px;
	padding: 0;
}
.archive-property-box div.cf{
	border-bottom: 3px solid #000;
	margin: 0 0 20px 0;
}
.archive-property-box .col4 ul,
.property-single .col4 ul{
	text-align: center;
}
.archive-property-box .col4 li{
	display: inline-block;
	width: 40%;
	margin:0 auto;
	vertical-align: top;
}
.property-single .col4 li{
	display: inline-block;
	width: 45%;
	margin:0 auto;
}
	/*
#page .property-single .line{
	height: 65px;
	border-bottom:4px solid #000;
	margin-bottom:20px;
}
#page .property-single .illust{
	position: absolute;
	bottom: 0;
	width:90px;
}
#page .property-single .info{
	position: absolute;	
	left: 100px;
}*/
	
.archive-property-box .col4 li:nth-child(1),
.property-single .col4 li:nth-child(1){
	margin:0 auto 5px auto;
}
.archive-property-box .col4 li:last-child,
.property-single .col4 li:last-child{
	margin-bottom: 20px;
}

	
/* worls-single */
.works-single .col4 li{
	float: none;
	width:220px;
	margin:0 auto 20px auto;
}

.works-single .col4 li:nth-child(4n) {
	margin:0 auto 20px auto;
}	
	
.works-single .gallery .col4 ul{
	text-align: center;
}
.works-single .gallery .col4 li{
	margin: 0 10px 0 0!important;	
}
.works-single .gallery .col4 li:nth-child(even){
	margin: 0 0 0 0!important;	
}
.works-single .gallery .col4 li{
	display: inline-block;
	width:45%;
	margin:0 auto;
}
.works-single .article p{
	width: 95%;
	margin: 0 auto 30px auto!important;
}
.works-single .article .honbun p{
	width: 100%;
}
	
	
/* ブログ */
#page .blog-archive .box{
	width: 100%;
	min-width:  95%!important;
	max-width: 95%!important;
	margin: 0 auto 60px auto!important;
}
	
#page .blog-archive .left{
	width:100%;
	margin: auto;
	float: none;
}
	
#page .blog-archive .left img{
	display: block;
	margin: 10px auto 0 auto;
}	

#page .blog-archive .right{
	width:100%;
	max-width: 320px;
	margin: auto;
	float: none;
}
#page .blog-archive h3{
	margin-bottom: 15px;
	line-height: 1.1em;
}
	
/* performance */
.performance{
	width:100%;
	margin:0 auto;
}
.performance .maintitle{
	margin:0 0 20px 0;
}
#page .page-single .performance p{
	width: 100%;
	min-width:  100%!important;
	max-width: 100%!important;
	/*margin: 0 auto!important;	*/
}	

.performance .plus{
	padding:35px 0 0 0;
	background: url(../images/page/plus.png) left top no-repeat;
	background-size:25%;
	font-size:17px;
	margin-top:10px;
}

	

/* 家づくりの流れ */
.box-left{
	float: none;
	width: auto;
	color: #574d43;
	margin-bottom: 10px;
}
.box-right{
	float: none;
	width: auto;
	text-align: center;
	margin: -15px 0 -15px 0;
}
	.box-right img{
		width: 50%;

	}

/* original */
	
#page .original .col4 li img{
	width:100%;
	height: 150px;
	object-fit: cover;
}
	
.original .col4 {
	width: 100%;
	margin:0 auto 40px auto;
}
	
.original .col4 li{
	float: left;
	width: 50%;
	margin: 0 auto 20px;
	max-width: 100%;
	text-align: center;
}	

.original .col4 li a{
	display: inline-block;
	width: 90%;
	max-width: 230px;
	margin: auto;
}	

/* material */

#page .material .col2 li:nth-child(1){
	width:100%;
}

#page .material .col2 li:nth-child(2){
	width:100%;
}
	
	
	
/* gallery */
	
#page .gallery-single h3{
	font-size: 22px;
	line-height: 34px;
	margin-bottom: 35px;
	padding-bottom:15px;
	border-bottom:2px solid #000;
}

.gallery-archive h3,
.gallery-taxonomy h3{
	font-size:10px!important;
	line-height: 20px;
}

.gallery-archive ul,
.gallery-taxonomy ul {
	margin:1%;
	padding:2%;
}
.gallery-archive li,
.gallery-taxonomy li {
	display:inline-block;
	width:-webkit-calc((92% * 1/3) );
	width:calc((92% * 1/3) );
	margin:1%;
	box-sizing:border-box;
	vertical-align: top;
	height: auto!important;
}
.gallery-archive li img,
.gallery-taxonomy li img{
	width:100%;
	height: 100px;
	object-fit: cover;
}
	
.gallery-archive .thumb img{
	max-height: 120px;
}
	
.gallery-single .gallery h3{
	text-align: center;
	font-size:24px!important;
}	


	
	
	
	
	
/* airwall */
.airwall .mb50{
		margin-bottom: 15px!important;
}
#page .airwall p{
	width: 95%;
	margin: 0 auto 20px;
}
#page .airwall .col2 .cf{
	min-width: 100% !important;
	max-width: 100% !important;
}
.airwall .col2 li{
	width: 100%!important;
	float: none!important;
}
.airwall-sec02 .col2 li:nth-child(2n){
	margin-bottom: 50px;
	text-align: center;
}
.airwall-sec02 .col2 li:nth-child(2n) img{
	max-width: 300px;
}
.page-temp01 .w100img-p01{
	padding: 0;
}
.page-temp01 .w100img-p02{
	padding: 40px 0 10px 0;
}
.airwall .box .left{
	width:100%!important;
	float: none!important;
	text-align: center;
	line-height: 220%;
	padding:30px 0 0 0;
	margin: 0 0 10px 0;
}
.airwall .box .left span{
	font-size:30px;
}
.airwall .box .right{
	width:100%;
	float: none;
}
.airwall .box{
	margin-bottom:20px!important;
}
.airwall .gallery{
	margin-top: 60px;
}
	
.airwall-sec03 .col2 li{
  margin: 0 auto 40px auto;		
}	
#page .page-temp01 .airwall-sec04 h4 {
    font-size: 15px;
    border-left: 7px solid #9F1F24;
	  line-height: 140%;
    padding: 0.4em 0.5em 0.4em 0.5em;
}	

#page .price-area .col2 .cf{
		margin-bottom: 70px!important;
}
#page .price-area .col2 .cf:last-of-type{
		margin-bottom: 20px!important;	
}
.price-area .col2 li {
    margin: 0 auto 10px auto;
}	
#page .price-area p {
    margin: 0 auto 0!important;
}	
.price-area .price {
	display: inline-block;
    font-size: 26px;
    padding: 0 0 10px 10px;
}
#page .price-area table{
	margin: 10px 0 20px 0;
}	
.page-temp01 .price-area table th {
    width: 32%;
    line-height: 140%;
}
#page .price-area table th{
		padding: 8px 10px;
}
#page .price-area table td{
		padding: 10px 10px;
}
.airwall-sec05 .col3 li {
    margin: 0 auto 10px auto;
}	
	
	
	
	
	
	
	
	
	

/* Contactform7 */
.mailform .title,
.mailform p {
	display: block;
}
.mailform .title {
	padding-bottom: 0;
	text-align: left;
}
.mailform .title,
.mailform p,
.mailform input[type="text"],
input[type="email"],
textarea {
	width: auto;
	max-width: 100%;
}
span.wpcf7-list-item {
	display: inline-block!important;
	border: 1px dashed #89BDDE;
	border-radius: 5px;
	padding: 5px;
	margin: 0 3px 3px 0!important;
}
.wpcf7-list-item label{
	padding: 0 3em 0 0;
}
input[type="radio"]{
	width: auto!important;
}

	
.siryo-sample span.wpcf7-list-item label span.wpcf7-list-item-label:before {
  display: block;
  margin: auto;
	width: 100%;/*画像の幅*/
  max-height: 70px;/*画像の高さ*/
}

	
	
	
	
/* page-single */
.border-frame{
	padding:20px 20px 0 20px;
	margin-bottom:20px;
}
#page .page-single .box{
	margin-bottom: 20px;
}
#page .border-frame h3 span,
#page .material h3 span{
	font-size:13px;
}
	
/* recruit */
#page .recruit-page th{
	width: 20%;
}

/* maintenance */
#page h3.maintenance-h3,
#page .doubleinslation h3{
	font-size: 1.5em;
	padding-bottom: 1em;
	margin-bottom: 1.2em;
	border-bottom: 1px solid #e9e9e9;
	line-height: 1.4em;
}
.wid800{
	margin-bottom: 15px;
}

/* property-single */
#page .property-single .line{
	border-bottom:3px solid #000;
	margin-bottom:20px;
}
#page .property-single .info{
	min-height: 100%;
	margin: 0 20px 0 20px;
  padding: 0 0 10px 0;
}
	
.property-single-btn{
	width: 100%;
}
.property-single-btn a,
.property-single-btn span{
	width: 80%;
}
	
#page .property-single .messagearea{
	padding:20px;
	margin: auto;
}
#page .property-single .human{
	float: none;
	margin:0 auto 20px auto;
}
#page .property-single .report li{
	margin: 0 0 40px 0;
}
.property-single .report p{
	width: 100%;
	min-width:  95%!important;
	max-width: 95%!important;
	margin: 0 auto 0 auto!important;	
}
.property-single .report p.data{
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 5px;
	margin-bottom: 5px!important;
}
/* voice-single */
#page .voice-single .pad30{
	padding:0;
}
	
.voice-single .article p{
	width: 100%;
	min-width:  95%!important;
	max-width: 95%!important;
	margin: 0 auto 30px auto!important;	
}
	
.voice-single .area{
	margin-bottom:30px;
}

/* works-single */
#page .works-single h3{
	line-height: 28px;
}

/* perth */
#page .perth-single h3{
	line-height: 28px;
}
.perth-single .mainimage{
	margin-bottom: 10px;
}
.perth-single .border-frame{
	margin-bottom:10px;
}
ul.bukkenjoho li {
	padding: 10px 0 10px 0!important;
}
ul.bukkenjoho li p.name {
	width: 26%;
	font-weight: bold;
}
ul.bukkenjoho li p.txt {
	width: 74%;
	margin: 0 0 0 0;
}
.meta{
	margin: 0 auto 10px auto;
}
.meta a{
	padding: 5px 15px;
	margin-bottom: 5px;
}
.meta a:last-child{
	margin-bottom: 0;
}

	
/* other */
#page .doubleinslation th{
	width: 25%;
}

	
/*page-temp01*/
#page .page-temp01 h2{
	font-size: 12px;
	letter-spacing: 3px;
}
	
.page-temp01 .catchcopy{
	font-size:26px;
	letter-spacing: 4px;
	margin-top:10px;
}

.page-temp01 .readcopy{
	font-size: 14px;
	line-height:165%;
	letter-spacing: 1px;
	margin: 0 0 40px 0;
}

/*セクション*/
.page-temp01 section{
	margin: 0 0 80px 0;
	font-size: 15px;
	line-height: 165%;
}
/*h3*/
#page .page-temp01 h3{
	font-size: 16px;
	letter-spacing: 2px;
	margin: 0 0 20px 0;
 	padding: 5px 15px;
}

/*h4*/
#page .page-temp01 h4{
	font-size:16px;
	margin: 0 0 15px 0;
  padding: 0.25em 0.5em 0.25em 0.5em;
	border-left: 5px solid #515151;
}

/*h5*/
#page .page-temp01 h5{
	font-size:16px;
	margin: 0 0 15px 0;
}

	
#page .news-archive p{
	width: 95%;
	margin: 0 auto 10px auto;
}

/* renewal page minimum */
#page .renewal-pagehead{
	width: 90%;
	margin: 0 auto 32px auto;
	text-align: center;
	color: #5b5e5d;
}
#page .renewal-pagehead p,
#page .renewal-concept-en{
	margin: 0 0 10px 0;
	font-family: "Cormorant Garamond", serif;
	font-weight: 500;
	font-size: 42px;
	line-height: 1;
	letter-spacing: 0.04em;
}
#page .renewal-pagehead h1{
	margin: 0 0 12px 0;
	font-family: "Noto Serif JP", serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.04em;
}
#page .renewal-pagehead div{
	font-size: 13px;
	line-height: 1.9;
}
#page .renewal-news .sec{
	padding: 42px 0 60px 0;
}
#page .renewal-news-list{
	width: 90%;
	margin: 0 auto;
}
#page .renewal-news-card{
	border-top: 1px solid #d9d9d9;
}
#page .renewal-news-card:last-child{
	border-bottom: 1px solid #d9d9d9;
}
#page .renewal-news-card a{
	display: block;
	padding: 24px 0;
	color: #5b5e5d;
}
#page .renewal-news-card time,
#page .renewal-news-article time{
	font-family: "Cormorant Garamond", serif;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0.04em;
	color: #8a8f8d;
}
#page .renewal-news-card h2{
	margin: 8px 0;
	padding: 0!important;
	text-align: left;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
}
#page .renewal-news-card h2:before{
	display: none;
}
#page .renewal-news-card p{
	width: auto;
	margin: 0 0 12px 0;
	font-size: 13px;
	line-height: 1.8;
}
#page .renewal-news-card span{
	display: inline-block;
	padding-bottom: 7px;
	border-bottom: 1px solid #5b5e5d;
	font-size: 11px;
	letter-spacing: 0.08em;
}
#page .renewal-news-article{
	width: 90%;
	margin: 0 auto;
	color: #5b5e5d;
}
#page .renewal-news-article header{
	padding-bottom: 24px;
	border-bottom: 1px solid #d9d9d9;
}
#page .renewal-news-article h2{
	margin: 8px 0 0 0;
	padding: 0!important;
	text-align: left;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.6;
}
#page .renewal-news-article h2:before{
	display: none;
}
#page .renewal-news-content{
	padding: 30px 0 10px 0;
	font-size: 14px;
	line-height: 2;
}
#page .renewal-news-content p{
	width: auto;
	margin: 0 0 1.3em 0;
}
#page .renewal-news-nav{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	width: 90%;
	margin: 36px auto 0 auto;
	font-size: 12px;
}
#page .renewal-news-nav a{
	display: inline-block;
	color: #5b5e5d;
	border-bottom: 1px solid #5b5e5d;
	padding-bottom: 7px;
}
#page .renewal-news-nav .back{
	text-align: center;
}
#page .renewal-news-nav .next{
	text-align: right;
}

#page .renewal-concept-page{
	color: #5b5e5d;
	background: #fff;
}
#page .renewal-concept-hero{
	background: #f5f7f3;
}
#page .renewal-concept-hero__image{
	height: 58vw;
	min-height: 260px;
	overflow: hidden;
}
#page .renewal-concept-hero__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#page .renewal-concept-hero__body{
	padding: 34px 5%;
}
#page .renewal-concept-hero__body p{
	margin: 0 0 14px 0;
	font-family: "Cormorant Garamond", serif;
	font-weight: 500;
	font-size: 46px;
	line-height: 1;
	letter-spacing: 0.04em;
}
#page .renewal-concept-hero__body h1,
#page .renewal-concept-lead h2{
	margin: 0 0 16px 0;
	padding: 0!important;
	font-family: "Noto Serif JP", serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.65;
	letter-spacing: 0.04em;
}
#page .renewal-concept-lead h2:before{
	display: none;
}
#page .renewal-concept-hero__body div,
#page .renewal-concept-lead p,
#page .renewal-concept-point p,
#page .renewal-concept-content{
	font-size: 14px;
	line-height: 2;
}
#page .renewal-concept-lead{
	padding: 54px 0;
	text-align: center;
}
#page .renewal-concept-lead .inner,
#page .renewal-concept-points .inner,
#page .renewal-concept-content .inner{
	width: 90%;
}
#page .renewal-concept-points{
	padding: 46px 0;
	background: #f5f7f3;
}
#page .renewal-concept-point{
	padding: 26px 22px;
	margin-bottom: 16px;
	background: #fff;
}
#page .renewal-concept-point span{
	display: block;
	margin-bottom: 14px;
	font-family: "Cormorant Garamond", serif;
	font-weight: 500;
	font-size: 34px;
	line-height: 1;
	color: #c6d6bd;
}
#page .renewal-concept-point h3{
	margin: 0 0 8px 0;
	font-size: 18px;
	line-height: 1.6;
}
#page .renewal-concept-point p{
	margin: 0;
}
#page .renewal-concept-content{
	padding: 46px 0;
}

/* renewal common header / footer */
#container.kaso .renewal-header-sp{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 91px;
	padding: 24px;
	box-sizing: border-box;
	background: #fff;
}
#container.kaso #header.renewal-header-sp .logo{
	float: none;
	width: 168px;
	margin: 0;
	text-align: left;
}
#container.kaso #header.renewal-header-sp .logo img{
	width: 168px;
	height: auto;
	display: block;
}
#container.kaso .hamburger{
	display: block;
	width: 58px;
	height: 20px;
	top: 35px;
	right: 24px;
	position: fixed;
	z-index: 9999;
}
#container.kaso .hamburger span{
	height: 1px;
	background-color: #5b5e5d;
}
#container.kaso .hamburger span:nth-of-type(1){
	top: 0;
}
#container.kaso .hamburger span:nth-of-type(2){
	top: 10px;
}
#container.kaso .hamburger span:nth-of-type(2)::after{
	height: 1px;
	background-color: #5b5e5d;
}
#container.kaso .hamburger span:nth-of-type(3){
	display: none;
}
#container.kaso #hamburger-menu.peke span:nth-of-type(1){
	transform: translateY(10px) rotate(45deg);
}
#container.kaso #hamburger-menu.peke span:nth-of-type(2){
	transform: rotate(-45deg);
}
#container.kaso #hamburger-menu.peke span:nth-of-type(2)::after{
	display: none;
}
#container.kaso .drawr{
	top: 0;
	left: 0;
	right: auto;
	width: 100%;
	max-height: 100vh;
	padding: 110px 0 48px 0;
	background: rgba(255,255,255,.98);
	box-sizing: border-box;
	z-index: 1000;
}
#container.kaso #drawrmenu{
	width: 87%;
	margin: 0 auto;
	padding: 0;
}
#container.kaso #drawrmenu li{
	padding: 0;
	border-bottom: 1px solid #d9d9d9;
}
#container.kaso #drawrmenu li a,
#container.kaso #drawrmenu .drawr-accordion{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 20px 0;
	border: 0;
	background: transparent;
	color: #5b5e5d;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.6;
	text-align: left;
	text-decoration: none;
	box-sizing: border-box;
}
#container.kaso #drawrmenu .drawr-accordion:after{
	content: "";
	width: 9px;
	height: 9px;
	border-right: 1px solid #5b5e5d;
	border-bottom: 1px solid #5b5e5d;
	transform: rotate(45deg);
	transition: .2s ease;
}
#container.kaso #drawrmenu .drawr-accordion.is-open:after{
	transform: rotate(-135deg);
}
#container.kaso #drawrmenu ul.magodrawr{
	display: none;
	padding: 0 0 14px 14px;
	border-left: 1px solid #5b5e5d;
}
#container.kaso #drawrmenu ul.magodrawr li{
	border: 0;
}
#container.kaso #drawrmenu ul.magodrawr li a{
	padding: 8px 0;
	font-size: 14px;
	line-height: 1.7;
}
#container.kaso .menusns{
	display: flex;
	justify-content: center;
	gap: 18px;
	margin: 34px 0 0 0;
}
#container.kaso .menusns .sns{
	display: block!important;
}
#container.kaso .menusns img{
	width: 24px;
	height: 24px;
	object-fit: contain;
}
#footer{
	background: #c6d6bd;
	color: #5b5e5d;
}
#footer .renewal-footer{
	padding: 72px 24px;
	background: #c6d6bd;
	box-sizing: border-box;
}
#footer .renewal-footer__brand{
	width: 222px;
}
#footer .renewal-footer__logo{
	width: 222px;
	margin: 0 0 25px 0;
}
#footer .renewal-footer__logo img{
	width: 222px;
	height: auto;
	display: block;
}
#footer .renewal-footer__brand p{
	margin: 0 0 11px 0;
	color: #5b5e5d;
	font-size: 15px;
	line-height: 1.8;
	text-align: left;
}
#footer .renewal-footer__sns{
	display: flex;
	align-items: center;
	gap: 16px;
}
#footer .renewal-footer__sns a{
	width: 24px;
	height: 24px;
}
#footer .renewal-footer__sns img{
	width: 24px;
	height: 24px;
	object-fit: contain;
	display: block;
	opacity: .78;
}
#footer .renewal-footer__nav{
	display: none;
}
#footer .copy{
	padding: 0 24px 96px 24px;
	background: #c6d6bd!important;
	color: #5b5e5d!important;
	text-align: left;
	font-size: 11px;
	line-height: 1.6;
}
	
	
	
	
	


/*ラグウッド*/
.page-temp01 #lugwood section{
	margin: 0 0 30px 0;
	font-size: 14px;
}

#page .page-temp01 #lugwood h2{
	font-size: 21px;
}
.page-temp01 #lugwood section.lugwood-01 p{
	letter-spacing: 0.04em;
	padding: 0.7em 0;
}

.page-temp01 #lugwood .gallery{
	margin-bottom: 30px;
	text-align: center;
}
.page-temp01 #lugwood .col3 li{
	display: inline-block;
	vertical-align: top;
	width: 30%;
	max-width: 310px;
	margin: 0 10px 10px 0;
	}
.page-temp01 #lugwood .col3 li:nth-of-type(3),
.page-temp01 #lugwood .col3 li:nth-of-type(6){
	margin: 0 0 10px 0;	
}	
.page-temp01 #lugwood .col3 li img{
	max-height: 158px;/**/
	object-fit: cover;
}

.page-temp01 #lugwood section.lugwood-02{
	margin: -10px 0 30px;
}
.page-temp01 #lugwood section.lugwood-02 .copy{
	font-size: 14px;
	letter-spacing: 1px;
}
.page-temp01 #lugwood section.lugwood-02 h3{
  padding: 20px 0;
}
.page-temp01 #lugwood section.lugwood-02 img{
	max-width: 160px;
}

.page-temp01 #lugwood section.lugwood-03{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	margin: 0 auto 40px;
	padding: 0;
}

.page-temp01 #lugwood section.lugwood-03 .lugwood-03-box{
	padding: 20px;
	margin: 0 0 10px;
	font-size: 14px;
}
.page-temp01 #lugwood section.lugwood-03 .lugwood-03-box .left{
	width:100%;
	float: none;
	margin-bottom: 20px;
}
.page-temp01 #lugwood section.lugwood-03 .lugwood-03-box .left img{
	max-width: 240px;
  margin: 20px 0 10px;
}
.page-temp01 #lugwood section.lugwood-03 .lugwood-03-box .left p{
	margin-bottom: 10px;
}
.page-temp01 #lugwood section.lugwood-03 .lugwood-03-box .right{
	width:100%;
	float: none;
}
.page-temp01 #lugwood section.lugwood-03 .lugwood-03-box .right img{
	max-width: 75%;
}
.page-temp01 #lugwood section.lugwood-03 ul{
	display: block;
	padding: 0 20px;	
	margin: 0 auto 0;
	font-size: 11px;
	text-align: center;
}
	.page-temp01 #lugwood section.lugwood-03 ul p{
		padding-top: 3px;
		line-height: 100%;
	}
.page-temp01 #lugwood section.lugwood-03 ul li{
	display: inline-block;
	vertical-align: top;
	width: 29%;
	padding: 0;
	margin: 0 10px 10px 0;
}
.page-temp01 #lugwood section.lugwood-03 ul li:nth-of-type(3),
.page-temp01 #lugwood section.lugwood-03 ul li:nth-of-type(6){
	padding: 0;
}
.page-temp01 #lugwood section.lugwood-03 .lugwood-03-box h4{
	clear: both;
	font-size: 18px;
	letter-spacing: 2px;
	padding: 0 0 10px 0;
	border-left: 0;
}	
	
	
} /*ウィンドウ幅が最大1023pxまでの場合に適用*/


@media screen and (min-width: 570px) and (max-width: 755px) { /*ウィンドウ幅が1024〜1259pxまでの場合に適用*/
	.page-temp01 #lugwood .col3 li img{
		max-height: 130px;/**/
	}
}
@media screen and (min-width: 400px) and (max-width: 569px) { /*ウィンドウ幅が1024〜1259pxまでの場合に適用*/
	.page-temp01 #lugwood .col3 li img{
		max-height: 90px;/**/
	}
}
@media screen and (min-width: 100px) and (max-width: 399px) { /*ウィンドウ幅が1024〜1259pxまでの場合に適用*/
	.page-temp01 #lugwood .col3 li img{
		max-height: 80px;/**/
	}
}

/* Renewal shared responsive foundation */
@media screen and (max-width: 767px){
	html,body.site-base{overflow-x:hidden}
	.gg-container,.gg-wide{width:calc(100% - 40px);max-width:100%}
	.gg-site-header{height:91px;padding:24px;}
	.gg-site-header__logo{width:min(174px,calc(100vw - 110px))}
	.gg-menu-toggle{width:62px}
	.gg-menu-toggle{top:35.545px;right:20px}
	.gg-menu-toggle:before{font-size:10px}
	.gg-menu-toggle span:not(.screen-reader-text){width:58px}
	.gg-drawer__inner{padding:105px 24px 40px}
	.gg-drawer__nav>li>a,.gg-drawer__accordion{padding:14px 0;font-size:15px}
	
	.gg-page-hero{height:248px;padding:122px 20px 36px;background-position:center}
	.gg-page-hero:before{height:148px}
	.gg-page-hero--detail{height:218px;padding-top:91px}
	
	
.single	.gg-page-hero--detail{height:148px;}	
	
	
	.gg-page-hero--aligned-detail{height:148px}
	.gg-page-hero--aligned-detail+.gg-breadcrumbs{margin-top:0;min-height:22px;padding:2px 0}
	.gg-page-hero__title p{font-size:42px;line-height: normal;}
	.gg-page-hero__title h1{
		margin-top:0;
		font-feature-settings: 'palt' on;
		font-size: 18px;
		font-weight: 500;
		line-height: 160%; /* 28.8px */
		letter-spacing: 1.44px;
	}
	.gg-breadcrumbs{padding:0;font-size:10px}
	.gg-main{padding:70px 0 90px}
	.gg-main--staff-list{padding-top:24px}
	.gg-main--detail{padding-top:72px}
	.gg-main--detail .gg-container,.gg-main--detail .gg-wide{width:calc(100% - 32px)}
	.gg-lead{margin-bottom:55px;text-align:left;font-size:14px;line-height:2}
	.gg-section{margin-top:70px}
	.gg-section-heading{display:block;margin-bottom:32px}
	.gg-section-heading:after{display:block;width:100%;margin-top:18px}
	.gg-section-heading p{font-size:12px}
	.gg-section-heading h2{font-size:24px}
	.gg-contact-cta{width: 100%;min-height:0;padding:64px 24px;display:block;text-align:center}
	.gg-contact-cta>div:first-child{padding:0 0 35px;border:0;border-bottom:1px solid rgba(91,94,93,.4)}
	.gg-contact-cta>div:first-child p{font-size:44px;}
	.gg-contact-cta h2{font-size:14px}
	.gg-contact-cta>div:last-child{padding-top:34px}
	.gg-contact-cta__tel{font-size:32px;justify-content: center;}
	.gg-contact-cta .gg-button{margin-inline:auto}
	.gg-card-grid{grid-template-columns:repeat(2,1fr);gap:40px 16px}
	.gg-card-grid--blog,.gg-card-grid--staff{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 16px}
	.gg-card-grid--single.gg-card-grid--blog,.gg-card-grid--single.gg-card-grid--staff{grid-template-columns:minmax(0,260px);justify-content:center}
	.gg-card__staff-info{min-height:92px;padding:14px 8px 12px}
	.gg-card__staff-info p{font-size:9px}
	.gg-card__staff-info h2{font-size:18px;letter-spacing:0.08em}
	.gg-card__staff-info span{font-size:10px}
	.gg-card time{margin:10px 0 6px;font-size:10px}
	.gg-card h2,.gg-card h3{font-size:13px;line-height:1.65}
	.gg-pagination{margin-top:55px}
	.gg-pagination .page-numbers{width:34px;height:34px}
	.gg-article__header{padding-bottom:24px}
	.gg-article__header time{font-size:11px}
	.gg-article__header h1{font-size:21px}
	.gg-article__body{padding:35px 0;font-size:14px;line-height:1.9}
	.gg-article__body table{display:block;overflow-x:auto;white-space:nowrap}
	.gg-article-nav{margin-top:45px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px}
	.gg-article-nav a{font-size:11px}
	.gg-main--detail .gg-article-nav{gap:32px;margin-top:56px}
	.gg-main--detail .gg-article-nav a{font-size:18px;white-space:nowrap}
	.gg-article--news .gg-article__header time{margin-bottom:8px;font-size:16px}
	.gg-article--news .gg-article__header h1{font-size:24px;line-height:1.5}
	.gg-article--news .gg-article__body{padding-top:40px;font-size:15px;line-height:1.8}
	.gg-main--news-detail .gg-article-nav{margin-top:40px}
	/* works詳細: 旧マークアップ(.tag/.mainimg/.name/.honbun/.report)のSP整形 */
	.single-works .award-mark-single-wrap{padding-top:0;margin-bottom:4px}
	.single-works .gg-article__body .tag{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;margin:12px 0 0}
	.single-works .gg-article__body .tag a{font-size:11px;letter-spacing:.05em;color:#7B8F7C;text-decoration:none}
	.single-works .mainimg{margin:20px 0 0}
	.single-works .mainimg img{display:block;width:100%;height:auto}
	.single-works .gg-article__body .name{margin:14px 0 0;text-align:center;font-family:"Noto Serif JP",serif;font-size:17px;line-height:1.6;letter-spacing:.08em;color:#5B5E5D}
	.single-works .honbun{margin-top:28px}
	.single-works .honbun p{margin-bottom:20px}
	.single-works .honbun img{display:block;width:100%;height:auto;margin:16px 0}
	.single-works .report{margin-top:44px}
	.single-works .report ul{display:flex;flex-direction:column;gap:36px;margin:0;padding:0;list-style:none}
	.single-works .report li{margin:0}
	.single-works .report li img{display:block;width:100%;height:auto}
	.single-works .report li h4{margin:12px 0 0;font-family:"Noto Serif JP",serif;font-weight:500;font-size:15px;line-height:1.7;color:#5B5E5D}
	.single-works .report li p{margin:6px 0 0;font-size:13px;line-height:1.9;color:#5B5E5D}
	.gg-feature-list{gap:24px}
	.gg-feature,.gg-feature:nth-child(even){display:flex;min-height:0;flex-direction:column;padding:32px 16px;gap:24px}
	.gg-feature:nth-child(even) .gg-feature__image{order:0}
	.gg-feature__image{min-height:0;aspect-ratio:16/10}
	.gg-feature__body h2,.gg-feature__body h3{font-size:22px}
	.gg-flow-step{display:block;padding:42px 0}
	.gg-flow-step__visual{margin-bottom:24px}
	.gg-flow-step__visual img{width:150px}
	.gg-flow-step__number{left:5px;font-size:42px}
	.gg-flow-step h2{font-size:21px}
	.gg-flow-step p{font-size:13px}
	.gg-data-table,.gg-data-table tbody,.gg-data-table tr,.gg-data-table th,.gg-data-table td{display:block;width:100%}
	.gg-data-table th{padding:18px 12px 8px;border:0}
	.gg-data-table td{padding:0 12px 18px}
	.gg-note{padding:24px 20px}
	.gg-profile{display:block}
	.gg-profile__side{max-width:410px;margin-inline:auto}
	.gg-profile__image{margin-bottom:34px}
	.gg-profile__name{font-size:24px;letter-spacing:0.08em}
	.gg-profile__content{margin-top:55px}
	.gg-site-footer .renewal-footer{width:calc(100% - 48px);padding:70px 0 55px;display:block}
	.gg-site-footer .renewal-footer__brand{width:100%}
	.gg-site-footer .renewal-footer__nav{display:none}
	.gg-site-footer .copy{padding:0 24px 80px;text-align:left}
}

@media screen and (max-width: 374px){
	.gg-card-grid{grid-template-columns:1fr}
	.gg-card-grid--blog,.gg-card-grid--staff{grid-template-columns:1fr}
	.gg-card__image{aspect-ratio:4/3}
	.gg-card--staff .gg-card__image{aspect-ratio:4/5}
	.gg-contact-cta{padding-inline:20px}
	.gg-contact-cta__tel{font-size:28px}
}

/* AirWall / Lugwood / warranty / flow responsive layouts */
@media screen and (max-width:767px){
	.gg-product-page{padding-bottom:90px}
	.gg-product-intro{padding:0 0 76px}
	.gg-product-intro__logo{width:min(270px,78%);max-height:110px;margin-bottom:10px}
	
	.gg-product-intro__logo--airwall{
		width: 195px;
    height: 34px;
	}	
	
	.gg-product-intro__logo--lugwood{width:165px;max-height:none}
	.gg-product-intro h1{margin-bottom:10px;font-size:24px}
	.gg-product-intro p{font-size:13px;line-height:2}
	.gg-wide:has(.gg-product-point__grid) {
  width: 90%;
  margin: 0 auto;
}
	
.gg-lugwood-page .gg-product-point:nth-of-type(3) {
  margin-top: 0;
}	

	
	.gg-product-point{padding-bottom:82px}
	.gg-product-point:nth-of-type(3),
	.gg-product-point:nth-of-type(5){padding-bottom:0}
	.gg-product-point__grid,.gg-product-point__grid--reverse{display:flex;flex-direction:column;gap:32px}
	.gg-product-point__grid--reverse .gg-product-point__copy,.gg-product-point__grid--reverse .gg-product-point__media{order:0}
	.gg-product-point__copy{width:100%}
	.gg-product-point__number{font-size:20px;}
	.gg-product-point__en{font-size:22px;white-space: nowrap;}
	.gg-product-point__copy h2{margin:18px 0;font-size:28px;line-height:1.55}
	.gg-product-point__copy h3{font-size:16px}
	.gg-product-point__copy p{font-size:13px;line-height:2}
	.gg-product-point__media{width:100%;height:auto;aspect-ratio:4/3!important;}
	.gg-product-point__media--square{aspect-ratio:1/1}
	
	
	.gg-product-card{
		padding: 0;
	}	
	.gg-product-card-grid{
		grid-template-columns:1fr;
		gap:42px;
		  width: 100%;
  margin: 45px 0 clamp(39.822px, 3.889vw, 56px);
	}
	.gg-product-card img{/*aspect-ratio:4/3*/}
	.gg-product-card h3{margin-top:16px;font-size:17px}
	.gg-product-card p{font-size:12px}
	.gg-product-band{margin-bottom:82px;padding:65px 0}
	.gg-product-section-heading{margin-bottom:35px}
	.gg-product-section-heading span{font-size:11px}
	.gg-product-section-heading h2{font-size:25px}
	.gg-airwall-test__grid{display:block}
	.gg-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
	.gg-product-table{min-width:620px}
	.gg-airwall-test__grid>img{height:auto;aspect-ratio:4/3;margin-top:34px}
	.gg-product-case-grid{grid-template-columns:1fr;gap:34px}
	.gg-product-case span{margin-top:12px;font-size:14px}
	.gg-product-more{margin-top:42px}
	.gg-airwall-cost-badge{/*! width:180px; *//*! height:180px; */margin:28px auto 0;}
	.gg-airwall-cost-badge strong{font-size:39px}
	.gg-airwall-process{margin:32px 0 0}
	.gg-airwall-process.swiper{
	overflow: hidden;
}
	.gg-airwall-process .swiper-wrapper{display:flex;grid-template-columns:none;gap:0}
	.gg-airwall-process li{margin-bottom:0}
	.gg-airwall-process img{aspect-ratio:343/232}
	.gg-airwall-process h3{margin-top:8px;font-size:16px}
	.gg-airwall-process__pagination{position:static!important;margin-top:32px;display:flex;align-items:center;justify-content:center;gap:16px}
	.gg-airwall-process__pagination .swiper-pagination-bullet{width:16px;height:16px;aspect-ratio:1/1;background:#fff;opacity:1}
	.gg-airwall-process__pagination .swiper-pagination-bullet-active{background:#5b5e5d}
	.gg-airwall-reference__list{width:100%;gap:34px}
	.gg-airwall-reference__list article{display:block;padding-bottom:34px}
	.gg-airwall-reference__list img{margin-bottom:22px}
	.gg-airwall-reference__list h3{font-size:17px}
	.gg-airwall-reference__list dl{grid-template-columns:82px 1fr;font-size:12px}
	.gg-lugwood-links{margin-top:24px}
	.gg-lugwood-colors{grid-template-columns:repeat(2,1fr);gap:30px 16px;margin-top:24px;width: 100%;}
	.gg-lugwood-colors figcaption{margin-top:10px}
	
	
.gg-lugwood-colors figure {
  margin: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}	
	
	
.gg-main.gg-material-page	{
		padding: 24px 0 90px;
	}
	
	
	.gg-maintenance-page,.gg-flow-renewal-page{padding-top:0}
	.gg-maintenance-container,.gg-flow-renewal-container{width:calc(100% - 40px)}
	.gg-flow-renewal-container .gg-lower-heading p{margin-left: -98px;margin-bottom: -15px;}	
	
	.gg-maintenance-container .gg-lower-heading p{margin-left: -98px;margin-bottom: -35px;line-height: 160%;}	
	
.gg-maintenance-container .gg-lower-heading {
    margin-bottom: 68px;
  }

	.gg-lower-heading{align-items: end;margin-bottom:38px;}
	.gg-lower-heading h1{display:block;
font-feature-settings: 'palt' on;
font-size: 28px;
font-weight: 400;
line-height: 160%;
letter-spacing: 2.24px;
		white-space: nowrap;
}
	.gg-lower-heading h1:after{display:block;width:76px;margin-top:18px}
	.gg-lower-heading p{
font-size: 16px;
font-weight: 400;
line-height: 220%; /* 35.2px */
		white-space: nowrap;
	}
	.gg-warranty-scroll{width:calc(100vw - 20px);overflow-x:auto;-webkit-overflow-scrolling:touch}
	.gg-warranty-table{width:820px;font-size: 14px;}
	
	
	.gg-warranty-table th,.gg-warranty-table td{padding:14px 12px}
	.gg-warranty-scroll-note{display:block;margin:9px 0 0;font-size:10px}
	.gg-warranty-notes{margin-top:42px}
	.gg-warranty-notes h2,.gg-warranty-exclusions h2{font-size:19px}
	.gg-warranty-notes li,.gg-warranty-exclusions li{padding-left:31px;font-size:14px}
	.gg-warranty-exclusions{margin-top:45px;padding:30px 20px}
	.gg-warranty-exclusions>p{font-size:12px}
	.gg-flow-renewal-step{display:flex;flex-direction:column;padding:0 0 32px;gap: 0;}

	.gg-flow-renewal-step figure img{width:100%;height: auto;}
	.gg-flow-renewal-step__body{margin-top:0}
	.gg-flow-renewal-step:not(:last-child):after{left:50%;bottom:-16px;transform:translateX(-50%)}
	.gg-flow-renewal-step h2{margin:15px 0 12px;font-size:21px}
	.gg-flow-renewal-step p{
text-align: justify;
font-size: 14px;
font-weight: 400;
line-height: 220%; /* 30.8px */}
}

/* Contact page responsive layout */
@media screen and (max-width:767px){
	.gg-contact-page{padding:52px 0 90px}
	.gg-contact-form{width:calc(100% - 40px)}
	.gg-contact-form__placeholder{gap:30px}
	.gg-contact-field{display:block}
	.gg-contact-field__label{margin-bottom:10px;font-size:13px}
	.gg-contact-field__label br{display:none}
	.gg-contact-field input[type="text"],.gg-contact-field input[type="email"],.gg-contact-field input[type="tel"],
	.gg-contact-field textarea,.gg-contact-form__configured input[type="text"],.gg-contact-form__configured input[type="email"],
	.gg-contact-form__configured input[type="tel"],.gg-contact-form__configured input[type="date"],.gg-contact-form__configured select,
	.gg-contact-form__configured textarea{height:52px;font-size:13px}
	.gg-contact-field textarea,.gg-contact-form__configured textarea{height:190px}
	.gg-contact-field__control--zip{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr)}
	.gg-contact-field__control--location{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px}
	.gg-contact-options{gap:12px 16px}
	.gg-contact-options label{font-size:12px}
	.gg-contact-date{max-width:100%}
	.gg-contact-submit,.gg-contact-form__configured input[type="submit"]{width:100%;height:64px;margin-top:10px;font-size:16px}
	.gg-contact-form__configured .wpcf7-form{gap:30px}
	.gg-contact-form__configured .mailform>.cf{display:block;width:100%;margin-bottom:30px}
	.gg-contact-form__configured .mailform>.cf>.title{margin-bottom:10px;font-size:15px}
	.gg-contact-form__configured .mailform>.cf>.title p{font-size:15px;vertical-align: middle;}
	.gg-contact-form__configured .mailform .hissu{display: inline-block;padding: 4px 10px;min-width:45px;height:20px;margin-right:7px;font-size:12px;}
	.gg-contact-form__configured .mailform input[type="text"],
	.gg-contact-form__configured .mailform input[type="email"],
	.gg-contact-form__configured .mailform input[type="tel"],
	.gg-contact-form__configured .mailform input[type="date"],
	.gg-contact-form__configured .mailform select{height:52px;font-size:13px}
	.gg-contact-form__configured .mailform textarea{height:190px;font-size:13px}
	.gg-contact-form__configured .wpcf7-checkbox,
	.gg-contact-form__configured .wpcf7-radio{gap:12px 16px}
	.gg-contact-form__configured .wpcf7-list-item-label{font-size:12px}
	.gg-contact-form__configured .mailform>.address{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px}
	.gg-contact-form__configured .mailform>.address>.title{grid-column:1/3;grid-row:auto;padding:0}
	.gg-contact-form__configured .mailform>.address>.yubin-ico{grid-column:1;grid-row:2}
	.gg-contact-form__configured .mailform>.address>.yubin{grid-column:2;grid-row:2;width:100%;max-width:180px}
	.gg-contact-form__configured .mailform>.address>p:last-child{grid-column:1/3;grid-row:3;margin-top:0}
	.gg-contact-form__configured .mailform input.small{
		width:64px!important;min-width:64px!important;max-width:64px!important;margin-right:0
	}
	.gg-contact-form__configured .form.mailform-wrap>.btn{width:100%;margin:0}
	.gg-contact-form__configured .wpcf7 input[type="submit"],
	.gg-contact-form__configured input.wpcf7-submit{height:64px;font-size:16px}
}

/* Generic WordPress content responsive layout */
@media screen and (max-width:767px){
	.gg-main--generic-page{padding-top:0;}
	.gg-generic-content__featured,.gg-article__featured{margin-bottom:36px}
	.gg-generic-content__featured img,.gg-article__featured img{max-height:none}
	.gg-card-grid--generic{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 16px}
	.gg-archive-description{margin-bottom:48px;text-align:left;font-size:13px;line-height:1.9}
	.gg-search-summary{margin-bottom:38px}
	.gg-search-summary h1{font-size:20px}
	.gg-search-summary p{font-size:12px}
	.gg-article--generic .gg-article__featured{margin-top:34px}
	.gg-content{font-size:14px;line-height:1.9}
	.gg-content>h2{display:block;margin:58px 0 24px;padding: 10px;font-size:18px;height: auto;border-bottom: 1px solid #aaa;}
	.gg-content>h2:after{display:block;width:100%;margin-top:16px}
	.gg-content > h2::after{
		display: none;
	}
	.gg-content .thanks{
		width: 100%;
	}
	.gg-content>h3{margin:44px 0 20px;font-size:20px}
	.gg-content>h4{margin:34px 0 16px;font-size:17px}
	.gg-content p{margin-bottom:22px}
	.gg-content ul,.gg-content ol{margin-bottom:26px;padding-left:1.5em}
	.gg-content blockquote{margin:32px 0;padding:24px 20px}
	.gg-content table{display:block;width:100%;margin:32px 0;overflow-x:auto;white-space:nowrap}
	.gg-content th,.gg-content td{padding:13px 14px}
	.gg-content img,.gg-content figure,.gg-content iframe,.gg-content video{margin-top:32px;margin-bottom:32px}
	.gg-content .wp-block-button__link,.gg-content a.button,.gg-content a.gg-content-button{width:100%;min-width:0}
}

@media screen and (max-width:374px){
	.gg-card-grid--generic{grid-template-columns:1fr}
}

/* Concept hub / Philosophy responsive layout (page-concept.php, page-design.php) */
@media screen and (max-width:767px){
	.gg-photo-hero{height:240px}
	.gg-photo-hero--overlay:before{background:linear-gradient(to bottom, rgba(102,102,102,0) 45%, rgba(0,0,0,.36))}
	.gg-photo-hero__copy{right:20px;bottom:22px;left:20px;text-align:left}
	.gg-photo-hero__label{justify-content:flex-start;font-size:12px}
	.gg-photo-hero__label b:after{width:28px;margin:0 8px}
	.gg-photo-hero__copy h1{font-size:22px;line-height:1.5}

	.gg-concepthub-container{width:calc(100% - 40px)}
	.gg-intro-block{display:block;padding:40px 0 8px}
	.gg-intro-block__head{width:100%;margin-bottom:24px}
	.gg-intro-block__label{font-size:13px}
	.gg-intro-block__label b:after{width:28px;margin:0 8px}
	.gg-intro-block h1,.gg-intro-block h2{font-size:23px;line-height:1.7}
	.gg-intro-block__copy{width:100%;gap:20px;padding-top:0}
	.gg-intro-block__copy p{font-size:13.5px;line-height:1.9}

	.gg-pillar-section{padding:32px 0 40px}
	.gg-pillar-section__band{height:100%;top: 52%;}
	.gg-pillar-section__accent,.gg-pillar-section--reverse .gg-pillar-section__accent{display:none}
	.gg-pillar-section__row,.gg-pillar-section--reverse .gg-pillar-section__row{display:block;padding:0 20px;flex-direction:row}
	.gg-pillar-section__media{margin-bottom:20px}
	.gg-pillar-section__heading{padding:0}
	.gg-pillar-label{font-size:12px;margin-bottom:12px}
	.gg-pillar-label b:after{width:28px;margin:0 8px}
	.gg-pillar-section__heading h2{font-size:20px;white-space:normal}
	.gg-pillar-section__content{width:calc(100% - 40px);padding-top:20px;gap:16px}
	.gg-pillar-section--reverse .gg-pillar-section__content{align-items:flex-start;padding-left:0}
	
	
.page-id-6655 .gg-main,
.page-id-148 .gg-main	{
  padding-top: 0;
	}
.page-id-6655 .gg-pillar-section--reverse .gg-pillar-section__content {
  padding-left:0;
}
	
	.gg-pillar-section__content p{font-size:13.5px;line-height:1.9}

	.gg-design-closing{padding:48px 0}
	.gg-design-closing__deco{display:none}
	.gg-design-closing__text{padding:0 20px;font-size:14px;line-height:2.2}
}

/* News archive / newscat responsive layout (archive-news.php, taxonomy-newscat.php) */
@media screen and (max-width:767px){
	.gg-newsarchive{display:block}
	.gg-newsarchive__row{padding:24px 0}
	.gg-newsarchive__row-head{font-size:11px}
	.gg-newsarchive__row h2{font-size:16px;margin-bottom:10px}
	.gg-newsarchive__thumb{margin-bottom:12px;max-width:100%}
	.gg-newsarchive__excerpt{font-size:12.5px;line-height:1.8}
	.gg-newsarchive__sidebar{margin-top:40px;gap:16px}
	.gg-newsarchive__box{padding:16px}
	.gg-newsarchive__box h3{font-size:14px;margin-bottom:8px}
	.gg-newsarchive__box a{padding:10px 4px;font-size:13px}
}

/* Area page responsive layout (page-area.php) */
@media screen and (max-width:767px){
	.gg-icon-heading{
font-size: 24px;
line-height: 120%;
	}
	
.gg-icon-heading:before{
	width:11px;
	height:11px;
}
.gg-main--generic-page h2{
font-size: 24px;
line-height: 120%;
}
.gg-main--generic-page h2:before{
	width:11px;
	height:11px;
}	
	
	
	
	
	.page-id-1350 .gg-main{
		padding: 0;
	}	
.gg-area {
	display: flex;
	flex-direction: column;
	padding: 36px 0;
}

.gg-area__map {
	order: 1;
	margin-top: 0; /* 必要なら */
}

.gg-area__body {
	order: 2;
}

.gg-area__list > div {
display: flex;
align-items: flex-start;
gap: 8px;
}
	.gg-area__list dt{
		width: 124px;
		white-space: nowrap;
	}
	.gg-area-point__line {
		flex: 0 0 56px;
	}
.gg-area__list dd {
	width: 211px;
font-size: 14px;
line-height: 220%; /* 30.8px */
}

.gg-area__note {
	font-size: 11px;
}
}

/* Company page responsive layout (page-company.php) */
@media screen and (max-width:767px){
	.gg-company{padding:0}
.gg-company-panel {
  padding: 0 20px 48px 20px;
}
	.gg-company-tabs__btn{font-size:13px;padding:14px 0}
	
	.gg-company-table tr{
		display: inline;
		border-spacing: 0;
	}
	.gg-company-table th,.gg-company-table td{padding:10px;font-size:12px;}
	.gg-company-table th{width:32%}
	.gg-company-section{margin-bottom:48px}
	.gg-company-address{font-size:12px}
	.gg-company-map{aspect-ratio:4/3}
	.gg-company-photos{grid-template-columns:1fr;gap:10px}
	.gg-company-dealer h3{font-size:15px}
	.gg-company-message p{font-size:13px;line-height:1.9}
}

/* Awards overview page responsive layout (page-awards.php) */
@media screen and (max-width:767px){
	
.page-id-6657 .gg-main {
  padding: 0 0 80px;
}	
	
	.gg-awardslist{padding:36px 0}
	.gg-awardslist:first-child{padding:0}
	.gg-awardslist__lead{
		font-size: 15px;
		font-feature-settings: 'palt' on;

line-height: 180%; /* 27px */
letter-spacing: 0.6px;
		margin-bottom:32px;text-align:left}
	.gg-awardslist__item{display:block;padding:24px 0}
	.gg-awardslist__figure{margin-bottom:16px}
	.gg-awardslist__badges span{font-size:10px;padding:5px 9px}
	.gg-awardslist__body h2{font-size:16px;margin-bottom:16px}
}

/* Works archive filter + card responsive layout */
@media screen and (max-width:767px){
	.gg-works-filter{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}
	.gg-works-filter__list{gap:8px}
	.gg-works-filter__chip{padding:6px 14px;font-size:12px}
	.gg-card-grid--works{grid-template-columns:repeat(2,1fr);gap:20px 12px}
	.gg-work-item__title{font-size:13px}
	.gg-work-item__tags span{font-size:10px;padding:3px 8px}
}

@media screen and (max-width:420px){
	.gg-card-grid--works{grid-template-columns:1fr}
}

/* Works detail responsive layout (single-works.php) */
@media screen and (max-width:767px){
	.gg-workdetail__chips{gap:6px;margin-bottom:14px}
	.gg-workdetail__chips a{padding:4px 10px;font-size:11px}
	.gg-workdetail__name{font-size:12px}
	.gg-workdetail__mainimg{margin:20px 0}
	.gg-workdetail__gallery{gap:24px;margin-top:32px}
	.gg-workdetail__gallery img{margin-bottom:10px}
	.gg-workdetail__gallery h4{font-size:15px}
	.gg-workdetail__gallery p{font-size:12.5px;line-height:1.8}
}


/* -------------------------------------------------------
   SP safety fixes 2026-07-06
   - prevent tiny-device horizontal overflow
   - keep drawer scrollable on short screens
   - normalize flexible media in article/content areas
------------------------------------------------------- */
@media screen and (max-width: 767px){
  html.is-menu-open, html.is-menu-open body{overflow:hidden;}
  .gg-drawer{overflow-y:auto;-webkit-overflow-scrolling:touch;}
  .gg-drawer__inner{min-height:100dvh;height:auto;}
  .gg-article__body img,
  .gg-content img,
  .gg-generic-content img,
  .gg-contact-form img{height:auto;}
  .gg-article__body iframe,
  .gg-content iframe{max-width:100%;}
  .gg-site-footer{overflow:hidden;}
}