@charset "UTF-8";

/* コンテンツ共通
-------------------------------------------*/
.area-safety365days-initiative-sec .inner{
  padding: 0 16px;
}


/*パンくず幅調整*/
@media (min-width: 768px) {
.nav-breadcrumb {
  margin: 0 auto;
  padding: 14px 16px;
  max-width: 1184px;
  width: auto;
}
}

@media (min-width: 768px) {
.area-safety365days-initiative-sec .inner{
  max-width: 960px;
  margin: 0 auto;
  padding: 0 10px;
}
}

.area-safety365days-initiative-sec h1{
  font-size: clamp(1.7rem, 1.293rem + 1.95vw, 3rem);
  line-height: 1.46;
  letter-spacing: 0.04em;
  font-weight: bold;
}

.area-safety365days-initiative-sec h2{
  font-size: clamp(1.4rem, 1.034rem + 1.56vw, 2.8rem);
  line-height: 1.45;
  letter-spacing: 0.04em;
  font-weight: bold;
}

.area-safety365days-initiative-sec h3{
  font-size: clamp(1.4rem, 1.034rem + 1.4vw, 2.4rem);
  line-height: 1.45;
  letter-spacing: 0.04em;
  font-weight: bold;
}

.area-safety365days-initiative-sec * + h3 {
  margin-top: 25px;
}

.area-safety365days-initiative-sec h2 + .sec-txt {
  margin-top: 20px;
}

.area-safety365days-initiative-sec .sec-txt{
  font-size: clamp(1.344rem, 1.25rem + 0.4vw, 1.6rem);
  line-height: 1.8;
  letter-spacing: 0.04em;
}

/*画像キャプション追加*/
.area-safety365days-initiative-sec figcaption{
  font-size: clamp(1.275rem, 1.229rem + 0.2vw, 1.6rem);
  line-height: 1.8;
  letter-spacing: 0.04em;
  margin-top: 10px;
  color: #000;
}

/*画像100％指定*/
.area-safety365days-initiative-sec .img-w-100per{
  width: 100%;
}

.area-safety365days-initiative-sec-detail{
  border-bottom: 1px solid #BCBCBC;
}

@media (max-width: 767px) {
  .area-safety365days-initiative-sec-detail{
    border-bottom: none;
  }
}

/*テキスト内外部リンク設定*/
.area-safety365days-initiative-sec .txt-link-window{
  display: inline-block;
  color: #000000;
  transition: all 0.3s ease;
  margin-right: 5px;
}

.area-safety365days-initiative-sec a,
.area-safety365days-initiative-sec a:visited{
  color: #000;
  transition: all 0.3s ease;
}

.area-safety365days-initiative-sec a:hover,
.area-safety365days-initiative-sec a:focus{
  color: #CC0033;
}

.area-safety365days-initiative-sec a.txt-link,
.area-safety365days-initiative-sec a.pdf-link{
  color: #093475;
}

.area-safety365days-initiative-sec a.txt-link:hover,
.area-safety365days-initiative-sec a.txt-link:focus,
.area-safety365days-initiative-sec a.pdf-link:hover,
.area-safety365days-initiative-sec a.pdf-link:focus{
  color: #055be6;
  text-decoration: none;
}


.area-safety365days-initiative-sec .txt-link-window:hover,
.area-safety365days-initiative-sec .txt-link-window:focus{
  color: #CC0033;
}

.area-safety365days-initiative-sec .pdf-link::after {
  background: url(/area/images/area-safety365days-initiative/article/ico_pdf.svg) no-repeat center center / contain;
  content: "";
  display: inline-block;
  width: 24px;
  height: 12px;
  margin-left: 2px;
}

.area-safety365days-initiative-sec .txt-link-window .icon-txt-link-window-image{
  display: inline-block;
  margin-left: 3px;
}

.area-safety365days-initiative-sec .txt-link-window .icon-txt-link-window-image .txt-link-window-image{
  vertical-align: baseline;
  width: 0.8em;
  height: 0.8em;
}

/*Youtube挿入*/
.area-safety365days-initiative-sec .video-iframe-wrap iframe{
  width: 100%;
  aspect-ratio: 16 / 9;
}

.area-safety365days-initiative-sec .list-cmn-download p{
  margin-top: 0;
}

/* area-safety365days-initiative-sec-ttl-sec
-------------------------------------------*/
.area-safety365days-initiative-sec-ttl-sec{
  background: #F3F3F3;
  padding: 45px 0 65px;
}

.area-safety365days-initiative-sec-ttl-sec .sec-ttl-inner{
  padding: 0 16px;
}

@media (min-width: 768px) {
  .area-safety365days-initiative-sec-ttl-sec .sec-ttl-inner{
    max-width: 1132px;
    margin: 0 auto;
}
}

