@charset "UTF-8";



/* magazine-section */
@media all {
	
	/* sp */
	@media only screen and (max-width: 767px) {
		.magazine-section {
			margin: 80rem auto 0;
			padding-bottom: 100rem;
			width: calc(100% - 40rem);
		}
		.contact-lead small {font-size: 13rem;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.magazine-section {
			margin: 110rem auto 0;
			padding-bottom: 120rem;
			width: 600rem;
		}
		.magazine-lead {
			margin: 0 auto;
			width: 530rem;
			font-size: 16rem;
		}
		.magazine-lead small {font-size: 14rem;}

		/* tab */
		@media screen and (max-width: 1024px) {}
	}
}





/* --フォーム-- */
@media all {

	.form-list {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		margin: 0 auto;
	}

	.form-list input[type="email"] {
		box-sizing: border-box;
		padding-left: 1em;
		width: 100%;
		background-color: #fff;
		outline: none;
		border: none;
		-webkit-tap-highlight-color: var(--main-color);
	}
	.form-list input[type="email"] {
		width: 100%!important;
		border-top: var(--max1px) solid var(--main-color);
		border-bottom: var(--max1px) solid var(--main-color);
		background-color: #fbf9fb;
	}

	.form-list .button {
		position: relative;
		overflow: hidden;
		background-color: var(--main-color);
		border: 1rem solid var(--main-color);
		border-radius: 30rem;
		color: #fff;
		cursor: pointer;
		transition: opacity .3s, background-color .3s;
	}
	.form-list .button::after {
		content: '';
		position: absolute;
		display: block;
		background: center no-repeat url(../img/common/arrow.svg);
		filter: brightness(0) invert(1);
		transition: filter .3s;
		pointer-events: none;
	}
	.form-list input[type="button"] {
		display: block;
		padding: 0 16rem 3rem 0;
		width: 100%;
		height: 100%;
		background-color: var(--main-color);
		color: #fff;
		cursor: pointer;
		font-weight: 300;
		transition: .3s;
	}

	.form-list dl {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}




	/* --フォーム-- sp */
	@media only screen and (max-width: 767px) {
		.form {margin-top: 40rem;}

		.form-list {font-size: 16rem;}
		.form-list input {
			height: 50rem;
			border-radius: 0;
		}
		.form-list dt {width: 100%;margin-bottom: 10rem;}
		.form-list dt:nth-child(n+4) {margin-top: 50rem;}
		.form-list .input {width: calc(100% - 100rem);}
		.form-list .button {
			width: 80rem;
			height: 40rem;
		}
		.form-list .button::after {
			right: 7rem;
			top: calc(50% - 4rem);
			width: 16rem;
			height: 8rem;
		}

		/* .form-list input[type="button"] {
			display: block;
			padding-right: 1em;
		} */

		/* .form-list .button {
			margin-top: 3em;
			width: 73.4375vw;
			height: 50rem;
			font-size: 16rem;
		} */
	}

	/* --フォーム-- tab & pc */
	@media print,
	(min-width: 768px) {
		.form {margin-top: 60rem;}
		.form-list dt {width: 135rem;}
		.form-list .input {width: 305rem;}
		.form-list *:nth-child(n+4) {margin-top: 40rem;}

		.form-list input[type="email"] {height: 55rem;}

		.form-list .button {
			width: 120rem;
			height: 50rem;
			transition: opacity .3s, background-color .3s;
			font-size: 18rem;
		}
		.form-list .button:hover {border-color: var(--main-color);}
		.form-list .button::after {
			right: .75em;
			top: calc(50% - 10rem);
			width: 30rem;
			height: 20rem;
		}
		.form-list .button:hover::after {
			filter: brightness(1) invert(0);
		}
		.form-list input[type="button"]:hover {
			background-color: #fff;
			color: var(--main-color);
			opacity: 1;
		}

		/* tab */
		@media screen and (max-width: 1024px) {
		}
	}
}