/*!====================================*\
    Header Position
\*!====================================*/
.sp-navi-position--left .icon-hamburger {
	right: auto;
	left: 20px;
}

.sp-navi-position--left .drawer-contain-inner .logo {
	margin-left: 100px;
}

@media screen and (max-width: 767px) {
	.sp-navi-position--left .header-face-inner {
		margin-left: 80px;
	}
}

/*!====================================*\
    Main Image Animation
\*!====================================*/
.main-image-inner.slider.zoomin .slick-slide {
	position: relative;
	overflow: hidden;
}

.slide-animation {
	animation: fadezoom 12s 0s forwards;
}

@keyframes fadezoom {
	0% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1);
	}
}

/*!====================================*\
    Main Image Text
\*!====================================*/

*[animation-settings] {
	visibility: hidden;
}

.animate__animated[animation-settings] {
	visibility: visible;
}

.main-image {
	position: relative;
	overflow: hidden;
}

.main-image-text {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}

.main-image-text-box {
	background: rgba(0, 0, 0, 0.7);
	padding: 24px;
	margin-right: auto;
	max-width: 540px;
}

.main-image-text-main {
	font-weight: bold;
	color: #fff;
	font-size: 3rem;
	line-height: 1.6;
}

.main-image-text-sub {
    font-weight: normal;
	color: #fff;
	font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
	.main-image-text-main {
		font-size: 2rem;
	}

	.main-image-text-sub {
        font-weight: normal;
		color: #fff;
		font-size: inherit;
	}
}

/*!====================================*\
    Drawer Animation
\*!====================================*/

/*!------------------------------------*\
    Fade
\*!------------------------------------*/
.drawer--a-fade .drawer-overlay {
	background-color: transparent !important;
}

.drawer--a-fade .drawer-contain {
	transition: all 0.2s ease !important;
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	visibility: hidden !important;
	opacity: 0 !important;
	overflow: auto !important;
}

.drawer--a-fade.drawer-open .drawer-contain {
	visibility: visible !important;
	opacity: 1 !important;
}

/*!------------------------------------*\
    短冊型
\*!------------------------------------*/
.drawer--a-type1 .drawer-contain {
	transition: none;
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	background-color: transparent;
	visibility: hidden !important;
	overflow: auto !important;
}

.drawer--a-type1.drawer-open .drawer-contain {
	visibility: visible !important;
	opacity: 1 !important;
}

.drawer--a-type1 .drawer-contain-inner {
	transition: none !important;
	position: relative;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
}

.drawer--a-type1.drawer-open .drawer-contain-inner {
	transition: none !important;
	opacity: 1;
	visibility: visible;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.drawer--a-type1 .drawer-contain-inner .logo {
	transition: none;
	opacity: 0;
	visibility: hidden;
}

.drawer--a-type1.drawer-open .drawer-contain-inner .logo {
	transition: all 0.2s ease 0.6s;
	opacity: 1;
	visibility: visible;
}

.drawer--a-type1 .drawer-contain #menu-global {
	overflow-x: hidden;
}

.drawer--a-type1.drawer .drawer-contain #menu-global {
	overflow-x: initial;
}

.drawer--a-type1 .drawer-contain #menu-global>li {
	transition: none;
	position: relative;
	left: -100%;
}

