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

/*------------------------------
page-main-visual
------------------------------*/
.page-main-visual-inner {
    background-position: 80% top;
}
/*------------------------------
page-main-visual　min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
    .page-main-visual:before {
        padding-top: 30%; /* img (height/width)*100 */
    }
    .page-main-visual-inner {
        max-height: 480px;
    }
}
/*------------------------------
page-main-visual　min-width: 1600px
------------------------------*/
@media screen and (min-width: 1600px) {
  .page-main-visual:before {
      padding-top: 480px;
  }
}

/*------------------------------
interview-page-title
------------------------------*/
.interview-page-title {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    text-shadow: 
    1px 1px 1px rgba(255, 255, 255, 0.3),
    -1px 1px 1px rgba(255, 255, 255, 0.3),
    1px -1px 1px rgba(255, 255, 255, 0.3),
    -1px -1px 1px rgba(255, 255, 255, 0.3);
}
.interview-page-title dt {
    font-weight: normal;
}
.interview-page-title span {
    padding-right: 0.5em;
    color: #e10012;
}
.interview-title-pc {
    display: none;
}
.interview-title-sp {
    display: block;
    margin: 10px 0 20px;
    font-size: 2.2rem;
}
/*------------------------------
interview-page-title min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
    .interview-page-title {
        left: auto;
        right: 55%;
    }
    .interview-title-pc {
        display: block;
        padding: 0.25em 0.5em;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.5);
        font-size: 2.4vw;
    }
    .interview-title-sp {
        display: none;
    }
    .interview-page-title dl {
        margin: 0.5em;
        font-size: 1.4rem;
        text-align: right;
        line-height: 1.5;
    }
    .interview-page-title span {
        font-size: 1.6rem;
    }
}
/*------------------------------
interview-page-title min-width: 1200px
------------------------------*/
@media screen and (min-width: 1200px) {
    .interview-page-title {
        right: 55%;
    }
    .interview-title-pc {
        padding: 0.4em 1em;
        font-size: 3.2rem;
    }
    .interview-page-title dl {
        font-size: 1.8rem;
        line-height: 2;
    }
    .interview-page-title span {
        font-size: 2rem;
    }
}

/*------------------------------
.interview-section
------------------------------*/
.interview-question {
    padding-left: 24px;
    margin-bottom: 10px;
	text-indent: -24px;
    color: #e10012;
    font-size: 1.8rem;
}
.interview-question:before {
    content: "Q";
    padding-right: 6px;
    font-size: 2.4rem;
    font-weight: 400;
}
.interview p + h3 {
    margin-top: 30px;
}
.interview-photo {
    border-radius: 20px;
}

/*------------------------------
interview-section min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
    .interview-question {
        font-size: 2.4rem;
    }
    .interview-question:before {
        font-size: 3rem;
    }
    .interview .text-block {
        width: 60%;
    }
    .interview .image-block {
        width: 40%;
    }
    .interview:nth-of-type(odd) .text-block{
        float: left;
        padding-right: 5%;
    }
    .interview:nth-of-type(odd) .image-block{
        float: right;
    }
    .interview:nth-of-type(even) .text-block{
        float: right;
        padding-left: 5%;
    }
    .interview:nth-of-type(even) .image-block{
        float: left;
    }
}

/*------------------------------
theme KT KA KD
------------------------------*/
/*------------------------------
.interview-section
------------------------------*/
.theme-KT .interview-question,
.theme-KA .interview-question ,
.theme-KU .interview-question ,
.theme-KIB .interview-question ,
.theme-KD .interview-question  {
    color: #333;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.4;
}
.theme-KT .interview-question:before,
.theme-KA .interview-question:before ,
.theme-KU .interview-question:before ,
.theme-KIB .interview-question:before ,
.theme-KD .interview-question:before  {
    content: "Q";
    padding-right: 6px;
    font-size: 2.4rem;
    font-weight: 400;
}
.theme-KT .interview p + h3,
.theme-KA .interview p + h3 ,
.theme-KU .interview p + h3 ,
.theme-KIB .interview p + h3 ,
.theme-KD .interview p + h3  {
    margin-top: 30px;
}
.theme-KA .interview-photo,
.theme-KU .interview-photo,
.theme-KIB .interview-photo,
.theme-KD .interview-photo  {
    border-radius: 0;
}

