@charset "UTF-8";

/*---------------------------
	ページスタイル
---------------------------*/
body{
	background: #f6f6f6;
}
/*---------------------------

	スライダー

---------------------------*/
.index_box_02{
	width:100%;
	position:relative;
	padding:0 !important;
	margin:0 !important;
	background:#e8e8e8;
}
.index_box_01{
	max-width: 1400px;
	width: 100%;
	position:relative;
	padding:0 !important;
	margin:0 auto !important;
	overflow: hidden;
}
.index_box_01 .bx-controls{
	display: none;
}
.index_box_01 li img{
	width: 100%;
	height: 100%;
}

/*---------------------------

	共通

---------------------------*/
.min_ttl{
	font-size: 1.750em;
	color: #000;
	font-weight:700;
	letter-spacing: 1px;
}
.min_ttl span{
	font-size: 0.524em;
	color: #292929;
	font-weight:400;
	letter-spacing: 0;
	padding-left: 15px;
}
.min_ttl02{
	position: relative;
	font-size: 1.833em;
	padding-top: 40px;
	letter-spacing: 2.5px;
}
.min_ttl02:before{
	content: "";
	display: block;
	height: 3px;
	width: 65px;
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
}
.min_ttl02 span{
	font-size: 0.455em;
	display: inline-block;
	padding: 10px 0 0;
	letter-spacing: 1px;
}
a.more_btn{
	min-width: 200px;
	display:inline-block;
	padding: 10px 30px 10px 15px;
	font-size: 1.167em;
	background: #000 url(/images/link_icon_btn01.png) no-repeat right 15px center;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border-radius: 40px;
	position: relative;
}
@media only screen and (max-width: 767px) {
    .min_ttl02{
    	padding-top: 30px;
    }
    .min_ttl02:before{
    	width: 20px;
    }
    .min_ttl02 span{
    	padding: 7px 0 0;
    }

}

/*---------------------------

	block01

---------------------------*/
#top_wrapper .block01{
	position:relative;
	background: #f6f6f6;
	padding-bottom: 60px;
}
#top_wrapper .block01:before{
	content: "";
	display: block;
	height: 44px;
	width: 100%;
	background: url(/images/index/slide_bk.png);
	background-size: 100% 44px;
	position:absolute;
	top: -44px;
	left: 0;
}
#top_wrapper .block01 .box01{
	background: #fff;
	padding: 30px 40px 40px;
	margin: 0 auto 0;
	position: relative;
	top: -80px;
}
#top_wrapper .block01 .box01 .slick-slide img{
    display: block;
    width: 95%;
    margin: 0 auto;
}
#top_wrapper .block01 .box01 .min_ttl{
	text-align: center;
	margin-bottom: 25px;
}
/* ボタン */
#top_wrapper .block01 .slick-prev,
#top_wrapper .block01 .slick-next{
     z-index: 9;
}
#top_wrapper .block01 .slick-prev {
    content: "" !important;
    display: block;
    background: url(/images/index/slide_banner_btnleft.png);
    background-size: 100% 100%;
    height: 40px;
    width: 40px;
    margin-top: 0;
    left: -60px !important;
}
#top_wrapper .block01 .slick-next {
    content: "" !important;
    display: block;
    background: url(/images/index/slide_banner_btnright.png);
    background-size: 100% 100%;
    height: 40px;
    width: 40px;
    margin-top:0;
    right:-60px !important;
}
#top_wrapper .block01 .slick-prev:before,
#top_wrapper .block01 .slick-next:before {
     content:normal !important;
}
#top_wrapper .block01 .slick-prev:hover,
#top_wrapper .block01 .slick-prev:focus{
	background: url(/images/index/slide_banner_btnleft.png);
    background-size: 100% 100%;
}
#top_wrapper .block01 .slick-next:hover,
#top_wrapper .block01 .slick-next:focus {
	background: url(/images/index/slide_banner_btnright.png);
     background-size: 100% 100%;
}
@media print , screen and (max-width: 1430px) and (min-width: 768px) {
	#top_wrapper .block01 .slick-prev {left: -45px !important;}
	#top_wrapper .block01 .slick-next {right:-45px !important;}
}
/*box02*/
#top_wrapper .block01 .box02{
	margin-top: -20px;
}
#top_wrapper .block01 .box02 ul li{
	width: auto;
	float: left;
	width: 49%;
}
#top_wrapper .block01 .box02 ul li img{
	width: 100%;
	height: auto;
}
#top_wrapper .block01 .box02 ul li + li{
	float: right;
}
#top_wrapper .block01 .box02 ul li a{
	position: relative;
	display: block;
	color: #fff;
	text-align: center;
}
#top_wrapper .block01 .box02 ul li a p{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 20px;
	left: 0;
	font-size: 1.583em;
	letter-spacing: 1px;
}
#top_wrapper .block01 .box02 ul li a p span{
	font-size:0.526em;
	color: #7b7b7b;
	display: inline-block;
	margin-top: 5px;
	letter-spacing: 0px;
}

