@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;500;700&display=swap");
/**
* YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
* http://cssreset.com
* Copyright 2012 Yahoo! Inc. All rights reserved.
* http://yuilibrary.com/license/
*/
/*
TODO will need to remove settings on HTML since we can't namespace it.
TODO with the prefix, should I group by selector or property for weight savings?
*/
html {
  color: #000;
  background: #FFF;
}

/*
TODO remove settings on BODY since we can't namespace it.
*/
/*
TODO test putting a class on HEAD.
- Fails on FF.
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

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

fieldset,
img {
  border: 0;
}

/*
TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

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

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

/* to preserve line-height and selector appearance */
sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

/*to enable resizing for IE*/
input,
textarea,
select {
  *font-size: 100%;
}

/*because legend doesn't inherit in IE */
legend {
  color: #000;
}

/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset {
  display: none;
}

/* iOSでのデフォルトスタイルをリセット */
input[type=submit],
input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  box-sizing: border-box;
}
input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}
input[type=submit]::focus,
input[type=button]::focus {
  outline-offset: -2px;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

/* Clearfix
------------------------*/
html {
  font-size: 62.5%;
}

body {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  text-rendering: auto;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 62.5%;
  font-weight: 500;
  color: #000;
  font-feature-settings: "pkna";
  background-color: #fff;
  line-height: 1;
  position: relative;
  text-align: justify;
}
body.hp {
  font-size: 16px;
}

.cf:after {
  content: "";
  display: block;
  clear: both;
}

a {
  text-decoration: none;
  color: #000;
  transition: 0.3s all;
}
a:hover {
  opacity: 0.7;
}

a:focus, *:focus {
  outline: none;
}

p {
  margin-bottom: 15px;
  line-height: 2;
  font-size: 16px;
}
p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 743px) {
  p {
    margin-bottom: 15px;
  }
  p:last-child {
    margin-bottom: 0;
  }
}

img {
  width: 100%;
}

.sec-inner {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
}
@media screen and (max-width: 999px) {
  .sec-inner {
    width: calc(100% - 40px);
    max-width: auto;
  }
}

@media screen and (max-width: 999px) {
  .is-pc {
    display: none;
  }
}

@media screen and (max-width: 743px) {
  .is-pc2 {
    display: none;
  }
}

.is-sp {
  display: none;
}
@media screen and (max-width: 999px) {
  .is-sp {
    display: block;
  }
}

.is-sp2 {
  display: none;
}
@media screen and (max-width: 743px) {
  .is-sp2 {
    display: block;
  }
}

.is-tab {
  display: none;
}
@media screen and (min-width: 744px) and (max-width: 999px) {
  .is-tab {
    display: block;
  }
}

span.p55 {
  font-size: 55%;
}

span.p60 {
  font-size: 60%;
}

span.p75 {
  font-size: 75%;
}

span.p80 {
  font-size: 80%;
}

span.p95 {
  font-size: 95%;
}

span.p120 {
  font-size: 120%;
}

span.p140 {
  font-size: 140%;
}

span.p160 {
  font-size: 160%;
}

span.p180 {
  font-size: 180%;
}

span.p200 {
  font-size: 200%;
}

span.lh15 {
  line-height: 1.5;
}

span.line {
  text-decoration: underline;
}

span.bold {
  font-weight: bold;
}

span.center {
  display: block;
  text-align: center;
}

span.txt-right {
  display: block;
  text-align: right;
}

span.yellow {
  color: #ffdf0a;
}

span.mincho {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

p.mb2x {
  margin-bottom: 40px;
}
@media screen and (max-width: 743px) {
  p.mb2x {
    margin-bottom: 8.5vw;
  }
}

.lineY {
  position: relative;
  z-index: 1;
}
.lineY:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 40%;
  background: rgba(255, 255, 0, 0.5);
  bottom: -5px;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 999px) {
  .lineY:before {
    bottom: 0px;
  }
}

.en {
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.red {
  color: #b5003c;
}

@media screen and (max-width: 999px) {
  button.slick-arrow {
    margin: 0;
    border: none;
    width: 10vw;
    height: 11.46vw;
    font-size: 0;
    top: calc(50% - 5.73vw);
  }

  button.slick-prev:before,
button.slick-next:before {
    font-size: 0;
  }

  button.slick-prev,
button.slick-prev:hover,
button.slick-prev:focus {
    left: 0;
    background: url("/assets/img/common/ic_prev.png") no-repeat;
    background-position: left;
  }

  button.slick-next,
button.slick-next:hover,
button.slick-next:focus {
    right: 0;
    background: url("/assets/img/common/ic_next.png") no-repeat;
    background-position: right;
  }

  button.slick-prev,
button.slick-next,
button.slick-prev:hover,
button.slick-next:hover,
button.slick-prev:focus,
button.slick-next:focus {
    z-index: 1;
    width: 6.26vw;
    height: 11.46vw;
    background-size: 6.26vw 11.46vw;
  }
}
.wpcf7 form .wpcf7-response-output {
  margin: 0 0 10px;
  padding: 1em;
  line-height: 1.5;
  font-size: 15px;
  background: #fff;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  padding: 1em;
  border-color: #b5003c;
}

.wpcf7-not-valid-tip {
  margin-top: 10px;
  color: #b5003c;
}

.grecaptcha-badge {
  visibility: hidden;
}

body.hp .btn-hp {
  margin: 0 auto;
  display: block;
  border: 2px #fff solid;
  width: 400px;
  height: 80px;
  line-height: 76px;
  border-radius: 4px;
  font-size: 20px;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: #a98c40;
  transition: 0.3s all;
}
body.hp .btn-hp:hover {
  opacity: 0.7;
}
body.hp .btn-hp::after {
  position: absolute;
  font-size: 24px;
  color: #fff;
  transform: scale(50%, 100%);
  content: ">";
  top: 0;
  right: 10px;
}
@media screen and (max-width: 999px) {
  body.hp .btn-hp {
    width: 100%;
    height: 60px;
    line-height: 56px;
    font-size: 16px;
  }
}
body.hp .btn-hp2 {
  margin: 0 auto;
  display: block;
  border: 2px #fff solid;
  width: 400px;
  height: 80px;
  line-height: 76px;
  border-radius: 4px;
  font-size: 20px;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: #a98c40;
  transition: 0.3s all;
  border: 2px #a98c40 solid;
  background: #faf8f2;
  color: #a98c40;
}
body.hp .btn-hp2:hover {
  opacity: 0.7;
}
body.hp .btn-hp2::after {
  position: absolute;
  font-size: 24px;
  color: #fff;
  transform: scale(50%, 100%);
  content: ">";
  top: 0;
  right: 10px;
}
@media screen and (max-width: 999px) {
  body.hp .btn-hp2 {
    width: 100%;
    height: 60px;
    line-height: 56px;
    font-size: 16px;
  }
}
body.hp .btn-hp2::after {
  color: #a98c40;
}
@media screen and (max-width: 999px) {
  body.hp {
    position: relative;
  }
}

@media screen and (min-width: 1000px) {
  body.hp-lower main {
    padding-top: 100px;
  }
}
body.hp-lower main h2.line {
  padding-top: 75px;
  height: 175px;
  background: url("/assets/img/common/bg_line.png") repeat;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
}
body.hp-lower main h2.line span {
  margin-bottom: 10px;
  display: block;
  color: #bab096;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 60px;
}
@media screen and (max-width: 999px) {
  body.hp-lower main h2.line {
    padding-top: 100px;
    height: 120px;
    font-size: 18px;
  }
  body.hp-lower main h2.line span {
    margin-bottom: 10px;
    font-size: 40px;
  }
}
@media screen and (max-width: 999px) {
  body.hp-lower main .sec-inner {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body.hp-lower main .sec-inner {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body.hp-lower main .footer-courses-link {
  padding-bottom: 70px;
  background: #fff;
}
body.hp-lower main .footer-courses-link h2 {
  padding: 60px 0 40px;
  line-height: 1.3;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 42px;
  font-weight: 300;
  color: #bab096;
}
body.hp-lower main .footer-courses-link h2 span {
  display: block;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #2b2b2b;
}
body.hp-lower main .footer-courses-link h2 span.is-pc {
  display: inline-block;
}
@media screen and (max-width: 999px) {
  body.hp-lower main .footer-courses-link h2 {
    padding: 60px 0 50px;
    line-height: 1.1;
    font-size: min(8vw, 30px);
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-weight: 300;
  }
  body.hp-lower main .footer-courses-link h2 span {
    margin-bottom: 10px;
    line-height: 1.4;
    font-size: 16px;
    font-size: min(4.3vw, 16px);
    font-weight: bold;
  }
  body.hp-lower main .footer-courses-link h2 span.is-pc {
    display: none;
  }
}
body.hp-lower main .footer-courses-link .footer-courses-link-inner {
  margin: 0 auto;
  max-width: 1000px;
}
@media screen and (max-width: 999px) {
  body.hp-lower main .footer-courses-link .footer-courses-link-inner {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body.hp-lower main .footer-courses-link ul.courses-list {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 1000px) and (max-width: 1020px) {
  body.hp-lower main .footer-courses-link ul.courses-list {
    padding: 0 10px;
  }
}
body.hp-lower main .footer-courses-link ul.courses-list li {
  width: 260px;
  height: 150px;
}
body.hp-lower main .footer-courses-link ul.courses-list li a {
  margin: 0 auto;
  display: block;
  border: 2px #fff solid;
  width: 400px;
  height: 80px;
  line-height: 76px;
  border-radius: 4px;
  font-size: 20px;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: #a98c40;
  transition: 0.3s all;
  line-height: 1;
  width: 100%;
  height: 150px;
  font-weight: bold;
}
body.hp-lower main .footer-courses-link ul.courses-list li a:hover {
  opacity: 0.7;
}
body.hp-lower main .footer-courses-link ul.courses-list li a::after {
  position: absolute;
  font-size: 24px;
  color: #fff;
  transform: scale(50%, 100%);
  content: ">";
  top: 0;
  right: 10px;
}
@media screen and (max-width: 999px) {
  body.hp-lower main .footer-courses-link ul.courses-list li a {
    width: 100%;
    height: 60px;
    line-height: 56px;
    font-size: 16px;
  }
}
body.hp-lower main .footer-courses-link ul.courses-list li a:after {
  top: 58px;
  right: 5px;
  font-size: 30px;
}
body.hp-lower main .footer-courses-link ul.courses-list li a span.courses-list-l1, body.hp-lower main .footer-courses-link ul.courses-list li a span.courses-list-l2, body.hp-lower main .footer-courses-link ul.courses-list li a span.courses-list-l3 {
  display: block;
}
body.hp-lower main .footer-courses-link ul.courses-list li a span.courses-list-l1 {
  margin: 22px 0 10px;
  color: #2b2b2b;
  font-size: 14px;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body.hp-lower main .footer-courses-link ul.courses-list li a span.courses-list-l3 {
  margin-top: 2px;
  font-size: 30px;
  letter-spacing: -5px;
}
body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(1) a {
  border-color: #0132ae;
  background: rgba(236, 240, 248, 0.8);
  color: #0132ae;
}
body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(1) a:after {
  color: #0132ae;
}
body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(2) a {
  border-color: #793095;
  background: rgba(245, 238, 248, 0.8);
  color: #793095;
}
body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(2) a:after {
  color: #793095;
}
body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(3) a {
  border-color: #b5003c;
  background: rgba(249, 236, 241, 0.8);
  color: #b5003c;
}
body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(3) a:after {
  color: #b5003c;
}
body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(4) {
  width: 170px;
}
body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(4) a {
  padding-top: 30px;
  border-color: #a98c40;
  width: 100%;
  line-height: 1.5;
  font-size: 18px;
  font-weight: normal;
}
body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(4) a::after {
  top: 48px;
}
@media screen and (max-width: 999px) {
  body.hp-lower main .footer-courses-link ul.courses-list {
    margin: 0 auto 20px;
    display: block;
  }
  body.hp-lower main .footer-courses-link ul.courses-list li {
    margin-bottom: 20px;
    width: 100%;
    height: 120px;
  }
  body.hp-lower main .footer-courses-link ul.courses-list li:last-child {
    margin-bottom: 0;
  }
  body.hp-lower main .footer-courses-link ul.courses-list li a {
    height: 120px;
    line-height: 1;
  }
  body.hp-lower main .footer-courses-link ul.courses-list li a:after {
    top: 42px;
    right: 5px;
    font-size: 30px;
  }
  body.hp-lower main .footer-courses-link ul.courses-list li a span.courses-list-l1 {
    margin: 10px 0 8px;
    font-size: 14px;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body.hp-lower main .footer-courses-link ul.courses-list li a span.courses-list-l1 {
    margin: 15px 0 8px;
  }
}
@media screen and (max-width: 999px) {
  body.hp-lower main .footer-courses-link ul.courses-list li a span.courses-list-l2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 999px) and (max-width: 350px) {
  body.hp-lower main .footer-courses-link ul.courses-list li a span.courses-list-l2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body.hp-lower main .footer-courses-link ul.courses-list li a span.courses-list-l2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 999px) {
  body.hp-lower main .footer-courses-link ul.courses-list li a span.courses-list-l3 {
    margin-top: 0;
    font-size: 28px;
    letter-spacing: -5px;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body.hp-lower main .footer-courses-link ul.courses-list li a span.courses-list-l3 {
    font-size: 25px;
  }
}
@media screen and (max-width: 999px) {
  body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(1) a {
    border-color: #0132ae;
    background: url("/assets/img/top/courses_bg1_sp.png") no-repeat bottom 0 left 10px/55px 110px, #ecf0f8;
  }
}
@media screen and (max-width: 999px) and (max-width: 320px) {
  body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(1) a {
    background-position: bottom 0 left -5px;
  }
}
@media screen and (max-width: 999px) and (min-width: 540px) and (max-width: 743px) {
  body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(1) a {
    background-position: bottom 0 left 55px;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(1) a {
    background: #ecf0f8;
  }
}
@media screen and (max-width: 999px) {
  body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(2) a {
    border-color: #793095;
    background: url("/assets/img/top/courses_bg2_sp.png") no-repeat top 12px left 2px/64px 95px, #f5eef8;
  }
}
@media screen and (max-width: 999px) and (max-width: 320px) {
  body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(2) a {
    background-position: top 12px left -10px;
  }
}
@media screen and (max-width: 999px) and (min-width: 540px) and (max-width: 743px) {
  body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(2) a {
    background-position: top 12px left 50px;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(2) a {
    background: #f5eef8;
  }
}
@media screen and (max-width: 999px) {
  body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(3) a {
    border-color: #b5003c;
    background: url("/assets/img/top/courses_bg3_sp.png") no-repeat top 12px left 2px/64px 94px, #f9ecf1;
  }
}
@media screen and (max-width: 999px) and (max-width: 320px) {
  body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(3) a {
    background-position: top 12px left -10px;
  }
}
@media screen and (max-width: 999px) and (min-width: 540px) and (max-width: 743px) {
  body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(3) a {
    background-position: top 12px left 50px;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(3) a {
    background: #f9ecf1;
  }
}
@media screen and (max-width: 999px) {
  body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(4) {
    width: 100%;
    height: 60px;
  }
  body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(4) a {
    padding-top: 0;
    height: 60px;
    line-height: 56px;
    font-size: 16px;
  }
  body.hp-lower main .footer-courses-link ul.courses-list li:nth-child(4) a::after {
    top: 0;
    font-size: 24px;
  }
}
@media screen and (min-width: 744px) and (max-width: 999px) {
  body.hp-lower main .footer-courses-link ul.courses-list {
    display: flex;
    flex-wrap: wrap;
  }
  body.hp-lower main .footer-courses-link ul.courses-list li {
    width: calc((100% - 20px) / 3);
  }
}
@media screen and (min-width: 1000px) {
  body.hp-lower main .footer-courses-link ul.courses-btn li a {
    width: 360px;
    height: 60px;
    line-height: 56px;
    font-size: 18px;
  }
  body.hp-lower main .footer-courses-link ul.courses-btn li a::after {
    right: 5px;
  }
}
@media screen and (max-width: 999px) {
  body.hp-lower main .footer-courses-link ul.courses-btn li a {
    font-size: min(4.4vw, 16px);
  }
}

@media screen and (min-width: 1000px) {
  body.hp header {
    width: 100%;
    height: 100px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
  }
  body.hp header .header-inner {
    margin: 0 auto;
    padding: 0 30px;
    display: flex;
  }
  body.hp header .header-inner h1 {
    padding-top: 19px;
    width: 220px;
  }
  body.hp header .header-inner nav {
    margin: 0 0 0 auto;
  }
  body.hp header .header-inner nav ul {
    display: flex;
    height: 100px;
    align-items: center;
  }
  body.hp header .header-inner nav li {
    margin-right: 20px;
  }
  body.hp header .header-inner nav li:last-child {
    margin-right: 0;
  }
  body.hp header .header-inner nav li a {
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 16px;
    font-weight: bold;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1100px) {
  body.hp header .header-inner nav ul li a {
    font-size: 14px;
  }
}
@media screen and (max-width: 999px) {
  body.hp header {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 60px;
    background: #181413;
  }
  body.hp header .header-inner {
    padding: 12px 10px 0 10px;
  }
  body.hp header h1 {
    width: 130px;
    position: fixed;
    z-index: 1000;
  }
  body.hp header .sp-nav-btn {
    display: block;
    position: absolute;
    top: 20px;
    right: 10px;
    width: 30px;
    height: 20px;
    z-index: 1000;
    cursor: pointer;
  }
  body.hp header .sp-nav-btn span {
    display: block;
    width: 30px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    transition: 0.3s ease-in-out;
  }
  body.hp header .sp-nav-btn span:nth-child(2) {
    top: 9px;
  }
  body.hp header .sp-nav-btn span:last-child {
    top: 18px;
  }
  body.hp header .sp-nav-btn.is-active span:first-child {
    transform: translateY(9px) rotate(-45deg);
  }
  body.hp header .sp-nav-btn.is-active span:last-child {
    transform: translateY(-9px) rotate(45deg);
  }
  body.hp header .sp-nav-btn.is-active span:nth-child(2) {
    display: none;
  }
  body.hp header .sp-menu {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 999;
    padding-top: 70px;
    width: 100%;
    height: 100vh;
    min-height: 100%;
    overflow: hidden;
    background: #181413;
    color: #fff;
    display: block;
    overflow-y: scroll;
    box-sizing: border-box;
    transition: 0.5s ease-in-out;
    transform: translate3d(0, -100%, 0);
  }
  body.hp header .sp-menu ul {
    margin: 0 auto;
    width: calc(100% - 40px);
    opacity: 0;
    transition: 2s all;
  }
  body.hp header .sp-menu ul li a {
    margin-bottom: 8px;
    height: 50px;
    display: block;
    line-height: 50px;
    color: #fff;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 15px;
    border-radius: 2px;
    background: #3a3a3a;
    text-align: center;
  }
  body.hp header .sp-menu ul li.grade1 a {
    background: #2e3c5d;
  }
  body.hp header .sp-menu ul li.grade2 a {
    background: #50325b;
  }
  body.hp header .sp-menu ul li.grade3 a {
    background: #5b313f;
  }
}

@media screen and (min-width: 1000px) {
  body.hp#top header {
    position: absolute;
    top: 700px;
    left: 0;
    background: #181413;
  }
}
body.hp#top header .header-inner nav li a {
  color: #fff;
}

body.sp-menu-open header .sp-menu {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
body.sp-menu-open header .sp-menu ul {
  opacity: 1;
}

body.hp footer {
  padding: 50px 0 25px;
  background: url("/assets/img/common/bg_line.png") repeat 0 0/2px 1px;
  color: #fff;
}
body.hp footer .sec-inner {
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
}
body.hp footer .footer-box-left {
  max-width: 600px;
}
body.hp footer a.logo img {
  margin-bottom: 30px;
  width: 400px;
}
body.hp footer .footer-box-left-ul {
  display: flex;
}
body.hp footer ul {
  width: 230px;
  line-height: 2;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 14px;
}
body.hp footer ul a {
  color: #fff;
}
body.hp footer .footer-box-right {
  width: 400px;
}
body.hp footer .footer-box-right a.btn-hp {
  margin: 0 auto;
  display: block;
  border: 2px #fff solid;
  width: 400px;
  height: 80px;
  line-height: 76px;
  border-radius: 4px;
  font-size: 20px;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: #a98c40;
  transition: 0.3s all;
  margin-bottom: 10px;
  background: #2b2b2b;
}
body.hp footer .footer-box-right a.btn-hp:hover {
  opacity: 0.7;
}
body.hp footer .footer-box-right a.btn-hp::after {
  position: absolute;
  font-size: 24px;
  color: #fff;
  transform: scale(50%, 100%);
  content: ">";
  top: 0;
  right: 10px;
}
@media screen and (max-width: 999px) {
  body.hp footer .footer-box-right a.btn-hp {
    width: 100%;
    height: 60px;
    line-height: 56px;
    font-size: 16px;
  }
}
body.hp footer span.recap, body.hp footer span.copy {
  display: block;
  text-align: center;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 12px;
}
body.hp footer span.recap {
  margin-bottom: 20px;
  line-height: 1.5;
  color: #848484;
}
body.hp footer span.recap a {
  color: #848484;
}
@media screen and (max-width: 999px) {
  body.hp footer {
    padding: 40px 0 15px;
  }
  body.hp footer .sec-inner {
    margin-bottom: 10px;
    display: block;
  }
  body.hp footer .footer-box-left {
    margin-bottom: 30px;
    max-width: 100%;
  }
  body.hp footer a.logo img {
    margin: 0 auto 30px;
    width: 250px;
    display: block;
  }
  body.hp footer ul {
    width: 50%;
    line-height: 3.5;
    font-size: 12px;
  }
  body.hp footer ul li {
    text-align: center;
  }
  body.hp footer ul li a {
    display: block;
  }
  body.hp footer .footer-box-right {
    width: 100%;
  }
  body.hp footer span.recap {
    padding: 0 10px;
  }
  body.hp footer span.copy {
    color: #848484;
  }
}

body#top main {
  position: relative;
}
@media screen and (min-width: 1000px) {
  body#top main {
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  }
}
@media screen and (max-width: 999px) {
  body#top main {
    padding-top: 60px;
  }
}

body#top section.mv {
  width: 100%;
  height: 700px;
  background: url("/assets/img/top/mv.jpg") no-repeat center/cover;
  position: relative;
}
body#top section.mv h2 {
  margin: 0 auto;
  max-width: 1000px;
  position: absolute;
  top: 280px;
  left: calc(50% - 500px);
  line-height: 2;
  color: #fff;
  font-size: 30px;
  text-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 15px #000;
}
body#top section.mv .mv-pr {
  width: 600px;
  position: absolute;
  bottom: 30px;
  left: calc(50% - 300px);
  display: flex;
  justify-content: space-between;
}
body#top section.mv .mv-pr li {
  width: 327px;
}
@media screen and (min-width: 744px) and (max-width: 999px) {
  body#top section.mv h2 {
    margin: 0 auto;
    width: 90%;
    max-width: 90%;
    top: 200px;
    left: 5%;
    font-size: 30px;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  }
}
@media screen and (max-width: 743px) {
  body#top section.mv {
    width: 100%;
    height: 160vw;
    background: url("/assets/img/top/mv_sp.jpg") no-repeat center/cover;
  }
  body#top section.mv h2 {
    width: 98%;
    top: 78vw;
    left: 1%;
    line-height: 1.6;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 5vw;
    text-align: center;
  }
  body#top section.mv .mv-pr {
    width: 100%;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-around;
  }
  body#top section.mv .mv-pr li {
    width: calc((96% - 20px) / 2);
  }
  body#top section.mv .mv-pr li:nth-child(1) {
    margin: 0 0 0 auto;
  }
  body#top section.mv .mv-pr li:nth-child(2) {
    margin: 0 auto 0 0;
  }
}

body#top section h2.sec {
  padding: 100px 0 80px;
  line-height: 1.3;
  text-align: center;
  font-size: 60px;
  color: #bab096;
}
body#top section h2.sec span {
  display: block;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
  color: #2b2b2b;
}
@media screen and (max-width: 999px) {
  body#top section h2.sec {
    padding: 60px 0 50px;
    line-height: 1.3;
    font-size: 50px;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-weight: 300;
  }
  body#top section h2.sec span {
    font-size: 17px;
    font-weight: bold;
  }
}

body#top section.about {
  padding: 100px 0;
  background: url("/assets/img/top/about_bg1.png") no-repeat bottom 0 left calc(50% - 500px)/346px 485px, url("/assets/img/top/about_bg2.png") no-repeat bottom 0 right 0/550px 455px, #faf8f2;
}
body#top section.about p {
  margin-bottom: 60px;
  font-size: 20px;
  text-align: center;
}
@media screen and (min-width: 1000px) and (max-width: 1150px) {
  body#top section.about {
    background: url("/assets/img/top/about_bg1.png") no-repeat bottom 0 left calc(50% - 380px)/346px 485px, url("/assets/img/top/about_bg2.png") no-repeat bottom 0 left calc(50% + 470px)/550px 455px, #faf8f2;
  }
}
@media screen and (min-width: 1151px) and (max-width: 1360px) {
  body#top section.about {
    background: url("/assets/img/top/about_bg1.png") no-repeat bottom 0 left 2%/346px 485px, url("/assets/img/top/about_bg2.png") no-repeat bottom 0 left calc(50% + 500px)/550px 455px, #faf8f2;
  }
}
@media screen and (min-width: 1361px) and (max-width: 1530px) {
  body#top section.about {
    background: url("/assets/img/top/about_bg1.png") no-repeat bottom 0 left calc(50% - 500px)/346px 485px, url("/assets/img/top/about_bg2.png") no-repeat bottom 0 left calc(50% + 500px)/550px 455px, #faf8f2;
  }
}
@media screen and (max-width: 999px) {
  body#top section.about {
    padding: 0 0 50px;
    background: #faf8f2;
  }
  body#top section.about p {
    margin: 0 auto;
    width: calc(100% - 40px);
    font-size: 16px;
    text-align: left;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#top section.about p {
    text-align: center;
    font-size: 20px;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  }
  body#top section.about .about-img {
    margin: 0 0 0 auto;
    width: 80%;
  }
}
@media screen and (max-width: 999px) {
  body#top section.about a.btn-hp {
    width: calc(100% - 40px);
  }
}

body#top section.courses {
  padding-bottom: 100px;
  background: url("/assets/img/top/courses_bg1.png") no-repeat bottom 0 left calc(50% - 400px)/551px 742px, url("/assets/img/top/courses_bg2.png") no-repeat bottom 10px left calc(50% + 400px)/264px 285px;
}
body#top section.courses .sec-inner ul {
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 1000px) and (max-width: 1020px) {
  body#top section.courses .sec-inner ul {
    padding: 0 10px;
  }
}
body#top section.courses .sec-inner ul li {
  width: 320px;
  height: 150px;
}
body#top section.courses .sec-inner ul li a {
  margin: 0 auto;
  display: block;
  border: 2px #fff solid;
  width: 400px;
  height: 80px;
  line-height: 76px;
  border-radius: 4px;
  font-size: 20px;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: #a98c40;
  transition: 0.3s all;
  line-height: 1;
  width: 100%;
  height: 150px;
  font-weight: bold;
}
body#top section.courses .sec-inner ul li a:hover {
  opacity: 0.7;
}
body#top section.courses .sec-inner ul li a::after {
  position: absolute;
  font-size: 24px;
  color: #fff;
  transform: scale(50%, 100%);
  content: ">";
  top: 0;
  right: 10px;
}
@media screen and (max-width: 999px) {
  body#top section.courses .sec-inner ul li a {
    width: 100%;
    height: 60px;
    line-height: 56px;
    font-size: 16px;
  }
}
body#top section.courses .sec-inner ul li a:after {
  top: 58px;
  right: 5px;
  font-size: 30px;
}
body#top section.courses .sec-inner ul li a span.courses-list-l1, body#top section.courses .sec-inner ul li a span.courses-list-l2, body#top section.courses .sec-inner ul li a span.courses-list-l3 {
  display: block;
}
body#top section.courses .sec-inner ul li a span.courses-list-l1 {
  margin: 22px 0 10px;
  color: #2b2b2b;
  font-size: 14px;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body#top section.courses .sec-inner ul li a span.courses-list-l3 {
  margin-top: 2px;
  font-size: 30px;
  letter-spacing: -5px;
}
body#top section.courses .sec-inner ul li:nth-child(1) a {
  border-color: #0132ae;
  background: rgba(236, 240, 248, 0.8);
  color: #0132ae;
}
body#top section.courses .sec-inner ul li:nth-child(1) a:after {
  color: #0132ae;
}
body#top section.courses .sec-inner ul li:nth-child(2) a {
  border-color: #793095;
  background: rgba(245, 238, 248, 0.8);
  color: #793095;
}
body#top section.courses .sec-inner ul li:nth-child(2) a:after {
  color: #793095;
}
body#top section.courses .sec-inner ul li:nth-child(3) a {
  border-color: #b5003c;
  background: rgba(249, 236, 241, 0.8);
  color: #b5003c;
}
body#top section.courses .sec-inner ul li:nth-child(3) a:after {
  color: #b5003c;
}
@media screen and (max-width: 999px) {
  body#top section.courses {
    padding-bottom: 50px;
    background: transparent;
  }
  body#top section.courses .sec-inner ul {
    margin: 0 auto 40px;
    display: block;
  }
  body#top section.courses .sec-inner ul li {
    margin-bottom: 20px;
    width: 100%;
    height: 120px;
  }
  body#top section.courses .sec-inner ul li:last-child {
    margin-bottom: 0;
  }
  body#top section.courses .sec-inner ul li a {
    height: 120px;
    line-height: 1;
  }
  body#top section.courses .sec-inner ul li a:after {
    top: 42px;
    right: 5px;
    font-size: 30px;
  }
  body#top section.courses .sec-inner ul li a span.courses-list-l1 {
    margin: 10px 0 8px;
    font-size: 14px;
  }
  body#top section.courses .sec-inner ul li a span.courses-list-l2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 999px) and (max-width: 350px) {
  body#top section.courses .sec-inner ul li a span.courses-list-l2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 999px) {
  body#top section.courses .sec-inner ul li a span.courses-list-l3 {
    margin-top: 0;
    font-size: 28px;
    letter-spacing: -5px;
  }
}
@media screen and (max-width: 999px) {
  body#top section.courses .sec-inner ul li:nth-child(1) a {
    border-color: #0132ae;
    background: url("/assets/img/top/courses_bg1_sp.png") no-repeat bottom 0 left 10px/55px 110px, #ecf0f8;
  }
}
@media screen and (max-width: 999px) and (max-width: 320px) {
  body#top section.courses .sec-inner ul li:nth-child(1) a {
    background-position: bottom 0 left -5px;
  }
}
@media screen and (max-width: 999px) and (min-width: 540px) and (max-width: 999px) {
  body#top section.courses .sec-inner ul li:nth-child(1) a {
    background-position: bottom 0 left 55px;
  }
}
@media screen and (max-width: 999px) {
  body#top section.courses .sec-inner ul li:nth-child(2) a {
    border-color: #793095;
    background: url("/assets/img/top/courses_bg2_sp.png") no-repeat top 12px left 2px/64px 95px, #f5eef8;
  }
}
@media screen and (max-width: 999px) and (max-width: 320px) {
  body#top section.courses .sec-inner ul li:nth-child(2) a {
    background-position: top 12px left -10px;
  }
}
@media screen and (max-width: 999px) and (min-width: 540px) and (max-width: 999px) {
  body#top section.courses .sec-inner ul li:nth-child(2) a {
    background-position: top 12px left 50px;
  }
}
@media screen and (max-width: 999px) {
  body#top section.courses .sec-inner ul li:nth-child(3) a {
    border-color: #b5003c;
    background: url("/assets/img/top/courses_bg3_sp.png") no-repeat top 12px left 2px/64px 94px, #f9ecf1;
  }
}
@media screen and (max-width: 999px) and (max-width: 320px) {
  body#top section.courses .sec-inner ul li:nth-child(3) a {
    background-position: top 12px left -10px;
  }
}
@media screen and (max-width: 999px) and (min-width: 540px) and (max-width: 999px) {
  body#top section.courses .sec-inner ul li:nth-child(3) a {
    background-position: top 12px left 50px;
  }
}
@media screen and (max-width: 999px) {
  body#top section.courses a.btn-hp {
    width: calc(100% - 40px);
  }
}

body#top section.teachers {
  padding-bottom: 100px;
  background: #faf8f2;
}
body#top section.teachers .sec-inner {
  margin-bottom: 60px;
  display: flex;
}
body#top section.teachers .teachers-box-txt {
  width: calc(100% - 383px);
}
body#top section.teachers .teachers-box-txt p {
  font-size: 20px;
}
body#top section.teachers .teachers-box-ph {
  width: 383px;
}
@media screen and (max-width: 999px) {
  body#top section.teachers {
    padding-bottom: 50px;
  }
  body#top section.teachers .sec-inner {
    margin-bottom: 30px;
    display: block;
  }
  body#top section.teachers .teachers-box-txt {
    margin-bottom: 20px;
    width: 100%;
  }
  body#top section.teachers .teachers-box-txt p {
    font-size: 16px;
  }
  body#top section.teachers .teachers-box-ph {
    width: 100%;
  }
  body#top section.teachers a.btn-hp {
    width: calc(100% - 40px);
  }
}

body#top section.bnr {
  padding: 100px 0;
}
body#top section.bnr ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 1000px) and (max-width: 1020px) {
  body#top section.bnr ul {
    padding: 0 10px;
  }
}
body#top section.bnr ul li {
  margin: 0 20px 20px 0;
  width: calc((100% - 40px) / 3);
}
body#top section.bnr ul li:nth-child(3), body#top section.bnr ul li:last-child {
  margin-right: 0;
}
body#top section.bnr ul a {
  width: 100%;
  height: 80px;
  line-height: 80px;
  border-color: #a98c40;
  background: #faf8f2;
  color: #a98c40;
}
body#top section.bnr ul a:after {
  color: #a98c40;
}
@media screen and (max-width: 743px) {
  body#top section.bnr {
    padding: 50px 0;
  }
  body#top section.bnr ul {
    display: block;
  }
  body#top section.bnr ul li {
    margin-bottom: 10px;
    width: 100%;
  }
  body#top section.bnr ul li:last-child {
    margin-bottom: 0;
  }
  body#top section.bnr ul a {
    width: 100%;
    height: 60px;
    line-height: 56px;
    font-size: 18px;
  }
}

body#top section.movie {
  margin-bottom: 100px;
}
body#top section.movie .movie-box-inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
body#top section.movie .movie-box-inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
@media screen and (max-width: 999px) {
  body#top section.movie {
    margin-bottom: 50px;
  }
  body#top section.movie .movie-box {
    max-width: auto;
  }
}

body#top section.news {
  padding-bottom: 100px;
  background: #faf8f2;
}
body#top section.news dl {
  margin: 0 auto;
  padding: 0 10px;
  max-width: 800px;
  line-height: 2.5;
  display: flex;
  flex-wrap: wrap;
  font-weight: 300;
  font-size: 18px;
}
@media screen and (min-width: 744px) and (max-width: 999px) {
  body#top section.news dl {
    font-size: 16px;
  }
}
body#top section.news dl dt {
  width: 140px;
}
body#top section.news dl dd {
  width: calc(100% - 140px);
}
@media screen and (max-width: 743px) {
  body#top section.news {
    padding-bottom: 50px;
  }
  body#top section.news dl {
    width: calc(100% - 40px);
    line-height: 1.5;
    display: block;
    font-size: 15px;
    font-weight: 500;
  }
  body#top section.news dl dt {
    margin-bottom: 5px;
    width: 100%;
  }
  body#top section.news dl dd {
    margin-bottom: 18px;
    width: 100%;
  }
}

