@charset "UTF-8";
/* common
================================================== */
/*
 * media query
**/
/**
 * フォントサイズの可変
 *
 * @param {number} $fontsize 基準となるフォントサイズ
 * @param {number} $basewidth 基準となる幅
 * @param {number} $maxwidth フォントサイズの拡大をとめる幅（未指定時は上限なし）
 * @param {number} $minwidth フォントサイズの縮小をとめる幅（未指定時は下限なし）
 */
@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
}

#header {
  z-index: 5;
}

main.l-main {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  main.l-main {
    overflow: hidden;
    margin-bottom: 0 !important;
  }
}
main .l-container #krs {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  color: #333;
  background: linear-gradient(270deg, rgb(184, 244, 154) 0%, rgb(239, 252, 226) 100%);
  /* http://meyerweb.com/eric/tools/css/reset/
     v2.0 | 20110126
     License: none (public domain)
  */
  /* HTML5 display-role reset for older browsers */
}
main .l-container #krs html,
main .l-container #krs body,
main .l-container #krs div,
main .l-container #krs span,
main .l-container #krs applet,
main .l-container #krs object,
main .l-container #krs iframe,
main .l-container #krs h1,
main .l-container #krs h2,
main .l-container #krs h3,
main .l-container #krs h4,
main .l-container #krs h5,
main .l-container #krs h6,
main .l-container #krs p,
main .l-container #krs blockquote,
main .l-container #krs pre,
main .l-container #krs a,
main .l-container #krs abbr,
main .l-container #krs acronym,
main .l-container #krs address,
main .l-container #krs big,
main .l-container #krs cite,
main .l-container #krs code,
main .l-container #krs del,
main .l-container #krs dfn,
main .l-container #krs em,
main .l-container #krs img,
main .l-container #krs ins,
main .l-container #krs kbd,
main .l-container #krs q,
main .l-container #krs s,
main .l-container #krs samp,
main .l-container #krs small,
main .l-container #krs strike,
main .l-container #krs strong,
main .l-container #krs sub,
main .l-container #krs sup,
main .l-container #krs tt,
main .l-container #krs var,
main .l-container #krs b,
main .l-container #krs u,
main .l-container #krs i,
main .l-container #krs center,
main .l-container #krs dl,
main .l-container #krs dt,
main .l-container #krs dd,
main .l-container #krs ol,
main .l-container #krs ul,
main .l-container #krs li,
main .l-container #krs fieldset,
main .l-container #krs form,
main .l-container #krs label,
main .l-container #krs legend,
main .l-container #krs table,
main .l-container #krs caption,
main .l-container #krs tbody,
main .l-container #krs tfoot,
main .l-container #krs thead,
main .l-container #krs tr,
main .l-container #krs th,
main .l-container #krs td,
main .l-container #krs article,
main .l-container #krs aside,
main .l-container #krs canvas,
main .l-container #krs details,
main .l-container #krs embed,
main .l-container #krs figure,
main .l-container #krs figcaption,
main .l-container #krs footer,
main .l-container #krs header,
main .l-container #krs hgroup,
main .l-container #krs menu,
main .l-container #krs nav,
main .l-container #krs output,
main .l-container #krs ruby,
main .l-container #krs section,
main .l-container #krs summary,
main .l-container #krs time,
main .l-container #krs mark,
main .l-container #krs audio,
main .l-container #krs video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
main .l-container #krs article,
main .l-container #krs aside,
main .l-container #krs details,
main .l-container #krs figcaption,
main .l-container #krs figure,
main .l-container #krs footer,
main .l-container #krs header,
main .l-container #krs hgroup,
main .l-container #krs menu,
main .l-container #krs nav,
main .l-container #krs section {
  display: block;
}
main .l-container #krs body {
  line-height: 1;
}
main .l-container #krs ol,
main .l-container #krs ul {
  list-style: none;
}
main .l-container #krs blockquote,
main .l-container #krs q {
  quotes: none;
}
main .l-container #krs blockquote:before,
main .l-container #krs blockquote:after,
main .l-container #krs q:before,
main .l-container #krs q:after {
  content: "";
  content: none;
}
main .l-container #krs table {
  border-collapse: collapse;
  border-spacing: 0;
}
main .l-container #krs a {
  text-decoration: none;
  color: inherit;
}
main .l-container #krs picture,
main .l-container #krs img {
  display: block;
  width: 100%;
}
main .l-container #krs * {
  box-sizing: border-box;
}
main .l-container #krs .krs-common-ttl {
  text-align: center;
}
main .l-container #krs .krs-common-ttl h2 {
  display: inline-block;
  color: #22913b;
  font-weight: 600;
  position: relative;
  line-height: 1.1;
}
@media screen and (min-width: 769px) {
  main .l-container #krs .krs-common-ttl h2 {
    font-size: 48px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs .krs-common-ttl h2 {
    font-size: 6.4vw;
  }
}
main .l-container #krs .krs-common-ttl h2 > span {
  font-size: 85%;
}
main .l-container #krs .krs-common-ttl h2:before, main .l-container #krs .krs-common-ttl h2:after {
  content: "";
  position: absolute;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/arrow.png);
}
@media screen and (min-width: 769px) {
  main .l-container #krs .krs-common-ttl h2:before, main .l-container #krs .krs-common-ttl h2:after {
    width: 24px;
    height: 20px;
    margin-top: 19px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs .krs-common-ttl h2:before, main .l-container #krs .krs-common-ttl h2:after {
    width: 3.2vw;
    height: 2.6666666667vw;
    margin-top: 2.5333333333vw;
  }
}
main .l-container #krs .krs-common-ttl h2:before {
  left: 0;
  margin-left: -40px;
}
@media screen and (max-width: 768px) {
  main .l-container #krs .krs-common-ttl h2:before {
    margin-left: -5.3333333333vw;
  }
}
main .l-container #krs .krs-common-ttl h2::after {
  right: 0;
  margin-right: -40px;
}
@media screen and (max-width: 768px) {
  main .l-container #krs .krs-common-ttl h2::after {
    margin-right: -5.3333333333vw;
  }
}
main .l-container #krs #krs-kv {
  background: linear-gradient(90deg, rgb(184, 244, 154) 0%, rgb(239, 252, 226) 100%);
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-img p {
    width: 90.0439238653vw;
    font-size: 1.0248901903vw;
    line-height: 1.5714285714;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3.6603221083vw;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-img p {
    padding-left: 7.3333333333vw;
    padding-right: 7.3333333333vw;
    text-align: justify;
    font-size: 2.6666666667vw;
    line-height: 1.5;
    margin-bottom: 8vw;
    margin-top: -5.3333333333vw;
  }
}
main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor {
  overflow: hidden;
}
main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul {
  display: flex;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul {
    justify-content: center;
  }
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li {
    width: 33.3089311859vw;
    margin-right: -0.439238653vw;
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li {
    width: 455px;
  }
}
@media screen and (min-width: 769px) and (max-width: 769px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li {
    width: 256.1456808199px;
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li {
    margin-right: -6px;
  }
}
@media screen and (min-width: 769px) and (max-width: 769px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li {
    margin-right: -3.3777452416px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li {
    width: 34.6666666667vw;
    margin-right: -0.8vw;
  }
}
main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li:last-child {
  margin-right: 0;
}
main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a {
  display: block;
  background-color: #d9f66d;
  border: 1px solid #18913b;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a {
    border-top-right-radius: 1.4641288433vw;
    border-top-left-radius: 1.4641288433vw;
    border-width: 0.439238653vw;
    padding-top: 1.756954612vw;
    padding-bottom: 1.756954612vw;
    transition: opacity 0.3s ease-in-out;
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a {
    border-top-right-radius: 20px;
  }
}
@media screen and (min-width: 769px) and (max-width: 769px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a {
    border-top-right-radius: 11.2591508053px;
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a {
    border-top-left-radius: 20px;
  }
}
@media screen and (min-width: 769px) and (max-width: 769px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a {
    border-top-left-radius: 11.2591508053px;
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a {
    border-width: 6px;
  }
}
@media screen and (min-width: 769px) and (max-width: 769px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a {
    border-width: 3.3777452416px;
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a {
    padding-top: 24px;
  }
}
@media screen and (min-width: 769px) and (max-width: 769px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a {
    padding-top: 13.5109809663px;
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a {
    padding-bottom: 24px;
  }
}
@media screen and (min-width: 769px) and (max-width: 769px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a {
    padding-bottom: 13.5109809663px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a {
    border-top-right-radius: 2.6666666667vw;
    border-top-left-radius: 2.6666666667vw;
    border-width: 0.8vw;
    padding-top: 3.2vw;
    padding-bottom: 1.8666666667vw;
  }
}
main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a picture,
main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a img {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a picture,
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a img {
    width: 25.6222547584vw;
  }
}
@media screen and (min-width: 769px) and (min-width: 1366px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a picture,
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a img {
    width: 350px;
  }
}
@media screen and (min-width: 769px) and (max-width: 769px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a picture,
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a img {
    width: 197.0351390922px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a picture,
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a img {
    width: 28.8vw;
  }
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-kv .krs-kv-wrapper .krs-kv-anchor ul li a:hover {
    opacity: 0.7;
  }
}
main .l-container #krs .krs-inner {
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  main .l-container #krs .krs-inner {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: -1px 32px 23px 15.96px rgba(160, 205, 112, 0.1);
    z-index: 3;
  }
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect01 .krs-sect01-wrapper {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect01 .krs-sect01-wrapper {
    padding-top: 13.3333333333vw;
    padding-bottom: 16vw;
  }
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect01 .krs-sect01-wrapper .krs-sect01-head {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect01 .krs-sect01-wrapper .krs-sect01-head {
    margin-bottom: 9.3333333333vw;
  }
}
main .l-container #krs #krs-sect01 .krs-sect01-wrapper .krs-sect02-movie a {
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect01 .krs-sect01-wrapper .krs-sect02-movie a {
    transition: all 0.2s ease-in-out;
  }
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect01 .krs-sect01-wrapper .krs-sect02-movie a:hover {
    filter: brightness(1.1);
  }
}
main .l-container #krs #krs-sect01 .krs-sect01-wrapper .krs-sect02-movie .movie {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect01 .krs-sect01-wrapper .krs-sect02-movie .movie {
    width: 590px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect01 .krs-sect01-wrapper .krs-sect02-movie .movie {
    width: 78.6666666667vw;
  }
}
main .l-container #krs #krs-sect02 .krs-sect02-wrapper {
  background: linear-gradient(180deg, rgb(223, 255, 206) 0%, rgb(204, 249, 174) 100%);
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect02 .krs-sect02-wrapper {
    padding-top: 100px;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect02 .krs-sect02-wrapper {
    padding-top: 13.3333333333vw;
    padding-bottom: 16vw;
  }
}
main .l-container #krs #krs-sect02 .krs-sect02-wrapper .krs-sect02-content .krs-sect02-content-img {
  margin-left: auto;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect02 .krs-sect02-wrapper .krs-sect02-content .krs-sect02-content-img {
    width: 734px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect02 .krs-sect02-wrapper .krs-sect02-content .krs-sect02-content-img {
    width: 97.8666666667vw;
  }
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect02 .krs-sect02-wrapper .krs-sect02-content .krs-sect02-content-txt {
    padding-left: 60px;
    padding-right: 60px;
    margin-top: 35px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect02 .krs-sect02-wrapper .krs-sect02-content .krs-sect02-content-txt {
    padding-left: 8vw;
    padding-right: 8vw;
    margin-top: 4.6666666667vw;
  }
}
main .l-container #krs #krs-sect02 .krs-sect02-wrapper .krs-sect02-content .krs-sect02-content-txt p {
  line-height: 1.5;
  text-align: justify;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect02 .krs-sect02-wrapper .krs-sect02-content .krs-sect02-content-txt p {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect02 .krs-sect02-wrapper .krs-sect02-content .krs-sect02-content-txt p {
    font-size: 2.6666666667vw;
  }
}
main .l-container #krs #krs-sect03 .krs-sect03-wrapper {
  background-color: #fffef0;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect03 .krs-sect03-wrapper {
    padding-top: 115px;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect03 .krs-sect03-wrapper {
    padding-top: 15.3333333333vw;
    padding-bottom: 16vw;
  }
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-head {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-head {
    margin-bottom: 8vw;
  }
}
main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl {
    width: 626px;
    margin-bottom: 95px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl {
    width: 83.4666666667vw;
    margin-bottom: 12.6666666667vw;
  }
}
main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl dt {
    margin-bottom: -60px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl dt {
    margin-bottom: -8vw;
  }
}
main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl dd {
  background-color: #fff;
  border: 1px solid #fff;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl dd {
    padding-top: 120px;
    padding-bottom: 55px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    border-width: 6px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl dd {
    padding-top: 16vw;
    padding-bottom: 7.3333333333vw;
    border-bottom-left-radius: 5.3333333333vw;
    border-bottom-right-radius: 5.3333333333vw;
    border-width: 0.8vw;
  }
}
main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl dd.green {
  border-color: #18913b;
}
main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl dd.red {
  border-color: #da2c22;
}
main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl dd.orange {
  border-color: #df7406;
}
main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl dd picture,
main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl dd img {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl dd picture,
  main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl dd img {
    width: 572px;
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl dd picture,
  main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl dd img {
    width: 76.2666666667vw;
    margin-bottom: 6vw;
  }
}
main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl dd p {
  color: #333;
  line-height: 1.5;
  text-align: justify;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl dd p {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect03 .krs-sect03-wrapper .krs-sect03-content dl dd p {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
    font-size: 2.6666666667vw;
  }
}
main .l-container #krs #krs-sect04 .krs-sect04-wrapper {
  background: linear-gradient(180deg, rgb(72, 180, 104) 0%, rgb(31, 133, 85) 100%);
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect04 .krs-sect04-wrapper {
    padding-top: 115px;
    padding-bottom: 115px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect04 .krs-sect04-wrapper {
    padding-top: 15.3333333333vw;
    padding-bottom: 15.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect04 .krs-sect04-wrapper .krs-sect04-head {
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect04 .krs-sect04-wrapper .krs-sect04-head {
    margin-bottom: 2.4vw;
  }
}
main .l-container #krs #krs-sect04 .krs-sect04-wrapper .krs-sect04-head h2 {
  color: #fff;
}
main .l-container #krs #krs-sect04 .krs-sect04-wrapper .krs-sect04-head h2:before, main .l-container #krs #krs-sect04 .krs-sect04-wrapper .krs-sect04-head h2:after {
  background-image: url(../img/arrow-white.png);
}
main .l-container #krs #krs-sect04 .krs-sect04-wrapper .krs-sect04-head p {
  font-weight: 500;
  color: #fff;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect04 .krs-sect04-wrapper .krs-sect04-head p {
    margin-top: 30px;
    font-size: 28px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect04 .krs-sect04-wrapper .krs-sect04-head p {
    margin-top: 4vw;
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect04 .krs-sect04-wrapper .krs-sect04-content .krs-sect04-content-img {
    width: 660px;
    margin-left: 40px;
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect04 .krs-sect04-wrapper .krs-sect04-content .krs-sect04-content-img {
    width: 88vw;
    margin-left: 5.3333333333vw;
    margin-bottom: 6.4vw;
  }
}
main .l-container #krs #krs-sect04 .krs-sect04-wrapper .krs-sect04-content .krs-sect04-content-txt p {
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect04 .krs-sect04-wrapper .krs-sect04-content .krs-sect04-content-txt p {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect04 .krs-sect04-wrapper .krs-sect04-content .krs-sect04-content-txt p {
    font-size: 2.4vw;
  }
}
main .l-container #krs #krs-sect05 .krs-sect05-wrapper {
  background: linear-gradient(230deg, rgb(238, 251, 221) 0%, rgb(217, 247, 185) 100%);
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper {
    padding-top: 115px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper {
    padding-top: 15.3333333333vw;
    padding-bottom: 10.6666666667vw;
  }
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-head {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-head {
    margin-bottom: 8vw;
  }
}
main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-icon {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-icon {
    width: 242px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-icon {
    width: 32.2666666667vw;
    margin-bottom: 4vw;
  }
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-graph {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-graph {
    margin-bottom: 5.3333333333vw;
  }
}
main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-graph .krs-sect05-content-graph-img {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-graph .krs-sect05-content-graph-img {
    width: 626px;
    margin-bottom: 17px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-graph .krs-sect05-content-graph-img {
    width: 83.4666666667vw;
    margin-bottom: 2.2666666667vw;
  }
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-graph .krs-sect05-content-graph-txt {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-graph .krs-sect05-content-graph-txt {
    padding-left: 8vw;
    padding-right: 8vw;
  }
}
main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-graph .krs-sect05-content-graph-txt hr {
  border: 1px solid rgba(185, 185, 185, 0.3);
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-graph .krs-sect05-content-graph-txt hr {
    margin-top: 7px;
    margin-bottom: 5px;
    border-width: 1px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-graph .krs-sect05-content-graph-txt hr {
    margin-top: 0.9333333333vw;
    margin-bottom: 0.6666666667vw;
    border-width: 0.1333333333vw;
  }
}
main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-graph .krs-sect05-content-graph-txt p {
  color: #333;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-graph .krs-sect05-content-graph-txt p {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-graph .krs-sect05-content-graph-txt p {
    font-size: 2.6666666667vw;
  }
}
main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-tag {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-tag {
    width: 626px;
    margin-bottom: 75px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-tag {
    width: 83.4666666667vw;
    margin-bottom: 10vw;
  }
}
main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-btn a {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-btn a {
    width: 674px;
    transition: opacity 0.2s ease-in-out;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-btn a {
    width: 89.8666666667vw;
  }
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect05 .krs-sect05-wrapper .krs-sect05-content .krs-sect05-content-btn a:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect06 .krs-sect06-wrapper {
    padding-top: 80px;
    padding-bottom: 75px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect06 .krs-sect06-wrapper {
    padding-top: 10.6666666667vw;
    padding-bottom: 10vw;
  }
}
main .l-container #krs #krs-sect06 .krs-sect06-wrapper .krs-sect06-head {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect06 .krs-sect06-wrapper .krs-sect06-head {
    width: 626px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect06 .krs-sect06-wrapper .krs-sect06-head {
    width: 83.4666666667vw;
    margin-bottom: 5.3333333333vw;
  }
}
main .l-container #krs #krs-sect06 .krs-sect06-wrapper .krs-sect06-content p {
  text-align: center;
  font-weight: 600;
  color: #333;
  letter-spacing: 0.08em;
  line-height: 1.7857142857;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect06 .krs-sect06-wrapper .krs-sect06-content p {
    font-size: 28px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect06 .krs-sect06-wrapper .krs-sect06-content p {
    font-size: 3.7333333333vw;
    margin-bottom: 5.3333333333vw;
  }
}
main .l-container #krs #krs-sect06 .krs-sect06-wrapper .krs-sect06-content a {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect06 .krs-sect06-wrapper .krs-sect06-content a {
    width: 220px;
    transition: opacity 0.2s ease-in-out;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs #krs-sect06 .krs-sect06-wrapper .krs-sect06-content a {
    width: 29.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  main .l-container #krs #krs-sect06 .krs-sect06-wrapper .krs-sect06-content a:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 769px) {
  main .l-container #krs .krs-fix {
    transition: opacity 0.2s ease-in-out;
  }
}
@media screen and (min-width: 769px) and (max-width: 1020px) {
  main .l-container #krs .krs-fix {
    opacity: 0;
  }
}
@media screen and (max-width: 768px) {
  main .l-container #krs .krs-fix {
    display: none;
  }
}
main .l-container #krs .krs-fix .krs-fix-left {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 50%;
  left: 0;
  width: calc(618 * (100vw - 750px) / 2 / 618);
  transform: translateY(-50%);
  margin-top: 86.5px;
}
main .l-container #krs .krs-fix .krs-fix-left img {
  width: 87.3786407767%;
  margin-left: auto;
  margin-right: auto;
}
main .l-container #krs .krs-fix .krs-fix-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 50%;
  right: 0;
  width: calc(618 * (100vw - 750px) / 2 / 618);
  transform: translateY(-50%);
  margin-top: 86.5px;
}
main .l-container #krs .krs-fix .krs-fix-right .product img {
  width: 64.7249190939%;
  margin-left: 10%;
}
main .l-container #krs .krs-fix .krs-fix-right a {
  display: block;
  width: 87.3786407767%;
  margin-left: 7%;
}
@media screen and (min-width: 769px) {
  main .l-container #krs .krs-fix .krs-fix-right a {
    transition: opacity 0.2s ease-in-out;
  }
}
@media screen and (min-width: 769px) {
  main .l-container #krs .krs-fix .krs-fix-right a:hover {
    opacity: 0.7;
  }
}