@media only screen and (max-width: 767px) {
	#top_wrapper .block01{
		padding-bottom: 20px;
	}
	#top_wrapper .block01:before{
        background: url(/images/index/slide_bk.png) no-repeat top center;
        background-size: 150% 44px;
        top: -30px;
	}
	#top_wrapper .block01 .box01{
		padding: 20px 20px 20px;
		top: -15px;
	}
	#top_wrapper .block01 .box01 .min_ttl{
		margin-bottom: 20px;
	}
	/* ボタン */
	#top_wrapper .block01 .slick-prev {
	    height: 25px;
	    width: 25px;
	    left: -30px !important;
	}
	#top_wrapper .block01 .slick-next {
	    height: 25px;
	    width: 25px;
	    right:-30px !important;
	}
	/*box02*/
	#top_wrapper .block01 .box02{
		margin-top: 0;
	}
    #top_wrapper .block01 .box02 ul li a p{
		position: static;
		background: #000;
		font-size: 1.2em;
		letter-spacing: 0px;
		padding: 5px 0;
	}
    #top_wrapper .block01 .box02 ul li a p span{
        line-height: 130%;
    }
    #top_wrapper .block01 .box02 ul li + li a p span{
        margin-top: 9px;
    }

    /*box03*/
    #top_wrapper .block01 .box03{
        margin-bottom: 10px;
	}
    #top_wrapper .block01 .box03 ul li{
        width: 49%;
        float: left;
        margin-bottom: 2%;
	}
    #top_wrapper .block01 .box03 ul li:nth-child(even){
        float: right;
    }
    #top_wrapper .block01 .box03 ul li a{
        display: block;
        background: #000;
        color: #fff;
        text-decoration: none;
        text-align: center;
        position: relative;
        height: 40px;
        line-height: 40px;
        overflow:hidden;
	}
    #top_wrapper .block01 .box03 ul li a:after{
        content: "";
        display: block;
        background: #fff;
        width: 3px;
        height: 15px;
        position: absolute;
        right: 3px;
        bottom: -3px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}


