@charset "UTF-8";
/* ========================================
  @media screen and (min-width: 768px), print
======================================== */
@media screen and (min-width: 768px),print {
.p-main__wrap {
    padding-block: 148px 32px;
}
.p-main__ttl .en.history {
    padding-left: 5px;
}
/* mv
-------------------------------------*/
.p-mv {
    background: url(../images/history/mv_bg.jpg)no-repeat center;
    background-size: cover;
}
.p-mv .l-mv__inner {
    width: min(95%, 1100px);
    margin-inline: auto;
    padding-block: 140px 146px;
}
.p-mv .p-mv__txt-box {
    width: min(95%, 564px);
}
.p-mv .p-mv__enttl {
    margin-bottom: 35px;
}
.p-mv .p-mv__ttl {
    font-weight: bold;
    font-size: 50px;
    letter-spacing: 0.05em;
    line-height: 1.44;
    color: #fff;
    margin-bottom: 54px;
}
.p-mv .p-mv__txt {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
    color: #fff;
    letter-spacing: 0;
}

/* history
-------------------------------------*/
.p-history .l-history__inner {
    width: min(95%, 1200px);
    margin-inline: auto;
    padding-block: 0 57px;
    position: relative;
    margin-top: 167px;
}
.p-history .l-history__inner::before {
    position: absolute;
    content: "";
    background: #0F0F0F;
    width: 1px;
    height: 99.75%;
    top: 7px;
    left: 0;
}
.p-history .p-history__list {
    display: grid;
    gap: 41px 0;
    margin-bottom: 164px;
}
.p-history .p-history__item {
    display: grid;
    grid-template-columns: 20% 1fr;
    gap: 0 91px;
}
.p-history .p-history__ttl-box {padding-left: 51px;}
.p-history .p-history__year {
    position: relative;
    margin-bottom: 15px;
}
.p-history .p-history__year::before {
    position: absolute;
    content: "";
    background: #2CA6E0;
    width: 10px;
    height: 10px;
    top: 50%;
    left: -56px;
    transform: translateY(-50%);
}
.p-history .p-history__ttl {
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.05em;
    color: #2ca6e0;
    padding-left: 9px;
}
.p-history .p-history__content {padding-block: 66px;}
.p-history .p-history__content02 {padding-block: 53px 68px;}
.p-history .p-history__content03 {padding-block: 49px 68px;}
.p-history .p-history__subt {
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 0.05em;
    line-height: 1.3666;
    text-align: center;
    color: #fff;
    background: #1D1F24;
    padding-inline: 20px;
    padding-block: 9px;
    margin-bottom: 19px;
    display: inline-block;
}
.p-history .p-history__txt {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0;
    margin-bottom: 29px;
}
.p-history .p-history__photo {
    margin-bottom: 50px;
}
.p-history .p-history__notes {
    display: grid;
    gap: 25px 0;
}
.p-history .p-history__notes-item {
    display: grid;
    grid-template-columns: 25% 1fr;
    border-bottom: 1px solid #C6C1C1;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: left;
    padding-bottom: 24px;
}
.p-history .p-history__notes-txt span {
    display: block;
    margin-top: 10px;
}
.p-history__lead {
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 0.05em;
    line-height: 1.3666;
    text-align: center;
}

/* menu
-------------------------------------*/
.p-menu .p-menu__photo {position: relative;}
.p-menu .p-menu__photo img {
    width: 100vw;
    max-width: 1920px;
    margin-inline: auto;
}
.p-menu .p-menu__items {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 25px;
    width: min(95%, 1280px);
    margin-inline: auto;
    padding-inline: 90px;
    background: #FFFFFF;
    padding-block: 50px 64px;
    position: relative;
    top: -53px;
}
.p-menu .p-menu__item .img {
    margin-bottom: 20px;
    position: relative;
}
.p-menu .p-menu__item .img img {
    width: 100%;
    height: auto;
}
.p-menu .p-menu__item .arrow {
    background: #ffffff;
    border-radius: 10px;
    bottom: 14px;
    position: absolute;
    right: 14px;
    transition: all 0.3s ease-in-out;
    width: 48px;
    height: 20px;
    place-content: center;
    display: grid;
}
.p-menu .p-menu__item .arrow-gray {
    background: #E6E6E6;
}
.p-menu .p-menu__item .txt {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0;
}

@media (any-hover: hover) {
.p-menu .p-menu__item:hover .arrow {
    background: #2ca6e0;
}
.p-menu .p-menu__item:hover .arrow svg path {
    fill: #ffffff;
}
.p-menu .p-menu__item:hover img {
    opacity: 1;
}
.p-menu .p-menu__item:hover a {
    text-decoration: none;
}
}
}

/* ========================================
  @media screen and (min-width:768px) and (max-width:1200px) 
======================================== */
@media screen and (min-width:768px) and (max-width:1200px) {
    .p-history .p-history__photo img {
        width: 100%;
        height: auto;
    }
}

