@charset "UTF-8";


/* ------------------------------------------------
                    お問い合わせ
--------------------------------------------------- */

.contact{
	padding: 100px 0;
	border-bottom:1px solid #282828
}
.contact-wrap{
	width:86%;
	max-width: 1100px;
	margin: 50px auto 0;
	border:1px solid #dfdedb
}

.contact-wrap .contact-item{
	display: flex;
}
.contact-wrap .form-ttl {
    width: 34%;
    padding: 20px 10px 20px 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	background: #ec7033;
	color:#fff;	
}
.contact-wrap .contact-item:not(:last-child) .form-ttl{
	border-bottom:1px solid #fff
}
.contact-wrap .contact-item label.label {
    display: block;
    font-size: 2.0rem;
	font-family: "Noto Serif JP", serif;
}
.contact-wrap .contact-item  span.required {
    padding: 0.4em 0.8em;
	margin-top: 0.2em;
    font-size: 1.5rem;
	font-weight: 500;
	line-height: 1;
    text-align: center;
    color: #ec7033;
    background: #fff;
    border-radius: 2em;
	white-space: nowrap
}
.contact-wrap .form-cont {
    width: 66%;
    padding: 20px;
}
.contact-wrap .contact-item:not(:last-child) .form-cont{
	border-bottom:1px solid #dfdedb
}

.contact-wrap input[type="text"] {
    font-size: 2.0rem;
	font-family: "Noto Serif JP", serif;
	width:100%; 
}
.contact-wrap textarea {
    width: 100%;
    font-size: 2.0rem;
	font-family: "Noto Serif JP", serif;
	resize: vertical;
	min-height: 3em
}
.contact-wrap .other-item textarea {
	width: 100%;
	/* margin-left: 1.5em; */
	border:2px solid #ec7033;
	border-radius: 10px;
	padding: 0.5em;
	min-height: 2em;
	resize: none;
}

.checkbox {
    border: none;
}

.checkbox label {
    display: flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    cursor: pointer;
	font-family: "Noto Serif JP", serif;
	font-size:2.0rem;
	margin-bottom: .3em;
	padding-left: 1.5em
}

.checkbox label::before {
	position: absolute;
    width: 1em;
    height: 1em;
    border: 1px solid #282828;
    content: '';
	left:0;
	top:0.4em
}

.checkbox label:checked::after {
    position: absolute;
    top: 0.2em;
    left: .5em;
    transform: rotate(45deg);
    width:.4em;
    height: .9em;
    border: solid #449ba3;
    border-width: 0 3px 3px 0;
    content: '';
}

.checkbox input {
    display: none;
}
.form_submit {
   width:44%;
	margin: 50px auto;
	position: relative;
}
.form_submit::after{
	position: absolute;
	content:'';
	width:10%;
	height:3px;
	background: #dfdedb;
	top:0;
	bottom:0;
	right:-5%;
	margin: auto
}
.contact input[type="submit"]:hover {
    opacity: 0.7;
}
.contact input[type="submit"][disabled] {
    opacity: 0.7;
    cursor: not-allowed;
}

.form_submit input[type="submit"]{
	width:100%;
	font-size: 3.2rem;
    font-weight: 700;
	display: block;
	border-radius:2em;
	font-family: "Noto Serif JP", serif;
	text-align-last: center;
	padding: 0.65em 1em;
	color:#fff;
	border: 4px solid #dfdedb;
	background:#c81e32;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;

}
.contact-note{
	width:86%;
	max-width: 1100px;
	margin: 0 auto;
	font-size:1.4rem;
	font-family: "Noto Serif JP", serif;
}
.contact-note p+p{
	margin-top: 1em
}

.tb{display: none!important}

@media (max-width: 1080px){
	.tb{display: block!important}
	.notb{display: none!important}
	.contact-wrap{
		width:100%;
		max-width: 1100px;
		margin: 50px auto 0;
		border:1px solid #dfdedb
	}

	.form_submit input[type="submit"]{
		font-size: 2.8vw;
	}
}
@media (max-width: 768px){
	.tb{display: none!important}
	.contact{
		padding: 10vw 0;
	}
	.contact-wrap{
		width:100%;
		max-width: inherit;
		margin: 6vw auto 0;
	}

	.contact-wrap .contact-item{
		display: flex;
		flex-wrap: wrap
	}
	.contact-wrap .form-ttl {
		width: 100%;
		padding: 2vw 2vw 2vw 4vw;
	}	
	.contact-wrap .contact-item label.label {
		font-size: 4.2vw
	}
	.contact-wrap .contact-item span.required {
		font-size: 3.7vw;
	}
	.contact-wrap .form-cont {
		width: 100%;
		padding: 2vw 4vw;
	}
	.contact-wrap input[type="text"] {
		font-size: 4.2vw;
	}
	.contact-wrap textarea {
		font-size: 4.2vw;
		min-height: 2em;
	}
	.contact-wrap .other-item textarea {
		width:100%;
		margin-left:0;
		border: 0.5vw solid #ec7033;
		border-radius: 2.6vw;
		padding: 0.5em;
		min-height: 2em;
		resize: none;
	}
	

	.checkbox label {
		display: flex;
		align-items: flex-start;
		gap: 0 .5em;
		position: relative;
		cursor: pointer;
		font-family: "Noto Serif JP", serif;
		font-size: 3.7vw;
		margin-bottom: .3em;
		padding-left: 1.5em
	}

	.checkbox label::before {
		position: absolute;
		width: 1em;
		height: 1em;
		border: 1px solid #282828;
		content: '';
		left:0;
		top:0.4em
	}

	.form_submit {
		width:80%;
		margin: 6vw auto;
	}
	.form_submit input[type="submit"]{
		font-size: 4.26vw;
		border: 0.6vw solid #F2F2F2;
	}
	.form_submit::after{
		height:0.4vw
	}
	.contact-note{
		width:100%;
		max-width: inherit;
		margin: 0 auto;
		font-size:3.2vw;
	}

	.checkbox label:checked::after{
		position: absolute;
		top: 0.2em;
		left: .5em;
		transform: rotate(45deg);
		width:.4em;
		height: .9em;
		border: solid #449ba3;
		border-width: 0 0.8vw 0.8vw 0;
		content: '';
	}


}