/*---------------------------

	block02

---------------------------*/
.block02{
	background: #fff;
	padding-bottom: 80px;
}
.block02 .box01{
	float: left;
	width: calc( 100% - 300px );
}
.block02 .box02{
	float: right;
	width: 240px;
}
/* title */
.block02 .box01 .title{
	margin-bottom: 35px;
}
.block02 .box01 .title h2{
	float: left;
}
.block02 .box01 .title div{
	float: right;
	margin-top: 40px;
}
/* box02 */
.block02 .box02 h2{
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 1.667em;
	margin-bottom: 20px;
}
.block02 .cell01,
.block02 .cell02{
	border-bottom: 1px solid #e9e9e9;
	padding: 0 0 20px;
}
.block02 .cell01{
	margin-bottom: 20px;
}
.block02 .cell01 p{
	text-align: center;
	margin-top: 15px;
}
.block02 .cell01 p a{
	color: #000;
	text-decoration: none;
	font-size: 1.083em;
	position: relative;
	padding-left: 15px;
	letter-spacing: 1px;
}
.block02 .cell01 p a:before{
	display: inline-block;
     content: "";
     width: 5px;
     height: 5px;
     border-top: 1px solid #000;
     border-right: 1px solid #000;
     transform: rotate(45deg);
     position: absolute;
     top: 8px;
     left: 0;
}
/*
.block02 .cell02 ul li + li{
	margin-top: 15px;
}
.block02 .cell02 ul li a{
	display: block;
	color: #fff;
	text-decoration: none;
	position: relative;
	font-size: 1.667em;
	background: #474747;
	padding: 17px 30px 20px 50px;
}
.block02 .cell02 ul li a:before{
	display: inline-block;
	content: "";
	width: 1px;
	height: 42px;
	background: #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 36px;
	margin-top: -20px;
}
.block02 .cell02 ul li a:after{
	display: inline-block;
	content: "";
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -2px;
}
.block02 .cell02 ul li:nth-child(1) a{
	background: #000;
	padding-right: 70px
}
.block02 .cell02 ul li:nth-child(2) a{
	font-size: 1.500em;
	padding-right: 45px;
}
.block02 .cell02 ul li:nth-child(3) a{
	font-size: 1.250em;
}
.block02 .cell02 ul li a span{
	display: block;
	font-size: 10px;
	text-align: right;
	letter-spacing: 1px;
}
*/
.block02 .cell02 ul li.link01,
.block02 .cell02 ul li.link02,
.block02 .cell02 ul li.link03,
.block02 .cell02 ul li.link04{
	margin-top: 15px;
}
.block02 .cell02 ul li.link01 a{
	display: block;
	color: #fff;
	text-decoration: none;
	position: relative;
	font-size: 1.667em;
	background: #474747;
	padding: 17px 30px 20px 50px;
}
.block02 .cell02 ul li.link03{
	display: block;
	color: #fff;
	text-decoration: none;
	position: relative;
	font-size: 1.667em;
	background: #474747;
	padding: 14px 12px 15px 55px;
}
.block02 .cell02 ul li.link04 a{
	display: block;
	color: #fff;
	text-decoration: none;
	position: relative;
	font-size: 1.667em;
	background: #474747;
	padding: 17px 25px 20px 55px;
}
.block02 .cell02 ul li.link02 a{
	display: block;
	color: #fff;
	text-decoration: none;
	position: relative;
	font-size: 1.667em;
	background: #474747;
	padding: 12px 30px 14px 50px;
}
.block02 .cell02 ul li.link01 a:before,
.block02 .cell02 ul li.link02 a:before,
.block02 .cell02 ul li.link03:before,
.block02 .cell02 ul li.link04 a:before{
	display: inline-block;
	content: "";
	width: 1px;
	height: 42px;
	background: #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 36px;
	margin-top: -20px;
}
.block02 .cell02 ul li.link01 a:after,
.block02 .cell02 ul li.link02 a:after,
.block02 .cell02 ul li.link04 a:after{
	display: inline-block;
	content: "";
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -2px;
}
.block02 .cell02 ul li.link01 a{
	background: #000;
	padding-right: 70px
}
.block02 .cell02 ul li.link02 a{
	font-size: 1.500em;
	padding-right: 45px;
  border-bottom: 1px solid #3e3e3e;
}
.block02 .cell02 ul li.link03{
	font-size: 1.315em;
}
.block02 .cell02 ul li.link04 a{
	font-size: 1.429em;
}
.block02 .cell02 ul li.link01 a span,
.block02 .cell02 ul li.link02 span,
.block02 .cell02 ul li.link03 a span,
.block02 .cell02 ul li.link04 a span{
	display: block;
	font-size: 10px;
	text-align: right;
	letter-spacing: 1px;
}
.block02 .cell02 ul li.link02_02{
  border-top:1px solid #525252;
	background: #474747;
}
.block02 .cell02 ul li.link02_02 a{
  display: block;
  color: #fff;
  text-align: center;
	position: relative;
  padding: 4px 0 7px 13px;
}
.block02 .cell02 ul li.link02_02 .link_left{
  float: left;
  width: 50%;
}
.block02 .cell02 ul li.link02_02 .link_left a{
  border-right: 1px solid #3e3e3e;
}
.block02 .cell02 ul li.link02_02 .link_right{
  float: right;
  width: 50%;
}
.block02 .cell02 ul li.link02_02 .link_right a{
  border-left:1px solid #525252;
}
.block02 .cell02 ul li.link02_02 a:before{
	display: inline-block;
	content: "";
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 18px;
	margin-top: -2px;
}
@media only screen and (max-width: 767px) {
    .block02{
    	padding-bottom: 10%;
    }
    .block02 .box01{
    	float: none;
    	width:100%;
        position: relative;
    }
    .block02 .box01 .title{
    	margin-bottom: 20px;
    }
    .block02 .box02{
        float: none;
    	width:100%;
        margin-top: 10%;
    }
    .block02 .cell01 iframe{
        height: 200px;
    }
    .block02 .cell01 p a{
    	text-decoration:underline;
    }
    .block02 .cell02 ul li a{
    	padding: 17px 30px 20px 60px;
    }
    .block02 .cell02 ul li:nth-child(1) a,
    .block02 .cell02 ul li:nth-child(2) a{
    	padding-right: 30px
    }
    .block02 .cell02 ul li:nth-child(3) a{
        font-size: 1.500em;
        line-height: 130%;
    }
    .block02 .cell02 ul li a span{
    	text-align: left;
    }

    .block02 .cell02 ul li.link02_02 a{
      display: block;
      color: #fff;
      text-align: center;
      position: relative;
      padding: 10px 0 10px 13px;
        font-size: 1.15em;
    }
    .block02 .cell02 ul li.link02_02 .link_left{
      float: left;
      width: 50%;
    }
    .block02 .cell02 ul li.link02_02 .link_right{
      float: right;
      width: 50%;
    }
    .block02 .cell02 ul li.link02_02 a:before{
      display: inline-block;
      content: "";
      width: 5px;
      height: 5px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      transform: rotate(45deg);
      position: absolute;
      top: 50%;
      left: 15%;
      margin-top: -2px;
    }
}
/*---------------------------

	block02　タブ

---------------------------*/
#tab-container-1{
	margin:0 auto !important;
	width:100%;
	padding:0 !important;
}
#tab-container-1-nav{
	padding:0 !important;
	margin:0 0 15px !important;
}
#tab-container-1-nav li{
	float:left;
	padding:0 !important;
	margin:0 !important;
	width: calc( 100% / 6 );
	text-align:center;
	font-size:1.083em;
}
_:-ms-lang(x), #tab-container-1-nav li { width: calc( 99.9% / 6 ); }

