@charset "UTF-8";
/* common
================================================== */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;700&family=Shippori+Mincho&display=swap");
.yugothic {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
}

.yumincho {
  font-family: "游明朝", "Yu Mincho", "YuMincho", serif;
}

.notoSans {
  font-family: "Noto Sans JP", sans-serif;
}

.montserat {
  font-family: "Montserrat", sans-serif;
}

.futura {
  font-family: "Futura", "Noto Sans JP", "Century Gothic";
}

.shipporiMincho {
  font-family: "Shippori Mincho", serif;
}

/*
 * media query
**/
/**
 * フォントサイズの可変
 *
 * @param {number} $fontsize 基準となるフォントサイズ
 * @param {number} $basewidth 基準となる幅
 * @param {number} $maxwidth フォントサイズの拡大をとめる幅（未指定時は上限なし）
 * @param {number} $minwidth フォントサイズの縮小をとめる幅（未指定時は下限なし）
 */
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

@-webkit-keyframes gradient {
  0% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 100%);
  }
  10% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 95%);
  }
  20% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 90%);
  }
  30% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 85%);
  }
  40% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 80%);
  }
  50% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 75%);
  }
  60% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 70%);
  }
  70% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 65%);
  }
  80% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 60%);
  }
  90% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 55%);
  }
  100% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 50%);
  }
}

