@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&family=Bai+Jamjuree:wght@300&family=Roboto: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.05em;
}
#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: "Bai Jamjuree", sans-serif;
  --font-tel: "Roboto", sans-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 {
  position: relative;
  background: url(/img/dtds_ai_tob/mv.jpg) center/cover no-repeat;
}
#deloitte_lp .mv .in {
  position: relative;
  padding: 94px 0 174px;
}
#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: 70px;
  font-weight: var(--bold);
  color: var(--color-white);
  line-height: 1.14;
  letter-spacing: 0.1em;
  text-shadow: 0 3px 6px rgb(0 0 0 / 0.16);
}
#deloitte_lp .mv .ttl_h1 span {
  position: relative;
  z-index: 1;
}
#deloitte_lp .mv .ttl_h1::after {
  position: absolute;
  right: -22px;
  bottom: -31px;
  content: "";
  width: 830px;
  height: 76px;
  background: url(/img/deloitte_lp/mv_marker.png) center/contain no-repeat;
}
#deloitte_lp .mv .lead {
  margin-top: 62px;
  font-size: 26px;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 3px 6px rgb(0 0 0 / 0.8);
}
#deloitte_lp .mv .lead span {
  font-size: 32px;
  font-weight: 600;
  color: #DEBF1A;
}
#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;
}
#deloitte_lp .mv .bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgb(0 0 0 / 0.9);
  padding: 16px;
  text-align: center;
  z-index: 1;
}
#deloitte_lp .mv .bottom .txt {
  font-size: 26px;
  color: #fff;
  font-weight: 600;
}
#deloitte_lp .mv .bottom .txt span {
  font-size: 32px;
  font-weight: 600;
  color: var(--color-green);
}
#deloitte_lp .mv .mv_button_wrap {
  margin: 47px 0 0 auto;
  width: max-content;
}
#deloitte_lp .mv .mv_button_wrap .txt {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
#deloitte_lp .mv .mv_button_wrap .deloitte_button {
  gap: 10px;
  margin: 7px 0 0;
}
#deloitte_lp .mv .mv_button_wrap .deloitte_button::before {
  width: 30px;
  height: 21px;
  background-image: url(/img/dtds_ai_tob/icon_mail.png);
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .mv {
    background-image: url(/img/dtds_ai_tob/mv_sp.jpg);
  }
  #deloitte_lp .mv .in {
    padding: calc(94 / 1400 * 100vw) 0 calc(174 / 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(70 / 1400 * 100vw);
    text-shadow: 0 calc(3 / 1400 * 100vw) calc(6 / 1400 * 100vw) rgb(0 0 0 / 0.16);
  }
  #deloitte_lp .mv .ttl_h1::after {
    right: calc(-22 / 1400 * 100vw);
    bottom: calc(-31 / 1400 * 100vw);
    width: calc(830 / 1400 * 100vw);
    height: calc(76 / 1400 * 100vw);
  }
  #deloitte_lp .mv .lead {
    margin-top: calc(62 / 1400 * 100vw);
    font-size: calc(26 / 1400 * 100vw);
    text-shadow: 0 calc(3 / 1400 * 100vw) calc(6 / 1400 * 100vw) rgb(0 0 0 / 0.8);
  }
  #deloitte_lp .mv .lead span {
    font-size: calc(32 / 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);
  }
  #deloitte_lp .mv .bottom {
    padding: calc(16 / 1400 * 100vw);
  }
  #deloitte_lp .mv .bottom .txt {
    font-size: calc(26 / 1400 * 100vw);
  }
  #deloitte_lp .mv .bottom .txt span {
    font-size: calc(32 / 1400 * 100vw);
  }
  #deloitte_lp .mv .mv_button_wrap {
    margin: calc(47 / 1400 * 100vw) 0 0 auto;
  }
  #deloitte_lp .mv .mv_button_wrap .txt {
    font-size: calc(18 / 1400 * 100vw);
  }
  #deloitte_lp .mv .mv_button_wrap .deloitte_button {
    gap: calc(10 / 1400 * 100vw);
    margin: calc(7 / 1400 * 100vw) 0 0;
  }
  #deloitte_lp .mv .mv_button_wrap .deloitte_button::before {
    width: calc(30 / 1400 * 100vw);
    height: calc(21 / 1400 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .mv .in {
    padding: calc(88 / 375 * 100vw) 0 calc(75 / 375 * 100vw);
  }
  #deloitte_lp .mv .ttl_sub {
    text-align: center;
    font-size: calc(20 / 375 * 100vw);
    font-weight: 600;
    margin-bottom: calc(19 / 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(35 / 375 * 100vw);
    text-align: center;
    padding: 0;
    letter-spacing: 0;
    width: 100%;
    line-height: 1.42;
  }
  #deloitte_lp .mv .lead {
    position: relative;
    margin-top: calc(71 / 375 * 100vw);
    font-size: calc(26 / 375 * 100vw);
    padding: 0 calc(16 / 375 * 100vw);
  }
  #deloitte_lp .mv .lead::before {
    position: absolute;
    content: "";
    width: calc(2 / 375 * 100vw);
    height: calc(33 / 375 * 100vw);
    background: var(--color-white);
    top: calc(-46 / 375 * 100vw);
    left: 50%;
    transform: translateX(-50%);
  }
  #deloitte_lp .mv .lead span {
    font-size: calc(32 / 375 * 100vw);
  }
  #deloitte_lp .mv .mv_button_wrap {
    margin: calc(42 / 375 * 100vw) auto 0;
  }
  #deloitte_lp .mv .mv_button_wrap .deloitte_button {
    width: calc(311 / 375 * 100vw);
    height: calc(67 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    gap: calc(14 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
  }
  #deloitte_lp .mv .mv_button_wrap .deloitte_button::before {
    width: calc(21 / 375 * 100vw);
    height: calc(15 / 375 * 100vw);
  }
  #deloitte_lp .mv .mv_button_wrap .txt {
    font-size: calc(14 / 375 * 100vw);
  }
  #deloitte_lp .mv .bottom {
    position: static;
    padding: calc(17 / 375 * 100vw) calc(16 / 375 * 100vw);
  }
  #deloitte_lp .mv .bottom .txt,
  #deloitte_lp .mv .bottom .txt span {
    font-size: calc(16 / 375 * 100vw);
    text-align: left;
    letter-spacing: 0.05em;
  }
  #deloitte_lp .mv .ttl_h1::after {
    height: calc(36 / 375 * 100vw);
    width: calc(362 / 375 * 100vw);
    right: auto;
    left: 50%;
    bottom: calc(-15 / 375 * 100vw);
    transform: translateX(-50%);
  }
  #deloitte_lp .deloitte_button {
    width: calc(311 / 375 * 100vw);
    height: calc(67 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    gap: calc(15 / 375 * 100vw);
  }
}

