/* breakpoint
-------------------------------------------*/
/*------------------------------------------------------------
.rubbertypedischarrows
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.u-bg01 {
  background-color: #f7f7f7; }

/*
------------------------------------------------------------*/
.c-imgtext01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-bottom: 72px; }
  @media screen and (max-width: 767px) {
    .c-imgtext01 {
      padding-bottom: 0; } }
  .c-imgtext01__inner {
    max-width: 980px;
    width: 100%;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .c-imgtext01__inner {
        padding: 0 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; } }
  .c-imgtext01__img {
    width: 60%;
    margin-left: 20px;
    position: relative;
    right: 0;
    top: 85px; }
    @media screen and (max-width: 767px) {
      .c-imgtext01__img {
        width: 100%;
        margin-left: 0;
        right: initial;
        top: initial; } }
  .c-imgtext01__content {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 109px 0 18px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: 5px; }
    @media screen and (max-width: 767px) {
      .c-imgtext01__content {
        padding: 14px 0 0;
        -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
                flex-basis: auto;
        width: 100%;
        margin-left: 0; } }
  .c-imgtext01__wrap {
    margin-top: auto; }
  .c-imgtext01__ttl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media screen and (max-width: 767px) {
      .c-imgtext01__ttl {
        margin-bottom: 0; } }
  .c-imgtext01__en {
    font-size: 2rem;
    letter-spacing: 0.2rem;
    line-height: 1;
    color: #231815;
    font-weight: 400; }
    @media screen and (max-width: 767px) {
      .c-imgtext01__en {
        font-size: 1rem;
        letter-spacing: 0.1rem; } }
  .c-imgtext01__big {
    font-size: 5.12rem;
    letter-spacing: 0.3rem;
    font-weight: 700;
    color: #231815;
    line-height: 1; }
    @media screen and (max-width: 767px) {
      .c-imgtext01__big {
        font-size: 2.38rem;
        letter-spacing: 0.1rem;
        margin-bottom: 6px; } }
  .c-imgtext01__des {
    font-size: 1.8rem;
    line-height: 1.3;
    letter-spacing: 0.1rem;
    color: #464646;
    font-weight: 400; }
    @media screen and (max-width: 767px) {
      .c-imgtext01__des {
        font-size: 1.4rem;
        line-height: 1.5;
        letter-spacing: 0; } }
  .c-imgtext01__price {
    margin-top: 35px; }
    @media screen and (max-width: 767px) {
      .c-imgtext01__price {
        text-align: right;
        width: 100%;
        background-color: #fff;
        padding: 15px 20px 0;
        margin-top: 0; } }
    .c-imgtext01__price01 {
      font-size: 1.8rem;
      font-weight: 400;
      color: #464646;
      letter-spacing: 0.1rem; }
      .c-imgtext01__price01.sm {
        font-size: 1.3rem;
        line-height: 1; }
        @media screen and (max-width: 767px) {
          .c-imgtext01__price01.sm {
            font-size: 0.8rem;
            margin-top: 0;
            text-align: left;
            width: auto;
            display: inline-block; } }
      .c-imgtext01__price01 .big {
        display: block;
        font-size: 1.8rem;
        margin-top: 7px; }
        @media screen and (max-width: 767px) {
          .c-imgtext01__price01 .big {
            font-weight: 400;
            font-size: 1.11rem;
            margin-top: 5px;
            text-align: right; } }

/*
------------------------------------------------------------*/
.c-btn01__wrap {
  margin-top: 60px; }
  @media screen and (max-width: 767px) {
    .c-btn01__wrap {
      margin-top: 0;
      padding-top: 15px;
      background-color: #fff; } }

.c-btn01__in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.c-btn01__btn {
  width: 182px;
  height: 42px; }
  @media screen and (max-width: 767px) {
    .c-btn01__btn {
      width: 33.33333%;
      height: 52px; } }
  .c-btn01__btn:not(:first-child) {
    margin-top: 10px; }
    @media screen and (max-width: 767px) {
      .c-btn01__btn:not(:first-child) {
        margin-top: 0;
        margin-left: 2px;
        height: 52px; } }

.c-btn01__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e10012;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
  height: 100%;
  padding-left: 13px; }
  @media screen and (max-width: 767px) {
    .c-btn01__link {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-left: 0; } }
  .c-btn01__link .load {
    letter-spacing: 0.24rem;
    font-style: initial; }
    @media screen and (max-width: 360px) {
      .c-btn01__link .load {
        letter-spacing: 0.2rem; } }
  .c-btn01__link .down {
    margin-left: 10px; }
    @media screen and (max-width: 767px) {
      .c-btn01__link .down {
        margin-left: 3px;
        font-size: 1rem;
        position: relative;
        top: 1px; } }
    @media screen and (max-width: 360px) {
      .c-btn01__link .down {
        font-size: 0.9rem; } }

.c-btn01__txt {
  font-size: 1.6rem;
  letter-spacing: 0;
  font-weight: 300;
  position: relative;
  padding-left: 38px; }
  @media screen and (max-width: 767px) {
    .c-btn01__txt {
      font-size: 1.3rem;
      padding-left: 28px;
      line-height: 1.2; } }
  @media screen and (max-width: 360px) {
    .c-btn01__txt {
      font-size: 1rem;
      padding-left: 26px; } }
  .c-btn01__txt::before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url(../image/product/rubbertypedischarrows/icon_down.svg);
    width: 22px;
    height: 23px;
    background-size: 22px 23px; }
    @media screen and (max-width: 767px) {
      .c-btn01__txt::before {
        width: 19px;
        height: 20px;
        background-size: 19px 20px; } }
    @media screen and (max-width: 360px) {
      .c-btn01__txt::before {
        width: 17px;
        height: 18px;
        background-size: 17px 18px; } }

