@charset "UTF-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/
02
v2.0 | 20110126
03
License: none (public domain)
04
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

[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: .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: .1s;
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: .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: .15s;
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: .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: .2s;
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: .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: .25s;
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: .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: .3s;
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: .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: .35s;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: .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: .4s;
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: .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: .45s;
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: .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: .5s;
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: .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: .55s;
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: .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: .6s;
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: .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: .65s;
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: .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: .7s;
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: .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: .75s;
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: .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: .8s;
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: .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: .85s;
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: .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: .9s;
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: .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: .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] {
  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);
}

/* Parts */
.rowContainer {
  width: 100%;
  overflow: hidden;
}

.row {
  display: flex;
  flex-wrap: wrap;
}

.col-1 {
  width: 8.333333%;
  padding: 0 15px;
  max-width: 90px;
}

.col-2 {
  width: 16.666666%;
  padding: 0 15px;
  max-width: 180px;
}

.col-3 {
  width: 25%;
  padding: 0 15px;
  max-width: 270px;
}

.col-4 {
  width: 33.333333%;
  padding: 0 15px;
  max-width: 360px;
}

.col-5 {
  width: 41.666667%;
  padding: 0 15px;
  max-width: 450px;
}

.col-6 {
  width: 50%;
  padding: 0 15px;
  max-width: 540px;
}

.col-7 {
  width: 58.333333%;
  padding: 0 15px;
  max-width: 630px;
}

.col-8 {
  width: 66.666667%;
  padding: 0 15px;
  max-width: 720px;
}

.col-9 {
  width: 75%;
  padding: 0 15px;
  max-width: 810px;
}

.col-10 {
  width: 83.333333%;
  padding: 0 15px;
  max-width: 900px;
}

.col-11 {
  width: 91.666667%;
  padding: 0 15px;
  max-width: 990px;
}

.col-12 {
  width: 100%;
  padding: 0 15px;
  max-width: 1080px;
}

.col-offset-1 {
  width: 8.333333%;
}

.col-offset-2 {
  width: 16.666666%;
}

.col-offset-3 {
  width: 25%;
}

.col-offset-4 {
  width: 33.333333%;
}

.col-offset-5 {
  width: 41.666667%;
}

.col-offset-6 {
  width: 50%;
}

.col-offset-7 {
  width: 58.333333%;
}

.col-offset-8 {
  width: 66.666667%;
}

.col-offset-9 {
  width: 75%;
}

.col-offset-10 {
  width: 83.333333%;
}

.col-offset-11 {
  width: 91.666667%;
}

