@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    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
*/

@import(./editor-style.css);

.home #content{
	padding-top: 0;
}
.home .l-header{
	position: absolute;
	background: rgba(255, 255, 255, 0.5);
}
.c-gnav a::after{
	height: 4px;
}
.c-gnav>.menu-item>a:after{
	bottom: .5rem;
	background: #DD7737;
}
.alignfull.block-map>.wp-block-group__inner-container{
	max-width: inherit;
}
.block-news{
	background: url(./img/repeat-bg.png);
	background-position: center center;
	background-size: contain;
}
.block-contact{
	background: url(./img/contact-bg.png);
	background-position: center center;
	background-size: cover;
}
.block-contact .wp-block-group{
	display: flex;
	justify-content: center;
	align-items: center;
	gap:1rem;
}
.block-about-us{
	position: relative;
}
.block-about-us:before{
	content:"";
	display: block;
	position: absolute;
    width: 30vw;
    height: 30vw;
    bottom: -12vw;
    left: -12vw;
	background: url(./img/circle.png);
	background-position: center center;
	background-size: contain;
}
.block-about-us:after{
	content:"";
	display: block;
	position: absolute;
    width: 30vw;
    height: 30vw;
    top: -12vw;
    right: -12vw;
	background: url(./img/circle.png);
	background-position: center center;
	background-size: contain;
}
.block-about-us .wp-block-table .has-fixed-layout td{
	border-top: none;
}
footer{
	position: relative;
}
footer:after{
	content:"";
	display: block;
	position: absolute;
    width: 10vw;
    aspect-ratio:24/10.5;
    top: -2vw;
    right: 10%;
	background: url(./img/tires.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;	
}
.text-center{
	text-align: center;
}
nav{
	font-weight: bold;
}
.c-postTimes__posted{
	font-size: .9rem;
}
.p-postList__times{
	margin-right: 1.5rem;
}
#main_content{
	section{
		padding-top: 6rem;
		padding-bottom: 6rem;
	}
	h2{
		text-align: center;
		font-size: 2rem!important;
	}
	h2.p-postList__title{
		font-size: 1.2rem!important;
	}
	h2 + h3{
		text-align: center;
		color: red;
		padding-left: 0;
	}
	h3{
		padding-left: 1em;
		position: relative;
	}
	h2 + h3:before{
		content: none;
	}
	h3:before{
		content: "";
		display: inline-block;
		width: .6em;
		height: 1.4em;
		background: #DD3F15;
		transform: skewX(-13deg);
	}
	.icon-posted:before{
		content: none;
	}
	.p-postList__body{
		display: flex;
	}
	.-type-simple .p-postList__meta{
		margin: 0;
	}
	.p-postList.-type-simple{
		border: none;
		padding: 1.5rem;
		background: #FFF;
	}
	.box-pp{
		background: #FFF;
		max-height: 14rem;
		overflow-y: scroll;
		padding: 1.5rem;
		color: #000;
		margin-bottom: 3rem;
	}
	.box-pp h2{
		font-size: 1.4em;
		margin: 1.5em 0;
	}
	form input[type="text"],
	form input[type="email"],
	form input[type="tel"],
	form textarea{
		width: 100%;
	}
	form table th,
	form table td{
		border: none;
		background: none;
	}
	form .text-center{
		margin-top: 3rem;
		margin-bottom: 1.5rem;
	}
	form .box-submit{
		display: flex;
		justify-content:center;
	}
	form .box-submit [type="submit"]{
		position: relative;
		display: block;
		text-align: center;
		border: none;
		background: none;
		background: #F5F7EF;
		border-radius: 30px;
		padding: 10px 70px 10px 30px;
		font-weight: bold;
		transition: .4s;
	}
	form .box-submit [type="submit"]:hover{
		opacity: .8;
		padding-right: 90px;
	}
	form .box-submit .btn-submit{
		position: relative;
	}
	form .box-submit .btn-submit:after{
		position: absolute;
		right: 1em;
		top:calc(50% - 1em);
		content:url(./img/btn-arrow.png);
	}
	span.wpcf7-spinner {
	  display: none;
	}
	form table th,
	form table td{
		display: block;
	}
	#anch-5 table th,
	#anch-5 table td{
		border-color: #DD3F15;
		border-top: none;
	}
	@media screen and (max-width:768px){
		form table th{
			text-align: left;
		}
		.sp-padding{
			padding-left: var(--swl-pad_container,0);
			padding-right: var(--swl-pad_container,0);
		}
		.sp-justify-center .swell-block-columns__inner{
			justify-content: center;
		}
	}
}
@media screen and (max-width:960px){
	.l-header[data-spfix="1"]{
		position: fixed;
		background: #FFF;
	}
}
