/* company
   ----------------------------------------------------------------- */
.c-title.btBorder
{
    position: relative;

    margin-bottom: clamp(20px, 20px + .0151515152 * (100vw - 600px), 40px);
    padding-bottom: clamp(10px, 10px + .0075757576 * (100vw - 600px), 20px);

    border-bottom: 5px solid #192f72;
}
.c-title.btBorder::before,
.c-title.btBorder::after
{
    position: absolute;
    bottom: -5.7px;

    display: inline-block;

    width: 14px;
    height: 6.5px;

    content: '';

    background-color: #fff;

    clip-path: polygon(6.5px 0%, 100% 0%, calc(100% - 6.5px) 100%, 0% 100%);
}
.c-title.btBorder::before
{
    right: 58px;
}
.c-title.btBorder::after
{
    right: 36px;
}

.p-page__flex
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.p-greeting
{
    position: relative;
    z-index: 1;
}
.p-greeting .c-title
{
    margin-bottom: clamp(20px, 20px + .0113636364 * (100vw - 600px), 35px);
}
.p-greeting__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: clamp(28px, 28px + .0283018868 * (100vw - 600px), 40px) 0;
}
.p-greeting__textArea
{
    position: relative;
    z-index: 1;

    width: 52.33%;
}
@media screen and (max-width: 1024px)
{
    .p-greeting__textArea
    {
        width: 100%;
    }
}
.p-greeting__textArea__catch
{
    font-size: clamp(24px, 24px + .0234375 * (100vw - 768px), 30px);
    font-weight: 400;

    margin-bottom: 1em;
}
@media screen and (max-width: 1024px)
{
    .p-greeting__textArea__catch
    {
        font-size: clamp(24px, 24px + .0234375 * (100vw - 768px), 30px);
    }
}
@media screen and (max-width: 767px)
{
    .p-greeting__textArea__catch
    {
        font-size: clamp(20px, 20px + .0238095238 * (100vw - 600px), 24px);
    }
}
.p-greeting__textArea__text
{
    position: relative;
    z-index: 1;

    margin-bottom: clamp(24px, 24px + .0234375 * (100vw - 768px), 30px);
    padding: clamp(30px, 30px + .0075757576 * (100vw - 600px), 40px) 0;
}
.p-greeting__textArea__text::after
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: -10vw;

    display: inline-block;

    width: 100vw;
    height: 100%;

    content: '';

    background-color: #f8f8f8;
}
@media screen and (max-width: 1024px)
{
    .p-greeting__textArea__text::after
    {
        right: 50%;

        -webkit-transform: translateX(50%);

                transform: translateX(50%);
    }
}
.p-greeting__textArea__text .br
{
    font-size: 17px;

    display: block;
}
@media screen and (max-width: 600px)
{
    .p-greeting__textArea__text .br.inline
    {
        display: inline;
    }
}
.p-greeting__textArea__presidentName
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    grid-gap: clamp(12px, 12px + .0060606061 * (100vw - 600px), 20px);
}
.p-greeting__textArea__presidentName__position
{
    font-size: clamp(17px, 17px + .0033482143 * (100vw - 1024px), 20px);
    font-weight: 400;
}
@media screen and (max-width: 767px)
{
    .p-greeting__textArea__presidentName__position
    {
        font-size: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px);
    }
}
.p-greeting__textArea__presidentName__name
{
    font-family: 'Noto Serif JP', serif;
    font-size: clamp(24px, 24px + .0066964286 * (100vw - 1024px), 30px);
    font-weight: 400;
}
@media screen and (max-width: 767px)
{
    .p-greeting__textArea__presidentName__name
    {
        font-size: clamp(24px, 24px + .0357142857 * (100vw - 600px), 30px);
    }
}
.p-greeting__image
{
    position: relative;
    z-index: 2;

    width: 41.33%;
}
@media screen and (max-width: 1024px)
{
    .p-greeting__image
    {
        width: 80%;
        max-width: 700px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 600px)
{
    .p-greeting__image
    {
        width: 100%;
    }
}
.p-greeting .bg
{
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 0;

    width: 26.04%;
    max-width: 493px;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

    background: url(../image/company/greetingBt.png) center/100% no-repeat;

    aspect-ratio: 50/85;
}
@media screen and (max-width: 1024px)
{
    .p-greeting .bg
    {
        top: 0;

        -webkit-transform: unset;

                transform: unset;
    }
}

.p-mission
{
    width: 46.66%;
}
@media screen and (max-width: 1024px)
{
    .p-mission
    {
        width: 100%;
    }
}
.p-mission__text
{
    margin-bottom: clamp(28px, 28px + .0128787879 * (100vw - 600px), 45px);
}
.p-mission__text .br
{
    font-size: 17px;

    display: block;
}
@media screen and (max-width: 600px)
{
    .p-mission__text .br.inline
    {
        display: inline;
    }
}
.p-mission__image
{
    width: 100%;
}

.p-vision
{
    width: 46.66%;
}
@media screen and (max-width: 1024px)
{
    .p-vision
    {
        width: 100%;
    }
}
@media screen and (max-width: 600px)
{
    .p-vision .c-title__jp
    {
        font-size: 18px;
    }
}
.p-vision__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    grid-gap: clamp(20px, 20px + .0075757576 * (100vw - 600px), 30px) 4.28%;
}
.p-vision__list__textBox
{
    width: 47.85%;

    background-color: #f4f4f9;
}
@media screen and (max-width: 767px)
{
    .p-vision__list__textBox
    {
        width: 100%;
    }
}
.p-vision__list__textBox__dt
{
    font-size: clamp(17px, 17px + .0033482143 * (100vw - 1024px), 20px);
    font-weight: 400;

    position: relative;

    padding: clamp(20px, 20px + .0060606061 * (100vw - 600px), 28px) clamp(16px, 16px + .003030303 * (100vw - 600px), 20px) clamp(16px, 16px + .003030303 * (100vw - 600px), 20px);

    text-align: center;

    border-bottom: 5px solid #fff;
}
@media screen and (max-width: 767px)
{
    .p-vision__list__textBox__dt
    {
        font-size: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px);
    }
}
.p-vision__list__textBox__dt::before,
.p-vision__list__textBox__dt::after
{
    position: absolute;
    bottom: -5.7px;

    display: inline-block;

    width: 14px;
    height: 6.5px;

    content: '';

    background-color: #f4f4f9;

    clip-path: polygon(6.5px 0%, 100% 0%, calc(100% - 6.5px) 100%, 0% 100%);
}
.p-vision__list__textBox__dt::before
{
    right: 58px;
}
.p-vision__list__textBox__dt::after
{
    right: 36px;
}
.p-vision__list__textBox__dd
{
    font-size: clamp(17px, 17px + .0033482143 * (100vw - 1024px), 20px);
    font-weight: 400;

    position: relative;

    padding: clamp(16px, 16px + .003030303 * (100vw - 600px), 20px) clamp(16px, 16px + .003030303 * (100vw - 600px), 20px) clamp(20px, 20px + .0060606061 * (100vw - 600px), 28px);

    text-align: center;
}
.p-vision__list__textBox__dd .br
{
    font-size: 17px;
    font-weight: 300;

    display: block;

    text-align: center;
}
@media screen and (min-width: 1025px)
{
    .p-vision__list__textBox__dd .br
    {
        font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
    }
}

