@charset "UTF-8";
body {
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}
@media (max-width: 1520px) {
  html {
    font-size: 0.6506180871828237vw;
  }
}
@media (max-width: 1230px) {
  html {
    font-size: 0.8019246190858059vw;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 2.6666666666666665vw;
  }
}

body {
  font-family: "UD新ゴNT DB", sans-serif;
  font-size: 16px;
  color: #13202f;
  overflow-x: hidden;
  letter-spacing: 0.04em;
}

button {
  letter-spacing: 2px;
  cursor: pointer;
}

a {
  text-decoration: none;
  color: #13202f;
}

.c-ttl {
  font-size: 38px;
  line-height: 1.9736842105;
  text-align: center;
  font-family: "UD新ゴNT DB", sans-serif;
  font-weight: 600;
}

@media (max-width: 1230px) {
  .c-ttl {
    font-size: 3.8rem;
  }
}
@media (max-width: 768px) {
  .c-ttl {
    font-size: 2.3rem;
  }
}
.header_close__message span {
  position: relative;
  background: #df1c13;
  z-index: 1;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  display: inline-block;
  border-radius: 4px;
  padding: 16px;
  margin-right: 15px;
}

.close__message {
  position: relative;
  background: #df1c13;
  z-index: 1;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  display: inline-block;
  border-radius: 48px;
}

.close__message_box {
  margin-top: 30px;
  text-align: center;
}
.close__message_box p {
  margin-top: 20px;
  font-size: 28px;
  font-family: "UD新ゴNT B", sans-serif;
}
@media (max-width: 768px) {
  .close__message_box p {
    font-size: 5.4vw;
    line-height: 1.6;
  }
}
.close__message_box p .nowrap {
  white-space: nowrap;
}
@media (max-width: 1230px) {
  .close__message_box p .nowrap {
    display: block;
  }
}
@media (max-width: 768px) {
  .close__message_box p {
    margin: 15px 15px 0 15px;
  }
}

.campaign .close__message_box {
  margin-top: 32px;
}

.close__message {
  padding: 1.3rem 5rem;
}

.campaign-close__message,
.footer_close__message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.campaign-close__message span,
.footer_close__message span {
  background-color: #fff;
  border-radius: 4px;
  position: relative;
  width: 450px;
  height: 80px;
  padding: 1.5em 3em;
  font-size: 18px;
  text-align: center;
  color: #df1c13;
  font-weight: bold;
}
@media (max-width: 768px) {
  .campaign-close__message span,
  .footer_close__message span {
    font-size: 1.67rem;
    height: 7rem;
  }
}
.campaign-close__message.liststyle span,
.footer_close__message.liststyle span {
  width: 100%;
  padding: 1.5em 1em;
}

.campaign-item .campaign-close__message span {
  margin: 0 auto 40px;
  background: #df1c13;
  color: #fff;
}

.footer_close__message {
  margin-top: 0px;
  margin-right: 10px;
}
@media (max-width: 768px) {
  .footer_close__message {
    margin-top: 0px;
    margin-right: 0px;
    width: 100%;
  }
}

.l-header {
  background-color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 18px 30px 18px 26px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
  width: 100%;
}
.l-header__logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.l-header__logo img {
  width: 189.59px;
  height: 37.97px;
}
.l-header__btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.l-header__btns a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  width: 286px;
  height: 56px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  position: relative;
}
@media (max-width: 1230px) {
  .l-header__btns a {
    width: 235px;
    height: 45px;
  }
}
.l-header__btns a span {
  text-align: center;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100px;
  font-family: "UD新ゴNT DB", sans-serif;
}
.l-header__btns a:hover span::after {
  -webkit-animation: btnArrow 0.3s ease-in-out;
  animation: btnArrow 0.3s ease-in-out;
}
.l-header__btns .chatworkLogin {
  font-size: 16px;
  margin-right: 15px;
}
.l-header__btns .chatworkLogin span {
  background-color: #df1c18;
  border-radius: 4px;
  color: white;
}
.l-header__btns .chatworkLogin span::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.557' height='10.159' viewBox='0 0 6.557 10.159'%3E%3Cpath id='Icon_awesome-angle-right' data-name='Icon awesome-angle-right' d='M8.073,12.366,3.757,16.682a.759.759,0,0,1-1.076,0l-.717-.717a.759.759,0,0,1,0-1.076l3.059-3.059L1.964,8.77a.759.759,0,0,1,0-1.076l.714-.724a.759.759,0,0,1,1.076,0L8.07,11.286A.76.76,0,0,1,8.073,12.366Z' transform='translate(-1.74 -6.746)' fill='%23FFFFFF'/%3E%3C/svg%3E");
  width: 6.557px;
  height: 10.159px;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.l-header__btns .chatworkRes {
  line-height: 1.2307692308;
  color: #df1c18;
}
.l-header__btns .chatworkRes span {
  background-color: white;
  border: 1px solid #df1c18;
}
.l-header__btns .chatworkRes span::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.557' height='10.159' viewBox='0 0 6.557 10.159'%3E%3Cpath id='Icon_awesome-angle-right' data-name='Icon awesome-angle-right' d='M8.073,12.366,3.757,16.682a.759.759,0,0,1-1.076,0l-.717-.717a.759.759,0,0,1,0-1.076l3.059-3.059L1.964,8.77a.759.759,0,0,1,0-1.076l.714-.724a.759.759,0,0,1,1.076,0L8.07,11.286A.76.76,0,0,1,8.073,12.366Z' transform='translate(-1.74 -6.746)' fill='%23df1c13'/%3E%3C/svg%3E");
  width: 6.557px;
  height: 10.159px;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media (max-width: 768px) {
  .l-header {
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.7rem 2rem;
  }
  .l-header__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .l-header__logo img {
    width: 15.291rem;
    height: 3.062rem;
  }
  .l-header__btns {
    display: none;
  }
}

.kv {
  background: url(../img/bg_kv_img.png) top center/cover no-repeat;
  padding: 80px 0 65px;
  position: relative;
}
@media (min-width: 1921px) {
  .kv {
    background-position: bottom center;
  }
}
@media (max-width: 1420px) {
  .kv {
    padding-top: 5.5rem;
    background-position: center -7rem;
  }
}
@media (max-width: 768px) {
  .kv {
    background: #f74448 url(../img/bg_kv_sp_img.png) center 7px / cover
      no-repeat;
    padding: 3.63rem 0 45.4vw;
    overflow: hidden;
  }
}
.kv + .c-entry-btn {
  display: none;
}
@media (max-width: 768px) {
  .kv + .c-entry-btn {
    display: block;
  }
}
@media (max-width: 768px) {
  .kv + .c-entry-btn a {
    position: relative;
    display: block;
    margin: 1em 1em 0;
    padding: 1em;
    background: #df1c18;
    border-radius: 2em;
    font-size: 4.5vw;
    text-align: center;
    color: #fff;
  }
  .kv + .c-entry-btn a::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.557' height='10.159' viewBox='0 0 6.557 10.159'%3E%3Cpath id='Icon_awesome-angle-right' data-name='Icon awesome-angle-right' d='M8.073,12.366,3.757,16.682a.759.759,0,0,1-1.076,0l-.717-.717a.759.759,0,0,1,0-1.076l3.059-3.059L1.964,8.77a.759.759,0,0,1,0-1.076l.714-.724a.759.759,0,0,1,1.076,0L8.07,11.286A.76.76,0,0,1,8.073,12.366Z' transform='translate(-1.74 -6.746)' fill='%23Ffff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    width: 1.8vw;
    height: 2.7vw;
    position: absolute;
    right: 4vw;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.kv-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: absolute;
  top: 20.5px;
  left: 20px;
}
@media (max-width: 768px) {
  .kv-logo {
    top: 1.4rem;
    left: -webkit-calc(50% - 7.6455rem);
    left: calc(50% - 7.6455rem);
  }
}
@media (max-width: 1420px) {
  .kv-logo img {
    width: 19.2rem;
    height: 3.8rem;
  }
}
@media (max-width: 768px) {
  .kv-logo img {
    width: 15.291rem;
    height: auto;
  }
}