#tab-container-1-nav li a{
	display: block;
	color: #727272;
	text-decoration: none;
	padding-bottom: 15px;
}
#tab-container-1 .activeli a {
	color: #000;
	border-bottom: 2px solid #000;
}

/* dl */
.top_tab_news_area{
	width: 100%;
}
.top_tab_news_area dl {
	color:#000;
}
.top_tab_news_area dl dt {
	font-size: 1.083em;
	padding-top: 15px;
}
.top_tab_news_area dl dt .news_area_left,
.top_tab_news_area dl dt .news_area_right{
	display: inline-block;
	vertical-align: middle;
}
.top_tab_news_area dl dt .news_area_left{
	margin-left: 10px;
	color: #a8a8a8;
}
.top_tab_news_area dl dd {
	font-size: 1.167em;
	padding: 10px 0 15px;
	border-bottom: 1px solid #e9e9e9;
}
.top_tab_news_area dl dd a:link{
	color:#000;
	text-decoration:none;
}
.top_tab_news_area dl dd a:visited{
	color:#000;
	text-decoration:none;
}
.top_tab_news_area dl dd a:hover{
	color:#000;
	text-decoration:underline;
}
@media only screen and (max-width: 767px) {
    #tab-container-1-nav_box{
        position: absolute;
        right: 0;
        top: 30px;
        border: 2px solid #000;
        width: 38%;
    }
    #tab-container-1-nav_box p{
        display: block;
        border-bottom:none;
        padding: 10px 35px 10px 20px !important;
        box-sizing:border-box;
    	-webkit-box-sizing:border-box;
    	-moz-box-sizing:border-box;
        position: relative;
        font-size: 1.083em;
        text-align: center;
    }
    #tab-container-1-nav_box p:after{
        display: inline-block;
        content: "";
        width: 5px;
        height: 5px;
        border-bottom: 1px solid #000;
        border-left: 1px solid #000;
        transform: rotate(-45deg);
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -3px;
    }
    #tab-container-1-nav{
    	margin:0 !important;
        display: none;
    }
    #tab-container-1-nav li{
    	float:none;
    	padding:0 !important;
    	margin:0 !important;
    	width:100%;
        background:#fff;
        border-top: 1px solid #000;
    }
    _:-ms-lang(x), #tab-container-1-nav li { width:100%; }
    #tab-container-1-nav li a{
    	padding: 10px;
    }
    #tab-container-1 .activeli a {
    	color: #000;
    	border-bottom:none;
    }
    .block02 .box01 .more_btn_box{
        text-align: center;
        margin-top: 20px;
    }
    .block02 .box01 .more_btn_box a{
        width: 80%;
        padding: 15px 30px 14px 15px;
    }
}



