@charset "utf-8";

.mainv {
		background-image: url(../img/news/mainv.jpg);
}

.sec_inner {}

.content-main #sec1 {
	border-top: none;
}
#sec1 {
    padding: 0px 0 26px;
}
#sec1 .sec_inner {}


.news_list_top {
    position:  relative;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.news_list_tab {
	white-space: nowrap;
}
.news_list_tab ul {
	text-align: left;
}
.news_list_tab ul li {
    display:  inline-block;
    position: relative;
    min-width: 134px;
}
.news_list_tab ul li:first-child {}
.news_list_tab ul li:last-child {}
.news_list_tab ul li a {
    display:  block;
    padding: 19px 22px 16px;
    letter-spacing:  0.06em;
    text-align:  center;
    font-size:  16px;
    line-height: 1;
}
.news_list_tab ul li.current {
    border-top: 3px solid #1E2677;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.news_list_tab ul li.current:before {
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background-color: #fff;
	position: absolute;
	bottom: -4px;
	left: 0;
}
.news_list_tab ul li.current a {
    color:  #1E2677;
}

.news_list_link {
    text-align:  right;
    position:  absolute;
    top: 3px;
    right:  0;
    border:  2px solid #000;
}
.news_list_link a {
    display:  inline-block;
    padding: 6px 17px;
    padding-left: 41px;
    background: url(../common/img/arrow01@2x.png) 5px center no-repeat;
    background-size: 14px;
    color:  #000;
    font-size: 13px;
    font-weight:  bold;
    line-height: 1;
    letter-spacing: 0.06em;
}
.news_list_link a:before {
	content: '';
	display: block;
	width: 2px;
	height: 100%;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 27px;
}
.news_list_link a:hover {
	opacity: 1;
	background-color: #fff;
}

.news_list {}
.news_list ul {
    padding-top: 24px;
}
.news_list ul li {
    border-bottom: 1px solid #ccc;
}
.news_list ul li:first-child {}
.news_list ul li:last-child {}
.news_list ul li a {
    display:  block;
    padding: 18px 0;
    padding-left: 230px;
    position:  relative;
}
.news_list ul li a:hover {
	opacity: 1;
	background-color: #dae7f8;
}
.news_list ul li .news_date {
    position: absolute;
    top: 19px;
    left: 0px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.06em;
}
.news_list ul li .news_cat {
		display: inline-block;
    position: absolute;
    top: 20px;
    left: 104px;
    background-color: #fff;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
		letter-spacing: 0.06em;
    text-align:  center;
    width:  auto;
    min-width: 92px;
		height: 22px;
    border:  1px solid #000;
    padding: 0 0.5em;
}
.news_list ul li .news_tit {
	display: inline;
	font-size: 13px;
	font-weight: normal;
	line-height: 22px;
	letter-spacing: 0.06em;
}

.tab_box {
		min-height: 520px;
}
.tab_box > div {
    display: none;
}
.tab_box > div.current {
	display: block;
}






/*---------------------------------------------------------
	w1200
---------------------------------------------------------*/
@media screen and (max-width: 1200px) {
	
	.news_list_link {}
	.news_list_tab ul li {
     min-width: 100px;
	}
	.news_list_tab ul li a {
		padding: 19px 30px 16px;
		font-size: 16px;
	}
	
}

/*---------------------------------------------------------
	スマホ
---------------------------------------------------------*/
@media screen and (max-width: 680px) ,screen and (max-width: 737px) and (orientation: landscape) {

	.mainv {}

	.sec_inner {}

	#sec1 {
			padding: 0px 0 40px;
	}
	#sec1 .sec_inner {
			/* padding: 20px 0px 0px; */
	}
	
	.news_list_top {
    padding-left: 0px;
    padding-right: 0;
    border:  none;
    margin-bottom: 0px;
}

	.news_list_tab {
    white-space:  normal;
}
	.news_list_tab ul {}
	.news_list_tab ul li {
    width: 48%;
    border: 1px solid #ccc;
    margin-bottom: 4px;
}
	.news_list_tab ul li:first-child {}
	.news_list_tab ul li:last-child {}
	.news_list_tab ul li a {
    font-size: 14px;
    text-align:  center;
    padding: 13px 22px;
}
	.news_list_tab ul li.current {
    border: 1px solid #1E2677;
}
	.news_list_tab ul li.current:before {
    
background-color: #1E2677;
    
bottom:  auto;
    
top: 0;
    
opacity:  0;
}
	.news_list_tab ul li.current a {
    /* border-top: 3px solid #1E2677; */
    box-shadow: 0 0 0 1px #1E2677 inset;
}

	.news_list_link {
    top: 35px;
    border-width: 1px;
    line-height:  1;
}
	.news_list_link a {
    padding: 8px 8px;
    padding-left: 33px;
    background-size: 11px;
    background-position: 6px center;
    font-size: 12px;
    line-height:  1;
}
	.news_list_link a:before {
    width: 1px;
    left: 23px;
}
	.news_list_link a:hover {}

	.news_list {}
	.news_list ul {
    padding-top: 20px;
}
	.news_list ul li {}
	.news_list ul li:first-child {}
	.news_list ul li:last-child {}
	.news_list ul li a {
    padding: 10px 0;
    padding-left: 0px;
    padding-top: 40px;
}
	.news_list ul li a:hover {}
	.news_list ul li .news_date {
    top: 12px;
    font-size: 13px;
}
	.news_list ul li .news_cat {
		top: 12px;
    left: 90px;
    font-size: 11px;
    line-height: 18px;
    min-width: 75px;
    height: 20px;
}
	.news_list ul li .news_tit {}

	.tab_box {
    min-height: 324px;
}
	.tab_box > div {}
	.tab_box > div.current {}


	
}
