@charset "utf-8";
/* CSS Document */

/*------------------------------
staff-interview-section
theme KT KA KD KF
------------------------------*/
.interview-list {
    letter-spacing: -0.5em;
}
.interview-list li {
    display: inline-block;
    width: 48%;
    letter-spacing: normal;
    vertical-align: top;
}
.interview-list dl {
    display: block;
    padding-bottom: 1.5em;
    font-size: 1.2rem;
    word-wrap: break-word;
}
.linkbox:after {
    background-color: rgba(0, 0, 0, 0.0);
}
.linkbox:hover:after {
    background: rgba(0, 0, 0, 0.3);
}
.staff-name-en {
    font-size: 2rem;
    font-weight: 400;
    text-shadow: 
    1px 1px 5px rgba(0, 0, 0, 0.1),
    -1px 1px 5px rgba(0, 0, 0, 0.1),
    1px -1px 5px rgba(0, 0, 0, 0.1),
    -1px -1px 5px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity 0.3s ease;
}
.linkbox:hover .staff-name-en,
.linkbox:active .staff-name-en {
    opacity: 1;
}

/*------------------------------
staff-interview-section max-width: 768px
------------------------------*/
@media screen and (max-width: 768px) {
    .interview-list li:nth-of-type(odd) {
        margin-right: 4%;
    }
}
/*------------------------------
staff-interview-section min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
    .interview-list li {
        width: 32%;
        margin-right: 1%;
    }
    .interview-list li:nth-of-type(3n) {
        margin-right: 0;
    }
    .interview-list dl {
        font-size: 1.4rem;
    }
    .staff-name-en {
        font-size: 3.6rem;
    }
}

/*------------------------------
work-section
------------------------------*/
.work-image {
    padding:0 20px;
}
/*------------------------------
scroll image
------------------------------*/
.js-scrollable img {
    width: 1000px;
    max-width: 1000px;
    height: 744px;
}

/*------------------------------
staff-voice-section
theme KT KA KD KF
------------------------------*/
.theme-KT #staff-voice-section,
.theme-KA #staff-voice-section ,
.theme-KU #staff-voice-section ,
.theme-KIB #staff-voice-section ,
.theme-KD #staff-voice-section  {
    padding-top: 50px;
}
.theme-KF #staff-voice-section {
    padding-top: 5px;
    /*padding-bottom: 10px;*/
}
.theme-KT #staff-voice-section,
.theme-KA #staff-voice-section .section-title ,
.theme-KU #staff-voice-section .section-title ,
.theme-KIB #staff-voice-section .section-title ,
.theme-KD #staff-voice-section .section-title  {
    margin: 0 0 15px;
}
.theme-KF #staff-voice-section .section-title {
    margin: 0 0 15px;
}
.theme-KT .voice-list ,
.theme-KA .voice-list ,
.theme-KU .voice-list ,
.theme-KIB .voice-list ,
.theme-KF .voice-list ,
.theme-KD .voice-list  {
    letter-spacing: -0.5em;
    max-width: 960px;
    margin: 0 auto;
}
.theme-KT .voice-list li,
.theme-KA .voice-list li ,
.theme-KU .voice-list li ,
.theme-KIB .voice-list li ,
.theme-KF .voice-list li ,
.theme-KD .voice-list li  {
    display: inline-block;
    width: 48%;
    letter-spacing: normal;
    vertical-align: top;
}
.theme-KT .voice-list dl,
.theme-KA .voice-list dl ,
.theme-KU .voice-list dl ,
.theme-KIB .voice-list dl ,
.theme-KF .voice-list dl ,
.theme-KD .voice-list dl  {
    padding-bottom: 1.5em;
    font-size: 1.2rem;
    word-wrap: break-word;
}
.theme-KT .voice-list dl dt ,
.theme-KA .voice-list dl dt ,
.theme-KU .voice-list dl dt ,
.theme-KIB .voice-list dl dt ,
.theme-KF .voice-list dl dt ,
.theme-KD .voice-list dl dt  {
    font-size: 1.4rem;
    line-height: 1.25;
    padding-bottom: 4px;
    font-weight: bold;
}
.theme-KT .voice-list dl dd,
.theme-KA .voice-list dl dd ,
.theme-KU .voice-list dl dd ,
.theme-KIB .voice-list dl dd ,
.theme-KF .voice-list dl dd ,
.theme-KD .voice-list dl dd  {
    line-height: 1.429;
}
.theme-KT .linkbox:after,
.theme-KA .linkbox:after ,
.theme-KU .linkbox:after ,
.theme-KIB .linkbox:after ,
.theme-KF .linkbox:after ,
.theme-KD .linkbox:after  {
    background-color: rgba(0, 0, 0, 0.0);
}
.theme-KT .linkbox:hover:after,
.theme-KA .linkbox:hover:after ,
.theme-KU .linkbox:hover:after ,
.theme-KIB .linkbox:hover:after ,
.theme-KF .linkbox:hover:after ,
.theme-KD .linkbox:hover:after  {
    background: rgba(0, 0, 0, 0.3);
}
.theme-KT .staff-more-info,
.theme-KA .staff-more-info ,
.theme-KU .staff-more-info ,
.theme-KIB .staff-more-info ,
.theme-KF .staff-more-info ,
.theme-KD .staff-more-info  {
    font-size: 1.7rem;
    font-weight: bold;
    text-shadow:
    1px 1px 5px rgba(0, 0, 0, 0.1),
    -1px 1px 5px rgba(0, 0, 0, 0.1),
    1px -1px 5px rgba(0, 0, 0, 0.1),
    -1px -1px 5px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity 0.3s ease;
    border: 1px solid #fff;
    padding: 7px 25px;
    line-height: 1.176;
    background: #7f7f7f;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100px;
    max-width: 100%;
}
.theme-KT .linkbox:hover .staff-more-info,
.theme-KT .linkbox:active .staff-more-info {
    opacity: 1;
}
.theme-KA .linkbox:hover .staff-more-info,
.theme-KU .linkbox:hover .staff-more-info,
.theme-KIB .linkbox:hover .staff-more-info,
.theme-KF .linkbox:hover .staff-more-info,
.theme-KD .linkbox:hover .staff-more-info,
.theme-KA .linkbox:active .staff-more-info ,
.theme-KU .linkbox:active .staff-more-info ,
.theme-KIB .linkbox:active .staff-more-info ,
.theme-KF .linkbox:active .staff-more-info ,
.theme-KD .linkbox:active .staff-more-info  {
    opacity: 1;
}

