@charset "utf-8";
/*　P/Cニュース一覧ページ　*/
.wrapper {
padding-top: 35px;
padding-bottom: 10px;
}
main {
max-width: 980px;
margin: 0 auto;
}
.newsBox {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 20px 0;
border-bottom: solid 1px #E8E8E8;
}
.date {
font-size: 1.5rem;
font-family: Arial, Helvetica, "sans-serif";
color: #85857F;
display: block;
padding: 0 20px ;
}
.category {
font-size: 1.3rem;
padding: 7px 25px 5px ;
border: solid 1px #30437C;
color: #304379;
text-align: center;
display: block;
border-radius: 5px;
line-height: 100%;
white-space: nowrap;
}
.newsTitle {
font-size: 1.6rem;
display: block;
padding-left: 35px;
}
.newsTitle a {
text-decoration: none;
color: #202020;
}
.newsTitle a:hover {
text-decoration: underline;
color: #084E87;
}
.main_inner {
border-top: solid 1px #E8E8E8;
width: 100%;
}
.number {
display: flex;
align-items: center;
justify-content: flex-start;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.number li {
line-height: 100%;
margin-right: 10px;
}
.number li a {
text-decoration: none;
color: #222;
padding: 10px;
background-color: #E5E5E5;
}
.number li a:hover {
background-color: #0B2A4B;
color: #fff;
}
.page {
position: relative;
padding-top: 70px;
padding-bottom: 50px;
}

/* P/Cニュース詳細ページ　*/

.date02 {
font-family: Arial, Helvetica, "sans-serif";
color : #666;
font-size: 1.4rem;
padding-left: 0px;
}
.category02 {
font-size: 1.3rem;
padding: 6px 25px 4px ;
border: solid 1px #30437C;
color: #304379;
text-align: center;
display: block;
border-radius: 5px;
line-height: 100%;
white-space: nowrap;
margin-left: 5px;
}
.newsSet {
display: flex;
align-items: center;
}
.nTitle {
font-weight: 700;
font-size: 2.0rem;
line-height: 100%;
padding-bottom: 18px;
border-bottom: solid 1px #ddd;
margin-bottom: 30px;
}
main img {
width: 100%;
height: auto;
}
main p {
line-height: 200%;
font-size: 1.5rem;
display: block;
padding: 20px 15px;
}
.Btn-Icon{
position: absolute;
top: 50%;
right: 10px;/*右からの距離*/
width: 13px;/*アイコンの横幅指定*/
transform: translateY(-50%);/*この指定で上下中央に*/
}
.Btn {
position: relative;
background-color: #0B2A4B;
border-radius: 3px;
color: #fff;
display: block;
width: 420px;/*ボタンの横幅指定*/
padding: 10px 50px;/*上下余白指定*/
text-align: center;/*テキスト中央寄せ*/
}
.Btn-Icon {
position: absolute;
color: #fff;
top: 50%;
right: 15px;/*右からの距離*/
width: 10px;/*アイコンの横幅指定*/
transform: translateY(-50%);/*この指定で上下中央に*/
}
.linkBox {
width: 420px;
margin: 70px auto 50px ;
}
.linkBox a {
text-decoration: none;
}
.linkBox:hover {
opacity: 0.9;
}

/*　for スマートフォン_ニュース一覧 */
@media all and (max-width : 767px ){
main {
max-width: 100%;
margin: 0 15px;
}
.newsBox {
display: block;
padding: 20px 0 5px;
}
.date {
font-size: 1.1rem;
padding: 0 10px ;
float: left;
}
.category {
font-size: 1.0rem;
padding: 5px 20px 3px ;
float:left;
}
.newsTitle {
font-size: 1.2rem;
padding-left: 10px;
clear: both;
padding-top: 10px;
}
.number li {
line-height: 100%;
margin-right: 10px;
}
.number li a {
padding: 10px;
font-size: 1.0rem;
white-space: nowrap;
}
.page {
position: relative;
padding-top: 40px;
padding-bottom: 10px;
}

/*　スマートフォン_ニュース詳細　*/
.wrapper {
padding-top: 15px;
padding-bottom: 10px;
}
.date02 {
font-size: 1.0rem;
}
.category02 {
font-size: 1.0rem;
padding: 4px 20px 2px ;
margin-left: 0px;
}
.newsSet {
display: flex;
align-items: center;
margin-bottom: 0px;
}
.nTitle {
font-size: 1.4rem;
line-height: 160%;
padding-bottom: 10px;
margin-bottom: 20px;
}
main p {
line-height: 180%;
font-size: 1.2rem;
padding: 10px 10px;
}
.Btn {
font-size: 1.1rem;
width: 260px;/*ボタンの横幅指定*/
padding: 10px 50px;/*上下余白指定*/
text-align: center;/*テキスト中央寄せ*/
}
.linkBox {
width: 260px;
margin: 15px auto 10px ;
}

}