@charset "UTF-8";
#otr {
  position: relative;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #494848;
  line-height: 160%;
}

#otr img {
  max-width: 100%;
  height: auto;
}

.footer {
  position: relative;
}

/*========= waveを描画するエリア設定 ===============*/
.wave {
  position: relative; }

.wave canvas {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }
  @media screen and (max-width: 750px) {
    .wave canvas {
      bottom: 50px; } }

.main-visual_wrap {
  background: url(./../img/mv-back.png) no-repeat;
  background-position: top center;
  background-size: cover;
  width: 100%;
  position: relative;
  height: clamp(300px, 65.1041vh, 600px); }
  @media screen and (max-width: 750px) {
    .main-visual_wrap {
      margin-top: 0px;
      min-height: 0;
      background: url(./../img/mv-back_sp.png) no-repeat;
      background-size: cover;
      height: calc(100vh - 117px - 60px);
      height: calc(100svh - 117px - 60px);} }

.main-visual_logo {
  max-width: 260px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .main-visual_logo img {
    width: 90vw;
    height: auto;
    display: block; }

.scroll-icon a {
  padding-top: 60px; }

.scroll-icon small {
  position: absolute;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  margin-bottom: 10px; }

.scroll-icon a span {
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 20px;
  height: 40px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .scroll-icon a span:after {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 10px;
    width: 1px;
    height: 40px;
    background: rgba(255, 255, 255, 0.8); }

.scroll-icon a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 4px;
  height: 4px;
  margin-left: -2px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 100%;
  -webkit-animation: sdb 2s infinite;
  animation: sdb 3s infinite;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    -webkit-transform: translate(0, 40px);
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    -webkit-transform: translate(0, 40px);
            transform: translate(0, 40px);
    opacity: 0; }
  100% {
    opacity: 0; } }

@media screen and (max-width: 750px) {
  .plpr-15, .product-list {
    padding-right: 15px;
    padding-left: 15px; } }

.otr-contents_inner {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto; }
  .otr-contents_inner.side-w {
    padding: 0 40px; }
    @media screen and (max-width: 750px) {
      .otr-contents_inner.side-w {
        padding: 0 15px; } }

.head-text {
  font-family: 'Noto Serif JP', serif;
  font-size: 32px;
  display: block;
  margin: 1rem 0;
  letter-spacing: 2px;
  font-weight: 500; }
  @media screen and (max-width: 1080px) {
    .head-text {
      font-size: 28px; } }
  @media screen and (max-width: 750px) {
    .head-text {
      font-size: 26px; } }
  .head-text_w {
    color: #fff; }
    .head-text_w .sub-text {
      color: #fff; }

.sub-text {
  font-size: 16px;
  color: #00546B;
  display: block;
  margin-top: 30px;
  font-weight: 400; }
  @media screen and (max-width: 750px) {
    .sub-text {
      font-size: 14px;
      margin-top: 15px; } }

.about_wrap {
  min-height: 750px; }
  @media screen and (max-width: 750px) {
    .about_wrap {
      min-height: 0; } }

.about_flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 110px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media screen and (max-width: 750px) {
    .about_flex-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-top: 40px;
      padding-bottom: 50px; } }

.about_flexBox_text {
  padding-top: 100px;
  width: 40%; }
  @media screen and (max-width: 750px) {
    .about_flexBox_text {
      width: 100%;
      padding-top: 0; } }
  .about_flexBox_text .contents_text {
    font-size: 14px;
    margin-top: 70px;
    line-height: 2; }
    .about_flexBox_text .contents_text p:last-of-type {
      margin-top: 30px; }
    @media screen and (max-width: 750px) {
      .about_flexBox_text .contents_text {
        font-size: 12px;
        margin-top: 40px;
        margin-bottom: 40px; }
        .about_flexBox_text .contents_text br {
          display: none; } }

.about_flexBox_img {
  position: relative;
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 750px) {
    .about_flexBox_img {
      width: 100%;
      padding-top: 85%; } }
  .about_flexBox_img .about_flexBox_img_1,
  .about_flexBox_img .about_flexBox_img_2,
  .about_flexBox_img .about_flexBox_img_3 {
    display: block;
    position: absolute;
    left: 0;
    top: 0; }
    .about_flexBox_img .about_flexBox_img_1 img,
    .about_flexBox_img .about_flexBox_img_2 img,
    .about_flexBox_img .about_flexBox_img_3 img {
      width: 100%;
      height: auto;
      display: block; }
  .about_flexBox_img .about_flexBox_img_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .about_flexBox_img .about_flexBox_img_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-left: 28px;
    margin-bottom: 65px; }

