@charset "UTF-8";
.con-news-detail .wrap-news-detail { max-width: 1280px; margin-inline: auto; width: calc(100% - 160px); }
@media (max-width: 1439px) { .con-news-detail .wrap-news-detail { width: 96%; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-news-detail .wrap-news-detail { width: 92%; } }
@media (max-width: 767px) { .con-news-detail .wrap-news-detail { width: 89.6%; } }

.con-news-list { max-width: 1120px; margin-inline: auto; width: calc(100% - 320px); }
@media (max-width: 1439px) { .con-news-list { width: 96%; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-news-list { width: 92%; } }
@media (max-width: 767px) { .con-news-list { width: 89.6%; } }

/*Animate */
/* ----------------------------------------------------------- .con-news-list お知らせ一覧
----------------------------------------------------------- */
.con-news-list { margin-top: 160px; margin-bottom: 240px; }
@media (min-width: 768px) and (max-width: 1024px) { .con-news-list { margin-bottom: 160px; } }
@media (max-width: 767px) { .con-news-list { margin-top: 40px; margin-bottom: 80px; } }
.con-news-list .list-news { display: flex; flex-direction: column; gap: 16px; }
.con-news-list .list-news .item-news a { display: block; background-color: rgba(255, 255, 255, 0.3); border-radius: 4px; border: 1px solid #fff; box-shadow: 0 4px 20px 8px rgba(204, 204, 204, 0.5); padding: 40px; position: relative; }
@media (max-width: 767px) { .con-news-list .list-news .item-news a { padding: 32px 24px; } }
.con-news-list .list-news .item-news a:after { content: ""; position: absolute; right: 0; bottom: 16px; background: url(../images/common/icon-arrow-base.svg) center center no-repeat; background-size: 8px 16px; border-left: 1px dashed rgba(51, 51, 51, 0.5); width: 38px; height: 16px; }
@media (min-width: 1025px) { .con-news-list .list-news .item-news a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-news-list .list-news .item-news a:hover { border: 1px solid #DEDEDE; box-shadow: none; } }
.con-news-list .list-news .item-news a .date { font-family: "Outfit", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; color: #888; font-size: 1.5rem; line-height: 1; margin-bottom: 8px; }
@media (max-width: 767px) { .con-news-list .list-news .item-news a .date { font-size: 1.3rem; } }
.con-news-list .list-news .item-news a .title { line-height: 1.5; font-weight: 500; font-size: 2rem; }
@media (max-width: 767px) { .con-news-list .list-news .item-news a .title { font-size: 1.6rem; } }
.con-news-list .page-nav { width: 100%; margin: 160px auto 0; }
@media (min-width: 768px) and (max-width: 1024px) { .con-news-list .page-nav { margin: 120px auto 0; } }
@media (max-width: 767px) { .con-news-list .page-nav { margin: 64px auto 0; } }
.con-news-list .page-nav .wrp-pagenavi { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; gap: 40px; }
@media (max-width: 767px) { .con-news-list .page-nav .wrp-pagenavi { gap: 2em; } }
.con-news-list .page-nav a, .con-news-list .page-nav span { font-size: 1.8rem; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-family: "Outfit", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; line-height: 1; position: relative; display: inline-block; }
.con-news-list .page-nav a:after, .con-news-list .page-nav span:after { content: ""; background-color: #2B2B2B; width: 0; height: 1px; position: absolute; bottom: -8px; left: 0; }
@media (max-width: 767px) { .con-news-list .page-nav a, .con-news-list .page-nav span { font-size: 1.6rem; } }
.con-news-list .page-nav .prev svg { display: inline-block; transform: scale(-1, 1); }
.con-news-list .page-nav .current { color: #2E4282; }
.con-news-list .page-nav .current:after { width: 100%; }
.con-news-list .page-nav .prev, .con-news-list .page-nav .next { margin-top: 5px; }
@media (min-width: 1025px) { .con-news-list .page-nav .prev:hover svg, .con-news-list .page-nav .next:hover svg { fill: #2E4282; } }
.con-news-list .page-nav .prev svg, .con-news-list .page-nav .next svg { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; width: 16px; fill: #888; }
@media (min-width: 1025px) { .con-news-list .page-nav .page { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-news-list .page-nav .page:hover { color: #2E4282; } }

/* ----------------------------------------------------------- .con-news-detail  お知らせ詳細
----------------------------------------------------------- */
.con-news-detail { padding: 240px 0 160px; }
@media (min-width: 768px) and (max-width: 1024px) { .con-news-detail { padding: 160px 0; } }
@media (max-width: 767px) { .con-news-detail { padding: 80px 0; } }
@media (min-width: 768px) { .con-news-detail .wrap-news-detail { display: flex; justify-content: space-between; align-items: flex-start; } }
.con-news-detail .wrap-news-detail .item-link a { display: flex; justify-content: flex-end; align-items: center; gap: 0 16px; }
@media (min-width: 1025px) { .con-news-detail .wrap-news-detail .item-link a:hover .arrow img { transform: scale(1.5); } }
@media (max-width: 767px) { .con-news-detail .wrap-news-detail .item-link a { justify-content: center; } }
.con-news-detail .wrap-news-detail .item-link .txt { letter-spacing: 0.08em; line-height: 1; }
.con-news-detail .wrap-news-detail .item-link .arrow { width: 80px; height: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; }
.con-news-detail .wrap-news-detail .item-link .arrow img { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; display: inline-block; width: 16px; }
.con-news-detail .wrap-news-detail .item-link .arrow svg { position: absolute; top: 0; left: 0; animation: rotateAnimation 5s linear infinite; width: 100%; height: 100%; }
@keyframes rotateAnimation { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
@media (min-width: 1025px) { .con-news-detail .wrap-news-detail .item-link.left { width: 30%; padding-right: 5%; }
  .con-news-detail .wrap-news-detail .item-link.left a { justify-content: flex-start; }
  .con-news-detail .wrap-news-detail .item-link.left a:hover .arrow img { transform: scale(-1.5, 1.5); } }
@media (max-width: 1024px) { .con-news-detail .wrap-news-detail .item-link.left { display: none; } }
.con-news-detail .wrap-news-detail .item-link.left .arrow img { transform: scale(-1, 1); }
@media (min-width: 1025px) { .con-news-detail .wrap-news-detail .box-news-detail { width: 70%; } }
.con-news-detail .wrap-news-detail .box-news-detail .date { font-family: "Outfit", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; line-height: 1; font-size: 1.5rem; color: #888; margin-bottom: 24px; }
@media (max-width: 767px) { .con-news-detail .wrap-news-detail .box-news-detail .date { font-size: 1.3rem; margin-bottom: 16px; } }
.con-news-detail .wrap-news-detail .box-news-detail h1 { font-family: "Shippori Mincho", serif; font-weight: 500; font-style: normal; line-height: 1.2; letter-spacing: 0.08em; font-size: 4rem; }
@media (max-width: 767px) { .con-news-detail .wrap-news-detail .box-news-detail h1 { font-size: 2.4rem; } }
.con-news-detail .wrap-news-detail .box-news-detail .inner-news-detail { background-color: #fff; padding: 80px; margin-top: 40px; }
@media (min-width: 768px) and (max-width: 1024px) { .con-news-detail .wrap-news-detail .box-news-detail .inner-news-detail { padding: 64px; } }
@media (max-width: 767px) { .con-news-detail .wrap-news-detail .box-news-detail .inner-news-detail { padding: 32px; margin-top: 24px; } }
.con-news-detail .wrap-news-detail .box-news-detail .inner-news-detail .txt { display: flex; flex-direction: column; gap: 1em; line-height: 2; }
.con-news-detail .wrap-news-detail .box-news-detail .inner-news-detail .txt strong { font-size: 2rem; }
.con-news-detail .wrap-news-detail .box-news-detail .inner-news-detail .img { margin-top: 72px; }
@media (max-width: 767px) { .con-news-detail .wrap-news-detail .box-news-detail .inner-news-detail .img { margin-top: 40px; } }
.con-news-detail .wrap-news-detail .box-news-detail .item-link { margin-top: 64px; }
@media (max-width: 767px) { .con-news-detail .wrap-news-detail .box-news-detail .item-link { margin-top: 40px; } }