@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 740px) {

img {
    height: auto;
    max-width: 100%;
}
.inner {
    width: 95%;
	margin: 0 auto;
}
#container {
	overflow: hidden;
}
.pc_cont {
	display: none!important;
}

/*________________________________________________________

	header
	________________________________________________________
*/
header h1 {
	margin: 16px;
}
.headerWrap ul {
	margin: 0;
	background-color: #e9e9e9;
}
.headerWrap {
	text-align: center;
}
.headerClose {
	padding-bottom: 8px;
}
.headerWrap nav ul {
	background-color: none;
}


/*-----------------------------
	footer
------------------------------*/
footer {
	padding: 16px 0 8px 0;
	text-align: center;
}

/*________________________________________________________

	index
	________________________________________________________
*/
/* メインビジュアル
---------------------------------------- */
.mainImg {
	border: 5px solid #077e51;
    background-position: top right;
	background-size: 100%;
}
.mainImg p {
	padding: 8px 0 0 8px;
}
.mainImg p img {
	width: 180px;
	height: auto;
}

/* ニュース
---------------------------------------- */
section.news {
	padding-bottom: 24px;
}
.news h2 {
	margin: 0;
	padding: 5px 0 8px 0;
	text-align: center;
	border-bottom: 4px solid #FFF;
}
.news ul {
	padding: 24px 0;
}
a.newsBtn {
	display: block;
	padding: 16px;
	font-size: 90%;
	text-align: center;
}

/* メッセージ
---------------------------------------- */
.message {
	width: 95%;
	margin: 0 auto;
}
.img_message img {
	display: block;
	margin: 0 auto 16px auto;
}
.txtMessage {
	font-size: 85%;
}


/*________________________________________________________

	下層ページ
	________________________________________________________
*/
.contents {
	width: 88%;
	font-size: 90%;
}
.flowBox img {
	display: block;
	margin: 0 auto 16px auto;
}

.clean {
	padding: 24px 16px;
	font-size: 110%;
}
.aboutList li {
	margin-bottom: 32px;
}
.aboutList img {
	display: block;
	margin: 0 auto;
}

/*________________________________________________________

	TABLE
	________________________________________________________
*/
.tbl dt {
	background-color: #f3f3f3;
}
.tbl dd {
	padding: 15px;
}

/* レイアウト
----------------------------- */
.imgL img,
.imgR img {
	display: block;
	margin: 0 auto;
}

}
@media screen and (max-width: 640px) {

}
@media screen and (max-width: 540px) {
	
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 390px) {

}
@media screen and (max-width: 340px) {

}