@charset "utf-8";

#pass_link_area {
	padding: 10vw 0;
}

.pass_area {
	width: 100%;
	overflow: hidden;
	padding: 0;
}

.pass_cont1 {
	color: #fff;
	width: 100%;
	height: auto;
	padding: 10vw;
	margin: 0 auto 5vw;
	background: #ed9222;
	line-height: 1.4;
}

.pass_cont1 .pxp1 {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	font-size: 1.1rem;
	text-align: center;
}

.pass_cont1 .pxp1::before {
	content: "";
	display: inline-block;
	width: 5.3125vw;
	height: 5.625vw;
	background-image: url(../img/pass_link/login_03.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-right: 2.5vw;
}

.pass_cont1 .pxp2 {
	width: 78%;
	margin: 2.8125vw auto 3.75vw;
	box-sizing: border-box;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
	background: #fff;
	color: #ed9222;
	padding: 0.9375vw 3.125vw;
}

.pass_cont1 .pxp2::after {
	content: url(../img/pass_link/login_07.png);
	position: relative;
	top: -1px;
	margin-left: 1.25vw;
}

.pass_cont1 .pxp2 a {
	color: #ed9222;
}

.pass_cont1 .ixi1 {
	text-align: center;
	margin-bottom: 4.21875vw;
}

.pass_cont1 .pxp3 {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
}

.pass_cont1 .pxp3::before {
	content: "";
	display: inline-block;
	width: 5.3125vw;
	height: 5.625vw;
	background-image: url(../img/pass_link/login_15.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-right: 2.5vw;
}

.pass_cont2 {
	width: 80%;
	overflow: hidden;
	margin: 0 auto;
	background: #fff;
}

.pass_cont2 .pass_boxs {
	width: 100%;
	overflow: hidden;
	padding: 7.5vw 0;
	margin: 0 auto;
}
.pass_cont2 .pass_boxs.test {
	padding: 3.75vw 0 7.5vw;
}

.pass_cont2 .pass_boxs p {
}

.pass_cont2 .pass_boxs input[type="text"],
.pass_cont2 .mau_box .mauticform-input {
	width: 100%;
	height: 6.25vw;
	padding: 0.78125vw;
	font-size: 1rem;
	border: 1px solid #dddddd;
	border-radius: 0;
	margin: 1.25vw 0 3.75vw;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.pass_cont2 .pass_boxs input[type="submit"] {
	float: right;
	font-size: 1rem;
	background: #ed9222;
	box-sizing: border-box;
	border: none;
	border-radius: 0;
	box-shadow: none;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
	letter-spacing: 2px;
	padding: 1.25vw 3.125vw 1.25vw;
}

/*===============================
 Mauticフォーム追加
 ===============================*/
.pass_cont2 .mau_box {
	width: 100%;
	overflow: hidden;
	padding: 7.5vw 0 0;
	margin: 0 auto;
}
.pass_cont2 .mau_box .mauticform-row,
.pass_cont2 .mau_box .mauticform-input {
	margin: 0;
}
.pass_cont2 .mau_box .mauticform-input {
}
.pass_cont2 .mau_box #mauticform_yingyedandang_submit {
	display: none;
}

@media only screen and (min-width: 1000px) {
	/*ここから====================*/
	#pass_link_area {
		padding: 0;
	}
	.pass_area {
		width: 100%;
		overflow: hidden;
		padding: 120px 0;
		background: #e8e8e8;
	}

	.pass_cont1 {
		color: #fff;
		width: 480px;
		height: 310px;
		padding: 67px 88px 0 88px;
		margin: 0 auto 15px;
		background: #ed9222;
	}

	.pass_cont1 .pxp1 {
		font-size: 18px;
	}

	.pass_cont1 .pxp1::before {
		background-image: url(../img/pass_link/login_03.png);
		width: 32px;
		height: 32px;
		margin-right: 16px;
	}

	.pass_cont1 .pxp2 {
		width: 78%;
		margin: 18px auto 24px;
		box-sizing: border-box;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		background: #fff;
		color: #ed9222;
		padding: 6px 20px;
	}

	.pass_cont1 .pxp2::after {
		content: url(../img/pass_link/login_07.png);
		position: relative;
		top: -1px;
		margin-left: 10px;
	}

	.pass_cont1 .pxp2 a {
		color: #ed9222;
	}

	.pass_cont1 .ixi1 {
		text-align: center;
		margin-bottom: 27px;
	}

	.pass_cont1 .pxp3 {
		font-size: 18px;
	}

	.pass_cont1 .pxp3::before {
		width: 32px;
		height: 32px;
		margin-right: 16px;
	}

	.pass_cont2 {
		width: 480px;
		overflow: hidden;
		margin: 0 auto;
		background: #fff;
	}

	.pass_cont2 .pass_boxs {
		width: 304px;
		overflow: hidden;
		padding: 64px 0 50px;
		margin: 0 auto;
	}
	.pass_cont2 .pass_boxs.test {
		padding: 24px 0 50px;
	}

	.pass_cont2 .pass_boxs p {
	}

	.pass_cont2 .pass_boxs input[type="text"],
	.pass_cont2 .mau_box .mauticform-input {
		width: 100%;
		height: 32px;
		padding: 5px;
		font-size: 18px;
		margin: 8px 0 24px;
		border-radius: 0;
	}

	.pass_cont2 .pass_boxs input[type="submit"] {
		float: right;
		font-size: 16px;
		background: #ed9222;
		box-sizing: border-box;
		border: none;
		border-radius: 0;
		box-shadow: none;
		color: #fff;
		text-decoration: none;
		text-shadow: none;
		letter-spacing: 2px;
		padding: 6px 20px 8px;
	}

	/*===============================
  Mauticフォーム追加
  ===============================*/
	.pass_cont2 .mau_box {
		width: 304px;
		padding: 50px 0 0;
	}
	.pass_cont2 .mau_box .mauticform-row,
	.pass_cont2 .mau_box .mauticform-input {
		margin: 0;
	}
	.pass_cont2 .mau_box .mauticform-input {
	}
	.pass_cont2 .mau_box #mauticform_yingyedandang_submit,
	.pass_cont2 .mau_box #mauticform_yingyedandangkyanpen_submit {
		display: none;
	}

	/*ここまで====================*/
}