/*-------------------- co-well-being --------------------
co-well-being
----------------------------------------------------*/
/* タイトル　特殊 */
.co-well-being .co-page-ttl-wrap{
  padding:22px 0;
 }

@media screen and (max-width: 768px){
.co-well-being .co-page-ttl-wrap{
  padding:18px ;
 }
}
.co-well-being .co-page-ttl{
 border-left:none;
 
}
@media screen and (max-width: 768px){
  .co-well-being .co-page-ttl{
   padding-left:0;
   
  }
}
.co-well-being .co-page-ttl .inner{
 display: inline-block;
}

@media screen and (max-width: 768px){
 .co-well-being .co-page-ttl .inner{
  display: flex;
  align-items: center;
 }

}

.co-well-being .inner-ttl-group{
 display: inline-block;
}
@media screen and (max-width: 768px){
 .co-well-being .inner-ttl-group{
  margin-left:10px;
 }
}
.co-well-being .co-page-ttl .inner img{
 width:88px;
 display: inline;
 vertical-align: middle;
}

@media screen and (max-width: 768px){
 .co-well-being .co-page-ttl .inner img{
  width:49px;
  height:49px;
  display:block;
 }
}

.co-well-being .co-page-ttl .inner-ttl {
 display: inline;
 vertical-align: middle;
 margin-left:20px;
}
@media screen and (max-width: 768px){

  .co-well-being .co-page-ttl .inner-ttl{
   font-size:25px;
   line-height: 1;
   margin-left:0;
  }
}

.co-well-being .co-page-ttl .inner-sub-ttl {
border-left:none;
display: inline;
vertical-align: middle;
margin-left:18px;
font-size:18px;
color:#B55500;
border-left :1px solid #B55500;
padding-left:18px;
}

@media screen and (max-width: 768px){
.co-well-being .co-page-ttl .inner-sub-ttl {
 display: block;
 margin-left:0;
 padding-left:0;
 border-left :none;
 font-size:14px;
 }
}

.co-well-being .sec01-read-b {
  font-weight: 600;
  line-height: 3;
}
.co-well-being .sec01-read-list {
  margin-bottom: 10px;
}
.co-well-being .sec01-read-list li::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  vertical-align: middle;
  background: #E60039;
  margin-right: 8px;
}



.co-well-being h2 {
  margin-bottom: 32px;
}
@media screen and (max-width: 768px){
  .co-well-being h2 {
    margin-bottom: 24px;
  }

}

.co-well-being .l-inner-s h2 {
    line-height: 1.5;
    padding: 0 0 10px;
}
@media screen and (max-width: 768px){
  .co-well-being .l-inner-s h2 {
      padding: 0 0 10px ;
  }
}
.co-well-being .h3-ttl {
  font-size: 24px;
  font-weight: bold;
  padding: 8px 0 8px 20px;
  background-color: #F2F2F2;
  border-left: 2px solid #e60039;
  margin: 50px 0 30px;
}


@media screen and (max-width: 768px){
.co-well-being .h3-ttl {
    font-size: 21px;
    margin-bottom: 19px;
  }
}

.co-well-being h2 + .h3-ttl,
.co-well-being .mb32 {
 margin: 0 0 32px;
}


/* sec01 
=============================== */




/* 担当役員メッセージ */
.co-well-being .co-about-topbox{
 border-radius: 0 0 8px 8px;
 background:#FFF8F8;
 border:2px solid #FEDFE4;
 padding:48px 40px 40px;
 margin-bottom:40px;
 text-align: center;
}
@media screen and (max-width: 768px){
.co-well-being .co-about-topbox{
  /* margin-top:24px; */
  padding:15px;
 }
}
.co-well-being .co-about .sec01-content {
    padding: 20px 24px 24px;
    text-align:center;
    font-size: 24px;
    font-weight:bold;
}
.co-well-being  .sec01-content-ttl {
    display:block;
    border-radius:8px 8px 0 0 ;
    background:#FEDFE4;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    padding: 16px;
    margin:auto;
    position: relative;
    line-height:1;
}


@media screen and (max-width: 768px){
.co-well-being  .co-about .sec01-content {
 padding: 16px;
 text-align:left;
 font-size: 19px;
 }
.co-well-being  .sec01-content-ttl {
  font-size: 21px;
 }
 
}
.co-well-being .co-about .sec01-content-name {
    color: #000;
    font-weight:bold;
    font-size:18px;
    text-align:center;
    margin:0 auto 32px;
    padding-bottom:16px;
    background:url(/common/images/co_csr/co_dot.png) bottom center no-repeat;
}
@media screen and (max-width: 768px){
 
 .co-well-being .co-about .sec01-content-name {
  font-size:17px;
  margin-bottom:20px;
 }
}

