/*    section01  */

#section-business01{
  position: relative;
  background-color: var(--sub01-color);
  color: var(--text-sub-color);
}

.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-business01 .l-section-container{
  padding-bottom:10em;
}

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

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

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


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

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

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



#section-business01 .l-content-flex{
  display: flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items: start;
  text-align: center;
  font-size: min(40px, 6vw);
  padding-top: 3em;
}

@media screen and (max-width: 1400px) {
  #section-business01 .l-content-flex{
    font-size: min(28px, 6vw);
  }
}

#section-business01 .l-content-flex > div{
flex-basis:20%;
margin-right:20px;
margin-left:20px;
}

@media screen and (max-width: 1400px) {
  #section-business01 .l-content-flex > div{
    flex-basis:24%;
  }
}

@media screen and (max-width: 750px) {
  #section-business01 .l-content-flex > div{
  flex-basis: 100%;
  margin-right:0;
  margin-bottom: 20px;
margin-left:0;
  }
}

#section-business01 .l-business-point{
  font-family: var(--font-family-oswald);
  line-height: 1.5;
  border:1px solid var(--sub02-color);
  border-radius: 10px;
  padding:10px 20px;
}

/*    section01  */



/*    section02  */

#section-business02{
  position: relative;
  padding-bottom:10em;
}



#section-business02 .l-section-content{
  text-align: center;
  padding-bottom: 10%;
}

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

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



/*    section03  */

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

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

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


#section-business03 .l-content-faq{
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 3em;
  font-size: min(28px, 4vw);
  max-width: 90%;
}

@media screen and (max-width: 750px) {
  #section-business03 .l-content-faq{
    max-width: 100%;
  }
}


#section-business03 .l-content-faq-item{
  display:flex;
  align-items: center;
  width:100%;
  margin-bottom: 30px;
}

#section-business03 .l-content-faq-item.item-a{
  align-items: start;
  margin-bottom: 60px;
}


#section-business03 .l-content-faq-item .title-q{
  font-weight:bold;
  text-align: center;
  width:80px;
  height: 74px;
  padding-bottom: 6px;
  margin-right: 20px;
  border:1px solid var(--sub02-color);
  border-radius: 50%;
  display: flex;
      justify-content: center;
      align-items: center;
}

@media screen and (max-width: 750px) {
  #section-business03 .l-content-faq-item .title-q{
    width:40px;
    height: 34px;
    padding-bottom: 6px;
  }
}

#section-business03 .l-content-faq-item .text-q{
  font-size: min(30px, 4.5vw);
  font-weight:bold;
  width: calc(100% - 100px);
}

@media screen and (max-width: 750px) {
  #section-business03 .l-content-faq-item .text-q{
    width: calc(100% - 60px);
  }
}

#section-business03 .l-content-faq-item .title-a{
  font-weight:bold;
  text-align: center;
  width:80px;
  height: 74px;
  padding-bottom: 6px;
  margin-right: 20px;
  background-color: var(--sub02-color);
  color: var(--text-color);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 750px) {
  #section-business03 .l-content-faq-item .title-a{
    width:40px;
    height: 34px;
    padding-bottom: 6px;
  }
}

#section-business03 .l-content-faq-item .text-a{
  font-size: min(26px, 3vw);
  width: calc(100% - 100px);
}

@media screen and (max-width: 750px) {
  #section-business03 .l-content-faq-item .text-a{
    width: calc(100% - 60px);
  }
}


/*    section03  */



.l-rotate-container{
  z-index:-1;
}

/*  business  end    */