/*------------------------------
staff-voice-section max-width: 768px
theme KT KA KD KF
------------------------------*/
@media screen and (max-width: 768px) {
    .theme-KT .voice-list li:nth-of-type(odd),
    .theme-KA .voice-list li:nth-of-type(odd) ,
    .theme-KU .voice-list li:nth-of-type(odd) ,
    .theme-KIB .voice-list li:nth-of-type(odd) ,
    .theme-KF .voice-list li:nth-of-type(odd) ,
    .theme-KD .voice-list li:nth-of-type(odd)  {
        margin-right: 4%;
    }
}
/*------------------------------
staff-voice-section min-width: 769px
theme KT KA KD KF
------------------------------*/
@media screen and (min-width: 769px) {
    .theme-KT #staff-voice-section,
    .theme-KA #staff-voice-section ,
    .theme-KU #staff-voice-section ,
    .theme-KIB #staff-voice-section ,
    .theme-KD #staff-voice-section  {
        padding-top: 70px;
    }
    .theme-KF #staff-voice-section {
        padding-top: 10px;
        /*padding-bottom: 20px;*/
    }
    .theme-KT .voice-list li,
    .theme-KA .voice-list li ,
    .theme-KU .voice-list li ,
    .theme-KIB .voice-list li ,
    .theme-KF .voice-list li ,
    .theme-KD .voice-list li  {
        width: 32%;
        margin-right: 2%;
    }
    .theme-KT .voice-list li:nth-of-type(3n),
    .theme-KA .voice-list li:nth-of-type(3n) ,
    .theme-KU .voice-list li:nth-of-type(3n) ,
    .theme-KIB .voice-list li:nth-of-type(3n) ,
    .theme-KF .voice-list li:nth-of-type(3n) ,
    .theme-KD .voice-list li:nth-of-type(3n)  {
        margin-right: 0;
    }
    .theme-KT .voice-list dl,
    .theme-KA .voice-list dl ,
    .theme-KU .voice-list dl ,
    .theme-KIB .voice-list dl ,
    .theme-KF .voice-list dl ,
    .theme-KD .voice-list dl  {
        font-size: 1.4rem;
    }
    .theme-KT .voice-list dl dt,
    .theme-KA .voice-list dl dt ,
    .theme-KU .voice-list dl dt ,
    .theme-KIB .voice-list dl dt ,
    .theme-KF .voice-list dl dt ,
    .theme-KD .voice-list dl dt  {
        font-size: 1.6rem;
    }
}

/*------------------------------
KF style
------------------------------*/

@media screen and (min-width: 769px) {
    .theme-KF .prd-modalDialog-thumbnailOuter{
        transition: opacity .3s;
    }

    .theme-KF .prd-modalDialog-thumbnailOuter:hover{
        opacity : .7;
    }
}

/*------------------------------
KU style
------------------------------*/

.theme-KU #interview-section ul.staff-list,
.theme-KIB #interview-section ul.staff-list {
  list-style-type: disc;
  margin-left: 1.5em;
  margin-bottom: 15px;
}