/*common*/
.tier.topPage {
    max-width: 1440px;
    padding: 40px 0 0;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(100px);
    transition: 1s ease;
    overflow-x: hidden;
}

.tier.topPage.tier_faq {
    max-width: inherit;
}

section.tier .container {
    max-width: 1100px;
}

.buttons .btn_flat {
    padding: 16px 9%;
}
/*common*/

/*slider*/
section.tier.slider {
    padding: 0;
    margin-top: 0;
}

section.tier.slider.sp {
    margin-top: 113px;
}

.horizontal_carousel .slick-slide {
    padding: 0;
}

@media screen and (max-width: 768px) {
    .buttons .btn_flat {
        padding: 16px 0;
    }

    section.tier.slider.pc {
        display: none;
    }

    section.tier.slider.sp {
        display: block;
    }
}

@media screen and (min-width: 769px) {
    section.tier.slider.pc {
        display: block;
    }

    section.tier.slider.sp {
        display: none;
    }
}

/*slider*/
/*alert*/
.tier.alert {
    background: #e9e9e9;
    padding: 0;
    max-width: inherit;
}

.tier.alert .container {
    padding: 12px 0;
}

.tier.topic > div > section {
    padding: 0;
}

.alert-accordion-wrap {
    padding: 0;
    margin-bottom: 0;
}

.alert-accordion-wrap :nth-last-child(1) {
    margin-bottom: 0;
}

.alert-item {
    border: 1px solid #000;
    border-radius: 3px;
    padding: 12px;
    margin-bottom: 20px;
    max-width: 900px;
}

.alert-item p {
    font-size: 14px;
}


/*alert*/
/*information*/
.type_icon {
    float: left;
    margin-right: 10px;
    font-weight: normal;
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 4px;
    border: solid 1px;
}

.tier_information {
    max-width: 1440px;
}

.information-wrap {
    font-weight: bold;
}

.tier_information .information-wrap .buttons .btn_flat {
    padding: 16px 9%;
    margin: 20px 0 80px;
}

.information-head {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 40px;
    text-align: center;
}

.information-head .text18 {
    letter-spacing: .2rem;
}

.information-head .text26 {
    line-height: 1.5;
}

.information-head .text18, .information-head .text26, .information-head .text14 {
    margin-bottom: 8px;
}

.information-head .text14 {
    font-weight: normal;
}

.symbol {
    max-height: 24px;
    margin-bottom: 12px;
}

.information-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    gap: 40px 16px;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
}

.information-list.topics {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
    justify-content: center;
    max-width: 1156px;
    margin: 0 auto;
}

.information-list.topics img {
    width: 1000px;
    max-height: inherit;
    box-shadow: 3px 3px 6px 0px #a9a9a9;
    border: none;
}

.information-list > li{
    margin: 0 auto;
}

.information-list > li > h5 {
    min-width: 330px;
}

.information-list img {
    /*width: 100%;*/
    /*height: auto;*/
    max-height: 250px;
    border: 3px solid #D9D9D9;
}

.information-list-name {
    display: flex;
    flex-flow: column;
    padding: 12px 0;
    max-width: 65px;
}

.information-ex {
    max-width: 330px;
    font-size: 14px;
    font-weight: normal;
}

.information-type {
    font-size: 16px;
    padding-bottom: 4px;
    border-bottom: 2px solid #000;
}

.information-list a:hover .information-type {
    border-bottom: 2px solid #8C060E;
}

.information-days {
    font-size: 10px;
    padding-top: 4px;
}

