@charset "UTF-8";
.flex {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
}
#area_news {
   padding: 96px 0 225px 0;
   width: 1100px;
   margin: 0 auto;
   position: relative;
}
#area_news_detail {
   padding: 96px 0 0 0;
   width: 1100px;
   margin: 0 auto;
   position: relative;
}
.bg_left {
   background: url("../img/news/bg_left01.png"), url("../img/news/bg_left02.png");
   background-size: 152px, 440px;
   background-repeat: repeat-y;
   background-position: right top, right top;
   width: calc((100% - 1100px) / 2);
   position: relative;
}
.bg_right {
   background: url("../img/news/bg_right01.png"), url("../img/news/bg_right02.png");
   background-size: 152px, 440px;
   background-repeat: repeat-y;
   background-position: left top, left top;
   width: calc((100% - 1100px) / 2);
   position: relative;
}
#area_news .inner {
   width: 918px;
   margin-bottom: 40px;
}
#area_news .ttl {
   margin-bottom: 45px;
}
.ttl {
   text-align: center;
}
.news_list li {
   background: url(../img/top/bg_news_list02.png) left bottom no-repeat;
   background-size: 918px;
   margin-bottom: 20px;
   padding-left: 10px;
}
.news_list li:first-of-type {
   position: relative;
}
.news_list li:first-of-type:after {
   content: "";
   position: absolute;
   background: url("../img/top/news_ico_bird.png") left top no-repeat;
   background-size: 56px;
   width: 56px;
   height: 42px;
   right: 30px;
   top: -5px;
   -webkit-animation: bird 3s linear infinite;
   -moz-animation: bird 3s linear infinite;
   -ms-animation: bird 3s linear infinite;
   -o-animation: bird 3s linear infinite;
   animation: bird 3s linear infinite;
}
.news_list li a {
   position: relative;
   width: 794px;
   display: inline-block;
   padding-bottom: 20px;
}
.news_list li a:hover {
   color: #FF5C00;
}
.news_list li a:after {
   position: absolute;
   content: "";
   width: 0;
   height: 0;
   border-left: 6px solid #FF8D00;
   border-top: 6px solid transparent;
   border-bottom: 6px solid transparent;
   right: 0;
   top: 5px;
}
.news_list time {
   margin-right: 45px;
   letter-spacing: 0.1rem;
}
.wp-pagenavi .pages,.wp-pagenavi .first,.wp-pagenavi .last {
 display: none;
}
.wp-pagenavi a,.wp-pagenavi span {
 width: 56px;
   height: 44px;
   display: flex;
   line-height: 1;
   justify-content: center;
   color: #fff;
   font-family: 'Quicksand', sans-serif;
   font-size: 1.8rem;
   font-weight: 700;
   background: url("../img/news/bg_pager.png") left top no-repeat;
   background-size: cover;
   align-items: center;
   margin-right: 10px;
   padding-top: 6px;
}
.wp-pagenavi a:hover {
 background: url("../img/news/bg_pager_active.png") left top no-repeat;
 background-size: cover;
}
.wp-pagenavi span.current {
 background: url("../img/news/bg_pager_active.png") left top no-repeat;
 width: 50px;
   height: 44px;
 background-size: cover;
}
.wp-pagenavi span.extend {
 background: none;
 color: #004650;
 width: 20px;
 font-size: 2rem;
}

