@charset "UTF-8";
/*reset*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*! Type: YakuHanJP - Based on Noto Sans CJK JP */
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-Thin.eot");
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-Thin.woff2") format("woff2"), url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-Thin.woff") format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-Light.eot");
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-Light.woff2") format("woff2"), url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-Light.woff") format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-DemiLight.eot");
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-DemiLight.woff2") format("woff2"), url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-DemiLight.woff") format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-Regular.eot");
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-Regular.woff2") format("woff2"), url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-Regular.woff") format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-Medium.eot");
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-Medium.woff2") format("woff2"), url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-Medium.woff") format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-Bold.eot");
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-Bold.woff2") format("woff2"), url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-Bold.woff") format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-Black.eot");
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-Black.woff2") format("woff2"), url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanJP/YakuHanJP-Black.woff") format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
/*! Type: YakuHanMP - Based on Noto Serif CJK JP */
@font-face {
  font-family: "YakuHanMP";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-ExtraLight.eot");
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-ExtraLight.woff2") format("woff2"), url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-ExtraLight.woff") format("woff");
  unicode-range: U+3001-3002, U+300a-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanMP";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-Light.eot");
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-Light.woff2") format("woff2"), url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-Light.woff") format("woff");
  unicode-range: U+3001-3002, U+300a-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanMP";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-Regular.eot");
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-Regular.woff2") format("woff2"), url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-Regular.woff") format("woff");
  unicode-range: U+3001-3002, U+300a-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanMP";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-Medium.eot");
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-Medium.woff2") format("woff2"), url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-Medium.woff") format("woff");
  unicode-range: U+3001-3002, U+300a-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanMP";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-SemiBold.eot");
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-SemiBold.woff2") format("woff2"), url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-SemiBold.woff") format("woff");
  unicode-range: U+3001-3002, U+300a-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanMP";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-Bold.eot");
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-Bold.woff2") format("woff2"), url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-Bold.woff") format("woff");
  unicode-range: U+3001-3002, U+300a-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
  font-family: "YakuHanMP";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-Black.eot");
  src: url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-Black.woff2") format("woff2"), url("https://www.skillupai.com/intern-program-2022/assets/fonts/YakuHanMP/YakuHanMP-Black.woff") format("woff");
  unicode-range: U+3001-3002, U+300a-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
html {
  font-size: 10px;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

body {
  font-family: HelveticaNeue, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YakuHanJP, "Noto Sans JP", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: #333;
}
body * {
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all 0.2s ease;
}

img, iframe {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

img[src$=".svg"], svg {
  width: 100%;
}

@media (hover: hover) {
  a:hover {
    color: #D29C08;
  }
}
/*============================
#header
============================*/
header#header {
  height: 6.4rem;
  font-size: 1.4rem;
  line-height: 1.6;
}
header#header .headerWrapper {
  height: 6.4rem;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 1.2rem rgba(0, 0, 0, 0.12);
}
header#header .headerInner {
  display: flex;
  justify-content: space-between;
  width: 91.4666666667%;
  max-width: 1115px;
  /*============================
  #menu
  ============================*/
}
header#header .headerInner h1.title {
  width: 20rem;
}
header#header .headerInner h1.title span, header#header .headerInner h1.title a {
  display: block;
}
header#header .headerInner h1.title span img, header#header .headerInner h1.title a img {
  width: 100%;
}
@media (hover: hover) {
  header#header .headerInner h1.title a:hover {
    opacity: 0.6;
  }
}
header#header .headerInner #menu .menu_inner ul {
  display: flex;
  justify-content: flex-end;
}
header#header .headerInner #menu .menu_inner ul li {
  margin-left: 2.7rem;
}
#content {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.6rem;
}
#content section {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
#content section .secInner {
  width: 91.4666666667%;
  max-width: 1108px;
}
#content section .secInner h2.tit {
  font-weight: 600;
  font-size: 3.2rem;
  line-height: 140%;
  text-align: center;
}

