@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Noto+Sans+JP:wght@100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*/
body {
  margin: 0;
}
#deloitte_lp h1, #deloitte_lp h2, #deloitte_lp h3, #deloitte_lp h4, #deloitte_lp h5, #deloitte_lp h6, #deloitte_lp p, #deloitte_lp blockquote, #deloitte_lp pre,
#deloitte_lp a, #deloitte_lp abbr, #deloitte_lp acronym, #deloitte_lp address, #deloitte_lp big, #deloitte_lp cite, #deloitte_lp code,
#deloitte_lp del, #deloitte_lp dfn, #deloitte_lp em, #deloitte_lp img, #deloitte_lp ins, #deloitte_lp kbd, #deloitte_lp q, #deloitte_lp s, #deloitte_lp samp,
#deloitte_lp small, #deloitte_lp strike, #deloitte_lp strong, #deloitte_lp sub, #deloitte_lp sup, #deloitte_lp tt, #deloitte_lp var,
#deloitte_lp b, #deloitte_lp u, #deloitte_lp i, #deloitte_lp center,
#deloitte_lp dl, #deloitte_lp dt, #deloitte_lp dd, #deloitte_lp ol, #deloitte_lp ul, #deloitte_lp li,
#deloitte_lp fieldset, #deloitte_lp form, #deloitte_lp label, #deloitte_lp legend,
#deloitte_lp table, #deloitte_lp caption, #deloitte_lp tbody, #deloitte_lp tfoot, #deloitte_lp thead, #deloitte_lp tr, #deloitte_lp th, #deloitte_lp td,
#deloitte_lp article, #deloitte_lp aside, #deloitte_lp canvas, #deloitte_lp details, #deloitte_lp embed,
#deloitte_lp figure, #deloitte_lp figcaption, #deloitte_lp footer, #deloitte_lp header, #deloitte_lp hgroup,
#deloitte_lp menu, #deloitte_lp nav, #deloitte_lp output, #deloitte_lp ruby, #deloitte_lp section, #deloitte_lp summary,
#deloitte_lp time, #deloitte_lp mark, #deloitte_lp audio, #deloitte_lp video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
#deloitte_lp {
  line-height: 1;
}
#deloitte_lp table {
  border-collapse: collapse;
  border-spacing: 0;
}
#deloitte_lp caption,
#deloitte_lp th,
#deloitte_lp td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
#deloitte_lp q,
#deloitte_lp blockquote {
  quotes: none;
}
#deloitte_lp q:before,
#deloitte_lp q:after,
#deloitte_lp blockquote:before,
#deloitte_lp blockquote:after {
  content: "";
  content: none;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
#deloitte_lp a img {
  border: none;
}
#deloitte_lp *,
#deloitte_lp *:before,
#deloitte_lp *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  overflow-wrap: break-word;
  word-break: break-word;
  outline: none !important;
}
#deloitte_lp {
  font-family: var(--font-ja);
  line-height: 1.4;
  font-size: 10px;
  font-weight: var(--medium);
  color: var(--color-txt);
  /* font-feature-settings: "palt"; */
  font-optical-sizing: auto;
  font-style: normal;
  letter-spacing: 0.01em;
}
#deloitte_lp a {
  display: inline-block;
  color: initial;
  cursor: pointer;
  outline: none !important;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
#deloitte_lp *:focus {
  outline: none;
  }
#deloitte_lp a,
#deloitte_lp a:hover {
  text-decoration: none;
}
#deloitte_lp .flex {
  display: flex;
}
#deloitte_lp button {
  border: none;
  outline: none;
  box-shadow: none;
  padding: 0;
}
#deloitte_lp img {
  display: block;
  width: 100%;
  height: auto;
}
#deloitte_lp h1,
#deloitte_lp h2,
#deloitte_lp h3,
#deloitte_lp h4,
#deloitte_lp h5,
#deloitte_lp h6 {
  margin: 0;
  letter-spacing: 0;
}
#deloitte_lp small {
  font-size: 70%;
}
main#deloitte_lp {
  overflow: hidden;
}
#deloitte_lp li {
  list-style: none;
}
#deloitte_lp input,
#deloitte_lp textarea,
#deloitte_lp select,
#deloitte_lp option,
#deloitte_lp button {
  font-family: var(--font-ja);
  font-weight: var(--medium);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#deloitte_lp input:focus-visible,
#deloitte_lp textarea:focus-visible,
#deloitte_lp select:focus-visible,
#deloitte_lp option:focus-visible {
  outline: none;
}
#deloitte_lp input:not([type="radio"],[type="checkbox"]),
#deloitte_lp textarea,
#deloitte_lp select,
#deloitte_lp option {
  width: 100%;
  padding: 16px 20px;
  background: var(--color-white);
  border: 1px solid #cecece;
  border-radius: 4px;
  font-size: 18px;
  font-weight: var(--regular);
  color: var(--color-txt);
  letter-spacing: 0.05em;
}
#deloitte_lp input:not([type="radio"],[type="checkbox"]),
#deloitte_lp textarea {
  background: #f4f6f8;
}
#deloitte_lp select {
  background: var(--color-white) url(/img/risking_lp/arrow_select.png) center right 10px/6px auto no-repeat;
}
#deloitte_lp label {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #deloitte_lp::-webkit-scrollbar{
    width: 0;
  }
}

#deloitte_lp .sp,
#deloitte_lp .spi {
  display: none !important;
}
#deloitte_lp .pc {
  display: block !important;
}
#deloitte_lp .pci {
  display: inline-block !important;
}
@media screen and (max-width: 1400px) {
  #deloitte_lp input:not([type="radio"],[type="checkbox"]),
  #deloitte_lp textarea,
  #deloitte_lp select,
  #deloitte_lp option {
    padding: calc(16 / 1400 * 100vw) calc(20 / 1400 * 100vw);
    border-radius: calc(4 / 1400 * 100vw);
    font-size: calc(18 / 1400 * 100vw);
  }
  #deloitte_lp select {
    background: var(--color-white) url(/img/risking_lp/arrow_select.png) center right calc(10 / 1400 * 100vw)/calc(6 / 1400 * 100vw) auto no-repeat;
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp input:not([type="radio"],[type="checkbox"]),
  #deloitte_lp textarea,
  #deloitte_lp select,
  #deloitte_lp option {
    padding: calc(16 / 390 * 100vw) calc(14 / 390 * 100vw);
    font-size: calc(16 / 390 * 100vw);
    border-radius: calc(4 / 390 * 100vw);
  }
  #deloitte_lp select {
    width: 100%;
    background-size: calc(6 / 390 * 100vw) auto;
    background-position: center right calc(9 / 390 * 100vw);
  }
  #deloitte_lp .sp {
    display: block !important;
  }
  #deloitte_lp .spi {
    display: inline-block !important;
  }
  #deloitte_lp .pc,
  #deloitte_lp .pci {
    display: none !important;
  }
}

/* ----------------------------------
common
---------------------------------- */
:root {
  --color-white: #fff;
  --color-txt: #000;
  --color-green: #20A47A;
  --color-l-green: #DDF1EB;
  --color-red: #dc2e00;
  --color-yellow: #DEBF1A;
  --color-blue: #1658A7;
  --color-bg: #F1F1F1;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semibold: 600;
  --bold: 700;
  --black: 900;
  --font-en: "Roboto Condensed", sans-serif;
  --font-ja: "Noto Sans JP", sans-serif;
  --font-num: "EB Garamond", serif;
}
#deloitte_lp .is-hide {
  display: none !important;
}
#deloitte_lp .en {
  font-family: var(--font-en);
}
#deloitte_lp .ja {
  font-family: var(--font-ja);
}
#deloitte_lp a {
  transition: opacity .3s !important;
  text-underline-offset: 0.3rem;
}
#deloitte_lp a:hover,
#deloitte_lp button:hover {
  opacity: 0.68 !important;
}
#deloitte_lp::placeholder {
  color: #999999;
}
#deloitte_lp .in {
  max-width: 1200px;
  margin: 0 auto;
}
#deloitte_lp .txt {
  font-size: 16px;
  line-height: 1.5;
}
#deloitte_lp .df_ttl {
  text-align: center;
}
#deloitte_lp .df_ttl .ttl_h2 {
  font-size: 32px;
  font-weight: var(--bold);
  letter-spacing: 0.05em;
  line-height: 1.52;
}
#deloitte_lp .df_ttl .ttl_sub {
  margin-bottom: 12px;
  letter-spacing: 0.1em;
  font-weight: var(--bold);
  font-family: var(--font-en);
  font-size: 18px;
  color: var(--color-green);
}
#deloitte_lp .df_ttl .txt {
  margin-top: 40px;
  font-weight: var(--regular);
  line-height: 1.75;
}
#deloitte_lp .df_ttl .txt a {
  text-decoration: underline;
}
body.-scrolled #deloitte_lp a.fixed {
  opacity: 1;
  pointer-events: auto;
}
/* #deloitte_lp .button {
  margin: 90px auto 0;
  display: block;
  font-size: 24px;
  font-weight: var(--bold);
  padding: 25px;
  background: var(--color-green) url(/img/risking_lp/icon_arrow.png) center right 16px/12px auto no-repeat;
  width: 700px;
  border-radius: 6px;
  color: var(--color-white);
  text-align: center;
  letter-spacing: 0.1em;
}
#deloitte_lp .button span {
  color: #e2fc2f;
}
#deloitte_lp .button + .txt_link {
  display: block;
  width: max-content;
  margin: 40px auto 0;
  font-size: 16px;
  font-weight: var(--bold);
  text-decoration: underline;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 1.75;
}
#deloitte_lp a.fixed {
  position: fixed;
  bottom: 115px;
  right: 20px;
  z-index: 30;
  display: block;
  width: 200px;
  padding: 16px;
  background-image: linear-gradient(135deg, rgba(209, 239, 244, 1), rgba(248, 240, 228, 1) 80%);
  color: #0C8870;
  border-radius: 25px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 1;

  pointer-events: none;
  opacity: 0;
}
#deloitte_lp a.fixed::after {
  content: '';
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: solid 2px #0C8870;
  border-right: solid 2px #0C8870;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  transform: rotate(45deg);
} */
@media print, screen and (min-width: 48em) {
  .p-popup__inner {
      bottom: 170px;
  }
  .p-page-top.-with-hh-popup {
    bottom: 20px !important;
  }
}
@media only screen and (max-width: 47.9375em) {
  .p-popup {
    bottom: 118px;
  }
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .in {
    max-width: calc(1200 / 1400 * 100vw);
  }
  #deloitte_lp .txt {
    font-size: calc(16 / 1400 * 100vw);
  }
  #deloitte_lp .df_ttl .ttl_h2 {
    font-size: calc(32 / 1400 * 100vw);
  }
  #deloitte_lp .df_ttl .ttl_sub {
    margin-bottom: calc(12 / 1400 * 100vw);
    font-size: calc(18 / 1400 * 100vw);
  }
  #deloitte_lp .df_ttl .txt {
    margin-top: calc(40 / 1400 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .in {
    max-width: none;
    padding: 0 calc(16 / 375 * 100vw);
  }
  #deloitte_lp .txt {
    font-size: calc(16 / 375 * 100vw);
  }
  #deloitte_lp .df_ttl {
    text-align: left;
  }
  #deloitte_lp .df_ttl .ttl_h2 {
    font-size: calc(24 / 375 * 100vw);
  }
  #deloitte_lp .df_ttl .ttl_sub {
    margin-bottom: calc(16 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
  }
  #deloitte_lp .df_ttl .txt {
    margin-top: calc(40 / 375 * 100vw);
    font-weight: var(--regular);
    line-height: 2;
  }
}

