@charset "utf-8";
/* ---------------------------
  サステナビリティTOP 他
------------------------------ */
.page_head.jizoku{
 background: url(images/jizoku/head-bg.jpg) no-repeat center center;
 background-size: cover;
}
@media screen and (min-width: 769px) {/* pcまで */
.attempt .group_2 ul,
.attempt .group_1 ul,
.policy .group_1 ul,
.jizoku .group_3 ul,
.jizoku .group_1 ul{
 display: grid;
 grid-template-columns: 47% 47%;
 justify-content: space-between;
}
.jizoku .group_1 .sub_title{
 margin-bottom: 20px; 
}
.jizoku .btn-link{
 position: relative;
 transition-delay: 0.5s;
 width: 260px;
 height: 83px;
 float: right;
 margin-top: 20px;
}
.jizoku .btn-link .text{
 font-size: 120%;
 font-weight: bold;
 position: absolute;
 top: 50%;
 left: 0%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 line-height: 1.5;
}
.jizoku .btn-link .img{
 width: 30%;
 position: absolute;
 top: 50%;
 right: 0%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
}
.jizoku .btn-link a{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.jizoku .btn-link span img{
 transition: 0.5s;
 transition-property: opacity;
 transition-duration: 0.5s;
}
.jizoku .btn-link:hover span img{
 opacity: 0.7;
}
.jizoku .btn-link:hover .text{
 text-decoration: underline;
}
.jizoku .group_2 ul{
 display: grid;
 grid-template-columns: repeat(auto-fill, 47%);
 justify-content: space-between;
}
.jizoku .group_2 ul li{
 margin-bottom: 50px;
}
.number_style .group{
 position: relative;
 height: 5vw;
 margin-bottom: 20px;
}
.number_style .group span{
 font-family: "Barlow";
 font-size: 400%;
 font-size: min(3vw, 400%);
 font-size: max(3vw, 200%);
 font-weight: 500;
 font-style: italic;
 line-height: 1.6;
 color: #009ed8;
 display: block;
 position: absolute;
 top: 0;
 left: 0;
}
.number_style .group h3{
 line-height: 1.6;
 position: absolute;
 left: 4.5vw;
 top: 50%;
  transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 font-size: min(1.3vw, 160%);
 font-size: max(1.3vw, 110%);
 font-weight: bold;
}
.jizoku .group_3 .link_group{
 margin-top: 20px;
 position: relative;
}

.jizoku .group_3 .link_group h4{
 float: left;
 width: 77%;
 font-size: 140%;
 font-weight: bold;
 margin-top: 8px;
 font-size: min(1.3vw, 160%);
 font-size: max(1.3vw, 130%);
 
}
.jizoku .group_3 .link_group span{
 float: right;
 width: 18%;
 margin-top: 0.5vw;
}
.jizoku .group_3 .link_group a{
 color: #333;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.jizoku .group_3 .link_group:hover h4{
 text-decoration: underline;
}
.jizoku .group_3 .link_group img{
  transition-property: opacity;
  transition-duration: 0.5s;
}
.jizoku .group_3 .link_group:hover img{
  opacity: 0.7; 
}
}/* PC */
@media screen and (max-width: 768px) {/* SP */
.attempt .group_2 ul li,
.attempt .group_1 ul li,
.jizoku .group_3 ul li,
.jizoku .group_1 ul li{
 margin-bottom: 30px;
}

.jizoku .group_1 .sub_title{
 margin-bottom: 20px; 
}
.jizoku .btn-link{
 position: relative;
 transition-delay: 0.5s;
 width: 260px;
 height: 83px;
 float: right;
 margin-top: 20px;
}
.jizoku .btn-link .text{
 font-size: 120%;
 font-weight: bold;
 position: absolute;
 top: 50%;
 left: 0%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 line-height: 1.5;
}
.jizoku .btn-link .img{
 width: 30%;
 position: absolute;
 top: 50%;
 right: 0%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
}
.jizoku .btn-link a{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.jizoku .btn-link span img{
 transition: 0.5s;
 transition-property: opacity;
 transition-duration: 0.5s;
}
.jizoku .btn-link:hover span img{
 opacity: 0.7;
}
.jizoku .btn-link:hover .text{
 text-decoration: underline;
}
.jizoku .group_2 ul{
}
.jizoku .group_2 ul li{
 margin-bottom: 50px;
}
.number_style .group{
 position: relative;
 min-height: 60px;
 margin-bottom: 10px;
}
.number_style .group span{
 font-family: "Barlow";
 font-size: min(3vw, 400%);
 font-size: max(3vw, 300%);
 font-weight: 500;
 font-style: italic;
 line-height: 1.6;
 color: #009ed8;
 display: block;
 position: absolute;
 top: 0;
 left: 0;
}
.number_style .group h3{
 line-height: 1.6;
 position: absolute;
 left: 14vw;
 top: 50%;
  transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 font-size: min(1.3vw, 160%);
 font-size: max(1.3vw, 120%);
 font-weight: bold;
}
.jizoku .group_3 .link_group{
 margin-top: 20px;
 position: relative;
}

.jizoku .group_3 .link_group h4{
 float: left;
 width: 77%;
 font-size: 140%;
 font-weight: bold;
 margin-top: 8px;
 font-size: min(1.3vw, 160%);
 font-size: max(1.3vw, 130%);
 
}
.jizoku .group_3 .link_group span{
 float: right;
 width: 18%;
 margin-top: 0.5vw;
}
.jizoku .group_3 .link_group a{
 color: #333;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.jizoku .group_3 .link_group:hover h4{
 text-decoration: underline;
}
.jizoku .group_3 .link_group img{
  transition-property: opacity;
  transition-duration: 0.5s;
}
.jizoku .group_3 .link_group:hover img{
  opacity: 0.7; 
}

}

/* ---------------------------
  サステナビリティ方針
------------------------------ */
@media screen and (min-width: 769px) {/* pcまで */
.policy .group_1 ol{
 margin: 20px 0 40px 0;
}
.policy .group_1 h4{
 font-size: 140%;
 margin-bottom: 10px;
}
.policy .group_2 .sub_group{
 display: grid;
 grid-template-columns: repeat(auto-fit, 47%);
 justify-content: space-between;
}
.policy .group_2 .sub_group > div{
 margin-bottom: 5vw;
}
.policy .group_2 .sub_group ul.list{
 margin-left: 5vw !important;
}
.back-link.jizoku{
 width: 300px;
 margin-left: auto;
 margin-right: auto;
}
}/* PC */
@media screen and (max-width: 768px) {/* SP */
.policy .group_1 ul > li{
 margin-bottom: 30px;
}
.policy .group_1 ol{
 margin: 20px 0 40px 0;
}
.policy .group_1 h4{
 font-size: 140%;
 margin-bottom: 10px;
}
.policy .group_2 .sub_group > div{
 margin-bottom: 30px;
 padding-bottom: 30px;
}
.policy .group_2 .sub_group > div:nth-child(4),
.policy .group_2 .sub_group > div:nth-child(2){
 border-bottom: 2px dotted #ccc;
}
.policy .group_2 .sub_group ul.list{
 margin-left: 5vw !important;
}
.back-link.jizoku{
 width: 300px;
 margin-left: auto;
 margin-right: auto;
}

}
/* ---------------------------
  CSR活動 PC
------------------------------ */
@media screen and (min-width: 769px) {/* pcまで */
.csr .main strong{
 margin-bottom: 10px !important;
}
.csr .main .sub_title{
 margin-bottom: 3vw;
}
.csr h4,
.csr .group_1 h4{
 font-size: 140%;
 font-weight: bold;
 margin-bottom: 20px;
}
.csr .group_1 ul li.img{
 text-align: center;
 font-size: 80%;
}
.csr .group_1 ul li{
 margin-left: 5px;
 margin-right: 5px;
}

.csr .group_1 .sub_1{
 display: grid;
 grid-template-columns: 65% 30%;
 justify-content: space-between;
 margin-bottom: 4vw;
}
.csr .group_1 .sub_2{
 display: grid;
 grid-template-columns: repeat(auto-fill, 330px);
 justify-content: space-between;
 margin-bottom: 4vw;
}
.csr .group_1 .sub_2 li{
 margin-bottom: 2vw;
}
.csr .group_1 .sub_3{
 display: grid;
 grid-template-columns: 65% 30%;
 grid-template-rows: auto auto;
 justify-content: space-between;
 margin-bottom: 4vw;
}
.csr .group_1 .sub_3 li{
 margin-bottom: 3vw;
}

.csr .group_1 .sub_4{
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
 justify-content: space-between;
}
.csr .group_1 .sub_4 li{
 margin-bottom: 3vw;
}
.csr .group_2 ul{
 display: grid;
 grid-template-columns: 47% 47%;
 justify-content: space-between;
}
.csr .group_2 img{
 margin-bottom: 10px;
}
.csr .group_3 ul{
 display: grid;
 grid-template-columns: 65% 30%;
 grid-template-rows: auto auto;
 justify-content: space-between;
}
.csr .group_3 ul li{
 margin-bottom: 3vw;
}
}/* PC */
/* --------------------------- 調整 */
@media screen and (max-width: 1141px) {/* 以下 */
.csr .group_1 .sub_2{
 display: grid;
 grid-template-columns: 3fr 1.5fr 1.5fr;
 grid-template-rows: auto auto;
 justify-content: space-between;
 margin-bottom: 5vw;
}
.csr .group_1 .sub_4 li.kara{
 display: none;
} 
}/*  */
@media screen and (max-width: 768px) {/* SP */
.csr .main strong{
 margin-bottom: 10px !important;
}
.csr .main .sub_title{
 margin-bottom: 3vw;
}
.csr h4,
.csr .group_1 h4{
 font-size: 120%;
 font-weight: bold;
 margin-bottom: 20px;
}
.csr .group_1 ul li.img{
 text-align: center;
 font-size: 80%;
}
.csr .group_1 ul li{
 margin-left: 5px;
 margin-right: 5px;
 margin-bottom: 20px;
}
.csr .group_1 .sub_1{
 margin-bottom: 40px;
}
.csr .group_1 .sub_1 li:nth-child(2){
 text-align: center;
}
.csr .group_1 .sub_2{
display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 10px;
}
.csr .group_1 .sub_2 li:nth-child(1) {
    grid-column: span 2 / span 2;
}

.csr .group_1 .sub_2 li:nth-child(2) {
    grid-row-start: 2;
}

.csr .group_1 .sub_2 li:nth-child(3) {
    grid-row-start: 2;
}
.csr .group_1 .sub_2 li{
 margin-bottom: 2vw;
}
.csr .group_1 .sub_3{
 display: grid;
 grid-template-columns: 65% 30%;
 grid-template-rows: auto auto;
 justify-content: space-between;
 margin-bottom: 4vw;
}
.csr .group_1 .sub_3 li{
 margin-bottom: 30px;
}

.csr .group_1 .sub_4{
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(47%, 1fr));
 justify-content: space-between;
}
.csr .group_1 .sub_4 li{
 margin-bottom: 3vw;
}
.csr .group_2 ul{
 display: grid;
 grid-template-columns: 47% 47%;
 justify-content: space-between;
}
.csr .group_2 img{
 margin-bottom: 10px;
}
.csr .group_3 ul{
 display: grid;
 grid-template-columns: 65% 30%;
 grid-template-rows: auto auto;
 justify-content: space-between;
}
.csr .group_3 ul li{
 margin-bottom: 3vw;
}
}/* end */

/* ---------------------------
  SDGsに向けた取り組み PC
------------------------------ */
@media screen and (min-width: 769px) {/* pcまで */
.attempt .group_1 .sub_title{
 margin-bottom: 30px;
}
.attempt .group_1 ul li:nth-child(1){
 padding-top: 40px;
}

.attempt .main h3{
 font-weight: bold;
 margin-bottom: 20px;
 font-size: min(1.2vw, 160%);
 font-size: max(1.2vw, 130%);
} 
.attempt .group_2 .sub_group{
 margin-bottom: 3.5vw;
}
.attempt .group_2 .text{
 margin-bottom: 20px;
}
.attempt .group_3 ul{
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
 justify-content: space-between;
}
.attempt .group_3 ul li{
 margin: 0 10px 25px 10px;
}

}/*  */

@media screen and (max-width: 768px) {/* SP */
.attempt .group_1 .sub_title{
 margin-bottom: 30px;
}
.attempt .group_1 ul li:nth-child(1){
 padding-top: 40px;
}

.attempt .main h3{
 font-weight: bold;
 margin-bottom: 20px;
 font-size: min(1.2vw, 160%);
 font-size: max(1.2vw, 130%);
} 
.attempt .group_2 .sub_group{
 margin-bottom: 3.5vw;
}
.attempt .group_2 .text{
 margin-bottom: 20px;
}
.attempt .group_3 ul{
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(100px,1fr));
 justify-content: space-between;
}
.attempt .group_3 ul li{
 margin: 0 10px 25px 10px;
}

}/*  */