@charset "UTF-8";

/* ========================================
   @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px),print {

/* staff -------------------------------------*/
#staff .en-ttl {
   font-size: 20px;
   line-height: 1.2;
   letter-spacing: 0.05em;
   font-weight: 400;
   color: #908672;
   text-align: center;
   margin-bottom: 0.85rem;
}
#staff .ttl {
   font-size: 24px;
   line-height: 1.7083333333;
   letter-spacing: 0.05em;
   font-weight: 500;
   text-align: center;
   margin-bottom: 4.8rem;
}
.message {
   padding: 7.2rem 0 21.36rem;
}



 /* common */
 .message .photo img {
   width: 100%;
   height: auto;
 }
 .message .content {padding: 4.5rem 0 0;}
 .message .content .lead {
   font-size: 22px;
   line-height: 1.8636363636;
   letter-spacing: 0.05em;
   font-weight: 500;
   margin-bottom: 3.2rem;
   font-size: clamp(1.125rem, 0.958rem + 0.35vw, 1.375rem);
 }
 .message .content .txt {
   font-size: 16px;
   line-height: 2;
   letter-spacing: 0.05em;
   font-weight: 500;
   margin-bottom: 2.05rem;
   font-size: clamp(0.875rem, 0.792rem + 0.17vw, 1rem);
 }
  .message .content .txt:last-child {
    margin-bottom: 0;
}


 /* inBox01 */
 .message .inBox01 {
   width: min(95%, 1585px);
   margin-right: auto;
   display: grid;
   grid-template-columns: 54.77% 1fr;
   gap: 5.7rem;
   margin-bottom: 10.2rem;
 }
 /* inBox02 */
 .message .inBox02 {
   width: min(95%, 1400px);
   margin-inline: auto;
   display: grid;
   grid-template-columns: 45.7142% 1fr;
   gap: 8.5rem;
   margin-bottom: 10.1875rem;
 }
 .message .inBox02 .photo {
   margin-right: 3.75rem;
 }
 .message .inBox02 .content {
    padding: 3.5rem 0 0;
 }
 .message .inBox02 .content .txt:nth-child(2) {
   margin-bottom: 3.35rem;
 }
 .message .inBox02 .content .lead{
   margin-bottom: 0;
 }
  /* inBox03 */
 .message .inBox03 {
   width: min(95%, 1640px);
   margin-inline: auto;
   display: grid;
   grid-template-columns: 50% 1fr;
   gap: 4.75rem;
   margin-bottom: 13.5rem;
 }
 .message .inBox03 .content {
   margin-right: 7.5rem;
   padding: 4.35rem 0 0;
 }
 .message .inBox03 .content .txt {
   line-height: 2.5;
   margin-bottom: 2.5rem;
 }
 .message .inBox03 .content .txt:nth-child(3) {
   margin-bottom: 3rem;
 }
  /* inBox04 */
 .message .inBox04 {
   width: min(95%, 1660px);
   margin-left: auto;
   display: grid;
   grid-template-columns: 38.5542% 1fr;
   gap: 7.5rem;
   margin-bottom: 11.9375rem;
 }
 .message .inBox04 .content {
   padding: 5.4rem 0 0;
 }
 .message .inBox04 .content .txt {
   line-height: 2.5;
   margin-bottom: 2.5rem;
 }
 .message .inBox04 .content .txt:nth-child(5) {
   margin-bottom: 2.85rem;
 }
  /* inBox05 */
 .message .inBox05 {
   width: min(95%, 1400px);
   margin-inline: auto;
   display: grid;
   grid-template-columns: 50% 1fr;
   gap: 3.75rem;
 }
 .message .inBox05 .content {
   padding: 3.65rem 0 0;
 }
 .message .inBox05 .content .txt {
   line-height: 2.5;
   margin-bottom: 1.25rem;
 }
 .message .inBox05 .content .txt:nth-child(2) {
   margin-bottom: 0.75rem;
 }
 .message .inBox05 .content .txt span {
   font-size: 17px;
   line-height: 2.3529;
   display: block;
 }
 .message .name,
 .message .name .name01 {
   font-size: 22px;
   line-height: 3.2727272727;
   letter-spacing: 0.05em;
   font-weight: 500;
   font-size: clamp(1rem, 0.75rem + 0.52vw, 1.375rem);
 }
 .message .name .job {
   font-size: 18px;
   line-height: 4;
   letter-spacing: 0.05em;
   font-weight: 500;
   font-size: clamp(0.875rem, 0.708rem + 0.35vw, 1.125rem);
   margin: 0 1.45rem;
 }


