/*-------------------- customer --------------------
customer
----------------------------------------------------*/
.co-customer .sec01-read-b {
  font-weight: bold;
  line-height: 3;
}
.co-customer .sec01-read-list {
  margin-bottom: 10px;
}
.co-customer .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-customer .content-wrap {
  margin-top: 70px;
}

.co-customer .sec01 .content-wrap {
  margin-top: 0;
}

.co-customer .content-wrap > h2 {
  margin-bottom: 30px;
}

.co-customer .content-wrap h3 {
  font-size: 24px;
  font-weight: bold;
  padding: 8px 0 8px 20px;
  background-color: #F2F2F2;
  border-left: 2px solid #e60039;
  margin: 56px 0 32px;
}

.co-customer .content-inner {
  border: solid 2px #FEDFE4;
  border-radius: 8px;
  margin: 30px 0;
}

.co-customer p + p {
  margin-top: 20px;
}

.co-customer .sec01 .content-inner h3 {
  color: #E60039;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  background: #FFF2F5;
  line-height: 1.2;
  padding: 12px;
  
  border: none;
  margin: 0;
}

.co-customer .sec01 .content-inner .content-inner-item {
  padding: 32px;
}

.co-customer .sec01 .content-inner .content-inner-item h4 {
  margin: 50px 0 14px;
  font-size: 18px;
}

.co-customer .sec01 .content-inner .content-inner-item h4:first-of-type {
  margin: 32px 0 14px;
}

.co-customer .sec01 .content-inner .content-inner-item h4 .red-box {
  font-size: 16px;
  width: 20px;
  height: 20px;
  line-height: 1.2;
  margin-right: 8px;
}

.co-customer .sec01 .r-area {
  text-align: right;
  margin-top: 32px;
}

.co-customer .sec01 .txt-link {
  margin:  10px 0 56px;
}
.co-customer .sec01 .txt-link a {
    text-decoration: underline;
    color: #6E6E6E;
}
.co-customer .sec01 .txt-link a:hover {
  color: #E60039;
  transition: .2s;
}

.co-customer .sec01 table {
  width: 100%;
  margin: 10px auto 20px;
  font-size: 14px;
}
.co-customer .sec01 table th {
  background: #F5F5F5;
  border: solid 1px #DEDEDE;
  padding: 10px;
  font-weight: bold;
  vertical-align: middle;
}
.co-customer .sec01 table td {
  border: solid 1px #DEDEDE;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}
.co-customer .sec01 table td:first-child {
  text-align: left;
  font-weight: bold;
}
.co-customer .sec01 table sup {
  font-size: 10px;
}

.co-customer .sec01 ol.notes-item li {
  padding-left: 2.5em;
  text-indent: -2.5em;
  font-size: 14px;
  line-height: 1.8;
}

.co-customer .sec01 ul.notes-list {
  margin-bottom: 30px;
}

.co-customer .sec01 ul.notes-list li {
  padding-left: 2.5em;
  text-indent: -1.5em;
  font-size: 14px;
  list-style: disc;
  list-style-position: inside;
  line-height: 1.8;
}

.co-customer .pdf-link {
  margin-top: 40px;
}

.co-customer .pdf-link-ttl{
  display:block;
  font-size:18px;
  font-weight:bold;
  background:#F2F2F2;
  border-radius: 8px 8px 0 0;
  padding:12px;
}

.co-customer .pdf-link-wrap{
  display:block;
  font-size:16px;
  border-radius: 0 0 8px 8px;
  border:2px solid  #F2F2F2;
  box-sizing:border-box;
  padding:16px 24px;
}

.co-customer .pdf-link-wrap a{
  text-decoration: underline;
}

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

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

.co-customer .btn-w400 {
  width: 500px;
}

@media screen and (max-width: 768px) {
  .co-customer .content-wrap {
      margin-top: 3em;
      font-size: 16px;
  }

  .co-customer .content-wrap h3 {
    font-size: 21px;
    margin-bottom: 19px;
  }
  
  .co-customer .sec01 .content-inner h3 {
      font-size: 19px;
  }
  
  .co-customer .sec01 .content-inner .content-inner-item {
      padding: 4%;
  }  
  
  .co-customer .sec01 .content-inner .content-inner-item h4 {
      margin: 2em 0 .5em;
  }  

  .co-customer .sec01 .content-inner .content-inner-item .r-area img {
    width: 120px;
  }
  
  .co-customer .sec01 .r-area {
    margin-top: 24px;
  }

  .co-customer .sec01 .txt-link {
    margin-bottom: 40px;
  }
   .co-customer .sec01 table .last td:last-child {
    border-bottom: solid 1px #DEDEDE;
    width: 100%;
  }
  .co-customer .sec01 table th,
  .co-customer .sec01 table td {
    border-bottom: none;
    display: block;
    width: 100%;
  }
  .co-customer .sec01 table .thead {
    display: none;
  }
  .co-customer .sec01 table tr {
    width: 100%;
  }
  .co-customer .sec01 table td {
    border-bottom: none;
    border-left: solid 1px #DEDEDE;
    display: block;
    width: 100%;
    padding: 0;
    line-height: 3;
  }
  .co-customer .sec01 table td:first-child {
    background: #F5F5F5;
    font-weight: bold;
    text-align: center;
  }
  .co-customer .sec01 table td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
    border-right: 1px solid #DEDEDE;
    padding: 0;
    width: 50%;
    text-align: center;
  }
  
  .co-customer .pdf-link-ttl{
    font-size:17px;
  }
  
  .co-customer .pdf-link-wrap{
    padding: 16px 12px 12px 30px;
 }
 
  .co-customer .pdf-link-wrap a{
    text-indent: 16px;
    margin-left: -25px;
    padding-left: 10px;
  }


  .co-customer .btn-c-normal.btn-arrow.btn-w400 {
    width: 100%;
    height: 60px;
    line-height: 1.4;
    padding: 5px;
  }
  .co-customer .btn-arrow.icon-arrow::after {
    top: 15px;
  }
}