@media screen and (max-width: 767px) {
    section.tier.slider.sp_only {
        transform: translateY(113px)!important;
        padding-bottom: 113px;
    }

    .tier_information .information-wrap .buttons .btn_flat {
        padding: 16px 0;
    }

    .information-list > li{
        width: 100%;
    }

    .information-head .text26 {
        line-height: 1.5;
        font-size: 18px;
    }

    .information-head .text14 {
        text-align: center;
        line-height: 2.0;
        font-size: 14px;
    }

    .information-list.topics {
        gap: 18px;
        grid-template-columns: 1fr 1fr;
    }

    .information-ex {
        padding: 20px 0;
        border-bottom: 1px solid #d9d9d9;
        max-width: inherit;
    }

    .information-ex a {
        display: block;
        width: 100%;
    }

    .btn_flat.top:after {
        top: 43%;
    }
}

/*information*/
/*services*/
.tier.service {
    max-width: inherit;
    padding: 80px 0;
}

.tier_service {
    background: #e9e9e9;
}

.tier_service .information-wrap {
    max-width: 1080px;
    margin: 0 auto;
}

.information-list.service {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 40px;
}

.information-list.service > h5 {
    background: #fff;
    margin: 0 auto;
    height: fit-content;
}

.information-list.service img {
    height: inherit;
    width: auto;
    border: none;
}

.information-list-name.service {
    height: 94px;
    padding: 12px;
    max-width: inherit;
}

.information-list-name.service > div {
    line-height: 1.0;
}

.information-number {
    font-size: 10px;
    line-height: 1.0;
}

.information-service {
    font-size: 14px;
    min-height: 54px;
    margin: 8px 0;
    line-height: 1.3;
    font-weight: bold;
}

.information-more {
    position: relative;
    font-size: 8px;
}

.information-more:after {
    position: absolute;
    content: '';
    background-image: url(../../img/top/service_arrow.svg);
    height: 6px;
    width: 20px;
    background-repeat: no-repeat;
    top: calc(50% - 2px);
    left: 34px;
}

