@charset "utf-8";
/* CSS Document */
div.mypagebox {
	width:90%;
	padding: 40px 20px;
	box-sizing: border-box;
	margin: 30px auto 0 auto;
}
	div.mypagebox h2 {
		text-align: center;
		font-size: 14px;
	}
	div.mypagebox h3 {
		font-size: 14px;
		margin: 20px auto 0 auto;
	}
	div.mypagebox iframe {
		display: block;
		width:100%;
		height:45vw;
		margin: 10px auto 0 auto;
	}
	div.mypagebox table.intbl {
		width:100%;
		margin: 30px auto 0 auto;
	}
		div.mypagebox table.intbl th {
			display: block;
			width:100%;
			font-size: 14px;
			line-height: 20px;
			vertical-align: top;
			text-align: left;
			padding-bottom: 5px;
		}
		div.mypagebox table.intbl td {
			display: block;
			width:100%;
			line-height: 40px;
			font-size: 14px;
			vertical-align: top;
			padding-bottom: 10px;
		}
			div.mypagebox table.intbl td input.itext, div.mypagebox table.intbl td select.itext {
				display: block;
				-webkit-appearance: none;
				-moz-appearance: none;
				width:100%;
				height:40px;
				line-height: 40px;
				padding: 0 10px;
				border: #DDD9D5 1px solid;
				border-radius: 10px;
				caret-color: auto;
			}
			div.mypagebox table.intbl td input.itext2, div.mypagebox table.intbl td select.itext2 {
				display: inline-block;
				-webkit-appearance: none;
				-moz-appearance: none;
				width:100px;
				height:40px;
				line-height: 40px;
				padding: 0 10px;
				border: #DDD9D5 1px solid;
				border-radius: 10px;
				caret-color: auto;
			}
			div.mypagebox table.intbl td textarea {
				display: block;
				-webkit-appearance: none;
				-moz-appearance: none;
				width:100%;
				height:200px;
				line-height: 20px;
				padding: 0 10px;
				border: #DDD9D5 1px solid;
				border-radius: 10px;
				caret-color: auto;
			}
	div.mypagebox p.setumei {
		width:100%;
		margin: 20px auto 0 auto;
		font-weight: bold;
		font-size: 12px;
		line-height: 20px;
	}
		div.mypagebox p.setumei a {
			text-decoration: none;
			font-weight: bold;
			font-size: 12px;
			color: #73995C;
		}
		div.mypagebox p.setumei span {
			font-size: 12px;
			color: #E70619;
		}
	div.mypagebox img.step {
		width:100%;
		margin: 20px auto 0 auto;
	}
	div.mypagebox a.btn_maru, div.mypagebox input.btn_maru {
		display: block;
		width:150px;
		height:45px;
		line-height: 45px;
		text-align: center;
		-webkit-appearance: none;
		-moz-appearance: none;
		background: #73995C;
		color: #fff;
		text-decoration: none;
		font-size: 14px;
		border-radius: 50px;
		letter-spacing: 1px;
		border: none;
		font-weight: bold;
		margin: 30px auto 0 auto;
		cursor: pointer;
	}
	div.mypagebox input.btn_maru:hover { opacity: 0.7;}
	div.mypagebox a.btn_kaku, div.mypagebox input.btn_kaku {
		display: block;
		width:100%;
		height:45px;
		line-height: 45px;
		text-align: center;
		-webkit-appearance: none;
		-moz-appearance: none;
		background: #F2F2F2;
		color: #333;
		text-decoration: none;
		font-size: 14px;
		letter-spacing: 1px;
		border: #ddd 1px solid;
		font-weight: bold;
		margin: 20px auto 0 auto;
		cursor: pointer;
	}
	div.mypagebox a.btn_kaku2, div.mypagebox input.btn_kaku2 {
		display: block;
		width:100%;
		height:45px;
		line-height: 45px;
		text-align: center;
		-webkit-appearance: none;
		-moz-appearance: none;
		background: #fff;
		color: #333;
		text-decoration: none;
		font-size: 14px;
		letter-spacing: 1px;
		border: #ddd 1px solid;
		font-weight: bold;
		margin: 20px auto 0 auto;
		cursor: pointer;
	}
	div.mypagebox input.btn_maru:hover { opacity: 0.7;}
	/* 規約 */
	div.mypagebox textarea.joukenbox {
		display: block;
		width: 100%;
		height: 200px;
		margin: 20px auto 0 auto;
		box-sizing: border-box;
		border: #D6D6D6 2px solid;
		padding: 10px 10px;
		line-height: 18px;
		font-size: 10px;
	}
	div.mypagebox textarea.joukenbox::-webkit-scrollbar{
	   width: 2px;
	}
	div.mypagebox textarea.joukenbox::-webkit-scrollbar-track{
	   background-color: #ccc;
	}
	div.mypagebox textarea.joukenbox::-webkit-scrollbar-thumb{
	   background-color: #999;
	}
	/* チェックボックス */
	div.mypagebox div.checkbox {
		margin: 5px auto 0 auto;
	}
		div.mypagebox div.checkbox input {vertical-align: middle;}
		div.mypagebox div.checkbox span {
			color: #000;
			font-size: 14px;
			letter-spacing: 1px;
			vertical-align: middle;
			margin-left: 5px;
		}
	div.mypagebox textarea.comment {
		display: block;
		width: 100%;
		height: 200px;
		margin: 20px auto 0 auto;
		box-sizing: border-box;
		border: #D6D6D6 2px solid;
		padding: 10px 10px;
		line-height: 22px;
		font-size: 14px;
	}