@charset "utf-8";

/* 
page_heading
======================================================================== */
.heading_type1 {
    margin-top: 107px;
}
.heading_type1 .heading_text {
    color: #011A5D;
}

/* 
anchor_list
======================================================================== */
.anchor_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    gap: 25px 70px;
}
.anchor_list_item {
    display: inline-block;
}
.anchor_list_item > a {
    display: block;
    padding-right: 20px;
    font-size: 1rem;/* 16px */
    font-weight: bold;
    position: relative;
}
.anchor_list_item > a::after {
    content: '';
    width: 15px;
    height: 15px;
    background: url(/softdrink/jihanki/common/img/ico_arrow_navy.svg) no-repeat center / contain;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(90deg);
}

.bg_lblue {
    margin-top: 100px;
}
/* 
faq
======================================================================== */
.faq_list_wrap {
    margin-top: 50px;
}
#transaction {
    padding-top: 84px;
}
#contract {
    padding-top: 84px;
}
#cost {
    padding-top: 84px;
}
#place {
    padding-top: 84px;
}
#operation {
    padding-top: 84px;
}

/* 
for_corp
======================================================================== */
.for_corp {
    padding: 136px 0 97px;
}
.for_corp .column_3col {
    margin-top: 59px;
}

/* 
contact
======================================================================== */
aside.contact {
    padding: 69px 0 140px;
}
.contact_links {
    flex-wrap: wrap;
    gap: 32px 36px;
    margin-top: 50px;
}
.contact_links .column_item {
    flex: auto;
    width: calc(50% - 18px);
}
.contact_links .contents_button {
    height: 100%;
}
.contact_links .contents_button a {
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding: 28px 70px 28px 40px;
    background-color: #EEFAFC;
    border: none;
    border-radius: 10px;
    font-size: 1.25rem;/* 20px */
    text-align: left;
    position: relative;
}
.contact_links .contents_button a::after {
    content: '';
    width: 28px;
    height: 28px;
    background: url(/softdrink/jihanki/common/img/ico_arrow_lblue.svg) no-repeat center / contain;
    position: absolute;
    top: 50%;
    right: 32px;
    transform: translateY(-50%);
}
.contact_links .contents_button.blank a::after {
    background-image: url(/softdrink/jihanki/common/img/ico_blank_lblue.svg);
}
.contact_links .contents_button a:hover {
    color: #011A5D;
    text-decoration: underline;
    text-underline-offset: 0.12em;
    text-decoration-thickness: 1px;
}


@media screen and (max-width: 767px) {
    /* 
    page_heading
    ======================================================================== */
    .heading_type1 {
        margin-top: 31px;
    }

    /* 
    anchor_list
    ======================================================================== */
    .anchor_list {
        margin-top: 36px;
        gap: 20px 27px;
    }

    .bg_lblue {
        margin-top: 60px;
    }
    /* 
    faq
    ======================================================================== */
    .faq_list_wrap {
        margin-top: 28px;
    }
    #transaction {
        padding-top: 55px;
    }
    #contract {
        padding-top: 60px;
    }
    #cost {
        padding-top: 60px;
    }
    #place {
        padding-top: 60px;
    }
    #operation {
        padding-top: 60px;
    }

    /* 
    for_corp
    ======================================================================== */
    .for_corp {
        padding: 60px 0;
    }
    .for_corp .column_3col {
        margin-top: 30px;
    }
    .for_corp .column_3col.type_01 .column_item_text {
        font-size: 0.75rem;/* 12px */
        text-align: center;
    }
    .for_corp .contents_button {
        margin-top: 37px;
    }

    /* 
    contact
    ======================================================================== */
    aside.contact {
        padding: 60px 0 74px;
    }
    .contact_links {
        margin-top: 30px;
    }
    .contact_links .column_item {
        width: 100%;
    }
    .contact_links .column_item .column_item {
        margin-top: 30px;
    }
    .contact_links .contents_button a {
        padding: 14px 65px 14px 24px;
        font-size: 1.125rem;/* 18px */
    }
    .contact_links .contents_button a::after {
        width: 20px;
        height: 20px;
        right: 24px;
    }
    .contact .contact_links + .contents_button {
        margin-top: 37px;
    }

}