body#about {
  background: #f8f8f8;
}
body#about section h3 {
  padding: 100px 0 50px;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 30px;
  text-align: center;
}
body#about section.sec1 .sec-inner, body#about section.sec2 .sec-inner, body#about section.sec3 .sec-inner, body#about section.sec4 .sec-inner {
  margin: 0 auto;
  width: 800px;
}
body#about section p {
  text-align: center;
}
body#about section.sec1 {
  background: url("/assets/img/about/bg1.png") no-repeat top 0 left 50%/1238px 346px;
}
body#about section.sec1 h3 {
  text-shadow: 0 0 5px #faf8f2, 0 0 10px #faf8f2;
}
body#about section.sec1 p {
  margin-bottom: 40px;
  text-shadow: 0 0 5px #faf8f2, 0 0 10px #faf8f2;
}
body#about section.sec4 {
  margin-bottom: 100px;
}
body#about section.sec4 img {
  margin-bottom: 40px;
}
body#about section.sec4 p {
  margin-bottom: 40px;
}
@media screen and (max-width: 999px) {
  body#about section h3 {
    padding: 60px 10px 30px;
    line-height: 1.5;
    font-size: 6vw;
    font-size: min(6vw, 24px);
  }
  body#about section.sec1 .sec-inner, body#about section.sec2 .sec-inner, body#about section.sec3 .sec-inner, body#about section.sec4 .sec-inner {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body#about section.sec1 .sec-inner, body#about section.sec2 .sec-inner, body#about section.sec3 .sec-inner, body#about section.sec4 .sec-inner {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 999px) {
  body#about section p {
    text-align: left;
  }
}
@media screen and (max-width: 999px) {
  body#about section.sec1 {
    background: url("/assets/img/about/bg1_sp.png") no-repeat 0 0/contain;
  }
  body#about section.sec1 h3 {
    text-shadow: 0 0 5px #faf8f2, 0 0 5px #faf8f2, 0 0 10px #faf8f2, 0 0 15px #faf8f2;
  }
  body#about section.sec1 p {
    margin-bottom: 20px;
    text-shadow: none;
  }
}
@media screen and (max-width: 999px) {
  body#about section.sec4 {
    margin-bottom: 60px;
  }
  body#about section.sec4 img {
    margin-bottom: 20px;
  }
  body#about section.sec4 p {
    margin-bottom: 20px;
  }
}

body#courses {
  background: #f8f8f8;
}
body#courses main {
  background: url("/assets/img/courses/bg1.png") no-repeat top 350px right calc(50% - 400px)/374px 371px;
}
body#courses main .footer-courses-link ul.courses-list li {
  width: 320px;
}
@media screen and (min-width: 744px) and (max-width: 999px) {
  body#courses main .footer-courses-link ul.courses-list li {
    margin-bottom: 0;
    width: calc((100% - 20px) / 3);
  }
}
@media screen and (max-width: 743px) {
  body#courses main .footer-courses-link ul.courses-list li {
    width: 100%;
  }
}
body#courses section h3 {
  padding: 100px 0 50px;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 30px;
  text-align: center;
}
@media screen and (min-width: 1000px) {
  body#courses section.grade1 h3, body#courses section.grade2 h3 {
    padding: 140px 0 50px;
  }
}
body#courses section .sec-inner {
  margin-bottom: 20px;
}
body#courses section .sec-inner .courses-txt {
  width: 100%;
}
body#courses section .sec-inner .courses-txt p {
  margin-bottom: 30px;
}
body#courses section .sec-inner .courses-txt h4 {
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom: 1px #2b2b2b dotted;
  font-weight: bold;
}
body#courses section .sec-inner .courses-txt h5 {
  margin-bottom: 20px;
  font-weight: bold;
}
body#courses section .sec-inner .courses-txt dl {
  margin-bottom: 15px;
  font-size: 90%;
}
body#courses section .sec-inner .courses-txt dl dd ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
body#courses section .sec-inner .courses-txt dl dd ul li {
  margin: 0 20px 15px 0;
  line-height: 1;
  position: relative;
}
body#courses section .sec-inner .courses-txt dl dd ul li::after {
  position: absolute;
  content: "/";
  color: #bbb;
  top: 0;
  right: -10px;
}
body#courses section .sec-inner .courses-txt dl dd ul li:last-child::after {
  content: "";
}
body#courses section .sec-inner .courses-img {
  margin: 0 auto 30px;
  width: 700px;
}
body#courses section.grade2 .sec-inner .courses-txt dl:nth-of-type(1) dd ul li::after {
  right: -13px;
}
body#courses section.grade2 .sec-inner .courses-txt dl:nth-of-type(2) dd ul li:first-child::after {
  right: -13px;
}
body#courses section.grade2 .sec-inner .courses-txt dl:nth-of-type(3) dd ul li:nth-last-child(2)::after {
  content: "";
}
body#courses section.grade2 .sec-inner .courses-txt dl:nth-of-type(3) dd ul li:last-child {
  width: 100%;
}
body#courses section a.btn-hp {
  border: 2px solid #b5003c;
  background: #f9ecf1;
}
body#courses section a.btn-hp, body#courses section a.btn-hp::after {
  color: #b5003c;
}
body#courses p.lead {
  padding-top: 100px;
  text-align: center;
}
body#courses section.grade1 a.btn-hp {
  border-color: #0132ae;
  background: #ecf0f8;
}
body#courses section.grade1 a.btn-hp, body#courses section.grade1 a.btn-hp::after {
  color: #0132ae;
}
body#courses section.grade2 a.btn-hp {
  border-color: #793095;
  background: #f5eef8;
}
body#courses section.grade2 a.btn-hp, body#courses section.grade2 a.btn-hp::after {
  color: #793095;
}
body#courses section.fee {
  margin: 0 auto 5px;
  padding-bottom: 100px;
  width: 800px;
}
body#courses section.fee table.fee-table {
  width: 100%;
}
body#courses section.fee table.fee-table th {
  border: 1px dotted #2b2b2b;
  width: 25%;
  height: 60px;
  text-align: center;
}
body#courses section.fee table.fee-table th:first-child {
  border-left: transparent;
  font-weight: bold;
  background: #ececec;
}
body#courses section.fee table.fee-table tr:first-child span.grade {
  margin-bottom: 5px;
  display: block;
  font-weight: bold;
}
body#courses section.fee table.fee-table tr:first-child th {
  border-top: transparent;
  background: #fff;
}
body#courses section.fee table.fee-table tr:first-child th:first-child {
  background: transparent;
}
body#courses section.fee table.fee-table tr:first-child th:nth-child(2) span.grade {
  color: #b5003c;
}
body#courses section.fee table.fee-table tr:first-child th:nth-child(3) span.grade {
  color: #793095;
}
body#courses section.fee table.fee-table tr:first-child th:nth-child(4) span.grade {
  color: #0132ae;
}
body#courses section.fee table.fee-table td {
  border: 1px dotted #2b2b2b;
  height: 60px;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  background: #fff;
}
body#courses section.fee table.fee-table td span.p60 {
  margin-left: 2px;
  font-weight: normal;
}
body#courses section.fee table.fee-table th:last-child, body#courses section.fee table.fee-table td:last-child {
  border-right: transparent;
}
body#courses section.fee span.kome {
  margin-top: 10px;
  display: block;
  font-size: 12px;
  text-align: right;
}
@media screen and (max-width: 999px) {
  body#courses main {
    background: url("/assets/img/courses/bg1.png") no-repeat right -50px top 220px/200px 200px;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#courses main {
    background: url("/assets/img/courses/bg1.png") no-repeat right -50px top 220px/300px 300px;
  }
}
@media screen and (max-width: 999px) {
  body#courses section h3 {
    padding: 70px 10px 30px;
    line-height: 1.5;
    font-size: min(6vw, 24px);
  }
  body#courses section .sec-inner {
    margin-bottom: 20px;
    display: block;
  }
  body#courses section .sec-inner .courses-txt {
    margin-bottom: 20px;
    width: 100%;
  }
  body#courses section .sec-inner .courses-txt dl.courses-txt-dl {
    font-size: min(3vw, 14px);
  }
  body#courses section .sec-inner .courses-txt dl.courses-txt-dl dd li {
    margin-bottom: 10px;
  }
  body#courses section .sec-inner .courses-img {
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
  }
  body#courses section a.btn-hp {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body#courses section a.btn-hp {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 999px) {
  body#courses p.lead {
    padding-top: 60px;
    text-align: left;
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body#courses p.lead {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 999px) {
  body#courses section.fee {
    padding-bottom: 60px;
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body#courses section.fee {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 999px) {
  body#courses section.fee table.fee-table th {
    width: 26.6666666667%;
    height: 50px;
    font-size: 13px;
  }
  body#courses section.fee table.fee-table th:first-child {
    width: 20%;
    line-height: 1.2;
  }
  body#courses section.fee table.fee-table tr:first-child th {
    height: 60px;
  }
  body#courses section.fee table.fee-table td {
    height: 50px;
    font-size: 15px;
  }
}
@media screen and (max-width: 999px) {
  body#courses section.fee span.kome {
    line-height: 1.2;
    padding-left: 1em;
    text-indent: -1em;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#courses section.fee span.kome {
    text-align: left;
  }
}

body#teachers {
  background: #fef8f9;
}
body#teachers main {
  background: url("/assets/img/teachers/bg1.png") no-repeat top 350px left 0/contain;
}
body#teachers section h3 {
  padding: 100px 0 50px;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 30px;
  text-align: center;
}
body#teachers section .sec-inner {
  width: 800px;
}
body#teachers section .sec-inner.teachers-seki {
  margin-top: 90px;
  padding-bottom: 90px;
}
body#teachers section .sec-inner img.teachers-ph {
  margin-bottom: 40px;
}
body#teachers section .sec-inner p.teachers-name {
  line-height: 1.5;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 25px;
}
body#teachers section .sec-inner p.teachers-name span {
  margin-left: 10px;
  font-size: 80%;
}
body#teachers section .sec-inner p.teachers-desc {
  margin-bottom: 40px;
  line-height: 1;
  font-size: 90%;
  position: relative;
}
body#teachers section .sec-inner p.teachers-desc::after {
  position: absolute;
  width: 100px;
  height: 1px;
  background: #2b2b2b;
  content: "";
  left: 0;
  bottom: -25px;
}
body#teachers section .sec-inner p.teachers-txt {
  margin-bottom: 35px;
  padding-bottom: 30px;
  border-bottom: 1px dotted #2b2b2b;
}
body#teachers section .teachers-works {
  margin-bottom: 20px;
}
body#teachers section .teachers-works p {
  line-height: 1;
  font-size: 13px;
  font-weight: bold;
}
body#teachers section .teachers-works dl {
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
}
body#teachers section .teachers-works dl dt, body#teachers section .teachers-works dl dd {
  margin-bottom: 10px;
}
body#teachers section .teachers-works dl dt {
  width: 120px;
}
body#teachers section .teachers-works dl dd {
  width: calc(100% - 120px);
}
body#teachers section .teachers-works-tv dl dt {
  width: 140px;
}
body#teachers section .teachers-works-tv dl dd {
  width: calc(100% - 140px);
}
body#teachers section .teachers-works-space dl dt {
  width: 80px;
}
body#teachers section .teachers-works-space dl dd {
  width: calc(100% - 80px);
}
body#teachers section .teachers-works-space dl dt {
  width: 80px;
}
body#teachers section .teachers-works-space dl dd {
  width: calc(100% - 80px);
}
body#teachers section .teachers-works-award dl dt {
  width: 240px;
}
body#teachers section .teachers-works-award dl dd {
  width: calc(100% - 240px);
}
@media screen and (min-width: 744px) and (max-width: 999px) {
  body#teachers main {
    background: url("/assets/img/teachers/bg1.png") no-repeat top 220px left 0/contain;
  }
  body#teachers section h3 {
    padding: 60px 10px 30px;
    font-size: 24px;
  }
  body#teachers section .sec-inner {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
  }
}
@media screen and (min-width: 744px) and (max-width: 999px) and (max-width: 999px) {
  body#teachers section .sec-inner {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 743px) {
  body#teachers main {
    background: url("/assets/img/teachers/bg1.png") no-repeat top 220px left 0/contain;
  }
  body#teachers section h3 {
    padding: 60px 10px 30px;
    line-height: 1.5;
    font-size: 6vw;
    font-size: min(6vw, 24px);
  }
  body#teachers section .sec-inner {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
  }
}
@media screen and (max-width: 743px) and (max-width: 999px) {
  body#teachers section .sec-inner {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 743px) {
  body#teachers section .sec-inner.teachers-seki {
    margin-top: 60px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 743px) {
  body#teachers section .sec-inner img.teachers-ph {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 743px) {
  body#teachers section .sec-inner p.teachers-name {
    margin-bottom: 10px;
    font-size: 20px;
  }
}
@media screen and (max-width: 743px) {
  body#teachers section .sec-inner p.teachers-desc {
    margin-bottom: 40px;
    line-height: 1.3;
    font-size: 80%;
  }
}
@media screen and (max-width: 743px) {
  body#teachers section .sec-inner p.teachers-txt {
    margin-bottom: 25px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 743px) {
  body#teachers section .teachers-works {
    margin-bottom: 20px;
  }
  body#teachers section .teachers-works p {
    margin-bottom: 15px;
    font-size: 12px;
  }
  body#teachers section .teachers-works dl {
    font-size: 12px;
    display: block;
  }
  body#teachers section .teachers-works dl dt, body#teachers section .teachers-works dl dd {
    margin-bottom: 5px;
    width: 100%;
  }
  body#teachers section .teachers-works dl dd {
    margin-bottom: 12px;
    line-height: 1.3;
  }
}
@media screen and (max-width: 743px) {
  body#teachers section .teachers-works-tv dl dt, body#teachers section .teachers-works-tv dl dd,
body#teachers section .teachers-works-space dl dt,
body#teachers section .teachers-works-space dl dd,
body#teachers section .teachers-works-space dl dt,
body#teachers section .teachers-works-space dl dd,
body#teachers section .teachers-works-award dl dt,
body#teachers section .teachers-works-award dl dd {
    width: 100%;
  }
}

body#voices {
  background: #edf4fb;
}
body#voices section.voices-sec {
  padding: 80px 0 40px;
}
body#voices .voices-box {
  margin: 0 auto 50px;
  padding: 30px;
  width: 800px;
  background: #f7fbfe;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
body#voices .voices-box .voices-box-txt {
  margin-right: 30px;
  width: 530px;
}
body#voices .voices-box .voices-box-img {
  width: 240px;
}
body#voices .voices-box .voices-box-img img {
  border-radius: 6px;
}
body#voices .voices-box h3 {
  padding: 5px 0 25px;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 20px;
}
body#voices .voices-box:nth-child(even) .voices-box-txt {
  margin: 0 0 0 30px;
  order: 2;
}
body#voices p.voices-bottom {
  padding-top: 20px;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 744px) and (max-width: 999px) {
  body#voices .voices-box {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
    margin: 0 auto 20px;
  }
}
@media screen and (min-width: 744px) and (max-width: 999px) and (max-width: 999px) {
  body#voices .voices-box {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 743px) {
  body#voices section.voices-sec {
    padding: 60px 0 40px;
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
  }
}
@media screen and (max-width: 743px) and (max-width: 999px) {
  body#voices section.voices-sec {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 743px) {
  body#voices .voices-box {
    margin: 0 auto 20px;
    padding: 20px;
    width: 100%;
    display: block;
  }
  body#voices .voices-box .voices-box-txt {
    margin: 0 0 10px;
    width: 100%;
  }
  body#voices .voices-box .voices-box-img {
    margin: 0 auto;
    width: 100%;
    max-width: 300px;
  }
  body#voices .voices-box .voices-box-img img {
    border-radius: 3px;
  }
  body#voices .voices-box h3 {
    margin-bottom: 10px;
    padding: 0;
    line-height: 1.5;
  }
  body#voices .voices-box h3 span {
    font-size: 75%;
  }
  body#voices .voices-box:nth-child(even) .voices-box-txt {
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 743px) {
  body#voices p.voices-bottom {
    padding-top: 20px;
    font-weight: bold;
    text-align: center;
  }
}

body#faq {
  background: #faf8f2;
}
body#faq section.faq-sec {
  margin: 0 auto;
  padding: 80px 0 40px;
  width: 800px;
}
body#faq section.faq-sec dl {
  margin-bottom: 20px;
}
body#faq section.faq-sec dl:last-child {
  margin-bottom: 0;
}
body#faq section.faq-sec dt {
  padding: 15px 60px 15px 0;
  background: #fff;
  position: relative;
  border-radius: 4px;
  cursor: pointer;
}
body#faq section.faq-sec dt h4 {
  padding-left: 2.4em;
  text-indent: -1.4em;
  line-height: 1.5;
  font-size: 18px;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
body#faq section.faq-sec dt::after {
  position: absolute;
  content: "+";
  font-size: 20px;
  font-weight: 800;
  top: 17px;
  right: 20px;
}
body#faq section.faq-sec dt.is-active::after {
  content: "−";
  right: 17px;
  top: 19px;
}
body#faq section.faq-sec dd {
  padding: 20px 30px;
  display: none;
}
body#faq section.faq-sec dd a {
  text-decoration: underline;
}
body#faq section.faq-sec dd a:hover {
  text-decoration: none;
}
body#faq section.faq-sec p.faq-bottom {
  padding-top: 40px;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 744px) and (max-width: 999px) {
  body#faq section.faq-sec {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
    padding: 60px 0 40px;
  }
}
@media screen and (min-width: 744px) and (max-width: 999px) and (max-width: 999px) {
  body#faq section.faq-sec {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 743px) {
  body#faq section.faq-sec {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
    padding: 60px 0 40px;
  }
}
@media screen and (max-width: 743px) and (max-width: 999px) {
  body#faq section.faq-sec {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 743px) {
  body#faq section.faq-sec dl {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 743px) {
  body#faq section.faq-sec dt {
    padding: 15px 10px;
    border-radius: 3px;
  }
  body#faq section.faq-sec dt h4 {
    padding-left: 1.4em;
    text-indent: -1.4em;
    line-height: 1.5;
    font-size: 16px;
  }
  body#faq section.faq-sec dt::after {
    content: "";
  }
  body#faq section.faq-sec dt.is-active::after {
    content: "";
  }
}
@media screen and (max-width: 743px) {
  body#faq section.faq-sec dd {
    padding: 15px 10px 20px 30px;
  }
}

body#contact {
  background: #faf8f2;
}
body#contact section.contact-sec {
  margin: 0 auto;
  padding: 80px 0;
  width: 600px;
}
body#contact section.contact-sec p.lead {
  margin-bottom: 40px;
  text-align: center;
}
body#contact section.contact-sec dl {
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
}
body#contact section.contact-sec dl dt {
  margin: 0 20px 10px 0;
  width: 130px;
  height: 50px;
  line-height: 50px;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  text-align: right;
}
body#contact section.contact-sec dl dd {
  margin-bottom: 10px;
  width: 450px;
  min-height: 50px;
}
body#contact section.contact-sec dl dd input, body#contact section.contact-sec dl dd textarea {
  padding: 15px;
  border: none;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  border-radius: 3px;
}
body#contact section.contact-sec dl dd input::-moz-placeholder, body#contact section.contact-sec dl dd textarea::-moz-placeholder {
  color: #878787;
}
body#contact section.contact-sec dl dd input:-ms-input-placeholder, body#contact section.contact-sec dl dd textarea:-ms-input-placeholder {
  color: #878787;
}
body#contact section.contact-sec dl dd input::placeholder, body#contact section.contact-sec dl dd textarea::placeholder {
  color: #878787;
}
body#contact section.contact-sec dl dd input:focus::-moz-placeholder, body#contact section.contact-sec dl dd textarea:focus::-moz-placeholder {
  opacity: 0;
}
body#contact section.contact-sec dl dd input:focus:-ms-input-placeholder, body#contact section.contact-sec dl dd textarea:focus:-ms-input-placeholder {
  opacity: 0;
}
body#contact section.contact-sec dl dd input:focus::placeholder, body#contact section.contact-sec dl dd textarea:focus::placeholder {
  opacity: 0;
}
body#contact section.contact-sec dl dd textarea {
  height: 150px;
}
body#contact section.contact-sec .btn-hp {
  width: 300px;
}
@media screen and (max-width: 743px) {
  body#contact section.contact-sec {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
    padding: 60px 0;
  }
}
@media screen and (max-width: 743px) and (max-width: 999px) {
  body#contact section.contact-sec {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 743px) {
  body#contact section.contact-sec dl {
    margin-bottom: 20px;
    display: block;
  }
  body#contact section.contact-sec dl dt {
    width: 100%;
    height: auto;
    line-height: 1;
    text-align: left;
  }
  body#contact section.contact-sec dl dd {
    margin-bottom: 20px;
    width: 100%;
  }
  body#contact section.contact-sec dl dd textarea {
    height: 40vw;
  }
}
@media screen and (max-width: 743px) {
  body#contact section.contact-sec .btn-hp {
    width: 100%;
  }
}

body#lp-grade3 #content span.accent {
  color: #b5003c;
}

body#lp-grade3 #content .movie-box {
  margin: 0 auto;
  width: 800px;
  max-width: 800px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 #content .movie-box {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade3 #content .movie-box-inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
body#lp-grade3 #content .movie-box-inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
body#lp-grade3 #content h2 {
  font-size: 40px;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 #content h2 {
    line-height: 1.5;
    font-size: 8vw;
  }
}
@media screen and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade3 #content h2 {
    font-size: 40px;
  }
}
body#lp-grade3 #content h2.line {
  padding-top: 80px;
  position: relative;
}
body#lp-grade3 #content h2.line::before {
  position: absolute;
  content: "";
  width: 200px;
  height: 2px;
  background: #000;
  top: 0;
  left: calc(50% - 100px);
}
@media screen and (max-width: 999px) {
  body#lp-grade3 #content h2.line {
    padding-top: 16vw;
  }
  body#lp-grade3 #content h2.line::before {
    width: 26vw;
    left: calc(50% - 13vw);
  }
}
body#lp-grade3 #content span.ti-logo {
  display: inline-block;
  width: 550px;
  height: 60px;
  position: relative;
}
body#lp-grade3 #content span.ti-logo img {
  position: absolute;
  left: 0;
  bottom: -17px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 #content span.ti-logo {
    margin: 0 auto;
    width: calc(100% - 40px);
    max-width: 550px;
    height: auto;
    display: block;
    position: static;
  }
  body#lp-grade3 #content span.ti-logo img {
    position: static;
    vertical-align: middle;
  }
}
body#lp-grade3 #content h3 {
  line-height: 1.6;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 743px) {
  body#lp-grade3 #content h3 {
    font-size: 5.86vw;
  }
}
body#lp-grade3 #content p.h2-desc {
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 743px) {
  body#lp-grade3 #content p.h2-desc {
    margin-bottom: 8vw;
    font-size: 4.26vw;
  }
}

body#lp-grade3 header {
  width: 100%;
  height: 100px;
  position: fixed;
  z-index: 10000;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
}
body#lp-grade3 header .header-inner {
  margin: 0 auto;
  padding: 20px;
  max-width: 1000px;
  height: 60px;
  display: flex;
}
body#lp-grade3 header h1 {
  margin-right: auto;
  width: 195px;
  height: 60px;
}
body#lp-grade3 header .header-cta {
  margin-left: auto;
  width: 340px;
  height: 60px;
}
body#lp-grade3 header .header-cta a {
  display: block;
  width: 800px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: linear-gradient(90deg, #ce0044, #ce0074);
  transition: 0.3s all;
  padding-top: 7px;
  width: 100%;
  height: 60px;
  line-height: 1.3;
  border-radius: 30px;
  font-size: 22px;
}
body#lp-grade3 header .header-cta a:hover {
  opacity: 0.7;
}
body#lp-grade3 header .header-cta a::after {
  position: absolute;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 14px solid #ffdf0a;
  top: 40px;
  right: 20px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 header .header-cta a {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade3 header .header-cta a::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}
body#lp-grade3 header .header-cta a::after {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #ffdf0a;
  top: 24px;
  right: 15px;
}
body#lp-grade3 header .header-cta a span.open {
  font-size: 60%;
  color: #ffdf0a;
  display: block;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 header .header-cta a {
    margin: 0 0 0 auto;
    padding-top: 7px;
    width: 100%;
    height: 46px;
    line-height: 1.3;
    border-radius: 23px;
    font-size: 15px;
  }
  body#lp-grade3 header .header-cta a::after {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #ffdf0a;
    top: 19px;
    right: 5px;
  }
}
body#lp-grade3 header.is-active {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 header {
    opacity: 1;
    visibility: visible;
    height: auto;
    position: fixed;
  }
  body#lp-grade3 header .header-inner {
    margin: 0 auto;
    padding: 10px 20px;
    max-width: 100%;
    height: auto;
    align-items: center;
  }
  body#lp-grade3 header h1 {
    margin-right: auto;
    width: 146px;
    height: 45px;
  }
  body#lp-grade3 header .header-cta {
    width: 160px;
    height: 45px;
  }
  body#lp-grade3 header .header-cta a {
    display: block;
    width: 800px;
    height: 100px;
    line-height: 100px;
    border-radius: 50px;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    box-sizing: border-box;
    position: relative;
    background: linear-gradient(90deg, #ce0044, #ce0074);
    transition: 0.3s all;
    padding-top: 7px;
    width: 100%;
    height: 60px;
    line-height: 1.3;
    border-radius: 30px;
    font-size: 22px;
  }
  body#lp-grade3 header .header-cta a:hover {
    opacity: 0.7;
  }
  body#lp-grade3 header .header-cta a::after {
    position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 14px solid #ffdf0a;
    top: 40px;
    right: 20px;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body#lp-grade3 header .header-cta a {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade3 header .header-cta a::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 header .header-cta a::after {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #ffdf0a;
    top: 24px;
    right: 15px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 header .header-cta a span.open {
    font-size: 60%;
    color: #ffdf0a;
    display: block;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body#lp-grade3 header .header-cta a {
    margin: 0 0 0 auto;
    padding-top: 7px;
    width: 100%;
    height: 46px;
    line-height: 1.3;
    border-radius: 23px;
    font-size: 15px;
  }
  body#lp-grade3 header .header-cta a::after {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #ffdf0a;
    top: 19px;
    right: 5px;
  }
}

@media screen and (max-width: 999px) {
  body#lp-grade3 main {
    padding-top: 65px;
  }
}

body#lp-grade3 .cta-btn a {
  display: block;
  width: 800px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: linear-gradient(90deg, #ce0044, #ce0074);
  transition: 0.3s all;
  margin: 0 auto;
  line-height: 1.1;
  letter-spacing: 2px;
}
body#lp-grade3 .cta-btn a:hover {
  opacity: 0.7;
}
body#lp-grade3 .cta-btn a::after {
  position: absolute;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 14px solid #ffdf0a;
  top: 40px;
  right: 20px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 .cta-btn a {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade3 .cta-btn a::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 .cta-btn a {
    line-height: 1.25;
  }
  body#lp-grade3 .cta-btn a span {
    letter-spacing: 1px;
  }
}

body#lp-grade3 #mv {
  width: 100%;
  height: 100vh;
  max-height: 700px;
  min-height: 600px;
  background: url("/assets/img/lp/grade3/pc/mv_bg.jpg") no-repeat center/cover;
  z-index: -2;
}
body#lp-grade3 #mv .mv-inner {
  margin: 0 auto;
  padding: 0 20px;
  width: 1000px;
  max-width: 1000px;
  height: 100vh;
  max-height: 700px;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
}
body#lp-grade3 #mv .mv-logo {
  margin: 20px 0 auto;
  width: 100%;
  height: 83px;
}
body#lp-grade3 #mv .mv-logo img {
  width: 300px;
  height: 83px;
}
body#lp-grade3 #mv .mv-txt {
  margin: auto 0 auto;
  padding: 20px 0;
  height: 350px;
  font-weight: 700;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body#lp-grade3 #mv .mv-txt p {
  line-height: 1.4;
  text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 10px #fff;
}
body#lp-grade3 #mv .mv-txt p:nth-child(1) {
  margin-bottom: 20px;
  font-size: 36px;
}
body#lp-grade3 #mv .mv-txt p:nth-child(1) span.l1 {
  color: #ff1d58;
}
body#lp-grade3 #mv .mv-txt p:nth-child(2) {
  font-size: 45px;
}
body#lp-grade3 #mv .mv-cta-box {
  width: 100%;
  height: 80px;
  display: flex;
}
body#lp-grade3 #mv .mv-cta {
  width: 500px;
  height: 80px;
}
body#lp-grade3 #mv .mv-cta a {
  display: block;
  width: 800px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: linear-gradient(90deg, #ce0044, #ce0074);
  transition: 0.3s all;
  border: 2px solid #fff;
  width: 500px;
  height: 80px;
  line-height: 1.1;
  border-radius: 40px;
  font-size: 30px;
}
body#lp-grade3 #mv .mv-cta a:hover {
  opacity: 0.7;
}
body#lp-grade3 #mv .mv-cta a::after {
  position: absolute;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 14px solid #ffdf0a;
  top: 40px;
  right: 20px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 #mv .mv-cta a {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade3 #mv .mv-cta a::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}
body#lp-grade3 #mv .mv-cta a::after {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #ffdf0a;
  top: 30px;
  right: 20px;
}
body#lp-grade3 #mv .mv-point {
  margin-left: 40px;
  width: calc(100% - 540px);
}
body#lp-grade3 #mv .mv-point ul {
  display: flex;
  justify-content: space-between;
}
body#lp-grade3 #mv .mv-point li {
  padding-top: 6px;
  width: calc((100% - 20px) / 2);
  height: 80px;
  line-height: 1.2;
  font-size: 18px;
  text-align: center;
  background: url("/assets/img/lp/grade3/pc/mv_bg_point.png") no-repeat top 0 left 0/200px 80px;
  box-sizing: border-box;
  letter-spacing: -0.5px;
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff, 0 0 10px #fff;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body#lp-grade3 #mv .mv-point li:last-child span.p75 {
  letter-spacing: -1px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 #mv {
    width: 100%;
    height: auto;
    max-height: none;
    min-height: auto;
    background: transparent;
  }
  body#lp-grade3 #mv .mv-inner {
    margin: 0 auto;
    padding: 0 20px 20px;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    position: relative;
    display: block;
    background: #dcecef;
    box-sizing: border-box;
  }
  body#lp-grade3 #mv .mv-txt {
    margin-bottom: 4vw;
    padding: 0;
    height: auto;
    font-weight: 700;
  }
  body#lp-grade3 #mv .mv-txt p {
    text-shadow: none;
    text-align: center;
  }
  body#lp-grade3 #mv .mv-txt p:nth-child(1) {
    margin-bottom: 10px;
    font-size: 4.8vw;
  }
  body#lp-grade3 #mv .mv-txt p:nth-child(2) {
    font-size: 6vw;
  }
  body#lp-grade3 #mv .mv-txt p:nth-child(2) span.p95 {
    margin-bottom: 20px;
    font-size: 92%;
  }
  body#lp-grade3 #mv .mv-txt p:nth-child(2) span.lineY {
    font-size: 120%;
  }
  body#lp-grade3 #mv .mv-cta-box {
    width: 100%;
    height: auto;
    display: block;
  }
  body#lp-grade3 #mv .mv-cta {
    margin: 0;
    width: 100%;
    height: 16vw;
  }
  body#lp-grade3 #mv .mv-cta a {
    padding-left: 0;
    border: none;
    width: 100%;
    height: 16vw;
    line-height: 1.3;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade3 #mv .mv-cta a::before {
    position: static;
  }
  body#lp-grade3 #mv .mv-cta a::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
  body#lp-grade3 #mv .mv-point {
    margin: 4vw 0 0;
    width: 100%;
  }
  body#lp-grade3 #mv .mv-point li {
    padding-top: 3vw;
    width: calc((100% - 2.66vw) / 2);
    height: 23.5vw;
    line-height: 1.3;
    font-size: 4vw;
    background: url("/assets/img/lp/grade3/sp/mv_bg_point.png") no-repeat top 0 left 0/contain;
  }
  body#lp-grade3 #mv .mv-point li:last-child span.p75 {
    font-size: 60%;
  }
}
body#lp-grade3 #other-courses {
  padding: 15px 0;
  text-align: center;
  font-size: min(4vw, 16px);
  background: #a8a593;
  color: #fff;
}
body#lp-grade3 #other-courses dl {
  display: flex;
  justify-content: center;
  font-weight: bold;
}
body#lp-grade3 #other-courses dl dd {
  margin-left: 10px;
}
body#lp-grade3 #other-courses dl dd a {
  padding: 5px;
  border: 1px #793095 solid;
  border-radius: 3px;
  background: #fbf7fd;
  color: #793095;
}
body#lp-grade3 #other-courses dl dd:last-child a {
  border: 1px #0132ae solid;
  background: #f1f5f6;
  color: #0132ae;
}
@media screen and (max-width: 743px) {
  body#lp-grade3 #other-courses {
    padding: 15px 0;
  }
  body#lp-grade3 #other-courses dl {
    flex-wrap: wrap;
  }
  body#lp-grade3 #other-courses dl dt {
    margin-bottom: 15px;
    width: 100%;
  }
  body#lp-grade3 #other-courses dl dd:first-child {
    margin-left: 0;
  }
}
body#lp-grade3 #intro-movie {
  padding: 60px 0 100px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 #intro-movie {
    padding: 13.3vw 0 16vw;
  }
}
body#lp-grade3 section#media {
  margin-bottom: 100px;
}
body#lp-grade3 section#media h2 {
  margin-bottom: 30px;
  font-size: min(6vw, 28px);
  font-feature-settings: "palt";
}
body#lp-grade3 section#media p.h2-desc {
  margin-bottom: 40px;
  text-align: center;
}
body#lp-grade3 section#media .media-img {
  margin: 0 auto;
  width: 800px;
}
body#lp-grade3 section#media .media-img img {
  border-radius: 6px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#media {
    margin-bottom: 100px;
  }
  body#lp-grade3 section#media h2 {
    line-height: 1.4;
  }
  body#lp-grade3 section#media p.h2-desc {
    margin-bottom: 30px;
    line-height: 1.6;
  }
  body#lp-grade3 section#media .media-img {
    width: 100%;
  }
}
body#lp-grade3 #sideline {
  margin: 0 auto 100px;
  width: 800px;
}
body#lp-grade3 #sideline h2 {
  margin-bottom: 50px;
  font-size: min(6vw, 28px);
}
body#lp-grade3 #sideline h2 span {
  margin-right: 10px;
  padding: 2px 0px 3px 8px;
  background: #000;
  color: #fff;
  font-size: 80%;
  font-weight: bold;
}
body#lp-grade3 #sideline .sec-inner {
  width: 800px;
}
body#lp-grade3 #sideline .sideline-ph {
  margin: 0 auto 30px;
  width: 800px;
  height: 400px;
}
body#lp-grade3 #sideline ul {
  margin-bottom: 20px;
  padding: 20px 10px;
  border: 1px #000 dotted;
  border-right: none;
  border-left: none;
  font-size: 15px;
  box-sizing: border-box;
}
body#lp-grade3 #sideline ul li {
  margin-bottom: 10px;
  line-height: 1.4;
}
body#lp-grade3 #sideline ul li:last-child {
  margin-bottom: 0;
  font-size: 90%;
}
body#lp-grade3 #sideline a.sideline-btn {
  display: block;
  width: 800px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: linear-gradient(90deg, #ce0044, #ce0074);
  transition: 0.3s all;
  margin: 0 auto;
  width: 240px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  background: #a8a593;
}
body#lp-grade3 #sideline a.sideline-btn:hover {
  opacity: 0.7;
}
body#lp-grade3 #sideline a.sideline-btn::after {
  position: absolute;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 14px solid #ffdf0a;
  top: 40px;
  right: 20px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 #sideline a.sideline-btn {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade3 #sideline a.sideline-btn::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}
