/*===========================================================
          page_view_container
  ===========================================================*/
/* #region */
.page_view_container h1{background:linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,.6)100%),url(/images/news_photo_1.webp) no-repeat center / cover;}
/* #endregion */
/*===========================================================
          contents_view_container
  ===========================================================*/
/* #region */
.contents_view_container::before{background:linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,.6)100%),url(/images/news_photo_1.webp) no-repeat center / cover;}
/* #endregion */
/*===========================================================
          news_container
  ===========================================================*/
/* #region */
.news_container{position:relative;width:100vw;padding:var(--spaceLarge) var(--spaceNormal);}
/* ------ news_list ------ */
.news_list{background:var(--bgWhite);padding:var(--spaceMedium) var(--spaceNormal);border-radius:0 var(--braMedium) 0 var(--braMedium);}
.news_list li{border-top:var(--lineGray) solid 1px;}
.news_list li:last-of-type{border-bottom:var(--lineGray) solid 1px;}
.news_list a{display:flex;flex-direction:column;padding:var(--spaceNM) 0;}
.news_list h2{margin-top:3vw;font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsMedium);line-height:var(--lhMedium);order:2;}
.news_list p{display:flex;align-items:center;order:1;}
.news_list p > time{width:25vw;font-family:var(--RiftSoft);font-size:var(--RiftFsMedium);}
.news_list p > span{width:16vw;padding:1.8vw 0 .9vw;text-align:center;font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsSmall);border-radius:var(--braSmall);}
span.column{background:var(--bgYellow)!important;}
span.blog{background:var(--bgBlue)!important;}
span.news{background:var(--bgGreen)!important;}
span.info{background:var(--bgGreen)!important;}
/* #endregion */
/*===========================================================
          news_detail_container
  ===========================================================*/
/* #region */
.news_detail_container{position:relative;width:100vw;padding:var(--spaceLarge) 0;}
.news_detail_container img{position:relative;width:88vw;height:55vw;margin:0 auto;border-radius:var(--braSmall);object-fit:cover;z-index:1;}
/* ------ new_detail_wrap ------ */
.news_detail_wrap{background:var(--bgWhite);margin-top:-10vw;padding:10vw var(--spaceNormal) var(--spaceMedium);border-radius:0 var(--braMedium) 0 var(--braMedium);}
.news_detail_wrap img{margin-top:var(--spaceMedium);}
.news_detail_container p{color:var(--textGray);line-height:var(--lhHuge);}
.news_detail_container p:nth-of-type(1){margin-top:var(--spaceMedium);}
.news_detail_container p:nth-of-type(n+2){margin-top:var(--spaceNM);}
/* #endregion */


@media(min-width:768px){
/*===========================================================
          news_container
  ===========================================================*/
/* #region */
/* ------ news_list ------ */
.news_list a{gap:5vw;flex-direction:row;align-items:flex-start;padding:var(--spaceNormal) 0;}
.news_list h2{margin-top:0;}
.news_list p > time{width:17vw;}
.news_list p > span{width:9vw;padding:1vw 0 .6vw;}
/* #endregion */
/*===========================================================
          news_detail_container
  ===========================================================*/
/* #region */
.news_detail_container img{width:90vw;height:40vw;}
/* ------ news_detail_wrap ------ */
.news_detail_wrap{margin-top:-10vw;padding:10vw var(--spaceMedium) var(--spaceMedium);}
.news_detail_wrap img{width:100%;margin-top:var(--spaceNM);}
.news_detail_container p:nth-of-type(1){margin-top:var(--spaceNM);}
.news_detail_container p:nth-of-type(n+2){margin-top:var(--spaceNormal);}
.news_detail_container a{text-decoration: underline;text-decoration-color: var(--lineBlack);display: inline-block;transition: color .25s linear, text-decoration-color .25s linear;}
.news_detail_container a:hover{color: var(--textYellow);text-decoration-color: var(--lineYellow);}
/* #endregion */
}


@media(min-width:1025px){
/*===========================================================
          news_container
  ===========================================================*/
/* #region */
.news_container{padding:var(--spaceLarge) var(--spaceMedium);}
/* ------ news_list ------ */
.news_list{padding:var(--spaceNM) var(--spaceMedium);}
.news_list a{gap:3vw;padding:var(--spaceTiny) 0;}
.news_list p > time{width:8vw;}
.news_list p > span{width:5vw;padding:.5vw 0 .3vw;}
/* ------ linkbtn_wrap ------ */
.linkbtn_wrap{padding:var(--spaceNormal) 0 var(--spaceNM);}
.linkbtn_wrap .linkbtn_a{width:24vw;}
/* #endregion */
/*===========================================================
          news_detail_container
  ===========================================================*/
/* #region */
.news_detail_container{padding:var(--spaceLarge) var(--spaceMedium);}
.news_detail_container img{width:72vw;height:24vw;}
/* ------ news_detail_wrap ------ */
.news_detail_wrap{margin-top:-6vw;padding:6vw var(--spaceMedium) var(--spaceMedium);}
/* #endregion */
}


/*===========================================================
          post_link_container
  ===========================================================*/
.post_link_container {
  width: 90%;
  margin: auto;
  margin-top: var(--spaceNM);
  display: grid;
  grid-template-columns: repeat(2,1fr);
  column-gap: 10vw;
}
.post_link_box:nth-of-type(2) {
  display: flex;
  justify-content: flex-end;
}
.post_link_container span {
  margin-bottom: 1.2vw;
}
.post_link_container a {
  text-decoration: underline;
  line-height: 1.5;
  transition: color .25s linear;
}
@media(min-width:1025px){
  .post_link_container a:hover{color:var(--textYellow);}
}
@media(max-width:767px){
  .post_link_container {
    font-size: var(--IBMPFsSmall);
    line-height: var(--lhMedium);
  }
}


