@charset "UTF-8";
/* ------- */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Verdana, Arial, sans-serif;line-height:1.6em;color:#4a4a4a;text-align: left;font-size:16px;letter-spacing: 1px;}
body,header,p,h1, h2, h3, h4, h5, h6,ul,li,dl,dt,dd{margin:0;padding:0;}
ul li{list-style-type: none;}
/*ul li{list-style:none;}*/
img{border:none}
/*a,a img{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}*/
a:link, a:visited{color:#333;text-decoration:none;}
a:hover{opacity:0.6}
a img:hover{opacity:0.6}
/*a:hover, a:active{color:#060;}
/*調整*/
/*clearfix*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{clear:both}
.txt_center{text-align:center}
.small{font-size:13px;line-height:1.3em;}
.border_r{border-right:#ccc dotted 1px}
.border_b{border-bottom:#ccc solid 1px}
.txt_red{color:red}
.m_tb2{margin:2em 0}
.m_t2{margin-top:2em}
/* --------------------------------------------------
 Header,footer
-------------------------------------------------- */
header{padding:15px 0 0 0;}
header .logo{width: 30%;float: left;}
header p.head_right{float:right;margin: 15px 20px 0 0;}
header p.head_right a{background:#00b7ee;padding:5px 10px;color:#efefef;border-radius:5px}
nav{background:#000;}
nav ul li a{float:left;width:16.666%;text-align:center;color:#efefef!important;padding: 15px 0;}
nav ul li a:hover{background:#666}
footer{font-size: 14px;background:#e5e5e5;padding: 15px 0 0;position: relative;}
footer ul{float:left;width: 25%;padding-left: 25px;}
footer ul li{background:url(../img/ico_nav.png) no-repeat left 5.5px;padding-left: 13px;}
footer ul.logo_onebe li{background:none;padding: 20px 0 0;}
footer small{clear: both;display: block;text-align: center;background:#333;color: #efefef;padding:10px 0;}
#pagetop{
	position: fixed;
	bottom: 45px;
	right: 10px;
	z-index: 999;
	}
#pagetop a {
	color: #fff;
	background: #333;
	padding: 5px 20px 10px;
	font-size: 18px;
	border-radius: 6px;
	font-weight: bold;
}
/* --------------------------------------------------
 contents
-------------------------------------------------- */
.inner{width: 1200px;margin: 0 auto;padding: 1.5%;overflow: hidden;}
.inner_nav{width: 1200px;margin: 0 auto;overflow: hidden;}
h1,h2,h3{text-align:center}

/*共通*/
.col2{
	width:50%;
	float: left;
	padding: 15px;
	}
 
/* --------------------------------------------------
	max-width 1200
-------------------------------------------------- */
@media screen and (max-width:1200px){
	header,.inner,.inner_nav{width:100%}

}
/* --------------------------------------------------
	max-width 768
-------------------------------------------------- */
@media screen and (max-width:768px){
	nav ul li a{width:33.3333%;border-top: #efefef solid 1px;border-right: #efefef solid 1px;box-sizing: border-box;}
	nav ul li:nth-child(3n) a{border-right:none}
	.logo_onebe{display:none}
	footer ul{width: 50%;}
	.col2{float:none;width: 100%;}
	.border_r{border:none}
}
/* --------------------------------------------------
	max-width 640
-------------------------------------------------- */
@media screen and (max-width:640px){
}
 
/* --------------------------------------------------
	max-width 414
-------------------------------------------------- */
@media screen and (max-width:414px){
	header .logo img{width:90%}
	header p.head_right{margin:0}
	nav ul li a{padding:8px 0;font-size: 14px;}
	#pagetop {bottom: 45px;}
	nav ul li a{width:50%;}
	nav ul li a{padding:6px 0;}
	nav ul li:nth-child(3n) a{border-right: #efefef solid 1px}
	nav ul li:nth-child(2n) a{border-right:none}

}
/* --------------------------------------------------
	max-width 375
-------------------------------------------------- */
@media screen and (max-width:375px){
	header p.head_right a{font-size:12px}
	.col2{padding:15px 5px}

}