body#lp-grade3 #sideline a.sideline-btn::after {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #fff;
  top: 18px;
  right: 15px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 #sideline {
    margin-bottom: 100px;
    width: 100%;
  }
  body#lp-grade3 #sideline h2 {
    margin-bottom: 20px;
    line-height: 1.2;
  }
  body#lp-grade3 #sideline h2 span {
    margin: 0 auto 5px;
    display: block;
    width: 30vw;
  }
  body#lp-grade3 #sideline .sec-inner {
    width: calc(100% - 40px);
  }
  body#lp-grade3 #sideline .sideline-ph {
    margin: 0 auto 30px;
    width: 100%;
    height: auto;
  }
  body#lp-grade3 #sideline ul li {
    padding-left: 3em;
    text-indent: -3em;
  }
  body#lp-grade3 #sideline ul li:last-child {
    padding-left: 1em;
    text-indent: -1em;
  }
  body#lp-grade3 #sideline a.sideline-btn {
    width: 200px;
    font-size: 14px;
  }
  body#lp-grade3 #sideline a.sideline-btn::after {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #fff;
    top: 20px;
    right: 10px;
  }
}
body#lp-grade3 section#about h2 {
  margin-bottom: 80px;
}
body#lp-grade3 section#about h2 .ti-logo {
  margin-right: 10px;
}
body#lp-grade3 section#about ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body#lp-grade3 section#about ul li {
  margin-bottom: 60px;
  width: calc((100% - 80px) / 2);
}
body#lp-grade3 section#about ul dt {
  display: flex;
}
body#lp-grade3 section#about ul dt .ic {
  margin: 0 15px 0 0;
  padding-bottom: 10px;
  border-bottom: 2px #7f7322 solid;
  width: 75px;
  height: 40px;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 24px;
  display: block;
  color: #7f7322;
}
body#lp-grade3 section#about ul dt .ic span {
  font-size: 40px;
}
body#lp-grade3 section#about ul h3 {
  margin-bottom: 10px;
  padding-top: 8px;
  width: calc(100% - 90px);
  min-height: 80px;
}
body#lp-grade3 section#about ul .about-img {
  margin-bottom: 20px;
}
body#lp-grade3 section#about ul .about-img img {
  border-radius: 6px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#about {
    margin-bottom: 16.6vw;
  }
  body#lp-grade3 section#about h2 {
    margin-bottom: 13.3vw;
    line-height: 1.2;
  }
  body#lp-grade3 section#about h2 span.ti-logo {
    margin: 0 auto;
  }
  body#lp-grade3 section#about ul {
    display: block;
  }
  body#lp-grade3 section#about ul li {
    margin-bottom: 16vw;
    width: 100%;
  }
  body#lp-grade3 section#about ul dt {
    display: block;
  }
  body#lp-grade3 section#about ul dt .ic {
    margin: 0 15px 0 0;
    padding-bottom: 10px;
    border-bottom: 2px #7f7322 solid;
    width: 75px;
    height: 40px;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 24px;
    display: block;
    color: #7f7322;
  }
  body#lp-grade3 section#about ul dt .ic span {
    font-size: 40px;
  }
  body#lp-grade3 section#about ul h3 {
    margin-bottom: 2.6vw;
    padding-top: 2vw;
    width: 100%;
    min-height: auto;
  }
  body#lp-grade3 section#about ul .about-img {
    margin-bottom: 4vw;
  }
}
body#lp-grade3 #instalive {
  margin-bottom: 80px;
  padding: 40px 100px 80px;
  background: url("/assets/img/lp/grade3/common/instalive_bg.png") repeat 0 0/10px 10px, #fff3f7;
  box-sizing: border-box;
}
body#lp-grade3 #instalive .instalive-comment {
  margin: 0 auto;
  width: 540px;
  height: 250px;
  background: url("/assets/img/lp/grade3/pc/instalive_ph1.png") no-repeat top 0 left 0/210px 250px;
}
body#lp-grade3 #instalive .instalive-comment p {
  margin: 0 0 0 auto;
  padding-top: 20px;
  width: calc(100% - 220px);
}
body#lp-grade3 #instalive .instalive-content iframe {
  margin: 0 auto !important;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 #instalive {
    margin-bottom: 10vw;
    padding: 4vw;
  }
  body#lp-grade3 #instalive .instalive-comment {
    width: 100%;
    height: auto;
    background: url("/assets/img/lp/grade3/sp/instalive_ph1.png") no-repeat top 0 left 0/100px 139px;
  }
  body#lp-grade3 #instalive .instalive-comment p {
    margin: 0 0 4vw auto;
    padding-top: 0;
    width: calc(100% - 120px);
  }
  body#lp-grade3 #instalive .instalive-content iframe {
    margin: 0 auto !important;
  }
}
body#lp-grade3 #giken {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  margin-bottom: 80px;
  padding: 72px 0;
  box-sizing: border-box;
  background: url("/assets/img/lp/grade3/pc/giken_img1.png") no-repeat top 60px right 30px/200px 250px, url("/assets/img/lp/grade3/pc/giken_bg1.png") no-repeat top 10px left 10px/980px 62px, url("/assets/img/lp/grade3/pc/giken_bg3.png") no-repeat bottom 10px left 10px/980px 62px, #f7f5ec;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 #giken {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade3 #giken .giken-txt {
  width: 100%;
  background: url("/assets/img/lp/grade3/pc/giken_bg2.png") repeat-y top 0px left 10px/980px 1px;
}
body#lp-grade3 #giken h2 {
  margin-bottom: 60px;
  font-size: 34px;
}
body#lp-grade3 #giken .giken-txt-inner {
  padding: 0 50px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 #giken {
    margin-bottom: 10vw;
    padding: 16vw 0;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    background: url("/assets/img/lp/grade3/sp/giken_bg1.png") no-repeat top 0 left 0/60px 60px, url("/assets/img/lp/grade3/sp/giken_bg2.png") no-repeat top 0 right 0/60px 60px, url("/assets/img/lp/grade3/sp/giken_bg3.png") no-repeat bottom 0 left 0/60px 60px, url("/assets/img/lp/grade3/sp/giken_bg4.png") no-repeat bottom 0 right 0/60px 60px, #f7f5ec;
  }
  body#lp-grade3 #giken .giken-txt {
    width: 100%;
    background: transparent;
  }
  body#lp-grade3 #giken h2 {
    margin-bottom: 13.3vw;
    font-size: 8vw;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade3 #giken h2 {
    margin-bottom: 60px;
    font-size: 34px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 #giken .giken-txt-inner {
    padding: 0;
  }
}
body#lp-grade3 section#problem {
  margin-top: 80px;
  padding: 80px 0 60px;
  width: 100%;
  background: url("/assets/img/lp/grade3/pc/problem_bg.jpg") no-repeat center/cover;
  position: relative;
}
body#lp-grade3 section#problem::after {
  position: absolute;
  content: "";
  border-right: 25px transparent solid;
  border-left: 25px transparent solid;
  border-top: 34px #d1cdcc solid;
  bottom: -34px;
  left: calc(50% - 25px);
}
@media screen and (min-width: 1600px) {
  body#lp-grade3 section#problem::after {
    border-top: 34px #e0e4e7 solid;
  }
}
body#lp-grade3 section#problem h2 {
  margin-bottom: 60px;
}
body#lp-grade3 section#problem ul {
  display: flex;
  justify-content: center;
}
body#lp-grade3 section#problem ul li {
  margin-right: 20px;
  padding: 25px;
  border: 2px #fff solid;
  width: 200px;
  height: 200px;
  line-height: 1.5;
  box-sizing: border-box;
  border-radius: 100%;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
  font-weight: bold;
  background: #c3c6d4;
  position: relative;
  display: flex;
  align-items: center;
}
body#lp-grade3 section#problem ul li:last-child {
  margin-right: 0;
}
body#lp-grade3 section#problem ul li::after {
  position: absolute;
  content: "";
  width: 34px;
  height: 50px;
  background: url("/assets/img/lp/grade3/pc/problem_ic1.png") no-repeat top 0 left 0/34px 50px;
  bottom: 0;
  right: 10px;
}
body#lp-grade3 section#problem ul:nth-child(2) li:nth-child(2) {
  background: #bbc4d0;
}
body#lp-grade3 section#problem ul:nth-child(2) li:nth-child(2)::after {
  background-image: url("/assets/img/lp/grade3/pc/problem_ic2.png");
}
body#lp-grade3 section#problem ul:nth-child(2) li:nth-child(3) {
  background: #b8c6c9;
}
body#lp-grade3 section#problem ul:nth-child(3) li:nth-child(1) {
  background: #c0c7ce;
}
body#lp-grade3 section#problem ul:nth-child(3) li:nth-child(1)::after {
  width: 40px;
  background-image: url("/assets/img/lp/grade3/pc/problem_ic3.png");
  background-size: 40px 50px;
}
body#lp-grade3 section#problem ul:nth-child(3) li:nth-child(2) {
  background: #c1ced4;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#problem {
    margin-top: 10.6vw;
    padding: 10.6vw 0;
    padding-right: 20px;
    padding-left: 20px;
    background: url("/assets/img/lp/grade3/sp/problem_bg1.png") no-repeat top center/contain, url("/assets/img/lp/grade3/sp/problem_bg2.png") repeat-y center/contain;
    box-sizing: border-box;
    position: relative;
  }
  body#lp-grade3 section#problem::after {
    position: absolute;
    content: "";
    border-right: 15px transparent solid;
    border-left: 15px transparent solid;
    border-top: 20px #d8dde3 solid;
    bottom: -20px;
    left: calc(50% - 7px);
  }
  body#lp-grade3 section#problem h2 {
    margin-bottom: 10.6vw;
    font-size: 6.6vw;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade3 section#problem h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#problem ul {
    flex-wrap: wrap;
  }
  body#lp-grade3 section#problem ul li {
    margin-right: 20px;
    padding: 0;
    width: calc((100% - 20px) / 2);
    height: auto;
    display: block;
    font-size: 4.2vw;
  }
  body#lp-grade3 section#problem ul li::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  body#lp-grade3 section#problem ul li span.inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }
  body#lp-grade3 section#problem ul li span.inner span {
    padding: 25px;
    display: block;
  }
  body#lp-grade3 section#problem ul li:nth-child(even) {
    margin-right: 0;
  }
  body#lp-grade3 section#problem ul li::after {
    width: 8vw;
    height: 12vw;
    background: url("/assets/img/lp/grade3/sp/problem_ic1.png") no-repeat top 0 left 0/8vw 12vw;
    bottom: 0;
    right: 0;
  }
  body#lp-grade3 section#problem ul:nth-child(2) li:nth-child(2) {
    background: #bbc4d0;
  }
  body#lp-grade3 section#problem ul:nth-child(2) li:nth-child(2)::after {
    background-image: url("/assets/img/lp/grade3/sp/problem_ic2.png");
  }
  body#lp-grade3 section#problem ul:nth-child(2) li:nth-child(3) {
    background: #b8c6c9;
  }
  body#lp-grade3 section#problem ul:nth-child(3) li:nth-child(1) {
    background: #c0c7ce;
  }
  body#lp-grade3 section#problem ul:nth-child(3) li:nth-child(1)::after {
    width: 9.86vw;
    background-image: url("/assets/img/lp/grade3/sp/problem_ic3.png");
    background-size: 9.86vw 12vw;
  }
  body#lp-grade3 section#problem ul:nth-child(3) li:nth-child(2) {
    background: #c1ced4;
  }
}
body#lp-grade3 section#features {
  padding: 80px 0 100px;
  background: url("/assets/img/lp/grade3/pc/features_bg.jpg") no-repeat top 0 left 0/915px 603px;
}
body#lp-grade3 section#features h2 {
  margin-bottom: 80px;
  line-height: 1.5;
}
body#lp-grade3 section#features h2 span.ti-logo img {
  bottom: -10px;
}
body#lp-grade3 section#features ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body#lp-grade3 section#features ul li {
  margin-bottom: 60px;
  width: calc((100% - 80px) / 2);
}
body#lp-grade3 section#features ul dt {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  min-height: 80px;
}
body#lp-grade3 section#features ul dt .ic {
  margin-right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #7f7322;
  color: #fff;
  position: relative;
}
body#lp-grade3 section#features ul dt .ic::after {
  position: absolute;
  content: "!";
  top: 6px;
  left: 13px;
  font-size: 30px;
  font-weight: bold;
  transform: rotateZ(30deg);
}
body#lp-grade3 section#features ul h3 {
  width: calc(100% - 50px);
  color: #7f7322;
}
body#lp-grade3 section#features ul .features-img {
  margin-bottom: 20px;
}
body#lp-grade3 section#features ul .features-img img {
  border-radius: 6px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#features {
    padding: 16vw 0 21.3vw;
    background: url("/assets/img/lp/grade3/sp/features_bg.jpg") no-repeat top 0 left 0/61vw auto;
  }
  body#lp-grade3 section#features h2 {
    margin-bottom: 16vw;
  }
  body#lp-grade3 section#features ul {
    display: block;
  }
  body#lp-grade3 section#features ul li {
    margin-bottom: 16vw;
    width: 100%;
  }
  body#lp-grade3 section#features ul li:last-child {
    margin-bottom: 0;
  }
  body#lp-grade3 section#features ul dt {
    margin-bottom: 5.33vw;
    min-height: auto;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#features ul dt .ic {
    width: 10.6vw;
    height: 10.6vw;
    border-radius: 100%;
  }
  body#lp-grade3 section#features ul dt .ic::after {
    top: 1.5vw;
    left: 3.8vw;
    font-size: 8vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#features ul h3 {
    width: calc(100% - 10.6vw - 10px);
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#features ul .features-img {
    margin-bottom: 4vw;
  }
}
body#lp-grade3 section#support {
  margin-bottom: 120px;
}
body#lp-grade3 section#support h2 {
  margin-bottom: 40px;
  line-height: 1.5;
  font-weight: bold;
  color: #b5003c;
  text-align: center;
}
body#lp-grade3 section#support .sec-inner ul {
  display: flex;
  justify-content: space-between;
}
body#lp-grade3 section#support .sec-inner ul li {
  border: 2px #b5003c solid;
  padding: 20px;
  width: calc((100% - 40px) / 2);
  box-sizing: border-box;
  align-items: stretch;
  border-radius: 6px;
  background: #fff3f7;
}
body#lp-grade3 section#support .sec-inner ul dl dt {
  margin-bottom: 20px;
  width: 100%;
}
body#lp-grade3 section#support .sec-inner ul dl dt img {
  border-radius: 6px;
}
body#lp-grade3 section#support .sec-inner ul dl dd {
  width: 100%;
  line-height: 1.8;
  font-size: 16px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#support {
    margin-bottom: 21.3vw;
  }
  body#lp-grade3 section#support h2 {
    margin-bottom: 12vw;
  }
  body#lp-grade3 section#support h2 span.is-sp {
    padding-top: 2vw;
  }
  body#lp-grade3 section#support .sec-inner ul {
    display: block;
  }
  body#lp-grade3 section#support .sec-inner ul li {
    margin-bottom: 20px;
    width: 100%;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#support .sec-inner ul li {
    padding: 5.3vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#support .sec-inner ul li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#support .sec-inner ul dl dt {
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#support .sec-inner ul dl dd {
    font-size: 4.2vw;
  }
}
body#lp-grade3 section#teachers {
  margin-bottom: 100px;
}
body#lp-grade3 section#teachers h2 {
  margin-bottom: 80px;
  color: #7f7322;
  letter-spacing: 5px;
}
body#lp-grade3 section#teachers .teachers-box {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  padding: 80px 60px;
  box-sizing: border-box;
  background: url("/assets/img/lp/grade3/pc/teachers_bg1.png") no-repeat top 5px left 0/1000px 80px, url("/assets/img/lp/grade3/pc/teachers_bg2.png") no-repeat bottom 5px left 0/1000px 80px, #f7f5ec;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#teachers .teachers-box {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade3 section#teachers .teachers-box.teachers-takai {
  margin-bottom: 60px;
}
body#lp-grade3 section#teachers h3 {
  margin-bottom: 20px;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 30px;
  font-weight: bold;
  color: #7f7322;
}
body#lp-grade3 section#teachers h3 span.en {
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
  font-weight: normal;
  color: #000;
}
body#lp-grade3 section#teachers p.teachers-title {
  margin-bottom: 40px;
  text-align: center;
  font-size: 16px;
}
body#lp-grade3 section#teachers .teachers-img {
  margin-bottom: 40px;
}
body#lp-grade3 section#teachers .teachers-img img {
  border-radius: 6px;
}
body#lp-grade3 section#teachers .teachers-seki .teachers-img {
  margin: 0 auto 40px;
  width: 400px;
}
body#lp-grade3 section#teachers .teachers-txt {
  margin-bottom: 60px;
  padding-bottom: 60px;
  border-bottom: 1px #7f7322 solid;
}
body#lp-grade3 section#teachers .teachers-works {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
body#lp-grade3 section#teachers .teachers-works ul {
  width: calc((100% - 60px) / 2);
}
body#lp-grade3 section#teachers .teachers-works li {
  width: 100%;
}
body#lp-grade3 section#teachers .teachers-works li:nth-child(2) {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px #a8a593 dotted;
}
body#lp-grade3 section#teachers .teachers-works li h4 {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
}
body#lp-grade3 section#teachers .teachers-works li dl {
  font-size: 14px;
  line-height: 1.5;
  display: flex;
  flex-wrap: wrap;
}
body#lp-grade3 section#teachers .teachers-works li dl dt {
  width: 140px;
}
body#lp-grade3 section#teachers .teachers-works li dl dd {
  margin-bottom: 10px;
  width: calc(100% - 140px);
}
body#lp-grade3 section#teachers .teachers-works li.movie dl dt {
  width: 120px;
}
body#lp-grade3 section#teachers .teachers-works li.movie dl dd {
  width: calc(100% - 120px);
}
body#lp-grade3 section#teachers .teachers-works li.deco dl dt {
  width: 70px;
}
body#lp-grade3 section#teachers .teachers-works li.deco dl dd {
  width: calc(100% - 70px);
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#teachers {
    margin-bottom: 16vw;
  }
  body#lp-grade3 section#teachers h2 {
    margin-bottom: 13.3vw;
  }
  body#lp-grade3 section#teachers .teachers-box {
    padding: 13.3vw 0;
    width: 100%;
    background: url("/assets/img/lp/grade3/sp/teachers_bg1.png") no-repeat top 0 left 0/40px 40px, url("/assets/img/lp/grade3/sp/teachers_bg2.png") no-repeat top 0 right 0/40px 40px, url("/assets/img/lp/grade3/sp/teachers_bg3.png") no-repeat bottom 0 left 0/40px 40px, url("/assets/img/lp/grade3/sp/teachers_bg4.png") no-repeat bottom 0 right 0/40px 40px, #f7f5ec;
  }
  body#lp-grade3 section#teachers .teachers-box.teachers-takai {
    margin-bottom: 16vw;
  }
  body#lp-grade3 section#teachers h3 {
    margin-bottom: 6vw;
    padding: 0 20px;
    text-align: left;
    font-size: 6.6vw;
  }
  body#lp-grade3 section#teachers h3 span.en {
    font-size: 5.3vw;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade3 section#teachers h3 {
    font-size: 30px;
  }
  body#lp-grade3 section#teachers h3 span.en {
    font-size: 24px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#teachers p.teachers-title {
    margin-bottom: 5.3vw;
    padding: 0 20px;
    text-align: left;
    font-size: 4vw;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade3 section#teachers p.teachers-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#teachers .teachers-img {
    margin-bottom: 6.6vw;
  }
  body#lp-grade3 section#teachers .teachers-img img {
    border-radius: 0;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#teachers .teachers-seki .teachers-img {
    margin: 0 auto 6.6vw;
    width: 100%;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#teachers .teachers-txt {
    margin: 0 auto 10vw;
    padding-bottom: 10.6vw;
    width: calc(100% - 40px);
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#teachers .teachers-works {
    display: block;
    margin: 0 auto;
    width: calc(100% - 40px);
  }
  body#lp-grade3 section#teachers .teachers-works ul {
    width: 100%;
  }
  body#lp-grade3 section#teachers .teachers-works li {
    width: 100%;
  }
  body#lp-grade3 section#teachers .teachers-works li.tv, body#lp-grade3 section#teachers .teachers-works li.deco {
    margin-top: 6vw;
    padding-top: 6vw;
    border-top: 1px #a8a593 dotted;
  }
  body#lp-grade3 section#teachers .teachers-works li h4 {
    margin-bottom: 20px;
    font-size: 4.2vw;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade3 section#teachers .teachers-works li h4 {
    font-size: 18px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#teachers .teachers-works li dl {
    font-size: 3.72vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#teachers .teachers-works li dl {
    display: block;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade3 section#teachers .teachers-works li dl {
    font-size: 16px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#teachers .teachers-works li dl dt {
    margin-bottom: 1.2vw;
    width: 160px;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#teachers .teachers-works li dl dt {
    width: 100%;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#teachers .teachers-works li dl dd {
    margin-bottom: 3vw;
    width: calc(100% - 160px);
    line-height: 1.6;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#teachers .teachers-works li dl dd {
    width: 100%;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#teachers .teachers-works li.movie dl dt, body#lp-grade3 section#teachers .teachers-works li.movie dl dd, body#lp-grade3 section#teachers .teachers-works li.tv dl dt, body#lp-grade3 section#teachers .teachers-works li.tv dl dd, body#lp-grade3 section#teachers .teachers-works li.deco dl dt, body#lp-grade3 section#teachers .teachers-works li.deco dl dd {
    width: 100%;
  }
}
body#lp-grade3 section#future h2 {
  margin-bottom: 40px;
  line-height: 1.5;
  font-weight: bold;
  color: #b5003c;
  text-align: center;
}
body#lp-grade3 section#future .future-box {
  margin-bottom: 80px;
  padding-top: 270px;
  width: 100%;
  background: url("/assets/img/lp/grade3/pc/future_bg.jpg") no-repeat top center/1500px auto;
}
body#lp-grade3 section#future .future-box ul {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#future .future-box ul {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade3 section#future .future-box ul li {
  border: 2px #b5003c solid;
  padding: 30px 20px 20px;
  width: calc((100% - 80px) / 3);
  box-sizing: border-box;
  align-items: stretch;
  border-radius: 6px;
  background: #fff3f7;
}
body#lp-grade3 section#future .future-box ul dl dt {
  margin-bottom: 20px;
  width: 100%;
}
body#lp-grade3 section#future .future-box ul dl dt h3 {
  line-height: 1.5;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #b5003c;
}
body#lp-grade3 section#future .future-box ul dl dd {
  width: 100%;
  line-height: 1.8;
  font-size: 16px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#future h2 {
    margin-bottom: 12vw;
  }
  body#lp-grade3 section#future .future-box {
    margin-bottom: 10.6vw;
    padding-top: 45.3vw;
    width: 100%;
    background: url("/assets/img/lp/grade3/sp/future_bg.jpg") no-repeat top center/contain;
  }
  body#lp-grade3 section#future .future-box ul {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
    display: block;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body#lp-grade3 section#future .future-box ul {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#future .future-box ul li {
    margin-bottom: 20px;
    width: 100%;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#future .future-box ul li {
    padding: 8vw 5.3vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#future .future-box ul li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#future .future-box ul dl dt {
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#future .future-box ul dl dd {
    font-size: 4.2vw;
  }
}
body#lp-grade3 section#flow {
  padding-top: 80px;
}
body#lp-grade3 section#flow h2 {
  margin-bottom: 60px;
}
body#lp-grade3 section#flow .flow-box {
  margin: 0 auto 30px;
  width: 800px;
}
body#lp-grade3 section#flow .flow-box h3 {
  margin-bottom: 20px;
  color: #b5003c;
}
body#lp-grade3 section#flow .flow-box h3 .ic {
  margin: 0 15px 0 0;
  padding-bottom: 20px;
  border-bottom: 2px #7f7322 solid;
  width: 75px;
  height: 40px;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
  display: inline-block;
  color: #7f7322;
}
body#lp-grade3 section#flow .flow-box h3 .ic span {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 40px;
  font-weight: normal;
}
body#lp-grade3 section#flow .flow-box .flow-content-txt {
  display: flex;
  justify-content: space-between;
}
body#lp-grade3 section#flow .flow-box .flow-content-txt img {
  border-radius: 6px;
}
body#lp-grade3 section#flow .flow-box .flow-content-txt img {
  width: 300px;
  order: 2;
}
body#lp-grade3 section#flow .flow-box .flow-content-txt p {
  width: calc(100% - 320px);
}
body#lp-grade3 section#flow .flow-box .flow-content-txt p a {
  text-decoration: underline;
}
body#lp-grade3 section#flow .flow-box .flow-content-txt p a:hover {
  text-decoration: none;
}
body#lp-grade3 section#flow .flow-box:last-child {
  margin-bottom: 100px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#flow {
    padding-top: 13.3vw;
  }
  body#lp-grade3 section#flow h2 {
    margin-bottom: 10vw;
  }
  body#lp-grade3 section#flow .flow-box {
    margin: 0 auto 8vw;
    width: 100%;
  }
  body#lp-grade3 section#flow .flow-box h3 {
    margin-bottom: 20px;
    color: #b5003c;
  }
  body#lp-grade3 section#flow .flow-box .flow-content-txt {
    display: block;
  }
  body#lp-grade3 section#flow .flow-box .flow-content-txt img {
    margin-bottom: 4vw;
    width: 100%;
  }
  body#lp-grade3 section#flow .flow-box .flow-content-txt p {
    width: 100%;
  }
  body#lp-grade3 section#flow .flow-box:last-child {
    margin-bottom: 13.3vw;
  }
}
body#lp-grade3 section#curriculum {
  padding: 80px 0 60px;
  width: 100%;
  background: url("/assets/img/lp/grade3/pc/curriculum_bg.jpg") no-repeat bottom center/contain, #edf1f5;
}
body#lp-grade3 section#curriculum h2 {
  margin-bottom: 60px;
  color: #7f7322;
}
body#lp-grade3 section#curriculum .curriculum-txt {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  margin-bottom: 30px;
  width: 800px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#curriculum .curriculum-txt {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade3 section#curriculum dl.curriculum-box {
  margin: 0 auto 20px;
  padding-bottom: 40px;
  width: 800px;
  background: #fff;
  border-radius: 0 0 6px 6px;
}
body#lp-grade3 section#curriculum dl.curriculum-box h3 {
  padding: 0 30px;
  height: 60px;
  line-height: 60px;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
  color: #fff;
  background: #a79751;
  border-radius: 6px 6px 0 0;
}
body#lp-grade3 section#curriculum dl.curriculum-box dl {
  padding: 40px 30px 0;
}
body#lp-grade3 section#curriculum dl.curriculum-box dl h4 {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px #a8a593 solid;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #7f7322;
}
body#lp-grade3 section#curriculum dl.curriculum-box dl dd:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
body#lp-grade3 section#curriculum dl.curriculum-box dl ul {
  float: left;
  width: calc((100% - 40px) / 2);
  font-size: 15px;
}
body#lp-grade3 section#curriculum dl.curriculum-box dl ul li {
  margin-bottom: 15px;
}
body#lp-grade3 section#curriculum dl.curriculum-box dl ul li:last-child {
  margin-bottom: 0;
}
body#lp-grade3 section#curriculum dl.curriculum-box dl ul:nth-child(2) {
  float: right;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#curriculum {
    padding: 13.3vw 0 42.6vw;
    background: url("/assets/img/lp/grade3/sp/curriculum_bg.png") no-repeat bottom center/contain, #edf1f5;
  }
  body#lp-grade3 section#curriculum .curriculum-txt {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
    margin-bottom: 6vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body#lp-grade3 section#curriculum .curriculum-txt {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade3 section#curriculum dl.curriculum-box {
    width: 700px;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#curriculum h2 {
    margin-bottom: 16vw;
  }
  body#lp-grade3 section#curriculum dl.curriculum-box {
    padding-bottom: 0;
    width: 100%;
    background: transparent;
    border-radius: 0;
  }
  body#lp-grade3 section#curriculum dl.curriculum-box h3 {
    margin-bottom: 5.3vw;
    padding: 0;
    height: 16vw;
    line-height: 16vw;
    border-radius: 0;
    text-align: center;
  }
  body#lp-grade3 section#curriculum dl.curriculum-box dl {
    padding: 0 20px;
  }
  body#lp-grade3 section#curriculum dl.curriculum-box dl h4 {
    margin-bottom: 0;
    padding-bottom: 0;
    height: 100%;
    font-size: 4.8vw;
  }
  body#lp-grade3 section#curriculum dl.curriculum-box dl dt {
    height: 16vw;
    line-height: 16vw;
    position: relative;
    cursor: pointer;
  }
  body#lp-grade3 section#curriculum dl.curriculum-box dl dt::after {
    position: absolute;
    content: "+";
    font-size: 5.3vw;
    font-weight: 800;
    color: #7f7322;
    top: 0;
    right: 20px;
  }
  body#lp-grade3 section#curriculum dl.curriculum-box dl dt.is-active::after {
    content: "−";
    right: 18px;
    top: 0;
  }
  body#lp-grade3 section#curriculum dl.curriculum-box dl dd {
    margin: 6vw 0 3vw;
    display: none;
  }
  body#lp-grade3 section#curriculum dl.curriculum-box dl ul {
    float: none;
    width: 100%;
    font-size: 4vw;
  }
  body#lp-grade3 section#curriculum dl.curriculum-box dl ul li {
    margin-bottom: 4vw;
  }
  body#lp-grade3 section#curriculum dl.curriculum-box dl ul li:last-child {
    margin-bottom: 4vw;
  }
  body#lp-grade3 section#curriculum dl.curriculum-box dl ul:nth-child(2) {
    float: none;
  }
}
body#lp-grade3 section#movie-sample {
  padding: 80px 0 100px;
}
body#lp-grade3 section#movie-sample h2 {
  margin-bottom: 60px;
}
body#lp-grade3 section#movie-sample p.h2-desc {
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#movie-sample {
    padding: 16vw 0;
  }
  body#lp-grade3 section#movie-sample h2 {
    margin-bottom: 8vw;
  }
  body#lp-grade3 section#movie-sample p.h2-desc {
    margin-bottom: 8vw;
  }
}
body#lp-grade3 section#fee {
  padding: 80px 0 100px;
  background: url("/assets/img/lp/grade3/pc/fee_bg.jpg") no-repeat center/cover;
}
body#lp-grade3 section#fee h2 {
  margin-bottom: 60px;
}
body#lp-grade3 section#fee ul.fee-box {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#fee ul.fee-box {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade3 section#fee ul.fee-box li {
  padding: 20px 30px;
  border: 2px #a8a593 solid;
  width: calc((100% - 80px) / 3);
  border-radius: 6px;
  background: #f7f5ec;
  box-sizing: border-box;
  text-align: center;
}
body#lp-grade3 section#fee ul.fee-box li dl {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body#lp-grade3 section#fee ul.fee-box li dt {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}
body#lp-grade3 section#fee ul.fee-box li dd {
  font-size: 20px;
  color: #7f7322;
}
body#lp-grade3 section#fee p.kome {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  margin-bottom: 40px;
  text-align: right;
  font-size: 13px;
  color: #6a6a6a;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#fee p.kome {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade3 section#fee .fee-present {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  padding: 20px 0 25px;
  border: 1px #7f7322 dotted;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#fee .fee-present {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade3 section#fee .fee-present p:last-child span.bold {
  color: #7f7322;
}
body#lp-grade3 section#fee .fee-present span.ti {
  margin-right: 10px;
  padding: 5px 10px;
  border: 2px #b5003c solid;
  color: #b5003c;
  font-size: 90%;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#fee {
    padding: 10.6vw 0;
    background: url("/assets/img/lp/grade3/sp/fee_bg.png") no-repeat top center/contain;
  }
  body#lp-grade3 section#fee h2 {
    margin-bottom: 8vw;
  }
  body#lp-grade3 section#fee ul.fee-box {
    margin-bottom: 6vw;
    flex-wrap: wrap;
  }
  body#lp-grade3 section#fee ul.fee-box li {
    margin: 0 10px 0 0;
    padding: 4vw 0;
    width: calc((100% - 20px) / 3 - 20px);
  }
  body#lp-grade3 section#fee ul.fee-box li:last-child {
    margin-right: 0;
    width: calc((100% - 20px) / 3 + 40px);
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#fee ul.fee-box li dt {
    margin-bottom: 2vw;
    font-size: 4vw;
  }
  body#lp-grade3 section#fee ul.fee-box li dd {
    font-size: 4vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#fee p.kome {
    margin-bottom: 6vw;
    padding-left: 20px;
    line-height: 1.4;
    text-align: left;
    text-indent: -1em;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#fee p.kome {
    font-size: 3.5vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#fee .fee-present {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
    border: none;
    border-bottom: 1px #7f7322 dotted;
    text-align: left;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) and (max-width: 999px) {
  body#lp-grade3 section#fee .fee-present {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#fee .fee-present p {
    line-height: 1.4;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#fee .fee-present p:first-child {
    margin-bottom: 2vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#fee .fee-present span.ti {
    margin: 0 0 15px;
    padding: 0 5px;
    display: block;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#fee .fee-present .p160 {
    font-size: 120%;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#fee .fee-present .p120 {
    font-size: 100%;
  }
  body#lp-grade3 section#fee .fee-present .p120 .bold {
    margin: 10px 0 5px;
    display: block;
  }
}
body#lp-grade3 section#comparison {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  padding: 80px 0 100px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#comparison {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade3 section#comparison h2 {
  margin-bottom: 60px;
  line-height: 1.4;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#comparison {
    padding: 10.6vw 0;
  }
  body#lp-grade3 section#comparison h2 {
    margin-bottom: 8vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#comparison h2 {
    font-size: 7.4vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#comparison .h2-desc {
    text-align: left;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#comparison img {
    margin-bottom: 3vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#comparison .is-tab img:last-child {
    margin-bottom: 0;
  }
}
body#lp-grade3 section#voice {
  margin-top: 80px;
  padding: 80px 0 100px;
  background: url("/assets/img/lp/grade3/pc/voice_bg.jpg") no-repeat top center/contain, #eff8ff;
}
body#lp-grade3 section#voice h2 {
  margin-bottom: 80px;
}
body#lp-grade3 section#voice .sec-inner {
  width: 800px;
}
body#lp-grade3 section#voice .voice-box h3 {
  margin-bottom: 15px;
  color: #7f7322;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body#lp-grade3 section#voice .voice-box p.name {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
}
body#lp-grade3 section#voice .voice-box-ph {
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body#lp-grade3 section#voice .voice-box-ph .voice-txt {
  width: calc(100% - 240px);
}
body#lp-grade3 section#voice .voice-box-ph .voice-img-pc {
  width: 200px;
}
body#lp-grade3 section#voice .voice-box-ph img {
  border-radius: 6px;
}
body#lp-grade3 section#voice .voice-box-noph {
  display: flex;
  justify-content: space-between;
}
body#lp-grade3 section#voice .voice-box-noph .voice-box-inner {
  width: calc((100% - 60px) / 2);
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#voice {
    margin-top: 10.6vw;
    padding: 16vw 0;
    background: url("/assets/img/lp/grade3/sp/voice_bg.png") no-repeat top center/contain, #eff8ff;
  }
  body#lp-grade3 section#voice h2 {
    margin-bottom: 10.6vw;
  }
  body#lp-grade3 section#voice .sec-inner {
    width: calc(100% - 40px);
  }
  body#lp-grade3 section#voice .voice-box h3 {
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#voice .voice-box p.name {
    margin-bottom: 4vw;
    font-size: 4.2vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#voice .voice-box-ph {
    margin-bottom: 12vw;
    display: block;
  }
  body#lp-grade3 section#voice .voice-box-ph .voice-txt {
    width: 100%;
  }
  body#lp-grade3 section#voice .voice-box-ph .voice-img-sp {
    margin-bottom: 4vw;
    width: 100%;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#voice .voice-box-noph {
    display: block;
  }
  body#lp-grade3 section#voice .voice-box-noph .voice-box-inner {
    margin-bottom: 12vw;
    width: 100%;
  }
  body#lp-grade3 section#voice .voice-box-noph .voice-box-inner:last-child {
    margin-bottom: 0;
  }
}
body#lp-grade3 section#faq {
  padding: 100px 0;
}
body#lp-grade3 section#faq h2 {
  margin-bottom: 80px;
}
body#lp-grade3 section#faq h3 {
  margin: 70px 0 40px;
  padding-top: 30px;
  text-align: center;
  position: relative;
  color: #7f7322;
}
body#lp-grade3 section#faq h3::after {
  position: absolute;
  content: "";
  width: 200px;
  height: 2px;
  background: #7f7322;
  top: 0;
  left: calc(50% - 100px);
}
body#lp-grade3 section#faq h3.fi {
  margin-top: 0;
}
body#lp-grade3 section#faq .sec-inner {
  width: 800px;
}
body#lp-grade3 section#faq dl {
  margin-bottom: 20px;
  border: 2px #a8a593 solid;
  border-radius: 6px;
}
body#lp-grade3 section#faq dl:last-child {
  margin-bottom: 0;
}
body#lp-grade3 section#faq dt {
  padding: 15px 60px 15px 0;
  background: #a8a593;
  position: relative;
  cursor: pointer;
}
body#lp-grade3 section#faq dt h4 {
  padding-left: 2.4em;
  text-indent: -1.4em;
  line-height: 1.5;
  font-size: 20px;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 800;
  color: #fff;
}
body#lp-grade3 section#faq dt::after {
  position: absolute;
  content: "+";
  font-size: 24px;
  font-weight: 800;
  color: #fff;
  top: calc(50% - 14px);
  right: 20px;
}
body#lp-grade3 section#faq dt.is-active::after {
  content: "−";
  right: 20px;
  top: calc(50% - 14px);
}
body#lp-grade3 section#faq dd {
  padding: 30px;
  display: none;
}
body#lp-grade3 section#faq dd a {
  text-decoration: underline;
}
body#lp-grade3 section#faq dd a:hover {
  text-decoration: none;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#faq {
    padding: 16vw 0;
  }
  body#lp-grade3 section#faq h2 {
    margin-bottom: 13.3vw;
  }
  body#lp-grade3 section#faq .sec-inner {
    width: 100%;
  }
  body#lp-grade3 section#faq dl {
    margin-bottom: 0;
    border: transparent;
    border-bottom: 1px #a8a593 solid;
    border-radius: 0;
  }
  body#lp-grade3 section#faq dl:first-child {
    border-top: 1px #a8a593 solid;
  }
  body#lp-grade3 section#faq dt {
    color: #7f7322;
    background: #f7f5ec;
    position: relative;
    cursor: pointer;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#faq dt {
    padding: 5.3vw 14vw 5.3vw 0;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#faq dt h3 {
    margin: 9.3vw 0 5.3vw;
    padding-top: 4vw;
  }
  body#lp-grade3 section#faq dt h3::after {
    width: 53vw;
    height: 2px;
    background: #7f7322;
    top: 0;
    left: calc(50% - 26.5vw);
  }
  body#lp-grade3 section#faq dt h3.fi {
    margin-top: 0;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#faq dt h4 {
    color: #7f7322;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#faq dt h4 {
    font-size: 4.26vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#faq dt.is-active {
    background: #7f7322;
  }
  body#lp-grade3 section#faq dt.is-active h4 {
    color: #fff;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#faq dt::after {
    font-size: 4.26vw;
    color: #7f7322;
    top: calc(50% - 2.13vw);
    right: 20px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#faq dt.is-active::after {
    font-size: 4.26vw;
    color: #fff;
    right: 20px;
    top: calc(50% - 2.13vw);
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#faq dd {
    padding: 20px 20px 30px;
  }
}
body#lp-grade3 section#message {
  padding: 100px 0 80px;
  background: url("/assets/img/lp/grade3/pc/message_bg.jpg") no-repeat top center/contain, #fff1f5;
}
body#lp-grade3 section#message h2 {
  margin-bottom: 60px;
}
body#lp-grade3 section#message .sec-inner {
  width: 800px;
  background: #fff;
  border-radius: 6px;
}
body#lp-grade3 section#message .message-img {
  width: 100%;
}
body#lp-grade3 section#message .message-img img {
  border-radius: 6px 6px 0 0;
}
body#lp-grade3 section#message .message-txt {
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
}
body#lp-grade3 section#message .message-txt p {
  line-height: 2.5;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
