/*--------------------
news.css
--------------------*/

.l-news_detail-mv{
  padding:2.0rem 0;
  background:#1a1a1a;
}
.l-news_detail-mv-back{
  max-width:100%;
  width:100%;
  margin:0 auto;
  padding:0 4.5rem;
}
.l-news_detail-mv-title{
  
}
.l-news_detail-breadcrumbs{
  display:block;
  text-align: right;
  font-size:0;
}
.l-news_detail-breadcrumbs li{
  display: inline-block;
  vertical-align: middle;
  padding-right: 1.5rem;
  text-align: left;
  color: #FFFFFF;
  
  font-size: clamp(10px, 1.2rem, 12px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.l-news_detail-breadcrumbs li:last-of-type{
  padding-right: 0;
}
.l-news_detail-breadcrumbs li a{
  text-align: left;
  color: #FFFFFF;
  
  font-size: clamp(10px, 1.2rem, 12px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.1em;
}


@media screen and (max-width: 767.5px) {
  .l-news_detail-mv{
    padding:2.0rem 0;
    background:#1a1a1a;
  }
  .l-news_detail-mv-back{
    max-width:100%;
    width:100%;
    margin:0 auto;
    padding:0 4.5rem;
  }
  .l-news_detail-mv-title{

  }
  .l-news_detail-breadcrumbs{
    display:block;
    text-align: left;
    font-size:0;
  }
  .l-news_detail-breadcrumbs li{
    display: inline-block;
    vertical-align: middle;
    padding-right: 1.5rem;
    text-align: left;
    color: #FFFFFF;

    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  .l-news_detail-breadcrumbs li:last-of-type{
    padding-right: 0;
  }
  .l-news_detail-breadcrumbs li a{
    text-align: left;
    color: #FFFFFF;

    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
}


.l-block01{
  padding:10.5rem 0 8.5rem;
  background:#f2f2f2;
}
.l-block01-inner{
  max-width:calc(1000px + 10.0rem);
  width:100%;
  margin:0 auto;
  padding:0 5.0rem;
}
.l-block01-block{
  
}
.l-block01-block-date{
  text-align: left;  
  color:#000000;
  
  font-size:clamp(12px, 1.4rem, 14px);
  font-weight:400;
  line-height:1.75;
  letter-spacing: 0.05em;
}
.l-block01-block-date span{
  font-family: "lemon", 'Noto Sans JP', sans-serif;
  font-style: normal;
  margin-top: 1.5rem;
  margin-right: 0.5rem;
  display: inline-block;
  vertical-align: middle;
  background: #666666;
  border-radius: 1.5rem;
  padding: 0.3rem 2.8rem;
  text-align: center;
  color: #FFFFFF;
  
  font-size: clamp(11px, 1.3rem, 13px);
  font-weight: 400;
  line-height: 2.0;
  letter-spacing: 0.05em;
}
.l-block01-block-date span.type02{
  margin-right: 1.8rem;
}
.l-block01-block > h1{
  padding-top:5.5rem;
  padding-bottom:4.0rem;
  text-align: left;  
  color:#000000;
  
  font-size:clamp(19px, 2.6rem, 26px);
  font-weight:700;
  line-height:1.75;
  letter-spacing: 0.05em;
}
.l-block01-block-content{
  padding:5.0rem 0 6.0rem;
  border-top:1px solid #1a1a1a;
}
.l-block01-block-content p{
  padding-top:5.5rem;
  text-align: left;  
  color:#000000;
  
  font-size:clamp(14px, 1.6rem, 16px);
  font-weight:400;
  line-height:1.75;
  letter-spacing: 0.05em;
}
.l-block01-block-content p:first-of-type{
  padding-top:0;
}
.l-block01-block-content img{
  max-width:100%;
  width:auto;
}


@media screen and (max-width: 767.5px) {
  .l-block01{
    padding:10.5rem 0 8.5rem;
    background:#f2f2f2;
  }
  .l-block01-inner{
    max-width:100%;
    width:100%;
    margin:0 auto;
    padding:0 3.0rem;
  }
  .l-block01-block{

  }
  .l-block01-block-date{
    text-align: left;  
    color:#000000;

    font-size:2.4rem;
    font-weight:400;
    line-height:1.75;
    letter-spacing: 0.05em;
  }
  .l-block01-block-date span{
    font-family: "lemon", 'Noto Sans JP', sans-serif;
    font-style: normal;
    margin-top: 1.5rem;
    margin-right: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    background: #666666;
    border-radius: 2.5rem;
    padding: 0.2rem 5.6rem;
    text-align: center;
    color: #FFFFFF;

    font-size: 2.4rem;
    font-weight: 400;
    line-height: 2.0;
    letter-spacing: 0.05em;
  }
  .l-block01-block-date span.type02{
    margin-right: 1.8rem;
  }
  .l-block01-block > h1{
    padding-top:5.5rem;
    padding-bottom:4.0rem;
    text-align: left;  
    color:#000000;

    font-size:3.8rem;
    font-weight:700;
    line-height:1.75;
    letter-spacing: 0.05em;
  }
  .l-block01-block-content{
    padding:5.0rem 0 6.0rem;
    border-top:1px solid #1a1a1a;
  }
  .l-block01-block-content p{
    padding-top:5.5rem;
    text-align: left;  
    color:#000000;

    font-size:2.6rem;
    font-weight:400;
    line-height:1.75;
    letter-spacing: 0.05em;
  }
  .l-block01-block-content p:first-of-type{
    padding-top:0;
  }
  .l-block01-block-content img{
    max-width:100%;
    width:auto;
  }
}


.l-block02{
  background:#f2f2f2;
}
.l-block02-inner{
  max-width:calc(1600px + 10.0rem);
  width:100%;
  margin:0 auto;
  padding:0 5.0rem 7.5rem;
}
.l-block02-box{
  border-radius:4.5rem;
  background:#FFFFFF;
  padding:10.0rem 5.0rem 10.5rem;
}
.l-block02-box-wrapper{
  max-width:1230px;
  width:100%;
  margin:0 auto;
}
.l-block02-box-table{
  width:100%;
  display:table;
  padding:0 1.5rem;
}
.l-block02-box-table > div{
  width:50%;
  display:table-cell;
  vertical-align: bottom;
}
.l-block02-box-table-left{
  text-align: left;
}
.l-block02-box-table-left > span{
  display: block;
  text-align: left;
  color: #1a1a1a;
  
  font-size: clamp(24px, 3.2rem, 32px);
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.l-block02-box-table-left > h2{
  display: block;
  text-align: left;
  color: #1a1a1a;
  
  font-size: clamp(14px, 1.6rem, 16px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.l-block02-box-table-right{
  text-align: right;
}
.l-block02-box-block{
  display: block;
  text-align: left;
  font-size: 0;
  padding-top: 4.5rem;
}
.l-block02-box-block-list{
  display: inline-block;
  width: calc((100% - 6.0rem) / 3);
  vertical-align: top;
  margin-right: 3.0rem;
}
.l-block02-box-block-list:nth-of-type(3n) {
  margin-right: 0;
}
.l-block02-block-list-box {
  display: block;
}
.l-block02-box-block-list picture{
  display: block;
  overflow: hidden;
  border-radius:1.0rem;
}
.l-block02-box-block-list picture img{
  width: 100%;
  transition: all .3s ease-out;
}
.l-block02-box-block-list a:hover picture img{
  transform: scale(1.1);
}
.l-block02-block-list-box-table{
  margin: 2.0rem auto 0;
  width: calc(100% - 4.0rem);
  display: table;
}
.l-block02-block-list-box-table > p {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}
.l-block02-block-list-box-table-left span {
  display: inline-block;
  background: #666666;
  border-radius: 2.5rem;
  padding: 0.5rem 2.0rem;
  text-align: center;
  color: #FFFFFF;
  
  font-size: clamp(12px, 1.4rem, 14px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.l-block02-block-list-box-table-right {
  text-align: right;
  color: #1a1a1a;
  
  font-size: clamp(12px, 1.4rem, 14px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.l-block02-block-list-box > p {
  padding: 1.5rem 2.0rem 0;
  text-align: left;
  color: #1a1a1a;
  font-size: clamp(14px, 1.6rem, 16px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0em;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.l-block02-box-wrapper > .l-common-btn{
  display:none !important;
}


@media screen and (max-width: 767.5px) {
  .l-block02{
    background:#f2f2f2;
  }
  .l-block02-inner{
    max-width:100%;
    width:100%;
    margin:0 auto;
    padding:0 3.0rem 4.5rem;
  }
  .l-block02-box{
    border-radius:4.5rem;
    background:#FFFFFF;
    padding:5.0rem 5.0rem 5.0rem;
  }
  .l-block02-box-wrapper{
    max-width:100%;
    width:100%;
    margin:0 auto;
  }
  .l-block02-box-table{
    width:100%;
    display:block;
    padding:0 1.5rem;
  }
  .l-block02-box-table > div{
    width:50%;
    display:table-cell;
    vertical-align: bottom;
  }
  .l-block02-box-table-left{
    text-align: left;
  }
  .l-block02-box-table-left > span{
    display: block;
    text-align: left;
    color: #1a1a1a;
    
    font-size: 4.2rem;
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
  .l-block02-box-table-left > h2{
    display: block;
    text-align: left;
    color: #1a1a1a;
    
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .l-block02-box-table-right{
    display:none !important;
  }
  .l-block02-box-block{
    display: block;
    text-align: left;
    font-size: 0;
    padding-top: 0;
    padding-bottom: 6.0rem;
  }
  .l-block02-box-block-list{
    display: block;
    width: 100%;
    vertical-align: top;
    margin-right: 0;
    padding-top: 6.0rem;
  }
  .l-block02-box-block-list:nth-of-type(3n) {
    margin-right: 0;
  }
  .l-block02-block-list-box {
    display: block;
  }
  .l-block02-box-block-list picture{
    display: block;
    overflow: hidden;
    border-radius:1.0rem;
  }
  .l-block02-box-block-list picture img{
    width: 100%;
    transition: all .3s ease-out;
  }
  .l-block02-box-block-list a:hover picture img{
    transform: scale(1.1);
  }
  .l-block02-block-list-box-table{
    margin: 2.0rem auto 0;
    width: 100%;
    display: table;
  }
  .l-block02-block-list-box-table > p {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
  }
  .l-block02-block-list-box-table-left span {
    display: inline-block;
    background: #666666;
    border-radius: 2.5rem;
    padding: 0.5rem 3.0rem;
    text-align: center;
    color: #FFFFFF;
    
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .l-block02-block-list-box-table-right {
    text-align: right;
    color: #1a1a1a;
    
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .l-block02-block-list-box > p {
    padding: 1.5rem 2.0rem 0;
    text-align: left;
    color: #1a1a1a;
    
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0em;
    
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }  
  .l-block02-box-wrapper > .l-common-btn{
    display:block !important;
  }
}




@media screen and (max-width: 767.5px) {
  
}


@media screen and (max-width: 767.5px) {
  
}