.drawer--a-type1.drawer-open .drawer-contain #menu-global>li {
	transition: all 0.2s ease 0.6s;

	left: 0;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(1) {
	transition-delay: 0.6s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(2) {
	transition-delay: 0.65s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(3) {
	transition-delay: 0.7s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(4) {
	transition-delay: 0.75s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(5) {
	transition-delay: 0.8s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(6) {
	transition-delay: 0.85s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(7) {
	transition-delay: 0.9s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(8) {
	transition-delay: 0.95s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(9) {
	transition-delay: 1s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(10) {
	transition-delay: 1.05s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(11) {
	transition-delay: 1.1s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(12) {
	transition-delay: 1.15s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(13) {
	transition-delay: 1.2s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(14) {
	transition-delay: 1.25s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(15) {
	transition-delay: 1.3s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(16) {
	transition-delay: 1.35s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(17) {
	transition-delay: 1.4s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(18) {
	transition-delay: 1.45s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(19) {
	transition-delay: 1.5s;
}

.drawer--a-type1 .drawer-contain #menu-global>li:nth-child(20) {
	transition-delay: 1.55s;
}

.drawer--a-type1 .drawer-contain .drawer-decoration {
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	/* flex-direction: column; */
	align-items: stretch;
	justify-content: stretch;
	flex-direction: row;
}

.drawer--a-type1 .drawer-contain .drawer-decoration .drawer-decoration-item {
	transition: all 0.4s ease 0s;
	width: 100%;
	height: 0;
	background-color: rgba(255, 255, 255, 0.98);
}

.drawer--a-type1.drawer-open .drawer-contain .drawer-decoration .drawer-decoration-item {
	height: 100%;
}

.drawer--a-type1 .drawer-contain .drawer-decoration .drawer-decoration-item.is-01 {
	transition-delay: 0.05s;
}

.drawer--a-type1 .drawer-contain .drawer-decoration .drawer-decoration-item.is-02 {
	transition-delay: 0.1s;
}

.drawer--a-type1 .drawer-contain .drawer-decoration .drawer-decoration-item.is-03 {
	transition-delay: 0.15s;
}

.drawer--a-type1 .drawer-contain .drawer-decoration .drawer-decoration-item.is-04 {
	transition-delay: 0.2s;
}

.drawer--a-type1 .drawer-contain .drawer-decoration .drawer-decoration-item.is-05 {
	transition-delay: 0.25s;
}

.drawer--a-type1.drawer--left .drawer-contain .drawer-decoration {
	flex-direction: column;
}

.drawer--a-type1.drawer--left .drawer-contain .drawer-decoration .drawer-decoration-item {
	width: 0;
	height: 100%;
}

.drawer--a-type1.drawer--left.drawer-open .drawer-contain .drawer-decoration .drawer-decoration-item {
	width: 100%;
}

/*!====================================*\
    Footer SNS
\*!====================================*/

.footer-snsicons {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.footer-snsicons-list {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-bottom: 16px;
}

.footer-snsicons-list li {
	display: block;
	max-width: 33px;
	margin-right: 12px;
}

@media screen and (max-width: 767px) {
	.footer-snsicons-list {
		justify-content: center;
		margin-bottom: 30px;
	}

	.footer-snsicons-list li {
		display: block;
		margin-left: 8px;
	}
}

/*!====================================*\
    header SNS
\*!====================================*/

@media screen and (min-width: 768px) {
.header-snsicons {
	max-width: 280px;
}
}
.header-snsicons-list {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}
.header-snsicons-list li {
	display: block;
	/*max-width: 50px;*/
	max-width: 40px;
	margin-right: 5px;
}
.header-snsicons-list li a img {
	width: 100%;
}
@media screen and (max-width: 767px) {
	.header-snsicons-list {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.header-snsicons-list li {
		display: block;
		max-width: 35px;
		margin-bottom: 5px;
	}
	.header-snsicons {
        max-width: calc(55% - 70px);
		margin-left: 10px;
	}
	.header-face-inner {
		justify-content: flex-start;
        width: 100%;
		margin: 0;
	}
}

/*!====================================*\
    グローバルナビ
\*!====================================*/

/* モバイルナビゲーションの調整 */
.mobileNav>ul>li ul li {
	padding-left: 10px;
}

.mobileNav>ul>li>ul>li>a {
	padding-left: 55px;
}

.mobileNav>ul>li>ul>li>ul>li>a {
	padding-left: 70px;
}

.mobileNav>ul>li>ul>li>ul>li>ul>li>a {
	padding-left: 85px;
}

/*!====================================*\
    フッターナビはサブメニューを非表示にして簡素化
\*!====================================*/
.footerNav-inner .sub-menu {
	display: none;
}

/*!====================================*\
    グローバルナビ：ドリルダウン表示
\*!====================================*/
/*  
ul>li // 第1階層
ul>li>ul>li // 第2階層(子)
ul>li>ul>li>ul>li // 第3階層(孫)
ul>li>ul>li>ul>li>ul>li // 第4階層(ひ孫)
*/

/* 孫リンクを持つリンクは矢印を表示 */
.navi_children_drilldown .globalNav>ul ul li.menu-has-children>a,
.navi_children_drilldown .header-fixed .globalNav>ul li.menu-has-children>a {
	position: relative;
}

.navi_children_drilldown .globalNav>ul ul li.menu-has-children>a:after,
.navi_children_drilldown .header-fixed .globalNav>ul li.menu-has-children>a:after {
	display: block;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	content: "▶︎";
	font-size: 8px;
}

/* 子以降は一旦全て非表示 */
.navi_children_drilldown .globalNav>ul>li ul {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	background-color: rgba(255, 255, 255, 0.5);
}

.navi_children_drilldown .globalNav>ul>li ul li {
	position: relative;
	overflow: visible !important;
	transition: 0.5s;
}

/* ul>li>ul>li // 第2階層(子) */
.navi_children_drilldown .globalNav>ul>li>ul {
	transition: 0.5s;
}

.navi_children_drilldown .globalNav>ul>li:hover>ul {
	display: block;
	visibility: visible;
	opacity: 0.95;
}

/* ul>li>ul>li>ul>li // 第3階層(孫) */
/* ul>li>ul>li>ul>li>ul>li // 第4階層(ひ孫) */
/* 孫以降は横に伸ばす */
.navi_children_drilldown .globalNav>ul>li>ul>li ul {
	left: 100%;
	top: 0;
}

.navi_children_drilldown .globalNav>ul>li>ul>li:hover>ul,
.navi_children_drilldown .globalNav>ul>li>ul>li>ul>li:hover>ul {
	display: block;
	visibility: visible;
	opacity: 1;
}

/* ナビ左：縦並びかつメニュー固定時の調整 */

.navi_children_drilldown .header-fixed .globalNav>ul>li {
	position: relative;
}

.navi_children_drilldown .header-fixed .globalNav>ul>li ul {
	left: 100%;
	width: 100%;
	top: 0;
	max-width: 200px;
}

/*!====================================*\
    グローバルナビ：メガメニュー表示
\*!====================================*/
/*  
ul>li // 第1階層
ul>li>ul>li // 第2階層(子)
ul>li>ul>li>ul>li // 第3階層(孫)
ul>li>ul>li>ul>li>ul>li // 第4階層(ひ孫)
*/


.navi_children_megamenu .globalNav>ul>li {
	position: static;
}

/* ul>li>ul>li // 第2階層(子) */
.navi_children_megamenu .globalNav>ul>li>ul {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	max-width: 1100px;
	transition: 0s;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 20px 20px 20px 20px;
}

.navi_children_megamenu .globalNav>ul>li:hover>ul {
	visibility: visible;
	opacity: 0.95;
	transition: 0.5s;
}

.navi_children_megamenu .globalNav>ul>li>ul li,
.navi_children_megamenu .globalNav>ul>li>ul ul {
	background: none !important;
	position: static !important;
	transition: none !important;
}

.navi_children_megamenu .globalNav>ul>li:hover>ul>li {
	display: block;
	width: 100%;
	padding: 10px;
	height: auto;
	overflow: visible;
	max-width: 25%;
}

.navi_children_megamenu .globalNav>ul>li>ul>li a {
	height: auto !important;
}


.navi_children_megamenu .globalNav>ul>li>ul>li>a {
	font-weight: bold;
	border: 1px solid  rgba(122,122,122,0.1);
}

.navi_children_megamenu .globalNav>ul>li>ul>li>a:hover {
	border: 1px solid  rgba(122,122,122,0.3);
	opacity: 0.7 !important;
}


/* ul>li>ul>li>ul>li // 第3階層(孫) */
/* ul>li>ul>li>ul>li>ul>li // 第4階層(ひ孫) */

.navi_children_megamenu .globalNav>ul>li>ul>li>ul a:hover {
	opacity: 0.7 !important;
}
.navi_children_megamenu .globalNav>ul>li>ul>li>ul {
	padding-top: 20px;
	padding-bottom: 20px;
	/* border-bottom: 1px solid #eee; */
	list-style: disc;

}

.navi_children_megamenu .globalNav>ul>li>ul>li>ul li {
	height: auto !important;
	overflow: visible;
	display: block;
	text-align: left;
}

.navi_children_megamenu .globalNav>ul>li>ul>li>ul li a {
	padding: 4px 8px;
	padding-left: 10px;
	position: relative !important;
}

.navi_children_megamenu .globalNav>ul>li>ul>li>ul li li a {
	padding-left: 16px;
}

/*!====================================*\
    PCヘッダー固定
\*!====================================*/

@media screen and (min-width: 768px) {
	#h_hold.fixed001 .header-face img {
		max-height: 50px;
	}
	#h_hold.fixed001 .header-face {
		position: fixed;
		width: 100%;
		height: 60px;
		top: 0;
		background-color: rgba(255, 255, 255, 0.8);
		padding: 5px;
		transition: all 0.2s 0s ease-in-out;
        z-index: 1000;
	}
	#h_hold.fixed001 .navWrapper {
		position: fixed;
		width: 100%;
		background-color: rgba(255, 255, 255, 0.8);
		z-index: 10;
		top: 60px;
		transition: all 0.5s 0s ease-in-out;
	}
	#h_hold.fixed001 .main-image {
		margin-top: 8.3%;
	}
	.navi_position2 #h_hold.fixed001 .main-image {
		margin-top: 7.0%;
	}
    #h_hold .header-face,
	#h_hold .navWrapper {
		/*background-color: rgba(255, 255, 255, 0.8);*/
		background-color: unset;
		transition: all 0.2s 0s ease-in-out;
	}
    #h_hold.fixed001 .header-face .logo img {
        width: 70%;
        margin-left: 10px
    }
    #h_hold.fixed001 .header-face .header-face-inner {
        height: 50px;
    }
}
@media screen and (min-width:768px) and ( max-width:1024px) {
.header-face-inner p.tel {
    margin: 0 5px;
}
}

/* ---------------------------
ページ下部にナビバナー追加
--------------------------- */

@media only screen and (min-width: 768px){
    .bottom_nav img {
        width: auto;
        position: fixed;
        bottom: 0px;
        right: 80px;
    }
}

@media only screen and (max-width: 767px){
    .footer_copy {		/*コピーライトとかぶらないように下にpaddingを設定する*/
        padding-bottom: 80px; /*バナーの高さに合わせて数値は変更*/
    }

    .bottom_nav {
        margin-bottom: 50px; /*バナーの高さに合わせて数値は変更*/
        position: fixed;
        bottom: 0px;
        right: 0px;
        width: 100%;
    }
}



/*-----------------------
 common
-------------------------*/
@media screen and (min-width: 768px){
    main{font-size: 1.6rem;}
	.section-wrapper:not(:last-child) {margin-bottom: 100px;}
    .visual-text > * + * {margin-top: 2.5rem;}
}
@media screen and (max-width: 767px){
}

.map-container {line-height: 0;}
/*----------*/
div.wpcf7-response-output{margin-bottom: 0;}


body{}
.page-thanks main{margin-bottom: 50px;}
h2, h3, h4, .globalNav li a, .footerNav-inner li a, .webFont{font-weight: 400;}

/*----------*/
.header-face-inner{max-width: 100%; min-width: 100%;}
.lower-main-image .main-image-inner {max-height:300px;}
.lower-main-image .title-wrapper{background-color:transparent;}
h2.title-wrapper p{color:#fff;}

/*----------*/
.globalNav .sub-menu{width: fit-content; min-width: 100%;}
.globalNav {}
.globalNav .sub-menu a{white-space: nowrap;}
.globalNav > ul > li{flex: auto;}
.globalNav > ul > li > a{padding: 37px 20px;}
.globalNav > ul > li + li{border: none;}
.globalNav > ul > li > a::before
/*.globalNav > ul > li:last-child > a::after*/{
    content: '';
    display: inline-block;
    background: #d1cbbb;
    height: 60px;
    width: 1px;
    position: absolute;
    top:calc(50% - 30px);
}
.globalNav > ul > li > a::before{left: 0;}
.globalNav > ul > li:last-child > a::after{right: 0;}
@media screen and (min-width: 768px){
}
@media screen and (max-width: 767px){
}

/*----------*/
.footer-logo{position: relative;}
.footer-logo::after{content: "";}
@media screen and (min-width: 768px){
    .footerNav-inner{max-width: 800px;}
    .footerNav-inner li{flex: auto; text-align: center;}
    .footerNav-inner > li > a{display: block;}
}
@media screen and (max-width: 767px){
	.mobile-footer-menu{z-index: 10;}
	#shade, #modalwin {z-index: 11;}
	.footer{border-top:1px solid #d1d1d1;}
}

/*----------*/
.breadcrumb li{}
.breadcrumb li:first-child:before{}
.breadcrumb li a{}

/*----------*/
.fixed-menu{background: #222;}
#page-top a{background: #222;}


/*----------*/
.page-home .bnr-area,
.page-new-construction .bnr-area,
.page-we .bnr-area,
.page-reform .bnr-area,
.page-solar-system .bnr-area,
.page-information .bnr-area,
.page-contact .bnr-area{margin-top:0;}
.bnr-area{background-color:#f8f8f8; border-top:none;}

/*----------*/
.content-child-button{width: 100%; max-width: 450px;}
.design_button_type1 .button{position: relative; border:1px solid #3a2c12;}
.design_button_type1 .button:hover{ border:1px solid #3a2c12;}
.button{padding: 16px 0; font-size: 1.8rem;}

.btn01 .button{
	text-align: left; border: none; background: none; 
	background: url(/wp-content/uploads/2024/07/btn01.png)left center no-repeat; padding-left: 50px;
}
.btn01 .button:hover{color:#3a2c12; border: none; background: none; background: url(/wp-content/uploads/2024/07/btn01-r.png)left center no-repeat;} 
@media screen and (min-width: 768px){
    .w100{max-width: 100%;}
}
@media screen and (max-width: 767px){
	.content-child-button{max-width: 100%;}
	.button{font-size: 1.4rem;}
}

/*----------*/
table.original-table th{color: #6b552e; background: #e5e0cf;}
table.original-table td{color: #6b552e; background: #fff;}
table.original-table {border: none;}
table.original-table tr + tr{border: none; border-bottom:1px solid rgba(107,85,46,0.2);}
table.original-table tr:first-child{border: none; border-top:1px solid rgba(107,85,46,0.2); border-bottom:1px solid rgba(107,85,46,0.2);}
@media screen and (min-width: 768px){
	table.original-table th,
	table.original-table td{padding: 15px 20px;}
}
@media screen and (max-width: 767px){
	table.original-table th{}
}


/*----------*/
h3{line-height:1.5; color:#3a2c12;}
h4{line-height:1.5; color:#3a2c12;}
h3 img{width: auto; max-width: 100%;}

.h3-center h3{text-align: center;}
.h3-mb0 h3{margin-bottom: 0px;}
.h3-mb5 h3{margin-bottom: 5px;}
.h3-mb10 h3{margin-bottom: 10px;}
.h3-mb15 h3{margin-bottom: 15px;}
.h3-mb20 h3{margin-bottom: 20px;}
.h3-mb25 h3{margin-bottom: 25px;}

@media screen and (min-width: 768px){
	h3 {font-size: 3.6rem;}
	h4 {font-size: 3.0rem;}
    
    .ft60{font-size: 6.0rem;}
    .ft48{font-size: 4.8rem;}
    .ft42{font-size: 4.2rem;}
    .ft40{font-size: 4.0rem;}
    .ft38{font-size: 3.8rem;}
    .ft36{font-size: 3.6rem;}
    .ft34{font-size: 3.4rem;}
    .ft32{font-size: 3.2rem;}
    .ft30{font-size: 3.0rem;}
    .ft28{font-size: 2.8rem;}
    .ft26{font-size: 2.6rem;}
    .ft24{font-size: 2.4rem;}
    .ft22{font-size: 2.2rem;}
    .ft20{font-size: 2.0rem;}
    .ft18{font-size: 1.8rem;}
    .ft16{font-size: 1.6rem;}
    .ft14{font-size: 1.4rem;}
    .ft12{font-size: 1.2rem;}

    .h3-mb40 h3{margin-bottom: 40px;}
    .h3-mb45 h3{margin-bottom: 45px;}
    .h3-mb50 h3{margin-bottom: 50px;}
    .h3-mb55 h3{margin-bottom: 55px;}
    .h3-mb60 h3{margin-bottom: 60px;}
    .h3-mb65 h3{margin-bottom: 65px;}
    .h3-mb70 h3{margin-bottom: 70px;}
    .h3-mb75 h3{margin-bottom: 75px;}
    .h3-mb80 h3{margin-bottom: 80px;}
    .h3-mb85 h3{margin-bottom: 85px;}
    .h3-mb90 h3{margin-bottom: 90px;}
    .h3-mb95 h3{margin-bottom: 95px;}
    .h3-mb100 h3{margin-bottom: 100px;}
}
@media screen and (max-width: 767px){
	h3 {font-size: 2.3rem;}
	h4 {font-size: 2.0rem;}
    
    .ft60{font-size: 3.0rem;}
    .ft48{font-size: 2.6rem;}
    .ft42{font-size: 2.4rem;}
    .ft40{font-size: 2.4rem;}
    .ft38{font-size: 2.4rem;}
    .ft36{font-size: 2.3rem;}
    .ft34{font-size: 2.2rem;}
    .ft32{font-size: 2.2rem;}
    .ft30{font-size: 2.0rem;}
    .ft28{font-size: 2.0rem;}
    .ft26{font-size: 2.0rem;}
    .ft24{font-size: 1.8rem;}
    .ft22{font-size: 1.6rem;}
    .ft20{font-size: 1.4rem;}
    .ft18{font-size: 1.4rem;}
    .ft16{font-size: 1.2rem;}
    .ft14{font-size: 1.0rem;}
    .ft12{font-size: 0.8rem;}

    .h3-mb50 h3{margin-bottom: 35px;}
    .h3-mb55 h3{margin-bottom: 35px;}
    .h3-mb60 h3{margin-bottom: 35px;}
    .h3-mb65 h3{margin-bottom: 35px;}
    .h3-mb70 h3{margin-bottom: 45px;}
    .h3-mb75 h3{margin-bottom: 45px;}
    .h3-mb80 h3{margin-bottom: 45px;}
    .h3-mb85 h3{margin-bottom: 45px;}
    .h3-mb90 h3{margin-bottom: 45px;}
    .h3-mb95 h3{margin-bottom: 45px;}
    .h3-mb100 h3{margin-bottom: 45px;}
}
.white{color: #fff!important;}
.black{color: #000!important;}




/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*** .titXX  ***/
.block{display: block;}
.block-center{display: block; margin-left: auto; margin-right: auto;}
.bold{font-weight: 700;}
.center{text-align: center;}
a.td-none{text-decoration: none;}
.scale01{transform:scale(0.7, 1.0);}
.l-space5{letter-spacing: 5px;}
.l-space10{letter-spacing: 10px;}
.t-wrap-white{text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,
    0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;}

/*----------*/
.tit01{border-bottom:1px solid #c9c3b5;}

/*----------*/
.tit02{display: block; border-bottom:1px solid #cbbf9a;}

/*----------*/
.tit03{display: block; border-left:4px solid #3e2b15; padding-left: 25px; line-height: 1.3;}

/*----------*/

@media screen and (min-width: 768px){
}
@media screen and (max-width: 767px){
}




/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*** .shadow  ***/
.shadow img{box-shadow:0px 0px 10px 3px rgba(0,0,0,10%);}
/*** .common-wide ***/
.common-wide {padding: 0!important;}
.common-wide .content-wrapper{max-width: 100%;}
/*** .flex-r ***/
@media screen and (min-width: 768px){
    .flex-r .content-repeat-wrapper{flex-direction: row-reverse;}
    .flex-r .section-child-num0{}
    .flex-r .section-child-num1{margin-left: 0!important;}
}

/*** .m-left / .m-right ***/
.m-left{margin-left: 0!important;}
.m-right{margin-right: 0!important;}


/*** .wide-right / .wide-left ***/
@media screen and (min-width: 768px){
	.wide-right{padding-right: 0!important;}
	.wide-right .content-wrapper{max-width: calc(100% - (50% - 550px));margin-right: 0;}

	.wide-left{padding-left: 0!important;}
	.wide-left .content-wrapper{max-width: calc(100% - (50% - 550px));margin-left: 0;}
    
    .wide-left h3, .wide-right h3{max-width: 1100px;}
    .wide-left h3{margin-left: auto; margin-right: 0;}
    .wide-right h3{margin-left: 0; margin-right: auto;}
}

/** .bg-wide ***/
@media screen and (min-width: 1800px){
    .bg-wide{background-size: 100% auto!important;}
}

/*----------*/
.m-top{margin-top: -95px!important;}
.mb0{margin-bottom: 0!important;}

.pt10{padding-top: 10px!important;}
.pt15{padding-top: 15px!important;}
.pt20{padding-top: 20px!important;}
.pt25{padding-top: 25px!important;}
.pb30{padding-bottom: 30px!important;}
.pt35{padding-top: 35px!important;}
.pb35{padding-bottom: 35px!important;}
.pt40{padding-top: 40px!important;}
.pb40{padding-bottom: 40px!important;}
.pt45{padding-top: 45px!important;}
.pb45{padding-bottom: 45px!important;}
.pt50{padding-top: 50px!important;}
.pb50{padding-bottom: 50px!important;}

@media screen and (min-width: 768px){
    .m-auto>*{margin: auto 0;}
	.m-bottom>*{margin: auto 0 0;}
    .m-left1{margin-left: 1%!important;}
    .m-left2{margin-left: 2%!important;}
    .m-left3{margin-left: 3%!important;}
    .m-left4{margin-left: 4%!important;}
    .m-left5{margin-left: 5%!important;}
    .m-left6{margin-left: 6%!important;}
    .m-left7{margin-left: 7%!important;}
    .m-left8{margin-left: 8%!important;}
    .m-left9{margin-left: 6%!important;}
    .m-left10{margin-left: 10%!important;}

	.m-right2{margin-right: 2%!important;}
	.m-right3{margin-right: 3%!important;}
    .m-right4{margin-right: 4%!important;}
    .m-right5{margin-right: 5%!important;}
    
	.mt30{margin-top: 30px!important;}
	.mb30{margin-bottom: 30px!important;}
	.mt35{margin-top: 35px!important;}
	.mb35{margin-bottom: 35px!important;}
    .mt40{margin-top: 40px!important;}
    .mb40{margin-bottom: 40px!important;}
    .mt45{margin-top: 45px!important;}
    .mb45{margin-bottom: 45px!important;}
    .mt50{margin-top: 50px!important;}
    .mb50{margin-bottom: 50px!important;}
    .mt55{margin-top: 55px!important;}
    .mb55{margin-bottom: 55px!important;}
    .mt60{margin-top: 60px!important;}
    .mb60{margin-bottom: 60px!important;}
    .mt65{margin-top: 65px!important;}
    .mb65{margin-bottom: 65px!important;}
    .mt70{margin-top: 70px!important;}
    .mb70{margin-bottom: 70px!important;}
    .mt75{margin-top: 75px!important;}
    .mb75{margin-bottom: 75px!important;}
    .mt80{margin-top: 80px!important;}
    .mb80{margin-bottom: 80px!important;}
    .mt85{margin-top: 85px!important;}
    .mb85{margin-bottom: 85px!important;}
    .mt90{margin-top: 90px!important;}
    .mb90{margin-bottom: 90px!important;}
    .mt95{margin-top: 95px!important;}
    .mb95{margin-bottom: 95px!important;}
    .mt100{margin-top: 100px!important;}
    .mb100{margin-bottom: 100px!important;}
    .mt110{margin-top: 110px!important;}
    .mb110{margin-bottom: 110px!important;}
    .mt115{margin-top: 115px!important;}
    .mb115{margin-bottom: 115px!important;}
    .mt120{margin-top: 120px!important;}
    .mb120{margin-bottom: 120px!important;}
    .mt125{margin-top: 125px!important;}
    .mb125{margin-bottom: 125px!important;}
    .mt130{margin-top: 130px!important;}
    .mb130{margin-bottom: 130px!important;}
    .mt135{margin-top: 135px!important;}
    .mb135{margin-bottom: 135px!important;}
    .mt140{margin-top: 140px!important;}
    .mb140{margin-bottom: 140px!important;}
    .mt145{margin-top: 145px!important;}
    .mb145{margin-bottom: 145px!important;}
    .mt150{margin-top: 150px!important;}
    .mb150{margin-bottom: 150px!important;}
    .mt160{margin-top: 160px!important;}
    .mb160{margin-bottom: 160px!important;}
    .mt170{margin-top: 170px!important;}
    .mb170{margin-bottom: 170px!important;}
    .mt180{margin-top: 180px!important;}
    .mb180{margin-bottom: 180px!important;}
    .mt190{margin-top: 190px!important;}
    .mb190{margin-bottom: 190px!important;}
    .mt200{margin-top: 200px!important;}
    .mb200{margin-bottom: 200px!important;}

	.pt55{padding-top: 55px!important;}
	.pb55{padding-bottom: 55px!important;}
	.pt60{padding-top: 60px!important;}
	.pb60{padding-bottom: 60px!important;}
	.pt65{padding-top: 65px!important;}
	.pb65{padding-bottom: 65px!important;}
	.pt70{padding-top: 70px!important;}
	.pb70{padding-bottom: 70px!important;}
	.pt75{padding-top: 75px!important;}
	.pb75{padding-bottom: 75px!important;}
	.pt80{padding-top: 80px!important;}
	.pb80{padding-bottom: 80px!important;}
	.pt85{padding-top: 85px!important;}
	.pb85{padding-bottom: 85px!important;}
	.pt90{padding-top: 90px!important;}
	.pb90{padding-bottom: 90px!important;}
	.pt95{padding-top: 95px!important;}
	.pb95{padding-bottom: 95px!important;}
	.pt100{padding-top: 100px!important;}
	.pb100{padding-bottom: 100px!important;}
	.pt105{padding-top: 105px!important;}
	.pb105{padding-bottom: 105px!important;}
	.pt110{padding-top: 110px!important;}
	.pb110{padding-bottom: 110px!important;}
	.pt115{padding-top: 115px!important;}
	.pb115{padding-bottom: 115px!important;}
	.pt120{padding-top: 120px!important;}
	.pb120{padding-bottom: 120px!important;}
	.pt125{padding-top: 125px!important;}
	.pb125{padding-bottom: 125px!important;}
	.pt130{padding-top: 130px!important;}
	.pb130{padding-bottom: 130px!important;}
	.pt135{padding-top: 135px!important;}
	.pb135{padding-bottom: 135px!important;}
	.pt140{padding-top: 140px!important;}
	.pb140{padding-bottom: 140px!important;}
	.pt145{padding-top: 145px!important;}
	.pb145{padding-bottom: 145px!important;}
	.pt150{padding-top: 150px!important;}
	.pb150{padding-bottom: 150px!important;}
	.pt160{padding-top: 160px!important;}
	.pb160{padding-bottom: 160px!important;}
	.pt170{padding-top: 170px!important;}
	.pb170{padding-bottom: 170px!important;}
	.pt180{padding-top: 180px!important;}
	.pb180{padding-bottom: 180px!important;}
	.pt190{padding-top: 190px!important;}
	.pb190{padding-bottom: 190px!important;}
	.pt200{padding-top: 200px!important;}
	.pb200{padding-bottom: 200px!important;}
	
	.pc{display: block;}
	.sp{display: none; margin-top: 0;}
    
    .flex{display: flex; flex-direction: column;}

	.flex01{display: flex; justify-content: space-between; align-items: stretch;}
    .flex01>*{margin-top:0;}
    
    .flex02>*{display: flex; justify-content: space-between; align-items: stretch;}
    .flex02>*>*{margin-top:0;}
	
	.fit *{height: 100%; width: 100%;}
	.fit img{height: 100%; width: 100%; object-fit: cover;}

	.w1400>*{max-width: 1400px!important;}
	.w1280>*{max-width: 1280px!important;}
}

@media screen and (max-width: 767px){
	.sp-m-top{margin-top: 50px!important;}
	.sp-m-top02{margin-top: 80px!important;}
	.sp-m-btm{margin-bottom: 50px!important;}
	.sp-m-btm02{margin-bottom: 80px!important;}
	.sp-m-top-none{margin-top: 0!important;}
	.sp-m-btm-none{margin-bottom: 0!important;}
	.sp-p-top{padding-top: 50px!important;}
	.sp-p-top02{padding-top: 80px!important;}
	.sp-p-btm{padding-bottom: 50px!important;}
	.sp-p-btm02{padding-bottom: 80px!important;}
	.sp-p-top-none{padding-top: 0px!important;}
	.sp-p-btm-none{padding-bottom: 0px!important;}
    
	.mt30{margin-top: 25px!important;}
	.mb30{margin-bottom: 25px!important;}
	.mt35{margin-top: 25px!important;}
	.mb35{margin-bottom: 25px!important;}
    .mt40{margin-top: 25px!important;}
    .mb40{margin-bottom: 25px!important;}
    .mt45{margin-top: 25px!important;}
    .mb45{margin-bottom: 25px!important;}
    .mt50{margin-top: 30px!important;}
    .mb50{margin-bottom: 30px!important;}
    .mt55{margin-top: 30px!important;}
    .mb55{margin-bottom: 30px!important;}
    .mt60{margin-top: 32px!important;}
    .mb60{margin-bottom: 32px!important;}
    .mt65{margin-top: 35px!important;}
    .mb65{margin-bottom: 35px!important;}
    .mt70{margin-top: 35px!important;}
    .mb70{margin-bottom: 35px!important;}
    .mt75{margin-top: 37px!important;}
    .mb75{margin-bottom: 37px!important;}
    .mt80{margin-top: 40px!important;}
    .mb80{margin-bottom: 40px!important;}
    .mt85{margin-top: 42px!important;}
    .mb85{margin-bottom: 42px!important;}
    .mt90{margin-top: 45px!important;}
    .mb90{margin-bottom: 45px!important;}
    .mt95{margin-top: 47px!important;}
    .mb95{margin-bottom: 47px!important;}
    .mt100{margin-top: 50px!important;}
    .mb100{margin-bottom: 50px!important;}
    
	.pt55{padding-top: 50px!important;}
	.pb55{padding-bottom: 50px!important;}
	.pt60{padding-top: 50px!important;}
	.pb60{padding-bottom: 50px!important;}
	.pt65{padding-top: 50px!important;}
	.pb65{padding-bottom: 50px!important;}
	.pt70{padding-top: 50px!important;}
	.pb70{padding-bottom: 50px!important;}
	.pt75{padding-top: 50px!important;}
	.pb75{padding-bottom: 50px!important;}
	.pt80{padding-top: 50px!important;}
	.pb80{padding-bottom: 50px!important;}
	.pt85{padding-top: 50px!important;}
	.pb85{padding-bottom: 50px!important;}
	.pt90{padding-top: 50px!important;}
	.pb90{padding-bottom: 50px!important;}
	.pt95{padding-top: 50px!important;}
	.pb95{padding-bottom: 50px!important;}
	.pt100{padding-top: 50px!important;}
	.pb100{padding-bottom: 50px!important;}
	.pt105{padding-top: 50px!important;}
	.pb105{padding-bottom: 50px!important;}
	.pt110{padding-top: 50px!important;}
	.pb110{padding-bottom: 50px!important;}
	.pt115{padding-top: 50px!important;}
	.pb115{padding-bottom: 50px!important;}
	.pt120{padding-top: 50px!important;}
	.pb120{padding-bottom: 50px!important;}
	.pt125{padding-top: 50px!important;}
	.pb125{padding-bottom: 50px!important;}
	.pt130{padding-top: 50px!important;}
	.pb130{padding-bottom: 50px!important;}
	.pt135{padding-top: 50px!important;}
	.pb135{padding-bottom: 50px!important;}
	.pt140{padding-top: 50px!important;}
	.pb140{padding-bottom: 50px!important;}
	.pt145{padding-top: 50px!important;}
	.pb145{padding-bottom: 50px!important;}
	.pt150{padding-top: 50px!important;}
	.pb150{padding-bottom: 50px!important;}
	.pt160{padding-top: 50px!important;}
	.pb160{padding-bottom: 50px!important;}
	.pt170{padding-top: 50px!important;}
	.pb170{padding-bottom: 50px!important;}
	.pt180{padding-top: 50px!important;}
	.pb180{padding-bottom: 50px!important;}
	.pt190{padding-top: 50px!important;}
	.pb190{padding-bottom: 50px!important;}
	.pt200{padding-top: 50px!important;}
	.pb200{padding-bottom: 50px!important;}  
	
	.pc{display: none;}
	.sp{display: block; margin-top: 0;}
}
.mt0{margin-top: 0px!important;}
.mb0{margin-bottom: 0px!important;}
.mt5{margin-top: 5px!important;}
.mb5{margin-bottom: 5px!important;}
.mt10{margin-top: 10px!important;}
.mb10{margin-bottom: 10px!important;}
.mt15{margin-top: 15px!important;}
.mb15{margin-bottom: 15px!important;}
.mt20{margin-top: 20px!important;}
.mb20{margin-bottom: 20px!important;}
.mt25{margin-top: 25px!important;}
.mb25{margin-bottom: 25px!important;}

.img100 img{width: 100%; height: auto;}    

.round5{border-radius: 5px;}
.round10{border-radius: 10px;}
.round15{border-radius: 15px;}
.round20{border-radius: 20px;}
.round25{border-radius: 25px;}
.round30{border-radius: 30px;}



/*----------*/
@media screen and (min-width: 768px){
}
@media screen and (max-width: 767px){
}


/*----------*/


/*------
#common-contact{background:url(/wp-content/uploads/2024/07/common-contact-bg.jpg) center top no-repeat; background-size: cover;}
#common-contact h3{color:#fff!important;}


----*/

@media screen and (min-width: 768px){
	#common-contact{padding-top: 160px; padding-bottom: 170px;}
	#common-contact .flex01>*{width: calc(50% - 15px);}
}

@media screen and (max-width: 767px){
	#common-contact{padding-top: 50px; padding-bottom: 50px;}
}

/*----------*/
.box-c{width: 100%; margin-left: auto; margin-right: auto;}
.w95{width: 95%; margin-left: auto; margin-right: auto;}
.bg01{background:url(/wp-content/uploads/2024/07/bg01.png) center top no-repeat; background-size: cover;}
.bg-white{background: #fff;}
.bg-brown{background: #e5e0cf;}
.list01 li{background:url(/wp-content/uploads/2024/07/chk.png) left 8px no-repeat; padding: 2px 0 1px 20px;}
@media screen and (min-width: 768px){
	.box5 .allocation-two-blocks .content-repeat-box {width: calc(50% - 5px);}
	.box10 .allocation-two-blocks .content-repeat-box {width: calc(50% - 10px);}
	.box20 .allocation-two-blocks .content-repeat-box {width: calc(50% - 20px);}
	.box25 .allocation-two-blocks .content-repeat-box {width: calc(50% - 25px);}
	.box30 .allocation-two-blocks .content-repeat-box {width: calc(50% - 30px);}
	.box35 .allocation-two-blocks .content-repeat-box {width: calc(50% - 35px);}
	.box40 .allocation-two-blocks .content-repeat-box {width: calc(50% - 40px);}
	.allocation-three-blocks .content-repeat-box {width: calc(33.333% - 16.5px);}
	.box340 .allocation-three-blocks .content-repeat-box {width: calc(33.333% - 26.5px);}
}
@media screen and (max-width: 767px){
	.list01 li{background-position: left 4px;}
}



/*-----------------------
 home
-------------------------*/
#home-feature>*{max-width: 95%; border:1px solid #cbbf9a; border-radius: 5px; position: relative; padding: 50px 25px;}
#home-feature h3{position: absolute; top:-40px; left:14px; margin-bottom: 0;}
#home-feature .content-repeat-box{position: relative; padding: 150px 25px 90px;}
#home-feature .content-repeat-box + .content-repeat-box::before{
	content: ""; display: block; width: 1px; height: 70%; background: #d9cfb2; position: absolute; top:15%; left:0;
}
#home-service .contents-slider-wrap{padding-top: 48%; max-height: 709px; overflow: hidden;}
#home-service .slick-track *{max-height: 709px;}
#home-flow .tit{border-top:1px solid #3a2c12; border-bottom:1px solid #3a2c12; display: inline-block; padding: 16px 20px;}
#home-flow li{padding: 30px 20px; display: flex;}
#home-flow li + li{border-top:1px dotted #e7dfc5;}
#home-flow li .num{display: block; width: 15%;}
#home-flow li p{width: 85%;}
#home-info .box{padding: 125px 80px 95px; border-radius: 5px;}
.home-blog time{font-weight: normal;}
.home-blog li span{background: #3a2c12; border-color:#3a2c12; color:#fff;}
.home-blog li{border-bottom:1px dotted #e7dfc5;}
.home-blog li:first-child{border-top:1px dotted #e7dfc5;}

@media screen and (max-width: 767px){

	#home-feature h3{left:0;}
	#home-feature .content-repeat-box{padding: 0;}
	#home-feature .content-repeat-box + .content-repeat-box{padding-top: 35px; margin-top: 35px;}
	#home-feature .content-repeat-box + .content-repeat-box::before{width: 100%; height: 1px; top:0; left:0;}
	#home-info .box{padding: 70px 30px 50px;}
}
/*-----------------------
 new
-------------------------*/
#new-link h4{line-height: 1.2;}
#new-link .contents-num0{border-bottom: 1px dotted #e7dfc5;}
@media screen and (min-width: 768px){
	#new-intro .img02>*{width: 100%; max-width: 800px;}
	#new-concept .txt>*{width: 100%; max-width: 425px;}
	.new .txt{margin-top: auto; margin-bottom: -60px;}
	#new-flow .txt>*{width: 100%; max-width: 410px;}
	#new-link .contents-num0{padding-bottom: 55px; margin-bottom: 60px;}
}
@media screen and (max-width: 767px){
	#new-link .contents-num0{padding-bottom: 40px; margin-bottom: 40px;}
}
/*-----------------------
 we
-------------------------*/
.feature{padding: 280px 0 0 0!important;}
.feature>*{max-width: 100%!important;}
.feature .txt{max-width: 1100px!important; background: rgba(255,255,255,0.95); padding: 70px 100px;}
#we-service .contents-slider-wrap{padding-top: 92%;}
@media screen and (min-width: 768px){
	#we-highest .txt>*{width: 100%; max-width: 425px; margin-left: auto; margin-right: 0;}
	.feature .txt>*{width: 100%; max-width: 650px;}
	#we-feature01 .txt>*{margin-left: auto; margin-right: 0;}
	#we-feature02 .txt{margin-left: auto; margin-right: 0;}
	#we-feature02 .txt>*{margin-left: 0; margin-right: auto;}
	#we-feature03 .txt>*{margin-left: auto; margin-right: 0;}
	#new-reform .txt{margin-top: 100px;}
	#new-reform .txt01{width: 100%; max-width: 500px; padding: 0 25px;}
	#new-link .img{width: calc(52% - 30px);}
	#new-link .txt{width: calc(48% - 30px);}
}
@media screen and (max-width: 767px){
	.feature{background-size: 200%!important; padding-top: 180px!important;}
	.feature .txt{padding: 35px;}
	#new-reform .txt01{padding: 0 25px;}
	#new-reform .img{text-align: center!important;}
}
/*-----------------------
 reform
-------------------------*/
#reform-available img{width: 100%; height: auto;}
#reform-electric h3{background: url(/wp-content/uploads/2024/07/reform-electric-tit.png) center center no-repeat; padding: 11px 0; background-size: contain;}
#reform-electric-works{position: relative;}
#reform-electric-works::before{
	content: ""; display: block; width: 100%; height: 57px; position: absolute; left:0; top:0;
	background: url(/wp-content/uploads/2024/07/reform-electric-works-bg.png) center top no-repeat; background-size: contain;
}
#reform-electric-works .box{background: #fff;}
#reform-electric-works .txt{padding: 30px;}
#reform-outward .box{background: #fff;}
#reform-outward .txt{padding: 30px;}
#reform-exterior .content-repeat-box{background: #e5e0cf url(/wp-content/uploads/2024/07/icon.png) right bottom no-repeat; padding: 10px;}
#reform-exterior .txt{padding: 0 20px 15px;}
#reform-exterior h3{background: url(/wp-content/uploads/2024/07/reform-exterior-tit.png) center center no-repeat; padding: 11px 0; background-size: contain;}
@media screen and (min-width: 1100px){
	#reform-exterior .allocation-four-blocks .content-repeat-box{width: calc(25% - 24.25px);}
}
#reform-painting{position: relative;}
#reform-painting::before{
	content: ""; display: block; width: 100%; height: 57px; position: absolute; left:0; top:0;
	background: url(/wp-content/uploads/2024/07/reform-electric-works-bg.png) center top no-repeat; background-size: contain;
}
#reform-water h3{background: url(/wp-content/uploads/2024/07/reform-water-tit.png) center center no-repeat; padding: 11px 0; background-size: contain;}

#reform-water .txt{padding: 0 30px 30px;}
#reform-demolition h3{
	background: url(/wp-content/uploads/2024/07/reform-demolition-tit.png) center center no-repeat; padding: 11px 0; background-size: contain;
}
#reform-demolition .content-repeat-box{background: #fff;}
#reform-demolition .txt{padding: 0 30px 30px;}
#reform-link>*{max-width: 726px;}
@media screen and (min-width: 768px){
	#reform-available .flex01>*{width: calc(25% - 25px);}
	#reform-electric-works .flex01>*{width: calc(50% - 25px);}
	#reform-link .allocation-two-blocks .content-repeat-box {width: calc(50% - 13px);}
}
@media screen and (max-width: 767px){
	#reform-outward{background-size: contain; padding-top: 0!important;}
	#reform-electric-works::before{height: 30px;}
	#reform-painting::before{height: 30px;}
}
/*-----------------------
 solar
-------------------------*/
#solar-anchor>*{max-width: 800px;}
#solar-anchor .box{position: relative;}
#solar-anchor .box::before{content: ""; display: block; width: 100%; height: 80%; background: #fff; border-radius: 5px; position: absolute; top:10%; left:0;}
#solar-anchor .box>*{position: relative; z-index: 3;}
#solar-anchor .btn{margin-top: -20px;}
#solar-power-meirt .content-repeat-box{background: #fff; border:3px solid #6b552e; border-radius: 5px; padding: 65px 30px 40px;}
#solar-storage .box{padding: 90px 50px 65px; border-radius: 5px;}
#solar-v2h .box{padding: 90px 50px 65px; border-radius: 5px;}
#solar-plan .box{padding: 65px 50px 75px; border-radius: 5px;}
#solar-plan .box>*{width: 100%; max-width: 950px; margin-left: auto; margin-right: auto;}
#solar-plan .list02{column-count: 2; max-width: 350px;}
#solar-link>*{max-width: 985px;}
@media screen and (min-width: 768px){
	#solar-merit-demerit .section-child-num0{margin-top: 3px;}
	#solar-flow .allocation-three-blocks .content-repeat-box {width: calc(33.333% - 36.5px);}
	#solar-plan .img{width: calc(35% - 25px);}
	#solar-plan .txt{width: calc(65% - 25px);}
}
@media screen and (max-width: 767px){
	#solar-power-meirt .content-repeat-box{padding: 40px 30px;}
	#solar-plan .box{padding: 40px 30px;}
	#solar-storage .box{padding: 40px 30px;}
	#solar-v2h .box{padding: 40px 30px;}
}
/*-----------------------
 information
-------------------------*/
#info-greeting .txt>*{width: 100%; max-width: 700px; background: rgba(255,255,255,0.95); padding: 60px;}
@media screen and (min-width: 768px){
}
@media screen and (max-width: 767px){
	#info-greeting{background-size: cover; padding-top: 50px!important;}
	#info-greeting .txt>*{padding: 50px 35px;}
}
/*-----------------------
 contact
-------------------------*/
#contact-intro h3{color:#fff;}
@media screen and (min-width: 768px){
	#privacy .inline_box{height: 700px;}
}
@media screen and (max-width: 767px){
	#privacy{margin-bottom: 50px;}
	#privacy .inline_box{height: 350px;}
}

/*20240722_納品前修正_中谷*/
@media screen and (min-width: 768px) {.sp_only{display:none;}}
@media screen and (max-width: 767px) {.pc_only{display:none;}}

/*20240809_納品後修正_坂井*/
h3,h4,.design_button_type1 .button{
	color:#000000;
}
.bg-brown{
	background:none;
}
.btn01 .button {
	background: url(/wp-content/uploads/2024/08/btn01.png) left center no-repeat;
}
.globalNav a{
	color:#000;
}
.globalNav > ul > li > a::before, .globalNav > ul > li:last-child > a::after {
	background: #B1B6AF;
}
.footer,.footer a{
	background:#000000;
	color:#fff;
}
.tit01{
	border-bottom: 1px solid #B1B6AF;
}
#home-service .flex01 .txt{
	max-width:530px;
	width:100%;
	padding:50px;
}
#home-service .flex01 .img{
	max-width:1200px;
	width:100%;
}
#home-service .flex01{
	margin-top:0;
}
#home-service .flex01:nth-child(2){
	display:flex;
	justify-content: start;
}
#home-info .section-child-num0{
    background: url(/wp-content/uploads/2024/08/home-info-bg.png) no-repeat right top / cover;
}
.home-blog li span{
	background: #000;
  border-color: #000;
}
.home-blog li:first-child{
	border-top: 1px dotted #B1B6AF;
}
.home-blog li {
    border-bottom: 1px dotted #B1B6AF;
}/*
#common-contact {
    background: url(/wp-content/uploads/2024/08/common-contact-bg.png) center top no-repeat;
    background-size: cover;
}*/
#common-contact h3,#common-contact p{
	color:#000!important;
}
@media screen and (min-width: 768px) {
	#home-highest .txt>* {
        width: 100%;
        max-width: 425px;
        margin-left: auto;
        margin-right: 0;
}
	#home-feature01 .txt>* {
        margin-left: auto;
        margin-right: 0;
}
	#home-feature02 .txt {
        margin-left: auto;
        margin-right: 0;
    }
	#home-feature02 .txt>* {
        margin-left: 0;
        margin-right: auto;
    }
	#home-feature03 .txt>* {
        margin-left: auto;
        margin-right: 0;
    }
}
@media screen and (max-width: 767px) {
	.flex-c{
		display:flex;
		flex-direction:column-reverse;
	}
	#home-feature03{
		margin-bottom:0;
	}
}
#new-flow .tit {
    border-top: 1px solid #3a2c12;
    border-bottom: 1px solid #3a2c12;
    display: inline-block;
    padding: 16px 20px;
}
#new-flow li .num {
  display: block;
  width: 50px;
  height: 50px;
	padding-top: 8px;
  background-color: #B1B6AF;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
	margin-right: 20px;
}
#new-flow li p {
    width: 85%;
}
#new-flow li + li {
    border-top: 1px dotted #B1B6AF;
}
#new-flow li {
    padding: 30px 20px;
    display: flex;
}
#new-link .contents-num0{
	border-bottom: 1px dotted #000;
}
#reform-electric h3{
	background:none;
}
#reform-electric-works::before{
	background:none;
}
#reform-outward{
	background:none;
}
#reform-exterior h3{
	background:none;
}
#reform-painting::before{
	background:none;
}
#reform-water h3{
	background:none;
}
#reform-demolition h3{
	background:none;
}
@media screen and (max-width: 767px) {
	#new-flow li .num {
    display: block;
    width: 40px;
    height: 40px;
    padding-top: 8px;
    background-color: #B1B6AF;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
    margin-right: 20px;
}
}
.page-solar-system .button,.page-we .button{
	background:#B1B6AF;
}
#bnr_recruit{
	margin-bottom:0;
}
.info-overview table.original-table th,.info-overview table.original-table td{
	color:#000;
}
table.original-table th{
	background:#B1B6AF;
  border-top: 1px solid #868a84;
	border-bottom: 1px solid #868a84;
}
table.original-table td{
	border-top: 1px solid #868a84;
	border-bottom: 1px solid #868a84;
}
@media screen and (max-width: 767px) {
	table.original-table th,table.original-table td{
		border:none;
	}
}

#contact-intro h3,#contact-intro p {
    color: #000;
}
.contact-form table.original-table th,.contact-form table.original-table td{
	color:#000;
}
@media screen and (max-width: 767px) {
.header-face {
    position: fixed;
    z-index: 1;
    width: 100%;
    background-color: #fff;
}
}

