@charset "UTF-8";
.sm_br {
  display: block;
}
@media screen and (min-width: 768px) {
  .sm_br {
    display: none;
  }
}

.sm_nobr {
  display: none;
}
@media screen and (min-width: 768px) {
  .sm_nobr {
    display: block;
  }
}

.md_br {
  display: block;
}
@media screen and (min-width: 1024px) {
  .md_br {
    display: none;
  }
}

.md_nobr {
  display: none;
}
@media screen and (min-width: 1024px) {
  .md_nobr {
    display: block;
  }
}

.md-only_br {
  display: block;
}
@media screen and (min-width: 768px) {
  .md-only_br {
    display: none;
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  .md-only_br {
    display: block;
  }
}

.lg_br {
  display: block;
}
@media screen and (min-width: 1200px) {
  .lg_br {
    display: none;
  }
}

.lg_nobr {
  display: none;
}
@media screen and (min-width: 1200px) {
  .lg_nobr {
    display: block;
  }
}

.xl_br {
  display: block;
}
@media screen and (min-width: 1904px) {
  .xl_br {
    display: none;
  }
}

.xl_nobr {
  display: none;
}
@media screen and (min-width: 1904px) {
  .xl_nobr {
    display: block;
  }
}

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

.pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .pc {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .c-wrap {
    padding: 20px;
    max-width: 1000px;
    margin: 0 auto;
  }
}

.c-button {
  background: #FFFFFF;
  border: 1px solid #9D9D9D;
  border-radius: 100px;
  color: #9D9D9D;
  font-size: 14px;
  font-weight: bold;
  padding: 12px;
  display: inline-block;
}

#c-header {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  z-index: 20;
}
@media screen and (min-width: 768px) {
  #c-header {
    height: 80px;
    margin-top: -20px;
    position: absolute;
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  #c-header {
    height: auto;
    padding: 10px 0;
    margin-top: 0;
    position: absolute;
  }
}
#c-header .c-wrap {
  height: 13.3333333333vw;
  padding-left: 4%;
  padding-right: 4%;
}
@media screen and (min-width: 1024px) {
  #c-header .c-wrap {
    height: auto;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
}
#c-header .c-wrap .c-logo a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 28px;
}
@media screen and (min-width: 1024px) {
  #c-header .c-wrap .c-logo a {
    justify-content: center;
    gap: 0;
  }
}
#c-header .c-wrap .c-logo a svg {
  max-width: 90px;
  width: 32.2033898305%;
}
@media screen and (min-width: 1024px) {
  #c-header .c-wrap .c-logo a svg {
    max-width: 148px;
    width: 100%;
  }
}
#c-header .c-wrap .c-logo a .logo-label {
  border: 1px solid #9D9D9D;
  border-radius: 100px;
  color: #9D9D9D;
  font-size: 12px;
  font-weight: bold;
  padding: 8px 1.5px;
  white-space: nowrap;
  width: 100px;
  height: 30px;
}
@media screen and (min-width: 1024px) {
  #c-header .c-wrap .c-logo a .logo-label {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
}

.sp-nav .sp-nav-item {
  height: 60px;
}
.sp-nav .sp-nav-item .sp-nav-item-interview {
  font-size: 16px !important;
}
.sp-nav .sp-nav-close {
  max-width: 500px;
  height: 180px;
  margin: 150px auto 0 auto;
  text-align: center;
}
.sp-nav .sp-nav-close > img {
  width: 62px;
  height: 62px;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .sp-nav {
    display: none;
  }
}