/* mv */
#deloitte_lp .mv {
  background: url(/img/deloitte_lp/mv.jpg) center/cover no-repeat;
}
#deloitte_lp .mv .in {
  position: relative;
  padding: 134px 0 128px;
}
#deloitte_lp .mv .logo {
  position: absolute;
  width: 265px;
  top: 60px;
  right: 0;
}
#deloitte_lp .mv .ttl_sub {
  margin-bottom: 17px;
  color: var(--color-white);
  font-size: 32px;
  font-weight: var(--bold);
  letter-spacing: 0.05em;
}
#deloitte_lp .mv .ttl_sub p {
  position: relative;
  padding-left: 40px;
}
#deloitte_lp .mv .ttl_sub p::before {
  position: absolute;
  /*content: "";*/
  top: 50%;
  left: 0;
  width: 26px;
  height: 3px;
  background: var(--color-white);
  transform: translateY(-50%);
}
#deloitte_lp .mv .ttl_h1 {
  position: relative;
  width: max-content;
  /*padding-left: 40px;*/
  font-size: 32px;
  font-weight: var(--bold);
  color: var(--color-white);
  line-height: 1.14;
  letter-spacing: 0.1em;
}
#deloitte_lp .mv .ttl_h1 span {
  position: relative;
  z-index: 1;
}
#deloitte_lp .mv .ttl_h1::after {
  position: absolute;
  left: 58%;
  bottom: -35px;
  /*content: "";*/
  width: 790px;
  height: 68px;
  background: url(/img/deloitte_lp/mv_marker.png) center/contain no-repeat;
  transform: translateX(-50%);
}
#deloitte_lp .deloitte_button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  width: 369px;
  height: 80px;
  margin-top: 64px;
  font-size: 22px;
  font-weight: var(--bold);
  color: var(--color-white);
  background: linear-gradient(90deg,rgba(211, 198, 134, 1) 0%, rgba(130, 112, 46, 1) 100%);
}
#deloitte_lp .deloitte_button::before {
  content: "";
  width: 36px;
  height: 38px;
  background: url(/img/deloitte_lp/icon_pen.png) center/contain no-repeat;
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .mv .in {
    padding: calc(134 / 1400 * 100vw) 0 calc(128 / 1400 * 100vw);
  }
  #deloitte_lp .mv .logo {
    width: calc(265 / 1400 * 100vw);
    top: calc(60 / 1400 * 100vw);
  }
  #deloitte_lp .mv .ttl_sub {
    margin-bottom: calc(17 / 1400 * 100vw);
    font-size: calc(32 / 1400 * 100vw);
  }
  #deloitte_lp .mv .ttl_sub p {
    padding-left: calc(40 / 1400 * 100vw);
  }
  #deloitte_lp .mv .ttl_sub p::before {
    width: calc(26 / 1400 * 100vw);
    height: calc(3 / 1400 * 100vw);
  }
  #deloitte_lp .mv .ttl_h1 {
    /*padding-left: calc(40 / 1400 * 100vw);*/
    font-size: calc(32 / 1400 * 100vw);
  }
  #deloitte_lp .mv .ttl_h1::after {
    bottom: calc(-39 / 1400 * 100vw);
    width: calc(754 / 1400 * 100vw);
    height: calc(77 / 1400 * 100vw);
  }
  #deloitte_lp .deloitte_button {
    gap: calc(24 / 1400 * 100vw);
    width: calc(369 / 1400 * 100vw);
    height: calc(80 / 1400 * 100vw);
    margin-top: calc(64 / 1400 * 100vw);
    font-size: calc(22 / 1400 * 100vw);
  }
  #deloitte_lp .deloitte_button::before {
    width: calc(36 / 1400 * 100vw);
    height: calc(38 / 1400 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .mv {
    background-image: url(/img/deloitte_lp/mv_sp.jpg);
  }
  #deloitte_lp .mv .in {
    text-align: center;
    padding: calc(111 / 375 * 100vw) 0 calc(79 / 375 * 100vw);
  }
  #deloitte_lp .mv .logo {
    position: static;
    width: calc(265 / 375 * 100vw);
    margin: 0 auto calc(22 / 375 * 100vw);
  }
  #deloitte_lp .mv .ttl_sub {
    margin-bottom: calc(51 / 375 * 100vw);
    font-size: calc(28 / 375 * 100vw);
  }
  #deloitte_lp .mv .ttl_sub p {
    padding: 0;
  }
  #deloitte_lp .mv .ttl_sub p::before {
    content: none;
  }
  #deloitte_lp .mv .ttl_h1 {
    font-size: calc(22 / 375 * 100vw);
    padding: 0;
    margin: 0 auto;
    line-height: 1.38;
  }
  #deloitte_lp .mv .ttl_h1::after {
    bottom: calc(-5 / 375 * 100vw);
    width: calc(201 / 375 * 100vw);
    height: calc(29 / 375 * 100vw);
    background-image: none;
  }
  #deloitte_lp .mv .ttl_h1::before {
    position: absolute;
    content: none;
    top: calc(132 / 375 * 100vw);
    right: calc(-8 / 375 * 100vw);
    width: calc(326 / 375 * 100vw);
    height: calc(45 / 375 * 100vw);
    background: url(/img/deloitte_lp/mv_marker_sp.png) center / contain no-repeat;
  }
  #deloitte_lp .deloitte_button {
    gap: calc(6 / 375 * 100vw);
    width: calc(279 / 375 * 100vw);
    height: calc(54 / 375 * 100vw);
    margin: calc(50 / 375 * 100vw) auto 0;
    font-size: calc(16 / 375 * 100vw);
  }
  #deloitte_lp .deloitte_button::before {
    width: calc(19 / 375 * 100vw);
    height: calc(20 / 375 * 100vw);
  }
}


/* recommend */
#deloitte_lp .recommend {
  padding: 64px 0 85px;
  background: linear-gradient(90deg,rgba(211, 198, 134, 1) 0%, rgba(130, 112, 46, 1) 100%);
}
#deloitte_lp .recommend_ttl {
  width: max-content;
  padding: 15px 55px;
  margin: 0 auto 64px;
  background: var(--color-white);
  font-size: 32px;
  font-weight: var(--bold);
  color: #847739;
}
#deloitte_lp .recommend .list {
  display: flex;
  gap: 20px;
}
#deloitte_lp .recommend .list li {
  width: calc(25% - (20px * 3 / 4));
  background: var(--color-white);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 6px rgb(0 0 0 / 0.16);
}
#deloitte_lp .recommend .list li figure {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1/0.72633;
}
#deloitte_lp .recommend .list li figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#deloitte_lp .recommend .list li .txt {
  position: relative;
  padding: 37px 24px 31px;
  font-weight: var(--bold);
  letter-spacing: 0.01em;
  text-align: center;
}
#deloitte_lp .recommend .list li .txt::before {
  position: absolute;
  left: 50%;
  top: 23px;
  content: "";
  width: 19px;
  height: 2px;
  background-color: #000;
  transform: translateX(-50%);
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .recommend {
    padding: calc(64 / 1400 * 100vw) 0 calc(85 / 1400 * 100vw);
  }
  #deloitte_lp .recommend_ttl {
    padding: calc(15 / 1400 * 100vw) calc(55 / 1400 * 100vw);
    margin: 0 auto calc(64 / 1400 * 100vw);
    font-size: calc(32 / 1400 * 100vw);
  }
  #deloitte_lp .recommend .list {
    gap: calc(20 / 1400 * 100vw);
  }
  #deloitte_lp .recommend .list li {
    width: calc(25% - ((20 / 1400 * 100vw) * 3 / 4));
    border-radius: calc(10/ 1400 * 100vw);
    box-shadow: 0 calc(3 / 1400 * 100vw) calc(6 / 1400 * 100vw) rgb(0 0 0 / 0.16);
  }
  #deloitte_lp .recommend .list li .txt {
    padding: calc(37 / 1400 * 100vw) calc(24 / 1400 * 100vw) calc(31 / 1400 * 100vw);
  }
  #deloitte_lp .recommend .list li .txt::before {
    top: calc(23 / 1400 * 100vw);
    width: calc(19 / 1400 * 100vw);
    height: calc(2 / 1400 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .recommend  {
    padding: calc(40 / 375 * 100vw) 0 calc(50 / 375 * 100vw);
  }
  #deloitte_lp .recommend_ttl {
    width: 100%;
    padding: calc(14 / 375 * 100vw) 0;
    margin-bottom: calc(40 / 375 * 100vw);
    font-size: calc(28 / 375 * 100vw);
    text-align: center;
  }
  #deloitte_lp .recommend .list {
    flex-direction: column;
    gap: calc(20 / 375 * 100vw);
  }
  #deloitte_lp .recommend .list li {
    width: 100%;
    border-radius: calc(10 / 375 * 100vw);
    box-shadow: 0 calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgb(0 0 0 / 0.16);
  }
  #deloitte_lp .recommend .list li figure {
    aspect-ratio: 1/0.604;
  }
  #deloitte_lp .recommend .list li .txt {
    padding: calc(37 / 375 * 100vw) 0 calc(31 / 375 * 100vw);
    letter-spacing: 0.05em;
  }
  #deloitte_lp .recommend .list li .txt::before {
    width: calc(19 / 375 * 100vw);
    top: calc(23 / 375 * 100vw);
    height: calc(2 / 375 * 100vw);
  }
}


/* skill */
#deloitte_lp .skill {
  padding: 60px 0 77px;
}
#deloitte_lp .skill .skill_ttl {
  text-align: center;
  font-size: 39px;
  font-weight: var(--bold);
  color: var(--color-green);
}
#deloitte_lp .skill .lead {
  text-align: center;
  margin-top: 60px;
  font-size: 16px;
  font-weight: var(--regular);
  letter-spacing: 0.05em;
  line-height: 1.75;
}
#deloitte_lp .skill .lead a {
  font-size: 12px;
  color: #9B9B9B;
  text-decoration: underline;
}
#deloitte_lp .skill .flex {
  align-items: center;
  gap: 51px;
  margin-top: 58px;
}
#deloitte_lp .skill .flex_txt {
  width: 591px;
}
#deloitte_lp .skill .flex_txt .txt {
  font-weight: var(--regular);
  line-height: 2.5;
}
#deloitte_lp .skill .flex_img {
  width: calc(100% - 51px - 591px);
}
#deloitte_lp .skill .flex_img .ttl {
  font-size: 20px;
  letter-spacing: 0.05em;
}
#deloitte_lp .skill .flex_img .txt {
  font-weight: var(--medium);
  color: #9B9B9B;
}
#deloitte_lp .skill .flex_img .note {
  font-size: 12px;
  font-weight: var(--regular);
  color: #9B9B9B;
}
#deloitte_lp .skill .flex_img figure {
  margin: 27px 0 14px;
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .skill {
    padding: calc(60 / 1400 * 100vw) 0 calc(77 / 1400 * 100vw);
  }
  #deloitte_lp .skill .skill_ttl {
    font-size: calc(39 / 1400 * 100vw);
  }
  #deloitte_lp .skill .lead {
    margin-top: calc(60 / 1400 * 100vw);
    font-size: calc(16 / 1400 * 100vw);
  }
  #deloitte_lp .skill .lead a {
    font-size: calc(12 / 1400 * 100vw);
  }
  #deloitte_lp .skill .flex {
    gap: calc(51 / 1400 * 100vw);
    margin-top: calc(58 / 1400 * 100vw);
  }
  #deloitte_lp .skill .flex_txt {
    width: calc(591 / 1400 * 100vw);
  }
  #deloitte_lp .skill .flex_img {
    width: calc(100% - (51 / 1400 * 100vw) - (591 / 1400 * 100vw));
  }
  #deloitte_lp .skill .flex_img .ttl {
    font-size: calc(20 / 1400 * 100vw);
  }
  #deloitte_lp .skill .flex_img .note {
    font-size: calc(12 / 1400 * 100vw);
  }
  #deloitte_lp .skill .flex_img figure {
    margin: calc(27 / 1400 * 100vw) 0 calc(14 / 1400 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .skill {
    padding: calc(60 / 375 * 100vw) 0;
  }
  #deloitte_lp .skill .skill_ttl {
    font-size: calc(28 / 375 * 100vw);
  }
  #deloitte_lp .skill .lead {
    margin-top: calc(48 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    font-weight: var(--regular);
    line-height: 2;
    text-align: left;
  }
  #deloitte_lp .skill .lead a {
    font-size: calc(14 / 375 * 100vw);
    letter-spacing: 0;
  }
  #deloitte_lp .skill .flex {
    flex-direction: column-reverse;
    gap: calc(43 / 375 * 100vw);
    margin-top: calc(60 / 375 * 100vw);
  }
  #deloitte_lp .skill .flex_img {
    width: 100%;
  }
  #deloitte_lp .skill .flex_img .ttl {
    font-size: calc(18 / 375 * 100vw);
  }
  #deloitte_lp .skill .flex_img .txt {
    margin-top: calc(16 / 375 * 100vw);
    font-size: calc(15 / 375 * 100vw);
  }
  #deloitte_lp .skill .flex_img figure {
    margin-top: calc(30 / 375 * 100vw);
  }
  #deloitte_lp .skill .flex_img .note {
    font-size: calc(12 / 375 * 100vw);
    margin-top: calc(16 / 375 * 100vw);
    line-height: 1.33;
    text-indent: -4em;
    padding-left: 4em;
  }
  #deloitte_lp .skill .flex_txt {
    width: 100%;
  }
}