@media screen and (max-width: 768px) {
    .information-list.service {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
}

@media screen and (min-width: 1024px) {
    .tier.service {
        padding: 80px 0 114px;
    }

    .information-service {
        min-height: inherit;
    }

    .information-list.service {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 40px;
    }

    .information-list-name.service {
        height: inherit;
    }
}

/*services*/
/*our spirits*/
.tier.spirits {
    max-width: inherit;
    padding-bottom: 0;
}

.tier_spirits {
    position: relative;
    background-image: url(../../img/top/spirits_image.jpg?v1);
    background-size: cover;
    width: 100%;
    height: 630px;
}

.tier_spirits .container {
    height: 100%;
    width: 90%;
}

.tier_spirits .container > section {
    position: relative;
    height: 100%;
    padding: 0;
}

.tier_spirits .information-wrap {
    position: absolute;
    top: calc(50% - 283px / 2);
    left: calc(50% - 358px / 2);
}

.buttons.spirits_buttons {
    width: 100%;
    max-width: 250px;
    margin-top: 24px;
}

.buttons.spirits_buttons a {
    border: none;
    background: #fff;
    display: block;
    margin-right: 0;
}

.buttons.spirits_buttons a:hover {
    color: #d71618;
}

@media screen and (max-width: 767px) {
    .tier_spirits {
        position: relative;
        background-image: url(../../img/top/spirits_image_sp.jpg?v1);
        background-size: cover;
        background-position: bottom;
        width: 100%;
        height: 600px;
    }
}

@media screen and (max-width: 767px) {
    .tier_spirits .information-wrap {
        position: absolute;
        top: calc(50% - 287px / 2);
        left: calc(50% - 306px / 2);
    }
}

@media screen and (min-width: 1441px) {
    .tier_spirits {
        background-repeat: no-repeat;
        background-position: center;
    }
}

/*our spirits*/
/*showroom*/
.tier.showroom {
    max-width: 1020px;
}

.showroom-icon {
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
}

.showroom-icon img {
    max-width: 150px;
}

.showroom-title {
    font-size: 22px;
    text-align: center;
    margin-bottom: 24px;
}

.showroom-sentece {
    margin-bottom: 24px;
    font-weight: normal;
}

.showroom-link a {
    position: relative;
    display: inline-block;
    margin-bottom: 24px;
}

.showroom-link a:after {
    position: absolute;
    content: '';
    background-image: url(../../img/top/showroom_arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 20px;
    width: 20px;
    right: -32px;
    top: 0;
}

@media screen and (min-width: 1024px) {
    .tier.showroom {
        padding: 80px 0 40px;
    }

    .tier_showroom .information-wrap {
        display: flex;
        align-items: center;
    }

    .showroom-ex {
        width: 60%;
        display: flex;
        align-items: center;
    }

    .showroom-right {
        padding-left: 32px;
    }

    .showroom-icon {
        margin-bottom: 0;
    }

    .showroom-title {
        text-align: left;
    }

    .showroom-link a {
        margin-bottom: 0;
    }

    .showroom-img {
        padding-left: 32px;
        margin-left: 32px;
        border-left: 1px solid #6D6D6D;
        width: 40%;
    }
}

@media screen and (max-width: 1023px) {
    .tier.showroom .information-wrap {
        max-width: 455px;
        margin: 0 auto;
    }
}

/*showroom*/

/*faq*/
.faq-gray {
    background: #E9E9E9;
    margin: 0 calc(50% - 50vw);
    padding: 40px;
}

.faq-head {
    max-width: 960px;
    margin: 0 auto;
    background: #fff;
}

.faq-head a {
    display: flex;
    align-items: center;
    padding: 24px;
    max-width: 650px;
    margin: 0 auto;
}

.faq-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    margin-right: 12px;
}

.faq-title span {
    font-size: 20px;
}

.faq-title img {
    max-width: 30px;
    margin-right: 12px;
}

.faq-ex {
    width: 100%;
    max-width: 380px;
}

.faq-ex span {
    position: relative;
}

.faq-ex span:after {
    content: "";
    color: #000;
    display: block;
    transform: rotate(-45deg);
    position: absolute;
    top: 3px;
    right: -20px;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
}

.faq-head a:hover .faq-ex span:after {
    border-color: #8C060E;
}

.faq-important {
    background: #fff;
    padding: 12px 24px;
    margin: 8px auto 0;
    max-width: 910px;
}

.faq-important-head {
    position: relative;
    max-width: 650px;
    margin: 0 auto 12px;
    padding: 8px;
}

.faq-important-head h6 {
    padding: 0 12px;
}

.faq-important-head:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 3px;
    background: #FF0000;
    top: 0;
}

.faq-important-head p {
    margin-left: 16px;
}

.faq-important-ex {
    max-width: 650px;
    margin: 0 auto;
    padding-top: 12px;
    border-top: 1px solid #000;
}

.faq-important-ex li {
    position: relative;
    display: inline-block;
    margin-right: 48px;
    padding: 12px 0;
}

.faq-important-ex li a:after {
    content: "";
    color: #000;
    display: block;
    transform: rotate(-45deg);
    position: absolute;
    top: 18px;
    right: -24px;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
}

.faq-important-ex li:hover .faq-important-ex li a:after {
    border-color: #8C060E;
}

.faq-blue {
    background: #1E3347;
    margin: 0 calc(50% - 50vw);
    color: #fff;
}

.faq-blue-wrap {
    padding: 80px 24px;
    border: 1px solid #1E3347;
}

.faq-blue-title {
    text-align: center;
    font-size: 22px;
}

.faq-blue-sentence {
    text-align: center;
    font-size: 14px;
    line-height: 2.0;
    margin-bottom: 24px;
    font-weight: normal;
}

.faq-blue-btn {
    position: relative;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #445FC9;
    padding: 12px 18px;
    margin: 0 auto;
    border-radius: 3px;
    max-width: 205px;
    font-size: 14px;
}

.faq-blue-btn:after {
    position: absolute;
    content: '';
    background-image: url("../../img/top/inquiry_icon.svg");
    background-repeat: no-repeat;
    height: 16px;
    width: 24px;
    right: 40px;
}

