@charset "utf-8";
   
/*=============================
 main
 ==============================*/ 
 /* article__header */
.article__headerTop {
   padding: 50px 0 70px;
   /* background: linear-gradient(176deg, rgba(6,147,227,0.1), rgba(18,128,214,0.3) , #3f35a4); */
}

.mainVisual__sp {
   position: relative;
}

.mainVisual .mainVisual__pc {
   display: none;
}

.mainTitle {
   text-align: center;
   position: absolute;
   top: 40%;
   right: 0;
   left: 0;
   margin: 0 auto;
}

.mainTitle__heading {
   font-size: 3.6rem;
   color: white;
   font-weight: 700;
   line-height: 1.7;
}

.mainTitle__txt {
   margin-top: 150px;
   font-size: 1.2rem;
   color: #fff;
   font-weight: 500;
   line-height: 1;
}

.mainTitle__txt:nth-child(3) {
   margin-top: 20px;
}

/* article header pc */
@media screen and (min-width: 769px) {
   .article__header {
      padding: 0;
   }

   .mainVisual .mainVisual__pc {
      display: block;
      position: relative;
      width: 100%;
      height: auto;
      margin: 0 auto;
   }

   .mainVisual .mainVisual__sp {
      display: none;
   }

   .mainTitle {
      position: absolute;
      text-align: left;
      margin: 0;
      top: 35%;
      left: 15%;
   }
   
   .mainTitle__heading {
      font-size: 6.4rem;
      color: white;
      font-weight: 700;
      line-height: 1;
   }

   .mainTitle__txt {
      margin-top: 200px;
      font-size: 2rem;
      color: #fff;
      font-weight: 500;
      line-height: 3;
   }

   .spBr__main {
      display: none;
   }
}
/* pc 769px */

/* about */
.section--aboutUs {
   padding: 90px 5% 70px;
}

.about__imgsp {
   margin-top: 50px;
   width: 100%;
}

.about__imgpc {
   display: none;
}

.about__caption {
   text-align: center;
   /* margin-top: 50px; */
}

.about__txt {
   font-size: 1.4rem;
   margin-top: 50px;
}

/* about pc */
@media screen and (min-width: 769px) {
   .section--aboutUs {
      padding: 50px 7% 100px;
   }
   
   .about__caption {
      display: flex;
      flex-direction: row-reverse;
      align-items: flex-start;
   }

   .about__imgsp {
      display: none;
      margin-top: 59px;
   }
      
   .about__imgpc {
      display: block;
      width: 500px;
      margin-left: 100px;
   }

   .about__txt {
      font-size: 1.8rem;
      line-height: 2.2;
      text-align: left;
   }  

   .spBr__about {
      display: none;
   }
}
/* pc 769px */

/* business */
.section--business {
   padding: 70px 5% 90px;
   background-color: var(--secondary-bg);
}

.topBusiness__caption {
   font-size: 1.4rem;
   margin-top: 35px;
}

.topBusiness__container {
   display: flex;
   flex-direction: column;
   margin: 30px 0;
   padding: 30px 12.5% 24px;
   background-color: #fff;
   border-radius: 30px 0 0 30px;
   box-shadow: 2px 2px 4px gray;
}

.business__name {
   font-size: 2.2rem;
   line-height: 1.4;
   border-left: solid 12px var(--primary-blue);
   padding-left: 10px;
   top:32px;
   left: 20px;
}

.business__txt {
   font-size: 1.2rem;
   line-height: 1.6;
   margin-top: 20px;
}

.businessSakan__img {
   margin: 30px 0 30px;
}

.topBusiness__container .btn__smallBlue {
   display: block;
   margin: 0 auto;
}

.btn__hover {
   opacity: 0.5;
}

.topBusiness__container .btn__Blue {
   display: none;
}

