@charset "utf-8";

/*==================================================
sp
================================================== */
@media screen and (max-width:767px){

    #sungoliath_contents .title_container {
        order: 1;
    }
    #sungoliath_contents .contents_container {
        order: 2;
    }
    #sungoliath_contents .breadcrumbs {
        order: 3;
    }
    #sungoliath_contents .btn_list {
        order: 4;
    }
    
    
    /* ========================================================================
    member_index[sp]
    ========================================================================= */
    #suntory_contents .contents_container.member_index {
        background: none;
        padding: 0;
    }
    
    /* ========================================================================
    position_nav[sp]
    ========================================================================= */
    #suntory_contents .position_nav {
        display: none;
    }
    
    /* ========================================================================
    title_positon[sp]
    ========================================================================= */
    #suntory_contents .title_positon {
        margin-bottom: 5.3333333333333vw;
        background: rgba(153,34,85,.75);
        height: 12vw;
        position: relative;
    }
    
    #suntory_contents .title_positon h2 {
        height: 12vw;
        display: flex;
        align-items: flex-end;
        padding: 0 0 3.4666666666667vw 6vw;
        color: #fff;
        font-size: 4vw;
        font-weight: bold;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }
    #suntory_contents .title_positon h2 span {
        font-size: 6.9333333333333vw;
        font-weight: 900;
        font-family: 'Roboto',sans-serif;
        margin: 0 2.6666666666667vw -.125em 0;
    }
    
    #suntory_contents #pr .title_positon::after {
        content: '';
        width: 22.2666666666667vw;
        height: 15.4666666666667vw;
        background: url(../img/sp_number_pr.png) no-repeat 0 0;
        background-size: 22.2666666666667vw auto;
        position: absolute;
        top: -2.4vw;
        right: 6vw;
        z-index: 1;
    }
    #suntory_contents #ho .title_positon::after {
        content: '';
        width: 12.5333333333333vw;
        height: 11.2vw;
        background: url(../img/sp_number_ho.png) no-repeat 0 0;
        background-size: 12.5333333333333vw auto;
        position: absolute;
        top: -2.2666666666667vw;
        right: 5.8666666666667vw;
        z-index: 1;
    }
    #suntory_contents #lo .title_positon::after {
        content: '';
        width: 28.2666666666667vw;
        height: 16.4vw;
        background: url(../img/sp_number_lo.png) no-repeat 0 0;
        background-size: 28.2666666666667vw auto;
        position: absolute;
        top: -2.5333333333333vw;
        right: 5.0666666666667vw;
        z-index: 1;
    }
    #suntory_contents #fl_no8 .title_positon::after {
        content: '';
        width: 38.2666666666667vw;
        height: 18.1333333333333vw;
        background: url(../img/sp_number_fl_no8.png) no-repeat 0 0;
        background-size: 38.2666666666667vw auto;
        position: absolute;
        top: -2.9333333333333vw;
        right: 2.6666666666667vw;
        z-index: 1;
    }
    #suntory_contents #sh .title_positon::after {
        content: '';
        width: 11.3333333333333vw;
        height: 13.4666666666667vw;
        background: url(../img/sp_number_sh.png) no-repeat 0 0;
        background-size: 11.3333333333333vw auto;
        position: absolute;
        top: -2.9333333333333vw;
        right: 5.8666666666667vw;
        z-index: 1;
    }
    #suntory_contents #so .title_positon::after {
        content: '';
        width: 17.7333333333333vw;
        height: 14.1333333333333vw;
        background: url(../img/sp_number_so.png) no-repeat 0 0;
        background-size:17.7333333333333vw auto;
        position: absolute;
        top: -1.3333333333333vw;
        right: 6vw;
        z-index: 1;
    }
    #suntory_contents #wtb .title_positon::after {
        content: '';
        width: 30vw;
        height: 15.6vw;
        background: url(../img/sp_number_wtb.png) no-repeat 0 0;
        background-size:30vw auto;
        position: absolute;
        top: -1.6vw;
        right: 6.2666666666667vw;
        z-index: 1;
    }
    #suntory_contents #ctb .title_positon::after {
        content: '';
        width: 32.2666666666667vw;
        height: 16.4vw;
        background: url(../img/sp_number_ctb.png) no-repeat 0 0;
        background-size:32.2666666666667vw auto;
        position: absolute;
        top: -2.1333333333333vw;
        right: 6vw;
        z-index: 1;
    }
    #suntory_contents #fb .title_positon::after {
        content: '';
        width: 15.3333333333333vw;
        height: 15.4666666666667vw;
        background: url(../img/sp_number_fb.png) no-repeat 0 0;
        background-size:15.3333333333333vw auto;
        position: absolute;
        top: -1.7333333333333vw;
        right: 6.1333333333333vw;
        z-index: 1;
    }
    
    /* ========================================================================
    member_list[sp]
    ========================================================================= */
    #suntory_contents .member_list {
        margin: 0 0 0 6vw;
    }
    #suntory_contents .member_list ul {
        display: flex;
        flex-wrap: wrap;
    }
    #suntory_contents .member_list ul li {
        width: 41.3333333333333vw;
        margin: 0 5.3333333333333vw 8vw 0;
    }

    #suntory_contents .member_list ul li a {
        display: block;
        color: #fff;
    }
    #suntory_contents .member_list ul li figure {
        margin-bottom: 4vw;
        width: 41.3333333333333vw;
        height: 41.3333333333333vw;
        overflow: hidden;
    }
    #suntory_contents .member_list ul li figure img {
        width: 41.3333333333333vw;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .member_list ul li h3 {
        margin-bottom: 2.6666666666667vw;
        font-size: 4.2666666666667vw;
        font-weight: bold;
        color: #fff;
    }
    #suntory_contents .member_list ul li p.name_en {
        font-size: 3.2vw;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-weight: 500;
    }

    
    /* ========================================================================
    staff_list[sp]
    ========================================================================= */
    #suntory_contents .staff_list {
        margin: 0 6vw 0;
    }
    #suntory_contents .staff_list ul {
        display: flex;
        flex-direction: column;
    }
    #suntory_contents .staff_list ul li {
        width: auto;
        margin: 0 0 5.3333333333333vw;
    }
    #suntory_contents .staff_list ul li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #fff;
    }
    #suntory_contents .staff_list ul li figure {
        width: 24vw;
        height: 24vw;
        overflow: hidden;
    }
    #suntory_contents .staff_list ul li figure img {
        width: 24vw;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .staff_list ul li .text {
        width: 58.6666666666667vw;
    }

    #suntory_contents .staff_list ul li a h3 {
        margin-bottom: 3.3333333333333vw;
        font-size: 4.2666666666667vw;
        font-weight: bold;
    }
    #suntory_contents .staff_list ul li a p.title {
        margin-bottom: 2.6666666666667vw;
        font-size: 3.4666666666667vw;
        color: #fff;
    }
    #suntory_contents .staff_list ul li a p.name_en {
        font-size: 3.2vw;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-weight: 500;
    }
    
    
    
    
    /* ========================================================================
    label[sp]
    ========================================================================= */
    #suntory_contents .label {
        margin:0 6vw 6.6666666666667vw;
    }
    #suntory_contents .label .name {
        margin-bottom: 5.3333333333333vw;
    }
    #suntory_contents .label .position_wrap {
        margin-bottom: 3.3333333333333vw;
        display: flex;
        align-items: flex-end;
    }
    #suntory_contents .label .position {
        font-size: 6.9333333333333vw;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-weight: 900;
        color: #992255;
        margin-right: 18px;
    }
    #suntory_contents .label .position_jp {
        font-size: 3.4666666666667vw;
        line-height: 1.5;
        font-weight: bold;
        color: #992255;
    }
    #suntory_contents .label h1 {
        margin-bottom: 2.6666666666667vw;
        font-size: 7.7333333333333vw;
        font-weight: bold;
    }
    #suntory_contents .label .name_en {
        font-size: 3.7333333333333vw;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-weight: 900;
    }
    #suntory_contents .label figure {
        width: 88vw;
        height: 58.6666666666667vw;
        position: relative;
        overflow: hidden;
    }
    #suntory_contents .label figure img {
        position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: 100%;
          height: auto;
    }
    
    /* ========================================================================
    section_title[sp]
    ========================================================================= */
    #suntory_contents .section_title {
        background: #eeeeee;
        padding: 2.6666666666667vw 0;
    }
    #suntory_contents .section_title h2 {
        border-left: 2.6666666666667vw #992255 solid;
        padding: 2.6666666666667vw 0 2.6666666666667vw 4vw;
        font-size: 5.0666666666667vw;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-weight: 900;
    }
    
    /* ========================================================================
    personal_data[sp]
    ========================================================================= */
    #suntory_contents .personal_data .data_container {
        margin-bottom: 2.6666666666667vw;
        display: flex;
        justify-content: space-between;
        position: relative;
    }
    #suntory_contents .personal_data .personal_data_table {
        margin: 0 auto;
        width: 88vw;
        display: block;
    }
    #suntory_contents .personal_data .personal_data_table tr {
        display: block;
    }
    #suntory_contents .personal_data .personal_data_table th {
        font-size: 3.7333333333333vw;
        line-height: 1.333333333333333;
        color: #992255;
        width: 88vw;
        box-sizing: border-box;
        vertical-align: middle;
        display: block;
        padding: 4vw 0 2.6666666666667vw;
    }
    #suntory_contents .personal_data .personal_data_table td {
        font-size: 4.2666666666667vw;
        line-height: 1.333333333333333;
        width: 88vw;
        box-sizing: border-box;
        display: block;
        border-bottom: 1px #bbbbbb solid;
        padding: 0 0 4vw;
    }
    #suntory_contents .personal_data .personal_data_table tr:nth-child(1) th,
    #suntory_contents .personal_data .personal_data_table tr:nth-child(1) td,
    #suntory_contents .personal_data .personal_data_table tr:nth-child(2) th,
    #suntory_contents .personal_data .personal_data_table tr:nth-child(2) td{
        width: 46.5333333333333vw;
    }

    #suntory_contents .personal_data .personal_data_table tr:last-child td {
        border-bottom: none;
    }
    #suntory_contents .personal_data figure {
        margin: 0 0 0;
        width: 34.6666666666667vw;
        position: absolute;
        top: 6vw;
        right: 5.3333333333333vw;
    }
    
    #suntory_contents .personal_data figure img {
        width: 34.6666666666667vw;
        height: auto;
    }
    
    /* ========================================================================
    personal_words[sp]
    ========================================================================= */
    #suntory_contents .personal_words .personal_words_table {
        margin: 0 auto 2.6666666666667vw;
        width: 88vw;
    }
    #suntory_contents .personal_words .personal_words_table th {
        font-size: 3.7333333333333vw;
        line-height: 1.333333333333333;
        color: #992255;
        width: 88vw;
        box-sizing: border-box;
        vertical-align: middle;
        display: block;
        padding: 4vw 0 2.6666666666667vw;
    }
    #suntory_contents .personal_words .personal_words_table td {
        font-size: 4.2666666666667vw;
        line-height: 1.333333333333333;
        width: 88vw;
        box-sizing: border-box;
        display: block;
        border-bottom: 1px #bbbbbb solid;
        padding: 0 0 4vw;
    }

    #suntory_contents .personal_words .personal_words_table tr:last-child td {
        border-bottom: none;
    }
    
    /* ========================================================================
    spirits[sp]
    ========================================================================= */
    #suntory_contents .spirits li {
        margin: 0 auto;
        width: 88vw;
        border-bottom: 1px #dedede solid;
    }
    #suntory_contents .spirits li:last-child {
        border-bottom: none;
    }
    #suntory_contents .spirits li a {
        display: block;
        padding: 5.3333333333333vw 0;
    }
    #suntory_contents .spirits li a::after { content :''; display :block; clear :both; }
    
    #suntory_contents .spirits .date {
        margin-bottom: 3.3333333333333vw;
        font-size: 3.4666666666667vw;
        font-weight: bold;
        color: #888888;
    }
    #suntory_contents .spirits .date em {
        font-size: 5.8666666666667vw;
        font-family: 'Roboto',sans-serif;
        font-weight: 900;
    }
    #suntory_contents .spirits .number {
        margin-bottom: 3.3333333333333vw;
        font-size: 7.7333333333333vw;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        color: #0077ff;
    }
    #suntory_contents .spirits h3 {
        font-size: 4.2666666666667vw;
        line-height: 1.6;
        color: #0077ff;
    }
    
    #suntory_contents .spirits li a:hover h3 {
        text-decoration: underline;
    }
    
    #suntory_contents .spirits figure {
        margin: 0 0 4vw 4vw;
        width: 26.6666666666667vw;
        height: 24.6666666666667vw;
        position: relative;
        overflow: hidden;
        float: right;
    }
    #suntory_contents .spirits figure img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: auto;
      height: 100%;
    }
    
    /* ========================================================================
    staff_header[sp]
    ========================================================================= */
    #suntory_contents .staff_header {
        margin: 0 0 4vw 6vw;
        display: flex;
        align-items: flex-end;
    }
    #suntory_contents .staff_header h2 {
        font-size: 6.9333333333333vw;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-weight: 900;
        color: #222222;
        margin-right: 2.6666666666667vw;
    }
    #suntory_contents .staff_header p {
        font-size: 3.4666666666667vw;
        font-weight: bold;
        color: #222222;
        padding-bottom: .25em;
    }
    
    /* ========================================================================
    staff_container[sp]
    ========================================================================= */
    #suntory_contents .staff_container {
        margin: 0 3.3333333333333vw 4vw;
    }
    
    /* ========================================================================
    staff_label[sp]
    ========================================================================= */
    #suntory_contents .staff_label {
        margin-bottom: 5.3333333333333vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #eeeeee;
        padding: 2.6666666666667vw 5.3333333333333vw 2.6666666666667vw 0;
    }
    #suntory_contents .staff_label .name {
        border-left: 2vw #992255 solid;
        padding-left: 3.3333333333333vw;
    }
    #suntory_contents .staff_label h1 {
        margin-bottom: 2vw;
        font-size: 4.2666666666667vw;
        font-weight: bold;
    }
    #suntory_contents .staff_label .name_en {
        font-size: 2.4vw;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-weight: 900;
    }
    #suntory_contents .staff_label .title {
        font-size: 3.2vw;
        font-weight: bold;
    }
    
    /* ========================================================================
    section_title_staff[sp]
    ========================================================================= */
    #suntory_contents .section_title_staff {
    }
    #suntory_contents .section_title_staff h2 {
        border-left: .8vw #992255 solid;
        padding: 1.0666666666667vw 0 1.0666666666667vw 3.2vw;
        font-size: 4vw;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-weight: 900;
    }
    
    /* ========================================================================
    personal_data_staff[sp]
    ========================================================================= */
    #suntory_contents .data_container_staff {
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents .personal_data_staff .personal_data_table_staff {
        margin-left: 4vw;
        width: 45.3333333333333vw;
    }
    
    #suntory_contents .personal_data_staff .personal_data_table_staff th {
        font-size: 3.7333333333333vw;
        line-height: 1.428571428571429;
        color: #992255;
        padding: 3.3333333333333vw 0 1.3333333333333vw 0;
        width: 45.3333333333333vw;
        display: block;
        box-sizing: border-box;
        vertical-align: middle;
    }
    #suntory_contents .personal_data_staff .personal_data_table_staff td {
        font-size: 3.7333333333333vw;
        line-height: 1.428571428571429;
        border-bottom: 1px #dedede solid;
        padding: 0 0 3.3333333333333vw 0;
        width: 45.3333333333333vw;
        display: block;
        box-sizing: border-box;
    }
    #suntory_contents .personal_data_staff .personal_data_table_staff tr:last-child th,
    #suntory_contents .personal_data_staff .personal_data_table_staff tr:last-child td {
        border-bottom: none;
    }
    #suntory_contents .portrait_staff {
        margin: 1.3333333333333vw 0 0;
        width: 37.3333333333333vw;
    }
    #suntory_contents .portrait_staff img {
        width: 100%;
        height: auto;
    }
    
    /* ========================================================================
    personal_words_staff[sp]
    ========================================================================= */
    #suntory_contents .personal_words_staff .personal_words_table_staff {
        margin: 0 0 0 4vw;
        width:89.3333333333333vw;
    }
    #suntory_contents .personal_words_staff .personal_words_table_staff th {
        font-size: 3.7333333333333vw;
        line-height: 1.428571428571429;
        color: #992255;
        padding: 3.3333333333333vw 0 1.3333333333333vw 0;
        width:89.3333333333333vw;
        display: block;
        box-sizing: border-box;
        vertical-align: middle;
        letter-spacing: -.05em;
        white-space: nowrap;
    }
    #suntory_contents .personal_words_staff .personal_words_table_staff td {
        font-size: 3.7333333333333vw;
        line-height: 1.428571428571429;
        border-bottom: 1px #dedede solid;
        padding: 0 0 3.3333333333333vw 0;
        width:89.3333333333333vw;
        display: block;
        box-sizing: border-box;
    }
    #suntory_contents .personal_words_staff .personal_words_table_staff tr:last-child th,
    #suntory_contents .personal_words_staff .personal_words_table_staff tr:last-child td {
        border-bottom: none;
    }

 
    /* ========================================================================
    btn_list[sp]
    ========================================================================= */
    #suntory_contents .btn_list a {
        margin: 6.6666666666667vw auto 0;
        width: 34.6666666666667vw;
        height: 12vw;
        background: #3b3b3b;
        color: #fff;
        font-size: 4.8vw;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 2px;
        position: relative;
    }
    #suntory_contents .btn_list a::before{
    content:"";
    vertical-align:middle;
    position:absolute;
    top:calc(50% - .7333333333333vw);
    left: 4.6666666666667vw;
    width:1.4666666666667vw;
    height:1.4666666666667vw;
    margin:auto;
    border-top:2px solid #ffbb00;
    border-right:2px solid #ffbb00;
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg);
    }
    
}


