@charset "UTF-8";
/*********************
COLORS
*********************/
/*Animation------------------------------------------------*/
.trans_s {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.63, 0, 0, 1);
  animation-duration: 0.3s; }

.trans_m {
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.63, 0, 0, 1);
  animation-duration: 1s; }

.trans_l {
  transition-duration: 1.2s;
  transition-timing-function: cubic-bezier(0.63, 0, 0, 1);
  animation-duration: 1.2s; }

input::placeholder, textarea::placeholder {
  color: #111111; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #111111; }
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #111111; }

/*Flex------------------------------------------------*/
.flex {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px; }

.flex_s {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px; }

.flex_e {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px; }

/*Shadow------------------------------------------------*/
.shadow {
  box-shadow: 0px 6px 12px rgba(135, 147, 190, 0.25); }

/*Radius------------------------------------------------*/
.radius_m {
  border-radius: 32px; }

.radius_l {
  border-radius: 46px; }

/*========================================================
Font Size
========================================================*/
.text_ss {
  font-size: 10px; }
  @media only screen and (min-width: 1280px) {
    .text_ss {
      font-size: 12px; } }

.text_s {
  font-size: clamp(0.75rem, 0.724rem + 0.11vw, 0.813rem); }
  @media only screen and (min-width: 1280px) {
    .text_s {
      font-size: 14px; } }

.text_m {
  font-size: clamp(0.863rem, 0.806rem + 0.24vw, 1rem); }
  @media only screen and (min-width: 1280px) {
    .text_m {
      font-size: 16px; } }

.text_l {
  font-size: clamp(1rem, 0.948rem + 0.22vw, 1.125rem); }
  @media only screen and (min-width: 1280px) {
    .text_l {
      font-size: 18px; } }

.text_ll {
  font-size: clamp(1.063rem, 0.933rem + 0.55vw, 1.375rem); }
  @media only screen and (min-width: 1280px) {
    .text_ll {
      font-size: 22px; } }

.text_x {
  font-size: clamp(1.25rem, 0.939rem + 1.33vw, 2rem); }
  @media only screen and (min-width: 1280px) {
    .text_x {
      font-size: 32px; } }

.en {
  font-family: 'M PLUS 1p', sans-serif; }

/*********************
MARGIN&PADDING
*********************/
.pd4 {
  padding: clamp(0.25rem, 0.219rem + 0.13vw, 0.325rem); }

.pd8 {
  padding: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem); }

.pd12 {
  padding: clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem); }

.pd16 {
  padding: clamp(1rem, 0.876rem + 0.53vw, 1.3rem); }

.pd20 {
  padding: clamp(1.25rem, 1.095rem + 0.66vw, 1.625rem); }

.pd24 {
  padding: clamp(1.5rem, 1.314rem + 0.8vw, 1.95rem); }

.pd28 {
  padding: clamp(1.75rem, 1.532rem + 0.93vw, 2.275rem); }

.pd32 {
  padding: clamp(2rem, 1.751rem + 1.06vw, 2.6rem); }

.pd36 {
  padding: clamp(2.25rem, 1.97rem + 1.19vw, 2.925rem); }

.pd40 {
  padding: clamp(2.5rem, 2.189rem + 1.33vw, 3.25rem); }

.pd44 {
  padding: clamp(2.75rem, 2.408rem + 1.46vw, 3.575rem); }

.pd48 {
  padding: clamp(3rem, 2.627rem + 1.59vw, 3.9rem); }

.pd50 {
  padding: clamp(3.125rem, 2.737rem + 1.66vw, 4.063rem); }

.pd60 {
  padding: clamp(3.75rem, 3.284rem + 1.99vw, 4.875rem); }

.pd70 {
  padding: clamp(4.375rem, 3.831rem + 2.32vw, 5.688rem); }

.pd80 {
  padding: clamp(5rem, 4.378rem + 2.65vw, 6.5rem); }

.pd90 {
  padding: clamp(5.625rem, 4.926rem + 2.98vw, 7.313rem); }

.pd100 {
  padding: clamp(6.25rem, 5.473rem + 3.31vw, 8.125rem); }

.pd120 {
  padding: clamp(7.5rem, 6.568rem + 3.98vw, 9.75rem); }

.pd150 {
  padding: clamp(9.375rem, 8.21rem + 4.97vw, 12.188rem); }

.pd180 {
  padding: clamp(11.25rem, 9.852rem + 5.97vw, 14.625rem); }

.pd200 {
  padding: clamp(12.5rem, 10.946rem + 6.63vw, 16.25rem); }

.pt4 {
  padding-top: clamp(0.25rem, 0.219rem + 0.13vw, 0.325rem); }

.pt8 {
  padding-top: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem); }

.pt12 {
  padding-top: clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem); }

.pt16 {
  padding-top: clamp(1rem, 0.876rem + 0.53vw, 1.3rem); }

.pt20 {
  padding-top: clamp(1.25rem, 1.095rem + 0.66vw, 1.625rem); }

.pt24 {
  padding-top: clamp(1.5rem, 1.314rem + 0.8vw, 1.95rem); }