.col-offset-12 {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .col-md-1 {
    width: 8.333333%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-md-2 {
    width: 16.666666%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-md-3 {
    width: 25%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-md-4 {
    width: 33.333333%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-md-5 {
    width: 41.666667%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-md-6 {
    width: 50%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-md-7 {
    width: 58.333333%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-md-8 {
    width: 66.666667%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-md-9 {
    width: 75%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-md-10 {
    width: 83.333333%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-md-11 {
    width: 91.666667%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-md-12 {
    width: 100%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-md-offset-1 {
    width: 8.333333%;
  }
  .col-md-offset-2 {
    width: 16.666666%;
  }
  .col-md-offset-3 {
    width: 25%;
  }
  .col-md-offset-4 {
    width: 33.333333%;
  }
  .col-md-offset-5 {
    width: 41.666667%;
  }
  .col-md-offset-6 {
    width: 50%;
  }
  .col-md-offset-7 {
    width: 58.333333%;
  }
  .col-md-offset-8 {
    width: 66.666667%;
  }
  .col-md-offset-9 {
    width: 75%;
  }
  .col-md-offset-10 {
    width: 83.333333%;
  }
  .col-md-offset-11 {
    width: 91.666667%;
  }
  .col-md-offset-12 {
    width: 100%;
  }
}

@media screen and (max-width: 575px) {
  .col-sp-1 {
    width: 8.333333%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-sp-2 {
    width: 16.666666%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-sp-3 {
    width: 25%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-sp-4 {
    width: 33.333333%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-sp-5 {
    width: 41.666667%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-sp-6 {
    width: 50%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-sp-7 {
    width: 58.333333%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-sp-8 {
    width: 66.666667%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-sp-9 {
    width: 75%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-sp-10 {
    width: 83.333333%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-sp-11 {
    width: 91.666667%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-sp-12 {
    width: 100%;
    padding: 0 15px;
    max-width: none !important;
  }
  .col-sp-offset-1 {
    width: 8.333333%;
  }
  .col-sp-offset-2 {
    width: 16.666666%;
  }
  .col-sp-offset-3 {
    width: 25%;
  }
  .col-sp-offset-4 {
    width: 33.333333%;
  }
  .col-sp-offset-5 {
    width: 41.666667%;
  }
  .col-sp-offset-6 {
    width: 50%;
  }
  .col-sp-offset-7 {
    width: 58.333333%;
  }
  .col-sp-offset-8 {
    width: 66.666667%;
  }
  .col-sp-offset-9 {
    width: 75%;
  }
  .col-sp-offset-10 {
    width: 83.333333%;
  }
  .col-sp-offset-11 {
    width: 91.666667%;
  }
  .col-sp-offset-12 {
    width: 100%;
  }
}

/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
.header {
  position: fixed;
  top: 0;
  z-index: 1000;
}

.header__blackCover {
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}

.header__nav {
  position: fixed;
  top: 0px;
  left: -400px;
  z-index: 10;
  background-color: #ffffff;
  width: 400px;
  height: 100%;
  transition: .4s;
}

@media screen and (max-width: 767px) {
  .header__nav {
    left: -260px;
    width: 260px;
  }
}

.header__nav--active {
  left: 0px;
}

@media screen and (max-width: 767px) {
  .header__nav--active {
    left: 0px;
  }
}

.header__listItem {
  width: 100%;
  background-color: #ffffff;
}

.header__listItem a {
  font-size: 1.6rem;
  font-weight: bold;
  padding: 20px 0;
  line-height: 1.5em;
  color: #2b546a;
  display: block;
  position: relative;
}

.header__listItem a::after {
  content: url("../img/common/ico_header-arrow.svg");
  position: absolute;
  right: 10px;
}

@media screen and (min-width: 769px) {
  .header__listItem a:hover {
    color: #cc0000;
  }
  .header__listItem a:hover::after {
    content: url("../img/common/ico_header-arrow-r.svg");
  }
}

@media screen and (max-width: 767px) {
  .header__listItem a {
    font-size: 1.4rem;
    padding: 15px 0;
  }
  .header__listItem a::after {
    right: 0;
    transform: scale(0.8);
  }
}

.header__listItem:nth-child(1) {
  height: 80px;
}

@media screen and (max-width: 767px) {
  .header__listItem:nth-child(1) {
    height: 50px;
  }
}

.header__listItem:nth-child(even) {
  background-color: #f7f7f7;
}

.menuTrigger,
.menuTrigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}

.menuTrigger {
  position: relative;
  top: 20px;
  left: 15px;
  width: 50px;
  height: 44px;
  cursor: pointer;
  z-index: 1000;
  transition: .4s;
}

@media screen and (max-width: 767px) {
  .menuTrigger {
    width: 40px;
    height: 34px;
  }
}

.menuTrigger--active {
  left: 415px;
}

@media screen and (max-width: 767px) {
  .menuTrigger--active {
    left: 270px;
  }
}

.menuTrigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #2b546a;
  border-radius: 4px;
}

@media screen and (max-width: 767px) {
  .menuTrigger span {
    height: 2px;
  }
}

.menuTrigger span:nth-of-type(1) {
  top: 0;
}

.menuTrigger span:nth-of-type(2) {
  top: 20px;
}

@media screen and (max-width: 767px) {
  .menuTrigger span:nth-of-type(2) {
    top: 16px;
  }
}

.menuTrigger span:nth-of-type(3) {
  bottom: 0;
}

.menuTrigger span:nth-of-type(2)::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 4px;
  background-color: #2b546a;
  border-radius: 4px;
  transition: all .4s;
}

@media screen and (max-width: 767px) {
  .menuTrigger span:nth-of-type(2)::after {
    height: 2px;
  }
}

.menuTrigger.menuTrigger--active span:nth-of-type(1) {
  transform: translateY(20px) scale(0);
  background-color: #ffffff;
}

.menuTrigger.menuTrigger--active span:nth-of-type(2) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: #ffffff;
}

.menuTrigger.menuTrigger--active span:nth-of-type(2)::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: #ffffff;
}

.menuTrigger.menuTrigger--active span:nth-of-type(3) {
  transform: translateY(-20px) scale(0);
  background-color: #ffffff;
}

/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
.footer {
  border-top: 10px solid #2b546a;
}

.footer__inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 50px 15px 30px 15px;
  display: flex;
  justify-content: space-between;
}

.footer__linkItem {
  margin-bottom: 20px;
}

.footer__linkItem a {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5em;
  color: #2b546a;
  position: relative;
}

.footer__linkItem a::after {
  content: url("../img/common/ico_footer-arrow.svg");
  margin-left: 0.5em;
}

@media screen and (min-width: 769px) {
  .footer__linkItem a:hover {
    color: #cc0000;
  }
  .footer__linkItem a:hover::after {
    content: url("../img/common/ico_footer-arrow-r.svg");
  }
}

.nishitachiLogo img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .nishitachiLogo {
    width: 70%;
    margin: 0 auto;
  }
}

.footer__copyright {
  display: block;
  font-weight: bold;
  color: #333333;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .footer__copyright {
    text-align: center;
  }
}

/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
.heading01 {
  font-size: 3rem;
  padding: 0 15px;
  color: #2b546a;
  font-weight: bold;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.heading01::before {
  content: url("../img/common/ico_h2-left.png");
  margin-right: 0.2em;
}

.heading01::after {
  content: url("../img/common/ico_h2-right.png");
  margin-left: 0.2em;
}

.heading02 {
  font-size: 2.6rem;
  padding: 0 15px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 767px) {
  .heading02 {
    font-size: 1.8rem;
    line-height: 1.5em;
    margin-bottom: 20px;
  }
}

.lead02 {
  font-size: 3.6rem;
  padding: 0 15px;
  line-height: 1.5em;
  color: #ffffff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 100;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .lead02 {
    font-size: 2.6rem;
  }
}

.heading03 {
  font-size: 4rem;
  color: #2b546a;
  font-weight: bold;
  position: relative;
  display: flex;
  align-items: center;
}

.heading03::after {
  content: url("../img/common/ico_h2-right.svg");
}

@media screen and (max-width: 767px) {
  .heading03 {
    font-size: 2.6rem;
  }
  .heading03::after {
    height: 40px;
    transform: scale(0.8) translate(-10px, -7px);
  }
}

.heading03SubText {
  font-size: 3.6rem;
  line-height: 1.5em;
  color: #2b546a;
  letter-spacing: -1px;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .heading03SubText {
    font-size: 2.4rem;
  }
}

.headign04 {
  font-size: 4rem;
  line-height: 1.5em;
  padding: 0 15px;
  color: #ffffff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 767px) {
  .headign04 {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 320px) {
  .headign04 {
    font-size: 2rem;
  }
}

.heading04SubText {
  font-size: 3.6rem;
  padding: 0 15px;
  line-height: 1.5em;
  color: #ffffff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 767px) {
  .heading04SubText {
    font-size: 2rem;
  }
}

.headign05 {
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.5em;
  padding: 0 15px;
  color: #2b546a;
  display: flex;
  justify-content: center;
}

.headign05:before {
  content: url("../img/common/ico_h2-left.svg");
  margin-right: 0.3em;
}

.headign05:after {
  content: url("../img/common/ico_h2-right.svg");
  margin-left: 0.2em;
}

@media screen and (max-width: 767px) {
  .headign05 {
    font-size: 2.4rem;
  }
  .headign05:before {
    content: url("../img/common/ico_h2-left-s.svg");
    transform: translate(4px, 2px);
    margin-right: 0.4em;
  }
  .headign05:after {
    content: url("../img/common/ico_h2-right-s.svg");
    transform: translate(-2px, 3px);
  }
}

.heading05SubText {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.5em;
  padding: 0 15px;
  color: #2b546a;
}

@media screen and (max-width: 767px) {
  .heading05SubText {
    font-size: 1.8rem;
  }
}

.headign06 {
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.5em;
  padding: 0 15px;
  color: #ffffff;
  display: flex;
  justify-content: center;
}

.headign06:before {
  content: url("../img/common/ico_h2-left-w.svg");
  margin-right: 0.3em;
}

.headign06:after {
  content: url("../img/common/ico_h2-right-w.svg");
  margin-left: 0.2em;
}

@media screen and (max-width: 767px) {
  .headign06 {
    font-size: 2.4rem;
  }
  .headign06:before {
    content: url("../img/common/ico_h2-left-ws.svg");
    transform: translate(4px, 2px);
    margin-right: 0.4em;
  }
  .headign06:after {
    content: url("../img/common/ico_h2-right-ws.svg");
    transform: translate(-2px, 3px);
  }
}

.headign07 {
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.5em;
  padding: 0 15px;
  color: #2b546a;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .headign07 {
    font-size: 2.4rem;
  }
}

.headign08 {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.5em;
  color: #2b546a;
}

@media screen and (max-width: 767px) {
  .headign08 {
    font-size: 2.2rem;
  }
}

.headign09 {
  color: #2b546a;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.8em;
  border-left: 3px solid #2b546a;
  padding-left: 10px;
}

@media screen and (max-width: 767px) {
  .headign09 {
    font-size: 1.6rem;
  }
}

/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
.btn01 {
  margin: 0 auto;
}

.btn01 a {
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  width: 100%;
  border-radius: 1000px;
  border: 2px solid #0d3d56;
  display: block;
  text-align: center;
  padding: 12px 15px;
  position: relative;
  background-color: #0d3d56;
}

.btn01 a::after {
  content: url("../img/common/ico_link-right-small-w.svg");
  position: absolute;
  right: 5%;
  transition: .3s;
}

@media screen and (max-width: 767px) {
  .btn01 a {
    font-size: 1.6rem;
    padding: 10px 10px;
  }
  .btn01 a::after {
    top: 8px;
    transform: scale(0.8);
  }
}

@media screen and (min-width: 769px) {
  .btn01 a:hover::after {
    right: 3%;
  }
}

.btn02 {
  margin: 0 auto;
}

.btn02 a {
  font-size: 2rem;
  font-weight: bold;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  color: #ffffff;
  width: 100%;
  border-radius: 1000px;
  border: 2px solid #ffffff;
  display: block;
  text-align: center;
  padding: 16px 15px;
  position: relative;
}

.btn02 a::after {
  content: url("../img/common/ico_link-right-small-w.svg");
  position: absolute;
  right: 5%;
  transition: .3s;
}

@media screen and (max-width: 767px) {
  .btn02 a {
    font-size: 1.8rem;
    padding: 10px 10px;
  }
  .btn02 a::after {
    top: 8px;
    transform: scale(0.8);
  }
}

@media screen and (min-width: 769px) {
  .btn02 a:hover::after {
    right: 3%;
  }
}

.btn03 {
  margin: 0 auto;
}

.btn03 a {
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  width: 100%;
  border-radius: 1000px;
  border: 2px solid #0d3d56;
  display: block;
  text-align: center;
  padding: 12px 15px;
  position: relative;
  background-color: #0d3d56;
}

.btn03 a::after {
  content: url("../img/common/ico_link-top-w.svg");
  position: absolute;
  top: 28%;
  right: 5%;
  transition: .3s;
}

@media screen and (max-width: 767px) {
  .btn03 a {
    font-size: 1.6rem;
    padding: 10px 10px;
  }
  .btn03 a::after {
    top: 8px;
    transform: scale(0.8);
  }
}

@media screen and (min-width: 769px) {
  .btn03 a:hover::after {
    top: 13%;
  }
}

.btn04 {
  margin: 0 auto;
}

.btn04 a {
  font-size: 2.8rem;
  font-weight: bold;
  color: #0d3d56;
  width: 100%;
  height: 80px;
  border-radius: 5px;
  border: 2px solid #0d3d56;
  text-align: center;
  padding: 12px 15px;
  position: relative;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .btn04 a {
    font-size: 2.2rem;
    height: 70px;
  }
}

@media screen and (max-width: 767px) {
  .btn--textSmallSp a {
    font-size: 1.4rem;
  }
}

.btn--left {
  margin: 0;
}

.btn05 {
  margin: 0 auto;
}

.btn05 a {
  font-size: 1.8rem;
  font-weight: bold;
  color: #ffffff;
  width: 100%;
  border-radius: 1000px;
  border: 2px solid #0d3d56;
  display: block;
  text-align: center;
  padding: 12px 15px;
  position: relative;
  background-color: #0d3d56;
}

.btn05 a::before {
  content: url("../img/common/ico_link-left-small-w.svg");
  position: absolute;
  top: 28%;
  left: 5%;
  transition: .3s;
}

@media screen and (max-width: 767px) {
  .btn05 a {
    font-size: 1.6rem;
    padding: 10px 10px;
  }
  .btn05 a::before {
    top: 8px;
    transform: scale(0.8);
  }
}

@media screen and (min-width: 769px) {
  .btn05 a:hover::before {
    left: 3%;
  }
}

.btn06 {
  margin: 0 auto;
}

.btn06 a {
  font-size: 1.8rem;
  font-weight: bold;
  color: #0d3d56;
  width: 100%;
  border-radius: 1000px;
  border: 2px solid #0d3d56;
  display: block;
  text-align: center;
  padding: 12px 15px;
  position: relative;
  background-color: #ffffff;
}

.btn06 a::after {
  content: url("../img/common/ico_link-right-small.svg");
  position: absolute;
  right: 5%;
  transition: .3s;
}

@media screen and (max-width: 767px) {
  .btn06 a {
    font-size: 1.6rem;
    padding: 10px 10px;
  }
  .btn06 a::after {
    top: 52%;
    transform: translate(0, -50%) scale(0.8);
  }
}

@media screen and (min-width: 769px) {
  .btn06 a:hover::after {
    right: 3%;
  }
}

/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
.trial {
  background: #01bbea;
  background: linear-gradient(135deg, #01bbea 0%, #4affdb 100%);
  height: 216px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .trial {
    height: 129px;
  }
}

.trial__innerWhite {
  width: 100%;
  background-color: #ffffff;
  height: 210px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .trial__innerWhite {
    height: 125px;
  }
}

.trial__inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.trial__inner::before {
  content: url("../img/common/img_tolesson-left.svg");
  position: absolute;
}

.trial__inner::after {
  content: url("../img/common/img_tolesson-right.svg");
  position: absolute;
  right: 0;
}

@media screen and (max-width: 767px) {
  .trial__inner::before {
    left: -21%;
    transform: scale(0.4);
  }
  .trial__inner::after {
    right: -21%;
    transform: scale(0.4);
  }
}

.trialHeading {
  font-size: 4rem;
  color: #2b546a;
  font-weight: bold;
  letter-spacing: -1px;
  margin-bottom: 30px;
}

.trialHeading span {
  color: #ff97c1;
}

@media screen and (max-width: 767px) {
  .trialHeading {
    font-size: 2.6rem;
    margin-bottom: 20px;
  }
}

.trialModal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 1000;
  display: none;
}

.trialModal__cover {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.trialModal__close {
  text-align: right;
}

.trialModal__close span {
  font-size: 3rem;
  cursor: pointer;
}

.trialModal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 710px;
  padding: 30px;
  color: #2b546a;
}

@media screen and (max-width: 767px) {
  .trialModal__content {
    padding: 15px;
  }
}

.trialModal__contentInner {
  width: 100%;
  background-color: #ffffff;
  border-radius: 3px;
  padding: 30px;
  box-shadow: 0 2px 10px #3a3a3a;
}

@media screen and (max-width: 767px) {
  .trialModal__contentInner {
    padding: 20px;
    box-shadow: 0 2px 6px #3a3a3a;
  }
}

.trialModal__heading {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin: 20px 0;
  line-height: 1.6em;
}

@media screen and (max-width: 767px) {
  .trialModal__heading {
    font-size: 1.6rem;
    margin: 10px 0;
  }
}

.trialModal__text {
  font-size: 1.6rem;
  line-height: 1.6em;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .trialModal__text {
    font-size: 1.4rem;
  }
}

.trialModal__link {
  max-width: 460px;
  margin-bottom: 20px;
}

.trialModal__reg {
  font-size: 1.4rem;
  line-height: 1.6em;
  text-align: center;
  margin-top: -10px;
  font-weight: 500;
}

/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
.trialLesson__inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.trialLesson__img {
  margin: 0 auto;
}

.trialLesson__img img {
  width: 100%;
}

@media screen and (min-width: 769px) {
  .trialLesson__img img {
    transition: .3s;
  }
  .trialLesson__img img:hover {
    opacity: 0.7;
  }
}

/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
.toAbout {
  height: 300px;
}

@media screen and (max-width: 767px) {
  .toAbout {
    height: 250px;
  }
}

.toAbout__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.topAboutGradient {
  background: linear-gradient(217deg, #01bbea, #4affdb, #4a97ff);
  background-size: 400% 400%;
  animation: toAboutGradient 8s ease infinite;
}

@keyframes toAboutGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
.banner__inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.banenr__list {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.banner__item {
  margin-bottom: 40px;
  width: 100%;
  max-width: 500px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .banner__item {
    max-width: 345px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 320px) {
  .banner__item {
    max-width: 290px;
  }
}

@media screen and (min-width: 769px) {
  .banner__item {
    transition: .3s;
  }
  .banner__item:hover {
    opacity: 0.7;
  }
}

.banner__thumb img {
  vertical-align: bottom;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

@media screen and (max-width: 767px) {
  .banner__thumb img {
    width: 100%;
  }
}

.banner__title {
  color: #ffffff;
  padding: 4px 10px;
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 500;
  background-color: #72c742;
  position: absolute;
  top: 164px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 4px;
  width: 65%;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .banner__title {
    top: 112px;
    font-size: 1.4rem;
    padding: 2px 10px;
  }
}

@media screen and (max-width: 320px) {
  .banner__title {
    top: 93px;
  }
}

.banner__title--red {
  background-color: #c74c42;
}

.banner__title--blue {
  background-color: #5f75b9;
}

.banner__text {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5em;
  color: #2b546a;
  padding: 35px 15px 20px 15px;
}

@media screen and (max-width: 767px) {
  .banner__text {
    font-size: 1.4rem;
    padding: 30px 10px 15px 10px;
  }
}

/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
.current {
  margin-top: 85px;
  background-color: #dddddd;
  padding: 10px 0;
}

@media screen and (max-width: 767px) {
  .current {
    margin-top: 70px;
  }
}

.current__inner {
  width: 100%;
  max-width: 1080px;
  padding: 0 15px;
  margin: 0 auto;
}

.current__list {
  display: flex;
  align-items: center;
}

.current__item {
  font-size: 1.4rem;
  font-weight: 500;
  color: #2b546a;
  padding: 0 10px;
  border-right: 1px solid #2b546a;
}

.current__item a {
  color: #2b546a;
}

@media screen and (min-width: 769px) {
  .current__item a:hover {
    color: #cc0000;
  }
}

.current__item:last-child {
  color: #333333;
  border-right: none;
}

@media screen and (max-width: 767px) {
  .current__item {
    font-size: 1.2rem;
  }
}

.current__item:first-child {
  padding: 0 10px 0 0;
}

/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
.topChildren {
  background: #01bbea;
  background: linear-gradient(15deg, #01a2ea 0%, #4affdb 100%);
  height: 230px;
}

@media screen and (max-width: 767px) {
  .topChildren {
    height: 100px;
  }
}

.topChildren__inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
.tableBox {
  margin-bottom: 50px;
  padding: 0 15px;
}

.table01 {
  margin: 0 auto;
  border-collapse: collapse;
  border: 2px solid #2b546a;
}

@media screen and (max-width: 767px) {
  .table01 {
    border: 1px solid #2b546a;
  }
}

.table01 th {
  background-color: #2b546a;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5em;
  text-align: center;
  border-bottom: 2px solid #6c8998;
  padding: 15px;
  width: 30%;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .table01 th {
    width: 35%;
    font-size: 1.4rem;
    padding: 10px;
    vertical-align: middle;
    border-bottom: 1px solid #6c8998;
  }
}

.table01 td {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5em;
  border-bottom: 2px solid #2b546a;
  padding: 15px;
  color: #2b546a;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .table01 td {
    font-size: 1.4rem;
    padding: 10px;
    border-bottom: 1px solid #2b546a;
  }
}

.table01 tr:last-child th {
  border-bottom: none;
}

.table02 {
  border-collapse: collapse;
  border: 2px solid #2b546a;
}

@media screen and (max-width: 767px) {
  .table02 {
    border: 1px solid #2b546a;
  }
}

.table02 th {
  background-color: #2b546a;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5em;
  text-align: center;
  border-right: 2px solid #6c8998;
  padding: 15px;
  width: 20%;
  vertical-align: middle;
}

.table02 th:last-child {
  border-right: none;
}

@media screen and (max-width: 767px) {
  .table02 th {
    width: 20%;
    font-size: 1.4rem;
    padding: 10px;
    vertical-align: middle;
    border-right: 1px solid #6c8998;
  }
}

.table02 td {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5em;
  border-right: 2px solid #2b546a;
  border-bottom: 2px solid #2b546a;
  padding: 15px;
  color: #2b546a;
  text-align: center;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .table02 td {
    font-size: 1.4rem;
    padding: 10px;
    border-right: 1px solid #2b546a;
  }
}

.table02 td:first-child {
  text-align: right;
}

/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
.lead__inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
.pcHide {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .pcHide {
    display: block !important;
  }
}

.spHide {
  display: block !important;
}

@media screen and (max-width: 767px) {
  .spHide {
    display: none !important;
  }
}

.pa-15 {
  padding: 0 15px;
}

.pa-15--not {
  padding: 0 !important;
}

@media screen and (max-width: 767px) {
  .pa-15--not-md {
    padding: 0 !important;
  }
}

.maout-pc {
  margin: 0 auto !important;
}

.mt-0-pc {
  margin-top: 0px !important;
}

.mt-5-pc {
  margin-top: 5px !important;
}

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

.mt-15-pc {
  margin-top: 15px !important;
}

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

.mt-25-pc {
  margin-top: 25px !important;
}

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

.mt-35-pc {
  margin-top: 35px !important;
}

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

.mt-45-pc {
  margin-top: 45px !important;
}

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

.mt-55-pc {
  margin-top: 55px !important;
}

.mt-60-pc {
  margin-top: 60px !important;
}

.mt-65-pc {
  margin-top: 65px !important;
}

.mt-70-pc {
  margin-top: 70px !important;
}

.mt-75-pc {
  margin-top: 75px !important;
}

.mt-80-pc {
  margin-top: 80px !important;
}

.mt-85-pc {
  margin-top: 85px !important;
}

.mt-90-pc {
  margin-top: 90px !important;
}

.mt-95-pc {
  margin-top: 95px !important;
}

.mt-100-pc {
  margin-top: 100px !important;
}

.mb-0-pc {
  margin-bottom: 0px !important;
}

.mb-5-pc {
  margin-bottom: 5px !important;
}

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

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

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

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

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

.mb-35-pc {
  margin-bottom: 35px !important;
}

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

.mb-45-pc {
  margin-bottom: 45px !important;
}

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

.mb-55-pc {
  margin-bottom: 55px !important;
}

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

.mb-65-pc {
  margin-bottom: 65px !important;
}

.mb-70-pc {
  margin-bottom: 70px !important;
}

.mb-75-pc {
  margin-bottom: 75px !important;
}

.mb-80-pc {
  margin-bottom: 80px !important;
}

.mb-85-pc {
  margin-bottom: 85px !important;
}

.mb-90-pc {
  margin-bottom: 90px !important;
}

.mb-95-pc {
  margin-bottom: 95px !important;
}

.mb-100-pc {
  margin-bottom: 100px !important;
}

.ml-0-pc {
  margin-left: 0px !important;
}

.ml-5-pc {
  margin-left: 5px !important;
}

.ml-10-pc {
  margin-left: 10px !important;
}

.ml-15-pc {
  margin-left: 15px !important;
}

.ml-20-pc {
  margin-left: 20px !important;
}

.ml-25-pc {
  margin-left: 25px !important;
}

.ml-30-pc {
  margin-left: 30px !important;
}

.ml-35-pc {
  margin-left: 35px !important;
}

.ml-40-pc {
  margin-left: 40px !important;
}

.ml-45-pc {
  margin-left: 45px !important;
}

.ml-50-pc {
  margin-left: 50px !important;
}

.ml-55-pc {
  margin-left: 55px !important;
}

.ml-60-pc {
  margin-left: 60px !important;
}

.ml-65-pc {
  margin-left: 65px !important;
}

.ml-70-pc {
  margin-left: 70px !important;
}

.ml-75-pc {
  margin-left: 75px !important;
}

.ml-80-pc {
  margin-left: 80px !important;
}

.ml-85-pc {
  margin-left: 85px !important;
}

.ml-90-pc {
  margin-left: 90px !important;
}

.ml-95-pc {
  margin-left: 95px !important;
}

.ml-100-pc {
  margin-left: 100px !important;
}

.mr-0-pc {
  margin-right: 0px !important;
}

.mr-5-pc {
  margin-right: 5px !important;
}

.mr-10-pc {
  margin-right: 10px !important;
}

.mr-15-pc {
  margin-right: 15px !important;
}

.mr-20-pc {
  margin-right: 20px !important;
}

.mr-25-pc {
  margin-right: 25px !important;
}

.mr-30-pc {
  margin-right: 30px !important;
}

.mr-35-pc {
  margin-right: 35px !important;
}

.mr-40-pc {
  margin-right: 40px !important;
}

.mr-45-pc {
  margin-right: 45px !important;
}

.mr-50-pc {
  margin-right: 50px !important;
}

.mr-55-pc {
  margin-right: 55px !important;
}

.mr-60-pc {
  margin-right: 60px !important;
}

.mr-65-pc {
  margin-right: 65px !important;
}

.mr-70-pc {
  margin-right: 70px !important;
}

.mr-75-pc {
  margin-right: 75px !important;
}

.mr-80-pc {
  margin-right: 80px !important;
}

.mr-85-pc {
  margin-right: 85px !important;
}

.mr-90-pc {
  margin-right: 90px !important;
}

.mr-95-pc {
  margin-right: 95px !important;
}

.mr-100-pc {
  margin-right: 100px !important;
}

@media screen and (max-width: 767px) {
  .maout-tab {
    margin: 0 auto !important;
  }
  .mt-0-tab {
    margin-top: 0px !important;
  }
  .mt-5-tab {
    margin-top: 5px !important;
  }
  .mt-10-tab {
    margin-top: 10px !important;
  }
  .mt-15-tab {
    margin-top: 15px !important;
  }
  .mt-20-tab {
    margin-top: 20px !important;
  }
  .mt-25-tab {
    margin-top: 25px !important;
  }
  .mt-30-tab {
    margin-top: 30px !important;
  }
  .mt-35-tab {
    margin-top: 35px !important;
  }
  .mt-40-tab {
    margin-top: 40px !important;
  }
  .mt-45-tab {
    margin-top: 45px !important;
  }
  .mt-50-tab {
    margin-top: 50px !important;
  }
  .mt-55-tab {
    margin-top: 55px !important;
  }
  .mt-60-tab {
    margin-top: 60px !important;
  }
  .mt-65-tab {
    margin-top: 65px !important;
  }
  .mt-70-tab {
    margin-top: 70px !important;
  }
  .mt-75-tab {
    margin-top: 75px !important;
  }
  .mt-80-tab {
    margin-top: 80px !important;
  }
  .mt-85-tab {
    margin-top: 85px !important;
  }
  .mt-90-tab {
    margin-top: 90px !important;
  }
  .mt-95-tab {
    margin-top: 95px !important;
  }
  .mt-100-tab {
    margin-top: 100px !important;
  }
  .mb-0-tab {
    margin-bottom: 0px !important;
  }
  .mb-5-tab {
    margin-bottom: 5px !important;
  }
  .mb-10-tab {
    margin-bottom: 10px !important;
  }
  .mb-15-tab {
    margin-bottom: 15px !important;
  }
  .mb-20-tab {
    margin-bottom: 20px !important;
  }
  .mb-25-tab {
    margin-bottom: 25px !important;
  }
  .mb-30-tab {
    margin-bottom: 30px !important;
  }
  .mb-35-tab {
    margin-bottom: 35px !important;
  }
  .mb-40-tab {
    margin-bottom: 40px !important;
  }
  .mb-45-tab {
    margin-bottom: 45px !important;
  }
  .mb-50-tab {
    margin-bottom: 50px !important;
  }
  .mb-55-tab {
    margin-bottom: 55px !important;
  }
  .mb-60-tab {
    margin-bottom: 60px !important;
  }
  .mb-65-tab {
    margin-bottom: 65px !important;
  }
  .mb-70-tab {
    margin-bottom: 70px !important;
  }
  .mb-75-tab {
    margin-bottom: 75px !important;
  }
  .mb-80-tab {
    margin-bottom: 80px !important;
  }
  .mb-85-tab {
    margin-bottom: 85px !important;
  }
  .mb-90-tab {
    margin-bottom: 90px !important;
  }
  .mb-95-tab {
    margin-bottom: 95px !important;
  }
  .mb-100-tab {
    margin-bottom: 100px !important;
  }
  .ml-0-tab {
    margin-left: 0px !important;
  }
  .ml-5-tab {
    margin-left: 5px !important;
  }
  .ml-10-tab {
    margin-left: 10px !important;
  }
  .ml-15-tab {
    margin-left: 15px !important;
  }
  .ml-20-tab {
    margin-left: 20px !important;
  }
  .ml-25-tab {
    margin-left: 25px !important;
  }
  .ml-30-tab {
    margin-left: 30px !important;
  }
  .ml-35-tab {
    margin-left: 35px !important;
  }
  .ml-40-tab {
    margin-left: 40px !important;
  }
  .ml-45-tab {
    margin-left: 45px !important;
  }
  .ml-50-tab {
    margin-left: 50px !important;
  }
  .ml-55-tab {
    margin-left: 55px !important;
  }
  .ml-60-tab {
    margin-left: 60px !important;
  }
  .ml-65-tab {
    margin-left: 65px !important;
  }
  .ml-70-tab {
    margin-left: 70px !important;
  }
  .ml-75-tab {
    margin-left: 75px !important;
  }
  .ml-80-tab {
    margin-left: 80px !important;
  }
  .ml-85-tab {
    margin-left: 85px !important;
  }
  .ml-90-tab {
    margin-left: 90px !important;
  }
  .ml-95-tab {
    margin-left: 95px !important;
  }
  .ml-100-tab {
    margin-left: 100px !important;
  }
  .mr-0-tab {
    margin-right: 0px !important;
  }
  .mr-5-tab {
    margin-right: 5px !important;
  }
  .mr-10-tab {
    margin-right: 10px !important;
  }
  .mr-15-tab {
    margin-right: 15px !important;
  }
  .mr-20-tab {
    margin-right: 20px !important;
  }
  .mr-25-tab {
    margin-right: 25px !important;
  }
  .mr-30-tab {
    margin-right: 30px !important;
  }
  .mr-35-tab {
    margin-right: 35px !important;
  }
  .mr-40-tab {
    margin-right: 40px !important;
  }
  .mr-45-tab {
    margin-right: 45px !important;
  }
  .mr-50-tab {
    margin-right: 50px !important;
  }
  .mr-55-tab {
    margin-right: 55px !important;
  }
  .mr-60-tab {
    margin-right: 60px !important;
  }
  .mr-65-tab {
    margin-right: 65px !important;
  }
  .mr-70-tab {
    margin-right: 70px !important;
  }
  .mr-75-tab {
    margin-right: 75px !important;
  }
  .mr-80-tab {
    margin-right: 80px !important;
  }
  .mr-85-tab {
    margin-right: 85px !important;
  }
  .mr-90-tab {
    margin-right: 90px !important;
  }
  .mr-95-tab {
    margin-right: 95px !important;
  }
  .mr-100-tab {
    margin-right: 100px !important;
  }
}

@media screen and (max-width: 575px) {
  .maout-sp {
    margin: 0 auto !important;
  }
  .mt-0-sp {
    margin-top: 0px !important;
  }
  .mt-5-sp {
    margin-top: 5px !important;
  }
  .mt-10-sp {
    margin-top: 10px !important;
  }
  .mt-15-sp {
    margin-top: 15px !important;
  }
  .mt-20-sp {
    margin-top: 20px !important;
  }
  .mt-25-sp {
    margin-top: 25px !important;
  }
  .mt-30-sp {
    margin-top: 30px !important;
  }
  .mt-35-sp {
    margin-top: 35px !important;
  }
  .mt-40-sp {
    margin-top: 40px !important;
  }
  .mt-45-sp {
    margin-top: 45px !important;
  }
  .mt-50-sp {
    margin-top: 50px !important;
  }
  .mt-55-sp {
    margin-top: 55px !important;
  }
  .mt-60-sp {
    margin-top: 60px !important;
  }
  .mt-65-sp {
    margin-top: 65px !important;
  }
  .mt-70-sp {
    margin-top: 70px !important;
  }
  .mt-75-sp {
    margin-top: 75px !important;
  }
  .mt-80-sp {
    margin-top: 80px !important;
  }
  .mt-85-sp {
    margin-top: 85px !important;
  }
  .mt-90-sp {
    margin-top: 90px !important;
  }
  .mt-95-sp {
    margin-top: 95px !important;
  }
  .mt-100-sp {
    margin-top: 100px !important;
  }
  .mb-0-sp {
    margin-bottom: 0px !important;
  }
  .mb-5-sp {
    margin-bottom: 5px !important;
  }
  .mb-10-sp {
    margin-bottom: 10px !important;
  }
  .mb-15-sp {
    margin-bottom: 15px !important;
  }
  .mb-20-sp {
    margin-bottom: 20px !important;
  }
  .mb-25-sp {
    margin-bottom: 25px !important;
  }
  .mb-30-sp {
    margin-bottom: 30px !important;
  }
  .mb-35-sp {
    margin-bottom: 35px !important;
  }
  .mb-40-sp {
    margin-bottom: 40px !important;
  }
  .mb-45-sp {
    margin-bottom: 45px !important;
  }
  .mb-50-sp {
    margin-bottom: 50px !important;
  }
  .mb-55-sp {
    margin-bottom: 55px !important;
  }
  .mb-60-sp {
    margin-bottom: 60px !important;
  }
  .mb-65-sp {
    margin-bottom: 65px !important;
  }
  .mb-70-sp {
    margin-bottom: 70px !important;
  }
  .mb-75-sp {
    margin-bottom: 75px !important;
  }
  .mb-80-sp {
    margin-bottom: 80px !important;
  }
  .mb-85-sp {
    margin-bottom: 85px !important;
  }
  .mb-90-sp {
    margin-bottom: 90px !important;
  }
  .mb-95-sp {
    margin-bottom: 95px !important;
  }
  .mb-100-sp {
    margin-bottom: 100px !important;
  }
  .ml-0-sp {
    margin-left: 0px !important;
  }
  .ml-5-sp {
    margin-left: 5px !important;
  }
  .ml-10-sp {
    margin-left: 10px !important;
  }
  .ml-15-sp {
    margin-left: 15px !important;
  }
  .ml-20-sp {
    margin-left: 20px !important;
  }
  .ml-25-sp {
    margin-left: 25px !important;
  }
  .ml-30-sp {
    margin-left: 30px !important;
  }
  .ml-35-sp {
    margin-left: 35px !important;
  }
  .ml-40-sp {
    margin-left: 40px !important;
  }
  .ml-45-sp {
    margin-left: 45px !important;
  }
  .ml-50-sp {
    margin-left: 50px !important;
  }
  .ml-55-sp {
    margin-left: 55px !important;
  }
  .ml-60-sp {
    margin-left: 60px !important;
  }
  .ml-65-sp {
    margin-left: 65px !important;
  }
  .ml-70-sp {
    margin-left: 70px !important;
  }
  .ml-75-sp {
    margin-left: 75px !important;
  }
  .ml-80-sp {
    margin-left: 80px !important;
  }
  .ml-85-sp {
    margin-left: 85px !important;
  }
  .ml-90-sp {
    margin-left: 90px !important;
  }
  .ml-95-sp {
    margin-left: 95px !important;
  }
  .ml-100-sp {
    margin-left: 100px !important;
  }
  .mr-0-sp {
    margin-right: 0px !important;
  }
  .mr-5-sp {
    margin-right: 5px !important;
  }
  .mr-10-sp {
    margin-right: 10px !important;
  }
  .mr-15-sp {
    margin-right: 15px !important;
  }
  .mr-20-sp {
    margin-right: 20px !important;
  }
  .mr-25-sp {
    margin-right: 25px !important;
  }
  .mr-30-sp {
    margin-right: 30px !important;
  }
  .mr-35-sp {
    margin-right: 35px !important;
  }
  .mr-40-sp {
    margin-right: 40px !important;
  }
  .mr-45-sp {
    margin-right: 45px !important;
  }
  .mr-50-sp {
    margin-right: 50px !important;
  }
  .mr-55-sp {
    margin-right: 55px !important;
  }
  .mr-60-sp {
    margin-right: 60px !important;
  }
  .mr-65-sp {
    margin-right: 65px !important;
  }
  .mr-70-sp {
    margin-right: 70px !important;
  }
  .mr-75-sp {
    margin-right: 75px !important;
  }
  .mr-80-sp {
    margin-right: 80px !important;
  }
  .mr-85-sp {
    margin-right: 85px !important;
  }
  .mr-90-sp {
    margin-right: 90px !important;
  }
  .mr-95-sp {
    margin-right: 95px !important;
  }
  .mr-100-sp {
    margin-right: 100px !important;
  }
}

@media screen and (max-width: 320px) {
  .maout-spx {
    margin: 0 auto !important;
  }
  .mt-0-spx {
    margin-top: 0px !important;
  }
  .mt-5-spx {
    margin-top: 5px !important;
  }
  .mt-10-spx {
    margin-top: 10px !important;
  }
  .mt-15-spx {
    margin-top: 15px !important;
  }
  .mt-20-spx {
    margin-top: 20px !important;
  }
  .mt-25-spx {
    margin-top: 25px !important;
  }
  .mt-30-spx {
    margin-top: 30px !important;
  }
  .mt-35-spx {
    margin-top: 35px !important;
  }
  .mt-40-spx {
    margin-top: 40px !important;
  }
  .mt-45-spx {
    margin-top: 45px !important;
  }
  .mt-50-spx {
    margin-top: 50px !important;
  }
  .mt-55-spx {
    margin-top: 55px !important;
  }
  .mt-60-spx {
    margin-top: 60px !important;
  }
  .mt-65-spx {
    margin-top: 65px !important;
  }
  .mt-70-spx {
    margin-top: 70px !important;
  }
  .mt-75-spx {
    margin-top: 75px !important;
  }
  .mt-80-spx {
    margin-top: 80px !important;
  }
  .mt-85-spx {
    margin-top: 85px !important;
  }
  .mt-90-spx {
    margin-top: 90px !important;
  }
  .mt-95-spx {
    margin-top: 95px !important;
  }
  .mt-100-spx {
    margin-top: 100px !important;
  }
  .mb-0-spx {
    margin-bottom: 0px !important;
  }
  .mb-5-spx {
    margin-bottom: 5px !important;
  }
  .mb-10-spx {
    margin-bottom: 10px !important;
  }
  .mb-15-spx {
    margin-bottom: 15px !important;
  }
  .mb-20-spx {
    margin-bottom: 20px !important;
  }
  .mb-25-spx {
    margin-bottom: 25px !important;
  }
  .mb-30-spx {
    margin-bottom: 30px !important;
  }
  .mb-35-spx {
    margin-bottom: 35px !important;
  }
  .mb-40-spx {
    margin-bottom: 40px !important;
  }
  .mb-45-spx {
    margin-bottom: 45px !important;
  }
  .mb-50-spx {
    margin-bottom: 50px !important;
  }
  .mb-55-spx {
    margin-bottom: 55px !important;
  }
  .mb-60-spx {
    margin-bottom: 60px !important;
  }
  .mb-65-spx {
    margin-bottom: 65px !important;
  }
  .mb-70-spx {
    margin-bottom: 70px !important;
  }
  .mb-75-spx {
    margin-bottom: 75px !important;
  }
  .mb-80-spx {
    margin-bottom: 80px !important;
  }
  .mb-85-spx {
    margin-bottom: 85px !important;
  }
  .mb-90-spx {
    margin-bottom: 90px !important;
  }
  .mb-95-spx {
    margin-bottom: 95px !important;
  }
  .mb-100-spx {
    margin-bottom: 100px !important;
  }
  .ml-0-spx {
    margin-left: 0px !important;
  }
  .ml-5-spx {
    margin-left: 5px !important;
  }
  .ml-10-spx {
    margin-left: 10px !important;
  }
  .ml-15-spx {
    margin-left: 15px !important;
  }
  .ml-20-spx {
    margin-left: 20px !important;
  }
  .ml-25-spx {
    margin-left: 25px !important;
  }
  .ml-30-spx {
    margin-left: 30px !important;
  }
  .ml-35-spx {
    margin-left: 35px !important;
  }
  .ml-40-spx {
    margin-left: 40px !important;
  }
  .ml-45-spx {
    margin-left: 45px !important;
  }
  .ml-50-spx {
    margin-left: 50px !important;
  }
  .ml-55-spx {
    margin-left: 55px !important;
  }
  .ml-60-spx {
    margin-left: 60px !important;
  }
  .ml-65-spx {
    margin-left: 65px !important;
  }
  .ml-70-spx {
    margin-left: 70px !important;
  }
  .ml-75-spx {
    margin-left: 75px !important;
  }
  .ml-80-spx {
    margin-left: 80px !important;
  }
  .ml-85-spx {
    margin-left: 85px !important;
  }
  .ml-90-spx {
    margin-left: 90px !important;
  }
  .ml-95-spx {
    margin-left: 95px !important;
  }
  .ml-100-spx {
    margin-left: 100px !important;
  }
  .mr-0-spx {
    margin-right: 0px !important;
  }
  .mr-5-spx {
    margin-right: 5px !important;
  }
  .mr-10-spx {
    margin-right: 10px !important;
  }
  .mr-15-spx {
    margin-right: 15px !important;
  }
  .mr-20-spx {
    margin-right: 20px !important;
  }
  .mr-25-spx {
    margin-right: 25px !important;
  }
  .mr-30-spx {
    margin-right: 30px !important;
  }
  .mr-35-spx {
    margin-right: 35px !important;
  }
  .mr-40-spx {
    margin-right: 40px !important;
  }
  .mr-45-spx {
    margin-right: 45px !important;
  }
  .mr-50-spx {
    margin-right: 50px !important;
  }
  .mr-55-spx {
    margin-right: 55px !important;
  }
  .mr-60-spx {
    margin-right: 60px !important;
  }
  .mr-65-spx {
    margin-right: 65px !important;
  }
  .mr-70-spx {
    margin-right: 70px !important;
  }
  .mr-75-spx {
    margin-right: 75px !important;
  }
  .mr-80-spx {
    margin-right: 80px !important;
  }
  .mr-85-spx {
    margin-right: 85px !important;
  }
  .mr-90-spx {
    margin-right: 90px !important;
  }
  .mr-95-spx {
    margin-right: 95px !important;
  }
  .mr-100-spx {
    margin-right: 100px !important;
  }
}

/* Page */
/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
.aboutContent__headingBox {
  background: #01bbea;
  background: linear-gradient(15deg, #01a2ea 0%, #4affdb 100%);
  height: 230px;
  padding-top: 40px;
}

@media screen and (max-width: 767px) {
  .aboutContent__headingBox {
    height: 140px;
    padding-top: 25px;
  }
}

.aboutContent__inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  transform: translate(0px, -100px);
}

@media screen and (max-width: 767px) {
  .aboutContent__inner {
    transform: translate(0px, -50px);
  }
}

.aboutContent__list {
  margin: 0 auto;
}

.aboutContent__item {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  margin-bottom: 40px;
}

.aboutContent__item:last-child {
  margin-bottom: 0;
}

.aboutContent__thumb {
  width: 100%;
  max-width: 420px;
}

.aboutContent__thumb img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .aboutContent__thumb {
    max-width: none;
  }
}

.aboutContent__itemInner {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

@media screen and (max-width: 767px) {
  .aboutContent__itemInner {
    display: block;
    padding: 5px;
  }
}

.aboutContent__cocntent {
  padding: 15px 15px 0 25px;
  max-width: 430px;
}

@media screen and (max-width: 767px) {
  .aboutContent__cocntent {
    max-width: none;
    padding: 15px 10px 10px 10px;
  }
}

.aboutContent__heading {
  font-size: 2rem;
  line-height: 1.5em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
  color: #2b546a;
}

@media screen and (max-width: 767px) {
  .aboutContent__heading {
    font-size: 1.8rem;
  }
}

/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
.googlemap {
  margin: 0 auto;
}

/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
.contact {
  background-color: #f6f6f6;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .contact {
    height: 180px;
    margin-bottom: 40px;
  }
}

.warning__icon {
  text-align: center;
  margin-bottom: 5px;
}

.qa {
  color: #2b546a;
}

.qa__titleBox {
  border-top: 3px solid #2b546a;
  border-bottom: 3px solid #2b546a;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.qa__titleBox::after {
  content: "＋";
  position: absolute;
  right: 0;
  width: 60px;
  height: 100%;
  border-left: 1px solid #2b546a;
  font-size: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .qa__titleBox {
    padding: 15px 10px;
    border-top: 2px solid #2b546a;
    border-bottom: 2px solid #2b546a;
  }
  .qa__titleBox::after {
    width: 30px;
    font-size: 2rem;
  }
}

.qa__titleBox--isOpen::after {
  content: "♪";
}

.qa__dataBox + .qa__titleBox {
  border-top: none;
}

.qa__titleBox + .qa__titleBox {
  border-top: none;
}

.qa__title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5em;
  width: 90%;
  text-indent: -1.3em;
  margin-left: 1.3em;
}

.qa__title::before {
  content: "Q. ";
}

@media screen and (max-width: 767px) {
  .qa__title {
    font-size: 1.4rem;
  }
}

.qa__dataBox {
  background-color: #f1feff;
  border-bottom: 3px solid #2b546a;
}

@media screen and (max-width: 767px) {
  .qa__dataBox {
    border-bottom: 2px solid #2b546a;
  }
}

.qa__content {
  width: 90%;
  margin: 0 auto;
  padding: 20px 0;
}

@media screen and (max-width: 767px) {
  .qa__content {
    width: 95%;
  }
}

.qa__text {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5em;
}

.qa__text a {
  color: #2b546a;
}

@media screen and (min-width: 769px) {
  .qa__text a:hover {
    color: #cc0000;
  }
  .qa__text a:hover .material-icons {
    color: #cc0000 !important;
  }
}

@media screen and (max-width: 767px) {
  .qa__text {
    font-size: 1.4rem;
  }
}

/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
.archiveList {
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
}

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

.archiveList__item {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: ffffff;
  color: #2b546a;
  font-size: 3rem;
  width: 50px;
  height: 50px;
  border-radius: 4px;
  border: 2px solid #2b546a;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .archiveList__item {
    font-size: 2rem;
    width: 40px;
    height: 40px;
    border: 1px solid #2b546a;
  }
}

.archiveList__item--current {
  background-color: #2b546a;
  color: #ffffff;
  cursor: text;
}

.archiveList__item + .archiveList__item {
  margin-left: 15px;
}

.instructor {
  position: relative;
}

.instructor__content {
  position: relative;
  top: 0;
  display: none;
}

.instructor__content.active {
  display: block;
}

.instructor__data {
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  padding: 40px 0;
}

@media screen and (max-width: 767px) {
  .instructor__data {
    padding: 30px 0;
  }
}

.instructor__data + .instructor__data {
  border-top: none;
}

.instructor__thumb {
  text-align: center;
  float: left;
  margin-bottom: 20px;
}

.instructor__thumb img {
  width: 100%;
  max-width: 150px;
}

.instructor__career {
  float: right;
}

@media screen and (max-width: 767px) {
  .instructor__career {
    float: none;
  }
}

.instructor__name {
  line-height: 1.5em;
  font-size: 2.6rem;
  font-weight: bold;
  color: #2b546a;
  margin-bottom: 20px;
}

.instructor__name span {
  font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
  .instructor__name {
    font-size: 2rem;
  }
  .instructor__name span {
    font-size: 1.4rem;
    display: block;
  }
}

/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
.narrowDown__inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
}

.narrowDown__title {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.5em;
  color: #2b546a;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .narrowDown__title {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
}

.narrowDown__list {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 40px;
  border-bottom: 1px solid #d3d3d3;
}

.narrowDown__item {
  display: flex;
}

.narrowDown__check {
  border-right: 1px solid #d3d3d3;
  width: 47px;
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.narrowDown__check input {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .narrowDown__check {
    width: 35px;
    height: 100%;
    min-height: 35px;
  }
}

.narrowDown__item {
  border: 1px solid #d3d3d3;
  cursor: pointer;
  min-width: 200px;
  margin: 1px;
}

@media screen and (max-width: 767px) {
  .narrowDown__item {
    min-width: auto;
    width: 49%;
  }
}

.narrowDown__label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  cursor: pointer;
  width: 100%;
}

.narrowDown__label input {
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .narrowDown__label {
    flex-wrap: nowrap;
  }
}

.narrowDown__type {
  color: #2b546a;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5em;
  padding: 0 15px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .narrowDown__type {
    font-size: 1.4rem;
    padding: 5px 5px 5px 10px;
    width: 77%;
  }
}

.narrowDown__lessonInner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.narrowDown__lessonBox {
  margin-bottom: 60px;
}

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

.narrowDown__lessonList {
  display: flex;
  flex-wrap: wrap;
}

.narrowDown__lessonHeading {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5em;
  color: #2b546a;
  margin: 0 15px 30px 15px;
  padding-left: 10px;
  border-left: 4px solid #2b546a;
  border-bottom: 2px solid #2b546a;
}

@media screen and (max-width: 767px) {
  .narrowDown__lessonHeading {
    font-size: 1.8rem;
    border-bottom: 1px solid #2b546a;
    padding-left: 5px;
  }
}

.narrowDown__lessonItem {
  margin-bottom: 30px;
}

.narrowDown__lessonItem a {
  position: relative;
  display: block;
  overflow: hidden;
}

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

.narrowDown__lessonThumb img {
  vertical-align: bottom;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .narrowDown__lessonThumb {
    transition: .4s;
  }
  .narrowDown__lessonThumb:hover {
    transform: scale(1.1);
  }
}

.narrowDown__lessonlabel {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 10px;
  background-color: rgba(0, 21, 37, 0.8);
  color: #ffffff;
  pointer-events: none;
}

.narrowDown__lessonlabel::after {
  content: url("../img/top/img_populer-arrow.svg");
}

@media screen and (max-width: 767px) {
  .narrowDown__lessonlabel {
    height: auto;
    padding: 3px 6px;
  }
  .narrowDown__lessonlabel::after {
    transform: scale(0.7);
  }
}

.narrowDown__lessonTitle {
  font-size: 1.4rem;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .narrowDown__lessonTitle {
    font-size: 1.2rem;
    line-height: 1.3;
  }
}

/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
.start__hero {
  margin: 0 auto;
}

.start__hero img {
  width: 100%;
}

.startLink {
  margin: 0 auto;
}

.startLink__item {
  border: 1px solid #e4e4e4;
}

.startLink__item a {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 500;
  color: #2b546a;
  padding: 15px 50px 15px 15px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .startLink__item a {
    padding: 10px 40px 10px 10px;
    font-size: 1.4rem;
  }
}

.startLink__item a::after {
  position: absolute;
  content: url(../img/common/ico_link-bottom.svg);
  right: 0;
  border-left: 1px solid #e4e4e4;
  padding: 0 15px;
  height: 100%;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .startLink__item a::after {
    padding: 0 10px;
  }
}

.startLink__item + .startLink__item {
  border-top: none;
}

.startLink__step {
  color: #ffffff;
  background-color: #0d3d56;
  border-radius: 1000px;
  padding: 0 12px;
  font-size: 1.4rem;
  margin-right: 15px;
}

@media screen and (max-width: 767px) {
  .startLink__step {
    font-size: 1.2rem;
    margin-right: 10px;
  }
}

.startLink__reg {
  color: #cc0000;
  margin-right: 15px;
}

.step {
  padding: 0px 15px 30px 15px;
  border-bottom: 1px solid #e4e4e4;
}

.step__number {
  color: #ffffff;
  background-color: #0d3d56;
  border-radius: 1000px;
  padding: 2px 12px;
  font-size: 1.6rem;
  line-height: 1.5em;
  width: 120px;
  text-align: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .step__number {
    width: 100px;
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
}

.step__heading {
  color: #2b546a;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.8em;
  border-left: 3px solid #2b546a;
  padding-left: 10px;
}

@media screen and (max-width: 767px) {
  .step__heading {
    font-size: 1.6rem;
  }
}

.step__attention {
  font-size: 1.4rem;
  line-height: 1.6em;
  margin-top: 10px;
  font-weight: 500;
  color: #2b546a;
  display: block;
  text-align: center;
}

.step + .step {
  padding: 60px 15px 60px 15px;
}

@media screen and (max-width: 767px) {
  .step + .step {
    padding: 40px 15px 40px 15px;
  }
}

.step:last-child {
  padding: 60px 15px 0 15px;
  border-bottom: none;
}

.step__col2 {
  display: flex;
  justify-content: space-around;
  align-items: baseline;
}

.step__colItem {
  width: 50%;
}

.step__centerBox {
  text-align: center;
}

.step__link {
  color: #2b546a;
}

.step__icon {
  padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .step__icon {
    max-width: 80px;
    margin: 0 auto;
    padding-bottom: 10px;
  }
  .step__icon img {
    width: 100%;
  }
}

.step__telephone {
  font-size: 3rem;
  color: #2b546a;
}

.step__telephone span {
  display: block;
  font-size: 1.6rem;
  line-height: 2em;
}

.step__flowSelect {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.step__btn {
  font-size: 2rem;
  line-height: 1.5em;
  font-weight: bold;
  width: 300px;
  text-align: center;
  padding: 10px;
  border-radius: 4px;
  margin: 15px;
  cursor: pointer;
}

.step__btn--line {
  color: #44d644;
  background-color: #ffffff;
  border: 2px solid #44d644;
}

.step__btn--line.active {
  color: #ffffff;
  background-color: #44d644;
  border: 2px solid #44d644;
}

.step__btn--zoom {
  color: #00a3fa;
  background-color: #ffffff;
  border: 2px solid #00a3fa;
}

.step__btn--zoom.active {
  color: #ffffff;
  background-color: #00a3fa;
  border: 2px solid #00a3fa;
}

@media screen and (max-width: 767px) {
  .step__btn {
    width: 50%;
    padding: 8px 10px;
    margin: 10px;
    font-size: 1.6rem;
  }
}

.step__flowTitle {
  margin-bottom: 20px;
}

.step__flowData {
  margin-bottom: 40px;
}

.step__flowImage {
  border: 1px solid #eeeeee;
  max-width: 300px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
}

.step__flowImage img {
  width: 100%;
  vertical-align: bottom;
}

@media screen and (max-width: 767px) {
  .step__flowImage {
    max-width: 200px;
    margin: 0 auto;
  }
}

.step__flowText {
  color: #2b546a;
  font-size: 1.6rem;
  font-weight: 500;
  text-indent: -1.2em;
  margin-left: 1.2em;
  line-height: 1.5em;
}

.step__flowDl {
  display: none;
}

.step__flowDl.active {
  display: block;
}

.step__inBox {
  padding: 30px;
}

@media screen and (max-width: 767px) {
  .step__inBox {
    padding: 10px;
  }
}

.step__listItem {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5em;
  margin-bottom: 2px;
  color: #2b546a;
}

@media screen and (max-width: 767px) {
  .step__listItem {
    margin-bottom: 7px;
    font-size: 1.6rem;
    text-indent: -1em;
    margin-left: 1em;
  }
}

.step__listItem::before {
  content: "・";
}

.creditNUM {
  color: text;
}

/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
html,
body {
  height: 100%;
}

.top {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.top__inner {
  width: 100%;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.top__leadBox {
  margin: 0 auto;
  text-align: center;
  padding-top: 100px;
}

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

.top__lead {
  padding-bottom: 40px;
  margin: 0 auto;
  max-width: 430px;
}

.top__lead img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .top__lead {
    padding-bottom: 20px;
  }
  .top__lead img {
    width: 70%;
  }
}

.top__heading {
  border-top: 5px solid #2b546a;
  border-bottom: 5px solid #2b546a;
  padding: 20px 0;
  margin-bottom: 50px;
  background-color: #ffffff;
}

@media screen and (max-width: 767px) {
  .top__heading {
    border-top: 2px solid #2b546a;
    border-bottom: 2px solid #2b546a;
    padding: 10px 0;
    margin-bottom: 30px;
  }
  .top__heading img {
    width: 85%;
  }
}

.top__leadSub {
  padding-bottom: 80px;
  margin: 0 auto;
  max-width: 400px;
}

.top__leadSub img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .top__leadSub {
    padding-bottom: 50px;
  }
  .top__leadSub img {
    width: 70%;
  }
}

.top__trial {
  margin: 0 auto;
  text-align: center;
}

.top__trialText {
  font-size: 5rem;
  color: #2b546a;
  font-weight: bold;
  letter-spacing: -1px;
  margin-bottom: 30px;
}

.top__trialText span {
  color: #ff97c1;
}

@media screen and (max-width: 767px) {
  .top__trialText {
    font-size: 2.6rem;
    margin-bottom: 20px;
  }
}

.top__trialLink {
  margin: 0 auto;
  width: 540px;
  padding: 0 15px;
}

.top__trialLink a {
  display: block;
  font-size: 3rem;
  font-weight: bold;
  color: #ffffff;
  border: 2px solid #0d3d56;
  border-radius: 1000px;
  padding: 10px 25px;
  position: relative;
  background-color: #0d3d56;
}

.top__trialLink a::after {
  content: url("../img/common/ico_link-right.svg");
  position: absolute;
  right: 30px;
  transition: .3s;
}

@media screen and (max-width: 767px) {
  .top__trialLink {
    width: 85%;
  }
  .top__trialLink a {
    font-size: 2rem;
  }
  .top__trialLink a::after {
    top: 6px;
    right: 5%;
    transform: scale(0.8);
  }
}

@media screen and (min-width: 769px) {
  .top__trialLink a:hover::after {
    right: 20px;
  }
}

.top__scrollText {
  display: inline-block;
  position: absolute;
  right: 50%;
  bottom: -50px;
  z-index: 2;
  transform: translateX(50%);
  padding: 10px 10px 110px;
  overflow: hidden;
  color: #2b546a;
  font-size: 1.2rem;
  line-height: 1;
}

.top__scrollText::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 100px;
  background: #2b546a;
  animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}

@keyframes sdl {
  0% {
    opacity: 1;
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  30% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  30.1%, 70% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    opacity: 0;
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}

.populerLesson {
  position: relative;
  margin: 80px 0 150px 0;
}

@media screen and (max-width: 767px) {
  .populerLesson {
    margin: 50px 0 70px 0;
  }
}

.populerLesson__block {
  position: absolute;
  top: 22%;
  background-color: #d2fcff;
  width: 45%;
  height: 430px;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .populerLesson__block {
    top: 15%;
    width: 75%;
    height: 300px;
  }
}

.populerLesson__inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.populerLesson__leyout {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .populerLesson__leyout {
    display: block;
  }
}

.populerLesson__right {
  display: flex;
  justify-content: space-between;
}

.populerLesson__list {
  position: relative;
  top: 60px;
}

@media screen and (max-width: 767px) {
  .populerLesson__list {
    top: 0;
  }
}

.populerLesson__list + .populerLesson__list {
  position: relative;
  top: 0px;
  margin-left: 30px;
}

@media screen and (max-width: 767px) {
  .populerLesson__list + .populerLesson__list {
    margin-left: 5px;
  }
}

.populerLesson__listItem {
  position: relative;
  margin-bottom: 30px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .populerLesson__listItem {
    margin-bottom: 5px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
  }
}

.populerLesson__thumb img {
  vertical-align: bottom;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .populerLesson__thumb {
    transition: .4s;
  }
  .populerLesson__thumb:hover {
    transform: scale(1.1);
  }
}

.populerLesson__listItem + .populerLesson__listItem {
  margin-bottom: 0;
}

.populerLesson__icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
}

.populerLesson__label {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 10px;
  background-color: rgba(0, 21, 37, 0.8);
  height: 40px;
  color: #ffffff;
  pointer-events: none;
}

.populerLesson__label::after {
  content: url("../img/top/img_populer-arrow.svg");
}

@media screen and (max-width: 767px) {
  .populerLesson__label {
    height: auto;
    padding: 1px 6px;
  }
  .populerLesson__label::after {
    transform: scale(0.7);
  }
}

.populerLesson__title {
  font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
  .populerLesson__title {
    font-size: 1.3rem;
  }
}

.news__inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
}

.news__list {
  margin-bottom: 50px;
}

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

.news__item {
  border-bottom: 1px solid #2b546a;
  margin-bottom: 20px;
}

.news__item a {
  color: #2b546a;
}

@media screen and (min-width: 769px) {
  .news__item a:hover {
    color: #cc0000;
  }
}

.news__data {
  font-size: 1.8rem;
  line-height: 1.5em;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .news__data {
    font-size: 1.4rem;
  }
}

.news__title {
  font-size: 1.8rem;
  line-height: 1.5em;
}

@media screen and (max-width: 767px) {
  .news__title {
    font-size: 1.4rem;
  }
}

#particles-js {
  height: 100vh;
  width: 100vw;
  background-color: #ffffff;
}

/* ページのテキストの基本色 */
/* 背景がグラデーションの時に使用する色 */
.article {
  margin: 60px 0 100px 0;
  color: #2b546a;
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .article {
    margin: 40px 0 60px 0;
  }
}

.article__inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .article__inner {
    display: block;
  }
}

.article__h1 {
  width: 100%;
  max-width: 870px;
  margin-bottom: 20px;
}

.article__h1 img {
  width: 100%;
}

.article__h2 {
  font-size: 3.2rem;
  font-weight: bold;
  margin-bottom: 40px;
  line-height: 1.5em;
}

@media screen and (max-width: 767px) {
  .article__h2 {
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}

.article__h3 {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5em;
  margin-bottom: 30px;
  border-bottom: 1px solid #2b546a;
}

@media screen and (max-width: 767px) {
  .article__h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}

.article__h4 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.5em;
  background-color: #f7f7f7;
  padding: 10px;
}

@media screen and (max-width: 767px) {
  .article__h4 {
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
}

.article__card {
  border: 2px solid #2b546a;
  border-radius: 5px;
  padding: 20px 15px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .article__card {
    padding: 15px 10px;
  }
}

.article__card > .article__ul {
  margin: 0;
}

.article__card > .article__ttl {
  border-bottom: 1px solid #2b546a;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.article__ttl {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.5em;
}

@media screen and (max-width: 767px) {
  .article__ttl {
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
}

.article__ul {
  margin: 20px 0 20px 0;
}

.article__ul + .article__ul {
  margin: 0 0 20px 0;
}

.article__li {
  margin-bottom: 5px;
  text-indent: -1em;
  margin-left: 1em;
}

@media screen and (max-width: 767px) {
  .article__li {
    font-size: 1.4rem;
  }
}

.article__li::before {
  content: "・";
}

.article__figure img {
  width: 100%;
}

.article__category {
  color: #ffffff;
  font-size: 1.6rem;
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 4px 10px;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .article__category {
    font-size: 1.2rem;
    width: 120px;
    padding: 2px 10px;
  }
}

.article__category--red {
  background-color: #c74c42;
}

.article__category--blue {
  background-color: #5f75b9;
}

.article__textBox {
  margin-bottom: 40px;
}

.article__borderBox {
  border-top: 1px solid #d3d3d3;
  padding-top: 30px;
}

.article__borderBox:last-of-type {
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  padding: 30px 0;
}

@media screen and (max-width: 767px) {
  .article__borderBox {
    padding-top: 20px;
  }
  .article__borderBox:last-of-type {
    padding: 20px 0;
  }
}

.bold {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .icoImg img {
    width: 25%;
  }
}

.aside {
  position: sticky;
  top: 20px;
  height: 600px;
}

@media screen and (max-width: 767px) {
  .aside {
    height: auto;
  }
}

.aside__thumb {
  width: 100%;
  padding: 5px;
}

.aside__thumb img {
  width: 100%;
}

.aside__h3 {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5em;
  margin-bottom: 20px;
}

.aside__listItem {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 20px;
  transition: .3s;
}

@media screen and (min-width: 769px) {
  .aside__listItem:hover {
    opacity: .8;
  }
}

.aside__listItem a {
  color: #2b546a;
  font-size: 1.4rem;
  line-height: 1.5em;
  font-weight: bold;
}

.aside__text {
  padding: 0 10px 15px 10px;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
}

html {
  font-size: 62.5%;
}

body {
  -webkit-text-size-adjust: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}

a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}

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

.header__blackCover {
  display: none;
}

.section {
  margin: 80px 0 100px 0;
}

@media screen and (max-width: 767px) {
  .section {
    margin: 40px 0 60px 0;
  }
}

.section + .section {
  margin: 0 0 100px 0;
}

@media screen and (max-width: 767px) {
  .section + .section {
    margin: 0 0 60px 0;
  }
}

.section__inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.gradientBack {
  background: #01bbea;
  background: linear-gradient(70deg, #01bbea 0%, #4affdb 100%);
}

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

[data-aos][data-aos-easing="origin-easing"] {
  transition-timing-function: cubic-bezier(0.62, 0.01, 0.17, 1) !important;
}

.text18 {
  font-size: 1.8rem;
  line-height: 1.5em;
  font-weight: 500;
  color: #2b546a;
}

@media screen and (max-width: 767px) {
  .text18 {
    font-size: 1.6rem;
  }
}

.text20 {
  color: #2b546a;
  font-size: 2rem;
  line-height: 1.5em;
}

.text20 span {
  color: #cc0000;
}

@media screen and (max-width: 767px) {
  .text20 {
    font-size: 1.6rem;
  }
}

.text16 {
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 500;
  color: #2b546a;
}

@media screen and (max-width: 767px) {
  .text16 {
    font-size: 1.4rem;
  }
}

.textReg16 {
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 500;
  color: #2b546a;
}

.textReg16::before {
  content: "※";
}

@media screen and (max-width: 767px) {
  .textReg16 {
    font-size: 1.4rem;
  }
}

.text--center {
  text-align: center;
}

.text--bold {
  font-weight: bold;
}

.link[target="_blank"]::after {
  position: relative;
  top: 1px;
  left: 5px;
  content: url("../img/common/ico_blank.svg");
}

.material-icons {
  vertical-align: text-bottom;
  color: #2b546a;
}

@media screen and (max-width: 767px) {
  .material-icons {
    font-size: 1.5em !important;
  }
}