/* cooperation */
#deloitte_lp .cooperation {
  padding: 82px 0 89px;
}
#deloitte_lp .cooperation .df_ttl {
  margin-bottom: 59px;
}
#deloitte_lp .cooperation .flex {
  justify-content: space-between;
  align-items: center;
}
#deloitte_lp .cooperation .txt_wrap {
  width: 671px;
}
#deloitte_lp .cooperation figure {
  width: 456px;
}
#deloitte_lp .cooperation .txt_wrap img {
  width: 100%;
}
#deloitte_lp .cooperation .txt_wrap .txt {
  width: 100%;
  margin-top: 30px;
  font-weight: 400;
  font-size: 18px;
  line-height: 2.11;
}
#deloitte_lp .cooperation .txt_wrap .txt span {
  font-weight: 600;
}
#deloitte_lp .cooperation .txt_wrap .txt .green {
  color: var(--color-green);
}
#deloitte_lp .cooperation .txt_wrap .txt .blue {
  color: var(--color-blue);
}
#deloitte_lp .cooperation .block {
  position: relative;
  display: flex;
  gap: 40px;
  padding-top: 89px;
  background: url(/img/dtds_ai_tob/arrow.png) center top/103px auto no-repeat;
}
#deloitte_lp .cooperation .block dl {
  width: calc(50% - 20px);
  border: 1px solid var(--color-green);
}
#deloitte_lp .cooperation .block dt {
  background: var(--color-green);
  color: var(--color-white);
  text-align: center;
  font-size: 22px;
  padding: 12px;
}
#deloitte_lp .cooperation .block dd {
  padding: 20px 20px 24px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 2;
}
#deloitte_lp .cooperation .block dd a {
  position: relative;
  display: block;
  width: max-content;
  margin: 15px 20px 0 auto;
  text-decoration: underline;
}
#deloitte_lp .cooperation .block dd a::after {
  position: absolute;
  right: -20px;
  top: 55%;
  transform: translateY(-50%);
  content: "";
  width: 15px;
  height: 15px;
  background: url(/img/dtds_ai_tob/External_Link.png) center/contain no-repeat;
}
#deloitte_lp .cooperation .bottom {
  margin: 60px auto 0;
  padding: 31px;
  background: url(/img/dtds_ai_tob/cooperation_bg.png) center/697px auto no-repeat;
  text-align: center;
}
#deloitte_lp .cooperation .bottom .lead {
  font-size: 32px;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 3px 6px rgb(0 0 0 / 0.16);
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .cooperation {
    padding: calc(82 / 1400 * 100vw) 0 calc(89 / 1400 * 100vw);
  }
  #deloitte_lp .cooperation .df_ttl {
    margin-bottom: calc(59 / 1400 * 100vw);
  }
  #deloitte_lp .cooperation .txt_wrap {
    width: calc(671 / 1400 * 100vw);
  }
  #deloitte_lp .cooperation figure {
    width: calc(456 / 1400 * 100vw);
  }
  #deloitte_lp .cooperation .txt_wrap .txt {
    margin-top: calc(30 / 1400 * 100vw);
    font-size: calc(18 / 1400 * 100vw);
  }
  #deloitte_lp .cooperation .block {
    gap: calc(40 / 1400 * 100vw);
    padding-top: calc(89 / 1400 * 100vw);
    background: url(/img/dtds_ai_tob/arrow.png) center top / calc(103 / 1400 * 100vw) auto no-repeat;
  }
  #deloitte_lp .cooperation .block dl {
    width: calc(50% - (20 / 1400 * 100vw));
  }
  #deloitte_lp .cooperation .block dt {
    font-size: calc(22 / 1400 * 100vw);
    padding: calc(12 / 1400 * 100vw);
  }
  #deloitte_lp .cooperation .block dd {
    padding: calc(20 / 1400 * 100vw) calc(20 / 1400 * 100vw) calc(24 / 1400 * 100vw);
    font-size: calc(16 / 1400 * 100vw);
  }
  #deloitte_lp .cooperation .block dd a {
    margin: calc(15 / 1400 * 100vw) calc(20 / 1400 * 100vw) 0 auto;
  }
  #deloitte_lp .cooperation .block dd a::after {
    right: calc(-20 / 1400 * 100vw);
    width: calc(15 / 1400 * 100vw);
    height: calc(15 / 1400 * 100vw);
  }
  #deloitte_lp .cooperation .bottom {
    margin: calc(60 / 1400 * 100vw) auto 0;
    padding: calc(31 / 1400 * 100vw);
    background: url(/img/dtds_ai_tob/cooperation_bg.png) center / calc(697 / 1400 * 100vw) auto no-repeat;
  }
  #deloitte_lp .cooperation .bottom .lead {
    font-size: calc(32 / 1400 * 100vw);
    text-shadow: 0 calc(3 / 1400 * 100vw) calc(6 / 1400 * 100vw) rgb(0 0 0 / 0.16);
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .cooperation {
    padding: calc(84 / 375 * 100vw) 0 calc(81 / 375 * 100vw);
  }
  #deloitte_lp .cooperation .df_ttl {
    margin-bottom: calc(65 / 375 * 100vw);
  }
  #deloitte_lp .cooperation .flex {
    flex-direction: column;
    gap: calc(47 / 375 * 100vw);
  }
  #deloitte_lp .cooperation .txt_wrap {
    width: 100%;
  }
  #deloitte_lp .cooperation .txt_wrap img {
    width: calc(279 / 375 * 100vw);
    margin: 0 auto calc(29 / 375 * 100vw);
  }
  #deloitte_lp .cooperation .txt_wrap .txt {
    font-size: calc(16 / 375 * 100vw);
    margin: 0;
  }
  #deloitte_lp .cooperation figure {
    width: calc(311 / 375 * 100vw);
  }
  #deloitte_lp .cooperation .block {
    position: relative;
    z-index: 1;
    background: var(--color-white);
    margin-top: calc(47 / 375 * 100vw);
    padding-top: calc(65 / 375 * 100vw);
    flex-direction: column;
    gap: calc(52 / 375 * 100vw);
    background-size: calc(67 / 375 * 100vw) auto;
  }
  #deloitte_lp .cooperation .block dl {
    width: 100%;
  }
  #deloitte_lp .cooperation .block dt {
    padding: calc(12 / 375 * 100vw);
    font-size: calc(22 / 375 * 100vw);
  }
  #deloitte_lp .cooperation .block dd {
    padding: calc(20 / 375 * 100vw) calc(16 / 375 * 100vw) calc(24 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    line-height: 1.75;
  }
  #deloitte_lp .cooperation .block dd a {
    margin: calc(12 / 375 * 100vw) calc(20 / 375 * 100vw) 0 auto;
  }
  #deloitte_lp .cooperation .block dd a::after {
    width: calc(15 / 375 * 100vw);
    height: calc(15 / 375 * 100vw);
    right: calc(-20 / 375 * 100vw);
  }
  #deloitte_lp .cooperation .bottom {
    margin: calc(-34 / 375 * 100vw) calc(-16 / 375 * 100vw) 0;
    padding: calc(113 / 375 * 100vw) calc(20 / 375 * 100vw) calc(101 / 375 * 100vw);
    background: url(/img/dtds_ai_tob/cooperation_bg_sp.png) center/100% auto no-repeat;
  }
  #deloitte_lp .cooperation .bottom .lead {
    font-size: calc(32 / 375 * 100vw);
    text-shadow: 0 calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgb(0 0 0 / 0.16);
  }

}