/*納品後修正_20240827_sakai*/
body{
	font-family: "Shippori Mincho", serif;
}
#home-highest,#home-feature01,#home-feature02,#home-feature03,#home-service{
	display:none;
}/*
.home-blog{
	margin-bottom:0!important;
}
@media screen and (min-width: 768px) {
	#home-intro {
		margin-bottom:120px;
	}
}
@media screen and (max-width: 767px) {
	#home-intro {
		margin-bottom:0px;
	}
}*/

/*20241031_納品後修正_中谷*/
.tC{text-align:center;}
.wood_flex{display:flex;
justify-content:space-between;
	flex-wrap:wrap;
}
.wood_box{width:23%;}
.wood_flex h4{text-align:center;
font-size:2.2rem;
margin-top:10px;}

#new-c-btn .button {
    background: #B1B6AF;
}

#wood h3 span{font-size:2rem;}
#new-intro .content-repeat-wrapper{align-items:center;}
.ub{border-bottom:1px solid #333;
letter-spacing:0.3rem;}
#reform-shop h3{margin-top:30px;}
.reform_flex{display:flex;
justify-content:space-between;
margin-bottom:30px;}

.kashi_flex{display:flex;
justify-content:space-between;}
.kashi_flex >div{width:48%;}

#service-dannetsu .content-repeat-wrapper{align-items:center;}

