@charset "utf-8";

.site_header-detail .c-subPage_headerLogo::before {
    background-color: #000000;
}

.site_header-detail .site_header_nav_link {
    color: #000000;
}

.site_header-detail .openbtn span {
    background: #000000;
}

.c-subPage-detail {
    padding-top: min(15.372vw, 64.1px);
}
@media screen and (min-width: 920px){
    .c-subPage-detail {
        padding-top: min(7.5vw, 140px);
    }
}

.c-subPage-detail .c-section_title_en {
    display: flex;
    align-items: baseline;
    gap: 8px;
}
@media screen and (min-width: 920px){
    .c-subPage-detail .c-section_title_en {
        gap: 14.5px;
    }
}

.c-subPage-detail .c-section_title_en span {
    width: 12px;
    height: 12px;
    display: block;
    position: relative;
}
@media screen and (min-width: 920px){
    .c-subPage-detail .c-section_title_en span {
        width: clamp(0.75rem, 0.29rem + 0.8vw, 1.25rem);
        height: clamp(0.75rem, 0.29rem + 0.8vw, 1.25rem);
    }
}

.c-subPage-detail .c-section_title_en span::before,
.c-subPage-detail .c-section_title_en span::after {
    content: "";
    position: absolute;
    background-color: #000000;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 50%;
    transform-origin: center center;
    transform: translate(-50%, -50%) rotate(45deg);
}

.c-subPage-detail .c-section_title_en span::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.c-subPage-detail .c-section_title_en small {
    font-family: var(--font-catch);
    font-size: min(5.116vw, 22px);
    line-height: 1;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 920px){
    .c-subPage-detail .c-section_title_en small {
        font-size: min(1.97916vw, 38px);
    }
}

.c-subPage_visual {
    display: block;
    width: 100%;
    height: 60.46511vw;
    margin: min(7.2325vw, 31.1px) 0 min(15.8139vw, 68px);
}
@media screen and (min-width: 920px){
    .c-subPage_visual {
        width: 93.9583vw;
        height: 37.916vw;
        margin: min(2.7083vw, 52px) auto min(6.35416vw, 122px);
    }
}

.c-subPage_visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.c-subPage_about {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: min(9.7674vw, 42px);
}
@media screen and (min-width: 920px){
    .c-subPage_about {
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        gap: min(6.14583vw, 118px);
    }
}

@media screen and (min-width: 920px){
    .c-subPage_about_textArea {
        width: min(38.6979vw, 743px);
        flex: 0 1 min(38.6979vw, 743px);
    }
}

.c-subPage_about_catch {
    font-family: var(--font-catch);
    font-size: min(9.3023vw, 40px);
    line-height: 1;
    display: block;
    margin: 0 0 min(8.1395vw, 35px);
}
@media screen and (min-width: 920px){
    .c-subPage_about_catch {
        font-size: min(2.916vw, 56px);
        margin: 0 0 min(2.34375vw, 45px);
    }
}

@media screen and (min-width: 920px){
    .c-subPage_about_text {
        margin-left: 5px;
    }
}


.c-subPage_about_title {
    font-size: min(3.4883vw, 15px);
    font-weight: 700;
    line-height: 1;
    display: block;
    margin: 0 0 min(4.4186vw, 19px);
}
@media screen and (min-width: 920px){
    .c-subPage_about_title {
        font-size: clamp(0.625rem, 0.28rem + 0.6vw, 1rem);
        margin: 0 0 min(1.14583vw, 22px);
    }
}

.c-subPage_about_text p {
    font-size: min(3.255vw, 14px);
    line-height: 2;
}
@media screen and (min-width: 920px){
    .c-subPage_about_text p {
        font-size: min(0.9375vw, 18px);
    }
}

.c-subPage_about_textArea .c-btn {
    margin: min(7.4418vw, 32px) 0 0;
}
@media screen and (min-width: 920px){
    .c-subPage_about_textArea .c-btn {
        width: min(25.4687vw, 489px);
        margin: min(2.625vw, 50.4px) auto 0 5px;
    }
}

.c-subPage_about_img {
    display: block;
    width: 100%;
    height: 60.46511vw;
}
@media screen and (min-width: 920px){
    .c-subPage_about_img {
        width: min(45.4687vw, 873px);
        height: min(36.66vw, 704px);
    }
}

.c-subPage_about_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.tiemco_contents_lineup {
    padding-top: min(15.1162vw, 65px);
}
@media screen and (min-width: 920px){
    .tiemco_contents_lineup {
        padding-top: min(9.0625vw, 174px);
    }
}

.tiemco_contents_lineup_head {
    width: 100%;
    height: auto;
    display: flex;
    align-items: baseline;
    gap: min(3.4883vw, 15px);
    margin: 0 0 min(9.7674vw, 42px);
}
@media screen and (min-width: 920px){
    .tiemco_contents_lineup_head {
        gap: min(0.9375vw, 18px);
        margin: 0 0 min(4.92187vw, 94.5px);
    }
}

