/*------------------------------------------------------
News配下 共通
------------------------------------------------------*/

.news_wrap{
  width: 1400px;
  max-width: 80%;
  margin: 100px auto 144px;
}

.news_ttl{
  margin-bottom: 72px;
}

.news_ttl h1{
  font-size: 64px;
  line-height: 6.4rem;
  margin-bottom: 16px;
  letter-spacing: 0.4rem;
}

.news_ttl p{
  font-size: 18px;
  font-weight: 300;
  color: #333;
}


/*---------- sp ----------*/

@media (max-width: 899px){

  .news_wrap{
    width: 90%;
    max-width: 90%;
    margin: 72px auto;
  }

  .news_ttl{
    margin-bottom: 56px;
  }

  .news_ttl h1{
    font-size: 56px;
    line-height: 5.6rem;
    margin-bottom: 12px;
    letter-spacing: 0;
  }

  .news_ttl p{
    font-size: 18px;
    font-weight: 500;
    color: #777;
  }
}


/*------------------------------------------------------
Release一覧
------------------------------------------------------*/

.release_wrap{
  width: 100%;
}

.release_wrap ul li{
  display: flex;
  padding: 16px 24px 24px;
  border-bottom: solid #999 1px;
  margin-top: 8px;
}

.release_date{
  margin-right: 40px;
  color: #999;
}

.release_tag{
  width: 120px;
  min-width: 120px;
  height: 26px;
  border: solid 1px #999;
  text-align: center;
  margin-right: 40px;
  font-size: 1.4rem;
}

.release_wrap ul li a{
  transition: opacity 0.3s ease;
}

.release_wrap ul li a:hover{
  opacity: 0.6;
}

.release_item.is-hidden {
  display: none;
}

.release_pager {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 64px;
}

.release_pager li {
  cursor: pointer;
  color: #999;
  font-size: 14px;
  padding-bottom: 4px;
}

.release_pager li.pager-active {
  color: #000;
  border-bottom: 1px solid #000;
  pointer-events: none;
}

.release_pager li.dots {
  color: #999;
  pointer-events: none;
}


/*---------- sp ----------*/

@media (max-width: 899px){
  .release_wrap{
    width: 100%;
  }
  
  .release_wrap ul li{
    display: block;
    padding: 16px 8px ;
    border-bottom: solid #999 1px;
    margin-top: 8px;
  }
  
  .release_date{
    margin-right: 0;
    color: #999;
    margin-bottom: 4px;
  }
  
  .release_tag{
    width: 120px;
    min-width: 120px;
    height: 26px;
    border: solid 1px #999;
    text-align: center;
    margin-right: 0;
    margin-bottom: 12px;
    font-size: 1.4rem;
  }
  
  .release_wrap ul li a{
    transition: none;
  }
  
  .release_wrap ul li a:hover{
    opacity: none;
  }
  
  .release_item.is-hidden {
    display: none;
  }
  
  .release_pager {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 64px;
  }
  
  .release_pager li {
    cursor: pointer;
    color: #999;
    font-size: 14px;
    padding-bottom: 4px;
  }
  
  .release_pager li.pager-active {
    color: #000;
    border-bottom: 1px solid #000;
    pointer-events: none;
  }
  
  .release_pager li.dots {
    color: #999;
    pointer-events: none;
  }
}





/*------------------------------------------------------
Release詳細
------------------------------------------------------*/
.release_flex{
  display: flex;
}

.release_center{
  text-align: center;
}

.release_right{
  text-align: right;
}

.release_detail h1{
  margin: 16px 0 40px;
  font-size: 24px;
  line-height: 4.0rem;
}

.release_cont h2{
  margin-bottom: 12px;
  font-weight: 600;
}

.release_cont h3{
  font-weight: 600;
}

.release_detail .release_date{
  margin-right: 16px;
}

.release_cont p{
  margin-bottom: 48px;
}

.release_cont p span{
  font-weight: 600;
}

.release_cont p span a{
  font-weight: 400;
}