.aq_p span{font-weight:bold;
font-size:2rem;}

@media only screen and (max-width: 767px) {
	.wood_box{width:100%;
	text-align:center;
	margin-bottom:20px;
	margin-top:10px;}
	
	.reform_flex,.kashi_flex{display:block;}
	.reform_flex img{margin-bottom:20px;}
	.kashi_flex >div{width:100%;
	margin-bottom:20px;}

	.two-flex{flex-direction:column;}
}

/*納品後修正_20241129_sakai_nakatani*/
.ft20{
	font-size:2.0rem;
}
.line{
	text-decoration:underline;
	text-decoration-thickness: 1px;
}
.red{
	color:#ed3434;
	font-weight:bold;
}
#solar-intro .flex01{
	justify-content:center;
	gap:30px;
}
#solar-merit-btn .flex01{
	display:flex;
	justify-content:center;
	gap:15px;
	flex-wrap:wrap;
}
#solar-merit-btn .button{
	background:#f79647;
	color:#fff;
	border:1px solid #f79647;
}
#solar-merit-btn .button:hover{
	background:#fff;
	color:#f79647;
	border:1px solid #f79647;
}
#solar-merit-btn .layout-tandem .content-child-button {
    margin: 0;
}
#solar-merit02{
	background:#efefef;
}
#solar-merit02 .flex01 .table_box p{
	margin:30px 0;
}
#solar-merit02 table tr th,
#solar-merit02 table tr td{
	background:#fff;
}
#solar-merit02 table tr th{
	width:70%;
}
#solar-merit02 table tr td{
	width:30%;
	text-align:right;
}
#solar-feature .flex01 div h4{
	margin-top:2.0rem;
}
#solar-lease table tr th,
#solar-lease table tr td,
#solar-ppa01 table tr th,
#solar-ppa01 table tr td{
	background:none;
	height: 110px;
}
#solar-lease table tr th,
#solar-ppa01 table tr th{
	text-align:center;
	vertical-align:middle;
}
#solar-lease table tr td,
#solar-ppa01 table tr td{
	text-align:left;
	vertical-align:middle;
}
#solar-flow table tr th{
	background:#B1B6AF;
	padding:20px 10px;
}
#solar-flow table tr th{
	text-align:center;
}
#solar-v2h-merit .content-repeat-box {
    background: #fff;
    border: 3px solid #6b552e;
    border-radius: 5px;
    padding: 65px 30px 40px;
}
#solar-feature span{
	font-size:1.2rem;
}
#solar-chikudenchi .img_box,
#chikudenchi-merit .img_box,
#solar-v2h .img_box{
	margin:auto 0;
}