/* solution */
#deloitte_lp .deloitte_button_more {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-green) url(/img/dtds_ai_tob/btn_arrow.png) center right 24px/10px auto no-repeat;
  border-radius: 50px;
  width: 233px;
  height: 50px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin: 60px auto 0;
}
#deloitte_lp .solution {
  padding: 89px 0 100px;
  background: var(--color-bg);
}
#deloitte_lp .solution .in {
  max-width: 1024px;
}
#deloitte_lp .solution .df_ttl {
  margin-bottom: 61px;
}
#deloitte_lp .solution .txt {
  letter-spacing: 0.05em;
  line-height: 1.75;
}
#deloitte_lp .solution .grid {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
#deloitte_lp .solution .grid .box {
  background: var(--color-white);
  padding: 60px 40px;
  width: calc(50% - 10px);
}
#deloitte_lp .solution .grid .box:first-of-type {
  width: 100%;
  border: 4px solid var(--color-green);
}
#deloitte_lp .solution .grid .ttl_wrap {
  margin-bottom: 40px;
}
#deloitte_lp .solution .grid .ttl_wrap img {
  margin: 0 auto 48px;
  width: 198px;
}
#deloitte_lp .solution .grid .box:first-of-type .ttl_wrap img {
  width: 131px;
  margin-bottom: 30px;
}
#deloitte_lp .solution .grid .ttl_h3 {
  position: relative;
  padding-bottom: 52px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: var(--color-green);
}
#deloitte_lp .solution .grid .ttl_h3::after {
  position: absolute;
  left: 50%;
  bottom: 17px;
  content: "";
  width: 1px;
  height: 20px;
  background: var(--color-green);
  transform: translateX(-50%);
}
#deloitte_lp .solution .grid .box:first-of-type .txt {
  text-align: center;
}
#deloitte_lp .solution .grid .flex {
  gap: 40px;
}
#deloitte_lp .solution .grid .case {
  padding: 23px 20px 35px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 0.16);
  color: var(--color-green);
}
#deloitte_lp .solution .grid .case dt {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 18px;
  font-weight: 600;
}
#deloitte_lp .solution .grid .case dt span {
  white-space: nowrap;
}
#deloitte_lp .solution .grid .case dt::before,
#deloitte_lp .solution .grid .case dt::after {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-green);
}
#deloitte_lp .checklist li {
  font-size: 15px;
  font-weight: 600;
  padding: 26px 0 26px 29px;
  background: url(/img/dtds_ai_tob/check-square.png) top 29px left/20px auto no-repeat;
  border-bottom: 1px solid #E8E8E8;
  line-height: 1.73;
}
#deloitte_lp .checklist li:last-of-type {
  border: none;
  padding-bottom: 0 !important;
}
#deloitte_lp .box:last-of-type .checklist li {
  padding-top: 21px;
  padding-bottom: 21px;
  background-position: top 25px left;
}
#deloitte_lp .solution .flex .case {
  width: 600px;
}
#deloitte_lp .solution .flex .list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 304px;
}
#deloitte_lp .solution .flex .list li {
  background: var(--color-green);
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  color: #fff;
  padding: 20px 0;
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .deloitte_button_more {
    background: var(--color-green) url(/img/dtds_ai_tob/btn_arrow.png) center right calc(24 / 1400 * 100vw) / calc(10 / 1400 * 100vw) auto no-repeat;
    border-radius: calc(50 / 1400 * 100vw);
    width: calc(233 / 1400 * 100vw);
    height: calc(50 / 1400 * 100vw);
    font-size: calc(16 / 1400 * 100vw);
    margin: calc(60 / 1400 * 100vw) auto 0;
  }
  #deloitte_lp .solution {
    padding: calc(89 / 1400 * 100vw) 0 calc(100 / 1400 * 100vw);
  }
  #deloitte_lp .solution .in {
    max-width: calc(1024 / 1400 * 100vw);
  }
  #deloitte_lp .solution .df_ttl {
    margin-bottom: calc(61 / 1400 * 100vw);
  }
  #deloitte_lp .solution .grid {
    gap: calc(20 / 1400 * 100vw);
  }
  #deloitte_lp .solution .grid .box {
    padding: calc(60 / 1400 * 100vw) calc(40 / 1400 * 100vw);
    width: calc(50% - (10 / 1400 * 100vw));
  }
  #deloitte_lp .solution .grid .box:first-of-type {
    border: calc(4 / 1400 * 100vw) solid var(--color-green);
  }
  #deloitte_lp .solution .grid .ttl_wrap {
    margin-bottom: calc(40 / 1400 * 100vw);
  }
  #deloitte_lp .solution .grid .ttl_wrap img {
    margin: 0 auto calc(48 / 1400 * 100vw);
    width: calc(198 / 1400 * 100vw);
  }
  #deloitte_lp .solution .grid .box:first-of-type .ttl_wrap img {
    width: calc(131 / 1400 * 100vw);
    margin-bottom: calc(30 / 1400 * 100vw);
  }
  #deloitte_lp .solution .grid .ttl_h3 {
    padding-bottom: calc(52 / 1400 * 100vw);
    font-size: calc(22 / 1400 * 100vw);
  }
  #deloitte_lp .solution .grid .ttl_h3::after {
    bottom: calc(17 / 1400 * 100vw);
    height: calc(20 / 1400 * 100vw);
  }
  #deloitte_lp .solution .grid .flex {
    gap: calc(40 / 1400 * 100vw);
  }
  #deloitte_lp .solution .grid .case {
    padding: calc(23 / 1400 * 100vw) calc(20 / 1400 * 100vw) calc(35 / 1400 * 100vw);
    box-shadow: 0 calc(3 / 1400 * 100vw) calc(6 / 1400 * 100vw) rgb(0 0 0 / 0.16);
  }
  #deloitte_lp .solution .grid .case dt {
    gap: calc(12 / 1400 * 100vw);
    font-size: calc(18 / 1400 * 100vw);
  }
  #deloitte_lp .checklist li {
    font-size: calc(15 / 1400 * 100vw);
    padding: calc(26 / 1400 * 100vw) 0 calc(26 / 1400 * 100vw) calc(29 / 1400 * 100vw);
    background: url(/img/dtds_ai_tob/check-square.png) top calc(29 / 1400 * 100vw) left / calc(20 / 1400 * 100vw) auto no-repeat;
  }
  #deloitte_lp .box:last-of-type .checklist li {
    padding-top: calc(21 / 1400 * 100vw);
    padding-bottom: calc(21 / 1400 * 100vw);
    background-position: top calc(25 / 1400 * 100vw) left;
  }
  #deloitte_lp .solution .flex .case {
    width: calc(600 / 1400 * 100vw);
  }
  #deloitte_lp .solution .flex .list {
    width: calc(304 / 1400 * 100vw);
  }
  #deloitte_lp .solution .flex .list li {
    font-size: calc(18 / 1400 * 100vw);
    padding: calc(20 / 1400 * 100vw) 0;
  }
}
@media screen and (max-width: 768px) {
 #deloitte_lp .solution {
    padding: calc(55 / 375 * 100vw) 0 calc(90 / 375 * 100vw);
  }
  #deloitte_lp .solution .in {
    max-width: none;
  }
  #deloitte_lp .solution .df_ttl {
    margin-bottom: calc(80 / 375 * 100vw);
  }
  #deloitte_lp .solution .grid {
    gap: calc(40 / 375 * 100vw);
  }
  #deloitte_lp .solution .grid .box {
    width: 100% !important;
    padding: calc(60 / 375 * 100vw) calc(16 / 375 * 100vw) calc(50 / 375 * 100vw);
  }
  #deloitte_lp .solution .grid .ttl_h3 {
    font-size: calc(18 / 375 * 100vw);
    margin-bottom: calc(53 / 375 * 100vw);
  }
  #deloitte_lp .solution .grid .ttl_h3::after {
    width: calc(1 / 375 * 100vw);
    height: calc(20 / 375 * 100vw);
    bottom: calc(-36 / 375 * 100vw);
  }
  #deloitte_lp .solution .txt {
    text-align: left !important;
    font-weight: 400;
  }
  #deloitte_lp .solution .grid .ttl_wrap {
    margin-bottom: calc(22 / 375 * 100vw);
  }
  #deloitte_lp .solution .grid .ttl_wrap img {
    width: calc(198 / 375 * 100vw);
    margin-bottom: calc(56 / 375 * 100vw);
  }
  #deloitte_lp .solution .grid .box:first-of-type .ttl_wrap img {
    width: calc(131 / 375 * 100vw);
    margin-bottom: calc(36 / 375 * 100vw);
  }
  #deloitte_lp .solution .grid .case {
    padding: calc(23 / 375 * 100vw) calc(16 / 375 * 100vw) calc(27 / 375 * 100vw);
    box-shadow: 0 calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgb(0 0 0 / 0.16);
  }
  #deloitte_lp .solution .grid .case dt {
    gap: calc(12 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw);
  }
  #deloitte_lp .checklist li {
    padding: calc(20 / 375 * 100vw) 0 calc(20 / 375 * 100vw) calc(28 / 375 * 100vw) !important;
    font-size: calc(15 / 375 * 100vw);
    background-size: calc(18 / 375 * 100vw) auto;
    background-position: top calc(23 / 375 * 100vw) left !important;
  }
  #deloitte_lp .deloitte_button_more {
    margin-top: calc(60 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    width: calc(233 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
    border-radius: 100px;
    background-size: calc(7 / 375 * 100vw) auto;
    background-position: center right calc(24 / 375 * 100vw);
  }
  #deloitte_lp .solution .grid .flex {
    flex-direction: column-reverse;
    gap: calc(50 / 375 * 100vw);
  }
  #deloitte_lp .solution .flex .list {
    width: 100%;
  }
  #deloitte_lp .solution .flex .list li {
    position: relative;
    font-size: calc(15 / 375 * 100vw);
    padding: calc(20 / 375 * 100vw);
  }
  #deloitte_lp .solution .flex .list li + li::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    width: calc(24 / 375 * 100vw);
    height: calc(2 / 375 * 100vw);
    background: var(--color-white);
    transform: translateX(-50%);
  }
  #deloitte_lp .solution .flex .case {
    width: 100%;
  }
  #deloitte_lp .solution .grid .box:first-of-type {
    border-width: calc(2 / 375 * 100vw);
  }
}




