:root{
  --p_spacer: calc(var(--p_spacer_base) * 4 / 6);
}

/**********************************************************************/
/* お知らせ
/**********************************************************************/

section.news{

}
section.news .super{

}
section.news .wrapper{
  gap: 6vw;
}
section.news .heading{
  white-space: nowrap;
  margin-bottom: 3em;
}
@media screen and (max-width: 1600px){
  section.news .wrapper{
    gap: 2vw;
  }
}
@media screen and (max-width: 1280px){
  section.news .wrapper{
    gap: 3em;
    flex-direction: column;
  }
  section.news .bodying{
    padding-inline: 0;
  }
}
@media screen and (max-width: 520px){
  section.news .wrapper{
    gap: 2em;
    flex-direction: column;
  }
  section.news .heading{
    margin-bottom: 2em;
  }
  section.news .heading .title{
    font-size: 7vw;
  }
}

/*--------------------------------------------------------------------*/
/* bodying */
section.news .bodying{
  flex-grow: 1;
}
section.news .bodying .list{
  border-top: 1px solid var(--c_border);
}
section.news .bodying .list li{
  padding: 1.75em 0;
  border-bottom: 1px solid var(--c_border);
}
section.news .bodying .list li a{
  display: block;
}
section.news .bodying .list li .item{
  padding: 1em 0;
}
section.news .bodying .list li .item .the_time{
  transform: translate(0, 10%);
  padding-right: 3em;
  min-width: 8em;
}
section.news .bodying .list li .item .icon{
  width: 2.32em;
	height: 1.375em;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='13.444'%20height='6.402'%20viewBox='0%200%2013.444%206.402'%3E%3Cpath%20d='M681.291,1592.708h11.634l-5.122-5.122'%20transform='translate(-681.291%20-1587.055)'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right top 45%;
	background-size: 1em auto;
	background-color: transparent;
	border-radius: 10em;
	margin-left: auto;
  min-width: 4em;
}
@media screen and (max-width: 720px){
  section.news .bodying{
    padding-inline: 0;
  }
  section.news .bodying .list li{
    padding-block: 1em;
  }
  section.news .bodying .list li .item{
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    grid-template-areas: 
    "the_time the_time"
    "the_title icon";
  }
  section.news .bodying .list li .item .the_time{
    grid-area: the_time;
  }
  section.news .bodying .list li .item .the_title{
    grid-area: the_title;
  }
  section.news .bodying .list li .item .icon{
    grid-area: icon;
    display: none;
  }
}
@media screen and (max-width: 520px){
  section.news .bodying .list li{
    padding-block: .75em;
  }
  section.news .bodying .list li .item{
    padding-block: .5em;
  }
}