@charset "UTF-8";

/* magazin
--------------------------------*/
#magazin{
	padding: 60px 0 250px;
}
#magazin .wrap{
	max-width: 930px;
}
#magazin dl{
	padding: 50px 0;
	border-bottom: 1px solid #a3abb7;
}
#magazin dl dt{
	font-size: 2rem;
	font-weight: 700;
}
#magazin dl dd{
	margin-top: 10px;
}
#magazin dl dd+dt{
	margin-top: 30px;
}
#magazin dl .form{
	display: flex;
	justify-content: flex-start;
}
#magazin dl .form input[type="text"]{
	border: 1px solid #b7b7b7;
	height: 50px;
	width: calc(100% - 85px - 10px);
	max-width: 440px;
	background: #fff;
	padding: 0 10px;
	margin-right: 10px;
}
#magazin dl .form button{
	font-size: 1.8rem;
	color: #fff;
	text-align: center;
	width: 85px;
	background: #1c355a;
	border: 2px solid #1c355a;
	cursor: pointer;
	transition: .3s;
}
@media screen and (min-width: 769px) {
	#magazin dl .form button:hover{
		color: #1c355a;
		background: #fff;
	}
}
@media screen and (max-width: 768px) {
	#magazin{
		padding: 10% 0;
	}
	#magazin dl{
		padding: 10% 0;
	}
	#magazin dl dt{
		font-size: 4.2vw;
	}
	#magazin dl dd+dt{
		margin-top: 6%;
	}
	#magazin dl .form input[type="text"]{
		height: 10vw;
		width: 80%;
		max-width: 80%;
		padding: .2em 3% 0;
		margin-right: 2%;
	}
	#magazin dl .form button{
		font-size: 4.2vw;
		width: 18%;
	}
	#magazin .powered img{
		width: 15%;
		vertical-align: middle;
	}
}