@keyframes gradient {
  0% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 100%);
  }
  10% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 95%);
  }
  20% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 90%);
  }
  30% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 85%);
  }
  40% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 80%);
  }
  50% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 75%);
  }
  60% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 70%);
  }
  70% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 65%);
  }
  80% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 60%);
  }
  90% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 55%);
  }
  100% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 50%);
  }
}
@-webkit-keyframes gradientReverse {
  0% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 50%);
  }
  10% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 55%);
  }
  20% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 60%);
  }
  30% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 65%);
  }
  40% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 70%);
  }
  50% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 75%);
  }
  60% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 80%);
  }
  70% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 85%);
  }
  80% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 90%);
  }
  90% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 95%);
  }
  100% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 100%);
  }
}
@keyframes gradientReverse {
  0% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 50%);
  }
  10% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 55%);
  }
  20% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 60%);
  }
  30% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 65%);
  }
  40% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 70%);
  }
  50% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 75%);
  }
  60% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 80%);
  }
  70% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 85%);
  }
  80% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 90%);
  }
  90% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 95%);
  }
  100% {
    background: linear-gradient(90deg, rgb(0, 28, 185) 0%, rgb(11, 194, 221) 100%);
  }
}
#renewalRec .ttlmagic > span {
  overflow: hidden;
}
#renewalRec .ttlmagic > span > span {
  display: block;
  transform: translateY(150%);
  transition-property: transform;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
}
#renewalRec .ttlmagic.magic > span > span {
  transform: translateY(0);
}
#renewalRec .imgmagic {
  overflow: hidden;
  display: block;
  position: relative;
}
#renewalRec .imgmagic:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1;
  transition-property: transform;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
}
#renewalRec .imgmagic.magic:before {
  transform: translateX(100%);
}
#renewalRec #renewalRec-mv {
  position: relative;
}
#renewalRec #renewalRec-mv .renewalRec-mv-img {
  background-position: center;
  background-size: cover;
  background-image: url(/assets/img/202405_renewal/recruit/mv.jpeg);
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-img {
    position: relative;
    height: 100vh;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-img {
    height: 146.6666666667vw;
    background-image: url(/assets/img/202405_renewal/recruit/mv.sp.jpeg);
  }
}
#renewalRec #renewalRec-mv .renewalRec-mv-img img {
  display: block;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-img img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-img img {
    width: 100%;
  }
}
#renewalRec #renewalRec-mv .renewalRec-mv-txt {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-txt {
    bottom: 0;
    left: 0;
    width: 74.6705710102vw;
    height: 25.4026354319vw;
    margin-bottom: -0.5856515373vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(/assets/img/202405_renewal/recruit/mv-txt.svg);
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-txt {
    bottom: 0;
    left: 0;
    margin-bottom: 53.3333333333vw;
    width: 83.2vw;
    height: 38.9333333333vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(/assets/img/202405_renewal/recruit/mv-txt.sp.png);
  }
}
#renewalRec #renewalRec-mv .renewalRec-mv-txt:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
#renewalRec #renewalRec-mv .renewalRec-mv-txt h2 {
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  color: #fff;
  line-height: 1.1;
  display: none;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-txt h2 {
    font-size: 2.4158125915vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-txt h2 {
    font-size: 33px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-txt h2 {
    font-size: 18.5534407028px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-txt h2 {
    font-size: 5.3333333333vw;
    line-height: 1.5;
    letter-spacing: 0.16em;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-txt h2 > span.one {
    font-size: 4.0263543192vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-txt h2 > span.one {
    font-size: 55px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-txt h2 > span.one {
    font-size: 30.9224011713px;
  }
}
#renewalRec #renewalRec-mv .renewalRec-mv-txt h2 > span.two {
  font-weight: 600;
  display: block;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-txt h2 > span.two {
    font-size: 5.270863836vw;
    margin-top: 0.3660322108vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-txt h2 > span.two {
    font-size: 72px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-txt h2 > span.two {
    font-size: 40.4802342606px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-txt h2 > span.two {
    margin-top: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-txt h2 > span.two {
    margin-top: 2.8111273792px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-txt h2 > span.two {
    font-size: 16vw;
    line-height: 1.3;
    letter-spacing: -0.07em;
  }
}
#renewalRec #renewalRec-mv .renewalRec-mv-banner {
  position: absolute;
  bottom: 0;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-banner {
    right: 0;
    margin-bottom: 0.7320644217vw;
    margin-right: 0.7320644217vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-banner {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-banner {
    margin-bottom: 5.6222547584px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-banner {
    margin-right: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-banner {
    margin-right: 5.6222547584px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-banner {
    left: 0;
    margin-left: 1.3333333333vw;
    margin-bottom: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-banner .renewalRec-mv-banner-nakatsusc img {
    width: 19.0336749634vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-banner .renewalRec-mv-banner-nakatsusc img {
    width: 260px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-banner .renewalRec-mv-banner-nakatsusc img {
    width: 146.1786237189px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-mv .renewalRec-mv-banner .renewalRec-mv-banner-nakatsusc img {
    width: 34.8vw;
  }
}
#renewalRec #renewalRec-sect01 {
  position: relative;
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 {
    padding-top: 22.6666666667vw;
  }
}
#renewalRec #renewalRec-sect01:before, #renewalRec #renewalRec-sect01:after {
  content: "";
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#renewalRec #renewalRec-sect01:before {
  background-image: url(/assets/img/202405_renewal/recruit/rtl-01.svg);
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01:before {
    height: 46.8521229868vw;
    width: 8.8579795022vw;
    left: 0;
    top: 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01:before {
    height: 640px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01:before {
    height: 359.8243045388px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01:before {
    width: 121px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01:before {
    width: 68.0292825769px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01:before {
    background-image: url(/assets/img/202405_renewal/recruit/rtl-01.sp.svg);
    height: 145.0666666667vw;
    width: 22.6666666667vw;
    margin-top: 30.6666666667vw;
    right: 0;
    top: 0;
  }
}
#renewalRec #renewalRec-sect01:after {
  background-image: url(/assets/img/202405_renewal/recruit/rtl-02.svg);
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01:after {
    height: 113.3235724744vw;
    width: 10.6149341142vw;
    margin-top: 89.6046852123vw;
    right: 0;
    top: 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01:after {
    height: 1548px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01:after {
    height: 870.3250366032px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01:after {
    width: 145px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01:after {
    width: 81.5226939971px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01:after {
    margin-top: 1224px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01:after {
    margin-top: 688.1639824305px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01:after {
    background-image: url(/assets/img/202405_renewal/recruit/rtl-02.sp.svg);
    height: 325.6vw;
    width: 28.8vw;
    margin-top: 512vw;
    right: 0;
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box {
    width: 79.0629575403vw;
    margin-top: -7.6866764275vw;
    margin-bottom: 10.980966325vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box {
    width: 1080px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box {
    width: 607.2035139092px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box {
    margin-top: -105px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box {
    margin-top: -59.0336749634px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box {
    margin-bottom: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box {
    margin-bottom: 84.3338213763px;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-arrow {
    margin-top: 13.17715959vw;
    position: relative;
    padding-bottom: 3.6603221083vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-arrow {
    margin-top: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-arrow {
    margin-top: 101.2005856515px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-arrow {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-arrow {
    padding-bottom: 28.1112737921px;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-arrow:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/assets/img/202405_renewal/recruit/arrow.svg);
    width: 3.074670571vw;
    height: 1.8301610542vw;
    margin-left: -1.5373352855vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-arrow:before {
    width: 42px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-arrow:before {
    width: 23.6134699854px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-arrow:before {
    height: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-arrow:before {
    height: 14.055636896px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-arrow:before {
    margin-left: -21px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-arrow:before {
    margin-left: -11.8067349927px;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-arrow h3 {
    text-align: center;
    font-weight: 600;
    font-size: 1.756954612vw;
    line-height: 1.8;
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-arrow h3 {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-arrow h3 {
    font-size: 13.4934114202px;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    padding-top: 4.39238653vw;
    padding-left: 4.39238653vw;
    padding-bottom: 4.39238653vw;
    padding-right: 4.39238653vw;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner {
    padding-top: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner {
    padding-top: 33.7335285505px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner {
    padding-left: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner {
    padding-left: 33.7335285505px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner {
    padding-bottom: 33.7335285505px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner {
    padding-right: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner {
    padding-right: 33.7335285505px;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt {
    width: 31.1127379209vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt {
    width: 425px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt {
    width: 238.9458272328px;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt h3 {
    font-weight: 600;
    font-size: 1.4641288433vw;
    letter-spacing: 0.1em;
    word-break: keep-all;
    margin-bottom: 1.0980966325vw;
    padding-top: 2.5622254758vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt h3 {
    font-size: 11.2445095168px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt h3 {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt h3 {
    margin-bottom: 8.4333821376px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt h3 {
    padding-top: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt h3 {
    padding-top: 19.6778916545px;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt ul li {
    font-size: 1.0248901903vw;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt ul li {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt ul li {
    font-size: 7.8711566618px;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt ul li img {
    width: 1.1713030747vw;
    margin-right: 0.3660322108vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt ul li img {
    width: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt ul li img {
    width: 8.9956076135px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt ul li img {
    margin-right: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt ul li img {
    margin-right: 2.8111273792px;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt ul li.magic span.underline {
  background-size: 100% 1px;
  /* 幅(100%=文字の長さ) | 高さ(=線の太さ) */
  background-position: bottom left;
  /* 左下に配置 */
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt ul li span.underline {
  background-image: linear-gradient(#0BC2DD, #0BC2DD);
  /* 単色 */
  background-size: 0 2px;
  /* 幅(0=見えない状態) | 高さ(=線の太さ) */
  background-position: bottom right;
  /* 右下に配置 */
  background-repeat: no-repeat;
  transition-property: background-size;
  transition-delay: 1s;
  transition-duration: 1.4s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt ul li span.underline {
    padding-bottom: 0.2196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt ul li span.underline {
    padding-bottom: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt ul li span.underline {
    padding-bottom: 1.6866764275px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt ul li span.underline {
    padding-bottom: 0.8vw;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-animation: gradientReverse 0.3s ease;
          animation: gradientReverse 0.3s ease;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  letter-spacing: 0.1em;
  font-weight: 500;
  position: relative;
  font-family: "Montserrat", sans-serif;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a {
    font-size: 1.0980966325vw;
    width: 14.7144948755vw;
    height: 3.6603221083vw;
    border-radius: 0.2928257687vw;
    transition: all 0.3s ease;
    margin-top: 2.196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a {
    font-size: 8.4333821376px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a {
    width: 201px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a {
    width: 113.0073206442px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a {
    height: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a {
    height: 28.1112737921px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a {
    border-radius: 4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a {
    border-radius: 2.2489019034px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a {
    margin-top: 16.8667642753px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a {
    font-size: 4vw;
    width: 48vw;
    height: 13.3333333333vw;
    border-radius: 1.0666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a:hover {
    opacity: 1;
    -webkit-animation: gradient 0.3s ease;
            animation: gradient 0.3s ease;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a:hover:after {
    width: 2.5622254758vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a:hover:after {
    width: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a:hover:after {
    width: 19.6778916545px;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  background-color: #fff;
  transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a:after {
    width: 2.196193265vw;
    height: 0.0732064422vw;
    margin-top: -0.0366032211vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a:after {
    width: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a:after {
    width: 16.8667642753px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a:after {
    height: 1px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a:after {
    height: 0.5622254758px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a:after {
    margin-top: -0.5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a:after {
    margin-top: -0.2811127379px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-txt a:after {
    width: 8vw;
    height: 0.2666666667vw;
    margin-top: -0.1333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-img {
    width: 35.8711566618vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-img {
    width: 490px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-img {
    width: 275.4904831625px;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-box .renewalRec-sect01-box-inner .renewalRec-sect01-box-img img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel {
    width: 84.9194729136vw;
    margin-bottom: 10.2489019034vw;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel {
    width: 1160px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel {
    width: 652.1815519766px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel {
    margin-bottom: 140px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel {
    margin-bottom: 78.7115666179px;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel.reverse {
    margin-left: unset;
    margin-right: auto;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel.reverse .renewalRec-sect01-txt {
    width: 40.0439238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel.reverse .renewalRec-sect01-txt {
    width: 547px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel.reverse .renewalRec-sect01-txt {
    width: 307.5373352855px;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel:first-child {
    margin-bottom: 16.1054172767vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel:first-child {
    margin-bottom: 220px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel:first-child {
    margin-bottom: 123.6896046852px;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel:first-child .renewalRec-sect01-txt {
    width: 36.7496339678vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel:first-child .renewalRec-sect01-txt {
    width: 502px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel:first-child .renewalRec-sect01-txt {
    width: 282.2371888726px;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt {
    width: 36.6032210835vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt {
    width: 500px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt {
    width: 281.1127379209px;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt.feature03 {
    width: 41.0688140556vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt.feature03 {
    width: 561px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt.feature03 {
    width: 315.4084919473px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top {
    margin-bottom: 18.6666666667vw;
    z-index: 1;
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 {
    padding-top: 5.710102489vw;
    margin-bottom: 3.2942898975vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 {
    padding-top: 78px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 {
    padding-top: 43.8535871157px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 {
    margin-bottom: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 {
    margin-bottom: 25.3001464129px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 {
    margin-bottom: 9.3333333333vw;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span {
  display: block;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.first {
    margin-bottom: 1.8301610542vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.first {
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.first {
    margin-bottom: 14.055636896px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.first {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.first img {
    width: 11.1273792094vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.first img {
    width: 152px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.first img {
    width: 85.458272328px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.first img {
    width: 40.5333333333vw;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.second {
  font-weight: 600;
  letter-spacing: 0.4em;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.second {
    font-size: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.second {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.second {
    font-size: 11.2445095168px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.second {
    font-size: 4.2666666667vw;
    line-height: 1.6;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.second.mbpc {
    margin-bottom: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.second.mbpc {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.second.mbpc {
    margin-bottom: 11.2445095168px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.second.mbsp {
    margin-bottom: 5.3333333333vw;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.third {
  font-weight: 600;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.third {
    line-height: 1.8;
    font-size: 2.3426061493vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.third {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.third {
    font-size: 17.9912152269px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h2 > span.third {
    font-size: 8vw;
    line-height: 1.8;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top p {
  line-height: 2;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top p {
    font-size: 1.0248901903vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top p {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top p {
    font-size: 7.8711566618px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top p {
    font-size: 3.7333333333vw;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h3 {
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h3 {
    font-size: 1.4641288433vw;
    margin-top: 6.588579795vw;
    margin-bottom: 1.4641288433vw;
    letter-spacing: 0.2em;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h3 {
    font-size: 11.2445095168px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h3 {
    margin-top: 90px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h3 {
    margin-top: 50.6002928258px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h3 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top h3 {
    margin-bottom: 11.2445095168px;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top ul {
    margin-bottom: 2.5622254758vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top ul {
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top ul {
    margin-bottom: 19.6778916545px;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top ul li {
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top ul li {
    font-size: 1.0248901903vw;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top ul li {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top ul li {
    font-size: 7.8711566618px;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top ul li img {
    width: 1.1713030747vw;
    margin-right: 0.3660322108vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top ul li img {
    width: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top ul li img {
    width: 8.9956076135px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top ul li img {
    margin-right: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top ul li img {
    margin-right: 2.8111273792px;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-animation: gradientReverse 0.3s ease;
          animation: gradientReverse 0.3s ease;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  letter-spacing: 0.1em;
  font-weight: 500;
  position: relative;
  font-family: "Montserrat", sans-serif;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a {
    font-size: 1.0980966325vw;
    width: 14.7144948755vw;
    height: 3.6603221083vw;
    border-radius: 0.2928257687vw;
    transition: all 0.3s ease;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a {
    font-size: 8.4333821376px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a {
    width: 201px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a {
    width: 113.0073206442px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a {
    height: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a {
    height: 28.1112737921px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a {
    border-radius: 4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a {
    border-radius: 2.2489019034px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a {
    font-size: 4vw;
    width: 48vw;
    height: 13.3333333333vw;
    border-radius: 1.0666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a:hover {
    opacity: 1;
    -webkit-animation: gradient 0.3s ease;
            animation: gradient 0.3s ease;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a:hover:after {
    width: 2.5622254758vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a:hover:after {
    width: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a:hover:after {
    width: 19.6778916545px;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  background-color: #fff;
  transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a:after {
    width: 2.196193265vw;
    height: 0.0732064422vw;
    margin-top: -0.0366032211vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a:after {
    width: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a:after {
    width: 16.8667642753px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a:after {
    height: 1px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a:after {
    height: 0.5622254758px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a:after {
    margin-top: -0.5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a:after {
    margin-top: -0.2811127379px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .top a:after {
    width: 8vw;
    height: 0.2666666667vw;
    margin-top: -0.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature {
    padding-top: 21.3333333333vw;
    margin-bottom: 26.6666666667vw;
    position: relative;
    z-index: 1;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 {
    margin-bottom: 3.6603221083vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 {
    margin-bottom: 28.1112737921px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 {
    margin-bottom: 7.4666666667vw;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span {
  display: block;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span.first {
    margin-bottom: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span.first {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span.first {
    margin-bottom: 11.2445095168px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span.first {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span.first img {
    height: 0.7320644217vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span.first img {
    height: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span.first img {
    height: 5.6222547584px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span.first img {
    height: 2.6666666667vw;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span.second {
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span.second {
    font-size: 2.3426061493vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span.second {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span.second {
    font-size: 17.9912152269px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span.second {
    font-size: 6.4vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span.second small {
    font-size: 1.756954612vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span.second small {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span.second small {
    font-size: 13.4934114202px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span.second small {
    font-size: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span.second.wide {
    margin-right: -10.980966325vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span.second.wide {
    margin-right: -150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h2 > span.second.wide {
    margin-right: -84.3338213763px;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h3 {
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h3 {
    font-size: 1.4641288433vw;
    margin-bottom: 3.6603221083vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h3 {
    font-size: 11.2445095168px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h3 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h3 {
    margin-bottom: 28.1112737921px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature h3 {
    font-size: 4.2666666667vw;
    margin-bottom: 10.1333333333vw;
    letter-spacing: 0.3em;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature p {
  line-height: 2;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature p {
    font-size: 1.0248901903vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature p {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature p {
    font-size: 7.8711566618px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature p {
    font-size: 3.7333333333vw;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature p.magic > span.underline {
  background-size: 100% 1px;
  /* 幅(100%=文字の長さ) | 高さ(=線の太さ) */
  background-position: bottom left;
  /* 左下に配置 */
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature p > span.underline {
  background-image: linear-gradient(#0BC2DD, #0BC2DD);
  /* 単色 */
  background-size: 0 2px;
  /* 幅(0=見えない状態) | 高さ(=線の太さ) */
  background-position: bottom right;
  /* 右下に配置 */
  background-repeat: no-repeat;
  transition-property: background-size;
  transition-delay: 1s;
  transition-duration: 1.4s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature p > span.underline {
    padding-bottom: 0.2196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature p > span.underline {
    padding-bottom: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature p > span.underline {
    padding-bottom: 1.6866764275px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-txt .feature p > span.underline {
    padding-bottom: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img {
    margin-left: -5.3333333333vw;
    margin-right: -5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img .renewalRec-sect01-img-arrow {
    margin-top: 26.6666666667vw;
    position: relative;
    z-index: 1;
    padding-bottom: 13.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img .renewalRec-sect01-img-arrow:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/assets/img/202405_renewal/recruit/arrow.sp.svg);
    width: 8vw;
    height: 4.8vw;
    margin-left: -4vw;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img .renewalRec-sect01-img-arrow h4 {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img .renewalRec-sect01-img-arrow h4 > span {
    display: block;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 4.2666666667vw;
    line-height: 1.7;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img .renewalRec-sect01-img-arrow h4 > span:last-child {
    font-size: 6.6666666667vw;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img h3 {
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img h3 {
    font-size: 1.4641288433vw;
    margin-top: 6.588579795vw;
    margin-bottom: 1.4641288433vw;
    letter-spacing: 0.2em;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img h3 {
    font-size: 11.2445095168px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img h3 {
    margin-top: 90px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img h3 {
    margin-top: 50.6002928258px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img h3 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img h3 {
    margin-bottom: 11.2445095168px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img h3 {
    margin-top: 20vw;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
    font-size: 5.3333333333vw;
    letter-spacing: 0.2em;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul {
    margin-bottom: 2.5622254758vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul {
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul {
    margin-bottom: 19.6778916545px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul {
    margin-top: 9.3333333333vw;
    margin-bottom: 8.8vw;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul li {
  font-weight: 500;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul li {
    font-size: 1.0248901903vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul li {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul li {
    font-size: 7.8711566618px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul li {
    font-size: 3.7333333333vw;
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul li img {
    width: 1.1713030747vw;
    margin-right: 0.3660322108vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul li img {
    width: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul li img {
    width: 8.9956076135px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul li img {
    margin-right: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul li img {
    margin-right: 2.8111273792px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul li img {
    width: 4.2666666667vw;
    margin-right: 1.3333333333vw;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul li.magic span.underline {
  background-size: 100% 1px;
  /* 幅(100%=文字の長さ) | 高さ(=線の太さ) */
  background-position: bottom left;
  /* 左下に配置 */
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul li span.underline {
  background-image: linear-gradient(#0BC2DD, #0BC2DD);
  /* 単色 */
  background-size: 0 2px;
  /* 幅(0=見えない状態) | 高さ(=線の太さ) */
  background-position: bottom right;
  /* 右下に配置 */
  background-repeat: no-repeat;
  transition-property: background-size;
  transition-delay: 1s;
  transition-duration: 1.4s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul li span.underline {
    padding-bottom: 0.2196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul li span.underline {
    padding-bottom: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul li span.underline {
    padding-bottom: 1.6866764275px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img ul li span.underline {
    padding-bottom: 0.8vw;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-animation: gradientReverse 0.3s ease;
          animation: gradientReverse 0.3s ease;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  letter-spacing: 0.1em;
  font-weight: 500;
  position: relative;
  font-family: "Montserrat", sans-serif;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a {
    font-size: 1.0980966325vw;
    width: 14.7144948755vw;
    height: 3.6603221083vw;
    border-radius: 0.2928257687vw;
    transition: all 0.3s ease;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a {
    font-size: 8.4333821376px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a {
    width: 201px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a {
    width: 113.0073206442px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a {
    height: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a {
    height: 28.1112737921px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a {
    border-radius: 4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a {
    border-radius: 2.2489019034px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a {
    font-size: 4vw;
    width: 53.6vw;
    height: 13.3333333333vw;
    border-radius: 1.0666666667vw;
    margin-left: 5.3333333333vw;
    margin-bottom: 21.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a:hover {
    opacity: 1;
    -webkit-animation: gradient 0.3s ease;
            animation: gradient 0.3s ease;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a:hover:after {
    width: 2.5622254758vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a:hover:after {
    width: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a:hover:after {
    width: 19.6778916545px;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  background-color: #fff;
  transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a:after {
    width: 2.196193265vw;
    height: 0.0732064422vw;
    margin-top: -0.0366032211vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a:after {
    width: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a:after {
    width: 16.8667642753px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a:after {
    height: 1px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a:after {
    height: 0.5622254758px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a:after {
    margin-top: -0.5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a:after {
    margin-top: -0.2811127379px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img a:after {
    width: 8vw;
    height: 0.2666666667vw;
    margin-top: -0.1333333333vw;
  }
}
#renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img {
  display: block;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-01 {
    width: 43.9238653001vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-01 {
    width: 600px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-01 {
    width: 337.3352855051px;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-02 {
    width: 43.9238653001vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-02 {
    width: 600px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-02 {
    width: 337.3352855051px;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-03 {
    width: 36.6032210835vw;
    margin-bottom: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-03 {
    width: 500px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-03 {
    width: 281.1127379209px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-03 {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-03 {
    margin-bottom: 22.4890190337px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-03 {
    width: 80vw;
    margin-bottom: 5.3333333333vw;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-04 {
    margin-left: auto;
    width: 28.1112737921vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-04 {
    width: 384px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-04 {
    width: 215.8945827233px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-04 {
    width: 81.0666666667vw;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-05 {
    margin-left: auto;
    width: 28.1112737921vw;
    margin-bottom: 2.5622254758vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-05 {
    width: 384px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-05 {
    width: 215.8945827233px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-05 {
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-05 {
    margin-bottom: 19.6778916545px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-05 {
    width: 89.6vw;
    margin-bottom: 5.3333333333vw;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-06 {
    margin-left: auto;
    width: 43.9238653001vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-06 {
    width: 600px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-06 {
    width: 337.3352855051px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-06 {
    width: 68.2666666667vw;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-07 {
    width: 36.6032210835vw;
    margin-bottom: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-07 {
    width: 500px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-07 {
    width: 281.1127379209px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-07 {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-07 {
    margin-bottom: 22.4890190337px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-07 {
    width: 89.6vw;
    margin-bottom: 5.3333333333vw;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-08 {
    margin-left: auto;
    width: 28.1112737921vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-08 {
    width: 384px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-08 {
    width: 215.8945827233px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-08 {
    width: 81.0666666667vw;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-09 {
    margin-left: right;
    width: 28.1112737921vw;
    margin-bottom: 2.5622254758vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-09 {
    width: 384px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-09 {
    width: 215.8945827233px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-09 {
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-09 {
    margin-bottom: 19.6778916545px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-09 {
    width: 89.6vw;
    margin-bottom: 5.3333333333vw;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-10 {
    width: 43.9238653001vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-10 {
    width: 600px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-10 {
    width: 337.3352855051px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect01 .renewalRec-sect01-wrapper .renewalRec-sect01-panel .renewalRec-sect01-img img.img-10 {
    width: 68.2666666667vw;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper {
    padding-top: 8.78477306vw;
    padding-bottom: 8.78477306vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper {
    padding-top: 120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper {
    padding-top: 67.467057101px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper {
    padding-bottom: 67.467057101px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper {
    padding-top: 21.3333333333vw;
  }
}
#renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-banner a {
  display: block;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-banner a {
    width: 76.8667642753vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-banner a {
    width: 1050px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-banner a {
    width: 590.336749634px;
  }
}
#renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-banner a img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie {
    margin-top: 7.3206442167vw;
    margin-bottom: 8.78477306vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie {
    margin-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie {
    margin-top: 56.2225475842px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie {
    margin-bottom: 120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie {
    margin-bottom: 67.467057101px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie {
    margin-top: 21.3333333333vw;
    margin-bottom: 21.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie h2 {
    margin-bottom: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie h2 {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie h2 {
    margin-bottom: 22.4890190337px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie h2 {
    margin-bottom: 10.6666666667vw;
  }
}
#renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie h2 > span {
  display: block;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie h2 > span.first {
    margin-bottom: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie h2 > span.first {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie h2 > span.first {
    margin-bottom: 11.2445095168px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie h2 > span.first {
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie h2 > span.first img {
    width: 10.980966325vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie h2 > span.first img {
    width: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie h2 > span.first img {
    width: 84.3338213763px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie h2 > span.first img {
    width: 40vw;
  }
}
#renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie h2 > span.second {
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 0.4em;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie h2 > span.second {
    font-size: 2.3426061493vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie h2 > span.second {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie h2 > span.second {
    font-size: 17.9912152269px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie h2 > span.second {
    font-size: 4.8vw;
    letter-spacing: 0.1em;
  }
}
#renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie .youtube {
  position: relative;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie .youtube {
    padding-bottom: 26.3543191801vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie .youtube {
    padding-bottom: 360px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie .youtube {
    padding-bottom: 202.4011713031px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie .youtube {
    padding-bottom: 50.1333333333vw;
  }
}
#renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie .youtube iframe {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie .youtube iframe {
    width: 46.8521229868vw;
    margin-left: -23.4260614934vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie .youtube iframe {
    width: 640px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie .youtube iframe {
    width: 359.8243045388px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie .youtube iframe {
    margin-left: -320px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie .youtube iframe {
    margin-left: -179.9121522694px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect02 .renewalRec-sect02-wrapper .renewalRec-sect02-movie .youtube iframe {
    width: 89.3333333333vw;
    margin-left: -44.6666666667vw;
  }
}
#renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper {
  background-color: #FAFAFA;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper {
    padding-top: 8.4187408492vw;
    padding-bottom: 10.2489019034vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper {
    padding-top: 115px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper {
    padding-top: 64.6559297218px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper {
    padding-bottom: 140px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper {
    padding-bottom: 78.7115666179px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper {
    padding-top: 21.3333333333vw;
    padding-bottom: 21.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel {
    width: 79.0629575403vw;
    padding-top: 7.3206442167vw;
    padding-bottom: 7.3206442167vw;
    padding-left: 13.17715959vw;
    padding-right: 13.17715959vw;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel {
    width: 1080px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel {
    width: 607.2035139092px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel {
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel {
    padding-top: 56.2225475842px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel {
    padding-bottom: 56.2225475842px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel {
    padding-left: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel {
    padding-left: 101.2005856515px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel {
    padding-right: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel {
    padding-right: 101.2005856515px;
  }
}
#renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 {
    margin-bottom: 3.2942898975vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 {
    margin-bottom: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 {
    margin-bottom: 25.3001464129px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 {
    margin-bottom: 9.3333333333vw;
  }
}
#renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span {
  display: block;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span.first {
    margin-bottom: 1.8301610542vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span.first {
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span.first {
    margin-bottom: 14.055636896px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span.first {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span.first img {
    width: 18.3016105417vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span.first img {
    width: 250px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span.first img {
    width: 140.5563689605px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span.first img {
    width: 66.6666666667vw;
  }
}
#renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span.second {
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span.second {
    margin-bottom: 1.4641288433vw;
    font-size: 2.3426061493vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span.second {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span.second {
    margin-bottom: 11.2445095168px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span.second {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span.second {
    font-size: 17.9912152269px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span.second {
    font-size: 6.4vw;
    letter-spacing: 0.1em;
    margin-bottom: 6.6666666667vw;
  }
}
#renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span.third {
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span.third {
    font-size: 1.1713030747vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span.third {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span.third {
    font-size: 8.9956076135px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel h2 > span.third {
    font-size: 3.4666666667vw;
    line-height: 2;
    text-align: left;
    letter-spacing: 0.4em;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel .list {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel .list {
    padding-top: 8vw;
    padding-bottom: 10.6666666667vw;
    padding-left: 5.3333333333vw;
    padding-right: 8vw;
    background-color: #fff;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel .list ul {
    width: 24.8901903367vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel .list ul {
    width: 340px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel .list ul {
    width: 191.1566617862px;
  }
}
#renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel .list ul li {
  border-top: 1px solid #D9D9D9;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel .list ul li {
    font-size: 1.0248901903vw;
    padding-top: 1.4641288433vw;
    padding-left: 1.0980966325vw;
    padding-bottom: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel .list ul li {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel .list ul li {
    font-size: 7.8711566618px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel .list ul li {
    padding-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel .list ul li {
    padding-top: 11.2445095168px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel .list ul li {
    padding-left: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel .list ul li {
    padding-left: 8.4333821376px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel .list ul li {
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel .list ul li {
    padding-bottom: 11.2445095168px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel .list ul li {
    font-size: 3.7333333333vw;
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel .list ul li:last-child {
    border-bottom: 1px solid #D9D9D9;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect03 .renewalRec-sect03-wrapper .renewalRec-sect03-panel .list ul li.last {
    border-bottom: 1px solid #D9D9D9;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect04 {
    padding-top: 7.3206442167vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect04 {
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect04 {
    padding-top: 56.2225475842px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect04 {
    padding-top: 21.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
    padding-bottom: 26.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li {
    margin-bottom: 2.196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li {
    margin-bottom: 16.8667642753px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li {
    margin-bottom: 2.6666666667vw;
  }
}
#renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li:last-child {
  margin-bottom: 0;
}
#renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a {
  display: flex;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a {
    width: 40.9956076135vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a {
    width: 560px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a {
    width: 314.8462664714px;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a img {
    width: 11.1273792094vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a img {
    width: 152px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a img {
    width: 85.458272328px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a img {
    width: 24vw;
  }
}
#renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 {
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  display: block;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 {
    padding-top: 2.9282576867vw;
    padding-bottom: 3.2942898975vw;
    padding-left: 1.4641288433vw;
    width: 29.8682284041vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 {
    padding-top: 22.4890190337px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 {
    padding-bottom: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 {
    padding-bottom: 25.3001464129px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 {
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 {
    padding-left: 11.2445095168px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 {
    width: 408px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 {
    width: 229.3879941435px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 {
    width: 65.3333333333vw;
    padding-top: 5.6vw;
    padding-left: 5.3333333333vw;
  }
}
#renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 > span {
  display: block;
}
#renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 > span:first-child {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  letter-spacing: 0.3em;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 > span:first-child {
    font-size: 2.0497803807vw;
    margin-bottom: 1.0980966325vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 > span:first-child {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 > span:first-child {
    font-size: 15.7423133236px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 > span:first-child {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 > span:first-child {
    margin-bottom: 8.4333821376px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 > span:first-child {
    font-size: 5.3333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
#renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 > span:last-child {
  font-weight: 600;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 > span:last-child {
    font-size: 1.0248901903vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 > span:last-child {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 > span:last-child {
    font-size: 7.8711566618px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-sect04 .renewalRec-sect04-wrapper ul li a h3 > span:last-child {
    font-size: 3.7333333333vw;
    letter-spacing: 0.3em;
  }
}
#renewalRec #renewalRec-modal {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(147, 147, 147, 0.9);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal {
    padding-top: 7.3206442167vw;
    padding-bottom: 14.6412884334vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal {
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal {
    padding-top: 56.2225475842px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal {
    padding-bottom: 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal {
    padding-bottom: 112.4450951684px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal {
    padding-top: 5.3333333333vw;
    padding-bottom: 25.8666666667vw;
  }
}
#renewalRec #renewalRec-modal.show {
  opacity: 1;
  pointer-events: visible;
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper {
  position: relative;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper {
    width: 70.2781844802vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper {
    width: 960px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper {
    width: 539.7364568082px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper {
    width: 89.3333333333vw;
  }
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-01 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-01 {
    width: 1.1713030747vw;
    margin-top: 1.4641288433vw;
    margin-right: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-01 {
    width: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-01 {
    width: 8.9956076135px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-01 {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-01 {
    margin-top: 11.2445095168px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-01 {
    margin-right: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-01 {
    margin-right: 11.2445095168px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-01 {
    width: 4.2666666667vw;
    margin-top: 2.6666666667vw;
    margin-right: 2.6666666667vw;
  }
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-01 img {
  display: block;
  width: 100%;
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-02 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  color: #fff;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-02 {
    margin-bottom: -4.39238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-02 {
    margin-bottom: -60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-02 {
    margin-bottom: -33.7335285505px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-02 {
    margin-bottom: -8vw;
  }
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-02 a {
  display: flex;
  align-items: center;
  font-weight: 600;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-02 a {
    font-size: 0.878477306vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-02 a {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-02 a {
    font-size: 6.7467057101px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-02 a {
    font-size: 3.2vw;
  }
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-02 a > span {
  display: block;
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-02 a img {
  display: block;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-02 a img {
    width: 1.756954612vw;
    margin-right: 0.7320644217vw;
    margin-top: 0.7320644217vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-02 a img {
    width: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-02 a img {
    width: 13.4934114202px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-02 a img {
    margin-right: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-02 a img {
    margin-right: 5.6222547584px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-02 a img {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-02 a img {
    margin-top: 5.6222547584px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-close.close-02 a img {
    width: 4.2666666667vw;
    margin-right: 2.6666666667vw;
    margin-top: 0.5333333333vw;
  }
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect01 {
  position: relative;
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect01 .renewalRec-modal-sect01-img img {
  width: 100%;
  display: block;
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect01 .renewalRec-modal-sect01-txt {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect01 .renewalRec-modal-sect01-txt {
    margin-top: 1.4641288433vw;
    margin-right: 16.1054172767vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect01 .renewalRec-modal-sect01-txt {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect01 .renewalRec-modal-sect01-txt {
    margin-top: 11.2445095168px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect01 .renewalRec-modal-sect01-txt {
    margin-right: 220px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect01 .renewalRec-modal-sect01-txt {
    margin-right: 123.6896046852px;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect01 .renewalRec-modal-sect01-txt img {
    width: 13.1039531479vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect01 .renewalRec-modal-sect01-txt img {
    width: 179px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect01 .renewalRec-modal-sect01-txt img {
    width: 100.6383601757px;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 7.3206442167vw;
    padding-bottom: 6.2225475842vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper {
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper {
    padding-top: 56.2225475842px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper {
    padding-bottom: 85px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper {
    padding-bottom: 47.7891654466px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper {
    padding-top: 22.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt {
    width: 30.0146412884vw;
    margin-left: 4.39238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt {
    width: 410px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt {
    width: 230.5124450952px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt {
    margin-left: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt {
    margin-left: 33.7335285505px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
    margin-bottom: 16vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 {
    margin-bottom: 2.5622254758vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 {
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 {
    margin-bottom: 19.6778916545px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 {
    margin-bottom: 9.3333333333vw;
  }
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span {
  display: block;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.first {
    margin-bottom: 2.5622254758vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.first {
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.first {
    margin-bottom: 19.6778916545px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.first {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.first img {
    width: 8.8579795022vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.first img {
    width: 121px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.first img {
    width: 68.0292825769px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.first img {
    width: 32.2666666667vw;
  }
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.second {
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.second {
    font-size: 1.1713030747vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.second {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.second {
    font-size: 8.9956076135px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.second {
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.second strong {
    font-size: 1.756954612vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.second strong {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.second strong {
    font-size: 13.4934114202px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.second strong {
    font-size: 6.1333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.second .moji {
    margin-right: -0.878477306vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.second .moji {
    margin-right: -12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.second .moji {
    margin-right: -6.7467057101px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.second .moji {
    margin-right: -3.2vw;
  }
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.second .curve {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.second .curve {
    font-size: 1.756954612vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.second .curve {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.second .curve {
    font-size: 13.4934114202px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.second .curve {
    font-size: 6.4vw;
  }
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt h2 > span.second .curve.curve-close {
  letter-spacing: -0.4em;
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt p {
  line-height: 1.8;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt p {
    font-size: 1.1713030747vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt p {
    font-size: 8.9956076135px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-txt p {
    font-size: 3.7333333333vw;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-img {
    width: 33.5285505124vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-img {
    width: 458px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-img {
    width: 257.4992679356px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-img {
    margin-bottom: -8vw;
    position: relative;
    z-index: 1;
  }
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect02 .renewalRec-modal-sect02-wrapper .renewalRec-modal-sect02-img img {
  display: block;
  width: 100%;
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper {
  position: relative;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper {
    display: flex;
  }
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/assets/img/202405_renewal/recruit/txt-10.svg);
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper:after {
    width: 27.8916544656vw;
    height: 11.420204978vw;
    margin-bottom: -4.6120058565vw;
    margin-right: -0.3660322108vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper:after {
    width: 381px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper:after {
    width: 214.2079062958px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper:after {
    height: 156px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper:after {
    height: 87.7071742313px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper:after {
    margin-bottom: -63px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper:after {
    margin-bottom: -35.420204978px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper:after {
    margin-right: -5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper:after {
    margin-right: -2.8111273792px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper:after {
    background-image: url(/assets/img/202405_renewal/recruit/txt-10.sp.svg);
    width: 78.1333333333vw;
    height: 32.2666666667vw;
    margin-bottom: -14.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-img {
    width: 32.7232796486vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-img {
    width: 447px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-img {
    width: 251.3147877013px;
  }
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-img img {
  width: 100%;
  display: block;
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt {
  background: rgb(5, 86, 206);
  background: linear-gradient(90deg, rgb(5, 86, 206) 0%, rgb(11, 194, 221) 100%);
  color: #fff;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt {
    width: 37.5549048316vw;
    padding-left: 1.8301610542vw;
    padding-right: 7.6866764275vw;
    padding-top: 5.8565153734vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt {
    width: 513px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt {
    width: 288.4216691069px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt {
    padding-left: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt {
    padding-left: 14.055636896px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt {
    padding-right: 105px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt {
    padding-right: 59.0336749634px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt {
    padding-top: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt {
    padding-top: 44.9780380673px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt {
    padding-top: 23.4666666667vw;
    padding-bottom: 21.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt h2 {
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt h2 {
    font-size: 1.1713030747vw;
    margin-bottom: 2.196193265vw;
    margin-right: -6.588579795vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt h2 {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt h2 {
    font-size: 8.9956076135px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt h2 {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt h2 {
    margin-bottom: 16.8667642753px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt h2 {
    margin-right: -90px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt h2 {
    margin-right: -50.6002928258px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt h2 {
    font-size: 4.2666666667vw;
    margin-bottom: 8vw;
    margin-right: -5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt h2 strong {
    font-size: 1.756954612vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt h2 strong {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt h2 strong {
    font-size: 13.4934114202px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt h2 strong {
    font-size: 6.4vw;
  }
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt p {
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt p {
    font-size: 1.1713030747vw;
    line-height: 1.8;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt p {
    font-size: 8.9956076135px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect03 .renewalRec-modal-sect03-wrapper .renewalRec-modal-sect03-txt p {
    line-height: 2;
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper {
    padding-left: 8.0527086384vw;
    padding-right: 8.0527086384vw;
    padding-top: 6.2225475842vw;
    padding-bottom: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper {
    padding-left: 110px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper {
    padding-left: 61.8448023426px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper {
    padding-right: 110px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper {
    padding-right: 61.8448023426px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper {
    padding-top: 85px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper {
    padding-top: 47.7891654466px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper {
    padding-bottom: 22.4890190337px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
    padding-top: 18.6666666667vw;
    padding-bottom: 21.3333333333vw;
  }
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h2 {
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h2 {
    font-size: 1.756954612vw;
    margin-bottom: 2.196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h2 {
    font-size: 13.4934114202px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h2 {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h2 {
    margin-bottom: 16.8667642753px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h2 {
    font-size: 5.3333333333vw;
    margin-bottom: 8vw;
    letter-spacing: 0.1em;
  }
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper p {
  line-height: 1.8;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper p {
    font-size: 1.1713030747vw;
    margin-bottom: 5.8565153734vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper p {
    font-size: 8.9956076135px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper p {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper p {
    margin-bottom: 44.9780380673px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper p {
    line-height: 2;
    font-size: 3.7333333333vw;
    margin-bottom: 21.3333333333vw;
  }
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper p.no-mb {
  margin-bottom: 0;
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper p span.underline {
  background-image: linear-gradient(#0BC2DD, #0BC2DD);
  /* 単色 */
  /* 幅(0=見えない状態) | 高さ(=線の太さ) */
  /* 右下に配置 */
  background-repeat: no-repeat;
  transition-property: background-size;
  transition-delay: 1s;
  transition-duration: 1.4s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  background-size: 100% 1px;
  /* 幅(100%=文字の長さ) | 高さ(=線の太さ) */
  background-position: bottom left;
  /* 左下に配置 */
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper p span.underline {
    padding-bottom: 0.2196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper p span.underline {
    padding-bottom: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper p span.underline {
    padding-bottom: 1.6866764275px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper p span.underline {
    padding-bottom: 0.8vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h3 {
    margin-top: 3.6603221083vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h3 {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h3 {
    margin-top: 28.1112737921px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h3 {
    margin-top: 9.3333333333vw;
  }
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h3 > span {
  display: block;
  text-align: right;
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h3 > span.pos {
    font-size: 1.0248901903vw;
    margin-bottom: 1.4641288433vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h3 > span.pos {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h3 > span.pos {
    font-size: 7.8711566618px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h3 > span.pos {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h3 > span.pos {
    margin-bottom: 11.2445095168px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h3 > span.pos {
    font-size: 3.7333333333vw;
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h3 > span.sign {
    margin-right: -3.6603221083vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h3 > span.sign {
    margin-right: -50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h3 > span.sign {
    margin-right: -28.1112737921px;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h3 > span.sign img {
    width: 21.3762811127vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h3 > span.sign img {
    width: 292px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h3 > span.sign img {
    width: 164.1698389458px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect04 .renewalRec-modal-sect04-wrapper h3 > span.sign img {
    width: 59.2vw;
  }
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect05 .renewalRec-modal-sect05-wrapper a {
  display: block;
}
#renewalRec #renewalRec-modal .renewalRec-modal-wrapper .renewalRec-modal-sect05 .renewalRec-modal-sect05-wrapper a img {
  width: 100%;
  display: block;
}
#renewalRec .renewalRec-fix-banner-wrapper {
  position: relative;
}
@media screen and (min-width: 768px) {
  #renewalRec .renewalRec-fix-banner-wrapper {
    margin-top: 6.2225475842vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec .renewalRec-fix-banner-wrapper {
    margin-top: 85px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec .renewalRec-fix-banner-wrapper {
    margin-top: 47.7891654466px;
  }
}
#renewalRec .renewalRec-fix-banner-btn {
  position: fixed;
  bottom: 0;
  z-index: 99;
}
@media screen and (min-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn {
    margin-bottom: 1.4641288433vw;
    margin-right: 1.4641288433vw;
    right: 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec .renewalRec-fix-banner-btn {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn {
    margin-bottom: 11.2445095168px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec .renewalRec-fix-banner-btn {
    margin-right: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn {
    margin-right: 11.2445095168px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec .renewalRec-fix-banner-btn {
    left: 0;
    width: 100%;
  }
}
#renewalRec .renewalRec-fix-banner-btn.stop {
  position: absolute;
}
#renewalRec .renewalRec-fix-banner-btn a {
  display: block;
  -webkit-animation: gradientReverse 0.3s ease;
          animation: gradientReverse 0.3s ease;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  position: relative;
}
@media screen and (min-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a {
    width: 19.0336749634vw;
    height: 5.8565153734vw;
    border-radius: 0.2928257687vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec .renewalRec-fix-banner-btn a {
    width: 260px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a {
    width: 146.1786237189px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec .renewalRec-fix-banner-btn a {
    height: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a {
    height: 44.9780380673px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec .renewalRec-fix-banner-btn a {
    border-radius: 4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a {
    border-radius: 2.2489019034px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec .renewalRec-fix-banner-btn a {
    width: 60vw;
    padding-bottom: 0.8vw;
    margin-right: 1.3333333333vw;
    margin-bottom: 1.3333333333vw;
    border-radius: 1.0666666667vw;
    margin-left: auto;
  }
}
#renewalRec .renewalRec-fix-banner-btn a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a:after {
    margin-top: 1.9033674963vw;
    transition: all 0.3s ease;
    width: 2.196193265vw;
    height: 0.0732064422vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec .renewalRec-fix-banner-btn a:after {
    margin-top: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a:after {
    margin-top: 14.6178623719px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec .renewalRec-fix-banner-btn a:after {
    width: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a:after {
    width: 16.8667642753px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec .renewalRec-fix-banner-btn a:after {
    height: 1px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a:after {
    height: 0.5622254758px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec .renewalRec-fix-banner-btn a:after {
    margin-top: 5.8666666667vw;
    width: 5.3333333333vw;
    height: 0.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a:hover {
    opacity: 1;
    -webkit-animation: gradient 0.3s ease;
            animation: gradient 0.3s ease;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
  }
}
@media screen and (min-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a:hover:after {
    width: 2.5622254758vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec .renewalRec-fix-banner-btn a:hover:after {
    width: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a:hover:after {
    width: 19.6778916545px;
  }
}
#renewalRec .renewalRec-fix-banner-btn a > span {
  display: block;
  text-align: center;
}
#renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(1) {
  color: #fff;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(1) {
    font-size: 1.1713030747vw;
    padding-top: 1.1713030747vw;
    padding-bottom: 1.317715959vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(1) {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(1) {
    font-size: 8.9956076135px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(1) {
    padding-top: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(1) {
    padding-top: 8.9956076135px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(1) {
    padding-bottom: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(1) {
    padding-bottom: 10.1200585652px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(1) {
    font-size: 3.7333333333vw;
    padding-top: 3.4666666667vw;
    padding-bottom: 3.2vw;
  }
}
#renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(2) {
  background-color: #fff;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(2) {
    font-size: 0.8052708638vw;
    padding-top: 0.6588579795vw;
    padding-bottom: 0.5856515373vw;
    margin-left: 0.2196193265vw;
    margin-right: 0.2196193265vw;
    border-bottom-left-radius: 0.2196193265vw;
    border-bottom-right-radius: 0.2196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(2) {
    font-size: 11px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(2) {
    font-size: 6.1844802343px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(2) {
    padding-top: 9px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(2) {
    padding-top: 5.0600292826px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(2) {
    padding-bottom: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(2) {
    padding-bottom: 4.4978038067px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(2) {
    margin-left: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(2) {
    margin-left: 1.6866764275px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(2) {
    margin-right: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(2) {
    margin-right: 1.6866764275px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(2) {
    border-bottom-left-radius: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(2) {
    border-bottom-left-radius: 1.6866764275px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(2) {
    border-bottom-right-radius: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(2) {
    border-bottom-right-radius: 1.6866764275px;
  }
}
@media screen and (max-width: 767px) {
  #renewalRec .renewalRec-fix-banner-btn a > span:nth-of-type(2) {
    font-size: 2.9333333333vw;
    padding-top: 2.4vw;
    padding-bottom: 2.1333333333vw;
    margin-left: 1.3333333333vw;
    margin-right: 1.3333333333vw;
    border-bottom-left-radius: 0.8vw;
    border-bottom-right-radius: 0.8vw;
  }
}