/* area-safety365days-initiative-sec-detail-wrap
-------------------------------------------*/
/*レイアウト指定*/
@media (min-width: 768px) {
  .area-safety365days-initiative-sec-detail .area-safety365days-initiative-sec-detail-wrap .area-safety365days-initiative-sec-view-area{
    padding-bottom: 100px;
    border-bottom: 1px solid #BCBCBC;
  }
}

@media (max-width: 767px) {
  .area-safety365days-initiative-sec-detail .area-safety365days-initiative-sec-detail-wrap .area-safety365days-initiative-sec-view-area{
    margin-top: 20px;
    padding: 25px 0;
  }

  .area-safety365days-initiative-sec-detail .area-safety365days-initiative-sec-detail-wrap .area-safety365days-initiative-sec-img-col{
    margin-top: 30px;
  }

  .area-safety365days-initiative-sec-detail .area-safety365days-initiative-sec-detail-wrap .area-safety365days-initiative-sec-detail-content{
    margin-top: 20px;
  }

}


/* area-safety365days-initiative-sec-view-area
-------------------------------------------*/

.area-safety365days-initiative-sec-view-area .area-safety365days-initiative-sec-view-wrap .view-ttl{
  margin-top: 38px;
  margin-bottom: 10px;
}

.area-safety365days-initiative-sec-view-area .area-safety365days-initiative-sec-view-wrap .view-txt{
  margin-top: 0;
  margin-bottom: 25px;
  font-size: clamp(1.25rem, 1.049rem + 0.86vw, 1.8rem);
  line-height: 1.8;
  letter-spacing: 0.04em;
  font-weight: bold;
}

.nav-view-list-links > li.nav-view-list-item{
  border-bottom: 1px solid #BCBCBC;
  position: relative;
}

.nav-view-list-links > li.nav-view-list-item::after {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/area/safety365days/initiative/images/ico_arrow_01.svg) no-repeat 0 0 / contain;
  position: absolute;
  right: 0;
  top: calc(50% - 12px);
}

.nav-view-list-links > li.nav-view-list-item + li.nav-view-list-item{
  margin-top: 15px;
}

.nav-view-list-links .nav-view-anchor-link{
  display: block;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  font-size: clamp(1.344rem, 1.25rem + 0.4vw, 1.6rem);
  line-height: 1.5;
  letter-spacing: 0.04em;
  transition: all 0.3s ease;
  position: relative;
}

.nav-view-list-links .nav-view-anchor-link:hover,
.nav-view-list-links .nav-view-anchor-link:focus{
  color: #CC0033;
}

@media (min-width: 768px) {
  .area-safety365days-initiative-sec-view-area .area-safety365days-initiative-sec-view-wrap{
    display: flex;
    column-gap: 40px;
  }

  .area-safety365days-initiative-sec-view-area .area-safety365days-initiative-sec-view-wrap .view-col{
    width: calc((100% - 40px) / 2);
    margin-top: 38px;
  }

  .area-safety365days-initiative-sec-view-area .area-safety365days-initiative-sec-view-wrap .area-safety365days-initiative-sec-nav-area{
    width: calc((100% - 40px) / 2);
  }

  .nav-view-list-links .nav-view-anchor-link{
    padding: 10px 50px 10px 0;
  }
}

@media (max-width: 767px) {
  .nav-view-list-links .nav-view-anchor-link{
    padding: 10px 30px 10px 0;
  }

  .area-safety365days-initiative-sec-view-area .area-safety365days-initiative-sec-view-wrap .view-col{
    margin-top: 30px;
  }
}


/* area-safety365days-initiative-sec-detail-sec
-------------------------------------------*/
.area-safety365days-initiative-sec-detail-sec,
.area-safety365days-initiative-sec-detail-sec-mid{
  border-bottom: 1px solid #BCBCBC;
}

.area-safety365days-initiative-sec-detail-sec .img-col,
.area-safety365days-initiative-sec-detail-sec-mid .img-col2{
  display: flex;
  justify-content: center;
  width: 100%;
}

.area-safety365days-initiative-sec-detail-sec .img-col2 > .img-col {
  display: block;
}

.area-safety365days-initiative-sec-detail-sec .img-col2.center,
.area-safety365days-initiative-sec-detail-sec-mid .img-col2.center{
  justify-content: center;
}

.area-safety365days-initiative-sec-detail-sec h2,
.area-safety365days-initiative-sec-detail-sec h3
.area-safety365days-initiative-sec-detail-sec-mid h2,
.area-safety365days-initiative-sec-detail-sec-mid h3{
  margin-bottom: 25px;
}

.area-safety365days-initiative-sec-detail-sec.border-none,
.area-safety365days-initiative-sec-detail-sec-mid.border-none{
  border: none;
}

