<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* GENERAL */
@font-face {
  font-family: Yu Gothic;
  src: url("../font/Yu Gothic Regular.ttf"); }

@font-face {
  font-family: Yu Gothic;
  src: url("../font/Yu Gothic Bold.ttf");
  font-weight: bold; }

@font-face {
  font-family: BebasNeue;
  src: url("../font/BebasNeue-Regular.otf"); }

body {
  font-family: Yu Gothic, sans-serif;
  line-height: 1.8;
  letter-spacing: 1.5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll; }

img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: middle; }

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

br.clear {
  clear: both; }

.md {
  display: none; }

@media (min-width: 768px) {
  .md {
    display: inline; } }

@media (min-width: 768px) {
  .sp {
    display: none; } }

.hidden {
  overflow: hidden; }

a[href^=tel] {
  color: inherit;
  text-decoration: none; }

.en {
  font-family: 'Montserrat', sans-serif; }

.bg-yellow {
  background-color: #efe482; }

.bg-grey {
  background-color: #dcdddd; }

.bg-pastel-green {
  background-color: #c2e4de; }

.bg-orange {
  background-color: #e88b1d; }

.bg-blue {
  background-color: #50a0c4; }

.bg-pink {
  background-color: #d27c85; }

.bg-green {
  background-color: #006741; }

.button-orange {
  background-color: #e88b1d; }

.button-blue {
  background-color: #50a0c4; }

.button-green {
  background-color: #004829; }

.button-yellow {
  background-color: #efb800; }

.button-pink {
  background-color: #de4c5c; }

.button-pastel-green {
  background-color: #94ccc1; }

.button-pink2 {
  background-color: #ad3c45; }

.button-grey {
  background-color: #bec0c0; }

.button-yellow2 {
  background-color: #e0cc42; }

/*  ----------------------------------------------------------------- Section 1    */
#s01 {
  background-image: url("../img/bg1.png");
  padding-top: 10px;
  padding-bottom: 45px; }

#s01 h1 img {
  padding: 19px 10px;
  max-width: 51%; }

#s01 h2 img {
  display: block;
  margin: auto;
  padding: 15px 5%; }

#s01 h3 img {
  display: block;
  margin: auto;
  padding: 10px 10% 5px; }

#s01 .text h4 {
  font-size: 27px;
  font-weight: bold;
  letter-spacing: 2.5px !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  width: 195px; }

#s01 .text p {
  font-size: 13px;
  letter-spacing: 1px !important;
  line-height: 1.8;
  margin: auto;
  margin-bottom: 50px;
  margin-top: 30px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  width: 265px;
  font-weight: bold; }

#s01 p span.text-l {
  font-size: 18px; }

#s01 p span.text-xl {
  font-size: 25px; }

#s01 .container {
  position: relative; }

#s01 .sannin {
  position: absolute;
  bottom: -45px;
  left: 43%;
  max-width: 75%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

/*   SM    */
@media (min-width: 576px) {
  #s01 .text h4 {
    font-size: 40px;
    width: 285px; }
  #s01 .text p {
    font-size: 15px;
    width: 315px;
    letter-spacing: 2.5px !important; }
  #s01 h3 img {
    padding: 20px 10% 5px; }
  #s01 p span.text-l {
    font-size: 25px; }
  #s01 p span.text-xl {
    font-size: 30px; } }

/*   MD    */
@media (min-width: 768px) {
  #s01 {
    background-image: url("../img/bg1.png");
    padding-top: 5px;
    padding-bottom: 45px; }
  #s01 .text h4 {
    font-size: 40px;
    letter-spacing: 3.5px !important;
    margin-left: 20px;
    margin-right: 0;
    margin-top: 70px;
    height: 490px;
    width: auto; }
  #s01 .text p {
    font-size: 15px;
    letter-spacing: 3.5px !important;
    line-height: 2.1;
    margin: 30px 0 50px auto;
    margin-top: 70px;
    font-weight: bold;
    width: auto;
    height: 440px; }
  #s01 p span.text-l {
    font-size: 25px; }
  #s01 p span.text-xl {
    font-size: 35px; }
  #s01 .sannin {
    left: inherit;
    right: 42%; } }

/*   LG    */
@media (min-width: 992px) {
  #s01 .text h4 {
    font-size: 50px;
    margin-top: 80px; }
  #s01 .text p {
    font-size: 20px;
    margin-top: 80px;
    height: 540px; }
  #s01 p span.text-l {
    font-size: 30px; }
  #s01 p span.text-xl {
    font-size: 40px; } }

/*   XL    */
@media (min-width: 1200px) {
  #s01 .text p {
    font-size: 20px; }
  #s01 p span.text-xl {
    font-size: 45px; }
  #s01 .sannin {
    left: inherit;
    right: 56%; }
  #s01 .text h4 {
    margin-top: 90px;
    margin-left: 40px; }
  #s01 .text p {
    margin-top: 90px; } }

/*  ----------------------------------------------------------------- Section 2    */
#s02 {
  background-image: url("../img/bg2.png");
  padding-top: 45px;
  padding-bottom: 45px; }

.chap-number {
  font-family: BebasNeue, sans-serif;
  font-size: 50px;
  font-weight: bold; }

#s02 h2 {
  font-size: 20px;
  font-weight: bold; }

#s02 h2 span {
  display: block;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 1.3;
  color: #DCDCDC;
  font-weight: 400;
  padding-right: 15px; }

.chapter {
  position: relative; }

.naze {
  width: 70%;
  position: absolute;
  left: 18px;
  top: 0px; }

#s02 p.paragraph {
  font-size: 13px;
  margin-top: 15px;
  padding: 0 0; }

#s02 h3 {
  font-size: 13px;
  font-weight: bold;
  margin-top: 50px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

#s02 h3 span.yellow {
  color: #efe482; }

#s02 .chigai-illu {
  margin: 30px auto 10px;
  display: block; }

#s02 .chigai-name {
  font-size: 13px;
  text-align: center;
  max-width: 130px;
  margin: auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in; }

#s02 .chigai-link {
  cursor: pointer;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }

