/* ======== element ======== */
html,
body {
	background: url("../img/body_bg_01.png") top left repeat;
	word-break: normal;
	word-wrap: break-word;
}
body {
	color: #686867;
	font-size: 88%;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	line-height: 1.6;
}
p {font-size: 100%;}
.heading {
	margin-bottom: 8px;
	font-weight: 700;
}
/* ======== container ======== */
.container {
	margin: 0 auto 64px auto;
	padding: 0;
	width: 828px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
}
@media screen and (max-width:768px){
	.container {width: 100%;}
}

/* ======== header ======== */
.header {
	margin: 0 0 24px 0;
	padding-top: 30px;
	width: 700px;
}
@media screen and (max-width:768px){
	.header {
		margin: 0 0 24px 0;
		padding-top: 16px;
		width: 100%;
	}
		.headerInner__title {
			margin: 16px 0;
			padding: 16px 0 0 0;
			width: 100%;
			text-align: center;
		}
			.headerInner__logoImg {width: 280px;}
}

.content {											
	margin: 0 auto 16px auto;
	padding: 80px 64px 40px 64px;
	width: 700px;
	background-color: #ffffff;
	border-bottom: solid 2px #E2E2E3;
	clear: both;
}
	.inner {
		margin: 0 auto;
		width: 600px;
	}
		.kiyaku {
			margin: 0 auto;
			padding: 16px;
			width: 568px;
			height: 250px;
			background-color: #f7f7f7;
			border: solid 1px #eee;
			overflow: scroll;
			overflow-x: hidden;
		}
		.ki {
			margin: 0 auto 16px;
			text-align: center;
			display: block;
		}
		.explain {
			margin: 24px auto;
		}
		.agree {
			margin: 32px auto 24px;
			padding: 16px 48px;
			width: 40%;
			text-align: center;
			color:#fff;
			background-color: #039A1A;
			border: solid 1px #67C274;
			cursor: pointer;
			display: block;
		}
		.secureMsg {
			margin-bottom: 32px;
			color: red;
			font-size: 78%;
			display: block;
		}
		.oppose {
			font-size: 88%;
			color: #000;
		}
@media screen and (max-width:768px) {
	.content {
		margin: 0 auto 32px auto;
		padding: 20px 0 0 0;
		width: 100%;
	}
		.inner {
			width: 85.71428571428571%;
		}
			.kiyaku {
				margin: 0 auto;
				width: 85.71428571428571%;
				height: 200px;
				overflow: scroll;
			}
			.agree {
				margin: 48px auto;
				padding: 16px 48px;
				width: auto;
				text-align: center;
				cursor: pointer;
				display: block;
			}
			.secureMsg {
				margin-bottom: 16px;
			}
}
.footer {
	margin: 8px auto 0 auto;
	padding: 0 0 8px 0;
	text-align: right;
	overflow: hidden;
}
	.footer__navi {
		padding: 0 0 30px 0;
		margin: 0;
	}
	.footer__navi li:first-child {
		border-left: none;
	}
	.footer__navi li {
		padding: 0 8px;
		margin: 0;
		list-style-type: none;
		float: left;
		font-size: 65%;
		border-left: 1px solid #000;
	}
	.footer__copy {
		font-size: 65%;
		font-color: #232327;
		clear: both;
		display: block;
	}
		.footer_mfrLogo {margin-right: 8px;}
@media screen and (max-width:768px) {
	.footer {
		padding: 16px 3%;
		width: 94%;	
		border-top: solid #2A252C 34px;
	}
		.footer_mfrLogo {
			margin-right: 0;
		}
		.footer_logo_rsp {
			height: 24px;
		}
}
/* ============= 調整スタイル ============= */
.p8 {padding: 8px;}
.ptb16 {padding: 0 16px;}
.mb8 {margin-bottom: 8px;}
.mb32 {margin-bottom: 32px;}
.txtCenter {text-align: center;}