@charset 'UTF-8';

/*  future
--------------------------------------- */

.kv {
background: url("/ja/assets/img/news/bg_kv_01.jpg") no-repeat center;
}

.kv .inner {
max-width: 900px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}

.kv h1 {
padding: 50px 0 10px;
color: #000033;
font-size: 30px;
font-weight: bold;
}

.kv p {
padding: 0 0 51px;
color: #000033;
font-size: 15px;
font-weight: bold;
line-height: 1.47;
}

.news {
max-width: 900px;
margin: 0 auto;
padding: 70px 20px 90px;
box-sizing: border-box;
}

.news .yearSelect {
position: relative;
width: 164px;
margin: 0 0 20px auto;
}
.news .yearSelect:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 39px;
height: 100%;
background: #144996;
z-index: 1;
}
.news .yearSelect:after {
content: "";
position: absolute;
top: 13px;
right: 11px;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 12px 7px 0 7px;
border-color: #fff transparent transparent transparent;
z-index: 2;
}
.news .yearSelect select {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
padding: 5px 45px 5px 25px;
color: #144996;
font-size: 18px;
font-weight: bold;
border: 1px solid #144996;
background: none;
z-index: 3;
}
.news .yearSelect select::-ms-expand {
display: none;
}

.news .tabMenu {
display: flex;
justify-content: space-between;
margin: 0 0 28px;
}

.news .tabMenu li {
position: relative;
width: 23.25%;
padding: 8px 0;
color: #144996;
font-size: 18px;
font-weight: bold;
text-align: center;
border: 1px solid #144996;
cursor: pointer;
}

.news .tabMenu li.release {
color: #ce0f60;
border: 1px solid #ce0f60;
}
.news .tabMenu li.event {
color: #6718b0;
border: 1px solid #6718b0;
}
.news .tabMenu li.relate {
color: #0022ff;
border: 1px solid #0022ff;
}

.news .tabMenu li.act {
color: #fff;
background: #144996;
}
.news .tabMenu li.release.act {
background: #ce0f60;
}
.news .tabMenu li.event.act {
background: #6718b0;
}
.news .tabMenu li.relate.act {
background: #0022ff;
}

.news .tabMenu li.act:after {
content: "";
position: absolute;
bottom: -13px;
left: 50%;
margin-left: -13px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 13px 13px 0 13px;
border-color: #144996 transparent transparent transparent;
}
.news .tabMenu li.release.act:after {
border-color: #ce0f60 transparent transparent transparent;
}
.news .tabMenu li.event.act:after {
border-color: #6718b0 transparent transparent transparent;
}
.news .tabMenu li.relate.act:after {
border-color: #0022ff transparent transparent transparent;
}

.news .newsList dl {
display: flex;
padding: 15px;
border-bottom: 1px solid #ccc;
}

.news .newsList dl:last-child {
border-bottom: none;
}

.news .newsList dl dt {
width: 236px;
font-size: 14px;
}

.news .newsList dl dt span {
display: inline-block;
width: 108px;
margin: 0 0 0 15px;
font-size: 12px;
font-weight: bold;
line-height: 1.67;
text-align: center;
box-sizing: border-box;
}

.news .newsList dl.release dt span {
color: #ce0f60;
border: 1px solid #ce0f60;
}
.news .newsList dl.event dt span {
color: #6718b0;
border: 1px solid #6718b0;
}
.news .newsList dl.relate dt span {
color: #0022ff;
border: 1px solid #0022ff;
}

.news .newsList dl dd {
flex: 1;
}

.news .newsList dl dd span ,
.news .newsList dl dd a {
font-size: 14px;
line-height: 1.58;
transition: 0.3s color;
}

.news .newsList dl dd a:hover {
color: #0022FF;
}

.news .newsList dl dd a.pdf {
padding: 0 20px 0 0;
background: url("/ja/assets/img/ico_pdf_01.png") no-repeat right center;
background-size: 16px auto;
}

.news .newsList dl dd a.blank {
padding: 0 20px 0 0;
background: url("/ja/assets/img/ico_blank_02.png") no-repeat right center;
background-size: 16px auto;
}


.newsDetails {
max-width: 900px;
margin: 0 auto;
padding: 66px 20px 40px;
box-sizing: border-box;
}

.newsDetails .date {
margin: 0 0 18px;
font-size: 14px;
line-height: 1.5;
}

.newsDetails .date span {
display: inline-block;
width: 108px;
margin: 0 0 0 15px;
font-size: 12px;
font-weight: bold;
line-height: 1.67;
text-align: center;
box-sizing: border-box;
}

.newsDetails .date .release {
color: #ce0f60;
border: 1px solid #ce0f60;
}
.newsDetails .date .event {
color: #6718b0;
border: 1px solid #6718b0;
}
.newsDetails .date .relate {
color: #0022ff;
border: 1px solid #0022ff;
}