#s02 .chigai-link:hover img,
#s02 .chigai-link:active img {
  margin: 15px auto;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }

#s02 .chigai-link:hover .chigai-name,
#s02 .chigai-link:active .chigai-name {
  font-weight: bold; }

#s02 .chigai-link:hover .chigai-name.bg-yellow,
#s02 .chigai-link:active .chigai-name.bg-yellow {
  background-color: #e3d273; }

#s02 .chigai-link:hover .chigai-name.bg-grey,
#s02 .chigai-link:active .chigai-name.bg-grey {
  background-color: #cacaca; }

#s02 .chigai-link:hover .chigai-name.bg-pastel-green,
#s02 .chigai-link:active .chigai-name.bg-pastel-green {
  background-color: #aed2ca; }

/*   SM    */
/*   MD    */
@media (min-width: 768px) {
  #s02 h2 {
    font-size: 40px;
    padding: 10px 0 0 0; }
  #s02 p.paragraph {
    font-size: 18px; }
  #s02 h2 span {
    font-size: 15px; }
  #s02 h3 {
    font-size: 25px; }
  .chap-number {
    font-size: 80px; }
  #s02 .chigai-name {
    font-size: 15px; } }

/*   LG    */
/*   XL    */
@media (min-width: 1200px) {
  .chap-number {
    font-size: 100px; }
  .naze {
    width: 85%; }
  #s02 h2 {
    padding: 35px 0px 0 25px; }
  #s02 .chigai-name {
    font-size: 20px;
    max-width: 200px; }
  #s02 .chigai-illu {
    margin: 55px auto 29px; }
  #s02 {
    padding-top: 80px;
    padding-bottom: 100px; }
  #s02 p.paragraph {
    margin: 0 0 30px 25px; } }

/*  ----------------------------------------------------------------- Section 3    */
#s03 {
  background-image: url("../img/bg3.png");
  padding-top: 45px;
  padding-bottom: 45px; }

#s03 h2 {
  font-size: 19px;
  font-weight: bold; }

#s03 h2 span {
  display: block;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 1.3;
  color: white;
  font-weight: 400;
  padding-right: 15px; }

#s03 p.paragraph {
  font-size: 13px;
  margin: 5px 0 22px;
  padding: 0 0; }

/*  ---------------------------------- Number    */
#s03 .number {
  color: white; }

#s03 .number .expenses {
  background-color: #dcdddd;
  background-color: rgba(220, 221, 221, 0.8);
  position: relative;
  margin: 15px 15px 15px 0; }

#s03 .number .block-right {
  float: right;
  max-width: 360px; }

#s03 .number .block-left {
  float: left;
  max-width: 360px; }

#s03 .number .expenses h3 {
  font-size: 60px;
  font-weight: bold;
  float: right;
  line-height: 1;
  padding: 20px 43px 10px 10px;
  color: #e0dfd0;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }

#s03 .number .expenses .number-text {
  float: right;
  padding: 0px 15px 15px 25px;
  line-height: 1.3; }

#s03 .number .expenses .number-text h4 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px; }

#s03 .number .expenses .number-text p {
  font-size: 26px; }

#s03 .number .benefits {
  background-color: #d27c85;
  background-color: rgba(210, 124, 133, 0.8);
  position: relative;
  margin: 15px 15px 15px 0; }

#s03 .number .benefits h3 {
  color: #d89289;
  font-weight: bold;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  font-size: 40px;
  line-height: 1;
  padding: 20px 0px 8px 15px; }

#s03 .number .benefits .number-text {
  float: right;
  padding: 0px 40px 15px 10px;
  line-height: 1.3; }

#s03 .number .benefits .number-text h4 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px; }

#s03 .number .benefits .number-text p {
  font-size: 26px; }

#s03 .number .benefits .number-text .number-text-left {
  float: left;
  padding: 0 4px 0 0; }

#s03 .number .benefits .number-text .number-text-right {
  float: right;
  padding-top: 10px; }

#s03 .number .lifetime {
  background-color: #efe482;
  background-color: rgba(217, 206, 109, 0.8);
  position: relative;
  margin: 15px 15px 15px 0; }

#s03 .number .lifetime h3 {
  color: #d9ce6d;
  font-weight: bold;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  font-size: 33px;
  line-height: 1;
  padding: 6px 5px 10px 0px; }

#s03 .number .lifetime .number-category {
  right: 0px; }

#s03 .number .lifetime .resize {
  float: right; }

#s03 .number .lifetime .resize .lifetime-left {
  float: left;
  width: 59%;
  position: relative;
  padding: 12px 20px 25px 12px; }

#s03 .number .lifetime .resize .number-text2-right {
  background-color: #fcfae6;
  color: black;
  float: right;
  height: 100%;
  padding: 15px 15px 60px 15px;
  letter-spacing: 1px;
  line-height: 1.3;
  width: 39%; }

#s03 .number .lifetime .number-text h4 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px; }

#s03 .number .lifetime .number-text p {
  font-size: 20px;
  line-height: 1.7; }

#s03 .number .scholarship {
  background-color: #cbe4cc;
  background-color: rgba(194, 228, 222, 0.8);
  position: relative;
  margin: 15px 0 15px 15px; }

#s03 .number .scholarship h3 {
  font-size: 52px;
  font-weight: bold;
  line-height: 1;
  padding: 18px 10px 16px 38px;
  color: #cbe4cc;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }

#s03 .number .scholarship .number-text {
  padding: 7px 5px 0px 42px;
  line-height: 1.3; }

#s03 .number .scholarship .number-text h4 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px; }

#s03 .number .scholarship .number-text p {
  font-size: 26px; }

#s03 .number .part-time {
  background-color: #006741;
  background-color: rgba(0, 103, 65, 0.8);
  position: relative;
  margin: 15px 0 15px 15px; }

#s03 .number .part-time h3 {
  color: #30804e;
  font-weight: bold;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  font-size: 40px;
  line-height: 1;
  padding: 15px 10px 12px 30px; }

#s03 .number .part-time .number-text {
  padding: 7px 5px 0px 42px;
  line-height: 1.3; }

#s03 .number .part-time .number-text h4 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px; }