.pt28 {
  padding-top: clamp(1.75rem, 1.532rem + 0.93vw, 2.275rem); }

.pt32 {
  padding-top: clamp(2rem, 1.751rem + 1.06vw, 2.6rem); }

.pt36 {
  padding-top: clamp(2.25rem, 1.97rem + 1.19vw, 2.925rem); }

.pt40 {
  padding-top: clamp(2.5rem, 2.189rem + 1.33vw, 3.25rem); }

.pt44 {
  padding-top: clamp(2.75rem, 2.408rem + 1.46vw, 3.575rem); }

.pt48 {
  padding-top: clamp(3rem, 2.627rem + 1.59vw, 3.9rem); }

.pt50 {
  padding-top: clamp(3.125rem, 2.737rem + 1.66vw, 4.063rem); }

.pt60 {
  padding-top: clamp(3.75rem, 3.284rem + 1.99vw, 4.875rem); }

.pt70 {
  padding-top: clamp(4.375rem, 3.831rem + 2.32vw, 5.688rem); }

.pt80 {
  padding-top: clamp(5rem, 4.378rem + 2.65vw, 6.5rem); }

.pt90 {
  padding-top: clamp(5.625rem, 4.926rem + 2.98vw, 7.313rem); }

.pt100 {
  padding-top: clamp(6.25rem, 5.473rem + 3.31vw, 8.125rem); }

.pt120 {
  padding-top: clamp(7.5rem, 6.568rem + 3.98vw, 9.75rem); }

.pt150 {
  padding-top: clamp(9.375rem, 8.21rem + 4.97vw, 12.188rem); }

.pt180 {
  padding-top: clamp(11.25rem, 9.852rem + 5.97vw, 14.625rem); }

.pt200 {
  padding-top: clamp(12.5rem, 10.946rem + 6.63vw, 16.25rem); }

.pb4 {
  padding-bottom: clamp(0.25rem, 0.219rem + 0.13vw, 0.325rem); }

.pb8 {
  padding-bottom: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem); }

.pb12 {
  padding-bottom: clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem); }

.pb16 {
  padding-bottom: clamp(1rem, 0.876rem + 0.53vw, 1.3rem); }

.pb20 {
  padding-bottom: clamp(1.25rem, 1.095rem + 0.66vw, 1.625rem); }

.pb24 {
  padding-bottom: clamp(1.5rem, 1.314rem + 0.8vw, 1.95rem); }

.pb28 {
  padding-bottom: clamp(1.75rem, 1.532rem + 0.93vw, 2.275rem); }

.pb32 {
  padding-bottom: clamp(2rem, 1.751rem + 1.06vw, 2.6rem); }

.pb36 {
  padding-bottom: clamp(2.25rem, 1.97rem + 1.19vw, 2.925rem); }

.pb40 {
  padding-bottom: clamp(2.5rem, 2.189rem + 1.33vw, 3.25rem); }

.pb44 {
  padding-bottom: clamp(2.75rem, 2.408rem + 1.46vw, 3.575rem); }

.pb48 {
  padding-bottom: clamp(3rem, 2.627rem + 1.59vw, 3.9rem); }

.pb50 {
  padding-bottom: clamp(3.125rem, 2.737rem + 1.66vw, 4.063rem); }

.pb60 {
  padding-bottom: clamp(3.75rem, 3.284rem + 1.99vw, 4.875rem); }

.pb70 {
  padding-bottom: clamp(4.375rem, 3.831rem + 2.32vw, 5.688rem); }

.pb80 {
  padding-bottom: clamp(5rem, 4.378rem + 2.65vw, 6.5rem); }

.pb90 {
  padding-bottom: clamp(5.625rem, 4.926rem + 2.98vw, 7.313rem); }

.pb100 {
  padding-bottom: clamp(6.25rem, 5.473rem + 3.31vw, 8.125rem); }

.pb120 {
  padding-bottom: clamp(7.5rem, 6.568rem + 3.98vw, 9.75rem); }

.pb150 {
  padding-bottom: clamp(9.375rem, 8.21rem + 4.97vw, 12.188rem); }

.pb180 {
  padding-bottom: clamp(11.25rem, 9.852rem + 5.97vw, 14.625rem); }

.pb200 {
  padding-bottom: clamp(12.5rem, 10.946rem + 6.63vw, 16.25rem); }

.pl4 {
  padding-left: clamp(0.25rem, 0.219rem + 0.13vw, 0.325rem); }

.pl8 {
  padding-left: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem); }

.pl12 {
  padding-left: clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem); }

.pl16 {
  padding-left: clamp(1rem, 0.876rem + 0.53vw, 1.3rem); }

.pl20 {
  padding-left: clamp(1.25rem, 1.095rem + 0.66vw, 1.625rem); }

.pl24 {
  padding-left: clamp(1.5rem, 1.314rem + 0.8vw, 1.95rem); }

.pl28 {
  padding-left: clamp(1.75rem, 1.532rem + 0.93vw, 2.275rem); }

.pl32 {
  padding-left: clamp(2rem, 1.751rem + 1.06vw, 2.6rem); }

