/* breakpoint
-------------------------------------------*/
/*------------------------------------------------------------
msd4b
------------------------------------------------------------*/
/*
custom-object-fit
------------------------------------------------------------*/
.custom-object-fit {
  position: relative;
  background-size: cover;
  background-position: center center; }
  .custom-object-fit img {
    opacity: 0; }

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

/*
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .c-navi1 {
    margin-top: 30px !important; } }

/*
------------------------------------------------------------*/
.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: 67px; }
  @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 22px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; } }
  .c-imgtext01__img {
    width: 62.7%;
    margin-left: -10%;
    position: relative;
    right: 14px;
    top: 33px;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .c-imgtext01__img {
        width: 100%;
        margin-left: 0;
        right: initial;
        top: initial;
        text-align: center;
        margin-top: 37px; } }
  .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: 100px 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;
    position: relative;
    z-index: 2; }
    @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;
    margin-bottom: 30px; }
    @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;
    font-weight: 700;
    color: #231815;
    line-height: 1.2;
    letter-spacing: 4px;
    margin-bottom: 10px; }
    @media screen and (max-width: 767px) {
      .c-imgtext01__big {
        font-size: 2.38rem;
        letter-spacing: 2px;
        margin-bottom: 2px; } }
  .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__btn {
    width: 182px;
    height: 42px; }
    @media screen and (max-width: 767px) {
      .c-imgtext01__btn {
        width: 100%;
        height: 43px; } }
    .c-imgtext01__btn:nth-child(2) {
      margin-top: 10px; }
      @media screen and (max-width: 767px) {
        .c-imgtext01__btn:nth-child(2) {
          height: 52px;
          margin-top: 68px; } }
  .c-imgtext01__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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #e10012;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1;
    text-transform: uppercase;
    position: relative;
    height: 100%; }
    .c-imgtext01__link .load {
      letter-spacing: 0.24rem;
      font-style: initial; }
    .c-imgtext01__link .down {
      margin-left: 10px; }
      @media screen and (max-width: 767px) {
        .c-imgtext01__link .down {
          font-size: 1.4rem; } }
  .c-imgtext01__txt {
    font-size: 1.7rem;
    font-weight: 300;
    position: relative;
    padding-left: 38px; }
    @media screen and (max-width: 767px) {
      .c-imgtext01__txt {
        font-size: 2rem; } }
    .c-imgtext01__txt::before {
      position: absolute;
      content: '';
      left: 3px;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      background: url(../image/product/gje33/icon_down.svg);
      width: 22px;
      height: 23px;
      background-size: 22px 23px; }
      @media screen and (max-width: 767px) {
        .c-imgtext01__txt::before {
          left: -4px;
          width: 26px;
          height: 27px;
          background-size: 26px 27px; } }
  .c-imgtext01__b {
    letter-spacing: 0.5px;
    padding-left: 37px;
    left: -14px; }
    .c-imgtext01__b::before {
      background: url(../image/product/gje33/icon_b.svg);
      width: 20px;
      height: 21px;
      background-size: 20px 21px; }
  .c-imgtext01__price {
    margin-top: 20px; }
    @media screen and (max-width: 767px) {
      .c-imgtext01__price {
        text-align: right;
        width: 100%;
        background-color: #fff;
        padding: 20px 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;
        margin-top: 15px;
        line-height: 1; }
        @media screen and (max-width: 767px) {
          .c-imgtext01__price01.sm {
            font-size: 1.4rem;
            margin-top: 0; } }
      .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: 700;
            font-size: 1.5rem; } }

/*
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .p-msd4b .l-wrapper {
    padding-left: 20px;
    padding-right: 20px; } }

.p-msd4b__top {
  margin-bottom: 57px; }
  @media screen and (max-width: 767px) {
    .p-msd4b__top {
      margin-bottom: 10px; } }

@media screen and (max-width: 1060px) {
  .p-msd4b .c-v221_list .text-box {
    padding-left: 20px; } }

@media screen and (max-width: 767px) {
  .p-msd4b .c-v221_list {
    margin: 0 -20px; }
    .p-msd4b .c-v221_list .text-box {
      padding-left: 0; } }

.p-msd4b .c-v221_list .c-des01 {
  font-size: 1.7rem;
  line-height: 23px; }
  @media screen and (max-width: 767px) {
    .p-msd4b .c-v221_list .c-des01 {
      font-size: 1.4rem;
      line-height: 18px; } }

.p-msd4b .c-btnv01.mt50 {
  margin-top: 146px; }
  @media screen and (max-width: 767px) {
    .p-msd4b .c-btnv01.mt50 {
      margin-top: 85px; } }

.p-msd4b .c-btnv01__txt {
  padding-bottom: 11px; }
  @media screen and (max-width: 767px) {
    .p-msd4b .c-btnv01__txt {
      letter-spacing: 0; } }
  @media screen and (max-width: 360px) {
    .p-msd4b .c-btnv01__txt {
      font-size: 1.2rem; } }