/* course */
#deloitte_lp .course {
  padding: 82px 0 98px;
  background: var(--color-bg);
}
#deloitte_lp .course .tsuyomi {
  padding-top: 128px;
}
#deloitte_lp .course .tsuyomi .ttl_h3 {
  margin-bottom: 52px;
  position: relative;
  text-align: center;
  font-size: 32px;
  font-weight: var(--bold);
  letter-spacing: 0.05em;
  color: var(--color-green);
}
#deloitte_lp .course .tsuyomi .ttl_h3 span {
  padding: 0 12px;
  background: var(--color-bg);
  position: relative;
  z-index: 1;
}
#deloitte_lp .course .tsuyomi .ttl_h3::after {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: var(--color-green);
  transform: translateY(-50%);
}
#deloitte_lp .course .tsuyomi .list {
  display: flex;
  gap: 20px;
}
#deloitte_lp .course .tsuyomi .list li {
  position: relative;
  width: calc(33.33% - (20px * 2 / 3));
  background: var(--color-white);
}
#deloitte_lp .course .tsuyomi .list li dl {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#deloitte_lp .course .tsuyomi .list li dt {
  display: flex;
  align-items: center;
  gap: 14px;
  height: 85px;
  font-size: 22px;
  font-weight: var(--bold);
  color: var(--color-green);
  line-height: 1.36;
}
#deloitte_lp .course .tsuyomi .list li dt span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 85px;
  width: 85px;
  text-align: center;
  background: var(--color-green);
  font-family: var(--font-num);
  font-size: 50px;
  font-weight: var(--bold);
  color: var(--color-white);
}
#deloitte_lp .course .tsuyomi .list li dd {
  padding: 0 20px 18px;
}
#deloitte_lp .course .tsuyomi .list li dd figure {
  width: 199px;
  margin: 26px auto 42px;
}
#deloitte_lp .course .tsuyomi .list li dd .txt {
  min-height: 120px;
  padding: 10px 13px;
  background: var(--color-bg);
  letter-spacing: 0.05em;
  font-weight: var(--medium);
}
#deloitte_lp .course .online {
  position: relative;
  margin-top: 126px;
  padding: 117px 40px 50px;
  border-radius: 20px;
  border: 2px solid var(--color-green);
}
#deloitte_lp .course .online .ttl_h3 {
  position: absolute;
  top: -25px;
  left: 50%;
  text-align: center;
  font-size: 32px;
  font-weight: var(--bold);
  letter-spacing: 0.05em;
  color: var(--color-green);
  padding: 0 12px;
  background: var(--color-bg);
  transform: translateX(-50%);
}
#deloitte_lp .course .online .block {
  position: relative;
  padding: 64px 60px 60px;
}
#deloitte_lp .course .online .block_ttl {
  text-align: center;
  font-weight: var(--bold);
  font-size: 46px;
  letter-spacing: 0.1em;
}
#deloitte_lp .course .online .block_lead {
  width: max-content;
  padding: 6px 20px;
  margin: 26px auto 0;
  border: 1px solid #000;
  font-size: 16px;
  font-weight: var(--regular);
  letter-spacing: 0.05em;
}
#deloitte_lp .course .online .osusume {
  margin: 54px auto 0;
}
#deloitte_lp .course .online .osusume_ttl {
  text-align: center;
  font-size: 16px;
  font-weight: var(--bold);
  letter-spacing: 0.05em;
  color: var(--color-yellow);
}
#deloitte_lp .course .online .osusume_list {
  padding: 18px 62px;
  max-width: 460px;
  margin: 13px auto 0;
  background-color: var(--color-white);
  border-radius: 6px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 0.16);
}
#deloitte_lp .course .online .osusume_list li {
  padding-left: 33px;
  background: url(/img/deloitte_lp/check-square_yellow.png) top 4px left/20px auto no-repeat;
  font-size: 18px;
  font-weight: var(--bold);
  letter-spacing: 0.05em;
  text-align: left;
  line-height: 1.5;
  color: var(--color-yellow);
}
#deloitte_lp .course .online .osusume_list li + li {
  margin-top: 5px;
}
#deloitte_lp .course .online .detail {
  margin-top: 64px;
}
#deloitte_lp .course .online .detail_ttl {
  position: relative;
  margin-bottom: 44px;
  text-align: center;
  font-size: 22px;
  font-weight: var(--bold);
  letter-spacing: 0.05em;
}
#deloitte_lp .course .online .detail_ttl span {
  position: relative;
  z-index: 1;
  padding: 0 8px;
}
#deloitte_lp .course .online .detail_ttl::after {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: var(--color-yellow);
  transform: translateY(-50%);
}
#deloitte_lp .course .online .detail .flex {
  gap: 48px;
}
#deloitte_lp .course .online .detail .flex_txt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 460px;
}
#deloitte_lp .course .online .detail .flex_txt .txt {
  font-weight: var(--regular);
  line-height: 1.75;
}
#deloitte_lp .course .online .detail .flex_txt .txt .note {
  display: block;
  margin-top: 20px;
  font-size: 15px;
  color: #9B9B9B;
}
#deloitte_lp .course .online .detail .flex_txt .bottom dl {
  display: flex;
  border: 1px solid var(--color-yellow);
  border-radius: 6px;
  background: var(--color-white);
}
#deloitte_lp .course .online .detail .flex_txt .bottom dl + dl {
  margin-top: 10px;
}
#deloitte_lp .course .online .detail .flex_txt .bottom dt {
  width: 115px;
  padding: 6px;
  text-align: center;
  font-size: 16px;
  font-weight: var(--bold);
  color: var(--color-white);
  background: var(--color-yellow);
  letter-spacing: 0.05em;
}
#deloitte_lp .course .online .detail .flex_txt .bottom dd {
  width: calc(100% - 115px);
  padding: 6px;
  text-align: center;
  font-size: 16px;
  font-weight: var(--bold);
  color: var(--color-yellow);
  letter-spacing: 0.05em;
}
#deloitte_lp .course .online .detail .flex_img {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: calc(100% - 48px - 460px);
}
#deloitte_lp .course .online .detail .flex_img li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: calc(50% - 10px);
  height: 140px;
  padding: 20px 0;
  background: var(--color-white);
  border-radius: 6px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 0.16);
  text-align: center;
  font-size: 15px;
  font-weight: var(--medium);
  letter-spacing: 0.05em;
}
#deloitte_lp .course .online .detail .flex_img li figure {
  width: 77px;
  margin: 0 auto 18px;
}
#deloitte_lp .course .online .block.ai {
  background: #FFFEFA url(/img/deloitte_lp/online_bg_ai.png) top 24px left 21px/392px auto no-repeat;
}
#deloitte_lp .course .online .block.ai .detail_ttl span {
  background: #FFFEFA;
}
#deloitte_lp .course .online .block.ai .detail_ttl span {
  color: var(--color-yellow);
}
#deloitte_lp .course .online .block.g {
  background: #F8FCFF url(/img/deloitte_lp/online_bg_g.png) top 19px left 20px/392px auto no-repeat;
}
#deloitte_lp .course .online .block.g .detail_ttl span {
  background: #F8FCFF;
}
#deloitte_lp .course .online .block.g .detail_ttl span,
#deloitte_lp .course .online .block.g .detail .flex_txt .bottom dd,
#deloitte_lp .course .online .block.g .osusume_ttl,
#deloitte_lp .course .online .block.g .osusume_list li {
  color: var(--color-blue);
}
#deloitte_lp .course .online .block.g .osusume_list li {
  background-image: url(/img/deloitte_lp/check-square_blue.png);
}
#deloitte_lp .course .online .block.g .detail_ttl::after {
  background: var(--color-blue);
}
#deloitte_lp .course .online .block.g .detail .flex_img li {
  padding-bottom: 48px;
  height: 300px;
}
#deloitte_lp .course .online .block.g .detail .flex_img li figure {
  width: 135px;
  margin-bottom: 41px;
}
#deloitte_lp .course .online .block.g .detail .flex_txt .bottom dl {
  border-color: var(--color-blue);
}
#deloitte_lp .course .online .block.g .detail .flex_txt .bottom dt {
  background: var(--color-blue);
}
#deloitte_lp .course .online .badge {
  position: absolute;
  width: 234px;
  top: -87px;
  right: -3px;
}
#deloitte_lp .course .online .sarani {
  margin: 46px 0;
  padding-bottom: 70px;
  font-size: 36px;
  font-weight: var(--bold);
  text-align: center;
  color: var(--color-green);
  background: url(/img/deloitte_lp/icon_arrow_green.png) center bottom/103px auto no-repeat;
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .course {
    padding: calc(82 / 1400 * 100vw) 0 calc(98 / 1400 * 100vw);
  }
  #deloitte_lp .course .tsuyomi {
    padding-top: calc(128 / 1400 * 100vw);
  }
  #deloitte_lp .course .tsuyomi .ttl_h3 {
    margin-bottom: calc(52 / 1400 * 100vw);
    font-size: calc(32 / 1400 * 100vw);
  }
  #deloitte_lp .course .tsuyomi .ttl_h3 span {
    padding: 0 calc(12 / 1400 * 100vw);
  }
  #deloitte_lp .course .tsuyomi .ttl_h3::after {
    height: calc(2 / 1400 * 100vw);
  }
  #deloitte_lp .course .tsuyomi .list {
    gap: calc(20 / 1400 * 100vw);
  }
  #deloitte_lp .course .tsuyomi .list li {
    width: calc(33.33% - ((20 / 1400 * 100vw) * 2 / 3));
  }
  #deloitte_lp .course .tsuyomi .list li dt {
    gap: calc(14 / 1400 * 100vw);
    height: calc(85 / 1400 * 100vw);
    font-size: calc(22 / 1400 * 100vw);
  }
  #deloitte_lp .course .tsuyomi .list li dt span {
    height: calc(85 / 1400 * 100vw);
    width: calc(85 / 1400 * 100vw);
    font-size: calc(50 / 1400 * 100vw);
  }
  #deloitte_lp .course .tsuyomi .list li dd {
    padding: 0 calc(20 / 1400 * 100vw) calc(18 / 1400 * 100vw);
  }
  #deloitte_lp .course .tsuyomi .list li dd figure {
    width: calc(199 / 1400 * 100vw);
    margin: calc(26 / 1400 * 100vw) auto calc(42 / 1400 * 100vw);
  }
  #deloitte_lp .course .tsuyomi .list li dd .txt {
    min-height: calc(120 / 1400 * 100vw);
    padding: calc(10 / 1400 * 100vw) calc(13 / 1400 * 100vw);
  }
  #deloitte_lp .course .online {
    margin-top: calc(126 / 1400 * 100vw);
    padding: calc(117 / 1400 * 100vw) calc(40 / 1400 * 100vw) calc(50 / 1400 * 100vw);
    border-radius: calc(20 / 1400 * 100vw);
    border: calc(2 / 1400 * 100vw) solid var(--color-green);
  }
  #deloitte_lp .course .online .ttl_h3 {
    top: calc(-25 / 1400 * 100vw);
    font-size: calc(32 / 1400 * 100vw);
    padding: 0 calc(12 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .block {
    padding: calc(64 / 1400 * 100vw) calc(60 / 1400 * 100vw) calc(60 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .block_ttl {
    font-size: calc(46 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .block_lead {
    padding: calc(6 / 1400 * 100vw) calc(20 / 1400 * 100vw);
    margin: calc(26 / 1400 * 100vw) auto 0;
    font-size: calc(16 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .osusume {
    margin: calc(54 / 1400 * 100vw) auto 0;
  }
  #deloitte_lp .course .online .osusume_ttl {
    font-size: calc(16 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .osusume_list {
    padding: calc(18 / 1400 * 100vw) calc(62 / 1400 * 100vw);
    max-width: calc(460 / 1400 * 100vw);
    margin: calc(13 / 1400 * 100vw) auto 0;
    border-radius: calc(6 / 1400 * 100vw);
    box-shadow: 0 calc(3 / 1400 * 100vw) calc(6 / 1400 * 100vw) rgb(0 0 0 / 0.16);
  }
  #deloitte_lp .course .online .osusume_list li {
    padding-left: calc(33 / 1400 * 100vw);
    background: url(/img/deloitte_lp/check-square_yellow.png) top calc(4 / 1400 * 100vw) left/calc(20 / 1400 * 100vw) auto no-repeat;
    font-size: calc(18 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .osusume_list li + li {
    margin-top: calc(5 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .detail {
    margin-top: calc(64 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .detail_ttl {
    margin-bottom: calc(44 / 1400 * 100vw);
    font-size: calc(22 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .detail_ttl span {
    padding: 0 calc(8 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .detail_ttl::after {
    height: calc(2 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex {
    gap: calc(48 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_txt {
    width: calc(460 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_txt .txt .note {
    margin-top: calc(20 / 1400 * 100vw);
    font-size: calc(15 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_txt .bottom dl {
    border-radius: calc(6 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_txt .bottom dl + dl {
    margin-top: calc(10 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_txt .bottom dt {
    width: calc(115 / 1400 * 100vw);
    padding: calc(6 / 1400 * 100vw);
    font-size: calc(16 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_txt .bottom dd {
    width: calc(100% - (115 / 1400 * 100vw));
    padding: calc(6 / 1400 * 100vw);
    font-size: calc(16 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_img {
    gap: calc(20 / 1400 * 100vw);
    width: calc(100% - (48 / 1400 * 100vw) - (460 / 1400 * 100vw));
  }
  #deloitte_lp .course .online .detail .flex_img li {
    width: calc(50% - (10 / 1400 * 100vw));
    height: calc(140 / 1400 * 100vw);
    padding: calc(20 / 1400 * 100vw) 0;
    border-radius: calc(6 / 1400 * 100vw);
    box-shadow: 0 calc(3 / 1400 * 100vw) calc(6 / 1400 * 100vw) rgb(0 0 0 / 0.16);
    font-size: calc(15 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_img li figure {
    width: calc(77 / 1400 * 100vw);
    margin: 0 auto calc(18 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .block.ai {
    background: #FFFEFA url(/img/deloitte_lp/online_bg_ai.png) top calc(24 / 1400 * 100vw) left calc(21 / 1400 * 100vw)/calc(392 / 1400 * 100vw) auto no-repeat;
  }
  #deloitte_lp .course .online .block.g {
    background: #F8FCFF url(/img/deloitte_lp/online_bg_g.png) top calc(19 / 1400 * 100vw) left calc(20 / 1400 * 100vw)/calc(392 / 1400 * 100vw) auto no-repeat;
  }
  #deloitte_lp .course .online .block.g .detail .flex_img li {
    padding-bottom: calc(48 / 1400 * 100vw);
    height: calc(300 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .block.g .detail .flex_img li figure {
    width: calc(135 / 1400 * 100vw);
    margin-bottom: calc(41 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .badge {
    width: calc(234 / 1400 * 100vw);
    top: calc(-87 / 1400 * 100vw);
    right: calc(-3 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .sarani {
    margin: calc(46 / 1400 * 100vw) 0;
    padding-bottom: calc(70 / 1400 * 100vw);
    font-size: calc(36 / 1400 * 100vw);
    background: url(/img/deloitte_lp/icon_arrow_green.png) center bottom/calc(103 / 1400 * 100vw) auto no-repeat;
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .course {
    padding: calc(60 / 375 * 100vw) 0 calc(56 / 375 * 100vw);
  }
  #deloitte_lp .df_ttl .txt a {
    font-size: calc(15 / 375 * 100vw);
    text-indent: -1em;
    padding-left: 1em;
  }
  #deloitte_lp .course .tsuyomi {
    padding-top: calc(60 / 375 * 100vw);
  }
  #deloitte_lp .course .tsuyomi .ttl_h3 {
    font-size: calc(24 / 375 * 100vw);
    text-align: left;
    margin-bottom: calc(32 / 375 * 100vw);
  }
  #deloitte_lp .course .tsuyomi .ttl_h3 span {
    display: inline-block;
    padding: 0 calc(8 / 375 * 100vw) 0 0;
  }
  #deloitte_lp .course .tsuyomi .ttl_h3::after {
    height: calc(2 / 375 * 100vw);
    transform: unset;
    top: calc(16 / 375 * 100vw);
  }
  #deloitte_lp .course .tsuyomi .list {
    padding: 0 0 calc(38 / 375 * 100vw);
    gap: calc(20 / 375 * 100vw);
    overflow-x: scroll;
  }
  #deloitte_lp .course .tsuyomi .list::-webkit-scrollbar {
    height: calc(14 / 375 * 100vw);
    border-radius: calc(7 / 375 * 100vw);
  }
  #deloitte_lp .course .tsuyomi .list::-webkit-scrollbar-track {
    background-color: #9F9F9F;
    border-radius: calc(7 / 375 * 100vw);
  }
  #deloitte_lp .course .tsuyomi .list::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: calc(7 / 375 * 100vw);
  }
  #deloitte_lp .course .tsuyomi .list li {
    width: calc(267 / 375 * 100vw);
    min-width: calc(267 / 375 * 100vw);
  }
  #deloitte_lp .course .tsuyomi .list li dd {
    padding: 0 calc(20 / 375 * 100vw) calc(18 / 375 * 100vw);
  }
  #deloitte_lp .course .tsuyomi .list li dd .txt {
    padding: calc(14 / 375 * 100vw);
    min-height: calc(168 / 375 * 100vw);
  }
  #deloitte_lp .course .tsuyomi .list li dd figure {
    width: 80%;
    margin: calc(14 / 375 * 100vw) auto calc(24 / 375 * 100vw);
  }
  #deloitte_lp .course .tsuyomi .list li dt {
    height: calc(69 / 375 * 100vw);
    gap: calc(9 / 375 * 100vw);
    font-size: calc(22 / 375 * 100vw);
  }
  #deloitte_lp .course .tsuyomi .list li dt span {
    width: calc(56 / 375 * 100vw);
    height: calc(69 / 375 * 100vw);
    font-size: calc(32 / 375 * 100vw);
  }
  #deloitte_lp .course .online {
    margin-top: calc(112 / 375 * 100vw);
    padding: calc(70 / 375 * 100vw) 0 0;
    border: none;
    border-top: calc(2 / 375 * 100vw) solid var(--color-green);
    border-radius: 0;
  }
  #deloitte_lp .course .online .ttl_h3 {
    width: max-content;
    left: 0;
    top: calc(-19 / 375 * 100vw);
    padding: 0 calc(8 / 375 * 100vw) 0 0;
    font-size: calc(24 / 375 * 100vw);
    transform: unset;
  }
  #deloitte_lp .course .online .block {
    padding: calc(156 / 375 * 100vw) calc(16 / 375 * 100vw) calc(17 / 375 * 100vw);
  }
  #deloitte_lp .course .online .badge {
    width: calc(160 / 375 * 100vw);
    top: calc(-38 / 375 * 100vw);
    right: calc(-37 / 375 * 100vw);
  }
  #deloitte_lp .course .online .block_ttl {
    font-size: calc(28 / 375 * 100vw);
  }
  #deloitte_lp .course .online .block_lead {
    width: 100%;
    margin-top: calc(29 / 375 * 100vw);
    padding: calc(8 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    text-align: center;
  }
  #deloitte_lp .course .online .osusume {
    margin-top: calc(42 / 375 * 100vw);
  }
  #deloitte_lp .course .online .osusume_ttl {
    font-size: calc(18 / 375 * 100vw);
  }
  #deloitte_lp .course .online .osusume_list {
    max-width: none;
    width: 100%;
    margin: calc(16 / 375 * 100vw) 0 0;
    padding: calc(15 / 375 * 100vw) calc(25 / 375 * 100vw);
    border-radius: calc(6 / 375 * 100vw);
    box-shadow: 0 calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgb(0 0 0 / 0.16);
  }
  #deloitte_lp .course .online .osusume_list li {
    padding-left: calc(32 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw);
    background-size: calc(20 / 375 * 100vw) auto;
    background-position: left top calc(4 / 375 * 100vw);
  }
  #deloitte_lp .course .online .osusume_list li + li {
    margin-top: calc(11 / 375 * 100vw);
  }
  #deloitte_lp .course .online .detail {
    margin-top: calc(37 / 375 * 100vw);
  }
  #deloitte_lp .course .online .detail_ttl {
    margin-bottom: calc(20 / 375 * 100vw);
    font-size: calc(22 / 375 * 100vw);
  }
  #deloitte_lp .course .online .detail_ttl span {
    padding: 0 calc(8 / 375 * 100vw);
  }
  #deloitte_lp .course .online .detail_ttl::after {
    height: calc(2 / 375 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex {
    flex-direction: column;
    gap: calc(20 / 375 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_txt {
    gap: calc(24 / 375 * 100vw);
    width: 100%;
  }
  #deloitte_lp .course .online .detail .flex_txt .bottom dl {
    display: block;
    border-radius: 0;
  }
  #deloitte_lp .course .online .detail .flex_txt .bottom dl + dl {
    margin-top: calc(16 / 375 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_txt .bottom dt,
  #deloitte_lp .course .online .detail .flex_txt .bottom dd {
    width: 100%;
    text-align: center;
    font-size: calc(16 / 375 * 100vw);
    padding: calc(6 / 375 * 100vw) 0;
  }
  #deloitte_lp .course .online .detail .flex_img {
    width: 100%;
    gap: calc(10 / 375 * 100vw) calc(13 / 375 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_img li {
    width: calc(50% - (7.5 / 375 * 100vw));
    border-radius: calc(6 / 375 * 100vw);
    height: calc(130 / 375 * 100vw);
    padding: calc(15 / 375 * 100vw) 0;
    box-shadow: 0 calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgb(0 0 0 / 0.16);
  }
  #deloitte_lp .course .online .detail .flex_img li .txt {
    font-size: calc(15 / 375 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_img li figure {
    width: calc(57 / 375 * 100vw);
    margin-bottom: calc(10 / 375 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_txt .txt .note {
    font-size: calc(15 / 375 * 100vw);
    margin-top: calc(16 / 375 * 100vw);
  }
  #deloitte_lp .course .online .block.g .detail .flex_img li {
    padding-bottom: calc(19 / 375 * 100vw);
    height: calc(168 / 375 * 100vw);
  }
  #deloitte_lp .course .online .block.g .detail .flex_img li figure {
    width: calc(52 / 375 * 100vw);
  }
  #deloitte_lp .course .online .block.ai {
    background-size: calc(181 / 375 * 100vw) auto;
    background-position: top calc(38 / 375 * 100vw) left calc(10 / 375 * 100vw);
  }
  #deloitte_lp .course .online .block.g {
    background-size: calc(196 / 375 * 100vw) auto;
    background-position: top calc(31 / 375 * 100vw) left calc(10 / 375 * 100vw);
  }
  #deloitte_lp .course .online .sarani {
    padding-bottom: calc(50 / 375 * 100vw);
    margin: calc(24 / 375 * 100vw) 0 calc(29 / 375 * 100vw);
    font-size: calc(24 / 375 * 100vw);
    background-size: calc(67 / 375 * 100vw) auto;
  }
}


/* cv */
#deloitte_lp .cv {
  padding: 54px 0 65px;
  background: url(/img/deloitte_lp/cv_bg.jpg) center/cover no-repeat;
  color: var(--color-white);
}
#deloitte_lp .cv .ttl_sub {
  color: var(--color-white);
}
#deloitte_lp .deloitte_button_cr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 332px;
  height: 67px;
  margin: 38px auto 0;
  border-radius: 40px;
  font-size: 24px;
  font-weight: var(--bold);
  color: var(--color-white);
  text-align: center;
  background: linear-gradient(90deg, rgba(211, 198, 134, 1) 0%, rgba(130, 112, 46, 1) 100%);
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .cv {
    padding: calc(54 / 1400 * 100vw) 0 calc(65 / 1400 * 100vw);
  }
  #deloitte_lp .deloitte_button_cr {
    width: calc(332 / 1400 * 100vw);
    height: calc(67 / 1400 * 100vw);
    margin: calc(38 / 1400 * 100vw) auto 0;
    border-radius: calc(40 / 1400 * 100vw);
    font-size: calc(24 / 1400 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .cv {
    padding: calc(31 / 375 * 100vw) 0 calc(38 / 375 * 100vw);
    background-image: url(/img/deloitte_lp/cv_bg_sp.jpg);
  }
  #deloitte_lp .cv .df_ttl {
    text-align: center;
  }
  #deloitte_lp .cv .df_ttl .ttl_sub {
    margin-bottom: calc(8 / 375 * 100vw);
  }
  #deloitte_lp .cv .df_ttl .ttl_h2 {
    font-size: calc(18 / 375 * 100vw);
  }
  #deloitte_lp .deloitte_button_cr {
    margin-top: calc(20 / 375 * 100vw);
    width: calc(279 / 375 * 100vw);
    height: calc(38 / 375 * 100vw);
    border-radius: calc(23 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
  }
}


/* strengths */
#deloitte_lp .strengths {
  padding: 82px 0 44px;
}

#deloitte_lp .strengths .chart-table {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 80px;
}
#deloitte_lp .strengths .chart-table .chart-table-th {
  width: 280px;
}
#deloitte_lp .strengths .chart-scroll-area {
  display: flex;
  align-items: flex-end;
  gap: 20px;
  justify-content: space-between;
}
#deloitte_lp .strengths .chart-table .chart-table-tr {
  position: relative;
  width: 293px;
}
#deloitte_lp .strengths .chart-table .chart-table-th p,
#deloitte_lp .strengths .chart-table .chart-table-tr p {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 140px;
  font-size: 18px;
  font-weight: var(--medium);
}
#deloitte_lp .strengths .chart-table .chart-table-th p {
  border-top: 1px solid #E8E8E8;
  color: var(--color-green);
  font-weight: var(--bold);
}
#deloitte_lp .strengths .chart-table .chart-table-th p:last-of-type {
  border-bottom: 1px solid #E8E8E8;
}
#deloitte_lp .strengths .chart-table .chart-table-tr p.chart-name {
  font-size: 28px;
  font-weight: var(--bold);
  height: 88px;
  color: var(--color-white);
}
#deloitte_lp .strengths .chart-table .chart-table-tr:nth-of-type(1) {
  background: var(--color-green);
}
#deloitte_lp .strengths .chart-table .chart-table-tr p {
  flex-wrap: wrap;
  background: none;
  font-size: 15px;
}
#deloitte_lp .strengths .chart-table .chart-table-tr p:not(.chart-name) {
  position: relative;
  border-radius: 0;
  background-color: var(--color-white);
}
#deloitte_lp .strengths .chart-table .chart-table-tr:not(:first-of-type) p:not(.chart-name) {
  border-left: 1px solid #E8E8E8;
  border-right: 1px solid #E8E8E8;
}
#deloitte_lp .strengths .chart-table .chart-table-tr:not(:first-of-type) p:last-of-type {
  border-bottom: 1px solid #E8E8E8;
}
#deloitte_lp .strengths .chart-table .chart-table-tr:nth-of-type(1) p.chart-name {
  color: var(--color-white);
  padding-top: 8px;
  height: 109px;
}
#deloitte_lp .strengths .chart-table .chart-table-tr:nth-of-type(1) p:not(.chart-name)  {
  background: var(--color-l-green) url(/img/deloitte_lp/icon_maru.png) center/90px auto no-repeat;
}
#deloitte_lp .strengths .chart-table .chart-table-tr .sankaku {
  background: var(--color-white) url(/img/deloitte_lp/icon_sankaku.png) center/91px auto no-repeat;
}
#deloitte_lp .strengths .chart-table .chart-table-tr .batsu {
  background: var(--color-white) url(/img/deloitte_lp/icon_batsu.png) center/91px auto no-repeat;
}
#deloitte_lp .strengths .chart-table .chart-table-tr p:not(.chart-name,:last-of-type)::before {
  position: absolute;
  left: 0;
  bottom: -1px;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #E8E8E8;
  z-index: 1;
}
#deloitte_lp .strengths .chart-table .chart-table-tr:first-of-type p:not(.chart-name,:last-of-type)::before {
  border-color: var(--color-white);
}
#deloitte_lp .strengths .chart-table .chart-table-tr:first-of-type p:not(.chart-name) {
  font-weight: var(--bold);
  color: var(--color-green);
}
#deloitte_lp .strengths .chart-table .chart-table-tr {
  background-color: #E8E8E8;
  border-top-right-radius: 40px;
  border-top-left-radius: 40px;
}
#deloitte_lp .strengths .chart-table .chart-table-tr p.none {
  color: var(--color-txt) !important;
}
#deloitte_lp .strengths .chart-table .chart-table-tr:last-of-type {
  background-color: #D1D1D1;
}
#deloitte_lp .strengths .chart-table .chart-table-tr:last-of-type p:not(.chart-name),
#deloitte_lp .strengths .chart-table .chart-table-tr:last-of-type p:not(.chart-name)::before {
  border-color: #D1D1D1;
}
#deloitte_lp .strengths .chart-note {
  margin-top: 16px;
  text-align: right;
  font-size: 12px;
  font-weight: var(--regular);
  color: #9B9B9B;
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .strengths {
    padding: calc(82 / 1400 * 100vw) 0 calc(44 / 1400 * 100vw);
  }
  #deloitte_lp .strengths .chart-table {
    margin-top: calc(80 / 1400 * 100vw);
  }
  #deloitte_lp .strengths .chart-table .chart-table-th {
    width: calc(280 / 1400 * 100vw);
  }
  #deloitte_lp .strengths .chart-scroll-area {
    gap: calc(20 / 1400 * 100vw);
  }
  #deloitte_lp .strengths .chart-table .chart-table-tr {
    width: calc(293 / 1400 * 100vw);
  }
  #deloitte_lp .strengths .chart-table .chart-table-th p,
  #deloitte_lp .strengths .chart-table .chart-table-tr p {
    height: calc(140 / 1400 * 100vw);
    font-size: calc(18 / 1400 * 100vw);
  }
  #deloitte_lp .strengths .chart-table .chart-table-tr p.chart-name {
    font-size: calc(28 / 1400 * 100vw);
    height: calc(88 / 1400 * 100vw);
  }
  #deloitte_lp .strengths .chart-table .chart-table-tr p {
    font-size: calc(15 / 1400 * 100vw);
  }
  #deloitte_lp .strengths .chart-table .chart-table-tr:nth-of-type(1) p.chart-name {
    padding-top: calc(8 / 1400 * 100vw);
    height: calc(109 / 1400 * 100vw);
  }
  #deloitte_lp .strengths .chart-table .chart-table-tr:nth-of-type(1) p:not(.chart-name)  {
    background-size: calc(90 / 1400 * 100vw) auto;
  }
  #deloitte_lp .strengths .chart-table .chart-table-tr .sankaku {
    background-size: calc(91 / 1400 * 100vw) auto;
  }
  #deloitte_lp .strengths .chart-table .chart-table-tr .batsu {
    background-size: calc(91 / 1400 * 100vw) auto;
  }
  #deloitte_lp .strengths .chart-table .chart-table-tr {
    border-top-right-radius: calc(40 / 1400 * 100vw);
    border-top-left-radius: calc(40 / 1400 * 100vw);
  }
  #deloitte_lp .strengths .chart-note {
    margin-top: calc(16 / 1400 * 100vw);
    font-size: calc(12 / 1400 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .strengths {
    padding: calc(60 / 375 * 100vw) 0;
  }
  #deloitte_lp .strengths .chart-table {
    margin-top: calc(40 / 375 * 100vw);
  }
  #deloitte_lp .strengths .yokoscroll {
    padding: 0 0 calc(38 / 375 * 100vw);
    overflow-x: scroll;
  }
  #deloitte_lp .strengths .yokoscroll::-webkit-scrollbar {
    height: calc(14 / 375 * 100vw);
    border-radius: calc(7 / 375 * 100vw);
  }
  #deloitte_lp .strengths .yokoscroll::-webkit-scrollbar-track {
    background-color: #9F9F9F;
    border-radius: calc(7 / 375 * 100vw);
  }
  #deloitte_lp .strengths .yokoscroll::-webkit-scrollbar-thumb {
    background-color: #E0E0E0;
    border-radius: calc(7 / 375 * 100vw);
  }
  #deloitte_lp .strengths .chart-table .chart-table-th {
    width: calc(50 / 375 * 100vw);
    min-width: calc(50 / 375 * 100vw);
  }
  #deloitte_lp .strengths .chart-table .chart-table-th p, #deloitte_lp .strengths .chart-table .chart-table-tr p {
    height: calc(200 / 375 * 100vw);
    font-size: calc(15 / 375 * 100vw);
  }
  #deloitte_lp .strengths .chart-table .chart-table-th p {
    font-size: calc(16 / 375 * 100vw);
    writing-mode: tb;
    width: 100%;
  }
  #deloitte_lp .strengths .chart-scroll-area {
    gap: calc(20 / 375 * 100vw);
  }
  #deloitte_lp .strengths .chart-table .chart-table-tr {
    width: calc(270 / 375 * 100vw);
    min-width: calc(270 / 375 * 100vw);
  }
  #deloitte_lp .strengths .chart-table .chart-table-tr .sankaku,
  #deloitte_lp .strengths .chart-table .chart-table-tr .batsu,
  #deloitte_lp .strengths .chart-table .chart-table-tr:nth-of-type(1) p:not(.chart-name) {
    background-size: calc(90 / 375 * 100vw) auto;
  }
  #deloitte_lp .strengths .chart-table .chart-table-tr {
    border-top-right-radius: calc(40 / 375 * 100vw);
    border-top-left-radius: calc(40 / 375 * 100vw);
  }
  #deloitte_lp .strengths .chart-table .chart-table-tr p.chart-name {
    font-size: calc(28 / 375 * 100vw);
    height: calc(88 / 375 * 100vw);
  }
  #deloitte_lp .strengths .chart-table .chart-table-tr:nth-of-type(1) p.chart-name {
    height: calc(109 / 375 * 100vw);
  }
  #deloitte_lp .strengths .chart-note {
    margin-top: calc(16 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    text-align: left;
    white-space: nowrap;
  }
}