.pl36 {
  padding-left: clamp(2.25rem, 1.97rem + 1.19vw, 2.925rem); }

.pl40 {
  padding-left: clamp(2.5rem, 2.189rem + 1.33vw, 3.25rem); }

.pl44 {
  padding-left: clamp(2.75rem, 2.408rem + 1.46vw, 3.575rem); }

.pl48 {
  padding-left: clamp(3rem, 2.627rem + 1.59vw, 3.9rem); }

.pl50 {
  padding-left: clamp(3.125rem, 2.737rem + 1.66vw, 4.063rem); }

.pl60 {
  padding-left: clamp(3.75rem, 3.284rem + 1.99vw, 4.875rem); }

.pl70 {
  padding-left: clamp(4.375rem, 3.831rem + 2.32vw, 5.688rem); }

.pl80 {
  padding-left: clamp(5rem, 4.378rem + 2.65vw, 6.5rem); }

.pl90 {
  padding-left: clamp(5.625rem, 4.926rem + 2.98vw, 7.313rem); }

.pl100 {
  padding-left: clamp(6.25rem, 5.473rem + 3.31vw, 8.125rem); }

.pl120 {
  padding-left: clamp(7.5rem, 6.568rem + 3.98vw, 9.75rem); }

.pl150 {
  padding-left: clamp(9.375rem, 8.21rem + 4.97vw, 12.188rem); }

.pl180 {
  padding-left: clamp(11.25rem, 9.852rem + 5.97vw, 14.625rem); }

.pl200 {
  padding-left: clamp(12.5rem, 10.946rem + 6.63vw, 16.25rem); }

.pr4 {
  padding-right: clamp(0.25rem, 0.219rem + 0.13vw, 0.325rem); }

.pr8 {
  padding-right: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem); }

.pr12 {
  padding-right: clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem); }

.pr16 {
  padding-right: clamp(1rem, 0.876rem + 0.53vw, 1.3rem); }

.pr20 {
  padding-right: clamp(1.25rem, 1.095rem + 0.66vw, 1.625rem); }

.pr24 {
  padding-right: clamp(1.5rem, 1.314rem + 0.8vw, 1.95rem); }

.pr28 {
  padding-right: clamp(1.75rem, 1.532rem + 0.93vw, 2.275rem); }

.pr32 {
  padding-right: clamp(2rem, 1.751rem + 1.06vw, 2.6rem); }

.pr36 {
  padding-right: clamp(2.25rem, 1.97rem + 1.19vw, 2.925rem); }

.pr40 {
  padding-right: clamp(2.5rem, 2.189rem + 1.33vw, 3.25rem); }

.pr44 {
  padding-right: clamp(2.75rem, 2.408rem + 1.46vw, 3.575rem); }

.pr48 {
  padding-right: clamp(3rem, 2.627rem + 1.59vw, 3.9rem); }

.pr50 {
  padding-right: clamp(3.125rem, 2.737rem + 1.66vw, 4.063rem); }

.pr60 {
  padding-right: clamp(3.75rem, 3.284rem + 1.99vw, 4.875rem); }

.pr70 {
  padding-right: clamp(4.375rem, 3.831rem + 2.32vw, 5.688rem); }

.pr80 {
  padding-right: clamp(5rem, 4.378rem + 2.65vw, 6.5rem); }

.pr90 {
  padding-right: clamp(5.625rem, 4.926rem + 2.98vw, 7.313rem); }

.pr100 {
  padding-right: clamp(6.25rem, 5.473rem + 3.31vw, 8.125rem); }

.pr120 {
  padding-right: clamp(7.5rem, 6.568rem + 3.98vw, 9.75rem); }

.pr150 {
  padding-right: clamp(9.375rem, 8.21rem + 4.97vw, 12.188rem); }

.pr180 {
  padding-right: clamp(11.25rem, 9.852rem + 5.97vw, 14.625rem); }

.pr200 {
  padding-right: clamp(12.5rem, 10.946rem + 6.63vw, 16.25rem); }

.mg4 {
  margin: clamp(0.25rem, 0.219rem + 0.13vw, 0.325rem); }

.mg8 {
  margin: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem); }

.mg12 {
  margin: clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem); }

.mg16 {
  margin: clamp(1rem, 0.876rem + 0.53vw, 1.3rem); }

.mg20 {
  margin: clamp(1.25rem, 1.095rem + 0.66vw, 1.625rem); }

.mg24 {
  margin: clamp(1.5rem, 1.314rem + 0.8vw, 1.95rem); }

.mg28 {
  margin: clamp(1.75rem, 1.532rem + 0.93vw, 2.275rem); }

.mg32 {
  margin: clamp(2rem, 1.751rem + 1.06vw, 2.6rem); }

.mg36 {
  margin: clamp(2.25rem, 1.97rem + 1.19vw, 2.925rem); }

.mg40 {
  margin: clamp(2.5rem, 2.189rem + 1.33vw, 3.25rem); }

.mg44 {
  margin: clamp(2.75rem, 2.408rem + 1.46vw, 3.575rem); }

