@charset "utf-8";

.main_nav{
  /*position: fixed;*/
  /*z-index: 100;*/
  /*top: 30px;*/
  /*left: 30px;*/
  right: 30px;
  flex-wrap: nowrap;
  justify-content:space-between;
  align-items:center;
}
.main_nav--ltem{
  /*padding: 10px 30px;*/
  padding: 0;
  /*margin: 10px;*/
  /*text-align: center;*/
}
.main_nav--ltem:hover{/*opacity:0.8*/;}
.main_nav--ltem:nth-child(1){animation:none;}
.main_nav--ltem:nth-child(2){animation:none;}
.main_nav--ltem:nth-child(3){animation:none;}
.main_nav--ltem:nth-child(4){animation:none;}
.main_nav--ltem:nth-child(5){animation:none;}
.main_nav--ltem:nth-child(6){animation:none;}
.main_nav--ltem:nth-child(7){animation:none;}
@keyframes slide_up1{
  /*0%,50%{opacity:0;transform:translateY(30px);}*/
  /*100% {opacity:1;transform:translateY(0);}*/
}
@keyframes slide_up2{
  /*0%,55%{opacity:0;transform:translateY(30px);}*/
  /*100% {opacity:1;transform:translateY(0);}*/
}
@keyframes slide_up3{
  /*0%,60%{opacity:0;transform:translateY(30px);}*/
  /*100% {opacity:1;transform:translateY(0);}*/
}
@keyframes slide_up4{
  /*0%,65%{opacity:0;transform:translateY(30px);}*/
  /*100% {opacity:1;transform:translateY(0);}*/
}
@keyframes slide_up5{
  /*0%,70%{opacity:0;transform:translateY(30px);}*/
  /*100% {opacity:1;transform:translateY(0);}*/
}
@keyframes slide_up6{
  /*0%,75%{opacity:0;transform:translateY(30px);}*/
  /*100% {opacity:1;transform:translateY(0);}*/
}
@keyframes slide_up7{
  /*0%,80%{opacity:0;transform:translateY(30px);}*/
  /*100% {opacity:1;transform:translateY(0);}*/
}
#togglenav{/*display: none;*/}
.menuBtn{/*display: none;*/}
.togglenav-btn{
  /*cursor: pointer;*/
  /*position: absolute;*/
  /*top: 10px;*/
  /*left: 10px;*/
  left:initial;
  right: 10px;
/*  z-index: 200;*/
  /*width: 50px;*/
  /*height: 50px;*/
  /*border-radius:25px;*/
  /*color: #333;*/
  /*background-color: #fff;*/
  background-color:none;
  /*-webkit-transition: background-color .6s, -webkit-transform .6s;*/
  /*transition: background-color .6s, transform .6s;*/
}
.hamburger__line{
  /*position: absolute;*/
  /*left: 12.5px;*/
  /*width: 25px;*/
  /*height: 2px;*/
  /*border-radius:1px;*/
  /*background-color: #333;*/
  /*transition: all 0.6s;*/
}
.hamburger__line--1{/*top:18px*/}
.hamburger__line--2{/*top:25px*/}
.hamburger__line--3{/*top:32px*/}
#togglenav:checked + .menuBtn .togglenav-btn .hamburger__line--2{
  /*opacity: 0;*/
}
#togglenav:checked + .menuBtn .togglenav-btn .hamburger__line--1{
  /*transform: translate(0,7px) rotate(45deg);*/
}
#togglenav:checked + .menuBtn .togglenav-btn .hamburger__line--3{
  /*transform: translate(0,-7px) rotate(-45deg);*/
}

@media screen and (max-width: 800px) {
  .menuBtn{display:block;z-index:100;}
  .main_nav--list{
    /*display:none;*/
  }
  #togglenav:checked ~ .main_nav--list{
    /*display:block;*/
    /*margin-top:50px;*/
    /*background:#fff;*/
    background:none;
  }
  .main_nav{
    /*top:0;*/
    /*left:0;*/
    right:0;
    /*display:block;*/
    align-items:flex-start;
  }
  .main_nav--ltem{padding: 10px 30px;}
  .main_nav--ltem:nth-child(n){
    /*animation:none;transform:none;*/
  }
}

.header_logo{
  position: relative;
  /*width: 250px;*/
  width: 220px;
  /*height: 250px;*/
  height: 40px;
  /*margin:  0 auto;*/
  margin: 0;
  /*background-image: url("../img/logo.svg");*/
  /*background-size: contain;*/
  /*background-repeat: no-repeat;*/
  /*background-position: center;*/
  /*animation:slide_up 3s;*/
  animation:none;
}
.header_logo a{
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .header_logo{
    width: 130px;
    margin:10px;
  }
}


.wrapper{
  width:100%;
  max-width: 1000px;
  min-height: 80vh;
  margin-top:100px;
  margin-bottom:50px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}
.news_title-wrap{
  padding-top:50px;
  padding-bottom: 50px;
}
.news_title{
  font-size: 30px;
  font-weight: 500;
  color:#f1a900;
}
.news_category-name{
  display:inline-block;
  font-size: 14px;
  color:#555;
  border:1px solid;
  padding:2px 10px;
  margin:5px;
}
figure img {
  width: 100%; /* 画像がラッパーの幅いっぱいに表示される */
  height: auto; /* 画像の縦横比を維持 */
  object-fit: cover; /* 画像をラッパーにピッタリと収まるようにする */
}