.p-value__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    grid-gap: clamp(22px, 22px + .0106060606 * (100vw - 600px), 36px) 2.46%;
}
.p-value__list__textBox
{
    position: relative;
    z-index: 1;

    width: 18.032%;
    padding: min(4.191vw, 70px) 0;
}
@media screen and (max-width: 1024px)
{
    .p-value__list__textBox
    {
        width: 31.69%;
    }
}
@media screen and (max-width: 767px)
{
    .p-value__list__textBox
    {
        width: 48.77%;
        padding: 17px 0;
    }
}
.p-value__list__textBox::after
{
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;

    display: inline-block;

    width: 100%;

    content: '';
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    border-radius: 100%;
    background-color: #f8f8f8;

    aspect-ratio: 1/1;
}
@media screen and (max-width: 1024px)
{
    .p-value__list__textBox::after
    {
        width: auto;
        height: 100%;
    }
}
.p-value__list__textBox:nth-of-type(even)::after
{
    background-color: #f4f4f9;
}
.p-value__list__textBox__dt
{
    font-size: clamp(20px, 20px + .0055803571 * (100vw - 1024px), 25px);
    font-weight: 400;

    margin-bottom: clamp(12px, 12px + .0075757576 * (100vw - 600px), 22px);

    text-align: center;
}
@media screen and (max-width: 767px)
{
    .p-value__list__textBox__dt
    {
        font-size: clamp(20px, 20px + .0297619048 * (100vw - 600px), 25px);
    }
}
.p-value__list__textBox__dd
{
    font-size: clamp(17px, 17px + .0033482143 * (100vw - 1024px), 20px);
    font-weight: 400;

    position: relative;

    text-align: center;
}
.p-value__list__textBox__dd .br
{
    font-size: 17px;
    font-weight: 300;

    display: block;

    text-align: center;
}
@media screen and (min-width: 1025px)
{
    .p-value__list__textBox__dd .br
    {
        font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
    }
}