.co-well-being .co-about .sub-ttl {
    font-size: 24px;
    font-weight: bold;
    color: #E60039;
    margin-bottom: 0;
}
@media screen and (max-width: 768px){
.co-well-being  .co-about .sub-ttl {
    font-size: 21px;
  }
}
.co-well-being .co-about .font-red{
    font-size: 24px;
    font-weight: bold;
    color: #E60039;
    text-align:center;
    margin-bottom: 32px;
}

@media screen and (max-width: 768px){
.co-well-being  .co-about .font-red{
  margin-bottom: 42px;
 }

}

.co-well-being .sec01 {
  margin-bottom: 72px;
}
@media screen and (max-width: 768px){
 .co-well-being .sec01 {
   margin-bottom: 48px;
 }

}
.co-well-being .sec01 .sec01-read {
  font-size: 16px;
  text-align:left;
  
}

.co-well-being .sec01 .margin-b{
 margin-bottom: 40px;
}

@media screen and (max-width: 768px){
  .co-well-being .sec01 .sec01-read {
  margin-bottom:24px;
  }

}

.co-well-being  .co-about .sec01-content-h4{
 font-weight:bold;
 font-size:18px;
 text-align:left;
 color:#E60039;
 margin-bottom:20px;
}

.sec01-read-mb{
 margin-bottom:32px;
}

.sec01-read-mb-last{
 margin-bottom:40px;
}

.sec01-read-mb-note{
  margin-bottom:20px;
}

.sec01-read-border-bottom{
 border-bottom:2px solid #FEDFE4;
 padding-bottom:40px;
}

.co-innovation .co-about .sec01-note,
.sec04 .note{
 text-align:left;
 font-size:14px;
  margin-top:10px;
}
.co-innovation .co-about .super{
 font-size:11px;
}

/*   SDGs   */

.co-well-being .sec01-img{
 display:flex;
}
@media screen and (max-width: 768px){
 .co-well-being  .sec01-img{
  display:block;
 }
}

.co-well-being .sec01-img-left{
 max-width:524px;
 border:1px solid #F2F2F2;
 border-radius:8px;
 padding:18px 30px;
 margin-right:40px;
 position: relative;
}

@media screen and (max-width: 768px){
 .co-well-being .sec01-img-left{
  max-width:initial;
  width:100%;
  margin-right:0;
  margin-bottom:30px;
 }

}


.co-well-being .sec01-img-left:after {
    position: absolute;
    content: url(/common/images/co_csr/sdgs/arrow_r.svg);
    right: -30px;
    top: 45%;
}

@media screen and (max-width: 768px){
  .co-well-being .sec01-img-left:after {
      position: absolute;
      content: url(/common/images/co_csr/sdgs/arrow_r.svg);
      right: 50%;
      top: initial;
      bottom: -32px;
      transform: rotate(90deg);
  }
}


.co-well-being .sec01-img-left img{
 image-rendering: -webkit-optimize-contrast;

}



.co-well-being .sec01-img-right{
 text-align:center;
}
.co-well-being .sec01-img-right-ttl{
 background:#F2F2F2;
 border-radius:8px 8px 0 0;
 text-align:center;
 font-weight:bold;
 font-size:18px;
 padding:26px;


}

@media screen and (max-width: 768px){
 .co-well-being .sec01-img-right-ttl{
  font-size:16px;
  padding: 16px;
 }

}


.co-well-being .sec01-img-right-text{
 padding:24px 44px;
 border:1px solid #F2F2F2;
 border-radius:0 0 8px 8px;
 width:300px;
}

@media screen and (max-width: 768px){
.co-well-being .sec01-img-right-text{
 padding:16px;
 width:100%;
 display:flex;
}

}

.co-well-being .sec01-img-right-text img{
 width:131px;
}

.co-well-being .sec01-img-right-text p{
 margin-top:20px;
}
@media screen and (max-width: 768px){
 .co-well-being .sec01-img-right-text p{
  margin-top:0;
  margin-left:16px;
  text-align:left;
 }

}

/* sec02 
=============================== */
.co-well-being .sec02 {
 margin-bottom: 80px;
}
@media screen and (max-width: 768px){
  .co-well-being .sec02 {
    margin-bottom: 48px;
  }

}

.co-well-being .sec02 .sec02-read {
  font-size: 16px;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px){
  .co-well-being .sec02 .sec02-read {
    margin-bottom: 32px;
  }

}

/* 6 materiality 
---------------- */

.co-well-being  .six-materiality{
 display:flex;
 justify-content: space-between;
 margin-bottom:64px;
}
.co-well-being  .six-materiality.green{
 margin-bottom:32px;
}

@media screen and (max-width: 768px){
 .co-well-being  .six-materiality {
  display:block;
  margin-bottom:14px;
 }

}

.co-well-being  .six-materiality .wrap{
 width: 32%;
 max-width: 272px;
}
@media screen and (max-width: 768px){
 .co-well-being  .six-materiality .wrap{
  width:100%;
  max-width: initial;
  margin-bottom:14px;
 }

}

