@charset "UTF-8";
/* ---------------------------------------
  CSR活動報告
-----------------------------------------*/
#sec_report {
  padding: 7rem 0 3rem;
}
@media screen and (max-width: 767px) {
#sec_report {
    padding: 5rem 0 2rem;
  }
}
#sec_report h2.ttl {
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.4666666667;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
 #sec_report .ttl {
    font-size: 2.4rem;
    line-height: 1.4583333333;
    margin-bottom: 1.6rem;
  }
}
#sec_report .wrap {
    width: 800px;
    align-items: center;
}
@media screen and (max-width: 767px) {
    #sec_report .wrap {
        width: 100%;
    }
}
#sec_report .txt_wrap img {
    width: 100%;
    margin-bottom: 2rem;
}
#sec_report .block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 4rem auto;
}
#sec_report .txt_wrap.float-l {
   width: 480px;
}
#sec_report .img {
  width: 480px;
  position: relative;
  z-index: 1;
  margin-right: 3rem;
}
#sec_report .text {
   margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
	#sec_report .block {
	 display: block;
	}
	#sec_report .txt_wrap.float-l {
	 width: 100%;
     margin-right: 0;
	}
	#sec_report .img {
	 width: 100%;
	 margin: 1rem 0;
}
}

/* sec_archive
--------------------------------*/
#sec_archive .bg {
    background-color: #F1F1E6;
    padding: 5rem 0;
}
#sec_archive .wrap {
  width: 800px;
}
@media screen and (max-width: 767px) {
    #sec_archive .wrap {
        width: 100%;
    }
}
#sec_archive h3.ttl_sub {
  font-weight: 700;
  font-size: 26px;
  padding-bottom: 1rem;
  border-bottom: solid 1px #BC1E21;
  margin-bottom: 2rem;
}
#sec_archive h3.ttl_sub span{
 font-size: 20px;
}

#sec_archive .archive_box {
 display: flex;
 flex-wrap: wrap;
 padding: 0;
}
#sec_archive .archive_item {
 width: 33.333%;
 padding: 2.5rem;
}
#sec_archive .archive_item img {
 width: 100%;
}
#sec_archive .bt_report {
 margin-top: 1rem;
 text-align: center;
 width: 100%;
}
#sec_archive .bt_report a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #BC1E21;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0;
    padding: 1rem 2rem;
    border: 1px solid #BC1E21;
    transition: 0.3sease;
    will-change: color, background-color;
    background: #fff;
    width: 100%;
}
#sec_archive .bt_report a:hover {
    background: #BC1E21;
    color: #fff;
}
#sec_archive .bt_report a::after {
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../img/common/ico_arw.svg);
    margin-left: 1.6rem;
    transition: background-image 0.3s ease;
    will-change: background-image;
}
#sec_archive .bt_report a:hover::after {
    background-image: url(../img/common/ico_arw_white.svg);
}
#sec_archive .report_link {
 font-size: 1.8rem;
 color: #BC1E21;
 text-decoration: underline;
 margin: 10px 0 20px;
}
#sec_archive .gallery_box {
    border: solid 5px #cdcdcd;
    padding: 3rem;
    margin: 3rem 2rem;
}
@media screen and (max-width: 767px) {
    #sec_archive .gallery_box {
      padding: 3rem;
    }
}
#sec_archive .gallery_box .title {
    width: 100%;
    margin: 0 0 3rem;
    font-size: 16px;
}
#sec_archive .large {
    font-size: 24px;
    font-weight: 600;
}
#sec_archive .gallery-grid {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}
#sec_archive .gallery-grid img {
    width: 100%;
    max-width: 140px; /* 画像の最大幅を設定 */
    height: auto;
}

@media screen and (max-width: 767px) {
    #sec_archive .archive_item {
     width: 100%;
    }
    #sec_archive .gallery-grid img {
     max-width: 100%;
  }
}

#sec_archive .report_link a[target=_blank]::after {
 content: "";
 display: inline-block;
 width: 1.5rem;
 height: 2rem;
 background-repeat: no-repeat;
 background-position: center;
 background-size: contain;
  background-image: url(../img/report/icon_pdf.svg) ;
  margin-left: 5px;
}