/* voice */
#deloitte_lp .voice {
  padding: 82px 0 90px;
  background: var(--color-bg);
}
#deloitte_lp .voice .df_ttl {
  margin-bottom: 80px;
}
#deloitte_lp .voice .swiper {
  overflow: visible;
}
#deloitte_lp .voice .swiper-slide {
  width: 335px;
  min-width: 335px;
  height: auto;
  border-radius: 20px;
  background: var(--color-white);
  overflow: hidden;
  box-shadow: 0 3px 6px rgb(0 0 0 / 0.16);
}
#deloitte_lp .voice .swiper-slide:not(:last-of-type) {
  margin-right: 20px;
}
#deloitte_lp .voice .swiper-slide figure {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1/0.57314;
}
#deloitte_lp .voice .swiper-slide figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#deloitte_lp .voice .swiper-slide .txt_wrap {
  padding: 18px 20px 23px;
}
#deloitte_lp .voice .swiper-slide .txt_wrap .data {
  display: block;
  width: max-content;
  min-width: 217px;
  padding: 2px 5px;
  margin: 0 auto 19px;
  border-radius: 17px;
  background: #20A47A;
  text-align: center;
  color: var(--color-white);
}
#deloitte_lp .voice .swiper-slide:nth-of-type(even) .txt_wrap .data {
  background: #EF9C00;
}
#deloitte_lp .voice .swiper-controll {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 83px;
  margin: 43px auto 0;
}
#deloitte_lp .voice .swiper-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: var(--color-white);
  margin: 0;
}
#deloitte_lp .voice .swiper-button img {
  width: 8px;
}
#deloitte_lp .voice .swiper-button::after {
  content: none;
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .voice {
    padding: calc(82 / 1400 * 100vw) 0 calc(90 / 1400 * 100vw);
  }
  #deloitte_lp .voice .df_ttl {
    margin-bottom: calc(80 / 1400 * 100vw);
  }
  #deloitte_lp .voice .swiper-slide {
    width: calc(335 / 1400 * 100vw);
    min-width: calc(335 / 1400 * 100vw);
    border-radius: calc(20 / 1400 * 100vw);
    box-shadow: 0 calc(3 / 1400 * 100vw) calc(6 / 1400 * 100vw) rgb(0 0 0 / 0.16);
  }
  #deloitte_lp .voice .swiper-slide:not(:last-of-type) {
    margin-right: calc(20 / 1400 * 100vw);
  }
  #deloitte_lp .voice .swiper-slide .txt_wrap {
    padding: calc(18 / 1400 * 100vw) calc(20 / 1400 * 100vw) calc(23 / 1400 * 100vw);
  }
  #deloitte_lp .voice .swiper-slide .txt_wrap .data {
    min-width: calc(217 / 1400 * 100vw);
    padding: calc(2 / 1400 * 100vw) calc(5 / 1400 * 100vw);
    margin: 0 auto calc(19 / 1400 * 100vw);
    border-radius: calc(17 / 1400 * 100vw);
  }
  #deloitte_lp .voice .swiper-controll {
    gap: calc(83 / 1400 * 100vw);
    margin: calc(43 / 1400 * 100vw) auto 0;
  }
  #deloitte_lp .voice .swiper-button {
    width: calc(50 / 1400 * 100vw);
    height: calc(50 / 1400 * 100vw);
  }
  #deloitte_lp .voice .swiper-button img {
    width: calc(8 / 1400 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .voice {
    padding: calc(60 / 375 * 100vw) 0;
  }
  #deloitte_lp .voice .df_ttl {
    margin-bottom: calc(40 / 375 * 100vw);
  }
  #deloitte_lp .voice .swiper-slide {
    width: calc(280 / 375 * 100vw);
    border-radius: calc(20 / 375 * 100vw);
    box-shadow: 0 calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgb(0 0 0 / 0.16);
  }
  #deloitte_lp .voice .swiper-slide:not(:last-of-type) {
    margin-right: calc(20 / 375 * 100vw);
  }
  #deloitte_lp .voice .swiper-slide .txt_wrap {
    padding: calc(25 / 375 * 100vw) calc(20 / 375 * 100vw);
  }
  #deloitte_lp .voice .swiper-slide .txt_wrap .data {
    margin-bottom: calc(22 / 375 * 100vw);
    padding: 0 calc(12 / 375 * 100vw);
    min-width: calc(228 / 375 * 100vw);
    border-radius: calc(50 / 375 * 100vw);
  }
  #deloitte_lp .voice .swiper-controll {
    margin-top: calc(32 / 375 * 100vw);
    gap: calc(83 / 375 * 100vw);
  }
  #deloitte_lp .voice .swiper-button {
    width: calc(50 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
  }
  #deloitte_lp .voice .swiper-button img {
    width: calc(10 / 375 * 100vw);
  }
}