.co-well-being .materiality-ttl{
 background:#FFE6BC;
 text-align:center;
 border-radius:8px 8px 0 0;
 font-size:18px;
 font-weight:bold;
 padding:14px 0;
 line-height: 1;
}
@media screen and (max-width: 768px){
 .co-well-being .materiality-ttl{
 font-size:17px;
 }
 
}
.co-well-being .materiality-ttl.supply-chain{
 font-size:16px;
 padding: 15px;
}


.co-well-being .materiality-content{
 text-align:center;
 border:2px solid #FFE6BC;
 border-radius: 0 0 8px 8px;
 padding:20px 22px 31px;
}

@media screen and (max-width: 768px){
 .co-well-being .materiality-content{
  padding:16px 24x;
 }

}


.co-well-being .materiality-content .text{
 text-align:
 left;
 font-size:14px;
 line-height: 1.8;
 margin: 20px auto;
 height:201px;
}

@media screen and (max-width: 768px){
.co-well-being .materiality-content .text{
 height: auto;
 margin: 16px auto;
 }

}

.co-well-being .green .materiality-content .text {
    height: 177px;
    margin: 20px auto 0;
}
@media screen and (max-width: 768px){
  .co-well-being .green .materiality-content .text {
      height: auto;
      margin: 16px auto 0;
  }
}
.co-well-being .materiality-content .six-materiality-btn .btn-w100per {
 width:100%;
 padding: 10px;
 line-height: 1;
 height: auto;
 border-color: #B55500;
 color: #B55500;
}
@media screen and (max-width: 768px){
 .co-well-being .materiality-content .six-materiality-btn .btn-w100per {
  font-size:16px;
  padding:16px;
 }

}

.co-well-being .materiality-content .six-materiality-btn .btn-w100per:after{
content: url(/common/images/co_csr/materiality/icon_arrow_brown.svg);
}

/* green
----------------- */

.co-well-being .six-materiality.green .materiality-ttl{
 background:#D2F2B1;
 }
.co-well-being .six-materiality.green .materiality-content{
 border:2px solid #D2F2B1;
 
 }
 .co-well-being .six-materiality.green .materiality-content .six-materiality-btn .btn-w100per {
 border-color: #00813A;
 color: #00813A;
}
.co-well-being .six-materiality.green  .materiality-content .six-materiality-btn .btn-w100per:after{
content: url(/common/images/co_csr/materiality/icon_arrow_deepgreen.svg);
}


.co-well-being .icon-sdgs-small {
    display: block;
    margin: 20px auto 0;
}
.co-well-being .icon-sdgs-small li{
 width:40px;
 display:inline-block;
}

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

.co-well-being .btn-c-normal.btn-arrow.btn-w360{
   width: 100%;
 }

}

/* sec03 
=============================== */

.co-well-being .sec03 .ttl{
 passing-top:0;
}

.co-well-being .sec03 h2 + h3-ttl {
  margin: 30px 0;
} 


.co-well-being .sec03{
 margin-bottom:72px;

}
@media screen and (max-width: 768px){
  .co-well-being .sec03{
    margin-bottom: 40px;
  }

}

.co-well-being .sec03 .flex{
 display:flex;
}

@media screen and (max-width: 768px){
  .co-well-being .sec03 .flex{
   display:block;
  }
}

.co-well-being .sec03 .flex .wrap-l{
 max-width:636px;
 margin-right:32px;
}
@media screen and (max-width: 768px){
  .co-well-being .sec03 .flex .wrap-l{
   max-width:initial;
   margin-bottom:24px;
   margin-right:0;
   font-size:16px;
  }

}

.co-well-being .sec03 .flex .wrap-r{
 max-width:196px;
 

}
@media screen and (max-width: 768px){
  .co-well-being .sec03 .flex .wrap-r{
  max-width:initial;

 }

}


.co-well-being .sec03-sdgs-all{
 display:flex;
 flex-wrap:wrap;
 width:196px;
 margin:0 auto 40px;
 justify-content: space-between;
 
}
.co-well-being .sec03-sdgs-all li{
 width:90px;
 
}
.co-well-being .sec03-sdgs-all li:nth-of-type(-n+2) { 
    /* 最初から2番目まで */
    margin-bottom: 10px;
}

@media screen and (max-width: 768px){
  .co-well-being .sec03-sdgs-all{
   margin:0 auto 32px;
  }

.co-well-being .sec03-sdgs-all li:nth-of-type(-n+2) { 
    /* 最初から2番目まで */
    margin-bottom: 16px;
 }
}

.co-well-being .sec03-wrap li{
 width:60px;
 margin-right:10px;
 margin-bottom:10px;
}
.co-well-being .sec03-wrap li.pc-margin-r0{
  margin-right:0;
 }

 .co-well-being .sec03-wrap li.pc-margin-b0{
   margin-bottom: 0;
 }
 