/*---------------------------

	block03

---------------------------*/
.block03{
	background:url(/images/index/tab02_bk.jpg) no-repeat center;
	background-size: cover;
	padding-bottom: 75px;
}
/* title */
.block03 .title{
	margin-bottom: 35px;
}
.block03 .title h2{
	float: left;
	color: #fff;
}
.block03 .title h2:before {
    background: #fff;
}
.block03 .title h2 span{
	color: #fff;
}
.block03 .title div{
	float: right;
	margin-top: 40px;
}
@media only screen and (max-width: 767px) {
    .block03{
        background: url(/images/index/tab02_bk.jpg) no-repeat center top;
        background-size: cover;
        padding-bottom: 10%;
    }
    /* title */
    .block03 .title{
    	margin-bottom: 35px;
    }
}
/*---------------------------

	block03　タブ

---------------------------*/
#tab-container-2{
	margin:0 0 0 0 !important;
	padding:0 !important;
}
.block03 .tab-container-nav li{
	float:left;
	width: calc( 20% - 1px );
	padding:0 !important;
	background-color: rgba( 255, 255, 255, 0.6 );
	transition: .3s;
}
.block03 .tab-container-nav li + li{
	margin-left: 1px;
}
.block03 .tab-container-nav li a{
	display: block;
	height: 55px;
	line-height: 55px;
	color: #000;
	text-decoration: none;
	font-size:1.167em;
	letter-spacing: 1px;
	text-align:center;
}
.block03 .tab-container-nav .activeli,
.block03 .tab-container-nav li:hover{
	background-color: rgba( 255, 255, 255, 0.88 );
}
.block03 .tab-container-nav li:hover a{
	opacity: 1;
}
.block03 .tab-container-nav li a:before{
	margin-right: 10px;
	vertical-align:-webkit-baseline-middle;
}
.block03 .tab-container-nav li.tab_cate01 a:before{content:url(/images/tab02_icon01.png); vertical-align: middle;}
.block03 .tab-container-nav li.tab_cate02 a:before{content:url(/images/tab02_icon02.png);}
.block03 .tab-container-nav li.tab_cate03 a:before{content:url(/images/tab02_icon03.png);}
.block03 .tab-container-nav li.tab_cate04 a:before{content:url(/images/tab02_icon04.png);}
.block03 .tab-container-nav li.tab_cate05 a:before{content:url(/images/tab02_icon05.png);}