#s03 .number .part-time .number-text p {
  font-size: 26px; }

#s03 .number .part-time .number-text a {
  color: #d9ce6d;
  text-decoration: underline; }

#s03 .number .part-time .number-text .number-underline {
  font-size: 13px;
  margin-top: 15px;
  text-decoration: underline; }

#s03 .number .part-time .number-text ul li {
  font-size: 13px;
  line-height: 1.6; }

#s03 .number .number-text2 {
  background-color: #fcfae6;
  position: relative;
  color: black;
  padding: 15px 30px;
  line-height: 1.3; }

#s03 .number .number-text2 span.red {
  color: #d38189; }

#s03 .number .number-sm {
  font-size: 15px !important;
  font-weight: bold; }

#s03 .number .number-r {
  font-size: 20px !important;
  font-weight: lighter;
  font-family: sans-serif; }

#s03 .number .number-m {
  font-size: 27px !important;
  font-weight: bold; }

#s03 .number .number-l {
  font-size: 37px !important;
  font-weight: bold; }

#s03 .number .number-xl {
  font-size: 42px !important;
  font-weight: bold; }

#s03 .number .text-xs {
  font-size: 14px !important;
  letter-spacing: 1px;
  line-height: 1.9;
  max-width: 300px; }

#s03 .number .text-s {
  font-size: 14px !important; }

#s03 .number .text-m {
  font-size: 14px !important; }

#s03 .number .text-l {
  font-size: 15px !important; }

#s03 .number .text-xl {
  font-size: 24px !important; }

#s03 .number .number-category {
  color: black;
  font-size: 13px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  z-index: 900;
  position: absolute;
  right: 15px;
  top: 20px; }

#s03 .number .number-category-left {
  right: inherit;
  left: 15px; }

#s03 .gakusei {
  margin: 10px auto 0;
  padding: 0 15px;
  text-align: center; }

#s03 .gakusei img {
  display: inline-block;
  width: 51px; }

#s03 .gakusei img.kaku {
  width: 19px; }

#s03 .gakusei p {
  display: inline-block;
  font-size: 11.5px;
  vertical-align: middle;
  text-align: left;
  letter-spacing: 0; }

/*   SM    */
@media (min-width: 576px) {
  #s03 .number {
    width: 100%; }
  #s03 .number .number-half-left {
    width: 51%;
    float: left; }
  #s03 .number .number-half-right {
    width: 49%;
    float: right; }
  #s03 .number .part-time {
    margin: 15px 0 15px 0px; }
  #s03 .number .scholarship {
    margin: 15px 0 15px 0px; } }

/*   MD    */
@media (min-width: 768px) {
  #s03 .gakusei {
    margin: 50px auto 0;
    width: 562px; }
  #s03 .gakusei img {
    display: inline-block;
    width: 118px; }
  #s03 .gakusei img.kaku {
    width: 41px; }
  #s03 .gakusei p {
    display: inline-block;
    font-size: 19px;
    font-weight: bold;
    vertical-align: middle;
    letter-spacing: 2; }
  #s03 h2 {
    font-size: 40px;
    padding: 10px 0 0 0; }
  #s03 p.paragraph {
    font-size: 18px; }
  #s03 h2 span {
    font-size: 15px; }
  #s03 .number .number-sm {
    font-size: 17px !important;
    font-weight: bold; }
  #s03 .number .number-r {
    font-size: 30px !important;
    font-weight: lighter;
    font-family: sans-serif; }
  #s03 .number .number-m {
    font-size: 35px !important;
    font-weight: bold; }
  #s03 .number .number-l {
    font-size: 50px !important;
    font-weight: bold; }
  #s03 .number .number-xl {
    font-size: 60px !important;
    font-weight: bold; }
  #s03 .number .text-xs {
    font-size: 13px !important;
    letter-spacing: 1px;
    line-height: 1.9; }
  #s03 .number .text-s {
    font-size: 13px !important; }
  #s03 .number .text-m {
    font-size: 15px !important; }
  #s03 .number .text-l {
    font-size: 20px !important; }
  #s03 .number .text-xl {
    font-size: 30px !important; }
  #s03 .number .scholarship h3 {
    font-size: 80px;
    padding: 30px 10px 25px 38px; }
  #s03 .number .expenses h3 {
    font-size: 80px; }
  #s03 .number .part-time h3 {
    font-size: 50px;
    padding: 25px 10px 25px 30px; }
  #s03 .number .benefits h3 {
    font-size: 40px;
    padding: 20px 0px 6px 0px; }
  #s03 .number .lifetime h3 {
    font-size: 32px; }
  #s03 .number .part-time .number-text ul li {
    font-size: 14px;
    line-height: 1.4; }
  #s03 .number .benefits .number-text h4 {
    font-size: 22px; } }

