@charset "utf-8";
  .CRL_main .font_54 {

    line-height: 160%;
  }

  .CRL_main img {
    width: 100%;
  }
  .CRL_main h2 {
    letter-spacing: .03em;
  }

  .c-yellow {
    background: -webkit-linear-gradient(180deg, #fff3c8 0%, #fff 50%, #fff3c8 100%);
    background-clip: text;
    -webkit-background-clip: -webkit-text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    display: inline-block;
  }

  .c-coffee {
    background: -webkit-linear-gradient(180deg, #010100 0%, #532407 50%, #010100 100%);
    background-clip: text;
    -webkit-background-clip: -webkit-text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    display: inline-block;
  }

  .c-yellow2 {
    color: #fcf9da;
  }

  .c-yellow3 {
    color: #fff3c8;
  }

  .c-coffee1 {
    color: #a77856;
  }

  .c-coffee2 {
    color: #532407;
  }

  .r_tit {
    background-image: url(../images/r_bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0% 2%;
    color: #fff;
    line-height: 130%;
  }

  .CRL_main figure {
    width: 100%;
    text-align: center;
  }


  @media (max-width: 761px) {
    .CRL_main .font_54 {
      line-height: 150%;
    }
  }
  /*********s1*********/

  .CRL_main .s1 figure {
    top: 51%;
  }

  .CRL_main .s1 h3,
  .CRL_main .s1 h2 {
    letter-spacing: 3px;
    text-shadow: 0px 0px 10px #682800;
  }

  .CRL_main .s1 h2 {
    line-height: 125%;
  }

  .CRL_main .s1 ul {
    margin: 7% auto 7%;
  }

  .CRL_main .s1 ul p.font_72 {
    line-height: 100%;
    letter-spacing: -3px;
  }

  .CRL_main .s1 ul {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .s1_btn {
    display: flex;
    justify-content: center;
    gap: 16px;
  }
  .CRL_main .s1_btn a {
    width: 20%;
    box-sizing: border-box;
  }
  .s1_txt h2.txt39 {
    letter-spacing: 1px;
    font-weight: 500;
    text-shadow: 0 0px 10px #682800;
    color: white;
  }
  .s1_txt h3.CRL_title {
    font-weight: 400;
    color: #fcf9da;
    border: 1px solid #fcf9da;
    padding: .1em 1em;
    border-radius: 500px;
    display: inline-block;
    position: relative;
    text-shadow: 0 0px 10px #682800;
    box-shadow: 0 0px 10px #68280066,inset 0 0px 10px #68280066;
    margin-top: .2em;
    margin-bottom: .2em;
  }

  .s1_txt1 {

    transform: translateX(10%);
  }

  .s1_txt2 {

    transform: translateX(7%)translateY(-13%);
  }

  .s1_txt3 {

    transform: translateY(3%);
  }

  .s1_txt4 {

    transform: translateX(-12%)translateY(-17%);
  }

  .CRL_main .s1 .shine_line2 {
    width: 30%;
    top: 16.5%;
    left: 47%;
  }
  @media (max-width: 800px) {
    .CRL_main .s1 ul {
      margin-top: 9%;
    }
    .CRL_main .s1_btn a {
      width: 25%;
    }
  }



  /*********s4*********/



  .CRL_main .s4 .s4_tit {
    top: 3%;
  }
  .CRL_main .s4 .s4_tit h3 {
    margin-bottom: 3%;
  }
  .CRL_main .s4 .s4_main {
    top: 13%;
  }
  .CRL_main .s4 dl {
    display: flex;
    justify-content: space-between;
    width: 94%;
    margin: 0 auto;
    padding: 5.15% 0;
  }

  .CRL_main .s4 dt,
  .CRL_main .s4 dd {
    width: 48%;
  }
  .CRL_main .s4 dd {
    height: 292px;
    position: relative;
  }
    .CRL_main .s4 dd .font_14 {
      position: absolute;
      bottom: 0;
      width: 100%;
      line-height: 220%;
    }
  .CRL_main .s4 dt {
    align-self: flex-end;
    margin-bottom: .5%;
  }

  .CRL_main .s4 dt ul {
    display: flex;
  }

  .CRL_main .s4 dt ul li {
    line-height: 95%;
    margin-bottom: 20%;
    width: 33%;
  }

  .CRL_main .s4 dt ul li.c-coffee1 {
    transform: translateX(15%);
  }

  .CRL_main .s4 dt ul li.c-coffee2 {
    transform: translateX(7%)translateY(-50%);
  }

  .CRL_main .s4 dt ul li.c-r {
    transform: translateX(-3%)translateY(-140%);
  }

  .CRL_main .s4 .s4_4 dt ul li.c-coffee1 {
    transform: translateX(22%);
  }

  .CRL_main .s4 dd p.font_28 {
    line-height: 175%;
  }

  .CRL_main .s4 .font_60 {
    letter-spacing: -3px;
  }

  

  @media (max-width: 800px) {
    .CRL_main .s4 dd {
      height: 39vw;
    }
  }