.sub main { margin-top:-350px; }

.sub .key   {
    aspect-ratio: 96 / 55;
    overflow-y: visible;
}

.key:before   {
    background-image: url(../images/key_bg_pc.webp);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;
    top: 0;
    left: 0;
}

body.sub   {
    background-image: url(../images/body_bg_pc.webp);
}

.sub .key .key_balloon    {
    position: absolute;
    width: 25vw;
    height: auto;
    top: 29.84vw;
    left: 19.27vw;
    animation: sec3img1 2s ease-in-out infinite alternate;
}

.sub .key .key_robot    {
    position: absolute;
    width: 8.9vw;
    height: auto;
    top: 29.83vw;
    left: 59.86vw;
    transform: rotate(-25deg);
}

.sub .key .keytext  {
    position: absolute;
    top: 29vw;
    width: min(31vw,500px);
}

.sub main section ul{
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
  border: none;
  flex-direction:initial;
  justify-content:initial;
}
.sub main ul li:not(.circle_button,.button)::before{
	display:none;
}
.sub main section ul.newsnav{
	flex-wrap:wrap;
	margin:0;
}
.sub main section ul.list__year{
	margin:0 0 20px;
}
.sub main ul li:not(.circle_button,.button) {
	padding:0;
}
.sub main ul.newsnav li{
	padding:0 15px;
	margin:0 5px 10px;
	border-radius:20px;
	border:1px solid #666;
	text-align:center;
}
.sub main ul.list__year li{
	padding:0 15px;
	margin:0 5px 10px;
	border-radius:20px;
	border:1px solid #666;
	text-align:center;
}

.sub main ul.news-archive-list__content__tag li{
	width:90%;
	padding:8px 15px;
	margin:0 auto;
}
.youtube{
	width:100%;
	margin:40px auto 0;
}
.youtube iframe{
	width:100%;
	aspect-ratio:16 / 9;
}
.photo{
	margin:40px auto 0;
}
.photo img{
	width:auto;
	max-width:100%;
}
.pdfLink{
	display:inline-flex;
	align-items:center;
	gap:10px;
	text-decoration:none;
}

.pdfLink img{
	width:48px;
	height:auto;
}

@media screen and (max-width: 834px)    {
    .sub .key   {
        aspect-ratio: 40 / 49;
        overflow-y: visible;
    }
    
    .key:before   {
        background-image: url(../images/key_bg_sp.webp);
    }
    
    .sub .key .key_balloon    {
        width: 40vw;
        left: 12.5vw;
        top: 70.89vw;
    }
    
    .sub .key .key_robot    {
        transform: rotate(0);
        width: 18.6vw;
        top: 36.5vw;
        left: 75vw;
    }
    
    .sub .key .keytext  {
        top: 77.61vw;
        left: 12.5vw;
        width: 75vw;
    }
}