.newsDetails h2 {
margin: 0 0 30px;
padding: 10px 0 10px 20px;
font-size: 20px;
font-weight: bold;
background: url("/ja/assets/img/news/bg_details_01.png") no-repeat left center;
background-size: 5px auto;
}

.newsDetails .img {
margin: 0 0 35px;
}

.newsDetails p {
margin: 0 0 35px;
font-size: 14px;
line-height: 1.58;
}

.newsDetails .imgList {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.newsDetails .imgList li {
width: 48.84%;
margin: 0 0 32px;
text-align: center;
}

.newsDetails .imgList li span {
display: block;
margin: 8px 0 0;
font-size: 14px;
line-height: 1.58;
}

/*
.newsDetails h3 {
padding: 10px 0 15px;
font-size: 18px;
font-weight: bold;
}
*/

.newsDetails h3 {
margin: 0 0 30px;
padding: 0 0 2px 22px;
color: #333;
font-size: 20px;
font-weight: bold;
text-align: left;
border-bottom: 2px solid #a0a0a0;
background: url("/ja/assets/img/bg_h3_02.png") no-repeat left top;
}

.newsDetails h4 {
position: relative;
margin: 0 0 30px;
padding: 0 0 4px 22px;
color: #333;
font-size: 20px;
font-weight: bold;
text-align: left;
}

.newsDetails h4:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #ccc url("/ja/assets/img/bg_h4_01.png") no-repeat left center;
}

.newsDetails h5 {
margin: 0 0 20px;
padding: 0 0 0 22px;
color: #333;
font-size: 18px;
font-weight: bold;
text-align: left;
background: url("/ja/assets/img/bg_h5_01.png") no-repeat left center;
}

.newsDetails h6 {
margin: 0 0 20px;
padding: 0 0 0 22px;
color: #333;
font-size: 16px;
font-weight: bold;
text-align: left;
background: url("/ja/assets/img/bg_h6_01.png") no-repeat left center;
}


.newsDetails .tableBox {
position: relative;
margin: 0 0 50px;
border-top: 4px solid #ccc;
border-bottom: 4px solid #ccc;
}

.newsDetails .tableBox:after {
content: '';
position: absolute;
top: -4px;
left: 0;
width: 195px;
height: 4px;
background: url("/ja/assets/img/bg_line_01.png") no-repeat center;
}

.newsDetails table {
position: relative;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}

.newsDetails table th {
width: 195px;
padding: 14px 20px;
font-size: 14px;
font-weight: bold;
line-height: 1.72;
border-bottom: 1px solid #ccc;
background: #eef2f8;
box-sizing: border-box;
}

.newsDetails table td {
padding: 14px 20px;
font-size: 14px;
line-height: 1.72;
vertical-align: middle;
border-bottom: 1px solid #ccc;
}

.newsDetails table tr:last-child th ,
.newsDetails table tr:last-child td {
border-bottom: none;
}

.newsDetails figcaption {
display: block;
margin: 8px 0 0;
font-size: 14px;
line-height: 1.58;
text-align: center;
}

.newsDetails a.pdf {
padding: 0 20px 0 0;
background: url("/ja/assets/img/ico_pdf_01.png") no-repeat right center;
background-size: 16px auto;
}

.newsDetails a {
color: #0066FF;
}

.newsDetails a:hover {
background-color: #0099FF;
color: #fff;
transition: 0.3s ;	
}