body#lp-grade3 section#message .message-txt .message-sign {
  margin: 0 0 0 auto;
  width: 200px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#message {
    padding: 16vw 0 10vw;
    background: url("/assets/img/lp/grade3/sp/message_bg.png") no-repeat top center/contain, #fff1f5;
  }
  body#lp-grade3 section#message h2 {
    margin-bottom: 16vw;
  }
  body#lp-grade3 section#message .sec-inner {
    width: calc(100% - 40px);
    display: block;
    background: transparent;
    border-radius: 0;
  }
  body#lp-grade3 section#message .message-img {
    margin-bottom: 4vw;
    width: 100%;
  }
  body#lp-grade3 section#message .message-img img {
    border-radius: 6px;
  }
  body#lp-grade3 section#message .message-txt {
    width: 100%;
    padding: 0;
  }
  body#lp-grade3 section#message .message-txt p {
    line-height: 2.5;
  }
}
body#lp-grade3 section#contact {
  padding: 100px 0;
  background: url("/assets/img/lp/grade3/pc/contact_bg.jpg") no-repeat top right/600px 531px;
}
body#lp-grade3 section#contact h2 {
  margin-bottom: 60px;
}
body#lp-grade3 section#contact dl {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  width: 600px;
  margin-bottom: 50px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#contact dl {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade3 section#contact dl dt {
  margin-bottom: 15px;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
  font-weight: bold;
}
body#lp-grade3 section#contact dl dd {
  margin-bottom: 30px;
  width: 100%;
  font-size: 18px;
}
body#lp-grade3 section#contact dl dd:last-child {
  margin-bottom: 0;
}
body#lp-grade3 section#contact dl dd input {
  padding: 15px;
  border: 2px #a8a593 solid;
  width: 100%;
  border-radius: 6px;
  background: #fafaf0;
  box-sizing: border-box;
}
body#lp-grade3 section#contact dl dd input::-moz-placeholder {
  color: #ababab;
}
body#lp-grade3 section#contact dl dd input:-ms-input-placeholder {
  color: #ababab;
}
body#lp-grade3 section#contact dl dd input::placeholder {
  color: #ababab;
}
body#lp-grade3 section#contact dl dd input:focus {
  background: #fff;
}
body#lp-grade3 section#contact dl dd input:focus::-moz-placeholder {
  opacity: 0;
}
body#lp-grade3 section#contact dl dd input:focus:-ms-input-placeholder {
  opacity: 0;
}
body#lp-grade3 section#contact dl dd input:focus::placeholder {
  opacity: 0;
}
body#lp-grade3 section#contact dl dd.setumeikai {
  display: flex;
}
body#lp-grade3 section#contact dl dd.setumeikai span {
  margin-right: 10px;
  padding: 4px;
  border: 2px #a8a593 solid;
  border-radius: 6px;
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  background: #fafaf0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
body#lp-grade3 section#contact dl dd.setumeikai span:last-child {
  margin-right: 0;
}
body#lp-grade3 section#contact dl dd.setumeikai span input {
  width: 30%;
  display: block;
}
body#lp-grade3 section#contact dl dd.setumeikai span label {
  width: 70%;
  height: 100%;
  line-height: 48px;
  display: block;
}
body#lp-grade3 section#contact input[type=submit] {
  display: block;
  width: 800px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: linear-gradient(90deg, #ce0044, #ce0074);
  transition: 0.3s all;
  margin: 0 auto;
  width: 300px;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  font-size: 24px;
  letter-spacing: 5px;
  cursor: pointer;
}
body#lp-grade3 section#contact input[type=submit]:hover {
  opacity: 0.7;
}
body#lp-grade3 section#contact input[type=submit]::after {
  position: absolute;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 14px solid #ffdf0a;
  top: 40px;
  right: 20px;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#contact input[type=submit] {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade3 section#contact input[type=submit]::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade3 section#contact {
    padding: 16vw 0;
    background: url("/assets/img/lp/grade3/sp/contact_bg.png") no-repeat top right/77vw 93vw;
  }
  body#lp-grade3 section#contact h2 {
    margin-bottom: 5.3vw;
  }
  body#lp-grade3 section#contact p.h2-desc {
    padding: 0 20px;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#contact dl {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
    margin-bottom: 10.66vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) and (max-width: 999px) {
  body#lp-grade3 section#contact dl {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#contact dl dt {
    margin-bottom: 4vw;
    font-size: 4.26vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#contact dl dd {
    margin-bottom: 6vw;
    font-size: 4.26vw;
  }
  body#lp-grade3 section#contact dl dd:last-child {
    margin-bottom: 0;
  }
  body#lp-grade3 section#contact dl dd.setumeikai {
    flex-wrap: wrap;
  }
  body#lp-grade3 section#contact dl dd.setumeikai span {
    margin: 0 10px 10px 0;
    width: calc(50% - 10px);
  }
  body#lp-grade3 section#contact dl dd.setumeikai span:nth-child(even) {
    margin-right: 0;
  }
  body#lp-grade3 section#contact dl dd.setumeikai span:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  body#lp-grade3 section#contact dl dd.setumeikai span input {
    width: 30%;
  }
  body#lp-grade3 section#contact dl dd.setumeikai span label {
    width: 70%;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 section#contact input[type=submit] {
    display: block;
    width: 800px;
    height: 100px;
    line-height: 100px;
    border-radius: 50px;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    box-sizing: border-box;
    position: relative;
    background: linear-gradient(90deg, #ce0044, #ce0074);
    transition: 0.3s all;
    width: 100%;
    height: 12vw;
    line-height: 12vw;
    border-radius: 50%;
    font-size: 4.26vw;
  }
  body#lp-grade3 section#contact input[type=submit]:hover {
    opacity: 0.7;
  }
  body#lp-grade3 section#contact input[type=submit]::after {
    position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 14px solid #ffdf0a;
    top: 40px;
    right: 20px;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) and (max-width: 999px) {
  body#lp-grade3 section#contact input[type=submit] {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade3 section#contact input[type=submit]::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}

body#lp-grade3 footer .footer-cta-txt {
  padding: 30px 0;
  background: #d6dbe1;
}
body#lp-grade3 footer .footer-cta-txt p {
  line-height: 1.5;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
body#lp-grade3 footer .footer-cta-btn {
  padding: 30px 0 35px;
  background-color: #eceef1;
}
body#lp-grade3 footer .footer-cta-btn p {
  margin: 0 auto 10px;
  width: 370px;
  line-height: 1.5;
  color: #b5003c;
  text-align: center;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
  font-weight: bold;
  position: relative;
}
body#lp-grade3 footer .footer-cta-btn p::before, body#lp-grade3 footer .footer-cta-btn p::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 70px;
  background: #b5003c;
  top: 10px;
}
body#lp-grade3 footer .footer-cta-btn p::before {
  left: 0;
  transform: rotateZ(-40deg);
}
body#lp-grade3 footer .footer-cta-btn p::after {
  right: 0;
  transform: rotateZ(40deg);
}
body#lp-grade3 footer .footer-btm {
  padding: 20px 0 50px;
}
body#lp-grade3 footer .footer-btm ul.sec-inner {
  width: 800px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 footer .footer-btm ul.sec-inner {
    width: 700px;
  }
}
body#lp-grade3 footer .footer-btm ul.sec-inner li {
  font-size: 12px;
}
body#lp-grade3 footer .footer-btm ul.sec-inner li.copy {
  margin-right: auto;
  order: 1;
}
body#lp-grade3 footer .footer-btm ul.sec-inner li.link {
  order: 2;
}
body#lp-grade3 footer .footer-btm ul.sec-inner li.link ul {
  display: flex;
}
body#lp-grade3 footer .footer-btm ul.sec-inner li.link ul li {
  margin-right: 20px;
}
body#lp-grade3 footer .footer-btm ul.sec-inner li.link ul li:last-child {
  margin-right: 0;
}
body#lp-grade3 footer .footer-btm ul.sec-inner li.link ul a {
  text-decoration: underline;
}
body#lp-grade3 footer .footer-btm ul.sec-inner li.link ul a:hover {
  text-decoration: none;
}
@media screen and (max-width: 999px) {
  body#lp-grade3 footer .footer-cta-txt {
    padding: 4vw 0;
  }
  body#lp-grade3 footer .footer-cta-txt p {
    font-size: 4vw;
  }
  body#lp-grade3 footer .footer-cta-btn {
    padding: 4vw 0;
  }
  body#lp-grade3 footer .footer-cta-btn p {
    margin: 0 auto 10px;
    width: 64vw;
    font-size: 4vw;
  }
  body#lp-grade3 footer .footer-cta-btn p::before, body#lp-grade3 footer .footer-cta-btn p::after {
    position: absolute;
    content: "";
    width: 2px;
    height: 9.3vw;
    top: 2vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade3 footer .footer-btm {
    padding: 10vw 0 4vw;
  }
  body#lp-grade3 footer .footer-btm ul.sec-inner {
    width: 100%;
    display: block;
  }
  body#lp-grade3 footer .footer-btm ul.sec-inner li {
    font-size: 3.6vw;
  }
  body#lp-grade3 footer .footer-btm ul.sec-inner li.copy {
    margin-right: 0;
    text-align: center;
  }
  body#lp-grade3 footer .footer-btm ul.sec-inner li.link ul {
    margin-bottom: 14vw;
    display: block;
  }
  body#lp-grade3 footer .footer-btm ul.sec-inner li.link ul li {
    margin: 0 0 20px;
    text-align: center;
  }
}

body#lp-grade2 #content span.accent {
  color: #793095;
}

body#lp-grade2 #content .movie-box {
  margin: 0 auto;
  width: 800px;
  max-width: 800px;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 #content .movie-box {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade2 #content .movie-box-inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
body#lp-grade2 #content .movie-box-inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
body#lp-grade2 #content h2 {
  font-size: 40px;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 #content h2 {
    line-height: 1.5;
    font-size: 8vw;
  }
}
@media screen and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade2 #content h2 {
    font-size: 40px;
  }
}
body#lp-grade2 #content h2.line {
  padding-top: 80px;
  position: relative;
}
body#lp-grade2 #content h2.line::before {
  position: absolute;
  content: "";
  width: 200px;
  height: 2px;
  background: #000;
  top: 0;
  left: calc(50% - 100px);
}
@media screen and (max-width: 999px) {
  body#lp-grade2 #content h2.line {
    padding-top: 16vw;
  }
  body#lp-grade2 #content h2.line::before {
    width: 26vw;
    left: calc(50% - 13vw);
  }
}
body#lp-grade2 #content span.ti-logo {
  display: inline-block;
  width: 550px;
  height: 60px;
  position: relative;
}
body#lp-grade2 #content span.ti-logo img {
  position: absolute;
  left: 0;
  bottom: -17px;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 #content span.ti-logo {
    margin: 0 auto;
    width: calc(100% - 40px);
    max-width: 550px;
    height: auto;
    display: block;
    position: static;
  }
  body#lp-grade2 #content span.ti-logo img {
    position: static;
    vertical-align: middle;
  }
}
body#lp-grade2 #content h3 {
  line-height: 1.6;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 743px) {
  body#lp-grade2 #content h3 {
    font-size: 5.86vw;
  }
}
body#lp-grade2 #content p.h2-desc {
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 743px) {
  body#lp-grade2 #content p.h2-desc {
    margin-bottom: 8vw;
    font-size: 4.26vw;
  }
}

body#lp-grade2 header {
  width: 100%;
  height: 100px;
  position: fixed;
  z-index: 10000;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
}
body#lp-grade2 header .header-inner {
  margin: 0 auto;
  padding: 20px;
  max-width: 1000px;
  height: 60px;
  display: flex;
}
body#lp-grade2 header h1 {
  margin-right: auto;
  width: 195px;
  height: 60px;
}
body#lp-grade2 header .header-cta {
  margin-left: auto;
  width: 340px;
  height: 60px;
}
body#lp-grade2 header .header-cta a {
  display: block;
  width: 800px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: linear-gradient(90deg, #ce0044, #ce0074);
  transition: 0.3s all;
  padding-top: 7px;
  width: 100%;
  height: 60px;
  line-height: 1.3;
  border-radius: 30px;
  font-size: 22px;
  background: linear-gradient(90deg, #793095, #692085);
}
body#lp-grade2 header .header-cta a:hover {
  opacity: 0.7;
}
body#lp-grade2 header .header-cta a::after {
  position: absolute;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 14px solid #ffdf0a;
  top: 40px;
  right: 20px;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 header .header-cta a {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade2 header .header-cta a::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}
body#lp-grade2 header .header-cta a::after {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #ffdf0a;
  top: 24px;
  right: 15px;
}
body#lp-grade2 header .header-cta a span.open {
  font-size: 60%;
  color: #ffdf0a;
  display: block;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 header .header-cta a {
    margin: 0 0 0 auto;
    padding-top: 7px;
    width: 100%;
    height: 46px;
    line-height: 1.3;
    border-radius: 23px;
    font-size: 15px;
  }
  body#lp-grade2 header .header-cta a::after {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #ffdf0a;
    top: 19px;
    right: 5px;
  }
}
body#lp-grade2 header.is-active {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 header {
    opacity: 1;
    visibility: visible;
    height: auto;
    position: fixed;
  }
  body#lp-grade2 header .header-inner {
    margin: 0 auto;
    padding: 10px 20px;
    max-width: 100%;
    height: auto;
    align-items: center;
  }
  body#lp-grade2 header h1 {
    margin-right: auto;
    width: 146px;
    height: 45px;
  }
  body#lp-grade2 header .header-cta {
    width: 160px;
    height: 45px;
  }
  body#lp-grade2 header .header-cta a {
    display: block;
    width: 800px;
    height: 100px;
    line-height: 100px;
    border-radius: 50px;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    box-sizing: border-box;
    position: relative;
    background: linear-gradient(90deg, #ce0044, #ce0074);
    transition: 0.3s all;
    padding-top: 7px;
    width: 100%;
    height: 60px;
    line-height: 1.3;
    border-radius: 30px;
    font-size: 22px;
    background: linear-gradient(90deg, #793095, #692085);
  }
  body#lp-grade2 header .header-cta a:hover {
    opacity: 0.7;
  }
  body#lp-grade2 header .header-cta a::after {
    position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 14px solid #ffdf0a;
    top: 40px;
    right: 20px;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body#lp-grade2 header .header-cta a {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade2 header .header-cta a::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 header .header-cta a::after {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #ffdf0a;
    top: 24px;
    right: 15px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 header .header-cta a span.open {
    font-size: 60%;
    color: #ffdf0a;
    display: block;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body#lp-grade2 header .header-cta a {
    margin: 0 0 0 auto;
    padding-top: 7px;
    width: 100%;
    height: 46px;
    line-height: 1.3;
    border-radius: 23px;
    font-size: 15px;
  }
  body#lp-grade2 header .header-cta a::after {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #ffdf0a;
    top: 19px;
    right: 5px;
  }
}

@media screen and (max-width: 999px) {
  body#lp-grade2 main {
    padding-top: 65px;
  }
}

body#lp-grade2 .cta-btn a {
  display: block;
  width: 800px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: linear-gradient(90deg, #ce0044, #ce0074);
  transition: 0.3s all;
  background: linear-gradient(90deg, #793095, #692085);
  margin: 0 auto;
  line-height: 1.1;
  letter-spacing: 2px;
}
body#lp-grade2 .cta-btn a:hover {
  opacity: 0.7;
}
body#lp-grade2 .cta-btn a::after {
  position: absolute;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 14px solid #ffdf0a;
  top: 40px;
  right: 20px;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 .cta-btn a {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade2 .cta-btn a::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 .cta-btn a {
    line-height: 1.25;
  }
  body#lp-grade2 .cta-btn a span {
    letter-spacing: 1px;
  }
}

body#lp-grade2 #mv {
  width: 100%;
  height: 100vh;
  max-height: 700px;
  min-height: 600px;
  background: url("/assets/img/lp/grade2/pc/mv_bg.jpg") no-repeat center/cover;
  z-index: -2;
}
body#lp-grade2 #mv .mv-inner {
  margin: 0 auto;
  padding: 0 20px;
  width: 1000px;
  max-width: 1000px;
  height: 100vh;
  max-height: 700px;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
}
body#lp-grade2 #mv .mv-logo {
  width: 100%;
  height: 83px;
}
body#lp-grade2 #mv .mv-logo img {
  width: 300px;
  height: 83px;
}
body#lp-grade2 #mv .mv-txt {
  font-weight: 700;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body#lp-grade2 #mv .mv-txt p {
  line-height: 1.4;
  text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 10px #fff;
}
body#lp-grade2 #mv .mv-txt p:nth-child(1) {
  margin-bottom: 20px;
  font-size: 36px;
}
body#lp-grade2 #mv .mv-txt p:nth-child(1) span.l1 {
  color: #793095;
}
body#lp-grade2 #mv .mv-txt p:nth-child(2) {
  font-size: 45px;
}
body#lp-grade2 #mv .mv-cta-box {
  width: 100%;
  height: 80px;
  display: flex;
}
body#lp-grade2 #mv .mv-cta {
  width: 500px;
  height: 80px;
}
body#lp-grade2 #mv .mv-cta a {
  display: block;
  width: 800px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: linear-gradient(90deg, #ce0044, #ce0074);
  transition: 0.3s all;
  background: linear-gradient(90deg, #793095, #692085);
  border: 2px solid #fff;
  width: 500px;
  height: 80px;
  line-height: 1.1;
  border-radius: 40px;
  font-size: 30px;
}
body#lp-grade2 #mv .mv-cta a:hover {
  opacity: 0.7;
}
body#lp-grade2 #mv .mv-cta a::after {
  position: absolute;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 14px solid #ffdf0a;
  top: 40px;
  right: 20px;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 #mv .mv-cta a {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade2 #mv .mv-cta a::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}
body#lp-grade2 #mv .mv-cta a::after {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #ffdf0a;
  top: 30px;
  right: 20px;
}
body#lp-grade2 #mv .mv-point {
  margin-left: 40px;
  width: calc(100% - 540px);
}
body#lp-grade2 #mv .mv-point ul {
  display: flex;
  justify-content: space-between;
}
body#lp-grade2 #mv .mv-point li {
  padding-top: 2px;
  width: calc((100% - 20px) / 2);
  height: 80px;
  line-height: 1.2;
  font-size: 18px;
  text-align: center;
  background: url("/assets/img/lp/grade2/pc/mv_bg_point.png") no-repeat top 0 left 0/200px 80px;
  box-sizing: border-box;
  letter-spacing: -0.5px;
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff, 0 0 10px #fff;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body#lp-grade2 #mv .mv-point li:last-child {
  padding-top: 6px;
}
body#lp-grade2 #mv .mv-point li:last-child span.p75 {
  letter-spacing: -1px;
}
body#lp-grade2 #mv .mv-point li .mv-point-kome span {
  margin-top: 5px;
  display: block;
  line-height: 1;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 #mv {
    width: 100%;
    height: auto;
    max-height: none;
    min-height: auto;
    background: transparent;
  }
  body#lp-grade2 #mv .mv-inner {
    margin: 0 auto;
    padding: 0 20px 20px;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    position: relative;
    display: block;
    background: #dcecef;
    box-sizing: border-box;
  }
  body#lp-grade2 #mv .mv-txt {
    margin-bottom: 4vw;
    padding: 0;
    height: auto;
    font-weight: 700;
  }
  body#lp-grade2 #mv .mv-txt p {
    text-shadow: none;
    text-align: center;
  }
  body#lp-grade2 #mv .mv-txt p:nth-child(1) {
    margin-bottom: 10px;
    font-size: 4.8vw;
  }
  body#lp-grade2 #mv .mv-txt p:nth-child(2) {
    font-size: 6vw;
  }
  body#lp-grade2 #mv .mv-txt p:nth-child(2) span.p95 {
    margin-bottom: 20px;
    font-size: 92%;
  }
  body#lp-grade2 #mv .mv-txt p:nth-child(2) span.lineY {
    font-size: 120%;
  }
  body#lp-grade2 #mv .mv-cta-box {
    width: 100%;
    height: auto;
    display: block;
  }
  body#lp-grade2 #mv .mv-cta {
    margin: 0;
    width: 100%;
    height: 16vw;
  }
  body#lp-grade2 #mv .mv-cta a {
    padding-left: 0;
    border: none;
    width: 100%;
    height: 16vw;
    line-height: 1.3;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade2 #mv .mv-cta a::before {
    position: static;
  }
  body#lp-grade2 #mv .mv-cta a::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
  body#lp-grade2 #mv .mv-point {
    margin: 4vw 0 0;
    width: 100%;
  }
  body#lp-grade2 #mv .mv-point li {
    padding-top: 2vw;
    width: calc((100% - 2.66vw) / 2);
    height: 23.5vw;
    line-height: 1.3;
    font-size: 4vw;
    background: url("/assets/img/lp/grade2/sp/mv_bg_point.png") no-repeat top 0 left 0/contain;
  }
  body#lp-grade2 #mv .mv-point li:last-child {
    padding-top: 3vw;
  }
  body#lp-grade2 #mv .mv-point li:last-child span.p75 {
    font-size: 60%;
  }
  body#lp-grade2 #mv .mv-point li .mv-point-kome span {
    margin-top: 1.2vw;
  }
}
body#lp-grade2 #other-courses {
  padding: 15px 0;
  text-align: center;
  font-size: min(4vw, 16px);
  background: #a8a593;
  color: #fff;
}
body#lp-grade2 #other-courses dl {
  display: flex;
  justify-content: center;
  font-weight: bold;
}
body#lp-grade2 #other-courses dl dd {
  margin-left: 10px;
}
body#lp-grade2 #other-courses dl dd a {
  padding: 5px;
  border: 1px #b5003c solid;
  border-radius: 3px;
  background: #fff3f7;
  color: #b5003c;
}
body#lp-grade2 #other-courses dl dd:last-child a {
  border: 1px #0132ae solid;
  background: #f1f5f6;
  color: #0132ae;
}
@media screen and (max-width: 743px) {
  body#lp-grade2 #other-courses {
    padding: 15px 0;
  }
  body#lp-grade2 #other-courses dl {
    flex-wrap: wrap;
  }
  body#lp-grade2 #other-courses dl dt {
    margin-bottom: 15px;
    width: 100%;
  }
  body#lp-grade2 #other-courses dl dd:first-child {
    margin-left: 0;
  }
}
body#lp-grade2 #intro-movie {
  padding: 80px 0 100px;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 #intro-movie {
    padding: 13.3vw 0 16vw;
  }
}
body#lp-grade2 section#media {
  margin-bottom: 100px;
}
body#lp-grade2 section#media h2 {
  margin-bottom: 30px;
  font-size: 30px;
  font-feature-settings: "palt";
}
body#lp-grade2 section#media p.h2-desc {
  margin-bottom: 40px;
  text-align: center;
}
body#lp-grade2 section#media .media-img {
  margin: 0 auto;
  width: 800px;
}
body#lp-grade2 section#media .media-img img {
  border-radius: 6px;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#media {
    margin-bottom: 26.6vw;
  }
  body#lp-grade2 section#media h2 {
    margin-bottom: 5vw;
    font-size: 7.3vw;
  }
  body#lp-grade2 section#media p.h2-desc {
    margin-bottom: 8vw;
    line-height: 1.6;
  }
  body#lp-grade2 section#media .media-img {
    width: 100%;
  }
}
@media screen and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade2 section#media h2 {
    font-size: 34px;
  }
}
body#lp-grade2 #sideline {
  margin: 0 auto 100px;
  width: 800px;
}
body#lp-grade2 #sideline h2 {
  margin-bottom: 50px;
  font-size: min(6vw, 28px);
}
body#lp-grade2 #sideline h2 span {
  margin-right: 10px;
  padding: 2px 0px 3px 8px;
  background: #000;
  color: #fff;
  font-size: 80%;
  font-weight: bold;
}
body#lp-grade2 #sideline .sec-inner {
  width: 800px;
}
body#lp-grade2 #sideline .sideline-ph {
  margin: 0 auto 30px;
  width: 800px;
  height: 400px;
}
body#lp-grade2 #sideline ul {
  margin-bottom: 20px;
  padding: 20px 10px;
  border: 1px #000 dotted;
  border-right: none;
  border-left: none;
  font-size: 15px;
  box-sizing: border-box;
}
body#lp-grade2 #sideline ul li {
  margin-bottom: 10px;
  line-height: 1.4;
}
body#lp-grade2 #sideline ul li:last-child {
  margin-bottom: 0;
  font-size: 90%;
}
body#lp-grade2 #sideline a.sideline-btn {
  display: block;
  width: 800px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: linear-gradient(90deg, #ce0044, #ce0074);
  transition: 0.3s all;
  margin: 0 auto;
  width: 240px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  background: #a8a593;
}
body#lp-grade2 #sideline a.sideline-btn:hover {
  opacity: 0.7;
}
body#lp-grade2 #sideline a.sideline-btn::after {
  position: absolute;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 14px solid #ffdf0a;
  top: 40px;
  right: 20px;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 #sideline a.sideline-btn {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade2 #sideline a.sideline-btn::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}
