@charset "utf-8";

/* ======================================================
 * sr-r5600gs.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
====================================================== */

/* ======================================================
 * Font
====================================================== */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap');

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  .contents-wrap[data-contents-type="sr-r5600gs"] {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
  }
  h2, h3, h4 {
    color: #000;
  }
  .util-pc-hidden {
    display: none!important;
  }
  /* ------------------------------------------------------
   * Page Component
  ------------------------------------------------------ */
  .heading-lv1 > .heading_title {
    font-family: Verdana, Arial, Helvetica, sans-serif!important;
  }


  /* ----- sr-r5600gs-anchor-menu ----- */
  .sr-r5600gs-anchor-menu__area {
    max-width: 1200px;
    padding: 18px 0;
    background-color: #f5f5f5;
    margin: 0 auto;
  }
  .sr-r5600gs-anchor-menu__area__inner {
    position: relative;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
  }
  .sr-r5600gs-anchor-link__list {
    display: flex;
    justify-content: center;
    font-size: 1.7rem;
    font-weight: bold;
  }
  .sr-r5600gs-anchor-link__list > li {
    border-left: 1px solid #ddd;
  }
  .sr-r5600gs-anchor-link__list > li:last-of-type {
    border-right: 1px solid #ddd;
  }
  .sr-r5600gs-anchor-link__type {
    color: #000!important;
    display: block;
    width: 100%;
    padding: 0 18px;
  }
  .sr-r5600gs-anchor-link__type:hover {
    text-decoration: underline;
  }
  /* ----- sr-r5600gs-hero-layout ----- */
  .sr-r5600gs-hero-layout {
    margin-top: 55px;
  }

  .sr-r5600gs-lead-text {
    font-size: 2.6rem;
    font-weight: bold;
    color: #000;
  }
  .text--center {
    text-align: center;
  }
  .pc-text--center {
    text-align: center;
  }
  .text--small {
    font-size: 1.2rem;
  }

  /* ----- sr-r5600gs-media ----- */
  .sr-r5600gs-media {
    display: flex;
    margin: 120px 0 114px 0;
  }
  .sr-r5600gs-media__head {
    width: 48.5%;
    text-align: center;
  }
  .sr-r5600gs-banner-image-sp {
    display: none;
  }
  .sr-r5600gs-media__body {
    margin-left: 36px;
    display: flex;
    width: 48.5%;
  }
  .sr-r5600gs-detail-area {
    margin-top: 30px;
  }
  .sr-r5600gs-detail-area > .text {
    margin-top: 8px;
  }
  .sr-r5600gs-block {
    margin-top: 72px;
  }
  .sr-r5600gs-button-wrap {
    display: flex;
  }
  .sr-r5600gs-button-wrap--center {
    display: flex;
    justify-content: center;
    margin-top: 38px;
  }
  .sr-r5600gs-button > a {
    display: block;
    padding: 15px 52px;
    border: 2px solid #000;
    border-radius: 5px;
    background-color: #000;
    color: #fff!important;
    font-size: 2rem;
    font-weight: bold;
  }
  .sr-r5600gs-button > a:hover {
    background-color: #fff;
    color: #000!important;
  }
  .sr-r5600gs-button-v2 {
    position: relative;
  }
  .sr-r5600gs-button-v2 > a {
    display: block;
    padding: 15px 115px 15px 120px;
    border: 2px solid #000;
    border-radius: 5px;
    background-color: #000;
    color: #fff!important;
    font-size: 2rem;
    font-weight: bold;
  }
  .sr-r5600gs-button-v2 > a:hover {
    background-color: #fff;
    color: #000!important;
  }
  .sr-r5600gs-button-v2 > .a-pdf::after {
    position: absolute;
    top: 40%;
    right: 10px;
  }
  .sr-r5600gs-application-button-wrap {
    display: inline-block;
    margin-top: 5px;
  }
  .sr-r5600gs-application-button__type {
    display: block;
    padding: 15px 67px;
    border: 2px solid #000;
    border-radius: 5px;
    background-color: #000;
    color: #fff!important;
    font-size: 2rem;
    font-weight: bold;
  }
  .sr-r5600gs-application-button__type:hover {
    background-color: #fff;
    color: #000!important;
  }

  /* ----- sr-r5600gs-heading2 ----- */
  .sr-r5600gs-heading2 {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    text-align: center;
  }
  .sr-r5600gs-heading2 .heading_title2 {
    font-size: 3.0rem;
    font-weight: bold;
  }
  /* ----- sr-r5600gs-heading3 ----- */
  .sr-r5600gs-heading3 {
    border-bottom: 2px solid #ddd;
    padding: 10px 0;
    margin-top: 45px;
  }
  .sr-r5600gs-heading3 .heading_title3 {
    font-size: 2.8rem;
    font-weight: bold;
  }
  /* ----- sr-r5600gs-heading4 ----- */
  .sr-r5600gs-heading4 {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
  }
  .sr-r5600gs-heading4 .heading_title4 {
    font-size: 2.4rem;
    font-weight: bold;
  }

  /* ----- sr-r5600gs-list-wrap ----- */
  .sr-r5600gs-list-wrap {
    margin-top: 45px;
  }
  .sr-r5600gs-list-wrap li {
    position: relative;
    font-size: 1.2rem;
    padding-left: 15px;
  }
  .sr-r5600gs-list-wrap li::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 7px;
    left: 3px;
    background-color: #555;
  }
  .sr-r5600gs-list-wrap li:not(:first-of-type) {
   margin-top: 13px;
  }
  .sr-r5600gs-lead-v2-text {
    font-size: 2.2rem;
    font-weight: bold;
  }
  .pc-mt15 {
    margin-top: 15px!important;
  }
  .pc-mt35 {
    margin-top: 35px!important;
  }
  .pc-mt45 {
    margin-top: 45px!important;
  }
  /* ----- sr-r5600gs-gallery ----- */
  .sr-r5600gs-gallery {
    margin-top: 46px;
  }
  /* ----- sr-r5600gs-gallery-slider ----- */
  .sr-r5600gs-gallery-slider{
    position: relative;
    margin-top: 24px;
  }
  .sr-r5600gs-gallery-slider .slick-arrow{
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -22px;
    padding: 0;
    border: none;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    background: transparent;
    overflow: hidden;
    text-indent: -999px;
    z-index: 3;
  }
  .sr-r5600gs-gallery-slider .slick-arrow.slick-prev{
    left: 20px;
    border-right: 22px solid #000000;
  }
  .sr-r5600gs-gallery-slider .slick-arrow.slick-next{
    right: 20px;
    border-left: 22px solid #000000;
  }
  .sr-r5600gs-gallery-slider .slick-dots {
    display: none!important;
  }
  .slider_item_image > img {
    margin: 0 auto;
  }
  /* ----- sr-r5600gs-application-media ----- */
  .sr-r5600gs-application-media {
    display: flex;
    margin-top: 46px;
  }
  .sr-r5600gs-application-media__head {
    width: 32%;
  }
  .sr-r5600gs-application-media__body {
    width: 68%;
    margin-left: 38px;
  }
  .sr-r5600gs-download-area {
    display: flex;
    margin-left: 12px;
  }
  .sr-r5600gs-left-image {
    margin-top: 10px;
  }
  .sr-r5600gs-left-image > .sr-r5600gs-left-image__frame > img {
    max-width: 100px;
  }
  .sr-r5600gs-right-body {
    margin-left: 46px;
  }
  .sr-r5600gs-application-detail {
    margin-top: 38px;
  }
  .sr-r5600gs-application-detail > .text {
    margin-top: 9px;
  }
  .sr-r5600gs-application-text {
    font-size: 1.8rem;
    font-weight: bold;
  }
  .sr-r5600gs-application-detail-v2 {
    margin-top: 34px;
  }
  .sr-r5600gs-application-detail-v2 > .text-v2 {
    margin-top: 7px;
  }
  .sr-r5600gs-application-text-v2 {
    font-size: 1.8rem;
    font-weight: bold;
  }
  .sr-r5600gs-application-list-sp {
    display: none;
  }

  /* ----- sr-r5600gs-application-media-v2 ----- */
  .sr-r5600gs-application-media-v2 {
    border-top: 1px solid #ddd;
    margin-top: 42px;
  }
  .sr-r5600gs-application-media-v2-wrap {
    display: flex;
    margin-top: 56px;
  }
  .sr-r5600gs-application-media-v2__head {
    width: 32%;
  }
  .sr-r5600gs-application-media-v2__body {
    width: 68%;
    margin-left: 34px;
  }
  /* ----- sr-r5600gs-install-wrap ----- */
  .sr-r5600gs-install-wrap-pc {
    display: flex;
  }
  .sr-r5600gs-tepra-link-image > .sr-r5600gs-left-image__frame > img {
    max-width: 120px;
  }
  .sr-r5600gs-qr {
    margin-left: 36px;
  }
  .sr-r5600gs-qr-detail {
    display: flex;
    margin-top: 14px;
  }
  .sr-r5600gs-qr-item:nth-child(2) {
    margin-left: 44px;
  }
  .sr-r5600gs-qr-item-wrap {
    display: flex;
  }
  .sr-r5600gs-qr-text {
    display: flex;
    align-items: center;
    color: #858585;
  }
  .sr-r5600gs-qr-image {
    margin-left: 16px;
  }
  .sr-r5600gs-install-wrap-sp {
    display: none;
  }
  /* ----- sr-r5600gs-tapes-media ----- */
  .sr-r5600gs-tapes-media-pc {
    display: flex;
    margin-top: 44px;
  }
  .sr-r5600gs-tapes-media__head {
    width: 32%;
  }
  .sr-r5600gs-tapes-media__body {
    display: flex;
    align-items: center;
    width: 68%;
    margin-left: 38px;
  }
  .sr-r5600gs-tapes-text {
    margin-top: 9px;
  }
  .sr-r5600gs-list {
    font-size: 1.4rem;
    margin-top: 10px;
  }
  .sr-r5600gs-list > li {
    position: relative;
    padding-left: 1em;
  }
  .sr-r5600gs-list > li > .list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  .sr-r5600gs-tapes-media-sp {
    display: none;
  }
  /* ----- sr-r5600gs-tapes-media-heading ----- */
  .sr-r5600gs-tapes-media-heading {
    display: flex;
    padding-bottom: 17px;
    border-bottom: 1px solid #000;
  }
  .sr-r5600gs-tapes-title-area {
    margin-left: 18px;
    padding: 34px 0;
  }
  .sr-r5600gs-tapes-title {
    font-size: 2.2rem;
    font-weight: bold;
  }
  /* ----- sr-r5600gs-tapes-column-media ----- */
  .sr-r5600gs-tapes-column-media {
    display: flex;
    margin-top: 20px;
  }
  .sr-r5600gs-tapes-item-left {
    width: 50%;
  }
  .sr-r5600gs-tapes-bottom-image {
    margin-top: 19px;
  }
  .sr-r5600gs-tapes-item-right {
    width: 50%;
    margin-left: 36px;
  }

  /* ----- sr-r5600gs-specification-description ----- */
  .sr-r5600gs-specification-description {
    display: flex;
    width: 100%;
    margin-top: 45px;
  }
  .sr-r5600gs-specification-item {
    width: 50%;
  }
  .sr-r5600gs-specification-item:nth-child(2) {
    margin-left: 35px;
  }
  .sr-r5600gs-specification-description-list {
    display: flex;
    width: 100%;
    font-size: 1.4rem;
  }
  .sr-r5600gs-specification-description-list:nth-child(n+2) {
    margin-top: 29px;
  }
  .sr-r5600gs-specification-description-list > dt {
    flex-shrink: 0;
    width: 30%;
    margin-right: 2.5em;
    color: #858585;
  }

  /* ----- sr-r5600gs-card-layout ----- */
  .sr-r5600gs-card-layout {
    display: flex;
    margin-top: 45px;
  }
  .sr-r5600gs-card-layout > *{
    width: calc((100% - (20px * 3))/4);
    margin-right: 20px;
  }
  .sr-r5600gs-card-layout > *:nth-child(4n){
    margin-right: 0;
  }
  .sr-r5600gs-card {
    display: flex;
    flex-direction: column;
  }
  .sr-r5600gs-card:link,
  .sr-r5600gs-card:visited{
    color: inherit;
  }
  .sr-r5600gs-card:hover .sr-r5600gs-card-body{
    opacity: .8;
  }
  .sr-r5600gs-card-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 23px 16px 23px 21px;
    background: #f2f3f5;
    flex: 1 1;
  }
  .sr-r5600gs-card-body {
  }
  .sr-r5600gs-card-title{
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: min(((10/768) * 100vw),22px);
  }
  .sr-r5600gs-card-icon{
    display: block;
    margin-right: 13px;
    flex-shrink: 0;
  }

    /* ----- sr-r5600gs-modal-gallery-wrap ----- */
  .sr-r5600gs-modal-gallery-wrap{
    display: none;
  }
  .sr-r5600gs-modal-gallery #cboxContent{
    background: transparent;
  }
  .sr-r5600gs-modal-gallery #cboxLoadedContent{
    border: none;
    background: transparent;
  }
  .sr-r5600gs-modal-gallery.is-hide #cboxLoadedContent{
    overflow: hidden !important;
    opacity: 0;
  }
  .sr-r5600gs-modal-gallery #cboxClose{
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: transparent;
  }
  .sr-r5600gs-modal-gallery #cboxClose::before,
  .sr-r5600gs-modal-gallery #cboxClose::after{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 2px;
    margin: -1px 0 0 -12px;
    background: #ffffff;
    content: '';
  }
  .sr-r5600gs-modal-gallery #cboxClose::before{
    transform: rotateZ(45deg);
  }
  .sr-r5600gs-modal-gallery #cboxClose::after{
    transform: rotateZ(-45deg);
  }
  .sr-r5600gs-modal-gallery-item{
    padding: 20px 10px;
  }
  .sr-r5600gs-modal-gallery-slider{
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .sr-r5600gs-modal-gallery-slider.slick-initialized {
    opacity: 1;
  }
  .sr-r5600gs-modal-gallery-slider-item {
    width: 800px;
    text-align: center;
  }
  .sr-r5600gs-modal-gallery-slider-item.slick-slide > img {
    margin-inline: auto;
  }
  .sr-r5600gs-modal-gallery-slider .slick-arrow {
    position: absolute;
    top: 50%;
    display: block;
    overflow: hidden;
    text-indent: 100vw;
    width: 22px;
    height: 44px;
    margin-top: -22px;
    border: 0;
    border-top: 22px solid transparent;
    border-right: 22px solid #fff;
    border-bottom: 22px solid transparent;
    padding: 0;
    background: transparent;
    box-sizing: border-box;
    z-index: 3;
  }
  .sr-r5600gs-modal-gallery-slider .slick-prev {
    left: 0;
  }
  .sr-r5600gs-modal-gallery-slider .slick-next {
    right: 0;
    transform: rotateZ(180deg);
  }
  .sr-r5600gs-modal-gallery-slider-nav{
    margin-top: 20px;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .sr-r5600gs-modal-gallery-slider-nav.slick-initialized{
    opacity: 1;
  }
  .sr-r5600gs-modal-gallery-slider-nav .slick-list{
    overflow: visible;
  }
  .sr-r5600gs-modal-gallery-slider-nav .slick-track {
    transform: unset !important;
    width: 100% !important;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
  }
  .sr-r5600gs-modal-gallery-slider-nav .slick-slide {
    position: relative;
    display: block!important;
    float: none !important;
    width: 64px;
    margin-inline: 5px;
  }
  .sr-r5600gs-modal-gallery-slider-nav .slick-slide::after {
    position: absolute;
    top: -3px;
    left: -3px;
    display: block;
    width: 100%;
    height: 100%;
    border: 3px solid #ffffff;
    box-sizing: content-box;
    content: '';
    opacity: 0;
  }
  .sr-r5600gs-modal-gallery-slider-nav .slick-slide.slick-current::after {
    opacity: 1;
    transition: opacity 0.3s ease;
  }

  /* ----- sr-r5600gs-column-media ----- */
  .sr-r5600gs-column-media {
    margin-top: 2.5em;
    display: flex;
    align-items: center;
  }
  .sr-r5600gs-column-media[data-media-size="1/2"] > .sr-r5600gs-column_image { width: calc((100% - 40px) / 2); }
  [class*="column-layout"] .sr-r5600gs-column-media[data-media-size="1/2"] > .sr-r5600gs-column_image { width: calc((100% - 20px) / 2); }
  .sr-r5600gs-column-media[data-media-size="1/3"] > .sr-r5600gs-column_image { width: calc((100% - 60px) / 3); }
  [class*="column-layout"] .sr-r5600gs-column-media[data-media-size="1/3"] > .sr-r5600gs-column_image { width: calc((100% - 40px) / 3); }
  .sr-r5600gs-column-media[data-media-size="1/4"] > .sr-r5600gs-column_image { width: calc((100% - 90px) / 4); }
  .sr-r5600gs-column-media > .sr-r5600gs-column_image[data-image="right"] {
    margin-left: 30px;
    flex-shrink: 0;
  }
  .sr-r5600gs-column-media[data-media-size="1/2"] > .sr-r5600gs-column_image[data-image="right"] {
    margin-left: 40px;
    flex-shrink: 0;
  }
  .sr-r5600gs-column-media[data-media-size="1/3"] > .sr-r5600gs-column_image[data-image="right"],
  [class*="column-layout"] .sr-r5600gs-column-media .sr-r5600gs-column_image[data-image="right"] {
    margin-left: 20px;
    flex-shrink: 0;
  }
  .sr-r5600gs-column-media > .sr-r5600gs-column_image[data-image="left"] {
    margin-right: 30px;
    flex-shrink: 0;
  }
  .sr-r5600gs-column-media[data-media-size="1/2"] > .sr-r5600gs-column_image[data-image="left"] {
    margin-right: 40px;
    flex-shrink: 0;
  }
  .sr-r5600gs-column-media[data-media-size="1/3"] > .sr-r5600gs-column_image[data-image="left"],
  [class*="column-layout"] .sr-r5600gs-column-media .sr-r5600gs-column_image[data-image="left"] {
    margin-right: 20px;
    flex-shrink: 0;
  }
  .sr-r5600gs-column-media > .sr-r5600gs-column_image[data-image] > .image-set .image_caption {
    margin-bottom: .25em;
  }
  .sr-r5600gs-column-media > .sr-r5600gs-column_image[data-layout-pc] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .sr-r5600gs-column-media > .sr-r5600gs-column_image[data-layout-pc="row"] {
    -webkit-flex-direction: row;
    flex-direction: row;
    width: calc((100% - 30px) / 2);
  }
  .sr-r5600gs-column-media > .sr-r5600gs-column_image[data-layout-pc="row"] > .image-set {
    width: calc((100% - 30px) / 2);
  }
  .sr-r5600gs-column-media > .sr-r5600gs-column_image[data-layout-pc="row"] > .image-set:nth-child(n+2) {
    margin-top: 0;
    margin-left: 30px;
  }
  .sr-r5600gs-column-media > .sr-r5600gs-column_image[data-layout-pc="row"].is-auto,
  .sr-r5600gs-column-media > .sr-r5600gs-column_image[data-layout-pc="row"].is-auto > .image-set{
    width: auto;
  }
  .sr-r5600gs-column-media > .sr-r5600gs-column_image[data-layout-pc="col"] {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .sr-r5600gs-column-media > .sr-r5600gs-column_image[data-layout-pc="col"] > .image-set:nth-child(n+2) {
    margin-top: 1.25em;
  }
  .sr-r5600gs-column-media > .sr-r5600gs-column_detail[data-wraparound="false"] {
    overflow: hidden;
  }
  /* ----- sr-r5600gs-list-note ----- */
  .sr-r5600gs-list-note > li {
    padding-left: 1.2em;
    font-size: 1.4rem;
    color: #555;
  }
  .sr-r5600gs-list-note > li > .sr-r5600gs-list_mark {
    margin-right: 5px;
  }

  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .sr-r5600gs-series-media::after,
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
}

/* ======================================================
 * PC Media Queries
====================================================== */
@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: 1280px) {
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .sr-r5600gs-layout-v2 .sr-r5600gs_inner {
    padding: 0 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
}
@media screen and (min-width: 768px) and (max-width: 960px) {
}
@media screen and (min-width: 768px) and (max-width: 930px) {
  .sr-r5600gs-modal-gallery-slider-item{
    width: 100%;
  }
  .sr-r5600gs-modal-gallery-slider-item.slick-slide > img{
    width: 73.8%;
  }
}
@media screen and (min-width: 768px) and (max-width: 812px) {
}


/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  .contents-wrap[data-contents-type="sr-r5600gs"] {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
  }
  h2, h3, h4 {
    color: #000;
  }
  .text {
    line-height: 1.6;
  }
  /* ------------------------------------------------------
   * Page Component
  ------------------------------------------------------ */
  /* ----- sr-r5600gs-hero-layout ----- */
  .sr-r5600gs-hero-layout {
    margin: 0 -15px;
  }

  /* ----- sr-r5600gs-anchor-menu__area ----- */
  .anchor-menu__btn {
    position: relative;
    width: 45px;
    height: 45px;
    border-radius: 5px 0 0 5px;
    background-color: #000;
  }
  .is-open .anchor-menu__btn {
    position: absolute;
    top: 100px;
    left: -35px;
    width: 45px;
    height: 45px;
    border-radius: 5px 0 0 5px;
    background-color: #000;
  }
  .anchor-menu__btn::before {
    position: absolute;
    top: 14px;
    left: 55%;
    width: 15px;
    height: 2px;
    margin: 0 0 0 -10px;
    background-color: #fff;
    content: "";
  }
  .anchor-menu__btn::after {
    position: absolute;
    bottom: 14px;
    left: 55%;
    width: 15px;
    height: 2px;
    margin: 0 0 0 -10px;
    background-color: #fff;
    content: "";
  }
  .anchor-menu__label {
    position: relative;
    display: block;
    text-indent: -9999em;
  }
  .anchor-menu__label::before {
    position: absolute;
    top: 21px;
    left: 55%;
    width: 15px;
    height: 2px;
    margin: 0 0 0 -10px;
    background-color: #fff;
    content: "";
  }

  .is-open .anchor-menu__btn::before, .is-open .anchor-menu__btn::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 2px;
    margin: -1px 0 0 -11px;
    border-radius: 2px;
    background-color: #fff;
    content: "";
  }
  .is-open .anchor-menu__btn::before {
    transform: rotate(-45deg);
  }
  .is-open .anchor-menu__btn::after {
    transform: rotate(45deg);
  }
  .is-open .anchor-menu__label::before {
    width: 0;
    height: 0;
  }
  .sr-r5600gs-anchor-menu__area {
    position: fixed;
    z-index: 100;
    top: 80px;
    right: 0;
    width: 45px;
    height: 45px;
  }
  .sr-r5600gs-anchor-menu__area.is-open {
    z-index: 1001;
  }
  .sr-r5600gs-anchor-menu__area__inner {
  }
  .sr-r5600gs-anchor-link {
    display: none;
  }
  .is-open .sr-r5600gs-anchor-link {
    display: block;
  }
  .is-open .sr-r5600gs-anchor-menu__area__inner {
    position: fixed;
    top: 0;
    left: 14%;
    width: 86%;
    padding: 22px 22px 35px;
    background-color: #fff;
    z-index: 1000;
    transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
  }
  .is-open .sr-r5600gs-anchor-link__inner {
    text-align: right;
  }
  .is-open .sr-r5600gs-anchor-link__list {
    margin-top: 10px;
    text-align: center;
    font-size: 1.6rem;
  }
  .is-open .sr-r5600gs-anchor-link__type {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 1.5px solid #333;
    color: #000!important;
  }
  .is-open .sr-r5600gs-anchor-link__list > li:not(:first-of-type) {
    margin-top: 12px;
  }
  .is-open .sr-r5600gs-switch-btn {
    margin-top: 12px;
    padding-right: 20px;
    font-size: 1.4rem;
    background-image: url(/sp/english/sr-r5600gs/img/sr-r5600gs_ic02.png);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: right;
  }
  .is-open .sr-r5600gs-switch-btn__type {
    display: inline-block;
    padding-bottom: 6px;
    border-bottom: 1.5px solid #333;
    color: #000!important;
  }
  .anchor-menu__logo {
    display: none;
  }
  .is-open .anchor-menu__logo {
    display: block;
    width: 38%;
  }
  .is-open .anchor-menu__logo figure {
    display: inline-block;
  }
  .is-open .anchor-menu__logo__caption--center {
    margin-top: 7px;
    color: #000;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;

  }
  .anchor-menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.4);
  }
  .heading-lv1 > .heading_title {
    font-family: Verdana, Arial, Helvetica, sans-serif!important;
  }

  .sr-r5600gs-lead-text {
    font-size: 2.0rem;
    font-weight: bold;
    color: #000;
    text-align: center;
  }
  .sr-r5600gs-detail-area > .text {
    margin-top: 5px;
  }
  .text--center {
    text-align: center;
  }
  .pc-text--center {
    text-align: center;
  }
  .text--small {
    font-size: 1.2rem;
  }

  /* ----- sr-r5600gs-media ----- */
  .sr-r5600gs-media {
    display: flex;
    flex-direction: column-reverse!important;
    margin-top: 23px;
  }
  .sr-r5600gs-media__head {
    display: flex;
    margin-top: 40px;
  }
  .sr-r5600gs-banner-image-sp {
    width: 36%;
  }
  .sr-r5600gs-media__image-wrap {
    width: 64%;
    margin: 0 24px 0 28px;
  }
  .sr-r5600gs-banner-image-pc {
    display: none;
  }
  .sr-r5600gs-media__body {
    display: flex;
  }

  .sr-r5600gs-block {
    margin-top: 70px;
  }
  .sr-r5600gs-button-wrap {
    display: flex;
  }
  .sr-r5600gs-button-wrap--center {
    display: flex;
    justify-content: center;
    margin-top: 24px;
  }
  .sr-r5600gs-button > a {
    display: block;
    padding: 13px 71px;
    border: 2px solid #000;
    border-radius: 5px;
    background-color: #000;
    color: #fff!important;
    font-size: 1.5rem;
    font-weight: bold;
  }
  .sr-r5600gs-button > a:hover {
    background-color: #fff;
    color: #000!important;
  }
  .sr-r5600gs-button-v2 {
    position: relative;
    max-width: 375px;
    width: 100%
  }
  .sr-r5600gs-button-v2 > a {
    display: block;
    padding: 12px 80px;
    border: 2px solid #000;
    border-radius: 5px;
    background-color: #000;
    color: #fff!important;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
  }
  .sr-r5600gs-button-v2 > a:hover {
    background-color: #fff;
    color: #000!important;
  }
  .sr-r5600gs-button-v2 > .a-pdf::after {
    position: absolute;
    top: 40%;
    right: 10px;
  }
  .sr-r5600gs-application-button-wrap {
    display: none;
  }

  /* ----- sr-r5600gs-heading2 ----- */
  .sr-r5600gs-heading2 {
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
    text-align: center;
  }
  .sr-r5600gs-heading2 .heading_title2 {
    font-size: 2.2rem;
    font-weight: bold;
  }
  /* ----- sr-r5600gs-heading3 ----- */
  .sr-r5600gs-heading3 {
    border-bottom: 2px solid #ddd;
    padding: 10px 0;
    margin-top: 45px;
  }
  .sr-r5600gs-heading3 .heading_title3 {
    font-size: 2.8rem;
    font-weight: bold;
  }
  /* ----- sr-r5600gs-heading4 ----- */
  .sr-r5600gs-heading4 {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
  }
  .sr-r5600gs-heading4 .heading_title4 {
    font-size: 2.4rem;
    font-weight: bold;
  }

  /* ----- sr-r5600gs-list-wrap ----- */
  .sr-r5600gs-list-wrap {
    margin-top: 30px;
  }
  .sr-r5600gs-list-wrap li {
    position: relative;
    font-size: 1.1rem;
    padding-left: 15px;
  }
  .sr-r5600gs-list-wrap li::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 7px;
    left: 3px;
    background-color: #555;
  }
  .sr-r5600gs-list-wrap li:not(:first-of-type) {
   margin-top: 13px;
  }
  .sr-r5600gs-lead-v2-text {
    font-size: 1.6rem;
    font-weight: bold;
  }
  .pc-mt15 {
    margin-top: 15px!important;
  }
  .pc-mt35 {
    margin-top: 35px!important;
  }
  .pc-mt45 {
    margin-top: 45px!important;
  }
  /* ----- sr-r5600gs-gallery ----- */
  .sr-r5600gs-gallery {
    margin-top: 22px;
    text-align: center;
  }
  /* ----- sr-r5600gs-gallery-slider ----- */
  .sr-r5600gs-gallery-slider{
    position: relative;
  }
  .sr-r5600gs-gallery-slider .slick-arrow{
    position: absolute;
    top: 15%;
    width: 0;
    height: 0;
    padding: 0;
    border: none;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    background: transparent;
    overflow: hidden;
    text-indent: -999px;
    z-index: 3;
  }
  .sr-r5600gs-gallery-slider .slick-arrow.slick-prev{
    left: 5px;
    border-right: 12px solid #000000;
  }
  .sr-r5600gs-gallery-slider .slick-arrow.slick-next{
    right: 3px;
    border-left: 12px solid #000000;
  }
  .sr-r5600gs-gallery-slider .slick-dots {
    display: none!important;
  }
  .slider_item_image > img {
    width: 82%;
    margin: 0 auto;
  }
  /* ----- sr-r5600gs-application-media ----- */
  .sr-r5600gs-application-media {
    margin-top: 22px;
  }
  .sr-r5600gs-application-media__head {
    width: 81%;
    margin: 0 auto;
  }
  .sr-r5600gs-application-media__body {
  }
  .sr-r5600gs-download-area {
    display: flex;
    flex-direction: column-reverse;
    text-align: center;
    margin-top: 15px;
  }
  .sr-r5600gs-left-image {
    margin-top: 22px;
  }
  .sr-r5600gs-left-image__frame > img {
    width: 22%;
  }
  .sr-r5600gs-application-detail {
    margin-top: 24px;
  }
  .sr-r5600gs-application-detail > .text {
    margin-top: 7px;
  }
  .sr-r5600gs-application-text {
    font-size: 1.5rem;
    font-weight: bold;
  }
  .sr-r5600gs-application-detail-v2 {
    margin-top: 18px;
  }
  .sr-r5600gs-application-detail-v2 > .text-v2 {
    margin-top: 7px;
  }
  .sr-r5600gs-application-text-v2 {
    font-size: 1.5rem;
    font-weight: bold;
  }
  .sr-r5600gs-application-list-sp {
    font-size: 1.2rem;
    margin-top: 5px;
  }
  .sr-r5600gs-application-list-sp > li {
    position: relative;
    padding-left: 1em;
  }
  .sr-r5600gs-application-list-sp > li > .list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }

  /* ----- sr-r5600gs-application-media-v2 ----- */
  .sr-r5600gs-application-media-v2 {
    border-top: 1px solid #ddd;
    margin-top: 22px;
  }
  .sr-r5600gs-application-media-v2-wrap {
    margin-top: 24px;
  }
  .sr-r5600gs-application-media-v2__head {
    width: 82%;
    margin: 0 auto;
  }
  .sr-r5600gs-application-media-v2__body {
  }
  /* ----- sr-r5600gs-install-wrap ----- */
  .sr-r5600gs-install-wrap-pc {
    display: none;
  }
  .sr-r5600gs-install-wrap-sp {
    margin-top: 15px;
    text-align: center;
  }
  .sr-r5600gs-store {
    margin-top: 15px;
  }
  .sr-r5600gs-store-wrap {
    display: flex;
    width: 72%;
    margin: 0 auto;
  }
  .sr-r5600gs-store-item-v2 {
    margin-left: 25px;
  }
  .sr-r5600gs-store-image-v2:nth-child(2) {
    margin-top: 5px;
  }
  /* ----- sr-r5600gs-tapes-media ----- */
  .sr-r5600gs-tapes-media-sp {
    margin-top: 24px;
  }
  .sr-r5600gs-tapes-media-sp > .sr-r5600gs-lead-v2-text {
    text-align: center;
  }
  .sr-r5600gs-tapes-media__head {
    margin-top: 15px;
  }
  .sr-r5600gs-tapes-media__image {
    width: 82%;
    margin: 0 auto;
  }
  .sr-r5600gs-tapes-detail {
    margin-top: 13px;
  }
  .sr-r5600gs-tapes-media__body {
  }
  .sr-r5600gs-tapes-text {
    margin-top: 9px;
  }
  .sr-r5600gs-list {
    font-size: 1.2rem;
    margin-top: 5px;
  }
  .sr-r5600gs-list > li {
    position: relative;
    padding-left: 1em;
  }
  .sr-r5600gs-list > li > .list_mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  .sr-r5600gs-tapes-media-pc {
    display: none;
  }
  /* ----- sr-r5600gs-tapes-media-heading ----- */
  .sr-r5600gs-tapes-media-heading {
    display: flex;
    border-bottom: 1px solid #000;
    padding-bottom: 7px;
  }
  .sr-r5600gs-tapes-title-image {
    width: 28%;
  }
  .sr-r5600gs-tapes-title-area {
    width: 72%;
    padding: 11px 0;
    margin-left: 10px;
  }
  .sr-r5600gs-tapes-subtitle {
    font-size: 1.2rem;
  }
  .sr-r5600gs-tapes-title {
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 5px;
  }
  /* ----- sr-r5600gs-tapes-column-media ----- */
  .sr-r5600gs-tapes-column-media {
    margin-top: 16px;
  }
  .sr-r5600gs-tapes-item-left {

  }
  .sr-r5600gs-tapes-bottom-image {
    display: none;
  }
  .sr-r5600gs-tapes-item-right {
    margin-top: 15px;
  }
  .sr-r5600gs-block > .sr-r5600gs-block {
    margin-top: 24px;
  }

  /* ----- sr-r5600gs-specification-description ----- */
  .sr-r5600gs-specification-description {
    margin-top: 23px;
  }
  .sr-r5600gs-specification-item:nth-child(2) {
    margin-top: 21px;
  }
  .sr-r5600gs-specification-description-list {
    display: flex;
    width: 100%;
    font-size: 1.3rem;
  }
  .sr-r5600gs-specification-description-list:nth-child(n+2) {
    margin-top: 23px;
  }
  .sr-r5600gs-specification-description-list > dt {
    flex-shrink: 0;
    width: 32%;
    margin-right: 1em;
    color: #858585;
  }

  /* ----- sr-r5600gs-card-layout ----- */
  .sr-r5600gs-card-layout {
    display: flex;
    flex-wrap: wrap;
    margin-top: 23px;
  }
  .sr-r5600gs-card-layout > *{
    width: calc((100% - clamp(15px, calc((75 - 15) / (767 - 375) * 100vw + (15 - ((75 - 15) / (767 - 375)) * 375) * 1px), 75px)) / 2);
    margin: 15px clamp(15px, calc((75 - 15) / (767 - 375) * 100vw + (15 - ((75 - 15) / (767 - 375)) * 375) * 1px), 75px) 0 0;
  }

  .sr-r5600gs-card-layout > *:nth-child(2n){
    margin-right: 0;
  }
  .sr-r5600gs-card-layout > *:nth-child(-n+2){
    margin-top: 0;
  }
  .sr-r5600gs-card {
    display: flex;
    flex-direction: column;
  }
  .sr-r5600gs-card:link,
  .sr-r5600gs-card:visited{
    color: inherit;
  }
  .sr-r5600gs-card-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px 10px 15px 15px;
    background: #f2f3f5;
    flex: 1 1;
  }
  .sr-r5600gs-card-body {
  }
  .sr-r5600gs-card-title{
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 1.3rem;
  }
  .sr-r5600gs-card-icon{
    display: block;
    margin-right: 7px;
    width: 20px;
    flex-shrink: 0;
  }

    /* ----- sr-r5600gs-modal-gallery-wrap ----- */
  .sr-r5600gs-modal-gallery-wrap{
    display: none;
  }
  .sr-r5600gs-modal-gallery #cboxContent{
    background: transparent;
  }
  .sr-r5600gs-modal-gallery #cboxLoadedContent{
    border: none;
    background: transparent;
  }
  .sr-r5600gs-modal-gallery.is-hide #cboxLoadedContent{
    overflow: hidden !important;
    opacity: 0;
  }
  .sr-r5600gs-modal-gallery #cboxClose{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: transparent;
  }
  .sr-r5600gs-modal-gallery #cboxClose::before,
  .sr-r5600gs-modal-gallery #cboxClose::after{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 2px;
    margin: -1px 0 0 -12px;
    background: #ffffff;
    content: '';
  }
  .sr-r5600gs-modal-gallery #cboxClose::before{
    transform: rotateZ(45deg);
  }
  .sr-r5600gs-modal-gallery #cboxClose::after{
    transform: rotateZ(-45deg);
  }
  .sr-r5600gs-modal-gallery-item{
    padding: 20px 15px;
  }
  .sr-r5600gs-modal-gallery-slider{
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .sr-r5600gs-modal-gallery-slider.slick-initialized{
    opacity: 1;
  }
  .sr-r5600gs-modal-gallery-slider-item{
  }
  .sr-r5600gs-modal-gallery-slider-item.slick-slide > img{
    margin-inline: auto;
  }
  .sr-r5600gs-modal-gallery-slider .slick-arrow {
    position: absolute;
    top: 50%;
    display: block;
    overflow: hidden;
    text-indent: 100vw;
    width: 11px;
    height: 22px;
    margin-top: -11px;
    border: 0;
    border-top: 11px solid transparent;
    border-right: 11px solid #fff;
    border-bottom: 11px solid transparent;
    padding: 0;
    background: transparent;
    box-sizing: border-box;
    z-index: 3;
  }
  .sr-r5600gs-modal-gallery-slider .sr-r5600gs-modal-gallery-slider-item.slick-slide > img{
    margin-inline: auto;
    width: 73.8%;
  }
  .sr-r5600gs-modal-gallery-slider .slick-prev {
    left: 10px;
  }
  .sr-r5600gs-modal-gallery-slider .slick-next {
    right: 10px;
    transform: rotateZ(180deg);
  }
  .sr-r5600gs-modal-gallery-slider-nav{
    margin-top: 20px;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .sr-r5600gs-modal-gallery-slider-nav.slick-initialized{
    opacity: 1;
  }
  .sr-r5600gs-modal-gallery-slider-nav .slick-list{
    overflow: visible;
  }
  .sr-r5600gs-modal-gallery-slider-nav .slick-track {
    transform: unset !important;
    width: 100% !important;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
  }
  .sr-r5600gs-modal-gallery-slider-nav .slick-slide {
    position: relative;
    display: block!important;
    float: none !important;
    width: 26px;
    margin-inline: 5px;
  }
  .sr-r5600gs-modal-gallery-slider-nav .slick-slide::after {
    position: absolute;
    top: -3px;
    left: -3px;
    display: block;
    width: 100%;
    height: 100%;
    border: 3px solid #ffffff;
    box-sizing: content-box;
    content: '';
    opacity: 0;
  }
  .sr-r5600gs-modal-gallery-slider-nav .slick-slide.slick-current::after {
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  /* ----- sr-r5600gs-column-media ----- */
  .sr-r5600gs-column-media {
    margin-top: 1.75em;
  }
  .sr-r5600gs-column-media[data-layout-sp="row"] > .sr-r5600gs-column_image {
    max-width: calc((100% - 15px) / 2);
  }
  .sr-r5600gs-column-media[data-layout-sp="row"] > .sr-r5600gs-column_image[data-image="right"] {
    float: right;
    margin-left: 15px;
  }
  .sr-r5600gs-column-media[data-layout-sp="row"] > .sr-r5600gs-column_image[data-image="left"] {
    float: left;
    margin-right: 15px;
  }
  .sr-r5600gs-column-media[data-layout-sp="col-reverse"] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column-reverse wrap;
    flex-flow: column-reverse wrap;
  }
  .sr-r5600gs-column-media[data-layout-sp="col"] > .sr-r5600gs-column_detail,
  .sr-r5600gs-column-media[data-layout-sp="col-reverse"] > .sr-r5600gs-column_image {
    margin-top: 1.25em;
  }
  .sr-r5600gs-column-media[data-layout-sp="col"] > .sr-r5600gs-column_image > .image-set,
  .sr-r5600gs-column-media[data-layout-sp="col-reverse"] > .sr-r5600gs-column_image > .image-set {
    text-align: center;
  }
  .sr-r5600gs-column-media > .sr-r5600gs-column_image[data-layout-sp] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .sr-r5600gs-column-media > .sr-r5600gs-column_image[data-layout-sp="row"] {
    -webkit-flex-direction: row;
    flex-direction: row;
  }
  .sr-r5600gs-column-media > .sr-r5600gs-column_image[data-layout-sp="row"] > .image-set {
    width: calc((100% - 15px) / 2);
    margin-top: 0;
  }
  .sr-r5600gs-column-media > .sr-r5600gs-column_image[data-layout-sp="row"] > .image-set:nth-child(n+2) {
    margin-left: 15px;
  }
  .sr-r5600gs-column-media > .sr-r5600gs-column_image[data-layout-sp="col"] {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .sr-r5600gs-column-media.type-mascot > .sr-r5600gs-column_image {
    width: 35%;
  }
  .sr-r5600gs-column-media.type-shot > .sr-r5600gs-column_image {
    width: 50%;
  }
  .sr-r5600gs-column-media.type-mascot[data-layout-sp="col"] > .sr-r5600gs-column_image,
  .sr-r5600gs-column-media.type-mascot[data-layout-sp="col-reverse"] > .sr-r5600gs-column_image,
  .sr-r5600gs-column-media.type-shot[data-layout-sp="col"] > .sr-r5600gs-column_image,
  .sr-r5600gs-column-media.type-shot[data-layout-sp="col-reverse"] > .sr-r5600gs-column_image  {
    margin-left: auto;
    margin-right: auto;
  }
  .sr-r5600gs-column-media > .sr-r5600gs-column_image[data-layout-sp="col"] > .image-set:nth-child(n+2) {
    margin-top: 1em;
  }
  .sr-r5600gs-column-media > .sr-r5600gs-column_detail[data-wraparound="false"] {
    overflow: hidden;
  }
  /* ----- sr-r5600gs-list-note ----- */
  .sr-r5600gs-list-note > li {
    padding-left: 1.2em;
    color: #555;
    font-size: 1.1rem;
  }
  .sr-r5600gs-list-note > li > .sr-r5600gs-list_mark {
    margin-right: 5px;
  }


  /* ------------------------------------------------------
   * 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 (min-width: 700px) and (max-width: 767px) {
}
@media only screen and (min-width: 600px) and (max-width: 699px) {
}
@media only screen and (min-width: 500px) and (max-width: 599px) {
}
@media only screen and (min-width: 500px) and (max-width: 767px) {
}
@media only screen and (min-width: 400px) and (max-width: 767px) {
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 365px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 355px) {
}
@media only screen and (max-width: 335px) {
}
@media only screen and (max-width: 320px) {
}


@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .sr-r5600gs-anchor-menu__area__inner {
    width: auto;
    margin: 0 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
}


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