/* ========================================
  @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
.p-main__wrap {
    padding-block: 39.783vw 7.429vw;
}
.p-main__ttl .en.history img {
    height: auto;
    width: 39.86vw;
    margin-left: 1vw;
}

/* mv
-------------------------------------*/
.p-mv {
    background: url(../images/history/mv_bg_sp.jpg)no-repeat center;
    background-size: cover;
}
.p-mv .l-mv__inner {
    width: min(95%, 83.82vw);
    margin-inline: auto;
    padding-block: 28.4vw 14.0vw;
}
.p-mv .p-mv__enttl {
    margin-bottom: 5.2vw;
}
.p-mv .p-mv__enttl img {
    width: 28.56vw;
}
.p-mv .p-mv__ttl {
    font-weight: bold;
    font-size:5.797vw;
    letter-spacing: 0.05em;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 4.73vw;
}
.p-mv .p-mv__txt {
    font-weight: 400;
    font-size:3.623vw;
    line-height: 1.6;
    color: #fff;
    letter-spacing: 0;
}

/* history
-------------------------------------*/
.p-history .l-history__inner {
    width: min(95%, 89.53vw);
    margin-inline: auto;
    padding-block: 1vw 9.2vw;
    position: relative;
    margin-top: 13vw;
}
.p-history .l-history__inner::before {
    position: absolute;
    content: "";
    background: #0F0F0F;
    width: 0.2vw;
    height: 100%;
    top: 0;
    left: 0;
}
.p-history .p-history__list {
    display: grid;
    gap: 20.46vw 0;
    margin-bottom: 23.05vw;
}
.p-history .p-history__item {
    display: grid;
    gap: 6.8vw;
}
.p-history .p-history__ttl-box {
    padding-left: 6.5vw;
}
.p-history .p-history__year {
    position: relative;
    margin-bottom: 0.5vw;
}
.p-history .p-history__year::before {
    position: absolute;
    content: "";
    background: #2CA6E0;
    width: 2.42vw;
    height: 2.42vw;
    top: 50%;
    left: -7.6vw;
    transform: translateY(-50%);
}
.p-history .p-history__year img {
    width: 26.54vw;
}
.p-history .p-history__year02 img {
    width: 27.54vw;
}
.p-history .p-history__year03 img {
    width: 27.54vw;
}
.p-history .p-history__ttl {
    font-weight: bold;
    font-size:3.865vw;
    letter-spacing: 0.05em;
    color: #2ca6e0;
}
.p-history .p-history__content {
    width: 76.81vw;
    margin-inline: auto;
}
.p-history .p-history__subt {
    font-weight: bold;
    font-size:4.348vw;
    letter-spacing: 0.05em;
    text-align: center;
    color: #fff;
    background: #1D1F24;
    padding-inline: 4.83vw;
    padding-block: 1.6vw;
    margin-bottom: 4.83vw;
    display: inline-block;
}
.p-history .p-history__txt {
    font-weight: 400;
    font-size:3.623vw;
    line-height: 1.6;
    letter-spacing: 0;
    margin-bottom: 6.45vw;
}
.p-history .p-history__photo {
    margin-bottom: 8.45vw;
}
.p-history .p-history__notes {
    display: grid;
    gap: 4.55vw 0;
}
.p-history .p-history__notes-item {
    display: grid;
    border-bottom: 0.2vw solid #C6C1C1;
    font-weight: 400;
    font-size:3.865vw;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: left;
    padding-bottom: 4.8vw;
    gap: 4vw;
}
.p-history .p-history__notes-txt span {
    display: block;
    margin-top: 2vw;
}
.p-history__lead {
    font-weight: bold;
    font-size:4.831vw;
    letter-spacing: 0.05em;
    line-height: 1.6;
    width: 76.16vw;
    margin-inline: auto;
}


/* menu
-------------------------------------*/
.p-menu .p-menu__photo {position: relative;}
.p-menu .p-menu__photo img {
    width: 100vw;
    max-width: 100vw;
    margin-inline: auto;
}
.p-menu .p-menu__items {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 9.06vw 0;
    width: min(95%, 91.79vw);
    margin-inline: auto;
    padding-inline: 3.62vw;
    background: #FFFFFF;
    padding-block: 12.08vw 13.48vw;
    position: relative;
    top: -2.5vw;
}
.p-menu .p-menu__item .img {
    margin-bottom: 4.83vw;
    position: relative;
}
.p-menu .p-menu__item .img img {
    width: 100%;
    height: auto;
}
.p-menu .p-menu__item .arrow {
    background: #ffffff;
    border-radius: 2.42vw;
    bottom: 3.38vw;
    position: absolute;
    right: 3.38vw;
    transition: all 0.3s ease-in-out;
    width: 11.59vw;
    height: 4.83vw;
    place-content: center;
    display: grid;
}
.p-menu .p-menu__item .arrow-gray {
    background: #E6E6E6;
}
.p-menu .p-menu__item .txt {
    font-weight: 400;
    font-size:3.623vw;
    line-height: 1.6;
    letter-spacing: 0;
}

}