body#lp-grade2 #sideline a.sideline-btn::after {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #fff;
  top: 18px;
  right: 15px;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 #sideline {
    margin-bottom: 100px;
    width: 100%;
  }
  body#lp-grade2 #sideline h2 {
    margin-bottom: 20px;
    line-height: 1.2;
  }
  body#lp-grade2 #sideline h2 span {
    margin: 0 auto 5px;
    display: block;
    width: 30vw;
  }
  body#lp-grade2 #sideline .sec-inner {
    width: calc(100% - 40px);
  }
  body#lp-grade2 #sideline .sideline-ph {
    margin: 0 auto 30px;
    width: 100%;
    height: auto;
  }
  body#lp-grade2 #sideline ul li {
    padding-left: 3em;
    text-indent: -3em;
  }
  body#lp-grade2 #sideline ul li:last-child {
    padding-left: 1em;
    text-indent: -1em;
  }
  body#lp-grade2 #sideline a.sideline-btn {
    width: 200px;
    font-size: 14px;
  }
  body#lp-grade2 #sideline a.sideline-btn::after {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #fff;
    top: 20px;
    right: 10px;
  }
}
body#lp-grade2 section#about h2 {
  margin-bottom: 80px;
}
body#lp-grade2 section#about h2 .ti-logo {
  margin-right: 10px;
}
body#lp-grade2 section#about ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body#lp-grade2 section#about ul li {
  margin-bottom: 60px;
  width: calc((100% - 80px) / 2);
}
body#lp-grade2 section#about ul dt {
  display: flex;
}
body#lp-grade2 section#about ul dt .ic {
  margin: 0 15px 0 0;
  padding-bottom: 10px;
  border-bottom: 2px #7f7322 solid;
  width: 75px;
  height: 40px;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 24px;
  display: block;
  color: #7f7322;
}
body#lp-grade2 section#about ul dt .ic span {
  font-size: 40px;
}
body#lp-grade2 section#about ul h3 {
  margin-bottom: 10px;
  padding-top: 8px;
  width: calc(100% - 90px);
  min-height: 80px;
}
body#lp-grade2 section#about ul .about-img {
  margin-bottom: 20px;
}
body#lp-grade2 section#about ul .about-img img {
  border-radius: 6px;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#about {
    margin-bottom: 16.6vw;
  }
  body#lp-grade2 section#about h2 {
    margin-bottom: 13.3vw;
    line-height: 1.2;
  }
  body#lp-grade2 section#about h2 span.ti-logo {
    margin: 0 auto;
  }
  body#lp-grade2 section#about ul {
    display: block;
  }
  body#lp-grade2 section#about ul li {
    margin-bottom: 16vw;
    width: 100%;
  }
  body#lp-grade2 section#about ul dt {
    display: block;
  }
  body#lp-grade2 section#about ul dt .ic {
    margin: 0 15px 0 0;
    padding-bottom: 10px;
    border-bottom: 2px #7f7322 solid;
    width: 75px;
    height: 40px;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 24px;
    display: block;
    color: #7f7322;
  }
  body#lp-grade2 section#about ul dt .ic span {
    font-size: 40px;
  }
  body#lp-grade2 section#about ul h3 {
    margin-bottom: 2.6vw;
    padding-top: 2vw;
    width: 100%;
    min-height: auto;
  }
  body#lp-grade2 section#about ul .about-img {
    margin-bottom: 4vw;
  }
}
body#lp-grade2 #instalive {
  margin-bottom: 80px;
  padding: 40px 100px 80px;
  background: url("/assets/img/lp/grade2/common/instalive_bg.png") repeat 0 0/10px 10px, #fbf7fd;
  box-sizing: border-box;
}
body#lp-grade2 #instalive .instalive-comment {
  margin: 0 auto;
  width: 540px;
  height: 250px;
  background: url("/assets/img/lp/grade2/pc/instalive_ph1.png") no-repeat top 0 left 0/210px 250px;
}
body#lp-grade2 #instalive .instalive-comment p {
  margin: 0 0 0 auto;
  padding-top: 20px;
  width: calc(100% - 220px);
}
body#lp-grade2 #instalive .instalive-content iframe {
  margin: 0 auto !important;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 #instalive {
    margin-bottom: 10vw;
    padding: 4vw;
  }
  body#lp-grade2 #instalive .instalive-comment {
    width: 100%;
    height: auto;
    background: url("/assets/img/lp/grade2/sp/instalive_ph1.png") no-repeat top 0 left 0/100px 139px;
  }
  body#lp-grade2 #instalive .instalive-comment p {
    margin: 0 0 4vw auto;
    padding-top: 0;
    width: calc(100% - 120px);
  }
  body#lp-grade2 #instalive .instalive-content iframe {
    margin: 0 auto !important;
  }
}
body#lp-grade2 #giken {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  margin-bottom: 80px;
  padding: 72px 0;
  box-sizing: border-box;
  background: url("/assets/img/lp/grade2/pc/giken_img1.png") no-repeat top 60px right 30px/200px 250px, url("/assets/img/lp/grade2/pc/giken_bg1.png") no-repeat top 10px left 10px/980px 62px, url("/assets/img/lp/grade2/pc/giken_bg3.png") no-repeat bottom 10px left 10px/980px 62px, #f1f5f6;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 #giken {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade2 #giken .giken-txt {
  width: 100%;
  background: url("/assets/img/lp/grade2/pc/giken_bg2.png") repeat-y top 0px left 10px/980px 1px;
}
body#lp-grade2 #giken h2 {
  margin-bottom: 60px;
  font-size: 34px;
}
body#lp-grade2 #giken .giken-txt-inner {
  padding: 0 50px;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 #giken {
    margin-bottom: 10vw;
    padding: 16vw 0;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    background: url("/assets/img/lp/grade2/sp/giken_bg1.png") no-repeat top 0 left 0/60px 60px, url("/assets/img/lp/grade2/sp/giken_bg2.png") no-repeat top 0 right 0/60px 60px, url("/assets/img/lp/grade2/sp/giken_bg3.png") no-repeat bottom 0 left 0/60px 60px, url("/assets/img/lp/grade2/sp/giken_bg4.png") no-repeat bottom 0 right 0/60px 60px, #f1f5f6;
  }
  body#lp-grade2 #giken .giken-txt {
    width: 100%;
    background: transparent;
  }
  body#lp-grade2 #giken h2 {
    margin-bottom: 13.3vw;
    font-size: 8vw;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade2 #giken h2 {
    margin-bottom: 60px;
    font-size: 34px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 #giken .giken-txt-inner {
    padding: 0;
  }
}
body#lp-grade2 section#problem {
  margin-top: 80px;
  padding: 80px 0 60px;
  width: 100%;
  background: url("/assets/img/lp/grade2/pc/problem_bg.jpg") no-repeat center/cover;
  position: relative;
}
body#lp-grade2 section#problem::after {
  position: absolute;
  content: "";
  border-right: 25px transparent solid;
  border-left: 25px transparent solid;
  border-top: 34px #d1cdcc solid;
  bottom: -34px;
  left: calc(50% - 25px);
}
@media screen and (min-width: 1600px) {
  body#lp-grade2 section#problem::after {
    border-top: 34px #e0e4e7 solid;
  }
}
body#lp-grade2 section#problem h2 {
  margin-bottom: 60px;
}
body#lp-grade2 section#problem ul {
  display: flex;
  justify-content: center;
}
body#lp-grade2 section#problem ul li {
  margin-right: 20px;
  padding: 25px;
  border: 2px #fff solid;
  width: 200px;
  height: 200px;
  line-height: 1.5;
  box-sizing: border-box;
  border-radius: 100%;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
  font-weight: bold;
  background: #c3c6d4;
  position: relative;
  display: flex;
  align-items: center;
}
body#lp-grade2 section#problem ul li:last-child {
  margin-right: 0;
}
body#lp-grade2 section#problem ul li::after {
  position: absolute;
  content: "";
  width: 34px;
  height: 50px;
  background: url("/assets/img/lp/grade2/pc/problem_ic1.png") no-repeat top 0 left 0/34px 50px;
  bottom: 0;
  right: 10px;
}
body#lp-grade2 section#problem ul:nth-child(2) li:nth-child(2) {
  background: #bbc4d0;
}
body#lp-grade2 section#problem ul:nth-child(2) li:nth-child(2)::after {
  background-image: url("/assets/img/lp/grade2/pc/problem_ic2.png");
}
body#lp-grade2 section#problem ul:nth-child(2) li:nth-child(3) {
  background: #b8c6c9;
}
body#lp-grade2 section#problem ul:nth-child(3) li:nth-child(1) {
  background: #c0c7ce;
}
body#lp-grade2 section#problem ul:nth-child(3) li:nth-child(1)::after {
  width: 40px;
  background-image: url("/assets/img/lp/grade2/pc/problem_ic3.png");
  background-size: 40px 50px;
}
body#lp-grade2 section#problem ul:nth-child(3) li:nth-child(2) {
  background: #c1ced4;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#problem {
    margin-top: 10.6vw;
    padding: 10.6vw 0;
    padding-right: 20px;
    padding-left: 20px;
    background: url("/assets/img/lp/grade2/sp/problem_bg1.png") no-repeat top center/contain, url("/assets/img/lp/grade2/sp/problem_bg2.png") repeat-y center/contain;
    box-sizing: border-box;
    position: relative;
  }
  body#lp-grade2 section#problem::after {
    position: absolute;
    content: "";
    border-right: 15px transparent solid;
    border-left: 15px transparent solid;
    border-top: 20px #d8dde3 solid;
    bottom: -20px;
    left: calc(50% - 7px);
  }
  body#lp-grade2 section#problem h2 {
    margin-bottom: 10.6vw;
    font-size: 6.6vw;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade2 section#problem h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#problem ul {
    flex-wrap: wrap;
  }
  body#lp-grade2 section#problem ul li {
    margin-right: 20px;
    padding: 0;
    width: calc((100% - 20px) / 2);
    height: auto;
    display: block;
    font-size: 4.2vw;
  }
  body#lp-grade2 section#problem ul li::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  body#lp-grade2 section#problem ul li span.inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }
  body#lp-grade2 section#problem ul li span.inner span {
    padding: 25px;
    display: block;
  }
  body#lp-grade2 section#problem ul li:nth-child(even) {
    margin-right: 0;
  }
  body#lp-grade2 section#problem ul li::after {
    width: 8vw;
    height: 12vw;
    background: url("/assets/img/lp/grade2/sp/problem_ic1.png") no-repeat top 0 left 0/8vw 12vw;
    bottom: 0;
    right: 0;
  }
  body#lp-grade2 section#problem ul:nth-child(2) li:nth-child(2) {
    background: #bbc4d0;
  }
  body#lp-grade2 section#problem ul:nth-child(2) li:nth-child(2)::after {
    background-image: url("/assets/img/lp/grade2/sp/problem_ic2.png");
  }
  body#lp-grade2 section#problem ul:nth-child(2) li:nth-child(3) {
    background: #b8c6c9;
  }
  body#lp-grade2 section#problem ul:nth-child(3) li:nth-child(1) {
    background: #c0c7ce;
  }
  body#lp-grade2 section#problem ul:nth-child(3) li:nth-child(1)::after {
    width: 9.86vw;
    background-image: url("/assets/img/lp/grade2/sp/problem_ic3.png");
    background-size: 9.86vw 12vw;
  }
  body#lp-grade2 section#problem ul:nth-child(3) li:nth-child(2) {
    background: #c1ced4;
  }
}
body#lp-grade2 section#features {
  padding: 80px 0 100px;
  background: url("/assets/img/lp/grade2/pc/features_bg.jpg") no-repeat top 0 left 0/915px 603px;
}
body#lp-grade2 section#features h2 {
  margin-bottom: 80px;
  line-height: 1.5;
}
body#lp-grade2 section#features h2 span.ti-logo img {
  bottom: -10px;
}
body#lp-grade2 section#features ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body#lp-grade2 section#features ul li {
  margin-bottom: 60px;
  width: calc((100% - 80px) / 2);
}
body#lp-grade2 section#features ul dt {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  min-height: 80px;
}
body#lp-grade2 section#features ul dt .ic {
  margin-right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #7f7322;
  color: #fff;
  position: relative;
}
body#lp-grade2 section#features ul dt .ic::after {
  position: absolute;
  content: "!";
  top: 6px;
  left: 13px;
  font-size: 30px;
  font-weight: bold;
  transform: rotateZ(30deg);
}
body#lp-grade2 section#features ul h3 {
  width: calc(100% - 50px);
  color: #7f7322;
}
body#lp-grade2 section#features ul .features-img {
  margin-bottom: 20px;
}
body#lp-grade2 section#features ul .features-img img {
  border-radius: 6px;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#features {
    padding: 16vw 0 21.3vw;
    background: url("/assets/img/lp/grade2/sp/features_bg.jpg") no-repeat top 0 left 0/61vw auto;
  }
  body#lp-grade2 section#features h2 {
    margin-bottom: 16vw;
  }
  body#lp-grade2 section#features ul {
    display: block;
  }
  body#lp-grade2 section#features ul li {
    margin-bottom: 16vw;
    width: 100%;
  }
  body#lp-grade2 section#features ul li:last-child {
    margin-bottom: 0;
  }
  body#lp-grade2 section#features ul dt {
    margin-bottom: 5.33vw;
    min-height: auto;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#features ul dt .ic {
    width: 10.6vw;
    height: 10.6vw;
    border-radius: 100%;
  }
  body#lp-grade2 section#features ul dt .ic::after {
    top: 1.5vw;
    left: 3.8vw;
    font-size: 8vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#features ul h3 {
    width: calc(100% - 10.6vw - 10px);
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#features ul .features-img {
    margin-bottom: 4vw;
  }
}
body#lp-grade2 section#support {
  margin-bottom: 120px;
}
body#lp-grade2 section#support h2 {
  margin-bottom: 40px;
  line-height: 1.5;
  font-weight: bold;
  color: #793095;
  text-align: center;
}
body#lp-grade2 section#support .sec-inner ul {
  display: flex;
  justify-content: space-between;
}
body#lp-grade2 section#support .sec-inner ul li {
  border: 2px #793095 solid;
  padding: 20px;
  width: calc((100% - 40px) / 2);
  box-sizing: border-box;
  align-items: stretch;
  border-radius: 6px;
  background: #fbf7fd;
}
body#lp-grade2 section#support .sec-inner ul dl dt {
  margin-bottom: 20px;
  width: 100%;
}
body#lp-grade2 section#support .sec-inner ul dl dt img {
  border-radius: 6px;
}
body#lp-grade2 section#support .sec-inner ul dl dd {
  width: 100%;
  line-height: 1.8;
  font-size: 16px;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#support {
    margin-bottom: 21.3vw;
  }
  body#lp-grade2 section#support h2 {
    margin-bottom: 12vw;
  }
  body#lp-grade2 section#support h2 span.is-sp {
    padding-top: 2vw;
  }
  body#lp-grade2 section#support .sec-inner ul {
    display: block;
  }
  body#lp-grade2 section#support .sec-inner ul li {
    margin-bottom: 20px;
    width: 100%;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#support .sec-inner ul li {
    padding: 5.3vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#support .sec-inner ul li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#support .sec-inner ul dl dt {
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#support .sec-inner ul dl dd {
    font-size: 4.2vw;
  }
}
body#lp-grade2 section#teachers {
  margin-bottom: 100px;
}
body#lp-grade2 section#teachers h2 {
  margin-bottom: 80px;
  color: #7f7322;
  letter-spacing: 5px;
}
body#lp-grade2 section#teachers .teachers-box {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  padding: 80px 60px;
  box-sizing: border-box;
  background: url("/assets/img/lp/grade2/pc/teachers_bg1.png") no-repeat top 5px left 0/1000px 80px, url("/assets/img/lp/grade2/pc/teachers_bg2.png") no-repeat bottom 5px left 0/1000px 80px, #f1f5f6;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#teachers .teachers-box {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade2 section#teachers .teachers-box.teachers-takai {
  margin-bottom: 60px;
}
body#lp-grade2 section#teachers h3 {
  margin-bottom: 20px;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 30px;
  font-weight: bold;
  color: #7f7322;
}
body#lp-grade2 section#teachers h3 span.en {
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
  font-weight: normal;
  color: #000;
}
body#lp-grade2 section#teachers p.teachers-title {
  margin-bottom: 40px;
  text-align: center;
  font-size: 16px;
}
body#lp-grade2 section#teachers .teachers-img {
  margin-bottom: 40px;
}
body#lp-grade2 section#teachers .teachers-img img {
  border-radius: 6px;
}
body#lp-grade2 section#teachers .teachers-seki .teachers-img {
  margin: 0 auto 40px;
  width: 400px;
}
body#lp-grade2 section#teachers .teachers-txt {
  margin-bottom: 60px;
  padding-bottom: 60px;
  border-bottom: 1px #7f7322 solid;
}
body#lp-grade2 section#teachers .teachers-works {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
body#lp-grade2 section#teachers .teachers-works ul {
  width: calc((100% - 60px) / 2);
}
body#lp-grade2 section#teachers .teachers-works li {
  width: 100%;
}
body#lp-grade2 section#teachers .teachers-works li:nth-child(2) {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px #a8a593 dotted;
}
body#lp-grade2 section#teachers .teachers-works li h4 {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
}
body#lp-grade2 section#teachers .teachers-works li dl {
  font-size: 14px;
  line-height: 1.5;
  display: flex;
  flex-wrap: wrap;
}
body#lp-grade2 section#teachers .teachers-works li dl dt {
  width: 140px;
}
body#lp-grade2 section#teachers .teachers-works li dl dd {
  margin-bottom: 10px;
  width: calc(100% - 140px);
}
body#lp-grade2 section#teachers .teachers-works li.movie dl dt {
  width: 120px;
}
body#lp-grade2 section#teachers .teachers-works li.movie dl dd {
  width: calc(100% - 120px);
}
body#lp-grade2 section#teachers .teachers-works li.deco dl dt {
  width: 70px;
}
body#lp-grade2 section#teachers .teachers-works li.deco dl dd {
  width: calc(100% - 70px);
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#teachers {
    margin-bottom: 16vw;
  }
  body#lp-grade2 section#teachers h2 {
    margin-bottom: 13.3vw;
  }
  body#lp-grade2 section#teachers .teachers-box {
    padding: 13.3vw 0;
    width: 100%;
    background: url("/assets/img/lp/grade2/sp/teachers_bg1.png") no-repeat top 0 left 0/40px 40px, url("/assets/img/lp/grade2/sp/teachers_bg2.png") no-repeat top 0 right 0/40px 40px, url("/assets/img/lp/grade2/sp/teachers_bg3.png") no-repeat bottom 0 left 0/40px 40px, url("/assets/img/lp/grade2/sp/teachers_bg4.png") no-repeat bottom 0 right 0/40px 40px, #f1f5f6;
  }
  body#lp-grade2 section#teachers .teachers-box.teachers-takai {
    margin-bottom: 16vw;
  }
  body#lp-grade2 section#teachers h3 {
    margin-bottom: 6vw;
    padding: 0 20px;
    text-align: left;
    font-size: 6.6vw;
  }
  body#lp-grade2 section#teachers h3 span.en {
    font-size: 5.3vw;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade2 section#teachers h3 {
    font-size: 30px;
  }
  body#lp-grade2 section#teachers h3 span.en {
    font-size: 24px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#teachers p.teachers-title {
    margin-bottom: 5.3vw;
    padding: 0 20px;
    text-align: left;
    font-size: 4vw;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade2 section#teachers p.teachers-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#teachers .teachers-img {
    margin-bottom: 6.6vw;
  }
  body#lp-grade2 section#teachers .teachers-img img {
    border-radius: 0;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#teachers .teachers-seki .teachers-img {
    margin: 0 auto 6.6vw;
    width: 100%;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#teachers .teachers-txt {
    margin: 0 auto 10vw;
    padding-bottom: 10.6vw;
    width: calc(100% - 40px);
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#teachers .teachers-works {
    display: block;
    margin: 0 auto;
    width: calc(100% - 40px);
  }
  body#lp-grade2 section#teachers .teachers-works ul {
    width: 100%;
  }
  body#lp-grade2 section#teachers .teachers-works li {
    width: 100%;
  }
  body#lp-grade2 section#teachers .teachers-works li.tv, body#lp-grade2 section#teachers .teachers-works li.deco {
    margin-top: 6vw;
    padding-top: 6vw;
    border-top: 1px #a8a593 dotted;
  }
  body#lp-grade2 section#teachers .teachers-works li h4 {
    margin-bottom: 20px;
    font-size: 4.2vw;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade2 section#teachers .teachers-works li h4 {
    font-size: 18px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#teachers .teachers-works li dl {
    font-size: 3.72vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#teachers .teachers-works li dl {
    display: block;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade2 section#teachers .teachers-works li dl {
    font-size: 16px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#teachers .teachers-works li dl dt {
    margin-bottom: 1.2vw;
    width: 160px;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#teachers .teachers-works li dl dt {
    width: 100%;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#teachers .teachers-works li dl dd {
    margin-bottom: 3vw;
    width: calc(100% - 160px);
    line-height: 1.6;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#teachers .teachers-works li dl dd {
    width: 100%;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#teachers .teachers-works li.movie dl dt, body#lp-grade2 section#teachers .teachers-works li.movie dl dd, body#lp-grade2 section#teachers .teachers-works li.tv dl dt, body#lp-grade2 section#teachers .teachers-works li.tv dl dd, body#lp-grade2 section#teachers .teachers-works li.deco dl dt, body#lp-grade2 section#teachers .teachers-works li.deco dl dd {
    width: 100%;
  }
}
body#lp-grade2 section#future h2 {
  margin-bottom: 40px;
  line-height: 1.5;
  font-weight: bold;
  color: #793095;
  text-align: center;
}
body#lp-grade2 section#future .future-box {
  margin-bottom: 80px;
  padding-top: 270px;
  width: 100%;
  background: url("/assets/img/lp/grade2/pc/future_bg.jpg") no-repeat top center/1500px auto;
}
body#lp-grade2 section#future .future-box ul {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#future .future-box ul {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade2 section#future .future-box ul li {
  border: 2px #793095 solid;
  padding: 30px 20px 20px;
  width: calc((100% - 80px) / 3);
  box-sizing: border-box;
  align-items: stretch;
  border-radius: 6px;
  background: #fbf7fd;
}
body#lp-grade2 section#future .future-box ul dl dt {
  margin-bottom: 20px;
  width: 100%;
}
body#lp-grade2 section#future .future-box ul dl dt h3 {
  line-height: 1.5;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #793095;
}
body#lp-grade2 section#future .future-box ul dl dd {
  width: 100%;
  line-height: 1.8;
  font-size: 16px;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#future h2 {
    margin-bottom: 12vw;
  }
  body#lp-grade2 section#future .future-box {
    margin-bottom: 10.6vw;
    padding-top: 45.3vw;
    width: 100%;
    background: url("/assets/img/lp/grade2/sp/future_bg.jpg") no-repeat top center/contain;
  }
  body#lp-grade2 section#future .future-box ul {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
    display: block;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body#lp-grade2 section#future .future-box ul {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#future .future-box ul li {
    margin-bottom: 20px;
    width: 100%;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#future .future-box ul li {
    padding: 8vw 5.3vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#future .future-box ul li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#future .future-box ul dl dt {
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#future .future-box ul dl dd {
    font-size: 4.2vw;
  }
}
body#lp-grade2 section#flow {
  padding-top: 80px;
}
body#lp-grade2 section#flow h2 {
  margin-bottom: 60px;
}
body#lp-grade2 section#flow .flow-box {
  margin: 0 auto 30px;
  width: 800px;
}
body#lp-grade2 section#flow .flow-box h3 {
  margin-bottom: 20px;
  color: #793095;
}
body#lp-grade2 section#flow .flow-box h3 .ic {
  margin: 0 15px 0 0;
  padding-bottom: 20px;
  border-bottom: 2px #7f7322 solid;
  width: 75px;
  height: 40px;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
  display: inline-block;
  color: #7f7322;
}
body#lp-grade2 section#flow .flow-box h3 .ic span {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 40px;
  font-weight: normal;
}
body#lp-grade2 section#flow .flow-box .flow-content-txt {
  display: flex;
  justify-content: space-between;
}
body#lp-grade2 section#flow .flow-box .flow-content-txt img {
  border-radius: 6px;
}
body#lp-grade2 section#flow .flow-box .flow-content-txt img {
  width: 300px;
  order: 2;
}
body#lp-grade2 section#flow .flow-box .flow-content-txt p {
  width: calc(100% - 320px);
}
body#lp-grade2 section#flow .flow-box .flow-content-txt p a {
  text-decoration: underline;
}
body#lp-grade2 section#flow .flow-box .flow-content-txt p a:hover {
  text-decoration: none;
}
body#lp-grade2 section#flow .flow-box:last-child {
  margin-bottom: 100px;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#flow {
    padding-top: 13.3vw;
  }
  body#lp-grade2 section#flow h2 {
    margin-bottom: 10vw;
  }
  body#lp-grade2 section#flow .flow-box {
    margin: 0 auto 8vw;
    width: 100%;
  }
  body#lp-grade2 section#flow .flow-box h3 {
    margin-bottom: 20px;
    color: #793095;
  }
  body#lp-grade2 section#flow .flow-box .flow-content-txt {
    display: block;
  }
  body#lp-grade2 section#flow .flow-box .flow-content-txt img {
    margin-bottom: 4vw;
    width: 100%;
  }
  body#lp-grade2 section#flow .flow-box .flow-content-txt p {
    width: 100%;
  }
  body#lp-grade2 section#flow .flow-box:last-child {
    margin-bottom: 13.3vw;
  }
}
body#lp-grade2 section#curriculum {
  padding: 80px 0 60px;
  width: 100%;
  background: url("/assets/img/lp/grade2/pc/curriculum_bg.jpg") no-repeat bottom center/contain, #edf1f5;
}
body#lp-grade2 section#curriculum h2 {
  margin-bottom: 60px;
  color: #7f7322;
}
body#lp-grade2 section#curriculum .curriculum-txt {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  margin-bottom: 30px;
  width: 800px;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#curriculum .curriculum-txt {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade2 section#curriculum dl.curriculum-box {
  margin: 0 auto 20px;
  padding-bottom: 40px;
  width: 800px;
  background: #fff;
  border-radius: 0 0 6px 6px;
}
body#lp-grade2 section#curriculum dl.curriculum-box h3 {
  padding: 0 30px;
  height: 60px;
  line-height: 60px;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
  color: #fff;
  background: #a79751;
  border-radius: 6px 6px 0 0;
}
body#lp-grade2 section#curriculum dl.curriculum-box dl {
  padding: 40px 30px 0;
}
body#lp-grade2 section#curriculum dl.curriculum-box dl h4 {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px #a8a593 solid;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #7f7322;
}
body#lp-grade2 section#curriculum dl.curriculum-box dl dd:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
body#lp-grade2 section#curriculum dl.curriculum-box dl ul {
  float: left;
  width: calc((100% - 40px) / 2);
  font-size: 15px;
}
body#lp-grade2 section#curriculum dl.curriculum-box dl ul li {
  margin-bottom: 15px;
}
body#lp-grade2 section#curriculum dl.curriculum-box dl ul li:last-child {
  margin-bottom: 0;
}
body#lp-grade2 section#curriculum dl.curriculum-box dl ul:nth-child(2) {
  float: right;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#curriculum {
    padding: 13.3vw 0 42.6vw;
    background: url("/assets/img/lp/grade2/sp/curriculum_bg.png") no-repeat bottom center/contain, #edf1f5;
  }
  body#lp-grade2 section#curriculum .curriculum-txt {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
    margin-bottom: 6vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body#lp-grade2 section#curriculum .curriculum-txt {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade2 section#curriculum dl.curriculum-box {
    width: 700px;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#curriculum h2 {
    margin-bottom: 16vw;
  }
  body#lp-grade2 section#curriculum dl.curriculum-box {
    padding-bottom: 0;
    width: 100%;
    background: transparent;
    border-radius: 0;
  }
  body#lp-grade2 section#curriculum dl.curriculum-box h3 {
    margin-bottom: 5.3vw;
    padding: 0;
    height: 16vw;
    line-height: 16vw;
    border-radius: 0;
    text-align: center;
  }
  body#lp-grade2 section#curriculum dl.curriculum-box dl {
    padding: 0 20px;
  }
  body#lp-grade2 section#curriculum dl.curriculum-box dl h4 {
    margin-bottom: 0;
    padding-bottom: 0;
    height: 100%;
    font-size: 4.8vw;
  }
  body#lp-grade2 section#curriculum dl.curriculum-box dl dt {
    height: 16vw;
    line-height: 16vw;
    position: relative;
    cursor: pointer;
  }
  body#lp-grade2 section#curriculum dl.curriculum-box dl dt::after {
    position: absolute;
    content: "+";
    font-size: 5.3vw;
    font-weight: 800;
    color: #7f7322;
    top: 0;
    right: 20px;
  }
  body#lp-grade2 section#curriculum dl.curriculum-box dl dt.is-active::after {
    content: "−";
    right: 18px;
    top: 0;
  }
  body#lp-grade2 section#curriculum dl.curriculum-box dl dd {
    margin: 6vw 0 3vw;
    display: none;
  }
  body#lp-grade2 section#curriculum dl.curriculum-box dl ul {
    float: none;
    width: 100%;
    font-size: 4vw;
  }
  body#lp-grade2 section#curriculum dl.curriculum-box dl ul li {
    margin-bottom: 4vw;
  }
  body#lp-grade2 section#curriculum dl.curriculum-box dl ul li:last-child {
    margin-bottom: 4vw;
  }
  body#lp-grade2 section#curriculum dl.curriculum-box dl ul:nth-child(2) {
    float: none;
  }
}
body#lp-grade2 section#movie-sample {
  padding: 80px 0 100px;
}
body#lp-grade2 section#movie-sample h2 {
  margin-bottom: 60px;
}
body#lp-grade2 section#movie-sample p.h2-desc {
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#movie-sample {
    padding: 16vw 0;
  }
  body#lp-grade2 section#movie-sample h2 {
    margin-bottom: 8vw;
  }
  body#lp-grade2 section#movie-sample p.h2-desc {
    margin-bottom: 8vw;
  }
}
body#lp-grade2 section#fee {
  padding: 80px 0 100px;
  background: url("/assets/img/lp/grade2/pc/fee_bg.jpg") no-repeat center/cover;
}
body#lp-grade2 section#fee h2 {
  margin-bottom: 60px;
}
body#lp-grade2 section#fee ul.fee-box {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#fee ul.fee-box {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade2 section#fee ul.fee-box li {
  padding: 20px 30px;
  border: 2px #a8a593 solid;
  width: calc((100% - 80px) / 3);
  border-radius: 6px;
  background: #f1f5f6;
  box-sizing: border-box;
  text-align: center;
}
body#lp-grade2 section#fee ul.fee-box li dl {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body#lp-grade2 section#fee ul.fee-box li dt {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}
body#lp-grade2 section#fee ul.fee-box li dd {
  font-size: 20px;
  color: #7f7322;
}
body#lp-grade2 section#fee p.kome {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  margin-bottom: 40px;
  text-align: right;
  font-size: 13px;
  color: #6a6a6a;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#fee p.kome {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade2 section#fee .fee-present {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  padding: 20px 0 25px;
  border: 1px #7f7322 dotted;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#fee .fee-present {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade2 section#fee .fee-present p:last-child span.bold {
  color: #7f7322;
}
body#lp-grade2 section#fee .fee-present span.ti {
  margin-right: 10px;
  padding: 5px 10px;
  border: 2px #793095 solid;
  color: #793095;
  font-size: 90%;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#fee {
    padding: 10.6vw 0;
    background: url("/assets/img/lp/grade2/sp/fee_bg.png") no-repeat top center/contain;
  }
  body#lp-grade2 section#fee h2 {
    margin-bottom: 8vw;
  }
  body#lp-grade2 section#fee ul.fee-box {
    margin-bottom: 6vw;
    flex-wrap: wrap;
  }
  body#lp-grade2 section#fee ul.fee-box li {
    margin: 0 10px 0 0;
    padding: 4vw 0;
    width: calc((100% - 20px) / 3 - 20px);
  }
  body#lp-grade2 section#fee ul.fee-box li:last-child {
    margin-right: 0;
    width: calc((100% - 20px) / 3 + 40px);
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#fee ul.fee-box li dt {
    margin-bottom: 2vw;
    font-size: 4vw;
  }
  body#lp-grade2 section#fee ul.fee-box li dd {
    font-size: 4vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#fee p.kome {
    margin-bottom: 6vw;
    padding-left: 20px;
    line-height: 1.4;
    text-align: left;
    text-indent: -1em;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#fee p.kome {
    font-size: 3.5vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#fee .fee-present {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
    border: none;
    border-bottom: 1px #7f7322 dotted;
    text-align: left;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) and (max-width: 999px) {
  body#lp-grade2 section#fee .fee-present {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#fee .fee-present p {
    line-height: 1.4;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#fee .fee-present p:first-child {
    margin-bottom: 2vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#fee .fee-present span.ti {
    margin: 0 0 15px;
    padding: 0 5px;
    display: block;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#fee .fee-present .p160 {
    font-size: 120%;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#fee .fee-present .p120 {
    font-size: 100%;
  }
  body#lp-grade2 section#fee .fee-present .p120 .bold {
    margin: 10px 0 5px;
    display: block;
  }
}
body#lp-grade2 section#comparison {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  padding: 80px 0 100px;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#comparison {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade2 section#comparison h2 {
  margin-bottom: 60px;
  line-height: 1.4;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#comparison {
    padding: 10.6vw 0;
  }
  body#lp-grade2 section#comparison h2 {
    margin-bottom: 8vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#comparison h2 {
    font-size: 7.4vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#comparison .h2-desc {
    text-align: left;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#comparison img {
    margin-bottom: 3vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#comparison .is-tab img:last-child {
    margin-bottom: 0;
  }
}
body#lp-grade2 section#voice {
  margin-top: 80px;
  padding: 80px 0 100px;
  background: url("/assets/img/lp/grade2/pc/voice_bg.jpg") no-repeat top center/contain, #eff8ff;
}
body#lp-grade2 section#voice h2 {
  margin-bottom: 80px;
}
body#lp-grade2 section#voice .sec-inner {
  width: 800px;
}
body#lp-grade2 section#voice .voice-box h3 {
  margin-bottom: 15px;
  color: #7f7322;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body#lp-grade2 section#voice .voice-box p.name {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
}
body#lp-grade2 section#voice .voice-box-ph {
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body#lp-grade2 section#voice .voice-box-ph .voice-txt {
  width: calc(100% - 240px);
}
body#lp-grade2 section#voice .voice-box-ph .voice-img-pc {
  width: 200px;
}
body#lp-grade2 section#voice .voice-box-ph img {
  border-radius: 6px;
}
body#lp-grade2 section#voice .voice-box-noph {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
body#lp-grade2 section#voice .voice-box-noph .voice-box-inner {
  margin-bottom: 40px;
  width: calc((100% - 60px) / 2);
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#voice {
    margin-top: 10.6vw;
    padding: 16vw 0;
    background: url("/assets/img/lp/grade2/sp/voice_bg.png") no-repeat top center/contain, #eff8ff;
  }
  body#lp-grade2 section#voice h2 {
    margin-bottom: 10.6vw;
  }
  body#lp-grade2 section#voice .sec-inner {
    width: calc(100% - 40px);
  }
  body#lp-grade2 section#voice .voice-box h3 {
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#voice .voice-box p.name {
    margin-bottom: 4vw;
    font-size: 4.2vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#voice .voice-box-ph {
    margin-bottom: 12vw;
    display: block;
  }
  body#lp-grade2 section#voice .voice-box-ph .voice-txt {
    width: 100%;
  }
  body#lp-grade2 section#voice .voice-box-ph .voice-img-sp {
    margin-bottom: 4vw;
    width: 100%;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#voice .voice-box-noph {
    display: block;
  }
  body#lp-grade2 section#voice .voice-box-noph .voice-box-inner {
    margin-bottom: 12vw;
    width: 100%;
  }
  body#lp-grade2 section#voice .voice-box-noph .voice-box-inner:last-child {
    margin-bottom: 0;
  }
}
body#lp-grade2 section#faq {
  padding: 100px 0;
}
body#lp-grade2 section#faq h2 {
  margin-bottom: 80px;
}
body#lp-grade2 section#faq h3 {
  margin: 70px 0 40px;
  padding-top: 30px;
  text-align: center;
  position: relative;
  color: #7f7322;
}
body#lp-grade2 section#faq h3::after {
  position: absolute;
  content: "";
  width: 200px;
  height: 2px;
  background: #7f7322;
  top: 0;
  left: calc(50% - 100px);
}
body#lp-grade2 section#faq h3.fi {
  margin-top: 0;
}
body#lp-grade2 section#faq .sec-inner {
  width: 800px;
}
body#lp-grade2 section#faq dl {
  margin-bottom: 20px;
  border: 2px #a8a593 solid;
  border-radius: 6px;
}
body#lp-grade2 section#faq dl:last-child {
  margin-bottom: 0;
}
body#lp-grade2 section#faq dt {
  padding: 15px 60px 15px 0;
  background: #a8a593;
  position: relative;
  cursor: pointer;
}
body#lp-grade2 section#faq dt h4 {
  padding-left: 2.4em;
  text-indent: -1.4em;
  line-height: 1.5;
  font-size: 20px;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 800;
  color: #fff;
}
body#lp-grade2 section#faq dt::after {
  position: absolute;
  content: "+";
  font-size: 24px;
  font-weight: 800;
  color: #fff;
  top: calc(50% - 14px);
  right: 20px;
}
body#lp-grade2 section#faq dt.is-active::after {
  content: "−";
  right: 20px;
  top: calc(50% - 14px);
}
body#lp-grade2 section#faq dd {
  padding: 30px;
  display: none;
}
body#lp-grade2 section#faq dd a {
  text-decoration: underline;
}
body#lp-grade2 section#faq dd a:hover {
  text-decoration: none;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#faq {
    padding: 16vw 0;
  }
  body#lp-grade2 section#faq h2 {
    margin-bottom: 13.3vw;
  }
  body#lp-grade2 section#faq .sec-inner {
    width: 100%;
  }
  body#lp-grade2 section#faq dl {
    margin-bottom: 0;
    border: transparent;
    border-bottom: 1px #a8a593 solid;
    border-radius: 0;
  }
  body#lp-grade2 section#faq dl:first-child {
    border-top: 1px #a8a593 solid;
  }
  body#lp-grade2 section#faq dt {
    color: #7f7322;
    background: #f1f5f6;
    position: relative;
    cursor: pointer;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#faq dt {
    padding: 5.3vw 14vw 5.3vw 0;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#faq dt h3 {
    margin: 9.3vw 0 5.3vw;
    padding-top: 4vw;
  }
  body#lp-grade2 section#faq dt h3::after {
    width: 53vw;
    height: 2px;
    background: #7f7322;
    top: 0;
    left: calc(50% - 26.5vw);
  }
  body#lp-grade2 section#faq dt h3.fi {
    margin-top: 0;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#faq dt h4 {
    color: #7f7322;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#faq dt h4 {
    font-size: 4.26vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#faq dt.is-active {
    background: #7f7322;
  }
  body#lp-grade2 section#faq dt.is-active h4 {
    color: #fff;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#faq dt::after {
    font-size: 4.26vw;
    color: #7f7322;
    top: calc(50% - 2.13vw);
    right: 20px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#faq dt.is-active::after {
    font-size: 4.26vw;
    color: #fff;
    right: 20px;
    top: calc(50% - 2.13vw);
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#faq dd {
    padding: 20px 20px 30px;
  }
}
body#lp-grade2 section#message {
  padding: 100px 0 80px;
  background: url("/assets/img/lp/grade2/pc/message_bg.jpg") no-repeat top center/contain, #fff1f5;
}
body#lp-grade2 section#message h2 {
  margin-bottom: 60px;
}
body#lp-grade2 section#message .sec-inner {
  width: 800px;
  background: #fff;
  border-radius: 6px;
}
body#lp-grade2 section#message .message-img {
  width: 100%;
}
body#lp-grade2 section#message .message-img img {
  border-radius: 6px 6px 0 0;
}
body#lp-grade2 section#message .message-txt {
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
}
body#lp-grade2 section#message .message-txt p {
  line-height: 2.5;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