.otr-tree img {
  width: calc(100% - 15%); }
  @media screen and (max-width: 750px) {
    .otr-tree img {
      width: calc(100% - 15px); } }

.otr-concept {
  position: relative; }
  .otr-concept .otr-contents_inner {
    padding-top: 150px;
    padding-bottom: 180px; }
    @media screen and (max-width: 750px) {
      .otr-concept .otr-contents_inner {
        padding-top: 60px;
        padding-bottom: 60px; } }
  .otr-concept .head-text {
    font-size: 32px;
    display: block;
    margin: 1rem 0;
    letter-spacing: 2px;
    font-weight: 500; }
    @media screen and (max-width: 1080px) {
      .otr-concept .head-text {
        font-size: 26px; } }
    @media screen and (max-width: 750px) {
      .otr-concept .head-text {
        font-size: 23px; } }
    .otr-concept .head-text_w {
      color: #fff; }
      .otr-concept .head-text_w .sub-text {
        color: #fff;
      text-shadow: rgb(0, 84, 107) 2px 0px 0px, rgb(0, 84, 107) 1.75517px 0.958851px 0px, rgb(0, 84, 107) 1.0806px 1.68294px 0px, rgb(0, 84, 107) 0.141474px 1.99499px 0px, rgb(0, 84, 107) -0.832294px 1.81859px 0px, rgb(0, 84, 107) -1.60229px 1.19694px 0px, rgb(0, 84, 107) -1.97998px 0.28224px 0px, rgb(0, 84, 107) -1.87291px -0.701566px 0px, rgb(0, 84, 107) -1.30729px -1.5136px 0px, rgb(0, 84, 107) -0.421592px -1.95506px 0px, rgb(0, 84, 107) 0.567324px -1.91785px 0px, rgb(0, 84, 107) 1.41734px -1.41108px 0px, rgb(0, 84, 107) 1.92034px -0.558831px 0px;}

.otr-concept_flex-wrap {
  margin-top: 80px; }

.concept-backcolor {
  position: absolute;
  width: 50%;
  height: 100%;
  display: block;
  background-color: #00546B;
  z-index: -1; }
  @media screen and (max-width: 750px) {
    .concept-backcolor {
      width: 80%; } }

.otr-concept_flexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: solid 1px #3C3F3F;
  overflow: hidden; }
  @media screen and (max-width: 750px) {
    .otr-concept_flexBox {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .otr-concept_flexBox + .otr-concept_flexBox {
    margin-top: 50px; }
  .otr-concept_flexBox_img {
    align-self: center;
    width: 42%; }
    @media screen and (max-width: 750px) {
      .otr-concept_flexBox_img {
        width: 100%; } }
  .otr-concept_flexBox_text-wrap {
    width: calc(100% - 42%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    /*padding-left: 76px;*/
    padding-left: clamp(38px, 6.333333vw, 76px); }
    @media screen and (max-width: 750px) {
      .otr-concept_flexBox_text-wrap {
        width: 100%;
        padding-top: 25px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 30px; } }
    .otr-concept_flexBox_text-wrap .contents_text {
      /*padding-top: 50px;*/
      line-height: 2;
      max-width: 80%;
      font-size: 13px; }
      @media screen and (max-width: 750px) {
        .otr-concept_flexBox_text-wrap .contents_text {
          max-width: 100%;
          font-size: 12px;
          /*padding-top: 10px;*/ }
          .otr-concept_flexBox_text-wrap .contents_text br {
            display: none; } }

.otr-concept_flexBox_left {
  margin-right: 10%; }
  .otr-concept_flexBox_left .otr-concept_flexBox_text-wrap {
    position: relative; }
    .otr-concept_flexBox_left .otr-concept_flexBox_text-wrap:before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      display: block;
      background: url(./../img/concept_box_back.png);
      background-size: 110% auto;
      background-position: top left;
      top: 0;
      left: 0;
      z-index: -1; }
  @media screen and (max-width: 750px) {
    .otr-concept_flexBox_left {
      margin-right: auto; } }

.otr-concept_flexBox_right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-left: 10%; }
  .otr-concept_flexBox_right .otr-concept_flexBox_text-wrap {
    position: relative; }
    .otr-concept_flexBox_right .otr-concept_flexBox_text-wrap:before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      display: block;
      background: url(./../img/concept_box_back.png);
      background-size: 110% auto;
      background-position: top left;
      top: 0;
      left: 0;
      z-index: -1; }
  @media screen and (max-width: 750px) {
    .otr-concept_flexBox_right {
      margin-left: auto; } }