/*   LG    */
/*   XL    */
@media (min-width: 1200px) {
  #s03 h2 {
    padding: 35px 0 0 25px; }
  #s03 p.paragraph {
    margin: 0px 0 50px 25px; }
  #s03 {
    background-image: url(../img/bg3.png);
    padding-top: 80px;
    padding-bottom: 100px; }
  #s03 .number .block-right {
    max-width: 500px; }
  #s03 .number .number-text2 {
    padding: 30px 30px; }
  #s03 .number .expenses h3 {
    font-size: 100px;
    padding: 24px 64px 15px 10px; }
  #s03 .number .number-category {
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    right: 15px;
    top: 30px; }
  #s03 .number .number-category-left {
    right: inherit;
    left: 15px; }
  #s03 .number .number-xl {
    font-size: 94px !important; }
  #s03 .number .expenses .number-text h4 {
    font-size: 30px;
    line-height: 0.7; }
  #s03 .number .expenses .number-text p {
    font-size: 42px; }
  #s03 .number .text-xs {
    font-size: 14px !important;
    line-height: 1.5;
    max-width: 450px; }
  #s03 .number .text-s {
    font-size: 15px !important;
    line-height: 1.4; }
  #s03 .number .benefits .number-text h4 {
    font-size: 29px; }
  #s03 .number .number-sm {
    font-size: 53px !important;
    font-weight: bold;
    padding: 0px 35px 0 0; }
  #s03 .number .number-sm span {
    font-size: 30px !important; }
  #s03 .number .benefits .number-text .number-text-left {
    padding: 0px 40px 0 0; }
  #s03 .number .benefits h3 {
    font-size: 50px;
    padding: 20px 0px 6px 0px; }
  #s03 .number .lifetime h3 {
    font-size: 45px; }
  #s03 .number .text-s {
    font-size: 18px !important; }
  #s03 .number .number-m {
    font-size: 59px !important; }
  #s03 .number .lifetime .resize .number-text2-right {
    padding: 35px 22px 45% 25px; }
  #s03 .number .scholarship .number-text h4 {
    font-size: 29px;
    margin-top: 20px; }
  #s03 .number .scholarship .number-text {
    padding: 7px 5px 0px 70px; }
  #s03 .number .block-left {
    float: left;
    max-width: 500px; }
  #s03 .number .scholarship h3 {
    font-size: 90px;
    padding: 18px 10px 20px 65px; }
  #s03 .number .part-time .number-text h4 {
    font-size: 30px;
    margin-top: 20px; }
  #s03 .number .part-time .number-text {
    padding: 7px 5px 0px 65px; }
  #s03 .number .number-l {
    font-size: 78px !important; }
  #s03 .number .text-xl {
    font-size: 50px !important; }
  #s03 .number .number-r {
    font-size: 40px !important; }
  #s03 .number .part-time .number-text ul li {
    font-size: 23px; }
  #s03 .number .part-time h3 {
    font-size: 68px;
    padding: 25px 10px 16px 36px; } }

/*  ----------------------------------------------------------------- Section 4    */
#s04 {
  background-image: url("../img/bg4.png");
  padding-top: 45px;
  padding-bottom: 45px; }

#s04 .catch {
  color: white;
  font-size: 17px;
  margin: auto;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

#s04 h2 {
  color: white;
  display: block;
  font-size: 34px;
  font-weight: bold;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  width: 300px;
  margin: 10px auto;
  line-height: 1.3;
  text-align: center;
  position: relative; }

#s04 h2:after {
  content: "";
  width: 292px;
  height: 2px;
  background-color: black;
  position: absolute;
  bottom: 22px;
  left: 49.2%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

#s04 h2:before {
  content: "";
  width: 292px;
  height: 2px;
  background-color: black;
  position: absolute;
  bottom: 17px;
  left: 49.2%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

#s04 h2 span {
  display: block;
  font-size: 13px;
  padding-top: 7px;
  text-shadow: none;
  text-align: left; }

#s04 .paragraph {
  font-weight: bold;
  font-size: 13px;
  margin: 30px auto;
  padding: 0 10px;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

#s04 .day-block {
  background-color: white;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
  margin: 15px auto;
  max-width: 430px;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }

#s04 .day-block:hover {
  -webkit-box-shadow: 10px 10px 0px #505050;
  box-shadow: 10px 10px 0px #505050; }

#s04 .day-block .day-quote {
  font-size: 13px;
  padding: 13px 2%;
  text-align: center; }

#s04 .day-block .day-gakubu {
  color: white;
  display: block;
  margin: 0px auto;
  font-size: 13px;
  padding: 3px 5px;
  text-align: center;
  width: 165px; }

#s04 .day-block .day-namae {
  font-size: 13px;
  padding: 9px 10px;
  text-align: center;
  line-height: 1.7; }

#s04 .day-block .triangle-orange {
  font-size: 13px;
  color: #e88b1d;
  position: absolute;
  right: 5px;
  bottom: 3px; }

#s04 .day-block .triangle-blue {
  font-size: 13px;
  color: #50a0c4;
  position: absolute;
  right: 5px;
  bottom: 3px; }

/*   SM    */
/*   MD    */
@media (min-width: 768px) {
  #s04 h2 {
    font-size: 70px;
    width: 580px; }
  #s04 h2:after {
    width: 577px;
    bottom: 29px;
    height: 3px; }
  #s04 h2:before {
    width: 577px;
    bottom: 22px;
    height: 3px; }
  #s04 h2 span {
    font-size: 15px;
    padding-top: 7px; }
  #s04 .catch {
    font-weight: bold;
    font-size: 29px;
    margin: 30px auto 10px; }
  #s04 .paragraph {
    font-size: 18px; }
  #s04 .day-block .day-quote {
    font-size: 16px;
    padding: 15px 2%; }
  #s04 .day-block .day-namae {
    font-size: 16px;
    padding: 15px 10px; }
  #s04 .day-block .day-gakubu {
    font-size: 16px;
    width: 200px; } }

/*   LG    */
/*   XL    */
@media (min-width: 1200px) {
  #s04 {
    padding-top: 60px;
    padding-bottom: 95px; }
  #s04 .day-block .day-quote {
    font-size: 19px;
    padding: 20px 2%; }
  #s04 .day-block .day-gakubu {
    font-size: 18px;
    width: 230px; }
  #s04 .day-block .day-namae {
    font-size: 18px; }
  #s04 .day-block .triangle-blue,
  #s04 .day-block .triangle-orange {
    font-size: 18px;
    right: 7px; } }

/*  ----------------------------------------------------------------- Section 5    */
#s05 {
  background-image: url("../img/bg2.png");
  padding-top: 50px;
  padding-bottom: 45px; }

#s05 h2 {
  font-size: 20px;
  font-weight: bold; }

#s05 h2 span {
  display: block;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 1.3;
  color: #DCDCDC;
  font-weight: 400;
  padding-right: 15px; }

#s05 p.paragraph {
  font-size: 13px;
  margin-top: 15px;
  padding: 0 0; }

#s05 .step {
  margin: 40px 0 0 0;
  width: 100%; }

#s05 .step h3 {
  display: none; }

#s05 .step p.txt {
  border-bottom: 2px solid black;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  padding: 0px; }

#s05 .step p.number {
  display: inline-block;
  font-size: 23px;
  line-height: 0.3;
  font-weight: bold;
  vertical-align: text-bottom; }

#s05 .step p.number::after {
  content: "▾";
  font-size: 15px;
  position: absolute;
  bottom: 8px;
  left: 48%; }