/*============================
#kv
============================*/
section#kv {
  background: url("https://www.skillupai.com/intern-program-2022/assets/images/kv_bg_pc.svg") 50% bottom/cover no-repeat;
  overflow: hidden;
}
section#kv .secInner {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 69rem;
}
section#kv .secInner .introduction {
  padding: 15.7rem 0 20.8rem;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  max-width: 49.3rem;
}
section#kv .secInner .introduction .term {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 600;
  background: url("https://www.skillupai.com/intern-program-2022/assets/images/kv_term.svg") left 50%/contain no-repeat;
  line-height: 1.6666666667;
  padding-left: 0.4583333333em;
  margin-bottom: 3rem;
  width: 50%;
}
section#kv .secInner .introduction .img {
  position: relative;
  width: 29.2089249493%;
  margin-bottom: 2rem;
}
section#kv .secInner .introduction .img img {
  width: 100%;
  position: absolute;
  bottom: 0;
}
section#kv .secInner .introduction h2.tit {
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.4;
  width: 100%;
}
section#kv .secInner .introduction .period {
  margin-top: 1rem;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.4;
  color: #D29C08;
  width: 100%;
  text-align: left;
}
section#kv .secInner .introduction p {
  margin-top: 2.5rem;
  font-size: 1.8rem;
  width: 100%;
}
section#kv .secInner .visual {
  width: 87.265rem;
  height: 87.265rem;
  border-radius: 100%;
  background: blue;
  position: absolute;
  right: -32.6rem;
  top: -26rem;
  background: linear-gradient(214.43deg, #5EBBFF 0%, #5E8BFF 100%);
  border-radius: 600px;
  z-index: 0;
}
section#kv .secInner .visual img {
  max-width: none;
  width: 138.4rem;
  height: auto;
  position: absolute;
  top: 22rem;
  right: 7rem;
}
section#kv .secInner .visual:before {
  content: "";
  top: 26rem;
  left: 7rem;
  width: 118.5rem;
  height: 41.8rem;
  position: absolute;
  background: url("https://www.skillupai.com/intern-program-2022/assets/images/kv_net.svg") 50%/contain no-repeat;
}

/*============================
#overview
============================*/
section#overview {
  padding: 9rem 0 12rem;
}
section#overview .secInner {
  max-width: 64.6rem;
}
section#overview .secInner .block.lead {
  font-size: 1.8rem;
  margin-top: 4rem;
}