.mg48 {
  margin: clamp(3rem, 2.627rem + 1.59vw, 3.9rem); }

.mg50 {
  margin: clamp(3.125rem, 2.737rem + 1.66vw, 4.063rem); }

.mg60 {
  margin: clamp(3.75rem, 3.284rem + 1.99vw, 4.875rem); }

.mg70 {
  margin: clamp(4.375rem, 3.831rem + 2.32vw, 5.688rem); }

.mg80 {
  margin: clamp(5rem, 4.378rem + 2.65vw, 6.5rem); }

.mg90 {
  margin: clamp(5.625rem, 4.926rem + 2.98vw, 7.313rem); }

.mg100 {
  margin: clamp(6.25rem, 5.473rem + 3.31vw, 8.125rem); }

.mg120 {
  margin: clamp(7.5rem, 6.568rem + 3.98vw, 9.75rem); }

.mg150 {
  margin: clamp(9.375rem, 8.21rem + 4.97vw, 12.188rem); }

.mg180 {
  margin: clamp(11.25rem, 9.852rem + 5.97vw, 14.625rem); }

.mg200 {
  margin: clamp(12.5rem, 10.946rem + 6.63vw, 16.25rem); }

.mt4 {
  margin-top: clamp(0.25rem, 0.219rem + 0.13vw, 0.325rem); }

.mt8 {
  margin-top: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem); }

.mt12 {
  margin-top: clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem); }

.mt16 {
  margin-top: clamp(1rem, 0.876rem + 0.53vw, 1.3rem); }

.mt20 {
  margin-top: clamp(1.25rem, 1.095rem + 0.66vw, 1.625rem); }

.mt24 {
  margin-top: clamp(1.5rem, 1.314rem + 0.8vw, 1.95rem); }

.mt28 {
  margin-top: clamp(1.75rem, 1.532rem + 0.93vw, 2.275rem); }

.mt32 {
  margin-top: clamp(2rem, 1.751rem + 1.06vw, 2.6rem); }

.mt36 {
  margin-top: clamp(2.25rem, 1.97rem + 1.19vw, 2.925rem); }

.mt40 {
  margin-top: clamp(2.5rem, 2.189rem + 1.33vw, 3.25rem); }

.mt44 {
  margin-top: clamp(2.75rem, 2.408rem + 1.46vw, 3.575rem); }

.mt48 {
  margin-top: clamp(3rem, 2.627rem + 1.59vw, 3.9rem); }

.mt50 {
  margin-top: clamp(3.125rem, 2.737rem + 1.66vw, 4.063rem); }

.mt60 {
  margin-top: clamp(3.75rem, 3.284rem + 1.99vw, 4.875rem); }

.mt70 {
  margin-top: clamp(4.375rem, 3.831rem + 2.32vw, 5.688rem); }

.mt80 {
  margin-top: clamp(5rem, 4.378rem + 2.65vw, 6.5rem); }

.mt90 {
  margin-top: clamp(5.625rem, 4.926rem + 2.98vw, 7.313rem); }

.mt100 {
  margin-top: clamp(6.25rem, 5.473rem + 3.31vw, 8.125rem); }

.mt120 {
  margin-top: clamp(7.5rem, 6.568rem + 3.98vw, 9.75rem); }

.mt150 {
  margin-top: clamp(9.375rem, 8.21rem + 4.97vw, 12.188rem); }

.mt180 {
  margin-top: clamp(11.25rem, 9.852rem + 5.97vw, 14.625rem); }

.mt200 {
  margin-top: clamp(12.5rem, 10.946rem + 6.63vw, 16.25rem); }

.mb4 {
  margin-bottom: clamp(0.25rem, 0.219rem + 0.13vw, 0.325rem); }

.mb8 {
  margin-bottom: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem); }

.mb12 {
  margin-bottom: clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem); }

.mb16 {
  margin-bottom: clamp(1rem, 0.876rem + 0.53vw, 1.3rem); }

.mb20 {
  margin-bottom: clamp(1.25rem, 1.095rem + 0.66vw, 1.625rem); }

.mb24 {
  margin-bottom: clamp(1.5rem, 1.314rem + 0.8vw, 1.95rem); }

.mb28 {
  margin-bottom: clamp(1.75rem, 1.532rem + 0.93vw, 2.275rem); }

.mb32 {
  margin-bottom: clamp(2rem, 1.751rem + 1.06vw, 2.6rem); }

.mb36 {
  margin-bottom: clamp(2.25rem, 1.97rem + 1.19vw, 2.925rem); }

.mb40 {
  margin-bottom: clamp(2.5rem, 2.189rem + 1.33vw, 3.25rem); }

.mb44 {
  margin-bottom: clamp(2.75rem, 2.408rem + 1.46vw, 3.575rem); }

.mb48 {
  margin-bottom: clamp(3rem, 2.627rem + 1.59vw, 3.9rem); }

.mb50 {
  margin-bottom: clamp(3.125rem, 2.737rem + 1.66vw, 4.063rem); }

.mb60 {
  margin-bottom: clamp(3.75rem, 3.284rem + 1.99vw, 4.875rem); }