#s05 .step .step-anchor1:hover p.number::after,
#s05 .step .step-anchor1:active p.number::after {
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }

#s05 .step .step-anchor2:hover p.number::after,
#s05 .step .step-anchor2:active p.number::after {
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }

#s05 .step .step-anchor3:hover p.number::after,
#s05 .step .step-anchor3:active p.number::after {
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }

#s05 .step .step-anchor1 {
  background-image: url(../img/bg3.png);
  float: left;
  display: inline-block;
  width: 36%; }

#s05 .step .step-anchor2 {
  background-image: url(../img/bg3blue.png);
  float: left;
  display: inline-block;
  width: 28%; }

#s05 .step .step-anchor3 {
  background-image: url(../img/bg3pink.png);
  float: right;
  display: inline-block;
  width: 36%; }

#s05 .step .step-anchor1 .right {
  float: right;
  padding: 5px 20px 20px 0;
  position: relative; }

#s05 .step .step-anchor2 .center {
  text-align: center;
  padding: 5px 0 20px 0;
  position: relative; }

#s05 .step .step-anchor3 .left {
  float: left;
  padding: 5px 0 20px 20px;
  position: relative; }

#s05 div.line {
  background-image: url(../img/s05img04.png);
  background-repeat: repeat-x;
  height: 25px;
  margin: 33px 0 20px;
  width: 100%; }

/*  ---------------------------------- STEP 1   */
#s05 .step01 .introduction {
  padding-left: 5%;
  margin: 30px 0 0 0; }

#s05 .step01 .introduction p.txt {
  border-bottom: 2px solid #efe482;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding: 0px; }

#s05 .step01 .introduction p.number {
  display: inline-block;
  font-size: 28px;
  line-height: 0.3;
  font-weight: bold;
  vertical-align: text-bottom; }

#s05 .step01 .introduction h3 {
  color: white;
  font-weight: bold;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  font-size: 40px;
  margin: 5px 0 5px 0; }

#s05 .step01 .introduction .paragraph {
  font-size: 13px;
  margin: 25px 0 45px 0;
  line-height: 2;
  padding: 0 0; }

#s05 .step01 .step-illu {
  margin: 0px auto 35px;
  display: block; }

#s05 .step01 .post-it {
  min-height: 270px;
  max-width: 240px;
  margin-bottom: 30px;
  padding: 15px;
  position: relative;
  z-index: 900; }

#s05 .step01 .resize {
  margin: auto;
  max-width: 270px;
  position: relative;
  padding: 15px; }

#s05 .step01 .shadow {
  background-image: url(../img/bg5.png);
  height: 80%;
  width: 90%;
  z-index: 400;
  position: absolute;
  right: 2px;
  bottom: 33px; }

#s05 .step01 .post-it .tips {
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: -25px;
  left: 0; }

#s05 .step01 .post-it h4 {
  color: white;
  font-size: 16.5px;
  margin: 15px 0;
  text-align: center;
  font-weight: bold; }

#s05 .step01 .post-it p {
  font-size: 13px; }

/*  ---------------------------------- STEP 2    */
#s05 .step02 .introduction {
  padding-left: 5%; }

#s05 .step02 .introduction p.txt {
  border-bottom: 2px solid #efe482;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding: 0px; }

#s05 .step02 .introduction p.number {
  display: inline-block;
  font-size: 28px;
  line-height: 0.3;
  font-weight: bold;
  vertical-align: text-bottom; }

#s05 .step02 .introduction h3 {
  color: white;
  font-weight: bold;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  font-size: 40px;
  margin: 5px 0 5px 0; }

#s05 .step02 .introduction .paragraph {
  font-size: 13px;
  margin: 25px 0 45px 0;
  line-height: 2;
  padding: 0 0; }

#s05 .step02 .step-illu {
  margin: 35px auto;
  display: block; }

#s05 .step02 .post-it {
  min-height: 270px;
  max-width: 240px;
  margin-bottom: 30px;
  padding: 15px;
  position: relative;
  z-index: 900; }

#s05 .step02 .resize {
  margin: auto;
  max-width: 270px;
  position: relative;
  padding: 15px; }

#s05 .step02 .shadow {
  background-image: url(../img/bg5.png);
  height: 80%;
  width: 90%;
  z-index: 400;
  position: absolute;
  right: 2px;
  bottom: 33px; }

#s05 .step02 .post-it .tips {
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: -25px;
  left: 0; }

#s05 .step02 .post-it h4 {
  color: white;
  font-size: 16.5px;
  margin: 15px 0;
  text-align: center;
  font-weight: bold; }

#s05 .step02 .post-it p {
  font-size: 13px;
  line-height: 1.7;
  padding: 0 0 60px 0; }

#s05 .step02 .post-it .button {
  background-color: white;
  border: 1px solid black;
  font-size: 13px;
  text-align: center;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  bottom: 15px;
  left: 50%;
  padding: 5px;
  width: 90%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in; }

#s05 .step02 .post-it .button:hover,
#s05 .step02 .post-it .button:active {
  background-color: black; }

#s05 .step02 .post-it .button:hover a,
#s05 .step02 .post-it .button:active a {
  color: white; }

/*  ---------------------------------- STEP 3    */
#s05 .step03 .introduction {
  padding-left: 5%; }

#s05 .step03 .introduction p.txt {
  border-bottom: 2px solid #efe482;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding: 0px; }

#s05 .step03 .introduction p.number {
  display: inline-block;
  font-size: 28px;
  line-height: 0.3;
  font-weight: bold;
  vertical-align: text-bottom; }

#s05 .step03 .introduction h3 {
  color: white;
  font-weight: bold;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  font-size: 40px;
  margin: 5px 0 5px 0; }

#s05 .step03 .introduction .paragraph {
  font-size: 13px;
  margin: 25px 0 45px 0;
  line-height: 2;
  padding: 0 0; }

#s05 .step03 .step-illu {
  margin: 0px auto 35px;
  display: block; }

#s05 .step03 .post-it {
  min-height: 270px;
  max-width: 240px;
  margin-bottom: 30px;
  padding: 15px;
  position: relative;
  z-index: 900; }