/* course */
#deloitte_lp .course {
  padding: 82px 0 114px;
  background: var(--color-bg);
}
#deloitte_lp .course .online {
  position: relative;
}
#deloitte_lp .course .online:not(:last-of-type) {
  padding-bottom: 123px;
  margin-bottom: 145px;
  border-bottom: 1px solid #D1D1D1;
}
#deloitte_lp .course .online .ttl_wrap {
  position: relative;
  width: 860px;
  margin: 87px auto 94px;
  padding: 28px 15px 28px 270px;
}
#deloitte_lp .course .online .ttl_wrap::before,
#deloitte_lp .course .online .ttl_wrap::after {
  position: absolute;
  content: "";
  width: 90%;
  height: 2px;
  background: var(--color-green);
  right: 0;
}
#deloitte_lp .course .online .ttl_wrap::before {
  top: 0;
}
#deloitte_lp .course .online .ttl_wrap::after {
  bottom: 0;
}
#deloitte_lp .course .online .ttl_wrap .ttl_h3 {
  position: absolute;
  width: 256px;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(-13deg);
}
#deloitte_lp .course .online .ttl_wrap .txt {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-green);
  letter-spacing: 0.05em;
}
#deloitte_lp .course .online .ttl_wrap .txt span {
  display: block;
  margin-bottom: 16px;
  font-size: 28px;
  padding: 12px;
  background: var(--color-white);
}
#deloitte_lp .course .online .block {
  position: relative;
  padding: 63px 100px 46px;
}
#deloitte_lp .course .online .block + .block {
  margin-top: 40px;
}
#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 {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  margin-top: 12px;
  color: var(--color-yellow);
}
#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;
  gap: 46px;
  width: 460px;
  margin-top: 50px;
}
#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_txt .bottom dl.wide dd {
  width: 100%;
}
#deloitte_lp .course .online .detail .block_ttl {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--font-en);
  letter-spacing: 0.1em;
  color: var(--color-yellow);
}
#deloitte_lp .course .online .detail .block_ttl span {
  white-space: nowrap;
}
#deloitte_lp .course .online .detail .block_ttl::before,
#deloitte_lp .course .online .detail .block_ttl::after {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-yellow);
}
#deloitte_lp .course .online .detail .flex_img {
  width: calc(100% - 48px - 460px);
}
#deloitte_lp .course .online .detail .flex_img ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#deloitte_lp .course .online .detail .flex_img ul li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: calc(50% - 10px);
  height: 165px;
  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 ul li span {
  font-family: var(--font-num);
  font-size: 48px;
  line-height: 1;
  position: absolute;
  left: 9px;
  top: 9px;
  color: var(--color-yellow);
}
#deloitte_lp .course .online .detail .flex_img ul li.wide {
  width: 100%;
  height: 142px;
}
#deloitte_lp .course .online .detail .flex_img ul li figure {
  width: 84px;
  margin: 0 auto 12px;
}
#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,
#deloitte_lp .course .online .block.g .block_lead,
#deloitte_lp .course .online .block.g .detail .block_ttl span,
#deloitte_lp .course .online .block.g .detail .flex_img ul li span {
  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_txt .bottom dl {
  border-color: var(--color-blue);
}
#deloitte_lp .course .online .block.g .detail .flex_txt .bottom dt,
#deloitte_lp .course .online .block.g .detail .block_ttl::before, 
#deloitte_lp .course .online .block.g .detail .block_ttl::after {
  background: var(--color-blue);
}


#deloitte_lp .course .online .block.e {
  background: #FFFCF7 url(/img/dtds_ai_tob/online_bg_e.png) bottom 17px left 61px/407px auto no-repeat;
}
#deloitte_lp .course .online .block.e .detail_ttl span,
#deloitte_lp .course .online .block.e .detail .flex_txt .bottom dd,
#deloitte_lp .course .online .block.e .osusume_ttl,
#deloitte_lp .course .online .block.e .osusume_list li,
#deloitte_lp .course .online .block.e .block_lead,
#deloitte_lp .course .online .block.e .detail .block_ttl span,
#deloitte_lp .course .online .block.e .detail .flex_img ul li span  {
  color: #EF9C00;
}
#deloitte_lp .course .online .block.e .osusume_list li {
  background-image: url(/img/deloitte_lp/check-square_blue.png);
}
#deloitte_lp .course .online .block.e .detail_ttl::after {
  background: #EF9C00;
}
#deloitte_lp .course .online .block.e .detail .flex_txt .bottom dl {
  border-color: #EF9C00;
}
#deloitte_lp .course .online .block.e .detail .flex_txt .bottom dt,
#deloitte_lp .course .online .block.e .detail .block_ttl::before, 
#deloitte_lp .course .online .block.e .detail .block_ttl::after {
  background: #EF9C00;
}

#deloitte_lp .course .online .block.ai2 {
  background: #FCFFFE url(/img/dtds_ai_tob/online_bg_aie.png) bottom 37px left 61px/349px auto no-repeat;
}
#deloitte_lp .course .online .block.ai2 .detail_ttl span,
#deloitte_lp .course .online .block.ai2 .detail .flex_txt .bottom dd,
#deloitte_lp .course .online .block.ai2 .osusume_ttl,
#deloitte_lp .course .online .block.ai2 .osusume_list li,
#deloitte_lp .course .online .block.ai2 .block_lead,
#deloitte_lp .course .online .block.ai2 .detail .block_ttl span,
#deloitte_lp .course .online .block.ai2 .detail .flex_img ul li span  {
  color: #20A47A;
}
#deloitte_lp .course .online .block.ai2 .osusume_list li {
  background-image: url(/img/deloitte_lp/check-square_blue.png);
}
#deloitte_lp .course .online .block.ai2 .detail_ttl::after {
  background: #20A47A;
}
#deloitte_lp .course .online .block.ai2 .detail .flex_txt .bottom dl {
  border-color: #20A47A;
}
#deloitte_lp .course .online .block.ai2 .detail .flex_txt .bottom dt,
#deloitte_lp .course .online .block.ai2 .detail .block_ttl::before, 
#deloitte_lp .course .online .block.ai2 .detail .block_ttl::after {
  background: #20A47A;
}