/* outplacement */
#deloitte_lp .outplacement {
  padding: 82px 0 100px;
}
#deloitte_lp .outplacement .df_ttl {
  margin-bottom: 265px;
}
#deloitte_lp .outplacement .block {
  position: relative;
}
#deloitte_lp .outplacement .img_wrap {
  position: absolute;
  overflow: hidden;
}
#deloitte_lp .outplacement .img_wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#deloitte_lp .outplacement .txt_wrap {
  position: relative;
  z-index: 1;
  padding: 56px 0 50px;
  width: 833px;
  background: var(--color-green);
  color: var(--color-white);
}
#deloitte_lp .outplacement .txt_wrap h3 {
  font-size: 32px;
  font-weight: var(--bold);
}
#deloitte_lp .outplacement .txt_wrap .txt {
  margin-top: 44px;
  font-weight: var(--regular);
  line-height: 2;
}
#deloitte_lp .outplacement .txt_wrap img {
  max-width: 645px;
  margin: 31px auto 0;
}
#deloitte_lp .outplacement .txt_wrap .list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 32px;
}
#deloitte_lp .outplacement .txt_wrap .list li {
  width: calc(25% - (20px * 3 / 4));
  padding: 10px 0;
  background: var(--color-white);
  text-align: center;
  font-size: 20px;
  font-weight: var(--bold);
  letter-spacing: 0.05em;
  color: var(--color-green);
}
#deloitte_lp .outplacement .txt_wrap .link {
  display: block;
  width: max-content;
  margin: 11px 0 0 auto;
  font-size: 14px;
  color: var(--color-white);
  text-decoration: underline;
}
#deloitte_lp .outplacement .block:nth-of-type(2) .img_wrap {
  width: 759px;
  height: 644px;
  left: -83px;
  top: -155px;
}
#deloitte_lp .outplacement .block:nth-of-type(2) .txt_wrap {
  padding-left: 65px;
  padding-right: 83px;
  margin: 0 -83px 0 auto;
}
#deloitte_lp .outplacement .block:nth-of-type(3) {
  margin: 219px 0 0 -83px;
}
#deloitte_lp .outplacement .block:nth-of-type(3) .txt_wrap {
  padding-left: 83px;
  padding-right: 45px;
}
#deloitte_lp .outplacement .block:nth-of-type(3) .img_wrap {
  width: 759px;
  height: 491px;
  right: -83px;
  top: -110px;
}
#deloitte_lp .outplacement .block:nth-of-type(2)::before {
  position: absolute;
  right: 0;
  top: -135px;
  content: "";
  width: 224px;
  height: 121px;
  background: url(/img/deloitte_lp/outplacement_logo.png) center/contain no-repeat;
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .outplacement {
    padding: calc(82 / 1400 * 100vw) 0 calc(100 / 1400 * 100vw);
  }
  #deloitte_lp .outplacement .df_ttl {
    margin-bottom: calc(265 / 1400 * 100vw);
  }
  #deloitte_lp .outplacement .txt_wrap {
    padding: calc(56 / 1400 * 100vw) 0 calc(50 / 1400 * 100vw);
    width: calc(833 / 1400 * 100vw);
  }
  #deloitte_lp .outplacement .txt_wrap h3 {
    font-size: calc(32 / 1400 * 100vw);
  }
  #deloitte_lp .outplacement .txt_wrap .txt {
    margin-top: calc(44 / 1400 * 100vw);
  }
  #deloitte_lp .outplacement .txt_wrap img {
    max-width: calc(645 / 1400 * 100vw);
    margin: calc(31 / 1400 * 100vw) auto 0;
  }
  #deloitte_lp .outplacement .txt_wrap .list {
    gap: calc(20 / 1400 * 100vw);
    margin-top: calc(32 / 1400 * 100vw);
  }
  #deloitte_lp .outplacement .txt_wrap .list li {
    width: calc(25% - ((20 / 1400 * 100vw) * 3 / 4));
    padding: calc(10 / 1400 * 100vw) 0;
    font-size: calc(20 / 1400 * 100vw);
  }
  #deloitte_lp .outplacement .txt_wrap .link {
    margin: calc(11 / 1400 * 100vw) 0 0 auto;
    font-size: calc(14 / 1400 * 100vw);
  }
  #deloitte_lp .outplacement .block:nth-of-type(2) .img_wrap {
    width: calc(759 / 1400 * 100vw);
    height: calc(644 / 1400 * 100vw);
    left: calc(-83 / 1400 * 100vw);
    top: calc(-155 / 1400 * 100vw);
  }
  #deloitte_lp .outplacement .block:nth-of-type(2) .txt_wrap {
    padding-left: calc(65 / 1400 * 100vw);
    padding-right: calc(83 / 1400 * 100vw);
    margin: 0 calc(-83 / 1400 * 100vw) 0 auto;
  }
  #deloitte_lp .outplacement .block:nth-of-type(3) {
    margin: calc(219 / 1400 * 100vw) 0 0 calc(83 / 1400 * 100vw);
  }
  #deloitte_lp .outplacement .block:nth-of-type(3) .txt_wrap {
    padding-left: calc(83 / 1400 * 100vw);
    padding-right: calc(45 / 1400 * 100vw);
  }
  #deloitte_lp .outplacement .block:nth-of-type(3) .img_wrap {
    width: calc(759 / 1400 * 100vw);
    height: calc(491 / 1400 * 100vw);
    right: calc(-83 / 1400 * 100vw);
    top: calc(-110 / 1400 * 100vw);
  }
  #deloitte_lp .outplacement .block:nth-of-type(2)::before {
    top: calc(-135 / 1400 * 100vw);
    width: calc(224 / 1400 * 100vw);
    height: calc(121 / 1400 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .outplacement {
    padding: calc(60 / 375 * 100vw) 0;
  }
  #deloitte_lp .outplacement .df_ttl {
    margin-bottom: calc(83 / 375 * 100vw);
  }
  #deloitte_lp .outplacement .img_wrap {
    position: relative;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
  }
  #deloitte_lp .outplacement .block:nth-of-type(2) .img_wrap {
    margin-left: calc(-16 / 375 * 100vw);
    width: calc(343 / 375 * 100vw);
    height: calc(244 / 375 * 100vw);
  }
  #deloitte_lp .outplacement .block:nth-of-type(3) {
    margin: calc(60 / 375 * 100vw) 0 0;
  }
  #deloitte_lp .outplacement .block:nth-of-type(3) .img_wrap {
    width: calc(327 / 375 * 100vw);
    height: calc(253 / 375 * 100vw);
    margin: 0 calc(-16 / 375 * 100vw) 0 auto;
  }
  #deloitte_lp .outplacement .txt_wrap {
    width: calc(343 / 375 * 100vw);
    padding: calc(27 / 375 * 100vw) calc(16 / 375 * 100vw) calc(32 / 375 * 100vw);
  }
  #deloitte_lp .outplacement .txt_wrap h3 {
    margin-bottom: calc(36 / 375 * 100vw);
    font-size: calc(24 / 375 * 100vw);
  }
  #deloitte_lp .outplacement .block:nth-of-type(2) .txt_wrap {
    margin-top: calc(-36 / 375 * 100vw);
  }
  #deloitte_lp .outplacement .block:nth-of-type(3) .txt_wrap {
    margin: calc(-49 / 375 * 100vw) auto 0 calc(-16 / 375 * 100vw);
    padding: calc(27 / 375 * 100vw) calc(16 / 375 * 100vw) calc(32 / 375 * 100vw);
  }
  #deloitte_lp .outplacement .txt_wrap img {
    margin-top: calc(36 / 375 * 100vw);
    width: 100%;
    max-width: none;
  }
  #deloitte_lp .outplacement .txt_wrap .list {
    gap: calc(10 / 375 * 100vw);
    margin-top: calc(30 / 375 * 100vw);
  }
  #deloitte_lp .outplacement .txt_wrap .list li {
    width: calc(50% - (5 / 375 * 100vw));
    font-size: calc(18 / 375 * 100vw);
    padding: calc(7 / 375 * 100vw);
  }
  #deloitte_lp .outplacement .txt_wrap .link {
    margin: calc(19 / 375 * 100vw) 0 0;
    font-size: calc(15 / 375 * 100vw);
  }
  #deloitte_lp .outplacement .block:nth-of-type(2)::before {
    top: calc(-88 / 375 * 100vw);
    right: calc(16 / 375 * 100vw);
    width: calc(134 / 375 * 100vw);
    height: calc(72 / 375 * 100vw);
  }
}


