@charset "UTF-8";
/************************************************** base */

html.body {
	width: 100%;
	overflow: hidden;
	color: #222;
}
/************************************************** connom */
/*h2 {
	font-size: 21px;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.4;
	margin: 0 3.125% 20px;
}
h2 span {
	font-size: 16px;
	display: block;
}*/
/************************************************** navi */
#navi h1 {
	float: left;
	width: 30.3%;
	margin-left: 3.125%;
}
#navi #sidr_menu_btn {
	float: right;
	width: 14.2%;
	text-align: right;
}
#navi nav {
	clear: both;
}
.sidr_menu {
	display: none;
}
/************************************************** header */

#header .key img{
	width:100%;
}

/************************************************** pankuzu */

#pankuzu .right {
	color: #fff;
	background: #006bad;
	padding: 10px 3.125%;
}
/************************************************** footer1 */
#footer1 .left ul {
	border-top: #a2a2a2 solid 1px;
}
#footer1 .left ul li a {
	display: block;
	padding: 17px 3.125% 14px;
	border-bottom: #a2a2a2 solid 1px;
	text-decoration: none;
	color: #222;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 50%, #dddddd 51%, #dddddd 100%);
	background: -webkit-linear-gradient(top, #eeeeee 0%, #eeeeee 50%, #dddddd 51%, #dddddd 100%);
	position: relative;
}
#footer1 .left ul li a::after {
	border-right: 2px solid #e60012;
	border-top: 2px solid #e60012;
	content: "";
	height: 6px;
	width: 6px;
	position: absolute;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 45%;
	right: 5%;
}
#footer1 .right ul {
	overflow: hidden;
	background: #444444;
}
#footer1 .right ul li {
	float: left;
	width: 50%;
	box-sizing: border-box;
	list-style: none;
}
#footer1 .right ul li a {
	display: block;
	padding: 8px 0;
	text-decoration: none;
	color: #fff;
	background: #444444;
	overflow: hidden;
	position: relative;
}
#footer1 .right ul li a::after {
	border-right: 2px solid #a2a2a2;
	border-top: 2px solid #a2a2a2;
	content: "";
	height: 6px;
	width: 6px;
	position: absolute;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 45%;
	right: 5%;
}
#footer1 .right ul li .fbimg {
	width: 18%;
	float: left;
	margin: 0 6.25% 0;
}
#footer1 .right ul li .youtube {
	width: 23%;
	float: left;
	margin: 0 6.25% 0;
}
#footer1 .right ul li .fbtxt {
	width: 69.5%;
	margin: 8px 0 0;
	float: left;
}
#footer1 .right ul li .youtubetxt {
	width: 64.5%;
	margin: 8px 0 0;
	float: left;
}
/************************************************** footer2 */

#footer2 {
	padding: 10px 3.125%;
	background: #000;
}
#footer2 .box {
	text-align: center;
}
/************************************************** footer3 */
#footer3 {
	padding: 15px 3.125%;
	background: #000;
	color: #fff;
}
#footer3 .privacy_link {
	text-align: center;
	margin: 0 0 15px;
}
#footer3 .privacy_link a {
	padding: 6px 2em;
	border-left: #fff solid 1px;
	border-right: #fff solid 1px;
	color: #fff;
	text-decoration: none;
}
#footer3 .copy {
	text-align: center;
	font-size: 10px;
}
/************************************************** top key */
.key img{
	width:100%;
}
.key {
	background: #000;
}
/************************************************** top block01 */
.bg_black{
	background:#000;
	color:#fff;
	padding:0 0 22px;
}
.block01{
	overflow:hidden;
}
.block01 img{
	width:100%;
}
.block01 h2 span{
	font-size: 10px;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight:normal;
	padding: 5px 3.125%;
	line-height:1;
}
.block01 h2 span img{
	width:6%;
	margin-left:1.6%;
	vertical-align:top;
}
.search_nav{
	overflow:hidden;
	margin:0 0 10px;
}
.search_nav li{
	float:left;
	width:33.3%;
	list-style:none;
	box-sizing:border-box;
}
.search_nav li:first-child{
	width:33.4%;
	box-sizing:border-box;
}
/************************************************** top block02 */
.block02,
.block05 {
	position:relative;
}
.block02 h2,
.block05 h2 {
	width:52.5%;
	position:absolute;
	top: 43.9%;
	left:3.125%;
	margin:auto auto;
}
/************************************************** top block03 */
.block03 .box_r,
.block03 .box_l {
	position:relative;
}
.block03 h2 {
	width:56.25%;
	position:absolute;
	top: 43.4%;
	left:3.125%;
	margin:auto auto;
}
/************************************************** top block04 */
.block04 h2{
	width:72%;
	margin-left:3.125%;
}
.bg_img{
	background:url(../img/top/bg02_sp.jpg) center top no-repeat;
	padding:15px 0 50px;
	background-size:cover;
}
.news_list{
	width:93.75%;
	margin:10px auto 5px;
	background:#000;
	color:#fff;
	border:#535353 solid 2px;
}
.news_list a{
	color:#fff;
}
.news_list li{
	list-style:none;
	overflow:hidden;
	position:relative;
	border-bottom:#535353 solid 1px;
	box-sizing:border-box;
}
.news_list li:last-child{
	border-bottom:none;
}
.news_list li .new{
	width:9.1%;
	position:absolute;
	top:0;
	left:0;
}
.news_list li .arrow{
	width:7.6%;
	position:absolute;
	bottom:0;
	right:0;
}
.news_list li .box_l{
	float:left;
	width:28%;
}
.news_list li .box_l img{
	display:block;
	width:84.5%;
	margin:4px 0 0 5%;
	border:#535353 solid 1px;
	box-sizing:border-box;
}
.news_list li .box_r{
	float:left;
	width:68%;
}
.news_list li .box_r dt{
	font-size:12px;
	font-weight:bold;
	padding:8px 0;
	border-bottom:#e60012 solid 1px;
}
.news_list li .box_r dd{
	font-size:11px;
	line-height:1.5;
	padding:8px 0 13px;
}
.news_btn{
	border:#535353 solid 1px;
	box-sizing:border-box;
	width:93.75%;
	margin:0 auto;
	background: #272727; /* Old browsers */
	background: -moz-linear-gradient(top, #272727 0%, #272727 50%, #000000 51%, #000000 100%);
	background: -webkit-linear-gradient(top, #272727 0%, #272727 50%, #000000 51%, #000000 100%);
	border-top: 1px solid #444444;
}
.news_btn a{
	color:#fff;
	text-decoration:none;
	font-size:12px;
	padding:15px 0 15px 6.3%;
	display:block;
	background: url(../img/top/icon_arrow01.png) 96% center no-repeat;
	background-size:3.8%;
}
.news_btn a img{
	width:5.6%;
	vertical-align:middle;
	margin-right:4.8%;
}



/* sp用コーポレートラインline */
.line_sp {
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 9999;
}
/* sp用コーポレートラインline */