@media (min-width: 768px) {
  .area-safety365days-initiative-sec-detail-sec,
  .area-safety365days-initiative-sec-detail-sec-mid{
    margin-top: 50px;
    padding-bottom: 50px;
  }

  .area-safety365days-initiative-sec-detail-sec:first-child {
    margin-top: 0;
  }

  .area-safety365days-initiative-sec-detail-sec .img-col img,
  .area-safety365days-initiative-sec-detail-sec-mid .img-col img{
    max-width: 100%;
  }

  .area-safety365days-initiative-sec-detail-sec .img-col2,
  .area-safety365days-initiative-sec-detail-sec-mid .img-col2{
    column-gap: 14px;
  }

  .area-safety365days-initiative-sec-detail-sec p,
  .area-safety365days-initiative-sec-detail-sec-mid p{
    margin-top: 30px;
  }

  .area-safety365days-initiative-sec-detail-sec p + p,
  .area-safety365days-initiative-sec-detail-sec-mid p + p{
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .area-safety365days-initiative-sec-detail-sec,
  .area-safety365days-initiative-sec-detail-sec-mid{
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: none;
  }

  .area-safety365days-initiative-sec-detail-sec-mid + .area-safety365days-initiative-sec-detail-sec-mid {
    border-top: 1px solid #BCBCBC;
  }

  .area-safety365days-initiative-sec-detail-sec .img-col img,
  .area-safety365days-initiative-sec-detail-sec-mid .img-col img{
    width: 100%;
  }

  .area-safety365days-initiative-sec-detail-sec .img-col2,
  .area-safety365days-initiative-sec-detail-sec-mid .img-col2{
    column-gap: 6px;
  }

  .area-safety365days-initiative-sec-detail-sec p,
  .area-safety365days-initiative-sec-detail-sec-mid p{
    margin-top: 25px;
  }

  .area-safety365days-initiative-sec-detail-sec p + p,
  .area-safety365days-initiative-sec-detail-sec-mid p + p{
    margin-top: 30px;
  }
}

/* sec-notice-box
-------------------------------------------*/
.sec-notice-box {
  width: 100%;
  padding: 30px 16px;
  background-color: #F7F7F7;
}
.sec-notice-box-title {
  margin-top: 0!important;
  margin-bottom: 0!important;
  font-size: 1.6rem;
  font-weight: bold;
}
.sec-notice-box-title + p {
  margin-top: 8px!important;
}
.sec-notice-box-link, 
.sec-notice-box-link:visited {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: #000;
  font-size: 1.6rem;
  text-decoration: none;
}
.sec-notice-box-link::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  margin-left: 2px;
  border-bottom: 1px solid #CC0033;
  border-left: 1px solid #CC0033;
  transform: rotate(-135deg) translateY(2px);
}

/* sec-img-notice-box
-------------------------------------------*/
.sec-img-notice-box {
  width: 100%;
  padding: 30px 16px;
  background-color: #F7F7F7;
}
.sec-img-notice-box-inner {
  --img-w: 33.2%;
  --margin-r: 20px;
  display: flex;
  flex-wrap: wrap;
}
.sec-img-notice-box-inner-img {
  width: var(--img-w);
  margin-right: var(--margin-r);
}
.sec-img-notice-box-inner-img img {
  width: 100%;
}
.sec-img-notice-box-inner-txt {
  width: calc( 100% - ( var(--img-w) + var(--margin-r) ) );
}
.sec-img-notice-box-inner-txt-title {
  margin-top: 0!important;
  margin-bottom: 0!important;
  font-size: 1.6rem;
  font-weight: bold;
}
.sec-img-notice-box-inner-txt-title + p {
  margin-top: 8px!important;
}
@media (max-width: 767px) {
  .sec-img-notice-box-inner-img {
    width: 100%;
    margin-right: 0;
  }
  .sec-img-notice-box-inner-txt {
    width: 100%;
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .area-safety365days-initiative-sec .list-tab-wrap {
    margin: calc(50% - 50vw);
  }
}

.area-safety365days-initiative-sec .mod-cmn-tab .tab-body {
  width: 750px;
  margin: 0 auto;
  padding-top: 38px;
}
@media (max-width: 767px) {
  .area-safety365days-initiative-sec .mod-cmn-tab .tab-body {
    width: 100%;
  }
}

.area-safety365days-initiative-sec .mod-cmn-tab .tab-body .area-safety365days-initiative-sec-detail-sec-mid:last-child {
  padding-bottom: 0;
  border-bottom: none;
}


/* strong（強調）時のリンク */
.area-safety365days-initiative-sec .txt-strong .txt-link-window {
  color: #c03!important;
}