.c-header2 {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding: 0 3.44%;
  display: none;
  z-index: 20;
}
.c-header2.is-scroll {
  display: block;
}
@media screen and (min-width: 768px) {
  .c-header2.rower {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
}
.c-header2 .c-wrap {
  padding: 0;
  margin: 0;
  max-width: none;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.c-header2 .c-wrap .c-logo a {
  display: inline-block;
  padding: 14px 0;
}
.c-header2 .c-wrap .c-logo a img {
  max-width: 102px;
  width: 100%;
}
.c-header2 .c-wrap .c-header-nav ul {
  display: flex;
  justify-content: flex-end;
  justify-content: stretch;
  height: 100%;
}
.c-header2 .c-wrap .c-header-nav ul li {
  height: 100%;
  position: relative;
}
.c-header2 .c-wrap .c-header-nav ul li:hover .c-subnavi {
  display: flex;
}
.c-header2 .c-wrap .c-header-nav ul li.c-entry-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 30px;
}
.c-header2 .c-wrap .c-header-nav ul li.c-entry-btn a {
  padding: 8px;
  background: #C65A5A;
  border-radius: 3px;
  color: #fff;
  height: auto;
}
.c-header2 .c-wrap .c-header-nav ul li.c-entry-btn a:hover {
  color: #fff;
}
.c-header2 .c-wrap .c-header-nav ul li.c-entry-btn .current {
  background-color: #C65A5A;
}
.c-header2 .c-wrap .c-header-nav ul li.c-entry-btn .current a {
  background-color: #C65A5A;
}
.c-header2 .c-wrap .c-header-nav ul li .current a {
  background-color: rgba(108, 147, 108, 0.2);
}
.c-header2 .c-wrap .c-header-nav ul li a {
  padding: 0px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.c-header2 .c-wrap .c-header-nav ul li a:hover {
  color: #C65A5A;
}
.c-header2 .c-wrap .c-header-nav ul li .c-subnavi {
  display: none;
  background-color: rgba(108, 147, 108, 0.2);
  position: absolute;
  bottom: -57px;
  left: 0;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
}
.c-header2 .c-wrap .c-header-nav ul li .c-subnavi a {
  display: inline-block;
  padding: 20px;
}
.c-header2 .c-wrap .c-header-nav ul li .c-subnavi.c-subnavi2 {
  justify-content: flex-end;
  right: 0;
  left: inherit;
}

.c-mainvisual {
  height: 280px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .c-mainvisual {
    height: 658px;
    padding-top: 40px;
  }
}
.c-mainvisual .c-popup {
  position: absolute;
  top: 100px;
  right: 20px;
  background-image: url("/assets/images/classic/bg_popup.png");
  width: 160px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: cover;
}
.c-mainvisual .c-popup .c-popup-text {
  position: absolute;
  top: 15px;
  left: 25px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
}
.c-mainvisual .c-popup .c-popup-close {
  position: absolute;
  top: -20px;
  right: -10px;
}
.c-mainvisual.violin {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.c-mainvisual.violin.lazyloaded {
  background-image: url("../images/classic/violin/violin-top-sp.png");
}
@media screen and (min-width: 1024px) {
  .c-mainvisual.violin.lazyloaded {
    background-image: url("../images/classic/violin/violin-top.png");
  }
}
.c-mainvisual.flute {
  background-position: -70px 11px;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .c-mainvisual.flute {
    background-position: center;
  }
}
.c-mainvisual.flute.lazyloaded {
  background-image: url("../images/classic/flute/flute-top-sp.png");
}
@media screen and (min-width: 1024px) {
  .c-mainvisual.flute.lazyloaded {
    background-image: url("../images/classic/flute/flute-top.png");
  }
}
.c-mainvisual.piano {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.c-mainvisual.piano.lazyloaded {
  background-image: url("../images/classic/piano/piano-top-sp.png");
}
@media screen and (min-width: 1024px) {
  .c-mainvisual.piano.lazyloaded {
    background-image: url("../images/classic/piano/piano-top.png");
  }
}
.c-mainvisual.cello {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.c-mainvisual.cello.lazyloaded {
  background-image: url("../images/classic/cello/cello-top-sp.png");
}
@media screen and (min-width: 1024px) {
  .c-mainvisual.cello.lazyloaded {
    background-image: url("../images/classic/cello/cello-top.png");
  }
}
.c-mainvisual .chatch-area {
  text-align: center;
  line-height: 1.5;
  position: relative;
}
.c-mainvisual .chatch-area .chatch-title {
  font-size: 25px;
  font-weight: normal;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .c-mainvisual .chatch-area .chatch-title {
    font-size: 60px;
  }
}
.c-mainvisual .chatch-area .chatch-subtitle {
  font-size: 12px;
}
@media screen and (min-width: 1024px) {
  .c-mainvisual .chatch-area .chatch-subtitle {
    font-size: 30px;
  }
}
.c-mainvisual .panel-area-sp {
  position: absolute;
  bottom: -40px;
  right: 0px;
  left: 100px;
  z-index: 5;
}
@media screen and (min-width: 768px) {
  .c-mainvisual .panel-area-sp {
    right: 50%;
    transform: translate(50%);
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  .c-mainvisual .panel-area-sp {
    display: none;
  }
}
.c-mainvisual .panel-area-sp img {
  max-width: 278px;
  width: 100%;
}
.c-mainvisual .panel-area-wrap {
  display: none;
}
@media screen and (min-width: 1024px) {
  .c-mainvisual .panel-area-wrap {
    display: block;
  }
}
.c-mainvisual .panel-area {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.c-mainvisual .panel-area .circle img {
  max-width: 160px;
  max-height: 160px;
  width: 100%;
  height: 100%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  border-radius: 80px;
}
.c-mainvisual .c-instrument {
  position: absolute;
  bottom: -75px;
  left: -80px;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .c-mainvisual .c-instrument {
    bottom: -145px;
    top: -220px;
    left: 0;
    z-index: 100;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .c-mainvisual .c-instrument {
    bottom: -145px;
    left: -150px; /* -136 -> -250 */
    z-index: 100;
  }
}
.c-mainvisual .c-instrument.flute {
  top: 0;
  bottom: inherit;
  left: -121px;
}
@media screen and (min-width: 1024px) {
  .c-mainvisual .c-instrument.flute {
    top: -558px;
    left: -519px;
    z-index: 100;
  }
}
.c-mainvisual .c-instrument.flute img {
  max-width: 366px;
}
@media screen and (min-width: 1024px) {
  .c-mainvisual .c-instrument.flute img {
    max-width: 1567px;
  }
}
.c-mainvisual .c-instrument.piano {
  top: -53px;
  bottom: inherit;
  left: -130px;
}
@media screen and (min-width: 1024px) {
  .c-mainvisual .c-instrument.piano {
    top: -80px;
    bottom: -153px;
    left: -200px; /* -250 -> -450 */
    z-index: 100;
  }
}
.c-mainvisual .c-instrument.piano img {
  max-width: 245px;
}
@media screen and (min-width: 1024px) {
  .c-mainvisual .c-instrument.piano img {
    max-width: 550px;
  }
}
.c-mainvisual .c-instrument.cello {
  top: 10px;
  bottom: 0;
  left: -65px;
}
@media screen and (min-width: 1024px) {
  .c-mainvisual .c-instrument.cello {
    top: -85px;
    left: -50px; /* -250 -> -450 */
    z-index: 100;
  }
}
.c-mainvisual .c-instrument.cello img {
  max-width: 253px;
}
@media screen and (min-width: 1024px) {
  .c-mainvisual .c-instrument.cello img {
    max-width: 650px;
  }
}
.c-mainvisual .c-instrument img {
  max-width: 266px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .c-mainvisual .c-instrument img {
    max-width: 773px;
  }
}
.c-mainvisual .navi-area-wrap {
  display: none;
}
@media screen and (min-width: 1024px) {
  .c-mainvisual .navi-area-wrap {
    display: block;
  }
}
.c-mainvisual .navi-area {
  transform: translateX(250px); /* 300→150 */
  margin: 20px 0;
}
.c-mainvisual .navi-area ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.5);
  background-blend-mode: screen;
  font-size: 14px;
}
.c-mainvisual .navi-area ul li {
  font-size: 14px;
}
.c-mainvisual .navi-area ul li.entry {
  padding: 5px;
  border-radius: 3px;
  background-color: #C65A5A;
}
.c-mainvisual .navi-area ul li.entry a {
  color: #fff;
}

.c-introduction-area {
  margin: 80px 0 0 0;
}
@media screen and (min-width: 768px) {
  .c-introduction-area {
    display: flex;
    flex-direction: column-reverse;
  }
}

.c-introduction {
  margin: 16px auto;
  padding: 0 20px;
}
@media screen and (min-width: 768px) {
  .c-introduction {
    padding: 0px;
  }
}
@media screen and (min-width: 768px) {
  .c-introduction .c-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 110px;
  }
}
.c-introduction .c-wrap .c-introduction-left {
  display: none;
}
@media screen and (min-width: 768px) {
  .c-introduction .c-wrap .c-introduction-left {
    display: block;
  }
}
.c-introduction .c-wrap .c-introduction-left img {
  max-width: 429px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-introduction .c-wrap .c-introduction-right .c-introduction-title-wrap {
    display: none;
  }
}
.c-introduction .c-wrap .c-introduction-right .c-introduction-title-wrap .c-introduction-title {
  color: #6C936C;
  font-size: 26px;
  margin: 16px auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-introduction .c-wrap .c-introduction-right .c-introduction-title-wrap .c-introduction-title {
    font-weight: bold;
  }
}
.c-introduction .c-wrap .c-introduction-right .c-introduction-contents {
  text-align: center;
  padding-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .c-introduction .c-wrap .c-introduction-right .c-introduction-contents {
    text-align: left;
  }
}
.c-introduction .c-wrap .c-introduction-right .c-introduction-contents p {
  margin: 16px auto;
  color: #222222;
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .c-introduction .c-wrap .c-introduction-right .c-introduction-contents p {
    font-size: 18px;
  }
}
.c-introduction .c-wrap .c-introduction-right .c-introduction-buttons {
  text-align: center;
}
.c-introduction .c-wrap .c-introduction-right .c-introduction-buttons .c-button {
  width: 310px;
  height: 40px;
}
@media screen and (min-width: 768px) {
  .c-introduction .c-wrap .c-introduction-right .c-introduction-buttons .c-button {
    width: 248px;
    height: 30px;
    padding: 8px 11px;
  }
}
@media screen and (min-width: 768px) {
  .c-introduction .c-wrap .c-introduction-right .c-introduction-buttons {
    margin: 70px 0;
    text-align: left;
    width: 240px;
    height: 30px;
    white-space: nowrap;
  }
}

.c-campaign-area .c-wrap {
  position: relative;
}
.c-campaign-area .c-wrap figure img {
  width: 100%;
}
.c-campaign-area .c-wrap .c-closing {
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .c-campaign-area .c-wrap .c-closing {
    top: 71px;
    left: inherit;
    right: 200px;
    transform: translateX(0);
  }
}
.c-campaign-area .c-wrap .c-closing .c-closing-text {
  display: inline;
  font-size: 16px;
  font-weight: bold;
  margin-right: 10px;
}
.c-campaign-area .c-wrap .c-closing .c-timeout {
  display: inline;
  font-size: 22px;
  font-weight: bold;
}
.c-campaign-area .c-wrap .c-campaign-entry {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .c-campaign-area .c-wrap .c-campaign-entry {
    left: inherit;
    bottom: inherit;
    top: 188px;
    right: 155px;
    transform: translateX(0);
  }
}

.c-music-stylist {
  background-image: url("../images/classic/bg_pentatonic.png");
  background-position: top center;
  background-size: auto 44px;
  background-repeat: repeat-x;
}
@media screen and (min-width: 768px) {
  .c-music-stylist {
    margin: 80px 0;
  }
}
@media screen and (min-width: 768px) {
  .c-music-stylist .c-wrap {
    display: flex;
    flex-direction: row-reverse;
    gap: 72px;
  }
}
@media screen and (min-width: 768px) {
  .c-music-stylist .c-wrap .c-innerwrap.right {
    max-width: 50%;
  }
}
.c-music-stylist .c-wrap .c-innerwrap.left .c-section-images {
  position: relative;
}
.c-music-stylist .c-wrap .c-innerwrap.left .c-section-images img {
  position: absolute;
  top: -160px;
  right: 0;
  height: 532px;
  width: 469px;
  object-fit: contain;
}
.c-music-stylist .c-wrap .c-innerwrap header {
  padding: 15px 0;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .c-music-stylist .c-wrap .c-innerwrap header {
    padding: 0 0 15px;
  }
}
.c-music-stylist .c-wrap .c-innerwrap header .c-header-title {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-music-stylist .c-wrap .c-innerwrap header .c-header-title {
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .c-music-stylist .c-wrap .c-innerwrap header .c-header-title.msl {
    margin-top: -5px;
  }
}
.c-music-stylist .c-wrap .c-innerwrap header .c-header-title.msl img {
  position: absolute;
  top: -12px;
  left: 20px;
  width: 28px;
}
@media screen and (min-width: 768px) {
  .c-music-stylist .c-wrap .c-innerwrap header .c-header-title.msl img {
    left: inherit;
    right: 0;
  }
}
@media screen and (min-width: 768px) {
  .c-music-stylist .c-wrap .c-innerwrap .c-section-title-wrap {
    padding: 0;
  }
}
.c-music-stylist .c-wrap .c-innerwrap .c-section-title-wrap .c-section-title {
  color: #478BB5;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-music-stylist .c-wrap .c-innerwrap .c-section-title-wrap .c-section-title {
    text-align: left;
  }
}
.c-music-stylist .c-wrap .c-innerwrap .c-section-contents {
  padding: 0 20px;
  margin: 10px auto 0 auto;
}
@media screen and (min-width: 768px) {
  .c-music-stylist .c-wrap .c-innerwrap .c-section-contents {
    padding: 0;
  }
}
.c-music-stylist .c-wrap .c-innerwrap .c-section-contents p {
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
}
.c-music-stylist .c-wrap .c-innerwrap .c-section-images {
  margin: 20px auto;
}
.c-music-stylist .c-wrap .c-innerwrap .c-section-images img {
  width: 100%;
}
.c-music-stylist .c-wrap .c-innerwrap .c-section-buttons {
  margin: 40px auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-music-stylist .c-wrap .c-innerwrap .c-section-buttons {
    text-align: left;
    width: 290px;
    height: 30px;
    white-space: nowrap;
    display: inline-block;
  }
}
.c-music-stylist .c-wrap .c-innerwrap .c-section-buttons .c-button {
  width: 310px;
  height: 40px;
}

#c-meritHeader {
  margin: 40px 0 20px;
}
#c-meritHeader .c-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
#c-meritHeader .c-wrap .c-title {
  font-size: 30px;
  font-weight: bold;
  color: #C65A5A;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  #c-meritHeader .c-wrap .c-title {
    padding: 70px 0 40px;
  }
}

html {
  scroll-padding-top: 60px;
  scroll-behavior: smooth;
}

.c-merit-top {
  background-image: url("../images/classic/bg_pentatonic.png");
  background-position: top center;
  background-size: auto 44px;
  background-repeat: repeat-x;
}
@media screen and (min-width: 768px) {
  .c-merit-top {
    margin: 80px 0;
  }
}
@media screen and (min-width: 768px) {
  .c-merit-top .c-wrap {
    display: flex;
    flex-direction: row;
    gap: 72px;
  }
}
@media screen and (min-width: 768px) {
  .c-merit-top .c-wrap .c-innerwrap.right {
    max-width: 65%;
  }
}
.c-merit-top .c-wrap .c-innerwrap.left .c-section-images {
  position: relative;
}
.c-merit-top .c-wrap .c-innerwrap.left .c-section-images img {
  position: absolute;
  top: -65px;
  left: 0;
  width: auto;
  height: 480px;
  object-fit: contain;
}
.c-merit-top .c-wrap .c-innerwrap.left .cello img {
  width: 400px;
}
.c-merit-top .c-wrap .c-innerwrap header {
  padding: 15px 0;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .c-merit-top .c-wrap .c-innerwrap header {
    padding: 0 0 15px;
  }
}
.c-merit-top .c-wrap .c-innerwrap header .c-header-title {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-merit-top .c-wrap .c-innerwrap header .c-header-title {
    margin-top: -5px;
  }
}
@media screen and (min-width: 768px) {
  .c-merit-top .c-wrap .c-innerwrap header .c-header-title {
    text-align: left;
  }
}
.c-merit-top .c-wrap .c-innerwrap header .c-header-title.merit img {
  position: absolute;
  top: -12px;
  left: 20px;
  width: 28px;
}
@media screen and (min-width: 768px) {
  .c-merit-top .c-wrap .c-innerwrap header .c-header-title.merit img {
    right: 20px;
    left: unset;
  }
}
.c-merit-top .c-wrap .c-innerwrap .c-section-title-wrap {
  padding: 0 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .c-merit-top .c-wrap .c-innerwrap .c-section-title-wrap {
    padding: 0;
  }
}
.c-merit-top .c-wrap .c-innerwrap .c-section-title-wrap .c-section-title {
  color: #6C936C;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-merit-top .c-wrap .c-innerwrap .c-section-title-wrap .c-section-title {
    text-align: left;
  }
}
.c-merit-top .c-wrap .c-innerwrap .c-section-contents {
  padding: 0 20px;
  margin: 20px auto;
  letter-spacing: 0.1px;
}
@media screen and (min-width: 768px) {
  .c-merit-top .c-wrap .c-innerwrap .c-section-contents {
    padding: 0;
    max-width: 500px;
  }
}
.c-merit-top .c-wrap .c-innerwrap .c-section-contents p {
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
}
.c-merit-top .c-wrap .c-innerwrap .c-navi-merit {
  padding: 0 20px;
  margin: 20px auto;
}
.c-merit-top .c-wrap .c-innerwrap .c-navi-merit ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1px;
}
.c-merit-top .c-wrap .c-innerwrap .c-navi-merit ul li {
  width: calc(33.3333333333% - 1px);
  height: 46px;
  text-align: center;
}
.c-merit-top .c-wrap .c-innerwrap .c-navi-merit ul li a {
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  color: #fff;
  background-color: rgba(108, 147, 108, 0.69);
  background-image: url("./../images/classic/btn-arrow-sp.png");
  background-position: center right 10px;
  background-size: 20px;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  padding-right: 20px;
}
.c-merit-top .c-wrap .c-innerwrap .c-section-images {
  margin: 40px auto 0;
}
@media screen and (min-width: 768px) {
  .c-merit-top .c-wrap .c-innerwrap .c-section-images {
    margin: auto;
  }
}
.c-merit-top .c-wrap .c-innerwrap .c-section-images img {
  width: 100%;
}
.c-merit-top .c-wrap .c-innerwrap .c-section-buttons {
  margin: 40px auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-merit-top .c-wrap .c-innerwrap .c-section-buttons {
    text-align: left;
  }
}
.c-merit-top .c-submenu-merit {
  text-align: center;
  text-align: center;
  z-index: 10;
  position: relative;
  top: 20px;
}
.c-merit-top .c-submenu-merit nav {
  background: #fff;
  border: 1px solid #6C936C;
  border-radius: 100px;
  display: inline-block;
  padding: 20px;
  margin: 0 auto;
}
.c-merit-top .c-submenu-merit nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-merit-top .c-submenu-merit nav ul li a {
  color: #6C936C;
  padding: 10px 30px 10px 10px;
  background-image: url("./../images/classic/arrow.png");
  background-position: center right 10px;
  background-size: 14px 8px;
  background-repeat: no-repeat;
}

