@charset "utf-8";

/*--京home.css--*/
/* ##########PC########## */
.contents {
    padding-bottom: 0;
}

.mainvisual{
    width: 100%;
    height: 40rem;
}

.mainvisual .box_inner{
    width: 71.875rem;
    margin: 0 auto;
    position: relative;
}

.mainvisual .box_inner::before{
    content:"";
    display: block;
    width: 42.5rem;
    height: 42.5rem;
    background: url(../shared/fig_home_catch.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -5.875rem;
    right: calc(50% - 40rem);
    z-index: 1;
}

.mainvisual .box_inner .home_catch_img{
    width: 40rem;
    position: relative;
    left: calc(50% - 40rem);
    z-index: 2;
}

.mainvisual .box_inner .home_catch_img img{
    max-width: 100%;
    height: auto;
}

.mainvisual .box_inner .home_catch_img .home_catch_text{
    width: 100%;
    font-size: 1.25rem;
    color: #2d2561;
    line-height: 1.9;
    text-align: center;
    position: absolute;
    bottom: 4rem;
    left: 0;
}

.mainvisual .box_inner .hc_link_box01{
    width: 32.5rem;
    height: 17.5rem;
    position: absolute;
    top: 2.5rem;
    left: calc(50% + 4rem);
}

.mainvisual .box_inner .hc_link_box01 .hc_link_img{
    width: 17.5rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.mainvisual .box_inner .hc_link_box01 .hc_link_img img{
    max-width: 100%;
    height: auto;
}

.mainvisual .box_inner .hc_link_box01 .hc_link_ttl{
    position: absolute;
    top: 7.5rem;
    right: 0;
    z-index: 2;
}

.mainvisual .box_inner .hc_link_box01 .hc_link_ttl a{
    font-size: 1.5rem;
    color: #2d2561;
    padding: 0 0 0.3rem 1.5rem;
    border-bottom: 1px solid #2d2561;
    text-decoration: none;
    letter-spacing: 0.2rem;
    transition: .3s all ease;
}

.mainvisual .box_inner .hc_link_box01 .hc_link_ttl a:hover{
    color: #db5600;
    border-bottom: 1px solid #db5600;
}

.mainvisual .box_inner .hc_link_box02{
    width: 32.5rem;
    height: 17.5rem;
    position: absolute;
    bottom: 0;
    left: calc(50% + 4rem);
}

.mainvisual .box_inner .hc_link_box02 .hc_link_img{
    width: 17.5rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.mainvisual .box_inner .hc_link_box02 .hc_link_img img{
    max-width: 100%;
    height: auto;
}

.mainvisual .box_inner .hc_link_box02 .hc_link_ttl{
    position: absolute;
    top: 7.5rem;
    left: 0;
    z-index: 2;
}

.mainvisual .box_inner .hc_link_box02 .hc_link_ttl a{
    font-size: 1.5rem;
    color: #2d2561;
    padding: 0 1.5rem 0.3rem 0;
    border-bottom: 1px solid #2d2561;
    text-decoration: none;
    letter-spacing: 0.2rem;
    transition: .3s all ease;
}

.mainvisual .box_inner .hc_link_box02 .hc_link_ttl a:hover{
    color: #db5600;
    border-bottom: 1px solid #db5600;
}

/*汎用*/
h2 {
    transition: .5s all ease;
    transition-delay: .3s;
    opacity: 0;
    transform: translateX(0.3em);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.show h2,
.show h2 {
    opacity: 1;
    transform: translateX(0);
}

h2 .lbl_en{
    font-size: 3.6rem;
    color: #2d2561;
    font-weight: 500;
    letter-spacing: 0.8rem;
    margin-bottom: 0.8rem;
}

h2 .lbl_ja{
    font-size: 1.1rem;
    color: #2d2561;
    font-weight:700;
}

/*お知らせ*/
.news_box {
    /*display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 71.875rem;
    gap: 3.5rem;*/
    margin: 5.125rem auto 3.125rem auto;
    background: url(../shared/fig_bg_news.png);
    background-size: 80rem 30rem;
    background-position: top 2rem center;
    background-repeat: repeat-x;
    padding-bottom: 0.5rem;
}

.news_box .box_header {
    margin-bottom: 1rem;
}

.news_box .box_header h2 {
    margin: 0;
}

.news_box .box_inner {
    flex: 1;
    opacity: 0;
    filter: blur(10px);
    transition: .5s all ease;
    transition-delay: .7s;
}

.news_box.show .box_inner {
    opacity: 1;
    filter: blur(0);
}

.news_box > .box_inner .entry_list_box > ul {}

.news_box > .box_inner .entry_list_box > ul .slick-list .slick-track{
    padding: 0.3rem 0 2rem 0;
}

.news_box > .box_inner .entry_list_box > ul .slick-list li {
    width: 17.5rem;
    margin-right: 2rem;
}

.news_box > .box_inner .entry_list_box > ul .slick-list li:last-child{
    border-bottom: none;
}

.entry_list_box ul .slick-list li a {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    color: #111;
    line-height: 1.6;
    display: block;
    padding: 0.8rem;
    text-decoration: none;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
    border-radius: 0.5rem;
    transition: .3s all ease;
}

.entry_list_box ul .slick-list li a:hover {
    border: 2px solid #918ca2;
}

.entry_list_box ul .slick-list li a .entry_image{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 9.375rem;
    overflow: hidden;
    margin-bottom: 1rem;
    border-radius: 0.5rem;
    /*体裁調整用*/
    background: #e7f3fe;
}

.entry_list_box ul .slick-list li a .entry_image.cat_news{
    background: #dbf7ef;
}

.entry_list_box ul .slick-list li a .entry_image.cat_startups{
    background: #e7f3fe;
}

.entry_list_box ul .slick-list li a .entry_image.cat_entrepreneurship{
    background: #fffae5;
}

.entry_list_box ul .slick-list li a .entry_image .cat_img{
    font-size: 1.3rem;
    font-weight: 600;
}

.entry_list_box ul .slick-list li a .entry_image img{
    max-width: 100%;
    height: auto;
}

.entry_list_box ul .slick-list li a .entry_image img.no_image{
    /*体裁調整用*/
    width: 14rem;
}


.entry_list_box ul .slick-list li a .entry_detail{
    display: block;
    min-height: 4rem;
}

.entry_list_box ul .slick-list li a .entry_detail .entry_title{
    display: block;
    line-height: 1.4;
}

.entry_list_box ul .slick-list li a .entry_date_cat{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.entry_list_box ul .slick-list li a .entry_date_cat .entry_date{
    color: #222;
}

.entry_list_box ul .slick-list li a .entry_date_cat .entry_cat{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
    margin-right: auto;
}

.entry_list_box ul .slick-list li a .entry_date_cat .entry_cat .cat_item{
    padding: 0 0.6rem;
    background: #2a275e;
    color: #fff;
    font-size: 0.8rem;
}

.news_box > .box_footer{}

.news_box > .box_footer .more {
    width: 9rem;
    margin: 0 auto;
}

.news_box > .box_footer .more a{
    text-decoration: none;
    display: block;
    color: #fff;
    background: #2d2561;
    border-radius: 2rem;
    font-size: 1em;
    padding: 0.8rem 0;
    text-align: center;
    font-weight: 500;
    position: relative;
    transition: .3s all ease;
}

.news_box > .box_footer .more a:hover{
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.45);
    transform: translateY(-0.2rem);
}


/*活動内容*/
.program_box{
    padding: 5.375rem 0 4rem 0;
    position: relative;
}

.program_box::before{
    content:"";
    display: block;
    width: 100%;
    min-width: 80rem;
    height: 37.5rem;
    background: url(../shared/bg_program.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.program_box .box_header{
    margin-bottom: 2.2rem;
}

.program_box .box_inner{
    opacity: 0;
    filter: blur(10px);
    transition: .5s all ease;
    transition-delay: .7s;
}

.program_box.show .box_inner{
    opacity: 1;
    filter: blur(0);
}

.program_box .box_inner .program_wrap{
    display: flex;
    justify-content: center;
    gap: 2.4rem;
}

.program_box .box_inner .program_wrap .program_item{}

.program_box .box_inner .program_wrap .program_item a{
    box-sizing: border-box;
    display: block;
    width: 30rem;
    height: 30rem;
    padding: 1.125rem;
    background: url(../shared/img_program_academic.jpg) no-repeat;
    background-size: contain;
    text-decoration: none;
    color: #2d2561;
    transition: .3s all ease;
}

.program_box .box_inner .program_wrap .program_item a:hover{
    transform: scale(1.03);
}

.program_box .box_inner .program_wrap .program_item:last-child a{
    background: url(../shared/img_program_entrepreneurship.jpg) no-repeat;
    background-size: contain;
}

.program_box .box_inner .program_wrap .program_item a .item_inner{
    display: block;
    height: 100%;
    background: rgba(255,255,255, 0.7);
    position: relative;
}

.program_box .box_inner .program_wrap .program_item a .item_inner::before{
    content:"";
    display: block;
    width: 12.375rem;
    height: 12.375rem;
    background: #fff;
    position: absolute;
    top: calc(50% - 6.1875rem);
    left: calc(50% - 6.1875rem);
    z-index: 1;
}

.program_box .box_inner .program_wrap .program_item a .item_inner .item_ttl{
    display: block;
    position: relative;
    padding-top: 10rem;
    padding-bottom: 4rem;
    text-align: center;
    z-index: 2;
}

.program_box .box_inner .program_wrap .program_item a .item_inner .item_ttl::before{
    content:"";
    width: 7.5rem;
    height: 2.5rem;
    background: #2a275e;
    border-radius: 1.5rem;
    position: absolute;
    bottom: 0;
    left: calc(50% - 3.75rem);
}

.program_box .box_inner .program_wrap .program_item a .item_inner .item_ttl::after{
    content:"";
    width: 1rem;
    height: 1rem;
    background: url(../shared/icon_arrow_w.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0.75rem;
    left: calc(50% - 0.5rem);
}

.program_box .box_inner .program_wrap .program_item a .item_inner .item_ttl .item_ttl_en{
    display: block;
    font-size: 1.5rem;
    margin-bottom: 0.8rem;
}

.program_box .box_inner .program_wrap .program_item a .item_inner .item_ttl .item_ttl_ja{
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
}

.program_box .box_inner .program_wrap .program_item a .item_inner .item_text{
    display: block;
    position: relative;
    z-index: 2;
    margin: 4rem auto 0 auto;
    width: 85%;
    text-align: center;
    color: #222;
    line-height: 1.6;
}

/*スタッフ紹介*/
.staff_box{
    width: 50rem;
    margin: 3.5rem auto 5rem auto;
    background: url(../shared/img_bg_staff.png) no-repeat;
    background-size: contain;
    background-position: bottom center;
}

.staff_box .box_inner{
    opacity: 0;
    filter: blur(10px);
    transition: .5s all ease;
    transition-delay: .7s;
    padding: 3.125rem 0;
}

.staff_box.show .box_inner{
    opacity: 1;
    filter: blur(0);
}

.staff_box .box_inner .more{
    width: 9.375rem;
    margin: 0 auto;
}

.staff_box .box_inner .more a{
    text-decoration: none;
    display: block;
    color: #fff;
    background: #2d2561;
    border-radius: 2rem;
    font-size: 1em;
    padding: 0.8rem 0;
    text-align: center;
    font-weight: 500;
    position: relative;
    transition: .3s all ease;
}

.staff_box .box_inner .more a:hover{
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.45);
    transform: translateY(-0.2rem);
}

/*about_contact_box*/
.about_contact_box{
    margin-bottom: 5rem;
}

.about_contact_box .box_inner{
    opacity: 0;
    filter: blur(10px);
    transition: .5s all ease;
    transition-delay: .7s;
}

.about_contact_box.show .box_inner{
    opacity: 1;
    filter: blur(0);
}

.about_contact_box .box_inner ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
}

.about_contact_box .box_inner ul li{}

.about_contact_box .box_inner ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    width: 32.5rem;
    height: 22.5rem;
    border: 0.5rem solid #f3d7cb;
    background: url(../shared/fig_bg_about.png);
    background-size: 12.5rem 12.5rem;
    text-decoration: none;
    color: #bc333d;
    position: relative;
    transition: .3s all ease;
}

.about_contact_box .box_inner ul li.contact a{
    border: 0.5rem solid #bbdcd3;
    background: url(../shared/fig_bg_contact.png);
    background-size: 12.5rem 12.5rem;
    color: #247878;
}

.about_contact_box .box_inner ul li a:hover{
    transform: scale(1.03);
}

.about_contact_box .box_inner ul li a::before{
    content: "";
    width: 7.5rem;
    height: 2.5rem;
    background: #bc333d;
    border-radius: 1.5rem;
    position: absolute;
    bottom: 3.125rem;
    left: calc(50% - 3.75rem);
}

.about_contact_box .box_inner ul li.contact a::before{
    background: #247878;
}

.about_contact_box .box_inner ul li a::after{
    content: "";
    width: 1rem;
    height: 1rem;
    background: url(../shared/icon_arrow_w.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 3.875rem;
    left: calc(50% - 0.5rem);
}

.about_contact_box .box_inner ul li a .bnr_ttl_en{
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: 0.6rem;
    padding: 0 1rem;
    background: #fff;
    margin-bottom: 1rem;
}

.about_contact_box .box_inner ul li a .bnr_ttl_ja{
    font-size: 1.1rem;
    font-weight: 700;
    padding: 0.2rem 1rem;
    background: #fff;
}

/*bnr_list*/
.bnr_list{
    opacity: 0;
    filter: blur(10px);
    transition: .5s all ease;
    transition-delay: .7s;
    margin-bottom: 4rem;
}

.bnr_list.show{
    opacity: 1;
    filter: blur(0);
}

.bnr_list ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
}

.bnr_list ul li{
    width: 30rem;
}

.bnr_list ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 5rem;
    border: 2px solid #d4d3e1;
    position: relative;
    text-decoration: none;
    color: #2d2561;
    transition: .3s all ease;
}

.bnr_list ul li a:hover{
    color: #fff;
    background: #2d2561;
}

.bnr_list ul li a::after{
    content: "";
    width: 1rem;
    height: 1rem;
    background: url(../shared/icon_arrow.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: calc(50% - 0.5rem);
    right: 2rem;
    transition: .3s all ease;
}

.bnr_list ul li a:hover::after{
    background: url(../shared/icon_arrow_w.png) no-repeat;
    background-size: contain;
    right: 1.5rem;
}

.bnr_list ul li a .b_border{
    padding: 0.3rem 0.5rem;
    border-bottom: 2px solid #9592b1;
    transition: .3s all ease;
}

.bnr_list ul li a:hover .b_border{
    border-bottom: 2px solid #fff;
}

@media screen and (min-width:1px) and (max-width:1400px) {}

@media screen and (min-width:1px) and (max-width:1200px) {}

/*ipad*/
@media screen and (min-width:1px) and (max-width:1024px) {
    .mainvisual{
        height: auto;
    }

    .mainvisual .box_inner{
        width: 90vw;
    }

    .mainvisual .box_inner::before{
        content: "";
        width: 29.75rem;
        height: 29.75rem;
        position: absolute;
        top: -5.875rem;
        right: calc(50% - 27.75rem);
    }

    .mainvisual .box_inner .home_catch_img{
        width: 28rem;
        left: calc(50% - 28rem);
    }

    .mainvisual .box_inner .hc_link_box01{
        width: 22.75rem;
        height: 12.25rem;
        position: absolute;
        top: 2rem;
        left: calc(50% + 2rem);
    }

    .mainvisual .box_inner .hc_link_box01 .hc_link_img{
        width: 12.25rem;
    }

    .mainvisual .box_inner .hc_link_box01 .hc_link_ttl{
        top: 5.5rem;
    }

    .mainvisual .box_inner .hc_link_box02{
        width: 22.75rem;
        height: 12.25rem;
        position: absolute;
        bottom: 0;
        left: calc(50% + 2rem);
    }

    .mainvisual .box_inner .hc_link_box02 .hc_link_img{
        width: 12.25rem;
    }

    .mainvisual .box_inner .hc_link_box02 .hc_link_ttl{
        top: 5.5rem;
    }

    .mainvisual .box_inner .home_catch_img .home_catch_text{
        font-size: 1.15rem;
        line-height: 1.7;
        bottom: 2.5rem;
    }

    h2 .lbl_en{
        font-size: 2.8rem;
        letter-spacing: 0.5rem;
    }

    /*お知らせ*/
    .news_box{
        width:100%;
        gap: 2.5rem;
    }

    .news_box .box_header{
        width: 21rem;
        height: 21rem;
    }

    .news_box .box_header h2{
        margin: 5.875rem 0 3.375rem 0;
    }

    .news_box > .box_inner .entry_list_box > ul{
        margin-top: 2rem;
    }

    .entry_list_box ul li a{
        padding: 0.8rem 1rem;
    }

    /*活動内容*/
    .program_box{
        padding: 4.375rem 0 3rem 0;
    }

    .program_box::before{
        min-width: 100vw;
    }

    .program_box .box_inner .program_wrap .program_item a{
        width: 21rem;
        height: 21rem;
    }

    .program_box .box_inner .program_wrap .program_item a .item_inner::before{
        width: 8.6625rem;
        height: 8.6625rem;
        background: #fff;
        position: absolute;
        top: calc(50% - 4.33125rem);
        left: calc(50% - 4.33125rem);
    }

    .program_box .box_inner .program_wrap .program_item a .item_inner .item_ttl{
        padding-top: 6rem;
        padding-bottom: 3rem;
    }

    .program_box .box_inner .program_wrap .program_item a .item_inner .item_ttl::before{
        width: 6rem;
        height: 2rem;
        left: calc(50% - 3rem);
    }

    .program_box .box_inner .program_wrap .program_item a .item_inner .item_ttl::after{
        bottom: 0.5rem;
        left: calc(50% - 0.5rem);
    }


    .program_box .box_inner .program_wrap .program_item a .item_inner .item_ttl .item_ttl_en{
        font-size: 1.3rem;
        margin-bottom: 0.5rem;
    }

    .program_box .box_inner .program_wrap .program_item a .item_inner .item_ttl .item_ttl_ja{
        font-size: 1.6rem;
    }

    .program_box .box_inner .program_wrap .program_item a .item_inner .item_text{
        margin: 2rem auto 0 auto;
        width: 100%;
        font-size: 0.95rem;
    }

    /*スタッフ紹介*/
    .staff_box{
        width: 70vw;
        margin: 3.5rem auto 4rem auto;
    }

    /*部門紹介、お問い合わせバナー*/
    .about_contact_box{
        margin-bottom: 4rem;
    }

    .about_contact_box .box_inner ul li a{
        width: 22.75rem;
        height: 15.75rem;
        background: url(../shared/fig_bg_about.png);
        background-size: 8.75rem 8.75rem;
    }

    .about_contact_box .box_inner ul li a::before{
        width: 6rem;
        height: 2rem;
        bottom: 1.925rem;
        left: calc(50% - 3rem);
    }

    .about_contact_box .box_inner ul li a::after{
        bottom: 2.425rem;
        left: calc(50% - 0.5rem);
    }

    .about_contact_box .box_inner ul li a .bnr_ttl_en{
        font-size: 2.4rem;
        padding: 0;
        letter-spacing: 0.5rem;
        margin-bottom: 0.6rem;
    }

    .about_contact_box .box_inner ul li a .bnr_ttl_ja{
        padding: 0.2rem 0;
    }

    /*外部リンクバナー*/
    .bnr_list{
        margin-bottom: 3rem;
    }

    .bnr_list ul li{
        width: 24rem;
    }

    .bnr_list ul li a{
        height: 4rem;
    }

    .bnr_list ul li a::after{
        right: 1rem;
    }

    .bnr_list ul li a:hover::after{
        right: 0.8rem;
    }

}

/* ##########SP横向き########## */
@media screen and (min-width:1px) and (max-width:768px) {}

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:479px) {
    .mainvisual .box_inner .home_catch_img{
        width: auto;
        position: relative;
        left: unset;
    }

        .mainvisual .box_inner .home_catch_img .home_catch_text{
            font-size: 0.95rem;
            bottom: 1.5rem;
        }

    .mainvisual .box_inner::before{
        width: 90vw;
        height: 90vw;
        z-index: -1;
        top: -16vw;
        right: calc(50% - 100vw);
    }

    .mainvisual .box_inner .hc_link_box01{
        display: none;
    }

    .mainvisual .box_inner .hc_link_box02{
        display: none;
    }

    h2 .lbl_en{
        font-size: 1.96rem;
        letter-spacing: 0.5rem;
        margin-bottom: 0.6rem;
    }

    h2 .lbl_ja {
        font-size: 1rem;
        font-weight: 600;
    }

    .news_box{
        display: block;
        margin: 2.125rem auto 3.125rem auto;
    }

    .news_box .box_header{
        width: auto;
        height: auto;
        background: none;
        position: relative;
    }
/*
    .news_box .box_header::before{
        content:"";
        display: block;
        width: 18rem;
        height: 18rem;
        background: url(../shared/fig_bg_news.png) no-repeat;
        background-size: contain;
        position: absolute;
        top: 0;
        left: calc(50% - 9rem);
        z-index: -1;
    }
*/
    .news_box .box_header h2{
        margin: 0;
    }

    .news_box .box_header .more{
        width: 6rem;
        position: absolute;
        top: 2.3rem;
        right: 0;
    }

    .news_box .box_header .more a{
        padding: 0.6rem 0;
    }

    .news_box > .box_inner .entry_list_box > ul{
        margin-top: 1rem;
    }

    .entry_list_box ul li a{
        line-height: 1.4;
    }

    .entry_list_box ul li a .entry_date_cat{
        margin-bottom: 0.5rem;
    }

    .entry_list_box ul li a .entry_date_cat .entry_cat .cat_item{
        font-size: 0.8rem;
    }

    .entry_list_box ul li a .entry_title{
        display: block;
        font-size: 0.9rem;
    }


    .program_box{
        padding: 3.375rem 0 2rem 0;
    }

    .program_box::before{
        width: 1280px;
        height: 640px;
        position: absolute;
        top: 0;
        left: calc(50% - 640px);
    }

    .program_box .box_inner .program_wrap{
        flex-direction: column;
        align-items: center;
    }

    .program_box .box_inner .program_wrap .program_item a .item_inner .item_ttl .item_ttl_en{
        font-size: 1.1rem;
        margin-bottom: 0.5rem;
    }

    .program_box .box_inner .program_wrap .program_item a .item_inner .item_ttl .item_ttl_ja{
        font-size: 1.4rem;
        font-weight: 600;
    }

    .staff_box{
        width: 100vw;
        margin: 2rem auto;
    }

    .staff_box .box_inner{
        padding: 1.5rem 0;
    }

    .staff_box .box_inner .more{
        width: 8.375rem;
        padding: 0.6rem 0;
    }

    .about_contact_box .box_inner ul{
        gap: 1rem;
    }

    .about_contact_box{
        width: 90vw;
        margin: 0 auto 3rem auto;
    }

    .about_contact_box .box_inner ul li{
        width: calc((100% - 1rem) / 2);
    }

    .about_contact_box .box_inner ul li a{
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        border: 0.3rem solid #f3d7cb;
        background-size: 7rem;
    }

    .about_contact_box .box_inner ul li.contact a{
        border: 0.3rem solid #bbdcd3;
        background-size: 7rem;
    }

    .about_contact_box .box_inner ul li a .bnr_ttl_en{
        font-size: 1.6rem;
        letter-spacing: 0.4rem;
        margin-bottom: 0.6rem;
        padding: 0.3rem;
    }

    .about_contact_box .box_inner ul li a .bnr_ttl_ja{
        font-size: 0.9rem;
        font-weight: 500;
        padding: 0.3rem;
    }

    .about_contact_box .box_inner ul li a::before{
        width: 4.2rem;
        height: 1.4rem;
        bottom: 1rem;
        left: calc(50% - 2.1rem);
    }

    .about_contact_box .box_inner ul li a::after{
        bottom: 1.2rem;
        left: calc(50% - 0.5rem);
    }

    .bnr_list ul li{
        width: 20rem;
    }

    .bnr_list ul li a{
        height: 3.5rem;
        border: 1px solid #d4d3e1;
    }

    .bnr_list ul li a .b_border{
        font-size: 0.9rem;
        border-bottom: 1px solid #9592b1;
        padding: 0.3rem 0.4rem;
    }

    .bnr_list ul li a::after{
        right: 0.5rem;
    }

    .bnr_list ul li a:hover::after{
        right: 0.5rem;
    }




}


/* ##########印刷用########## */
@media print {}