.wp-pagenavi .previouspostslink {
 background: url("../img/news/pager_prev.png") left top no-repeat;
   background-size: cover;
   width: 73px;
   height: 21px;
   margin-right: 28px;
   padding-top: 0;
   align-items: center;
}
.wp-pagenavi .previouspostslink:hover {
 background: url("../img/news/pager_prev.png") left top no-repeat;
 background-size: cover;
 opacity: 0.7;
}
.wp-pagenavi .nextpostslink {
 background: url("../img/news/pager_next.png") left top no-repeat;
   background-size: cover;
   width: 70px;
   height: 21px;
   padding-top: 0;
   align-items: center;
}
.wp-pagenavi .nextpostslink:hover {
 background: url("../img/news/pager_next.png") left top no-repeat;
 background-size: cover;
 opacity: 0.7;
}
.wp-pagenavi {
 display: flex;
 align-items: center;
 justify-content: center;
}
footer {
   margin-top: auto;
}
.ttl_main {
   background: url("../img/news/bg_ttl.png") left top no-repeat;
   background-size: 182px 179px;
   margin-bottom: 46px;
   padding: 22px 0 10px 42px;
   min-height: 179px;
}
.ttl_main time {
   color: #fff;
   font-family: 'Quicksand', sans-serif;
   font-size: 2rem;
   font-weight: 700;
   display: block;
}
.ttl_main h1 {
   padding-top: 40px;
   font-size: 2.7rem;
   line-height: 4.3rem;
   color: #004650;
   font-weight: 700;
}
p {
   font-size: 1.7rem;
   line-height: 4.4rem;
   font-weight: 400;
}
.inner_detail {
   width: 794px;
   margin: 0 auto;
}
.inner_detail h2 {
   font-size: 2.8rem;
   line-height: 4.4rem;
   color: #fff;
   font-weight: 700;
   background: #4A8B74 url(../img/bg_content02.png) left top repeat;
   background-size: 48px 42px;
   text-align: left;
   padding: 15px 35px;
   letter-spacing: 0.2rem;
}
.inner_detail h3 {
   margin-top: 45px;
   border-top: 4px solid #664842;
   border-bottom: 4px solid #664842;
   font-size: 2.2rem;
   line-height: 5.6rem;
   font-weight: 700;
   color: #004650;
   padding: 0 15px;
}
.inner_detail h3 + p {
   margin-top: 30px;
}
.inner_detail h4 {
   margin-top: 50px;
   font-size: 2.2rem;
   line-height: 5.6rem;
   font-weight: 700;
   color: #004650;
}
figcaption {
   font-size: 1.5rem;
   line-height: 2.4rem;
   margin-top: 10px;
   font-weight: 400;
}
/*1カラム*/
.img_onecolums {
   margin-top: 60px;
}
/*2カラム*/
.img_twocolums {
   margin-top: 68px;
   display: flex;
   justify-content: space-between;
   margin-bottom: 80px;
}
.img_twocolums .l_box, .img_twocolums .r_box {
   width: 384px;
}
.img_twocolums .img img {
   width: 100%;
   height: 256px;
   object-fit: cover;
}
/*リスト*/
.box_contents {
   background: #FFEFBF url(../img/bg_content05.png) left top repeat;
   background-size: 30px;
   margin-top: 60px;
   padding: 40px 50px;
   border-radius: 10px;
}
.box_contents .list li {
   font-size: 1.8rem;
   line-height: 2;
   position: relative;
   padding-left: 20px;
   font-weight: 700;
}
.box_contents .list li + li {
   margin-top: 10px;
}
.box_contents .list li:before {
   position: absolute;
   content: "●";
   color: #004650;
   left: 0;
   top: 3px;
   font-size: 1.4rem;
}
/*下線*/
hr {
   background: url("../img/news/bg_hr.png") left bottom no-repeat;
   width: 100%;
   height: 25px;
   background-size: cover;
   margin-top: 30px;
   border: 0;
}
/*DLボタン*/
.area_download {
   margin-top: 85px;
}
#area_news .area_download .btn a {
   width: 500px;
   height: 80px;
}
#area_news .area_download .btn a:after {
   position: absolute;
   content: "";
   background: url(../img/ico_dl.png) left top no-repeat;
   background-size: 45px;
   width: 45px;
   height: 30px;
   right: 30px;
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   border: none;
}
/*リンク*/
.box_link {
   margin-top: 80px;
}
.box_link .btn_link {
   position: relative;
   display: block;
   padding: 30px 35px;
   text-decoration: none;
   border: 3px solid #FF5C00;
   border-radius: 10px;
}
.box_link .btn_inner:before {
   content: "";
   position: absolute;
   top: 50%;
   left: 35px;
   display: block;
   width: 60px;
   height: 60px;
   background: url(../img/news/ico_link.svg);
   transform: translateY(-50%);
}
.box_link .btn_inner {
   padding-left: 85px;
}
.box_link .inner_txt {
   line-height: 1.8;
   font-size: 2.2rem;
   color: #FF5C00;
   font-weight: 700;
   letter-spacing: 0.1rem;
}
/*吹き出し*/
.box_balloon {
   display: flex;
   justify-content: space-between;
   margin-top: 100px;
}
.box_balloon + .box_balloon {
   margin-top: 40px;
}
.box_balloon .img {
   width: 100px;
   height: 100px;
}
.box_balloon .img img {
   border: 7px solid #004650;
   border-radius: 100%;
   object-fit: cover;
   height: 100%;
}
.box_balloon .txt_box {
   position: relative;
   width: 651px;
   padding: 25px 35px 25px 40px;
   background-color: #004650;
   border-radius: 0 10px 10px 10px;
}
.box_balloon .txt_box:before {
   content: "";
   position: absolute;
   top: 0;
   left: -25px;
   display: block;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 26px 26px 0;
   border-color: transparent #004650 transparent transparent;
}
.box_balloon .txt_box .txt {
   font-size: 1.6rem;
   line-height: 3.4rem;
   color: #fff;
}
/*動画*/
.box_movie {
   position: relative;
   height: 518px;
   margin-top: 100px;
}
.box_movie iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
/*地図*/
.box_map {
   position: relative;
   height: 518px;
   margin-top: 100px;
}
.box_map .map-inner {
   width: 100%;
   height: 100%;
}
.box_map iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.box_map .btn_map {
   position: absolute;
   right: 0;
   bottom: 0;
   display: inline-block;
   height: 38px;
   padding: 0 20px;
   text-decoration: none;
   font-weight: 700;
   font-size: 1.8rem;
   line-height: 38px;
   color: #fff;
   background: #FF5C00;
}
/*最新のお知らせ*/
#area_news_link {
   margin-top: 100px;
}
#area_news_link h2 {
   font-size: 4.6rem;
   font-weight: 700;
   letter-spacing: 0.2rem;
   color: #004650;
   margin-bottom: 45px;
   text-align: center;
}
.inner_news {
   width: 918px;
   margin: 0 auto 100px auto;
}
.news_list li:first-of-type {
   background: url("../img/top/bg_news_list01.png") left bottom no-repeat;
   background-size: 918px;
   position: relative;
   margin-bottom: 10px;
   padding-bottom: 20px;
}
.news_list li:first-of-type:after {
   content: "";
   position: absolute;
   background: url("../img/top/news_ico_bird.png") left top no-repeat;
   background-size: 56px;
   width: 56px;
   height: 42px;
   right: 30px;
   top: -1px;
   -webkit-animation: bird 3s linear infinite;
   -moz-animation: bird 3s linear infinite;
   -ms-animation: bird 3s linear infinite;
   -o-animation: bird 3s linear infinite;
   animation: bird 3s linear infinite;
}
@-webkit-keyframes bird {
   0% {
      -webkit-transform: rotate(-5deg);
   }
   100% {
      -webkit-transform: rotate(0deg);
   }
}
@-moz-keyframes bird {
   0% {
      -moz-transform: rotate(-5deg);
   }
   100% {
      -moz-transform: rotate(0deg);
   }
}
@-ms-keyframes bird {
   0% {
      -ms-transform: rotate(-5deg);
   }
   100% {
      -ms-transform: rotate(0deg);
   }
}
@-o-keyframes bird {
   0% {
      -o-transform: rotate(-5deg);
   }
   100% {
      -o-transform: rotate(0deg);
   }
}
@keyframes bird {
   0% {
      transform: rotate(-5deg);
   }
   100% {
      transform: rotate(0deg);
   }
}
.news_list li {
   background: url("../img/top/bg_news_list02.png") left bottom no-repeat;
   background-size: 918px;
   margin-bottom: 30px;
   padding-left: 10px;
}
.news_list li:last-of-type {
   background: url("../img/top/bg_news_list03.png") left bottom no-repeat;
   background-size: 918px;
   padding-bottom: 20px;
}
.news_list li a {
   position: relative;
   width: 794px;
   display: inline-block;
   padding-bottom: 20px;
}
.news_list li a:hover {
   color: #FF5C00;
}
.news_list li a:after {
   position: absolute;
   content: "";
   width: 0;
   height: 0;
   border-left: 6px solid #FF8D00;
   border-top: 6px solid transparent;
   border-bottom: 6px solid transparent;
   right: 0;
   top: 5px;
}
.news_list time {
   margin-right: 45px;
   letter-spacing: 0.1rem;
}
.inner_news .btn a {
   width: 238px;
   height: 50px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 7px;
   z-index: 1;
}
.ie11 .inner_news .btn a {
   padding-top: 9px;
}
.inner_news .btn a:after {
   position: absolute;
   content: "";
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 6px 6px 6px 0;
   border-color: transparent #fff transparent transparent;
   left: 26px;
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
}
.nav_sub {
   margin-bottom: 200px;
}
@media screen and (max-width:768px) {
   #news_wrap {
      width: 92%;
   }
   #area_news, #area_news_detail {
      padding: 48px 0 100px 0;
      width: 100%;
   }
   #area_news_detail {
      padding-bottom: 50px;
   }
   #area_news .inner {
      width: 100%;
   }
   .news_list li {
      background-position: right bottom;
   }
   .news_list li:first-of-type:after {
      background: url(../img/top/news_ico_bird.png) left top no-repeat;
      background-size: 28px;
      width: 28px;
      height: 21px;
      right: 33px;
      top: inherit;
      bottom: 0px;
   }
   .news_list li a {
      width: 96%;
      padding-bottom: 20px;
      display: flex;
      flex-wrap: wrap;
      line-height: 1.4;
      font-size: 1.4rem;
   }
   .news_list li a:after {
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      right: -3%;
   }
   .news_list time {
      width: 100%;
      margin: 0 0 5px 0;
      font-size: 1.4rem;
   }
   .bg_left {
      width: 4%;
      background-size: 76px, 220px;
   }
   .bg_right {
      width: 4%;
      background-size: 76px, 220px;
   }

 .wp-pagenavi a, .wp-pagenavi span {
    width: 34px;
    height: 28px;
    font-size: 1rem;
    margin-right: 5px;
    padding-top: 3px;
 }

 .wp-pagenavi .previouspostslink {
    width: 37px;
    height: 11px;
    margin-right: 10px;
 }
 .wp-pagenavi .nextpostslink {
   width: 35px;
   height: 11px;
}
 .wp-pagenavi span.current {
    width: 34px;
    height: 28px;

 }
 .wp-pagenavi span.extend {
  font-size: 1rem;
 }