.kv-center {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.kv-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 1420px) {
  .kv-item {
    position: static;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .kv-item {
    width: 100%;
  }
}
.kv-item h1 {
  margin-top: -16px;
  font-family: "Chatwork Sans EB", "Hiragino Kaku Gothic ProN", "Hiragino Sans",
    "BIZ UDPGothic", Meiryo, Arial, "Helvetica Neue", sans-serif;
  font-size: 64px;
  color: #fff;
  /*text-shadow: 7px 0 10px rgba(8, 23, 37, .43);*/
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0;
}
@media (max-width: 1420px) {
  .kv-item h1 {
    margin-top: 10px;
    font-size: 5rem;
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .kv-item h1 {
    font-size: 2.8rem;
    padding: 2%;
  }

  .xsms {
    font-size: 13px;
  }
}
.kv-item h1 .sm {
  font-size: 50px;
}
.xsm {
  font-size: 20px;
}

@media (max-width: 1420px) {
  .kv-item h1 .sm {
    font-size: 3.7rem;
  }
}
@media (max-width: 768px) {
  .kv-item h1 .sm {
    font-size: 2.3rem;
  }
}
.kv-item h1 .lg {
  font-size: 70px;
}
@media (max-width: 1420px) {
  .kv-item h1 .lg {
    font-size: 6rem;
  }
}
@media (max-width: 768px) {
  .kv-item h1 .lg {
    font-size: 3.4rem;
  }
}
.kv-item h1 .em {
  padding-bottom: 6px;
  border-bottom: 8px solid #ffcf60;
}
@media (max-width: 1420px) {
  .kv-item h1 .em {
    border-bottom-width: 6px;
  }
}
@media (max-width: 768px) {
  .kv-item h1 .em {
    border-bottom-width: 4px;
    padding-bottom: 2px;
  }
}
.kv-item .c-entry-btn {
  margin-top: 24px;
}
@media (max-width: 768px) {
  .kv-item .c-entry-btn {
    width: 100%;
  }
}
.kv-item .c-entry-btn a {
  color: white;
}
@media (max-width: 1420px) {
  .kv-item .c-entry-btn a {
    color: white;
  }
}
.kv-item .c-entry-btn a span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 286px;
  height: 56px;
  background-color: #df1c18;
  border-radius: 4px;
  font-size: 23px;
  font-family: "UD新ゴNT DB", sans-serif;
}
@media (max-width: 768px) {
  .kv-item .c-entry-btn a span {
    margin: 0 auto;
    padding: 1.6rem;
    width: 100%;
    border-radius: 30px;
    font-size: 1.7rem;
  }
}
.kv-item .c-entry-btn a span::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.557' height='10.159' viewBox='0 0 6.557 10.159'%3E%3Cpath id='Icon_awesome-angle-right' data-name='Icon awesome-angle-right' d='M8.073,12.366,3.757,16.682a.759.759,0,0,1-1.076,0l-.717-.717a.759.759,0,0,1,0-1.076l3.059-3.059L1.964,8.77a.759.759,0,0,1,0-1.076l.714-.724a.759.759,0,0,1,1.076,0L8.07,11.286A.76.76,0,0,1,8.073,12.366Z' transform='translate(-1.74 -6.746)' fill='%23FFFFFF'/%3E%3C/svg%3E");
  background-size: cover;
}
.kv-item .c-entry-btn a span small {
  font-size: 15px;
}
@media (max-width: 1420px) {
  .kv-item .c-entry-btn a span small {
    font-size: 1.5rem;
  }
}

.kv-item__balloon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -4px;
  left: 100%;
  width: 189px;
  height: 189px;
  background: #fff7b0;
  border-radius: 50%;
  font-family: "Chatwork Sans B", "Hiragino Kaku Gothic ProN", "Hiragino Sans",
    "BIZ UDPGothic", Meiryo, Arial, "Helvetica Neue", sans-serif;
  font-size: 26px;
  text-align: center;
  line-height: 1.4;
  letter-spacing: -0.4px;
}
.kv-item__balloon .lg {
  font-size: 30px;
  font-weight: bold;
}
@media (max-width: 1420px) {
  .kv-item__balloon {
    top: -20px;
    left: auto;
    right: 1vw;
    width: 126px;
    height: 126px;
    font-size: 17px;
  }
  .kv-item__balloon .lg {
    font-size: 20px;
    font-weight: bold;
  }
}
@media (max-width: 768px) {
  .kv-item__balloon {
    top: auto;
    bottom: -34.8vw;
    left: 50%;
    -webkit-transform: translateX(-webkit-calc(-50% + 1rem));
    transform: translateX(calc(-50% + 1rem));
    width: 13.5rem;
    height: 12.3rem;
    background: url(../img/bg_kv_balloon.png) 0 0 / contain no-repeat;
    border-radius: 0;
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .kv-item__balloon .inner {
    padding-right: 1.2rem;
  }
}

.kv-item__lead {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 768px) {
  .kv-item__lead {
    width: 100%;
    height: auto;
    height: 13.2vw;
    font-size: 1.5rem;
  }
}
@media (max-width: 1420px) {
  .kv-item__lead img {
    width: 88rem;
    height: auto;
  }
}
@media (max-width: 768px) {
  .kv-item__lead img {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .kv-item__lead .brackets {
    position: absolute;
    top: -2.4rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    color: #fff;
  }
}
.kv-item__lead .text {
  display: none;
  font-size: 4vw;
  color: #df1c18;
}
@media (max-width: 768px) {
  .kv-item__lead .text {
    display: block;
    margin: 0 auto;
    padding-bottom: 4vw;
    font-size: 4vw;
  }
}
.kv-item__lead .text .em {
  color: #df1c18;
}

.kv-item__campaignPeriod {
  margin-top: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .kv-item__campaignPeriod {
    margin-top: 0;
    position: relative;
    z-index: 1;
    padding: 0 16px;
    text-align: center;
  }
}
.kv-item__campaignPeriod .inner {
  background: #2dad81;
  color: #fff;
  padding: 10px 23px;
  line-height: 1;
  font-size: 21px;
  border-radius: 6px;
  font-family: "UD新ゴNT DB", sans-serif;
  font-weight: 600;
}
@media (max-width: 1420px) {
  .kv-item__campaignPeriod .inner {
    padding: 0.8rem 2.3rem;
    font-size: 2.1rem;
  }
}
@media (max-width: 768px) {
  .kv-item__campaignPeriod .inner {
    padding: 0.8rem;
    background: #04ad81;
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
}
.kv-item__campaignPeriod .divider {
  color: #fff;
}
.kv-item__campaignPeriod .divider::after {
  content: "｜";
}
@media (max-width: 768px) {
  .kv-item__campaignPeriod .divider::after {
    color: #ffffff;
    content: "：";
  }
}

.kv-item__manImg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: absolute;
  left: -200px;
  bottom: -104px;
  width: 170px;
}
@media (max-width: 1420px) {
  .kv-item__manImg {
    left: 3vw;
    bottom: -7rem;
    width: auto;
  }
}
@media (max-width: 768px) {
  .kv-item__manImg {
    left: 5px;
    bottom: -43rem;
    width: 13.3rem;
  }
}
.kv-item__manImg img {
  width: 100%;
}
@media (max-width: 1420px) {
  .kv-item__manImg img {
    width: auto;
    height: 44vw;
    max-height: 456px;
  }
}
@media (max-width: 768px) {
  .kv-item__manImg img {
    width: 100%;
    height: auto;
    max-height: none;
  }
}

.kv-item__womanImg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: absolute;
  right: -160px;
  bottom: -104px;
  width: 141px;
}
@media (max-width: 1420px) {
  .kv-item__womanImg {
    right: 3vw;
    bottom: -7rem;
    width: auto;
  }
}
@media (max-width: 768px) {
  .kv-item__womanImg {
    right: 5px;
    bottom: -45rem;
    width: 11.9rem;
  }
}
.kv-item__womanImg img {
  width: 100%;
}
@media (max-width: 1420px) {
  .kv-item__womanImg img {
    width: auto;
    height: 42vw;
    max-height: 453px;
  }
}
@media (max-width: 768px) {
  .kv-item__womanImg img {
    width: 100%;
    height: auto;
    max-height: none;
  }
}

@media (max-width: 768px) {
  .close.kv {
    background-position-y: -11rem;
  }

  .close .kv-item__manImg,
  .close .kv-item__womanImg {
    bottom: 7rem;
    width: auto;
  }
}
.intro h2 {
  margin: 120px auto 60px;
  font-size: 38px;
  line-height: 1.5;
  font-family: "UD新ゴNT DB", sans-serif;
  text-align: center;
  font-weight: 800;
}
@media (max-width: 768px) {
  .intro h2 {
    margin-top: 3.2rem;
    font-size: 2rem;
    margin-bottom: 3rem;
  }
}
.intro .flex-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 64px 0px;
  counter-reset: num;
  margin: auto;
}
.intro .flex-box p {
  font-size: 18px;
  font-weight: 600;
  font-family: "UD新ゴNT DB", sans-serif;
  color: #13202f;
  margin-bottom: 30px;
  line-height: 37px;
}
@media (max-width: 768px) {
  .intro .flex-box p {
    font-size: 16px;
    line-height: 33px;
  }
}
.intro .flex-box .em {
  color: #df1c18;
}
.intro .flex-box img {
  width: 68%;
}
.intro .flex-box .thumb {
  text-align: center;
}