@media screen and (max-width: 768px){
 .co-well-being .sec03-wrap li{
  width:50px;
  min-width:50px;
  margin-right:8px;
  margin-bottom: 0;
 }
 .co-well-being .sec03-wrap li.pc-margin-r0{
  margin-right:8px;
 }
 .co-well-being .sec03-wrap li:last-child{
  margin-right:0;
 }
 

 
}
.co-well-being .sec03-sdgs-table .sec03-wrap-td-ul{
 font-size:14px;
 font-weight:normal;
 text-align:left;
}
.co-well-being .sec03-sdgs-table .sec03-wrap-td-ul li{
 text-indent:-14px;
 margin-left:14px;
}
.co-well-being .sec03-sdgs-table .sec03-wrap-td-ul li:before{
 content:"・";
}
.co-well-being .sec03-effort-ttl{
 font-size:14px;
 text-align:left;
 text-indent:-14px;
 margin-left:14px;
}
.co-well-being .sec03-effort-ttl:before{
  content:"・";
  color:#E60039;
  font-weight:bold;
}

@media screen and (max-width: 768px){
  .co-well-being .sec03 .l-col-02 .l-col-item,
  .co-well-being .sec04 .l-col-02 .l-col-item {
    width: 100%;
    font-size: 16px;
  }
  .co-well-being .sec03 .l-col-02 .l-col-item:first-child,
  .co-well-being .sec04 .l-col-02 .l-col-item:first-child {
    margin-bottom: 24px;
  }
  .co-well-being .sec03 .l-col-02 .l-col-item img + p,
  .co-well-being .sec04 .l-col-02 .l-col-item img + p {
    text-align: center;
    line-height: 1.4;
    margin-top: 12px;
  }
}

/* sec04 
=============================== */
.co-well-being .sec04{
 margin-bottom:64px;
  font-size:16px;
}
@media screen and (max-width: 768px){
  .co-well-being .sec04{
    margin-bottom: 48px;
  }

}
.co-well-being .sec04 .ttl{
 padding-top:0;
}

.co-well-being .sec04-wrap{
 font-size:16px;
 display:flex;
 justify-content: space-between;
}

@media screen and (max-width: 768px){
 .co-well-being .sec04-wrap{
  display:block;
  text-align:center;
 }
 
 
 .co-well-being .sec04-wrap > div{
  margin-bottom:24px;
 }
 
 .co-well-being .sec04-wrap > div:last-child{
  margin-bottom: 16px;
 }
}

.co-well-being .sec-04-text{
 display:block;
 margin-bottom:20px;
 }
@media screen and (max-width: 768px){
.co-well-being .sec-04-text{
 margin-right:0;
 margin-bottom:24px;
 
 }
}

.co-well-being .sec-04-note{
 font-size:16px;
 text-align:right;
 margin-top:16px;
 margin-bottom:40px;
}
@media screen and (max-width: 768px){
 .co-well-being .sec-04-note{
   margin-top:0;
   margin-bottom:20px;
  }
}

.co-well-being .sec04-wrap img{
 display:block;
 max-width:416px;
 margin-bottom:16px;
}
@media screen and (max-width: 768px){

 .co-well-being .sec04-wrap img{
  margin:auto;
  max-width:100%;
  margin-bottom:12px;
 }

}


.co-well-being .sec04-link{
 width:100%;
}
.co-well-being .sec04-link-ttl{
 display:block;
 font-size:18px;
 font-weight:bold;
 background:#F2F2F2;
 border-radius: 8px 8px 0 0;
 padding:12px;
}

@media screen and (max-width: 768px){
 .co-well-being .sec04-link-ttl{
  font-size:17px;
  }
}
.co-well-being .sec04-link-wrap{
 display:block;
 font-size:16px;
 border-radius: 0 0 8px 8px;
 border:2px solid  #F2F2F2;
 box-sizing:border-box;
 padding:16px 24px;
}
@media screen and (max-width: 768px){
 .co-well-being .sec04-link-wrap{
  padding: 16px 12px 12px 30px;
 }
}

.co-well-being .sec04-link-wrap a{
 text-decoration: underline;
} 
@media screen and (max-width: 768px){
.co-well-being .sec04-link-wrap a{
 /* text-indent: 16px; */
    margin-left: -25px;
    padding-left: 10px;
} 


}

.co-well-being .sec04-link-wrap a::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    vertical-align: middle;
    background: #E60039;
    margin-right: 8px;
}

.co-well-being .sec04-link-wrap a:after{
    content: url(/common/images/company/pdf_ico.svg);
    vertical-align: middle;
    margin-left: 10px;
    line-height: 1.2;
}


@media screen and (max-width: 768px){
 .co-well-being .sec04-link-wrap a::before{
  
 }
}


.co-well-being .sec04 .flex{
 display:flex;
}

@media screen and (max-width: 768px){
  .co-well-being .sec04 .flex{
   display:block;
  }
}