@media screen and (min-width: 768px) {
#solar-merit-btn .flex01 p{
	width:calc(33.33% - 10px);
}
#solar-merit02 .content-wrapper{
	padding:100px 0;
}
#solar-merit02 .flex01{
	display:flex;
	justify-content:space-between;
}
#solar-merit02 .flex01 .table_box{
	width:50%;
}
#solar-feature .flex01 div{
	width:calc(33.33% - 30px);
}
#solar-lease table tr th,
#solar-ppa01 table tr th{
	width:20%;
}
#solar-chikudenchi .txt_box,
#solar-chikudenchi .img_box,
#solar-v2h .txt_box,
#solar-v2h .img_box {
	width:calc(50% - 30px);
}
}

@media screen and (max-width: 767px) {
#solar-merit02 .content-wrapper{
	padding:50px 0;
}
#solar-merit02 .flex01 .table_box,
#solar-chikudenchi .img_box,
#chikudenchi-merit .img_box{
	margin-top:50px;
}
#solar-feature .flex01 div:not(:last-child){
	margin-bottom:50px;
}
#solar-lease table tr th,
#solar-ppa01 table tr th{
	width:30%;
}
}

/*20250109_納品後修正（大幅）_中谷*/

/*共通*/
.w_wide .content-wrapper{max-width:100%;}
#common-contact {
    background: url(/images/common-contact-bg.png) center top no-repeat;
    background-size: cover;
}