/* 中身*/
.top_tab_news_area02,
.top_tab_news_area03{
	margin:0;
  /*
	padding:50px 50px 10px;
  */
	padding:50px 40px 10px;
	background-color: rgba( 255, 255, 255, 0.88 );
}
.top_tab_news_area02 li, .top_tab_news_area03 li{
	float:left;
	width:calc( 25% - 15px );
  margin-bottom: 40px;
  /*
	width: calc( 25% - 15px );
  */
}
.top_tab_news_area02 li + li, .top_tab_news_area03 li + li{
	margin-left: 20px;
}
.top_tab_news_area02 li:nth-child(4n+1), .top_tab_news_area03 li:nth-child(4n+1){
	clear: left;
	margin-left: 0;
}
.top_tab_news_area02 li a, .top_tab_news_area03 li a{
	color: #000;
	text-decoration: none;
}
.top_tab_news_area02 li p.image img, .top_tab_news_area03 li p.image img{
	width: 100%;
	height: auto;
}
.top_tab_news_area02 li p.link{ 
  border: 1px solid #7d7d7d;
  border-radius: 4px;
  text-align: center;
  vertical-align: top;
  line-height: 100% !important;
  padding: 11px 0;
  color: #7d7d7d;
  font-size: 1.083em;
}
.top_tab_news_area02 li p.link img{
  width: auto; 
}
.top_tab_news_area02 li p.link span{
  margin-left: 6px;
}
.top_tab_news_area02 .category, .top_tab_news_area03 .category{
	margin: 3px 0 15px;
}
.top_tab_news_area02 .category .left,.top_tab_news_area03 .category .left{
	/* max-width:75px; 
	width: 34.5%;*/
	width: 42.5%;
	float:left;
  max-width: 95px;
}
.top_tab_news_area02 .category .left img,
.top_tab_news_area03 .category .left img{
    width: 100%;
    height: auto;
}
.top_tab_news_area02 .category .right img,
.top_tab_news_area03 .category .right img{
    width: 100%;
    height: auto;
}
.top_tab_news_area02 .category .right,.top_tab_news_area03 .category .right{
	width: 57%;
	float:right;
  max-width: 124px;
  background: #ffff00;
  text-align: center;
	/* 
	width: 64%;
  max-width: 100%; */
}
.top_tab_news_area02 .text, .top_tab_news_area03 .text{
	font-size:1.083em;
	margin-bottom: 5px;
}
.top_tab_news_area02 .title, .top_tab_news_area03 .title{
	font-size:1.250em;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.top_tab_news_area02 .online a, .top_tab_news_area03 .online a{
    display: block;
    padding: 10px 30px 10px 15px;
    font-size: 1.083em;
    background: #000 url(/images/link_icon_btn01.png) no-repeat right 15px center;
    color: #fff;
    text-decoration: none;
    text-align: center;
    border-radius: 40px;
    position: relative;
}
.top_tab_news_area02 .online a:before, .top_tab_news_area03 .online a:before{
	content: url(/images/tab02_icon06.png);
	vertical-align: middle;
	margin-right: 5px;
}
@media only screen and (max-width: 767px) {
  #genrebtn_box{
      width: 80%;
      margin: 0 auto 30px;
      position: relative;
      height: 40px;
  }
  .genrebtn_inner{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 9;
      border: 2px solid #000;
  }
  .genrebtn{
      display: block;
      border-bottom:none;
      padding: 10px 35px 10px 20px !important;
      box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
      font-size: 1.083em;
      text-align: center;
      background: #fff;
      position: relative;
  }
  .genrebtn:after{
      display: inline-block;
      content: "";
      width: 5px;
      height: 5px;
      border-bottom: 1px solid #000;
      border-left: 1px solid #000;
      transform: rotate(-45deg);
      position: absolute;
      top: 50%;
      right: 15px;
      margin-top: -3px;
  }
  .tab-container-nav{
    margin:0 !important;
    display: none;
  }
  .tab-container-nav li{
      float:none !important;
      padding:0 !important;
      margin:0 !important;
      background:#fff !important;
      border-top: 1px solid #000 !important;
      width: 100% !important;
  }
  .tab-container-nav li a{
    padding: 10px !important;
      height: 20px !important;
      line-height: 20px !important;
      color: #727272 !important;
  }
  #tab-container-2 .activeli a {
    color: #000 !important;
    border-bottom:none !important;
  }

    /* 中身*/
    .top_tab_news_area02,
    .top_tab_news_area03{
    	padding:0;
    	background:none;
    }
    .top_tab_news_area02 li, .top_tab_news_area03 li{
    	float:none;
    	width: 100%;
        box-sizing:border-box;
    	-webkit-box-sizing:border-box;
    	-moz-box-sizing:border-box;
    	margin:0;
        background: rgba( 255, 255, 255, 0.88 );
        padding:30px 15px 10px;
        position: relative;
    }
    .top_tab_news_area02 li + li, .top_tab_news_area03 li + li{
    	margin:15px 0 0px;
    }
    .top_tab_news_area02 li .photoarea, .top_tab_news_area03 li .photoarea{
        float: left;
        width: 37%;
    }
    .top_tab_news_area02 li .textarea, .top_tab_news_area03 li .textarea{
        float: right;
        width: 60%;
    }
    .top_tab_news_area02 li p.image img, .top_tab_news_area03 li p.image img{
    	width: auto;
        max-width: 100%;
    }
    .top_tab_news_area02 .category, .top_tab_news_area03 .category{
    	margin:0;
    }
    .top_tab_news_area02 .category img, .top_tab_news_area03 .category img{
        width: auto;
    }
    .top_tab_news_area02 .category .left,.top_tab_news_area03 .category .left{
    	width:auto;
    	float:none;
        position: absolute;
        left: 0;
        top: 0;
    }
    .top_tab_news_area02 .category .right,.top_tab_news_area03 .category .right{
    	width:85%;
    	float:none;
    }
    .top_tab_news_area02 .category .right,.top_tab_news_area03 .category .right{
      max-width: 124px;
      width: 85%;
      text-align: center;
      margin: -10px auto 0 auto;
      display: block;
    }
    .top_tab_news_area02 .title, .top_tab_news_area03 .title {
        margin-bottom: 10px;
    }
    .top_tab_news_area02 .online a, .top_tab_news_area03 .online a{
        padding: 7px 30px 7px 15px;
    }
    .top_tab_news_area02 p.more{
        text-align: right;
        margin-top: 5px;
        letter-spacing: 1px;
    }
    .top_tab_news_area02 p.more a{
        position: relative;
        padding-right: 5px;
        display: inline-block;
    }
    .top_tab_news_area02 p.more a:after{
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border: 5px transparent solid;
        border-left: 5px #000 solid;
        -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        transform: rotate(40deg);
        position: absolute;
        right: -10px;
        bottom: -6px;
    }
    .block03 .more_btn_box{
        text-align: center;
        margin-top: 20px;
    }
    .block03 .more_btn_box a{
        width: 80%;
        padding: 15px 30px 14px 15px;
    }

}

@media only screen and (min-width: 768px) {
  .top_tab_news_area02 p.more a{
    display: none;
  }
}

.iframe_mv{
    position: relative;
    height: 583px;
}
.iframe_mv video{
    position: absolute;
    top: -120px;
    left: 50%;
    width: 1400px;
    height: 800px;
    margin: auto;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .iframe_mv{
        height: 51.4vw;
    }
    .iframe_mv video {
        position: absolute;
        top: -12vw;
        left: 50%;
        width: 100vw;
        height: 65vw;
    }
}
@media only screen and (max-width: 767px){
	.iframe_mv {
	    height: 45.6vw;
	}
    .iframe_mv video {
        position: absolute;
        top: -12vw;
        left: 50%;
        width: 100vw;
        height: 65vw;
    }
}