.c-merit-area {
  overflow: hidden;
  height: auto;
}
@media screen and (min-width: 768px) {
  .c-merit-area {
    margin-bottom: 200px;
  }
}
.c-merit-area .c-merit {
  padding: 20px 20px 0 20px;
  background-color: #f4faf4;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit {
    border-bottom: 5px solid #FFF;
  }
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit.merit01 .c-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 45px;
  }
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit.merit02 .c-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 45px;
  }
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit.merit03 {
    padding-bottom: 40px;
  }
}
.c-merit-area .c-merit.merit04 {
  padding-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit.merit04 {
    padding-bottom: 0px;
  }
}
.c-merit-area .c-merit.merit05 {
  padding-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit.merit05 {
    padding-bottom: 0px;
  }
}
.c-merit-area .c-merit img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
  }
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col {
    padding: 0;
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col.access {
    border-left: 5px solid #FFF;
  }
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col.independence {
    border-right: 5px solid #FFF;
    padding-right: 30px;
    padding-bottom: 40px;
  }
}
.c-merit-area .c-merit .c-wrap .c-col.lesson-support {
  padding: 0px 0 20px;
}
.c-merit-area .c-merit .c-wrap .c-col.lesson-support .c-merit-image {
  margin: auto;
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-tag {
  background: #6C936C;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col .c-merit-tag {
    text-align: left;
    padding: 5px 20px;
    display: inline-block;
  }
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-title-wrap {
  margin: 10px 0;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col .c-merit-title-wrap {
    margin: 20px 0 20px 55px;
  }
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-title-wrap .c-merit-title {
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
  font-size: 24px;
  white-space: nowrap;
  font-family: "Yu Gothic", YuGothic, "游ゴシック体", sans-serif;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col .c-merit-title-wrap .c-merit-title {
    text-align: left;
    white-space: nowrap;
    font-size: 30px;
  }
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-text {
  margin: 10px 5px;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col .c-merit-text {
    margin: 0 0 20px 55px;
    padding-right: 40px;
  }
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-text p {
  color: #666666;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.1px;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col .c-merit-text p.access-text {
    width: 200px;
  }
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col .c-merit-image {
    margin: 20px 0 20px 50px;
  }
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-buttons {
  margin: 5px auto 40px auto;
  text-align: left;
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-buttons .c-button {
  height: 30px;
  width: 150px;
  padding: 8px 10px;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col .c-merit-buttons {
    margin: 0 0 20px 60px;
  }
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-buttons.independence {
  text-align: center;
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-buttons.independence .c-button {
  width: 250px;
  height: 40px;
  padding: 12.5px;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col .c-merit-buttons.independence .c-button {
    padding: 15px 10px;
    white-space: nowrap;
    width: 216px;
    height: 50px;
    font-size: 16px;
  }
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-image01 {
  margin: 20px;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col .c-merit-image01 {
    margin: 20px 0 0 60px;
  }
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-image01 img {
  width: 100%;
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-image02 {
  margin: 0px;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col .c-merit-image02 {
    transform: translate(73px, -85px) scale(1.25);
  }
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-image02 img {
  width: 100%;
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-image03 {
  margin: 5px;
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-image03 img {
  width: 100%;
}
.c-merit-area .c-merit .c-wrap .c-col.customers {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col.customers {
    width: 38.7%;
  }
}
.c-merit-area .c-merit .c-wrap .c-col.customers-image {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col.customers-image {
    width: 57.2%;
    padding-top: 40px;
  }
}
.c-merit-area .c-merit .c-wrap .c-col .c-employee-set-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col .c-employee-set-wrap {
    padding-right: 60px;
    margin-top: 35px;
  }
}
.c-merit-area .c-merit .c-wrap .c-col .c-employee-set-wrap .c-employee-set {
  max-width: 182px;
  width: 50%;
}
.c-merit-area .c-merit .c-wrap .c-col .c-employee-set-wrap .c-employee-set .c-employee-title {
  border: 2px solid #fff;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 15px 0;
  margin-bottom: 25px;
  text-align: center;
  width: 160px;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col .c-employee-set-wrap .c-employee-set .c-employee-title {
    width: auto;
  }
}
.c-merit-area .c-merit .c-wrap .c-col .c-employee-set-wrap .c-employee-set ul li {
  font-size: 12px;
  position: relative;
  padding-left: 20px;
  line-height: 2;
  font-weight: bold;
}
.c-merit-area .c-merit .c-wrap .c-col .c-employee-set-wrap .c-employee-set ul li::before {
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 100px;
}
.c-merit-area .c-merit .c-wrap .c-col .c-employee-set-wrap .c-employee-set.employee .c-employee-title {
  background-color: #6C936C;
}
.c-merit-area .c-merit .c-wrap .c-col .c-employee-set-wrap .c-employee-set.employee ul li::before {
  background-color: rgba(108, 147, 108, 0.5);
}
.c-merit-area .c-merit .c-wrap .c-col .c-employee-set-wrap .c-employee-set.consignment .c-employee-title {
  background-color: #C65A5A;
}
.c-merit-area .c-merit .c-wrap .c-col .c-employee-set-wrap .c-employee-set.consignment ul li::before {
  background-color: rgba(198, 90, 90, 0.5);
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-text-image {
    margin: -10px 0 0 50px;
  }
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-text-image img {
  max-width: 280px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-text-image img {
    max-width: 557px;
    width: 100%;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-title-group-area {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 60px;
    margin: 0 60px;
  }
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-title-group-area .c-merit-reward-title-group {
  margin: 5px;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-title-group-area .c-merit-reward-title-group {
    margin: 0;
  }
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-title-group-area .c-merit-reward-title-group .c-merit-reward-title {
  color: #C65A5A;
  font-size: 18px;
  display: block;
  font-weight: bold;
  border-bottom: 1px solid #222;
  padding: 10px 0;
  text-align: left;
  line-height: 1.8;
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-title-group-area .c-merit-reward-title-group p {
  line-height: 1.5;
  font-weight: bold;
  padding-top: 10px;
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-title-group-area .c-merit-reward-title-group p sup {
  font-size: 10px;
  vertical-align: top;
  position: relative;
  top: -0.1em;
  transform: scale(0.9);
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-title-group-area .c-merit-reward-title-group small {
  padding-top: 10px;
  font-size: 10px;
  font-weight: bold;
  display: block;
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-sample {
  margin: 20px 5px;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-sample {
    margin: 50px 60px 0 60px;
  }
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-image {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 26px;
    margin: 20px 60px;
  }
}
.c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-image figure {
  margin: 20px 5px 0 5px;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col .c-merit-reward-image figure {
    margin: 0px;
  }
}
.c-merit-area .c-merit .c-wrap .c-col.reward {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col.support .c-merit-text {
    margin: 20px 55px;
  }
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col.support .c-merit-image {
    margin: 40px;
  }
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col.lesson-support-text {
    max-width: 340px;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col.lesson-support {
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-wrap .c-col.lesson-support .c-merit-image {
    margin: 20px 60px 20px 0;
  }
}
.c-merit-area .c-merit .c-merit-interview {
  background-color: #fff;
  padding-top: 15px;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-merit-interview {
    padding: 0px;
    margin: 20px 60px;
    background-color: #fff;
    background-image: url("./../images/classic/bg_pentatonic.png");
    background-position: bottom 45px left;
    background-size: 100% 50px;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 289px;
  }
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-merit-interview .c-merit-interview-title-area {
    max-width: 310px;
  }
}
.c-merit-area .c-merit .c-merit-interview .c-merit-interview-title-area .c-merit-interview-title {
  background-image: url("./../images/classic/bg_pentatonic.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #6C936C;
  font-size: 20px;
  padding: 16px 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-merit-interview .c-merit-interview-title-area .c-merit-interview-title {
    background-image: none;
    font-size: 32px;
    line-height: 1.5;
    padding: 45px 0 10px;
  }
}
.c-merit-area .c-merit .c-merit-interview .c-merit-interview-title-area .c-merit-interview-text {
  margin: 20px;
  font-size: 14px;
  color: #666666;
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-merit-interview .c-merit-interview-title-area .c-merit-interview-text {
    font-size: 14px;
    margin: 20px 15px;
  }
}
.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-merit-interview .c-blog-banner-area {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
  }
}
.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding: 12px;
  margin: 10px 0 20px;
  position: relative;
  max-width: 286px;
}
.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner .c-tape {
  position: absolute;
  top: -14px;
  left: 50%;
  width: 70px;
  height: 22px;
  background: rgba(218, 224, 218, 0.52);
  transform: translateX(-50%);
}
.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner figure {
  position: relative;
}
.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner figure img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  object-position: top;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner figure img {
    height: auto;
  }
}
.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner figure figcaption {
  position: absolute;
  bottom: 33px;
  right: 0;
}
.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner figure figcaption .c-blog-course {
  background-color: #666666;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
  transform: translateX(-14px);
}
.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner figure figcaption .c-blog-name {
  border: 1px solid #666666;
  background-color: #fff;
  color: #222;
  padding: 5px;
  transform: translateX(14px);
}
.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner .c-blog-banner-text {
  font-size: 18px;
  text-align: center;
  line-height: 1.3;
  padding: 10px 0;
  letter-spacing: -2px;
  color: #666666;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner .c-blog-banner-text {
    font-size: 18px;
    padding: 10px 0px 0;
  }
}
.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner .c-read-buttton {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -15px;
  width: 90px;
  height: 24px;
  white-space: nowrap;
}
.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner .c-read-buttton a {
  background: #6C936C;
  border-radius: 100px;
  color: #fff;
  font-size: 12px;
  font-weight: medium;
  padding: 6px 9px 6px 11px;
  white-space: nowrap;
  font-family: "Yu Gothic", YuGothic, "游ゴシック体", sans-serif;
}
.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner .c-read-buttton a::after {
  content: ">";
  margin-left: 3px;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner:first-child {
    transform: translateY(-10px);
  }
}
.c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner:last-child {
  align-self: flex-end;
}
@media screen and (min-width: 768px) {
  .c-merit-area .c-merit .c-merit-interview .c-blog-banner-area .c-blog-banner:last-child {
    transform: translateY(20px);
  }
}

.c-entry-top {
  background-image: url("../images/classic/bg_pentatonic.png");
  background-position: top center;
  background-size: auto 44px;
  background-repeat: repeat-x;
  margin: 40px 0 0;
}
@media screen and (min-width: 768px) {
  .c-entry-top {
    margin: 80px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .c-entry-top .c-wrap {
    display: flex;
    flex-direction: row-reverse;
    gap: 72px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .c-entry-top .c-wrap .c-innerwrap.right {
    max-width: 50%;
  }
}
.c-entry-top .c-wrap .c-innerwrap.left .c-section-images {
  position: relative;
}
.c-entry-top .c-wrap .c-innerwrap.left .c-section-images img {
  position: absolute;
  top: -230px;
  right: -63px;
  width: 493px;
}
.c-entry-top .c-wrap .c-innerwrap.left .c-section-images img.flute {
  top: -135px;
  right: 0;
  width: 541px;
}
.c-entry-top .c-wrap .c-innerwrap.left .c-section-images img.piano {
  top: -120px;
  right: -50px;
  width: 471px;
}
.c-entry-top .c-wrap .c-innerwrap.left .cello img {
  position: absolute;
  top: 10px;
  right: -63px;
  width: 300px;
}
.c-entry-top .c-wrap .c-innerwrap header {
  padding: 15px 0;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .c-entry-top .c-wrap .c-innerwrap header {
    padding: 0 0 15px;
  }
}
.c-entry-top .c-wrap .c-innerwrap header .c-header-title {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-entry-top .c-wrap .c-innerwrap header .c-header-title {
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .c-entry-top .c-wrap .c-innerwrap header .c-header-title.entry-top {
    margin-top: -5px;
  }
}
.c-entry-top .c-wrap .c-innerwrap header .c-header-title.entry-top img {
  position: absolute;
  top: 2px;
  left: 20px;
  width: 38px;
}
@media screen and (min-width: 768px) {
  .c-entry-top .c-wrap .c-innerwrap header .c-header-title.entry-top img {
    left: inherit;
    right: 0;
  }
}
.c-entry-top .c-wrap .c-innerwrap .c-section-title-wrap {
  padding: 0 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .c-entry-top .c-wrap .c-innerwrap .c-section-title-wrap {
    padding: 0;
  }
}
.c-entry-top .c-wrap .c-innerwrap .c-section-title-wrap .c-section-title {
  color: #7A6C93;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  font-size: 24px;
}
@media screen and (min-width: 768px) {
  .c-entry-top .c-wrap .c-innerwrap .c-section-title-wrap .c-section-title {
    text-align: left;
    font-size: 30px;
  }
}
.c-entry-top .c-wrap .c-innerwrap .c-section-contents {
  padding: 0 20px;
  margin: 20px auto;
}
@media screen and (min-width: 768px) {
  .c-entry-top .c-wrap .c-innerwrap .c-section-contents {
    padding: 0;
    width: 500px;
  }
}
.c-entry-top .c-wrap .c-innerwrap .c-section-contents p {
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
}
.c-entry-top .c-wrap .c-innerwrap .c-section-images img {
  width: 100%;
}
.c-entry-top .c-wrap .c-innerwrap .c-section-buttons {
  margin: 40px auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-entry-top .c-wrap .c-innerwrap .c-section-buttons {
    text-align: left;
  }
}

@media screen and (min-width: 768px) {
  .c-jobscription {
    padding-top: 60px;
  }
}
.c-jobscription .c-folding {
  margin-top: 20px;
  min-height: 50px;
  text-align: center;
}
.c-jobscription .c-folding button {
  background-color: #7A6C93;
  width: 200px;
  height: 40px;
  font-size: 20px;
  color: white;
  border-radius: 20px;
  font-weight: bold;
}
.c-jobscription .c-folding.folded {
  display: none;
}
.c-jobscription .c-wrap {
  max-width: 1000px;
  padding: 0;
}
.c-jobscription .c-wrap.folded {
  display: none;
}
.c-jobscription .c-wrap .c-title-wrap {
  background-color: #7A6C93;
}
.c-jobscription .c-wrap .c-title-wrap .c-title {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  height: 60px;
  padding: 15px;
}
.c-jobscription .c-wrap .c-jobscription-about {
  background-color: #EDECEF;
  padding: 20px 20px 0 20px;
}
@media screen and (min-width: 768px) {
  .c-jobscription .c-wrap .c-jobscription-about {
    padding: 20px;
  }
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item {
  padding: 10px 0;
}
@media screen and (min-width: 768px) {
  .c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item {
    max-width: 880px;
    margin: 0 auto 30px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-title {
  background-color: #7A6C93;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 6px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-title {
    background-color: transparent;
    color: #7A6C93;
    width: 16.136%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0px;
    padding-right: 16px;
  }
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents {
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents {
    padding-top: 0;
    width: 90%;
    padding-left: 25px;
    border-left: 3px solid #7A6C93;
  }
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-bold {
  font-weight: bold;
  line-height: 200%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-bold {
    text-align: left;
  }
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-bold-left {
  font-weight: bold;
  line-height: 200%;
  text-align: left;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-bold-left {
    font-size: 16px;
  }
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-note {
  font-size: 12px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-note {
    text-align: left;
    font-size: 14px;
  }
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-note-left {
  font-size: 12px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-note-left {
    font-size: 14px;
  }
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents p {
  line-height: 150%;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents ul {
  list-style: none;
  margin: 15px;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents li {
  position: relative;
  padding-left: 15px;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents li:before {
  content: "";
  position: absolute;
  top: 0.4em;
  left: -15px;
  width: 20px;
  height: 20px;
  background-color: #7A6C93;
  border-radius: 50%;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-lists li::marker {
  color: #7A6C93;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box.tab-pc .c-panel_left {
  width: 25%;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box.tab-pc .c-panel_area {
  padding: 0;
  background-color: #ACA5B7;
  vertical-align: top;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box.tab-pc .c-panel_area .c-tab_panel {
  background-color: transparent;
  margin-top: 40px;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box.tab-pc .c-panel_area .c-tab_panel .c-tab_panel_inner {
  padding: 0;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box.tab-pc .c-panel_area .c-tab_panel .c-tab_panel_inner .c-ac-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box.tab-pc .c-panel_area .c-tab_panel .c-tab_panel_inner .c-ac-inner .c-cource-btn {
  background-color: #fff;
  border-radius: 100px;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  width: 155px;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box.tab-pc .c-btn_area {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: column;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box.tab-pc .c-btn_area .c-tab_btn {
  width: 100%;
  height: 40px;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-btn_area {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_btn {
  width: 25%;
  padding: 0;
  color: #333;
  background: #f5f7f8;
  text-align: center;
  cursor: pointer;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_btn:hover {
  background-color: #dce1e4;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_btn {
  padding: 12px 0;
  border: 1px solid #DAE0DA;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_btn.active {
  background: #ACA5B7;
  color: #fff;
  height: 50px;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-panel_area {
  border: solid 1px #e3ebf3;
  padding: 20px;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_panel {
  display: none;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_panel {
  background-color: #fff;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_panel.active {
  display: block;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_panel .c-tab_panel_inner {
  padding: 5px 10px;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_panel .c-tab_panel_inner .c-tab_panel_title {
  border-bottom: 1px solid #E1E6E1;
  text-align: left;
  padding: 5px 0;
  font-size: 16px;
  font-weight: bold;
  color: #7A6C93;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_panel .c-tab_panel_inner .c-tab_panel_select {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 5px 0;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_panel .c-tab_panel_inner .c-tab_panel_select .c-tab_panel_btn {
  width: 130px;
  background-color: #EDECEF;
  border: 1px solid #DAE0DA;
  border-radius: 100px;
  position: relative;
  padding: 10px;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-tab_box .c-tab_panel .c-tab_panel_inner .c-tab_panel_select .c-tab_panel_btn::after {
  content: ">";
  color: #C65A5A;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion {
  margin: 30px auto;
  max-width: 300px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion {
    margin-top: 0px;
    max-width: none;
  }
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-title {
  cursor: pointer;
  color: #222;
  font-size: 16px;
  padding: 10px 20px;
  border-bottom: 1px solid #eeeeee;
  background-color: #fff;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-title {
    background-color: #ACA5B7;
    color: #fff;
    height: 40px;
  }
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-title::after {
  border-right: solid 2px #eee;
  border-top: solid 2px #eee;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 25px;
  top: 38%;
  transform: rotate(135deg);
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
  width: 8px;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-title.open::after {
  top: 45%;
  transform: rotate(-45deg);
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content {
  display: none;
  padding: 10px;
  background-color: #ACA5B7;
}
@media screen and (min-width: 768px) {
  .c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content {
    padding: 0px;
    background-color: #fff;
  }
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-ac-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-ac-inner .c-cource-btn {
  background-color: #fff;
  border-radius: 100px;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  width: 134px;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td {
  border-collapse: collapse;
  border: 1px solid #eee;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td:first-child {
  width: 14.044%;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td:last-child {
  width: 86.09%;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td .c-acsess-area-title {
  text-align: center;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td .c-acsess-studio .c-acsess-studio-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px 20px;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td .c-acsess-studio .c-acsess-studio-inner .c-tab_panel_btn {
  width: 130px;
  background-color: #FFF;
  border: 1px solid #DAE0DA;
  border-radius: 100px;
  position: relative;
  padding: 8px;
  height: 34px;
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item .c-item-contents .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td .c-acsess-studio .c-acsess-studio-inner .c-tab_panel_btn::after {
  content: ">";
  color: #C65A5A;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item-image {
  margin: 20px 0;
}
@media screen and (min-width: 768px) {
  .c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item-image {
    max-width: 880px;
    margin: 20px auto;
  }
}
@media screen and (min-width: 768px) {
  .c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item-image.process {
    max-width: 1000px;
  }
}
.c-jobscription .c-wrap .c-jobscription-about .c-about-wrap .c-item-image img {
  width: 100%;
}

.c-eys-business {
  background-image: url("../images/classic/bg_pentatonic.png");
  background-position: top center;
  background-size: auto 50px;
  background-repeat: repeat-x;
  margin: 80px 0;
}
.c-eys-business .c-wrap header {
  padding: 15px 0;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .c-eys-business .c-wrap header {
    padding: 0 0 15px;
  }
}
.c-eys-business .c-wrap header .c-header-title {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  text-align: left;
}
.c-eys-business .c-wrap header .c-header-title.business {
  margin-left: 20px;
}
@media screen and (min-width: 768px) {
  .c-eys-business .c-wrap header .c-header-title.business {
    margin-left: 0px;
  }
}
.c-eys-business .c-wrap header .c-header-title.business img {
  position: absolute;
  top: 0px;
  right: 20px;
  width: 28px;
}
.c-eys-business .c-wrap header .c-header-title.service img {
  position: absolute;
  top: -6px;
  right: 20px;
  width: 28px;
}
.c-eys-business .c-wrap .c-section-title-wrap {
  padding: 0 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .c-eys-business .c-wrap .c-section-title-wrap {
    padding: 0;
  }
}
.c-eys-business .c-wrap .c-section-title-wrap .c-section-title {
  color: #222;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .c-eys-business .c-wrap .c-section-title-wrap .c-section-title {
    text-align: left;
    font-size: 30px;
  }
}
.c-eys-business .c-wrap .c-section-contents {
  padding: 0 20px;
  margin: 20px auto;
}
@media screen and (min-width: 768px) {
  .c-eys-business .c-wrap .c-section-contents {
    padding: 0;
  }
}
.c-eys-business .c-wrap .c-section-contents p {
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
}
.c-eys-business .c-wrap .c-brand-area .brand-list {
  display: grid;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "first second" "third forth" "fifth sixth" "seventh seventh" "eighth eighth";
  gap: 10px 15px;
}
.c-eys-business .c-wrap .c-brand-area .brand-list li a {
  display: inline-block;
}
.c-eys-business .c-wrap .c-brand-area .brand-list li a img {
  width: 100%;
}
.c-eys-business .c-wrap .c-brand-area .brand-list li:nth-child(7) {
  grid-area: seventh;
}
.c-eys-business .c-wrap .c-brand-area .brand-list li:nth-child(8) {
  grid-area: eighth;
}
.c-eys-business .c-wrap .c-brand-area .brand-list li:nth-child(8) img {
  width: 95%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .c-eys-business .c-wrap .c-brand-area .brand-list li:nth-child(8) img {
    width: 100%;
  }
}
.c-eys-business .c-wrap .c-brand-area .service-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(auto, 1fr));
}
@media screen and (min-width: 768px) {
  .c-eys-business .c-wrap .c-brand-area .service-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.c-eys-business .c-wrap .c-brand-area .service-list li {
  margin: auto;
}
.c-eys-business .c-wrap .c-brand-area .service-list li a {
  display: inline-block;
}
.c-eys-business .c-wrap .c-brand-area .service-list li a img {
  width: 100%;
}

.c-entry .c-wrap {
  max-width: none;
  padding: 0;
}
.c-entry .c-wrap .c-title-wrap {
  height: 60px;
  background-color: #C65A5A;
  padding: 15px;
}
.c-entry .c-wrap .c-title-wrap .c-title {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.c-entry .c-wrap .c-entry-form {
  background-color: #F5ECEC;
  padding: 30px 0 80px 0;
}
.c-entry .c-wrap .c-entry-form .c-entry-form-content .c-inserted .c-footerList .wrap-inner {
  padding: 0;
}
.c-entry .c-wrap .c-entry-form .c-entry-form-content .c-inserted .contract .wrap-inner {
  padding: 0;
}
.c-entry .c-wrap .c-entry-form .c-entry-form-content .entry-form {
  padding: 20px !important;
}

.c-select-title {
  text-align: left;
  font-size: 30px;
  font-weight: bold;
  padding-top: 65px;
  padding-bottom: 0px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  color: #C65A5A;
}
.c-select-title.schedule small {
  display: block;
  margin: 10px 0;
}
.c-select-title small {
  display: inline-block;
  font-size: 14px;
  color: #222;
}
.c-select-title small::before {
  width: 10px;
  height: 10px;
  margin-right: 5px;
  content: "";
  display: inline-block;
  border-radius: 50%;
  background-color: #c00;
  flex-shrink: 0;
  letter-spacing: 0;
  font-size: 0;
}

.c-select-title-image {
  margin: 0 auto 40px auto;
}

.c-select-title-image-1 {
  margin: 30px auto;
}

.wrap-inner.schedule {
  margin-top: 30px;
  padding: 0;
}

.c-entry #schedule img.top-illustration {
  display: none;
}

#c-titleHeader {
  height: 140px;
  background-image: url("../images/classic/interview/key_visual_sp.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #c-titleHeader {
    background-image: url("../images/classic/interview/key_visual.png");
    background-size: 1366px 310px;
    height: 310px;
  }
}
#c-titleHeader .c-wrap .c-title {
  font-size: 24px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #c-titleHeader .c-wrap .c-title {
    font-size: 40px;
  }
}

.c-interview-wrap .wrap .head picture {
  width: 90%;
  margin: -80px auto 0;
  padding: 11px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .c-interview-wrap .wrap .head picture {
    max-width: 1000px;
    margin: -100px auto 0;
  }
}
.c-interview-wrap .wrap .head .box {
  background: #DAE0DA;
  width: 80%;
  margin: -60px 0 0 auto;
  border-radius: 20px 0 0 0;
  padding: 15px 20px 20px;
}
.c-interview-wrap .wrap .head .box h2 span {
  max-width: 640px;
}
.c-interview-wrap .wrap .head .box h2 span:nth-of-type(1) {
  position: absolute;
  top: -22px;
  right: 25px;
}
@media screen and (min-width: 768px) {
  .c-interview-wrap .wrap .head .box h2 span:nth-of-type(1) {
    top: -36px !important;
    left: -386px !important;
  }
}
@media screen and (min-width: 768px) {
  .c-interview-wrap .wrap .head .box h2 span:nth-of-type(1) img {
    height: 262px !important;
  }
}
.c-interview-wrap .wrap .head .box h2 span:nth-of-type(2) {
  color: #6C936C;
}
@media screen and (min-width: 768px) {
  .c-interview-wrap .wrap .head .box h2 span:nth-of-type(2) {
    font-size: 30px !important;
    margin-bottom: 60px;
  }
}
.c-interview-wrap .wrap .head .box h3 span:nth-of-type(1) {
  color: #222;
}
@media screen and (min-width: 768px) {
  .c-interview-wrap .wrap .head .box h3 span:nth-of-type(1) {
    margin-bottom: 20px;
  }
}
.c-interview-wrap .wrap ul li h3 {
  color: #6C936C;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-interview-wrap .wrap ul li h3 {
    text-align: left;
  }
}

.c-process .c-wrap {
  padding: 20px 20px 40px 20px;
}
@media screen and (min-width: 768px) {
  .c-process .c-wrap {
    padding: 40px 0;
  }
}
.c-process .c-wrap .c-item-image img {
  width: 100%;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .c-member-wrap.c-member-top.lazyloaded {
    background-size: contain !important;
    background-position-y: 200px !important;
  }
}
.c-member-wrap.lazyloaded {
  background-image: url("./../images/classic/interview/bg.png") !important;
  background-size: auto 100px !important;
  background-position-y: 280px !important;
}
@media screen and (min-width: 768px) {
  .c-member-wrap.lazyloaded {
    background-size: 1366px 300px !important;
    background-position-y: 300px !important;
  }
}
.c-member-wrap .wrap-inner {
  padding-top: 0 !important;
}
.c-member-wrap .wrap-inner .c-more-intervire {
  margin-bottom: 14px;
}
@media screen and (min-width: 768px) {
  .c-member-wrap .wrap-inner .c-more-intervire {
    margin-bottom: 44px;
  }
}
.c-member-wrap .wrap-inner .c-more-intervire img {
  width: 70%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .c-member-wrap .wrap-inner .c-more-intervire img {
    width: 100%;
    max-width: 268px;
  }
}
.c-member-wrap .wrap-inner .title01 span {
  color: #6C936C;
  font-size: 30px;
}
.c-member-wrap .wrap-inner .title01::after {
  background-image: none !important;
}

.c-member-lists {
  background-color: #fff;
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .c-member-lists {
    padding: 50px;
  }
}
.c-member-lists.lists-top {
  margin-top: 100px !important;
}
@media screen and (min-width: 768px) {
  .c-member-lists li {
    width: 100% !important;
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  .c-member-lists li {
    width: 420px !important;
  }
}
.c-member-lists li a picture {
  background-color: #fff;
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .c-member-lists li a picture {
    padding: 0;
  }
}
.c-member-lists li a .box.c-box {
  width: 82% !important;
  padding: 10px !important;
  margin: -30px 10px 10px !important;
  background-image: none !important;
}
.c-member-lists li a .box.c-box h3 {
  color: #6C936C !important;
  font-size: 20px !important;
}
.c-member-lists li a .box.c-box p {
  font-size: 16px !important;
}
.c-member-lists li:nth-of-type(odd) a .box.c-box {
  border-radius: 20px 0 0 0;
  padding: 10px 0 10px 16px !important;
  margin: -30px 10px 10px auto !important;
}
.c-member-lists li:nth-of-type(even) a .box.c-box {
  border-radius: 0px 20px 0 0;
}
@media screen and (min-width: 768px) {
  .c-member-lists li:nth-of-type(even) a .box.c-box {
    border-radius: 20px 0 0 0;
    padding: 10px 0 10px 16px !important;
    margin: -30px 10px 10px auto !important;
  }
}

@media screen and (min-width: 768px) {
  #c-linkMessage .c-wrap {
    max-width: inherit;
    padding: 0;
  }
}
#c-linkMessage .c-wrap .linkMessage-header {
  margin: 30px auto;
}
#c-linkMessage .c-wrap .linkMessage-header .c-message-logo {
  text-align: center;
}
#c-linkMessage .c-wrap .linkMessage-header .c-message-logo img {
  max-width: 167px;
  width: 100%;
}
#c-linkMessage .c-wrap .linkMessage-header h3 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #6C936C;
}
#c-linkMessage .c-wrap .bg-pc img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
#c-linkMessage .c-wrap .c-linkMessage-contents {
  background-image: url("../images/classic/interview/bg_message.png");
  background-position: top left;
  background-size: auto 100px;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #c-linkMessage .c-wrap .c-linkMessage-contents {
    background-image: none;
    margin-top: -200px;
  }
}
#c-linkMessage .c-wrap .c-linkMessage-contents .inner-wrap {
  width: 89.3%;
  margin: 0 auto;
  padding-top: 50px;
}
@media screen and (min-width: 768px) {
  #c-linkMessage .c-wrap .c-linkMessage-contents .inner-wrap {
    max-width: 1000px;
    width: 100%;
    padding: 50px;
    background: #fff;
    position: relative;
  }
}
#c-linkMessage .c-wrap .c-linkMessage-contents .inner-wrap .c-card {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  #c-linkMessage .c-wrap .c-linkMessage-contents .inner-wrap .c-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #c-linkMessage .c-wrap .c-linkMessage-contents .inner-wrap .c-card:first-child {
    flex-direction: row-reverse;
  }
  #c-linkMessage .c-wrap .c-linkMessage-contents .inner-wrap .c-card:first-child figure::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to right, white 0, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  }
  #c-linkMessage .c-wrap .c-linkMessage-contents .inner-wrap .c-card:last-child figure::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(to left, white 0, rgba(255, 255, 255, 0.5) 15%, rgba(255, 255, 255, 0.25) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  }
  #c-linkMessage .c-wrap .c-linkMessage-contents .inner-wrap .c-card:last-child .c-prof-area {
    margin-right: 80px;
  }
}
#c-linkMessage .c-wrap .c-linkMessage-contents .inner-wrap .c-card figure {
  padding: 10px;
  background: white;
  margin-bottom: 20px;
  position: relative;
}
@media screen and (min-width: 768px) {
  #c-linkMessage .c-wrap .c-linkMessage-contents .inner-wrap .c-card figure {
    padding: 0;
    margin-bottom: 0;
  }
}
#c-linkMessage .c-wrap .c-linkMessage-contents .inner-wrap .c-card figure img {
  width: 100%;
  height: 170px;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  #c-linkMessage .c-wrap .c-linkMessage-contents .inner-wrap .c-card figure img {
    height: auto;
  }
}
#c-linkMessage .c-wrap .c-linkMessage-contents .inner-wrap .c-card .c-prof-area {
  padding: 10px;
  text-align: center;
}
#c-linkMessage .c-wrap .c-linkMessage-contents .inner-wrap .c-card .c-prof-area .c-card-message {
  font-size: 24px;
  font-weight: bold;
  color: #9D9D9D;
  margin: 20px auto;
}
@media screen and (min-width: 768px) {
  #c-linkMessage .c-wrap .c-linkMessage-contents .inner-wrap .c-card .c-prof-area .c-card-message {
    font-weight: normal;
    line-height: 1.5;
  }
}
#c-linkMessage .c-wrap .c-linkMessage-contents .inner-wrap .c-card .c-prof-area .c-prof {
  margin: 30px auto;
}
#c-linkMessage .c-wrap .c-linkMessage-contents .inner-wrap .c-card .c-prof-area .c-prof .c-name {
  font-size: 26px;
  font-weight: bold;
  margin: 30px 0;
}
#c-linkMessage .c-wrap .c-linkMessage-contents .inner-wrap .c-card .c-prof-area .c-prof .c-post {
  line-height: 1.5;
  font-size: 13px;
  font-weight: bold;
}
#c-linkMessage .c-wrap .c-linkMessage-contents .inner-wrap .c-card .c-prof-area .c-btn-area .c-button {
  width: 136px;
  height: 30px;
  font-size: 14px;
  padding: 7.5px;
}

.c-popup {
  position: absolute;
  z-index: 1;
  top: 180px;
  right: 40px;
  background-image: url("/assets/images/classic/bg_popup.png");
  width: 160px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: cover;
}
.c-popup .c-popup-text {
  position: absolute;
  top: 15px;
  left: 25px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
}
.c-popup .c-popup-close {
  position: absolute;
  top: -20px;
  right: -10px;
}

.c-interview {
  margin: 40px 0 0;
  padding: 20px 0;
  background-color: rgba(108, 147, 108, 0.3);
}
@media screen and (min-width: 768px) {
  .c-interview {
    margin: 80px 0 0;
  }
}
.c-interview .c-wrap .c-interview-header .c-interview-header-logo {
  text-align: center;
}
.c-interview .c-wrap .c-interview-header .c-interview-header-logo img {
  max-width: 214px;
  width: 100%;
}
.c-interview .c-wrap .c-interview-header .c-interview-header-subtitle {
  background-color: #6C936C;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}
@media screen and (min-width: 768px) {
  .c-interview .c-wrap .c-interview-area {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row-reverse;
    gap: 40px;
  }
}
@media screen and (min-width: 768px) {
  .c-interview .c-wrap .c-interview-area .c-interview-img {
    width: 445px;
    height: 438px;
    flex: 1;
  }
}
.c-interview .c-wrap .c-interview-area .c-interview-img img {
  width: 100%;
  border-radius: 40px 0 0 0;
}
@media screen and (min-width: 768px) {
  .c-interview .c-wrap .c-interview-area .c-interview-img img {
    height: 100%;
    object-fit: cover;
  }
}
.c-interview .c-wrap .c-interview-area .c-interview-contents {
  position: relative;
  flex: 1;
}
.c-interview .c-wrap .c-interview-area .c-interview-contents .c-interview-contents-logo {
  position: absolute;
  left: -10px;
  top: -90px;
}
.c-interview .c-wrap .c-interview-area .c-interview-contents .c-interview-contents-logo > img {
  width: 234px;
  height: 132px;
}
.c-interview .c-wrap .c-interview-area .c-interview-contents .small-head {
  text-align: right;
}
.c-interview .c-wrap .c-interview-area .c-interview-contents .c-interview-contents-title {
  text-align: center;
  margin: 20px 0;
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .c-interview .c-wrap .c-interview-area .c-interview-contents .c-interview-contents-title {
    margin: 0px 0;
    padding: 0;
  }
}
.c-interview .c-wrap .c-interview-area .c-interview-contents .c-interview-contents-title h3 {
  color: #6C936C;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .c-interview .c-wrap .c-interview-area .c-interview-contents .c-interview-contents-title h3 {
    text-align: right;
  }
}
.c-interview .c-wrap .c-interview-area .c-interview-contents .c-interview-names {
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .c-interview .c-wrap .c-interview-area .c-interview-contents .c-interview-names {
    padding: 0;
  }
}
.c-interview .c-wrap .c-interview-area .c-interview-contents .c-interview-names span {
  display: block;
  margin: 10px auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-interview .c-wrap .c-interview-area .c-interview-contents .c-interview-names span {
    text-align: right;
  }
}
.c-interview .c-wrap .c-interview-area .c-interview-contents .c-interview-names span.msl {
  font-size: 16px;
  font-weight: bold;
}
.c-interview .c-wrap .c-interview-area .c-interview-contents .c-interview-names span.name {
  font-size: 24px;
  font-weight: bold;
}
.c-interview .c-wrap .c-interview-area .c-interview-contents .c-interview-text {
  padding: 10px;
  margin: 20px 10px;
  line-height: 1.8;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .c-interview .c-wrap .c-interview-area .c-interview-contents .c-interview-text {
    padding: 0px;
  }
}
.c-interview .c-wrap .c-interview-area .c-interview-contents .c-interview-buttons {
  text-align: center;
  margin: 20px;
}
@media screen and (min-width: 768px) {
  .c-interview .c-wrap .c-interview-area .c-interview-contents .c-interview-buttons {
    text-align: right;
  }
}
.c-interview .c-wrap .c-interview-area .c-interview-contents .c-interview-buttons .c-button {
  width: 160px;
  height: 40px;
}
@media screen and (min-width: 768px) {
  .c-interview .c-wrap .c-interview-area .c-interview-contents .c-interview-buttons .c-button {
    width: 94px;
    height: 30px;
    font-size: 14px;
    padding: 7.5px 10px;
  }
}

.c-more-interview {
  background-color: #F4FAF4;
  height: 402px;
}
.c-more-interview .c-wrap {
  max-width: 1050px;
  text-align: center;
}
.c-more-interview .c-wrap header {
  text-align: center;
  padding-bottom: 20px;
  padding-top: 20px;
}
.c-more-interview .c-wrap header img {
  width: 248px;
  object-fit: contain;
}
.c-more-interview .c-wrap .c-members {
  position: relative;
}
.c-more-interview .c-wrap .c-members .slide-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
.c-more-interview .c-wrap .c-members .slide-arrow.prev-arrow {
  left: 0;
}
@media screen and (min-width: 768px) {
  .c-more-interview .c-wrap .c-members .slide-arrow.prev-arrow {
    left: -40px;
  }
}
.c-more-interview .c-wrap .c-members .slide-arrow.next-arrow {
  right: 0;
}
@media screen and (min-width: 768px) {
  .c-more-interview .c-wrap .c-members .slide-arrow.next-arrow {
    right: -40px;
  }
}
.c-more-interview .c-wrap .c-members .c-members-card {
  text-align: left;
  max-width: 235px;
}
.c-more-interview .c-wrap .c-members .c-members-card .c-members-card-inner {
  width: 235px;
}
.c-more-interview .c-wrap .c-members .c-members-card .c-members-card-inner a {
  width: 235px;
  display: block;
  border-radius: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .c-more-interview .c-wrap .c-members .c-members-card .c-members-card-inner a {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }
}
.c-more-interview .c-wrap .c-members .c-members-card .c-members-card-inner a .c-members-img {
  width: 100%;
  border-radius: 20px 20px 0;
}
.c-more-interview .c-wrap .c-members .c-members-card .c-members-card-inner a .c-members-img img {
  border-radius: 20px 20px 0 0;
  width: 100%;
  height: 132px;
  object-fit: cover;
  max-width: inherit;
}
.c-more-interview .c-wrap .c-members .c-members-card .c-members-card-inner a .c-members-card-content {
  width: 235px;
  height: 110px;
}
.c-more-interview .c-wrap .c-members .c-members-card .c-members-card-inner a .c-members-card-content .c-members-title {
  margin: 25px 10px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-more-interview .c-wrap .c-members .c-members-card .c-members-card-inner a .c-members-card-content .c-members-title .c-members-course {
  font-size: 14px;
  color: #999999;
}
.c-more-interview .c-wrap .c-members .c-members-card .c-members-card-inner a .c-members-card-content .c-members-title .c-members-name {
  font-size: 16px;
  color: #222;
}
.c-more-interview .c-wrap .c-members .c-members-card .c-members-card-inner a .c-members-card-content .c-members-text {
  margin: 10px;
  height: 80px;
}
.c-more-interview .c-wrap .c-members .c-members-card .c-members-card-inner a .c-members-card-content .c-members-text p {
  font-size: 14px;
  font-weight: bold;
}

#c-studioHeader {
  margin: 38px 0 18px;
}
@media screen and (min-width: 768px) {
  #c-studioHeader {
    margin: 90px 0 40px;
  }
}
#c-studioHeader .c-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #c-studioHeader .c-wrap {
    padding: 0;
  }
}
#c-studioHeader .c-wrap .c-title {
  font-size: 24px;
  font-weight: 400;
  color: #c65a5a;
}
@media screen and (min-width: 768px) {
  #c-studioHeader .c-wrap .c-title {
    font-size: 30px;
  }
}

.c-top-visual {
  position: relative;
}
.c-top-visual figure img {
  width: 100%;
  height: 239px;
}
@media screen and (min-width: 768px) {
  .c-top-visual figure img {
    height: 720px;
    object-fit: cover;
  }
}
.c-top-visual figure figcaption {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  height: 46px;
}
@media screen and (min-width: 768px) {
  .c-top-visual figure figcaption {
    display: none;
  }
}
.c-top-visual figure figcaption a {
  background-color: rgba(102, 102, 102, 0.66);
  color: #fff;
  display: block;
  padding: 10px 20px 10px 0;
  width: 100%;
  height: 100%;
  text-align: center;
  align-content: center;
  background-image: url(../images/classic/studio-btn-arrow-sp.png);
  background-position: center right 10px;
  background-size: 20px;
  background-repeat: no-repeat;
}

.c-studio-information-wrap {
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .c-studio-information-wrap {
    padding: 20px 20px;
  }
}
@media screen and (min-width: 768px) {
  .c-studio-information-wrap .c-wrap {
    padding: 20px 60px;
  }
}
@media screen and (min-width: 768px) {
  .c-studio-information-wrap .c-wrap .c-studio-information-title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 105px;
  }
}
.c-studio-information-wrap .c-wrap .c-studio-information-title-wrap .c-studio-information-title-innerwrap {
  flex: 1;
}
.c-studio-information-wrap .c-wrap .c-studio-information-title-wrap .c-studio-information-title-innerwrap .c-studio-information-title {
  text-align: center;
  color: #C65A5A;
  font-size: 20px;
  font-weight: bold;
  margin: 10px auto;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .c-studio-information-wrap .c-wrap .c-studio-information-title-wrap .c-studio-information-title-innerwrap .c-studio-information-title {
    text-align: left;
    margin: 10px auto 20px;
  }
}
.c-studio-information-wrap .c-wrap .c-studio-information-title-wrap .c-studio-information-title-innerwrap .c-studio-information-text {
  margin: 10px auto;
  font-size: 14px;
  font-weight: bold;
  line-height: 2;
  padding: 0 5px;
}
.c-studio-information-wrap .c-wrap .c-studio-information-title-wrap .c-studio-image {
  width: 333px;
  height: 266px;
}
.c-studio-information-wrap .c-wrap .c-studio-information-title-wrap .c-studio-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .c-studio-information-wrap .c-wrap .c-studio-information-title-wrap .c-studio-image img {
    border-radius: 0 30px 0 0;
  }
}
.c-studio-information-wrap .c-wrap .c-studio-information {
  margin: 20px 0;
  padding: 0 5px;
  flex: 1;
}
@media screen and (min-width: 768px) {
  .c-studio-information-wrap .c-wrap .c-studio-information .c-studio-information-row {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 40px;
  }
}
.c-studio-information-wrap .c-wrap .c-studio-information .c-studio-information-row .c-studio-information-col {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  margin: 10px 0;
}
@media screen and (min-width: 768px) {
  .c-studio-information-wrap .c-wrap .c-studio-information .c-studio-information-row .c-studio-information-col {
    flex-direction: row;
  }
}
.c-studio-information-wrap .c-wrap .c-studio-information .c-studio-information-row .c-studio-information-col .c-label {
  color: #fff;
  background-color: #C65A5A;
  border-radius: 100px;
  display: flex;
  font-size: 14px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 4px;
  width: 64px;
  height: 20px;
  white-space: nowrap;
}
.c-studio-information-wrap .c-wrap .c-studio-information .c-studio-information-row .c-studio-information-col .c-studio-information-text {
  line-height: 1.4;
  font-size: 16px;
  color: #C65A5A;
  gap: 10px;
  font-weight: bold;
}
.c-studio-information-wrap .c-wrap .c-studio-information .c-studio-information-row .c-studio-information-col .c-studio-information-text .week-wrap > span:nth-child(3) {
  margin-left: 10px;
}
@media screen and (min-width: 768px) {
  .c-studio-information-wrap .c-wrap .c-studio-information .c-studio-information-row .c-studio-information-col .c-studio-information-text br {
    display: none;
  }
}
.c-studio-information-wrap .c-wrap .c-studio-information .c-studio-information-row .c-studio-information-col .c-studio-information-text a {
  color: #C65A5A;
}

.c-studio {
  background-color: #F5ECEC;
  padding: 10px 10px 20px;
  margin: auto;
}
.c-studio .c-wrap {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .c-studio .c-wrap {
    max-width: 880px;
  }
}
.c-studio .c-wrap header {
  color: #C65A5A;
  font-size: 16px;
  margin: 20px 0;
}
@media screen and (min-width: 768px) {
  .c-studio .c-wrap header {
    text-align: left;
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  .c-studio .c-wrap .c-course.course-sp-side {
    display: none;
  }
}
.c-studio .c-wrap .c-course.course-sp-side .c-accordion {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  max-width: none;
  position: relative;
  width: 100%;
}
.c-studio .c-wrap .c-course.course-sp-side .c-accordion .c-accordion-container .c-accordion-item .c-accordion-title {
  color: #222;
  cursor: pointer;
  font-size: 16px;
  padding: 10px 20px;
  position: relative;
  background-color: #ffffff;
  border-bottom: 1px #dae0da solid;
  font-weight: bold;
}
.c-studio .c-wrap .c-course.course-sp-side .c-accordion .c-accordion-container .c-accordion-item .c-accordion-title::after {
  border-right: solid 1px #C65A5A;
  border-top: solid 1px #C65A5A;
  content: "";
  display: block;
  height: 12px;
  position: absolute;
  right: 13px;
  top: 38%;
  transform: rotate(135deg);
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
  width: 12px;
}
.c-studio .c-wrap .c-course.course-sp-side .c-accordion .c-accordion-container .c-accordion-item .c-accordion-title.open::after {
  top: 45%;
  transform: rotate(-45deg);
}
.c-studio .c-wrap .c-course.course-sp-side .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content {
  display: none;
  padding: 16px;
  background: #fff;
}
.c-studio .c-wrap .c-course.course-sp-side .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px 2%;
}
.c-studio .c-wrap .c-course.course-sp-side .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content ul li {
  width: 43%;
}
.c-studio .c-wrap .c-course.course-sp-side .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content ul li a {
  color: #c65a5a;
  font-size: 14px;
}
.c-studio .c-wrap .c-course.course-pc-side {
  display: none;
}
@media screen and (min-width: 768px) {
  .c-studio .c-wrap .c-course.course-pc-side {
    display: block;
    width: 880px;
  }
  .c-studio .c-wrap .c-course.course-pc-side .c-course-table-wrap {
    border-radius: 10px;
    overflow: hidden;
  }
  .c-studio .c-wrap .c-course.course-pc-side .c-course-table-wrap table {
    background: #fff;
  }
  .c-studio .c-wrap .c-course.course-pc-side .c-course-table-wrap table tr {
    border-bottom: 1px solid #dddddd;
  }
  .c-studio .c-wrap .c-course.course-pc-side .c-course-table-wrap table tr:last-child {
    border-bottom: 0px solid #dddddd;
  }
  .c-studio .c-wrap .c-course.course-pc-side .c-course-table-wrap table tr td:first-child {
    width: 160px;
    padding: 16px 0;
    text-align: center;
  }
  .c-studio .c-wrap .c-course.course-pc-side .c-course-table-wrap table tr td:last-child {
    background-color: #fff;
    background-image: linear-gradient(to right, #efefef 0, rgba(255, 255, 255, 0) 100%);
    background-position: left center;
    background-size: 10px auto;
    background-repeat: no-repeat;
    padding: 16px;
  }
  .c-studio .c-wrap .c-course.course-pc-side .c-course-table-wrap table tr td:last-child ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 30px;
    margin: 0 10px;
  }
  .c-studio .c-wrap .c-course.course-pc-side .c-course-table-wrap table tr td:last-child ul li {
    width: calc(25% - 30px);
  }
  .c-studio .c-wrap .c-course.course-pc-side .c-course-table-wrap table tr td:last-child ul li a {
    color: #c65a5a;
    font-size: 14px;
  }
}

.c-gallery-area {
  background: #ffffff;
}
.c-gallery-area .c-wrap {
  padding: 20px 20px 10px 20px;
}
@media screen and (min-width: 768px) {
  .c-gallery-area .c-wrap {
    max-width: 880px;
  }
}
.c-gallery-area .c-wrap header {
  color: #C65A5A;
  font-size: 16px;
  margin: 10px auto;
  line-height: 1.5;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .c-gallery-area .c-wrap header {
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0;
  }
}
.c-gallery-area .c-wrap .c-gallery {
  display: flex;
  justify-items: center;
  align-items: center;
  flex-direction: column;
  gap: 2px;
}
@media screen and (min-width: 768px) {
  .c-gallery-area .c-wrap .c-gallery {
    width: 880px;
    display: grid;
    grid-template: "first first" auto "seconde third" 210px "seconde forth" 210px "fifth fifth" auto "sixth sixth" auto/523px 1fr;
    gap: 5px;
    justify-items: inherit;
  }
}
.c-gallery-area .c-wrap .c-gallery .c-gallery-box {
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-gallery-area .c-wrap .c-gallery .c-gallery-box {
    height: 100%;
  }
}
.c-gallery-area .c-wrap .c-gallery .c-gallery-box:nth-child(1) {
  grid-area: first;
}
.c-gallery-area .c-wrap .c-gallery .c-gallery-box:nth-child(2) {
  grid-area: seconde;
}
.c-gallery-area .c-wrap .c-gallery .c-gallery-box:nth-child(3) {
  grid-area: third;
}
.c-gallery-area .c-wrap .c-gallery .c-gallery-box:nth-child(4) {
  grid-area: forth;
}
.c-gallery-area .c-wrap .c-gallery .c-gallery-box:nth-child(5) {
  grid-area: fifth;
}
.c-gallery-area .c-wrap .c-gallery .c-gallery-box:nth-child(6) {
  grid-area: sixth;
}
.c-gallery-area .c-wrap .c-gallery .c-gallery-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-gallery-area .c-wrap .c-gallery .c-gallery-box figcaption {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background-color: #c65a5a;
  font-size: 12px;
  padding: 2px 5px;
}
@media screen and (min-width: 768px) {
  .c-gallery-area .c-wrap .c-gallery .c-gallery-box figcaption {
    font-size: 16px;
    padding: 5px 12px;
    font-weight: bold;
  }
}

.c-studio-access .c-wrap {
  padding: 20px 0;
}
@media screen and (min-width: 768px) {
  .c-studio-access .c-wrap {
    width: 880px;
  }
}
.c-studio-access .c-wrap header {
  color: #C65A5A;
  font-size: 16px;
  margin: 10px auto;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-studio-access .c-wrap header {
    text-align: left;
    font-size: 24px;
    font-weight: bold;
  }
}
.c-studio-access .c-wrap .c-map-container {
  margin: 20px auto 0 auto;
  height: 220px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-studio-access .c-wrap .c-map-container {
    height: 330px;
    margin-top: 44px;
  }
}
.c-studio-access .c-wrap .c-map-container iframe {
  width: 335px;
  height: 220px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .c-studio-access .c-wrap .c-map-container iframe {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 768px) {
  .c-studio-access-root {
    width: 880px;
    margin: 80px auto;
  }
}
.c-studio-access-root .c-wrap {
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .c-studio-access-root .c-wrap {
    padding: 0;
  }
}
.c-studio-access-root .c-wrap ol {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 20px;
}
.c-studio-access-root .c-wrap ol li {
  counter-increment: no;
  width: calc(50% - 10px);
}
@media screen and (min-width: 768px) {
  .c-studio-access-root .c-wrap ol li {
    width: calc(33.3333333333% - 20px);
  }
}
.c-studio-access-root .c-wrap ol li picture img {
  width: 100%;
  height: 140px;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .c-studio-access-root .c-wrap ol li picture img {
    height: 240px;
  }
}
.c-studio-access-root .c-wrap ol li .root-text {
  position: relative;
  padding-left: 33px;
  font-size: 12px;
  margin-top: 10px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .c-studio-access-root .c-wrap ol li .root-text {
    padding-left: 50px;
  }
}
.c-studio-access-root .c-wrap ol li .root-text::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(no, decimal-leading-zero);
  color: #c65a5a;
  font-size: 23px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .c-studio-access-root .c-wrap ol li .root-text::before {
    font-size: 40px;
    top: -5px;
  }
}

.c-other-studio {
  background-color: #F5ECEC;
}
.c-other-studio .c-wrap {
  padding: 20px 0;
}
@media screen and (min-width: 768px) {
  .c-other-studio .c-wrap {
    max-width: 880px;
  }
}
.c-other-studio .c-wrap header {
  color: #C65A5A;
  font-size: 16px;
  margin: 10px auto;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-other-studio .c-wrap header {
    font-size: 16px;
    font-weight: bold;
  }
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box.tab-pc .c-panel_left {
  width: 25%;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box.tab-pc .c-panel_area {
  padding: 0;
  background-color: #aca5b7;
  vertical-align: top;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box.tab-pc .c-panel_area .c-tab_panel {
  background-color: transparent;
  margin-top: 40px;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box.tab-pc .c-panel_area .c-tab_panel .c-tab_panel_inner {
  padding: 0;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box.tab-pc .c-panel_area .c-tab_panel .c-tab_panel_inner .c-ac-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box.tab-pc .c-panel_area .c-tab_panel .c-tab_panel_inner .c-ac-inner .c-cource-btn {
  background-color: #fff;
  border-radius: 100px;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  width: 155px;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box.tab-pc .c-btn_area {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: column;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box.tab-pc .c-btn_area .c-tab_btn {
  width: 100%;
  height: 40px;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box .c-btn_area {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 14px;
  font-weight: bold;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box .c-tab_btn {
  width: 25%;
  padding: 0;
  color: #333;
  background: #f5f7f8;
  text-align: center;
  cursor: pointer;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box .c-tab_btn:hover {
  background-color: #dce1e4;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box .c-tab_btn {
  padding: 12px 0;
  border: 1px solid #dae0da;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box .c-tab_btn.active {
  background: #C65A5A;
  color: #fff;
  height: 50px;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box .c-panel_area {
  border: solid 1px #e3ebf3;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box .c-tab_panel {
  display: none;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box .c-tab_panel {
  background-color: #fff;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box .c-tab_panel.active {
  display: block;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box .c-tab_panel .c-tab_panel_inner {
  padding: 5px 0 5px 10px;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box .c-tab_panel .c-tab_panel_inner .c-tab_panel_title {
  border-bottom: 1px solid #e1e6e1;
  text-align: left;
  padding: 5px 0;
  font-size: 16px;
  font-weight: bold;
  color: #C65A5A;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box .c-tab_panel .c-tab_panel_inner .c-tab_panel_select {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  padding: 5px 20px 5px 40px;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box .c-tab_panel .c-tab_panel_inner .c-tab_panel_select .c-tab_panel_btn {
  width: 130px;
  height: 34px;
  background-color: #fff;
  border: 1px solid #dae0da;
  border-radius: 100px;
  position: relative;
  padding: 8px 10px;
  font-weight: bold;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-tab_box .c-tab_panel .c-tab_panel_inner .c-tab_panel_select .c-tab_panel_btn::after {
  content: ">";
  color: #c65a5a;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-accordion {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  max-width: 300px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-other-studio .c-wrap .c-other-studio-wrap .c-accordion {
    margin-top: 0px;
    max-width: none;
  }
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-title {
  cursor: pointer;
  font-size: 16px;
  padding: 10px 20px;
  border-bottom: 1px solid #eeeeee;
  background-color: #fff;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-title {
    background-color: #C65A5A;
    color: #fff;
  }
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-title::after {
  border-right: solid 2px #eee;
  border-top: solid 2px #eee;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 25px;
  top: 38%;
  transform: rotate(135deg);
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
  width: 8px;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-title.open::after {
  top: 45%;
  transform: rotate(-45deg);
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content {
  display: none;
  padding: 10px;
  background-color: #aca5b7;
}
@media screen and (min-width: 768px) {
  .c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content {
    padding: 0px;
    background-color: #fff;
  }
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-ac-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-ac-inner .c-cource-btn {
  background-color: #fff;
  border-radius: 100px;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  width: 134px;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td {
  border-collapse: collapse;
  border: 1px solid #eee;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td:first-child {
  width: 14.044%;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td:last-child {
  width: 86.09%;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td .c-acsess-area-title {
  text-align: center;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td .c-acsess-studio .c-acsess-studio-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px 20px;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td .c-acsess-studio .c-acsess-studio-inner .c-tab_panel_btn {
  width: 130px;
  height: 34px;
  background-color: #fff;
  border: 1px solid #dae0da;
  border-radius: 100px;
  position: relative;
  padding: 8px 10px;
  font-weight: bold;
}
.c-other-studio .c-wrap .c-other-studio-wrap .c-accordion .c-accordion-container .c-accordion-item .c-accordion-content .c-acsess-area table tr td .c-acsess-studio .c-acsess-studio-inner .c-tab_panel_btn::after {
  content: ">";
  color: #c65a5a;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

#c-commonHeader {
  margin: 40px 0 20px;
}
#c-commonHeader .c-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
#c-commonHeader .c-wrap .c-title {
  font-size: 30px;
  font-weight: bold;
  color: #C65A5A;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  #c-commonHeader .c-wrap .c-title {
    padding: 70px 0 40px;
  }
}
#c-commonHeader .c-wrap .c-title.entory-form {
  color: #FFF;
}

.form-header.c-form-header .wrap .logo a .logo-label {
  background: #fff !important;
  border: 1px solid #9D9D9D !important;
  color: #9D9D9D !important;
  border-radius: 100px;
}

.c-campaign {
  margin: 40px auto;
  margin-left: auto !important;
}
@media screen and (min-width: 768px) {
  .c-campaign {
    margin: 80px auto;
  }
}
.c-campaign .campaign-flame .campaign-wrap {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  background-color: #bee2f5;
}
.c-campaign .campaign-flame .campaign-wrap a {
  position: relative;
  display: inline-block;
  width: 98%;
  border-top: 6px solid #C65A5A;
  min-height: 393px;
}
@media screen and (min-width: 768px) {
  .c-campaign .campaign-flame .campaign-wrap a {
    border-top: 0px solid #C65A5A;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    max-width: 1000px;
    width: 100%;
  }
}
.c-campaign .campaign-flame .campaign-wrap a .camp-img {
  width: 100%;
  max-width: none;
}
.c-campaign .campaign-flame .campaign-wrap a .camp-date-text-wrap {
  position: absolute;
  bottom: 3.29%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #C65A5A;
  color: #fff;
  width: 100%;
  text-align: center;
  font-weight: bold;
  padding: 10px 0;
  height: 36px;
}
@media screen and (min-width: 768px) {
  .c-campaign .campaign-flame .campaign-wrap a .camp-date-text-wrap {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(198, 90, 90) 20%, rgb(198, 90, 90) 80%, rgba(255, 255, 255, 0) 100%);
    bottom: inherit;
    top: 37.56%;
    left: inherit;
    right: 20px;
    width: 57.6%;
    height: 50px;
  }
}
.c-campaign .campaign-flame .campaign-wrap a .camp-date-text-wrap .camp-date-text {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .c-campaign .campaign-flame .campaign-wrap a .camp-date-text-wrap .camp-date-text {
    font-size: 22px;
  }
}
.c-campaign .campaign-flame .campaign-wrap a .camp-date-text-wrap .camp-cd-remain-text #camp-cd-remain-span .limit {
  font-size: 15px;
  font-weight: bold;
  color: #fff;
}
.c-campaign .campaign-flame .campaign-wrap a .camp-date-text-wrap .camp-cd-remain-text #camp-cd-remain-span .limit br {
  display: none;
}
.c-campaign .campaign-flame .campaign-wrap a .camp-title {
  position: absolute;
  top: 15.4%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  color: #C65A5A;
  font-size: 20px;
  font-weight: bold;
  white-space: pre-wrap;
  width: 95%;
  height: 60px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .c-campaign .campaign-flame .campaign-wrap a .camp-title {
    top: 75px;
    left: inherit;
    right: 20px;
    font-size: 26px;
    transform: translateX(0);
    width: 57.6%;
  }
}
.c-campaign .campaign-flame .campaign-wrap a .camp-subtitle {
  position: absolute;
  top: 37.5%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .c-campaign .campaign-flame .campaign-wrap a .camp-subtitle {
    top: 53.9%;
    left: inherit;
    right: 0;
    transform: translateX(0%);
    width: 576px;
  }
}
.c-campaign .campaign-flame .campaign-wrap a .camp-cd-text {
  position: absolute;
  text-align: center;
  top: 6.59%;
  width: 100%;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .c-campaign .campaign-flame .campaign-wrap a .camp-cd-text {
    top: 33px;
    right: 20px;
    width: 576px;
  }
}
.c-campaign .campaign-flame .campaign-wrap a .camp-cd-text #camp-cd-span {
  font-weight: bold;
  font-size: 20px;
}
.c-campaign .campaign-flame .campaign-wrap a .benefits01 {
  position: absolute;
  top: 49.23%;
  left: 5.5%;
  width: 50%;
}
@media screen and (min-width: 768px) {
  .c-campaign .campaign-flame .campaign-wrap a .benefits01 {
    top: inherit;
    bottom: 25.8%;
    left: inherit;
    right: 174px;
    width: 32.5%;
  }
}
.c-campaign .campaign-flame .campaign-wrap a .benefits01 img {
  width: 100%;
}
.c-campaign .campaign-flame .campaign-wrap a .benefits02 {
  position: absolute;
  top: 63.7%;
  left: 5.5%;
  width: 64.8%;
}
@media screen and (min-width: 768px) {
  .c-campaign .campaign-flame .campaign-wrap a .benefits02 {
    top: inherit;
    bottom: 9.75%;
    left: inherit;
    right: 40px;
    width: 32.5%;
  }
}
.c-campaign .campaign-flame .campaign-wrap a .benefits02 img {
  width: 100%;
}

.classic-design #float-guide {
  background-color: #EDEDED;
  border-top: solid 1px #EDEDED;
}
.classic-design #float-guide .progress-status img {
  filter: drop-shadow(2px 2px 4px #aaa);
  transform: translateZ(0);
}
.classic-design #float-guide .input-status ul li {
  color: #222;
}
.classic-design #float-guide a {
  background-color: #C65A5A;
}

#sp-float-link {
  width: 100%;
  display: block;
  text-align: center;
  background: rgb(255, 255, 255);
  padding: 2.6666666667vw 0;
}
#sp-float-link.fixed {
  position: fixed;
  z-index: 100;
  left: 0;
  bottom: 0;
  padding: 10px 0;
}
#sp-float-link.temporary-hide {
  display: none;
}
#sp-float-link.on-form-page {
  display: none;
}
@media screen and (min-width: 768px) {
  #sp-float-link {
    display: none;
  }
}
#sp-float-link a {
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#sp-float-link a span {
  background: #C65A5A;
  color: #fff;
  border-radius: 3px;
  display: inline-block;
  padding: 15px;
  width: 90%;
  margin: 10px 5%;
}

#footer.c-footer {
  background-image: none;
  padding-top: 50px;
  height: auto;
}

/*# sourceMappingURL=classic.css.map */