.tC{text-align:center;}

.beige01.section-wrapper{background:#F0EBDC;}

#bnrs{margin-bottom:0px;
padding-top:80px;
padding-bottom:80px;}

.common_flex .txt{margin-bottom:30px;}

.bnr_flex >div :first-child,
.common_flex >div :first-child{margin-bottom:10px;}

.bg_white{background:#fff;
padding:40px;}


/*ボタン*/
.btn02 .button{background:#000;
text-decoration:none;
color:#fff;}
.btn02:hover{background:#fff;}
.ml0px{margin-left:0px!important;}

/*タイトル*/
.tit_style01 h3{line-height:3.5rem;}
.tit_style01 h3 .en{font-size:50%;}

/*二分割FLEX*/
	.two_flex{display:flex;
	justify-content:space-evenly;
	gap:30px;}

@media only screen and (min-width: 768px) {

	.two_flex >div{width:50%;}

  .bnr_flex,
	.common_flex,
	.btn_flex{display:flex;
	justify-content:space-between;}
	
	.btn_flex >div{width:48%;}
	
	.flex_r{flex-direction:row-reverse;}
	
}

@media only screen and (max-width: 767px) {
	.btn_flex >div:not(:last-child){
    margin-bottom: 10px;
}
	.two_flex{flex-direction:column;}

	#bnrs{
padding-top:30px;
padding-bottom:30px;}
	.bg_white{padding:10px;}
	
}

/*home*/
#home-intro{text-align:center;}
#h_feature h4,#home-koseino h4{font-size:2.2rem;
margin-top:10px;}
.vm_btn{width:180px;
	margin-right: 0;
 margin-left: auto;}

.koseino_flex01{background:#fff;
padding:50px;}

#home-koseino{background:url(/images/koseino_bg.jpg)no-repeat top center;
	background-size:100%;
	background-color:#F0EBDC;
	padding-top:100px;
	padding-bottom:50px;
}


@media only screen and (min-width: 767px) {
	.koseino_flex01>div{width:50%;}
	.feature_flex{display:flex;
		justify-content:center;
	gap:50px;
	align-items:center;}
	
	#h_feature{background:url(/images/home_feature_bg.png)no-repeat;
	background-size:50%;
	background-position:center center;}
	
	.feature_flex .img{flex:6;}
	.feature_flex .txt{flex:4;}
	
	.feature_flex .right_mg{margin-right:15%;}
	.feature_flex .left_mg{margin-left:15%;}
	
	#home-koseino h3{margin-bottom:50px;}
	.koseino_flex01{display:flex;
	justify-content:space-evenly;
	gap:50px;}
	
	.koseino_flex02{display:flex;
	justify-content:center;
		gap:50px;
		align-items:center;}
	
	.koseino_flex02 .txt{width:55%}
	
}

@media only screen and (max-width: 767px) {
	.vm_btn{width:150px;}
	#home-koseino{padding-top:30px;}
	#home-koseino h4{font-size:1.5rem;}
	.koseino_flex01{padding:10px;}
	.koseino_flex01 >div :first-child{margin-bottom:10px;}
}

/*新築*/
.nc01_flex{margin-top:50px;}

