@charset "utf-8";
/* ------------------------------------------------------------------------------
NEWS TOPICS　news
------------------------------------------------------------------------------ */

/* PC -------------------------------------------------------------- */

.newsTab{
text-align:center;
margin-bottom:30px;
}
.newsTab li{
display:inline;
padding:0 20px;
font-size:160%;
}
.newsTab li + li{
border-left:solid 1px #1a1b25;
}
.newsTab li a,
.newsTab li a:visited{
color:#1a1b25;
text-decoration:none;
}

.newsList{
max-width:800px;
margin:0 auto;
margin-bottom:50px;
}
.newsList li{
padding-left:235px;
position:relative;
font-size:160%;
line-height:1.3;
}
.newsList li + li{
margin-top:20px;
}
.newsList li a,
.newsList li a:visited{
color:#1a1b25;
text-decoration:none;
}
.newsLisLabel{
display:inline-block;
font-weight:bold;
font-family:"游ゴシック", YuGothic;
color:#1f1f1f;
position:absolute;
top:0;
left:0;
}
.newsLisCategory{
display:inline-block;
width:10em;
margin-left:10px;
padding: 3px 0;
color: #ffffff;
line-height:20px;
font-weight: bold;
font-size: 80%;
text-align:center;
}
.topNewNew{
color:#eb6506;
font-weight:bold;
}
.newsTab li a:hover,
.newsList li a:hover{
text-decoration:underline;
}

.newsPaging{
text-align:center;
}
.newsPaging a,
.newsPaging span:not(.dot){
display:inline-block;
min-width:24px;
font-size:140%;
color:#1d3557;
line-height:24px;
margin:0 4px;
padding:0 8px;
border:solid 1px #1d3557;
}
.newsPaging a{
color:#fff;
text-decoration:none;
background:#1d3557;
transition:0.3s;
}
.newsPaging span.dot{
font-size:160%;
line-height:24px;
margin:0 5px;
}
.newsPaging a:hover{
opacity:0.8;
}

.newsDetail{
max-width:800px;
margin:0 auto;
padding:60px 10px 0;
}
.newsTit{
margin-bottom:50px;
}
.newsTit h3{
font-size:240%;
font-weight:bold;
color:#1f1f1f;
line-height:1.3;
text-align:center;
margin-bottom:10px;
}
.newsTit p{
font-size:140%;
color:#1f1f1f;
text-align:center;
}
.newsCont{
margin-bottom:60px;
}
.newsCont p{
font-size:160%;
line-height:2;
margin-bottom:1em;
}
.newsConPhoto{
margin-top:40px;
text-align:center;
}

.newsBackbtn a,
.newsBackbtn a:visited{
display:block;
width:120px;
margin:0 auto;
padding:16px 40px;
font-size:140%;
color:#fff;
text-decoration:none;
text-align:center;
line-height:1;
background:linear-gradient(90deg, #0874dc, #0c21c3);
position:relative;
transition:0.3s;
}
.newsBackbtn a::after{
content:"";
display:block;
width:8px;
height:8px;
border-top:solid 2px #fff;
border-left:solid 2px #fff;
position:absolute;
top:calc(50% - 5px);
left:30px;
transform:rotate(-45deg);
}
.newsBackbtn a:hover{
opacity:0.8;
}

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

.newsTab{
margin-bottom:20px;
}
.newsTab li{
padding:0 10px;
font-size:150%;
}

.newsList{
margin-bottom:30px;
}
.newsList li{
padding-left:0;
padding-bottom:10px;
font-size:150%;
border-bottom:solid 1px #ccc;
}
.newsList li + li{
margin-top:10px;
}
.newsList li a{
color:#1a1b25;
text-decoration:none;
}
.newsLisLabel{
display:block;
position:static;
}

.newsTab li a:hover,
.newsList li a:hover{
text-decoration:none;
}

.newsPaging a,
.newsPaging span:not(.dot){
margin:0 3px 4px;
padding:0 5px;
}
.newsPaging span.dot{
font-size:150%;
}
.newsPaging a:hover{
opacity:1;
}

.newsTit{
margin-bottom:25px;
}
.newsTit h3{
font-size:200%;
}
.newsTit p{
font-size:130%;
}

.newsCont{
margin-bottom:40px;
}
.newsCont p{
font-size:150%;
}
.newsConPhoto{
margin-top:30px;
}

.newsBackbtn a:hover{
opacity:1;
}

}