@charset "utf-8";

/* ======================================================
 * saiyo_work_talk.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Override
 * - PageComponent
 * - Clearfix
 * PC Media Queries
 * @media only screen and (max-width: 767px)
 * - Override
 * - PageComponent
 * - Clearfix
 * SP Media Queries
 * Print
====================================================== */

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
  /* ------------------------------------------------------
   * Override
  ------------------------------------------------------ */
  .saiyo-workContents img {
    max-width: 100%;
    height: auto;
  }
  
  /* ------------------------------------------------------
   * PageComponent
  ------------------------------------------------------ */
  /* ----- saiyo-talk-column ----- */
  .saiyo-talk-column[data-row-pc]:not([data-row-pc="1"]) {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .saiyo-talk-column[data-row-pc]:not([data-row-pc="1"]) > .column_item {
    margin-left: 32px;
  }
  .saiyo-talk-column[data-row-pc="2"] > .column_item {width: calc((100% - (32px * 1)) / 2);}
  .saiyo-talk-column[data-row-pc="3"] > .column_item {width: calc((100% - (32px * 2)) / 3);}
  .saiyo-talk-column[data-row-pc="4"] > .column_item {width: calc((100% - (32px * 3)) / 4);}
  [data-browser="ie11"] .saiyo-talk-column[data-row-pc="2"] > .column_item {width: calc(((100% - (32px * 1)) / 2) - 0.1px);}
  [data-browser="ie11"] .saiyo-talk-column[data-row-pc="3"] > .column_item {width: calc(((100% - (32px * 2)) / 3) - 0.1px);}
  [data-browser="ie11"] .saiyo-talk-column[data-row-pc="4"] > .column_item {width: calc(((100% - (32px * 3)) / 4) - 0.1px);}
  [data-browser="edge"] .saiyo-talk-column[data-row-pc="2"] > .column_item {width: calc(((100% - (32px * 1)) / 2) - 0.1px);}
  [data-browser="edge"] .saiyo-talk-column[data-row-pc="3"] > .column_item {width: calc(((100% - (32px * 2)) / 3) - 0.1px);}
  [data-browser="edge"] .saiyo-talk-column[data-row-pc="4"] > .column_item {width: calc(((100% - (32px * 3)) / 4) - 0.1px);}
  .saiyo-talk-column[data-row-pc="2"] > .column_item:nth-child(2n+1),
  .saiyo-talk-column[data-row-pc="3"] > .column_item:nth-child(3n+1),
  .saiyo-talk-column[data-row-pc="4"] > .column_item:nth-child(4n+1) {
    margin-left: 0;
  }
  .saiyo-talk-column[data-row-pc="1"] > .column_item + .column_item,
  .saiyo-talk-column[data-row-pc="2"] > .column_item:nth-child(n+3),
  .saiyo-talk-column[data-row-pc="3"] > .column_item:nth-child(n+4),
  .saiyo-talk-column[data-row-pc="4"] > .column_item:nth-child(n+5) {
    margin-top: 20px;
  }
  
  /* ----- saiyo-talk-media ----- */
  .saiyo-talk-media {
    margin-top: 30px;
  }
  .saiyo-talk-media[data-media-size="1/2"] > .media_image { width: calc((100% - (32px * 1)) / 2); }
  .saiyo-talk-media[data-media-size="1/3"] > .media_image { width: calc((100% - (32px * 2)) / 3); }
  .saiyo-talk-media[data-media-size="1/4"] > .media_image { width: calc((100% - (32px * 3)) / 4); }
  .saiyo-talk-media > .media_image[data-image="left"] {
    float: left;
    margin-right: 32px;
  }
  .saiyo-talk-media > .media_image[data-image="right"] {
    float: right;
    margin-left: 32px;
  }
  .saiyo-talk-media > .media_detail[data-wraparound="false"] {
    overflow: hidden;
  }
  
  /* ----- saiyo-talk-layout ----- */
  .saiyo-talk-layout .talk_image {
  }
  .saiyo-talk-layout .talk_image > .image_inner {
    width: 252px;
    margin: 0 auto;
  }
  .saiyo-talk-layout .talk_image + .talk_detail {
    margin-top: 29px;
  }
  .saiyo-talk-layout .talk_title {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
    color: #333;
  }
  .saiyo-talk-layout .talk_text {
    text-align: center;
  }
  
  /* ----- saiyo-talk-interview ----- */
  .saiyo-talk-interview {
    margin-top: 70px;
  }
  .saiyo-talk-interview + * {
    margin-top: 72px;
  }
  .saiyo-talk-interview .interview_item + .interview_item {
    margin-top: 55px;
  }
  .saiyo-talk-interview .interview_lead {
    font-size: 1.25rem;
    font-weight: bold;
    color: #333;
  }
  .saiyo-talk-interview .interview_list > li {
    margin-bottom: 0;
  }
  .saiyo-talk-interview .interview_list > li + li {
    margin-top: 24px;
  }
  .saiyo-talk-interview .interview_list > li > .interview_name {
    float: left;
    font-weight: bold;
    color: #d0111b;
  }
  .saiyo-talk-interview .interview_list > li > .interview_name::after {
    display: inline-block;
    font-weight: normal;
    color: #333;
    content: "：";
  }
  .saiyo-talk-interview .interview_list > li > .interview_detail {
    overflow: hidden;
  }
  .saiyo-talk-interview .interview_list > li > .interview_detail > *:last-child {
    margin-bottom: 0;
  }
  
  /* ----- talk-list-description ----- */
  .talk-list-description > dt {
    display: inline;
  }
  .talk-list-description > dd {
    display: inline;
  }
  /* v2 */
  .talk-list-description-v2 {
    margin-top: 10px;
  }
  /* v3 */
  .talk-list-description-v3 > dt {
    display: inline;
  }
  .talk-list-description-v3 > dd {
    display: inline;
  }
  .talk-list-description-v3 > dt + dd {
    margin-left: .5em;
  }
  
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .clearfix::after,
  .saiyo-talk-media::after,
  .saiyo-talk-interview .interview_list > li::after {
    display: block;
    clear: both;
    content: "";
  }
}

