/*#keyvisual{

    height: 200px;

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: all .3s;

    background-color:#fff;

	background-image:url("../images/back.jpg");

}*/

.main_title {

    text-align: center;

    margin-top: 20px;

}

.h2_main_title {

    font-size: 28px;

    color: #fff;

    letter-spacing: 0.08em;

    margin: 0 0 30px 0;

    display: inline-block;

    text-shadow: 0px 0px 6px #000,0px 0px 3px #333;

}

.h2_sub-title_en {

    font-size: 16px;

    color: #fdf5e6;

    display: block;

    letter-spacing: 0.01em;

}

#ichiran{

	padding-top:48px;

    background-color:#fff;

}

.category_select{

    text-align:center;

}

.news-select{

    max-width: 200px;

    width: 90%;

    border-radius: 14px 14px 14px 14px;

    padding: 8px 38px 8px 8px;

    border: 2px solid #424242;

    line-height: 1.5em;

    display: inline-block;

    font: inherit;

    margin: 0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background-image: linear-gradient(45deg, transparent 50%, #FFF 50%), linear-gradient(135deg, #FFF 50%, transparent 50%), linear-gradient(to right, #424242, #424242);

    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;

    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;

    background-repeat: no-repeat;

}

/*表*/

.news_inner{

max-width:936px;

width:90%;

margin:0 auto;

/*padding:60px 0 120px 0;*/

padding-bottom:100px;

position:relative;

}

.news_inner-title{

text-align:center;

}

.h2_news-title{

  font-size: 28px;

  text-align: center;

  letter-spacing: 0.08em;

  margin: 0 0 30px 0;

  display: inline-block;

}

.h2_news-title_en{

  font-size: 16px;

  display: block;

  color: #00ab86;

  letter-spacing: 0.01em;

}

#news_area{

  overflow: hidden;

  background-color: #FFFFFF;

  border: 1px solid #00ab86;

  margin: 0 auto;

  border-radius: 15px 15px 15px 15px;

  margin-bottom: 50px;

}

.news_tab{

display:flex;

}

.news_tab_item{

  width: calc(100% / 4);

  font-size: 16px;

  padding: 15px 0;

  color: #00ab86;

  text-align: center;

  cursor: pointer;

  color: #00ab86;

  background-color: #FFFFFF;

  font-weight: bold;

  -webkit-transition: all 0.2s ease;

  transition: all 0.2s ease;

  border:none;

  border-right:solid 1px #00ab86;

}

.news_tab_item:last-child{

border-right:none;

}

.news_tab_item.select{

  background-color: #00ab86;

  color: #FFFFFF;

}

.content_area{

  background: #FFFFFF;

  padding: 30px;

}

.content_list_item{

display:flex;

margin-bottom:15px;

}

.content_list_date{

margin-right: 20px;

text-align: left;

min-width: 200px;

}

.content_list_date .category{

  width: 95px;

  display: inline-block;

  font-size: 13px;

  padding: 2px 0;

  text-align: center;

  margin-left: 20px;

  color: #FFFFFF;

  background-color: #00ab86;

}

.content_list_title{

text-align:left;

/*width:80%;*/

}

/*パンくずリスト*/

.breadcrumb{

    background-color:#e2f3f4;

    padding:20px 0 20px 16px;

    font-size:14px;

}

.breadcrumb__inner {

    width: 1200px;

    margin: 0 auto;

}

.breadcrumb__inner__list {

    display: flex;

    list-style: none;

    flex-wrap: wrap;

}

.breadcrumb__inner__list__link a {

    color: #40adb6;

}

.breadcrumb__inner__list__link::after {

    content: '>';

    display: inline-block;

    padding: 0 5px 0 5px;

}

.breadcrumb__inner__list__link:last-child::after {

    content: none;

}

/*パンくずリスト終了*/

/*ページネーション*/

.pager {

  display: flex;

  justify-content: center;

  margin-top: 60px;

}

.pager li {

  border: 1px solid lightgray;

  margin-right: 8px;

}

.pager li a {

  display: inline-block;

  padding: 10px;

}

.active_link {

  background-color: #00ab86;

  color: #fff;

  font-weight: bold;

}

/*ページネーション終了*/

/*レスポンシブ対応*/

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

    #keyvisual{

        height:150px;

    }

    .h2_main_title{

        font-size: 24px;

    }

    .content_list_item{

        flex-direction: column;

    }

    .content_list_date{

        margin:0 0 10px;

    }

    .breadcrumb__inner {

        width:100%;

    }

}