@media screen and (max-width: 1400px) {
  #deloitte_lp .course {
    padding: calc(82 / 1400 * 100vw) 0 calc(114 / 1400 * 100vw);
  }
  #deloitte_lp .course .online:not(:last-of-type) {
    padding-bottom: calc(123 / 1400 * 100vw);
    margin-bottom: calc(145 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .ttl_wrap {
    width: calc(860 / 1400 * 100vw);
    margin: calc(87 / 1400 * 100vw) auto calc(94 / 1400 * 100vw);
    padding: calc(28 / 1400 * 100vw) calc(15 / 1400 * 100vw) calc(28 / 1400 * 100vw) calc(270 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .ttl_wrap::before,
  #deloitte_lp .course .online .ttl_wrap::after {
    height: calc(2 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .ttl_wrap .ttl_h3 {
    width: calc(256 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .ttl_wrap .txt {
    font-size: calc(18 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .ttl_wrap .txt span {
    margin-bottom: calc(16 / 1400 * 100vw);
    padding: calc(12 / 1400 * 100vw);
    font-size: calc(28 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .block {
    padding: calc(63 / 1400 * 100vw) calc(100 / 1400 * 100vw) calc(46 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .block + .block {
    margin-top: calc(40 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .osusume {
    margin: calc(54 / 1400 * 100vw) auto 0;
  }
  #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;
  }
  #deloitte_lp .course .online .osusume_list li + li {
    margin-top: calc(5 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .block_ttl {
    font-size: calc(46 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .block_lead {
    font-size: calc(22 / 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);
  }
  #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 {
    gap: calc(46 / 1400 * 100vw);
    width: calc(460 / 1400 * 100vw);
    margin-top: calc(50 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_txt .txt .note {
    margin-top: calc(20 / 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 .block_ttl {
    gap: calc(10 / 1400 * 100vw);
    margin-bottom: calc(20 / 1400 * 100vw);
    font-size: calc(18 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_img {
    width: calc(100% - (48 / 1400 * 100vw) - (460 / 1400 * 100vw));
  }
  #deloitte_lp .course .online .detail .flex_img ul {
    gap: calc(20 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_img ul li {
    width: calc(50% - (10 / 1400 * 100vw));
    height: calc(165 / 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);
  }
  #deloitte_lp .course .online .detail .flex_img ul li span {
    font-size: calc(48 / 1400 * 100vw);
    left: calc(9 / 1400 * 100vw);
    top: calc(9 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_img ul li.wide {
    height: calc(142 / 1400 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_img ul li figure {
    width: calc(84 / 1400 * 100vw);
    margin: 0 auto calc(12 / 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.e {
    background: #FFFCF7 url(/img/dtds_ai_tob/online_bg_e.png) bottom calc(17 / 1400 * 100vw) left calc(61 / 1400 * 100vw) / calc(407 / 1400 * 100vw) auto no-repeat;
  }
  #deloitte_lp .course .online .block.ai2 {
    background: #FCFFFE url(/img/dtds_ai_tob/online_bg_aie.png) bottom calc(37 / 1400 * 100vw) left calc(61 / 1400 * 100vw) / calc(349 / 1400 * 100vw) auto no-repeat;
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .course {
    padding: calc(55 / 375 * 100vw) 0 calc(87 / 375 * 100vw);
  }
  #deloitte_lp .course .df_ttl .txt a {
    font-size: calc(15 / 375 * 100vw);
    text-indent: -1em;
    padding-left: 1em;
  }
  #deloitte_lp .course .df_ttl {
    margin-bottom: calc(151 / 375 * 100vw);
  }
  #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 .ttl_wrap .ttl_h3 {
    width: calc(163 / 375 * 100vw);
    left: 50%;
    top: calc(-81 / 375 * 100vw);
    transform: translateX(-50%);
  }
  #deloitte_lp .course .online .ttl_wrap {
    width: 100%;
    padding: calc(96 / 375 * 100vw) 0 calc(23 / 375 * 100vw);
  }
  #deloitte_lp .course .online .ttl_wrap::before, #deloitte_lp .course .online .ttl_wrap::after {
    width: 100%;
    height: calc(2 / 375 * 100vw);
  }
  #deloitte_lp .course .online .ttl_wrap .txt {
    font-size: calc(16 / 375 * 100vw);
  }
  #deloitte_lp .course .online .ttl_wrap .txt span {
    text-indent: -3em;
    padding: calc(11 / 375 * 100vw) calc(16 / 375 * 100vw) calc(13 / 375 * 100vw) calc((16 / 375 * 100vw) + 3em);
    font-size: calc(18 / 375 * 100vw);
    margin-bottom: calc(12 / 375 * 100vw);
  }
  #deloitte_lp .course .online .block {
    padding: calc(49 / 375 * 100vw) calc(16 / 375 * 100vw) calc(264 / 375 * 100vw);
  }
  #deloitte_lp .course .online .block.g {
    padding-bottom: calc(327 / 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(24 / 375 * 100vw);
  }
  #deloitte_lp .course .online .block_lead {
    width: 100%;
    margin-top: calc(29 / 375 * 100vw);
    margin-bottom: calc(57 / 375 * 100vw);
    font-size: calc(18 / 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(54 / 375 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_txt {
    gap: calc(24 / 375 * 100vw);
    width: 100%;
    margin: 0;
  }
  #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_txt .bottom dl.wide {
    border-radius: calc(6 / 375 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_txt .bottom dl.wide dd {
    padding: calc(11 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw);
  }
  #deloitte_lp .course .online .block + .block {
    margin-top: calc(40 / 375 * 100vw);
  }
  #deloitte_lp .course .online:not(:last-of-type) {
    padding-bottom: calc(50 / 375 * 100vw);
    margin-bottom: calc(141 / 375 * 100vw);
  }
  #deloitte_lp .course .online .detail .block_ttl {
    font-size: calc(18 / 375 * 100vw);
    gap: calc(10 / 375 * 100vw);
    margin-bottom: calc(24 / 375 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_img {
    width: 100%;
  }
  #deloitte_lp .course .online .detail .flex_img ul {
    width: 100%;
    gap: calc(20 / 375 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_img ul li {
    width: 100%;
    border-radius: calc(6 / 375 * 100vw);
    height: calc(150 / 375 * 100vw) !important;
    padding: calc(27 / 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 ul li .txt {
    font-size: calc(15 / 375 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_img ul li figure {
    width: calc(84 / 375 * 100vw);
    margin-bottom: calc(15 / 375 * 100vw);
  }
  #deloitte_lp .course .online .detail .flex_img ul li span {
    font-size: calc(48 / 375 * 100vw);
    left: calc(9 / 375 * 100vw);
    top: calc(9 / 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.ai {
    background-size: calc(181 / 375 * 100vw) auto;
    background-position: top calc(14 / 375 * 100vw) left calc(10 / 375 * 100vw);
  }
  #deloitte_lp .course .online .block.g {
    background-size: calc(183 / 375 * 100vw) auto;
    background-position: top calc(12 / 375 * 100vw) left calc(7 / 375 * 100vw);
  }
  #deloitte_lp .course .online .block.e {
    background-size: calc(174 / 375 * 100vw) auto;
    background-position: top calc(48 / 375 * 100vw) left calc(11 / 375 * 100vw);
  }
  #deloitte_lp .course .online .block.ai2 {
    background-size: calc(184 / 375 * 100vw) auto;
    background-position: top calc(19 / 375 * 100vw) left calc(7 / 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;
  }
  #deloitte_lp .course .online .detail .bottom {
    position: absolute;
    width: calc(100% - (32 / 375 * 100vw));
    bottom: calc(59 / 375 * 100vw);
  }
}


/* cv */
#deloitte_lp .cv {
  padding: 49px 0 50px;
  background: url(/img/deloitte_lp/cv_bg.jpg) center/cover no-repeat;
  color: var(--color-white);
}
#deloitte_lp .cv .in {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#deloitte_lp .cv .ttl_sub {
  color: var(--color-white);
}
#deloitte_lp .cv .df_ttl {
  text-align: left;
}
#deloitte_lp .cv .df_ttl .ttl_h2 {
  font-size: 36px;
}
#deloitte_lp .cv .df_ttl .ttl_h2 span {
  color: #DEBF1A;
}
#deloitte_lp .cv .right .ttl {
  font-size: 16px;
  color: var(--color-white);
}
#deloitte_lp .cv .right .tel {
  padding-bottom: 7px;
  margin-bottom: 22px;
  border-bottom: 1px solid var(--color-white);
}
#deloitte_lp .cv .right .tel a {
  font-size: 44px;
  font-weight: 600;
  color: var(--color-white);
  font-family: var(--font-tel);
}
#deloitte_lp .cv .right .deloitte_button {
  margin: 12px 0 0;
}
#deloitte_lp .cv .right .note {
  font-size: 16px;
  margin-top: 16px;
}
#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(49 / 1400 * 100vw) 0 calc(50 / 1400 * 100vw);
  }
  #deloitte_lp .cv .df_ttl .ttl_h2 {
    font-size: calc(36 / 1400 * 100vw);
  }
  #deloitte_lp .cv .right .ttl {
    font-size: calc(16 / 1400 * 100vw);
  }
  #deloitte_lp .cv .right .tel {
    padding-bottom: calc(7 / 1400 * 100vw);
    margin-bottom: calc(22 / 1400 * 100vw);
  }
  #deloitte_lp .cv .right .tel a {
    font-size: calc(44 / 1400 * 100vw);
  }
  #deloitte_lp .cv .right .deloitte_button {
    margin: calc(12 / 1400 * 100vw) 0 0;
  }
  #deloitte_lp .cv .right .note {
    font-size: calc(16 / 1400 * 100vw);
    margin-top: calc(16 / 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(53 / 375 * 100vw) 0 calc(79 / 375 * 100vw);
    background-image: url(/img/dtds_ai_tob/cv_bg_sp.jpg);
  }
  #deloitte_lp .cv .in {
    padding: 0 calc(32 / 375 * 100vw);
    gap: calc(61 / 375 * 100vw);
    flex-direction: column;
  }
  #deloitte_lp .cv .ttl_sub {
    text-align: center;
  }
  #deloitte_lp .cv .df_ttl .ttl_h2 {
    font-size: calc(24 / 375 * 100vw);
  }
  #deloitte_lp .cv .right .deloitte_button {
    font-size: calc(16 / 375 * 100vw);
    width: calc(311 / 375 * 100vw);
    height: calc(67 / 375 * 100vw);
    margin: calc(10 / 375 * 100vw) auto 0;
    gap: calc(16 / 375 * 100vw);
  }
  #deloitte_lp .deloitte_button::before {
    width: calc(21 / 375 * 100vw);
    height: calc(22 / 375 * 100vw);
  }
  #deloitte_lp .cv .right .ttl {
    font-size: calc(14 / 375 * 100vw);
  }
  #deloitte_lp .cv .right .tel a {
    font-size: calc(44 / 375 * 100vw);
  }
  #deloitte_lp .cv .right .tel {
    padding-bottom: calc(15 / 375 * 100vw);
    margin-bottom: calc(23 / 375 * 100vw);
  }
  #deloitte_lp .cv .right .note {
    margin-top: calc(14 / 375 * 100vw);
    font-size: calc(15 / 375 * 100vw);
    letter-spacing: 0;
  }
}