/* campaign */
#deloitte_lp .campaign {
  padding: 82px 0 158px;
  background: var(--color-bg);
}
#deloitte_lp .campaign .in {
  position: relative;
}
#deloitte_lp .campaign .img_wrap {
  position: absolute;
  overflow: hidden;
  width: 759px;
  height: 644px;
  left: -83px;
  bottom: -82px;
}
#deloitte_lp .campaign .img_wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#deloitte_lp .campaign .txt_wrap {
  position: relative;
  z-index: 1;
  width: 628px;
  padding: 44px 93px 73px;
  margin: 0 0 0 auto;
  background: var(--color-white);
  border-left: 17px solid var(--color-green);
}
#deloitte_lp .campaign .df_ttl {
  position: relative;
  padding-bottom: 19px;
  margin-bottom: 28px;
}
#deloitte_lp .campaign .df_ttl::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  content: "";
  width: 43px;
  height: 1px;
  background: #000;
  transform: translateX(-50%);
}
#deloitte_lp .campaign .list li {
  padding-left: 30px;
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 1.66;
  background: url(/img/deloitte_lp/check-square.png) left top 6px/20px auto no-repeat;
}
#deloitte_lp .campaign .list li:first-of-type {
  background-position: left top 38px;
}
#deloitte_lp .campaign .list li + li {
  margin-top: 40px;
}
#deloitte_lp .campaign .list li strong {
  font-size: 44px;
  font-weight: var(--bold);
  color: var(--color-green);
  border-bottom: 1px solid var(--color-green);
}
#deloitte_lp .campaign .list li .note {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  color: #9B9B9B;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .campaign {
    padding: calc(82 / 1400 * 100vw) 0 calc(158 / 1400 * 100vw);
  }
  #deloitte_lp .campaign .img_wrap {
    width: calc(759 / 1400 * 100vw);
    height: calc(644 / 1400 * 100vw);
    left: calc(-83 / 1400 * 100vw);
    bottom: calc(-82 / 1400 * 100vw);
  }
  #deloitte_lp .campaign .txt_wrap {
    width: calc(628 / 1400 * 100vw);
    padding: calc(44 / 1400 * 100vw) calc(93 / 1400 * 100vw) calc(73 / 1400 * 100vw);
    border-left: calc(17 / 1400 * 100vw) solid var(--color-green);
  }
  #deloitte_lp .campaign .df_ttl {
    padding-bottom: calc(19 / 1400 * 100vw);
    margin-bottom: calc(28 / 1400 * 100vw);
  }
  #deloitte_lp .campaign .df_ttl::after {
    width: calc(43 / 1400 * 100vw);
  }
  #deloitte_lp .campaign .list li {
    padding-left: calc(30 / 1400 * 100vw);
    font-size: calc(18 / 1400 * 100vw);
    background: url(/img/deloitte_lp/check-square.png) left top calc(6 / 1400 * 100vw)/calc(20 / 1400 * 100vw) auto no-repeat;
  }
  #deloitte_lp .campaign .list li:first-of-type {
    background-position: left top calc(38 / 1400 * 100vw);
  }
  #deloitte_lp .campaign .list li + li {
    margin-top: calc(40 / 1400 * 100vw);
  }
  #deloitte_lp .campaign .list li strong {
    font-size: calc(44 / 1400 * 100vw);
  }
  #deloitte_lp .campaign .list li .note {
    margin-top: calc(6 / 1400 * 100vw);
    font-size: calc(14 / 1400 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .campaign {
    padding: 0 0 calc(58 / 375 * 100vw);
  }
  #deloitte_lp .campaign .img_wrap {
    position: relative;
    left: auto;
    bottom: auto;
    width: calc(100% + (32 / 375 * 100vw));
    height: calc(318 / 375 * 100vw);
    margin: 0 calc(-16 / 375 * 100vw);
  }
  #deloitte_lp .campaign .txt_wrap {
    width: 100%;
    margin: calc(-17 / 375 * 100vw) auto 0;
    padding: calc(54 / 375 * 100vw) calc(32 / 375 * 100vw) calc(40 / 375 * 100vw);
    border-left: none;
    border-top: calc(17 / 375 * 100vw) solid var(--color-green);
  }
  #deloitte_lp .campaign .df_ttl {
    text-align: center;
    padding-bottom: calc(24 / 375 * 100vw);
    margin-bottom: calc(24 / 375 * 100vw);
  }
  #deloitte_lp .campaign .ttl_sub {
    margin-bottom: calc(8 / 375 * 100vw);
  }
  #deloitte_lp .campaign .df_ttl::after {
    width: calc(43 / 375 * 100vw);
  }
  #deloitte_lp .campaign .list li {
    padding-left: calc(32 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    background-size: calc(20 / 375 * 100vw) auto;
    background-position: left top calc(4 / 375 * 100vw);
  }
  #deloitte_lp .campaign .list li + li {
    margin-top: calc(32 / 375 * 100vw);
  }
  #deloitte_lp .campaign .list li strong {
    font-size: calc(24 / 375 * 100vw);
  }
  #deloitte_lp .campaign .list li:first-of-type {
    background-position: left top calc(14 / 375 * 100vw);
  }
  #deloitte_lp .campaign .list li .note {
    margin-top: calc(12 / 375 * 100vw);
    text-decoration: underline;
    font-size: calc(14 / 375 * 100vw);
  }
}


