@charset"UTF-8";

/* 
***********************************************************
* Copyright(C) CIDARIO Inc.
* URI:https://cidario.co.jp
* Editor:Hiromi Yoshino
***********************************************************
*/

#about-cooperation{
  width:100%;
  padding: 0 0 60px 0;
  margin: 0 auto;
}

@media print, screen and (min-width:768px) {
#about-cooperation{
  width:100%;
  padding: 0;
  margin: 0 auto;
  }
}

.about-cooperation-wrap{
  width:100%;
  max-width: 1200px;
  margin: 0 auto;
}

.about-cooperation-wrap figure{
  position: relative;
  width:100%;
  max-width: 1200px;
  margin: 0 auto;
  z-index: 100;
}

.about-cooperation-wrap figure img{
  display: block;
  width:100%;
  height: 100%;
  object-fit: cover;
}

.cooperation-box{  
  counter-reset: number 0;
  position: relative;
  width:90%;
  max-width: 1000px;
  margin: -40px auto 0 auto;
  z-index: 103;
}

@media print, screen and (min-width:1100px) {  
.cooperation-box{  
  width:90%;
  max-width: 1000px;
  margin: -150px auto 0 auto;
  }
}

.cooperation-box dl{
  background: #FFF;
  padding: 30px 25px 40px 5%;
  margin: 0 0 10px 0;
}

@media print, screen and (min-width:768px) {  
.cooperation-box dl{  
  padding: 40px 40px 40px 5%;
  margin: 0 0 10px 0;
  }
}

@media print, screen and (min-width:1100px) {  
.cooperation-box dl{
  padding: 60px 0 60px 90px;
  margin: 0 0 10px 0;
  }
}

.cooperation-box dl dt{ 
  height: 60px;
  position: relative;
  font-size: 2.0rem;  
  font-weight: 700;
  color: #4AB8CF;
  line-height: 1.5em;
  padding: 0 0 0 65px;
  margin: 0 0 15px 0;
  display: flex;
  align-items: center; 
}

@media print, screen and (min-width:768px) {
.cooperation-box dl dt{ 
  font-size: 3.0rem;  
  padding: 0 0 0 90px;
  margin: 0 0 30px 0;
  }
}

@media print, screen and (min-width:1100px) {
.cooperation-box dl dt{ 
  font-size: 3.0rem;  
  padding: 0 10%;
  margin: 0 0 30px 0; 
  }
}

.cooperation-box dl dt::before{
  counter-increment: number 1;
  content: "0" counter(number) " "; 
  font-family: "Fjalla One", sans-serif;
  font-size: 4.8rem;
  font-weight: normal;
  position: absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
}

@media print, screen and (min-width:768px) {
.cooperation-box  dl dt::before{
  font-size: 6.0rem;
  }
}


.cooperation-box dl dd{
  width: 100%;
  line-height: 2.5em;
  padding: 0 0 0 65px;
}

@media print, screen and (min-width:768px) {
.cooperation-box dl dd{
  padding: 0 0 0 90px;
  }
}
@media print, screen and (min-width:1100px) {
.cooperation-box dl dd{
  padding: 0 10%;
  }
}

.cooperation-box a{
  margin: 40px auto 60px auto;
}

@media print, screen and (min-width:1100px) {
.cooperation-box a{
  margin: 80px auto 120px auto;
  }
}