/* system-contents
-------------------------------------*/
#staff .system-contents {
   background: url(../images/staff/staff-bg.png)no-repeat center center;
   background-size: cover;
   padding: 10.65rem 0 11.5rem;
   max-width: 1920px;
   width: 100%;
   margin-inline: auto;
}
#staff .system-contents h2 {
   color: #F0EFEB;
   margin-bottom: 5.5rem;
}
#staff .system-list {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 4.4rem 6.7rem;
}
#staff .system-pic {
    margin-bottom: 0.15rem;
}
#staff .system-pic img {
   height: 23rem;
}
#staff .system-contents .inner {
   width: min(95%, 1100px);
   margin-inline: auto;
}
#staff .system-list a {
   text-decoration: none;
}
#staff .system-job {
   font-weight: 500;
   font-size: 14px;
   letter-spacing: 0.05em;
   line-height: 2.857142;
   color: #d6cece;
}
#staff .system-ttl {
   font-weight: 500;
   font-size: 16px;
   letter-spacing: 0.05em;
   line-height: 0.85;
   color: #fff;
   margin-bottom: 0.5rem;
}
#staff .system-txt {
   font-weight: 400;
   font-size: 14px;
   letter-spacing: 0.05em;
   line-height: 1.7142857;
   color: #fff;
}
#staff .system-contents02 {
   padding: 0 0 7.5rem;
}
#staff .system-contents02 .system-ttl {
   color: inherit;
}
#staff .system-contents02 .system-txt {
   color: inherit;
}
.staff.system-content {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 0 5rem;
   width: min(95%, 1200px);
   margin-inline: auto;
   margin-bottom: 0;
}
}

/* ========================================
@media screen and (min-width:768px) and (max-width:1000px)
======================================== */
@media screen and (min-width:768px) and (max-width:1000px) {
   .message .inBox01 {
      gap: calc(92 / 1920 * 100vw);
   }
   .message .inBox02 {
      gap: calc(136 / 1920 * 100vw);
      margin-right: calc(60 / 1920 * 100vw);
   }
   .message .inBox03 {
      gap: calc(76 / 1920 * 100vw);
   }
   .message .inBox03 .content {
      margin-right: calc(120 / 1920 * 100vw);
   }
   .message .inBox04 {
      gap: calc(120 / 1920 * 100vw);
   }
   .message .inBox05 {
      gap: calc(60 / 1920 * 100vw);
   }
   #staff .system-list {
      gap: calc(106 / 1920 * 100vw ) calc(72 / 1920 * 100vw);
   }
}



/* ========================================
   @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {

/* staff -------------------------------------*/
#staff .en-ttl {
   font-size:3.865vw;
   line-height: 1.1875;
   letter-spacing: 0.05em;
   font-weight: 400;
   color: #908672;
   text-align: center;
   margin-bottom: 1.75vw;
}
#staff .ttl {
   font-size:4.831vw;
   line-height: 1.75;
   letter-spacing: 0.05em;
   font-weight: 500;
   text-align: center;
   margin-bottom: 8.8vw;
}
.message {
   padding: 5vw 0 4.5vw;
   width: 89.375vw;
   margin-inline: auto;
}