@media screen and (max-width: 750px) {

.kv {
background: url("/ja/assets/img/news/bg_kv_01_sp.jpg") no-repeat center;
background-size: cover;
box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

.kv .inner {
width: 88%;
margin: 0 auto;
padding: 0;
}

.kv h1 {
padding: 6% 0 0;
color: #000033;
font-size: 20px;
font-weight: bold;
line-height: 2;
}

.kv p {
padding: 0 0 9.16%;
color: #000033;
font-size: 13px;
font-weight: bold;
line-height: 1.16;
}

.news {
padding: 12% 0 10%;
box-sizing: border-box;
}

.news .yearSelect {
position: relative;
width: 120px;
margin: 0 6.66% 20px auto;
}
.news .yearSelect:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 29px;
height: 100%;
background: #144996;
z-index: 1;
}
.news .yearSelect:after {
content: "";
position: absolute;
top: 9px;
right: 8px;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 6px 0 6px;
border-color: #fff transparent transparent transparent;
z-index: 2;
}
.news .yearSelect select {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
padding: 4px 35px 5px 25px;
color: #144996;
font-size: 13px;
font-weight: bold;
border: 1px solid #144996;
background: none;
z-index: 3;
}

.news .tabMenu {
display: flex;
justify-content: space-between;
margin: 0 0 5px;
}

.news .tabMenu li {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 23.2%;
padding: 5px 0;
color: #144996;
font-size: 12px;
font-weight: bold;
line-height: 1.42;
text-align: center;
border: 1px solid #144996;
cursor: pointer;
}

.news .tabMenu li.act:after {
bottom: -9px;
margin-left: -9px;
border-width: 9px 9px 0 9px;
}

.news .newsList dl {
display: block;
padding: 15px 6.66% 12px;
border-bottom: 1px solid #ccc;
}

.news .newsList dl:last-child {
border-bottom: none;
}

.news .newsList dl dt {
width: auto;
margin: 0 0 2px;
font-size: 11px;
}

.news .newsList dl dt span {
display: inline-block;
width: 85px;
margin: 0 0 0 12px;
font-size: 10px;
font-weight: bold;
line-height: 1.67;
text-align: center;
box-sizing: border-box;
}

.news .newsList dl dd span ,
.news .newsList dl dd a {
font-size: 16px;
line-height: 1.5;
}

.news .newsList dl dd a:hover {
color: #221815;
}

.news .newsList dl dd a.pdf {
padding: 0 20px 0 0;
}


.newsDetails {
width: 86.666%;
max-width: inherit;
margin: 0 auto;
padding: 11% 0 6%;
box-sizing: border-box;
}

.newsDetails .date {
margin: 0 2.66% 4%;
font-size: 11px;
line-height: 1.5;
}

.newsDetails .date span {
display: inline-block;
width: 86px;
margin: 0 0 0 8px;
font-size: 10px;
font-weight: bold;
line-height: 1.5;
text-align: center;
box-sizing: border-box;
}

.newsDetails h2 {
margin: 0 2.66% 5%;
padding: 0 0 0 15px;
font-size: 18px;
font-weight: bold;
line-height: 1.62;
background: url("/ja/assets/img/news/bg_details_01.png") no-repeat left center;
background-size: 5px auto;
}

.newsDetails .img {
margin: 0 0 6%;
}

.newsDetails p {
margin: 0 6.66% 6%;
font-size: 12px;
line-height: 1.59;
}

.newsDetails .imgList {
display: block;
}

.newsDetails .imgList li {
width: 100%;
margin: 0 0 5%;
text-align: center;
}

.newsDetails .imgList li span {
display: block;
margin: 2% 6.66% 0;
font-size: 12px;
line-height: 1.59;
}

/*
.newsDetails h3 {
padding: 0 6.66% 1.5%;
font-size: 13px;
font-weight: bold;
}
*/
	
.newsDetails h3 {
margin: 0 0 7%;
padding: 0 0 2px 14px;
color: #333;
font-size: 15px;
font-weight: bold;
text-align: left;
border-bottom: 2px solid #a0a0a0;
background: url("/ja/assets/img/bg_h3_02.png") no-repeat left top;
background-size: 4px auto;
}

.newsDetails h4 {
position: relative;
margin: 0 0 7%;
padding: 0 0 4px 14px;
color: #333;
font-size: 15px;
font-weight: bold;
text-align: left;
}

.newsDetails h4:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #ccc url("/ja/assets/img/bg_h4_01_sp.png") no-repeat left center;
}

.newsDetails h5 {
margin: 0 0 5%;
padding: 0 0 0 14px;
color: #333;
font-size: 14px;
font-weight: bold;
text-align: left;
background: url("/ja/assets/img/bg_h5_01.png") no-repeat left center;
background-size: 10px auto;
}

.newsDetails h6 {
margin: 0 0 5%;
padding: 0 0 0 14px;
color: #333;
font-size: 13px;
font-weight: bold;
text-align: left;
background: url("/ja/assets/img/bg_h6_01.png") no-repeat left center;
background-size: 10px auto;
}
	
.newsDetails .tableBox {
position: relative;
margin: 0 2.66% 6%;
border-top: 2px solid #ccc;
border-bottom: 2px solid #ccc;
}

.newsDetails .tableBox:after {
content: '';
position: absolute;
top: -2px;
left: 0;
width: 95px;
height: 2px;
background: url("/ja/assets/img/bg_line_01.png") no-repeat center;
background-size: auto 2px;
}

.newsDetails table {
position: relative;
width: 100%;
}

.newsDetails table th {
width: 95px;
padding: 11px 12px;
font-size: 12px;
font-weight: bold;
line-height: 1.5;
background: #eef2f8;
box-sizing: border-box;
}

.newsDetails table td {
padding: 11px 12px;
font-size: 12px;
line-height: 1.5;
}

.newsDetails figcaption {
display: block;
margin: 2% 6.66% 0;
font-size: 12px;
line-height: 1.59;
}

.newsDetails a.pdf {
padding: 0 15px 0 0;
background: url("/ja/assets/img/ico_pdf_01.png") no-repeat right center;
background-size: 12px auto;
}

}