/*============================
#significance
============================*/
section#significance {
  padding: 12rem 0;
  background: #EFF8FF;
}
section#significance .secInner ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
section#significance .secInner li.block {
  margin-top: 4rem;
  padding: 3rem;
  width: 31.5884476534%;
  background: #fff;
  border-radius: 4rem;
  box-shadow: 0px 0px 6rem rgba(0, 0, 0, 0.12);
}
section#significance .secInner li.block .img {
  border-radius: 1.6rem;
  overflow: hidden;
}
section#significance .secInner li.block .about {
  margin-top: 2rem;
}
section#significance .secInner li.block .about p.label {
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 140%;
  color: #D29C08;
  position: relative;
}
section#significance .secInner li.block .about p.label:after {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background: url("https://www.skillupai.com/intern-program-2022/assets/images/title_deco.svg") left 50%/contain no-repeat;
  margin-top: 1.8rem;
}
section#significance .secInner li.block .about p.txt {
  margin-top: 2rem;
}
section#significance .secInner li.block .about p.note {
  margin-top: 1rem;
  color: #666;
  font-size: 0.875em;
}
section#significance .secInner li.block .about p.note a {
  color: #2F80ED;
}
@media (hover: hover) {
  section#significance .secInner li.block .about p.note a:hover {
    text-decoration: underline;
  }
}
section#significance .secInner li.block.wide {
  width: 100%;
  padding: 3.8rem 6.8rem 5.7rem;
}
/*============================
#program
============================*/
section#program {
  padding: 12rem 0;
  background: url("https://www.skillupai.com/intern-program-2022/assets/images/bg_net_pc.svg") 50% 10.6rem/contain no-repeat;
}
section#program .secInner ul li.block {
  margin-top: 4rem;
  padding: 6rem;
  background: #fff;
  border-radius: 4rem;
  box-shadow: 0px 0px 6rem rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section#program .secInner ul li.block:nth-child(2n) {
  flex-direction: row-reverse;
}
section#program .secInner ul li.block:nth-child(2n) .img {
  margin-left: 4rem;
  margin-right: 0;
}
section#program .secInner ul li.block .img {
  width: 29.0581162325%;
  border-radius: 1.6rem;
  overflow: hidden;
  margin-right: 4rem;
}
section#program .secInner ul li.block .img.frame {
  border: #ccc solid 1px;
}
section#program .secInner ul li.block .img img {
  width: 100%;
}
section#program .secInner ul li.block .img img.w60 {
  width: 60%;
}
section#program .secInner ul li.block .about {
  flex: 1;
}
section#program .secInner ul li.block .about a {
  font-weight: bold;
  text-decoration: underline;
}
section#program .secInner ul li.block .about p.label {
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 140%;
  color: #D29C08;
  position: relative;
}
section#program .secInner ul li.block .about p.label:after {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background: url("https://www.skillupai.com/intern-program-2022/assets/images/title_deco.svg") left 50%/contain no-repeat;
  margin-top: 1.8rem;
}
section#program .secInner ul li.block .about p.txt {
  margin-top: 2rem;
}
section#program .secInner ul li.block .about p.note {
  margin-top: 1rem;
  color: #666;
  font-size: 0.875em;
}
section#program .secInner ul li.block .about p.note a {
  color: #2F80ED;
}

/*============================
#flow
============================*/
section#flow {
  padding: 12rem 0;
  background: #FBFCFF url("https://www.skillupai.com/intern-program-2022/assets/images/bg_net_light_pc.svg") 50% 10.8rem/contain no-repeat;
}
section#flow .secInner ul.flow {
  margin-top: 4.8rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  font-weight: 600;
}
section#flow .secInner ul.flow .arrow {
  width: 100%;
  display: flex;
  align-items: stretch;
  font-size: 1.8rem;
  color: #666;
  min-height: 4.8rem;
}
section#flow .secInner ul.flow .arrow:before {
  content: "";
  background: url("https://www.skillupai.com/intern-program-2022/assets/images/flow_arrow.svg") 50% bottom/100% auto no-repeat;
  display: block;
  width: 2.4rem;
  margin-left: 50%;
}
section#flow .secInner ul.flow .arrow span {
  margin-left: 0.9rem;
  align-self: flex-end;
  padding-bottom: 1.2rem;
}
section#flow .secInner ul.flow .arrow.left:before {
  margin-left: 7rem;
}
section#flow .secInner ul.flow .half {
  width: 48.7364620939%;
}
section#flow .secInner ul.flow .spacer {
  display: block;
  min-height: 4.8rem;
}
section#flow .secInner ul.flow li {
  width: 100%;
  min-height: 7.2rem;
  background: #FFFDF8;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 1.2rem;
  display: flex;
  align-items: center;
}
section#flow .secInner ul.flow li .date {
  background: url("https://www.skillupai.com/intern-program-2022/assets/images/flow_date.svg") right 50%/cover no-repeat;
  width: 19.4rem;
  align-self: stretch;
  font-size: 1.7rem;
  line-height: 150%;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 1.2rem;
  margin: -1px;
  padding: 0.75em 0;
  padding-left: 0.75em;
  border-right: #FFFDF8 solid 1px;
}
section#flow .secInner ul.flow li .date.center {
  align-items: center;
  padding-right: 1.5em;
}
section#flow .secInner ul.flow li .date del {
  text-decoration: line-through;
}
section#flow .secInner ul.flow li .txt {
  padding: 1rem 2.3rem;
  font-size: 2.2rem;
  line-height: 120%;
}
section#flow .secInner ul.flow li .txt .deadline {
  font-size: 1.6rem;
  line-height: 1.2;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
