@charset “utf-8”;

main{
	border-bottom:24px solid #EBEBEB;
}

#sec_contact{
	padding:100px 0;
}

.contact_inner{
	max-width:1200px;
	margin:auto;
}

#sec_contact .ttl_bloc{
	text-align:center;
	margin-bottom:20px;
}

#sec_contact .ttl_bloc h3{
	color:var(--maincolor);
	font-size:3.6rem;
	line-height:1.5;
	position: relative;
}
#sec_contact .ttl_bloc p{
	margin:60px 0;
}

@media screen and (max-width:767px){
	#sec_contact{
		padding:50px 0;
	}
	#sec_contact .ttl_bloc h3{
		font-size:1.8rem;
	}
	#sec_contact .ttl_bloc p{
		margin:40px 0;
	}
}

.contact_note{
	background:#FFF2F2;
	padding:20px;
	display:flex;
	justify-content:center;
	gap:10px;
	align-items:center;
}

@media screen and (max-width:767px){
	.contact_note{
		flex-direction:column;
	}
	.contact_note p{
		text-align:center;
		font-size:1.3rem;
	}
}


.contact_wrap{
	margin-top:45px;
	border:9px solid var(--bluegray);
	padding:70px 15px;
	display:flex;
	justify-content:center;
}
.form_row{
	width:100%;
	max-width:900px;
}

.form_box{
	padding:10px;
	box-sizing:border-box;
}
.form_box h4{
	font-size:1.4rem;
	margin:10px 0 15px;
}

@media screen and (max-width:767px){
	.contact_wrap{
		border:6px solid var(--bluegray);
		padding:30px 15px;
	}
	.form_row{
		width:100%;
	}
	.form_box{
		padding:15px;
	}
	.form_box h4{
		font-size:1.4rem;
		margin:10px 0 15px;
	}
}

.form_box input,
.form_box textarea{
	padding:10px;
	width:100%;
	border:none;
	background:#EAEAEA;
}
input::placeholder {
  opacity: 0.5;
}

.agreement{
	padding:20px;
	text-align:center;
}
.btnarea {
	margin-top:40px;
	text-align:center;
}
.btnarea button{
	margin:auto;
}
.btnarea button:disabled {
	background: #B4B4B4 !important;
	border: 1px solid #B4B4B4 !important;
	cursor: not-allowed;
}

.notes_required .checkBtn_area {
	margin: 24px auto 0px;
	transition-duration: 0.2s;
	text-align:center;
	font-size:1.8rem;
}
.notes_required .checkBtn_area a{
	color:var(--maincolor);
	border-bottom:1px solid var(--maincolor);
}
span.hissu {
	background: var(--maincolor);
	color: #fff;
	font-size: 1rem;
	padding: 3px 20px;
	font-weight:normal;
	margin-left:8px;
}
.hp {
    display: none;
}
@media screen and (max-width:767px){
	.notes_required .checkBtn_area {
		margin: 18px auto 0px;
		font-size:1.4rem;
	}
}

.btn_contact{
	height:74px;
	width:390px;
	display:flex;
	background:#000;
	align-items:center;
	position:relative;
}
.btn_contact p{
	display:flex;
	width:100%;
	align-items:center;
	padding-left:10px;
	font-size:1.7rem;
	font-weight:bold;
	color:#fff;
	text-align:center;
	z-index:1;
}
.btn_contact p::before{
	display:inline-block;
	content: "";
	height: 1px;
	width: 46px;
	background-color: #fff;
	margin-right: 10rem;
}
.btn_contact::before{
	position: absolute;
	width: 0;
	height: 100%;
	content: '';
	background-color: var(--maincolor);
	left: 0;
	transition-duration: .2s;
}
.btn_contact:not(:disabled):hover::before{
	width: 100%;
}
@media screen and (max-width:767px){
	.btn_contact{
		width:300px;
	}
	.btn_contact p::before{
		width: 40px;
		margin-right: 6rem;
	}
}

.radio_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: .3em 2em;
    border: none;
}

.radio_wrap label {
    display: flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    cursor: pointer;
}
@media screen and (max-width:767px){
	.radio_wrap {
	    gap: 1em 2em;
	    border: none;
	}
	.radio_wrap label {
		font-size:1.4rem;
		gap: 0 .5em;
	}
}
.radio_wrap label::before,
.radio_wrap label:has(:checked)::after {
    border-radius: 50%;
    content: '';
}

.radio_wrap label::before {
    width: 18px;
    height: 18px;
    background-color: #e6edf3;
}

.radio_wrap label:has(:checked)::after {
    position: absolute;
    top: 50%;
    left: 9px;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: var(--maincolor);
    animation: anim-radio-1 .3s linear;
}

@keyframes anim-radio-1 {
    0% {
        box-shadow: 0 0 0 1px transparent;
    }
    50% {
        box-shadow: 0 0 0 10px #f2f2f233;
    }
    100% {
        box-shadow: 0 0 0 10px transparent;
    }
}

.radio_wrap input {
    display: none;
}

.thanks_btnarea {
	margin-top:40px;
	text-align:center;
}
.thanks_btnarea button{
	margin:auto;
}