/* voice */
#deloitte_lp .voice {
  padding: 82px 0 85px;
}
#deloitte_lp .voice .df_ttl {
  margin-bottom: 50px;
}
#deloitte_lp .voice .block + .block {
  position: relative;
  margin-top: 116px;
}
#deloitte_lp .voice .block + .block::before {
  position: absolute;
  left: 50%;
  top: -73px;
  content: "";
  width: 39px;
  height: 39px;
  background: url(/img/dtds_ai_tob/kakeru.png) center/contain no-repeat;
  transform: translateX(-50%);
}
#deloitte_lp .voice .ttl_h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  font-size: 22px;
  font-weight: 600;
  color: var(--color-green);
  text-align: center;
  margin-bottom: 40px;
}
#deloitte_lp .voice .ttl_h3::before,
#deloitte_lp .voice .ttl_h3::after {
  content: "";
  width: 76px;
  height: 1px;
  background: var(--color-green);
}
#deloitte_lp .voice .swiper {
  overflow: visible;
}
#deloitte_lp .voice .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#deloitte_lp .voice .swiper-slide {
  width: calc(25% - (20px * 3 / 4));
  margin: 0;
  height: auto;
  border-radius: 10px;
  background: var(--color-white);
  overflow: hidden;
  box-shadow: 0 3px 6px rgb(0 0 0 / 0.16);
}
#deloitte_lp .voice .swiper-wrapper.col3 .swiper-slide {
  width: calc(33.33% - (20px * 2 / 3));
}
#deloitte_lp .voice .swiper-slide figure {
  position: relative;
  overflow: hidden;
  height: 207px;
}
#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: 23px 23px 32px;
  text-align: center;
}
#deloitte_lp .voice .swiper-slide .txt_wrap .ttl {
  position: relative;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-green);
  padding-bottom: 16px;
  margin-bottom: 16px;
}
#deloitte_lp .voice .swiper-slide .txt_wrap .ttl::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  content: "";
  width: 19px;
  height: 2px;
  background: var(--color-txt);
}
#deloitte_lp .voice .swiper-slide .txt_wrap .list {
  display: grid;
  flex-wrap: wrap;
  gap: 6px 0;
  grid-template-columns: 0.8fr 1fr;
  margin: 0 auto;
  width: max-content;
}
#deloitte_lp .voice .swiper-slide .txt_wrap .list.col1 {
  grid-template-columns: 1fr;
}
#deloitte_lp .voice .swiper-slide .txt_wrap .list.col3 {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}
#deloitte_lp .voice .swiper-slide .txt_wrap .list li {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  padding-left: 15px;
  text-align: left;
}
#deloitte_lp .voice .swiper-slide .txt_wrap .list li::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 11px;
  height: 2px;
  background: var(--color-green);
}
#deloitte_lp .voice .swiper-controll {
  display: none;
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .voice {
    padding: calc(82 / 1400 * 100vw) 0 calc(85 / 1400 * 100vw);
  }
  #deloitte_lp .voice .df_ttl {
    margin-bottom: calc(50 / 1400 * 100vw);
  }
  #deloitte_lp .voice .block + .block {
    position: relative;
    margin-top: calc(116 / 1400 * 100vw);
  }
  #deloitte_lp .voice .block + .block::before {
    top: calc(-73 / 1400 * 100vw);
    width: calc(39 / 1400 * 100vw);
    height: calc(39 / 1400 * 100vw);
  }
  #deloitte_lp .voice .ttl_h3 {
    gap: calc(20 / 1400 * 100vw);
    font-size: calc(22 / 1400 * 100vw);
    margin-bottom: calc(40 / 1400 * 100vw);
  }
  #deloitte_lp .voice .ttl_h3::before,
  #deloitte_lp .voice .ttl_h3::after {
    width: calc(76 / 1400 * 100vw);
  }
  #deloitte_lp .voice .swiper-wrapper {
    gap: calc(20 / 1400 * 100vw);
  }
  #deloitte_lp .voice .swiper-slide {
    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 .voice .swiper-wrapper.col3 .swiper-slide {
    width: calc(33.33% - ((20 / 1400 * 100vw) * 2 / 3));
  }
  #deloitte_lp .voice .swiper-slide figure {
    height: calc(207 / 1400 * 100vw);
  }
  #deloitte_lp .voice .swiper-slide .txt_wrap {
    padding: calc(23 / 1400 * 100vw) calc(23 / 1400 * 100vw) calc(32 / 1400 * 100vw);
  }
  #deloitte_lp .voice .swiper-slide .txt_wrap .ttl {
    font-size: calc(18 / 1400 * 100vw);
    padding-bottom: calc(16 / 1400 * 100vw);
    margin-bottom: calc(16 / 1400 * 100vw);
  }
  #deloitte_lp .voice .swiper-slide .txt_wrap .ttl::after {
    width: calc(19 / 1400 * 100vw);
    height: calc(2 / 1400 * 100vw);
  }
  #deloitte_lp .voice .swiper-slide .txt_wrap .list {
    gap: calc(6 / 1400 * 100vw) 0;
  }
  #deloitte_lp .voice .swiper-slide .txt_wrap .list.col3 {
    gap: calc(24 / 1400 * 100vw);;
  }
  #deloitte_lp .voice .swiper-slide .txt_wrap .list li {
    font-size: calc(16 / 1400 * 100vw);
    font-weight: 600;
    padding-left: calc(15 / 1400 * 100vw);
  }
  #deloitte_lp .voice .swiper-slide .txt_wrap .list li::before {
    width: calc(11 / 1400 * 100vw);
    height: calc(2 / 1400 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .voice {
    padding: calc(117 / 375 * 100vw) 0 calc(110 / 375 * 100vw);
  }
  #deloitte_lp .voice .df_ttl {
    margin-bottom: calc(40 / 375 * 100vw);
  }
  #deloitte_lp .voice .swiper-wrapper {
    flex-wrap: nowrap;
    gap: 0;
  }
  #deloitte_lp .voice .swiper-slide {
    width: calc(280 / 375 * 100vw);
    min-width: calc(280 / 375 * 100vw);
    border-radius: calc(10 / 375 * 100vw);
  }
  #deloitte_lp .voice .swiper-slide:not(:last-of-type) {
    margin-right: calc(20 / 375 * 100vw);
  }
  #deloitte_lp .voice .swiper-slide figure {
    height: calc(207 / 375 * 100vw);
  }
  #deloitte_lp .voice .swiper-slide .txt_wrap {
    padding: calc(23 / 375 * 100vw) calc(20 / 375 * 100vw) calc(32 / 375 * 100vw);
  }
  #deloitte_lp .voice .swiper-slide .txt_wrap .ttl {
    font-size: calc(18 / 375 * 100vw);
    padding-bottom: calc(16 / 375 * 100vw);
    margin-bottom: calc(16 / 375 * 100vw);
  }
  #deloitte_lp .voice .swiper-slide .txt_wrap .ttl::after {
    width: calc(19 / 375 * 100vw);
    height: calc(2 / 375 * 100vw);
  }
  #deloitte_lp .voice .swiper-controll {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(83 / 375 * 100vw);
    margin: calc(30 / 375 * 100vw) auto 0;
  }
  #deloitte_lp .voice .swiper-button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
    width: calc(50 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
    border-radius: 100%;
    border: 1px solid #000;
    margin: 0;
  }
  #deloitte_lp .voice .swiper-button img {
    width: calc(8 / 375 * 100vw);
  }
  #deloitte_lp .voice .swiper-button::after {
    content: none;
  }
  #deloitte_lp .voice .swiper-slide .txt_wrap .list {
    grid-template-columns: 1fr !important;
    gap: calc(8 / 375 * 100vw) !important;
    width: max-content !important;
  }
  #deloitte_lp .voice .swiper-slide .txt_wrap .list li {
    font-size: calc(16 / 375 * 100vw);
    padding-left: calc(15 / 375 * 100vw);
  }
  #deloitte_lp .voice .swiper-slide .txt_wrap .list li::before {
    width: calc(11 / 375 * 100vw);
    height: calc(2 / 375 * 100vw);
  }
  #deloitte_lp .voice .ttl_h3 {
    font-size: calc(18 / 375 * 100vw);
    margin-bottom: calc(45 / 375 * 100vw);
    gap: calc(12 / 375 * 100vw);
    justify-content: space-between;
    text-align: left;
  }
  #deloitte_lp .voice .ttl_h3 span {
    white-space: nowrap;
  }
  #deloitte_lp .voice .ttl_h3::before,
  #deloitte_lp .voice .block + .block::before {
    content: none;
  }
  #deloitte_lp .voice .ttl_h3::after {
    width: 100%;
  }
  #deloitte_lp .voice .block + .block {
    margin-top: calc(70 / 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: 129px 0 113px;
}
#deloitte_lp .campaign .in {
  position: relative;
}
#deloitte_lp .campaign .img_wrap {
  position: absolute;
  overflow: hidden;
}
#deloitte_lp .campaign .img_wrap.img1 {
  width: 1002px;
  height: 644px;
  left: -83px;
  top: -49px;
}
#deloitte_lp .campaign .img_wrap.img2 {
  width: 525px;
  height: 395px;
  left: 0;
  bottom: -64px;
}
#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: 741px;
  padding: 44px 32px;
  margin: 0 0 0 auto;
  background: var(--color-white);
  box-shadow: 0 3px 6px rgb(0 0 0 / 0.16);
}
#deloitte_lp .campaign .txt_wrap::before {
  position: absolute;
  content: "";
  width: 17px;
  height: 100%;
  left: -17px;
  top: 0;
  background: linear-gradient(180deg,rgba(211, 198, 134, 1) 0%, rgba(130, 112, 46, 1) 100%);
}
#deloitte_lp .campaign .df_ttl {
  text-align: left;
  margin-bottom: 57px;
}
#deloitte_lp .campaign .df_ttl .ttl_sub {
  color: #D3C686;
}
#deloitte_lp .campaign .df_ttl .ttl_h2 span {
  color: var(--color-green);
}
#deloitte_lp .campaign .df_ttl .ttl_h2 strong {
  color: var(--color-white);
  background: linear-gradient(90deg,rgba(211, 198, 134, 1) 0%, rgba(130, 112, 46, 1) 100%);
}
#deloitte_lp .campaign li {
  position: relative;
  padding: 32px 0 32px 87px;
  border-bottom: 1px solid #D1D1D1;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.875;
}
#deloitte_lp .campaign li:last-of-type {
  border: none;
  padding-bottom: 0;
}
#deloitte_lp .campaign li .ttl {
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 600;
  color: #D3C686;
}
#deloitte_lp .campaign li span {
  position: absolute;
  left: 0;
  top: 32px;
  font-family: var(--font-num);
  font-size: 60px;
  color: #D3C686;
  line-height: 1;
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .campaign {
    padding: calc(129 / 1400 * 100vw) 0 calc(113 / 1400 * 100vw);
  }
  #deloitte_lp .campaign .img_wrap.img1 {
    width: calc(1002 / 1400 * 100vw);
    height: calc(644 / 1400 * 100vw);
    left: calc(-83 / 1400 * 100vw);
    top: calc(-49 / 1400 * 100vw);
  }
  #deloitte_lp .campaign .img_wrap.img2 {
    width: calc(525 / 1400 * 100vw);
    height: calc(395 / 1400 * 100vw);
    bottom: calc(-64 / 1400 * 100vw);
  }
  #deloitte_lp .campaign .txt_wrap {
    width: calc(741 / 1400 * 100vw);
    padding: calc(44 / 1400 * 100vw) calc(32 / 1400 * 100vw);
    box-shadow: 0 calc(3 / 1400 * 100vw) calc(6 / 1400 * 100vw) rgb(0 0 0 / 0.16);
  }
  #deloitte_lp .campaign .txt_wrap::before {
    width: calc(17 / 1400 * 100vw);
    left: calc(-17 / 1400 * 100vw);
  }
  #deloitte_lp .campaign .df_ttl {
    margin-bottom: calc(57 / 1400 * 100vw);
  }
  #deloitte_lp .campaign li {
    padding: calc(32 / 1400 * 100vw) 0 calc(32 / 1400 * 100vw) calc(87 / 1400 * 100vw);
    font-size: calc(16 / 1400 * 100vw);
  }
  #deloitte_lp .campaign li .ttl {
    margin-bottom: calc(10 / 1400 * 100vw);
    font-size: calc(32 / 1400 * 100vw);
  }
  #deloitte_lp .campaign li span {
    top: calc(32 / 1400 * 100vw);
    font-size: calc(60 / 1400 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .campaign {
    padding: 0 0 calc(40 / 375 * 100vw);
  }
  #deloitte_lp .campaign .img_wrap {
    position: relative;
    left: auto !important;
    bottom: auto !important;
    top: auto !important;
    right: auto !important;
  }
  #deloitte_lp .campaign .img_wrap.img1 {
    width: calc(343 / 375 * 100vw);
    height: calc(231 / 375 * 100vw);
    margin-top: calc(38 / 375 * 100vw);
    margin-left: calc(-16 / 375 * 100vw);
  }
  #deloitte_lp .campaign .img_wrap.img2 {
    width: calc(327 / 375 * 100vw);
    height: calc(315 / 375 * 100vw);
    margin-top: calc(-58 / 375 * 100vw);
    margin-right: calc(-16 / 375 * 100vw);
    margin-left: auto;
  }
  #deloitte_lp .campaign .txt_wrap {
    width: 100%;
    margin: calc(-17 / 375 * 100vw) auto 0;
    padding: calc(47 / 375 * 100vw) calc(16 / 375 * 100vw) calc(68 / 375 * 100vw);
  }
  #deloitte_lp .campaign .txt_wrap::before {
    width: 100%;
    height: calc(17 / 375 * 100vw);
    left: 0;
    top: calc(-17 / 375 * 100vw);
    background: linear-gradient(-90deg,rgba(211, 198, 134, 1) 0%, rgba(130, 112, 46, 1) 100%);
  }
  #deloitte_lp .campaign .df_ttl {
    margin-bottom: 0;
  }
  #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: calc(40 / 375 * 100vw) 0;
    font-size: calc(16 / 375 * 100vw);
    font-weight: 400;
  }
  #deloitte_lp .campaign .list li:last-of-type {
    padding-bottom: 0;
  }
  #deloitte_lp .campaign .list li .ttl {
    font-size: calc(24 / 375 * 100vw);
    font-weight: 600;
    margin-bottom: calc(23 / 375 * 100vw);
    padding-left: calc(54 / 375 * 100vw);
  }
  #deloitte_lp .campaign li span {
    font-size: calc(40 / 375 * 100vw);
    top: calc(43 / 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 dd .txt a {
  text-decoration: underline;
}
#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);
  }
}


