/* news top and archive pages */

.p-news {
  margin-top: 12.375rem;
}
@media screen and (min-width: 751px) {
  .p-news {
    margin-top: 7.3125rem;
  }
}

.p-news__inner {
  max-width: 37.5rem;
  padding-top: 3rem;
}
@media screen and (min-width: 751px) {
  .p-news__inner {
    max-width: 59.375rem;
  }
}

.p-news__contents {
  margin-top: 4rem;
}
@media screen and (min-width: 751px) {
  .p-news__contents {
    margin-top: 3.125rem;
  }
}

.p-news__items {
  display: none;
  margin-top: 7rem;
}
@media screen and (min-width: 751px) {
  .p-news__items {
    margin-top: 2.75rem;
  }
}

.p-news__items.all {
  display: block;
}

.p-news__item {
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding-bottom: 3rem;
}
@media screen and (min-width: 751px) {
  .p-news__item {
  border-bottom: none;
  padding-bottom: 0;
  }
}

.p-news__item:not(:first-child) {
  margin-top: 3.0625rem;
}
@media screen and (min-width: 751px) {
  .p-news__item:not(:first-child) {
    margin-top: 1.4375rem;
  }
}

.p-news__link {
  position: relative;
  display: block;
  width: 100%;
}

.p-news__item-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.p-news__item:hover .c-arrow {
  transform: translateX(5px);
}

.p-news__link-head {
  display: flex;
  align-items: center;
}

.p-news__link-head time {
  font-size: 1.625rem;
  letter-spacing: -0.04em;
  font-weight: 300;
  color: #231815;
}
@media screen and (min-width: 751px) {
  .p-news__link-head time {
    font-size: 0.9rem;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.p-news__tag {
  margin-left: 1.1875rem;
  width: auto;
  min-width: 8rem;
  padding: 0.5rem .5rem;
  background-color: #6ab19f;
}
@media screen and (min-width: 751px) {
  .p-news__tag {
    margin-left: 0.71875rem;
    width:auto;
    padding: 0.25rem 1rem 0.35rem;
    min-width: auto;
  }
}

.p-news__item-title {
  position: relative;
  display: inline-block;
  max-width: 100%;
  padding: 1.0625rem 2.1875rem 0.3125rem 0;
  font-size: 1.875rem;
  font-weight:400;
  color: #231815;
  letter-spacing: -0.03em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 751px) {
  .p-news__item-title {
    font-size: 0.9375rem;
    padding: 0.625rem 2.1875rem 0.3125rem 0;
    letter-spacing: normal;
    /* font-weight: 400; */
  }
}

.p-news__item-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #231815;
  transition: width 0.3s ease;
}

.p-news__item:hover .p-news__item-title::after {
  width: 100%;
}

.p-news__btn {
  margin-top: 4.25rem;
  text-align: right;
}
@media screen and (min-width: 751px) {
  .p-news__btn {
    margin-top: 2.0625rem;
  }
}


/* news top and archive pages - pagination */

#pagination {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-top: 4rem;
  padding-bottom: 6rem;
}
#pagination button {
  border: 1px solid #003570;
  background: #fff;
  cursor: pointer;
  border-radius: 50%;
  height: 5rem;
  width: 5rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #003570;
}
#pagination span {
  padding: .9rem .8rem;
  cursor: pointer;
  border-radius: 50%;
  width: auto;
  font-size: 2.1rem;
  color: #6882a7b3;
}
#pagination .active {
  background: #003570;
  color: #fff;
  pointer-events: none;
}

@media screen and (min-width: 751px) {
#pagination button {
  height: 2.5rem;
  width: 2.5rem;
  font-size: 1.1rem;
}
#pagination span {
  padding: .3rem .8rem;
  font-size: 1.2rem;
}
  #pagination {
  padding-bottom: .5rem;
}
}

/* breadcrumb */

.p-breadcrumb__list {
  flex-wrap:wrap;
}



/* news article page */

.p-news-article {
  margin-top: 12.375rem;
}
@media screen and (min-width: 751px) {
  .p-news-article {
    margin-top: 7.3125rem;
  }
}

.p-news-article__inner {
  max-width: 37.5rem;
  padding-top: 1.4rem;
  /* font-weight: 400; */
}
@media screen and (min-width: 751px) {
  .p-news-article__inner {
    max-width: 40rem;
    padding: 0;
  }
}