/* v concept-each-accordion  */
.otr-concept_flexBox {
  height: 150px;
  transition: height .6s cubic-bezier(.5, 0, .5, 1);
  will-change: height;
}
.otr-concept_flexBox .otr-concept_flexBox_img {
  height: auto;
  filter: grayscale(100);
  transition: filter .6s;
}
@media screen and (max-width: 750px) {
  .otr-concept_flexBox {
    height: auto;
  }

  .otr-concept_flexBox .otr-concept_flexBox_img {
    display: flex;
    align-items: center;
    height: 100px;
    overflow: hidden;
    transition: height .6s cubic-bezier(.5, 0, .5, 1), filter .6s;
    will-change: height;
  }

  .otr-concept_flexBox .otr-concept_flexBox_text-wrap {
    padding-top: 10px;
    padding-bottom: 18px;
    transition: padding-top .6s cubic-bezier(.5, 0, .5, 1), padding-bottom .6s cubic-bezier(.5, 0, .5, 1);
  }
}
.otr-concept_flexBox .head-text {
  position: relative;
  margin-bottom: 0;
  transition: margin-bottom .6s cubic-bezier(.5, 0, .5, 1);
  will-change: margin-bottom;
  cursor: pointer;
}
.otr-concept_flexBox .tgl-icon {
  position: relative;
}
.otr-concept_flexBox .tgl-icon:before,
.otr-concept_flexBox .tgl-icon:after {
  content: '';
  display: block;
  position: absolute;
}
.otr-concept_flexBox .tgl-icon:before {
  top: 10px;
  right: -48px;
  width: 32px;
  height: 32px;
  border: 1px solid #494848;
  border-radius: 50%;
}
.otr-concept_flexBox .tgl-icon:after {
  top: 21px;
  right: -36px;
  width: 8px;
  height: 8px;
  border: 1px solid #494848;
  transform: rotate(45deg);
}
@media screen and (max-width: 1080px) {
  .otr-concept_flexBox .tgl-icon:before {
    top: 5px;
    /*right: -48px;
    width: 32px;
    height: 32px;
    border: 1px solid #494848;
    border-radius: 50%;*/
  }
  .otr-concept_flexBox .tgl-icon:after {
    top: 16px;
    /*right: -36px;
    width: 8px;
    height: 8px;
    border: 1px solid #494848;
    transform: rotate(45deg);*/
  }
}
@media screen and (max-width: 750px) {
  .otr-concept_flexBox .tgl-icon:before {
    top: 6px;
    right: -32px;
    width: 24px;
    height: 24px;
    /*border: 1px solid #494848;
    border-radius: 50%;*/
  }
  .otr-concept_flexBox .tgl-icon:after {
    top: 14px;
    right: -23px;
    width: 6px;
    height: 6px;
    /*border: 1px solid #494848;
    transform: rotate(45deg);*/
  }
}
.otr-concept_flexBox .contents_text {
  height: 0;
  opacity: 0;
  transition: height .6s cubic-bezier(.5, 0, .5, 1), opacity .6s;
  will-change: height;
}

.otr-concept_flexBox[data-open="true"] {
  /*height: 573px;*/
}
.otr-concept_flexBox[data-open="true"] .otr-concept_flexBox_img {
  filter: grayscale(0);
}
.otr-concept_flexBox[data-open="true"] .head-text {
  margin-bottom: clamp(16px, 4.1666667vw, 50px);
}
.otr-concept_flexBox[data-open="false"] .tgl-icon:after {
  border-top: none;
  border-left: none;
}
.otr-concept_flexBox[data-open="true"] .tgl-icon:after {
  border-right: none;
  border-bottom: none;
}
.otr-concept_flexBox[data-open="true"] .contents_text {
  opacity: 1;
}

@media screen and (max-width: 750px) {
  /*.otr-concept_flexBox {
    height: auto;
  }

  .otr-concept_flexBox .otr-concept_flexBox_img {
    display: flex;
    align-items: center;
    height: 100px;
    overflow: hidden;
    transition: height .6s cubic-bezier(.5, 0, .5, 1);
    will-change: height;
  }*/

  .otr-concept_flexBox[data-open="true"] .otr-concept_flexBox_text-wrap {
    padding-top: 25px;
    padding-bottom: 30px;
  }
}
/* ^ concept-each-accordion */