#s05 .step03 .resize {
  margin: auto;
  max-width: 270px;
  position: relative;
  padding: 15px; }

#s05 .step03 .shadow {
  background-image: url(../img/bg5.png);
  height: 80%;
  width: 90%;
  z-index: 400;
  position: absolute;
  right: 2px;
  bottom: 33px; }

#s05 .step03 .post-it .tips {
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: -25px;
  left: 0; }

#s05 .step03 .post-it h4 {
  color: white;
  font-size: 16.5px;
  margin: 15px 0;
  text-align: center;
  font-weight: bold; }

#s05 .step03 .post-it p {
  font-size: 13px; }

/*   SM    */
/*   MD    */
@media (min-width: 768px) {
  #s05 .step01 .introduction {
    padding: 120px 5% 25px;
    margin: 0; }
  #s05 .step02 .introduction {
    padding: 120px 5% 35px; }
  #s05 .step03 .introduction {
    padding: 120px 5% 75px; }
  #s05 .step01 .step-illu {
    margin: 120px auto 35px;
    display: block; }
  #s05 .step02 .step-illu {
    margin: 120px auto 35px;
    display: block; }
  #s05 .step03 .step-illu {
    margin: 120px auto 35px;
    display: block; }
  #s05 .step h3 {
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
    vertical-align: top;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }
  #s05 .step p.txt {
    font-size: 13px; }
  #s05 .step p.number {
    font-size: 25px; }
  #s05 .step h3 {
    display: inline-block;
    font-weight: bold;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }
  #s05 .step .step-anchor1 h3 {
    color: #f2e99b; }
  #s05 .step .step-anchor2 h3 {
    color: #cee9e5; }
  #s05 .step .step-anchor3 h3 {
    color: #db969d; }
  #s05 .step .step-anchor1 .right {
    padding: 5px 25px 12px 0; }
  #s05 .step .step-anchor2 .center {
    padding: 5px 0 12px 0; }
  #s05 .step .step-anchor3 .left {
    padding: 5px 0 12px 25px; }
  #s05 h2 {
    font-size: 40px;
    padding: 10px 0 0 0; }
  #s05 p.paragraph {
    font-size: 18px; }
  #s05 h2 span {
    font-size: 15px; }
  #s05 .step03 .introduction .paragraph,
  #s05 .step02 .introduction .paragraph,
  #s05 .step01 .introduction .paragraph {
    font-size: 18px; }
  #s05 .step01 .introduction h3,
  #s05 .step02 .introduction h3,
  #s05 .step03 .introduction h3 {
    font-size: 70px; }
  #s05 .step01 .introduction p.txt,
  #s05 .step02 .introduction p.txt,
  #s05 .step03 .introduction p.txt {
    font-size: 25px; }
  #s05 .step01 .introduction p.number,
  #s05 .step02 .introduction p.number,
  #s05 .step03 .introduction p.number {
    font-size: 50px; }
  #s05 .step01 .post-it p,
  #s05 .step02 .post-it p,
  #s05 .step03 .post-it p {
    font-size: 14px;
    padding: 0 0 40px; }
  #s05 .step01 .post-it h4,
  #s05 .step02 .post-it h4,
  #s05 .step03 .post-it h4 {
    font-size: 23px;
    font-weight: bold; }
  #s05 .step01 .post-it,
  #s05 .step02 .post-it,
  #s05 .step03 .post-it {
    padding: 20px;
    max-width: none; }
  #s05 .step01 .post-it .tips,
  #s05 .step02 .post-it .tips,
  #s05 .step03 .post-it .tips {
    font-size: 30px;
    top: -38px; }
  #s05 .step01 .resize,
  #s05 .step02 .resize,
  #s05 .step03 .resize {
    max-width: none; } }

/*   LG    */
/*   XL    */
@media (min-width: 1200px) {
  #s05 h2 {
    padding: 35px 0 0 25px; }
  #s05 p.paragraph {
    margin: 0 0 0 25px;
    letter-spacing: 1.6px; }
  #s05 .step h3 {
    line-height: 1.5;
    font-size: 30px; }
  #s05 .step p.number {
    font-size: 26px; }
  #s05 .step p.txt {
    font-size: 13px; }
  #s05 .step01 .post-it .tips,
  #s05 .step02 .post-it .tips,
  #s05 .step03 .post-it .tips {
    font-size: 40px;
    top: -50px; }
  #s05 .step01 .resize,
  #s05 .step02 .resize,
  #s05 .step03 .resize {
    max-width: none; }
  #s05 .step01 .post-it,
  #s05 .step02 .post-it,
  #s05 .step03 .post-it {
    max-width: none; }
  #s05 .step01 .resize,
  #s05 .step02 .resize,
  #s05 .step03 .resize {
    padding: 0;
    margin: 25px auto 60px; }
  #s05 .step01 .shadow,
  #s05 .step02 .shadow,
  #s05 .step03 .shadow {
    height: 98%;
    width: 97%;
    right: -11px;
    bottom: -11px; }
  #s05 .step .step-anchor1,
  #s05 .step .step-anchor3 {
    width: 39%; }
  #s05 .step .step-anchor2 {
    width: 22%; } }

@media (min-width: 1600px) {
  #s05 .step .step-anchor1,
  #s05 .step .step-anchor3 {
    width: 42%; }
  #s05 .step .step-anchor2 {
    width: 16%; } }

/*  ----------------------------------------------------------------- Section 6    */
#s06 {
  background-image: url("../img/bg1.png");
  padding-top: 45px;
  padding-bottom: 60px; }

#s06 h2 img {
  padding: 0 15px;
  margin: 30px auto;
  display: block; }

#s06 .paragraph {
  font-weight: bold;
  font-size: 13px;
  padding: 18px 8%;
  text-align: center; }

#s06 .gakubu-zenbu {
  margin: auto; }

#s06 .gakubu-zenbu .gakubu {
  float: left;
  display: inline-block;
  margin: 5px 1%;
  max-width: 110px; }

#s06 .gakubu-zenbu .gakubu img {
  display: block; }

#s06 .resize {
  position: relative; }