.p-news-article__contents {
  margin-top: 4rem;
}
@media screen and (min-width: 751px) {
  .p-news-article__contents {
    margin-top: 3.125rem;
  }
}

.p-news-article__time {
  font-size: 1.625rem;
  letter-spacing: -0.04em;
  font-weight: 300;
  color: #231815;
}
@media screen and (min-width: 751px) {
  .p-news-article__time {
    font-size: 0.9375rem;
  }
}

.p-news-article__tag {
  width: auto;
  padding: 0.5rem 1rem;
}
@media screen and (min-width: 751px) {
  .p-news-article__tag {
    width:auto;
    padding: 0.3rem 1rem 0.35rem;
    min-width: auto;
  }
}

.p-news-article__title {
  font-size: 2.5rem;
  color: #231815;
  padding-top: 0.5rem;
  font-weight: 400;
}
@media screen and (min-width: 751px) {
  .p-news-article__title {
    font-size: 0.9375rem;
    padding: 0.2rem 0 0.3125rem 0;
    letter-spacing: normal;
    font-size: 1.35rem;
    line-height: 1.6;
  }
}
.p-news-article__btn {
  margin-top: 4.25rem;
  text-align: right;
}
@media screen and (min-width: 751px) {
  .p-news-article__btn {
    margin-top: 2.0625rem;
  }
}
.p-news-article__time_inner {
  margin-top:1rem;
}
.p-news-article_time {
  font-size: 1.5rem;
  font-weight: 400;
}
.p-news-article__entry {
  font-size: 1.75rem;
  padding-top: 3rem;
  width: 100%;
}
@media screen and (min-width: 751px) {
.p-news-article_time {
  font-size: .9rem;
}
.p-news-article__entry {
  font-size: 1rem;
  padding-top: 1.4rem;
}
.p-news-article__entry p {
  font-size: .865rem;
  /* padding-top: 1.5rem; */
}
}

