@charset "UTF-8";
.main-container {
    --lp-c-main: var(--lp-c-accent);
    --lp-c-main-sub: var(--lp-c-accent-sub);
}
/* --------------------------------------------------------------------------
C-HERO
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .c-hero-img {
        background-image: url("../img/about/hero_img.png");
    }
}
@media all and (max-width: 767px) {
    .c-hero-img {
        background-image: url("../img/about/hero_img_sp.png");
    }
}

/* --------------------------------------------------------------------------
ABOUT
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .about-section {
    }
    .about-section__inner {
    }
    .about-section__body {
        padding-bottom: calc(120 / var(--lp-font) * 1em);
    }
    .about-section .l-section__column {
        flex-direction: row;
        gap: calc(53 / var(--lp-font) * 1em);
    }
    .about-content {
    }
    .about-content-list {
        display: flex;
        justify-content: space-between;
        gap: calc(20 / var(--lp-font) * 1em);
    }
    .about-content-list-item {
        width: calc((100% - (38 / var(--lp-font) * 1em)) / 2);
    }
    .about-card {
        background: var(--lp-c-white);
        box-shadow: var(--lp-shadow-006);
        height: 100%;
    }
    .about-card__inner {
    }
    .about-card-img {
    }
    .about-card-read {
    }
    .about-card-read__inner {
        padding: calc(36 / var(--lp-font) * 1em) calc(24 / var(--lp-font) * 1em) calc(40 / var(--lp-font) * 1em);
    }
    .about-card-read-heading {
        text-align: center;
        margin-bottom: calc(20 / var(--lp-font) * 1em);
    }
    .about-card-read-heading__label {
        font-family: var(--lp-f-mincho);
        font-size: calc(28 / var(--lp-font) * 1em);
        font-weight: 600;
        line-height: 1.4;
    }
    .about-card-read-text {
    }
    .about-card-read-text .c-txt {
        line-height: 2;
        font-feature-settings: normal;
        letter-spacing: calc(60 / 1000 * 1em);
    }
}
@media all and (max-width: 767px) {
    .about-section {
    }
    .about-section__inner {
    }
    .about-section__body {
        padding-bottom: calc(131 / 750 * 100vw);
    }
    .about-section .l-section__column {
        flex-direction: row;
        gap: calc(53 / 750 * 100vw);
    }
    .about-content {
        margin-top: calc(135 / 750 * 100vw);
    }
    .about-content-list {
    }
    .about-content-list-item {
    }
    .about-content-list-item + .about-content-list-item {
        margin-top: calc(64 / 750 * 100vw);
    }
    .about-card {
        background: var(--lp-c-white);
        box-shadow: var(--lp-shadow-006);
        height: 100%;
    }
    .about-card__inner {
    }
    .about-card-img {
    }
    .about-card-read {
    }
    .about-card-read__inner {
        padding: calc(48 / 750 * 100vw) calc(32 / 750 * 100vw) calc(54 / 750 * 100vw);
    }
    .about-card-read-heading {
        text-align: center;
        margin-bottom: calc(20 / 750 * 100vw);
    }
    .about-card-read-heading__label {
        font-family: var(--lp-f-mincho);
        font-size: calc(40 / 750 * 100vw);
        font-weight: 600;
        line-height: 1.4;
    }
    .about-card-read-text {
    }
    .about-card-read-text .c-txt {
        font-feature-settings: normal;
    }
}

/* --------------------------------------------------------------------------
HISTORY
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .history-section {
        background: var(--lp-sec-bg-02);
    }
    .history-section__inner {
    }
    .history-section__body {
        padding-top: calc(120 / var(--lp-font) * 1em);
        padding-bottom: calc(105 / var(--lp-font) * 1em);
    }
    .history-section .l-section__column {
        gap: calc(32 / var(--lp-font) * 1em);
    }
    .history-intro {
        max-width: calc(1042 / var(--lp-font) * 1em);
        margin-left: calc(-171 / var(--lp-font) * 1em);
    }
    .history-intro__inner {
    }
    .history-read {
        margin-top: calc(54 / var(--lp-font) * 1em);
        padding-top: calc(82 / var(--lp-font) * 1em);
        position: relative;
    }
    .history-read::before {
        content: "";
        display: block;
        background: url("../img/common/ico_deco.svg") no-repeat center / contain;
        width: calc(37 / var(--lp-font) * 1em);
        padding-top: calc(6 / var(--lp-font) * 1em);
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .history-read__inner {
    }
    .history-read-list {
    }
    .history-read-list-item {
    }
    .history-read-list-item + .history-read-list-item {
        margin-top: calc(56 / var(--lp-font) * 1em);
    }
    .history-read-content {
        display: flex;
        align-self: start;
        gap: calc(20 / var(--lp-font) * 1em);
        justify-content: space-between;
    }
    .history-read-list-item:nth-child(even) .history-read-content {
        flex-direction: row-reverse;
    }
    .history-read-content-item {
        width: calc((100% - (40 / var(--lp-font) * 1em)) / 2);
    }
    .history-read-content-read {
    }
    .history-read-content-read .c-txt {
        line-height: 2;
        letter-spacing: calc(60 / 1000 * 1em);
    }
    .history-read-content-read .c-txt + .c-txt {
        margin-top: calc(16 / var(--lp-font) * 1em);
    }
    .history-read-content-img {
    }
    .history-read-content-img__inner {
    }
    .history-read-heading {
        margin-top: calc(36 / var(--lp-font) * 1em);
    }
    .history-read-heading__inner {
        text-align: center;
    }
    .history-read-heading__label {
        font-family: var(--lp-f-mincho);
        font-size: calc(20 / var(--lp-font) * 1em);
        font-feature-settings: "palt";
        font-weight: bold;
        line-height: calc(42 / 20);
        letter-spacing: calc(30 / 1000 * 1em);
    }
}
@media all and (max-width: 767px) {
    .history-section {
        background: var(--lp-sec-bg-02);
    }
    .history-section__inner {
    }
    .history-section__body {
        padding-top: calc(107 / 750 * 100vw);
        padding-bottom: calc(100 / 750 * 100vw);
    }
    .history-section .l-section__column {
        gap: calc(32 / 750 * 100vw);
    }
    .history-intro {
        width: calc(573 / 750 * 100vw);
        margin-top: calc(133 / 750 * 100vw);
        margin-left: calc(-40 / 750 * 100vw);
    }
    .history-intro__inner {
    }
    .history-read {
        margin-top: calc(59 / 750 * 100vw);
        padding-top: calc(60 / 750 * 100vw);
        position: relative;
    }
    .history-read::before {
        content: "";
        display: block;
        background: url("../img/common/ico_deco.svg") no-repeat center / contain;
        width: calc(63 / 750 * 100vw);
        padding-top: calc(10 / 750 * 100vw);
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .history-read__inner {
    }
    .history-read-list {
    }
    .history-read-list-item {
    }
    .history-read-list-item + .history-read-list-item {
        margin-top: calc(38 / 750 * 100vw);
    }
    .history-read-content {
    }
    .history-read-content-item {
    }
    .history-read-content-item + .history-read-content-item {
        margin-top: calc(64 / 750 * 100vw);
    }
    .history-read-content-item:nth-child(even) {
        margin-left: calc(-40 / 750 * 100vw);
    }
    .history-read-content-read {
    }
    .history-read-content-read .c-txt {
        line-height: 2;
        letter-spacing: calc(60 / 1000 * 1em);
    }
    .history-read-content-read .c-txt + .c-txt {
        margin-top: calc(40 / 750 * 100vw);
    }
    .history-read-content-img {
        width: calc(710 / 750 * 100vw);
    }
    .history-read-content-img__inner {
    }
    .history-read-heading {
        margin-top: calc(36 / 750 * 100vw);
    }
    .history-read-heading__inner {
        text-align: center;
    }
    .history-read-heading__label {
        font-family: var(--lp-f-mincho);
        font-size: calc(32 / 750 * 100vw);
        font-feature-settings: "palt";
        font-weight: bold;
        line-height: 2;
        letter-spacing: calc(30 / 1000 * 1em);
    }
}

/* --------------------------------------------------------------------------
TAMAI
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .tamai-section {
    }
    .tamai-section__inner {
    }
    .tamai-section__body {
        padding-top: calc(120 / var(--lp-font) * 1em);
        padding-bottom: calc(120 / var(--lp-font) * 1em);
    }
    .tamai-section .l-section__column {
        flex-direction: row;
        gap: calc(32 / var(--lp-font) * 1em);
    }
    .tamai-intro {
        max-width: calc(1042 / var(--lp-font) * 1em);
        margin-right: calc(-171 / var(--lp-font) * 1em);
    }
    .tamai-intro__inner {
    }
    .tamai-intro-img {
    }
    .tamai-read {
        margin-top: calc(70 / var(--lp-font) * 1em);
    }
    .tamai-read__inner {
    }
    .tamai-read-heading {
        padding-bottom: calc(38 / var(--lp-font) * 1em);
        margin-bottom: calc(32 / var(--lp-font) * 1em);
        position: relative;
    }
    .tamai-read-heading::before {
        content: "";
        display: block;
        background: url("../img/common/ico_deco.svg") no-repeat center / contain;
        width: calc(37 / var(--lp-font) * 1em);
        padding-top: calc(6 / var(--lp-font) * 1em);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .tamai-read-heading__inner {
        text-align: center;
    }
    .tamai-read-heading__label {
        font-family: var(--lp-f-mincho);
        font-size: calc(28 / var(--lp-font) * 1em);
        font-weight: 600;
        line-height: 1.4;
    }
    .tamai-read-text {
    }
    .tamai-read-text .c-txt {
        letter-spacing: calc(60 / 1000 * 1em);
    }
    .tamai-read-closing {
        margin-top: calc(40 / var(--lp-font) * 1em);
    }
    .tamai-read-closing-heading {
        text-align: center;
        margin-bottom: calc(52 / var(--lp-font) * 1em);
    }
    .tamai-read-closing-heading__label {
        font-family: var(--lp-f-mincho);
        font-size: calc(24 / var(--lp-font) * 1em);
        font-weight: 500;
        font-feature-settings: "palt";
        line-height: 1.5;
    }
    .tamai-read-closing-content {
    }
    .tamai-read-closing-list {
        display: flex;
        gap: calc(34 / var(--lp-font) * 1em);
    }
    .tamai-read-closing-list-item {
    }
    .tamai-read-closing-img {
    }
    .tamai-read-closing-img__inner {
    }
    .tamai-read-closing-btn {
        width: calc(267 / var(--lp-font) * 1em);
        margin: calc(64 / var(--lp-font) * 1em) auto 0;
    }
}
@media all and (max-width: 767px) {
    .tamai-section {
    }
    .tamai-section__inner {
    }
    .tamai-section__body {
        padding-top: calc(120 / 750 * 100vw);
        padding-bottom: calc(120 / 750 * 100vw);
    }
    .tamai-section .l-section__column {
        flex-direction: row;
        gap: calc(32 / 750 * 100vw);
    }
    .tamai-intro {
        max-width: calc(539 / 750 * 100vw);
        margin-right: calc(-40 / 750 * 100vw);
        margin-top: calc(120 / 750 * 100vw);
    }
    .tamai-intro__inner {
    }
    .tamai-intro-img {
    }
    .tamai-read {
        margin-top: calc(70 / 750 * 100vw);
    }
    .tamai-read__inner {
    }
    .tamai-read-heading {
        padding-bottom: calc(54 / 750 * 100vw);
        margin-bottom: calc(48 / 750 * 100vw);
        position: relative;
    }
    .tamai-read-heading::before {
        content: "";
        display: block;
        background: url("../img/common/ico_deco.svg") no-repeat center / contain;
        width: calc(63 / 750 * 100vw);
        padding-top: calc(10 / 750 * 100vw);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .tamai-read-heading__inner {
        text-align: center;
    }
    .tamai-read-heading__label {
        font-family: var(--lp-f-mincho);
        font-size: calc(34 / 750 * 100vw);
        font-weight: bold;
        line-height: 2;
    }
    .tamai-read-text {
    }
    .tamai-read-text .c-txt {
        line-height: 2;
    }
    .tamai-read-closing {
        margin-top: calc(40 / 750 * 100vw);
    }
    .tamai-read-closing-heading {
        text-align: center;
        margin-bottom: calc(44 / 750 * 100vw);
    }
    .tamai-read-closing-heading__label {
        font-family: var(--lp-f-mincho);
        font-size: calc(32 / 750 * 100vw);
        font-weight: bold;
        font-feature-settings: "palt";
        line-height: 2;
        letter-spacing: calc(30 / 1000 * 1em);
    }
    .tamai-read-closing-content {
    }
    .tamai-read-closing-list {
        display: flex;
        gap: calc(25 / 750 * 100vw);
    }
    .tamai-read-closing-list-item {
    }
    .tamai-read-closing-img {
    }
    .tamai-read-closing-img__inner {
    }
    .tamai-read-closing-btn {
        margin: calc(65 / 750 * 100vw) auto 0;
    }
}