.mb70 {
  margin-bottom: clamp(4.375rem, 3.831rem + 2.32vw, 5.688rem); }

.mb80 {
  margin-bottom: clamp(5rem, 4.378rem + 2.65vw, 6.5rem); }

.mb90 {
  margin-bottom: clamp(5.625rem, 4.926rem + 2.98vw, 7.313rem); }

.mb100 {
  margin-bottom: clamp(6.25rem, 5.473rem + 3.31vw, 8.125rem); }

.mb120 {
  margin-bottom: clamp(7.5rem, 6.568rem + 3.98vw, 9.75rem); }

.mb150 {
  margin-bottom: clamp(9.375rem, 8.21rem + 4.97vw, 12.188rem); }

.mb180 {
  margin-bottom: clamp(11.25rem, 9.852rem + 5.97vw, 14.625rem); }

.mb200 {
  margin-bottom: clamp(12.5rem, 10.946rem + 6.63vw, 16.25rem); }

.ml4 {
  margin-left: clamp(0.25rem, 0.219rem + 0.13vw, 0.325rem); }

.ml8 {
  margin-left: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem); }

.ml12 {
  margin-left: clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem); }

.ml16 {
  margin-left: clamp(1rem, 0.876rem + 0.53vw, 1.3rem); }

.ml20 {
  margin-left: clamp(1.25rem, 1.095rem + 0.66vw, 1.625rem); }

.ml24 {
  margin-left: clamp(1.5rem, 1.314rem + 0.8vw, 1.95rem); }

.ml28 {
  margin-left: clamp(1.75rem, 1.532rem + 0.93vw, 2.275rem); }

.ml32 {
  margin-left: clamp(2rem, 1.751rem + 1.06vw, 2.6rem); }

.ml36 {
  margin-left: clamp(2.25rem, 1.97rem + 1.19vw, 2.925rem); }

.ml40 {
  margin-left: clamp(2.5rem, 2.189rem + 1.33vw, 3.25rem); }

.ml44 {
  margin-left: clamp(2.75rem, 2.408rem + 1.46vw, 3.575rem); }

.ml48 {
  margin-left: clamp(3rem, 2.627rem + 1.59vw, 3.9rem); }

.ml50 {
  margin-left: clamp(3.125rem, 2.737rem + 1.66vw, 4.063rem); }

.ml60 {
  margin-left: clamp(3.75rem, 3.284rem + 1.99vw, 4.875rem); }

.ml70 {
  margin-left: clamp(4.375rem, 3.831rem + 2.32vw, 5.688rem); }

.ml80 {
  margin-left: clamp(5rem, 4.378rem + 2.65vw, 6.5rem); }

.ml90 {
  margin-left: clamp(5.625rem, 4.926rem + 2.98vw, 7.313rem); }

.ml100 {
  margin-left: clamp(6.25rem, 5.473rem + 3.31vw, 8.125rem); }

.ml120 {
  margin-left: clamp(7.5rem, 6.568rem + 3.98vw, 9.75rem); }

.ml150 {
  margin-left: clamp(9.375rem, 8.21rem + 4.97vw, 12.188rem); }

.ml180 {
  margin-left: clamp(11.25rem, 9.852rem + 5.97vw, 14.625rem); }

.ml200 {
  margin-left: clamp(12.5rem, 10.946rem + 6.63vw, 16.25rem); }

.mr4 {
  margin-right: clamp(0.25rem, 0.219rem + 0.13vw, 0.325rem); }

.mr8 {
  margin-right: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem); }

.mr12 {
  margin-right: clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem); }

.mr16 {
  margin-right: clamp(1rem, 0.876rem + 0.53vw, 1.3rem); }

.mr20 {
  margin-right: clamp(1.25rem, 1.095rem + 0.66vw, 1.625rem); }

.mr24 {
  margin-right: clamp(1.5rem, 1.314rem + 0.8vw, 1.95rem); }

.mr28 {
  margin-right: clamp(1.75rem, 1.532rem + 0.93vw, 2.275rem); }

.mr32 {
  margin-right: clamp(2rem, 1.751rem + 1.06vw, 2.6rem); }

.mr36 {
  margin-right: clamp(2.25rem, 1.97rem + 1.19vw, 2.925rem); }

.mr40 {
  margin-right: clamp(2.5rem, 2.189rem + 1.33vw, 3.25rem); }

.mr44 {
  margin-right: clamp(2.75rem, 2.408rem + 1.46vw, 3.575rem); }

.mr48 {
  margin-right: clamp(3rem, 2.627rem + 1.59vw, 3.9rem); }

.mr50 {
  margin-right: clamp(3.125rem, 2.737rem + 1.66vw, 4.063rem); }

.mr60 {
  margin-right: clamp(3.75rem, 3.284rem + 1.99vw, 4.875rem); }

.mr70 {
  margin-right: clamp(4.375rem, 3.831rem + 2.32vw, 5.688rem); }

.mr80 {
  margin-right: clamp(5rem, 4.378rem + 2.65vw, 6.5rem); }

.mr90 {
  margin-right: clamp(5.625rem, 4.926rem + 2.98vw, 7.313rem); }

