@charset "UTF-8";
/*sec01*/
#sec01{
	padding: 15vh 0 18%;
}
#sec01 .wrap{
	max-width: 860px;
}
#sec01 .title_area{
	margin-bottom: 5%;
}
#sec01 .title_area p{
	margin-right: 0.5em;
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1;
}
#sec01 .title_area .main_title{
	font-size: 1.2rem;
	font-weight: bold;
}

input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	opacity: 1;
}
select::-ms-expand {
    display: none;
}
#sec01 form{
	margin: 0 30px;
}
#sec01 dl dt{
	margin-bottom: 0.5em;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.9;
}
#sec01 dl dd{
	margin-bottom: 2em;
	font-size: 1.5rem;
}
#sec01 dl dd input,
#sec01 dl dd textarea{
	width: 100%;
	padding: 2% 1em;
	font-size: 1.5rem;
	border: 1px solid #1C3039;
}
#sec01 dl dd textarea{
	height: 195px;
	resize: vertical;
	font-family: 'Noto Sans JP', sans-serif;
}
#sec01 p.submit{
    position: relative;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    max-width: 400px;
    width: 80%;
    margin: 10% auto 0;
}
#sec01 p.submit input[type=button]{
	width: 100%;
    padding: 1.5em 0;
    font-size: 1.5rem;
    text-align: center;
    color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
    background: #1c3039;
    border:1px solid #1c3039;
    -webkit-border-radius: 35px;
            border-radius: 35px;
    overflow: hidden;
    -webkit-transition: all 0.4s cubic-bezier(0.49, 0.1, 0.49, 0.8);
    transition: all 0.4s cubic-bezier(0.49, 0.1, 0.49, 0.8);
}
#sec01 p.submit input[type=button]:hover{
	cursor: pointer;
    opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-webkit-transition: 0.7s ease-in-out;
	-moz-transition: 0.7s ease-in-out;
	-o-transition: 0.7s ease-in-out;
	transition: 0.7s ease-in-out;
}

@media screen and (max-width: 896px){
	#sec01{
		padding: 25% 0;
	}
	#sec01 .title_area{
		display: block;
	}
	#sec01 .title_area p{
		margin-bottom: 0.2em;
	}
}

@media screen and (max-width: 480px){
	#sec01{
		padding: 30% 0 15%;
	}
	#sec01 .title_area p{
		font-size: 2rem;
	}
	#sec01 form{
		margin: 0 5%;
	}
	#sec01 dl dt,
	#sec01 dl dd,
	#sec01 dl dd input, #sec01 dl dd textarea{
		font-size: 1.2rem;
	}
	#sec01 dl dd textarea{
		height: 150px;
	}
	#sec01 p.submit input[type=button]{
		padding: 1.2em 0;
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 320px){
	#sec01 .title_area p{
		font-size: 1.7rem;
	}
}






