.co-well-being .sec04 .flex .wrap-l{
 max-width:592px;
 margin-right:32px;
}
@media screen and (max-width: 768px){
  .co-well-being .sec04 .flex .wrap-l{
   max-width:initial;
   margin-bottom:24px;
   margin-right:0;
  }

}

.co-well-being .sec04 .flex .wrap-r{
 max-width:240px;
 line-height:1.4;
}

@media screen and (max-width: 768px){
  .co-well-being .sec04 .flex .wrap-r{
  max-width:initial;
  text-align:center;
 }

}
.co-well-being .sec04 .flex .wrap-r .img03{
 margin-bottom:16px; 
}

@media screen and (max-width: 768px){
 .co-well-being .sec04 .flex .wrap-r .img03{
  margin-bottom:12px; 
 }

}

@media screen and (max-width: 768px){
 .co-well-being .sec04 .flex .wrap-r .img-width{
  width:240px;
 }

}

.co-well-being .senior{
 margin-top:48px;
}


/* sec05 
=============================== */
.co-well-being .sec05{
 margin-bottom:0;
 
}

@media screen and (max-width: 768px){
  .co-well-being .sec05{
    margin-bottom: 48px;
  }

}
.co-well-being .sec05 .l-inner-s{
 margin-bottom: 40px;
}
.co-well-being .sec05 .sec05-wrap{
  margin-bottom:24px;
 
}

.co-well-being .sec05-link-wrap {
    text-decoration: underline;
}

.co-well-being .sec05-link-wrap::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    vertical-align: middle;
    background: #E60039;
    margin-right: 8px;
}

.co-well-being .sec05-link-wrap:after{
    content: url(/common/images/company/pdf_ico.svg);
    vertical-align: middle;
    margin-left: 10px;
    line-height: 1.2;
}


@media screen and (max-width: 768px){
 .company-2col .l-inner-side{
  padding-top:0;
 }

}

/* sec06 
=============================== */
.co-well-being .sec06{
 margin-bottom:72px;
}

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

  .co-well-being .sec06{
   margin-bottom:48px;
   font-size:16px;
  }

}

.co-well-being .sec06 .sec06-activity-h3{
 font-size:20px;
 font-weight:bold;
 color:#E60039;
 display:block;
 text-align:center;
 background:#FFF2F5;
 border-left:2px solid #FEDFE4;
 border-right:2px solid #FEDFE4;
 border-top:2px solid #FEDFE4;
 border-radius: 8px 8px 0 0;
 padding: 16px 0;
 line-height: 1;
 margin-top:32px;
}

.co-well-being .sec06 .sec06-activity{
 border-left:2px solid #FEDFE4;
 border-right:2px solid #FEDFE4;
 border-bottom:2px solid #FEDFE4;
 border-radius: 0 0 8px 8px;
 padding:32px 32px 40px;
}

 @media screen and (max-width: 768px){
  .co-well-being .sec06 .sec06-activity{
   padding:20px 20px 24px;
  }

 }
.co-well-being .sec06 .sec06-activity-ul{
 margin:24px 0 0;
}

.co-well-being .sec06 .sec06-activity-ul li{
 margin-bottom:24px;
 text-indent: -16px;
 margin-left: 16px;
}


.co-well-being .sec06 .sec06-activity-ul-date{
 text-align:right;
 font-size:14px;
}

.co-well-being .sec06 .sec06-activity-ul .bold{
 font-weight:bold;
 margin-right:4px;
}




/*-- 新規追加-well-being --*/


/* acc-detail */
.co-social .acc-wrap {
  position: relative;
  border-radius: 8px;
  border: 5px solid #FEDFE4;
}

.co-social .pic {
  position: relative;
  top: -45px;
  left: -20px;
  z-index: 1;
  margin-bottom: -100px;
  background: #E60039;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  line-height: 100px;
}

@media screen and (max-width: 768px) {
  .co-social .pic {
    position: relative;
    top: -45px;
    left: -10px;
    z-index: 1;
    margin-bottom: -100px;
    background: #E60039;
    width: 70px;
    height: 70px;
    font-size: 14px;
    line-height: 70px;
  }
}

.co-social .acc-title02 {
  position: relative;
  width: 100%;
  border-radius: 4px;
  line-height: 52px;
  height: auto;
}

.co-social .acc-title02 h4 {
  background-color: #FFF2F5;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
  color: #E60039;
  font-size: 20px;
  text-align: center;
}

.co-social .acc-title02 h4:after{
     content: url(/common/images/co_environment/water_ico.png);
     vertical-align: middle;
     margin-left: 10px;
     line-height: 1.2;
 }

.co-social .acc-title02 h5 {
  font-size: 24px;
  font-weight: bold;
  padding: 10px 30px;
  line-height: 1.6;
}

.co-social .acc-title02 .acc-inner-flex {
  display: flex;
  line-height: 1.6;
  padding: 0 30px 45px;
}

.co-social .acc-title02 .acc-inner-flex img {
  max-width: 140px;
  margin-right: 24px;
}