.release_cont a{
  border-bottom: solid #999 1px;
  transition: opacity 0.3s ease;
}

.release_cont a:hover{
  opacity: 0.6;
}

.release_cont p img{
  width: 80%;
  max-width: 810px;
  margin: 0 auto;

}

.release_cont .release_flex img{
  width: 48%;
  gap: 4%;
}

.release_cont ul li {
  margin-bottom: 4px;
}

.release_cont ul li h3::before{
  content: "・";
}

.release_cont ul li div{
  padding-left: 16px;
}

.release_cont ol li {
  margin-bottom: 4px;
}
.release_cont ol li div {
  padding-left: 12px;
}

/*製品詳細*/

table.release_product_info{
  width: 100%;
  margin-bottom: 40px;
}

table.release_product_info tr{
  border-bottom: solid #999 1px;
}

table.release_product_info tr th,
table.release_product_info tr td{
  padding: 12px;
  text-align: left;
}

table.release_product_info tr th{
  width: 30%;
  min-width: 300px;
  padding-left: 64px;
}

/*会社情報*/
.release_cont table{
  width: 100%;
  margin-bottom: 40px;
}

.release_cont table tr th,
.release_cont table tr td{
  text-align: left;
}

.release_cont table tr th{
  width: 150px;
  vertical-align: top;
}

.r_cap{
  display: block;
  font-size: 14px;
  margin-top: 8px;
  text-align: center;
}

/*---------- sp ----------*/

@media (max-width: 899px){
  .release_flex{
    display: block;
  }
  
  .release_detail h1{
    margin: 16px 0 32px;
    font-size: 20px;
    line-height: 3rem;
  }
  
  .release_detail .release_date{
    margin-right: 0;
  }
  
  .release_cont h2{
    margin-bottom: 12px;
    font-weight: 600;
  }
  
  .release_cont p{
    margin-bottom: 40px;
  }
  
  .release_cont a{
    border-bottom: solid #999 1px;
    transition: none;
  }
  
  .release_cont a:hover{
    opacity: none;
  }
  
  .release_cont p img{
    width: 100%;
    max-width: 100%;
    margin: 0;
  
  }
  
  .release_cont .release_flex img{
    width: 100%;
    gap: 0;
    margin-bottom: 16px;
  }
  
  /*製品詳細*/
  
  table.release_product_info{
    width: 100%;
    margin-bottom: 24px;
    font-size: 14px;
  }
  
  table.release_product_info tr{
    border-bottom: solid #999 1px;
  }
  
  table.release_product_info tr th{
    padding: 8px 0 8px 8px;
    text-align: left;
    width: 18%;
    min-width: 100px;
    vertical-align: top;
  }

  table.release_product_info tr td{
    padding: 8px 8px 8px 0;
    text-align: left;
  }
  
  /*会社情報*/
  .release_cont table{
    width: 100%;
    margin-bottom: 40px;
  }
  
  .release_cont table tr th,
  .release_cont table tr td{
    text-align: left;
  }
  
  .release_cont table tr th{
    width: 128px;
    vertical-align: top;
  }
}





/*------------------------------------------------------
Pick up 一覧
------------------------------------------------------*/

.pu_wrap{
  width: 100%;
}

.pu_wrap ul{
  display: flex;
  flex-wrap: wrap;
  gap: 3.5%;
  margin-top: 8px;
}

.pu_wrap ul li{
  width: 31%;
  margin-bottom: 56px;
}

.pu_wrap ul li img{
  margin-bottom: 16px;
}

.pu_flex{
  display: flex;
}

.pu_date{
  color: #999;
}

.pu_tag{
  width: 120px;
  min-width: 120px;
  height: 26px;
  border: solid 1px #999;
  text-align: center;
  margin-left: auto;
  font-size: 1.4rem;
}

.pu_text{
  margin-top: 12px;
}

.pu_wrap ul li a{
  transition: opacity 0.3s ease;
}

.pu_wrap ul li a:hover{
  opacity: 0.6;
}