#s06 .resize h3 {
  font-size: 25px;
  line-height: 1.4;
  position: absolute; }

#s06 .resize.hannan-block img {
  display: block;
  margin: 0 auto 20px; }

#s06 .resize.bg-pastel-green {
  margin: 15px 15px 0px 15px;
  padding: 90px 15px 20px 15px; }

#s06 .resize.bg-pink {
  margin: 15px 0px 15px 15px;
  padding: 20px 15px 250px 15px; }

#s06 .resize.bg-grey {
  margin: 15px 15px 15px 15px;
  padding: 250px 15px 20px 15px; }

#s06 .resize.bg-yellow {
  margin: 15px 0px 15px 0px;
  padding: 80px 15px 20px 15px; }

#s06 .resize.bg-green {
  margin: 15px 15px 15px 15px;
  padding: 15px 15px 20px 15px; }

#s06 .resize.bg-green.hannan-block {
  margin: 15px 0px 15px 0px;
  padding: 15px 15px 20px 15px; }

#s06 .resize.bg-green h3 {
  font-weight: bold;
  left: -15px;
  top: -20px; }

#s06 .resize.bg-pastel-green h3 {
  font-weight: bold;
  left: -15px;
  top: -16px; }

#s06 .resize.bg-blue h3 {
  font-weight: bold;
  left: -14px;
  top: 0px; }

#s06 .resize.bg-pink h3 {
  font-weight: bold;
  left: -14px;
  bottom: 11px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; }

#s06 .resize.bg-grey h3 {
  font-weight: bold;
  right: -20px;
  top: 20px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; }

#s06 .resize.bg-yellow h3 {
  font-weight: bold;
  right: -20px;
  top: -15px; }

#s06 .button {
  display: block;
  color: white;
  font-size: 13px;
  letter-spacing: 0px;
  text-align: center;
  padding: 5px 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  width: 100%; }

#s06 .link-box:hover .button-green,
#s06 .link-box:active .button-green {
  cursor: pointer;
  background-color: #01351f; }

#s06 .link-box:hover .button-blue,
#s06 .link-box:active .button-blue {
  background-color: #3a7699;
  cursor: pointer; }

#s06 .link-box:hover .button-orange,
#s06 .link-box:active .button-orange {
  background-color: #c76514;
  cursor: pointer; }

#s06 .link-box:hover .button-yellow,
#s06 .link-box:active .button-yellow {
  background-color: #d28b00;
  cursor: pointer; }

#s06 .link-box:hover .button-pink,
#s06 .link-box:active .button-pink {
  background-color: #b63742;
  cursor: pointer; }

#s06 .link-box:hover .button-pastel-green,
#s06 .link-box:active .button-pastel-green {
  background-color: #6da195;
  cursor: pointer; }

#s06 .link-box:hover .button-pink2,
#s06 .link-box:active .button-pink2 {
  background-color: #832c32;
  cursor: pointer; }

#s06 .link-box:hover .button-grey,
#s06 .link-box:active .button-grey {
  background-color: #929493;
  cursor: pointer; }

#s06 .link-box:hover .button-yellow2,
#s06 .link-box:active .button-yellow2 {
  background-color: #bda02d;
  cursor: pointer; }

#s06 small {
  font-size: 9px;
  text-align: center;
  display: block;
  margin-top: 20px; }

/*   SM    */
@media (min-width: 576px) {
  #s06 .gakubu-zenbu {
    max-width: 308px; }
  #s06 .gakubu-zenbu .gakubu {
    max-width: 147px; }
  #s06 .button {
    font-size: 15px;
    letter-spacing: 0.1px; } }

/*   MD    */
@media (min-width: 768px) {
  #s06 .paragraph {
    font-size: 18px;
    padding: 25px 0 40px; }
  #s06 .resize.bg-pastel-green {
    margin: 15px 15px 0px 15px;
    padding: 200px 25px 20px 25px; }
  #s06 .resize.bg-pink {
    margin: 15px 0px 15px 15px;
    padding: 20px 25px 430px 25px; }
  #s06 .resize.bg-grey {
    margin: 15px 15px 15px 15px;
    padding: 430px 25px 20px 25px; }
  #s06 .resize.bg-yellow {
    margin: 15px 15px 15px 15px;
    padding: 550px 25px 20px 25px; }
  #s06 .resize.bg-green {
    margin: 15px 15px 15px 15px;
    padding: 15px 25px 20px 25px; }
  #s06 .resize.bg-green.hannan-block {
    margin: 15px 15px 15px 15px;
    padding: 20px 25px 20px 25px; }
  #s06 .resize h3 {
    font-size: 35px; }
  #s06 .resize.bg-green h3 {
    left: -15px;
    top: -25px; }
  #s06 .resize.bg-pastel-green h3 {
    left: -15px;
    top: -25px; }
  #s06 .resize.bg-blue h3 {
    left: -14px;
    top: 0px; }
  #s06 .resize.bg-pink h3 {
    left: -14px;
    bottom: -22px;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb; }
  #s06 .resize.bg-grey h3 {
    right: -20px;
    top: 20px; }
  #s06 .resize.bg-yellow h3 {
    right: -20px;
    top: -15px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl; }
  #s06 .gakubu-zenbu {
    margin: auto;
    max-width: 820px;
    padding: 40px 20px 10px; }
  #s06 .gakubu-zenbu .gakubu {
    max-width: 148px;
    margin: 5px 0.5%; }
  #s06 .container-resize {
    padding-right: 30px;
    padding-left: 30px; }
  #s06 small {
    font-size: 13px;
    margin-top: 40px; } }

/*   LG    */
@media (min-width: 992px) {
  #s06 .resize h3 {
    font-size: 50px; }
  #s06 .resize.bg-green h3 {
    left: -30px;
    top: -30px; }
  #s06 .resize.bg-pastel-green h3 {
    left: -30px;
    top: -30px; }
  #s06 .resize.bg-blue h3 {
    left: -30px;
    top: 10px; }
  #s06 .resize.bg-pink h3 {
    left: -14px;
    bottom: -30px;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb; }
  #s06 .resize.bg-grey h3 {
    right: -30px;
    top: 30px; }
  #s06 .resize.bg-yellow h3 {
    right: -30px;
    top: -25px; } }