@media only screen and (min-width: 768px) {
	.nc01_flex{display:flex;
	justify-content:space-between;}
	.nc01_flex >div{width:30%;}
	
}

@media only screen and (max-width: 767px) {
	
	#new-support .btn_flex >div :first-child{margin-bottom:10px;}
	.nc01_flex{text-align:center;}
	.nc01_flex >div:not(:last-child) {
    margin-bottom: 30px;
}
}
/*リフォーム*/
#reform-shop .layout-tandem .content-child-button{margin:auto 0;}

.reform_li{font-weight:bold;
font-size:2rem;}

@media only screen and (min-width: 768px) {
	.dangumi{display:flex;
	flex-wrap:wrap;
	gap:30px;}
	.dangumi >div{width:48%;}
}

/*太陽光*/
#solar-along,
#solar-chikudenchi,
#solar-savings,
#solar-v2h{margin-bottom:0px;
padding-bottom:80px;
padding-top:80px;}

#solar-merit01 .table_box th{background:#fff;}

.setsuyaku_img{margin-top:30px;
margin-bottom:30px;}

.solar_flex{margin-bottom:30px;}

#solar-merit01 .box{background:#F0EBDC;
padding:10px;}

#solar-merit01 h4{font-size:2rem;
margin-top:10px;}

#solar-howto table th{background:#000;
color:#fff;
text-align:center;}

#solar-howto table td{
text-align:left;}

.denki_flex >div	{
    background: #fff;
    border: 3px solid #6b552e;
    border-radius: 5px;
    padding: 65px 30px 40px;
}

.denki_flex >div h4{margin-top:20px;}

@media only screen and (min-width: 768px) {
.solar_flex{display:flex;
justify-content:space-between;
	gap:20px;}
	#solar-merit01 .box{padding:50px;}
	
	.solar_flex>div{width:31%;}
	
	.denki_flex{display:flex;
	justify-content:space-evenly;
	margin-top:50px;}
	
	.denki_flex >div{width:30%;}
}

@media only screen and (max-width: 767px) {
	
	#solar-along,
#solar-chikudenchi,
#solar-savings,
#solar-v2h{
	padding-bottom:30px;
padding-top:30px;}
	
	.flex01 img{
		margin-top:10px;
		margin-bottom:20px;}
	
	.solar_flex>div:not(:last-child),
	.denki_flex>div:not(:last-child){
    margin-bottom: 30px;
}
	
}

/*会社概要*/
.plofile_flex h4{font-size:2.2rem;
margin-top:10px;}

@media only screen and (min-width: 768px) {
	.plofile_flex{display:flex;
	justify-content:space-between;
	gap:20px;}
	
	.plofile_flex >div{width:25%;}
}

@media only screen and (max-width: 767px) {
	.plofile_flex >div:not(:last-child){
    margin-bottom: 30px;
}
}

/*お問い合わせ*/
@media only screen and (min-width: 768px) {
	#contact-intro .content-repeat-wrapper{align-items:center;}
}

/*性能保証*/
#nest01{padding-top:80px;
	padding-bottom:80px;
color:#fff;}
.nest_flex h3{color:#fff;}
.nest_flex a{color:#fff;}

.superwall_flex .box{background:#fff;
padding:0px 20px 20px 20px;
margin-top:50px;}
.superwall_flex .box img{margin-top:-30px;}

.aq_p{margin-bottom:30px;}


#s_support{background:url(/images/support_bg.jpg)no-repeat;
background-size:100%;
background-position:center top;
padding-top:100px;}

.mente_flex{background:#F0EBDC;
display:flex;}

table.tenken th,table.tenken td{background:transparent;
border:none;
padding:2px;}

table.tenken th{width:15%;}
table.tenken td{width:70%;
text-align:left;}


@media only screen and (min-width: 768px) {
.nest_flex{display:flex;
	justify-content:space-evenly;
	margin-bottom:500px;
	align-items:center;}
	.nest_flex .txt{width:75%;}
	
	#service-dannetsu .two_flex{
	align-items:center;}
	#service-dannetsu .img{width:30%;}
	.superwall_flex {display:flex;
	justify-content:space-between;
	gap:30px;
	margin-bottom:100px;}
	#service-taishin .two_flex .txt{width:70%;}
	
	#s_support .img{width:45%;}
#s_support .two_flex:not(:last-child){margin-bottom:60px;}
	
	.mente_flex{justify-content:space-evenly;
	padding:50px;}
	.mente_flex .txt{width:45%;}
	.mente_flex .img{margin-top:-80px;}

	
}
@media only screen and (max-width: 767px) {
	.nest_flex .txt{margin-bottom:20px;}
	
.superwall_flex .box{padding-top:1px;}
	
	#service-taishin .two_flex{
		flex-direction:column-reverse;}
	#s_support{padding-top:30px;}
	#s_support .two_flex:not(:last-child){margin-bottom:20px;}
	
		.mente_flex{padding:20px;
	flex-direction:column-reverse;}
		.mente_flex .img{margin-bottom:20px;}
	
	#nest-feature h4{margin-top:10px;}

}


/*線イラスト_PC*/
@media only screen and (min-width: 768px) {
#h_feature .deco_box{position:relative;}
#h_feature .deco_box:after{content: "";	
		position: absolute;
  background: url(/images/deco_home01.png);
	background-size: contain;
    background-repeat: no-repeat;
		 width: 300px;
   height: 300px;
	left:-40%;
	top:120%;}
	
	
		#home-koseino .deco_box{position:relative;}
	#home-koseino .deco_box:before{content: "";
		position : absolute;
  background: url(/images/koseino_03_bg.png);
	background-size: contain;
    background-repeat: no-repeat;
		 width: 700px;
   height: 700px;
	right:-30%;
		top:320px;
	}
	
	
	#nc_intro .deco_box{position:relative;}
	#nc_intro .deco_box:after{content: "";
		position : absolute;
  background: url(/images/deco_n_house01.png);
	background-size: contain;
    background-repeat: no-repeat;
		 width: 400px;
   height: 400px;
	right:-15%;
		top:-20px;
	}
	
	
		#performance-service .deco_box{position:relative;}
	#performance-service .deco_box:after{content: "";
		position : absolute;
  background: url(/images/deco_pf01.png);
	background-size: contain;
    background-repeat: no-repeat;
		 width: 350px;
   height: 350px;
	left:-15%;
		top:-120px;
	}
	
		#service-taishin .deco_box{position:relative;}
	
	#service-taishin .deco_box:after{content: "";
		position : absolute;
  background: url(/images/deco_pf02.png);
	background-size: contain;
    background-repeat: no-repeat;
		 width: 400px;
   height: 400px;
		right:-10%;
		top:260px;
}
	
	#reform-shop.deco_box{position:relative;}
	
	#reform-shop .deco_box:after{content: "";
		position : absolute;
  background: url(/images/deco_tenpo.png);
	background-size: contain;
    background-repeat: no-repeat;
		 width: 200px;
   height: 200px;
		right:15%;
		top:350px;
}

			#reform-water .deco_box{position:relative;}
	
		#reform-water .deco_box:after{content: "";
		position : absolute;
  background: url(/images/deco_water.png);
	background-size: contain;
    background-repeat: no-repeat;
		 width: 500px;
   height: 500px;
		left:-10%;
		top:-150px;
}
		#reform-gaikan .deco_box{position:relative;}
	
		#reform-gaikan .deco_box:after{content: "";
		position : absolute;
  background: url(/images/deco_gaikan.png);
	background-size: contain;
    background-repeat: no-repeat;
		 width: 400px;
   height: 400px;
		right:-20%;
		top:200px;
}

	#reform-kaigo .deco_box{position:relative;}
	
		#reform-kaigo  .deco_box:after{content: "";
		position : absolute;
  background: url(/images/deco_kaigo.png);
	background-size: contain;
    background-repeat: no-repeat;
		 width: 350px;
   height: 350px;
		left:-20%;
		top:-150px;
}
	
	#solar-merit01 .deco_box{position:relative;}
	
		#solar-merit01  .deco_box:after{content: "";
		position : absolute;
  background: url(/images/deco_solar01.png);
	background-size: contain;
    background-repeat: no-repeat;
		 width: 350px;
   height: 350px;
		right:-10%;
		top:-50px;
}
	
	#solar-howto .deco_box{position:relative;}
	
		#solar-howto .deco_box:before{content: "";
		position : absolute;
  background: url(/images/deco_solar02.png);
	background-size: contain;
    background-repeat: no-repeat;
		 width: 500px;
   height: 500px;
		left:-15%;
		top:-50px;
}
	
	
		#solar-along .deco_box{position:relative;}
	
		#solar-along  .deco_box:after{content: "";
		position : absolute;
  background: url(/images/deco_solar03.png);
	background-size: contain;
    background-repeat: no-repeat;
		 width: 400px;
   height: 400px;
		right:-15%;
		top:120px;
}
	
}

/*線イラスト_iPad*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

#h_feature .deco_box:after{
		 width: 170px;
   height: 170px;
	left:-40%;
	top:100%;}
	
	#home-koseino .deco_box:before{width: 350px;
   height: 350px;
	right:-15%;
		top:450px;
	}
	
		#nc_intro .deco_box:after{
		 width: 250px;
   height: 250px;
	right:-5%;
		top:0px;
	}
	
	#performance-service .deco_box:after{
		 width: 170px;
   height: 170px;
	left:-8%;
		top:-50px;
	}
	
	#service-taishin .deco_box:after{
		 width: 250px;
   height: 250px;
	right:-5%;
		top:180px;
	}
	
		#reform-shop .deco_box:after{
		 width: 150px;
   height: 150px;
		right:5%;
		top:400px;
}
	
	#reform-gaikan .deco_box:after{
		 width: 200px;
   height: 200px;
		right:0%;
		top:200px;
}
	
	#reform-water .deco_box:after{
		 width: 300px;
   height: 300px;
		left:0%;
		top:-100px;
}
	
	#reform-kaigo .deco_box:after{
		 width: 200px;
   height: 200px;
		left:-5%;
		top:-100px;
}

	
		#solar-merit01 .deco_box:after{
		 width: 200px;
   height: 200px;
		right:-2%;
		top:-10px;
}
	
	#solar-howto .deco_box:before{
		 width: 200px;
   height: 200px;
		left:-2%;
		top:-10px;
}
	
		#solar-along  .deco_box:after {width: 300px;
   height: 300px;
		right:-2%;
		top:110px;
}
	
	
	
	
}

/*ipad微調整*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
	#h_feature {
		background-size:60%;}
	
	.feature_flex .left_mg {
        margin-left: 5%;
    }
	.feature_flex .right_mg {
        margin-right: 5%;
    }
}
#loader-wrap div.logo_w {
    top: 23%;
}
.loader03 {
    top: calc(65% - 32px);
}

.blog-side-nav-wrapper .blog .blog-side-nav .menu-has-children > .sub-menu {
    margin-left: 25px;
}

/*20250205_納品後修正_中谷*/
#home-koseino{margin-bottom:0px;}
#performance-service .btn_flex,#solar-btn .btn_flex{gap:10px;}

