@charset "utf-8";
/* CSS Document */

/*---------------------
header__section内
---------------------*/
.underlayer .inner{
    margin-bottom: 80px;
}
.page__header .section_text{
    width: 720px;
    margin: 0 auto;
}

/*---------------------
form__section内
---------------------*/
.contact_form .inner{
	margin-top: 0px;
}

.contact_form{
	margin-bottom: 260px;
}

.contact_form p{
	margin-bottom: 40px;
}

.contact_form p,
form dt,
form input,
form textarea{
	font-size: 1.7rem;
	line-height: 1.6;
    font-weight: 400;
}

form dt{
	margin-bottom: 10px;
}

form dl:first-of-type label{
	display: inline-block;
	font-size: 1.5rem;
	margin-right: 10px;
}

form dl{
    width: 870px;
    margin: 0 auto;
	margin-bottom: 45px;
}

.caution{
	color: #9A7A44;
}

form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
form textarea{
	width: 100%;
	border: 1px solid #FFFFFF;
	border-radius: 7.65px;
	padding: 8px;
	box-sizing: border-box;
    background-color:#232323;
}

form ::placeholder{
	color: #707070;
}
::-webkit-input-placeholder{
    font-family: 'Noto Serif JP', serif;
}
:-moz-placeholder {
    font-family: 'Noto Serif JP', serif;
}

form select{
    font-family: 'Noto Serif JP', serif;
    width: 400px;
    padding: 12px;
    background-color: #232323;
    color: #fff;
    border-radius: 7.65px;
    border: 1px solid #fff;
}


form label.check_btn{
	display: block;
	font-size: 1.4rem;
	color: #fff;
	text-align: center;
	margin: 0 auto 60px;
}

input[type="checkbox" i] {
    background-color: #232323;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: 1px solid #fff;
}

.contact_form .right,
.contact_form .right img{
	width: 526px;
	height: auto;
	margin-left: 25px;
}

.contact_form .right{
	position: relative;
}

.contact_form .right::after{
	content: "";
	display: block;
	background-color: #fff;
	width: 105%;
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: -5px;
	animation-name: img_slide;
	animation-duration: 0.8s;
	animation-delay: 1.5s;
	animation-timing-function: cubic-bezier(0, 0, 0, 1);
	animation-fill-mode: both;
	animation-iteration-count: 1;
}
  @keyframes img_slide{
  	0%{left: 0;}
  100%{left: 100%;}
}

.contact_form .left{
	animation-name: fade_up;
	animation-duration: 0.8s;
	animation-delay: 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: both;
	animation-iteration-count: 1;
}
  @keyframes fade_up{
  	0%{
			opacity: 0;
			transform: translateY(50px);
		}
  100%{
		opacity: 1;
		transform: translateY(0);
		}
}


.p-form__frame {
	overflow-y: scroll;
	max-width: 700px;
	height: 150px;
	margin: 0 auto;
	padding: 16px 16px 16px 8px;
	border: 1px solid #C4C4C4;
	margin-top: 60px;
	margin-bottom: 120px;
}

.p-form__frame .c-txt {
	font-size: 1.3rem;
	line-height: 1.5;
}

.p-form__frame .c-txt:not(:last-child) {
	margin-bottom: 24px;
}

.p-form__frame::-webkit-scrollbar {
	width: 8px;
}

.p-form__frame::-webkit-scrollbar-track {
	background-color: #c4c4c4;
}

.p-form__frame::-webkit-scrollbar-thumb {
	height: 10px;
	background-color: #767676;
}

.c-bold {
	font-weight:  bold;
}

.contact_form .btn{
    position: static;
    font-family: 'Noto Serif JP', serif;
    color: #fff;
    font-size: 2.4rem;
    width: 325px;
    margin: 0 auto;
    border: 1px solid #707070;
    text-align: center;
    padding: 35px 0;
}
.contact_form .btn a{
    color: #fff;
}
.contact_form .btn::before {
    display: none;
}

.btn.contact-btn{
width: 325px;
height: 90px;
padding: 0;
background-color: #232323;
}

.contact-btn_position{
	text-align: center;
}

/*---------------------
page__contact内
---------------------*/
.page__contact.inner{
    margin-bottom: 290px;
}

form dl {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 45px;
}

/*---------------------
sp
---------------------*/
@media(max-width: 768px) {
form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), form textarea {
	width: 100%;
}
.p-form__frame {
    max-width: 100%;
	margin: 0;
}
form select {
    width: 100%;
}

form dl {
    margin-bottom: 50px;
}
form label.check_btn {
    margin: 20px auto 60px;
}
.btn.contact-btn {
    width: 250px;
}

}