.wp-pagenavi a:nth-child(5),.wp-pagenavi a:nth-child(6),.wp-pagenavi a:nth-child(7),.wp-pagenavi a:nth-child(8),.wp-pagenavi a:nth-child(9),.wp-pagenavi a:nth-child(10),.wp-pagenavi a:nth-child(11) {
  display: none;

 }
   .pager li.cut {
      font-size: 1.2rem;
   }
   .ttl_main {
      background-size: 91px 90px;
      margin-bottom: 23px;
      padding: 9px 0 5px 21px;
      min-height: 90px;
   }
   .ttl_main time {
      font-size: 1.2rem;
   }
   .ttl_main h1 {
      padding-top: 5px;
      font-size: 1.6rem;
      line-height: 3.2rem;
   }
   p {
      font-size: 1.4rem;
      line-height: 2.8rem;
   }
   .inner_detail {
      width: 100%;
      padding: 0 4%;
   }
   .inner_detail h2 {
      font-size: 1.4rem;
      line-height: 2.8rem;
      background-size: 24px 21px;
      padding: 8px 18px;
   }
   .inner_detail h3 {
      margin-top: 22px;
      font-size: 1.4rem;
      line-height: 2.8rem;
      padding: 0 15px;
      border-width: 2px;
   }
   .inner_detail h3 + p {
      margin-top: 15px;
   }
   .inner_detail h4 {
      margin-top: 25px;
      font-size: 1.4rem;
      line-height: 2.8rem;
   }
   figcaption {
      font-size: 1.2rem;
      line-height: 1.8rem;
      margin-top: 5px;
   }
   /*1カラム*/
   .img_onecolums {
      margin-top: 60px;
   }
   /*2カラム*/
   .img_twocolums {
      margin-top: 34px;
      margin-bottom: 40px;
   }
   .img_twocolums .l_box, .img_twocolums .r_box {
      width: 48%;
   }
   .img_twocolums .img img {
      width: 100%;
      height: 200px;
   }
   /*リスト*/
   .box_contents {
      background-size: 15px;
      margin-top: 30px;
      padding: 20px 25px;
   }
   .box_contents .list li {
      font-size: 1.4rem;
      padding-left: 15px;
   }
   .box_contents .list li:before {
      top: 5px;
      font-size: 1rem;
   }
   /*下線*/
   hr {
      background-position: right bottom;
      height: 25px;
      margin-top: 15px;
   }
   /*DLボタン*/
   .area_download {
      margin-top: 42px;
   }
   #area_news .area_download .btn a {
      width: 100%;
      height: 60px;
   }
   /*リンク*/
   .box_link {
      margin-top: 40px;
   }
   .box_link .btn_link {
      padding: 15px 18px;
      text-decoration: none;
   }
   .box_link .btn_inner:before {
      left: 18px;
      width: 30px;
      height: 30px;
   }
   .box_link .btn_inner {
      padding-left: 42px;
   }
   .box_link .inner_txt {
      font-size: 1.4rem;
   }
   /*吹き出し*/
   .box_balloon {
      margin-top: 50px;
   }
   .box_balloon + .box_balloon {
      margin-top: 20px;
   }
   .box_balloon .img {
      width: 50px;
      height: 50px;
   }
   .box_balloon .img img {
      border: 4px solid #004650;
   }
   .box_balloon .txt_box {
      position: relative;
      width: calc(93% - 50px);
      padding: 14px 18px 14px 20px;
   }
   .box_balloon .txt_box:before {
      border-width: 0 10px 10px 0;
      left: -10px;
   }
   .box_balloon .txt_box .txt {
      font-size: 1.4rem;
      line-height: 2.8rem;
   }
   /*動画*/
   .box_movie {
      margin-top: 50px;
      height: 0;
      padding-top: 65.4%;
   }
   /*地図*/
   .box_map {
      margin-top: 25px;
      height: 250px;
   }
   .box_map .btn_map {
      height: 25px;
      padding: 0 10px;
      font-size: 1.2rem;
      line-height: 25px;
      width: auto;
   }
   /*最新のお知らせ*/
   #area_news_link {
      margin-top: 50px;
   }
   #area_news_link h2 {
      font-size: 2.3rem;
      margin-bottom: 22px;
   }
   .inner_news {
      width: 100%;
      padding: 0 4%;
      margin-bottom: 0;
   }
   .news_list li:first-of-type {
      background: url("../img/top/bg_news_list01.png") right bottom no-repeat;
      background-size: 918px;
      margin-bottom: 10px;
      padding-bottom: 20px;
   }
   .news_list li:first-of-type:after {
      background: url("../img/top/news_ico_bird.png") left top no-repeat;
      background-size: 28px;
      width: 28px;
      height: 21px;
      right: 33px;
      top: inherit;
      bottom: 17px;
   }
   .news_list li {
      background: url("../img/top/bg_news_list02.png") right bottom no-repeat;
      background-size: 918px;
   }
   .news_list li:last-of-type {
      background: url("../img/top/bg_news_list03.png") right bottom no-repeat;
      background-size: 918px;
   }
   .news_list li a {
      width: 96%;
      padding-bottom: 20px;
      display: flex;
      flex-wrap: wrap;
      line-height: 1.4;
   }
   .news_list li a:after {
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      right: -3%;
   }
   .news_list time {
      width: 100%;
      margin: 0 0 5px 0;
   }
   #area_news .btn a {
      width: 300px;
      height: 50px;
   }
   #area_news .btn a:after {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 6px 0 6px 6px;
      border-color: transparent transparent transparent #fff;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
   }
   .nav_sub {
      margin-bottom: 100px;
   }
}