@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: 和建築
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*追加CSS*/

/********************TOP********************/

h2, h3{
	color:var(--color_main) !important;
}
.p-mainVisual__slideTitle{
	width: fit-content;
    background: #FCFBF5;
    padding: 0.2rem 1rem;
}

.massage_box{
		padding:0 1em;
}
.bg_blueimg{
	background:url(https://nagomikenchiku.jp/wp-content/uploads/2025/09/blueimg.webp);
}
.topbg_img0{
	background:url(https://nagomikenchiku.jp/wp-content/uploads/2025/09/Massage_bg02.png) no-repeat bottom right;
}

.top_bgimg01{
	background:url(https://nagomikenchiku.jp/wp-content/uploads/2025/09/Massage_bg.png) no-repeat top left;
}

.top_bgimg02{
	background:url(https://nagomikenchiku.jp/wp-content/uploads/2025/09/Feature_bg.png) no-repeat top left;
	h3{
		text-align:left !important;
	}
	.wp-block-media-text{
		margin-bottom:4em;
	}
}
.top_bgimg03{
	background:url(https://nagomikenchiku.jp/wp-content/uploads/2025/09/Servise_bg.png) no-repeat top left;
	h3{
		margin:0 0 0.5em;
	}
}
.top_bgimg04{
	background:url(https://nagomikenchiku.jp/wp-content/uploads/2025/09/Works_bg.png) no-repeat top left;
}

.top_bgimg05{
	background:url(https://nagomikenchiku.jp/wp-content/uploads/2025/09/News_bg.png) no-repeat top left;
}

.bg_blueimg::before{
    content: "";
    position: absolute;
    height: 60px;
    width: 100%;
    clip-path: polygon(50% 100%, 100% 0%, 0% 0%); 
    background-color: #FCFBF5;
　　left: 0;
    top: -1px;
}

@media (max-width: 600px) {
	.top_bgimg01, .top_bgimg02, .top_bgimg03{
		background-size:80%;
		background-position:0 1.5em;
	}
	.top_bgimg04, .top_bgimg05{
		background-size:65%;
		background-position:0 1em;
	}
}


/*loopimgスライダー*/
.loop_img {
    display: flex;
    overflow: hidden;
    gap: 1.5rem; /* 画像間の余白を指定 */
	
	.swell-block-columns__inner {
    flex-wrap: nowrap;
    animation: infinity-scroll-left 30s infinite linear; /* アニメーションの時間を指定 */
	}
	.swell-block-column figure {
    width: 500px; /* 画像の横幅を指定（パソコン） */
    position: relative;
	}
	.swell-block-column figure::before {
    padding-top: 65%; /* 画像の縦横比を指定 */
    display: block;
    content: "";
	}
	.swell-block-column figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
	}
}

.loop_img .wp-block-group__inner-container,
.loop_img .swell-block-columns {
    display: contents;
}


@media screen and (max-width: 959px) {
    .loop_img .swell-block-column figure {
        width: 200px; /* 画像の横幅を指定（スマホ） */
    }
}

@keyframes infinity-scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.works_titile{
	display:flex;
	gap: 5px;
	.city{
		display: inline;
		border: 1px solid #000;
	}
	p{
		padding: 1px 3px;
	}
}

/*topnews*/
.news_box{
	.p-postList__body{
		display:flex;
	}
	.p-postListWrap{
		margin-top:-50px;
	}
	.p-postList__meta{
		width:120px;
	}
}


@media (max-width: 600px) {
	.works_titile, .news_box .p-postList__body{
		display:block;
	}
}

/*固定ページ*/
.c-pageTitle{
	text-align:center;
}
@media (min-width: 600px) {
	.l-topTitleArea {
		min-height: 400px;
	}
}
/********************service********************/
.service_box{
	.swl-has-mb--s:nth-of-type(1){ background: #fff url(https://nagomikenchiku.jp/wp-content/uploads/2025/09/service_bg01.png) no-repeat bottom right;}
	.swl-has-mb--s:nth-of-type(2){ background: #fff url(https://nagomikenchiku.jp/wp-content/uploads/2025/09/service_bg02.png) no-repeat bottom right;}
	.swl-has-mb--s:nth-of-type(3){ background: #fff url(https://nagomikenchiku.jp/wp-content/uploads/2025/09/service_bg03.png) no-repeat bottom right;}
	.swl-has-mb--s:nth-of-type(4){ background: #fff url(https://nagomikenchiku.jp/wp-content/uploads/2025/09/service_bg04.png) no-repeat bottom right;}
	.swl-has-mb--s:nth-of-type(5){ background: #fff url(https://nagomikenchiku.jp/wp-content/uploads/2025/09/service_bg05.png) no-repeat bottom right;}
	.swl-has-mb--s:nth-of-type(6){ background: #fff url(https://nagomikenchiku.jp/wp-content/uploads/2025/09/service_bg06.png) no-repeat bottom right;}
	.swl-has-mb--s{
		min-height:269px;
	}
}

/********************feature********************/
.feature_box{
	.swl-has-mb--s:nth-of-type(1){ background: #fff url(https://nagomikenchiku.jp/wp-content/uploads/2025/09/feature_bg01.png) no-repeat bottom right;}
	.swl-has-mb--s:nth-of-type(2){ background: #fff url(https://nagomikenchiku.jp/wp-content/uploads/2025/09/Feature_bg02.png) no-repeat bottom right;}
	.swl-has-mb--s{
		min-height:170px;
	}
}
.feature_box02{
	.swl-has-mb--s{
		background:#fff;
		border:1px solid var(--color_main);
		padding:1rem 0;
		min-height:210px;
	}
}

.support_box{
	.wp-block-media-text__content{
		padding:2em;
	}
}
	

/********************canpany********************/


.nagomi_table{
	th{
		color:#fff;
	}
	td{
		background:#fff;
	}
	td, th{
		border-color:var(--color_main);
		padding:1em;
	}
}
.plf_ttl{
	border-left: 5px solid #b3a47c;
	padding: 0 0.5em;
    margin-bottom: 0.2em;
}
@media (max-width: 600px) {
	.nagomi_table{
		td, th{
			padding:0.5em;
		}
	}
}

/********************contact********************/

.contact_tel{
	background: #fff;
    width: 350px;
	max-width:100%;
    text-align: center;
    margin: 2em auto;
    padding: 1em 0;
	h3{
		margin: 0.2em;
		font-weight: normal;
	}
	.telbox{
		font-size:25px;
		color:#B3A47C;
		margin:0;
	}
}
.contact_box{
	padding:2em;
	background:url(https://nagomikenchiku.jp/wp-content/uploads/2025/09/blueimg.webp);
	
	td, th{
		border: none;
		border-bottom: 1px solid #D9D9D9;
		padding:1em;
		background:none;
		font-weight:normal;
	}
	th{
		min-width:280px;
		p{
		display:flex;
		justify-content:space-between;
		}
	}
	.wpcf7-form-control{
		width:100%;
	}
	.wpcf7-list-item{
		display:block;
	}
}
@media (max-width: 600px) {
	.contact_box{
		padding:0.5em;
		th{
			border:none;
			padding-bottom:0;
		}
	}
}
	

.hissu, .nini{
	background: red;
    color: #fff;
    font-size: 13px;
    padding: 0 0.5em;
	line-height:2
}

.nini{
	background:#A29F9F;
}

.contact_btn{
	text-align:center;
	margin:2em;
	.wpcf7-form-control{
		width:200px;
		background: #B3A47C;
        color: #fff;
	}
}


/********************footer********************/
.footer_add{
	display: flex;
    align-items: center;
    gap: 1.5rem;
	.tel_box{
		text-align:center;
		background: #FCFBF5;
		color: #564E39;
		padding: 0 1.5rem;
		margin-top: 0.5rem;
	}
	.reception{
		font-size:14px;
	}
	img{
		width:90px;
	}
}
.w-footer{
	align-items:center;
}
.l-footer__nav a, .l-footer__nav li:first-child a{
	border:none;
}




/********************other********************/

.flex_C{
	display:flex;
	justify-content:center;
}