@charset "utf-8";
/* ------------------------------------------------------------ common */

h3.s_title { text-align: center; margin: 0 0 25px; font-size: 20px; font-weight: bold;}
h3.s_title img { padding: 0 0 20px;}

p.catch { font-size: 14px; text-align: center;}
h4 { font-size: 20px; font-weight: bold;} 
h4 img { padding: 0 0 10px;}

#fv { background: url(../images/news/fv.jpg) center center no-repeat; background-size: cover;}
#footer { padding: 80px 0 20px;}


/* ------------------------------------------------------------  */
#news{ padding: 130px 0 110px; }
#news h3{ font-size: 22px; font-weight: 600; line-height: 1; }

.news-wrapper{ width: 800px; margin: 0 auto; }
.news-flex{ display: flex; align-items: flex-start; justify-content: space-between; }

.news-list{ width: 600px; }
.news-list h3{ padding: 0 0 40px; }
.news-list li a{ display: inline-block; width: 100%; padding: 25px 0 10px; border-bottom: 2px dotted #000; }
.news-list li .news-data{ font-size: 14px; color: #003f95; }
.news-list li .news-ttl{ font-size: 16px; }

.new-aside{ width: 150px; }
.new-aside h3{ margin: 0 0 35px; padding: 3px 0 3px 7px; border-left: 5px solid #003f95; }
.new-aside li a{ display: inline-block; width: 100%; padding: 10px 0; border-bottom: 1px solid #a6a6a6; }
.new-aside li .news-year{ font-size: 16px; }

.pagination{ padding: 80px 0 0; text-align: center; }
.Pagination-Link{ margin: 0 10px; padding: 0 0 2px; font-weight: 600; font-size: 20px; color: #bbbbbb!important; border-bottom: 1px solid #bbbbbb; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif; }
.Pagination-Link.active{ color: #003f95!important; border: none; }

.Pagination-arrow{ margin: 0 10px; }
.Pagination-arrow .arrow{ position: relative; top: -4px; display: inline-block; width: 20px; height: 5px; border-style: solid; border-color: #bbbbbb; }
.Pagination-arrow .arrow-l{ border-width: 0 0 1px 1px; transform: skew(-30deg); }
.Pagination-arrow .arrow-r{ border-width: 0 1px 1px 0; transform: skew(30deg); }
.Pagination-arrow.active .arrow{ border-color: #003f95; }


#news-detail{ padding: 80px 0; }
.news-article{ margin: 0 0 70px; padding: 75px 50px 45px; border: 5px solid #e5e5e5; text-align: center; }
.news-article .news-data{ padding: 0 0 50px; font-size: 16px; color: #003f95; }
.news-article .news-ttl{ margin: 0 0 70px; padding: 0 0 25px; border-bottom: 1px solid #000; font-size: 24px; }
.news-article .news-text{ padding: 0 0 50px; font-size: 17px; }
.news-article .news-btn{ display: block; margin: 0 auto 50px; width: 150px; padding: 15px; border: 1px solid #003f95; font-size: 14px; color: #003f95; }

.back-btn{ }
.back-btn a{ display: block; width: 100%; padding: 20px; width: 255px; margin: 0 auto; border: 1px solid #000; text-align: center; }
.back-btn a:hover{ color: #fff; background: #000; }




/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
	
/* ------------------------------------------------------------ common */

h3.s_title { text-align: center; margin: 0 0 15px; font-size: 14px; font-weight: bold;}
h3.s_title img { padding: 0 0 10px; height: 35px; width: auto;}

p.catch { font-size: 14px; text-align: left;}
h4 { font-size: 16px; font-weight: bold;} 
h4 img { padding: 0 0 10px; height: 30px; width: auto;}

#fv { background: url(../images/news/fv.jpg) center center no-repeat; background-size: cover;}
#footer { padding: 40px 0 20px;}


/* ------------------------------------------------------------  */
#news { padding: 50px 0 60px; }
#news h3 { font-size: 18px; }
.news-wrapper { width: 90%; }

.news-list h3 { padding: 0 0 10px; }
.news-flex { display: block; }
.news-list { width: 100%; padding: 0 0 40px; }
.news-list li a { padding: 15px 0 5px; }
.news-list li .news-data { font-size: 13px; padding: 0 0 5px; }
.news-list li .news-ttl { font-size: 14px; }

.new-aside { width: 101%; }
.new-aside h3 { border-width: 3px; margin: 0 0 10px; }
.new-aside li .news-year { font-size: 14px; }
.pagination { padding: 40px 0 0; }
.Pagination-Link { font-size: 15px; }
.Pagination-arrow .arrow { width: 15px; height: 3px; }

#news-detail{ padding: 40px 0; }
.news-article{ margin: 0 0 30px; padding: 30px 5%; border-width: 3px; }

.news-article .news-data { padding: 0 0 20px; font-size: 14px; }
.news-article .news-ttl { margin: 0 0 40px; padding: 0 0 15px; font-size: 19px; }
.news-article .news-text { padding: 0 0 25px; font-size: 14px; }
.news-article .news-btn { margin: 0 auto 25px; padding: 10px; }
.back-btn a { display: block; width: 80%; padding: 15px; margin: 0 auto; border: 1px solid #000; text-align: center; box-sizing: border-box; }





}