body#lp-grade2 section#message .message-txt .message-sign {
  margin: 0 0 0 auto;
  width: 200px;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#message {
    padding: 16vw 0 10vw;
    background: url("/assets/img/lp/grade2/sp/message_bg.png") no-repeat top center/contain, #fff1f5;
  }
  body#lp-grade2 section#message h2 {
    margin-bottom: 16vw;
  }
  body#lp-grade2 section#message .sec-inner {
    width: calc(100% - 40px);
    display: block;
    background: transparent;
    border-radius: 0;
  }
  body#lp-grade2 section#message .message-img {
    margin-bottom: 4vw;
    width: 100%;
  }
  body#lp-grade2 section#message .message-img img {
    border-radius: 6px;
  }
  body#lp-grade2 section#message .message-txt {
    width: 100%;
    padding: 0;
  }
  body#lp-grade2 section#message .message-txt p {
    line-height: 2.5;
  }
}
body#lp-grade2 section#contact {
  padding: 100px 0;
  background: url("/assets/img/lp/grade2/pc/contact_bg.jpg") no-repeat top right/600px 531px;
}
body#lp-grade2 section#contact h2 {
  margin-bottom: 60px;
}
body#lp-grade2 section#contact dl {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  width: 600px;
  margin-bottom: 50px;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#contact dl {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade2 section#contact dl dt {
  margin-bottom: 15px;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
  font-weight: bold;
}
body#lp-grade2 section#contact dl dd {
  margin-bottom: 30px;
  width: 100%;
  font-size: 18px;
}
body#lp-grade2 section#contact dl dd:last-child {
  margin-bottom: 0;
}
body#lp-grade2 section#contact dl dd input {
  padding: 15px;
  border: 2px #a8a593 solid;
  width: 100%;
  border-radius: 6px;
  background: #fafaf0;
  box-sizing: border-box;
}
body#lp-grade2 section#contact dl dd input::-moz-placeholder {
  color: #ababab;
}
body#lp-grade2 section#contact dl dd input:-ms-input-placeholder {
  color: #ababab;
}
body#lp-grade2 section#contact dl dd input::placeholder {
  color: #ababab;
}
body#lp-grade2 section#contact dl dd input:focus {
  background: #fff;
}
body#lp-grade2 section#contact dl dd input:focus::-moz-placeholder {
  opacity: 0;
}
body#lp-grade2 section#contact dl dd input:focus:-ms-input-placeholder {
  opacity: 0;
}
body#lp-grade2 section#contact dl dd input:focus::placeholder {
  opacity: 0;
}
body#lp-grade2 section#contact dl dd.setumeikai {
  display: flex;
}
body#lp-grade2 section#contact dl dd.setumeikai span {
  margin-right: 10px;
  padding: 4px;
  border: 2px #a8a593 solid;
  border-radius: 6px;
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  background: #fafaf0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
body#lp-grade2 section#contact dl dd.setumeikai span:last-child {
  margin-right: 0;
}
body#lp-grade2 section#contact dl dd.setumeikai span input {
  width: 30%;
  display: block;
}
body#lp-grade2 section#contact dl dd.setumeikai span label {
  width: 70%;
  height: 100%;
  line-height: 48px;
  display: block;
}
body#lp-grade2 section#contact input[type=submit] {
  display: block;
  width: 800px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: linear-gradient(90deg, #ce0044, #ce0074);
  transition: 0.3s all;
  margin: 0 auto;
  width: 300px;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  font-size: 24px;
  letter-spacing: 5px;
  cursor: pointer;
}
body#lp-grade2 section#contact input[type=submit]:hover {
  opacity: 0.7;
}
body#lp-grade2 section#contact input[type=submit]::after {
  position: absolute;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 14px solid #ffdf0a;
  top: 40px;
  right: 20px;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#contact input[type=submit] {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade2 section#contact input[type=submit]::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade2 section#contact {
    padding: 16vw 0;
    background: url("/assets/img/lp/grade2/sp/contact_bg.png") no-repeat top right/77vw 93vw;
  }
  body#lp-grade2 section#contact h2 {
    margin-bottom: 5.3vw;
  }
  body#lp-grade2 section#contact p.h2-desc {
    padding: 0 20px;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#contact dl {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
    margin-bottom: 10.66vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) and (max-width: 999px) {
  body#lp-grade2 section#contact dl {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#contact dl dt {
    margin-bottom: 4vw;
    font-size: 4.26vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#contact dl dd {
    margin-bottom: 6vw;
    font-size: 4.26vw;
  }
  body#lp-grade2 section#contact dl dd:last-child {
    margin-bottom: 0;
  }
  body#lp-grade2 section#contact dl dd.setumeikai {
    flex-wrap: wrap;
  }
  body#lp-grade2 section#contact dl dd.setumeikai span {
    margin: 0 10px 10px 0;
    width: calc(50% - 10px);
  }
  body#lp-grade2 section#contact dl dd.setumeikai span:nth-child(even) {
    margin-right: 0;
  }
  body#lp-grade2 section#contact dl dd.setumeikai span:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  body#lp-grade2 section#contact dl dd.setumeikai span input {
    width: 30%;
  }
  body#lp-grade2 section#contact dl dd.setumeikai span label {
    width: 70%;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 section#contact input[type=submit] {
    display: block;
    width: 800px;
    height: 100px;
    line-height: 100px;
    border-radius: 50px;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    box-sizing: border-box;
    position: relative;
    background: linear-gradient(90deg, #ce0044, #ce0074);
    transition: 0.3s all;
    width: 100%;
    height: 12vw;
    line-height: 12vw;
    border-radius: 50%;
    font-size: 4.26vw;
  }
  body#lp-grade2 section#contact input[type=submit]:hover {
    opacity: 0.7;
  }
  body#lp-grade2 section#contact input[type=submit]::after {
    position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 14px solid #ffdf0a;
    top: 40px;
    right: 20px;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) and (max-width: 999px) {
  body#lp-grade2 section#contact input[type=submit] {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade2 section#contact input[type=submit]::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}

body#lp-grade2 footer .footer-cta-txt {
  padding: 30px 0;
  background: #d6dbe1;
}
body#lp-grade2 footer .footer-cta-txt p {
  line-height: 1.5;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
body#lp-grade2 footer .footer-cta-btn {
  padding: 30px 0 35px;
  background-color: #eceef1;
}
body#lp-grade2 footer .footer-cta-btn p {
  margin: 0 auto 10px;
  width: 370px;
  line-height: 1.5;
  color: #793095;
  text-align: center;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
  font-weight: bold;
  position: relative;
}
body#lp-grade2 footer .footer-cta-btn p::before, body#lp-grade2 footer .footer-cta-btn p::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 70px;
  background: #793095;
  top: 10px;
}
body#lp-grade2 footer .footer-cta-btn p::before {
  left: 0;
  transform: rotateZ(-40deg);
}
body#lp-grade2 footer .footer-cta-btn p::after {
  right: 0;
  transform: rotateZ(40deg);
}
body#lp-grade2 footer .footer-btm {
  padding: 20px 0 50px;
}
body#lp-grade2 footer .footer-btm ul.sec-inner {
  width: 800px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 footer .footer-btm ul.sec-inner {
    width: 700px;
  }
}
body#lp-grade2 footer .footer-btm ul.sec-inner li {
  font-size: 12px;
}
body#lp-grade2 footer .footer-btm ul.sec-inner li.copy {
  margin-right: auto;
  order: 1;
}
body#lp-grade2 footer .footer-btm ul.sec-inner li.link {
  order: 2;
}
body#lp-grade2 footer .footer-btm ul.sec-inner li.link ul {
  display: flex;
}
body#lp-grade2 footer .footer-btm ul.sec-inner li.link ul li {
  margin-right: 20px;
}
body#lp-grade2 footer .footer-btm ul.sec-inner li.link ul li:last-child {
  margin-right: 0;
}
body#lp-grade2 footer .footer-btm ul.sec-inner li.link ul a {
  text-decoration: underline;
}
body#lp-grade2 footer .footer-btm ul.sec-inner li.link ul a:hover {
  text-decoration: none;
}
@media screen and (max-width: 999px) {
  body#lp-grade2 footer .footer-cta-txt {
    padding: 4vw 0;
  }
  body#lp-grade2 footer .footer-cta-txt p {
    font-size: 4vw;
  }
  body#lp-grade2 footer .footer-cta-btn {
    padding: 4vw 0;
  }
  body#lp-grade2 footer .footer-cta-btn p {
    margin: 0 auto 10px;
    width: 64vw;
    font-size: 4vw;
  }
  body#lp-grade2 footer .footer-cta-btn p::before, body#lp-grade2 footer .footer-cta-btn p::after {
    position: absolute;
    content: "";
    width: 2px;
    height: 9.3vw;
    top: 2vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade2 footer .footer-btm {
    padding: 10vw 0 4vw;
  }
  body#lp-grade2 footer .footer-btm ul.sec-inner {
    width: 100%;
    display: block;
  }
  body#lp-grade2 footer .footer-btm ul.sec-inner li {
    font-size: 3.6vw;
  }
  body#lp-grade2 footer .footer-btm ul.sec-inner li.copy {
    margin-right: 0;
    text-align: center;
  }
  body#lp-grade2 footer .footer-btm ul.sec-inner li.link ul {
    margin-bottom: 14vw;
    display: block;
  }
  body#lp-grade2 footer .footer-btm ul.sec-inner li.link ul li {
    margin: 0 0 20px;
    text-align: center;
  }
}

body#lp-grade1 #content span.accent {
  color: #0132ae;
}

body#lp-grade1 #content .movie-box {
  margin: 0 auto;
  width: 800px;
  max-width: 800px;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 #content .movie-box {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade1 #content .movie-box-inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
body#lp-grade1 #content .movie-box-inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
body#lp-grade1 #content h2 {
  font-size: 40px;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 #content h2 {
    line-height: 1.5;
    font-size: 8vw;
  }
}
@media screen and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade1 #content h2 {
    font-size: 40px;
  }
}
body#lp-grade1 #content h2.line {
  padding-top: 80px;
  position: relative;
}
body#lp-grade1 #content h2.line::before {
  position: absolute;
  content: "";
  width: 200px;
  height: 2px;
  background: #000;
  top: 0;
  left: calc(50% - 100px);
}
@media screen and (max-width: 999px) {
  body#lp-grade1 #content h2.line {
    padding-top: 16vw;
  }
  body#lp-grade1 #content h2.line::before {
    width: 26vw;
    left: calc(50% - 13vw);
  }
}
body#lp-grade1 #content span.ti-logo {
  display: inline-block;
  width: 550px;
  height: 60px;
  position: relative;
}
body#lp-grade1 #content span.ti-logo img {
  position: absolute;
  left: 0;
  bottom: -17px;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 #content span.ti-logo {
    margin: 0 auto;
    width: calc(100% - 40px);
    max-width: 550px;
    height: auto;
    display: block;
    position: static;
  }
  body#lp-grade1 #content span.ti-logo img {
    position: static;
    vertical-align: middle;
  }
}
body#lp-grade1 #content h3 {
  line-height: 1.6;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 743px) {
  body#lp-grade1 #content h3 {
    font-size: 5.86vw;
  }
}
body#lp-grade1 #content p.h2-desc {
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 743px) {
  body#lp-grade1 #content p.h2-desc {
    margin-bottom: 8vw;
    font-size: 4.26vw;
  }
}

body#lp-grade1 header {
  width: 100%;
  height: 100px;
  position: fixed;
  z-index: 10000;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
}
body#lp-grade1 header .header-inner {
  margin: 0 auto;
  padding: 20px;
  max-width: 1000px;
  height: 60px;
  display: flex;
}
body#lp-grade1 header h1 {
  margin-right: auto;
  width: 195px;
  height: 60px;
}
body#lp-grade1 header .header-cta {
  margin-left: auto;
  width: 340px;
  height: 60px;
}
body#lp-grade1 header .header-cta a {
  display: block;
  width: 800px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: linear-gradient(90deg, #ce0044, #ce0074);
  transition: 0.3s all;
  padding-top: 7px;
  width: 100%;
  height: 60px;
  line-height: 1.3;
  border-radius: 30px;
  font-size: 22px;
  background: linear-gradient(90deg, #0132ae, #083470);
}
body#lp-grade1 header .header-cta a:hover {
  opacity: 0.7;
}
body#lp-grade1 header .header-cta a::after {
  position: absolute;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 14px solid #ffdf0a;
  top: 40px;
  right: 20px;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 header .header-cta a {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade1 header .header-cta a::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}
body#lp-grade1 header .header-cta a::after {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #ffdf0a;
  top: 24px;
  right: 15px;
}
body#lp-grade1 header .header-cta a span.open {
  font-size: 60%;
  color: #ffdf0a;
  display: block;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 header .header-cta a {
    margin: 0 0 0 auto;
    padding-top: 7px;
    width: 100%;
    height: 46px;
    line-height: 1.3;
    border-radius: 23px;
    font-size: 15px;
  }
  body#lp-grade1 header .header-cta a::after {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #ffdf0a;
    top: 19px;
    right: 5px;
  }
}
body#lp-grade1 header.is-active {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 header {
    opacity: 1;
    visibility: visible;
    height: auto;
    position: fixed;
  }
  body#lp-grade1 header .header-inner {
    margin: 0 auto;
    padding: 10px 20px;
    max-width: 100%;
    height: auto;
    align-items: center;
  }
  body#lp-grade1 header h1 {
    margin-right: auto;
    width: 146px;
    height: 45px;
  }
  body#lp-grade1 header .header-cta {
    width: 160px;
    height: 45px;
  }
  body#lp-grade1 header .header-cta a {
    display: block;
    width: 800px;
    height: 100px;
    line-height: 100px;
    border-radius: 50px;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    box-sizing: border-box;
    position: relative;
    background: linear-gradient(90deg, #ce0044, #ce0074);
    transition: 0.3s all;
    padding-top: 7px;
    width: 100%;
    height: 60px;
    line-height: 1.3;
    border-radius: 30px;
    font-size: 22px;
    background: linear-gradient(90deg, #0132ae, #083470);
  }
  body#lp-grade1 header .header-cta a:hover {
    opacity: 0.7;
  }
  body#lp-grade1 header .header-cta a::after {
    position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 14px solid #ffdf0a;
    top: 40px;
    right: 20px;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body#lp-grade1 header .header-cta a {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade1 header .header-cta a::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 header .header-cta a::after {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #ffdf0a;
    top: 24px;
    right: 15px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 header .header-cta a span.open {
    font-size: 60%;
    color: #ffdf0a;
    display: block;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body#lp-grade1 header .header-cta a {
    margin: 0 0 0 auto;
    padding-top: 7px;
    width: 100%;
    height: 46px;
    line-height: 1.3;
    border-radius: 23px;
    font-size: 15px;
  }
  body#lp-grade1 header .header-cta a::after {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #ffdf0a;
    top: 19px;
    right: 5px;
  }
}

@media screen and (max-width: 999px) {
  body#lp-grade1 main {
    padding-top: 65px;
  }
}

body#lp-grade1 .cta-btn a {
  display: block;
  width: 800px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: linear-gradient(90deg, #ce0044, #ce0074);
  transition: 0.3s all;
  background: linear-gradient(90deg, #0132ae, #083470);
  margin: 0 auto;
  line-height: 1.1;
  letter-spacing: 2px;
}
body#lp-grade1 .cta-btn a:hover {
  opacity: 0.7;
}
body#lp-grade1 .cta-btn a::after {
  position: absolute;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 14px solid #ffdf0a;
  top: 40px;
  right: 20px;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 .cta-btn a {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade1 .cta-btn a::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 .cta-btn a {
    line-height: 1.25;
  }
  body#lp-grade1 .cta-btn a span {
    letter-spacing: 1px;
  }
}

body#lp-grade1 #mv {
  width: 100%;
  height: 100vh;
  max-height: 700px;
  min-height: 600px;
  background: url("/assets/img/lp/grade1/pc/mv_bg.jpg") no-repeat center/cover;
  z-index: -2;
}
body#lp-grade1 #mv .mv-inner {
  margin: 0 auto;
  padding: 0 20px;
  width: 1000px;
  max-width: 1000px;
  height: 100vh;
  max-height: 700px;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
}
body#lp-grade1 #mv .mv-logo {
  width: 100%;
  height: 83px;
}
body#lp-grade1 #mv .mv-logo img {
  width: 300px;
  height: 83px;
}
body#lp-grade1 #mv .mv-txt {
  font-weight: 700;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body#lp-grade1 #mv .mv-txt p {
  line-height: 1.4;
  text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 10px #fff;
}
body#lp-grade1 #mv .mv-txt p:nth-child(1) {
  margin-bottom: 20px;
  font-size: 36px;
}
body#lp-grade1 #mv .mv-txt p:nth-child(1) span.l1 {
  color: #0132ae;
}
body#lp-grade1 #mv .mv-txt p:nth-child(2) {
  font-size: 45px;
}
body#lp-grade1 #mv .mv-txt span.appeal {
  padding: 2px 10px;
  color: #fff;
  font-size: 28px;
  text-shadow: 0 -1px 0 #484009;
  letter-spacing: 1px;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  background: linear-gradient(45deg, #7f7322, #ac9c2f, #6b6012);
}
body#lp-grade1 #mv .mv-cta-box {
  width: 100%;
  height: 80px;
  display: flex;
}
body#lp-grade1 #mv .mv-cta {
  width: 500px;
  height: 80px;
}
body#lp-grade1 #mv .mv-cta a {
  display: block;
  width: 800px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: linear-gradient(90deg, #ce0044, #ce0074);
  transition: 0.3s all;
  background: linear-gradient(90deg, #0132ae, #083470);
  border: 2px solid #fff;
  width: 500px;
  height: 80px;
  line-height: 1.1;
  border-radius: 40px;
  font-size: 30px;
}
body#lp-grade1 #mv .mv-cta a:hover {
  opacity: 0.7;
}
body#lp-grade1 #mv .mv-cta a::after {
  position: absolute;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 14px solid #ffdf0a;
  top: 40px;
  right: 20px;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 #mv .mv-cta a {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade1 #mv .mv-cta a::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}
body#lp-grade1 #mv .mv-cta a::after {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #ffdf0a;
  top: 30px;
  right: 20px;
}
body#lp-grade1 #mv .mv-point {
  margin-left: 40px;
  width: calc(100% - 540px);
}
body#lp-grade1 #mv .mv-point ul {
  display: flex;
  justify-content: space-between;
}
body#lp-grade1 #mv .mv-point li {
  padding-top: 2px;
  width: calc((100% - 20px) / 2);
  height: 80px;
  line-height: 1.2;
  font-size: 18px;
  text-align: center;
  background: url("/assets/img/lp/grade1/pc/mv_bg_point.png") no-repeat top 0 left 0/200px 80px;
  box-sizing: border-box;
  letter-spacing: -0.5px;
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff, 0 0 10px #fff;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body#lp-grade1 #mv .mv-point li:last-child {
  padding-top: 6px;
}
body#lp-grade1 #mv .mv-point li:last-child span.p75 {
  letter-spacing: -1px;
}
body#lp-grade1 #mv .mv-point li .mv-point-kome span {
  margin-top: 5px;
  display: block;
  line-height: 1;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 #mv {
    width: 100%;
    height: auto;
    max-height: none;
    min-height: auto;
    background: transparent;
  }
  body#lp-grade1 #mv .mv-inner {
    margin: 0 auto;
    padding: 4vw;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    position: relative;
    display: block;
    background: #dcecef;
    box-sizing: border-box;
  }
  body#lp-grade1 #mv .mv-txt {
    margin-bottom: 3vw;
    padding: 0;
    height: auto;
    font-weight: 700;
  }
  body#lp-grade1 #mv .mv-txt p {
    text-shadow: none;
    text-align: center;
  }
  body#lp-grade1 #mv .mv-txt p:nth-child(1) {
    margin-bottom: 5px;
    font-size: 4.8vw;
  }
  body#lp-grade1 #mv .mv-txt p:nth-child(2) {
    font-size: 6vw;
  }
  body#lp-grade1 #mv .mv-txt p:nth-child(2) span.p95 {
    margin-bottom: 20px;
    font-size: 92%;
  }
  body#lp-grade1 #mv .mv-txt p:nth-child(2) span.lineY {
    font-size: 120%;
  }
  body#lp-grade1 #mv .mv-txt span.appeal {
    padding: 2px 10px;
    font-size: 4vw;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade1 #mv .mv-txt p:nth-child(1) {
    margin-bottom: 5px;
    font-size: 3vw;
  }
  body#lp-grade1 #mv .mv-txt p:nth-child(2) {
    font-size: 4vw;
  }
  body#lp-grade1 #mv .mv-txt p:nth-child(2) span.p95 {
    margin-bottom: 20px;
    font-size: 92%;
  }
  body#lp-grade1 #mv .mv-txt p:nth-child(2) span.lineY {
    font-size: 120%;
  }
  body#lp-grade1 #mv .mv-txt span.appeal {
    padding: 2px 10px;
    font-size: 3vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 #mv .mv-cta-box {
    width: 100%;
    height: auto;
    display: block;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 #mv .mv-cta {
    margin: 0;
    width: 100%;
    height: 16vw;
  }
  body#lp-grade1 #mv .mv-cta a {
    padding-left: 0;
    border: none;
    width: 100%;
    height: 16vw;
    line-height: 1.3;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade1 #mv .mv-cta a::before {
    position: static;
  }
  body#lp-grade1 #mv .mv-cta a::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 #mv .mv-point {
    margin: 4vw 0 0;
    width: 100%;
  }
  body#lp-grade1 #mv .mv-point li {
    padding-top: 2vw;
    width: calc((100% - 2.66vw) / 2);
    height: 23.5vw;
    line-height: 1.3;
    font-size: 4vw;
    background: url("/assets/img/lp/grade1/sp/mv_bg_point.png") no-repeat top 0 left 0/contain;
  }
  body#lp-grade1 #mv .mv-point li:last-child {
    padding-top: 3vw;
  }
  body#lp-grade1 #mv .mv-point li:last-child span.p75 {
    font-size: 60%;
  }
  body#lp-grade1 #mv .mv-point li .mv-point-kome span {
    margin-top: 1.2vw;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade1 #mv .mv-point li {
    padding-top: 3vw;
    line-height: 1.3;
    font-size: 3.5vw;
  }
  body#lp-grade1 #mv .mv-point li:last-child {
    padding-top: 4vw;
  }
  body#lp-grade1 #mv .mv-point li:last-child span.p75 {
    font-size: 75%;
  }
  body#lp-grade1 #mv .mv-point li .mv-point-kome span {
    margin-top: 1.5vw;
  }
}
body#lp-grade1 #other-courses {
  padding: 15px 0;
  text-align: center;
  font-size: min(4vw, 16px);
  background: #a8a593;
  color: #fff;
}
body#lp-grade1 #other-courses dl {
  display: flex;
  justify-content: center;
  font-weight: bold;
}
body#lp-grade1 #other-courses dl dd {
  margin-left: 10px;
}
body#lp-grade1 #other-courses dl dd a {
  padding: 5px;
  border: 1px #b5003c solid;
  border-radius: 3px;
  background: #fff3f7;
  color: #b5003c;
}
body#lp-grade1 #other-courses dl dd:last-child a {
  border: 1px #793095 solid;
  background: #fbf7fd;
  color: #793095;
}
@media screen and (max-width: 743px) {
  body#lp-grade1 #other-courses {
    padding: 15px 0;
  }
  body#lp-grade1 #other-courses dl {
    flex-wrap: wrap;
  }
  body#lp-grade1 #other-courses dl dt {
    margin-bottom: 15px;
    width: 100%;
  }
  body#lp-grade1 #other-courses dl dd:first-child {
    margin-left: 0;
  }
}
body#lp-grade1 #intro-movie {
  padding: 80px 0 100px;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 #intro-movie {
    padding: 13.3vw 0 16vw;
  }
}
body#lp-grade1 section#media {
  margin-bottom: 100px;
}
body#lp-grade1 section#media h2 {
  margin-bottom: 30px;
  font-size: 30px;
  font-feature-settings: "palt";
}
body#lp-grade1 section#media p.h2-desc {
  margin-bottom: 40px;
  text-align: center;
}
body#lp-grade1 section#media .media-img {
  margin: 0 auto;
  width: 800px;
}
body#lp-grade1 section#media .media-img img {
  border-radius: 6px;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#media {
    margin-bottom: 26.6vw;
  }
  body#lp-grade1 section#media h2 {
    margin-bottom: 5vw;
    font-size: 7.3vw;
  }
  body#lp-grade1 section#media p.h2-desc {
    margin-bottom: 8vw;
    line-height: 1.6;
  }
  body#lp-grade1 section#media .media-img {
    width: 100%;
  }
}
@media screen and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade1 section#media h2 {
    font-size: 34px;
  }
}
body#lp-grade1 #sideline {
  margin: 0 auto 100px;
  width: 800px;
}
body#lp-grade1 #sideline h2 {
  margin-bottom: 50px;
  font-size: min(6vw, 28px);
}
body#lp-grade1 #sideline h2 span {
  margin-right: 10px;
  padding: 2px 0px 3px 8px;
  background: #000;
  color: #fff;
  font-size: 80%;
  font-weight: bold;
}
body#lp-grade1 #sideline .sec-inner {
  width: 800px;
}
body#lp-grade1 #sideline .sideline-ph {
  margin: 0 auto 30px;
  width: 800px;
  height: 400px;
}
body#lp-grade1 #sideline ul {
  margin-bottom: 20px;
  padding: 20px 10px;
  border: 1px #000 dotted;
  border-right: none;
  border-left: none;
  font-size: 15px;
  box-sizing: border-box;
}
body#lp-grade1 #sideline ul li {
  margin-bottom: 10px;
  line-height: 1.4;
}
body#lp-grade1 #sideline ul li:last-child {
  margin-bottom: 0;
  font-size: 90%;
}
body#lp-grade1 #sideline a.sideline-btn {
  display: block;
  width: 800px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: linear-gradient(90deg, #ce0044, #ce0074);
  transition: 0.3s all;
  margin: 0 auto;
  width: 240px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  background: #a8a593;
}
body#lp-grade1 #sideline a.sideline-btn:hover {
  opacity: 0.7;
}
body#lp-grade1 #sideline a.sideline-btn::after {
  position: absolute;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 14px solid #ffdf0a;
  top: 40px;
  right: 20px;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 #sideline a.sideline-btn {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade1 #sideline a.sideline-btn::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}
