@charset "UTF-8";
/*メイン*/ /*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
  text-decoration: none; /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

@media screen and (min-width: 768px) {
  a:active,
a:hover {
    outline-width: 0; /* Remove the outline when hovering in all browsers */
  }
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic; /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number] {
  width: auto; /* Firefox 36+ */
}

[type=search] {
  -webkit-appearance: textfield; /* Safari 8+ */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Safari 8 */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  color: inherit;
}

/* Style select like a standard input */
select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

[type=search] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden; /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

* {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  padding: 0;
  margin: 0;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.6;
  font-size: 1.5rem;
  color: #333333;
}

main {
  position: relative;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
  transition: color 0.3s, background 0.3s, border 0.3s;
}

dl, ol, ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

.container {
  width: 100%;
  padding: 0 15px;
  max-width: 1054px;
  margin: auto;
}
@media screen and (min-width: 992px) {
  .container {
    padding: 0 60px;
    max-width: 1194px;
  }
}

/*ボーダー*/
.borderline {
  width: 100%;
  height: 1px;
  background: #333333;
  margin: 0 0 22px;
}

.pagelink {
  padding-bottom: 490px;
}

/*404*/
.sectionError {
  padding: 60px 0;
}
@media screen and (min-width: 768px) {
  .sectionError {
    padding: 120px 0;
  }
}

.error404 {
  text-align: center;
  margin: 0 0 30px;
  font-size: 4rem;
  line-height: 1.2;
}
.error404 span {
  display: inline-block;
  font-size: 2rem;
}

/*===========================
本文
===========================*/
.text {
  margin: 0 0 33px;
}
.text p {
  margin: 0 0 33px;
}
.text p:last-child {
  margin: 0;
}

.textLink {
  text-decoration: underline;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.textLink:hover {
  opacity: 0.7;
}

/*===========================
大見出し1
===========================*/
.largeHeadline01 {
  text-align: center;
  margin: 0 0 30px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .largeHeadline01 {
    margin: 0 0 50px;
  }
}
.largeHeadline01 .main_text {
  display: inline-block;
  line-height: 1.4;
  margin: 0 0 10px;
  font-size: 6vw;
  font-family: "Noto Serif JP", serif;
  color: #1A283E;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .largeHeadline01 .main_text {
    font-size: 4rem;
  }
}
.largeHeadline01 .main_text::before {
  content: "";
  display: inline-block;
  background: url(../../../img/lp/medical-aiq20230228/icon_headline.svg) no-repeat center center;
  background-size: 100% auto;
  width: 38px;
  height: 38px;
  position: absolute;
  z-index: -1;
  top: -7px;
  left: -13px;
}
.largeHeadline01 .sub_text {
  display: block;
  font-size: 1.3rem;
  font-family: "Roboto", sans-serif;
  color: #113778;
  letter-spacing: 3px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .largeHeadline01 .sub_text {
    font-size: 1.5rem;
  }
}

/*===========================
中見出し1
===========================*/
.mediumHeadline01 {
  text-align: center;
  margin: 0 0 20px;
}
@media screen and (min-width: 768px) {
  .mediumHeadline01 {
    margin: 0 0 40px;
  }
}
.mediumHeadline01 .sub_text {
  display: inline-block;
  padding: 2px 15px;
  background: #AE1825;
  color: #FFFFFF;
  font-size: 1.8rem;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  margin: 0 0 10px;
}
@media screen and (min-width: 768px) {
  .mediumHeadline01 .sub_text {
    font-size: 2.2rem;
  }
}
.mediumHeadline01 .main_text {
  display: inline-block;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 2.2rem;
  border-bottom: 2px solid #AE1825;
  color: #AE1825;
}
@media screen and (min-width: 768px) {
  .mediumHeadline01 .main_text {
    font-size: 3rem;
  }
}

.largeHeadline02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-contnet: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin: 0 auto 30px;
}
.largeHeadline02 .main_text {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 2.2rem;
  margin: 0 15px;
  line-height: 1.4;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .largeHeadline02 .main_text {
    font-size: 3rem;
  }
}
.largeHeadline02 .border {
  width: 100%;
  position: relative;
  height: 1px;
  background: #C1C1C1;
}
.largeHeadline02 .border.border_left::before {
  content: "";
  display: block;
  width: 25%;
  height: 1px;
  margin: 0 0 0 auto;
  background: #AE1825;
}
.largeHeadline02 .border.border_right::before {
  content: "";
  display: block;
  width: 25%;
  height: 1px;
  margin: 0;
  background: #AE1825;
}

/*===========================
中見出し2
===========================*/
.mediumHeadline02 {
  margin: 0 0 20px;
  text-align: center;
}
.mediumHeadline02 .main_text {
  display: inline-block;
  line-height: 1.4;
  margin: 0 0 5px;
  font-size: 3.8vw;
  border-bottom: 1px solid #215374;
  color: #113778;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  padding: 0 0 4px;
}
@media screen and (min-width: 768px) {
  .mediumHeadline02 .main_text {
    font-size: 3rem;
    margin: 0 0 10px;
    border-bottom: 2px solid #215374;
    padding: 0 0 9px;
  }
}

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

.img {
  text-align: center;
  margin: 0 0 40px;
  line-height: 1;
}

main {
  padding: 48px 0 0;
}
@media screen and (min-width: 768px) {
  main {
    padding: 64px 0 0;
  }
}

