@charset "UTF-8";

.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-js-display: flex;
}
@media screen and (max-width: 1024px){
	.flex {
	    flex-direction: column;
	}
}

.l-body__inner {
	width: 100%;
    margin: 0 auto;
    position: relative;
}

.contact_header{
	flex: 1;
	text-align: center;
    box-sizing: border-box;
    height: 100vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 4vw;
    background-color:#eeeeed;
}
.contact_header h1{
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 1.2em;
	margin: 20px 0 10px 0;
}
.contact_header p{
	margin: 0 0 20px 0;
    font-size: 0.9em;
}

.contact_contents{
	width: 45vw;
    overflow-y: scroll;
    height: 100vh;
    padding: 4vw;
    background-color:#fff;
}
@media screen and (max-width: 1024px){
	.contact_contents {
	    width: 100%;
	    height: auto;
	    overflow-y: unset;
	}
}

/*サンクスページ*/
#thanks h2{
	text-align:center;
	font-size:1.8em;
	padding-bottom:1.5rem;
}
#thanks h3{
	text-align:center;
	font-size:1.1em;
	padding:2rem 0 1rem 0;
}
#thanks h4{
	position: relative;
	padding-left: 1.15em;
}
#thanks h4::before {
	-webkit-transform: translate(0, -50%);
	background-color: #00B3E8;
	content: "";
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 0.85em;
}
#thanks p{
	margin-bottom:1.5rem;
}
#thanks .right{
	text-align:right;
}