.mr100 {
  margin-right: clamp(6.25rem, 5.473rem + 3.31vw, 8.125rem); }

.mr120 {
  margin-right: clamp(7.5rem, 6.568rem + 3.98vw, 9.75rem); }

.mr150 {
  margin-right: clamp(9.375rem, 8.21rem + 4.97vw, 12.188rem); }

.mr180 {
  margin-right: clamp(11.25rem, 9.852rem + 5.97vw, 14.625rem); }

.mr200 {
  margin-right: clamp(12.5rem, 10.946rem + 6.63vw, 16.25rem); }

.bc {
  flex-wrap: wrap; }

/******************************************
キャリア　トップ
******************************************/
.crr_bnr li a {
  width: min(100%, 980px);
  background-color: #D8EBED; }

/******************************************
スーパークリエータ
******************************************/
.crr_list_wrap {
  display: grid;
  gap: clamp(1rem, 0.876rem + 0.53vw, 1.3rem); }

.sc_list {
  border: 1px solid #D2D5DE;
  padding: 0 clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem) clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem) 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  gap: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem); }
  .sc_list_img {
    width: min(18vw, 124px);
    grid-column: 1/2;
    grid-row: 1/3;
    display: grid;
    align-items: center;
    position: relative; }
    .sc_list_img:before {
      position: absolute;
      content: "";
      width: 100%;
      height: 50%;
      top: 0;
      background-color: #D8EBED;
      z-index: 0; }
    .sc_list_img img {
      width: 100%;
      position: relative;
      border: 8px solid #D8EBED;
      border-radius: 100px;
      z-index: 1; }
  .sc_list_content {
    grid-column: 2/3;
    grid-row: 1/2;
    padding-top: clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem); }
    .sc_list_content_title {
      font-size: clamp(0.75rem, 0.724rem + 0.11vw, 0.813rem);
      line-height: 1.5; }
      @media only screen and (min-width: 1280px) {
        .sc_list_content_title {
          font-size: 14px; } }
  .sc_list_btn {
    grid-column: 2/3;
    grid-row: 2/3;
    display: grid;
    align-items: flex-end; }

a .more_arrow_wrap_crr {
  gap: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem); }
  a .more_arrow_wrap_crr .more_arrow {
    width: clamp(1.5rem, 1.314rem + 0.8vw, 1.95rem);
    height: clamp(1.5rem, 1.314rem + 0.8vw, 1.95rem);
    background-color: #D8EBED; }
    a .more_arrow_wrap_crr .more_arrow img {
      width: 8px; }
  a .more_arrow_wrap_crr p {
    font-size: 10px; }
    @media only screen and (min-width: 1280px) {
      a .more_arrow_wrap_crr p {
        font-size: 12px; } }
a:hover .more_arrow_wrap_crr .more_arrow {
  transform: scale(1.3); }
a:hover .more_arrow_wrap_crr p {
  color: #007C85; }

/******************************************
スーパークリエータ　シングルページ
******************************************/
.sc_single_head_wrap {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto;
  gap: clamp(1rem, 0.876rem + 0.53vw, 1.3rem); }

.sc_single_head_text_title {
  text-align: center;
  color: #062542;
  grid-row: 1 / 2;
  grid-column: 1 /2; }
  .sc_single_head_text_title_main {
    display: flex;
    justify-content: center;
    gap: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem); }
    .sc_single_head_text_title_main h2 {
      font-size: min(8.8vw, 48px);
      font-weight: 900; }
    .sc_single_head_text_title_main_icon {
      display: flex;
      align-items: center;
      width: min(8vw, 48px); }
.sc_single_head_text_desc {
  grid-row: 3 / 4;
  grid-column: 1 /2; }
  .sc_single_head_text_desc_list {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: clamp(1rem, 0.876rem + 0.53vw, 1.3rem);
    padding: clamp(1.5rem, 1.314rem + 0.8vw, 1.95rem);
    display: grid;
    gap: clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem); }
.sc_single_head_img {
  grid-row: 2 / 3;
  grid-column: 1 /2; }
  .sc_single_head_img img {
    width: min(50%, 280px);
    margin: auto; }

.sc_theme {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0; }
  .sc_theme_agenda {
    background-color: #062542;
    color: #fff;
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 4px 0px 4px 12px;
    font-size: clamp(0.75rem, 0.724rem + 0.11vw, 0.813rem);
    line-height: 1; }
    @media only screen and (min-width: 1280px) {
      .sc_theme_agenda {
        font-size: 14px; } }
    .sc_theme_agenda:after {
      position: absolute;
      top: 0;
      right: -20px;
      width: 50%;
      height: 100%;
      background-color: #062542;
      content: '';
      z-index: -1;
      transform: skew(30deg); }
  .sc_theme_title {
    background: url("../images/sc_single_titleBg.png") no-repeat center center/cover;
    padding: clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem);
    width: 100%;
    text-align: center;
    margin-bottom: clamp(1.5rem, 1.314rem + 0.8vw, 1.95rem); }

