@media screen and (max-width: 767.9px) {
/* SPの際にバーガーメニューの子カテゴリを縦に並べる */
.header-popup-menu__second-list {display: block;margin-top: -0.2em;}
.header-popup-menu__second-list li.header-popup-menu__second-list__item{margin-bottom: 0.6em;}
}


/* SPの際にバーガーメニューの子カテゴリを縦に並べる */
.caution-term {background-color:rgba(255, 255, 208, 0.2);padding:0.6rem;border-radius:6px;text-align:center;}
@media screen and (max-width: 940px) {
.caution-term {text-align: left;}
}

/* text-align */
.pc-tl {text-align: left}.pc-tc {text-align: center}.pc-tr {text-align: right}
@media only screen and (max-width:767.9px) {.sp-tl {text-align: left}.sp-tc {text-align: center} .sp-tr {text-align: right}}
.idt-1 {padding-left: 1.0rem;text-indent: -1.0rem;}
.idt-2 {padding-left: 1.6rem;text-indent: -1.6rem;}
.idt-3 {padding-left: 3rem;text-indent: -3rem;}


.body-team .staff-grid__article__job__title {
    left: 0;
    border-radius: 10px 0 10px 0;
    border-top: 0;
    border-left: 0;
}

/* intro-reserve */
.doui-sub-txt {
    font-size: 14px;
    padding:0.4em 0 0 2.2em;
}

/* NEWS */
.is-gray {
  background-color:rgba(250, 250, 250, 1.0);
  margin: 4em 0;
}
.news-list{
  list-style: none outside;
  margin: 0;
  padding: 0;
}
.news-list .item a{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #e0e0e0;
  padding: 2em 20px;
}
.news-list .item:first-child a{
  border-top: 1px solid #e0e0e0;
}
.news-list .item .date{
  margin: 0;
  min-width: 140px;
  font-size: 16px;
  color: #999;
  padding: 0 20px 0 0;
}
.news-list .item .category{
  margin: 0;
  min-width: 140px;
  padding: 0 20px 0 0;
}
.news-list .item .category span{
  border-radius: 10px;
  background: rgba(42, 115, 68, 1.00);
  color: #fff;
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1;
}
.news-list .item .title{
  margin: 0;
  width: 100%;
}
.news-list .item a:hover .title{
  /* color: #00F; */
  opacity: 0.8;
}

@media screen and (max-width: 767px){
.news-list .item a{
  flex-wrap: wrap;
}
.news-list .item .date{
  min-width: 100px;
}
.news-list .item .title{
  margin-top: 10px;
}
}