@charset "utf-8";

/* Common - Header */
@media screen and (min-width:100px) and ( max-width:468px) {
	.thank_heading {
		font-size: 1.5em !important;
	}
	header img {
		width: 110px;
	}
	/* Form Common */
	.form_style select {
		font-size: 14px !important;
	}
	.form_style input[type="checkbox"] {
		margin-left: 6px;
	}
	.form_style input[type="submit"] {
		font-size: 14px !important;
	}
}

@media screen and (min-width:469px) and ( max-width:768px) {
	.thank_heading {
		font-size: 1.8em !important;
	}
	header img {
		width: 130px;
	}
}

@media screen and (min-width:769px) and ( max-width:1080px) {
	.thank_heading {
		font-size: 2em !important;
	}
	header img {
		width: 130px;
	}
}

/* Header */
header {
	background-color: #63B5A9;
	color: #ffffff;
	padding: 100px 0px 10px;
}
header img {
	margin: 0 auto;
}
header h3 {
	color: #ffffff;
	font-size: 1.4em;
	letter-spacing: 2.3px;
	font-weight: 700;
}


/* information */

.section_information {
}

.information-article {
	margin: 30px auto 0;
	padding-top: 70px;
	width: 83.33333333%;
}
.information-article ~ .information-article {
	margin-top: 130px;
	padding-top: 70px;
}
@media screen and ( max-width:768px ) {
	.information-article {
		width: 100%;
	}
}


.article-header {
	border-bottom: solid 2px #63B5A9;
}

.article-header .item-date {
    display: inline;
	margin-right: 16px;
    padding: .2em .6em .3em;
	font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
	letter-spacing: 1px;
    color: #fff;
    text-align: center;
	text-transform: uppercase;
    white-space: nowrap;
    vertical-align: baseline;
	background: #47b475;
    border-radius: .25em;
}
.article-header .item-date span {
	font-weight: 400;
}
.article-header .item-date span time {
	font-weight: 600;
}

.article-header .item-title {
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: inherit;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.1;
	color: #333;
}

.article-body {
	margin: 1.5em 0 0;
	font-size: 16px;
}

.article-body .inner-block {
	margin: 40px 0 0;
}

.article-body p {
	margin: 0 0 10px;
}

.article-body .photo-wide {
	display: block;
	margin: 0 0 10px;
}
.article-body .photo-wide img {
	display: block;
	width: 100%;
	height: auto;
}
.article-body .photo-normal {
	display: block;
	margin: 0 0 10px;
}
.article-body .photo-normal img {
	display: block;
	margin: 0 auto;
	width: auto;
	max-width: 100%;
	height: auto;
}