.otr-concept .otr-concept-acc-tgl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.otr-concept-acc-tgl__innr {
  flex: 0 0 auto;
}
.otr-concept-acc-tgl__icon {
  flex: 0 0 auto;
  padding: 8px 32px 16px;
  margin-left: 32px;
  color: #00546b;
  font-size: 2rem;
  font-weight: 400;
  border: 1px solid #00546b;
  mix-blend-mode: plus-lighter;
  filter: contrast(0.5);
}
.otr-concept-acc-tgl__icon:after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  border: 1px solid #00546b;
  border-top: none;
  border-left: none;
  transform: translateY(-3px) rotate(45deg);
  transition: transform .3s cubic-bezier(0,0,0,1);
}
.otr-concept-acc-tgl[data-is-open="true"] .otr-concept-acc-tgl__icon:after {
  transform: translateY(1px) rotate(-135deg);
}
.otr-concept-acc-tgl:hover .otr-concept-acc-tgl__icon:after {
  transform: translateY(4px) rotate(45deg);
}
.otr-concept-acc-tgl[data-is-open="true"]:hover .otr-concept-acc-tgl__icon:after {
  transform: translateY(-6px) rotate(-135deg);
}

@media screen and (max-width: 750px) {
  .otr-concept-acc-tgl__icon {
    padding: 4px 20px 8px;
    margin-left: 16px;
    font-size: 1.6rem;
  }
  .otr-concept-acc-tgl__icon:after {
    width: 6px;
    height: 6px;
    margin-left: 2px;
  }
  .otr-concept-acc-tgl[data-is-open="true"] .otr-concept-acc-tgl__icon:after {
    transform: translateY(1px) rotate(-135deg);
  }
  .otr-concept-acc-tgl:hover .otr-concept-acc-tgl__icon:after {
    transform: translateY(4px) rotate(45deg);
  }
  .otr-concept-acc-tgl[data-is-open="true"]:hover .otr-concept-acc-tgl__icon:after {
    transform: translateY(-6px) rotate(-135deg);
  }
}


.otr-concept-acc-body {
  max-height: 0;
  margin-top: 0;
  transition: max-height 1s cubic-bezier(.5, 0, .5, 1), margin-top 1s cubic-bezier(0,0,0,1);
  overflow: hidden;
}

.otr-concept-acc-tgl[data-is-open="true"] + .otr-concept-acc-body {
  margin-top: 80px;
  max-height: 3000px;
}

.otr-product {
  padding-top: 100px;
  padding-bottom: 80px; }
  @media screen and (max-width: 750px) {
    .otr-product {
      padding-top: 50px;
      padding-bottom: 50px; } }
  .otr-product .head-text {
    text-align: center; }

.product-list {
  padding-top: 80px;
  margin-bottom: 20px; }
  @media screen and (max-width: 750px) {
    .product-list {
      padding-top: 30px;
      margin-bottom: 0; } }
  .product-list .product-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: calc(100% / 4 - 30px); }
    @media screen and (max-width: 750px) {
      .product-list .product-link {
        width: calc(100% / 2 - 7.5px); }
        .product-list .product-link:nth-of-type(odd) {
          margin-right: 15px; }
        .product-list .product-link:nth-of-type(n+3) {
          margin-top: 30px; } }
    .product-list .product-link + .product-link {
      margin-left: 60px; }
      @media screen and (max-width: 750px) {
        .product-list .product-link + .product-link {
          margin-left: 0; } }
  .product-list .product-img {
    margin-bottom: 20px; }
  .product-list .product-info .product-name {
    font-size: 18px;
    display: block;
    margin-bottom: 25px; }
    @media screen and (max-width: 750px) {
      .product-list .product-info .product-name {
        font-size: 16px;
        margin-bottom: 20px; } }
  .product-list .product-info .product-text {
    display: block;
    font-size: 13px;
    line-height: 2; }
    @media screen and (max-width: 750px) {
      .product-list .product-info .product-text {
        font-size: 12px;
        line-height: 1.7; } }