/*-------------------- certification --------------------
certification
----------------------------------------------------*/
.co-certification .content-wrap {
  margin-top: 70px;
}

.co-certification .sec01 .content-wrap {
  margin-top: 0;
}

.co-certification .content-wrap > h2 {
  margin-bottom: 30px;
}

.co-certification.company-2col .l-inner-s h2, .h2-base {
  line-height: 1.4;
  padding-bottom: 20px;
}

.co-certification .com-table {
  width: 100%;
  font-size: 14px;
}

.co-certification .sec06 .js-scrollable.mt {
  margin-top: 30px;
}

.co-certification .com-table th {
  background: #F5F5F5;
  border: solid 1px #DEDEDE;
  padding: 10px;
  font-weight: bold;
  vertical-align: middle;
}
.co-certification .com-table td {
  border: solid 1px #DEDEDE;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}
.co-certification .com-table td:first-child,
.co-certification .com-table td.txt-l {
  text-align: left;
}

.co-certification sup {
  font-size: 10px;
}

.co-certification .notes {
    font-size: 12px;
    position: relative;
    padding-left: 1.5em;
    margin-top: .8em;
}
.co-certification .notes::before {
    content: "※";
    left: 0px;
    position: absolute;
}
@media screen and (max-width: 768px){
  .co-certification.company-2col .l-inner {
    display: block;
  }
  .co-certification .content-wrap {
      margin-top: 3em;
      font-size: 16px;
  }
  .co-certification .js-scrollable {
    margin-left: calc((1/375)*100vw);
  }
  .co-certification .com-table {
    margin-right: calc((1/375)*100vw);
    width: max-content;
  }
  .co-certification .com-table tbody th,
  .co-certification .com-table tbody td {
    padding: 2%;
  }
  .co-certification .com-table tbody td {
    width: 8em;
  }
  .co-certification .scroll-hint-text {
    font-size: 13px;
  }
  .co-certification .scroll-hint-icon:before {
    width: 50px;
    height: 70px;
  }
  .co-certification .scroll-hint-icon {
    width: 180px;
    height: 124px;
    top: calc(37% - 25px);
    left: 25%;
  }
  .co-certification .com-table {
    margin: 0;
  }
  .co-certification .sec06 .js-scrollable.mt {
    margin-top: 8%;
  }
}





/*-------------------- co-customer --------------------
co-customer
----------------------------------------------------*/
.co-customer .sec01 h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 20px 0;
}

@media screen and (max-width: 768px){
  .l-col-02 .l-col-item {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 4%;
  }
}

.co-customer.co-customer .content-wrap h2 + h3 { margin-top: 0;}

.co-customer.co-customer .co-page-ttl-wrap {
  padding: 48px 0;
}
@media screen and (max-width: 768px){
  .co-customer.co-customer .co-page-ttl-wrap {
    padding: 30px 4%;
  }
}

.co-customer.co-customer .co-page-ttl {
  font-size: 36px;
  line-height: 36px;
  font-weight: bold;
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 20px;
  border-left: 4px solid #E60039;
}




.co-customer .accordion-summary {
  cursor: pointer;
  font-weight: 600;
  position: relative;
  list-style: none;
  margin: 10px 0 30px;
  text-decoration: underline;
}

.co-customer .accordion-summary::-webkit-details-marker {
  display: none;
}

.co-customer .accordion-summary::after {
  content: "▼";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 700;
}

.co-customer details[open] .accordion-summary::after {
  content: "▲";
}

.co-customer .accordion-panel {
  margin-top: 8px;
}


.co-customer .sec01 .content-inner.short .content-inner-item h4 {
 font-size: 16px;
}
.co-customer .sec01 .content-inner.short .content-inner-item h4 + h4 {
 margin: 10px 0;
}
.co-customer .sec01 .content-inner.short .r-area {
 margin-bottom: 10px;
}
.co-customer .h4-ttl {
  font-weight: bold;
  color: #E60039;
  font-size: 20px;
  margin-bottom: 10px;
}

.co-customer p + .h4-ttl {
  margin-top: 30px;
}

.co-customer .note {
  font-size: 14px;
  margin: 20px 0 46px;
}
.co-customer .note ul li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.co-customer .note ul li a,
.co-customer .content-inner-item a {
  text-decoration: underline;
}
.co-customer .note ul li a:hover,
.co-customer .content-inner-item a:hover {
  opacity: .7;
}
.mb30{ margin-bottom: 30px;}


.co-customer .content-inner-item .pdf-link-wrap {
  border: none;
  padding: 16px 0;
}