/* step */
#deloitte_lp .step {
  position: relative;
  padding: 82px 0 99px;
  background: var(--color-bg);
  overflow: hidden;
}
#deloitte_lp .step .obi {
  position: absolute;
  right: -130px;
  top: 60px;
  padding: 10px 0;
  width: 450px;
  font-size: 44px;
  font-weight: var(--bold);
  letter-spacing: 0.15em;
  color: var(--color-white);
  background: linear-gradient(90deg, rgba(211, 198, 134, 1) 0%, rgba(130, 112, 46, 1) 100%);
  transform: rotate(45deg);
  text-align: center;
}
#deloitte_lp .step .list {
  display: flex;
  gap: 103px;
  margin-top: 88px;
}
#deloitte_lp .step .list li {
  position: relative;
  padding: 82px 20px 27px;
  width: calc(33.33% - (103px * 2 / 3));
  background: var(--color-white);
}
#deloitte_lp .step .list li .txt {
  font-weight: var(--regular);
  letter-spacing: 0.05em;
}
#deloitte_lp .step .list li .ttl {
  text-align: center;
  color: var(--color-green);
  font-size: 24px;
  font-weight: var(--bold);
}
#deloitte_lp .step .list li .ttl span {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 67px;
  height: 67px;
  background: var(--color-green);
  color: var(--color-white);
  font-family: var(--font-num);
  font-size: 50px;
  font-weight: var(--bold);
}
#deloitte_lp .step .list li figure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 147px;
  height: 147px;
  border-radius: 100%;
  background: var(--color-green);
  margin: 29px auto 26px;
}
#deloitte_lp .step .list li .txt a {
  display: block;
  width: max-content;
  margin: 28px auto 0;
  color: var(--color-green);
  text-decoration: underline;
}
#deloitte_lp .step .list li:not(:first-of-type)::before {
  position: absolute;
  top: 50%;
  left: -73px;
  content: "";
  width: 43px;
  height: 103px;
  background: url(/img/deloitte_lp/icon_arrow_green2.png) center/contain no-repeat;
  transform: translateY(-50%);
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .step {
    padding: calc(82 / 1400 * 100vw) 0 calc(99 / 1400 * 100vw);
  }
  #deloitte_lp .step .obi {
    right: calc(-130 / 1400 * 100vw);
    top: calc(60 / 1400 * 100vw);
    padding: calc(10 / 1400 * 100vw) 0;
    width: calc(450 / 1400 * 100vw);
    font-size: calc(44 / 1400 * 100vw);
  }
  #deloitte_lp .step .list {
    gap: calc(103 / 1400 * 100vw);
    margin-top: calc(88 / 1400 * 100vw);
  }
  #deloitte_lp .step .list li {
    padding: calc(82 / 1400 * 100vw) calc(20 / 1400 * 100vw) calc(27 / 1400 * 100vw);
    width: calc(33.33% - ((103 / 1400 * 100vw) * 2 / 3));
  }
  #deloitte_lp .step .list li .ttl {
    font-size: calc(24 / 1400 * 100vw);
  }
  #deloitte_lp .step .list li .ttl span {
    width: calc(67 / 1400 * 100vw);
    height: calc(67 / 1400 * 100vw);
    font-size: calc(50 / 1400 * 100vw);
  }
  #deloitte_lp .step .list li figure {
    width: calc(147 / 1400 * 100vw);
    height: calc(147 / 1400 * 100vw);
    margin: calc(29 / 1400 * 100vw) auto calc(26 / 1400 * 100vw);
  }
  #deloitte_lp .step .list li .txt a {
    margin: calc(28 / 1400 * 100vw) auto 0;
  }
  #deloitte_lp .step .list li:not(:first-of-type)::before {
    left: calc(-73 / 1400 * 100vw);
    width: calc(43 / 1400 * 100vw);
    height: calc(103 / 1400 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .step {
    padding: calc(62 / 375 * 100vw) 0 calc(68 / 375 * 100vw);
  }
  #deloitte_lp .step .list {
    margin-top: calc(40 / 375 * 100vw);
    gap: calc(70 / 375 * 100vw);
    flex-direction: column;
  }
  #deloitte_lp .step .list li {
    width: 100%;
    height: auto;
    padding: calc(80 / 375 * 100vw) calc(32 / 375 * 100vw) calc(60 / 375 * 100vw);
  }
  #deloitte_lp .step .list li .ttl {
    font-size: calc(24 / 375 * 100vw);
  }
  #deloitte_lp .step .list li figure {
    width: calc(130 / 375 * 100vw);
    height: calc(130 / 375 * 100vw);
    margin: calc(22 / 375 * 100vw) auto calc(26 / 375 * 100vw);
  }
  #deloitte_lp .step .list li .txt {
    text-align: center;
  }
  #deloitte_lp .step .list li .txt a {
    margin-top: calc(11 / 375 * 100vw);
  }
  #deloitte_lp .step .list li .ttl span {
    width: calc(67 / 375 * 100vw);
    height: calc(67 / 375 * 100vw);
    font-size: calc(50 / 375 * 100vw);
  }
  #deloitte_lp .step .list li:not(:first-of-type)::before {
    height: calc(67 / 375 * 100vw);
    width: calc(27 / 375 * 100vw);
    left: 50%;
    top: calc(-64 / 375 * 100vw);
    transform: translateX(-50%) rotate(90deg);
  }
  #deloitte_lp .step .obi {
    padding: calc(10 / 375 * 100vw) 0;
    font-size: calc(28 / 375 * 100vw);
    width: calc(250 / 375 * 100vw);
    right: calc(-73 / 375 * 100vw);
    top: calc(25 / 375 * 100vw);
  }
}