.merit h2 {
  margin: 120px auto 0;
  font-size: 38px;
  line-height: 1.5;
  font-family: "UD新ゴNT DB", sans-serif;
  text-align: center;
  border-bottom: 2px solid #f03748;
  font-weight: bold;
  padding-bottom: 30px;
}
@media (max-width: 768px) {
  .merit h2 {
    margin-top: 6.2rem;
    font-size: 2rem;
  }
}
.merit h2 .em {
  color: #df1c18;
}
.merit h3 {
  margin-top: 40px;
  font-size: 32px;
  color: #df1c18;
  text-align: center;
}
@media (max-width: 768px) {
  .merit h3 {
    font-size: 2.1rem;
  }
}
.merit .fv-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: unset;
  margin-bottom: 12px;
}
.merit .fv-btn a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 66px;
  position: relative;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}
@media (max-width: 768px) {
  .merit .fv-btn a {
    font-size: 1.7rem;
  }
}
.merit .fv-btn a span {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #df1c18;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}
.merit .fv-btn a span::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.97' height='15.45' viewBox='0 0 6.557 10.159'%3E%3Cpath id='Icon_awesome-angle-right' data-name='Icon awesome-angle-right' d='M8.073,12.366,3.757,16.682a.759.759,0,0,1-1.076,0l-.717-.717a.759.759,0,0,1,0-1.076l3.059-3.059L1.964,8.77a.759.759,0,0,1,0-1.076l.714-.724a.759.759,0,0,1,1.076,0L8.07,11.286A.76.76,0,0,1,8.073,12.366Z' transform='translate(-1.74 -6.746)' fill='%23FFFFFF'/%3E%3C/svg%3E");
  position: absolute;
  width: 9.97px;
  height: 15.45px;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.merit .fv-btn p {
  text-align: center;
}
.merit .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 64px 16px;
  margin-top: 80px;
  counter-reset: num;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .merit .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 5rem;
  }
}
.merit .list li {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 40px 24px 24px;
  border: 3px solid #df1c18;
  border-radius: 34px;
}
@media (max-width: 768px) {
  .merit .list li {
    font-size: 1.6rem;
  }
}
.merit .list li figure {
  text-align: -webkit-center;
  margin-bottom: 20px;
  height: 172px;
}
@media (max-width: 768px) {
  .merit .list li figure {
    height: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.merit .list li img {
  height: 100%;
  object-fit: cover;
}
.merit .list li .title {
  margin-bottom: 24px;
  min-height: 119px;
  font-size: 24px;
  text-align: center;
}
@media (max-width: 1023px) {
  .merit .list li .title {
    height: auto;
  }
}
@media (max-width: 768px) {
  .merit .list li .title {
    font-size: 2.1rem;
    min-height: inherit;
  }
}
@media (max-width: 1023px) {
  .merit .list li .title br {
    display: none;
  }
}
@media (max-width: 768px) {
  .merit .list li .title br {
    display: block;
  }
}
.merit .list li .title .attention {
  font-size: 16px;
  display: block;
  background-color: rgba(240, 55, 72, 0.05);
  padding: 8px;
  margin-top: 10px;
  text-align: center;
  font-family: "UD新ゴNT M", sans-serif;
  font-weight: 500;
}
@media (max-width: 768px) {
  .merit .list li .title .attention {
    font-size: 16px;
    text-align: left;
  }
}
.merit .list li .title .attention a {
  color: #1877f2;
  text-decoration: underline;
  font-family: "UD新ゴNT M", sans-serif;
}
.merit .list li .text {
  text-align: center;
  font-family: "UD新ゴNT M", sans-serif;
}
.merit .list li .text a {
  color: #1877f2;
  text-decoration: underline;
  font-family: "UD新ゴNT M", sans-serif;
}
.merit .list li::before {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  background: #df1c18;
  border-radius: 50%;
  counter-increment: num;
  content: counter(num);
  color: #fff;
  font-size: 31px;
}
@media (max-width: 768px) {
  .merit .list li::before {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 2.1rem;
  }
}

.campaign {
  margin-top: 100px;
}
.campaign h2 {
  border-bottom: 2px solid #f03748;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.campaign h3 {
  text-align: center;
  font-weight: bold;
  font-size: 2.2em;
}
@media (max-width: 768px) {
  .campaign h3 {
    font-size: 1.5em;
  }
}
.campaign h3 .lg {
  font-size: 1.2em;
}
@media (max-width: 768px) {
  .campaign h3 .lg {
    font-size: 1.3em;
    line-height: 1.8;
  }
}
.campaign h3 .em {
  padding-bottom: 6px;
  border-bottom: 4px solid #f03748;
  color: #f03748;
}
.campaign-item {
  margin-top: 64px;
}
.campaign-item__lead {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 2px solid #df1c18;
  padding-bottom: 13px;
  font-size: 32px;
  font-family: "UD新ゴNT DB", sans-serif;
  line-height: 1;
  font-weight: 600;
}
@media (max-width: 768px) {
  .campaign-item__lead {
    font-size: 2.1rem;
  }
}
.campaign-item__lead a {
  display: inline-block;
  margin-left: 48px;
  font-size: 22px;
  color: #df1c18;
  text-decoration: underline;
  text-underline-offset: 8px;
}
@media (max-width: 768px) {
  .campaign-item__lead a {
    display: none;
    margin-left: 2rem;
    font-size: 1.6rem;
  }
}
.campaign-item__entry {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 50px 0 40px 0;
}
.campaign-item__entry figure {
  position: relative;
  margin: 0 auto;
  max-width: 757px;
}
.campaign-item__entry figure img {
  width: 100%;
}
.campaign-item__entry figcaption {
  position: absolute;
  bottom: 0;
  left: 6%;
  width: 270px;
  background: #fdcc57;
  border-radius: 20px;
  margin: 17px auto 0;
  padding: 18px;
}
.campaign-item__entry figcaption::after {
  position: absolute;
  top: -14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 14px 8px;
  border-color: transparent transparent #fdcc57 transparent;
  content: "";
}
.campaign-item__entryTxt {
  text-align: center;
  font-family: "UD新ゴNT DB", sans-serif;
  font-size: 24px;
  margin-bottom: 28px;
  font-weight: 600;
}
.campaign-item .fv-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: unset;
  margin-bottom: 20px;
}
.campaign-item .fv-btn a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 450px;
  height: 66px;
  position: relative;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}
