@charset "utf-8";

/* passport
----------------------------------------*/

.wrap_flex{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
	.prov li{
		list-style:disc inside;
		line-height:1.3;
		margin-bottom:.7rem;
	}
	.prov_scroll{
		padding:1rem;
		height:25vh;
		max-height:250px;
		background:rgba(0,0,0,.08);
		overflow-y:scroll;
	}
	.prov_scroll li{
		font-size:.9rem;
	}

#price div{
	width:50%;
}
	#price > div:first-child{
		padding-right:2rem;
	}
	#price > div:first-child img{
		max-width:412px;
	}
	#price .btn_white_arrow{
		padding:1.3rem 1.6rem;
	}
	
#tokuten{
	position:relative;
	padding:0 1000px 2rem;
	margin:0 -1000px;
	text-align:center;
	background-image:url(/pass/bg_tt.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:contain;
}
	@media screen and (max-width: 970px){
		#tokuten .inner{
			width:100%;
		}
	}
	#tokuten .wrap_flex{
		justify-content:center;
	}
	#tokuten h2{
		padding-top:.2rem;
	}
	#tokuten h2 img{
		max-width:567px;
		margin:auto;
	}
	#tokuten .wrap_flex > div{
		width:30%;
		max-width:266px;
		color:#000;
		font-size:1.75rem;
		font-weight:bold;
		line-height:1.2;
		text-shadow:0 0 3px rgba(255,255,255,.8), 0 0 6px rgba(255,255,255,.8), 0 0 10px rgba(255,255,255,.8), 0 0 3px rgba(255,255,255,.8), 0 0 6px rgba(255,255,255,.8), 0 0 10px rgba(255,255,255,.8);
		margin:0 1.6% 1rem;
	}
	#tokuten .wrap_flex > div img{
		margin:0 auto .5rem;
	}
	#tokuten .wrap_flex > div small{
		display:block;
		margin-top:.2rem;
		font-size:.75rem;
	}

@media screen and (max-width: 700px){
	#lead_txt{
		text-align:left;
	}
	#lead_txt br{
		display:none;
	}
}
@media screen and (max-width: 600px){
	#price div{
		width:100%;
	}
	#price > div:first-child{
		padding-right:0;
	}
	#price > div:first-child img{
		padding-right:0;
		margin:0 auto 2rem;
	}
	
	#tokuten .wrap_flex > div{
		width:43.5%;
		font-size:1.3rem;
		margin:0 1.6% 1rem;
	}
	#tokuten .wrap_flex > div br{
		display:none;
	}
}

.updatecpn{
	justify-content:center;
	align-items:center;
}
	.updatecpn p{
		width:50%;
		padding:0 10px;
	}
	.updatecpn p:nth-of-type(1) img{
		max-width:413px;
	}
	.updatecpn p:nth-of-type(2) img{
		max-width:299px;
	}
@media screen and (max-width: 600px){
	.updatecpn{
		display:block;
	}
	.updatecpn p{
		width:100%;
	}
	.updatecpn p img{
		margin:0 auto 10px;
	}
	.updatecpn p:nth-of-type(1) img{
		transform-origin:center;
		transform:scale(1.05) translateX(-2%);
	}
}


#support{
	display: inline-block;
	padding: 10px 20px;
	background: rgb(240, 246, 239);
	border-radius: 10px;
}

#entry_form *{
	font-family: "Yu Gothic", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
	#entry_form th{
		width:15%;
		white-space:nowrap;
		padding:1.2rem .2rem;
	}
	#entry_form td{
		padding:1.2rem .5rem 1.2rem 2rem;
	}
	#entry_form input[type='text'],
	#entry_form input[type='email'],
	#entry_form input[type='tel'],
	#entry_form select,
	#entry_form checkbox,
	#entry_form textarea{
		padding:4px 6px;
		font-size:1rem;
		margin:.3rem 0;
	}
	#entry_form label{
		display:inline-block;
		margin-right:1rem;
	}
	#entry_form textarea{
		height:7rem;
	}
	#entry_form .w20p{
		width:20%;
	}
	#entry_form .w40p{
		width:40%;
	}
	#entry_form .w90p{
		width:90%;
	}
	input[type='submit']{
		border-style: none;
		display:inline-block;
		padding:15px 30px;
		text-align:center;
		color:#fff;
		font-size:1rem;
		background: rgb(42,156,128);
		border-radius:3px;
	}
@media screen and (max-width: 413px){
	#entry_form .table_blue{
		display:block;
		background:none;
	}
	#entry_form th,
	#entry_form td{
		display:block;
		width:100%;
		padding:.3rem;
	}
	#entry_form td{
		padding:.3rem 0 .7rem;
	}
}
	
	.img_wrap{
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	.img_wrap > div:first-child{
		width:70%;
	}
	.img_wrap > div:nth-child(2){
		width:30%;
		text-align:right;
	}
	.img_wrap > div:nth-child(2) img{
		display:inline-block;
		max-width:150px;
	}
@media screen and (max-width: 600px){
	.img_wrap{
		display:block;
	}
	.img_wrap > div{
		width:100% !important;
	}
	.img_wrap > div:nth-child(2) img{
		display:block;
		margin:1rem auto 0;
	}
}

.er_msg_box{
	display:inline-block;
	padding:10px 16px;
	color:rgb(192,63,63);
	font-size:.9rem;
	line-height:1.4;
	background:mistyrose;
}
.er,
.alert{
	display:inline-block;
	padding:7px 1em;
	color:rgb(192,63,63);
	font-size:.9rem;
	line-height:1;
	background:mistyrose;
	margin:.5rem 0;
}	

.msg_conf > div:first-child{
	width:70%;
}
	.msg_conf > div:nth-child(2){
		width:30%;
	}

.img_uploaded{
	max-width:200px;
}
.img_pass{
	max-width:250px;
}