.p-staff__list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  grid-gap: 36px 2.46%;
}

.p-staff__box{
  width: 23.155%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-staff__box__nameArea{
  order: 2;
  margin-bottom: clamp(17px, 17px + .0033482 * (100vw - 1024px), 20px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  grid-gap: 0 .25em;
}
.p-staff__box__nameArea__position,
.p-staff__box__nameArea__slash,
.p-staff__box__nameArea__name
{
  font-size: 20px;
}
.p-staff__box__nameArea__name
{
  font-weight: 500;
}
.p-staff__box__nameArea__manager{
  width: 100%;
  text-align: center;
  font-size: 20px;
}
.p-staff__box__textArea{
  order: 3;
  width: 100%;
}
.p-staff__box__textArea__text{
  display: block;
  font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);/*1024~1920px間*/
}
.p-staff__box__textArea__snsArea{
  margin-top: clamp(15px, 15px + .0212264 * (100vw - 600px), 24px);/*600~1024px間*/
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: clamp(24px, 24px + .0178571 * (100vw - 1024px), 40px);
}
.p-staff__box__textArea__snsArea__sns{
  width: clamp(24px, 24px + .0178571 * (100vw - 1024px), 40px);
}
.p-staff__box__image{
  order: 1;
  width: 90%;
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: clamp(24px, 24px + .0141506 * (100vw - 600px), 30px);
}
.p-staff__box__image::after{
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: #dad9d9;
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: -1;
}
.p-staff__box__image__inner{
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.p-staff__box__image__inner img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1024px){
  .p-staff__list{
    grid-gap: clamp(45px, 45px + .1607142 * (100vw - 600px), 72px) 2.46%;
  }
  .p-staff__box{
    width: 48.77%;
  }
  .p-staff__box__nameArea{
    margin-bottom: clamp(17px, 17px + .0117187 * (100vw - 600px), 20px);
  }
  .p-staff__box__textArea__snsArea{
    grid-gap: clamp(24px, 24px + .006525 * (100vw - 600px), 40px);
  }
  .p-staff__box__textArea__snsArea__sns{
    width: clamp(24px, 24px + .006525 * (100vw - 600px), 40px);
  }
}
@media screen and (max-width: 767px){
  .p-staff__box{
    width: 100%;
  }
  .p-staff__box__image{
    width: 50%;
  }
  .p-staff__box__image::after{
    top: 0.5rem;
    left: 0.5rem;
  }
}


.p-overview .c-title
{
    width: 100%;
}
.p-overview__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    grid-gap: clamp(24px, 24px + .0377358491 * (100vw - 600px), 40px) 0;
}
.p-overview__textArea
{
    width: 46.66%;
}
@media screen and (max-width: 1024px)
{
    .p-overview__textArea
    {
        width: 100%;
    }
}
.p-overview__textArea__imageArea
{
    position: relative;
    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 20px;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
@media screen and (max-width: 600px)
{
    .p-overview__textArea__imageArea
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        grid-gap: 20px 0;
    }
}
.p-overview__textArea__imageArea::after
{
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;

    display: inline-block;

    width: 100%;
    height: 190px;

    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    background-color: #f8f8f8;
}
@media screen and (max-width: 600px)
{
    .p-overview__textArea__imageArea::after
    {
        content: unset;
    }
}
.p-overview__textArea__imageArea__image
{
    width: 25.714%;
}
@media screen and (max-width: 600px)
{
    .p-overview__textArea__imageArea__image
    {
        width: 48%;
    }
}
.p-overview__textArea__imageArea__image.logo
{
    width: 47.14%;

    text-align: center;
}
@media screen and (max-width: 600px)
{
    .p-overview__textArea__imageArea__image.logo
    {
        width: 100%;
        padding: 28px 0;

        background-color: #f8f8f8;
    }
}
.p-overview__textArea__imageArea__image.logo img
{
    width: 51.51%;
}
.p-overview__textArea__outlien
{
    border-top: 1px solid #192f72;
}
.p-overview__textArea__outlien__row
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: clamp(20px, 20px + .0053030303 * (100vw - 600px), 27px) clamp(16px, 16px + .0181818182 * (100vw - 600px), 40px);

    border-bottom: 1px solid #192f72;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.p-overview__textArea__outlien__row:nth-of-type(odd)
{
    background-color: #f8f8f8;
}
.p-overview__textArea__outlien__row__dt
{
    font-size: 17px;
    font-weight: 300;

    width: 136px;
}
@media screen and (min-width: 1025px)
{
    .p-overview__textArea__outlien__row__dt
    {
        font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
    }
}
@media screen and (max-width: 767px)
{
    .p-overview__textArea__outlien__row__dt
    {
        width: 100%;
        margin-bottom: .5em;

        text-align: center;
    }
}
.p-overview__textArea__outlien__row__dd
{
    font-size: 17px;
    font-weight: 300;

    width: calc(100% - 136px);
}
.p-overview__textArea__outlien__row__dd span
{
    font-size: 17px;

    display: inline-block;
}
.p-overview__textArea__outlien__row__dd span:nth-of-type(odd)
{
    margin-right: .5em;
}
@media screen and (min-width: 1025px)
{
    .p-overview__textArea__outlien__row__dd
    {
        font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
    }
    .p-overview__textArea__outlien__row__dd span
    {
        font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
    }
}
@media screen and (max-width: 767px)
{
    .p-overview__textArea__outlien__row__dd
    {
        width: 100%;
    }
}
.p-overview__mapArea
{
    width: 46.66%;
}
@media screen and (max-width: 1024px)
{
    .p-overview__mapArea
    {
        width: 100%;
    }
}
.p-overview__mapArea__map
{
    width: 100%;
    margin-bottom: 16px;

    aspect-ratio: 1/1;
}
@media screen and (max-width: 600px)
{
    .p-overview__mapArea__map
    {
        aspect-ratio: 1/1.5;
    }
}
.p-overview__mapArea__text .br
{
    font-size: 17px;

    display: block;
}
@media screen and (min-width: 1025px)
{
    .p-overview__mapArea__text .br
    {
        font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
    }
}
