@charset "utf-8";
/* CSS Document */
div#main {
	padding-bottom: 200px;
}
#main {
	color: #707070;
}
#main p {
	font-size: 14px;
	margin: 0;
}


.headerArea h2 {
	text-align: center;
}

section {
	width: 1210px;
	margin: 0 auto;
}
section + section {
	margin-top: 30px;
}

.sec00 {
	width: 500px;
	margin: 0 auto 30px;
}
#main .sec00 p {
	font-size: 32px;
	line-height: 1.4;
}
#main .sec00 p a {
	color: blue;
	text-decoration: underline;
}
#main .sec00 p a:hover {
	opacity: .5;
}


.sec01 {
	width: 950px;
	margin: 0 auto 50px;
}
.sec01 .tab01 {
	margin-bottom: 20px;
}
.sec01 .tab01 td:first-child {
	width: 20%;
}
.sec01 a {
	color: blue;
	text-decoration: underline;
}
.sec01 a:hover {
	opacity: .5;
}

.form {
	width: 950px;
	margin: 0 auto 30px;
}
.form .con01 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.form .con01 div {
	width: 48%;
}
.form .con01 div img {
	width: 100%;
}
.form .con01 div a:hover img {
	opacity: .6;
}

.form .con02 div,
.form .con02 div img {
	width: 100%;
}
.form .con02 div a:hover img {
	opacity: .6;
}


.sec02 {
	width: 950px;
	margin: 0 auto 50px;
}
.sec02 h2 {
	font-size: 32px;
	line-height: 1.4;
	margin-bottom: 10px;
}
#main .sec02 p {
	font-size: 16px;
	line-height: 1.6;
}


.sec03 {
	width: 950px;
	margin: 0 auto 50px;
}
.sec03 div img {
	width: 100%;
}
.sec03 .seminar {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sec03 .seminar > div {
	width: 49%;
	margin-bottom: 10px;
}


.sec04 {
	width: 950px;
	margin: 0 auto;
}
.sec04 div {
	text-align: center;
}
.sec04 div + div {
	margin-top: 10px;
}
#main .sec04 p {
	font-size: 16px;
	line-height: 1.6;
}
#main .sec04 p a {
	color: blue;
	text-decoration: underline;
}
.sec04 a:hover {
	opacity: .5;
}