/* common */
.message .inBox {
   margin-bottom: 17.85vw;
}
.message .photo {
   margin-bottom: 2.4vw;
}
.message .photo img {
   width: 100%;
   height: auto;
}
.message .content {padding: 4vw 0 0;}
.message .content .lead {
   font-size:4.348vw;
   line-height: 1.9444;
   letter-spacing: 0.05em;
   font-weight: 500;
   margin-bottom: 4.25vw;
}
 .message .content .txt {
   font-size:3.382vw;
   line-height: 2.285714;
   letter-spacing: 0.05em;
   font-weight: 500;
   margin-bottom: 7.5vw;
}
  .message .content .txt:last-child {
   margin-bottom: 0;
}
/* inBox02 */
.message .inBox02 {
   display: grid;
   margin-bottom: 15.65vw;
}
.message .inBox02 .photo {
   order: 1;
}
.message .inBox02 .content {
   order: 2;
}
.message .inBox02 .content .txt:nth-child(2) {
   margin-bottom: 3.25vw;
}
/* inBox03 */
.message .inBox03 {
   margin-bottom: 18.35vw;
}
.message .inBox03 .content .txt:nth-child(3) {
   margin-bottom: 3.5vw;
}
/* inBox04 */
.message .inBox04 {
   display: grid;
   margin-bottom: 13.65vw;
}
.message .inBox04 .photo {
   order: 1;
}
.message .inBox04 .content {
   order: 2;
}
.message .inBox04 .content .txt:nth-child(5) {
   margin-bottom: 4vw;
}
/* inBox05 */
.message .inBox05 .content .txt span {
   display: block;
}
.message .inBox05 .content .txt:nth-child(2) {
   margin-bottom: 9.25vw;
 }
.message .name {
   font-size:4.831vw;
   line-height: 1.75;
   letter-spacing: 0.05em;
   font-weight: 500;
}
.message .name .name01 {
   font-size:3.865vw;
   line-height: 2.1875;
   letter-spacing: 0.05em;
   font-weight: 500;
   display: block;
}
.message .name .job {
   font-size:3.382vw;
   line-height: 2.5;
   letter-spacing: 0.05em;
   font-weight: 500;
   margin: 0 5vw 0 0;
}


/* system-contents
-------------------------------------*/
#staff .system-contents {
   background: url(../images/staff/staff-bg_sp.png)no-repeat center center;
   background-size: cover;
   padding: 15vw 0 21.2vw;
   max-width: 100vw;
   width: 100%;
   margin-inline: auto;
}
#staff .system-contents h2 {
   color: #F0EFEB;
   margin-bottom: 24vw;
}
#staff .system-list {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 7vw 7.25vw;
}
#staff .system-pic {
   margin-bottom: 3.75vw;
}
#staff .system-pic img {
   height: 61.355vw;
}
#staff .system-contents .inner {
   width: 94.206vw;
   margin-inline: auto;
}
#staff .system-list a {
   text-decoration: none;
}
#staff .system-job {
   font-weight: 500;
   font-size:2.898vw;
   letter-spacing: 0.05em;
   line-height: 1.5;
   color: #d6cece;
   margin-bottom: 1vw;
}
#staff .system-ttl {
   font-weight: 500;
   font-size:3.623vw;
   letter-spacing: 0.05em;
   line-height: 2;
   color: #fff;
   margin-bottom: 0;
}
#staff .system-txt {
   font-weight: 400;
   font-size:3.382vw;
   letter-spacing: 0.05em;
   line-height: 1.7142857;
   color: #fff;
}
#staff .system-contents02 {
   padding: 0 0 19.324vw;
}
#staff .system-contents02 .system-ttl {
   color: inherit;
}
#staff .system-contents02 .system-txt {
   color: inherit;
}
.staff.system-content {
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
   gap: 5vw 0;
   margin-bottom: 5vw;
   width: min(95%, 94.2vw);
   margin-inline: auto;
}
}