/*   XL    */
/*  ----------------------------------------------------------------- Remodal    */
.remodal {
  border: 1px solid black;
  padding: 0;
  max-width: 738px; }

.remodal-overlay {
  background: rgba(255, 255, 255, 0.9); }

.remodal-close {
  left: inherit;
  right: 0;
  z-index: 9999; }

.remodal-confirm {
  margin: 50px 0 50px 0;
  background: url("../img/bg6.png"); }

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: url("../img/bg6dark.png"); }

.bt-orange {
  margin: 50px 0 50px 0;
  background: url("../img/bg7.png"); }

.bt-orange:hover,
.bt-orange:focus {
  background: url("../img/bg7dark.png"); }

.remodal-confirm,
.remodal-cancel {
  min-width: 200px; }

.remodal .container-fluid {
  padding-left: 0;
  padding-right: 0; }

.remodal .day-quote {
  font-size: 13px;
  font-weight: bold;
  padding: 35px 2% 13px;
  text-align: center; }

.remodal .day-gakubu {
  color: white;
  display: block;
  margin: 0px auto;
  font-size: 13px;
  padding: 3px 5px;
  text-align: center;
  width: 165px; }

.remodal .day-namae {
  font-size: 13px;
  padding: 9px 10px;
  text-align: center;
  line-height: 1.7; }

.remodal .blue {
  color: #50a0c4; }

.remodal .orange {
  color: #e88b1d; }

.remodal h2 {
  font-size: 40px;
  font-weight: bold;
  margin: 25px 0 5px; }

.remodal h3 {
  font-size: 19px;
  font-weight: bold;
  line-height: 1.9; }

.remodal h3 .blue {
  font-size: 25px;
  line-height: 0;
  font-weight: normal; }

.remodal p {
  text-align: left;
  padding: 0px 0px 0px 40px;
  font-size: 13px;
  line-height: 1.8; }

.remodal p.right {
  text-align: left;
  padding: 0px 35px 0px 0px;
  font-size: 13px;
  line-height: 1.8; }

@media (max-width: 768px) {
  .remodal {
    max-width: 97%; }
  .remodal .day-quote {
    padding: 23px 2% 13px; }
  .remodal h2 {
    font-size: 35px;
    margin: 10px 0 5px; }
  .remodal h3 {
    font-size: 17px;
    line-height: 1.7;
    padding: 0 10px; }
  .remodal p,
  .remodal p.right {
    text-align: left;
    padding: 15px 15px 20px 20px;
    font-size: 13px;
    letter-spacing: 1.3px;
    line-height: 1.8; } }

/*  ----------------------------------------------------------------- Remodal chigai    */
.remodal.chigai {
  max-width: 300px; }

.remodal.chigai .modal-chigai .modal-illu img {
  padding: 20px 0; }

.remodal.chigai .modal-chigai .modal-text h2 {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding: 15px 0; }

.remodal.chigai .modal-chigai .modal-text p {
  text-align: center;
  padding: 5px 10% 30px 10%;
  font-size: 13px;
  line-height: 2; }

.remodal.chigai .modal-chigai .modal-text p.button {
  background-color: white;
  border: 1px solid black;
  display: inline-block;
  font-size: 13px;
  text-align: center;
  margin: 15px 0px 35px;
  padding: 5px;
  vertical-align: bottom;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in; }

.remodal.chigai .modal-chigai .modal-text p.button:hover,
.remodal.chigai .modal-chigai .modal-text p.button:active {
  background-color: black; }

.remodal.chigai .modal-chigai .modal-text p.button:hover a,
.remodal.chigai .modal-chigai .modal-text p.button:active a {
  color: white; }

/*   MD    */
@media (min-width: 768px) {
  .remodal.chigai .modal-chigai .modal-illu img {
    padding: 70px 0; }
  .remodal.chigai .modal-chigai .modal-text h2 {
    font-size: 25px;
    padding: 20px 0; }
  .remodal.chigai {
    max-width: 500px; }
  .remodal.chigai .modal-chigai .modal-text p {
    padding: 5px 12% 80px 10%;
    font-size: 15px; }
  .remodal h3 {
    font-size: 25px; }
  .remodal p.right,
  .remodal p {
    font-size: 15px; }
  .remodal h2 {
    font-size: 49px; }
  .remodal .day-gakubu {
    font-size: 14px;
    width: 200px; }
  .remodal .day-namae {
    font-size: 14px; }
  .remodal .day-quote {
    font-size: 15px; } }

/*  ----------------------------------------------------------------- hamburger    */
.hamburger-box {
  position: relative; }

.hamburger-box ul {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50vh;
  left: 50%; }

.hamburger-box ul li {
  font-size: 15px;
  line-height: 1;
  text-align: center;
  font-weight: normal;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

.hamburger-box ul li.chapter {
  font-size: 15px;
  font-weight: bold;
  line-height: 2.2; }

.hamburger-box ul li.chapter:hover a,
.hamburger-box ul li.chapter:active a {
  color: #efe482;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }

/*   MD    */
.page-top {
  border-radius: 1px;
  display: none;
  position: fixed;
  bottom: 18px;
  right: 18px;
  z-index: 9997;
  border: 1px solid black;
  outline: none;
  background-color: #efe482;
  height: 38px;
  width: 40px;
  opacity: 0.8;
  cursor: pointer; }

.page-top p {
  font-family: 'Montserrat', sans-serif;
  color: black;
  font-size: 15px;
  position: absolute;
  left: 11.5px;
  top: 6px; }

@media (min-width: 768px) {
  .page-top {
    border-radius: 1px;
    display: none;
    position: fixed;
    bottom: 30px;
    right: 50px;
    z-index: 999;
    border: 1px solid black;
    outline: none;
    background-color: #efe482;
    height: 40px;
    width: 150px;
    opacity: 1; }
  .page-top p {
    font-family: 'Montserrat', sans-serif;
    color: black;
    font-size: 15px;
    position: absolute;
    left: 17px;
    top: 7px; } }
</pre></body></html>