/*-- open --*/
.co-social .acc-box02 {
  position: relative;
  font-size: 16px;
}

.co-social .acc-box02 .acc-inner {
  padding: 0 24px 24px;
  line-height: normal;
}

.co-social .acc-box02 .acc-inner:last-child {
  padding: 0;
}

.co-social .acc-box02 h5 {
  position:relative;
  font-size: 20px;
  font-weight: bold;
  border-top: 2px solid #FEDFE4;
  border-bottom: 2px dashed #FEDFE4;
  padding: 10px 0 10px 20px;
  margin-bottom: 24px;
}

.co-social .acc-box02 h5::before{
   content: "";
   display: inline-block;
   width: 5px;
   height: 30px;
   background-color: #E60039;
   position: absolute;
   top: 10px;
   left: 0;
}

.co-social .acc-box02 .l-col-02 {
  margin: 24px 0;
}
.co-social .acc-box02 picture + p {
  margin-top: 10px;
}

.co-social .acc-box02 .img-cnt {
  width: 48.66%;
  height: auto;
  margin: 24px auto;
}

.co-social .acc-box02 table {
  margin: 24px 0 10px;
}

.co-social .acc-box02 table .col01 th {
  font-weight: bold;
  background-color: #E1E1E1;
  text-align: center;
  height: 30px;
}

.co-social .acc-box02 table .col02 th {
  font-weight: bold;
  text-align: center;
  background-color: #F5F5F5;
}

.co-social .acc-box02 table .col02 th:nth-of-type(1) { width: 20%;}
.co-social .acc-box02 table .col02 th:nth-of-type(2) { width: 15%;}
.co-social .acc-box02 table .col02 th:nth-of-type(3) { width: 25%;}
.co-social .acc-box02 table .col02 th:nth-of-type(4) { width: 15%;}
.co-social .acc-box02 table .col02 th:nth-of-type(5) { width: 25%;}

.co-social .acc-box02 table,
.co-social .acc-box02 table th,
.co-social .acc-box02 table td {
  border: 1px solid #DEDEDE;
  padding: 8px;
}

.co-social .acc-box02 table td {
  border: 1px solid #DEDEDE;
  vertical-align: middle;
  text-align: center;
}

.co-social .acc-box02 table .col02 th.th-pk {
  background-color: #FEDFE4;
}

.co-social .acc-box02 table td.td-pk {
  background-color: #FFF2F5;
}

.co-social .acc-box02 .notes {
  font-size: 14px;
  margin-bottom: 24px;
}

.co-social .acc-box02 .acc-inner-flex {
  display: flex;
  align-items: center;
  background-color: #FFF2F5;
  border-radius: 0 0 8px 8px;
  padding: 24px 70px;
}

.co-social .acc-box02 .acc-inner-flex-img { margin-right: 40px; min-width: 170px; }

.co-social .acc-box02 .acc-inner-flex-img img { max-width: 140px;}

.co-social .acc-box02 .acc-inner-flex-img .txt-s { font-size: 14px; margin-top: 10px;}

.co-social .acc-box02 .acc-inner-flex-img .txt-m { font-size: 18px;}

.co-social .acc-box02 .acc-inner-flex-txt h6 {
  color: #E60039;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 24px;
}

.co-social .acc-box02 .acc-inner-flex-txt .txt-link { 
  margin-top: 18px;
  position: relative;
  
}

.co-social .acc-box02 .acc-inner-flex-txt .txt-link a {
  text-decoration: underline;
}

.co-social .acc-box02 .acc-inner-flex-txt .txt-link a:hover {
  color: #E60039;
  opacity: .7;
}

