/* font */
.g-font-zen {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* overwrite */
.g-area-border {
  border-top: dotted 3px #FBDDC4;
}

.g-h-lg::after {
  background-color: #F3994F;
}

.g-backToTop {
  transition: bottom 0.35s ease;
}

.g-backToTop {
  background-color: #F3994F;
}

.g-t-ll {
  font-size: 26px;
}

@media screen and (max-width: 767px) {
  .g-t-ll {
    font-size: 18px;
  }
}

@media screen and (min-width: 768px) {
  .g-modal_inner {
    width: 1000px;
  }
}
@media screen and (min-width: 760px) and (max-width: 1060px) {
  .g-modal_inner {
    width: 700px;
  }
}

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

.k-btn {
  background-color: #EF857D;
  border-radius: 50px;
  border-color: #EF857D;
  color: #fff;
  transition-property: opacity;
  transition-duration: 0.5s;
}
.k-btn-def {
  background-color: #fff;
  border-radius: 50px;
  border:solid 2px #EF857D;
  color: #EF857D;
  transition-property: opacity;
  transition-duration: 0.5s;
  font-weight: bold;
}


.k-btn-def:hover {
  background-color: #FFFEEE;
}

.k-btn:hover {
  opacity: .8;
}

.k-btn-wide {
  width: 480px;
}

@media screen and (max-width: 767px) {
  .k-btn-wide{
    width: 100%;
  }
}

.k-text-width {
  max-width: 580px;
  margin: 0 auto;
  text-align: left;
}

.k-label-orange {
  padding: 17px 30px;
  background-color: #F3994F;
  border-radius: 20px;
  display: inline-block;
  color: #fff;
  font-weight: bold;
}

.k-label-pink {
  padding: 7px 40px;
  background-color: #EF857D;
  border-radius: 12px;
  display: inline-block;
  color: #fff;
  font-weight: bold;
}

.k-about {
  background-image: url(/elementary/k-2-manabi-qa/assets/img/index/bg_k-2-manabi-qa.png);
  background-repeat: repeat;
  padding-top: 40px;
  padding-bottom: 40px;
}

.k-img-arrow {
  width: 24px;
  height: auto;
}

/* floatingNav */
.floatingNav {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  background: rgb(234, 244, 204, .9);

  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;

  transition:
    transform 0.7s ease,
    opacity 0.7s ease,
    visibility 0.7s;
}

@media screen and (max-width: 767px) {
  .floatingNav {
    padding: 11px 38px;
  }
}

.floatingNav.is-show {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;

  transition:
    transform 0.35s ease,
    opacity 0.35s ease,
    visibility 0.35s;
}
.floatingNav__inner {
  max-width: 1000px;
  margin: 0 auto;
}

.k-img-btn-float {
  display: block;
  width: 100%;
  display: block;
  width: 100%;
  aspect-ratio: 246 / 60;
  background-size: 100% 100%;
  max-width: 246px;
  margin: auto;
}

.k-img-btn-float-01 {
  background-image: url(/elementary/k-2-manabi-qa/assets/img/index/btn_k-2-manabi-qa_01.png);
  background-repeat: no-repeat;
}

.k-img-btn-float-01:hover {
  background-image: url(/elementary/k-2-manabi-qa/assets/img/index/btn_k-2-manabi-qa_01_hover.png);
}

.k-img-btn-float-02 {
  background-image: url(/elementary/k-2-manabi-qa/assets/img/index/btn_k-2-manabi-qa_02.png);
  background-repeat: no-repeat;
}

.k-img-btn-float-02:hover {
  background-image: url(/elementary/k-2-manabi-qa/assets/img/index/btn_k-2-manabi-qa_02_hover.png);
}

.k-img-btn-float-03 {
  background-image: url(/elementary/k-2-manabi-qa/assets/img/index/btn_k-2-manabi-qa_03.png);
  background-repeat: no-repeat;
}

.k-img-btn-float-03:hover {
  background-image: url(/elementary/k-2-manabi-qa/assets/img/index/btn_k-2-manabi-qa_03_hover.png);
}

.k-img-btn-float-04 {
  background-image: url(/elementary/k-2-manabi-qa/assets/img/index/btn_k-2-manabi-qa_04.png);
  background-repeat: no-repeat;
}

.k-img-btn-float-04:hover {
  background-image: url(/elementary/k-2-manabi-qa/assets/img/index/btn_k-2-manabi-qa_04_hover.png);
}

.midashi-block {
  margin-left: -20px;
  margin-right: -20px;
}

@media screen and (max-width: 767px) {
.midashi-block {
  margin-left: -15px;
  margin-right: -15px;
}
}

.textbox {
  border: 4px solid;
  border-radius: 30px;
  padding: 25px 30px;
  background: #FFFEEE;
}
.textbox-border-low {
  border-radius: 20px;
  background-color: #FFF;
}

.textbox-pink {
  border-color: #EF857D;
}
.textbox-orange{
  border-color: #F3994F;
}
.textbox-light-green{
  border-color: #8FC31F;
}
.textbox-green{
  border-color: #00AF84;
}

.k-unit-xl {
  margin-bottom: 120px;
}