@charset "UTF-8";
/* _media.scss 
-------------------------------------------------------*/
/* /_media.scss
-------------------------------------------------------*/
/* _inner.scss 
-------------------------------------------------------*/
/* /_inner.scss
-------------------------------------------------------*/
/* _font.scss 
-------------------------------------------------------*/
/* /_font.scss
-------------------------------------------------------*/
/* _over.scss
-------------------------------------------------------*/
/* /_over.scss
-------------------------------------------------------*/
/* _other.scss
-------------------------------------------------------*/
/* /_other.scss
  -------------------------------------------------------*/
/* 個別css
-------------------------------------------------------*/
/* 共通 */
@media screen and (min-width: 768px), print {
  .c-titTertiary-line {
    margin-bottom: 60px;
  }
}

/* プロフィール */
.un-panel {
  display: grid;
  gap: 50px;
}
.un-panel--person {
  grid-template-columns: repeat(2, 1fr);
}
.un-panel--way {
  grid-template-columns: repeat(3, 1fr);
}
.un-panel--info {
  grid-template-columns: repeat(6, 1fr);
}
.un-panel_item {
  position: relative;
  border-radius: 10px;
  background-color: var(--color-bg);
}
.un-panel--person .un-panel_item:nth-child(1) {
  grid-area: 1/1/2/3;
  padding: 80px 70px;
}
.un-panel--person .un-panel_item:nth-child(2) {
  grid-area: 2/1/3/2;
  padding: 60px 40px;
}
.un-panel--person .un-panel_item:nth-child(3) {
  grid-area: 2/2/3/3;
  padding: 60px 40px;
}
.un-panel--way .un-panel_item:nth-child(1) {
  grid-area: 1/1/2/2;
  padding: 80px 40px 40px;
}
.un-panel--way .un-panel_item:nth-child(2) {
  grid-area: 1/2/2/3;
  padding: 80px 40px 40px;
}
.un-panel--way .un-panel_item:nth-child(3) {
  grid-area: 1/3/2/4;
  padding: 80px 40px 40px;
}
.un-panel--way .un-panel_item:nth-child(4) {
  grid-area: 2/1/3/3;
  padding: 80px 30px;
}
.un-panel--way .un-panel_item:nth-child(5) {
  grid-area: 2/3/3/4;
  padding: 80px 40px 40px;
}
.un-panel--info .un-panel_item:nth-child(1) {
  grid-area: 1/1/2/4;
  padding: 80px 60px;
}
.un-panel--info .un-panel_item:nth-child(2) {
  grid-area: 1/4/2/7;
  padding: 80px 60px;
}
.un-panel--info .un-panel_item:nth-child(3) {
  grid-area: 2/1/3/3;
  padding: 120px 10px 40px;
}
.un-panel--info .un-panel_item:nth-child(4) {
  grid-area: 2/3/3/7;
  padding: 50px 30px 60px;
}
.un-panel_tag {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px 0 10px 0;
  background-color: var(--color-main);
  color: var(--color-wh);
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  padding: 10px 30px;
}
.un-panel_main {
  display: grid;
  gap: 60px 0;
  grid-template-columns: repeat(2, 1fr);
}
.un-panel_main_tit {
  font-size: 1.125rem;
  margin-bottom: 10px;
}
.un-panel_main_tit--border {
  border-bottom: 1px solid #707070;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.un-panel_txt {
  color: var(--color-main);
  font-family: var(--font-sub2);
  font-size: 2.375rem;
  line-height: var(--lineHeight-xs);
  font-weight: 700;
}
.un-panel_txt--l {
  font-size: 3.125rem;
}
.un-panel_txt_num {
  font-size: 5rem;
  padding: 0 5px;
}
.un-panel_caption {
  font-size: 1.125rem;
  font-weight: 500;
  margin-top: 20px;
}
@media screen and (min-width: 768px), print {
  .un-panel--info .un-panel_item:nth-child(1), .un-panel--info .un-panel_item:nth-child(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .un-panel_main {
    place-items: center;
    height: 100%;
  }
  .un-panel--way .un-panel_main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .un-panel_main_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto;
  }
  .un-panel--person .un-panel_main_item {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 430px;
  }
  .un-panel--way .un-panel_main_item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 40px;
  }
  .un-panel--info .un-panel_main_item {
    width: 300px;
    height: 100%;
  }
  .un-panel--person .un-panel_main_box {
    width: 180px;
    padding-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .un-panel {
    gap: 20px;
  }
  .un-panel--person {
    grid-template-columns: repeat(1, 1fr);
  }
  .un-panel--way {
    grid-template-columns: repeat(2, 1fr);
  }
  .un-panel--info {
    grid-template-columns: repeat(2, 1fr);
  }
  .un-panel--person .un-panel_item:nth-child(1) {
    grid-area: auto;
    padding: 50px 20px 30px;
  }
  .un-panel--person .un-panel_item:nth-child(2), .un-panel--person .un-panel_item:nth-child(3) {
    grid-area: auto;
    padding: 40px 20px 30px;
  }
  .un-panel--way .un-panel_item:nth-child(1) {
    grid-area: 1/1/2/3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 30px;
    padding: 60px 10px 30px;
  }
  .un-panel--way .un-panel_item:nth-child(2) {
    grid-area: 2/1/3/2;
    padding: 60px 5px 20px;
  }
  .un-panel--way .un-panel_item:nth-child(3) {
    grid-area: 2/2/3/3;
    padding: 60px 5px 20px;
  }
  .un-panel--way .un-panel_item:nth-child(4) {
    grid-area: 3/1/4/3;
    padding: 60px 20px 30px;
  }
  .un-panel--way .un-panel_item:nth-child(5) {
    grid-area: 4/1/5/3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 30px;
    padding: 60px 10px 30px;
  }
  .un-panel--info .un-panel_item:nth-child(1) {
    grid-area: 1/1/2/2;
    padding: 60px 5px 30px;
  }
  .un-panel--info .un-panel_item:nth-child(2) {
    grid-area: 1/2/2/3;
    padding: 60px 5px 30px;
  }
  .un-panel--info .un-panel_item:nth-child(3) {
    grid-area: 2/1/3/3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 30px;
    padding: 60px 10px 30px;
  }
  .un-panel--info .un-panel_item:nth-child(4) {
    grid-area: 3/1/4/3;
    padding: 30px 20px;
  }
  .un-panel_tag {
    font-size: 0.9375rem;
    padding: 6px 10px;
  }
  .un-panel_main {
    gap: 30px;
  }
  .un-panel--info .un-panel_main {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .un-panel_main_box {
    text-align: center;
    margin-top: 15px;
  }
  .un-panel_main_tit {
    font-size: 1rem;
    margin-bottom: 0;
  }
  .un-panel_main_tit--border {
    border-bottom: 1px solid #707070;
    padding-bottom: 10px;
    margin-bottom: 5px;
  }
  .un-panel_txt {
    font-size: 1.5rem;
  }
  .un-panel_txt--l {
    font-size: 2.125rem;
  }
  .un-panel_txt_num {
    font-size: 3rem;
    letter-spacing: -0.02em;
  }
  .un-panel_txt_num--l {
    font-size: 3.625rem;
  }
  .un-panel_caption {
    font-size: 1rem;
    margin-top: 10px;
  }
}