.co-social .acc-box02 .acc-inner-flex-txt .txt-link a::after {
  content: "";
  position: absolute;
  bottom: 5px;
  margin-left: 10px;
  background: url(/common/images/icon_blank_thin.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}

.co-social .txt-cnt { text-align: center;}

.co-social .sec-pic .l-inner-s {
  margin-bottom: 40px;
}
  
  
@media screen and (max-width: 768px) {
  /* co-social */
  .co-social .sec-pic .l-inner-s {
    padding-top: 40px;
  }
  .co-social .acc-title02 {
    height: auto;
    line-height: 52px;
    font-size: 16px;
  }
  
  .co-social .acc-title02 h4 {
    text-align: center;
    padding-left: 30px;
  }
  
  .co-social .acc-title02::before {
    right: 12px;
  }
  
  .co-social .acc-title02::after {
    right: 12px;
  }
  .co-social .acc-title02 h5 {
    font-size: 21px;
    text-align: left;
    line-height: 1.2;
    padding: 4% 0 4% 4%;
  }
  
  .co-social .acc-title02 h5.sp-only {
    padding: 4% 0;
  }

  .co-social .acc-inner p {
    line-height: 1.8em;
  }

  .co-social .acc-title02 .acc-inner-flex {
    display: block;
    padding: 0 4% 4%;
  }

  .co-social .acc-title02 .acc-inner-flex p {
    margin: 0;
    text-align: center;
  }

  .co-social .acc-title02 .acc-inner-flex p:last-child,
  .co-social .acc-title02 .acc-inner-flex .acc-inner-flex-txt p {
    text-align: left;
  }

  .co-social .acc-title02 .acc-inner-flex p:last-child {
    text-align: left;
  }

  .co-social .acc-title02 .acc-inner-flex img {
    max-width: 60%;
  }
  
  .co-social .acc-box02 {
    font-size: 16px;
  }
    
  .co-social .acc-box02 .acc-inner {
    padding: 4%;
  }

  .co-social .acc-box02 h5::before{
     height: 80%;
  }

  .co-social .acc-box02 .single h5::before{
     height: 65%;
  }

  .co-social .acc-box02 p + .sp-only,
  .co-social .acc-box02 p + .sp-only p {
     margin: 4% 0;
  }
  .co-social .acc-box02 .l-col-02 .l-col-item,
  .co-social .acc-box02 .img-cnt {
    width: 100%;
  }

  .co-social .l-col-02 .l-col-item {
    width: 100%;
    font-size: 16px;
  }
  .co-social .l-col-02 .l-col-item:first-child {
    margin-bottom: 24px;
  }
  .co-social .l-col-02 .l-col-item img + p {
    text-align: center;
    line-height: 1.4;
    margin-top: 12px;
  }
  
  .co-social .acc-box02 table {
    font-size: 13px;
    word-wrap: break-word; 
  }
  
  .co-social .acc-box02 table .col01 th {
    font-size: 15px;
  }
  .co-social .acc-box02 table,
  .co-social .acc-box02 table th,
  .co-social .acc-box02 table td {
    padding: 2% 1%;
  }
  
  .co-social .acc-box02 .notes {
    padding-left: 2em;
    text-indent: -2em;
  }

  .co-social .acc-box02 .acc-inner-flex {
    display: block;
    padding: 15px;
  }
  
  .co-social .acc-box02 h6 {
    color: #E60039;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  
  .co-social .acc-box02 .acc-inner-flex-img {
    width: 100%;
    margin: 0 auto 20px;
  }
  
  .co-social .acc-box02 .acc-inner-flex-img p {
    text-align: center;
  }
  
  .co-social .acc-box02 .acc-inner-flex-img .txt-s,
  .co-social .acc-box02 .acc-inner-flex-img .txt-m {
    text-align: left;
    padding-left: 20%;
  }

}












/*-- labelに修正 --*/

.co-social .cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.co-social .cp_box {
	position: relative;
}
.co-social .cp_box label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	cursor: pointer;
	text-align: center;
}
.co-social .cp_box label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 16rem;
	content: ' 続きはこちら';
	transform: translate(-50%, 0);
	color: #E60039;
	font-weight: bold;
	border-radius: 25px;
	border: 2px solid #E60039;
	background-color: none;
}
.co-social .cp_box label span {
  content: url(/common/images/co_environment/ico_open.png);
  width: 10px;
  height: 10px;
  vertical-align: middle;
  margin-left: 10px;
  line-height: 1.2;
  position: relative;
  top: -30px;
  right: -100px;
}

.co-social .cp_box input {
	display: none;
}
.co-social .cp_box .cp_container {
	overflow: hidden;
	height: 330px; /* 開く前に見えている部分の高さ */
	transition: all 1s ease-out;
}

@media screen and (max-width: 768px) {
  .co-social .cp_box label span {
    height: 10px;
    top: 2.2em;
  }
  .co-social .cp_box .cp_container {
  	overflow: hidden;
  	height: 625px; /* 開く前に見えている部分の高さ */
  	transition: all 1s ease-out;
  }
  .cp_box label {
	height: 90px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	background:  linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 10%);
}
.cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
  }
}
.co-social .cp_box input:checked .cp_container {
	transition: all 1s ease-out;
}

.co-social .cp_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.co-social .cp_box input:checked + label:after {
	content: ' 閉じる';
}
.co-social .cp_box input:checked + label span {
  content: url(/common/images/co_environment/ico_close.png);
  width: 10px;
  vertical-align: middle;
  margin-left: 10px;
  line-height: 1.2;
  position: relative;
  top: -30px;
  right: -100px;
}
@media screen and (max-width: 768px) {
  .co-social .cp_box input:checked + label span {
    height: 10px;
    top: 2.2em;
  }
}
.co-social .cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 1s ease-out;
}

/*-- 新規追加-acc-massage --*/

.txt-r{ text-align: right;}

.co-social .sec01 .co-about-topbox{
  padding: 40px 40px 0;
}

.co-social .sec01 .acc-title02 h4:after {
  content: none;
  vertical-align: middle;
  margin-left: 0;
  line-height: 1.2;
}
.co-well-being .sec01 .sec01-content-name {
  padding-bottom: 0;
}