/* business pc */
@media screen and (min-width: 769px) {
   .section--business {
      padding: 100px 7% 90px;
   }

   .topBusiness__box {
      display: flex;
      align-items: flex-start;
   }   
   
   .business__name {
      font-size: 3.2rem;
      line-height: 1.1;
      top: 60px;
      left: 53.3%;
   }

   .spBr {
      display: none;
   }

   .topBusiness__caption {
      margin: 0 0 0 200px;
      font-size: 1.6rem;
      line-height: 2;
      text-align: left;
   }
   
   .topBusiness__container {
      position: relative;
      flex-direction: row-reverse;
      justify-content: space-between;
      max-width: 1220px;
      height: 390px;
      margin-top: 50px;
      padding: 60px 10%;
   }   

   .topBusiness__topic {
      margin-left: 122px;
   }

   .businessSakan__img {
      width: 409px;
      margin: 0;
      /* top: 60px; */
   }

   .business__txt {
      width: 452px;
      margin-top: 32px;
      right: 53.3%;
      font-size: 1.6rem;
      line-height: 2;
   }

   .topBusiness__container .btn__smallBlue {
      display: none;
   }
   
   .topBusiness__container .btn__blue {
      content: '';
      position: absolute;
      display: block;
      right: 13.8%;
      bottom: 42px;
   }
}

/* project */
.section--project {
   padding: 70px 5% 99px;
}

.project__txt {
   font-size: 1.4rem;
   line-height: 1.7;
   margin-top: 35px;
}

.slidebox-container {
   max-width: 1200px;
   margin: 0 auto;
}

.slider__item {
   position: relative;
   width: 345px;
   height: 402px;
   border-top: 23px solid #E9F1FC;
   border-right: 31px solid #B5CFEF;
   padding: 19px 24px 30px;
   background-color: #DBE7F6;   
   margin: 42px 10px 0;
   text-align: center;
}

.slider__item::before {
   position: absolute;
   content: '';
   top: -33px;
   left: -21px;
   transform: rotate(20deg);
   /* 上のmarginだけ残して下向きの三角形を作る */
   border-top:    33px solid var(--primary-bg);
   border-right:  23px solid transparent;
   border-bottom: 23px solid transparent;
   border-left:   23px solid transparent;
}

.slider__item::after {
   position: absolute;
   content: '';
   bottom: -29px;
   right: -85px;
   transform: rotate(212deg);
   border-top:    33px solid transparent;
   border-right:  43px solid var(--primary-bg);
   border-bottom: 33px solid transparent;
   border-left:   33px solid transparent;
}

.slider__img {
   width: 100%;
   height: 213px;
   object-fit: cover;
}

.slider__content {
   margin-top: 30px;
}

.slider__name {
   font-size: 1.6rem;
   line-height: 1.8;
   font-weight: 500;
}

.slider__info {
   font-size: 1.4rem;
   line-height: 2;
}

.slider__category {
   display: block;
   margin-top: 29px;
   font-size: 1.4rem;
   line-height: 2;
   font-weight: 600;
   color: #fff;
   background-color:var(--secondary-blue);
   width: 90px;
   height: 32px;
   border-radius: 100vmax;
   margin-left: auto;
}

/* project pc */
@media screen and (min-width: 769px) {
   .section--project {
      padding: 100px 7% 90px;
   }

   .project__box {
      display: flex;
      align-items: flex-start;
   }   

   .project__txt {
      margin: 0 0 0 200px;
      font-size: 1.6rem;
      line-height: 2;
   }
}
/* pc 769px */

/* company */
.section--company {
   padding: 70px 5% 90px;
   background-color: var(--secondary-bg);
}

.sectionTitle--company {
   text-align: center;
}

.company__txt {
   font-size: 1.4rem;
   line-height: 1.7;
   margin-top: 30px;
}

.btn__blue {
   display: none;
}

.sliderTxt__container {
   margin-top: 37px;
   overflow: hidden;
}

.txt__slider {
   width: 5577px;   
}

.slide__img {
   padding: 0 200px;
}

.btn__smallBlue {
   display: block;
   margin: 0 auto;
}

/* company pc */
@media screen and (min-width: 769px) {
   .section--company {
      padding: 100px 0 90px;
   }

   .sectionTitle--company {
      text-align: left;
      padding-left: 7%;
   }

   .company__box {
      padding: 47px 19% 0;
   }

   .company__txt {
      font-size: 1.6rem;
      line-height: 2;
      margin-bottom: 70px;
   }

   .btn__blue {
      display: block;
      width: 294px;
      height: 57px;
      margin:0 auto;
   }

   .sliderTxt__container {
      margin-top: 71px;
   }

   .btn__smallBlue {
      display: none;
   }
}
/* pc 769px */