.p-news-article__entry p {
  line-height:1.7;
  margin-bottom: .7rem;
}
.p-news-article__entry table {
  margin: 2rem auto !important;
  display:block;
}
.p-news-article__entry img {
  margin:auto;
  display:block;
}
@media print, screen and (max-width:750px) {
.p-news-article__entry .pc-view,
.p-news-article__entry .pc-view-inline { 
display:none;
}
}
@media print, screen and (min-width:751px) {
.p-news-article__entry .sp-view,
.p-news-article__entry .sp-view-inline { 
display:none;
}
}
.p-news-article__entry .blue-btn {
  display: block;
  background: #219DD7;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  padding: 1.625rem 0 1.8rem 3rem;
  margin:6rem auto 0;
  width: 100%;
  letter-spacing: 0;
}
.p-news-article__entry .blue-btn_second {
  margin:3rem auto 0;
}
.p-news-article__entry .blue-btn .arrow {
  width: 2rem;
  height: 1.8rem;
  background-image: url("/images/icon-white-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  float: right;
  margin: 0.6rem 1rem 0 0;
}
@media print, screen and (min-width:751px) {
.p-news-article__entry .blue-btn {
  font-size: .9em;
  padding: .625rem 0 .75rem 1.375rem;
  margin: 3rem auto 0;
  width: 20rem;
}
  .p-news-article__entry .blue-btn_second {
    margin: 1.5rem auto 0;
}
.p-news-article__entry .blue-btn .arrow {
  width: .875rem;
  height: .8rem;
  margin: 0.35rem .5rem 0 0;
}
.p-news-article__entry table {
  width: 100% !important;
  display: flex;
}
.p-news-article__entry table img {
  /* width:100%; */
}
}
.p-news-article__info-top {
  display: flex;
  justify-content: center;
  margin-bottom: 10rem;
  margin-top: 4rem;
}
.p-news-article__section-btn--info-top {
  display: block;
  width: 37.5rem;
  background: #e6f6ff;
  color: #1a1a1a;
  font-size: 2rem;
  text-align: center;
  padding: 1.5rem 0;
  border: 1px solid #1a1a1a;
}
@media print, screen and (min-width:751px) {
.p-news-article__section-btn--info-top {
  font-size: 1em;
  padding: 0.7rem 0;
  width:17.5rem;
  letter-spacing: 0.05em;
  }
}
.p-news-article__entry .news-image {
  margin: 6rem auto 7rem;
}
.p-news-article__entry .news-image.news-image_main {
  margin:0 auto;
}
.p-news-article__entry .news-image.news-image_inside {
  margin:5rem auto 0;
}
.p-news-article__entry .news-meta {
  margin-top: 2.4rem;
}
.p-news-article__entry .news-meta__item {
  padding-top: 0.5rem;
  line-height: 1.6;
  font-size: 1.75rem;
}
.p-news-article__entry .news-section__title {
  border-left:5px solid #36BDEF;
  padding:0 1.2rem 0.4rem;
  margin-top:4rem;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 600;
}
.p-news-article__entry .news-section__content {
  margin-top:1.4rem;
}
.p-news-article__entry .news-box__title,
.p-news-article__entry h1 {
  background-color:#e3f3fc;
  font-size:2rem;
  padding:1.8rem;
  margin-top: 4rem;
  font-weight: 700;
}
.p-news-article__entry .news-text {
  margin-top:2rem;
}
.p-news-article__entry {
  overflow-wrap: break-word;
}
.p-news-article__entry a {
  text-decoration:underline;
  color:#0094d6;
}
.news-section__list {
  margin:3.125rem 0 3.5rem;
}
.list-blue-circle {
  margin-top:.75rem;
  display: flex;
  align-items: center;
}
.list-blue-circle::before {
  content:"";
  width:2rem;
  height:2rem;
  background-color:#36BDEF;
  border-radius:50%;
  margin-right: .5rem;
  display: inline-block;
}
.voice-point-list__blue-dot {
  padding: 0 0 2rem 0;
  margin-top: 4rem;
}
.voice-point-list__blue-dot__point {
  position:relative;
  padding: 0 2rem .5rem 2.75rem;
  display:block;
}
.voice-point-list__blue-dot__point::before {
  content:"";
  width:2rem;
  height:2rem;
  background-color:#36BDEF;
  border-radius:50%;
  margin-right:.75rem;
  position:absolute;
  top: .625rem;
  left:0;
}
.p-news-article__entry .news-section__title__info {
  margin-top:8rem;
}
@media print, screen and (min-width:751px) {
.p-news-article__entry .news-image {
  margin: 3.9rem auto 5rem;
  max-width: 27rem;
}
.p-news-article__entry h1 {
  font-size: 1.27rem;
  padding: 1rem 1.2rem;
  margin-top: 3rem;
}
.p-news-article__entry .news-meta__item {
  padding-top: 0;
  line-height: 1.7;
  font-size: .95rem;
}
.p-news-article__entry .news-box__title {
  font-size: 1.27rem;
  padding: 1rem 1.2rem;
  margin-top: 2.25rem;
}
.p-news-article__entry .news-section__title {
  padding:0 0 0.2rem 0.7rem;
  margin-top:2.2rem;
  font-size: 1.125rem;
  border-left:4px solid #36BDEF;
  line-height: 1.1;
}
.p-news-article__entry .news-section__title__info {
  margin-top:5rem;
}
.p-news-article__entry .news-section__content {
  margin-top:1.1rem;
}
.p-news-article__entry .news-text {
  font-size:.9em;
  line-height: 1.8;
  margin-top: 1rem;
}
.news-section__list {
  margin:2.125rem 0 2.5rem;
}
.voice-point-list {
  font-size:.95rem;    
  }
.voice-point-list__blue-dot {
  padding: 0 0 1rem 0;
  margin-top: 2.25rem;
}
.voice-point-list__blue-dot__point {
  padding: 0 .5rem 0 1.25rem;
  display: inline-block;
}
.voice-point-list__blue-dot__point::before {
  width:1rem;
  height:1rem;
  top:0.25rem;
}
.list-blue-circle::before {
  width:1rem;
  height:1rem;
  margin-right: 0.25rem;
}
.p-news-article__entry .news-image.news-image_inside {
  margin:3rem auto 0;
}
}

/* Pager */
.p-news-article__pager {
  max-width: 39.5rem;
  padding-top: 1.2rem;
  display: flex;
  justify-content: space-between;
  margin: 6rem auto 0;
  font-size: 1.8rem;
}
.p-news-article__pager .pull-left {
  border-bottom: .2rem solid #6cb7e8;
  padding: 0 2rem 1rem 4rem;
  position: relative;
}
.p-news-article__pager .pull-right {
  border-bottom: .2rem solid #6cb7e8;
  padding: 0 4rem 1rem 3rem;
  position: relative;
}
.p-news-article__pager .pull-left::after,
.p-news-article__pager .pull-right::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 1.25rem;
}
.p-news-article__pager .pull-left::after {
  left:0;
  background-image: url("/images/icon-black-arrow-left.svg");
}
.p-news-article__pager .pull-right::after {
  right: 0;
  background-image: url("/images/icon-black-arrow-right.svg");
}
@media print, screen and (min-width:751px) {
.p-news-article__pager  {
  font-size: 1.1rem;
  margin-top: 3.4rem;
}
  .p-news-article__pager .pull-left,
  .p-news-article__pager .pull-right {
    font-size: .925rem;
        line-height: 1;
        border-bottom: .125rem solid #6cb7e8;
}
.p-news-article__pager .pull-left::after,
.p-news-article__pager .pull-right::after {
  width: .85rem;
  height: .85rem;
  bottom: 0.425rem;
}
.p-news-article__pager .pull-left {
          padding: 0 1rem 0.5rem 2rem;
}
.p-news-article__pager .pull-right {
  padding: 0 2.3rem 0.5rem 1rem;
}
.p-news-article__info-top {
  margin-bottom: 5rem;
  margin-top: 2rem;
}
}