@media screen and (max-width: 768px) {
  .co-well-being .sec01 .sec01-content-name {
    line-height: 1.4;
    padding-bottom: 1rem;
  }
  .co-social .sec01 .acc-title02 h4 {
    padding-left: 0;
  }
}

/* acc-detail */
.co-social .sec01 .acc-wrap {
  position: relative;
  margin-bottom: 50px;
  border: none;
  border-bottom: 2px solid #FEDFE4;
}
.co-social .sec01 .acc-wrap:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.co-social .sec01 .acc-title02 {
  position: relative;
  width: 100%;
  height: auto;
}

/*-- labelに修正 --*/

.co-social .sec01 .cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.co-social .sec01 .cp_box {
	position: relative;
}
.co-social .sec01 .cp_box label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0px;
	cursor: pointer;
	text-align: center;
}
.co-social .sec01 .cp_box label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 50px;
	left: 50%;
	width: 16rem;
	content: ' 続きはこちら';
	transform: translate(-50%, 0);
	color: #E60039;
	font-weight: bold;
	border-radius: 25px;
	border: 2px solid #E60039;
	background-color: #FFF8F8;
}
.co-social .sec01 .cp_box label span {
  content: url(/common/images/co_environment/ico_open.png);
  width: 10px;
  height: 10px;
  vertical-align: middle;
  margin-left: 10px;
  line-height: 1.2;
  position: relative;
  top: 6px;
  right: -100px;
	z-index: 3;
}

.co-social .sec01 .cp_box label {
	height: 90px; /* グラデーションの高さ */
	width: 100%;
	cursor: pointer;
	text-align: center;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,248,248,1) 10%);
	margin: 40px 0 0 0;
}
.co-social .sec01 .cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
  }
  
.co-social .sec01 .cp_box input {
	display: none;
}
.co-social .sec01 .cp_box .cp_container {
	overflow: hidden;
	height: 160px; /* 開く前に見えている部分の高さ */
	transition: all 1s ease-out;
}

@media screen and (max-width: 768px) {
  .co-social .sec01 .cp_box label span {
    height: 10px;
    top: .5em;
  }
  .co-social .sec01 .cp_box .cp_container {
  	overflow: hidden;
  	height: 12.5rem; /* 開く前に見えている部分の高さ */
  	transition: all 1s ease-out;
  }
  .co-social .sec01 .cp_box .cp_container.line02 {
  	overflow: hidden;
  	height: 11rem; /* 開く前に見えている部分の高さ */
  	transition: all 1s ease-out;
  }
  .co-social .sec01 .cp_box label {
	height: 90px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,248,248,1) 10%);
}
  .co-social .sec01 .cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
  }
}
.co-social .sec01 .cp_box input:checked .cp_container {
	transition: all 1s ease-out;
}

.co-social .sec01 .cp_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.co-social .sec01 .cp_box input:checked + label:after {
	content: ' 閉じる';
}
.co-social .sec01 .cp_box input:checked + label span {
  content: url(/common/images/co_environment/ico_close.png);
  width: 10px;
  vertical-align: middle;
  margin-left: 10px;
  line-height: 1.2;
  position: relative;
  top: 6px;
  right: -100px;
}
@media screen and (max-width: 768px) {
  .co-social .sec01 .cp_box input:checked + label span {
    height: 10px;
    top: .5em;
  }
}
.co-social .sec01 .cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 1s ease-out;
}


/*-- 新規追加-header sdgs icon --*/

.co-well-being .co-page-ttl-wrap .co-page-ttl .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.co-well-being .co-page-ttl-wrap .co-page-ttl .inner .sdgs-icon a img {
  max-width: 4rem;
}

.co-well-being .co-page-ttl-wrap .co-page-ttl .inner .sdgs-icon a:hover {
  opacity: .7;
  transition: .4s;
}

.co-well-being .co-page-ttl-wrap .co-page-ttl .inner div.sdgs-icon p {
    font-size: .8rem;
  }


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

  .co-well-being .co-page-ttl-wrap .co-page-ttl .inner {
    display: block;
    width: 100%;
  }
  .co-well-being .co-page-ttl-wrap .co-page-ttl .inner div {
    display: flex;
    align-items: center;
  }
  .co-well-being .co-page-ttl-wrap .co-page-ttl .inner div.sdgs-icon {
    margin-top: 4%;
    justify-content: flex-end;
  }
  .co-well-being .co-page-ttl-wrap .co-page-ttl .inner div.sdgs-icon p {
    font-size: .8rem;
    margin: 0 4% 0 0;
  }
  .co-well-being .co-page-ttl-wrap .co-page-ttl .inner div.sdgs-icon a {
    margin: 0 2% 0 0;
  }
}

.co-well-being .h4-ttl {
  font-weight: bold;
  color: #E60039;
  font-size: 20px;
  margin-bottom: 10px;
}