/* CSS Document */

@charset "utf-8";

@media screen and (max-width: 420px){
* {
	padding:0;
	margin:0;
}

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#898989;

}

#container {
	max-width: 768px;
	width:100%;
	margin:0;

}
#main {
	width:100%;
	margin:12px;
}

h1 {
	display:block;
}

h1 a {
	display:block;
	font-size:16px;
	padding:10px;
	color:#66ccd8 !important
}

#header .nav {
	width:100% !important;
	text-align:center;
	margin:0;
	background-color:#66ccd8;

}

#header .logo {
	display:none;
}

#header {
	height:40px;
	background:none;
}

.top_box {
	width:90%;
}


#main .box {


}
.box img {
	float:left;
	width:50%;
	height:auto;
}

.icon01 {
	width:50%;
	float:left;
	margin:18px 0;
	padding:0;
}

.icon01 img {
	float:right;
	width:55%;
	height:auto;

}

.txt01 {
	clear:both;
}

.info {
width:90%;
margin:0 auto;
}

.blog {
	display:none;
}

.foot {
	width:100%;
	background:#77c1d2;
}

#footer ol{
	width:90%;
	color:#ffffff;
	font-size:12px;
	line-height:1.8;
	float:left;
	padding:0 10px;
	padding-bottom:30px;
}

.foot_about {

	border-left:none;
}

.twit {
	display:block;
	clear:both;
}

.twit a {
	width:80%;
	display:block;
	padding:10px 20px;
	text-align:center;
	margin:15px;

	background:#77c1d2;
}