.pu_item.is-hidden {
  display: none;
}

.pu_pager {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 64px;
}

.pu_pager li {
  cursor: pointer;
  color: #999;
  font-size: 14px;
  padding-bottom: 4px;
}

.pu_pager li.pager-active {
  color: #000;
  border-bottom: 1px solid #000;
  pointer-events: none;
}

.pu_pager li.dots {
  color: #999;
  pointer-events: none;
}


/*---------- sp ----------*/

@media (max-width: 899px){
  .pu_wrap{
    width: 100%;
  }
  
  .pu_wrap ul{
    display: block;
    flex-wrap: nowrap;
    gap: 0;
    margin-top: 0;
  }
  
  .pu_wrap ul li{
    width: 100%;
    margin-bottom: 40px;
  }
  
  .pu_wrap ul li img{
    margin-bottom: 12px;
    width: 100%;
  }
  
  .pu_flex{
    display: flex;
  }
  
  .pu_date{
    color: #999;
  }
  
  .pu_tag{
    width: 120px;
    min-width: 120px;
    height: 26px;
    border: solid 1px #999;
    text-align: center;
    margin-left: auto;
    font-size: 1.4rem;
  }
  
  .pu_text{
    margin-top: 12px;
  }
  
  .pu_wrap ul li a{
    transition: none;
  }
  
  .pu_wrap ul li a:hover{
    opacity: none;
  }
  
  .pu_item.is-hidden {
    display: none;
  }
  
  .pu_pager {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 64px;
  }
  
  .pu_pager li {
    cursor: pointer;
    color: #999;
    font-size: 14px;
    padding-bottom: 4px;
  }
  
  .pu_pager li.pager-active {
    color: #000;
    border-bottom: 1px solid #000;
    pointer-events: none;
  }
  
  .pu_pager li.dots {
    color: #999;
    pointer-events: none;
  }
}





/*------------------------------------------------------
Pick up詳細
------------------------------------------------------*/

.pu_detail h1{
  margin: 16px 0 40px;
  font-size: 24px;
  line-height: 4.0rem;
}

.pu_detail .pu_date{
  margin-right: 16px;
}

.pu_detail .pu_tag{
  margin-left: 16px;
}

.pu_cont h2{
  margin-bottom: 12px;
  font-weight: 600;
}

.pu_cont p{
  margin-bottom: 48px;
}

.pu_cont a{
  border-bottom: solid #999 1px;
  transition: opacity 0.3s ease;
}

.pu_cont a:hover{
  opacity: 0.6;
}

.pu_cont p img{
  width: 80%;
  max-width: 810px;
  margin: 0 auto;

}

.pu_cont .pu_flex{
  display: flex;
  gap: 4%;
}

.pu_cont .pu_flex img{
  width: 48%;
  gap: 4%;
}

.pu_cont iframe{
  display: block;
  margin: 0 auto;
}


/*---------- sp ----------*/

@media (max-width: 899px){
  .pu_detail h1{
    margin: 16px 0 32px;
    font-size: 20px;
    line-height: 3.0rem;
  }

  .pu_detail .pu_flex{
    display: block;
  }
  
  .pu_detail .pu_date{
    margin-right: 0;
    margin-bottom: 4px;
  }
  
  .pu_detail .pu_tag{
    margin-left: 0;
  }
  
  .pu_cont h2{
    margin-bottom: 12px;
    font-weight: 600;
  }
  
  .pu_cont p{
    margin-bottom: 48px;
  }
  
  .pu_cont a{
    border-bottom: solid #999 1px;
    transition: opacity 0.3s ease;
  }
  
  .pu_cont a:hover{
    opacity: 0.6;
  }
  
  .pu_cont p img{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }

  .pu_cont .pu_flex{
    display: block;
  }
  
  .pu_cont .pu_flex img{
    width: 100%;
    margin-bottom: 16px;
  }

  .pu_cont iframe{
    width: 100%;
    display: block;
    margin: 0 auto;
  }
}