section#flow .secInner ul.flow li .txt .deadline .label {
  line-height: 1.8125;
  padding: 0.5rem 0;
}
section#flow .secInner ul.flow li .txt .deadline .term {
  margin-left: 0.8rem;
}
section#flow .secInner ul.flow li .txt dl {
  font-size: 1.6rem;
  line-height: 1.2;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
section#flow .secInner ul.flow li .txt dl dt {
  line-height: 120%;
  padding: 0.5rem 0;
}
section#flow .secInner ul.flow li .txt dl dd {
  margin-left: 0.8rem;
  background: #D29C08;
  border-radius: 2rem;
  line-height: 120%;
  text-align: center;
  color: #FFFFFF;
  padding: 0.5rem 1.6em;
  min-width: 11em;
}

/*============================
#QA
============================*/
section#qa {
  padding: 12rem 0;
  background: url("https://www.skillupai.com/intern-program-2022/assets/images/bg_net_pc.svg") 50% 10.8rem/contain no-repeat;
}
section#qa .secInner ul li {
  background: #FBFCFF;
  border: 1px solid #CCCCCC;
  box-sizing: border-box;
  border-radius: 1.2rem;
  margin-top: 4.8rem;
  padding: 0 6rem;
}
section#qa .secInner ul li .question {
  padding: 2.4rem 0;
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 140%;
  color: #D29C08;
  display: flex;
  align-items: center;
  cursor: pointer;
}
section#qa .secInner ul li .question i {
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  background: #D29C08;
  border-radius: 100%;
  margin-right: 1.5rem;
  position: relative;
  flex-shrink: 0;
}
section#qa .secInner ul li .question i:before, section#qa .secInner ul li .question i:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.4rem;
  height: 0.3rem;
  border-radius: 0.3rem;
  background: #fff;
  transition: all 0.4s ease;
}
section#qa .secInner ul li .question i:after {
  transform: translate(-50%, -50%) rotate(-90deg);
}
section#qa .secInner ul li .question p {
  flex: 1;
}
section#qa .secInner ul li .question.open i:after {
  transform: translate(-50%, -50%) rotate(0deg);
}
section#qa .secInner ul li .answer {
  display: none;
  padding: 2.4rem 0 5rem;
}
section#qa .secInner ul li .answer.opened {
  display: block;
}

/*============================
#detail
============================*/
section#detail {
  padding: 12rem 0;
  background: #FBFCFF url("https://www.skillupai.com/intern-program-2022/assets/images/bg_net_light_pc.svg") 50% 10.8rem/contain no-repeat;
}
section#detail .secInner table.dateil_table {
  margin-top: 4.8rem;
  width: 100%;
  border-bottom: #ccc solid 1px;
}
section#detail .secInner table.dateil_table tbody tr th {
  background: #5E8DFE;
  border-top: #ccc solid 1px;
  vertical-align: middle;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 140%;
  color: #FFFFFF;
  padding: 2.8rem;
  width: 19rem;
}
section#detail .secInner table.dateil_table tbody tr td {
  border-right: #ccc solid 1px;
  border-top: #ccc solid 1px;
  background: #fff;
  padding: 2.8rem;
}
section#detail .secInner table.dateil_table tbody tr td ul li {
  display: flex;
  align-items: flex-start;
}
section#detail .secInner table.dateil_table tbody tr td ul li:before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 1rem;
  background: #D29C08;
  border-radius: 100%;
  position: relative;
  top: 0.9rem;
  flex-shrink: 0;
}
section#detail .secInner table.dateil_table tbody tr td ul li p {
  flex: 1;
}
section#detail .secInner table.dateil_table tbody tr td ul li a {
  font-weight: bold;
  text-decoration: underline;
}