/* recruitment */
#deloitte_lp .recruitment {
  background: #F1F1F1;
}
#deloitte_lp .recruitment .in {
  display: flex;
}
#deloitte_lp .recruitment .in > * {
  width: 50%;
}
#deloitte_lp .recruitment .in .txt_wrap {
  padding: 87px 0;
}
#deloitte_lp .recruitment .in .df_ttl {
  text-align: left;
}
#deloitte_lp .recruitment .in .deloitte_button_more {
  margin: 54px 0 0;
  background-color: #000;
  background-image: url(/img/dtds_ai_tob/btn_arrow_green.png);
  width: 371px;
  height: 61px;
}
#deloitte_lp .recruitment figure {
  position: relative;
  overflow: hidden;
  width: calc(50% + 50vw);
  height: 100%;
}
#deloitte_lp .recruitment figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .recruitment .in .txt_wrap {
    padding: calc(87 / 1400 * 100vw) 0;
  }
  #deloitte_lp .recruitment .in .deloitte_button_more {
    margin: calc(54 / 1400 * 100vw) 0 0;
    width: calc(371 / 1400 * 100vw);
    height: calc(61 / 1400 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .recruitment .in {
    flex-direction: column-reverse;
    padding: 0;
  }
  #deloitte_lp .recruitment .in > * {
    width: 100%;
  }
  #deloitte_lp .recruitment figure {
    width: 100%;
    height: calc(299 / 375 * 100vw);
  }
  #deloitte_lp .recruitment .in .txt_wrap {
    padding: calc(51 / 375 * 100vw) calc(16 / 375 * 100vw) calc(64 / 375 * 100vw);
  }
  #deloitte_lp .recruitment .df_ttl {
    margin: 0;
  }
  #deloitte_lp .recruitment .in .deloitte_button_more {
    margin: calc(62 / 375 * 100vw) auto 0;
    width: calc(311 / 375 * 100vw);
    height: calc(61 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    background-size: calc(10 / 375 * 100vw) auto;
    background-position: center right calc(34 / 375 * 100vw);
  }
}



