@charset "utf-8";

/*------------------------------------------------------------
[SP]
------------------------------------------------------------ */
@media screen and (max-width:767px){
    
    /*------------------------------------------------------------
    [SP] team_profile
    ------------------------------------------------------------ */
    #suntory_contents #team_profile {
        text-align: center;
        background: url(../../team/img/sp_bg_profile.webp) no-repeat center bottom;
        background-size: 100% auto;
        padding-bottom: 13.3333333333333vw;
        margin-bottom: 13.3333333333333vw;
    }
    .no-webp #suntory_contents #team_profile {
        background: url(../../team/img/sp_bg_profile.jpg) no-repeat center bottom;
        background-size: 100% auto;
    }
    #suntory_contents #team_profile .title_en {
        font-size: 4.5333333333333vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #bb0000;
        margin-bottom: 4vw;
    }
    #suntory_contents #team_profile h2 {
        font-size: 7.7333333333333vw;
        font-weight: bold;
        margin-bottom: 8vw;
    }
    #suntory_contents #team_profile .lead {
        font-size: 4vw;
        line-height: 1.944444444444444;
        margin-bottom: 8vw;
    }
    #suntory_contents #team_profile .lead span {
        color: #bb0000;
    }
    #suntory_contents #team_profile figure {
        margin: 0 auto;
        width: 52.2666666666667vw;
        margin-bottom: 8vw;
        opacity: 0;
        transition: all 1s ease;
        transform: scale(1.2, 1.2);
        transform-origin: center center;
    }
    #suntory_contents #team_profile figure.active {
        transform: scale(1, 1);
        opacity: 1;
    }
    
    
    #suntory_contents #team_profile figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #team_profile .team_data {
        margin: 0 auto;
        width: 73.3333333333333vw;
    }
    #suntory_contents #team_profile .team_data dl {
        width: 73.3333333333333vw;
    }
    #suntory_contents #team_profile .team_data dl:last-child {
        margin-top: 5.3333333333333vw;
    }
    #suntory_contents #team_profile .team_data dt {
        margin-bottom: 4vw;
        width: 73.3333333333333vw;
        height: 13.3333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 4.2666666666667vw;
        font-weight: bold;
        background: #feebeb;
    }
    #suntory_contents #team_profile .team_data .text {
        font-size: 4.8vw;
        font-weight: bold;
        text-align: center;
        margin-bottom: 5.3333333333333vw;
    }
    #suntory_contents #team_profile .team_data .btn a {
        margin: 0 auto;
        width: 49.3333333333333vw;
        height: 10.6666666666667vw;
        border-radius: 5.3333333333333vw;
        background: #bb0000 url(../img/arrow_next.png) no-repeat right 15px center;
        background-size: 1.6vw 2.6666666666667vw;
        font-size: 3.7333333333333vw;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        padding-right: 2.8vw;
        box-sizing: border-box;
    }

    /*------------------------------------------------------------
    [SP] mascots
    ------------------------------------------------------------ */
    #suntory_contents #mascots {
        text-align: center;
        margin-bottom: 13.3333333333333vw;
    }
    #suntory_contents #mascots .title_en {
        font-size: 4.5333333333333vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #bb0000;
        margin-bottom: 4.6666666666667vw;
    }
    #suntory_contents #mascots h2 {
        font-size: 7.7333333333333vw;
        font-weight: bold;
        margin-bottom: 8vw;
    }
    #suntory_contents #mascots .text {
        font-size: 4vw;
        line-height: 1.944444444444444;
        margin-bottom: 8vw;
    }
    #suntory_contents #mascots .text span {
        color: #bb0000;
    }
    #suntory_contents #mascots .mascots_container {
        margin: 0 1.3333333333333vw;
        display: flex;
        list-style: none;
    }
    #suntory_contents #mascots .mascots_container li {
        position: relative;
        width: 48.666666666666667vw;
    }
    #suntory_contents #mascots .mascots_container li h3 {
        margin-bottom: 4vw;
        width: 32vw;
        height: 14.6666666666667vw;
        background: #00aaff;
        color: #fff;
        font-size: 4vw;
        line-height: 1.266666666666667;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #suntory_contents #mascots .mascots_container li:first-child {
        width: 48.666666666666667vw;
    }
    #suntory_contents #mascots .mascots_container li:first-child h3 {
        margin-left: 13.3333333333333vw;
    }
    #suntory_contents #mascots .mascots_container li:last-child {
        width: 48.666666666666667vw;
    }
    #suntory_contents #mascots .mascots_container li:last-child h3 {
        margin-left: 3.3333333333333vw;
    }
    #suntory_contents #mascots .mascots_container li picture {
        width: 48.666666666666667vw;
    }
    #suntory_contents #mascots .mascots_container li picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    
    #suntory_contents #mascots .mascots_container li picture.sp_img_sunbirds_kun {
        transform: translate(-50vw, 0);
        opacity: 0;
        transition: all 1s ease;
    }
    #suntory_contents #mascots .mascots_container li picture.sp_img_sunbirds_kun.active {
        transform: translate(0, 0);
        opacity: 1;
    }
    #suntory_contents #mascots .mascots_container li picture.sp_img_moonbirds_kun {
        transform: translate(50vw, 0);
        opacity: 0;
        transition: all 1s ease;
    }
    #suntory_contents #mascots .mascots_container li picture.sp_img_moonbirds_kun.active {
        transform: translate(0, 0);
        opacity: 1;
    }
    
    
    /*------------------------------------------------------------
    [SP] uniform
    ------------------------------------------------------------ */
    #suntory_contents #uniform {
        text-align: center;
        background: url(../../team/img/sp_bg_uniform.jpg) no-repeat center 0;
        background-size: 100% auto;
        padding-top: 12vw;
        margin-bottom: 19.066666666666667vw;
    }
    .no-webp #suntory_contents #uniform {
        background: url(../../team/img/sp_bg_uniform.jpg) no-repeat center 0;
        background-size: 100% auto;
    }
    #suntory_contents #uniform .title_en {
        font-size: 4.5333333333333vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #bb0000;
        margin-bottom: 5.3333333333333vw;
        text-align: center;
    }
    #suntory_contents #uniform h2 {
        font-size: 7.7333333333333vw;
        font-weight: bold;
        margin-bottom: 8vw;
        text-align: center;
    }
    #suntory_contents #uniform .text {
        font-size: 4vw;
        line-height: 1.944444444444444;
        margin-bottom: 8vw;
        text-align: center;
    }
    #suntory_contents #uniform .text span {
        color: #bb0000;
    }
    #suntory_contents #uniform .uniform_container {
        margin: 0 auto;
        list-style: none;
    }
    #suntory_contents #uniform .uniform_container li {
        margin: 0 auto;
        width: 76vw;
    }
    #suntory_contents #uniform .uniform_container li {
        margin: 0 auto 9.6vw;
    }
    #suntory_contents #uniform .uniform_container li dt {
        font-size: 5.8666666666667vw;
        font-weight: bold;
        text-align: center;
        font-family: 'Roboto',sans-serif;
        background: url(../../team/img/sp_bg_uniform_title.png) no-repeat center bottom;
        background-size: 76vw auto;
        padding-bottom: 4vw;
        margin-bottom: 8vw;
    }
    #suntory_contents #uniform .uniform_container li dt span {
        font-size: 8.5333333333333vw;
    }
    #suntory_contents #uniform .uniform_container li picture {
        width: 76vw;
    }
    #suntory_contents #uniform .uniform_container li picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    
    /*#suntory_contents #uniform .uniform_container li picture.sp_uniform_01 {
        transform: translate(-50vw, 0);
        opacity: 0;
        transition: all 1s ease;
    }
    #suntory_contents #uniform .uniform_container li picture.sp_uniform_01.active {
        transform: translate(0, 0);
        opacity: 1;
    }
    #suntory_contents #uniform .uniform_container li picture.sp_uniform_02 {
        transform: translate(50vw, 0);
        opacity: 0;
        transition: all 1s ease;
    }
    #suntory_contents #uniform .uniform_container li picture.sp_uniform_02.active {
        transform: translate(0, 0);
        opacity: 1;
    }*/
    
    
    
    /*------------------------------------------------------------
    [SP] history_nav
    ------------------------------------------------------------ */
    #suntory_contents .history_nav {
        margin-bottom: 9.3333333333333vw;
        list-style: none;
        padding: 4vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        background: #010000;
        background: -moz-linear-gradient(left,  #010000 0%, #980011 50%, #000000 100%);
        background: -webkit-linear-gradient(left,  #010000 0%,#980011 50%,#000000 100%);
        background: linear-gradient(to right,  #010000 0%,#980011 50%,#000000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010000', endColorstr='#000000',GradientType=1 );
    }
    #suntory_contents .history_nav li {
        width: 25.3333333333333vw;
    }
    #suntory_contents .history_nav li:nth-child(1),
    #suntory_contents .history_nav li:nth-child(2),
    #suntory_contents .history_nav li:nth-child(3) {
        margin-bottom: 4vw;
    }
    #suntory_contents .history_nav li a {
        width: 25.3333333333333vw;
        height: 12vw;
        color: #fff;
        text-decoration: none;
        font-size: 2.6666666666667vw;
        font-weight: bold;
        padding-bottom: 2.2666666666667vw;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #510000 url(../img/arrow_down.png) no-repeat center bottom 19px;
        background: url(../img/arrow_down.png) no-repeat center bottom 1.3333333333333vw, -moz-linear-gradient(left,  #510000 0%, #6f0001 100%);
        background: url(../img/arrow_down.png) no-repeat center bottom 1.3333333333333vw, -webkit-linear-gradient(left,  #510000 0%,#6f0001 100%);
        background: url(../img/arrow_down.png) no-repeat center bottom 1.3333333333333vw,linear-gradient(to right,  #510000 0%,#6f0001 100%);
        background-size: 2.6666666666667vw auto,auto;
    }
    #suntory_contents .history_nav li a span {
        font-family: 'Roboto',sans-serif;
        font-size: 5.0666666666667vw;
        margin-right: 0.6666666666667vw;
    }

    
    /*------------------------------------------------------------
    [SP] history_section
    ------------------------------------------------------------ */
    #suntory_contents .history_section {
        margin-bottom: 14vw;
        opacity: 0;
        transition: all 1s ease;
    }
    #suntory_contents .history_section.active {
        opacity: 1;
    }
    #suntory_contents .history_section h2 {
        font-size: 4vw;
        font-weight: bold;
        display: flex;
        align-items: center;
        margin: 0 0 8vw 5.3333333333333vw;
        background: url(../img/bg_history_title.png) no-repeat 34.6666666666667vw center;
        background-size: 52vw 1px;
    }
    #suntory_contents .history_section h2 span {
        font-size: 9.3333333333333vw;
        font-family: 'Roboto',sans-serif;
        margin-right: 2vw;
    }
    #suntory_contents .history_section .history_data {
        margin: 0 5.3333333333333vw 0;
    }
    #suntory_contents .history_section table {
        margin-bottom: 8vw;
        width: 81.3333333333333vw;
    }
    #suntory_contents .history_section table th {
        font-size: 4.8vw;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        text-align: left;
        color: #cc5555;
        padding: 0 0 5.3333333333333vw;
        width: 16vw;
    }
    #suntory_contents .history_section table td {
        font-size: 4vw;
        line-height: 1.333333333333333;
        padding: 0 0 5.3333333333333vw;
        width: 65.333333333333333vw;
    }
    #suntory_contents .history_section table tr:last-child th,
    #suntory_contents .history_section table tr:last-child td {
        padding: 0;
    }
    
    #suntory_contents .history_section picture {
         width: 81.3333333333333vw;   
    }
    #suntory_contents .history_section picture img {
        width:100%;
        height: auto;
        vertical-align: bottom;
    }
    
    
    
    
    
    /*------------------------------------------------------------
    [SP] title_access
    ------------------------------------------------------------ */
    #suntory_contents .title_access {
        margin: 0 auto 13.3333333333333vw;
        width: 92vw;
        background: url(../../access/img/sp_main_visual.webp) no-repeat 0 0;
        background-size: 92vw auto;
        padding: 37.0666666666667vw 0 0;
    }
    .no-webp #suntory_contents .title_access {
        background: url(../../access/img/sp_main_visual.jpg) no-repeat 0 0;
        background-size: 92vw auto;
    }
    #suntory_contents .title_access .title_en {
        font-size: 4.5333333333333vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #bb0000;
        margin-bottom: 4vw;
        text-align: center;
    }
    #suntory_contents .title_access h1 {
        font-size: 7.7333333333333vw;
        font-weight: bold;
        text-align: center;
        margin-bottom: 7.3333333333333vw;
    }
    #suntory_contents .title_access .text {
        font-size: 4vw;
        line-height: 1.666666666666667;
        text-align: center;
    }
    
    /*------------------------------------------------------------
    [SP] section_map
    ------------------------------------------------------------ */
    #suntory_contents .section_map {
        margin-bottom: 8vw;
    }
    #suntory_contents .section_map h2 {
        text-align: center;
        font-size: 4.8vw;
        line-height: 1.388888888888889;
        font-weight: bold;
        background: url(../../access/img/sp_bg_map_title.png) no-repeat center bottom;
        background-size: auto 2.6666666666667vw;
        padding-bottom: 9.3333333333333vw;
        margin-bottom: 8vw;
    }
    #suntory_contents .section_map .address {
        margin-bottom: 10.6666666666667vw;
    }
    #suntory_contents .section_map .address dt {
        margin: 0 auto 5.3333333333333vw;
        width: 73.3333333333333vw;
        height: 13.3333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ffeeee;
        font-size: 4.2666666666667vw;
        font-weight: bold;
    }
    #suntory_contents .section_map .address dd {
        font-size: 4.2666666666667vw;
        line-height: 2;
        font-weight: bold;
        text-align: center;
    }
    #suntory_contents .section_map .map_container {
        margin: 0 auto 8vw;
        padding: 10.6666666666667vw 0 8vw;
        background: #f8f8f8;
    }
    #suntory_contents .section_map .map_container picture.sp_item {
        margin: 0 auto 8vw;
        width: 92vw;
        display: block;
    }
    #suntory_contents .section_map .map_container picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .section_map .access h3 {
        margin-bottom: 6.6666666666667vw;
        font-size: 4.2666666666667vw;
        font-weight: bold;
        text-align: center;
    }
    #suntory_contents .section_map .access ul {
        list-style: none;
        margin: 0 auto;
        width: 73.3333333333333vw;
    }
    #suntory_contents .section_map .access li {
        width: 73.3333333333333vw;
    }
    #suntory_contents .section_map .access li dt {
        margin-bottom: 25px;
        width: 73.3333333333333vw;
        border:1px #ccc solid;
        height: 13.3333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 4.2666666666667vw;
        font-weight: bold;
        background: #fff;
        box-sizing: border-box;
    }
    #suntory_contents .section_map .access li .bus {
        margin-bottom: 8vw;
    }
    #suntory_contents .section_map .access .access_inner li dl {
        margin-bottom: 8vw;
    }
    #suntory_contents .section_map .access .access_inner li:last-child dl {
        margin-bottom: 0;
    }
    #suntory_contents .section_map .access li .bus dt {
        background: #fff url(../../access/img/icon_bus.svg) no-repeat 22vw center;
        background-size: 8.8vw 5.6vw;
        padding-left: 16.533333333333333vw;
    }
    #suntory_contents .section_map .access li .taxi dt {
        background: #fff url(../../access/img/icon_taxi.svg) no-repeat 22.933333333333333vw center;
        background-size: 8.266666666666667vw 7.4666666666667vw;
        padding-left: 16.533333333333333vw;
    }
    #suntory_contents .section_map .access li .walk dt {
        background: #fff url(../../access/img/icon_walk.svg) no-repeat 26.667vw center;
        background-size: 5.067vw 8vw;
        padding-left: 10.667vw;
    }
    #suntory_contents .section_map .access li dd {
        text-align: center;
        font-size: 4vw;
        line-height: 1.666666666666667;
    }
    #suntory_contents .section_map .access li dd span {
        color: #bb0000;
    }
    #suntory_contents .section_map .btn_google_maps {
        text-align: center;
    }
    #suntory_contents .section_map .btn_google_maps a {
        margin: 0 auto;
        width: 65.333333333333333vw;
        height: 14.6666666666667vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background:
            url(../img/arrow_next.png) no-repeat right 5.3333333333333vw center,
            url(../../access/img/icon_map.svg) no-repeat 5.3333333333333vw center,
            linear-gradient(to right,  #bb0000 0%,#bb0000 100%);
        background-size: 1.6vw 2.6666666666667vw, 4.4vw 5.8666666666667vw, auto;
        color: #fff;
        text-decoration: none;
        font-size: 4vw;
        font-weight: normal;
        box-sizing: border-box;
    }
    
    /*------------------------------------------------------------
    [SP] access_note
    ------------------------------------------------------------ */
    #suntory_contents .access_note {
        margin-bottom: 13.3333333333333vw;
    }
    #suntory_contents .access_note h2 {
        background: #eeeeee;
        font-size: 5.0666666666667vw;
        letter-spacing: -.025em;
        font-weight: bold;
        height: 14.6666666666667vw;
        display: flex;
        align-items: center;
        margin-bottom: 5.3333333333333vw;
        padding: 0 4vw 0 5.3333333333333vw;
    }
    #suntory_contents .access_note .text {
        margin: 0 9.3333333333333vw 30px;
        font-size: 4vw;
        line-height: 1.666666666666667;
    }
    #suntory_contents .access_note ul {
        margin: 0 9.3333333333333vw 30px;
    }
    #suntory_contents .access_note ul li {
        font-size: 4vw;
        line-height: 1.666666666666667;
        list-style: none;
        position: relative;
        padding: 0 0 0 5.3333333333333vw;
    }
    #suntory_contents .access_note ul li::before {
        content: '';
        width: 4vw;
        height: 4vw;
        background: url(../../access/img/list_mark.svg) no-repeat 0 0;
        background-size: 4vw 4vw;
        position: absolute;
        top: .25em;
        left: 0;
    }
    #suntory_contents .access_note .note {
        margin: 0 9.3333333333333vw;
        font-size: 4vw;
        line-height: 1.666666666666667;
    }
    
    /*------------------------------------------------------------
    [SP] team_nav
    ------------------------------------------------------------ */
    #suntory_contents .team_nav {
        margin: 0 auto;
        width: 52vw;
        list-style: none;
    }
    #suntory_contents .team_nav li {
        width: 52vw;
    }
    #suntory_contents .team_nav li:first-child {
        margin-bottom: 5.3333333333333vw;
    }
    #suntory_contents .team_nav li a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 52vw;
        height: 12vw;
        background: #bb0000;
        font-size: 4vw;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        box-sizing: border-box;
    }
    #suntory_contents .team_nav li.prev a {
        background: #bb0000 url(../img/arrow_prev.png) no-repeat 5.3333333333333vw center;
        background-size: 1.6vw auto;
        padding-left: 2.6666666666667vw;
    }
    #suntory_contents .team_nav li.next a {
        background: #bb0000 url(../img/arrow_next.png) no-repeat right 5.3333333333333vw center;
        background-size: 1.6vw auto;
        padding-right: 2.6666666666667vw;
    }

    
    
}
/*------------------------------------------------------------
[PC]
------------------------------------------------------------ */
@media print, screen and (min-width:768px) {
    
    /*------------------------------------------------------------
    [PC] team_profile
    ------------------------------------------------------------ */
    #suntory_contents #team_profile {
        text-align: center;
        background: url(../../team/img/bg_profile.webp) no-repeat center bottom;
        background-size: 100% auto;
        padding-bottom: 80px;
        margin-bottom: 100px;
    }
    .no-webp #suntory_contents #team_profile {
        background: url(../../team/img/bg_profile.jpg) no-repeat center bottom;
        background-size: 100% auto;
    }
    #suntory_contents #team_profile .title_en {
        font-size: 18px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #bb0000;
        margin-bottom: 20px;
    }
    #suntory_contents #team_profile h2 {
        font-size: 38px;
        font-weight: bold;
        margin-bottom: 55px;
    }
    #suntory_contents #team_profile .lead {
        font-size: 18px;
        line-height: 1.944444444444444;
        margin-bottom: 50px;
    }
    #suntory_contents #team_profile .lead span {
        color: #bb0000;
    }
    #suntory_contents #team_profile figure {
        margin: 0 auto;
        width: 260px;
        margin-bottom: 35px;
        opacity: 0;
        transition: all 1s ease;
        transform: scale(1.2, 1.2);
        transform-origin: center center;
    }
    #suntory_contents #team_profile figure.active {
        transform: scale(1, 1);
        opacity: 1;
    }
    
    #suntory_contents #team_profile figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #team_profile .team_data {
        margin: 0 auto;
        width: 980px;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents #team_profile .team_data dl {
        width: 300px;
    }
    #suntory_contents #team_profile .team_data dt {
        margin-bottom: 30px;
        width: 300px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        font-weight: bold;
        background: #feebeb;
    }
    #suntory_contents #team_profile .team_data .text {
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 30px;
    }
    #suntory_contents #team_profile .team_data .btn a {
        margin: 0 auto;
        width: 190px;
        height: 40px;
        border-radius: 20px;
        background: #bb0000 url(../img/arrow_next.png) no-repeat right 15px center;
        background-size: 7px 12px;
        font-size: 16px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        padding-right: 11px;
        box-sizing: border-box;
    }
    #suntory_contents #team_profile .team_data .btn a:hover {
        background: #ee0000 url(../img/arrow_next.png) no-repeat right 15px center;
        background-size: 7px 12px;
    }
    
    /*------------------------------------------------------------
    [PC] mascots
    ------------------------------------------------------------ */
    #suntory_contents #mascots {
        text-align: center;
        margin-bottom: 72px;
    }
    #suntory_contents #mascots .title_en {
        font-size: 18px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #bb0000;
        margin-bottom: 30px;
    }
    #suntory_contents #mascots h2 {
        font-size: 38px;
        font-weight: bold;
        margin-bottom: 55px;
    }
    #suntory_contents #mascots .text {
        font-size: 18px;
        line-height: 1.944444444444444;
        margin-bottom: 60px;
    }
    #suntory_contents #mascots .text span {
        color: #bb0000;
    }
    #suntory_contents #mascots .mascots_container {
        margin: 0 auto;
        width: 1060px;
        display: flex;
        justify-content: space-between;
        list-style: none;
    }
    #suntory_contents #mascots .mascots_container li {
        position: relative;
    }
    #suntory_contents #mascots .mascots_container li h3 {
        width: 220px;
        height: 60px;
        background: #00aaff;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 10px;
        z-index: 10;
    }
    #suntory_contents #mascots .mascots_container li:first-child {
        width: 490px;
    }
    #suntory_contents #mascots .mascots_container li:first-child h3 {
        left: 210px;
    }
    #suntory_contents #mascots .mascots_container li:last-child {
        width: 490px;
    }
    #suntory_contents #mascots .mascots_container li:last-child h3 {
        left: 60px;
    }
    #suntory_contents #mascots .mascots_container li picture {
        width: 490px;
    }
    #suntory_contents #mascots .mascots_container li picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    
    #suntory_contents #mascots .mascots_container li picture.pc_img_sunbirds_kun {
        transform: translate(-400px, 0);
        opacity: 0;
        transition: all 1s ease;
    }
    #suntory_contents #mascots .mascots_container li picture.pc_img_sunbirds_kun.active {
        transform: translate(0, 0);
        opacity: 1;
    }
    #suntory_contents #mascots .mascots_container li picture.pc_img_moonbirds_kun {
        transform: translate(400px, 0);
        opacity: 0;
        transition: all 1s ease;
    }
    #suntory_contents #mascots .mascots_container li picture.pc_img_moonbirds_kun.active {
        transform: translate(0, 0);
        opacity: 1;
    }
    
    /*------------------------------------------------------------
    [PC] uniform
    ------------------------------------------------------------ */
    #suntory_contents #uniform {
        text-align: center;
        background: url(../../team/img/bg_uniform.jpg) no-repeat center 0;
        background-size: 100% auto;
        padding-top: 50px;
        margin-bottom: 148px;
    }
    .no-webp #suntory_contents #uniform {
        background: url(../../team/img/bg_uniform.jpg) no-repeat center 0;
        background-size: 100% auto;
    }
    #suntory_contents #uniform .title_en {
        font-size: 18px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #bb0000;
        margin-bottom: 30px;
        text-align: center;
    }
    #suntory_contents #uniform h2 {
        font-size: 38px;
        font-weight: bold;
        margin-bottom: 55px;
        text-align: center;
    }
    #suntory_contents #uniform .text {
        font-size: 18px;
        line-height: 1.944444444444444;
        margin-bottom: 60px;
        text-align: center;
    }
    #suntory_contents #uniform .text span {
        color: #bb0000;
    }
    #suntory_contents #uniform .uniform_container {
        margin: 0 auto;
        width: 1120px;
        list-style: none;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents #uniform .uniform_container li {
        width: 540px;
    }
    #suntory_contents #uniform .uniform_container li dt {
        font-size: 28px;
        font-weight: bold;
        text-align: center;
        font-family: 'Roboto',sans-serif;
        background: url(../../team/img/bg_uniform_title.png) no-repeat center bottom;
        background-size: auto 1px;
        padding-bottom: 20px;
        margin-bottom: 50px;
    }
    #suntory_contents #uniform .uniform_container li dt span {
        font-size: 40px;
    }

    /*#suntory_contents #uniform .uniform_container li picture.pc_uniform_01 {
        transform: translate(-400px, 0);
        opacity: 0;
        transition: all 1s ease;
    }
    #suntory_contents #uniform .uniform_container li picture.pc_uniform_01.active {
        transform: translate(0, 0);
        opacity: 1;
    }
    #suntory_contents #uniform .uniform_container li picture.pc_uniform_02 {
        transform: translate(400px, 0);
        opacity: 0;
        transition: all 1s ease;
    }
    #suntory_contents #uniform .uniform_container li picture.pc_uniform_02.active {
        transform: translate(0, 0);
        opacity: 1;
    }*/
    
    
    /*------------------------------------------------------------
    [PC] history_nav
    ------------------------------------------------------------ */
    #suntory_contents .history_nav {
        margin-bottom: 60px;
        list-style: none;
        padding: 30px 35px;
        display: flex;
        justify-content: space-between;
        background: #010000;
        background: -moz-linear-gradient(left,  #010000 0%, #980011 50%, #000000 100%);
        background: -webkit-linear-gradient(left,  #010000 0%,#980011 50%,#000000 100%);
        background: linear-gradient(to right,  #010000 0%,#980011 50%,#000000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010000', endColorstr='#000000',GradientType=1 );
    }
    #suntory_contents .history_nav li {
        width: 140px;
    }
    #suntory_contents .history_nav li a {
        width: 140px;
        height: 80px;
        color: #fff;
        text-decoration: none;
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 23px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #510000 url(../img/arrow_down.png) no-repeat center bottom 19px;
        background: url(../img/arrow_down.png) no-repeat center bottom 19px, -moz-linear-gradient(left,  #510000 0%, #6f0001 100%);
        background: url(../img/arrow_down.png) no-repeat center bottom 19px, -webkit-linear-gradient(left,  #510000 0%,#6f0001 100%);
        background: url(../img/arrow_down.png) no-repeat center bottom 19px,linear-gradient(to right,  #510000 0%,#6f0001 100%);
        background-size: 12px 7px,auto;
    }
    #suntory_contents .history_nav li a span {
        font-family: 'Roboto',sans-serif;
        font-size: 22px;
        margin-right: 8px;
    }
    #suntory_contents .history_nav li a:hover {
        background: rgba(255,0,0,.6) url(../img/arrow_down.png) no-repeat center bottom 19px;
        background-size: 12px 7px;
    }
    
    /*------------------------------------------------------------
    [PC] history_section
    ------------------------------------------------------------ */
    #suntory_contents .history_section {
        margin-bottom: 60px;
        opacity: 0;
        transition: all 1s ease;
    }
    #suntory_contents .history_section.active {
        opacity: 1;
    }
    #suntory_contents .history_section:last-of-type {
        margin-bottom: 120px;
    }
    
    #suntory_contents .history_section h2 {
        font-size: 17.86px;
        font-weight: bold;
        display: flex;
        align-items: center;
        margin: 0 0 50px 30px;
        background: url(../img/bg_history_title.png) no-repeat 200px center;
        background-size: 490px 1px;
    }
    #suntory_contents .history_section h2 span {
        font-size: 54px;
        font-family: 'Roboto',sans-serif;
        margin-right: 18px;
    }
    #suntory_contents .history_section .history_data {
        margin: 0 30px 0 70px;
        display: flex;
        justify-content: space-between;
