@charset "UTF-8";
/* CSS Document */

/*Reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas {
	margin: 0;
	padding: 0;
}
article, aside, figure, figcaption, footer, header, hgroup, menu, nav, section {
	display: block;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

html {
	-webkit-text-size-adjust: none;
}

body{
	margin: 0;
	padding: 0;
	width: 100%;
}

a img{
	border: none;
}

/*--------------------------
	common
--------------------------*/
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt80{ margin-top:80px; }

.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb44{ margin-bottom:44px; }
.mb73{ margin-bottom:73px; }
.mb90{ margin-bottom:90px; }

.w20{ width:20%;}
.w30{ width:30%;}
.w50{ width:50%;}
.w60{ width:60%;}
.w80{ width:80%;}
.w85{ width:85%;}
.w90{ width:90%;}
.w95{ width:95%;}
.w100{ width:100%;}

/*--------------------------
	ƒRƒRƒ`ƒ‰
--------------------------*/
.wrapper {
	text-align: center;
}
.wrap {}
	.contents {
		font-size: 14px;
		line-height: 1.4;
	}
		.inner {
			margin-right: 10px;
			margin-left: 10px;
			text-align: left;
		} .contents > .inner:first-child {
			margin-top: 24px;
		}

		.red {
			color: #f00;
		}

		h2 {
			padding: 10px;
			background: #f4f0ea;
			font-weight: bold;
			text-align: left;
		}
			h2 img {
				margin: 0 5px;
				width: 45px;
				vertical-align: middle;
			}

		.inner .button + p {
			margin: 0 30px 40px 30px;
			text-align: center;
		}

		p img {
			vertical-align: middle;
		}

		ul {
			list-style: none;
		}

		.notes {
			margin-top: 25px;
			margin-bottom: 20px;
		} h2 + .inner > .notes {
			margin-top: 13px;
		}
			.notes li {
				padding-left: 1em;
				text-indent: -1em;
			}

		.image {
			margin-top: 20px;
			margin-bottom: 25px;
			text-align: center;
		}
			.image img {
				width: 100%;
				max-width: 640px;
			}

		.explanation {
			margin: 20px 0;
			padding: 15px 10px;
			background: #eaf5f5;
		}
			.explanation :first-child {
				margin-top: 0;
			}
			.explanation p img {
				margin: 0 5px;
				width: 28px;
			}
			.explanation .image {
				margin-right: -10px;
				margin-bottom: 0;
				margin-left: -10px;
			}

		.point {
			margin-top: 20px;
		}
			.point li {
				padding-left: 1em;
				text-indent: -1em;
			}
			.point span {
				color: #59c6b8;
			}

		#menu {
			margin: 20px 0;
			border-bottom: 1px solid #c9c8cd;
			text-align: left;
		} h2 + #menu {
			margin-top: 0;
		}
			#menu h1 {
				border-top: 1px solid #c9c8cd;
			}
				#menu h1 a {
					padding-right: 10px;
					padding-left: 10px;
					display: block;
					line-height: 44px;
					color: #3c3c3c;
					background: #e9e1d5 url(../images/icoArrow01.png) no-repeat right center;
					background-size: 23px auto;
					font-weight: bold;
					text-decoration: none;
				}
			#menu h1 + ul {
				display: none;
			} #menu > ul:first-child {
				border-bottom: 1px solid #c9c8cd;
			} #menu ul + ul {
				margin-top: 20px;
			}
				#menu ul li {
					border-top: 1px solid #c9c8cd;
				} #menu > ul:first-child li:first-child {
					border-top: none;
				}
					#menu ul li a {
						padding-right: 10px;
						padding-left: 10px;
						display: block;
						line-height: 35px;
						color: #000;
						background: url(../images/icoArrow03.png) no-repeat right center;
						background-size: 20px auto;
						text-decoration: none;
					}

		.button {
			margin: 20px auto;
			position: relative;
			max-width: 600px;
		}
			.button a {
				position: absolute;
				top: 0;
				left: 0;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-box;
				display: box;
				-webkit-box-pack: center;
				-moz-box-pack: center;
				-ms-box-pack: center;
				box-pack: center;
				-webkit-box-align: center;
				-moz-box-align: center;
				-ms-box-align: center;
				box-align: center;
				width: 100%;
				height: 100%;
				cursor: pointer;
				-webkit-appearance: none;
				color: #fff;
				font-size: 16px;
				font-weight: bold;
				text-align: center;
				text-decoration: none;
			}
			.button img {
				width: auto;
				height: auto;
				max-width: 100%;
				max-height: 100%;
			}
			@media screen and (min-width: 640px) {
				.button a {
				    font-size: 22px;
				}
			}