.pageLink {
  padding-top: 40px;
  margin-top: -40px;
}
@media screen and (min-width: 768px) {
  .pageLink {
    padding-top: 64px;
    margin-top: -64px;
  }
} /*============================================

■ヘッダー

============================================*/
.headerSection {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #FFFFFF;
  z-index: 5;
  border-bottom: 1px solid #C1C1C1;
}
@media screen and (min-width: 768px) {
  .headerSection {
    border-bottom: none;
  }
}

/*パソコン用*/
.headerPC {
  display: none;
}
@media screen and (min-width: 768px) {
  .headerPC {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .headerPC .headerPCWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-contente: space-between;
  }
}
.headerPC .headerPCWrap .headerPC__left {
  width: 100%;
  padding: 5px 0 0 15px;
}
@media screen and (min-width: 768px) {
  .headerPC .headerPCWrap .headerPC__left {
    max-width: 200px;
    padding-top: 0px;
  }
}
@media screen and (min-width: 1200px) {
  .headerPC .headerPCWrap .headerPC__left {
    max-width: 267px;
    padding-top: 5px;
  }
}
@media screen and (min-width: 1400px) {
  .headerPC .headerPCWrap .headerPC__left {
    max-width: 367px;
    padding-top: 5px;
  }
}
.headerPC .headerPCWrap .headerPC__left .headerLogo {
  line-height: 1;
}
.headerPC .headerPCWrap .headerPC__center {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .headerPC .headerPCWrap .headerPC__center {
    margin: 0 0 0 auto;
    max-width: 1080px;
  }
}
.headerPC .headerPCWrap .headerPC__center .headerNav {
  text-align: right;
}
.headerPC .headerPCWrap .headerPC__center .headerNav li {
  display: inline-block;
  font-family: "Noto Serif JP", serif;
  font-weight: normal;
}
.headerPC .headerPCWrap .headerPC__center .headerNav li a {
  display: inline-block;
  padding: 5px 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 1.2rem;
}
@media screen and (min-width: 1200px) {
  .headerPC .headerPCWrap .headerPC__center .headerNav li a {
    padding: 5px 10px;
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1400px) {
  .headerPC .headerPCWrap .headerPC__center .headerNav li a {
    padding: 5px 10px;
    font-size: 0.9vw;
  }
}
@media screen and (min-width: 1921px) {
  .headerPC .headerPCWrap .headerPC__center .headerNav li a {
    padding: 5px 20px;
    font-size: 1.5rem;
  }
}
.headerPC .headerPCWrap .headerPC__center .headerNav li a.blank {
  border-left: 1px solid #C1C1C1;
  padding: 5px 20px 5px 18px;
  margin: 0 20px 0 0;
  background: url(../../../img/lp/medical-aiq20230228/icon_link.svg) no-repeat center right;
}
@media screen and (min-width: 1400px) {
  .headerPC .headerPCWrap .headerPC__center .headerNav li a.blank {
    padding: 5px 20px;
    margin: 0 20px 0 10px;
  }
}
@media screen and (min-width: 1921px) {
  .headerPC .headerPCWrap .headerPC__center .headerNav li a.blank {
    padding: 5px 18px 5px 40px;
    margin: 0 40px 0 20px;
  }
}
.headerPC .headerPCWrap .headerPC__center .headerNav li a:hover {
  opacity: 0.7;
}
.headerPC .headerPCWrap .headerPC__right {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .headerPC .headerPCWrap .headerPC__right {
    max-width: 105px;
  }
}
@media screen and (min-width: 1400px) {
  .headerPC .headerPCWrap .headerPC__right {
    max-width: 205px;
  }
}
.headerPC .headerPCWrap .headerPC__right .headerEntry {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 522px;
  padding: 22px 0;
  text-align: center;
}
.headerPC .headerPCWrap .headerPC__right .headerEntry span {
  color: #FFFFFF;
  font-family: "Noto Serif JP", serif;
  font-weight: normal;
  position: relative;
  z-index: 3;
}
.headerPC .headerPCWrap .headerPC__right .headerEntry span.icon {
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 12px;
  height: 12px;
  background: url(../../../img/lp/medical-aiq20230228/icon_link02.svg) no-repeat center center;
  background-size: 100% auto;
}
.headerPC .headerPCWrap .headerPC__right .headerEntry span.main_text {
  display: block;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  .headerPC .headerPCWrap .headerPC__right .headerEntry span.main_text {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1400px) {
  .headerPC .headerPCWrap .headerPC__right .headerEntry span.main_text {
    font-size: 1.6rem;
  }
}
.headerPC .headerPCWrap .headerPC__right .headerEntry span.main_text img {
  display: inline-block;
  margin: 0 7px 0 0;
  vertical-align: sub;
}
.headerPC .headerPCWrap .headerPC__right .headerEntry::before {
  content: "";
  display: block;
  background: rgb(162, 15, 30);
  background: -webkit-gradient(linear, left top, right top, from(rgb(162, 15, 30)), to(rgb(201, 24, 30)));
  background: linear-gradient(90deg, rgb(162, 15, 30) 0%, rgb(201, 24, 30) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.headerPC .headerPCWrap .headerPC__right .headerEntry::after {
  content: "";
  display: block;
  background: #AE1825;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.headerPC .headerPCWrap .headerPC__right .headerEntry:hover::before {
  opacity: 0;
}

/*スマートフォン用*/
.headerSP {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  /* style.css */
  /* ハンバーガーメニュー */
  /* ハンバーガーメニュークリック後のスタイル */
}
@media screen and (min-width: 768px) {
  .headerSP {
    display: none;
  }
}
.headerSP .headerLogo {
  width: 100%;
  max-width: 200px;
  margin: 0 30px 0 0;
}
.headerSP .header__nav {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background-color: #fff;
  -webkit-transition: ease 0.4s;
  transition: ease 0.4s;
}
@media screen and (min-width: 768px) {
  .headerSP .header__nav {
    position: static;
    -webkit-transform: initial;
            transform: initial;
    background-color: inherit;
    height: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    width: 50%;
  }
}
.headerSP .nav-items {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 0;
  width: calc(100% - 50px);
}
@media screen and (min-width: 768px) {
  .headerSP .nav-items {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: initial;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: inherit;
    padding-bottom: inherit;
    position: inherit;
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.headerSP .nav-items__item a {
  color: black;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 1.7rem;
  padding: 0 0 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #C1C1C1;
}
.headerSP .nav-items__item:last-child a {
  margin-bottom: 0;
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  .headerSP .nav-items__item:last-child a {
    margin-bottom: 0;
  }
}
.headerSP .header__hamburger {
  width: 38px;
  height: 38px;
}
.headerSP .header__hamburger::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0);
}
.headerSP .hamburger {
  background-color: transparent;
  border-color: transparent;
  z-index: 9999;
}
.headerSP .hamburger span {
  width: 100%;
  height: 3px;
  background-color: #000;
  position: relative;
  -webkit-transition: ease 0.2s;
  transition: ease 0.2s;
  display: block;
  z-index: 1;
}
.headerSP .hamburger span:nth-child(1) {
  top: 0;
}
.headerSP .hamburger span:nth-child(2) {
  margin: 8px 0;
}
.headerSP .hamburger span:nth-child(3) {
  top: 0;
}
.headerSP .hamburger.active span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.headerSP .hamburger.active span:nth-child(2) {
  opacity: 0;
}
.headerSP .hamburger.active span:nth-child(3) {
  top: -13px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.headerSP .header__nav.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

/*============================================

■メインビジュアル

============================================*/
.mainvisualSection img {
  width: 100%;
  max-width: 100%;
  line-height: 1;
  vertical-align: bottom;
}

/*============================================

■スタートダッシュ

============================================*/
.startSection {
  background: #F4F8FB;
  border-bottom: 2px solid #B79876;
  overflow: hidden;
}
.startSection.startSection02 {
  background: none;
}

.startWrap {
  padding: 50px 0 20px;
}
@media screen and (min-width: 768px) {
  .startWrap {
    padding: 57px 0 27px;
  }
}

.startRead {
  background: #1A283E;
  text-align: center;
  padding: 15px 15px 10px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .startRead {
    padding: 15px 15px;
  }
}
.startRead .el_text {
  display: inline-block;
  color: #FFFFFF;
  font-family: "Noto Serif JP", serif;
  font-size: 4vw;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .startRead .el_text {
    font-size: 2rem;
    letter-spacing: 3px;
  }
}
@media screen and (min-width: 1200px) {
  .startRead .el_text {
    font-size: 3rem;
  }
}

.startText01 {
  font-family: "Noto Serif JP", serif;
  margin: 0 0 19px;
  text-align: center;
  color: #1E2530;
}
.startText01 .sub_text {
  display: block;
  font-weight: 300;
  font-size: 3vw;
}
@media screen and (min-width: 768px) {
  .startText01 .sub_text {
    font-size: 2.1rem;
  }
}
.startText01 .main_text {
  display: inline-block;
  font-weight: 600;
  line-height: 1.4;
  font-size: 6vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  .startText01 .main_text {
    font-size: 4.2rem;
  }
}
@media screen and (min-width: 768px) {
  .startText01 .main_text .el_space {
    display: inline-block;
    position: relative;
    left: -22px;
  }
}
.startText01 .main_text .el_img {
  display: inline-block;
  margin: 15px 0 0;
}
@media screen and (min-width: 768px) {
  .startText01 .main_text .el_img {
    position: absolute;
    top: -50px;
    right: -130px;
    margin: 0;
  }
}

.startImg {
  margin: 0 0 26px;
}

.startText02 {
  margin: 0 0 21px;
  text-align: center;
}
.startText02 .sub_text {
  display: block;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 4.1vw;
  margin: 0 0 11px;
}
@media screen and (min-width: 768px) {
  .startText02 .sub_text {
    font-size: 2rem;
  }
}
.startText02 .main_text {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
  .startText02 .main_text {
    font-size: 1.5rem;
  }
}

.startBtn {
  margin: 0 0 30px;
  text-align: center;
}
.startBtn a {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 522px;
  padding: 15px;
  text-align: center;
}
.startBtn a span {
  color: #FFFFFF;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  position: relative;
  z-index: 3;
}
.startBtn a span.icon {
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 12px;
  height: 12px;
  background: url(../../../img/lp/medical-aiq20230228/icon_link02.svg) no-repeat center center;
  background-size: 100% auto;
}
.startBtn a span.sub_text {
  display: block;
  font-size: 1.5rem;
  letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
  .startBtn a span.sub_text {
    font-size: 1.5rem;
  }
}
.startBtn a span.main_text {
  display: block;
  font-size: 2rem;
  letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
  .startBtn a span.main_text {
    font-size: 2.4rem;
  }
}
.startBtn a span.main_text img {
  display: inline-block;
  margin: 0 7px 0 0;
}
.startBtn a::before {
  content: "";
  display: block;
  background: rgb(162, 15, 30);
  background: -webkit-gradient(linear, left top, right top, from(rgb(162, 15, 30)), to(rgb(201, 24, 30)));
  background: linear-gradient(90deg, rgb(162, 15, 30) 0%, rgb(201, 24, 30) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.startBtn a::after {
  content: "";
  display: block;
  background: #AE1825;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.startBtn a:hover::before {
  opacity: 0;
}

/*============================================

■メディカルアイキュー予備校について

============================================*/
.aboutSection {
  padding: 50px 0 0;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .aboutSection {
    padding: 105px 0 20px;
  }
}

.aboutText01 {
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  margin: 0 0 20px;
}
.aboutText01 .sub_text01 {
  display: block;
  font-size: 1.5rem;
  margin: 0 0 8px;
}
@media screen and (min-width: 768px) {
  .aboutText01 .sub_text01 {
    font-size: 2.2rem;
    margin: 0 0 2px;
  }
}
.aboutText01 .main_text {
  display: block;
  color: #113778;
  font-size: 4.6vw;
  line-height: 1.4;
  margin: 0 0 8px;
}
@media screen and (min-width: 768px) {
  .aboutText01 .main_text {
    font-size: 4rem;
  }
}
.aboutText01 .sub_text02 {
  display: block;
  color: #113778;
  font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
  .aboutText01 .sub_text02 {
    font-size: 2.2rem;
  }
}

.aboutText02 {
  text-align: left;
  margin: 0 0 47px;
}
@media screen and (min-width: 768px) {
  .aboutText02 {
    text-align: center;
  }
}

@media screen and (min-width: 992px) {
  .aboutWrap {
    padding: 37px 0 0;
  }
}

.aboutItem {
  padding: 30px 0 0;
  margin: 0 0 30px;
}
@media screen and (min-width: 992px) {
  .aboutItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin: 0 0 67px;
  }
}
.aboutItem .aboutItem__left {
  width: 100%;
  position: relative;
  margin: 0 0 15px;
}
@media screen and (min-width: 992px) {
  .aboutItem .aboutItem__left {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    max-width: 511px;
    margin: 0 0 0 50px;
  }
}
.aboutItem .aboutItem__left .img {
  margin: 0;
}
.aboutItem .aboutItem__right {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .aboutItem .aboutItem__right {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (min-width: 992px) {
  .aboutItem.aboutItem--reversible .aboutItem__left {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: 0 50px 0 0;
  }
}
@media screen and (min-width: 992px) {
  .aboutItem.aboutItem--reversible .aboutItem__right {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.aboutNum {
  position: absolute;
  z-index: 1;
  top: -30px;
  left: 15px;
  max-width: 60px;
}
@media screen and (min-width: 768px) {
  .aboutNum {
    max-width: 75px;
  }
}

.aboutHeadline .main_text {
  display: block;
  font-family: "Noto Serif JP", serif;
  line-height: 1.4;
  font-size: 5vw;
  font-weight: 600;
  margin: 0 0 15px;
  color: #07162D;
}
@media screen and (min-width: 768px) {
  .aboutHeadline .main_text {
    font-size: 3.4rem;
    margin: 0 0 24px;
  }
}
.aboutHeadline .sub_text {
  display: block;
  font-weight: bold;
  font-size: 1.5rem;
  color: #113778;
  margin: 0 0 21px;
}
@media screen and (min-width: 768px) {
  .aboutHeadline .sub_text {
    font-size: 1.9rem;
  }
}

/*============================================

■合格メソッド

============================================*/
.methodSection {
  padding: 50px 0 20px;
  overflow: hidden;
  background: url(../../../img/lp/medical-aiq20230228/bg_method.jpg) no-repeat center center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .methodSection {
    padding: 105px 0 75px;
  }
}

.methodText01 {
  text-align: left;
  margin: 0 0 30px;
}
@media screen and (min-width: 992px) {
  .methodText01 {
    text-align: center;
    margin: 0 0 67px;
  }
}

@media screen and (min-width: 992px) {
  .methodWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.methodWrap .methodWrap__left {
  width: 100%;
  margin: 0 0 40px;
}
@media screen and (min-width: 992px) {
  .methodWrap .methodWrap__left {
    max-width: 507px;
    margin: 0 41px 0 0;
  }
}
.methodWrap .methodWrap__left .img {
  margin: 0;
}
.methodWrap .methodWrap__right {
  width: 100%;
}
.methodItem {
  background: #FFFFFF;
  padding: 30px;
  position: relative;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  margin: 15px 0 40px;
}
@media screen and (min-width: 992px) {
  .methodItem {
    padding: 30px 15px;
  }
}

.methodItemNum {
  display: inline-block;
  position: absolute;
  top: -15px;
  left: 15px;
}
.methodItemNum span {
  display: inline-block;
}
.methodItemHeadline {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 1.8rem;
  margin: 0 0 11px;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .methodItemHeadline {
    font-size: 2rem;
    text-align: center;
  }
}
@media screen and (min-width: 1200px) {
  .methodItemHeadline {
    font-size: 2.3rem;
  }
}

@media screen and (min-width: 992px) {
  .methodItemText {
    text-align: center;
  }
}

/*============================================

■他校との違い

============================================*/
.advantageSection {
  padding: 50px 0 20px;
}
@media screen and (min-width: 768px) {
  .advantageSection {
    padding: 105px 0 75px;
  }
}
@media screen and (min-width: 992px) {
  .advantageSection {
    padding: 105px 0 75px;
  }
}

.advantageTable {
  width: 100%;
  margin: 0 auto 30px;
}
@media screen and (max-width: 991px) {
  .advantageTable {
    display: block;
    width: 100%;
    padding: 100px 0 0;
  }
}
@media screen and (max-width: 991px) {
  .advantageTable thead {
    display: none;
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .advantageTable thead tr {
    display: block;
    width: 100%;
  }
}
.advantageTable thead tr th {
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 2px;
  text-align: center;
  padding: 10px;
  font-size: 1.5rem;
  color: #FFFFFF;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .advantageTable thead tr th {
    font-size: 2.3rem;
    width: 50%;
  }
}
.advantageTable thead tr th.cell01 {
  background: #AE1825;
}
.advantageTable thead tr th.cell02 {
  background: #215374;
}
@media screen and (max-width: 991px) {
  .advantageTable thead tr th {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .advantageTable tbody {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .advantageTable tbody tr {
    display: block;
    width: 100%;
    margin: 0 auto 120px;
  }
}
.advantageTable tbody tr td {
  position: relative;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .advantageTable tbody tr td {
    text-align: center;
  }
}
@media screen and (min-width: 992px) {
  .advantageTable tbody tr td {
    text-align: center;
    padding: 25px 15px;
  }
}
.advantageTable tbody tr td .main_text {
  display: block;
  font-size: 4.5vw;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  margin: 0 0 5px;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .advantageTable tbody tr td .main_text {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .advantageTable tbody tr td .main_text {
    font-size: 2.3rem;
  }
}
.advantageTable tbody tr td .main_text span {
  font-size: 3vw;
}
@media screen and (min-width: 768px) {
  .advantageTable tbody tr td .main_text span {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1200px) {
  .advantageTable tbody tr td .main_text span {
    font-size: 1.7rem;
  }
}
.advantageTable tbody tr td .sub_text {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
}
@media screen and (min-width: 1200px) {
  .advantageTable tbody tr td .sub_text {
    font-size: 1.8rem;
  }
}
.advantageTable tbody tr td .advantageTableStatus {
  position: absolute;
  top: -100px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: inline-block;
  background: #FFFFFF;
  border-radius: 100%;
  border: 1px solid #C1C1C1;
  width: 86px;
  height: 86px;
  text-align: center;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  font-size: 1.6rem;
  z-index: 1;
}
@media screen and (min-width: 992px) {
  .advantageTable tbody tr td .advantageTableStatus {
    top: 50%;
    right: -43px;
    bottom: auto;
    left: auto;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
.advantageTable tbody tr td .advantageTableStatus span {
  display: inline-block;
  line-height: 1.4;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  letter-spacing: -1px;
}
.advantageTable tbody tr td .advantageTableStatus.advantageTableStatus--padding01 span {
  padding: 8px 0 0;
}
.advantageTable tbody tr td.cell01 {
  background: #FFECEF;
}
.advantageTable tbody tr td.cell01 .main_text {
  color: #AE1825;
}
@media screen and (max-width: 991px) {
  .advantageTable tbody tr td.cell01::after {
    content: "メディカルアイキュー予備校";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: #AE1825;
    font-weight: 500;
    font-family: "Noto Serif JP", serif;
    letter-spacing: 2px;
    text-align: center;
    padding: 10px;
    font-size: 1.5rem;
    color: #FFFFFF;
  }
}
.advantageTable tbody tr td.cell02 {
  background: #F5FBFF;
}
.advantageTable tbody tr td.cell02 .main_text {
  color: #215374;
}
@media screen and (max-width: 991px) {
  .advantageTable tbody tr td.cell02::after {
    content: "他校";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: #215374;
    font-weight: 500;
    font-family: "Noto Serif JP", serif;
    letter-spacing: 2px;
    text-align: center;
    padding: 10px;
    font-size: 1.5rem;
    color: #FFFFFF;
  }
}
@media screen and (max-width: 991px) {
  .advantageTable tbody tr td {
    display: block;
    width: 100%;
    padding: 60px 15px 15px;
  }
}
@media screen and (min-width: 992px) {
  .advantageTable tbody tr:first-child td {
    padding-top: 50px;
  }
}
@media screen and (min-width: 992px) {
  .advantageTable tbody tr:first-child td .advantageTableStatus {
    top: 80px;
  }
}
@media screen and (max-width: 991px) {
  .advantageTable tbody tr:first-child td {
    display: block;
    width: 100%;
  }
}
.advantageTable tbody tr:last-child {
  margin: 0;
}
@media screen and (min-width: 992px) {
  .advantageTable tbody tr:last-child td {
    padding-top: 50px;
  }
}
@media screen and (min-width: 992px) {
  .advantageTable tbody tr:last-child td .advantageTableStatus {
    top: 70px;
  }
}
@media screen and (max-width: 991px) {
  .advantageTable tbody tr:last-child td {
    display: block;
    width: 100%;
  }
}

/*============================================

■合格実績

============================================*/
.resultsSection {
  padding: 50px 0 50px;
  background: #F3F4F6;
}
@media screen and (min-width: 768px) {
  .resultsSection {
    padding: 105px 0 75px;
  }
}

.resultsText01 {
  text-align: left;
  margin: 0 0 30px;
}
@media screen and (min-width: 768px) {
  .resultsText01 {
    text-align: center;
    margin: 0 0 40px;
  }
}

@media screen and (min-width: 768px) {
  .resultsWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.resultsWrap .resultsWrap__left {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .resultsWrap .resultsWrap__left {
    width: calc(50% - 15px);
  }
}
.resultsWrap .resultsWrap__right {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .resultsWrap .resultsWrap__right {
    width: calc(50% - 15px);
  }
}

.resultsTable {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .resultsTable {
    margin: 0 auto 30px;
  }
}
.resultsTable tbody tr th {
  background: #FFFFFF;
  font-family: "Noto Serif JP", serif;
  font-weight: normal;
  width: calc(100% - 100px);
  font-size: 1.7rem;
  padding: 0px 5px 0px 20px;
  text-align: left;
}
.resultsTable tbody tr td {
  background: #FFFFFF;
  font-family: "Noto Serif JP", serif;
  font-weight: normal;
  width: 100px;
  text-align: right;
  font-size: 2.8rem;
  padding: 0px 20px 0px 5px;
}
.resultsTable tbody tr td span {
  font-size: 1.7rem;
  display: inline-block;
  margin: 0 0 0 5px;
}
.resultsTable tbody tr:nth-child(even) th {
  background: #F3F4F6;
}
.resultsTable tbody tr:nth-child(even) td {
  background: #F3F4F6;
}

/*============================================

■基本カリキュラム

============================================*/
.culiculumSection {
  padding: 50px 0 20px;
}
@media screen and (min-width: 768px) {
  .culiculumSection {
    padding: 105px 0 75px;
  }
}

.culiculumText01 {
  text-align: left;
  margin: 0 0 30px;
}
@media screen and (min-width: 768px) {
  .culiculumText01 {
    text-align: center;
    margin: 0 0 40px;
  }
}

@media screen and (min-width: 768px) {
  .culiculumWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    width: calc(100% + 30px);
    margin: 0 0 0 -15px;
  }
}

.culiculumItem {
  width: 100%;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 35px 30px;
  margin: 0 0 30px;
}
@media screen and (min-width: 768px) {
  .culiculumItem {
    width: calc(50% - 30px);
    margin: 0 15px 30px;
  }
}

.culiculumItemHeadline {
  text-align: center;
  line-height: 1;
  margin: 0 0 20px;
}
.culiculumItemHeadline span {
  display: inline-block;
  padding: 0 40px;
  position: relative;
  font-size: 2.8rem;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 5px;
}
.culiculumItemHeadline span::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 27px;
  background: url(../../../img/lp/medical-aiq20230228/icon_headline_left.svg) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  top: 2px;
  left: 0;
}
.culiculumItemHeadline span::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 27px;
  background: url(../../../img/lp/medical-aiq20230228/icon_headline_right.svg) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  top: 2px;
  right: 0;
}

@media screen and (min-width: 992px) {
  .culiculumItemInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.culiculumItemInner .culiculumItem__left {
  width: 100%;
  margin: 0 0 15px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .culiculumItemInner .culiculumItem__left {
    width: 161px;
    min-width: 161px;
    margin: 0 30px 0 0;
  }
}
.culiculumItemInner .culiculumItem__right {
  width: 100%;
}
/*============================================

■年間スケジュール

============================================*/
.scheduleSection {
  padding: 50px 0 20px;
  background: url(../../../img/lp/medical-aiq20230228/bg_schedule.jpg) no-repeat center center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .scheduleSection {
    padding: 105px 0 75px;
  }
}

.scheduleText01 {
  text-align: left;
  margin: 0 0 30px;
}
@media screen and (min-width: 768px) {
  .scheduleText01 {
    text-align: center;
    margin: 0 0 40px;
  }
}

.scheduleWrap {
  padding: 15px;
  background: #FFFFFF;
  margin: 0 auto 30px;
}
@media screen and (min-width: 768px) {
  .scheduleWrap {
    padding: 50px 57px;
  }
}

.scheduleTable {
  width: 100%;
  margin: 0 auto 30px;
}
@media screen and (max-width: 767px) {
  .scheduleTable {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .scheduleTable tbody {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .scheduleTable tbody tr {
    display: block;
    width: 100%;
  }
}
.scheduleTable tbody tr th {
  background: #F3F4F6;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  padding: 0 15px;
  border-bottom: 1px solid #DDDDDD;
  width: 122px;
  max-width: 122px;
}
@media screen and (max-width: 767px) {
  .scheduleTable tbody tr th {
    display: block;
    width: 100%;
    max-width: 100%;
  }
}
.scheduleTable tbody tr td {
  padding: 18px 15px;
  border-bottom: 1px solid #DDDDDD;
}
@media screen and (max-width: 767px) {
  .scheduleTable tbody tr td {
    display: block;
    width: 100%;
    padding: 15px 0;
  }
}

.scheduleTableInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.scheduleTableInner .scheduleTableAttribute {
  width: 100%;
  max-width: 144px;
  text-align: center;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  font-size: 1.6rem;
  color: #FFFFFF;
  margin: 0 19px 0 0;
  padding: 1px 0;
}
.scheduleTableInner .scheduleTableAttribute.scheduleTableAttribute--color01 {
  background: #9CA7BF;
}
.scheduleTableInner .scheduleTableAttribute.scheduleTableAttribute--color02 {
  background: #7D90A9;
}
.scheduleTableInner .scheduleTableAttribute.scheduleTableAttribute--color03 {
  background: #5F7695;
}
.scheduleTableInner .scheduleTableAttribute.scheduleTableAttribute--color04 {
  background: #3B5B84;
}
.scheduleTableInner .scheduleTableAttribute.scheduleTableAttribute--color05 {
  background: #28456A;
}
.scheduleTableInner .scheduleTableText {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .scheduleTableInner .scheduleTableText {
    font-size: 1.6rem;
  }
}

.schedulePass {
  text-align: center;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  color: #113778;
  font-size: 4.3vw;
  line-height: 1.4;
  padding: 30px 0;
  background: #E6E9F0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .schedulePass {
    font-size: 2rem;
    padding: 30px 15px;
  }
}
.schedulePass::before {
  border-right: 17px solid transparent;
  border-bottom: 15px solid #E6E9F0;
  border-left: 17px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
  top: -15px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

/*============================================

■合格者の声

============================================*/
.interviewSection {
  padding: 50px 0 4px;
  background: #113778;
}
@media screen and (min-width: 768px) {
  .interviewSection {
    padding: 105px 0 76px;
  }
}
.interviewSection .largeHeadline01 {
  color: #FFFFFF;
}
.interviewSection .largeHeadline01 * {
  color: #FFFFFF;
}

.interviewText01 {
  text-align: left;
  margin: 0 0 50px;
  color: #FFFFFF;
}
@media screen and (min-width: 768px) {
  .interviewText01 {
    text-align: center;
    margin: 0 0 77px;
  }
}

@media screen and (min-width: 768px) {
  .interviewWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}

.interviewItem {
  background: #FFFFFF;
  padding: 15px;
  width: 100%;
  margin: 0 0 44px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .interviewItem {
    padding: 34px 26px;
    width: calc(50% - 15px);
  }
}
.interviewItem::before {
  content: "";
  display: inline-block;
  background: url(../../../img/lp/medical-aiq20230228/interview_pass.svg) no-repeat center center;
  background-size: 100% auto;
  width: 63px;
  height: 63px;
  position: absolute;
  top: -35px;
  right: -15px;
}
@media screen and (min-width: 768px) {
  .interviewItem::before {
    width: 93px;
    height: 93px;
    position: absolute;
    top: -35px;
    right: -15px;
  }
}
@media screen and (min-width: 1200px) {
  .interviewItem::before {
    right: -20px;
  }
}

.interviewItemHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 20px;
}
.interviewItemHead .interviewItemHead__left {
  width: 80px;
  margin: 0 15px 0 0;
}
@media screen and (min-width: 768px) {
  .interviewItemHead .interviewItemHead__left {
    width: 115px;
    margin: 0 20px 0 0;
  }
}
.interviewItemHead .interviewItemHead__right {
  width: 100%;
}

.interviewItemName .main_text {
  display: block;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  font-size: 1.8rem;
  margin: 0 0 7px;
}
@media screen and (min-width: 768px) {
  .interviewItemName .main_text {
    font-size: 2.6rem;
    margin: 0 0 15px;
  }
}
.interviewItemName .main_text span {
  display: inline-block;
  background: #E6E9F0;
  text-align: center;
  font-size: 1.4rem;
  color: #113778;
  padding: 1px 20px;
  vertical-align: 4px;
  margin: 0 0 0 16px;
}
.interviewItemName .sub_text {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
}
@media screen and (min-width: 768px) {
  .interviewItemName .sub_text {
    font-size: 2.2rem;
  }
}
.interviewItemName .sub_text span {
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .interviewItemName .sub_text span {
    font-size: 2rem;
  }
}

.interviewItemText01 {
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  border-bottom: 1px solid #C1C1C1;
  padding: 0 0 7px;
  margin: 0 0 10px;
  line-height: 1.4;
  font-size: 1.8rem;
}

/*============================================

■教室一覧

============================================*/
.schoolSection {
  padding: 50px 0 10px;
  border-bottom: 2px solid #B79876;
}
@media screen and (min-width: 768px) {
  .schoolSection {
    padding: 105px 0 35px;
  }
}

@media screen and (min-width: 768px) {
  .schoolWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}

.schoolItem {
  width: 100%;
  margin: 0 0 40px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .schoolItem {
    width: calc(50% - 15px);
    margin: 0 0 70px;
  }
}

.schoolItemHeadline {
  font-size: 2rem;
  font-weight: 300;
  font-family: "Noto Serif JP", serif;
  line-height: 1.4;
  margin: 0 0 20px;
  padding: 0 0 15px;
  border-bottom: 1px solid #C1C1C1;
  position: relative;
}
@media screen and (min-width: 768px) {
  .schoolItemHeadline {
    font-size: 2.8rem;
  }
}
.schoolItemHeadline::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 45%;
  height: 1px;
  background: #AE1825;
}

.schoolItemImg {
  margin: 0 0 18px;
  text-align: center;
}
.schoolItemImg img {
  width: 100%;
}

.schoolItemText {
  margin: 0 0 30px;
}

.schoolItemBtn {
  text-align: center;
}
.schoolItemBtn a {
  display: inline-block;
  background: #F5F5F5;
  border-radius: 3px;
  text-align: center;
  width: 100%;
  max-width: 338px;
  padding: 15px;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.schoolItemBtn a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 12px;
  height: 12px;
  background: url(../../../img/lp/medical-aiq20230228/icon_link03.svg) no-repeat center center;
  background-size: 100% auto;
}
.schoolItemBtn a:hover {
  opacity: 0.7;
}

/*============================================

■フッター

============================================*/
.footerSection {
  background: url(../../../img/lp/medical-aiq20230228/bg_footer.jpg) no-repeat top right -150px;
  background-size: cover;
  padding: 50px 0;
}
@media screen and (min-width: 768px) {
  .footerSection {
    background: url(../../../img/lp/medical-aiq20230228/bg_footer.jpg) no-repeat top right;
    background-size: cover;
    padding: 118px 0;
  }
}
.footerSection h2 {
  text-align: center;
  position: relative;
  z-index: 1;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  font-size: 2rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .footerSection h2 {
    font-size: 3rem;
    letter-spacing: 3px;
  }
}

#footer {
  display: none;
}

/*============================================

■コピーライト

============================================*/
.copyrightSection {
  padding: 18px 15px;
}

@media screen and (min-width: 768px) {
  .copyrightWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.copyrightWrap .copyrightWrap__left {
  width: 100%;
  max-width: 280px;
  margin: 0 auto 15px;
}
@media screen and (min-width: 768px) {
  .copyrightWrap .copyrightWrap__left {
    max-width: 352px;
    margin: 0 25px 0 0;
  }
}
.copyrightWrap .copyrightWrap__center {
  width: 100%;
  max-width: 280px;
  margin: 0 auto 15px;
}
@media screen and (min-width: 768px) {
  .copyrightWrap .copyrightWrap__center {
    max-width: 230px;
  }
}
.copyrightWrap .copyrightWrap__center .footerBtn {
  display: inline-block;
  background: none;
  border-radius: 3px;
  text-align: center;
  width: 100%;
  max-width: 338px;
  padding: 8px 15px 8px 0;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  border: 1px solid #707070;
  font-size: 1.4rem;
}
.copyrightWrap .copyrightWrap__center .footerBtn::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 12px;
  height: 12px;
  background: url(../../../img/lp/medical-aiq20230228/icon_link04.svg) no-repeat center center;
  background-size: 100% auto;
}
.copyrightWrap .copyrightWrap__center .footerBtn:hover {
  opacity: 0.7;
}
.copyrightWrap .copyrightWrap__right {
  width: 100%;
  font-size: 1.2rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .copyrightWrap .copyrightWrap__right {
    text-align: right;
  }
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

@media screen and (max-width: 767px) {
  .xs_left {
    text-align: left;
  }
  .xs_center {
    text-align: center;
  }
  .xs_right {
    text-align: right;
  }
}
@media screen and (max-width: 991px) {
  .sm_left {
    text-align: left;
  }
  .sm_center {
    text-align: center;
  }
  .sm_right {
    text-align: right;
  }
}
@media screen and (max-width: 1199px) {
  .md_left {
    text-align: left;
  }
  .md_center {
    text-align: center;
  }
  .md_right {
    text-align: right;
  }
}
.xxxs_visible {
  display: block;
}
@media screen and (min-width: 421px) {
  .xxxs_visible {
    display: none;
  }
}

.xxxs_hidden {
  display: none;
}
@media screen and (min-width: 421px) {
  .xxxs_hidden {
    display: block;
  }
}

.xxs_visible {
  display: block;
}
@media screen and (min-width: 601px) {
  .xxs_visible {
    display: none;
  }
}

.xxs_hidden {
  display: none;
}
@media screen and (min-width: 601px) {
  .xxs_hidden {
    display: block;
  }
}

.xs_visible {
  display: block;
}
@media screen and (min-width: 768px) {
  .xs_visible {
    display: none;
  }
}

.xs_hidden {
  display: none;
}
@media screen and (min-width: 768px) {
  .xs_hidden {
    display: block;
  }
}

.sm_visible {
  display: block;
}
@media screen and (min-width: 992px) {
  .sm_visible {
    display: none;
  }
}

.sm_hidden {
  display: none;
}
@media screen and (min-width: 992px) {
  .sm_hidden {
    display: block;
  }
}

.md_visible {
  display: block;
}
@media screen and (min-width: 1200px) {
  .md_visible {
    display: none;
  }
}

.md_hidden {
  display: none;
}
@media screen and (min-width: 1200px) {
  .md_hidden {
    display: block;
  }
}

.md2_visible {
  display: block;
}
@media screen and (min-width: 1400px) {
  .md2_visible {
    display: none;
  }
}

.md2_hidden {
  display: none;
}
@media screen and (min-width: 1400px) {
  .md2_hidden {
    display: block;
  }
}

.lg_visible {
  display: block;
}
@media screen and (min-width: 1921px) {
  .lg_visible {
    display: none;
  }
}

.lg_hidden {
  display: none;
}
@media screen and (min-width: 1921px) {
  .lg_hidden {
    display: block;
  }
}

.pt0 {
  padding-top: 0 !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

@media screen and (max-width: 767px) {
  .xs_pt0 {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pt10 {
    padding-top: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pt20 {
    padding-top: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pt30 {
    padding-top: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pt40 {
    padding-top: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pt50 {
    padding-top: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pb0 {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pb10 {
    padding-bottom: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pb20 {
    padding-bottom: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pb30 {
    padding-bottom: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pb40 {
    padding-bottom: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_pb50 {
    padding-bottom: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mt0 {
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mt10 {
    margin-top: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mt20 {
    margin-top: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mt30 {
    margin-top: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mt40 {
    margin-top: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mt50 {
    margin-top: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mb0 {
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mb10 {
    margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mb15 {
    margin-bottom: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mb20 {
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mb25 {
    margin-bottom: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mb30 {
    margin-bottom: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mb40 {
    margin-bottom: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mb50 {
    margin-bottom: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .xs_mb60 {
    margin-bottom: 60px !important;
  }
}