.sc_pjt_item {
  display: grid;
  gap: clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem); }
  .sc_pjt_item .img_set {
    width: min(100%, 980px);
    margin: 0 auto; }
  .sc_pjt_item .link_set {
    display: grid;
    gap: clamp(1rem, 0.876rem + 0.53vw, 1.3rem); }
    .sc_pjt_item .link_set .sc_pjt_link {
      cursor: pointer;
      display: flex;
      width: 200px;
      justify-content: center;
      align-items: center;
      gap: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem);
      transition-duration: 0.3s;
      transition-timing-function: cubic-bezier(0.63, 0, 0, 1);
      animation-duration: 0.3s; }
      .sc_pjt_item .link_set .sc_pjt_link img {
        width: 24px;
        padding: 0; }
      .sc_pjt_item .link_set .sc_pjt_link:hover {
        background-color: #004c52; }
        .sc_pjt_item .link_set .sc_pjt_link:hover a {
          color: #fff; }

.title_sub {
  position: relative;
  padding-left: 24px; }
  .title_sub:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-color: #111111; }

.post_set .sc_pjt_item .lh_s {
  line-height: 1.4; }
.post_set .sc_pjt_item .text_s {
  font-size: clamp(0.75rem, 0.724rem + 0.11vw, 0.813rem); }
  @media only screen and (min-width: 1280px) {
    .post_set .sc_pjt_item .text_s {
      font-size: 14px; } }

/******************************************
未踏修了生のいま
******************************************/
.crr_head {
  padding: clamp(3.75rem, 3.284rem + 1.99vw, 4.875rem) 0; }
  .crr_head.crr_head_al {
    background: url("../images/al_header_bg.png") no-repeat center center/cover; }
  .crr_head.crr_head_sc {
    background: url("../images/sc_header_bg.png") no-repeat center center/cover; }
  .crr_head.crr_head_sc_single {
    background: #E0EFF1;
    background: linear-gradient(0deg, #e0eff1 0%, #f7fbfb 100%); }

.sc_single_head_text_title {
  font-size: 10vw; }

.al_list_wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem); }

.al_list {
  border: 1px solid #D2D5DE;
  background-color: #f4f9fa;
  padding: clamp(1rem, 0.876rem + 0.53vw, 1.3rem) clamp(1rem, 0.876rem + 0.53vw, 1.3rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem); }
  .al_list_content {
    text-align: center;
    width: 100%; }
    .al_list_content img {
      margin: 0 auto clamp(0.25rem, 0.219rem + 0.13vw, 0.325rem);
      width: min(80%, 100px); }
    .al_list_content p {
      display: inline-block; }
  .al_list .more_arrow_wrap_crr {
    gap: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem); }
    .al_list .more_arrow_wrap_crr .more_arrow {
      width: clamp(1.5rem, 1.314rem + 0.8vw, 1.95rem);
      height: clamp(1.5rem, 1.314rem + 0.8vw, 1.95rem);
      background-color: #D8EBED;
      border-radius: 4px;
      transform: rotate(45deg); }
      .al_list .more_arrow_wrap_crr .more_arrow img {
        width: 8px;
        transform: rotate(-45deg); }
    .al_list .more_arrow_wrap_crr p {
      font-size: 10px; }
      @media only screen and (min-width: 1280px) {
        .al_list .more_arrow_wrap_crr p {
          font-size: 12px; } }
  .al_list:hover .more_arrow_wrap_crr .more_arrow {
    transform: scale(1.3); }
  .al_list:hover .more_arrow_wrap_crr p {
    color: #007C85; }
  .al_list.new {
    position: relative; }
    .al_list.new:before {
      position: absolute;
      top: -4px;
      left: -1px;
      content: "";
      display: inline-block;
      width: 40px;
      height: 54px;
      background: url(../../../library/images/icon_new.svg) no-repeat center center/cover; }

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5); }
  .modal .modal-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow-y: scroll;
    width: min(90%, 980px);
    height: 80%;
    border: 1px solid #D2D5DE;
    background-color: #fff;
    animation-name: modalopen;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.63, 0, 0, 1);
    animation-duration: 0.3s;
    position: relative; }
    .modal .modal-box_head {
      padding: clamp(1.5rem, 1.314rem + 0.8vw, 1.95rem) clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem);
      background-color: #f4f9fa;
      text-align: center; }
      .modal .modal-box_head img {
        margin: 0 auto clamp(0.25rem, 0.219rem + 0.13vw, 0.325rem); }
    .modal .modal-box_content {
      padding: clamp(1.25rem, 1.095rem + 0.66vw, 1.625rem) clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem); }
      .modal .modal-box_content .sc_single_head_text_desc_list {
        padding: 0;
        background-color: transparent; }
    .modal .modal-box .modalClose_wrap {
      position: sticky;
      bottom: 16px; }
    .modal .modal-box .modalClose {
      cursor: pointer;
      margin: auto;
      width: 200px;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: clamp(0.25rem, 0.219rem + 0.13vw, 0.325rem);
      background-color: #007C85;
      padding: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem) clamp(1.5rem, 1.314rem + 0.8vw, 1.95rem); }
      .modal .modal-box .modalClose .close_icon {
        display: block;
        position: relative;
        width: 16px;
        height: 16px; }
        .modal .modal-box .modalClose .close_icon:before, .modal .modal-box .modalClose .close_icon:after {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          width: 2px;
          height: 16px;
          background: #fff; }
        .modal .modal-box .modalClose .close_icon:before {
          transform: translate(-50%, -50%) rotate(45deg); }
        .modal .modal-box .modalClose .close_icon:after {
          transform: translate(-50%, -50%) rotate(-45deg); }
      .modal .modal-box .modalClose .close_text {
        display: i_block;
        color: #fff;
        font-weight: bold; }
    .modal .modal-box .post_set .post_img {
      width: min(100%, 720px); }

@keyframes modalopen {
  from {
    opacity: 0;
    top: calc(50% + 10px); }
  to {
    opacity: 1;
    top: 50%; } }
@media print, screen and (min-width: 768px) {
  /******************************************
  スーパークリエータ
  ******************************************/
  .sc_list {
    padding: 0 clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem) 0 0;
    column-gap: clamp(1rem, 0.876rem + 0.53vw, 1.3rem);
    row-gap: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem); }
    .sc_list_img {
      padding-bottom: clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem); }
      .sc_list_img img {
        border: clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem) solid #D8EBED; }
    .sc_list_content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start; }
      .sc_list_content_title {
        font-size: clamp(0.863rem, 0.806rem + 0.24vw, 1rem); } }
      @media only screen and (min-width: 768px) and (min-width: 1280px) {
        .sc_list_content_title {
          font-size: 16px; } }