/* contact */
#deloitte_lp .contact {
  padding: 52px 0 97px;
  background: url(/img/dtds_ai_tob/contact_bg.jpg) center bottom/cover no-repeat;
  color: #fff;
}
#deloitte_lp .contact .ttl_sub {
  color: var(--color-white);
}
#deloitte_lp .contact .df_ttl {
  margin-bottom: 30px;
}
#deloitte_lp .contact .buttons {
  display: flex;
  justify-content: center;
  gap: 80px;
}
#deloitte_lp .contact .buttons .txt {
  font-size: 13px;
  font-weight: 600;
  text-align: center;
}
#deloitte_lp .contact .buttons a {
  margin: 8px auto 0;
}
#deloitte_lp .contact .buttons .deloitte_button {
  gap: 11px;
}
#deloitte_lp .contact .buttons .deloitte_button::before {
  width: 30px;
  height: 21px;
  background-image: url(/img/dtds_ai_tob/icon_mail.png);
}
#deloitte_lp .contact .deloitte_button_border {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  width: 380px;
  height: 80px;
  font-size: 22px;
  font-weight: var(--bold);
  color: var(--color-white);
  border: 2px solid var(--color-white);
}
#deloitte_lp .contact .buttons .deloitte_button_border::before {
  content: "";
  width: 28px;
  height: 23px;
  background: url(/img/dtds_ai_tob/icon_download.png) center/contain no-repeat;
}
#deloitte_lp .contact .tel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 30px;
  font-size: 13px;
  font-weight: 600;
}
#deloitte_lp .contact .tel a {
  padding-left: 22px;
  background: url(/img/dtds_ai_tob/icon_tel.png) center left/14px auto no-repeat;
  font-family: var(--font-tel);
  font-size: 24px;
  color: var(--color-white);
  font-weight: 600;
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .contact {
    padding: calc(52 / 1400 * 100vw) 0 calc(97 / 1400 * 100vw);
    background-image: url(/img/dtds_ai_tob/contact_bg_sp.jpg);
  }
  #deloitte_lp .contact .df_ttl {
    margin-bottom: calc(30 / 1400 * 100vw);
  }
  #deloitte_lp .contact .buttons {
    gap: calc(80 / 1400 * 100vw);
  }
  #deloitte_lp .contact .buttons .txt {
    font-size: calc(13 / 1400 * 100vw);
  }
  #deloitte_lp .contact .buttons a {
    margin: calc(8 / 1400 * 100vw) auto 0;
  }
  #deloitte_lp .contact .buttons .deloitte_button {
    gap: calc(11 / 1400 * 100vw);
  }
  #deloitte_lp .contact .buttons .deloitte_button::before {
    width: calc(30 / 1400 * 100vw);
    height: calc(21 / 1400 * 100vw);
  }
  #deloitte_lp .contact .deloitte_button_border {
    gap: calc(11 / 1400 * 100vw);
    width: calc(380 / 1400 * 100vw);
    height: calc(80 / 1400 * 100vw);
    font-size: calc(22 / 1400 * 100vw);
    border: calc(2 / 1400 * 100vw) solid var(--color-white);
  }
  #deloitte_lp .contact .buttons .deloitte_button_border::before {
    width: calc(28 / 1400 * 100vw);
    height: calc(23 / 1400 * 100vw);
  }
  #deloitte_lp .contact .tel {
    gap: calc(16 / 1400 * 100vw);
    margin-top: calc(30 / 1400 * 100vw);
    font-size: calc(13 / 1400 * 100vw);
  }
  #deloitte_lp .contact .tel a {
    padding-left: calc(22 / 1400 * 100vw);
    background: url(/img/dtds_ai_tob/icon_tel.png) center left/calc(14 / 1400 * 100vw) auto no-repeat;
    font-size: calc(24 / 1400 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .contact {
    padding: calc(55 / 375 * 100vw) calc(16 / 375 * 100vw) calc(99 / 375 * 100vw);
  }
  #deloitte_lp .contact .df_ttl {
    text-align: center;
    margin-bottom: calc(62 / 375 * 100vw);
  }
  #deloitte_lp .contact .buttons {
    flex-direction: column;
    gap: calc(53 / 375 * 100vw);
  }
  #deloitte_lp .contact .buttons .deloitte_button {
    gap: calc(15 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
  }
  #deloitte_lp .contact .buttons .deloitte_button_border {
    width: calc(311 / 375 * 100vw);
    height: calc(67 / 375 * 100vw);
    gap: calc(15 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
  }
  #deloitte_lp .contact .buttons .deloitte_button::before {
    width: calc(21 / 375 * 100vw);
    height: calc(22 / 375 * 100vw);
  }
  #deloitte_lp .contact .buttons .deloitte_button_border::before {
    width: calc(23 / 375 * 100vw);
    height: calc(19 / 375 * 100vw);
  }
  #deloitte_lp .contact .buttons .txt {
    font-size: calc(14 / 375 * 100vw);
    text-align: left;
    font-weight: 500;
  }
  #deloitte_lp .contact .tel {
    flex-direction: column;
    align-items: flex-start;
    gap: calc(7 / 375 * 100vw);
    margin-top: calc(22 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    white-space: nowrap;
  }
  #deloitte_lp .contact .tel a {
    padding-left: calc(22 / 375 * 100vw);
    background-size: calc(14 / 375 * 100vw) auto;
    font-size: calc(24 / 375 * 100vw);
  }
}




/* other */
#deloitte_lp .other {
  padding: 82px 0 73px;
  background: var(--color-bg);
}
#deloitte_lp .other .df_ttl {
  margin-bottom: 56px;
}
#deloitte_lp .other .flex {
  gap: 41px;
}
#deloitte_lp .other .flex .card {
  width: calc(33.33% - (41px * 2 / 3));
  background: var(--color-white);
  box-shadow: 0 0 0 rgb(0 0 0 / 0.16);
  padding: 30px;
}
#deloitte_lp .other .flex .card dt {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.75;
}
#deloitte_lp .other .flex .card dt a {
  position: relative;
}
#deloitte_lp .other .flex .card dt a::after {
  display: inline-block;
  margin-left: 10px;
  content: "";
  width: 6px;
  height: 10px;
  background: url(/img/dtds_ai_tob/btn_arrow_green.png) center/contain no-repeat;
}
#deloitte_lp .other .flex .card dd {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
}
@media screen and (max-width: 1400px) {
  #deloitte_lp .other {
    padding: calc(82 / 1400 * 100vw) 0 calc(73 / 1400 * 100vw);
  }
  #deloitte_lp .other .df_ttl {
    margin-bottom: calc(56 / 1400 * 100vw);
  }
  #deloitte_lp .other .flex {
    gap: calc(41 / 1400 * 100vw);
  }
  #deloitte_lp .other .flex .card {
    width: calc(33.33% - ((41 / 1400 * 100vw) * 2 / 3));
    padding: calc(30 / 1400 * 100vw);
  }
  #deloitte_lp .other .flex .card dt {
    font-size: calc(16 / 1400 * 100vw);
  }
  #deloitte_lp .other .flex .card dt a::after {
    margin-left: calc(10 / 1400 * 100vw);
    width: calc(6 / 1400 * 100vw);
    height: calc(10 / 1400 * 100vw);
  }
  #deloitte_lp .other .flex .card dd {
    margin-top: calc(20 / 1400 * 100vw);
    font-size: calc(16 / 1400 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #deloitte_lp .other {
    padding: calc(51 / 375 * 100vw) 0 calc(64 / 375 * 100vw);
  }
  #deloitte_lp .other .df_ttl {
    margin-bottom: calc(40 / 375 * 100vw);
  }
  #deloitte_lp .other .flex {
    gap: calc(16 / 375 * 100vw);
    flex-direction: column;
  }
  #deloitte_lp .other .flex .card {
    width: 100%;
    padding: calc(20 / 375 * 100vw);
  }
  #deloitte_lp .other .flex .card dt a {
    font-size: calc(16 / 375 * 100vw);
  }
  #deloitte_lp .other .flex .card dd {
    margin-top: calc(8 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
  }
  #deloitte_lp .other .flex .card dt a::after {
    margin-left: calc(10 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
    height: calc(10 / 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);
  }
}