.kadomaru img{border-radius:30px;
border:#F0EBDC solid 5px;}


/*QandA*/
.qa-8 dt {
    margin-bottom: 1em;
    color: #333333;
    font-weight: 600;
}

.qa-8 dt::before,
.qa-8 dd::before {
    margin-right: .4em;
}

.qa-8 dt::before {
    content: "Q.";
}

.qa-8 dd {
    margin: 0 0 2.5em;
    padding: 1em 1.5em;
    background-color: #fff;
    color: #333333;
}

.qa-8 dd::before {
    content: "A.";
}

#reform-shop .two_flex{background:#f0ebdc;
	padding:30px;
align-items:center;}

@media only screen and (min-width: 768px) {
	#s_support .two_flex{
       align-items:center;}
	
	.two_flex02{display:flex;
justify-content:space-between;
gap:20px;}
	.two_flex02 .img{width:40%;}
.two_flex02 .txt{width:60%;}
	
	#reform-shop .two_flex .txt{width:80%;}
		#reform-shop .two_flex .img{width:40%;}
	
}

@media only screen and (max-width: 767px) {
	.two_flex02 .txt{margin-top:10px;}
	#reform-shop .two_flex{flex-direction:column-reverse;}
	}

/*20250210_修正_中谷*/
@media only screen and (min-width: 768px) {
	.superwall_flex >div{width:33%;}
}

.globalNav > ul::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 60px;
  background: #B1B6AF;
}

@media screen and (max-width: 767px) {
  .footerNav-inner li:last-child:nth-child(odd) {
    width: 100%;
    border-left: none;
  }
}

.globalNav a,
.mobileNav a {
  position: relative;
}

.tour-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 8px;
  height: 8px;
  background: red;
  border-radius: 50%;
  display: block;
  z-index: 10;
}

#home-tour-info {
	margin: 0;
}

/* 共通：画像の強制スタイルリセット */
#gallery-home-tour-wrappar .gallery-home-tour #gallery-1 .gallery-item {
  margin: 0 !important;
  padding: 0 !important;
}

#gallery-home-tour-wrappar .gallery-home-tour #gallery-1 .gallery-item img {
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  display: block;
  object-fit: cover;
}

/* PC：横並び・画面幅いっぱいに表示 */
@media screen and (min-width: 1024px) {
  #gallery-home-tour-wrappar .gallery-home-tour #gallery-1 {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    overflow-x: hidden !important;
    box-sizing: border-box;
  }

  #gallery-home-tour-wrappar .gallery-home-tour #gallery-1 .gallery-item {
    flex: 1 0 0% !important;
  }
}

/* タブレット・スマホ：縦並び・スクロール禁止 */
@media screen and (max-width: 1023px) {
  #gallery-home-tour-wrappar .gallery-home-tour #gallery-1 {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
  }

  #gallery-home-tour-wrappar .gallery-home-tour #gallery-1 .gallery-item {
    width: 100% !important;
  }
}

.grecaptcha-badge {
	visibility: hidden;
}

@media only screen and (min-width: 768px) {
	.works-category-block .btn_flex >div{
		width: 100%;
		.button {
			padding: 16px; 
		}
	}
}

body.is-works-single .article-wrapper {
	width: 100%;
}

/* メインスライダー高さ（PC） */
body.is-works-single .gallery-slider {
	height: calc(100vh - 195px) !important;
	/* 高さを計算式で指定 */
	margin-bottom: 15px !important;
}

/* メインスライダー高さ（スマホ） */
@media screen and (max-width: 767px) {
	body.is-works-single .gallery-slider {
		height: calc(100vh - 127.5px) !important;
		/* スマホ版高さ */
		margin-bottom: 7.5px !important;
	}
}

/* aタグ高さ */
body.is-works-single .gallery-slider a {
	display: block;
	height: calc(100vh - 195px) !important;
}

/* img高さ＋max-height解除 */
body.is-works-single .gallery-slider a img {
	width: 100% !important;
	height: calc(100vh - 195px) !important;
	max-height: none !important;
	/* 400px制限解除 */
	object-fit: cover !important;
	object-position: center !important;
}

/* タグ・img高さ（スマホ） */
@media screen and (max-width: 767px) {
	body.is-works-single .gallery-slider a,
	body.is-works-single .gallery-slider a img {
		height: calc(100vh - 127.5px) !important;
		/* スマホ版高さ */
	}
}

/* slick-track 横位置補正 */
body.is-works-single .slider-nav .slick-track {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

/* サムネイルスライド（PC高さ・余白合計15px） */
body.is-works-single .slider-nav .slick-slide {
	display: flex !important;
	align-items: center;
	justify-content: center;
	height: 120px;
	margin: 0 !important;
	/* slickデフォ余白削除 */
	padding: 0 7.5px;
	/* PCは片側7.5pxで合計15px */
	box-sizing: border-box;
}

/* サムネイルスライド（スマホ高さ・余白合計7.5px） */
@media screen and (max-width: 767px) {
	body.is-works-single .slider-nav .slick-slide {
		height: 60px;
		margin: 0 !important;
		padding: 0 3.25px;
		/* スマホは片側3.25pxで合計7.5px */
	}
}

/* trimming部分 */
body.is-works-single .slider-nav .trimming {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

body.is-works-single .slider-nav .trimming img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.section-title {
	padding: 40px 0 20px;
	text-align: center;
	display: block;
}

@media (min-width: 768px) {
	.section-title {
		padding: 50px 0 40px;
	}
}

.section-title h2 {
	font-size: 2rem;
	font-weight: 400;
	letter-spacing: 0.175em;
	line-height: 1.75em;
	color: #222;
}

@media (min-width: 768px) {
	.section-title h2 {
		font-size: 2rem;
	}
}

.works-summary table {
	border-bottom: none;
	display: block;
	width: 100%;
	border: 1px solid #eee;
	border-radius: 3px;
	box-sizing: border-box;
}

.works-summary table tbody {
	display: flex;
	flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
	.works-summary table tbody {
		display: block;
	}
}

.works-summary table tbody * {
	box-sizing: border-box;
}

.works-summary table tbody tr {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	line-height: 1.75;
	border: none;
	border-bottom: 1px solid #eee;
	background: #fff;
}

@media screen and (max-width: 767px) {
	.works-summary table tbody tr {
		width: 100%;
	}
}

.works-summary table tbody tr th {
	display: flex;
	padding: 20px;
	width: 40%;
    justify-content: start;
    align-items: center;
	background-color: #777777;
	font-size: 1.4rem;
	font-weight: 500;
	color: #FFFFFF;
	border: none;
	border-right: 1px solid #eee;
}

@media screen and (max-width: 767px) {
	.works-summary table tbody tr th {
		padding: 2%;
	}
}

.works-summary table tbody tr td {
	display: flex;
	width: 60%;
	font-size: 1.4rem;
	font-weight: 400;
	color: #353535;
	padding: 20px;
	border: none;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column; 
}

@media screen and (max-width: 767px) {
	.works-summary table tbody tr td {
		padding: 2%;
	}
}

.works-summary table tbody tr td span {
  display: block;
}

.works-summary {
	margin-top: 100px;
}

.works-summary,
.works-concept,
.works-voice {
	padding: 0 6% 20px;
	background-color: #f6f7f9;
	margin-bottom: 100px;
}

@media (min-width: 768px) {
	.works-summary {
		padding: 0 3% 50px;
		border-radius: 3px;
	}
}

.works-summary .section-title,
.works-concept .section-title,
.works-voice .section-title {
	padding: 30px 0 20px;
}

@media screen and (max-width: 767px) {
	.works-summary .section-title,
	.works-concept .section-title,
	.works-voice .section-title {
		padding: 10px 0;
	}
}

@media screen and (max-width: 1024px) {
	.works-concept,
	.works-voice {
		padding: 0 3%;
	}
}

@media screen and (max-width: 767px) {
	.works-concept,
	.works-voice {
		margin: 0 0 50px;
		padding: 0 6%;
	}
}

.works-concept h3 {
	margin: 0 auto 2.5em;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.75;
}

@media screen and (max-width: 767px) {
	.works-concept h3 {
		margin: 0 auto 1.5em;
		font-size: 1.5rem;
	}
}

.works-concept-text p,
.works-voice-text p {
	font-size: 1.5rem;
	line-height: 1.75;
}

@media screen and (max-width: 767px) {
	.works-concept-text p,
	.works-voice-text p {
		font-size: 1.2rem;
	}
}

/* ===== iOS/WebKit の動的ビューポート対策（CSSのみ・最小修正） ===== */
#loader-wrap,
#loading,
.top-op,
.top-op2 {
  height: 100svh !important;
}

body.home .main-image:not(.lower-main-image) .main-image-inner {
  max-height: 80svh !important;
}
body.home .main-image:not(.lower-main-image) .main-image-inner,
body.home .main-image:not(.lower-main-image) .main-image-inner img {
  width: 100%;
}
body.home .main-image:not(.lower-main-image) .main-image-inner img {
  display: block;
  height: auto;
  object-fit: cover;
}

/* svh非対応環境向けのフォールバック変数（JSで更新） */
:root { --vh: 1vh; }

/* svhが使えない環境には calc(var(--vh) * …) を供給 */
@supports not (height: 100svh) {
  #loader-wrap, #loading, .top-op, .top-op2 { height: calc(var(--vh) * 100) !important; }
  body.home .main-image:not(.lower-main-image) .main-image-inner { max-height: calc(var(--vh) * 80) !important; }
}

#home-koseino h3 img {
	max-width: 612px;
}

#home-koseino .visual-text .koseino_flex02 img.aligncenter {
	max-width: 397px
}