@media screen and (max-width: 768px) {
    .faq-gray {
        padding: 64px 40px 40px;
        margin: 0 calc(50% - 51vw);
    }

    .faq-title {
        width: 100%;
        padding-bottom: 12px;
    }

    .faq-title span {
        font-size: 16px;
    }

    .faq-ex {
        text-align: center;
    }

    .faq-ex span:after {
        top: 8px;
    }

    .faq-head a {
        flex-direction: column;
    }

    .faq-important-ex li a:after {
        width: 8px;
        height: 8px;
    }

    .faq-blue {
        margin: 0 calc(50% - 51vw);
    }
}

@media screen and (min-width: 1024px) {
    .faq-gray {
        padding: 80px 40px 40px;
    }
}

/*faq*/
/*添付文書検索*/
.documents-gray {
    background: #E9E9E9;
    margin: 0 calc(50% - 50vw);
    padding: 0 40px 40px;
}

.documents-head {
    max-width: 960px;
    margin: 0 auto;
    background: #fff;
}

.documents-head span {
    display: block;
    font-size: 20px;
    padding: 24px;
    max-width: 665px;
    margin: 0 auto;
}

.attachment-search_inner {
    margin-bottom: 16px;
}

.attachment-search_inner span {
    display: inline-block;
    font-size: 14px;
}

.attachment-search-wrap {
    background: #fff;
    padding: 12px 24px;
    margin: 0 auto;
    max-width: 910px;
}

.attachment-search-box {
    max-width: 662px;
    margin: 0 auto;
}

.attachment-search-box > p {
    font-size: 13px;
    padding-bottom: 12px;
    margin: 8px 0 12px;
    border-bottom: 1px solid #000;
}

.attachment-search-box > span {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 12px;
}
.documents-ex ul {
    padding-top: 8px;
}

.documents-ex li {
    position: relative;
    display: inline-block;
    margin-right: 48px;
    padding: 12px 0;
}

.documents-ex {
    border-top: 1px solid #000;
}

.documents-ex li a:after{
    content: "";
    color: #000;
    display: block;
    transform: rotate(-45deg);
    position: absolute;
    top: 18px;
    right: -24px;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
}

#documents-box {
    border-radius: 5px 0 0 5px!important;
    border-color: #838383;
    margin: 0;
}

#documents-btn {
    border-radius: 0 5px 5px 0!important;
    background: #d71618;
    border: 1px solid #d71618;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    min-width: 100px!important;
}

#documents-btn:hover {
    opacity: 0.7;
}

.attachment-search_inner .srchBtn {
    top: auto;
    width: 60px;
    border: none;
    border-radius: 2px;
}

.attachment-search_inner .clear-suggest {
    width: 20px;
    height: 20px;
    right: 18%;
    top: 27%;
    cursor: pointer;
    opacity: 0.5;
}

.attachment-search_list {
    display: none;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    border-color: rgba(223, 225, 229, 0);
    background: #fff;
    box-shadow: 0 2px 8px 1px rgb(64 60 67 / 24%);
}

.attachment-search_list a:hover {
    color: inherit;
}

.attachment-search_list li {
    position: relative;
    margin: 0 0 5px 0;
    padding: 6px 20px;
    cursor: pointer;
}

.attachment-search_list li:hover {
    background: grey;
    opacity: .8;
}

@media screen and (max-width: 768px) {
    .documents-gray {
        margin: 0 calc(50% - 51vw);
    }

    .documents-head span {
        font-size: 16px;
    }

    .documents-title span {
        font-size: 16px;
    }

    .documents-ex li a:after {
        width: 8px;
        height: 8px;
    }

    .attachment-search_inner {
        width: auto;
        margin: 0 auto 16px;
        padding: 0;
    }

    .attachment-search_inner .clear-suggest {
        right: 35%;
    }

    .attachment-search_list li {
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 1024px) {
    .documents-gray {
        padding: 0 40px 80px;
    }
}

/*documents*/