.tiemco_contents_lineup_title {
    font-family: var(--font-catch);
    font-size: min(6.0465vw, 26px);
    line-height: 1;
    letter-spacing: 0.02em;
    white-space: nowrap;
}
@media screen and (min-width: 920px){
    .tiemco_contents_lineup_title {
        font-size: min(2.1354vw, 41px);
    }
}

.tiemco_contents_lineup_liner {
    width: 100%;
    height: 1px;
    background-color: #000000;
    flex: 1 1 0%;
}

.tiemco_contents_lineup_list {
    margin-bottom: min(16.7441vw, 72px);
}
@media screen and (min-width: 920px){
    .tiemco_contents_lineup_list {
        margin-bottom: min(4.9479vw, 95px);
    }
}

.tiemco_contents_lineup_item {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: min(7.27906vw, 31.3px);
    padding: min(9.76744vw, 42px) 0;
    border-bottom: 1px solid #EEEEEE;
}
@media screen and (min-width: 920px){
    .tiemco_contents_lineup_item {
        flex-direction: row;
        align-items: center;
        gap: min(6.14583vw, 118px);
        padding: min(2.96875vw, 57px) 0;
    }
}

.tiemco_contents_lineup_item:first-of-type {
    padding: 0 0 min(9.76744vw, 42px);
}
@media screen and (min-width: 920px){
    .tiemco_contents_lineup_item:first-of-type {
        padding: 0 0 min(2.96875vw, 57px);
    }
}

.tiemco_contents_lineup_thumb {
    display: block;
    width: 100%;
    height: 59.0697vw;
}
@media screen and (min-width: 920px){
    .tiemco_contents_lineup_thumb {
        width: min(46.97916vw, 902px);
        height: min(32.2916vw, 620px);
        flex: 0 1 min(46.97916vw, 902px);
    }
}

.tiemco_contents_lineup_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media screen and (min-width: 920px){
    .tiemco_contents_lineup_textArea {
        width: min(36.5625vw, 702px);
        height: auto;
        flex: 0 1 min(36.5625vw, 702px);
    }
}

.tiemco_contents_lineup_nav {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: min(2.5581vw, 11px);
    margin: 0 0 min(5.3488vw, 23px)
}
@media screen and (min-width: 920px){
    .tiemco_contents_lineup_nav {
        gap: min(1.0416vw, 20px);
        margin: 0 0 min(1.875vw, 36px);
    }
}

.tiemco_contents_lineup_name {
    font-family: var(--font-serif);
    font-size: min(5.8139vw, 25px);
    line-height: 1.32;
    letter-spacing: -0.03em;
}
@media screen and (min-width: 920px){
    .tiemco_contents_lineup_name {
        font-size: min(1.927083vw, 37px);
    }
}

.tiemco_contents_lineup_price {
    font-size: min(4.18604vw, 18px);
    font-weight: 700;
    line-height: 1;
    display: flex;
    align-items: baseline;
    gap: 2px;
}
@media screen and (min-width: 920px){
    .tiemco_contents_lineup_price {
        font-size: min(1.0416vw, 20px);
        gap: 4px;
    }
}