/*==================================================
pc
================================================== */
@media print, screen and (min-width:768px){

    
    /* ========================================================================
    member_index[pc]
    ========================================================================= */
    #suntory_contents .contents_container.member_index {
        background: rgba(255,255,255,.85);
        padding: 50px;
    }
    
    /* ========================================================================
    position_nav[pc]
    ========================================================================= */
    #suntory_contents .position_nav {
        margin-bottom: 40px;
    }
    #suntory_contents .position_nav ul {
        display: flex;
        flex-wrap: wrap;
    }
    #suntory_contents .position_nav ul li {
        width: 170px;
        margin: 0 5px 5px 0;
    }
    #suntory_contents .position_nav ul li:last-child {
        margin: 0 0 5px 0;
    }
    #suntory_contents .position_nav ul li a {
        background: rgba(0,119,255,.08);
        color: #0077ff;
        height: 50px;
        display: flex;
        align-items: center;
        position: relative;
        padding-left: 14px;
        font-size: 15px;
        font-weight: bold;
        line-height:1.3;
    }
    #suntory_contents .position_nav ul li a::before {
    content: "";
    vertical-align: middle;
    position: absolute;
    top: calc(50% - 6px);
    right: 20px;
    width: 7px;
    height: 7px;
    margin: auto;  
    border-top:2px solid #0077ff;
    border-right:2px solid #0077ff;
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    }
    #suntory_contents .position_nav ul li a:hover {
        text-decoration: underline;
    }
    
    /* ========================================================================
    title_positon[pc]
    ========================================================================= */
    #suntory_contents .title_positon {
        margin-bottom: 20px;
        background: #9d2c5c;
        height: 60px;
        position: relative;
    }
    
    #suntory_contents .title_positon h2 {
        height: 60px;
        display: flex;
        align-items: flex-end;
        padding: 0 0 20px 100px;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        position: relative;
    }
    #suntory_contents #staff .title_positon h2,
    #suntory_contents #utb .title_positon h2 {
        padding: 0 0 20px 30px;
    }
    
    
    #suntory_contents .title_positon h2 span {
        font-size: 30px;
        font-weight: 900;
        font-family: 'Roboto',sans-serif;
        margin: 0 20px -.125em 0;
    }
    
    #suntory_contents #pr .title_positon::after {
        content: '';
        width: 72px;
        height: 74px;
        background: url(../img/number_pr.png) no-repeat 0 0;
        position: absolute;
        top: -8px;
        left: 14px;
    }
    #suntory_contents #ho .title_positon::after {
        content: '';
        width: 43px;
        height: 42px;
        background: url(../img/number_ho.png) no-repeat 0 0;
        position: absolute;
        top:10px;
        left: 29px;
    }
    #suntory_contents #lo .title_positon::after {
        content: '';
        width: 81px;
        height: 77px;
        background: url(../img/number_lo.png) no-repeat 0 0;
        position: absolute;
        top:-9px;
        left: 8px;
    }
    #suntory_contents #fl_no8 .title_positon::after {
        content: '';
        width: 114px;
        height: 63px;
        background: url(../img/number_fl_no8.png) no-repeat 0 0;
        position: absolute;
        top:-5px;
        left: -9px;
    }
    #suntory_contents #sh .title_positon::after {
        content: '';
        width: 29px;
        height: 48px;
        background: url(../img/number_sh.png) no-repeat 0 0;
        position: absolute;
        top:7px;
        left: 35px;
    }
    #suntory_contents #so .title_positon::after {
        content: '';
        width: 60px;
        height: 48px;
        background: url(../img/number_so.png) no-repeat 0 0;
        position: absolute;
        top:9px;
        left: 21px;
    }
    #suntory_contents #wtb .title_positon::after {
        content: '';
        width: 91px;
        height: 77px;
        background: url(../img/number_wtb.png) no-repeat 0 0;
        position: absolute;
        top:-8px;
        left: 9px;
    }
    #suntory_contents #ctb .title_positon::after {
        content: '';
        width: 86px;
        height: 82px;
        background: url(../img/number_ctb.png) no-repeat 0 0;
        position: absolute;
        top:-7px;
        left: 11px;
    }
    #suntory_contents #fb .title_positon::after {
        content: '';
        width: 54px;
        height: 54px;
        background: url(../img/number_fb.png) no-repeat 0 0;
        position: absolute;
        top:-4px;
        left: 26px;
    }
    
    
    /* ========================================================================
    member_list[pc]
    ========================================================================= */
    #suntory_contents .member_list {
        margin-bottom: 40px;
    }
    #suntory_contents .member_list ul {
        display: flex;
        flex-wrap: wrap;
    }
    #suntory_contents .member_list ul li {
        width: 250px;
        margin: 0 20px 40px 0;
    }
    #suntory_contents .member_list ul li:nth-child(4n) {
        margin: 0 0 40px 0;
    }
    #suntory_contents .member_list ul li a {
        display: block;
        color: #0077ff;
    }
    #suntory_contents .member_list ul li figure {
        margin-bottom: 20px;
        width: 250px;
        height: 250px;
        overflow: hidden;
    }
    #suntory_contents .member_list ul li figure img {
        width: 250px;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .member_list ul li h3 {
        margin-bottom: 10px;
        font-size: 17px;
        font-weight: bold;
    }
    #suntory_contents .member_list ul li p.name_en {
        font-size: 12px;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-weight: 500;
    }
    #suntory_contents .member_list ul li a:hover h3,
    #suntory_contents .member_list ul li a:hover p.name_en {
        text-decoration: underline;
    }
    
    /* ========================================================================
    staff_list[pc]
    ========================================================================= */
    #suntory_contents .staff_list {
        margin-bottom: 40px;
    }
    #suntory_contents .staff_list ul {
        display: flex;
        flex-wrap: wrap;
    }
    #suntory_contents .staff_list ul li {
        width: 340px;
        margin: 0 20px 20px 0;
    }
    #suntory_contents .staff_list ul li:nth-child(3n) {
        margin: 0 0 20px 0;
    }
    #suntory_contents .staff_list ul li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #0077ff;
    }
    #suntory_contents .staff_list ul li figure {
        width: 120px;
        height: 120px;
        overflow: hidden;
    }
    #suntory_contents .staff_list ul li figure img {
        width: 120px;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .staff_list ul li .text {
        width: 200px;
    }

    #suntory_contents .staff_list ul li a h3 {
        margin-bottom: 10px;
        font-size: 17px;
        font-weight: bold;
    }
    #suntory_contents .staff_list ul li a p.title {
        margin-bottom: 30px;
        font-size: 15px;
        color: #222222;
    }
    #suntory_contents .staff_list ul li a p.name_en {
        font-size: 12px;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-weight: 500;
    }
    #suntory_contents .staff_list ul li a:hover h3,
    #suntory_contents .staff_list ul li a:hover p.name_en {
        text-decoration: underline;
    }
    
    
    
    /* ========================================================================
    label[pc]
    ========================================================================= */
    #suntory_contents .label {
        margin-bottom: 30px;
    }
    #suntory_contents .label .name {
        margin-bottom: 30px;
    }
    #suntory_contents .label .position_wrap {
        margin-bottom: 15px;
        display: flex;
        align-items: flex-end;
    }
    #suntory_contents .label .position {
        font-size: 42px;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-weight: 900;
        color: #992255;
        margin-right: 18px;
    }
    #suntory_contents .label .position_jp {
        font-size: 22px;
        line-height: 1.5;
        font-weight: bold;
        color: #992255;
    }
    #suntory_contents .label h1 {
        margin-bottom: 10px;
        font-size: 40px;
        font-weight: bold;
    }
    #suntory_contents .label .name_en {
        font-size: 14px;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-weight: 900;
    }
    #suntory_contents .label figure {
        width: 790px;
        height: 530px;
        position: relative;
        overflow: hidden;
    }
    #suntory_contents .label figure img {
        position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: 100%;
          height: auto;
    }
    
    
    /* ========================================================================
    section_title[pc]
    ========================================================================= */
    #suntory_contents .section_title {
        background: #eeeeee;
        padding: 10px 0;
    }
    #suntory_contents .section_title h2 {
        border-left: 10px #992255 solid;
        padding: 10px 0 10px 20px;
        font-size: 22px;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-weight: 900;
    }
    
    /* ========================================================================
    personal_data[pc]
    ========================================================================= */
    #suntory_contents .personal_data .data_container {
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents .personal_data .personal_data_table {
        width: 500px;
    }
    
    #suntory_contents .personal_data .personal_data_table th {
        font-size: 15px;
        line-height: 1.333333333333333;
        color: #992255;
        border-bottom: 1px #dedede solid;
        padding: 20px 25px 20px 30px;
        width: 230px;
        box-sizing: border-box;
        vertical-align: middle;
    }
    #suntory_contents .personal_data .personal_data_table td {
        font-size: 15px;
        line-height: 1.333333333333333;
        border-bottom: 1px #dedede solid;
        padding: 20px 0 20px 0;
        width: 270px;
        box-sizing: border-box;
    }
    #suntory_contents .personal_data .personal_data_table tr:last-child th,
    #suntory_contents .personal_data .personal_data_table tr:last-child td {
        border-bottom: none;
    }
    #suntory_contents .personal_data figure {
        margin: 20px 0 0;
        width: 260px;
    }
    #suntory_contents .personal_data figure img {
        width: 260px;
        height: auto;
    }
    
    /* ========================================================================
    personal_words[pc]
    ========================================================================= */
    #suntory_contents .personal_words .personal_words_table {
        margin-bottom: 20px;
        width: 790px;
    }
    #suntory_contents .personal_words .personal_words_table th {
        font-size: 15px;
        line-height: 1.333333333333333;
        color: #992255;
        border-bottom: 1px #dedede solid;
        padding: 20px 25px 20px 30px;
        width: 360px;
        box-sizing: border-box;
        vertical-align: middle;
        letter-spacing: -.05em;
        white-space: nowrap;
    }
    #suntory_contents .personal_words .personal_words_table td {
        font-size: 15px;
        line-height: 1.333333333333333;
        border-bottom: 1px #dedede solid;
        padding: 20px 0 20px 0;
        width: 430px;
        box-sizing: border-box;
    }
    #suntory_contents .personal_words .personal_words_table tr:last-child th,
    #suntory_contents .personal_words .personal_words_table tr:last-child td {
        border-bottom: none;
    }

    /* ========================================================================
    spirits[pc]
    ========================================================================= */
    #suntory_contents .spirits {
        
    }
    #suntory_contents .spirits li {
        border-bottom: 1px #dedede solid;
    }
    #suntory_contents .spirits li:last-child {
        border-bottom: none;
    }
    #suntory_contents .spirits li a {
        display: block;
        padding: 30px;
    }
    #suntory_contents .spirits li a::after { content :''; display :block; clear :both; }
    
    #suntory_contents .spirits .date {
        margin-bottom: 20px;
        font-size: 14px;
        font-weight: bold;
        color: #888888;
    }
    #suntory_contents .spirits .date em {
        font-size: 24px;
        font-family: 'Roboto',sans-serif;
        font-weight: 900;
    }
    #suntory_contents .spirits .number {
        margin-bottom: 20px;
        font-size: 30px;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        color: #0077ff;
    }
    #suntory_contents .spirits h3 {
        font-size: 15px;
        line-height: 1.6;
        color: #0077ff;
    }
    
    #suntory_contents .spirits li a:hover h3 {
        text-decoration: underline;
    }
    
    #suntory_contents .spirits figure {
        margin: 0 0 30px 30px;
        width: 120px;
        height: 110px;
        position: relative;
        overflow: hidden;
        float: right;
    }
    #suntory_contents .spirits figure img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: auto;
      height: 100%;
    }
    
    /* ========================================================================
    position_container[pc]
    ========================================================================= */
    #suntory_contents .position_container {
        margin-bottom: 25px;
    }
    #suntory_contents .position_container dt {
        display: flex;
        align-items: center;
        margin-bottom: 12px;
    }
    #suntory_contents .position_container dt .position {
       font-size: 20px;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-weight: 900;
        margin-right: 10px;
    }
    #suntory_contents .position_container dt .position_jp {
        font-size: 13px;
        font-weight: bold;
    }
    #suntory_contents .position_container.long_name dt .position_jp {
        letter-spacing: -.125em;
    }
    #suntory_contents .position_container li {
        margin-bottom: 5px;
        font-size: 14px;
    }
    #suntory_contents .position_container li a {
        background: #ebf4ff;
        display: block;
        color: #0077ff;
        padding: 15px;
    }
    #suntory_contents .position_container li.on a {
        background: #eeeeee;
        display: block;
        color: #222222;
        padding: 15px;
        pointer-events: none;
    }
    #suntory_contents .position_container li a:hover {
        text-decoration: underline;
    }
    #suntory_contents .position_container li.on a:hover {
        text-decoration: none;
    }
    
    
    /* ========================================================================
    staff_header[pc]
    ========================================================================= */
    #suntory_contents .staff_header {
        margin-bottom: 30px;
        display: flex;
        align-items: flex-end;
    }
    #suntory_contents .staff_header h2 {
        font-size: 42px;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-weight: 900;
        color: #222222;
        margin-right: 18px;
    }
    #suntory_contents .staff_header p {
        font-size: 22px;
        font-weight: bold;
        color: #222222;
        padding-bottom: .25em;
    }
    
    
    /* ========================================================================
    staff_container[pc]
    ========================================================================= */
    #suntory_contents .staff_container {
        margin-bottom: 30px;
    }
    
    /* ========================================================================
    staff_label[pc]
    ========================================================================= */
    #suntory_contents .staff_label {
        margin-bottom: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #eeeeee;
        padding: 15px 30px 15px 0;
    }
    #suntory_contents .staff_label .name {
        border-left: 10px #992255 solid;
        padding-left: 20px;
    }
    #suntory_contents .staff_label h1 {
        margin-bottom: 8px;
        font-size: 21px;
        font-weight: bold;
    }
    #suntory_contents .staff_label .name_en {
        font-size: 11px;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-weight: 900;
    }
    #suntory_contents .staff_label .title {
        font-size: 16px;
        font-weight: bold;
    }
    
    /* ========================================================================
    section_title_staff[pc]
    ========================================================================= */
    #suntory_contents .section_title_staff {
        margin-bottom: 15px;
    }
    #suntory_contents .section_title_staff h2 {
        border-left: 4px #992255 solid;
        padding: 8px 0 8px 16px;
        font-size: 18px;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-weight: 900;
    }
    
    /* ========================================================================
    personal_data_staff[pc]
    ========================================================================= */
    #suntory_contents .data_container_staff {
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents .personal_data_staff .personal_data_table_staff {
        margin-left: 20px;
        width: 500px;
    }
    
    #suntory_contents .personal_data_staff .personal_data_table_staff th {
        font-size: 15px;
        line-height: 1.428571428571429;
        color: #992255;
        border-bottom: 1px #dedede solid;
        padding: 15px 20px 15px 0;
        width: 190px;
        box-sizing: border-box;
        vertical-align: middle;
    }
    #suntory_contents .personal_data_staff .personal_data_table_staff td {
        font-size: 15px;
        line-height: 1.428571428571429;
        border-bottom: 1px #dedede solid;
        padding: 15px 0 15px 0;
        width: 310px;
        box-sizing: border-box;
    }
    #suntory_contents .personal_data_staff .personal_data_table_staff tr:last-child th,
    #suntory_contents .personal_data_staff .personal_data_table_staff tr:last-child td {
        border-bottom: none;
    }
    #suntory_contents .portrait_staff {
        margin: 0 0 0;
        width: 200px;
    }
    #suntory_contents .portrait_staff img {
        width: 200px;
        height: auto;
    }
    
    /* ========================================================================
    personal_words_staff[pc]
    ========================================================================= */
    #suntory_contents .personal_words_staff .personal_words_table_staff {
        margin: 0 0 0 20px;
        width: 770px;
    }
    #suntory_contents .personal_words_staff .personal_words_table_staff th {
        font-size: 15px;
        line-height: 1.428571428571429;
        color: #992255;
        border-bottom: 1px #dedede solid;
        padding: 15px 20px 15px 0;
        width: 250px;
        box-sizing: border-box;
        vertical-align: middle;
        letter-spacing: -.05em;
        white-space: nowrap;
    }
    #suntory_contents .personal_words_staff .personal_words_table_staff td {
        font-size: 15px;
        line-height: 1.428571428571429;
        border-bottom: 1px #dedede solid;
        padding: 15px 0 15px 0;
        width: 500px;
        box-sizing: border-box;
    }
    #suntory_contents .personal_words_staff .personal_words_table_staff tr:last-child th,
    #suntory_contents .personal_words_staff .personal_words_table_staff tr:last-child td {
        border-bottom: none;
    }

    
    
    /* ========================================================================
    btn_list[pc]
    ========================================================================= */
    #suntory_contents .btn_list a {
        margin: 50px auto 0;
       width: 260px;
        height: 60px;
        background: #262626;
        color: #fff;
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 2px;
        position: relative;
    }
    #suntory_contents .btn_list a:hover {
        background: #404040;
    }
    #suntory_contents .btn_list a::before{
    content:"";
    vertical-align:middle;
    position:absolute;
    top:calc(50% - 3.5px);
    left: 20px;
    width:7px;
    height:7px;
    margin:auto;
    border-top:2px solid #ffbb00;
    border-right:2px solid #ffbb00;
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg);
    }
    
}