@charset "UTF-8";
/*
Template: swell
Theme Name: SWELL CHILD
Theme URI: https://swell-theme.com/
Description: SWELLの子テーマ
Version: 1.0.0
Author: LOOS WEB STUDIO
Author URI: https://loos-web-studio.com/

License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
*/
.top #content{
	padding-top:0;
}
.top-fv{
	position: relative;
	height: 80vh;
}
#fv-first {
	opacity: 1;
	transition: opacity 2.5s;
}
#fv-second {
	opacity: 0;
	transition: opacity 2s;
}
#fv-first,#fv-second{
	height: 90vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:0 ;
	width: 100%;
}
#fv-first img{
	width: 45vw;
	object-fit: contain;
}
#fv-second img{
	height: 70vh;
	object-fit: contain;
}
.form-item p:last-child{
	width: 100%;
}
.form-item input,
.form-item textarea{
	width: 100%;
	border:0.5px solid #ccc;
	border-radius: 6px;
}
.form-item textarea{
	height: 8em;
}
input[type="submit"]{
	width: 300px;
	border: none;
	background: #0693e3;
	line-height: 3em;
	color: white;
	margin:auto;
	display: block;
}
input[type="submit"]:hover{
	opacity: 0.8;
}
.form-item .required{
	padding: 2px 6px;
	background: #751D1D;
	border-radius: 4px;
	color: white;
	font-size: 12px;
	margin-right: 6px;
}
@media(min-width:700px){
	.form-item{
		display: flex;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 0.5px solid #aaa;
	}
	.form-item p:first-child{
		width: 300px;
		padding-left: 20px;
	}	
}
@media(max-width: 699px){
	.form-item{
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 0.5px solid #aaa;
	}
	.form-item p:first-child{
		margin-bottom: 4px;
	}	
	#fv-first img{
		width: 70vw;
		object-fit: contain;
	}
}