@charset "UTF-8";
/* 共有部分
-------------------------------------*/
html {
  font-size: 100%;
}

body {
  font-family: "noto-sans-cjk-jp", "Yu Gothic Medium", "YuGothic", "游ゴシック medium", "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
  line-height: 1.7;
  background: url(../img/footer_cta_bg.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #4D4D4D;
  height: 100vh;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

img {
  width: 100%;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
}

.wrapper {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  background: #fff;
  box-shadow: 10px 10px 25px rgba(170, 138, 102, 0.6);
}
@media (min-width: 779px) {
  .wrapper {
    max-width: 500px;
  }
}

.pc {
  display: block;
}
@media (max-width: 780px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media (max-width: 780px) {
  .sp {
    display: block;
  }
}

section {
  padding: 60px 0;
}

h2 {
  font-size: 23px;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 0.07em;
}
@media (min-width: 779px) {
  h2 {
    font-size: 22px;
  }
}
h2 span {
  display: inline-block;
  font-size: 25px;
  padding-right: 5px;
  padding-left: 5px;
  margin-top: 5px;
  padding: 0 5px 3px;
  letter-spacing: 0.03em;
}
@media (min-width: 779px) {
  h2 span {
    font-size: 28px;
  }
}

/* Fv
-------------------------------------*/
.fv_bg {
  background: url(../img/fv-bg.jpg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  height: 100vh;
}
@media (min-width: 779px) {
  .fv_bg {
    height: 100%;
    padding: 30px 0 50px;
  }
}
.fv h1 {
  padding-top: 50px;
}
@media (min-width: 779px) {
  .fv h1 {
    padding-top: 35px;
  }
}
.fv_list {
  margin: 35px auto 45px;
}
.fv_item {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.04em;
  background: #F8E4D0;
  width: 340px;
  padding: 3px 0;
  color: #008C97;
  margin: 0 auto 15px;
  box-shadow: 5px 5px 10px rgba(0, 141, 151, 0.6431372549);
}
.fv_txt img {
  width: 90%;
}

/* 追従CTA
-------------------------------------*/
#spCta {
  display: none;
}

.cta {
  position: fixed;
  z-index: 100;
  bottom: 10px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  line-height: 1.4;
}
@media (min-width: 779px) {
  .cta {
    max-width: 500px;
  }
}
.cta .btn {
  width: 95%;
  padding: 5px 0 8px;
  border-radius: 15px;
  box-shadow: 0px 5px 10px rgba(78, 78, 78, 0.6666666667);
}
.cta .btn a {
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 1.4;
}
.cta .btn span {
  font-size: 16px;
  display: block;
  letter-spacing: 0.05em;
}
.cta .btn-line {
  background: #06C755;
  text-shadow: 2px 2px 6px rgba(7, 102, 58, 0.8196078431);
}
.cta .btn-line img {
  width: 26px;
  margin-right: 10px;
  vertical-align: middle;
}

/* 留学に興味あるけど
-------------------------------------*/
.problem {
  position: relative;
  padding-top: 0;
  padding-bottom: 40px;
}
.problem_bg {
  background: #EAEAEA;
  padding-bottom: 40px;
  padding-top: 60px;
}
.problem_img_headline {
  margin: 5px auto 10px;
  width: 90%;
}
.problem .wrap {
  padding-right: 4%;
  padding-left: 4%;
}
.problem_img_arrow {
  position: absolute;
  width: 30px;
  bottom: 140px;
  left: 50%;
  transform: translateX(-50%);
}
.problem_txt {
  font-size: 35px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #00AD5D;
  margin-top: 40px;
}
@media (min-width: 779px) {
  .problem_txt {
    font-size: 38px;
  }
}

/* サポート充実で安心
-------------------------------------*/
.support_bg {
  background: #00AD5D;
  padding-right: 8%;
  padding-left: 8%;
}
.support h2 {
  color: #fff;
}
.support h2 span {
  background: #F8E4D0;
  color: #00AD5D;
}
.support_list {
  margin-top: 30px;
}
.support_item {
  background: #fff;
  padding: 20px;
  text-align: left;
  letter-spacing: 0.07em;
  margin-bottom: 15px;
}
.support_item_ttl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto 5px;
  color: #00AD5D;
  letter-spacing: 0.03em;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}
.support_item img {
  width: 50px;
  margin: 0 20px 0 0;
}

/* 完全手数料無料
-------------------------------------*/
.free {
  padding: 0;
}

/* 日本から一番近い英語留学先
-------------------------------------*/
.nearest_bg {
  background: url(../img/nearest-bg.png);
  background-size: 105%;
  background-repeat: no-repeat;
  background-position: top center;
  margin-top: -10px;
  padding: 60px 0;
}
@media (min-width: 779px) {
  .nearest_bg {
    background-size: cover;
  }
}
.nearest h2 span {
  color: #fff;
  background: #008C97;
}
.nearest .nearest_list {
  margin: 40px auto 50px;
  position: relative;
}
.nearest img {
  width: 290px;
  margin-bottom: 10px;
}
.nearest li:first-child img {
  width: 320px;
}
.nearest_item .img {
  box-shadow: 0 8px 10px rgba(53, 138, 144, 0.7607843137);
}
.nearest li:nth-of-type(2) {
  text-align: left;
}
.nearest li:nth-of-type(2) .ttl {
  position: absolute;
  right: 30px;
  width: 200px;
  margin-top: 10px;
}
.nearest li:nth-of-type(3) {
  text-align: right;
  margin-top: 25px;
}
.nearest li:nth-of-type(3) .ttl {
  position: absolute;
  left: 30px;
  width: 200px;
  margin-top: 20px;
}

/* 留学するべき理由
-------------------------------------*/
.reason_bg {
  background: url(../img/item-reason00.png);
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 779px) {
  .reason_bg {
    margin-top: 30px;
    padding-bottom: 60px;
    background-size: 100%;
  }
}
.reason h2 {
  color: #00AD5D;
}
.reason h2 span {
  background: #F8E4D0;
}
.reason .wrap {
  margin: 25px auto;
}

.ic-reason {
  width: 20px;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 5px;
}

.acd-check,
.faq-check {
  display: none;
}

.acd-label,
.faq-label {
  display: block;
  padding: 6px 0 6px 10px;
  position: relative;
  background: #00AD5D;
  color: #fff;
  margin: 0 auto 5px;
  width: 90%;
  letter-spacing: 0.05em;
  text-align: left;
}
.acd-label:after,
.faq-label:after {
  font-size: 20px;
  box-sizing: content-box;
  content: "+";
  display: block;
  padding: 0 10px 7px;
  position: absolute;
  top: 0;
  right: 0;
}

.acd-content,
.faq-content {
  border: 1px solid silver;
  background: #fff;
  border-top: none;
  display: block;
  height: 0;
  opacity: 0;
  padding: 0 20px 7px;
  transition: 0.3s;
  overflow-wrap: break-word;
  width: 90%;
  margin: 0 auto;
}
.acd-content p,
.faq-content p {
  margin: 0 auto;
  text-align: left;
}

.acd-check:checked + .acd-label:after {
  content: "−";
}

.faq-check:checked + .faq-label:after {
  content: "−";
}

.acd-check:checked + .acd-label + .acd-content {
  height: auto;
  opacity: 1;
  padding: 0 15px 15px;
  margin-bottom: 10px;
}

.faq-check:checked + .faq-label + .faq-content {
  height: auto;
  opacity: 1;
  padding: 0 15px 15px;
  margin-bottom: 10px;
}

@media (min-width: 779px) {
  .acd-label {
    font-size: 18px;
  }
  .acd-label:after {
    padding: 3px 15px;
  }
}
/* 安心安全の留学体験
-------------------------------------*/
.point {
  padding-right: 7%;
  padding-left: 7%;
  padding-top: 80px;
  margin-top: 0;
}
.point_bg {
  background: #F8E4D0;
}
.point h2 span {
  background: #008C97;
  color: #fff;
}
.point h3 {
  color: #008C97;
  font-size: 21px;
}
.point_list {
  margin-top: 50px;
}
.point_item {
  margin-bottom: 40px;
}
.point_item_ttl {
  display: flex;
  align-items: center;
  text-align: left;
  font-weight: bold;
  color: #008C97;
  font-size: 21px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  margin-bottom: 15px;
}
.point_item_ttl img {
  width: 60px;
  vertical-align: middle;
  margin-right: 10px;
}
@media (min-width: 779px) {
  .point_item_img {
    margin-bottom: 15px;
  }
}
.point_item_img img {
  box-shadow: 7px 7px 15px rgba(196, 175, 121, 0.7294117647);
}
.point_item_txt {
  text-align: left;
}

/* 価格
-------------------------------------*/
.price {
  position: relative;
}
.price_bg {
  background: url(../img/price-bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.price .item_bg {
  width: 60px;
  position: absolute;
  top: 28px;
  left: 32%;
  transform: translateX(-32%);
}
.price .wrap {
  display: flex;
  flex-direction: column;
  margin: 10px auto;
}
.price_txt {
  background: #F78D26;
  margin: 0 auto 5px;
  display: inline-block;
  padding: 0 8px 2px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.07em;
  font-size: 16px;
  text-shadow: 2px 2px 6px rgba(168, 51, 4, 0.7764705882);
}
.price table {
  width: 90%;
  margin: 0 auto;
  border-collapse: collapse;
  margin-bottom: 8px;
}
.price table th, .price table td {
  border: 3px solid #00AD5D;
  padding: 12px 0;
  font-family: "Yu Gothic Medium", "YuGothic", "游ゴシック medium", "游ゴシック体", sans-serif;
}
.price table th {
  background: #00AD5D;
  color: #fff;
  letter-spacing: 0.07em;
  font-weight: 500;
  width: 100px;
}
.price table td {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: 0.05em;
  background: #fff;
}
.price table td span {
  font-size: 18px;
}
.price .note {
  text-align: left;
  font-size: 12px;
  color: #4e4e4e;
  width: 90%;
  margin: 0 auto;
}

/* 利用した方の声
-------------------------------------*/
.voice {
  position: relative;
  padding-bottom: 10px;
  margin-top: -18px;
}
@media (min-width: 779px) {
  .voice {
    margin-top: 0;
  }
}
.voice h2 span {
  color: #fff;
  background: #00AD5D;
}
.voice .item_bg {
  width: 55px;
  position: absolute;
  top: 48px;
  right: 11%;
}
.voice_list {
  padding-right: 8%;
  padding-left: 8%;
  margin: 50px auto;
}
.voice_item {
  margin-bottom: 40px;
}
.voice_item_ttl {
  font-size: 18px;
  font-weight: bold;
  color: #00AD5D;
  line-height: 1.3;
  letter-spacing: 0.07em;
}
@media (min-width: 779px) {
  .voice_item_ttl {
    font-size: 20px;
  }
}
.voice_item_img {
  margin: 10px auto;
}
.voice_item_img img {
  box-shadow: 5px 5px 15px rgba(164, 166, 165, 0.7294117647);
}
.voice_item_txt {
  font-size: 15px;
  text-align: left;
  letter-spacing: 0.07em;
}

/* 無料カウンセリング毎日開催
-------------------------------------*/
.counseling {
  padding-bottom: 0;
}
.counseling_bg {
  background: rgba(250, 249, 246, 0.837);
}
.counseling .wrap {
  padding-right: 8%;
  padding-left: 8%;
}
.counseling h2 {
  margin-bottom: 10px;
}
.counseling h2 span {
  background: #F78D26;
  color: #fff;
  font-size: 22px;
  text-shadow: 2px 2px 6px rgba(168, 51, 4, 0.7764705882);
}
.counseling .item_img {
  margin: 10px auto;
}
.counseling .item_img img {
  box-shadow: 5px 5px 15px rgba(164, 166, 165, 0.7294117647);
}
.counseling .item_txt {
  text-align: left;
  font-size: 15px;
  letter-spacing: 0.07em;
  margin-bottom: 50px;
}
.counseling .message {
  color: #008C97;
  font-size: 23px;
  font-weight: 800;
  line-height: 1.5;
  margin: 0 auto;
  padding: 50px 0;
  margin-top: -10px;
  background: #fff;
}
@media (min-width: 779px) {
  .counseling .message {
    font-size: 28px;
  }
}

/* リッシュ留学について
-------------------------------------*/
.about {
  padding-top: 10px;
  padding-bottom: 0;
  overflow-x: hidden;
}
.about .item_img01 img {
  width: 102.8%;
}
.about .item_img02 {
  margin: 30px auto;
}
.about .item_img02 img {
  width: 95%;
}

/* よくある質問
-------------------------------------*/
.faq {
  position: relative;
  padding: 10px 0;
}
.faq h2 {
  margin-bottom: 30px;
}
.faq .item_bg {
  width: 60px;
  position: absolute;
  top: -4px;
  left: 18%;
  transform: translateX(-18%);
}
.faq .item_img img {
  width: 35px;
  margin-right: 7px;
}
.faq label {
  display: flex;
  padding: 6px 6px 0;
  margin: 0 auto 45px;
  border-radius: 5px;
}
@media (min-width: 779px) {
  .faq label {
    padding: 12px 12px 6px;
  }
}
.faq .item_txt {
  font-size: 14px;
  line-height: 1.4;
  max-width: 270px;
}
@media (min-width: 779px) {
  .faq .item_txt {
    max-width: 369px;
    font-size: 16px;
  }
}
.faq .faq-content {
  border: 3px solid #00AD5D;
  background: transparent;
  border-radius: 5px;
  border-top: none;
  margin-top: -50px;
}
.faq .faq-content .wrap {
  display: flex;
}
.faq .faq-content .wrap .item_txt {
  font-size: 13px;
  letter-spacing: 0.05em;
}
.faq .faq-check:checked + .faq-label + .faq-content {
  padding: 15px;
}
@media (min-width: 779px) {
  .faq .faq-label:after {
    padding: 13px 13px 7px;
  }
}

/* 留学が人生を変えるきっかけに
-------------------------------------*/
.footer_message {
  padding-bottom: 0;
}

/* footer CTA
-------------------------------------*/
.footer_cta {
  margin-top: -10px;
}
.footer_cta_bg {
  background: url(../img/footer_cta_bg.jpg);
  background-size: 100%;
}
.footer_cta .wrap {
  width: 85%;
  margin: 0 auto;
}
.footer_cta .btn {
  border-radius: 15px;
  padding: 8px 0;
  margin-bottom: 15px;
  box-shadow: 6px 6px 15px rgba(140, 109, 23, 0.7);
}
.footer_cta .btn a {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  line-height: 1.5;
  width: 100%;
  letter-spacing: 0.07em;
  font-size: 20px;
}
.footer_cta .btn span {
  display: block;
  font-size: 14px;
}
.footer_cta .btn-reserve {
  background: #F78D26;
  text-shadow: 2px 2px 6px rgba(168, 51, 4, 0.7764705882);
}
.footer_cta .btn-line {
  background: #06C755;
  text-shadow: 2px 2px 6px rgba(7, 102, 58, 0.8196078431);
}
.footer_cta .btn-line img {
  width: 28px;
  vertical-align: middle;
  margin-right: 10px;
}

/* footer
-------------------------------------*/
footer {
  padding: 30px 0;
}
footer p {
  font-size: 12px;
}/*# sourceMappingURL=style.css.map */