.tiemco_contents_lineup_price small {
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.tiemco_contents_lineup_text {
    font-size: min(3.2558vw, 14px);
    line-height: 1.8;
    letter-spacing: 0.08em;
}
@media screen and (min-width: 920px){
    .tiemco_contents_lineup_text {
        font-size: min(0.833vw, 16px);
    }
}

.tiemco_contents_lineup_set {
    margin-top: min(7.6744vw, 33px);
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: min(3.0232vw, 13px);
    padding: min(5vw, 21.5px) min(4.18604vw, 18px);
    border-radius: 8px;
    border: 1px solid #D0D0D0;
}
@media screen and (min-width: 920px){
    .tiemco_contents_lineup_set {
        margin-top: min(2.7604vw, 53px);
        gap: 12px;
        padding: min(1.5625vw, 30px) min(1.66vw, 32px) min(1.5625vw, 30px) min(1.875vw, 36px);
    }
}

.tiemco_contents_lineup_set_title {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.08em;
}
@media screen and (min-width: 920px){
    .tiemco_contents_lineup_set_title {
        font-size: clamp(0.625rem, 0.395rem + 0.4vw, 0.875rem);
    }
}

.tiemco_contents_lineup_set p {
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0.08em;
}
@media screen and (min-width: 920px){
    .tiemco_contents_lineup_set p {
        font-size: clamp(0.625rem, 0.453rem + 0.3vw, 0.813rem);
    }
}

/*-------------------- tiemco --------------------*/
/*-------------------- epic --------------------*/
.epic_contents_message {
    width: 100%;
    height: min(201.6279vw, 867px);
    position: relative;
    margin-top: min(17.6744vw, 76px);
}
@media screen and (min-width: 600px){
    .epic_contents_message {
        height: 44.6354vw;
        margin-top: min(6.60416vw, 126.8px);
    }
}

.epic_contents_message_bg {
    width: 100%;
    height: 100%;
    display: block;
}

.epic_contents_message_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.epic_contents_message_textArea {
    width: calc(100% - 60px);
    height: auto;
    position: absolute;
    bottom: min(13.95348vw, 60px);
    right: 50%;
    translate: 50% 0;
    color: #ffffff;
}
@media screen and (min-width: 600px){
    .epic_contents_message_textArea {
        width: min(36.5625vw, 702px);
        bottom: auto;
        top: 10.609375vw;
        right: min(7.1614vw, 137.5px);
        translate: 0 0;
    }
}

.epic_contents_message_catch {
    font-family: var(--font-serif);
    font-size: min(5.02325vw, 21.6px);
    line-height: 1.8;
    letter-spacing: -0.05em;
    display: block;
    margin: 0 0 min(9.7674vw, 42px);
}
@media screen and (min-width: 600px){
    .epic_contents_message_catch {
        font-size: min(1.4583vw, 28px);
        letter-spacing: 0;
        margin: 0 0 min(3.2447vw, 62.3px);
    }
}

.epic_contents_message_title {
    font-family: var(--font-en);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.05em;
    display: block;
    margin: 0 0 min(4.6511vw, 20px);
}
@media screen and (min-width: 600px){
    .epic_contents_message_title {
        font-size: min(0.833vw, 16px);
        margin: 0 0 min(1.3229vw, 25.4px);
    }
}

.epic_contents_message_textArea p {
    font-size: min(3.2558vw, 14px);
    line-height: 2;
    letter-spacing: 0.08em;
}
@media screen and (min-width: 600px){
    .epic_contents_message_textArea p {
        font-size: min(0.9375vw, 18px);
        letter-spacing: 0.07em;
    }
}

.epic_contents_rodList {
    padding-top: min(10.6976vw, 46px);
}
@media screen and (min-width: 920px){
    .epic_contents_rodList {
        padding-top: min(6.09375vw, 117px);
    }
}

.epic_contents_rodItem {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    padding: min(10.2325vw, 44px) 0;
}
@media screen and (min-width: 920px){
    .epic_contents_rodItem {
        padding: min(6.0416vw, 116px) 0;
    }
}

.epic_contents_rodItem:first-of-type {
    padding: 0 0 min(10.2325vw, 44px);
}
@media screen and (min-width: 920px){
    .epic_contents_rodItem:first-of-type {
        padding: 0 0 min(6.0416vw, 116px);
    }
}

.epic_contents_rodItem::after {
    content: "";
    position: absolute;
    background-color: #EEEEEE;
    width: 86.04651vw;
    height: 1px;
    bottom: 0;
    left: 50%;
    translate: -50% 0;
}
@media screen and (min-width: 920px){
    .epic_contents_rodItem::after {
        width: 93.9583vw;
    }
}

.epic_contents_rodItem_textArea {
    width: 100%;
    height: auto;
    display: contents;
}
@media screen and (min-width: 920px){
    .epic_contents_rodItem_textArea {
        display: flex;
        justify-content: space-between;
        padding: 0 min(6.5104vw, 125px) 0 min(7.4739vw, 143.5px);
        margin: 0 0 min(3.33vw, 64px);
    }
}

.epic_contents_rodItem_title {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 13px;
    padding: 0 30px;
    margin: 0 0 min(8.37209vw, 36px);
}
@media screen and (min-width: 920px){
    .epic_contents_rodItem_title {
        width: fit-content;
        gap: min(1.302083vw, 25px);
        padding: 0;
        margin: 0;
    }
}

.epic_contents_rodItem_title_en {
    font-family: var(--font-catch);
    font-size: min(8.8372vw, 38px);
    line-height: 1;
    letter-spacing: 0.04em;
}
@media screen and (min-width: 920px){
    .epic_contents_rodItem_title_en {
        font-size: min(2.760416vw, 53px);
    }
}

.epic_contents_rodItem_title_ja {
    font-family: var(--font-serif);
    font-size: min(3.2558vw, 14px);
    line-height: 1;
}
@media screen and (min-width: 920px){
    .epic_contents_rodItem_title_ja {
        font-size: min(1.14583vw, 22px);
    }
}

.epic_contents_rodItem_text {
    width: 100%;
    padding: 0 30px;
    order: 2;
}
@media screen and (min-width: 920px){
    .epic_contents_rodItem_text {
        width: min(46.5625vw, 894px);
        padding: 0;
    }
}

.epic_contents_rodItem_text p {
    font-size: min(3.2558vw, 14px);
    line-height: 2;
    letter-spacing: 0;
}
@media screen and (min-width: 920px){
    .epic_contents_rodItem_text p {
        font-size: min(0.9375vw, 18px);
        letter-spacing: 0;
    }
}

.epic_contents_rodItem_img {
    display: block;
    width: 93.02325vw;
    height: auto;
    margin: 0 0 min(9.30232vw, 40px);
    order: 1;
}
@media screen and (min-width: 920px){
    .epic_contents_rodItem_img {
        width: 92.4088vw;
        margin: 0;
    }
}

.epic_contents_rodItem_img img {
    width: 100%;
    height: 100%;
}

.epic_contents_lineup {
    padding-top: min(18.37209vw, 79px);
}
@media screen and (min-width: 920px){
    .epic_contents_lineup {
        padding-top: min(7.15104vw, 137.3px);
    }
}

.epic_contents_lineup_head {
    width: 100%;
    height: auto;
    display: flex;
    align-items: baseline;
    gap: min(3.4883vw, 15px);
    margin: 0 0 min(10.0232vw, 43.1px);
}
@media screen and (min-width: 920px){
    .epic_contents_lineup_head {
        gap: min(0.9375vw, 18px);
        margin: 0 0 min(6.0677vw, 116.5px);
    }
}

.epic_contents_lineup_title {
    font-family: var(--font-catch);
    font-size: min(6.0465vw, 26px);
    line-height: 1;
    letter-spacing: 0.02em;
    white-space: nowrap;
}
@media screen and (min-width: 920px){
    .epic_contents_lineup_title {
        font-size: min(2.1354vw, 41px);
    }
}

.epic_contents_lineup_liner {
    width: 100%;
    height: 1px;
    background-color: #000000;
    flex: 1 1 0%;
}

.epic_contents_lineup_grid {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: min(9.4186vw, 40.5px);
    margin: 0 0 min(16.7441vw, 72px);
}
@media screen and (min-width: 920px){
    .epic_contents_lineup_grid {
        display: grid;
        grid-template-areas:
        "A B"
        "A C"
        "A D";
        grid-column-gap: min(3.02083vw, 58px);
        grid-row-gap: min(3.5416vw, 68px);
        margin: 0 0 min(8.9166vw, 160px);
    }
}

.epic_contents_lineup_item {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: min(3.8372vw, 16.5px);
}
@media screen and (min-width: 920px){
    .epic_contents_lineup_item {
        gap: min(1.2239vw, 23.5px);
    }
}

@media screen and (min-width: 920px){
    .epic_contents_lineup_item-01 {
        grid-area: A;
    }
}
@media screen and (min-width: 920px){
    .epic_contents_lineup_item-02 {
        grid-area: B;
    }
}
@media screen and (min-width: 920px){
    .epic_contents_lineup_item-03 {
        grid-area: C;
    }
}
@media screen and (min-width: 920px){
    .epic_contents_lineup_item-04 {
        grid-area: D;
    }
}

.epic_contents_lineup_catch {
    width: 100%;
    height: auto;
    display: flex;
    align-items: baseline;
    gap: 13px;
}
@media screen and (min-width: 920px){
    .epic_contents_lineup_catch {
        gap: min(1.0416vw, 20px);
    }
}

.epic_contents_lineup_catch_en {
    font-family: var(--font-catch);
    font-size: min(6.04651vw, 26px);
    line-height: 1;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 920px){
    .epic_contents_lineup_catch_en {
        font-size: min(2.135416vw, 41px);
    }
}

.epic_contents_lineup_catch_ja {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.04em;
}
@media screen and (min-width: 920px){
    .epic_contents_lineup_catch_ja {
        font-size: clamp(0.625rem, 0.395rem + 0.4vw, 0.875rem);
    }
}

.epic_contents_lineup_list {
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

.epic_contents_lineup_list li {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: min(5.11627vw, 22px) 8px min(4.4186vw, 19px);
}
@media screen and (min-width: 920px){
    .epic_contents_lineup_list li {
        padding: min(1.302083vw, 25px) min(1.510416vw, 29px) min(1.14583vw, 22px) min(1.35416vw, 26px);
    }
}

.epic_contents_lineup_list li:nth-child(odd) {
    background-color: #ffffff;
}
.epic_contents_lineup_list li:nth-child(even) {
    background-color: #F8F8F8;
}

.epic_contents_lineup_name,
.epic_contents_lineup_price {
    font-size: min(3.2558vw, 14px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.04em;
}
@media screen and (min-width: 920px){
    .epic_contents_lineup_name,
    .epic_contents_lineup_price {
        font-size: min(0.9375vw, 18px);
    }
}