@media print, screen and (min-width: 768px) {
    .sc_list_btn {
      padding-bottom: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem); }

  .more_arrow_wrap_crr {
    gap: clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem); }
    .more_arrow_wrap_crr .more_arrow {
      width: clamp(2rem, 1.751rem + 1.06vw, 2.6rem);
      height: clamp(2rem, 1.751rem + 1.06vw, 2.6rem); }
      .more_arrow_wrap_crr .more_arrow img {
        width: 12px; }
    .more_arrow_wrap_crr p {
      font-size: clamp(0.75rem, 0.724rem + 0.11vw, 0.813rem); } }
    @media only screen and (min-width: 768px) and (min-width: 1280px) {
      .more_arrow_wrap_crr p {
        font-size: 14px; } }

@media print, screen and (min-width: 768px) {
  /******************************************
  スーパークリエータ　シングルページ
  ******************************************/
  .sc_single_head_wrap {
    display: grid;
    grid-template-columns: .6fr .4fr;
    grid-template-rows: auto auto;
    gap: clamp(2rem, 1.751rem + 1.06vw, 2.6rem); }

  .sc_single_head_text_title {
    grid-row: 1 / 2;
    grid-column: 1 /2;
    text-align: left; }
    .sc_single_head_text_title_main {
      justify-content: flex-start;
      gap: clamp(0.5rem, 0.438rem + 0.27vw, 0.65rem); }
      .sc_single_head_text_title_main h2 {
        font-size: min(4.8vw, 48px); }
  .sc_single_head_text_desc {
    grid-row: 2 / 3;
    grid-column: 1 /2; }
    .sc_single_head_text_desc_list {
      background-color: rgba(255, 255, 255, 0.5);
      border-radius: clamp(1rem, 0.876rem + 0.53vw, 1.3rem);
      padding: clamp(1.5rem, 1.314rem + 0.8vw, 1.95rem);
      display: grid;
      gap: clamp(0.75rem, 0.657rem + 0.4vw, 0.975rem); }
  .sc_single_head_img {
    grid-row: 1 / 3;
    grid-column: 2 /3;
    display: flex;
    align-items: center; }
    .sc_single_head_img img {
      width: min(100%, 364px);
      margin: auto; }

  /******************************************
  未踏修了生のいま
  ******************************************/
  .al_list_wrap {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }

  .al_list {
    cursor: pointer; }

  .modal .modal-box .modal-box_content {
    padding: clamp(1.5rem, 1.314rem + 0.8vw, 1.95rem) clamp(1.25rem, 1.095rem + 0.66vw, 1.625rem); } }
@media print, screen and (min-width: 1280px) {
  /******************************************
  スーパークリエータ
  ******************************************/
  .sc_list {
    padding: 0 clamp(1rem, 0.876rem + 0.53vw, 1.3rem);
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto; }
    .sc_list_img {
      grid-column: 1/2;
      grid-row: 1/2; }
    .sc_list_content {
      padding-top: 0;
      grid-column: 2/3;
      grid-row: 1/2; }
    .sc_list_btn {
      grid-column: 3/4;
      grid-row: 1/2;
      align-items: center;
      padding: 0; }

  /******************************************
  未踏修了生のいま
  ******************************************/
  .modal .modal-box .modal-box_head, .modal .modal-box .modal-box_content {
    padding: min(10vw, 40px) clamp(2.5rem, 2.189rem + 1.33vw, 3.25rem); } }

/*# sourceMappingURL=style.css.map */