/*============================
#footer
============================*/
footer#footer {
  background: #001B5E;
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer#footer .footerInner {
  width: 91.4666666667%;
  max-width: 1108px;
  display: flex;
  justify-content: space-between;
  padding: 4rem 0;
  align-items: center;
  color: #fff;
}
footer#footer .footerInner ul.menu {
  display: flex;
  justify-content: flex-end;
  font-size: 1.4rem;
  line-height: 1.5;
}
footer#footer .footerInner ul.menu li {
  margin-left: 3rem;
}
.mod-float {
  background: #000;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
}
.mod-float.active .modInner {
  transform: translateY(-100%);
}
.mod-float .modInner {
  position: relative;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.6rem;
  transition: transform 0.6s ease;
}
.mod-float .modInner a.btn {
  display: block;
  font-weight: 600;
  font-size: 1.8rem;
  color: #fff;
  line-height: 160%;
  padding: 1.4rem;
  width: 41rem;
  text-align: center;
  background: linear-gradient(97.8deg, #5EBBFF 0%, #5E8BFF 100%);
  border-radius: 60px;
  position: relative;
  overflow: hidden;
}
.mod-float .modInner a.btn span {
  position: relative;
  z-index: 2;
}
.mod-float .modInner a.btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  background: #D29C08;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  .mod-float .modInner a.btn:hover:before {
    opacity: 1;
  }
}