/* Bottom Open Campus Banners  */

.p-news-btm-banners{
  padding-bottom: 8rem;
}
.p-news-btm-banners__title{
  text-align:center;
  margin-top:8.4rem;
  font-size:2.5rem;
  letter-spacing:-0.1rem;
  font-weight:100;
}
.p-news-btm-banners .p-banner-top {
  margin-top:1.5rem;
}
.swiper-pagination-bullet,
.p-banner-top__swiper-pagination .swiper-pagination-bullet-active {
  display:none;
}
@media print, screen and (min-width:751px) {
  .p-news-btm-banners{
    padding-bottom: 5rem;
    margin-top: 1.25rem;
  }
  .p-news-btm-banners__title { 
    margin-top:.34rem;
    font-size:1.26rem;
  }
  .p-news-btm-banners .p-banner-top {
    margin-top:1rem;
  }
  .swiper-pagination-bullet,
  .p-banner-top__swiper-pagination .swiper-pagination-bullet-active {
    display:inline-block;
  }
}


/* voice management personal history  */

.voice-personal_history-section {
  /* padding: 0.5rem 0; */
  margin-top: 3rem;
}
.voice-personal_history-box {
  border: 2px solid #35bdf0;
  background: #fff;
  margin-bottom: 2.5rem;
  padding: 1.6rem 2rem 1.25rem;
  box-sizing: border-box;
  position: relative;
}
.voice-personal_history-box:not(:last-child)::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: -2.75rem;
  transform: translateX(-50%);
  width: 0;
  height: 2.75rem;
  border-left: 2px solid #26baf1;
  z-index: 1;
}
.voice-personal_history-title {
  font-size: 2.125rem;
  font-weight: 600;
  margin: 0 0 0.7rem 0;
  line-height: 1;
}
.p-news-article__entry .voice-personal_history-year {
  font-size: 2.125rem;
  font-weight: 500;
  margin: .3rem 0 1rem 0;
  color: #222;
  line-height: 1;
}
.voice-personal_history-content {
  font-size: 1.8rem;
  color: #444;
  margin: 1rem 0 0;
  line-height: 1.8;
  font-weight: 500;
}
@media print, screen and (min-width:751px) {
  .voice-personal_history-section {
    margin-top: 1.2rem;
    padding-bottom: 1rem;
  }
  .voice-personal_history-box {
    padding: 1.2rem 1rem;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.125rem;
  }
  .voice-personal_history-title {
    font-size: 1.125rem;
    margin: 0;
  }
  .voice-personal_history-year {
    font-size: 1.35rem;
    margin-bottom: 0.3rem;
  }
  .p-news-article__entry .voice-personal_history-content {
    font-size: 1rem;
    margin: .5rem 0 0;
    width: 100%;
  }
  .voice-personal_history-box:not(:last-child)::after {
    bottom: -1.25rem;
    height: 1.25rem;
    border-left-width: 2px;
  }
.p-news-article__entry .voice-personal_history-year {
  font-size: 1.125rem;
  margin: 0 1.5rem 0 0;
}
}