/*------------------------------
.interview-section max-width: 768px（KDのみ）
------------------------------*/
@media screen and (max-width: 768px) {
    .theme-KD .interview:nth-last-child(1),
    .theme-KD .interview:nth-last-child(1) > *:nth-last-child(1) {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

/*------------------------------
interview-section min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
    .theme-KT .interview-question,
    .theme-KA .interview-question,
    .theme-KU .interview-question,
    .theme-KIB .interview-question,
    .theme-KD .interview-question {
        font-size: 2.4rem;
        line-height: 1.4;
    }
    .theme-KT .interview-question:before,
    .theme-KA .interview-question:before ,
    .theme-KU .interview-question:before ,
    .theme-KIB .interview-question:before ,
    .theme-KD .interview-question:before  {
        font-size: 3rem;
    }
    .theme-KT .interview .text-block,
    .theme-KA .interview .text-block ,
    .theme-KU .interview .text-block ,
    .theme-KIB .interview .text-block ,
    .theme-KD .interview .text-block  {
        width: 60%;
    }
    .theme-KT .interview .image-block,
    .theme-KA .interview .image-block ,
    .theme-KU .interview .image-block ,
    .theme-KIB .interview .image-block ,
    .theme-KD .interview .image-block  {
        width: 40%;
    }
    .theme-KT .interview:nth-of-type(odd) .text-block,
    .theme-KA .interview:nth-of-type(odd) .text-block,
    .theme-KU .interview:nth-of-type(odd) .text-block,
    .theme-KIB .interview:nth-of-type(odd) .text-block,
    .theme-KD .interview:nth-of-type(odd) .text-block {
        float: left;
        padding-right: 5%;
    }
    .theme-KT .interview:nth-of-type(odd) .image-block,
    .theme-KA .interview:nth-of-type(odd) .image-block,
    .theme-KU .interview:nth-of-type(odd) .image-block,
    .theme-KIB .interview:nth-of-type(odd) .image-block,
    .theme-KD .interview:nth-of-type(odd) .image-block {
        float: right;
    }
    .theme-KT .interview:nth-of-type(even) .text-block,
    .theme-KA .interview:nth-of-type(even) .text-block,
    .theme-KU .interview:nth-of-type(even) .text-block,
    .theme-KIB .interview:nth-of-type(even) .text-block,
    .theme-KD .interview:nth-of-type(even) .text-block {
        float: right;
        padding-left: 5%;
    }
    .theme-KT .interview:nth-of-type(even) .image-block,
    .theme-KA .interview:nth-of-type(even) .image-block,
    .theme-KU .interview:nth-of-type(even) .image-block,
    .theme-KIB .interview:nth-of-type(even) .image-block,
    .theme-KD .interview:nth-of-type(even) .image-block {
        float: left;
    }
}

/*------------------------------
interview-page-title
theme KT
------------------------------*/
.theme-KT .interview-page-title {
    position: absolute;
    top: 50%;
    left: 4%;
    transform: translateY(-50%);
    text-shadow: 
    1px 1px 1px rgba(255, 255, 255, 0.3),
    -1px 1px 1px rgba(255, 255, 255, 0.3),
    1px -1px 1px rgba(255, 255, 255, 0.3),
    -1px -1px 1px rgba(255, 255, 255, 0.3);
}
.theme-KT .interview-page-title dt {
    font-weight: normal;
}
.theme-KT .interview-page-title p {
    color: #333;
    line-height: 1.5;
}
.theme-KT .interview-title-pc {
    color: #e10012;
    display: block;
    background-color: transparent;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 10px;
}
.theme-KT .interview-title-sp {
    display: block;
    margin: 10px 0 20px;
    font-size: 2.2rem;
}

/*------------------------------
interview-page-title min-width: 769px
theme KT
------------------------------*/
@media screen and (min-width: 769px) {
    .theme-KT .interview-page-title{
        left: auto;
        right: 55%;
        display: block;
        padding: 30px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.5);
        font-size: 2.4vw;
    }
    .theme-KT .interview-page-title p {
        font-size: 1.8rem;
        line-height: 1.22;
    }
    .theme-KT .interview-title-pc {
        padding: 0;
        font-size: 3rem;
        font-weight: bold;
        line-height: 1.1;
        display: block;
    }
    .theme-KT .interview-title-sp {
        display: none;
    }
    .theme-KT .interview-page-title dl {
        margin: 0.5em;
        font-size: 1.4rem;
        text-align: right;
        line-height: 1.5;
    }
    .theme-KT .interview-page-title span {
        font-size: 1.6rem;
    }
}
/*------------------------------
interview-page-title min-width: 1200px
theme KT KA KD
------------------------------*/
@media screen and (min-width: 1200px) {
    .theme-KT .interview-page-title{
        right: 50%;
        width: 480px;
        max-width: 100%;
    }
    .theme-KT .interview-title-pc,
    .theme-KA .interview-title-pc ,
    .theme-KU .interview-title-pc ,
    .theme-KIB .interview-title-pc ,
    .theme-KD .interview-title-pc  {
        font-size: 3.2rem;
    }
    .theme-KT .interview-page-title dl,
    .theme-KA .interview-page-title dl ,
    .theme-KU .interview-page-title dl ,
    .theme-KIB .interview-page-title dl ,
    .theme-KD .interview-page-title dl  {
        font-size: 1.8rem;
        line-height: 2;
    }
    .theme-KT .interview-page-title span,
    .theme-KA .interview-page-title span ,
    .theme-KU .interview-page-title span ,
    .theme-KIB .interview-page-title span ,
    .theme-KD .interview-page-title span  {
        font-size: 2rem;
    }
}

/*------------------------------
interview-page-title
theme KA KD
------------------------------*/
.theme-KA .interview-page-title ,
.theme-KU .interview-page-title ,
.theme-KIB .interview-page-title ,
.theme-KD .interview-page-title  {
    position: absolute;
    top: 50%;
    left: 6%;
    transform: translateY(-50%);
    text-shadow: 
    1px 1px 1px rgba(255, 255, 255, 0),
    -1px 1px 1px rgba(255, 255, 255, 0),
    1px -1px 1px rgba(255, 255, 255, 0),
    -1px -1px 1px rgba(255, 255, 255, 0);
}
.theme-KA .interview-page-title dt ,
.theme-KU .interview-page-title dt ,
.theme-KIB .interview-page-title dt ,
.theme-KD .interview-page-title dt  {
    font-weight: normal;
}
.theme-KA .interview-page-title p ,
.theme-KU .interview-page-title p ,
.theme-KIB .interview-page-title p ,
.theme-KD .interview-page-title p  {
    color: #fff;
    line-height: 1.5;
}
.theme-KA .interview-title-pc ,
.theme-KU .interview-title-pc ,
.theme-KIB .interview-title-pc ,
.theme-KD .interview-title-pc  {
    color: #fff;
    display: block;
    background-color: transparent;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 10px;
}
.theme-KA .interview-title-sp ,
.theme-KU .interview-title-sp ,
.theme-KIB .interview-title-sp ,
.theme-KD .interview-title-sp  {
    display: block;
    margin: 10px 0 20px;
    font-size: 2.2rem;
}

/*------------------------------
interview-page-title min-width: 769px
theme KA KD
------------------------------*/
@media screen and (min-width: 769px) {
    .theme-KA .interview-page-title ,
    .theme-KU .interview-page-title ,
    .theme-KIB .interview-page-title ,
    .theme-KD .interview-page-title  {
        right: auto;
        left: 55%;
        display: block;
        padding: 30px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.2);
        font-size: 2.4vw;
    }
    .theme-KA .interview-page-title p ,
    .theme-KU .interview-page-title p ,
    .theme-KIB .interview-page-title p ,
    .theme-KD .interview-page-title p  {
        font-size: 1.8rem;
        line-height: 1.22;
    }
    .theme-KA .interview-title-pc ,
    .theme-KU .interview-title-pc ,
    .theme-KIB .interview-title-pc ,
    .theme-KD .interview-title-pc  {
        padding: 0;
        font-size: 3rem;
        font-weight: bold;
        line-height: 1.1;
        display: block;
    }
    .theme-KA .interview-title-sp ,
    .theme-KU .interview-title-sp ,
    .theme-KIB .interview-title-sp ,
    .theme-KD .interview-title-sp  {
        display: none;
    }
    .theme-KA .interview-page-title dl ,
    .theme-KU .interview-page-title dl ,
    .theme-KIB .interview-page-title dl ,
    .theme-KD .interview-page-title dl  {
        margin: 0.5em;
        font-size: 1.4rem;
        text-align: right;
        line-height: 1.5;
    }
    .theme-KA .interview-page-title span ,
    .theme-KU .interview-page-title span ,
    .theme-KIB .interview-page-title span ,
    .theme-KD .interview-page-title span  {
        font-size: 1.6rem;
    }
}

/*------------------------------
interview-page-title min-width: 1200px
theme KA KD
------------------------------*/
@media screen and (min-width: 1200px) {
    .theme-KA .interview-page-title ,
    .theme-KU .interview-page-title ,
    .theme-KIB .interview-page-title ,
    .theme-KD .interview-page-title  {
        left: 50%;
        width: 480px;
        max-width: 100%;
    }
}