@charset "UTF-8";


/* ===== ----- メイン ----- ===== */

.mainPh {
	background-color: #88ca21;
	width: 100%;
}
.mainPh p {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  color: #fff;
  font-size: 4.8vw;
  font-weight: bold;
  padding: 1em 0;
  font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.mainPh img {
	width: 100%;
	height: auto;
}

.welcomeArea {
	margin: 15px 5% 30px 5%;
}

.welcomeArea img {
	width: 100%;
	height: auto;
	margin-top: 20px;
}

.mainLt,
.mainRt {
	width: 100%;
	margin-top: 20px;
}

.btnArea .mainLt,
.btnArea .mainRt {
	width: 100%;
	margin-bottom: 10px;
}

.btnArea .mainLt img,
.btnArea .mainRt img {
	width: 100%;
	height: auto;
}

.topicsTtl {
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 4px solid #577b34;
}

.topicsList {
	margin: 7px 0px 20px 0px;
}

.topicsList dt {
	padding: 10px 0px 0px 0px;
}

.topicsList dd {
	background: url(../img/topics_line.gif) repeat-x 0px bottom;
	padding: 0px 0px 10px 0px;
}

.topicsList dt {
	font-size: 75%;
}

.aboutArea {
	background-color: #f1f0ea;
	border-top: 4px solid #c3be9f;
	margin: 20px 0px 10px 0px;
	padding: 11px 18px 13px 10px;
}

.aboutLt,
.aboutRt {
	width: 100%;
	
}

.aboutRt img {
	width: 100%;
	height: auto;
}