@charset "utf-8";

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

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
  /* ------------------------------------------------------
   * Page Component
  ------------------------------------------------------ */
  /* -----psc-index-text-right----- */
  .psc-index-text-right {
    margin-top: 1em !important;
    text-align: right;
    font-size: 1.6rem;
    line-height: 1.75;
    color: #333;
  }
  /* -----psc-index-product-detail-layout----- */
  .psc-index-product-detail-layout {
    margin-top: 15px;
  }
  .psc-index-product-detail-layout_inner {
    position: relative;
  }
  .psc-index-product-detail-contents_title-area {
    position: absolute;
    top: 7.3%;
    left: 2.5%;
    width: 62.416%;
  }
  .psc-index-product-detail-contents_title {
    font-size: 4.0rem;
    line-height: 1.45;
    font-weight: bold;
    color: #08a3ac;
    font-family: "Noto Sans", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .psc-index-product-detail-contents_title span {
    font-size: 5.0rem;
  }
  
  .psc-index-product-detail-contents_title-area_text {
    font-size: 1.6rem;
    line-height: 1.75;
    color: #333;
    margin-top: 11px
  }
  .psc-index-product-detail-contents_image-area {
    position: absolute;
    top: 48.8%;
    right: 3.2%;
    width: 29.333%;
  }
  .psc-index-product-detail-contents_image img {
    width: 85%;
  }
  .psc-index-product-detail-contents_image-area_text {
    font-size: 1.6rem;
    line-height: 1.75;
    color: #333;
    margin-top: 17px;
  }
  /* -----psc-index-heading2----- */
  .psc-index-heading2 {
    margin: 60px 0 0;
  }
  .psc-index-heading2_inner {
    padding: 25px 35px 25px 35px;
    background-image: linear-gradient(to right, rgb(181, 223, 226) 0%, rgb(246, 251, 252) 100%);
  }
  .psc-index-heading2_title {
    font-size: 3.8rem;
    line-height: 1;
    font-weight: bold;
    color: #333;
    font-family: "Noto Sans", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  
  /* -----psc-index-text----- */
  .psc-index-text {
    font-size: 1.6rem;
    line-height: 1.75;
    color: #333;
    margin-top: 8px;
  }
  .psc-index-text span {
    font-weight: bold;
  }
  .psc-index-text-v2 {
    font-size: 1.6rem;
    line-height: 1.75;
    color: #333;
  }
  .psc-index-text-v2 span {
    font-weight: bold;
  }
  /* -----psc-index-column-layout----- */
  .psc-index-column-layout {
    display: flex;
    flex-flow: row wrap;
  }
  .psc-index-column_item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc((100% - 60px) / 3);
    margin-left: 30px;
    margin-top: 0;
  }
  .psc-index-column_item:first-child {
    margin-left: 0!important;
  }
  .psc-index-column_item:nth-child(n+4) {
    margin-top: 1.25em!important;
  }
  /* -----psc-index-image-set----- */
  .psc-index-image-set .psc-index-image_caption{
    margin-top: .9em;
    font-size: 1.4rem;
    text-align: center;
  }
  /* -----psc-index-list-note----- */
  .psc-index-list-note {
    margin-top: 10px!important;
  }
  .psc-index-list-note > li {
    position: relative;
    padding-left: 1.2em;
    font-size: 1.4rem;
    color: #555;
  }
   .psc-index-list-note > li > .psc-index-list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  /* -----psc-index-column-v2-layout----- */
  .psc-index-column-v2-layout {
    display: flex;
    flex-flow: row wrap;
  }
  .psc-index-column-v2-layout {
    margin-top: 3.35em!important;
  }
  .psc-index-column-v2_item {
    margin-top: 0;
    width: calc((100% - 40px) / 2);
    margin-left: 40px;
  }
  .psc-index-column-v2_item:nth-child(2n-1) {
    margin-left: 0!important;
  }
  .psc-index-column-v2_item:nth-child(n+3) {
    margin-top: 3.35em!important;
  }
  /* -----psc-index-heading-lv3----- */
  .psc-index-heading3 {
    margin-top: 0 !important;
    margin: 3.25em 0 1.2em;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
  }
  .psc-index-heading3_title {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
    font-family: "Noto Sans", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  
  /* -----psc-index-image-set-v2----- */
  .psc-index-image-set-v2 {
    margin-top: 10px
  }
  
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
}

/* ======================================================
 * PC Media Queries
====================================================== */
@media screen and (min-width: 768px) and (max-width: 1280px) {
  .psc-index-product-detail-contents_title {
    font-size: calc( 40 * 100vw / 1280);
  }
  .psc-index-product-detail-contents_title span {
    font-size: calc( 50 * 100vw / 1280);
  }
  .psc-index-product-detail-contents_image-area_text,
  .psc-index-product-detail-contents_image-area_text {
    font-size: calc( 16 * 100vw / 1280);
  }
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
}
  
/***
@media screen and (min-width: 768px) and (max-width: 960px) {
}
@media screen and (min-width: 1921px) {
}
@media screen and (min-width: 768px) and (max-width: 1920px) {
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
}
***/


/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
   * Page Component
  ------------------------------------------------------ */
  /* -----psc-index-text-right----- */
  .psc-index-text-right {
    margin-top: 1em !important;
    text-align: right;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #333;
  }
  /* -----psc-index-product-detail-layout----- */
  .psc-index-product-detail-layout {
    margin-top: 35px;
  }
  .psc-index-product-detail-layout_inner {
    position: relative;
  }
  .psc-index-product-detail-contents_title-area {
    position: absolute;
    top: 5.5%;
    left: 3.7%;
  }
  .psc-index-product-detail-contents_head {
    width: 63.46%;
  }
  .psc-index-product-detail-contents_title {
    font-size: calc( 23 * 100vw / 375);
    line-height: 1.35;
    font-weight: bold;
    color: #08a3ac;
    font-family: "Noto Sans", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .psc-index-product-detail-contents_title span {
    font-size: calc( 26 * 100vw / 375);
    line-height: 1.2;
  }
  .psc-index-product-detail-contents_title-area_text {
    font-size: calc( 14 * 100vw / 375);
    line-height: 1.6;
    color: #333;
    margin-top: 18px;
    width: 93.3%;
  }
  .psc-index-product-detail-contents_image-area {
    position: absolute;
    top: 43.5%;
    left: 3.7%;
  }
  .psc-index-product-detail-contents_image {
    width: 63.8%
  }
  .psc-index-product-detail-contents_image-area_text {
    font-size: calc( 14 * 100vw / 375);
    line-height: 1.6;
    color: #333;
    margin-top: 15px;
    width: 93.3%;
  }
  
  /* -----psc-index-heading2----- */
  .psc-index-heading2 {
    margin: 45px 0 0;
  }
  .psc-index-heading2_inner {
    padding: 12px 16px;
    background-image: linear-gradient(to right, rgb(181, 223, 226) 0%, rgb(246, 251, 252) 100%);
  }
  .psc-index-heading2_title {
    font-size: 2.3rem;
    line-height: 1.39;
    font-weight: bold;
    color: #333;
    font-family: "Noto Sans", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  /* -----psc-index-text----- */
  .psc-index-text {
    font-size: 1.4rem;
    line-height: 1.6;
    color: #333;
    margin-top: 11px;
  }
  .psc-index-text span {
    font-weight: bold;
  }
  .psc-index-text-v2 {
    font-size: 1.4rem;
    line-height: 1.6;
    color: #333;
  }
  .psc-index-text-v2 span {
    font-weight: bold;
  }
  /* -----psc-index-list-note----- */
  .psc-index-list-note {
    margin-top: 10px!important;
  }
  .psc-index-list-note > li {
    position: relative;
    padding-left: 1.2em;
    color: #555;
    font-size: 1.1rem;
  }
   .psc-index-list-note > li > .psc-index-list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  /* -----psc-index-column-layout----- */
  .psc-index-column_item:first-child {
    margin-top: 0!important;
  }
  .psc-index-column_item {
    margin-top: 1.25em;
  }
  /* -----psc-index-column-v2-layout----- */
  .psc-index-column-v2_item:first-child {
    margin-top: 0!important;
  }
  /* -----psc-index-column-layout----- */
  .psc-index-image-set .psc-index-image_caption{
    margin-top: .52em;
    font-size: 1.2rem;
    text-align: left;
  }
  /* -----psc-index-heading-lv3----- */
  .psc-index-heading3 {
    margin-top: 0 !important;
    margin: 1.75em 0 1.25em;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
  }
  .psc-index-heading3_title {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
    font-family: "Noto Sans", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  /* -----psc-index-column-v2----- */
  .psc-index-column-v2-layout {
    margin-top: 23px!important;
  }
  .psc-index-column-v2-layout .psc-index-column-v2_item:nth-child(n+2) {
    margin-top: 22px;
  }
  /* -----psc-index-image-set-v2----- */
  .psc-index-image-set-v2 {
    margin-top: 11px;
  }
  
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
}


/* ======================================================
 * SP Media Queries
====================================================== */
/***
@media only screen and (min-width: 320px) and (max-width: 767px) {
}
@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: 375px) {
}
***/
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
  
@media only screen and (max-width: 400px) {
  
}
  
/***
@media only screen and (max-width: 320px) {
}



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