@charset "utf-8";

.index,
.form {
	padding: 30px 15px;
}
.index .wrap1 > p,
.form .wrap1 > p {
	font-size: 0.94em;
}
.index .headline01,
.form .headline01 {
	margin-top: 30px;
}
.index .icon1,
.index .icon2 {
	margin-bottom: 15px;
	padding: 15px;
	text-align: center;
	border-radius: 4px;
}
.index .icon1 img,
.index .icon2 img {
	max-width: 80px;
	margin: 0 auto 10px;
}
.index .icon1 { background: #c6722c; }
.index .icon2 { background: #8d920e; }
.index .icon1 h3,
.index .icon2 h3 {
	font-size: 1.12em;
	font-weight: bold;
	color: #fff;
}
.index .eventList {
	margin: 15px 0 40px;
	padding: 15px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	background: #f6f6f6;
}
.index .eventList ul li {
	font-size: 0.94em;
}
.index .eventList ul li a {
	display: block;
	text-indent: -1.3em;
	padding: 10px 10px 10px 2em;
}
.index .eventList ul li a:before {
	content: "\f138";
	font-family: FontAwesome;
	color: #e26c11;
	margin-right: 0.3em;
}
.index .eventList ul li a:hover {
	background: rgba(255,255,255,0.8);
}
.index .entry {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 30px;
}
.index .entry li {
	width: 48%;
}
.index .entry li > p {
	font-size: 0.94em;
	margin-bottom: 15px;
}
.index .entry li table {
	width: 100%;
}
.index .entry li table th,
.index .entry li table td {
	padding: 6px;
	border: 1px solid #ccc;
	font-size: 0.94em;
}
.index .entry li table th {
	text-align: center;
	background: #d5ead7;
	white-space: nowrap;
	font-weight: bold;
}
.index .entry li table td {
	background: #f6f6f6;
}
.index .entry .formBtn {
	max-width: 320px;
	margin: 0 auto 30px;
	text-align: center;
}
.index .entry .formBtn i {
	margin-left: 0.3em;
	font-weight: normal;
}
.index .entry .formBtn a {
	display: block;
	border-radius: 4px;
	padding: 15px 10px;
	background: rgba(34,135,197,1);
	color: #fff;
	font-weight: bold;
}
.index .entry .formBtn a:hover {
	background: rgba(34,135,197,0.8);
}
.index .entry .email {
	background: #f6f6f6;
	border: 1px solid #ccc;
	padding: 10px;
}
.index .entry .email h4 {
	font-weight: bold;
	font-size: 0.94em;
	margin: -10px -10px 10px;
	padding: 10px;
	background: #d5ead7;
	border-bottom: 1px solid #ccc;
}
.index .entry .email p {
	font-size: 0.8em;
	line-height: 1.4;
	margin-bottom: 10px;
}
.index .entry .email p span {
	font-weight: bold;
}
.index .entry .email .mailBtn a {
	font-size: 0.94em;
	font-weight: bold;
	display: block;
}
.index .entry .email .mailBtn a i {
	margin-right: 0.3em;
	font-weight: normal;
	color: #e26c11;
}

.form .required {
	color: #ff0000;
	margin-right: 0.3em;
}
.form .mailform {
	max-width: 880px;
	margin: 20px auto 20px;
}
.form .mailform table {
	width: 100%;
}
.form .mailform table th,
.form .mailform table td {
	border: 1px solid #ccc;
	padding: 6px;
	font-size: 0.94em;
}
.form .mailform table th {
	width: 180px;
	background: #d5ead7;
	white-space: nowrap;
}
.form .mailform table td {
	background: #f6f6f6;
}
.form .btn {
	text-align: center;
}
.form .btn input {
	background: rgba(34,135,197,1);
	text-align: center;
	width: 260px;
	font-size: 1em;
	line-height: 1;
	padding: 12px 20px;
	margin: 0 10px 10px;
	color: #fff;
	cursor: pointer;
	border: none;
	border-radius: 4px;
	font-family: Meiryo, メイリオ, 游ゴシック体, 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
.form .btn input.backBtn {
	background: #666;
	width: auto;
}
.form .btn input:hover {
	background: rgba(34,135,197,0.8);
}
.form .text01,
.form .text02,
.form .text03 {
	padding: 4px;
	font-size: 0.94em;
	border: 1px solid #ccc;
}
.form .text01 { width: 200px; }
.form .text02 { width: 100px; }
.form .text03 { width: 400px; }
.form .text04 { padding: 4px; font-size: 0.94em; }

.form .thanks {
	max-width: 640px;
	margin: 0 auto;
	padding: 20px;
	border: 2px solid #6ab82c;
	background: #f6f6f6;
}
.form .thanks h2 {
	text-align: center;
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 20px;
	color: rgba(34,135,197,1);
}
.form .thanks p {
	font-size: 0.94em;
	margin-bottom: 10px;
}
/* ---------------------------------------------
	768px
--------------------------------------------- */
@media only screen and (max-width: 768px) {

	.index .icon1 img,
	.index .icon2 img {
		max-width: 60px;
	}
	.index .icon1 h3,
	.index .icon2 h3 {
		font-size: 1em;
	}

}

/* ---------------------------------------------
	640px
--------------------------------------------- */
@media only screen and (max-width: 640px) {

	.index .wrap1 > p,
	.form .wrap1 > p {
		font-size: 0.88em;
	}
	.index .eventList {
		padding: 10px;
	}
	.index .entry li {
		width: 100%;
		margin-bottom: 20px;
	}
	.index .entry li:last-child {
		margin-bottom: 0;
	}
	.index .entry li > p {
		font-size: 0.88em;
	}
	.index .entry li table th,
	.index .entry li table td {
		font-size: 0.88em;
	}
	.form .mailform table {
		border-bottom: 1px solid #ccc;
	}
	.form .mailform table th,
	.form .mailform table td {
		font-size: 0.88em;
		width: 100%;
		display: block;
		border-bottom: none;
	}
	.form .text01,.form .text02,.form .text03,.form .text04 { width: 100%; }
	.form .thanks h2 {
		font-size: 1.12em;
	}
}

/* ---------------------------------------------
	480px
--------------------------------------------- */
@media only screen and (max-width: 480px) {


}