@import './header.css';

/* ToDo: ページ固有。未使用ページでも読まれる */
@import '../components/kv-top.css';
@import '../components/reason-top.css';

@import '../components/cta-closest-kv.css';
@import '../components/carousel-achievement.css';
@import '../components/floating-cta.css';
@import '../components/carousel-media-info.css';
@import '../components/reward.css';
@import '../components/company-logos.css';
@import '../components/innovation-lead.css';
@import '../components/competition.css';
@import '../components/whynow-top.css';
@import '../components/what-we-can.css';
@import '../components/feature.css';
@import '../components/learning-flow.css';
@import '../components/users-voice.css';
@import '../components/before-after.css';
@import '../components/plus-a.css';
@import '../components/plan.css';
@import '../components/cta.css';
@import '../components/comparison-chart.css';
@import '../components/curriculum.css';
@import '../components/supervisor.css';
@import '../components/seminar.css';
@import '../components/service-flow.css';
@import '../components/seminar-form.css';
@import '../components/subscribe-form.css';
@import '../components/faq.css';
@import './footer.css';

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}

html {
  scroll-padding-top: 80px;
  scroll-behavior: smooth;
  @media (max-width: 768px) {
    scroll-padding-top: 48px;
  }
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  overflow-x: clip;
}

a {
  color: inherit;
  text-decoration: none;
}

i {
  font-style: normal;
}

strong {
  font-weight: inherit;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

button {
  background: none;
  border: none;
  cursor: pointer;
}

ul, ol {
  list-style: none;
}

picture,
source {
  display: contents;
}

.dmm-header {
  display: none;
  overflow-x: scroll;
}

.max768\:visible {
  display: none!important;
  @media (max-width: 768px) {
    display: block!important;
  }
}

.min769\:visible {
  display: none!important;
  @media (min-width: 769px) {
    display: block!important;
  }
}