@charset "UTF-8";
/* コンテンツ */

.waku {
	padding:30px;
	background-color:#eee;
}
.waku h2 {
	font-size:2em;
}
.csub {
	text-align:center;
	font-size:1.32em;
	border-bottom:1px solid #229eda;
	padding-bottom:10px;
	margin-bottom:30px;
}
.csub2 {
	color:#229eda;
	font-size:1.16em;
}
.csadj1 {
	border-bottom:1px solid #be79a8;
}
.csadj2 {
	color:#be79a8;
}
.csadj3 {
	border-bottom:1px solid #41b665;
}
.csadj4 {
	color:#41b665;
}

.bsub {
	width:100px;
	line-height:100px;
	background-color:#229eda;
	color:#fff;
	text-align:center;
	font-size:2em;
}
.bsub2 {
	width:100px;
	line-height:100px;
	background-color:#00a2ab;
	color:#fff;
	text-align:center;
	font-size:2em;
}
.bsub3 {
	width:100px;
	line-height:100px;
	background-color:#da4565;
	color:#fff;
	text-align:center;
	font-size:2em;
}

.rsub {
	background-color:#229eda;
	color:#fff;
	font-size:1.16em;
	margin-bottom:30px;
	padding:10px 20px;
}

.bg1 {
	background-image:url(../img/bg1.jpg);
	background-position:center center;
	background-size:cover;
	height:300px;
}
.bg2 {
	background-image:url(../img/bg2.jpg);
	background-position:center bottom;
	background-size:cover;
	height:300px;
}
.bg3 {
	background-image:url(../img/bg3.jpg);
	background-position:center center;
	background-size:cover;
	height:300px;
}
.bg4 {
	background-image:url(../img/bg4.jpg);
	background-position:center center;
	background-size:cover;
	height:300px;
}
.bg1 table,.bg2 table,.bg3 table,.bg4 table {
	width:1200px;
	height:100%;
	margin:0 auto;
}
.bg1 h3,.bg4 h3 {
	color:#229eda;
	font-size:2.5em;
}
.bg1 p,.bg4 p {
	color:#229eda;
	font-size:1.4em;
}
.bg2 h3 {
	color:#fff;
	font-size:6em;
}
.bg2 p {
	color:#fff;
	font-size:1.4em;
}
.bg3 h3 {
	color:#be79a8;
	font-size:6em;
}
.bg3 p {
	color:#be79a8;
	font-size:1.4em;
}

.more {
	text-align:center;
}
.more a {
	display:inline-block;
	text-align:center;
	padding:15px 30px;
	margin:0 auto;
	background-color:#229eda;
	color:#fff;
	font-weight:bold;
	font-size:1.32em;
	line-height:1.4;
	transition: all 0.2s;
	 border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}
.more a:hover {
	color:#fff;
	background-color:#4eb1e1;
	transition: all 0.2s;
}

.more1 a {
	width:200px;
	display:block;
	text-align:center;
	padding:10px;
	background-color:#be79a8;
	color:#fff;
	font-weight:bold;
	font-size:1.16em;
	line-height:1.4;
	transition: all 0.2s;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}
.more1 a:hover {
	color:#fff;
	background-color:#d9c;
	transition: all 0.2s;
}
.more2 a {
	width:200px;
	display:block;
	text-align:center;
	padding:10px;
	background-color:#41b665;
	color:#fff;
	font-weight:bold;
	font-size:1.16em;
	line-height:1.4;
	transition: all 0.2s;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}
.more2 a:hover {
	color:#fff;
	background-color:#6d8;
	transition: all 0.2s;
}

@media screen and (min-width: 500px) {

}

@media screen and (max-width: 499px) {
.waku {
	padding:20px;
}
.img2-3 {
	height:168px;
}
.img4 {
	height:168px;
}
.bg1,.bg2,.bg3,.bg4 {
	height:200px;
}
.bg1 table,.bg2 table,.bg3 table,.bg4 table {
	width:auto;
}
.bg1 h3,.bg4 h3 {
	font-size:1.8em;
}
.bg2 h3,.bg3 h3 {
	font-size:5em;
}
.bg1 p,.bg2 p,.bg3 p,.bg4 p {
	font-size:1em;
}

.more a {
	padding:10px 20px;
	font-size:1em;
}

.more1 a,.more2 a {
	width:70%;
	margin:0 auto;
}
}