　　　　align-items: start;
    }
    #suntory_contents .history_section table {
        width: 650px;
    }
    #suntory_contents .history_section table th {
        font-size: 20px;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        text-align: left;
        color: #cc5555;
        padding: 0 0 15px 0;
        width: 10.769230769230769%;
    }
    #suntory_contents .history_section table td {
        font-size: 16px;
        line-height: 1.333333333333333;
        padding: 0 0 15px;
        width: 89.230769230769231%;
    }
    #suntory_contents .history_section table tr:last-child th,
    #suntory_contents .history_section table tr:last-child td {
        padding: 0;
    }
    
    #suntory_contents .history_section picture {
         width: 300px;   
    }
    #suntory_contents .history_section picture img {
        width:100%;
        height: auto;
        vertical-align: bottom;
    }
    #section_2020s .history_data table tr:nth-child(1) {
        height: 22.33px;
    }
    /*-
    /*------------------------------------------------------------
    [PC] title_access
    ------------------------------------------------------------ */
    #suntory_contents .title_access {
        margin: 0 auto 60px;
        width: 980px;
        background: url(../../access/img/main_visual.webp) no-repeat 0 0;
        background-size: 980px auto;
        padding: 280px 0 0;
    }
    .no-webp #suntory_contents .title_access {
        background: url(../../access/img/main_visual.jpg) no-repeat 0 0;
        background-size: 980px auto;
    }
    #suntory_contents .title_access .title_en {
        font-size: 18px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #bb0000;
        margin-bottom: 20px;
        text-align: center;
    }
    #suntory_contents .title_access h1 {
        font-size: 38px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 50px;
    }
    #suntory_contents .title_access .text {
        font-size: 18px;
        line-height: 1.944444444444444;
        text-align: center;
    }
    
    /*------------------------------------------------------------
    [PC] section_map
    ------------------------------------------------------------ */
    #suntory_contents .section_map {
        margin-bottom: 60px;
    }
    #suntory_contents .section_map h2 {
        text-align: center;
        font-size: 26px;
        font-weight: bold;
        background: url(../../access/img/bg_map_title.png) no-repeat center bottom;
        background-size: auto 10px;
        padding-bottom: 40px;
        margin-bottom: 30px;
    }
    #suntory_contents .section_map .address {
        margin-bottom: 60px;
    }
    #suntory_contents .section_map .address dt {
        margin: 0 auto 20px;
        width: 240px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ffeeee;
        font-size: 18px;
        font-weight: bold;
    }
    #suntory_contents .section_map .address dd {
        font-size: 20px;
        line-height: 2;
        font-weight: bold;
        text-align: center;
    }
    #suntory_contents .section_map .map_container {
        margin: 0 auto 60px;
        padding: 60px 0 55px;
        background: #f8f8f8;
    }
    #suntory_contents .section_map .map_container picture.pc_item {
        margin: 0 auto 65px;
        width: 880px;
        display: block;
    }
    #suntory_contents .section_map .map_container picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .section_map .access h3 {
        margin-bottom: 40px;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
    }
    #suntory_contents .section_map .access ul {
        list-style: none;
        margin: 0 auto;
        width: 680px;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents .section_map .access ul.access_inner {
        width: auto;
        justify-content: space-around;
    }
    #suntory_contents .section_map .access li {
        width: 320px;
    }
    #suntory_contents .section_map .access li dt {
        margin-bottom: 25px;
        width: 320px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        font-weight: bold;
        background: #fff;
        box-sizing: border-box;
    }
    #suntory_contents .section_map .access li .bus dt {
        background: #fff url(../../access/img/icon_bus.svg) no-repeat 100px center;
        background-size: 38px 24px;
        padding-left: 60px;
    }
    #suntory_contents .section_map .access li .taxi dt {
        background: #fff url(../../access/img/icon_taxi.svg) no-repeat 108px center;
        background-size: 32px 28px;
        padding-left: 60px;
    }
    #suntory_contents .section_map .access li .walk dt {
        background: #fff url(../../access/img/icon_walk.svg) no-repeat 120px center;
        background-size: 19px 30px;
        padding-left: 30px;
    }
    #suntory_contents .section_map .access li dd {
        text-align: center;
        font-size: 16px;
        line-height: 1.875;
    }
    #suntory_contents .section_map .access li dd span {
        color: #bb0000;
    }
    #suntory_contents .section_map .btn_google_maps {
        text-align: center;
    }
    #suntory_contents .section_map .btn_google_maps a {
        margin: 0 auto;
        width: 320px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        background:
            url(../img/arrow_next.png) no-repeat right 25px center,
            url(../../access/img/icon_map.svg) no-repeat 30px center,
            linear-gradient(to right,  #bb0000 0%,#bb0000 100%);
        background-size: 7px 12px, 22px 30px, auto;
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        font-weight: normal;
        padding-right: 11px;
        box-sizing: border-box;
    }
    #suntory_contents .section_map .btn_google_maps a:hover {
        background:
            url(../img/arrow_next.png) no-repeat right 25px center,
            url(../../access/img/icon_map.svg) no-repeat 30px center,
            linear-gradient(to right,  #ee0000 0%,#ee0000 100%);
        background-size: 7px 12px, 22px 30px, auto;
    }
    
    /*------------------------------------------------------------
    [PC] access_note
    ------------------------------------------------------------ */
    #suntory_contents .access_note {
        margin-bottom: 80px;
    }
    #suntory_contents .access_note h2 {
        background: #eeeeee;
        font-size: 20px;
        font-weight: bold;
        height: 70px;
        display: flex;
        align-items: center;
        margin-bottom: 40px;
        padding: 0 50px;
    }
    #suntory_contents .access_note .text {
        margin: 0 50px 30px;
        font-size: 16px;
        line-height: 2;
    }
    #suntory_contents .access_note ul {
        margin: 0 50px 30px;
    }
    #suntory_contents .access_note ul li {
        font-size: 16px;
        line-height: 32px;
        list-style: none;
        position: relative;
        padding: 0 0 0 30px;
    }
    #suntory_contents .access_note ul li::before {
        content: '';
        width: 16px;
        height: 16px;
        background: url(../../access/img/list_mark.svg) no-repeat 0 0;
        background-size: 16px 16px;
        position: absolute;
        top: .4em;
        left: 0;
    }
    #suntory_contents .access_note .note {
        margin: 0 50px;
        font-size: 16px;
        line-height: 2;
    }
    
    /*------------------------------------------------------------
    [PC] team_nav
    ------------------------------------------------------------ */
    #suntory_contents .team_nav {
        margin: 0 auto;
        width: 700px;
        list-style: none;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents .team_nav li {
        width: 280px;
    }
    #suntory_contents .team_nav li a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 280px;
        height: 60px;
        background: #bb0000;
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        box-sizing: border-box;
    }
    #suntory_contents .team_nav li a:hover {
        background: #ee0000;
    }
    #suntory_contents .team_nav li.prev a {
        background: #bb0000 url(../img/arrow_prev.png) no-repeat 25px center;
        background-size: 7px 12px;
        padding-left: 20px;
    }
    #suntory_contents .team_nav li.prev a:hover {
        background: #ee0000 url(../img/arrow_prev.png) no-repeat 25px center;
        background-size: 7px 12px;
    }
    #suntory_contents .team_nav li.next a {
        background: #bb0000 url(../img/arrow_next.png) no-repeat right 25px center;
        background-size: 7px 12px;
        padding-right: 20px;
    }
    #suntory_contents .team_nav li.next a:hover {
        background: #ee0000 url(../img/arrow_next.png) no-repeat right 25px center;
        background-size: 7px 12px;
    }
    
    
    
    
}