@charset "utf-8";

.contact .pagetop{
	background-image: url(../img/contact_bg_sp.webp);
}
article .inner > p{
	margin-bottom: 1rem;
}
form p{
	font-weight: 600;
}
form p > span{
	color: var(--orange);
	font-weight: 600;
	margin-left: .5rem;
}
label{
	display: block;
	margin-bottom: 1rem;
}
input[type=text],input[type=tel],input[type=email], textarea{
	box-shadow: inset .1rem .1rem .2rem #ccc;
	padding: .5rem;
    border: none;
	background: #f9f9f9;
}
.koumoku > span{
	display: flex;
	flex-direction: column;
}

.koumoku {
    display: block;
    margin-top: -1rem;
    margin-bottom: 1rem;
}
.koumoku label input{
	display: none;
}
.koumoku label span{
	color: #333;
	font-weight: 500;
	display: flex;
	align-items: center;
}
.koumoku label span::before{
	content: "";
    display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    background: #fff;
    border: solid 1px var(--main);
    border-radius: 10rem;
    margin-left: -.8rem;
    margin-right: .5rem;
}
.koumoku input[type=radio]:checked + span::before{
    background: radial-gradient(var(--main) 40%, transparent 0);
}
article dl div{
	margin-bottom: 1rem;
    border-bottom: solid 1px #ccc;
    padding-bottom: .5rem;
}
article dl div:last-of-type{
	border-bottom: unset;
}
article dd p{
	font-weight: normal;
}
.wpcf7-checkbox .last{
	display: flex;
    justify-content: center;
    margin: 0;
}
.wpcf7-checkbox .last label{
	display: flex;
    gap: .5rem;
    margin-top: 1rem;
    align-items: center;
}
.wpcf7-checkbox .last label input{
	width: 1.2rem;
	height: 1.2rem;
	display: block;
}
.has-spinner.btn{
	margin-bottom: 0;
}
.return_btn{
	width: 90%;
    max-width: 500px;
	margin: 0 auto 4rem;
    display: block;
	border-radius: .6rem;
}

/*TABサイズ*/
@media screen and (min-width:768px){
.return_btn{
	max-width: 560px;
}

}
@media screen and (min-width:1280px){
    .contact .pagetop{
		background-image: url(../img/contact_bg_pc.webp);
	}

}