/*    section01  */

#section-about01{
  position: relative;
}

.l-page-title{
 position: absolute;
 top: 0;
 right:0;
 left:0;
 font-family: var(--font-family-oswald);
 font-size: min(280px, 12vw);   
 text-align:center;
 margin-top: 0;
 line-height: 0.65;
}

#section-about01 .l-section-container{
  padding-bottom:10em;
}

#section-about01 .l-section-content{
  padding-top:22em;
  text-align: center;
}

#section-about01 .l-section-content h3{
  font-family: var(--font-family-oswald);
  font-size: min(60px, 10vw);
  line-height: 1.5;
}

#section-about01 .l-section-content p{
  font-size: min(20px, 3vw);
}


.l-content-title{
  padding-top: 3em;
  text-align:center;
  font-size: min(40px, 6vw);
}

#section-about01 .l-section-container .c-content-about-text{
  padding-top: 3em;
  font-size: min(30px, 4.5vw);
  text-align: center;
}

@media screen and (max-width: 750px) {
  #section-about01 .l-section-container .c-content-about-text{
   padding-top: 20%;
/*  text-align: left;  */
  }
}

/*    section01  */



/*    section02  */

#section-about02{
  background-color: var(--sub01-color);
  color: var(--text-sub-color);
  position: relative;
  padding-top:10em;
  padding-bottom:10em;
}



#section-about02 .l-section-content{
  text-align: center;
}

#section-about02 .l-section-content h3{
  font-family: var(--font-family-oswald);
  font-size: min(60px, 10vw);
  line-height: 1.5;
}

#section-about02 .l-section-content p{
  font-size: min(20px, 3vw);
}

#section-about02 .l-content-table{
  display:flex;
  justify-content: center;
  padding-top: 3em;
  font-size: min(30px, 4.5vw);
}

#section-about02 .l-content-table td{
padding-bottom:20px;
}


#section-about02 .l-content-table td:first-of-type{
  font-weight: bold;
  padding-right: 80px;
  vertical-align: top;
}


@media screen and (max-width: 750px) {
  #section-about02 .l-content-table td:first-of-type{
    padding-right: 40px;
  }
  
}



/*    section02  */


/*  about  end    */