.other-product {
  text-align: center; }
  .other-product_btn {
    border: 2px solid #3C3F3F;
    display: inline-block;
    padding: 15px 10px;
    width: 100%;
    max-width: 320px;
    position: relative; }
    @media screen and (max-width: 750px) {
      .other-product_btn {
        width: calc(100% - 30px);
        margin: auto; } }
    .other-product_btn:hover {
      border: 2px solid #3C3F3F;
      color: #00546B; }
      .other-product_btn:hover:after {
        right: 10px; }
    .other-product_btn:after {
      content: '';
      position: absolute;
      width: 30px;
      height: 10px;
      top: 50%;
      right: 20px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      display: inline-block;
      background: url(./../img/arrow.svg) no-repeat center;
      background-size: 100%;
      -webkit-transition: 0.3s;
      transition: 0.3s; }

.pc-only {
  display: block; }
  @media screen and (max-width: 750px) {
    .pc-only {
      display: none; } }

.sp-only {
  display: none; }
  @media screen and (max-width: 750px) {
    .sp-only {
      display: block; } }

.otr-nav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  background-color: rgba(255,255,255,.95);
}
.otr-nav-list {
  display: flex;
  justify-content: center;
  width: 100%;
}
.otr-nav-list__item {
  flex: 0 0 auto;
}
.otr-nav-list__anch {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 0 clamp(18px, 2.928257vw, 40px);
}
.otr-nav-list__anch:after {
  content: '';
  position: absolute;
  bottom: 8px;
  left: 50%;
  display: block;
  width: 6px;
  height: 6px;
  border: 1px solid #494848;
  border-top: none;
  border-left: none;
  transform-origin: center;
  transform: translate(-50%, 0) rotate(45deg);
  transition: transform .3s cubic-bezier(0,0,0,1);
}
.otr-nav-list__anch:hover:after {
  transform: translate(-50%, 4px) rotate(45deg);
}
.otr-nav-list__lbl {
  flex: 0 0 auto;
  font-family: 'Noto Serif JP', serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 750px) {
  .otr-nav {
    overflow: auto;
  }
  .otr-nav-list {
    justify-content: stretch;
    padding-right: 8px;
    padding-left: 8px;
  }
  .otr-nav-list__item {
    flex: 1 0 auto;
  }
  .otr-nav-list__anch {
    height: 40px;
    padding: 0 clamp(8px, 2.928257vw, 20px);
  }
  .otr-nav-list__lbl {
    font-size: 1.2rem;
  }
}

.otr-breadcrumb {
  position: absolute;
  top: 74px;
  left: 32px;
  padding-top: 0;
  margin-bottom: 0;
}
.otr-breadcrumb .fs-c-breadcrumb__list:before {
  background-color: #fff;
}
.otr-breadcrumb .breadcrumbs-list__item,
.otr-breadcrumb a {
  color: #fff;
}

@media screen and (max-width: 750px) {
  .otr-breadcrumb {
    top: 56px;
    left: -16px;
  }
}

.otr-product {}

.otr-prods-list {
  display: flex;
  flex-wrap: wrap;
}
.otr-prods-list__item {
  display: flex;
}
.otr-prods-list__innr {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.otr-prods-list__thumb {
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}
.otr-prods-list__thumb:before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 100%;
}
.otr-prods-list__thumb-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  transition: opacity .3s;
}
.otr-prods-list__innr:hover .otr-prods-list__thumb-img {
  opacity: 0.7;
}
.otr-prods-list__text {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.otr-prods-list__ttl {
  flex: 0 0 auto;
}
.otr-prods-list-prices {
  flex: 0 0 auto;
  margin-bottom: 0;
}

.otr-articles {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
.otr-articles:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 360px;
  background-color: #00546b;
}
.otr-articles .otr-contents_inner {
  padding-right: 16px;
  padding-left: 16px;
}
.otr-articles .head-text {
  position: relative;
  margin-bottom: 72px;
  color: #fff;
  text-align: center;
}
.otr-articles .sub-text {
  color: #fff;
}
.otr-articles .idx_magazine-list__thumb-img {
  height: 100% !important;
}
.otr-articles .idx_magazine-list__ttl {
  font-family: 'Noto Serif JP', serif;
}
.otr-articles .idx_magzine__more {
  padding-top: 60px;
}

.otr-articles__no-post {
  color: #fff;
  text-align: center;
}

.otr-fix-btn {
  position: sticky;
  bottom: 0;
  right: 32px;
  width: 100px;
  padding-bottom: 32px;
  margin-top: -100px;
  margin-left: auto;
  pointer-events: none;
}
.otr-fix-btn__anch {
  display: block;
  width: 100%;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  pointer-events: auto;
}
.otr-fix-btn__img {
  transition: opacity .3s;
}
.otr-fix-btn:hover .otr-fix-btn__img {
  opacity: 0.7;
}

@media screen and (max-width: 750px) {
  .otr-fix-btn {
    right: 8px;
    width: 60px;
    padding-bottom: 76px;
    margin-top: -60px;
    margin-bottom: -56px;
  }
  .otr-fix-btn__anch {
    height: 60px;
  }
}