/* ======================================================
 * PC Media Queries
====================================================== */
@media screen and (min-width: 768px) and (max-width: 1560px) {
}
@media screen and (min-width: 1340px) and (max-width: 1500px) {
}
@media screen and (min-width: 768px) and (max-width: 1339px) {
}

/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
   * Override
  ------------------------------------------------------ */
  .saiyo-workContents img {
    max-width: 100%;
    height: auto;
  }
  
  /* ------------------------------------------------------
   * PageComponent
  ------------------------------------------------------ */
  /* ----- saiyo-talk-column ----- */
  .saiyo-talk-column[data-row-sp]:not([data-row-sp="1"]) {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .saiyo-talk-column[data-row-sp]:not([data-row-sp="1"]) > .column_item {
    margin-left: 15px;
  }
  .saiyo-talk-column[data-row-sp="2"] > .column_item {width: calc((100% - (15px * 1)) / 2);}
  .saiyo-talk-column[data-row-sp="3"] > .column_item {width: calc((100% - (15px * 2)) / 3);}
  .saiyo-talk-column[data-row-sp="4"] > .column_item {width: calc((100% - (15px * 3)) / 4);}
  .saiyo-talk-column[data-row-sp="2"] > .column_item:nth-child(2n+1),
  .saiyo-talk-column[data-row-sp="3"] > .column_item:nth-child(3n+1),
  .saiyo-talk-column[data-row-sp="4"] > .column_item:nth-child(4n+1) {
    margin-left: 0;
  }
  .saiyo-talk-column[data-row-sp="1"] > .column_item + .column_item,
  .saiyo-talk-column[data-row-sp="2"] > .column_item:nth-child(n+3),
  .saiyo-talk-column[data-row-sp="3"] > .column_item:nth-child(n+4),
  .saiyo-talk-column[data-row-sp="4"] > .column_item:nth-child(n+5) {
    margin-top: 24px;
  }
  
  /* ----- saiyo-talk-media ----- */
  .saiyo-talk-media {
    margin-top: 10px;
  }
  .saiyo-talk-media[data-layout-sp="row"] > .media_image {
    max-width: calc((100% - 15px) / 2);
  }
  .saiyo-talk-media[data-layout-sp="row"] > .media_image[data-image="left"] {
    float: left;
    margin-right: 15px;
  }
  .saiyo-talk-media[data-layout-sp="row"] > .media_image[data-image="right"] {
    float: right;
    margin-left: 15px;
  }
  .saiyo-talk-media[data-layout-sp="row"] > .media_detail[data-wraparound="false"] {
    overflow: hidden;
  }
  .saiyo-talk-media[data-layout-sp="col"] > .media_detail,
  .saiyo-talk-media[data-layout-sp="col-reverse"] > .media_image {
    margin-top: 17px;
  }
  .saiyo-talk-media[data-layout-sp="col-reverse"] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  
  /* ----- saiyo-talk-layout ----- */
  .saiyo-talk-layout {
    
  }
  .saiyo-talk-layout .talk_image {
    width: 160px;
    float: left;
    margin-right: 12px;
  }
  .saiyo-talk-layout .talk_image + .talk_detail {
    overflow: hidden;
  }
  .saiyo-talk-layout .talk_title {
    font-size: .937rem;
    font-weight: bold;
    line-height: 1.25;
    color: #333;
  }
  .saiyo-talk-layout .talk_text {
  }
  
  /* ----- saiyo-talk-interview ----- */
  .saiyo-talk-interview {
    margin-top: 30px;
  }
  .saiyo-talk-interview + * {
    margin-top: 72px;
  }
  .saiyo-talk-interview .interview_item + .interview_item {
    margin-top: 22px;
  }
  .saiyo-talk-interview .interview_lead {
    font-size: .937rem;
    font-weight: bold;
    color: #333;
  }
  .saiyo-talk-interview .interview_list > li {
    margin-bottom: 0;
  }
  .saiyo-talk-interview .interview_list > li + li {
    margin-top: 20px;
  }
  .saiyo-talk-interview .interview_list > li > .interview_name {
    float: left;
    font-weight: bold;
    color: #d0111b;
  }
  .saiyo-talk-interview .interview_list > li > .interview_name::after {
    display: inline-block;
    font-weight: normal;
    color: #333;
    content: "：";
  }
  .saiyo-talk-interview .interview_list > li > .interview_detail {
    overflow: hidden;
  }
  .saiyo-talk-interview .interview_list > li > .interview_detail > *:last-child {
    margin-bottom: 0;
  }
  
  /* ----- talk-list-description ----- */
  .talk-list-description > dt {
    float: left;
  }
  .talk-list-description > dd {
    overflow: hidden;
  }
  /* v2 */
  .talk-list-description-v2 {
    margin-top: 12px;
  }
  /* v3 */
  .talk-list-description-v3 > dt {
    float: left;
    margin-right: 5px;
  }
  .talk-list-description-v3 > dd {
    overflow: hidden;
  }
  
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .clearfix::after,
  .saiyo-talk-layout::after,
  .talk-list-description::after,
  .talk-list-description-v3::after,
  .saiyo-talk-media::after,
  .saiyo-talk-interview .interview_list > li::after {
    display: block;
    clear: both;
    content: "";
  }
}

/* ======================================================
 * SP Media Queries
====================================================== */
@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 667px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}

/* ======================================================
 * Print
====================================================== */
@media print {
}