body#lp-grade1 #sideline a.sideline-btn::after {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #fff;
  top: 18px;
  right: 15px;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 #sideline {
    margin-bottom: 100px;
    width: 100%;
  }
  body#lp-grade1 #sideline h2 {
    margin-bottom: 20px;
    line-height: 1.2;
  }
  body#lp-grade1 #sideline h2 span {
    margin: 0 auto 5px;
    display: block;
    width: 30vw;
  }
  body#lp-grade1 #sideline .sec-inner {
    width: calc(100% - 40px);
  }
  body#lp-grade1 #sideline .sideline-ph {
    margin: 0 auto 30px;
    width: 100%;
    height: auto;
  }
  body#lp-grade1 #sideline ul li {
    padding-left: 3em;
    text-indent: -3em;
  }
  body#lp-grade1 #sideline ul li:last-child {
    padding-left: 1em;
    text-indent: -1em;
  }
  body#lp-grade1 #sideline a.sideline-btn {
    width: 200px;
    font-size: 14px;
  }
  body#lp-grade1 #sideline a.sideline-btn::after {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #fff;
    top: 20px;
    right: 10px;
  }
}
body#lp-grade1 section#about {
  margin-bottom: 80px;
}
body#lp-grade1 section#about h2 {
  margin-bottom: 80px;
}
body#lp-grade1 section#about h2 .ti-logo {
  margin-right: 10px;
}
body#lp-grade1 section#about ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body#lp-grade1 section#about ul li {
  margin-bottom: 60px;
  width: calc((100% - 80px) / 2);
}
body#lp-grade1 section#about ul dt {
  display: flex;
}
body#lp-grade1 section#about ul dt .ic {
  margin: 0 15px 0 0;
  padding-bottom: 10px;
  border-bottom: 2px #7f7322 solid;
  width: 75px;
  height: 40px;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 24px;
  display: block;
  color: #7f7322;
}
body#lp-grade1 section#about ul dt .ic span {
  font-size: 40px;
}
body#lp-grade1 section#about ul h3 {
  margin-bottom: 10px;
  padding-top: 8px;
  width: calc(100% - 90px);
  min-height: 80px;
}
body#lp-grade1 section#about ul .about-img {
  margin-bottom: 20px;
}
body#lp-grade1 section#about ul .about-img img {
  border-radius: 6px;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#about {
    margin-bottom: 26.6vw;
  }
  body#lp-grade1 section#about h2 {
    margin-bottom: 13.3vw;
    line-height: 1.2;
  }
  body#lp-grade1 section#about h2 span.ti-logo {
    margin: 0 auto;
  }
  body#lp-grade1 section#about ul {
    display: block;
  }
  body#lp-grade1 section#about ul li {
    margin-bottom: 16vw;
    width: 100%;
  }
  body#lp-grade1 section#about ul dt {
    display: block;
  }
  body#lp-grade1 section#about ul dt .ic {
    margin: 0 15px 0 0;
    padding-bottom: 10px;
    border-bottom: 2px #7f7322 solid;
    width: 75px;
    height: 40px;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 24px;
    display: block;
    color: #7f7322;
  }
  body#lp-grade1 section#about ul dt .ic span {
    font-size: 40px;
  }
  body#lp-grade1 section#about ul h3 {
    margin-bottom: 2.6vw;
    padding-top: 2vw;
    width: 100%;
    min-height: auto;
  }
  body#lp-grade1 section#about ul .about-img {
    margin-bottom: 4vw;
  }
}
@media screen and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade1 section#about ul li {
    margin-bottom: 6vw;
  }
}
body#lp-grade1 #giken {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  margin-bottom: 80px;
  padding: 72px 0;
  box-sizing: border-box;
  background: url("/assets/img/lp/grade1/pc/giken_img1.png") no-repeat top 60px right 30px/200px 250px, url("/assets/img/lp/grade1/pc/giken_bg1.png") no-repeat top 10px left 10px/980px 62px, url("/assets/img/lp/grade1/pc/giken_bg3.png") no-repeat bottom 10px left 10px/980px 62px, #f1f5f6;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 #giken {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade1 #giken .giken-txt {
  width: 100%;
  background: url("/assets/img/lp/grade1/pc/giken_bg2.png") repeat-y top 0px left 10px/980px 1px;
}
body#lp-grade1 #giken h2 {
  margin-bottom: 60px;
  font-size: 34px;
}
body#lp-grade1 #giken .giken-txt-inner {
  padding: 0 50px;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 #giken {
    margin-bottom: 10vw;
    padding: 16vw 0;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    background: url("/assets/img/lp/grade1/sp/giken_bg1.png") no-repeat top 0 left 0/60px 60px, url("/assets/img/lp/grade1/sp/giken_bg2.png") no-repeat top 0 right 0/60px 60px, url("/assets/img/lp/grade1/sp/giken_bg3.png") no-repeat bottom 0 left 0/60px 60px, url("/assets/img/lp/grade1/sp/giken_bg4.png") no-repeat bottom 0 right 0/60px 60px, #f1f5f6;
  }
  body#lp-grade1 #giken .giken-txt {
    width: 100%;
    background: transparent;
  }
  body#lp-grade1 #giken h2 {
    margin-bottom: 13.3vw;
    font-size: 8vw;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade1 #giken h2 {
    margin-bottom: 60px;
    font-size: 34px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 #giken .giken-txt-inner {
    padding: 0;
  }
}
body#lp-grade1 section#problem {
  margin-top: 80px;
  padding: 80px 0 60px;
  width: 100%;
  background: url("/assets/img/lp/grade1/pc/problem_bg.jpg") no-repeat center/cover;
  position: relative;
}
body#lp-grade1 section#problem::after {
  position: absolute;
  content: "";
  border-right: 25px transparent solid;
  border-left: 25px transparent solid;
  border-top: 34px #d1cdcc solid;
  bottom: -34px;
  left: calc(50% - 25px);
}
@media screen and (min-width: 1600px) {
  body#lp-grade1 section#problem::after {
    border-top: 34px #e0e4e7 solid;
  }
}
body#lp-grade1 section#problem h2 {
  margin-bottom: 60px;
}
body#lp-grade1 section#problem ul {
  display: flex;
  justify-content: center;
}
body#lp-grade1 section#problem ul li {
  margin-right: 20px;
  padding: 25px;
  border: 2px #fff solid;
  width: 200px;
  height: 200px;
  line-height: 1.5;
  box-sizing: border-box;
  border-radius: 100%;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
  font-weight: bold;
  background: #c3c6d4;
  position: relative;
  display: flex;
  align-items: center;
}
body#lp-grade1 section#problem ul li:last-child {
  margin-right: 0;
}
body#lp-grade1 section#problem ul li::after {
  position: absolute;
  content: "";
  width: 34px;
  height: 50px;
  background: url("/assets/img/lp/grade1/pc/problem_ic1.png") no-repeat top 0 left 0/34px 50px;
  bottom: 0;
  right: 10px;
}
body#lp-grade1 section#problem ul:nth-child(2) li:nth-child(2) {
  background: #bbc4d0;
}
body#lp-grade1 section#problem ul:nth-child(2) li:nth-child(2)::after {
  background-image: url("/assets/img/lp/grade1/pc/problem_ic2.png");
}
body#lp-grade1 section#problem ul:nth-child(2) li:nth-child(3) {
  background: #b8c6c9;
}
body#lp-grade1 section#problem ul:nth-child(3) li:nth-child(1) {
  background: #c0c7ce;
}
body#lp-grade1 section#problem ul:nth-child(3) li:nth-child(1)::after {
  width: 40px;
  background-image: url("/assets/img/lp/grade1/pc/problem_ic3.png");
  background-size: 40px 50px;
}
body#lp-grade1 section#problem ul:nth-child(3) li:nth-child(2) {
  background: #c1ced4;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#problem {
    margin-top: 10.6vw;
    padding: 10.6vw 0;
    padding-right: 20px;
    padding-left: 20px;
    background: url("/assets/img/lp/grade1/sp/problem_bg1.png") no-repeat top center/contain, url("/assets/img/lp/grade1/sp/problem_bg2.png") repeat-y center/contain;
    box-sizing: border-box;
    position: relative;
  }
  body#lp-grade1 section#problem::after {
    position: absolute;
    content: "";
    border-right: 15px transparent solid;
    border-left: 15px transparent solid;
    border-top: 20px #d8dde3 solid;
    bottom: -20px;
    left: calc(50% - 7px);
  }
  body#lp-grade1 section#problem h2 {
    margin-bottom: 10.6vw;
    font-size: 6.6vw;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade1 section#problem h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#problem ul {
    flex-wrap: wrap;
  }
  body#lp-grade1 section#problem ul li {
    margin-right: 20px;
    padding: 0;
    width: calc((100% - 20px) / 2);
    height: auto;
    display: block;
    font-size: 4.2vw;
  }
  body#lp-grade1 section#problem ul li::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  body#lp-grade1 section#problem ul li span.inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }
  body#lp-grade1 section#problem ul li span.inner span {
    padding: 25px;
    display: block;
  }
  body#lp-grade1 section#problem ul li:nth-child(even) {
    margin-right: 0;
  }
  body#lp-grade1 section#problem ul li::after {
    width: 8vw;
    height: 12vw;
    background: url("/assets/img/lp/grade1/sp/problem_ic1.png") no-repeat top 0 left 0/8vw 12vw;
    bottom: 0;
    right: 0;
  }
  body#lp-grade1 section#problem ul:nth-child(2) li:nth-child(2) {
    background: #bbc4d0;
  }
  body#lp-grade1 section#problem ul:nth-child(2) li:nth-child(2)::after {
    background-image: url("/assets/img/lp/grade1/sp/problem_ic2.png");
  }
  body#lp-grade1 section#problem ul:nth-child(2) li:nth-child(3) {
    background: #b8c6c9;
  }
  body#lp-grade1 section#problem ul:nth-child(3) li:nth-child(1) {
    background: #c0c7ce;
  }
  body#lp-grade1 section#problem ul:nth-child(3) li:nth-child(1)::after {
    width: 9.86vw;
    background-image: url("/assets/img/lp/grade1/sp/problem_ic3.png");
    background-size: 9.86vw 12vw;
  }
  body#lp-grade1 section#problem ul:nth-child(3) li:nth-child(2) {
    background: #c1ced4;
  }
}
body#lp-grade1 section#features {
  padding: 80px 0 100px;
  background: url("/assets/img/lp/grade1/pc/features_bg.jpg") no-repeat top 0 left 0/915px 603px;
}
body#lp-grade1 section#features h2 {
  margin-bottom: 80px;
  line-height: 1.5;
}
body#lp-grade1 section#features h2 span.ti-logo img {
  bottom: -10px;
}
body#lp-grade1 section#features ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body#lp-grade1 section#features ul li {
  margin-bottom: 60px;
  width: calc((100% - 80px) / 2);
}
body#lp-grade1 section#features ul dt {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  min-height: 80px;
}
body#lp-grade1 section#features ul dt .ic {
  margin-right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #7f7322;
  color: #fff;
  position: relative;
}
body#lp-grade1 section#features ul dt .ic::after {
  position: absolute;
  content: "!";
  top: 6px;
  left: 13px;
  font-size: 30px;
  font-weight: bold;
  transform: rotateZ(30deg);
}
body#lp-grade1 section#features ul h3 {
  width: calc(100% - 50px);
  color: #7f7322;
}
body#lp-grade1 section#features ul .features-img {
  margin-bottom: 20px;
}
body#lp-grade1 section#features ul .features-img img {
  border-radius: 6px;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#features {
    padding: 16vw 0 21.3vw;
    background: url("/assets/img/lp/grade1/sp/features_bg.jpg") no-repeat top 0 left 0/61vw auto;
  }
  body#lp-grade1 section#features h2 {
    margin-bottom: 16vw;
  }
  body#lp-grade1 section#features ul {
    display: block;
  }
  body#lp-grade1 section#features ul li {
    margin-bottom: 16vw;
    width: 100%;
  }
  body#lp-grade1 section#features ul li:last-child {
    margin-bottom: 0;
  }
  body#lp-grade1 section#features ul dt {
    margin-bottom: 5.33vw;
    min-height: auto;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#features ul dt .ic {
    width: 10.6vw;
    height: 10.6vw;
    border-radius: 100%;
  }
  body#lp-grade1 section#features ul dt .ic::after {
    top: 1.5vw;
    left: 3.8vw;
    font-size: 8vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#features ul h3 {
    width: calc(100% - 10.6vw - 10px);
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#features ul .features-img {
    margin-bottom: 4vw;
  }
}
body#lp-grade1 section#support {
  margin-bottom: 120px;
}
body#lp-grade1 section#support h2 {
  margin-bottom: 40px;
  line-height: 1.5;
  font-weight: bold;
  color: #0132ae;
  text-align: center;
}
body#lp-grade1 section#support .sec-inner ul {
  display: flex;
  justify-content: space-between;
}
body#lp-grade1 section#support .sec-inner ul li {
  border: 2px #0132ae solid;
  padding: 20px;
  width: calc((100% - 40px) / 2);
  box-sizing: border-box;
  align-items: stretch;
  border-radius: 6px;
  background: #f1f4fc;
}
body#lp-grade1 section#support .sec-inner ul dl dt {
  margin-bottom: 20px;
  width: 100%;
}
body#lp-grade1 section#support .sec-inner ul dl dt img {
  border-radius: 6px;
}
body#lp-grade1 section#support .sec-inner ul dl dd {
  width: 100%;
  line-height: 1.8;
  font-size: 16px;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#support {
    margin-bottom: 21.3vw;
  }
  body#lp-grade1 section#support h2 {
    margin-bottom: 12vw;
  }
  body#lp-grade1 section#support h2 span.is-sp {
    padding-top: 2vw;
  }
  body#lp-grade1 section#support .sec-inner ul {
    display: block;
  }
  body#lp-grade1 section#support .sec-inner ul li {
    margin-bottom: 20px;
    width: 100%;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#support .sec-inner ul li {
    padding: 5.3vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#support .sec-inner ul li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#support .sec-inner ul dl dt {
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#support .sec-inner ul dl dd {
    font-size: 4.2vw;
  }
}
body#lp-grade1 section#teachers {
  margin-bottom: 120px;
}
body#lp-grade1 section#teachers h2 {
  margin-bottom: 80px;
  color: #7f7322;
  letter-spacing: 5px;
}
body#lp-grade1 section#teachers .teachers-box {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  padding: 80px 60px;
  box-sizing: border-box;
  background: url("/assets/img/lp/grade1/pc/teachers_bg1.png") no-repeat top 5px left 0/1000px 80px, url("/assets/img/lp/grade1/pc/teachers_bg2.png") no-repeat bottom 5px left 0/1000px 80px, #f1f5f6;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#teachers .teachers-box {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade1 section#teachers h3 {
  margin-bottom: 20px;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 30px;
  font-weight: bold;
  color: #7f7322;
}
body#lp-grade1 section#teachers h3 span.en {
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
  font-weight: normal;
  color: #000;
}
body#lp-grade1 section#teachers p.teachers-title {
  margin-bottom: 40px;
  text-align: center;
  font-size: 16px;
}
body#lp-grade1 section#teachers .teachers-img {
  margin-bottom: 40px;
}
body#lp-grade1 section#teachers .teachers-img img {
  border-radius: 6px;
}
body#lp-grade1 section#teachers .teachers-txt {
  margin-bottom: 60px;
  padding-bottom: 60px;
  border-bottom: 1px #7f7322 solid;
}
body#lp-grade1 section#teachers .teachers-works {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
body#lp-grade1 section#teachers .teachers-works ul {
  width: calc((100% - 60px) / 2);
}
body#lp-grade1 section#teachers .teachers-works li {
  width: 100%;
}
body#lp-grade1 section#teachers .teachers-works li:nth-child(2) {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px #a8a593 dotted;
}
body#lp-grade1 section#teachers .teachers-works li h4 {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
}
body#lp-grade1 section#teachers .teachers-works li dl {
  font-size: 14px;
  line-height: 1.5;
  display: flex;
  flex-wrap: wrap;
}
body#lp-grade1 section#teachers .teachers-works li dl dt {
  width: 140px;
}
body#lp-grade1 section#teachers .teachers-works li dl dd {
  margin-bottom: 10px;
  width: calc(100% - 140px);
}
body#lp-grade1 section#teachers .teachers-works li.movie dl dt {
  width: 120px;
}
body#lp-grade1 section#teachers .teachers-works li.movie dl dd {
  width: calc(100% - 120px);
}
body#lp-grade1 section#teachers .teachers-works li.deco dl dt {
  width: 70px;
}
body#lp-grade1 section#teachers .teachers-works li.deco dl dd {
  width: calc(100% - 70px);
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#teachers {
    margin-bottom: 16vw;
  }
  body#lp-grade1 section#teachers h2 {
    margin-bottom: 13.3vw;
  }
  body#lp-grade1 section#teachers .teachers-box {
    padding: 13.3vw 0;
    width: 100%;
    background: url("/assets/img/lp/grade1/sp/teachers_bg1.png") no-repeat top 0 left 0/40px 40px, url("/assets/img/lp/grade1/sp/teachers_bg2.png") no-repeat top 0 right 0/40px 40px, url("/assets/img/lp/grade1/sp/teachers_bg3.png") no-repeat bottom 0 left 0/40px 40px, url("/assets/img/lp/grade1/sp/teachers_bg4.png") no-repeat bottom 0 right 0/40px 40px, #f1f5f6;
  }
  body#lp-grade1 section#teachers h3 {
    margin-bottom: 6vw;
    padding: 0 20px;
    text-align: left;
    font-size: 6.6vw;
  }
  body#lp-grade1 section#teachers h3 span.en {
    font-size: 5.3vw;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade1 section#teachers h3 {
    font-size: 30px;
  }
  body#lp-grade1 section#teachers h3 span.en {
    font-size: 24px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#teachers p.teachers-title {
    margin-bottom: 5.3vw;
    padding: 0 20px;
    text-align: left;
    font-size: 4vw;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade1 section#teachers p.teachers-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#teachers .teachers-img {
    margin-bottom: 6.6vw;
  }
  body#lp-grade1 section#teachers .teachers-img img {
    border-radius: 0;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#teachers .teachers-seki .teachers-img {
    margin: 0 auto 6.6vw;
    width: 100%;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#teachers .teachers-txt {
    margin: 0 auto 10vw;
    padding-bottom: 10.6vw;
    width: calc(100% - 40px);
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#teachers .teachers-works {
    display: block;
    margin: 0 auto;
    width: calc(100% - 40px);
  }
  body#lp-grade1 section#teachers .teachers-works ul {
    width: 100%;
  }
  body#lp-grade1 section#teachers .teachers-works li {
    width: 100%;
  }
  body#lp-grade1 section#teachers .teachers-works li.tv, body#lp-grade1 section#teachers .teachers-works li.deco {
    margin-top: 6vw;
    padding-top: 6vw;
    border-top: 1px #a8a593 dotted;
  }
  body#lp-grade1 section#teachers .teachers-works li h4 {
    margin-bottom: 20px;
    font-size: 4.2vw;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade1 section#teachers .teachers-works li h4 {
    font-size: 18px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#teachers .teachers-works li dl {
    font-size: 3.72vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#teachers .teachers-works li dl {
    display: block;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade1 section#teachers .teachers-works li dl {
    font-size: 16px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#teachers .teachers-works li dl dt {
    margin-bottom: 1.2vw;
    width: 160px;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#teachers .teachers-works li dl dt {
    width: 100%;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#teachers .teachers-works li dl dd {
    margin-bottom: 3vw;
    width: calc(100% - 160px);
    line-height: 1.6;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#teachers .teachers-works li dl dd {
    width: 100%;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#teachers .teachers-works li.movie dl dt, body#lp-grade1 section#teachers .teachers-works li.movie dl dd, body#lp-grade1 section#teachers .teachers-works li.tv dl dt, body#lp-grade1 section#teachers .teachers-works li.tv dl dd, body#lp-grade1 section#teachers .teachers-works li.deco dl dt, body#lp-grade1 section#teachers .teachers-works li.deco dl dd {
    width: 100%;
  }
}
body#lp-grade1 section#future h2 {
  margin-bottom: 40px;
  line-height: 1.5;
  font-weight: bold;
  color: #0132ae;
  text-align: center;
}
body#lp-grade1 section#future .future-box {
  margin-bottom: 80px;
  padding-top: 270px;
  width: 100%;
  background: url("/assets/img/lp/grade1/pc/future_bg.jpg") no-repeat top center/1500px auto;
}
body#lp-grade1 section#future .future-box ul {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#future .future-box ul {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade1 section#future .future-box ul li {
  border: 2px #0132ae solid;
  padding: 30px 20px 20px;
  width: calc((100% - 80px) / 3);
  box-sizing: border-box;
  align-items: stretch;
  border-radius: 6px;
  background: #f1f4fc;
}
body#lp-grade1 section#future .future-box ul dl dt {
  margin-bottom: 20px;
  width: 100%;
}
body#lp-grade1 section#future .future-box ul dl dt h3 {
  line-height: 1.5;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #0132ae;
}
body#lp-grade1 section#future .future-box ul dl dd {
  width: 100%;
  line-height: 1.8;
  font-size: 16px;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#future h2 {
    margin-bottom: 12vw;
    font-size: 7vw;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade1 section#future h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#future .future-box {
    margin-bottom: 10.6vw;
    padding-top: 45.3vw;
    width: 100%;
    background: url("/assets/img/lp/grade1/sp/future_bg.jpg") no-repeat top center/contain;
  }
  body#lp-grade1 section#future .future-box ul {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
    display: block;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body#lp-grade1 section#future .future-box ul {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#future .future-box ul li {
    margin-bottom: 20px;
    width: 100%;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#future .future-box ul li {
    padding: 8vw 5.3vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#future .future-box ul li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#future .future-box ul dl dt {
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#future .future-box ul dl dd {
    font-size: 4.2vw;
  }
}
body#lp-grade1 section#flow {
  padding-top: 80px;
}
body#lp-grade1 section#flow h2 {
  margin-bottom: 60px;
}
body#lp-grade1 section#flow .flow-box {
  margin: 0 auto 30px;
  width: 800px;
}
body#lp-grade1 section#flow .flow-box h3 {
  margin-bottom: 20px;
  color: #0132ae;
}
body#lp-grade1 section#flow .flow-box h3 .ic {
  margin: 0 15px 0 0;
  padding-bottom: 20px;
  border-bottom: 2px #7f7322 solid;
  width: 75px;
  height: 40px;
  font-family: "Roboto Condensed", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
  display: inline-block;
  color: #7f7322;
}
body#lp-grade1 section#flow .flow-box h3 .ic span {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 40px;
  font-weight: normal;
}
body#lp-grade1 section#flow .flow-box .flow-content-txt {
  display: flex;
  justify-content: space-between;
}
body#lp-grade1 section#flow .flow-box .flow-content-txt img {
  border-radius: 6px;
}
body#lp-grade1 section#flow .flow-box .flow-content-txt img {
  width: 300px;
  order: 2;
}
body#lp-grade1 section#flow .flow-box .flow-content-txt p {
  width: calc(100% - 320px);
}
body#lp-grade1 section#flow .flow-box .flow-content-txt p a {
  text-decoration: underline;
}
body#lp-grade1 section#flow .flow-box .flow-content-txt p a:hover {
  text-decoration: none;
}
body#lp-grade1 section#flow .flow-box:last-child {
  margin-bottom: 100px;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#flow {
    padding-top: 13.3vw;
  }
  body#lp-grade1 section#flow h2 {
    margin-bottom: 10vw;
  }
  body#lp-grade1 section#flow .flow-box {
    margin: 0 auto 8vw;
    width: 100%;
  }
  body#lp-grade1 section#flow .flow-box h3 {
    margin-bottom: 20px;
    color: #0132ae;
  }
  body#lp-grade1 section#flow .flow-box .flow-content-txt {
    display: block;
  }
  body#lp-grade1 section#flow .flow-box .flow-content-txt img {
    margin-bottom: 4vw;
    width: 100%;
  }
  body#lp-grade1 section#flow .flow-box .flow-content-txt p {
    width: 100%;
  }
  body#lp-grade1 section#flow .flow-box:last-child {
    margin-bottom: 13.3vw;
  }
}
body#lp-grade1 section#curriculum {
  padding: 80px 0 60px;
  width: 100%;
  background: url("/assets/img/lp/grade1/pc/curriculum_bg.jpg") no-repeat bottom center/contain, #edf1f5;
}
body#lp-grade1 section#curriculum h2 {
  margin-bottom: 60px;
  color: #7f7322;
}
body#lp-grade1 section#curriculum .curriculum-txt {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  margin-bottom: 30px;
  width: 800px;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#curriculum .curriculum-txt {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade1 section#curriculum dl.curriculum-box {
  margin: 0 auto 20px;
  padding-bottom: 40px;
  width: 800px;
  background: #fff;
  border-radius: 0 0 6px 6px;
}
body#lp-grade1 section#curriculum dl.curriculum-box h3 {
  padding: 0 30px;
  height: 60px;
  line-height: 60px;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
  color: #fff;
  background: #a79751;
  border-radius: 6px 6px 0 0;
}
body#lp-grade1 section#curriculum dl.curriculum-box dl {
  padding: 40px 30px 0;
}
body#lp-grade1 section#curriculum dl.curriculum-box dl h4 {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px #a8a593 solid;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #7f7322;
}
body#lp-grade1 section#curriculum dl.curriculum-box dl dd:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
body#lp-grade1 section#curriculum dl.curriculum-box dl ul {
  float: left;
  width: calc((100% - 40px) / 2);
  font-size: 15px;
}
body#lp-grade1 section#curriculum dl.curriculum-box dl ul li {
  margin-bottom: 10px;
  line-height: 1.5;
}
body#lp-grade1 section#curriculum dl.curriculum-box dl ul li:last-child {
  margin-bottom: 0;
}
body#lp-grade1 section#curriculum dl.curriculum-box dl ul:nth-child(2) {
  float: right;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#curriculum {
    padding: 13.3vw 0 42.6vw;
    background: url("/assets/img/lp/grade1/sp/curriculum_bg.png") no-repeat bottom center/contain, #edf1f5;
  }
  body#lp-grade1 section#curriculum .curriculum-txt {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
    margin-bottom: 6vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body#lp-grade1 section#curriculum .curriculum-txt {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#lp-grade1 section#curriculum dl.curriculum-box {
    width: 700px;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#curriculum h2 {
    margin-bottom: 16vw;
  }
  body#lp-grade1 section#curriculum dl.curriculum-box {
    padding-bottom: 0;
    width: 100%;
    background: transparent;
    border-radius: 0;
  }
  body#lp-grade1 section#curriculum dl.curriculum-box h3 {
    margin-bottom: 5.3vw;
    padding: 0;
    height: 16vw;
    line-height: 16vw;
    border-radius: 0;
    text-align: center;
  }
  body#lp-grade1 section#curriculum dl.curriculum-box dl {
    padding: 0 20px;
  }
  body#lp-grade1 section#curriculum dl.curriculum-box dl h4 {
    margin-bottom: 0;
    padding-bottom: 0;
    height: 100%;
    font-size: 4.8vw;
  }
  body#lp-grade1 section#curriculum dl.curriculum-box dl dt {
    height: 16vw;
    line-height: 16vw;
    position: relative;
    cursor: pointer;
  }
  body#lp-grade1 section#curriculum dl.curriculum-box dl dt::after {
    position: absolute;
    content: "+";
    font-size: 5.3vw;
    font-weight: 800;
    color: #7f7322;
    top: 0;
    right: 20px;
  }
  body#lp-grade1 section#curriculum dl.curriculum-box dl dt.is-active::after {
    content: "−";
    right: 18px;
    top: 0;
  }
  body#lp-grade1 section#curriculum dl.curriculum-box dl dd {
    margin: 6vw 0 3vw;
    display: none;
  }
  body#lp-grade1 section#curriculum dl.curriculum-box dl ul {
    float: none;
    width: 100%;
    font-size: 4vw;
  }
  body#lp-grade1 section#curriculum dl.curriculum-box dl ul li {
    margin-bottom: 4vw;
  }
  body#lp-grade1 section#curriculum dl.curriculum-box dl ul li:last-child {
    margin-bottom: 4vw;
  }
  body#lp-grade1 section#curriculum dl.curriculum-box dl ul:nth-child(2) {
    float: none;
  }
}
body#lp-grade1 section#movie-sample {
  padding: 80px 0 100px;
}
body#lp-grade1 section#movie-sample h2 {
  margin-bottom: 60px;
}
body#lp-grade1 section#movie-sample p.h2-desc {
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#movie-sample {
    padding: 16vw 0;
  }
  body#lp-grade1 section#movie-sample h2 {
    margin-bottom: 8vw;
  }
  body#lp-grade1 section#movie-sample p.h2-desc {
    margin-bottom: 8vw;
  }
}
body#lp-grade1 section#fee {
  padding: 80px 0 100px;
  background: url("/assets/img/lp/grade1/pc/fee_bg.jpg") no-repeat center/cover;
}
body#lp-grade1 section#fee h2 {
  margin-bottom: 60px;
}
body#lp-grade1 section#fee ul.fee-box {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#fee ul.fee-box {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade1 section#fee ul.fee-box li {
  padding: 20px 30px;
  border: 2px #a8a593 solid;
  width: calc((100% - 80px) / 3);
  border-radius: 6px;
  background: #f1f5f6;
  box-sizing: border-box;
  text-align: center;
}
body#lp-grade1 section#fee ul.fee-box li dl {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body#lp-grade1 section#fee ul.fee-box li dt {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}
body#lp-grade1 section#fee ul.fee-box li dd {
  font-size: 20px;
  color: #7f7322;
}
body#lp-grade1 section#fee p.kome {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  margin-bottom: 40px;
  text-align: right;
  font-size: 13px;
  color: #6a6a6a;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#fee p.kome {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade1 section#fee .fee-present {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  padding: 20px 0 25px;
  border: 1px #7f7322 dotted;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#fee .fee-present {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade1 section#fee .fee-present p:last-child span.bold {
  color: #7f7322;
}
body#lp-grade1 section#fee .fee-present span.ti {
  margin-right: 10px;
  padding: 5px 10px;
  border: 2px #0132ae solid;
  color: #0132ae;
  font-size: 90%;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#fee {
    padding: 10.6vw 0;
    background: url("/assets/img/lp/grade1/sp/fee_bg.png") no-repeat top center/contain;
  }
  body#lp-grade1 section#fee h2 {
    margin-bottom: 8vw;
  }
  body#lp-grade1 section#fee ul.fee-box {
    margin-bottom: 6vw;
    flex-wrap: wrap;
  }
  body#lp-grade1 section#fee ul.fee-box li {
    margin: 0 10px 0 0;
    padding: 4vw 0;
    width: calc((100% - 20px) / 3 - 20px);
  }
  body#lp-grade1 section#fee ul.fee-box li:last-child {
    margin-right: 0;
    width: calc((100% - 20px) / 3 + 40px);
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#fee ul.fee-box li dt {
    margin-bottom: 2vw;
    font-size: 4vw;
  }
  body#lp-grade1 section#fee ul.fee-box li dd {
    font-size: 4vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#fee p.kome {
    margin-bottom: 6vw;
    padding-left: 20px;
    line-height: 1.4;
    text-align: left;
    text-indent: -1em;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#fee p.kome {
    font-size: 3.5vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#fee .fee-present {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
    border: none;
    border-bottom: 1px #7f7322 dotted;
    text-align: left;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) and (max-width: 999px) {
  body#lp-grade1 section#fee .fee-present {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#fee .fee-present p {
    line-height: 1.4;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#fee .fee-present p:first-child {
    margin-bottom: 2vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#fee .fee-present span.ti {
    margin: 0 0 15px;
    padding: 0 5px;
    display: block;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#fee .fee-present .p160 {
    font-size: 120%;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#fee .fee-present .p120 {
    font-size: 100%;
  }
  body#lp-grade1 section#fee .fee-present .p120 .bold {
    margin: 10px 0 5px;
    display: block;
  }
}
body#lp-grade1 section#comparison {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  padding: 80px 0 100px;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#comparison {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade1 section#comparison h2 {
  margin-bottom: 60px;
  line-height: 1.4;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#comparison {
    padding: 10.6vw 0;
  }
  body#lp-grade1 section#comparison h2 {
    margin-bottom: 8vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#comparison h2 {
    font-size: 7.4vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#comparison .h2-desc {
    text-align: left;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#comparison img {
    margin-bottom: 3vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#comparison .is-tab img:last-child {
    margin-bottom: 0;
  }
}
body#lp-grade1 section#voice {
  margin-top: 80px;
  padding: 80px 0 100px;
  background: url("/assets/img/lp/grade1/pc/voice_bg.jpg") no-repeat top center/contain, #eff8ff;
}
body#lp-grade1 section#voice h2 {
  margin-bottom: 80px;
}
body#lp-grade1 section#voice .sec-inner {
  width: 800px;
}
body#lp-grade1 section#voice .voice-box h3 {
  margin-bottom: 15px;
  color: #7f7322;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body#lp-grade1 section#voice .voice-box p.name {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
}
body#lp-grade1 section#voice .voice-box-ph {
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body#lp-grade1 section#voice .voice-box-ph .voice-txt {
  width: calc(100% - 240px);
}
body#lp-grade1 section#voice .voice-box-ph .voice-img-pc {
  width: 200px;
}
body#lp-grade1 section#voice .voice-box-ph img {
  border-radius: 6px;
}
body#lp-grade1 section#voice .voice-box-noph {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
body#lp-grade1 section#voice .voice-box-noph .voice-box-inner {
  margin-bottom: 40px;
  width: calc((100% - 60px) / 2);
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#voice {
    margin-top: 10.6vw;
    padding: 16vw 0;
    background: url("/assets/img/lp/grade1/sp/voice_bg.png") no-repeat top center/contain, #eff8ff;
  }
  body#lp-grade1 section#voice h2 {
    margin-bottom: 10.6vw;
  }
  body#lp-grade1 section#voice .sec-inner {
    width: calc(100% - 40px);
  }
  body#lp-grade1 section#voice .voice-box h3 {
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#voice .voice-box p.name {
    margin-bottom: 4vw;
    font-size: 4.2vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#voice .voice-box-ph {
    margin-bottom: 12vw;
    display: block;
  }
  body#lp-grade1 section#voice .voice-box-ph .voice-txt {
    width: 100%;
  }
  body#lp-grade1 section#voice .voice-box-ph .voice-img-sp {
    margin-bottom: 4vw;
    width: 100%;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#voice .voice-box-noph {
    display: block;
  }
  body#lp-grade1 section#voice .voice-box-noph .voice-box-inner {
    margin-bottom: 12vw;
    width: 100%;
  }
  body#lp-grade1 section#voice .voice-box-noph .voice-box-inner:last-child {
    margin-bottom: 0;
  }
}
body#lp-grade1 section#faq {
  padding: 100px 0;
}
body#lp-grade1 section#faq h2 {
  margin-bottom: 80px;
}
body#lp-grade1 section#faq h3 {
  margin: 70px 0 40px;
  padding-top: 30px;
  text-align: center;
  position: relative;
  color: #7f7322;
}
body#lp-grade1 section#faq h3::after {
  position: absolute;
  content: "";
  width: 200px;
  height: 2px;
  background: #7f7322;
  top: 0;
  left: calc(50% - 100px);
}
body#lp-grade1 section#faq h3.fi {
  margin-top: 0;
}
body#lp-grade1 section#faq .sec-inner {
  width: 800px;
}
body#lp-grade1 section#faq dl {
  margin-bottom: 20px;
  border: 2px #a8a593 solid;
  border-radius: 6px;
}
body#lp-grade1 section#faq dl:last-child {
  margin-bottom: 0;
}
body#lp-grade1 section#faq dt {
  padding: 15px 60px 15px 0;
  background: #a8a593;
  position: relative;
  cursor: pointer;
}
body#lp-grade1 section#faq dt h4 {
  padding-left: 2.4em;
  text-indent: -1.4em;
  line-height: 1.5;
  font-size: 20px;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 800;
  color: #fff;
}
body#lp-grade1 section#faq dt::after {
  position: absolute;
  content: "+";
  font-size: 24px;
  font-weight: 800;
  color: #fff;
  top: calc(50% - 14px);
  right: 20px;
}
body#lp-grade1 section#faq dt.is-active::after {
  content: "−";
  right: 20px;
  top: calc(50% - 14px);
}
body#lp-grade1 section#faq dd {
  padding: 30px;
  display: none;
}
body#lp-grade1 section#faq dd a {
  text-decoration: underline;
}
body#lp-grade1 section#faq dd a:hover {
  text-decoration: none;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#faq {
    padding: 16vw 0;
  }
  body#lp-grade1 section#faq h2 {
    margin-bottom: 13.3vw;
  }
  body#lp-grade1 section#faq .sec-inner {
    width: 100%;
  }
  body#lp-grade1 section#faq dl {
    margin-bottom: 0;
    border: transparent;
    border-bottom: 1px #a8a593 solid;
    border-radius: 0;
  }
  body#lp-grade1 section#faq dl:first-child {
    border-top: 1px #a8a593 solid;
  }
  body#lp-grade1 section#faq dt {
    color: #7f7322;
    background: #f1f5f6;
    position: relative;
    cursor: pointer;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#faq dt {
    padding: 5.3vw 14vw 5.3vw 0;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#faq dt h3 {
    margin: 9.3vw 0 5.3vw;
    padding-top: 4vw;
  }
  body#lp-grade1 section#faq dt h3::after {
    width: 53vw;
    height: 2px;
    background: #7f7322;
    top: 0;
    left: calc(50% - 26.5vw);
  }
  body#lp-grade1 section#faq dt h3.fi {
    margin-top: 0;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#faq dt h4 {
    color: #7f7322;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#faq dt h4 {
    font-size: 4.26vw;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#faq dt.is-active {
    background: #7f7322;
  }
  body#lp-grade1 section#faq dt.is-active h4 {
    color: #fff;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#faq dt::after {
    font-size: 4.26vw;
    color: #7f7322;
    top: calc(50% - 2.13vw);
    right: 20px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#faq dt.is-active::after {
    font-size: 4.26vw;
    color: #fff;
    right: 20px;
    top: calc(50% - 2.13vw);
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#faq dd {
    padding: 20px 20px 30px;
  }
}
body#lp-grade1 section#message {
  padding: 100px 0 80px;
  background: url("/assets/img/lp/grade1/pc/message_bg.jpg") no-repeat top center/contain, #fff1f5;
}
body#lp-grade1 section#message h2 {
  margin-bottom: 60px;
}
body#lp-grade1 section#message .sec-inner {
  width: 800px;
  background: #fff;
  border-radius: 6px;
}
body#lp-grade1 section#message .message-img {
  width: 100%;
}
body#lp-grade1 section#message .message-img img {
  border-radius: 6px 6px 0 0;
}
body#lp-grade1 section#message .message-txt {
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
}
body#lp-grade1 section#message .message-txt p {
  line-height: 2.5;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
body#lp-grade1 section#message .message-txt .message-sign {
  margin: 0 0 0 auto;
  width: 200px;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#message {
    padding: 16vw 0 10vw;
    background: url("/assets/img/lp/grade1/sp/message_bg.png") no-repeat top center/contain, #fff1f5;
  }
  body#lp-grade1 section#message h2 {
    margin-bottom: 16vw;
  }
  body#lp-grade1 section#message .sec-inner {
    width: calc(100% - 40px);
    display: block;
    background: transparent;
    border-radius: 0;
  }
  body#lp-grade1 section#message .message-img {
    margin-bottom: 4vw;
    width: 100%;
  }
  body#lp-grade1 section#message .message-img img {
    border-radius: 6px;
  }
  body#lp-grade1 section#message .message-txt {
    width: 100%;
    padding: 0;
  }
  body#lp-grade1 section#message .message-txt p {
    line-height: 2.5;
  }
}
body#lp-grade1 section#contact {
  padding: 100px 0;
  background: url("/assets/img/lp/grade1/pc/contact_bg.jpg") no-repeat top right/600px 531px;
}
body#lp-grade1 section#contact h2 {
  margin-bottom: 60px;
}
body#lp-grade1 section#contact dl {
  margin: 0 auto;
  width: 1000px;
  max-width: 1000px;
  width: 600px;
  margin-bottom: 50px;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#contact dl {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
body#lp-grade1 section#contact dl dt {
  margin-bottom: 15px;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
  font-weight: bold;
}
body#lp-grade1 section#contact dl dd {
  margin-bottom: 30px;
  width: 100%;
  font-size: 18px;
}
body#lp-grade1 section#contact dl dd:last-child {
  margin-bottom: 0;
}
body#lp-grade1 section#contact dl dd input {
  padding: 15px;
  border: 2px #a8a593 solid;
  width: 100%;
  border-radius: 6px;
  background: #fafaf0;
  box-sizing: border-box;
}
body#lp-grade1 section#contact dl dd input::-moz-placeholder {
  color: #ababab;
}
body#lp-grade1 section#contact dl dd input:-ms-input-placeholder {
  color: #ababab;
}
body#lp-grade1 section#contact dl dd input::placeholder {
  color: #ababab;
}
body#lp-grade1 section#contact dl dd input:focus {
  background: #fff;
}
body#lp-grade1 section#contact dl dd input:focus::-moz-placeholder {
  opacity: 0;
}
body#lp-grade1 section#contact dl dd input:focus:-ms-input-placeholder {
  opacity: 0;
}
body#lp-grade1 section#contact dl dd input:focus::placeholder {
  opacity: 0;
}
body#lp-grade1 section#contact dl dd.setumeikai {
  display: flex;
}
body#lp-grade1 section#contact dl dd.setumeikai span {
  margin-right: 10px;
  padding: 4px;
  border: 2px #a8a593 solid;
  border-radius: 6px;
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  background: #fafaf0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
body#lp-grade1 section#contact dl dd.setumeikai span:last-child {
  margin-right: 0;
}
body#lp-grade1 section#contact dl dd.setumeikai span input {
  width: 30%;
  display: block;
}
body#lp-grade1 section#contact dl dd.setumeikai span label {
  width: 70%;
  height: 100%;
  line-height: 48px;
  display: block;
}
body#lp-grade1 section#contact input[type=submit] {
  display: block;
  width: 800px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: linear-gradient(90deg, #ce0044, #ce0074);
  transition: 0.3s all;
  margin: 0 auto;
  width: 300px;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  font-size: 24px;
  letter-spacing: 5px;
  cursor: pointer;
}
body#lp-grade1 section#contact input[type=submit]:hover {
  opacity: 0.7;
}
body#lp-grade1 section#contact input[type=submit]::after {
  position: absolute;
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 14px solid #ffdf0a;
  top: 40px;
  right: 20px;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#contact input[type=submit] {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade1 section#contact input[type=submit]::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}
@media screen and (max-width: 999px) {
  body#lp-grade1 section#contact {
    padding: 16vw 0;
    background: url("/assets/img/lp/grade1/sp/contact_bg.png") no-repeat top right/77vw 93vw;
  }
  body#lp-grade1 section#contact h2 {
    margin-bottom: 5.3vw;
  }
  body#lp-grade1 section#contact p.h2-desc {
    padding: 0 20px;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#contact dl {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
    margin-bottom: 10.66vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) and (max-width: 999px) {
  body#lp-grade1 section#contact dl {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#contact dl dt {
    margin-bottom: 4vw;
    font-size: 4.26vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#contact dl dd {
    margin-bottom: 6vw;
    font-size: 4.26vw;
  }
  body#lp-grade1 section#contact dl dd:last-child {
    margin-bottom: 0;
  }
  body#lp-grade1 section#contact dl dd.setumeikai {
    flex-wrap: wrap;
  }
  body#lp-grade1 section#contact dl dd.setumeikai span {
    margin: 0 10px 10px 0;
    width: calc(50% - 10px);
  }
  body#lp-grade1 section#contact dl dd.setumeikai span:nth-child(even) {
    margin-right: 0;
  }
  body#lp-grade1 section#contact dl dd.setumeikai span:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  body#lp-grade1 section#contact dl dd.setumeikai span input {
    width: 30%;
  }
  body#lp-grade1 section#contact dl dd.setumeikai span label {
    width: 70%;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 section#contact input[type=submit] {
    display: block;
    width: 800px;
    height: 100px;
    line-height: 100px;
    border-radius: 50px;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    box-sizing: border-box;
    position: relative;
    background: linear-gradient(90deg, #ce0044, #ce0074);
    transition: 0.3s all;
    width: 100%;
    height: 12vw;
    line-height: 12vw;
    border-radius: 50%;
    font-size: 4.26vw;
  }
  body#lp-grade1 section#contact input[type=submit]:hover {
    opacity: 0.7;
  }
  body#lp-grade1 section#contact input[type=submit]::after {
    position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 14px solid #ffdf0a;
    top: 40px;
    right: 20px;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) and (max-width: 999px) {
  body#lp-grade1 section#contact input[type=submit] {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 16vw;
    line-height: 16vw;
    border-radius: 16vw;
    font-size: 5.3vw;
  }
  body#lp-grade1 section#contact input[type=submit]::after {
    position: absolute;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ffdf0a;
    top: calc(50% - 7px);
    right: 15px;
  }
}

body#lp-grade1 footer .footer-cta-txt {
  padding: 30px 0;
  background: #d6dbe1;
}
body#lp-grade1 footer .footer-cta-txt p {
  line-height: 1.5;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