/* faq */
#deloitte_lp .faq {
  padding: 82px 0 100px;
}
#deloitte_lp .faq .df_ttl {
  margin-bottom: 122px;
}
#deloitte_lp .faq dt {
  position: relative;
  padding: 20px 152px 20px 89px;
  font-size: 22px;
  font-weight: var(--bold);
  letter-spacing: 0.05em;
  cursor: pointer;
}
#deloitte_lp .faq dt::before,
#deloitte_lp .faq dt::after {
  position: absolute;
  top: 50%;
  right: 48px;
  content: "";
  width: 24px;
  height: 2px;
  background: #9B9B9B;
  transform: translateY(-50%);
  transition: .3s;
}
#deloitte_lp .faq dt::after {
  transform: translateY(-50%) rotate(90deg);
}
#deloitte_lp .faq dt.open::after {
  opacity: 0;
  transform: translateY(-50%) rotate(0deg);
}
#deloitte_lp .faq dd + dt {
  margin-top: 40px;
}
#deloitte_lp .faq dt span {
  position: absolute;
  left: 48px;
  top: 17px;
  font-size: 28px;
  font-family: var(--font-en);
  font-weight: var(--bold);
  color: var(--color-green);
}
#deloitte_lp .faq dd {
  padding: 0 152px 0 89px;
  display: none;
}
#deloitte_lp .faq dd .txt {
  font-weight: var(--regular);
  letter-spacing: 0.05em;
}
#deloitte_lp .faq .course {
  padding: 0;
  background: none;
  font-size: 16px;
  font-weight: var(--regular);
  letter-spacing: 0.05em;
  margin-top: 10px;
}
#deloitte_lp .faq .course > span {
  position: relative;
  padding: 0 0 0 20px;
  font-weight: var(--medium);
}
#deloitte_lp .faq .course > span::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 14px;
  height: 2px;
  transform: translateY(-50%);
}
#deloitte_lp .faq .course.ai span {
  color: var(--color-green);
}
#deloitte_lp .faq .course.ai span::before {
  background: var(--color-green);
}
#deloitte_lp .faq .course.g span {
  color: var(--color-blue);
}
#deloitte_lp .faq .course.g span::before {
  background: var(--color-blue);
}
#deloitte_lp span.check {
  padding: 0 5px;
  color: transparent;
  background: url(/img/deloitte_lp/check-square-purple.png) center/16px auto no-repeat;
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .faq {
    padding: calc(82 / 1400 * 100vw) 0 calc(100 / 1400 * 100vw);
  }
  #deloitte_lp .faq .df_ttl {
    margin-bottom: calc(122 / 1400 * 100vw);
  }
  #deloitte_lp .faq dt {
    padding: calc(20 / 1400 * 100vw) calc(152 / 1400 * 100vw) calc(20 / 1400 * 100vw) calc(89 / 1400 * 100vw);
    font-size: calc(22 / 1400 * 100vw);
  }
  #deloitte_lp .faq dt::before,
  #deloitte_lp .faq dt::after {
    right: calc(48 / 1400 * 100vw);
    width: calc(24 / 1400 * 100vw);
    height: calc(2 / 1400 * 100vw);
  }
  #deloitte_lp .faq dd + dt {
    margin-top: calc(40 / 1400 * 100vw);
  }
  #deloitte_lp .faq dt span {
    left: calc(48 / 1400 * 100vw);
    top: calc(17 / 1400 * 100vw);
    font-size: calc(28 / 1400 * 100vw);
  }
  #deloitte_lp .faq dd {
    padding: 0 calc(152 / 1400 * 100vw) 0 calc(89 / 1400 * 100vw);
  }
  #deloitte_lp .faq .course {
    font-size: calc(16 / 1400 * 100vw);
    margin-top: calc(10 / 1400 * 100vw);
  }
  #deloitte_lp .faq .course > span {
    padding: 0 0 0 calc(20 / 1400 * 100vw);
  }
  #deloitte_lp .faq .course > span::before {
    width: calc(14 / 1400 * 100vw);
    height: calc(2 / 1400 * 100vw);
  }
  #deloitte_lp span.check {
    padding: 0 calc(5 / 1400 * 100vw);
    background-size: calc(16 / 1400 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .faq {
    padding: calc(62 / 375 * 100vw) 0 calc(56 / 375 * 100vw);
  }
  #deloitte_lp .faq .df_ttl {
    margin-bottom: calc(34 / 375 * 100vw);
  }
  #deloitte_lp .faq dt {
    padding: calc(24 / 375 * 100vw) calc(32 / 375 * 100vw);
    font-size: calc(20 / 375 * 100vw);
  }
  #deloitte_lp .faq dt span {
    font-size: calc(26 / 375 * 100vw);
    top: calc(20 / 375 * 100vw);
    left: 0;
  }
  #deloitte_lp .faq dt::before, #deloitte_lp .faq dt::after {
    right: 0;
    top: calc(39 / 375 * 100vw);
    width: calc(23 / 375 * 100vw);
    height: calc(2 / 375 * 100vw);
  }
  #deloitte_lp .faq dd + dt {
    margin-top: calc(10 / 375 * 100vw);
  }
  #deloitte_lp .faq dd {
    padding: 0 calc(32 / 375 * 100vw);
    font-weight: var(--regular);
  }
  #deloitte_lp .faq dd .txt {
    line-height: 2;
  }
  #deloitte_lp .faq .course {
    padding-left: calc(25 / 375 * 100vw);
    margin-top: calc(24 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    line-height: 2;
  }
  #deloitte_lp .faq .course > span {
    display: block;
    padding-left: 0;
  }
  #deloitte_lp .faq .course > span::before {
    width: calc(14 / 375 * 100vw);
    height: calc(2 / 375 * 100vw);
    top: calc(15 / 375 * 100vw);
    left: calc(-25 / 375 * 100vw);
  }
  #deloitte_lp span.check {
    padding: 0 calc(5 / 375 * 100vw);
    background-size: calc(16 / 375 * 100vw);
  }
}


/* reskilling */
#deloitte_lp .reskilling {
  padding: 80px 0 65px;
  background: #F1F1F1;
}
#deloitte_lp .reskilling_banner {
  position: relative;
  padding: 41px 88px 38px;
  margin: 56px auto 0;
  background: url(/img/deloitte_lp/reskilling_bg.jpg) center/cover no-repeat;
}
#deloitte_lp .reskilling_banner .txt {
  font-weight: var(--bold);
  font-size: 20px;
}
#deloitte_lp .reskilling_banner .lead {
  position: relative;
  width: max-content;
  font-size: 44px;
  font-weight: 900;
  letter-spacing: -0.03em;
  margin: 20px 0 0;
}
#deloitte_lp .reskilling_banner .lead span {
  position: relative;
  z-index: 1;
}
#deloitte_lp .reskilling_banner .lead::after {
  position: absolute;
  left: 50%;
  bottom: -30px;
  content:"";
  width: 788px;
  height: 57px;
  background: url(/img/deloitte_lp/reskilling_marker.png) center/contain no-repeat;
  transform: translateX(-50%);
}
#deloitte_lp .reskilling_banner .deloitte_button_cr {
  position: relative;
  margin: 45px 0 0;
  width: 488px;
  height: 63px;
  font-size: 16px;
}
#deloitte_lp .reskilling_banner .deloitte_button_cr::after {
  position: absolute;
  content: "";
  right: 30px;
  top: 50%;
  width: 10px;
  height: 15px;
  background: url(/img/deloitte_lp/swiper_arrow_next.png) center/contain no-repeat;
  filter: invert(100);
  transform: translateY(-50%);
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .reskilling {
    padding: calc(80 / 1400 * 100vw) 0 calc(65 / 1400 * 100vw);
  }
  #deloitte_lp .reskilling_banner {
    padding: calc(41 / 1400 * 100vw) calc(88 / 1400 * 100vw) calc(38 / 1400 * 100vw);
    margin: calc(56 / 1400 * 100vw) auto 0;
  }
  #deloitte_lp .reskilling_banner .txt {
    font-size: calc(20 / 1400 * 100vw);
  }
  #deloitte_lp .reskilling_banner .lead {
    font-size: calc(44 / 1400 * 100vw);
    margin: calc(20 / 1400 * 100vw) 0 0;
  }
  #deloitte_lp .reskilling_banner .lead::after {
    bottom: calc(-30 / 1400 * 100vw);
    width: calc(788 / 1400 * 100vw);
    height: calc(57 / 1400 * 100vw);
  }
  #deloitte_lp .reskilling_banner .deloitte_button_cr {
    margin: calc(45 / 1400 * 100vw) 0 0;
    width: calc(488 / 1400 * 100vw);
    height: calc(63 / 1400 * 100vw);
    font-size: calc(16 / 1400 * 100vw);
  }
  #deloitte_lp .reskilling_banner .deloitte_button_cr::after {
    right: calc(30 / 1400 * 100vw);
    width: calc(10 / 1400 * 100vw);
    height: calc(15 / 1400 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .reskilling {
    padding: calc(62 / 375 * 100vw) 0 0;
  }
  #deloitte_lp .reskilling_banner {
    text-align: center;
    padding: calc(22 / 375 * 100vw) 0 calc(34 / 375 * 100vw);
    background: #F1F1F1 url(/img/deloitte_lp/reskilling_bg_sp.jpg) center top/100% auto no-repeat;
  }
  #deloitte_lp .reskilling_banner .txt {
    font-size: calc(18 / 375 * 100vw);
  }
  #deloitte_lp .reskilling_banner .lead {
    margin: calc(10 / 375 * 100vw) auto 0;
    font-size: calc(28 / 375 * 100vw);
  }
  #deloitte_lp .reskilling_banner .deloitte_button_cr {
    margin: calc(79 / 375 * 100vw) auto 0;
    width: calc(311 / 375 * 100vw);
    height: calc(72 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    border-radius: calc(40 / 375 * 100vw);
  }
  #deloitte_lp .reskilling_banner .lead::after {
    bottom: calc(-14 / 375 * 100vw);
    width: calc(278 / 375 * 100vw);
    height: calc(38 / 375 * 100vw);
    background-image: url(/img/deloitte_lp/reskilling_marker_sp_2.png);
  }
  #deloitte_lp .reskilling_banner .lead::before {
    position: absolute;
    content: "";
    left: 50%;
    top: calc(17 / 375 * 100vw);
    width: calc(232 / 375 * 100vw);
    height: calc(32 / 375 * 100vw);
    background: url(/img/deloitte_lp/reskilling_marker_sp_1.png) center/contain no-repeat;
    transform: translateX(-50%);
  }
  #deloitte_lp .reskilling_banner .deloitte_button_cr::after {
    right: calc(25 / 375 * 100vw);
    width: calc(10 / 375 * 100vw);
    height: calc(15 / 375 * 100vw);
  }
}










/* アニメーション */
#deloitte_lp .anime.slideUp,
#deloitte_lp .anime.slideLeft,
#deloitte_lp .anime.fadeIn {
  opacity: 0;
}
#deloitte_lp .anime.slideUp.active {
  animation: slideUp .5s .05s ease-out forwards;
}
#deloitte_lp .anime.slideLeft.active {
  animation: slideLeft .5s .05s ease-out forwards;
}
#deloitte_lp .anime.fadeIn.active {
  animation: fadeIn .5s .2s ease-out forwards;
}
#deloitte_lp .anime.scaleDown img {
  transform: scale(1.1);
}
#deloitte_lp .anime.scaleDown.active img {
  animation: img-scale 7s ease-out forwards;
}
#deloitte_lp span.anime.slideLeft {
  display: inline-block;
}
#deloitte_lp .anime.active.img_cr::after {
  animation: img-cr .7s .5s ease-out forwards;
}
@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(2rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideLeft {
  0% {
    opacity: 0;
    transform: translateX(-2rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes img-scale {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

#deloitte_lp .mv .ttl_sub .ttl_p26{
  font-size: 52px;
  padding-left: 0px!important;
}
@media screen and (max-width: 768px) {
  #deloitte_lp .mv .ttl_sub .ttl_p26{
    font-size: 32px;
  }
}