@media (min-width: 1501px) {
  html {
    font-size: 10px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  html {
    font-size: 0.78125vw;
  }
}
@media (min-width: 961px) {
  .forSP {
    display: none !important;
  }
}
@media (min-width: 751px) and (max-width: 960px) {
  html {
    font-size: 1.5625vw;
  }
}
@media (max-width: 750px) {
  html {
    font-size: 2.6666666667vw;
  }
}
@media (max-width: 960px) {
  .forPC {
    display: none !important;
  }

  /*============================
  #header
  ============================*/
  header#header {
    font-size: 1.6rem;
  }
  header#header .headerInner {
    /*============================
    #menu
    ============================*/
  }
  header#header .headerInner a.toggle_menu {
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    position: relative;
  }
  header#header .headerInner a.toggle_menu span, header#header .headerInner a.toggle_menu:before, header#header .headerInner a.toggle_menu:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3.2rem;
    height: 0.2rem;
    border-radius: 0.2rem;
    background: #333;
  }
  header#header .headerInner a.toggle_menu:before {
    margin-top: -1.1rem;
  }
  header#header .headerInner a.toggle_menu:after {
    margin-top: 1.1rem;
  }
  header#header .headerInner #menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    transition: all 0.4s ease;
  }
  header#header .headerInner #menu.open {
    opacity: 1;
    pointer-events: auto;
  }
  header#header .headerInner #menu.open .menu_inner {
    transform: translateX(0);
  }
  header#header .headerInner #menu > a.close {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
  header#header .headerInner #menu .menu_inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: #fff;
    width: 30rem;
    display: flex;
    flex-direction: column;
    font-weight: 600;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
    transform: translateX(100%);
    transition: transform 0.4s ease;
  }
  header#header .headerInner #menu .menu_inner:before {
    content: "MENU";
    display: block;
    height: 6.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
    font-size: 2.8rem;
    line-height: 140%;
    text-align: center;
  }
  header#header .headerInner #menu .menu_inner ul {
    display: block;
    justify-content: flex-end;
    flex-shrink: 0;
    border-bottom: #ccc solid 1px;
  }
  header#header .headerInner #menu .menu_inner ul li {
    margin-left: 0;
    height: 5.6rem;
    border-top: #ccc solid 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 160%;
  }
  header#header .headerInner #menu .menu_inner a.close {
    position: absolute;
    top: 1.5rem;
    right: 1rem;
    width: 3.2rem;
    height: 3.2rem;
  }
  header#header .headerInner #menu .menu_inner a.close:before, header#header .headerInner #menu .menu_inner a.close:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 3.2rem;
    height: 0.2rem;
    border-radius: 0.2rem;
    background: #333;
  }
  header#header .headerInner #menu .menu_inner a.close:after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  /*============================
  #kv
  ============================*/
  section#kv {
    background: url("https://www.skillupai.com/intern-program-2022/assets/images/kv_bg_sp.svg") 50% bottom/cover no-repeat;
  }
  section#kv .secInner {
    display: block;
    min-height: 186.6666666667vw;
  }
  section#kv .secInner .introduction {
    padding: 24vw 0 117.3333333333vw;
    max-width: none;
  }
  section#kv .secInner .introduction .term {
    font-size: 5.8666666667vw;
    line-height: 1.8181818182;
    padding-left: 0.5em;
    margin-bottom: 4vw;
  }
  section#kv .secInner .introduction .img {
    width: 35%;
    margin-bottom: 4vw;
  }
  section#kv .secInner .introduction h2.tit {
    font-size: 6.6666666667vw;
    text-align: left;
  }
  section#kv .secInner .introduction .period {
    font-size: 5.3333333333vw;
  }
  section#kv .secInner .introduction p {
    margin-top: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
  section#kv .secInner .visual {
    width: 98.4vw;
    height: 98.4vw;
    right: -22.6666666667vw;
    top: auto;
    bottom: 15vw;
  }
  section#kv .secInner .visual img {
    width: 202.6666666667vw;
    right: -14.1333333333vw;
    top: -1.3333333333vw;
  }
  section#kv .secInner .visual:before {
    display: none;
  }

  /*============================
  #overview
  ============================*/
  section#overview {
    padding: 7.65rem 0 12rem;
  }
  section#overview .secInner .block.lead {
    margin-top: 3.4rem;
  }

  /*============================
  #significance
  ============================*/
  section#significance {
    padding: 8rem 0;
  }
  section#significance .secInner {
    width: 100%;
  }
  section#significance .secInner ul {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  section#significance .secInner li.block {
    margin-top: 4rem;
    padding: 3rem 2.9rem;
    width: 91.4666666667%;
  }
  section#significance .secInner li.block .about p.txt {
    margin-top: 1.8rem;
  }
  section#significance .secInner li.block.wide {
    width: 100%;
    padding: 3rem 1.5rem;
    border-radius: 0;
  }
  /*============================
  #program
  ============================*/
  section#program {
    padding: 8rem 0;
    background: url("https://www.skillupai.com/intern-program-2022/assets/images/bg_net_sp.svg") 50% 4rem/contain no-repeat;
  }
  section#program .secInner h2.tit {
    margin: 0 -1.5rem;
  }
  section#program .secInner ul li.block {
    padding: 3rem;
    border-radius: 4rem;
    display: block;
  }
  section#program .secInner ul li.block:nth-child(2n) .img {
    margin-left: 0;
    margin-right: 0;
  }
  section#program .secInner ul li.block .img {
    width: 100%;
    margin-right: 0;
  }
  section#program .secInner ul li.block .about {
    margin-top: 1.8rem;
  }
  section#program .secInner ul li.block .about p.txt {
    margin-top: 2rem;
  }
  /*============================
  #flow
  ============================*/
  section#flow {
    padding: 8rem 0;
    background: #FBFCFF url("https://www.skillupai.com/intern-program-2022/assets/images/bg_net_light_sp.svg") 50% 4rem/contain no-repeat;
  }
  section#flow .secInner ul.flow {
    margin-top: 4.6rem;
  }
  section#flow .secInner ul.flow .arrow {
    min-height: 4.6rem;
  }
  section#flow .secInner ul.flow .arrow:before {
    margin-left: 46%;
  }
  section#flow .secInner ul.flow .arrow span {
    margin-left: 0.9rem;
    align-self: flex-end;
    padding-bottom: 1.2rem;
  }
  section#flow .secInner ul.flow .arrow.long span {
    align-self: center;
  }
  section#flow .secInner ul.flow .arrow.long:before {
    margin-left: 1rem;
  }
  section#flow .secInner ul.flow .arrow.left:before {
    margin-left: 7rem;
  }
  section#flow .secInner ul.flow .arrow.spleft:before {
    margin-left: 1rem;
  }
  section#flow .secInner ul.flow .arrow.half {
    width: 29.4460641399%;
  }
  section#flow .secInner ul.flow .half {
    width: 70.5539358601%;
  }
  section#flow .secInner ul.flow .spacer {
    min-height: 4.6rem;
  }
  section#flow .secInner ul.flow li {
    padding: 2rem 2rem 0;
    min-height: 0;
    display: block;
  }
  section#flow .secInner ul.flow li .date {
    background: #D29C08;
    width: 100%;
    margin: 0;
    min-height: 4.1rem;
    padding: 0.5em 0;
    align-items: center;
  }
  section#flow .secInner ul.flow li .date.center {
    padding: 0.5em 0;
  }
  section#flow .secInner ul.flow li .txt {
    padding: 1.4rem 0;
    text-align: center;
    line-height: 1.3;
  }
  section#flow .secInner ul.flow li .txt .deadline .label {
    width: 100%;
    text-align: left;
  }
  section#flow .secInner ul.flow li .txt .deadline .terms {
    width: 100%;
  }
  section#flow .secInner ul.flow li .txt .deadline .term {
    margin-left: 0.8rem;
  }
  section#flow .secInner ul.flow li .txt dl {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0.5rem;
    width: 100%;
  }
  section#flow .secInner ul.flow li .txt dl dd {
    width: 100%;
    margin-left: 0;
    margin-bottom: 0.75rem;
  }

  /*============================
  #QA
  ============================*/
  section#qa {
    padding: 8rem 0;
    background: url("https://www.skillupai.com/intern-program-2022/assets/images/bg_net_sp.svg") 50% 4rem/contain no-repeat;
  }
  section#qa .secInner ul li {
    margin-top: 3rem;
    padding: 0 2rem;
  }
  section#qa .secInner ul li:first-child {
    margin-top: 4.6rem;
  }
  section#qa .secInner ul li .question {
    padding: 1.4rem 0;
  }
  section#qa .secInner ul li .question i {
    margin-right: 1rem;
    position: relative;
  }
  section#qa .secInner ul li .answer {
    border-top: #ccc solid 1px;
    padding: 1.4rem 0 2rem;
  }

  /*============================
  #detail
  ============================*/
  section#detail {
    padding: 8rem 0;
    background: #FBFCFF url("https://www.skillupai.com/intern-program-2022/assets/images/bg_net_light_sp.svg") 50% 4rem/contain no-repeat;
  }
  section#detail .secInner table.dateil_table {
    display: block;
    margin-top: 3.6rem;
    border-bottom: #ccc solid 1px;
    border-left: #ccc solid 1px;
    border-right: #ccc solid 1px;
  }
  section#detail .secInner table.dateil_table tbody {
    display: block;
  }
  section#detail .secInner table.dateil_table tbody tr {
    display: block;
  }
  section#detail .secInner table.dateil_table tbody tr th {
    display: block;
    border-top: none;
    padding: 1.3rem 1.9rem;
    width: 100%;
  }
  section#detail .secInner table.dateil_table tbody tr td {
    display: block;
    border-right: none;
    border-top: none;
    padding: 1.3rem 1.9rem;
  }
  /*============================
  #footer
  ============================*/
  footer#footer {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  footer#footer .footerInner {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 4rem 2rem;
  }
  footer#footer .footerInner .logo {
    margin-bottom: 2rem;
  }
  footer#footer .footerInner ul.menu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  footer#footer .footerInner ul.menu li {
    margin: 0.75rem 1rem;
  }
  .mod-float .modInner a.btn {
    width: 100%;
  }
}