body#lp-grade1 footer .footer-cta-btn {
  padding: 30px 0 35px;
  background-color: #eceef1;
}
body#lp-grade1 footer .footer-cta-btn p {
  margin: 0 auto 10px;
  width: 280px;
  line-height: 1.5;
  color: #0132ae;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 24px;
  font-weight: bold;
  position: relative;
}
body#lp-grade1 footer .footer-cta-btn p::before, body#lp-grade1 footer .footer-cta-btn p::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 70px;
  background: #0132ae;
  top: 10px;
}
body#lp-grade1 footer .footer-cta-btn p::before {
  left: 0;
  transform: rotateZ(-40deg);
}
body#lp-grade1 footer .footer-cta-btn p::after {
  right: 0;
  transform: rotateZ(40deg);
}
body#lp-grade1 footer .footer-btm {
  padding: 20px 0 50px;
}
body#lp-grade1 footer .footer-btm ul.sec-inner {
  width: 800px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 footer .footer-btm ul.sec-inner {
    width: 700px;
  }
}
body#lp-grade1 footer .footer-btm ul.sec-inner li {
  font-size: 12px;
}
body#lp-grade1 footer .footer-btm ul.sec-inner li.copy {
  margin-right: auto;
  order: 1;
}
body#lp-grade1 footer .footer-btm ul.sec-inner li.link {
  order: 2;
}
body#lp-grade1 footer .footer-btm ul.sec-inner li.link ul {
  display: flex;
}
body#lp-grade1 footer .footer-btm ul.sec-inner li.link ul li {
  margin-right: 20px;
}
body#lp-grade1 footer .footer-btm ul.sec-inner li.link ul li:last-child {
  margin-right: 0;
}
body#lp-grade1 footer .footer-btm ul.sec-inner li.link ul a {
  text-decoration: underline;
}
body#lp-grade1 footer .footer-btm ul.sec-inner li.link ul a:hover {
  text-decoration: none;
}
@media screen and (max-width: 999px) {
  body#lp-grade1 footer .footer-cta-txt {
    padding: 4vw 0;
  }
  body#lp-grade1 footer .footer-cta-txt p {
    font-size: 4vw;
  }
  body#lp-grade1 footer .footer-cta-btn {
    padding: 4vw 0;
  }
  body#lp-grade1 footer .footer-cta-btn p {
    margin: 0 auto 10px;
    width: 40vw;
    font-size: 4vw;
  }
  body#lp-grade1 footer .footer-cta-btn p::before, body#lp-grade1 footer .footer-cta-btn p::after {
    position: absolute;
    content: "";
    width: 2px;
    height: 9.3vw;
    top: 2vw;
  }
}
@media screen and (max-width: 999px) and (max-width: 743px) {
  body#lp-grade1 footer .footer-btm {
    padding: 10vw 0 4vw;
  }
  body#lp-grade1 footer .footer-btm ul.sec-inner {
    width: 100%;
    display: block;
  }
  body#lp-grade1 footer .footer-btm ul.sec-inner li {
    font-size: 3.6vw;
  }
  body#lp-grade1 footer .footer-btm ul.sec-inner li.copy {
    margin-right: 0;
    text-align: center;
  }
  body#lp-grade1 footer .footer-btm ul.sec-inner li.link ul {
    margin-bottom: 14vw;
    display: block;
  }
  body#lp-grade1 footer .footer-btm ul.sec-inner li.link ul li {
    margin: 0 0 20px;
    text-align: center;
  }
}

body#linebiz-member,
body#linebiz-free {
  background: #f8f8f8;
}
body#linebiz-member section,
body#linebiz-free section {
  padding-bottom: 100px;
}
body#linebiz-member section h3,
body#linebiz-free section h3 {
  padding: 100px 0 50px;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 30px;
  text-align: center;
}
body#linebiz-member section .linebiz-img,
body#linebiz-free section .linebiz-img {
  margin: 0 auto 50px;
  max-width: 800px;
}
body#linebiz-member section .linebiz-img img,
body#linebiz-free section .linebiz-img img {
  width: 100%;
}
body#linebiz-member section .linebiz-movie,
body#linebiz-free section .linebiz-movie {
  margin: 0 auto 100px;
  max-width: 300px;
}
body#linebiz-member section .linebiz-movie video,
body#linebiz-free section .linebiz-movie video {
  width: 100%;
}
body#linebiz-member section .linebiz-btn,
body#linebiz-free section .linebiz-btn {
  margin: 0 auto;
  width: 232px;
  heith: 72px;
}
@media screen and (max-width: 999px) {
  body#linebiz-member section,
body#linebiz-free section {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body#linebiz-member section,
body#linebiz-free section {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 999px) {
  body#linebiz-member section h3,
body#linebiz-free section h3 {
    padding: 60px 10px 30px;
    line-height: 1.5;
    font-size: 6vw;
    font-size: min(6vw, 24px);
  }
}
@media screen and (max-width: 999px) {
  body#linebiz-member section .linebiz-img,
body#linebiz-free section .linebiz-img {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 999px) {
  body#linebiz-member section .linebiz-movie,
body#linebiz-free section .linebiz-movie {
    margin-bottom: 50px;
  }
}

body.archives main {
  background: #fbf7fd;
}
body.archives article {
  margin: 0 auto 60px;
  padding-top: 30px;
  max-width: 800px;
}
body.archives article h2 {
  margin: 60px 0 40px;
  line-height: 1.4;
  font-size: 220%;
  font-weight: 900;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  text-align: center;
}
body.archives article h2.qualification-list, body.archives article h2.knowledge, body.archives article h2.workday-gift {
  text-align: left;
}
body.archives article h2.workday-movie, body.archives article h2.workday-deco {
  font-size: 210%;
}
body.archives article h2.merit {
  font-size: 200%;
}
body.archives article h3 {
  margin-bottom: 30px;
  padding: 70px 0 20px;
  border-bottom: 2px #a98c40 solid;
  line-height: 1.5;
  text-align: center;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 140%;
  font-weight: 900;
}
body.archives article h4 {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px #a98c40 dotted;
  line-height: 1.4;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 120%;
  font-weight: 900;
  color: #a98c40;
}
body.archives article h4.long {
  font-size: 110%;
}
body.archives article .archives-first {
  margin-bottom: 30px;
  width: 100%;
  text-align: center;
}
body.archives article .archives-first p {
  padding: 20px;
  border: 1px #a98c40 dotted;
  line-height: 1.6;
  font-size: 22px;
  font-weight: bold;
  background: #fff;
  color: #a98c40;
  border-radius: 8px;
}
body.archives article .archives-mokuji {
  margin-top: 50px;
  padding: 20px;
  border: 1px #a98c40 solid;
  box-sizing: border-box;
  background: #fff;
  border-radius: 8px;
}
body.archives article .archives-mokuji p {
  margin-bottom: 40px;
  padding-bottom: 10px;
  border-bottom: 1px #a98c40 dotted;
  text-align: center;
  color: #a98c40;
}
body.archives article .archives-mokuji dl dt {
  margin-bottom: 30px;
  font-weight: bold;
}
body.archives article .archives-mokuji dl dd {
  margin-bottom: 40px;
}
body.archives article .archives-mokuji dl dd ul {
  padding-left: 2em;
  font-size: 16px;
}
body.archives article .archives-mokuji dl dd:last-child {
  margin-bottom: 0;
}
body.archives article .archives-eyecatch {
  width: 100%;
  height: 400px;
}
body.archives article .archives-paging {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
}
body.archives article .archives-paging .archives-paging-left,
body.archives article .archives-paging .archives-paging-right {
  width: 50%;
}
body.archives article .archives-paging .archives-paging-left a,
body.archives article .archives-paging .archives-paging-right a {
  font-size: 14px;
  text-decoration: underline;
}
body.archives article .archives-paging .archives-paging-right {
  text-align: right;
}
body.archives article .archives-paging a.btn-hp {
  margin: 0 auto;
  display: block;
  border: 2px #fff solid;
  width: 400px;
  height: 80px;
  line-height: 76px;
  border-radius: 4px;
  font-size: 20px;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  background: #a98c40;
  transition: 0.3s all;
  margin-top: 40px;
  width: 400px;
  height: 60px;
  line-height: 56px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
}
body.archives article .archives-paging a.btn-hp:hover {
  opacity: 0.7;
}
body.archives article .archives-paging a.btn-hp::after {
  position: absolute;
  font-size: 24px;
  color: #fff;
  transform: scale(50%, 100%);
  content: ">";
  top: 0;
  right: 10px;
}
@media screen and (max-width: 999px) {
  body.archives article .archives-paging a.btn-hp {
    width: 100%;
    height: 60px;
    line-height: 56px;
    font-size: 16px;
  }
}
body.archives article .archives-paging a.btn-hp::after {
  font-size: 16px;
  top: -2px;
}
body.archives article .archives-last {
  margin-top: 70px;
}
body.archives article .archives-last p {
  font-size: 16px;
}
body.archives article .ph-box {
  margin-bottom: 25px;
  width: 100%;
}
body.archives article .ph-box:last-child {
  margin-bottom: 0;
}
body.archives article .ph-box2 {
  margin: 0 auto 25px;
  max-width: 500px;
}
body.archives article .ph-box:last-child, body.archives article .ph-box2:last-child {
  margin-bottom: 0;
}
body.archives article .ph-box img, body.archives article .ph-box2 img {
  border-radius: 6px;
}
body.archives article span.archives-last-sign {
  margin: 0 0 0 auto;
  display: block;
  width: 180px;
}
body.archives article span.bgY {
  font-weight: bold;
  position: relative;
  z-index: 1;
}
body.archives article span.bgY::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 10px;
  background: #ffdf0a;
}
body.archives article .section {
  margin-top: 30px;
}
body.archives article section, body.archives article div {
  font-size: 18px;
}
body.archives article section p, body.archives article section ul, body.archives article section ol, body.archives article section dl, body.archives article div p, body.archives article div ul, body.archives article div ol, body.archives article div dl {
  font-size: 19px;
}
body.archives article section p, body.archives article div p {
  margin-bottom: 25px;
}
body.archives article section ul, body.archives article section ol, body.archives article section dl, body.archives article div ul, body.archives article div ol, body.archives article div dl {
  margin-bottom: 30px;
}
body.archives article section p:last-child, body.archives article section ul:last-child, body.archives article section ol:last-child, body.archives article section dl:last-child, body.archives article div p:last-child, body.archives article div ul:last-child, body.archives article div ol:last-child, body.archives article div dl:last-child {
  margin-bottom: 0;
}
body.archives article section p.mb0, body.archives article div p.mb0 {
  margin-bottom: 0;
}
body.archives article section ul, body.archives article div ul {
  padding-left: 1.5em;
  list-style: circle;
}
body.archives article section ul li, body.archives article div ul li {
  margin-bottom: 15px;
}
body.archives article section ul li:last-child, body.archives article div ul li:last-child {
  margin-bottom: 0;
}
body.archives article section ul.bold, body.archives article div ul.bold {
  font-weight: bold;
}
body.archives article section .sec-box-bnr, body.archives article div .sec-box-bnr {
  padding: 20px 20px 40px;
  background: #fff;
}
body.archives article section .sec-box, body.archives article div .sec-box {
  padding: 50px 20px 20px;
  background: #fff;
  box-sizing: border-box;
}
body.archives article section .sec-box a, body.archives article div .sec-box a {
  text-decoration: underline;
}
body.archives article section .sec-box a:hover, body.archives article div .sec-box a:hover {
  text-decoration: none;
}
body.archives article section .sec-box .sec-box-pr, body.archives article div .sec-box .sec-box-pr {
  position: relative;
  margin: 2em 0;
  padding: 1.5em 1em;
  border: solid 3px #c5a759;
  border-radius: 8px;
}
body.archives article section .sec-box .sec-box-pr .sec-box-pr-ti, body.archives article div .sec-box .sec-box-pr .sec-box-pr-ti {
  position: absolute;
  display: inline-block;
  top: -11px;
  left: 10px;
  padding: 0 9px;
  line-height: 1;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 19px;
  background: #fff;
  color: #c5a759;
  font-weight: bold;
}
body.archives article section .sec-box p.sec-box-link, body.archives article div .sec-box p.sec-box-link {
  position: relative;
  padding-left: 6.1em;
  text-indent: -5.1em;
  line-height: 1.3;
}
body.archives article section .sec-box p.sec-box-link::before, body.archives article div .sec-box p.sec-box-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #a98c40;
}
body.archives article section .sec-box dl, body.archives article div .sec-box dl {
  margin-bottom: 30px;
}
body.archives article section .sec-box dl dt, body.archives article div .sec-box dl dt {
  margin-bottom: 15px;
  padding: 7px 10px;
  background: #f1f5f6;
  font-weight: bold;
}
body.archives article section .sec-box dl dd, body.archives article div .sec-box dl dd {
  margin-bottom: 40px;
  padding-left: 10px;
  line-height: 1.5;
  font-size: 17px;
}
body.archives article section .sec-box dl dd ul li, body.archives article div .sec-box dl dd ul li {
  margin-bottom: 10px;
  line-height: 1.5;
  font-size: 17px;
}
body.archives article section .sec-box dl dd:last-child, body.archives article section .sec-box dl dd:last-child li:last-child, body.archives article div .sec-box dl dd:last-child, body.archives article div .sec-box dl dd:last-child li:last-child {
  margin-bottom: 0;
}
body.archives article section .sec-box dl dd dl dt, body.archives article div .sec-box dl dd dl dt {
  margin-bottom: 10px;
  padding: 0;
  background: transparent;
}
body.archives article section .sec-box dl dd dl dd, body.archives article div .sec-box dl dd dl dd {
  margin-bottom: 5px;
}
body.archives article section .sec-box dl:last-child, body.archives article div .sec-box dl:last-child {
  margin-bottom: 0;
}
body.archives article section .fukidashi, body.archives article div .fukidashi {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}
body.archives article section .fukidashi .fukidashi-ph, body.archives article div .fukidashi .fukidashi-ph {
  margin-right: 15px;
  width: 80px;
  height: 80px;
}
body.archives article section .fukidashi .fukidashi-ph img, body.archives article div .fukidashi .fukidashi-ph img {
  border-radius: 40px;
}
body.archives article section .fukidashi .fukidashi-txt, body.archives article div .fukidashi .fukidashi-txt {
  width: calc(100% - 80px);
  height: 80px;
  line-height: 80px;
  font-weight: bold;
}
body.archives article section .fukidashi .fukidashi-txt a, body.archives article div .fukidashi .fukidashi-txt a {
  text-decoration: underline;
}
body.archives article section .fukidashi .fukidashi-txt a:hover, body.archives article div .fukidashi .fukidashi-txt a:hover {
  text-decoration: none;
}
body.archives article section .fukidashi:last-child, body.archives article div .fukidashi:last-child {
  margin-bottom: 0;
}
body.archives article section .fukidashi2 .fukidashi-txt, body.archives article div .fukidashi2 .fukidashi-txt {
  padding-top: 10px;
  height: 70px;
  line-height: 1.8;
}
@media screen and (max-width: 999px) {
  body.archives article {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
    padding: 50px 0 60px;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body.archives article {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 999px) {
  body.archives article h2 {
    margin: 40px 0 20px;
    font-size: min(6vw, 24px);
    line-height: 1.4;
    text-align: left;
  }
  body.archives article h2.workday-movie, body.archives article h2.workday-deco, body.archives article h2.merit {
    font-size: min(6vw, 24px);
  }
}
@media screen and (max-width: 999px) {
  body.archives article h3 {
    padding-top: 30px;
    line-height: 1.4;
    text-align: left;
    font-size: min(5.5vw, 22px);
  }
}
@media screen and (max-width: 999px) {
  body.archives article h4 {
    margin-bottom: 20px;
    padding-bottom: 15px;
    line-height: 1.4;
    font-size: min(5vw, 21px);
  }
  body.archives article h4.long {
    font-size: min(5vw, 21px);
  }
}
@media screen and (max-width: 999px) {
  body.archives article .archives-first {
    margin-bottom: 20px;
    width: 100%;
  }
  body.archives article .archives-first p {
    padding: 15px 5px;
    line-height: 1.4;
    font-size: min(4.2vw, 17px);
    font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
}
@media screen and (max-width: 999px) {
  body.archives article .archives-mokuji {
    margin-top: 40px;
    padding: 10px;
  }
  body.archives article .archives-mokuji p {
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
  body.archives article .archives-mokuji dl dt {
    margin-bottom: 10px;
    padding-left: 0.5em;
    text-indent: -0.5em;
    line-height: 1.5;
  }
  body.archives article .archives-mokuji dl dd {
    margin-bottom: 25px;
  }
  body.archives article .archives-mokuji dl dd ul {
    padding-left: 2em;
    line-height: 1.5;
    font-size: min(4vw, 16px);
  }
  body.archives article .archives-mokuji dl dd:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 999px) {
  body.archives article .archives-eyecatch {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 999px) {
  body.archives article .archives-paging {
    margin-top: 15px;
    justify-content: space-between;
  }
  body.archives article .archives-paging .archives-paging-left,
body.archives article .archives-paging .archives-paging-right {
    width: 40%;
  }
  body.archives article .archives-paging a.btn-hp {
    margin: 0 auto;
    display: block;
    border: 2px #fff solid;
    width: 400px;
    height: 80px;
    line-height: 76px;
    border-radius: 4px;
    font-size: 20px;
    text-align: center;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    color: #fff;
    box-sizing: border-box;
    position: relative;
    background: #a98c40;
    transition: 0.3s all;
    margin-top: 20px;
    font-size: min(4vw, 16px) !important;
  }
  body.archives article .archives-paging a.btn-hp:hover {
    opacity: 0.7;
  }
  body.archives article .archives-paging a.btn-hp::after {
    position: absolute;
    font-size: 24px;
    color: #fff;
    transform: scale(50%, 100%);
    content: ">";
    top: 0;
    right: 10px;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body.archives article .archives-paging a.btn-hp {
    width: 100%;
    height: 60px;
    line-height: 56px;
    font-size: 16px;
  }
}
@media screen and (max-width: 999px) {
  body.archives article .archives-paging a.btn-hp::after {
    font-size: min(4vw, 16px);
  }
}
@media screen and (max-width: 999px) {
  body.archives article .archives-last {
    margin-top: 70px;
  }
  body.archives article .archives-last p {
    font-size: min(4.4vw, 18px);
  }
}
@media screen and (max-width: 999px) {
  body.archives article .ph-box {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 999px) {
  body.archives article .ph-box2 {
    margin-bottom: 15px;
    max-width: 100%;
  }
}
@media screen and (max-width: 999px) {
  body.archives article span.archives-last-sign {
    margin: 0 0 0 auto;
    display: block;
    width: 180px;
  }
}
@media screen and (max-width: 999px) {
  body.archives article span.bgY {
    position: static;
    border-bottom: 5px solid #ffdf0a;
  }
}
@media screen and (max-width: 999px) {
  body.archives article .section {
    margin-top: 30px;
  }
}
@media screen and (max-width: 999px) {
  body.archives article section, body.archives article div {
    font-size: 18px;
  }
  body.archives article section p, body.archives article section ul, body.archives article section ol, body.archives article section dl, body.archives article div p, body.archives article div ul, body.archives article div ol, body.archives article div dl {
    font-size: min(4.4vw, 18px);
  }
  body.archives article section p, body.archives article div p {
    margin-bottom: 15px;
  }
  body.archives article section ul, body.archives article section ol, body.archives article section dl, body.archives article div ul, body.archives article div ol, body.archives article div dl {
    margin-bottom: 20px;
    line-height: 1.5;
  }
  body.archives article section p:last-child, body.archives article section ul:last-child, body.archives article section ol:last-child, body.archives article section dl:last-child, body.archives article div p:last-child, body.archives article div ul:last-child, body.archives article div ol:last-child, body.archives article div dl:last-child {
    margin-bottom: 0;
  }
  body.archives article section ul, body.archives article div ul {
    padding-left: 1.5em;
    list-style: circle;
  }
  body.archives article section ul li, body.archives article div ul li {
    margin-bottom: 10px;
  }
  body.archives article section ul li:last-child, body.archives article div ul li:last-child {
    margin-bottom: 0;
  }
  body.archives article section .sec-box-bnr, body.archives article div .sec-box-bnr {
    padding: 0 20px 20px;
    background: #fff;
  }
  body.archives article section .sec-box, body.archives article div .sec-box {
    padding: 20px;
  }
  body.archives article section .sec-box:last-child, body.archives article div .sec-box:last-child {
    padding-bottom: 30px;
  }
  body.archives article section .sec-box p.sec-box-tuduki, body.archives article div .sec-box p.sec-box-tuduki {
    position: relative;
    padding-left: 6.9em;
    text-indent: -5.9em;
    line-height: 1.3;
  }
  body.archives article section .sec-box p.sec-box-tuduki::before, body.archives article div .sec-box p.sec-box-tuduki::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #a98c40;
  }
  body.archives article section .sec-box dl, body.archives article div .sec-box dl {
    margin-bottom: 30px;
  }
  body.archives article section .sec-box dl dt, body.archives article div .sec-box dl dt {
    margin-bottom: 15px;
    padding: 7px 10px;
    background: #f1f5f6;
    font-weight: bold;
  }
  body.archives article section .sec-box dl dd, body.archives article div .sec-box dl dd {
    margin-bottom: 40px;
    padding-left: 10px;
    line-height: 1.8;
    font-size: min(4.4vw, 18px);
  }
  body.archives article section .sec-box dl dd ul li, body.archives article div .sec-box dl dd ul li {
    margin-bottom: 10px;
    line-height: 1.8;
    font-size: min(4.4vw, 18px);
  }
  body.archives article section .sec-box dl dd:last-child, body.archives article section .sec-box dl dd:last-child li:last-child, body.archives article div .sec-box dl dd:last-child, body.archives article div .sec-box dl dd:last-child li:last-child {
    margin-bottom: 0;
  }
  body.archives article section .sec-box dl dd dl dt, body.archives article div .sec-box dl dd dl dt {
    margin-bottom: 10px;
    padding: 0;
    background: transparent;
  }
  body.archives article section .sec-box dl dd dl dd, body.archives article div .sec-box dl dd dl dd {
    margin-bottom: 5px;
  }
  body.archives article section .sec-box dl:last-child, body.archives article div .sec-box dl:last-child {
    margin-bottom: 0;
  }
  body.archives article section .sec-box .comparison-img img, body.archives article div .sec-box .comparison-img img {
    margin-bottom: 10px;
  }
  body.archives article section .sec-box .comparison-img .is-sp2 img:last-child, body.archives article div .sec-box .comparison-img .is-sp2 img:last-child {
    margin-bottom: 0;
  }
  body.archives article section .fukidashi, body.archives article div .fukidashi {
    margin-bottom: 25px;
    display: flex;
  }
  body.archives article section .fukidashi .fukidashi-ph, body.archives article div .fukidashi .fukidashi-ph {
    margin-right: 15px;
  }
  body.archives article section .fukidashi .fukidashi-txt, body.archives article div .fukidashi .fukidashi-txt {
    width: calc(100% - 75px);
    height: auto;
    line-height: 1.4;
    font-size: min(4.4vw, 18px);
  }
  body.archives article section .fukidashi .fukidashi-txt span, body.archives article div .fukidashi .fukidashi-txt span {
    position: static;
  }
  body.archives article section .fukidashi2 .fukidashi-txt, body.archives article div .fukidashi2 .fukidashi-txt {
    padding-top: 0;
    height: auto;
    line-height: 1.4;
  }
}

body#exam-info.archives article .sec-box ul.exam-fee-tel {
  padding-left: 1em;
  display: flex;
  flex-wrap: wrap;
}
body#exam-info.archives article .sec-box ul.exam-fee-tel li {
  padding-left: 0;
  width: 25%;
  list-style: none;
  font-size: 14px;
}
body#exam-info.archives article .sec-box ul.exam-fee-tel li.long {
  width: 100%;
}
@media screen and (max-width: 999px) {
  body#exam-info.archives article .sec-box ul.exam-fee-tel {
    padding: 0;
    justify-content: space-between;
  }
  body#exam-info.archives article .sec-box ul.exam-fee-tel li {
    width: calc((100% - 5px) / 2);
    font-size: min(3.2vw, 13px);
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body#exam-info.archives article .sec-box ul.exam-fee-tel {
    justify-content: flex-start;
  }
  body#exam-info.archives article .sec-box ul.exam-fee-tel li {
    width: 25%;
  }
}

body#qualification-faq.archives article .sec-box h4 {
  padding-left: 1.4em;
  text-indent: -1.4em;
  line-height: 1.5;
}

body.archives main .qualification-btm-link,
body.category main .qualification-btm-link {
  display: none;
  padding: 10px 0;
  border-top: 1px #fff solid;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 90px;
  box-sizing: border-box;
  background: #ffd3de;
}
body.archives main .qualification-btm-link a,
body.category main .qualification-btm-link a {
  margin: 0 auto;
  display: block;
  border-radius: 4px;
  height: 70px;
  line-height: 70px;
  max-width: 1000px;
  color: #fff;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: min(4.4vw, 26px);
  font-weight: normal;
  background: #ec1049;
  position: relative;
  box-sizing: border-box;
}
body.archives main .qualification-btm-link a::before,
body.category main .qualification-btm-link a::before {
  position: absolute;
  content: ">";
  transform: scale(0.6, 1);
  top: 0;
  right: 10px;
}
@media screen and (min-width: 1000px) {
  body.archives main .qualification-btm-link a::after,
body.category main .qualification-btm-link a::after {
    position: absolute;
    content: "";
    width: 171px;
    height: 125px;
    background: url("/assets/img/archives/pc/ph_qualification_btm_link.png") no-repeat left 0 bottom/171px 125px;
    bottom: 0;
    left: 10px;
  }
}
body.archives main .qualification-btm-link a span,
body.category main .qualification-btm-link a span {
  margin: 0 2px;
  font-size: 90%;
}
@media screen and (max-width: 999px) {
  body.archives main .qualification-btm-link,
body.category main .qualification-btm-link {
    padding: 0;
    border-top: none;
    height: 60px;
    background: none;
  }
  body.archives main .qualification-btm-link a,
body.category main .qualification-btm-link a {
    border-radius: 0;
    height: 60px;
    line-height: 60px;
    max-width: 100%;
  }
  body.archives main .qualification-btm-link a::before,
body.category main .qualification-btm-link a::before {
    right: 5px;
  }
  body.archives main .qualification-btm-link a span,
body.category main .qualification-btm-link a span {
    font-size: 90%;
  }
}

body.category main {
  background: #fbf7fd;
}
body.category main article h2.line {
  line-height: 1.6;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 200%;
  font-weight: bold;
}
body.category main article .category-box {
  margin: 40px auto;
  width: 700px;
}
body.category main article .category-box p {
  margin-bottom: 40px;
  font-size: 18px;
}
body.category main article .category-box ul li {
  margin-bottom: 10px;
  width: 100%;
}
body.category main article .category-box ul li a {
  border: 2px #bab096 solid;
  width: 100%;
  height: 100px;
  display: inline-flex;
  justify-content: space-between;
  border-radius: 8px;
  background: #fff;
}
body.category main article .category-box ul li img {
  width: 200px;
  border-radius: 7px 0 0 7px;
}
body.category main article .category-box ul li h3 {
  width: calc(100% - 220px);
  height: 100px;
  line-height: 100px;
  font-size: 20px;
  font-weight: bold;
  color: #a98c40;
}
body.category main article .category-box ul li h3.line2 {
  padding: 18px 15px 0 0;
  line-height: 1.5;
  box-sizing: border-box;
}
@media screen and (max-width: 999px) {
  body.category main article h2.line {
    padding-top: 90px;
    height: 130px;
    line-height: 1.6;
    font-size: min(6vw, 20px);
  }
  body.category main article .category-box {
    margin: 0 auto;
    width: 1000px;
    max-width: 1000px;
    padding: 60px 0 40px;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  body.category main article .category-box {
    width: calc(100% - 40px);
    max-width: auto;
  }
}
@media screen and (max-width: 999px) {
  body.category main article .category-box p {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 999px) {
  body.category main article .category-box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body.category main article .category-box ul li {
    margin-bottom: 2%;
    width: 49%;
    display: flex;
  }
  body.category main article .category-box ul li a {
    border-width: 1px;
    display: flex;
    flex-direction: column;
    height: auto;
    flex-grow: 1;
  }
  body.category main article .category-box ul li img {
    width: 100%;
    display: block;
    border-radius: 7px 7px 0 0;
  }
  body.category main article .category-box ul li h3 {
    margin-right: 0;
    padding: 10px;
    width: 100%;
    height: auto;
    line-height: 1.3;
    font-size: 16px;
    box-sizing: border-box;
    flex-grow: 1;
  }
}
@media screen and (max-width: 999px) and (min-width: 744px) and (max-width: 999px) {
  body.category main article .category-box ul li h3 {
    padding: 20px;
  }
}
@media screen and (max-width: 999px) {
  body.category main article .category-box ul li h3.line2 {
    padding: 10px;
    line-height: 1.2;
  }
}

body#sideline {
  background: #f8f8f8;
}
body#sideline h3 {
  margin-bottom: 30px;
  font-size: 140%;
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
}
body#sideline ul {
  margin-bottom: 20px;
  box-sizing: border-box;
}
body#sideline ul li {
  margin-bottom: 10px;
  line-height: 1.4;
}
body#sideline .sideline-intro, body#sideline .sideline-news, body#sideline .sideline-voice {
  margin: 0 auto 60px;
  width: 800px;
}
body#sideline .sideline-intro .sideline-ph {
  margin: 60px auto 40px;
  width: 800px;
  height: 400px;
}
body#sideline .sideline-intro ul {
  padding: 20px 10px;
  border: 1px #000 dotted;
  border-right: none;
  border-left: none;
}
body#sideline .sideline-intro ul li:last-child {
  margin-bottom: 0;
  font-size: 90%;
}
body#sideline .sideline-news {
  display: flex;
}
body#sideline .sideline-news .sideline-news-list {
  width: 400px;
  height: 640px;
}
body#sideline .sideline-news .sideline-news-list h3 {
  margin-bottom: 20px;
  padding-top: 20px;
  font-size: 140%;
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
  letter-spacing: 5px;
}
body#sideline .sideline-news .sideline-news-list dl {
  padding: 0 10px 10px;
  width: 100%;
  height: 570px;
  overflow-y: scroll;
  font-size: 95%;
  box-sizing: border-box;
  border-radius: 4px;
  background: #a8a593;
}
body#sideline .sideline-news .sideline-news-list dl dt {
  margin-top: 10px;
  padding: 10px;
  width: 100%;
  line-height: 1.5;
  position: relative;
  background: #fff;
  box-sizing: border-box;
  font-size: min(4vw, 14.4px);
}
body#sideline .sideline-news .sideline-news-list dl dt span.date {
  margin-bottom: 7px;
  padding-bottom: 7px;
  width: calc(100% - 50px);
  display: block;
  border-bottom: 1px dotted #000;
}
body#sideline .sideline-news .sideline-news-list dl dt span.ic {
  margin-right: 10px;
  padding: 5px;
  background: #b5003c;
  color: #fff;
  border-radius: 2px;
}
body#sideline .sideline-news .sideline-news-list dl dt span.ic-end {
  background: #bab096;
}
body#sideline .sideline-news .sideline-news-list dl dt:hover {
  transition: 0.3s all;
  cursor: pointer;
}
body#sideline .sideline-news .sideline-news-list dl dt:hover:hover {
  opacity: 0.7;
}
body#sideline .sideline-news .sideline-news-list dl dt::after {
  position: absolute;
  content: "+";
  font-size: 20px;
  font-weight: 800;
  top: 33%;
  right: 20px;
}
body#sideline .sideline-news .sideline-news-list dl dt.is-active::after {
  content: "−";
  right: 17px;
  top: 33%;
}
body#sideline .sideline-news .sideline-news-list dl dd {
  margin-bottom: 10px;
  padding: 10px 10px 15px;
  display: none;
  box-sizing: border-box;
  background: #fff;
}
body#sideline .sideline-news .sideline-news-list dl dd:last-child {
  margin-bottom: 0;
}
body#sideline .sideline-news .sideline-news-list dl dd h4 {
  margin-bottom: 10px;
  line-height: 1.3;
  color: #7f7322;
  font-weight: bold;
}
body#sideline .sideline-news .sideline-news-list dl dd p {
  line-height: 1.4;
  font-size: 95%;
}
body#sideline .sideline-news #sb_instagram .sb_instagram_header,
body#sideline .sideline-news .sb_instagram_header {
  padding-top: 0;
}
body#sideline .sideline-news .sideline-news-insta {
  margin-left: 20px;
  width: calc(100% - 420px);
}
body#sideline .sideline-news .sideline-news-insta #sb_instagram #sbi_images {
  padding-top: 0;
}
body#sideline .sideline-voice ul li {
  margin-bottom: 0;
  padding: 20px 0;
  border-bottom: 1px #000 dotted;
}
body#sideline .sideline-voice ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
@media screen and (max-width: 999px) {
  body#sideline h3 {
    line-height: 1.5;
  }
  body#sideline .sideline-intro, body#sideline .sideline-news, body#sideline .sideline-voice {
    margin-bottom: 60px;
    width: calc(100% - 40px);
  }
  body#sideline .sideline-intro .sideline-ph {
    margin: 20px auto 30px;
    width: 100%;
    height: auto;
  }
  body#sideline .sideline-intro ul li {
    padding-left: 3em;
    text-indent: -3em;
  }
  body#sideline .sideline-intro ul li:last-child {
    padding-left: 1em;
    text-indent: -1em;
  }
  body#sideline .sideline-news {
    display: block;
  }
  body#sideline .sideline-news .sideline-news-list {
    margin-bottom: 40px;
    width: 100%;
  }
  body#sideline .sideline-news .sideline-news-list h3 {
    margin-bottom: 30px;
    padding-top: 0;
  }
  body#sideline .sideline-news .sideline-news-list .sideline-news-list-box {
    width: 100%;
  }
  body#sideline .sideline-news .sideline-news-list dl {
    margin-bottom: 60px;
  }
  body#sideline .sideline-news .sideline-news-insta {
    margin-left: 0;
    width: 100%;
    height: auto;
  }
  body#sideline .sideline-news .sideline-news-insta #sb_instagram {
    height: auto !important;
  }
  body#sideline .sideline-voice ul li {
    margin-bottom: 0;
    padding: 20px 0;
    border-bottom: 1px #000 dotted;
  }
}

body#error404 section {
  margin: 0 auto 80px;
  width: 800px;
  text-align: center;
}
body#error404 section h2 {
  padding: 80px 0 20px;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 40px;
}
body#error404 section h3 {
  margin-bottom: 50px;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 20px;
}
body#error404 section p {
  margin-bottom: 50px;
}
body#error404 section a.btn {
  margin: 0 auto;
  width: 300px;
  height: 50px;
  line-height: 50px;
  background: #000;
  color: #fff;
  text-align: center;
  border-radius: 25px;
  font-size: 20px;
  display: block;
}
@media screen and (max-width: 999px) {
  body#error404 section {
    margin: 0 0 10.66vw;
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box;
  }
  body#error404 section h2 {
    padding: 35vw 0 5.33vw;
    font-size: 8vw;
  }
  body#error404 section h3 {
    margin-bottom: 10.66vw;
    font-size: 6.66vw;
  }
  body#error404 section p {
    margin-bottom: 8vw;
  }
  body#error404 section a.btn-hp {
    width: 80%;
  }
}

/*
Theme Name: yoshiko school
Theme URI: https://yoshikosch.com
Author: tresco
Author URI: https://tresco.co.jp
Description: yoshiko school WP theme
Version: 1.0
*/