.c-btn01__load::before {
  left: 2px; }
  @media screen and (max-width: 767px) {
    .c-btn01__load::before {
      left: 3px; } }

@media screen and (max-width: 767px) {
  .c-btn01__load {
    padding-top: 3px; } }

.c-btn01__b {
  letter-spacing: 0.5px;
  left: 4px;
  padding-left: 36px; }
  @media screen and (max-width: 767px) {
    .c-btn01__b {
      padding-left: 24px;
      left: 0; } }
  @media screen and (max-width: 360px) {
    .c-btn01__b {
      padding-left: 20px; } }
  .c-btn01__b::before {
    background: url(../image/product/rubbertypedischarrows/icon_b.svg);
    width: 20px;
    height: 21px;
    background-size: 20px 21px; }
    @media screen and (max-width: 767px) {
      .c-btn01__b::before {
        width: 19px;
        height: 20px;
        background-size: 19px 20px; } }
    @media screen and (max-width: 360px) {
      .c-btn01__b::before {
        width: 17px;
        height: 18px;
        background-size: 17px 18px; } }

.c-btn01__video {
  letter-spacing: 0.5px; }
  .c-btn01__video::before {
    background: url(../image/product/rubbertypedischarrows/ic_video.jpg);
    width: 26px;
    height: 18px;
    background-size: 26px 18px;
    margin-top: 1px; }
    @media screen and (max-width: 767px) {
      .c-btn01__video::before {
        width: 22px;
        height: 15px;
        background-size: 22px 15px;
        margin-top: 0; } }

/*
------------------------------------------------------------*/
.rubbertypedischarrows {
  margin-top: 50px; }
  @media screen and (max-width: 767px) {
    .rubbertypedischarrows {
      margin-top: 0; } }
  .rubbertypedischarrows .c-mainVisual1__title {
    padding-left: 96px;
    padding-top: 8px;
    width: 400px; }
    @media screen and (max-width: 767px) {
      .rubbertypedischarrows .c-mainVisual1__title {
        width: 125px;
        padding-left: 0; } }
  .rubbertypedischarrows .c-mainVisual1__img {
    text-align: right;
    padding-top: 40px; }
    @media screen and (max-width: 767px) {
      .rubbertypedischarrows .c-mainVisual1__img {
        padding-top: 20px;
        padding-bottom: 12px; } }
    .rubbertypedischarrows .c-mainVisual1__img img {
      width: 502px; }
      @media screen and (max-width: 767px) {
        .rubbertypedischarrows .c-mainVisual1__img img {
          width: 100%;
          max-width: 224px; } }
  .rubbertypedischarrows .c-mainVisual1 h2 {
    font-size: 42px;
    line-height: 1.1;
    letter-spacing: 2px; }
    @media screen and (max-width: 767px) {
      .rubbertypedischarrows .c-mainVisual1 h2 {
        font-size: 16px;
        letter-spacing: 1.5px;
        margin-bottom: 5px; } }
  .rubbertypedischarrows .c-textBlock1 {
    max-width: 877px;
    margin-left: auto;
    margin-right: auto; }
    .rubbertypedischarrows .c-textBlock1 p {
      margin-top: 21px; }
      @media screen and (max-width: 767px) {
        .rubbertypedischarrows .c-textBlock1 p {
          font-size: 9px;
          margin-top: 15px; } }
  .rubbertypedischarrows .c-video1 {
    margin-top: 82px; }
    @media screen and (max-width: 767px) {
      .rubbertypedischarrows .c-video1 {
        margin-top: 30px;
        padding-bottom: 25px; } }