@media (max-width: 768px) {
  .campaign-item .fv-btn a {
    font-size: 1.7rem;
  }
}
.campaign-item .fv-btn a span {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #df1c18;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}
.campaign-item .fv-btn a span::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.97' height='15.45' viewBox='0 0 6.557 10.159'%3E%3Cpath id='Icon_awesome-angle-right' data-name='Icon awesome-angle-right' d='M8.073,12.366,3.757,16.682a.759.759,0,0,1-1.076,0l-.717-.717a.759.759,0,0,1,0-1.076l3.059-3.059L1.964,8.77a.759.759,0,0,1,0-1.076l.714-.724a.759.759,0,0,1,1.076,0L8.07,11.286A.76.76,0,0,1,8.073,12.366Z' transform='translate(-1.74 -6.746)' fill='%23FFFFFF'/%3E%3C/svg%3E");
  position: absolute;
  width: 9.97px;
  height: 15.45px;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.campaign-item__entryNotes {
  text-align: center;
  margin-bottom: 63px;
  font-size: 13px;
  line-height: 1.6923076923;
  color: #777777;
  font-family: "UD新ゴNT M", sans-serif;
}
.campaign-item__entryNotes a {
  color: #fa384d;
  text-decoration: underline;
}
.campaign-invite {
  margin: 0px 0 63px 0;
}
.campaign-invite__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 6px solid #df1c18;
  border-radius: 18px;
}
.campaign-invite__item.width-full {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  width: 100%;
}
.campaign-invite__item.width-full .campaign-invite__contents {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.campaign-invite__item.width-full .campaign-invite__txt {
  padding: 0 60px;
}
.campaign-invite__lead {
  background-color: #df1c18;
  width: 100%;
  height: 72px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
  font-size: 32px;
  font-family: "UD新ゴNT DB", sans-serif;
  font-weight: 600;
}
.campaign-invite__contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  border-radius: 0 0 18px 18px;
  padding: 30px 39px 40px 39px;
}
.campaign-invite__txt {
  font-size: 18px;
  font-weight: 600;
  font-family: "UD新ゴNT DB", sans-serif;
  color: #13202f;
}
.campaign-invite__txt span {
  color: #df1c18;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(60%, transparent),
    color-stop(0%, #fdde2e)
  );
  background: -webkit-linear-gradient(transparent 60%, #fdde2e 0%);
  background: linear-gradient(transparent 60%, #fdde2e 0%);
  padding-bottom: 1px;
}
.campaign-invite__img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 20px 0;
}
.campaign-invite__img img {
  width: 100%;
  height: auto;
}
.campaign-invite__img img.invite_03 {
  margin-top: -webkit-calc(314px - 235px);
  margin-top: calc(314px - 235px);
}
.campaign-invite__detail {
  margin: -10px 40px 40px 40px;
  font-size: 13px;
  font-family: "UD新ゴNT M", sans-serif;
  color: #df1c18;
}
.campaign-invite__detail a {
  color: #df1c18;
  text-decoration: underline;
}
.campaign-invite__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 15px auto 0;
}
.campaign-invite__btn span {
  display: block;
  background-color: #2ea88a;
  padding: 13px 40px 13px 20px;
  width: 311px;
  color: white;
  font-size: 16px;
  font-family: "UD新ゴNT DB", sans-serif;
  font-weight: 600;
  position: relative;
  border-radius: 6px;
  text-align: center;
}
.campaign-invite__btn span::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.75' height='12.008' viewBox='0 0 7.75 12.008'%3E%3Cpath id='Icon_awesome-angle-right' data-name='Icon awesome-angle-right' d='M9.226,13.388l-5.1,5.1a.9.9,0,0,1-1.272,0L2,17.642A.9.9,0,0,1,2,16.37l3.616-3.616L2,9.138A.9.9,0,0,1,2,7.866l.844-.855a.9.9,0,0,1,1.272,0l5.1,5.1A.9.9,0,0,1,9.226,13.388Z' transform='translate(-1.74 -6.747)' fill='%23fff'/%3E%3C/svg%3E");
  position: absolute;
  width: 7.75px;
  height: 12.01px;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.campaign-invite__btn:hover span::after {
  -webkit-animation: btnArrow 0.3s ease-in-out;
  animation: btnArrow 0.3s ease-in-out;
}
.campaign-invite__or {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 93px;
  height: 93px;
  background: #fdcc57;
  border-radius: 50%;
  font-family: "UD新ゴNT DB", sans-serif;
  font-size: 26px;
  font-weight: 600;
}
.campaign-done .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  margin: 48px 0;
  font-size: 1.5em;
  font-weight: bold;
}
@media (max-width: 768px) {
  .campaign-done .title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 2.4rem 0;
    font-size: 2rem;
    text-align: center;
  }
}
.campaign-done .title .lg {
  font-size: 3.4rem;
}
.campaign-done .title .num {
  background-color: #df1c18;
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 31px;
  color: white;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .campaign-done .title .num {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 2.1rem;
  }
}
.campaign-done .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem 50px;
}
@media (max-width: 1230px) {
  .campaign-done .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.campaign-done figure {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  margin-bottom: 20px;
}
@media (max-width: 1230px) {
  .campaign-done figure {
    margin: 0 auto;
    width: 100%;
    max-width: 710px;
  }
}
@media (max-width: 768px) {
  .campaign-done figure {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .campaign-done figure img {
    width: 100%;
  }
}
.campaign-done figcaption {
  display: inline-block;
  padding: 0 16px;
  margin: 0 auto 10px;
  background: #df1c18;
  border-radius: 8px;
  color: #fff;
  font-size: 24px;
}
@media (max-width: 768px) {
  .campaign-done figcaption {
    font-size: 1.4rem;
  }
}
.campaign-done figcaption .lg {
  font-size: 30px;
}
@media (max-width: 768px) {
  .campaign-done figcaption .lg {
    font-size: 1.7rem;
  }
}
.campaign-done .figure_01 .image {
  margin-top: 47px;
  width: 504px;
}
@media (max-width: 768px) {
  .campaign-done .figure_01 .image {
    margin-top: 0;
    width: 100%;
  }
}
.campaign-done .figure_02 .image {
  width: 368px;
}
@media (max-width: 768px) {
  .campaign-done .figure_02 .image {
    width: 100%;
  }
}
.campaign-done .figure_03 {
  margin-top: 33px;
}
@media (max-width: 768px) {
  .campaign-done .figure_03 {
    margin-top: 2rem;
  }
}
.campaign-done .figure_03 .image {
  width: 266px;
}
@media (max-width: 768px) {
  .campaign-done .figure_03 .image {
    width: 100%;
  }
}
.campaign-done .figure_04 {
  margin: 0 auto;
  width: 710px;
}
@media (max-width: 1230px) {
  .campaign-done .figure_04 {
    width: 100%;
    max-width: 710px;
  }
}
.campaign-done .figure_04 .image {
  margin-top: 33px;
  width: 595px;
}
@media (max-width: 768px) {
  .campaign-done .figure_04 .image {
    width: 100%;
  }
}
.campaign-present {
  background-color: #f03748;
  padding: 42px 0;
  margin-top: 137px;
  position: relative;
}
.campaign-present::after {
  content: "";
  background-image: url(../img/objest_02.png);
  position: absolute;
  width: 91px;
  height: 146px;
  left: 0;
  right: -83%;
  text-align: center;
  margin: auto;
  top: 29%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media (max-width: 768px) {
  .campaign-present::after {
    font-size: 1em;
    top: 94px;
    width: 43px;
  }
}
.campaign-present::before {
  content: "";
  background-image: url(../img/objest_01.png);
  position: absolute;
  width: 126px;
  height: 276px;
  left: -56%;
  right: 0;
  text-align: center;
  margin: auto;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media (max-width: 768px) {
  .campaign-present::before {
    left: -86%;
    top: 100px;
    width: 42px;
    height: 274px;
  }
}
.campaign-presentItem {
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
}
.campaign-presentTtl {
  font-size: 49px;
  font-weight: 600;
  color: white;
  text-align: center;
  line-height: 1.5;
  font-family: "UD新ゴNT DB", sans-serif;
}
.campaign-presentTtl .em {
  padding-bottom: 2px !important;
  border-bottom: 5px solid #ffcf60 !important;
  color: #fff !important;
}
.campaign-presentTtl .large {
  font-size: 1.5em;
}
.campaign-presentTxt {
  font-size: 44px;
  font-weight: 600;
  line-height: 1.2727272727;
  text-align: center;
  color: white;
  font-family: "UD新ゴNT DB", sans-serif;
}
.campaign-presentTxt span {
  color: #fede2e;
}
.campaign-presentTxt span:nth-child(1) {
  font-size: 37px;
}
.campaign-presentTxt span:nth-child(2) {
  font-size: 49px;
}
.campaign-presentTxt span:nth-child(3) {
  font-size: 31px;
}
.campaign-presentAbsimg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: -125px;
  left: 0;
  width: 200px;
  height: 200px;
  background: url(../img/bg_present_title_balloon.png) 0 0/100% auto no-repeat;
  font-size: 34px;
  line-height: 1.3;
}
.campaign-presentAbsimg span {
  margin-left: -10px;
}
.campaign-presentAbsimg .strong {
  font-family: "Chatwork Sans B", "Hiragino Kaku Gothic ProN", "Hiragino Sans",
    "BIZ UDPGothic", Meiryo, Arial, "Helvetica Neue", sans-serif;
  color: #df1c18;
  font-size: 40px;
}
.campaign-presentBtns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.campaign-presentLinks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 450px;
  height: 66px;
  position: relative;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}
.campaign-presentLinks span {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  font-family: "UD新ゴNT DB", sans-serif;
  color: #df1c18;
}
.campaign-presentLinks span::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.557' height='10.159' viewBox='0 0 6.557 10.159'%3E%3Cpath id='Icon_awesome-angle-right' data-name='Icon awesome-angle-right' d='M8.073,12.366,3.757,16.682a.759.759,0,0,1-1.076,0l-.717-.717a.759.759,0,0,1,0-1.076l3.059-3.059L1.964,8.77a.759.759,0,0,1,0-1.076l.714-.724a.759.759,0,0,1,1.076,0L8.07,11.286A.76.76,0,0,1,8.073,12.366Z' transform='translate(-1.74 -6.746)' fill='%23FFFFFF'/%3E%3C/svg%3E");
  position: absolute;
  width: 9.97px;
  height: 15.45px;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media (min-width: 768px) {
  .campaign-presentLinks:hover span {
    width: 90%;
    height: 90%;
  }
  .campaign-presentLinks:hover span::after {
    -webkit-animation: btnArrow 0.3s ease-in-out;
    animation: btnArrow 0.3s ease-in-out;
  }
  .xsms {
    font-size: 20px;
  }
}
.campaign-presentImg {
  position: absolute;
  bottom: -57px;
  right: -78px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.campaign-presentImg img {
  width: 213.48px;
  height: 188.21px;
}
.campaign-presentImg .text_balloon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -123px;
  left: -4px;
  width: 140px;
  height: 190px;
  font-size: 1.3em;
  background: url(../img/bg_present_ph_man_balloon.png) 0 0/100% auto no-repeat;
  text-align: center;
  letter-spacing: 0px;
  z-index: 2;
}
.campaign-presentImg .text_balloon .inner {
  margin-top: -45px;
}
.campaign-detail {
  padding: 88px 0 56px 0;
}
.campaign-detailItem {
  margin-top: 50px;
}
.campaign-detailLead {
  font-size: 20px;
  font-family: "UD新ゴNT DB", sans-serif;
  line-height: 1;
  font-weight: 600;
  background-color: #e1e3e6;
  padding: 16px 20px 14px 20px;
  border-radius: 6px;
}
.campaign-detailTxtArea {
  padding: 25px 18px 34px 18px;
}
.campaign-detailTxtArea .list__circled-numbers {
  counter-reset: list-counter;
  margin-left: 1.5em;
}
.campaign-detailTxtArea .list__circled-numbers > li {
  position: relative;
}
.campaign-detailTxtArea .list__circled-numbers > li:before {
  content: counter(list-counter);
  counter-increment: list-counter;
  position: absolute;
  top: 0.3em;
  display: block;
  margin-left: -2em;
  border-radius: 50%;
  height: 1.44em;
  width: 1.44em;
  border: 1px solid #13202f;
  font-size: 0.7em;
  line-height: 1.44em;
  text-align: center;
}
.campaign-detailTxtArea .list__lower-alpha {
  margin-left: 1.5em;
  list-style: lower-alpha;
}
.campaign-detailTxtArea .list__upper-latin {
  margin-left: 1.5em;
  list-style: upper-latin;
}
.campaign-detailTxtArea .list__upper-latin .load_font {
  display: none;
  font-family: "UD新ゴNT M", sans-serif;
}
.campaign-detailTxtArea .list__disc {
  list-style: disc;
  margin-left: 1em;
}
.campaign-detailTxtArea .list__asterisk > li {
  position: relative;
  margin-left: 1.5em;
}
.campaign-detailTxtArea .list__asterisk > li:before {
  position: absolute;
  content: "※";
  margin-left: -1.5em;
}
.campaign-detailTxtArea .present-detail {
  display: inline-block;
  margin: 1.8em 0;
  padding: 1.3em 0 0.7em;
  border: 2px dashed;
  border-width: 2px 0 2px 0;
}
.campaign-detailTxtArea .present-detail dl {
  position: relative;
  margin-bottom: 20px;
}
.campaign-detailTxtArea .present-detail dt {
  position: absolute;
  top: -2em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: -0.8em;
  padding: 0.2em 1.4em;
  background: #fff;
}
@media (min-width: 768px) {
  .campaign-detailTxtArea .present-detail dt {
    left: 18%;
  }
}
.campaign-detailTxtArea .present-detail dd {
  margin: 10px 0 0 1.5em;
  text-indent: -1.5em;
}
.campaign-detailTxtArea .present-detail dd .sm {
  font-size: 13px;
}
.campaign-detailTxtArea .text {
  margin-bottom: 20px;
}
.campaign-detailTtl {
  font-size: 16px;
  line-height: 1.5;
  font-family: "UD新ゴNT DB", sans-serif;
}
.campaign-detailTxt {
  margin-top: 13px;
  font-size: 13px;
  line-height: 1.6923076923;
  color: #777777;
  font-family: "UD新ゴNT M", sans-serif;
}
.campaign-detailTxt a {
  color: #1877f2;
  text-decoration: underline;
  font-family: "UD新ゴNT M", sans-serif;
}
.campaign-detailTxt a:hover {
  text-decoration: unset;
}
.campaign-detailTxt p {
  margin-top: 13px;
}
.campaign__mailTxt {
  color: #0069e4 !important;
  font-family: "UD新ゴNT M", sans-serif;
}
.campaign__mailTxt:hover {
  text-decoration: unset;
}

.footerEntry {
  background-color: #f03748;
  padding: 43px 0;
}
.footerEntry-item {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.footerEntry-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.footerEntry-btns a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 450px;
  height: 80px;
}
.footerEntry-btns a span {
  font-size: 20px;
  line-height: 1.3888888889;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100px;
  font-family: "UD新ゴNT DB", sans-serif;
}
.footerEntry-btns a:first-child {
  margin: 0 25px 0 18px;
}
.footerEntry-btns a:first-child span {
  background-color: white;
  border: 2px solid white;
  color: #df1c18;
}
.footerEntry-btns a:first-child span::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.97' height='15.45' viewBox='0 0 6.557 10.159'%3E%3Cpath id='Icon_awesome-angle-right' data-name='Icon awesome-angle-right' d='M8.073,12.366,3.757,16.682a.759.759,0,0,1-1.076,0l-.717-.717a.759.759,0,0,1,0-1.076l3.059-3.059L1.964,8.77a.759.759,0,0,1,0-1.076l.714-.724a.759.759,0,0,1,1.076,0L8.07,11.286A.76.76,0,0,1,8.073,12.366Z' transform='translate(-1.74 -6.746)' fill='%23f03748'/%3E%3C/svg%3E");
  position: absolute;
  width: 9.97px;
  height: 15.45px;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.footerEntry-btns a:nth-child(2) span {
  font-size: 18px;
  color: white;
  border: 2px solid white;
  text-align: center;
}
.footerEntry-btns a:nth-child(2) span::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.97' height='15.45' viewBox='0 0 6.557 10.159'%3E%3Cpath id='Icon_awesome-angle-right' data-name='Icon awesome-angle-right' d='M8.073,12.366,3.757,16.682a.759.759,0,0,1-1.076,0l-.717-.717a.759.759,0,0,1,0-1.076l3.059-3.059L1.964,8.77a.759.759,0,0,1,0-1.076l.714-.724a.759.759,0,0,1,1.076,0L8.07,11.286A.76.76,0,0,1,8.073,12.366Z' transform='translate(-1.74 -6.746)' fill='%23FFFFFF'/%3E%3C/svg%3E");
  position: absolute;
  width: 9.97px;
  height: 15.45px;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media (min-width: 768px) {
  .footerEntry-btns a:hover span {
    width: 90%;
    height: 90%;
  }
  .footerEntry-btns a:hover span::after {
    -webkit-animation: btnArrow 0.3s ease-in-out;
    animation: btnArrow 0.3s ease-in-out;
  }
}
.footerEntry-img {
  position: absolute;
  right: 0;
  bottom: -44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.footerEntry-img img {
  width: 206.34px;
  height: 181.91px;
}

.l-footer {
  background-color: #13202f;
  padding: 45px 0 49px 0;
}
.l-footer-ttl {
  font-size: 16px;
  font-weight: 600;
  color: white;
  text-align: center;
}
.l-footer-ttl span {
  position: relative;
}
.l-footer-ttl span::before {
  content: "";
  background: url(../img/illu_line_left.svg) no-repeat;
  background-size: cover;
  width: 11px;
  height: 16px;
  display: inline-block;
  margin-right: 9px;
  vertical-align: middle;
}
.l-footer-ttl span::after {
  content: "";
  background: url(../img/illu_line_right.svg) no-repeat;
  background-size: cover;
  width: 11px;
  height: 16px;
  display: inline-block;
  margin-left: 9px;
  vertical-align: middle;
}
.l-footer-socialBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}
.l-footer-socialBtn a {
  width: 250px;
  height: 45px;
  border-radius: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
  font-size: 14px;
  font-family: "UD新ゴNT DB", sans-serif;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  .l-footer-socialBtn a:hover {
    opacity: 0.9;
  }
}
.l-footer-socialBtn__facebook {
  background-color: #1877f2;
}
.l-footer-socialBtn__line {
  background-color: #06c755;
  margin: 0 20px;
}
.l-footer-socialBtn__twitter {
  background-color: #df1c18;
}
.l-footer-chatworkLogo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.l-footer-chatworkLogo img {
  width: 200.2px;
  height: 40.09px;
}
.l-footer-copyright {
  background-color: #263445;
  text-align: center;
  color: white;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 0;
}

@media (min-width: 768px) {
  @-webkit-keyframes btnArrow {
    15% {
      right: 3;
      opacity: 0.8;
    }
    30% {
      right: 5px;
      opacity: 0;
    }
    70% {
      right: 30px;
      opacity: 0;
    }
    to {
      right: 20px;
      opacity: 1;
    }
  }
  @keyframes btnArrow {
    15% {
      right: 3;
      opacity: 0.8;
    }
    30% {
      right: 5px;
      opacity: 0;
    }
    70% {
      right: 30px;
      opacity: 0;
    }
    to {
      right: 20px;
      opacity: 1;
    }
  }
}
@media (max-width: 1230px) {
  .merit-item {
    padding: 8rem 0;
  }
  .merit__img img {
    width: 48.8rem;
    height: 35rem;
  }
  .merit__txtArea {
    margin-left: 7.4rem;
  }
  .merit__txtArea h2 {
    font-size: 3.3rem;
  }
  .merit__txtArea p {
    margin-top: 3.1rem;
    font-size: 1.8rem;
  }

  .campaign-item {
    margin-top: 4.5rem;
  }
  .campaign-item__entry {
    padding: 5rem 0 4rem 0;
  }
  .campaign-item__entry figure {
    max-width: 70%;
  }
  .campaign-item__entry figure figcaption {
    left: 6.2%;
    width: 30rem;
    font-size: 1.8rem;
  }
  .campaign-item__entryTxt {
    font-size: 2.4rem;
    margin-bottom: 2.8rem;
  }
  .campaign-item .fv-btn {
    margin-bottom: 6.3rem;
  }
  .campaign-invite {
    margin: 5rem 0 6.3rem 0;
    gap: 5.6rem 4rem;
  }
  .campaign-invite__item {
    width: 56rem;
    border: 0.6rem solid #df1c18;
    border-radius: 1.8rem;
  }
  .campaign-invite__lead {
    background-color: #df1c18;
    width: 100%;
    height: 7.2rem;
    font-size: 3.2rem;
  }
  .campaign-invite__contents {
    padding: 3rem 3.9rem 4rem 3.9rem;
    height: auto;
  }
  .campaign-invite__txt {
    font-size: 1.8rem;
  }
  .campaign-invite__img {
    margin: 2rem 0;
  }
  .campaign-invite__detail {
    font-size: 1.3rem;
  }
  .campaign-invite__btn {
    margin-top: 1.5rem;
  }
  .campaign-invite__btn span {
    padding: 1.3rem 4rem 1.3rem 2rem;
    color: white;
    font-size: 1.6rem;
    border-radius: 0.6rem;
  }
  .campaign-invite__btn span::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.75' height='12.008' viewBox='0 0 7.75 12.008'%3E%3Cpath id='Icon_awesome-angle-right' data-name='Icon awesome-angle-right' d='M9.226,13.388l-5.1,5.1a.9.9,0,0,1-1.272,0L2,17.642A.9.9,0,0,1,2,16.37l3.616-3.616L2,9.138A.9.9,0,0,1,2,7.866l.844-.855a.9.9,0,0,1,1.272,0l5.1,5.1A.9.9,0,0,1,9.226,13.388Z' transform='translate(-1.74 -6.747)' fill='%23fff'/%3E%3C/svg%3E");
    position: absolute;
    width: 7.75px;
    height: 12.01px;
    right: 20px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .campaign-invite__btn:hover span::after {
    -webkit-animation: btnArrow 0.3s ease-in-out;
    animation: btnArrow 0.3s ease-in-out;
  }
  .campaign-done__content {
    gap: 5.8rem 5rem;
    margin-top: 5.6rem;
  }
  .campaign-done__content figure {
    padding: 0 3.2rem;
    font-size: 2.4rem;
  }
  .campaign-done__content figure .title {
    font-size: 3.8rem;
  }
  .campaign-done__content figure .title .lg {
    font-size: 5rem;
  }
  .campaign-done__content figure figcaption {
    margin: 4.8rem 0 3rem;
  }
  .campaign-done__content figure figcaption .em {
    padding-bottom: 5px;
  }
  .campaign-done__content figure figcaption .strong {
    font-size: 3rem;
  }
  .campaign-done__content figure .image__wrap {
    gap: 0 2.5rem;
  }
  .campaign-done__content figure .image__wrap .you {
    max-width: 15.4rem;
  }
  .campaign-done__content figure .image__wrap .arrow {
    max-width: 8rem;
  }
  .campaign-done__content figure .image__wrap .person3 {
    max-width: 20.6rem;
  }
  .campaign-done__content figure .image__wrap .person1 {
    max-width: 15.4rem;
  }
  .campaign-done__content figure .image__wrap .text {
    font-size: 1.8rem;
  }
  .campaign-done__content figure .note {
    margin-bottom: 3rem;
    font-size: 1.3rem;
  }
  .campaign-done .num {
    width: 4rem;
    height: 4rem;
    font-size: 2.4rem;
    margin-right: 1.6rem;
  }
  .campaign-done .annotation {
    margin-top: 6rem;
    font-size: 1.3rem;
  }
  .campaign-presentItem {
    margin: 0 20px;
  }
  .campaign-present {
    padding: 8.9rem 0 5.3rem 0;
    margin-top: 13.7rem;
  }
  .campaign-presentTtl {
    font-size: 2.8rem;
  }
  .campaign-presentTxt {
    font-size: 4.4rem;
  }
  .campaign-presentTxt span {
    color: #fede2e;
  }
  .campaign-presentTxt span:nth-child(1) {
    font-size: 3.7rem;
  }
  .campaign-presentTxt span:nth-child(2) {
    font-size: 4.9rem;
  }
  .campaign-presentTxt span:nth-child(3) {
    font-size: 3.1rem;
  }
  .campaign-presentAbsimg {
    left: 20px;
  }
  .campaign-presentAbsimg img {
    width: 17.6rem;
    height: 17.6rem;
  }
  .campaign-presentLead {
    font-size: 1.7rem;
    top: -13.4rem;
    padding: 2rem 3.5rem;
    border-radius: 10px;
    width: 75%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .campaign-presentBtns {
    margin-top: 1.5rem;
  }
  .campaign-presentLinks {
    width: 45rem;
    height: 6.6rem;
    font-size: 2rem;
  }
  .campaign-presentLinks svg {
    right: 2rem;
  }
  .campaign-presentImg {
    bottom: -8.5rem;
    right: 0;
  }
  .campaign-presentImg img {
    width: 21.348rem;
    height: 18.821rem;
  }
  .campaign-detail {
    padding: 8rem 0 5.6rem 0;
  }
  .campaign-detailItem {
    margin-top: 5rem;
  }
  .campaign-detailLead {
    font-size: 2rem;
    padding: 1.6rem 2rem 1.4rem 2rem;
  }
  .campaign-detailTxtArea {
    padding: 2.5rem 1.8rem 3.4rem 1.8rem;
    font-size: 1.6rem;
  }
  .campaign-detailTtl {
    font-size: 1.6rem;
  }
  .campaign-detailTxt {
    margin-top: 1.3rem;
    font-size: 1.3rem;
  }

  .footerEntry {
    padding: 4.3rem 0;
  }
  .footerEntry-item {
    margin: 0 20px;
  }
  .footerEntry-btns a {
    width: 45rem;
    height: 8rem;
  }
  .footerEntry-btns a svg {
    right: 2rem;
  }
  .footerEntry-btns a span {
    font-size: 2rem;
  }
  .footerEntry-btns a:first-child {
    margin: 0 2.5rem 0 0;
  }
  .footerEntry-btns a:nth-child(2) span {
    font-size: 1.8rem;
  }
  .footerEntry-img {
    top: -5.9rem;
  }
  .footerEntry-img img {
    width: 20.634rem;
    height: 18.191rem;
  }

  .l-footer {
    padding: 4.5rem 0 4.9rem 0;
  }
  .l-footer-ttl {
    font-size: 1.6rem;
  }
  .l-footer-ttl span::before {
    width: 1.1rem;
    height: 1.6rem;
    margin-right: 0.9rem;
  }
  .l-footer-ttl span::after {
    width: 1.1rem;
    height: 1.6rem;
    margin-left: 0.9rem;
  }
  .l-footer-socialBtn {
    margin-top: 1.8rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .l-footer-socialBtn a {
    width: 25rem;
    height: 4.5rem;
    font-size: 1.4rem;
  }
  .l-footer-socialBtn__line {
    margin: 1.8rem 0;
  }
  .l-footer-chatworkLogo {
    margin-top: 3rem;
  }
  .l-footer-chatworkLogo img {
    width: 17.2rem;
    height: 4.455rem;
  }
  .l-footer-copyright {
    font-size: 1.3rem;
  }
}
@media (max-width: 768px) {
  .l-header {
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.7rem 2rem;
  }
  .l-header__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .l-header__logo img {
    width: 15.291rem;
    height: 3.062rem;
  }
  .l-header__btns {
    display: none;
  }

  .merit-item {
    padding: 2.9rem 0 4.3rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .merit__img {
    margin-top: 3rem;
  }
  .merit__img img {
    width: 30rem;
    height: 21.5rem;
  }
  .merit__txtArea {
    margin-left: unset;
  }
  .merit__txtArea h2 {
    font-size: 1.8rem;
    line-height: 1.6;
    text-align: center;
    position: relative;
  }
  .merit__txtArea h2::after {
    content: "";
    border-bottom: 1px solid #13202f;
    width: 4.5rem;
    position: absolute;
    bottom: -20px;
    left: -webkit-calc(50% - 2.25rem);
    left: calc(50% - 2.25rem);
  }
  .merit__txtArea p {
    text-align: center;
    margin-top: 50px;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.8461538462;
  }
  .merit__txtArea p span {
    color: #00b295;
  }

  .campaign {
    margin-top: 5rem;
  }
  .campaign-item {
    margin-top: 6.4rem;
  }
  .campaign-item__lead span:nth-child(1) {
    width: 2.6rem;
    height: 2.6rem;
    font-size: 1.6rem;
  }
  .campaign-item__lead span:nth-child(2) {
    font-size: 2.1rem;
  }
  .campaign-item__entry {
    padding: 3rem 0 2.5rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .campaign-item__entry figure {
    width: auto;
    max-width: 100%;
  }
  .campaign-item__entry figure + figure {
    margin-top: 50px;
  }
  .campaign-item__entry figure + figure::before {
    top: -38px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg);
    border-width: 16px 0 16px 22px;
  }
  .campaign-item__entry figure figcaption {
    left: 8%;
    padding: 1rem;
    width: 15.4rem;
    font-size: 1rem;
  }
  .campaign-item__entry figure figcaption::after {
    top: -0.8rem;
  }
  .campaign-item__entryTxt {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
  }
  .campaign-item .fv-btn {
    margin-bottom: 3rem;
  }
  .campaign-invite {
    margin: 6.4rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
  .campaign-invite__item {
    width: 100%;
    border: 0.4rem solid #df1c18;
    border-radius: 0.9rem;
  }
  .campaign-invite__item.width-full .campaign-invite__contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8rem 0;
    padding: 0 2rem;
  }
  .campaign-invite__item.width-full .campaign-invite__txt {
    padding: 0;
  }
  .campaign-invite__lead {
    background-color: #df1c18;
    width: 100%;
    height: 6rem;
    font-size: 2.4rem;
  }
  .campaign-invite__contents {
    padding: 2rem;
  }
  .campaign-invite__contents:not(:last-child) {
    padding-bottom: 0;
  }
  .campaign-invite__txt {
    font-size: 1.6rem;
  }
  .campaign-invite__img {
    margin: 1.5rem 0;
  }
  .campaign-invite__detail {
    margin: 2rem;
    font-size: 1.3rem;
  }
  .campaign-invite__btn {
    margin: 1.5rem 0 0;
    text-align: center;
  }
  .campaign-invite__btn span {
    padding: 1.3rem 0 1.3rem 0;
    width: 100%;
    color: white;
    font-size: 1.6rem;
    border-radius: 0.6rem;
  }
  .campaign-invite__btn span::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.75' height='12.008' viewBox='0 0 7.75 12.008'%3E%3Cpath id='Icon_awesome-angle-right' data-name='Icon awesome-angle-right' d='M9.226,13.388l-5.1,5.1a.9.9,0,0,1-1.272,0L2,17.642A.9.9,0,0,1,2,16.37l3.616-3.616L2,9.138A.9.9,0,0,1,2,7.866l.844-.855a.9.9,0,0,1,1.272,0l5.1,5.1A.9.9,0,0,1,9.226,13.388Z' transform='translate(-1.74 -6.747)' fill='%23fff'/%3E%3C/svg%3E");
    position: absolute;
    width: 7.75px;
    height: 12.01px;
    right: 13px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .campaign-invite__btn:hover span::after {
    -webkit-animation: btnArrow 0.3s ease-in-out;
    animation: btnArrow 0.3s ease-in-out;
  }
  .campaign-invite__or {
    width: 5rem;
    height: 5rem;
    font-size: 1.3rem;
  }
  .campaign-invite .text_link {
    margin-top: 2.4rem;
    display: block;
    font-size: 1.7rem;
    color: #1d9bf0;
    text-decoration: underline;
    text-underline-offset: 8px;
  }
  .campaign-done__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem 0;
    margin-top: 3rem;
  }
  .campaign-done__content figure {
    padding: 0;
    font-size: 1.6rem;
  }
  .campaign-done__content figure .title {
    font-size: 2.6rem;
  }
  .campaign-done__content figure .title .lg {
    font-size: 3.4rem;
  }
  .campaign-done__content figure figcaption {
    margin: 2.5rem 0 3rem;
  }
  .campaign-done__content figure figcaption .em {
    padding-bottom: 5px;
  }
  .campaign-done__content figure figcaption .strong {
    font-size: 2.1rem;
  }
  .campaign-done__content figure .image__wrap {
    gap: 0 2.5rem;
  }
  .campaign-done__content figure .image__wrap .you {
    max-width: 10.8rem;
  }
  .campaign-done__content figure .image__wrap .arrow {
    max-width: 5.6rem;
  }
  .campaign-done__content figure .image__wrap .person3 {
    max-width: 14.5rem;
  }
  .campaign-done__content figure .image__wrap .person1 {
    max-width: 11.9rem;
  }
  .campaign-done__content figure .image__wrap .text {
    font-size: 1.2rem;
  }
  .campaign-done__content figure .note {
    margin-bottom: 3rem;
    font-size: 1.3rem;
  }
  .campaign-done .num {
    width: 3.9rem;
    height: 3.9rem;
    font-size: 1.9rem;
    margin-right: 1rem;
  }
  .campaign-done .annotation {
    margin-top: 2rem;
    font-size: 1.3rem;
  }
  .campaign-presentItem {
    margin: 0 1.5rem;
  }
  .campaign-present {
    padding: 6rem 0 14.2rem 0;
    margin-top: 6.7rem;
  }
  .campaign-presentLead {
    font-size: 1.3rem;
    top: -13.4rem;
    padding: 2rem 1.6rem;
    width: 100%;
  }
  .campaign-presentTtl {
    font-size: 2.3rem;
  }
  .campaign-presentTtl .large {
    font-size: 1.3em;
  }
  .campaign-presentTxt {
    font-size: 2.4rem;
  }
  .campaign-presentTxt span {
    color: #fede2e;
  }
  .campaign-presentTxt span:nth-child(1) {
    font-size: 2.4rem;
  }
  .campaign-presentTxt span:nth-child(2) {
    font-size: 2.4rem;
  }
  .campaign-presentTxt span:nth-child(3) {
    font-size: 2.4rem;
  }
  .campaign-presentAbsimg {
    left: 0;
    top: -10.2rem;
    width: 11rem;
    height: 11rem;
    font-size: 1.8rem;
  }
  .campaign-presentAbsimg .strong {
    font-size: 2.1rem;
  }
  .campaign-presentBtns {
    margin-top: 1.5rem;
  }
  .campaign-presentLinks {
    width: 100%;
    height: 6rem;
    border-radius: 100px;
    font-size: 1.7rem;
  }
  .campaign-presentLinks svg {
    right: 2rem;
  }
  .campaign-presentImg {
    bottom: -14.2rem;
    right: -webkit-calc(50% - 6.891rem);
    right: calc(50% - 6.891rem);
  }
  .campaign-presentImg img {
    width: 11.8rem;
    height: auto;
  }
  .campaign-presentImg .text_balloon {
    top: -3rem;
    left: -6rem;
    width: 9.4rem;
    height: 10rem;
    font-size: 0.8rem;
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
  }
  .campaign-presentImg .text_balloon .inner {
    margin-top: 0;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    font-size: 1.6em;
  }
  .campaign-detail {
    padding: 6rem 0 2.6rem 0;
  }
  .campaign-detailItem {
    margin-top: 2.5rem;
  }
  .campaign-detailLead {
    font-size: 1.7rem;
    text-align: center;
    padding: 1.5rem 2rem 1.2rem 2rem;
  }
  .campaign-detailTxtArea {
    padding: 2rem 1rem 3rem 1rem;
    font-size: 1.3rem;
  }
  .campaign-detailTtl {
    font-size: 1.3rem;
  }
  .campaign-detailTxt {
    margin-top: 1.1rem;
    font-size: 1rem;
  }

  .footerEntry {
    padding: 3rem 0;
  }
  .footerEntry-item {
    margin: 0 1.5rem;
  }
  .footerEntry-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footerEntry-btns a {
    width: 100%;
    height: 6rem;
    border-radius: 100px;
  }
  .footerEntry-btns a svg {
    right: 2rem;
  }
  .footerEntry-btns a span {
    font-size: 1.7rem;
  }
  .footerEntry-btns a:first-child {
    margin: 0;
  }
  .footerEntry-btns a:nth-child(2) {
    margin-top: 2rem;
  }
  .footerEntry-btns a:nth-child(2) span {
    font-size: 1.5rem;
  }
  .footerEntry-img {
    display: none;
  }

  .l-footer {
    padding: 2.5rem 0 4.5rem 0;
  }
  .l-footer-ttl span {
    position: relative;
  }
  .l-footer-ttl span::before {
    width: 1.1rem;
    height: 1.6rem;
    margin-right: 0.85rem;
  }
  .l-footer-ttl span::after {
    width: 1.1rem;
    height: 1.6rem;
    margin-left: 0.85rem;
  }
  .l-footer-socialBtn {
    margin-top: 2rem;
  }
  .l-footer-socialBtn a {
    width: 25rem;
    height: 4.5rem;
    font-size: 1.4rem;
  }
  .l-footer-chatworkLogo {
    margin-top: 4rem;
  }
  .l-footer-chatworkLogo img {
    width: 20.02rem;
    height: 4.009rem;
  }
  .l-footer-copyright {
    font-size: 1.3rem;
  }
}
.use h2 {
  border-bottom: 2px solid #f03748;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 40px;
  margin: 120px auto 0;
  font-size: 38px;
  line-height: 1.5;
  font-family: "UD新ゴNT DB", sans-serif;
  text-align: center;
}
@media (max-width: 768px) {
  .use h2 {
    font-size: 2rem;
  }
}
.use .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 56px 41px;
  margin: 50px 0 0px 0;
}
.use .use-detailTxt {
  text-align: center;
}
.use .use-detailTxt a {
  color: #1877f2;
  text-decoration: underline;
}
.use .lg {
  font-size: 1.2em;
}
@media (max-width: 768px) {
  .use .lg {
    font-size: 1.1em;
  }
}
.use .sm {
  font-size: 0.8em;
}
.use img {
  width: 100%;
}
.use .use__txt {
  font-size: 18px;
  font-weight: 600;
  font-family: "UD新ゴNT DB", sans-serif;
  color: #13202f;
  text-align: center;
  margin-bottom: 10px;
}
.use .number {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  background: #f03748;
  border-radius: 50%;
  counter-increment: num;
  content: counter(num);
  color: #fff;
  font-size: 16px;
  padding: 2px 5px;
}

.tab-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0 10px;
  margin-top: 50px;
}

.tab-2 > label {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  min-width: 70px;
  padding: 0.3em 1em;
  border-radius: 20px 20px 0 0;
  background-color: #f2f2f2;
  color: #13202f;
  font-size: 1.2em;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}

.tab-2 > label:hover {
  opacity: 0.8;
}

.tab-2 input {
  display: none;
}

.tab-2 > div {
  display: none;
  width: 100%;
  padding: 1.5em 1em;
  background-color: #fff;
}

.tab-2 label:has(:checked) {
  opacity: 1;
  background-color: #f03748;
  color: #fff;
}

.tab-2 label:has(:checked) + div {
  display: block;
  isplay: block;
  border: 3px solid #f03748;
  border-radius: 0 0 8px 8px;
  padding: 40px;
}

.accordion-wrap {
  margin-top: 30px;
}

.toggle {
  display: none;
}

.Label {
  /*タイトル*/
  padding: 1em;
  display: block;
  color: #fff;
  background: #f03748;
}

.Label::before {
  /*タイトル横の矢印*/
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  position: absolute;
  top: -webkit-calc(50% - 3px);
  top: calc(50% - 3px);
  right: 20px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.Label,
.content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.content {
  /*本文*/
  height: 0;
  border-bottom: 1px solid #fff;
  padding: 0 20px;
  overflow: hidden;
}

.toggle:checked + .Label + .content {
  /*開閉時*/
  height: auto;
  padding: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 2px solid #f03748;
}

.toggle:checked + .Label::before {
  -webkit-transform: rotate(-45deg) !important;
  transform: rotate(-45deg) !important;
}

.u__pc__block {
  display: block;
}

.u__pc__none {
  display: none;
}

.u-inner-1200 {
  max-width: 1200px;
  margin: 0 auto;
}

.u-inner-1024 {
  max-width: 1024px;
  margin: 0 auto;
}

.u-mt-12 {
  margin-top: 12px !important;
}

@media (max-width: 1230px) {
  .u-inner-1200 {
    margin: 0 20px;
  }

  .u-mt-12 {
    margin-top: 1.2rem !important;
  }
}
@media (max-width: 1064px) {
  .u-inner-1024 {
    margin: 0 20px;
  }
}
@media (max-width: 768px) {
  .u-inner-1200 {
    margin: 0 1.5rem;
  }

  .u-inner-1024 {
    margin: 0 1.5rem;
  }

  .u__pc__none {
    display: block;
  }

  .u__pc__block {
    display: none;
  }

  .u-mt-12 {
    margin-top: unset !important;
  }
}
#howto_entry {
  margin-top: -10px;
  padding-top: 10px;
}
.campaign img {
  max-width: 1000px;
}
.merit .title {
  font-weight: 600;
}
.campaign-present .inner {
  font-weight: 600;
}

#new_subscription {
  margin-top: -30px;
  padding-top: 30px;
}

.bonus_notes {
  text-align: center;
}