/*=============================
 common
 ==============================*/ 


/* pc */
.section {
   max-width: 1440px;
   height: auto;
   margin: 0 auto;
}

/* pc */
   
/*=============================
 main
==============================*/ 
/* article__header */
.article__header {
   max-width: 1440px;
   height: auto;
   margin: 0 auto;
   padding: 100px 5% 0;
   background-color: var(--primary-bg);
}   
   
h2 {
   font-size: 2.8rem;
   font-weight: 500;
   line-height: 1;
}   
  
.h2__en {
   font-size: 1.1rem;
   font-style: Bold;
   color: var(--primary-blue);
   line-height: 1;
   margin-top: 8px;
}  
  
.h2__enLarge {
   color:rgba(178,207,243,0.3);
   font-size: 7rem;
   font-weight: 600;
   line-height: 1;
   margin-top: 30px;
}  

/* article header pc */
@media screen and (min-width: 769px) {
   .article__header {
      max-width: 1440px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
   }

   h2 {
      font-size: 4rem;
      font-weight: 500;
      line-height: 1;
   }   

   .h2__en {
      font-size: 10rem;
      font-weight: 700;
      color: var(--secondary-blue);
      line-height: 1;
   }   

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

/* company */
.pageCompany__theme {
   padding: 70px 5% 90px;
   text-align: center;
}

.companyTheme__title {
   font-size: 2.2rem;
   font-weight: 400;
   line-height: 1.4;
}

.companyTheme__caption {
   margin-top: 70px;
   text-align: center;
}

.companyTheme__txt {
   font-size: 1.4rem;
   font-weight: 400;
   margin-top: 15px;
}

/* company pc */
@media screen and (min-width: 769px) {
   /* .section--pageCompany {
      padding: 120px 17%;
   } */

   .pageCompany__theme {
      padding: 120px 17%;
   }

   .companyTheme__title {
      font-size: 3.2rem;
   }

   .companyTheme__txt {
      font-size: 2.2rem;
      line-height: 2;
   }

   .spBr {
      display: none;
   }
}

/* message */
.message__container {
   width: 100%;
   padding: 70px 0 54px;
   background-color: var(--secondary-bg);
}

.pageSectionTitle {
   margin-top: 65px;
   text-align: center;
}

.pageSectionTitle__name {
   font-size: 2.8rem;
   font-weight: 500;
   line-height: 1;
}

.pageSectionTitle__en {
   font-size: 1.1rem;
   font-weight: 700;
   color: var(--primary-blue);
   line-height: 1;
   margin-top: 8px;
}

.message__box {
   padding: 25px 5% 0;
}

.message__img {
   display: block;
   width: 42%;
   margin: 0 auto;
}

.message__caption {
   margin-top: 46px;
}

.message__txt {
   font-size: 1.4rem;
   margin-top: 10px;
}

.ceo {
   font-size: 1.4rem;
   margin-top: 40px;
   text-align: right;
}

.ceo__name {
   margin-top: 7px;
}

/* message pc */
@media screen and (min-width: 769px){
   .message__container {
      padding: 117px 116px;
   }

   .pageSectionTitle {
      margin-top: 50px;
      text-align: left;
   }

   .pageSectionTitle__name {
      font-size: 3.6rem;
      font-weight: 500;
      line-height: 1;
   }

   .pageSectionTitle__en {
      display: block;
      font-size: 1.3rem;
      font-weight: 700;
      color: var(--primary-blue);
      line-height: 1;
      margin-top: 10px;
   }

   .message__box {
      display: flex;
      /* width: 80%; */
      padding: 0 5%;
      margin-top: 30px;
      justify-content: space-between;
   }

   .message__img {
      width: 356px;
      height: auto;
      margin-left: 0;
   }

   .message__caption {
      width: 617px;
      margin-top: 0;
   }

   .message__txt {
      font-size: 1.8rem;
      margin-top: 10px;
   }   

   .message__txt:first-child {
      margin-top: 0;
   }

   .ceo {
      font-size: 1.6rem;
      margin-top: 10px;
      text-align: right;
   }

   .ceo__name {
      margin-top: 10px;
   }
}

/* company */
.company__box {
   padding: 70px 5% 90px;
}

.pageSectionTitle__company {
      margin-top: 0;
      text-align: center;
   }
   
.table__box {
   margin-top: 50px;
}

.table__tr {
   font-size: 1.4rem;
   border-bottom: solid 1px #d9d9d9;
   position: relative;
}

.table__tr::after {
  content: "";
  position: absolute;
  width: 30%;
  border-bottom: solid 1px var(--color-body);
  bottom: 0px;
  left: 0px;
}

.table__tr:first-child {
   border-top: solid 1px #d9d9d9;
   position: relative;
}

.table__tr:first-child::after {
   content: "";
   position: absolute;
   width: 30%;
   border-top: solid 1px var(--color-body);
   top: 0px;
   left: 0px;
}

.table__tr:nth-child(10),
.table__tr:nth-child(10)::after {
   border-bottom: none;
}

.table__th {
   padding: 20px 16px 0;
}

.table__td {
   padding: 10px 45px 20px;
}

/* company pc */
@media screen and (min-width: 769px) {
   .company__box {
      padding: 100px 21%;
      margin: 0 auto;
   }

   .pageSectionTitle__name {
      font-size: 3.6rem;
      font-weight: 500;
      line-height: 1;
   }

   .pageSectionTitle__en {
      display: block;
      font-size: 1.3rem;
      font-weight: 700;
      color: var(--primary-blue);
      line-height: 1;
      margin-top: 10px;
   }

   .table__tr {
      display: flex;
      height: 74px;
      align-items: center;
      position: static;
   }

   .table__tr::after {
      display: none;
   }

   .table__th {
      width: 212px;
      font-size: 1.6rem;
      line-height: 1.6;
      padding: 0;      
   }

   .table__td {
      font-size: 1.6rem;
      line-height: 1.6;
      padding: 10px 0;
   }

   .table__tr:first-child::after {
      display: none;
   }

   .table__tr:nth-child(10) {
      border-bottom: solid 1px #d9d9d9;
   }

   .table__tr:nth-child(10)::after {
      display: none;
   }
}  

/* history */
.history__box {
   padding: 5px 0 90px;
   background-color: var(--secondary-bg);
}

.pageSectionTitle {
   text-align: center;
}

.pageSectionTitle__name {
   font-size: 2.8rem;
   font-weight: 500;
   line-height: 1;
}

.pageSectionTitle__en {
   font-size: 1.1rem;
   font-weight: 700;
   color: var(--primary-blue);
   line-height: 1;
   margin-top: 8px;
}

.history__txt {
   font-size: 1.3rem;
   padding: 30px 5% 0;
}

/* history pc */
@media screen and (min-width: 769px){
   .history__box {
      padding: 87px 7%;
   }

   .pageSectionTitle {
      margin-top: 0;
      text-align: left;
   }

   .pageSectionTitle__name {
      font-size: 3.6rem;
      font-weight: 500;
      line-height: 1;
   }

   .pageSectionTitle__en {
      display: block;
      font-size: 1.3rem;
      font-weight: 700;
      color: var(--primary-blue);
      line-height: 1;
      margin-top: 10px;
   }

   .history__txt {
      font-size: 1.6rem;
      margin-top: 50x;
      padding-left: 20%;
   }

}