@charset "UTF-8";
img {
  max-width: 100%;
}

main {
  padding-bottom: 150px;
}

.fixed-menu {
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
}
.fixed-menu a:nth-of-type(2) {
  margin-left: 40px;
}
.fixed-menu.is-red-ctr-btn {
  height: 60px;
  background: rgba(0, 0, 0, 0.3);
}
.fixed-menu.is-red-ctr-btn .call-btn {
  position: relative;
  top: -17px;
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 10%));
  transform: translateZ(0);
}
.fixed-menu.is-red-ctr-btn .web-btn {
  position: relative;
  top: -26px;
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 10%));
  transform: translateZ(0);
}

.to-top {
  position: fixed;
  bottom: 80px;
  right: 0;
  z-index: 10;
}

.entryform_btn{
  bottom: 120px;

}

.section-title {
  text-align: center;
  font-family: termina, sans-serif;
  font-weight: 500;
  font-size: 40px;
  letter-spacing: 6px;
  color: #222222;
}
.compact .section-title {
  font-size: 26px;
  letter-spacing: 8px;
}

.lead-text {
  font-size: 36px;
  letter-spacing: 0.1rem;
  margin: 40px auto;
  text-align: center;
  font-weight: bold;
  line-height: 1.6;
}

.sub-title {
  text-align: center;
}
.sub-title span {
  position: relative;
  padding: 10px 45px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  color: #222222;
  font-size: 20px;
}
.compact .sub-title span {
  font-size: 14px;
  letter-spacing: 0.1rem;
}
.sub-title span::before, .sub-title span::after {
  position: absolute;
  content: '';
  width: 40px;
  height: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sub-title span::before {
  top: 0;
  left: 0;
  border-top: 1px solid #555;
  border-left: 1px solid #555;
}
.sub-title span::after {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555;
}

.btn {
  text-align: center;
}
.btn a {
  display: inline-block;
  width: 100%;
  border: 1px solid #000;
  font-size: 14px;
  text-decoration: none;
  color: #000;
  text-align: center;
  background: url("/pc/images/common/btn-arrow.png") no-repeat 95% center #fff;
}

.topicPath_bg {
  padding: 13px 0;
  background-color: #888888;
}
.topicPath_bg ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  display: -webkit-flex;
  flex-wrap: nowrap;
  width: 1000px;
  margin: 0 auto;
}
.topicPath_bg ul li {
  padding-left: 5px;
}
.topicPath_bg ul li:not(:first-child)::before {
  content: " > ";
  font-size: 12px;
  color: #fff;
}
.topicPath_bg ul li a, .topicPath_bg ul li span {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}
.topicPath_bg ul li span {
  padding-left: 5px;
}
.topicPath_bg ul li a:hover {
  text-decoration: underline;
}

.contents-box.lesson-course {
  padding-top: 140px;
}
.contents-box.lesson-course .list01 > div,
.contents-box.lesson-course .list02 > div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
}
.contents-box.lesson-course .list01 > div:nth-of-type(2),
.contents-box.lesson-course .list02 > div:nth-of-type(2) {
  margin-top: 10px;
}
.contents-box.lesson-course .list01 > div .row,
.contents-box.lesson-course .list02 > div .row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: wrap;
  width: 500px;
}
.contents-box.lesson-course .list01 > div .row a:not(:nth-of-type(1)),
.contents-box.lesson-course .list02 > div .row a:not(:nth-of-type(1)) {
  margin-top: 10px;
}
.contents-box.lesson-course .list01 {
  margin: 50px 0 70px;
}
.contents-box.lesson-course .list01 > div:nth-of-type(2) > a:nth-of-type(2) {
  margin-right: -5px;
}
.contents-box.lesson-course .list01 > div .row {
  width: 505px;
}
.contents-box.lesson-course .list01 > div .row a:nth-of-type(2) {
  margin-left: 5px;
}
.contents-box.lesson-course .list02 {
  margin-top: 50px;
}
.contents-box.lesson-course .name-list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
  margin-top: 45px;
}
.contents-box.lesson-course .name-list .item ul:not(:first-child) {
  margin-top: 30px;
}
.contents-box.lesson-course .name-list .item ul li {
  font-size: 12px;
  color: #000;
  line-height: 2;
}
.contents-box.lesson-course .name-list .item ul li a {
  color: #000;
  text-decoration: none;
}
.contents-box.lesson-course .name-list .item ul li span {
  font-weight: bold;
}
.contents-box.lesson-course .btn {
  margin-top: 65px;
}
.contents-box.lesson-course .btn a {
  width: 500px;
  padding: 15px 0;
  font-size: 20px;
}

.contents-box.apply {
  padding-top: 150px;
}
.contents-box.apply .flow {
  margin-top: 40px;
  padding: 15px 0 0;
  background-color: #888888;
  text-align: center;
}
.contents-box.apply .flow .flow-title {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}
.contents-box.apply .flow .img {
  text-align: center;
}

.mlc_slider_tab {
  margin-top: 50px;
}

.mlc_slider_tab .mlc_parent_tabs {
  background-color: #ffffff;
  padding: 0 1%;
  display: flex;
}

.mlc_slider_tab .mlc_parent_tabs li {
  display: block;
  /*font-size: 16px;*/
  width: calc(100% / 7);
  text-align: center;
  font-size: .9rem;
  transform: scaleY(1.1);
  padding: 20px;
  color: #222222;
  position: relative;
  font-weight: 500;
  cursor: pointer;
}

.mlc_slider_tab .mlc_parent_tabs p {
  position: relative;
  top: 10px;
}

.mlc_slider_tab .mlc_parent_tabs li.current:after {
  content: '';
  width: 100%;
  background-color: #222222;
  height: 2px;
  position: absolute;
  bottom: .1rem;
  left: 0;
}

.mlc_slider_tab .mlc_child_tab_list {
  background-color: #dfdfdf;
  padding-top: 13.5px;
  overflow: auto;
}

.mlc_slider_tab .mlc_child_tab_list .mlc_child_tabs {
  display: none;
  width: max-content;
}

.mlc_slider_tab .mlc_child_tab_list .mlc_child_tabs.current {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
}

.mlc_slider_tab .mlc_child_tab_list .mlc_child_tabs li {
  display: inline-block;
  font-size: 16px;
  padding: 20px 15px;
  min-width: 54px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}

.mlc_slider_tab .mlc_child_tab_list .mlc_child_tabs.percussion li {
  min-width: 105px;
}

.mlc_slider_tab .mlc_child_tab_list .mlc_child_tabs li.current {
  background-color: #ffffff;
}

.mlc_slider_tab .mlc_instrument_wrap {
  display: none;
  position: relative;
}

.mlc_slider_tab .mlc_instrument_wrap.current {
  display: block;
}

.mlc_slider_tab .mlc_instrument_wrap .mlc_instrument_box {
  display: none;
  position: relative;
}

.mlc_slider_tab .mlc_instrument_wrap .mlc_instrument_box img {
  width: 100%;
}

.mlc_slider_tab .mlc_instrument_wrap .mlc_instrument_box.current {
  display: block;
}

.mlc_slider_tab .mlc_instrument_wrap .mlc_instrument_box .mlc_instrument_popup {
  cursor: pointer;
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 138px;
}
.mlc_slider_tab .mlc_instrument_wrap .mlc_instrument_box .mlc_instrument_popup.piano-btn-1 {
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: calc(50% - 30px);
  width: 138px;
}
.mlc_slider_tab .mlc_instrument_wrap .mlc_instrument_box .mlc_instrument_popup.piano-btn-2 {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: calc(50% - 30px);
  width: 138px;
  transform: translateX(calc(-100% + 10px));
}

.mlc_instrument_slider .slick-slide, .mlc_guitar_slider .slick-slide {
  position: relative;
}

.mlc_instrument_slider_wrap {
  position: relative;
}

.slick-initialized .slick-slide {
  margin: 0;
  padding: 0;
}

.mlc_slider_tab .slick-next, .mlc_slider_tab .slick-prev {
  display: block;
  position: absolute;
  top: 50%;
  width: 60px;
  height: 100px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: transparent;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  z-index: 5;
  transform: translateY(-50%);
}

.mlc_slider_tab .slick-prev {
  left: 0;
}

.mlc_slider_tab .slick-next {
  right: 0;
}

.mlc_slider_tab .slick-prev:before {
  content: '';
  width: 24px;
  height: 24px;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  background-color: transparent;
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.mlc_slider_tab .slick-next:before {
  content: '';
  width: 24px;
  height: 24px;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  background-color: transparent;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

.mlc_slider_tab .slick-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.mlc_instrument_slider.guitar .slick-dots {
  display: none !important;
}

.mlc_slider_tab .slick-dots li {
  display: inline-block;
}

.mlc_slider_tab .slick-dots li:not(:last-child) {
  margin-right: 10px;
}

.mlc_slider_tab .slick-dots li button {
  display: block;
  width: 40px;
  height: 25px;
  border: 0;
  outline: none;
  position: relative;
  background: transparent;
  color: transparent;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}

.mlc_slider_tab .slick-dots li button:after {
  content: '';
  background-color: #dcdddd;
  height: 3px;
  width: 40px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.mlc_slider_tab .slick-dots li.slick-active button:after {
  background-color: #222222;
}

/*--------------------------
HOME
----------------------------*/
main#home {
  background-color: #EEEEEF;
}
main#home .mainvisual .swiper-slide {
  position: relative;
  height: 695px;
  padding: 10px 0;
  text-align: center;
}
main#home .mainvisual .swiper-slide img {
  position: relative;
  z-index: 2;
  max-width: 1400px;
  height: 100%;
  width: auto;
  box-shadow: 0 0 40px -10px #333;
}
main#home .mainvisual .swiper-slide.mv01.lazyloaded::before {
  background-image: url("../images/top/mv01.png");
}
main#home .mainvisual .swiper-slide.mv02.lazyloaded::before {
  background-image: url("../images/top/mv02.png");
}
main#home .mainvisual .swiper-slide.mv03.lazyloaded::before {
  background-image: url("../images/top/mv03.png");

}
main#home .mainvisual .swiper-slide::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background-size: 130%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-filter: blur(30px);
  -moz-filter: blur(30px);
  -o-filter: blur(30px);
  -ms-filter: blur(30px);
  filter: blur(30px);
}
main#home .mainvisual .swiper-prev-btn,
main#home .mainvisual .swiper-next-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
main#home.compact .mainvisual .swiper-prev-btn img,
main#home.compact .mainvisual .swiper-next-btn img {
  width: 66%;
}
main#home .mainvisual .swiper-prev-btn:hover,
main#home .mainvisual .swiper-next-btn:hover {
  cursor: pointer;
}
main#home .mainvisual .swiper-prev-btn {
  left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
main#home .mainvisual .swiper-next-btn {
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
main#home .mainvisual .swiper-pagination {
  bottom: 30px;
}
main#home.compact .mainvisual .swiper-pagination {
  display: none;
}
main#home .mainvisual .swiper-pagination span {
  width: 60px;
  height: 3px;
  margin: 0 10px;
  background-color: #AAAAAA;
  border-radius: 0;
}
main#home .mainvisual .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #fff;
}

.texted-desc {
    position: relative;
    margin: 0 auto;
    width: 1100px;
}

.texted-desc .kv_description {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 275px;
    line-height: 35px;
    color: white;
    font-size: 25px;
    text-align: left;
    padding-bottom: 28px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(transparent, white, white, white, white); /* temporary setting */
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.texted-desc .kv_description p {
    position: relative;
    width: fit-content;
    margin-top: 12px;
    padding: 0 20px 0 40px;
    background-color: #89ddbb;
    overflow: visible;
    white-space: nowrap;
    height: 35px;
}

.texted-desc .kv_description p::before {
    content: "";
    display: block;
    position: absolute;
    right: -18px;
    bottom: 0;
    border-top: 35px solid #89ddbb;
    border-right: 18px solid transparent;
}
.texted-desc .kv_description.gradation-off {
    background: none;
}
.texted-desc .kv_en_title {
    position: absolute;
    top: 120px;
    width: 100%;
}
.texted-desc .kv_en_title img {
    display: block;
    margin: 0 auto;
}
.texted-desc .kv_jp_title {
    position: absolute;
    top: 210px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    color: white;
}
main#home .contents-box .contents-inner {
  width: 1000px;
  margin: 0 auto;
}
main#home .contents-box.campaign {
  padding-top: 20px;
  text-align: center;
}
main#home .contents-box.campaign img {
  max-width: 100%;
}
main#home .contents-box.about {
  padding-top: 100px;
}
main#home.compact .contents-box.about {
  padding-top: 60px;
}
main#home .contents-box.about .list01 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
  margin-top: 80px;
}
main#home .contents-box.about .list01 > div {
  position: relative;
  width: 320px;
}
main#home .contents-box.about .list01 > div:nth-of-type(1) .number {
  top: -30px;
}
main#home .contents-box.about .list01 > div:nth-of-type(2) .number {
  top: -35px;
}
main#home .contents-box.about .list01 > div:nth-of-type(3) .number {
  top: -40px;
}
main#home .contents-box.about .list01 > div .number {
  position: absolute;
  left: -10px;
}
main#home .contents-box.about .list01 > div .thumbnail img {
  width: 100%;
}
main#home.compact .contents-box.about .list01 > div .thumbnail img {
  height: 170px;
  object-fit: cover;
  object-position: 50% 0%;
}
main#home .contents-box.about .list01 > div .inner {
  padding: 0 20px 20px;
  background-color: #fff;
  text-align: center;
}
main#home .contents-box.about .list01 > div .inner .item-title {
  font-size: 22px;
  font-weight: bold;
}
main#home .contents-box.about .list01 > div .inner p {
  margin-top: 30px;
  font-size: 12px;
  line-height: 1.8;
}
main#home.compact .contents-box.about .list01 > div .inner p {
  margin-top: 5px;
}
main#home .contents-box.about .list01 > div .inner .btn {
  margin-top: 25px;
}
main#home.compact .contents-box.about .list01 > div .inner .btn {
  margin-top: 15px;
}
main#home .contents-box.about .list01 > div .inner .btn a {
  padding: 15px 0;
}
main#home .contents-box.about .list02 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
  margin-top: 60px;
}
main#home .contents-box.about .list02 > div {
  position: relative;
  width: 235px;
}
main#home .contents-box.about .list02 > div:nth-of-type(1) .number {
  top: -30px;
}
main#home .contents-box.about .list02 > div:nth-of-type(2) .number {
  top: -35px;
}
main#home .contents-box.about .list02 > div:nth-of-type(3) .number {
  top: -40px;
}
main#home .contents-box.about .list02 > div:nth-of-type(4) .number {
  top: -40px;
}
main#home .contents-box.about .list02 > div:nth-of-type(2n) {
  margin-top: 20px;
}
main#home .contents-box.about .list02 > div .number {
  position: absolute;
  left: -10px;
}
main#home .contents-box.about .list02 > div .thumbnail img {
  width: 100%;
}
main#home .contents-box.about .list02 > div .inner {
  padding: 20px 10px;
  background-color: #fff;
  text-align: center;
}
main#home .contents-box.about .list02 > div .inner p {
  font-size: 14px;
  line-height: 1.8;
}
main#home.compact .contents-box.about .list02 > div .inner p {
  font-weight: 600;
}
main#home .contents-box.about .list02 > div .inner .btn {
  margin-top: 20px;
}
main#home.compact .contents-box.about .list02 > div .inner .btn {
  margin-top: 10px;
}
main#home .contents-box.about .list02 > div .inner .btn a {
  padding: 8px 0;
}
main#home .contents-box.features {
  padding-top: 160px;
}
main#home.compact .contents-box.features {
  padding-top: 100px;
}
main#home .contents-box.features .list {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: wrap;
}
main#home .contents-box.features .list a {
  display: block;
}
main#home .contents-box.features .list a:nth-of-type(1) {
  width: 100%;
  margin-left: -38px;
}
main#home .contents-box.features .list a:nth-of-type(1) img {
  max-width: 1038px;
  width: 1038px;
}
main#home .contents-box.features .list a:nth-of-type(2), main#home .contents-box.features .list a:nth-of-type(3) {
  width: 488px;
  margin-top: 20px;
}
main#home .contents-box.present {
  padding-top: 160px;
}
main#home.compact .contents-box.present {
  padding-top: 100px;
}
main#home .contents-box.present .img {
  margin: 20px 0 70px;
  text-align: center;
}
main#home .contents-box.present .btn {
  margin-top: 50px;
}
main#home .contents-box.present .btn a {
  width: 500px;
  padding: 15px 0;
  font-size: 20px;
}
main#home .contents-box.enjoy {
  padding-top: 140px;
}
main#home .contents-box.enjoy .img {
  margin-top: 60px;
}
main#home .contents-box.enjoy .btn {
  margin-top: 50px;
}
main#home .contents-box.enjoy .btn a {
  width: 500px;
  padding: 15px 0;
  font-size: 20px;
}

/*--------------------------
INSTRUMENTS
----------------------------*/
main#instruments {
  background-color: #EEEEEF;
}
main#instruments .mainvisual {
  position: relative;
  height: 695px;
  padding: 10px 0;
  text-align: center;
  overflow: hidden;
}
main#instruments.compact .mainvisual {
  height: 530px;
}
main#instruments .mainvisual h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 1400px;
  transform: translate(-50%, -50%);
  z-index: 2;
}
main#instruments.compact .mainvisual h1 {
  z-index: 0;
}
main.compact .section-title {
  font-size: 24px;
}
main.compact .lead-text {
  font-size: 24px;
  margin: 0 auto 10px auto;
}
main.compact .sub-title span {
  font-size: 16px;
}
main#instruments.compact .contents-box.present02 .box .img02 {
  width: 56%;
  padding: 20px 0;
  margin: auto;
}
main#instruments.compact .contents-box.present02 .box .img03 {
  width: 95%;
  margin: auto;
}
main#instruments .mainvisual.lazyloaded::before {
  background-image: url("/pc/images/guitar/mv_background.png");
}
main#instruments .mainvisual::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background-size: 130%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-filter: blur(30px);
  -moz-filter: blur(30px);
  -o-filter: blur(30px);
  -ms-filter: blur(30px);
  filter: blur(30px);
}
main#instruments .campaign-btn {
  text-align: center;
}
main#instruments .contents-box .contents-inner {
  width: 1000px;
  margin: 0 auto;
}
main#instruments .contents-box.campaign {
  padding-top: 40px;
  text-align: center;
}
main#instruments .contents-box.campaign img {
  max-width: 100%;
}
main#instruments .contents-box.campaign .campaign-btn {
  margin-top: 30px;
}
main#instruments.compact .contents-box.about .campaign-btn {
  margin-top: 20px;
}
main#instruments .contents-box.about {
  padding-top: 60px;
}
main#instruments .contents-box.about .img {
  text-align: center;
}
main#instruments .contents-box.present01 {
  padding: 60px 0 85px;
}
main#instruments .contents-box.present01 .list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  display: -webkit-flex;
  flex-wrap: nowrap;
  margin-top: 20px;
}
main#instruments .contents-box.present01 .list > div {
  position: relative;
  width: 480px;
}
main#instruments .contents-box.present01 .list > div.left {
  background-color: #fff;
}
main#instruments .contents-box.present01 .list > div.right {
  position: relative;
  z-index: 90;
}
main#instruments .contents-box.present01 .list > div.right::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  left: -75px;
}
main#instruments .contents-box.present01 .list > div.right.lazyloaded::before {
  content: url("/pc/images/guitar/present-arrow.png");
}
main#instruments .contents-box.present01 .list > div.right::after {
  position: absolute;
  z-index: 10;
  right: -20px;
  top: -130px;
}
main#instruments .contents-box.present01 .list > div.right.lazyloaded::after {
    content: url("/pc/images/guitar/present-balloon01.png");
}
.studio .thumbnail img {
    object-fit: cover;
    height: 100%;
}

main#instruments .contents-box.present01 .list > div.right > div {
  position: relative;
  z-index: 3;
}
main#instruments .contents-box.present02 {
  position: relative;
  padding: 80px 0;
  background-color: #DDDDDD;
}
main#instruments.compact .contents-box.present02 {
  padding-top: 30px;
}
main#instruments .contents-box.present02 .balloon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -40px;
}
main#instruments .contents-box.present02 .box {
  background-color: #fff;
  padding-top: 20px;
}
main#instruments .contents-box.present02 .box .text-box {
  position: relative;
  width: calc(100% + 20px);
  margin-left: -10px;
  background-color: #fff;
  box-shadow: 0 0 30px 0 #ccc;
  text-align: center;
  font-size: 20px;
  line-height: 1.6;
}
main#instruments .contents-box.present02 .box .text-box span {
  white-space: nowrap;
  font-weight: bold;
  display: block;
  padding: 15px 0;
}
main#instruments .contents-box.present02 .box .img02 {
  padding: 20px 0 40px;
  text-align: center;
}
main#instruments .contents-box.present02 .box .img03 {
  padding-top: 30px;
  text-align: center;
}
main#instruments .contents-box.present02 .campaign-btn {
  margin-top: 80px;
}
main#instruments.compact .contents-box.present02 .campaign-btn {
  margin-top: 40px;
}
main#instruments .contents-box.price01 {
  padding: 80px 0 120px;
}
main#instruments.compact .contents-box.price01 {
  padding: 80px 0 150px;
}
main#instruments .contents-box.price01 .img {
  margin-top: 30px;
  text-align: center;
}
main#instruments.compact .contents-box.price01 .img {
  margin-top: 0;
}
main#instruments .contents-box.price02 {
  position: relative;
  padding: 80px 0;
  background-color: #DDDDDD;
}
main#instruments.compact .contents-box.price02 {
  padding: 50px 0 20px;
}
main#instruments .contents-box.price02 .balloon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -100px;
}
main#instruments .contents-box.price02 .list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
}
main#instruments .contents-box.price02 .list > div {
  width: 480px;
}
main#instruments .contents-box.price02 .list > div:nth-of-type(1) .box::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 6px;
  height: 14px;
  background-color: #EEAA77;
}
main#instruments .contents-box.price02 .list > div:nth-of-type(2) .box::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 6px;
  height: 14px;
  background-color: #88CCDD;
}
main#instruments .contents-box.price02 .list > div .box {
  position: relative;
  z-index: 1;
  margin: -60px 20px 0;
  padding: 35px 20px 20px;
  background-color: #fff;
}
main#instruments.compact .contents-box.price02 .list > div .box {
  -webkit-box-shadow: 0 0 30px 0 #ccc;
  box-shadow: 0 0 30px 0 #ccc;
}
main#instruments .contents-box.price02 .list > div .box .title {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}
main#instruments .contents-box.price02 .list > div .box .title span {
  font-size: 28px;
  font-weight: bold;
}
main#instruments .contents-box.price02 .list > div .box .title span.orange {
  color: #EEAA77;
}
main#instruments .contents-box.price02 .list > div .box .title span.blue {
  color: #88CCDD;
}
main#instruments .contents-box.price02 .list > div .box .price {
  margin-top: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
main#instruments.compact .contents-box.price02 .list > div .box .price {
  margin-top: 0;
}
main#instruments .contents-box.price02 .list > div .box .price span {
  font-size: 38px;
}
main#instruments .contents-box.price02 .list > div .box .price span.orange {
  color: #EEAA77;
}
main#instruments .contents-box.price02 .list > div .box .price span.blue {
  color: #88CCDD;
}
main#instruments .contents-box.price02 .list > div .box p {
  margin-top: 30px;
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
}
main#instruments.compact .contents-box.price02 .list > div .box p {
  margin-top: 0;
}
main#instruments .contents-box.price02 .list > div .box .btn {
  margin-top: 40px;
}
main#instruments .contents-box.price02 .list > div .box .btn a {
  width: 100%;
  padding: 20px 0;
  font-size: 20px;
}
main#instruments .contents-box.price02 .caution {
  margin-top: 50px;
  text-align: center;
  font-size: 12px;
}
main#instruments.compact .contents-box.price02 .caution {
  margin-top: 30px;
}
main#instruments .contents-box.price02 .caution span {
  display: inline-block;
  text-align: left;
  line-height: 1.6;
}
main#instruments.compact .contents-box.price02 .caution span {
  color: #828282;
}
main#instruments .contents-box.price02 .campaign-btn {
  margin-top: 60px;
}
main#instruments.compact .contents-box.price02 .campaign-btn {
  margin-top: 30px ;
}
main#instruments .contents-box.course01 {
  padding: 85px 0 100px;
}
main#instruments.compact .contents-box.course01 {
  padding-bottom: 140px;
}
main#instruments.compact .contents-box.course01.courseImagetabPart1 {
  padding-bottom: 60px;
}
main#instruments .contents-box.course01 .list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
  margin-top: 50px;
}
main#instruments .contents-box.course01 .list > div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: wrap;
}
main#instruments .contents-box.course01 .list > div:nth-of-type(1), main#instruments .contents-box.course01 .list > div:nth-of-type(3) {
  flex-shrink: 0;
  width: 240px;
}
main#instruments .contents-box.course01 .list > div:nth-of-type(2) {
  margin: 0 13px;
}
main#instruments .contents-box.course01 .list > div:nth-of-type(2) a:not(:nth-of-type(-n+2)) {
  margin-top: 10px;
}
main#instruments .contents-box.course02 {
  position: relative;
  padding: 80px 0 60px;
  background-color: #DDDDDD;
}
main#instruments.compact .contents-box.course02 {
  padding-bottom: 30px;
}
main#instruments .contents-box.course02 .balloon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  top: -75px;
}
main#instruments .contents-box.course02 .campaign-btn {
  margin-top: 80px;
}
main#instruments.compact .contents-box.course02 .campaign-btn {
  margin-top: 20px;
}
main#instruments .contents-box.course02 .junre-list .junre-tab ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
  background-color: #F9F9F9;
}
main#instruments .contents-box.course02 .junre-list .junre-tab ul li {
  position: relative;
  flex: auto;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 15px;
}
main#instruments .contents-box.course02 .junre-list .junre-tab ul li:hover {
  cursor: pointer;
}
main#instruments .contents-box.course02 .junre-list .junre-tab ul li.current {
  background-color: #fff;
}
main#instruments .contents-box.course02 .junre-list .junre-tab ul li.current::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 10px;
  width: calc(100% - 20px);
  height: 2px;
  background-color: #E6A8A9;
}
main#instruments .contents-box.course02 .junre-list .junre-content > div {
  display: none;
}
main#instruments .contents-box.course02 .junre-list .junre-content > div.current {
  display: block;
}
main#instruments .contents-box.course02 .img {
  margin-top: 40px;
}
main#instruments.compact .contents-box.course02 .img {
  margin-top: 0px;
}
main#instruments .contents-box.schedule01 {
  padding: 85px 0 60px;
}
main#instruments.compact .contents-box.schedule01 {
  padding: 45px 0 100px;
}
main#instruments.compact .contents-box.schedule01 img.allfree {
  margin-left: -95px;
  max-width: 575px;
}
main#instruments.compact .contents-box.schedule01 img.kotei {
  margin-right: -95px;
  max-width: 570px;
}
main#instruments .contents-box.schedule01 .list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
  margin-top: 20px;
}
main#instruments .contents-box.schedule01 .list > div {
  width: 480px;
}
main#instruments .contents-box.schedule01 .list > div .btn {
  padding: 20px;
  background-color: #fff;
}
main#instruments.compact .contents-box.schedule01 .list > div .btn {
  margin-top: -80px;
}
main#instruments .contents-box.schedule01 .list > div .btn a {
  width: 100%;
  padding: 20px 0;
  font-size: 20px;
}
main#instruments .contents-box.schedule02 {
  padding: 25px 0 80px;
  background-color: #DDDDDD;
}
main#instruments.compact .contents-box.schedule02 {
  padding: 25px 0 ;
}
main#instruments .contents-box.schedule02 .title {
  text-align: center;
  font-size: 20px;
}
main#instruments .contents-box.schedule02 .img {
  margin-top: 25px;
}
main#instruments .contents-box.schedule02 .campaign-btn {
  margin-top: 80px;
}
main#instruments.compact .contents-box.schedule02 .campaign-btn {
  margin-top: 30px;
}
main#instruments.compact .contents-box.schedule02 .campaign-btn {
  margin-top: 15px ;
}
#instruments .contents-box.studio01 {
  padding: 90px 0 80px;
}
#instruments.compact .contents-box.studio01 {
  padding-top: 50px;
}
#instruments .contents-box.studio01 .studio-img {
  position: relative;
  margin-top: 70px;
}
#instruments.compact .contents-box.studio01 .studio-img {
  margin-top: 50px;
}
#instruments .contents-box.studio01 .studio-img::before {
  position: absolute;
  z-index: 10;
  left: 0;
  top: -70px;
}
#instruments .contents-box.studio01 .studio-img::before {
  top: -80px;
}
#instruments .contents-box.studio01 .studio-img.lazyloaded::before {
  content: url("/pc/images/studio/balloon01.png");
}
#instruments.compact .contents-box.studio01 .studio-img .main-img .swiper-container {
  height: 400px;
  }
#instruments .contents-box.studio01 .studio-img .main-img .swiper-prev-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  left: 0;
}
#instruments .contents-box.studio01 .studio-img .main-img .swiper-next-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  right: 0;
}
#instruments .contents-box.studio01 .studio-img .thumb-img {
  padding: 20px;
  background-color: #fff;
}
#instruments .contents-box.studio01 .studio-img .thumb-img .swiper-slide {
  box-sizing: border-box;
  border: 5px solid #DDDDDD;
}
#instruments .contents-box.studio01 .studio-img .thumb-img .swiper-slide.swiper-slide-thumb-active {
  border-color: #88CCDD;
}
#instruments .contents-box.studio01 .studio-img .thumb-img .swiper-slide:hover {
  cursor: pointer;
}
main .studio-area-list {
  position: relative;
  margin-top: 95px;
}
main .studio-area-list {
  margin-top: 110px;
}
main .studio-area-list .balloon {
  position: absolute;
  top: -100px;
  right: 50px;
  z-index: 1;
}
main .studio-area-list .item {
  box-shadow: 0 0 30px 0 #ccc;
}
main .studio-area-list .item:not(:first-child) {
  margin-top: 20px;
}
main .studio-area-list .item .item-title:hover {
  cursor: pointer;
}
main .studio-area-list .item .item-title.area-title {
  padding: 40px 20px;
  font-size: 30px;
  font-weight: bold;
  border-bottom: 1px solid #F5F5F5;
  background: url("/pc/images/common/icn-plus-big.png") no-repeat 97% center;
  background-color: #fff;
  cursor: default;
}
main .studio-area-list .item .item-title.area-title {
  padding: 20px 0;
  font-size: 20px;
}
main .studio-area-list .item .item-title.area-title.open {
  background: url("/pc/images/common/icn-minus-big.png") no-repeat 97% center;
  background-color: #fff;
}
main .studio-area-list .item .item-title.area-title a {
  color: #EEAAAA;
  text-decoration: none;
}
main .studio-area-list .item .item-title.prefecture-title {
  border-bottom: 1px solid #F5F5F5;
  padding: 25px 20px;
  font-size: 24px;
  font-weight: bold;
  background: url("/pc/images/common/icn-plus.png") no-repeat 96.5% center;
  background-color: #fff;
}
main .studio-area-list .item .item-title.prefecture-title {
  padding: 10px 20px;
  font-size: 16px;
}
main .studio-area-list .item .item-title.prefecture-title.open {
  background: url("/pc/images/common/icn-minus.png") no-repeat 96.5% center;
  background-color: #fff;
}
main .studio-area-list .item .item-title.prefecture-title span {
  color: #EEAAAA;
}
main .studio-area-list .item .area-inner-list {
  display: none;
}
main .studio-area-list .item .area-inner-list.show {
  display: block;
}
main .studio-area-list .item .studio-list {
  display: none;
  padding: 10px 10px 20px;
  background-color: #fff;
}
main .studio-area-list .item .studio-list.show {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: wrap;
}
main .studio-area-list .item .studio-list > div {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  display: -webkit-flex;
  flex-wrap: nowrap;
  width: calc(100% / 3 - 20px);
  box-shadow: 0 0 5px 0 #ccc;
  margin: 10px 10px 0 10px;
}
main .studio-area-list .item .studio-list .studio.studio--closed {
  display: none;
}
main .studio-area-list .item .studio-list .studio.studio--inactive {
  box-shadow: 0 0 1px 0 #ccc;
}
main .studio-area-list .item .studio-list > div > a {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main .studio-area-list .item .studio-list > div .thumbnail {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  object-fit: cover;
}
main .studio-area-list .item .studio-list > div .thumbnail {
  width: 67px;
  height: 67px;
}
main .studio-area-list .item .studio-list > div .content {
  flex-grow: 1;
  padding: 0 20px 0 10px;
  background: url("/pc/images/common/btn-arrow.png") no-repeat 95% center;
}
main .studio-area-list .item .studio-list > div .content .studio-name {
  font-size: 15px;
  font-weight: bold;
}
main .studio-area-list .item .studio-list > div .content p {
  margin-top: 10px;
  font-size: 12px;
  color: #666666;
}
main .studio-area-list .item .item-title {
  position: relative;
}
main .studio-area-list .item .item-title .item-title-switcher {
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  height: 100%;
  z-index: 10;
  cursor: pointer;
}
main .studio-area-list .item p.area_coming_soon {
  background: #f8f4e9;
  text-align: center;
  font-size: 20px;
  padding: 15% 0;
}
.studio-area-list__btnWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.studio-area-list__btn {
  display: flex;
  font-size: 14px;
  color: #222222;
  text-decoration: none;
  background-color: #ffffff;
  clip-path: polygon(0 1%, 100% 0, 90% 100%, 10% 100%);
  padding: 10px 20px;
}
.access__listItemTitle {
  display: inline-block;
  position: relative;
  background-color: #EEAAAA;
  min-width: 200px;
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
}
.access__listItemTitle::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(100%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 15px 0 0;
  border-color: #EEAAAA transparent transparent transparent;
}
main#instruments .contents-box.studio02 {
  padding: 25px 0 60px;
  background-color: #DDDDDD;
}
main#instruments.compact .contents-box.studio02 {
  padding-bottom: 20px;
}
main#instruments .contents-box.studio02 .title {
  text-align: center;
  font-size: 20px;
}
main#instruments .contents-box.studio02 .box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
  margin-top: 30px;
  padding: 60px 20px;
  background-color: #fff;
}
main#instruments .contents-box.studio02 .box > div {
  width: 420px;
}
main#instruments .contents-box.studio02 .box .content {
  text-align: center;
}
main#instruments .contents-box.studio02 .box .content ul {
  display: inline-block;
  text-align: right;
}
main#instruments .contents-box.studio02 .box .content ul li {
  font-size: 18px;
}
main#instruments .contents-box.studio02 .box .content ul li:not(:first-child) {
  margin-top: 20px;
}
main#instruments .contents-box.studio02 .box .content ul li span {
  padding: 0 25px;
  font-size: 40px;
  font-weight: bold;
  font-style: italic;
  color: #EEAAAA;
  font-family: 'Roboto', sans-serif;
}
main#instruments .contents-box.studio02 .box .content p {
  margin-top: 35px;
  font-size: 12px;
}
main#instruments .contents-box.studio02 .campaign-btn {
  margin-top: 80px;
}
main#instruments.compact .contents-box.studio02 .campaign-btn {
  margin-top: 50px;
}
main.compact .curriculum01 .img > img  {
  margin-left: -64px;
  margin-top: -80px;
  max-width: 1064px;
}
main#sc_main.has10reasons .contents-box.curriculum01,
main#instruments .contents-box.curriculum01 {
  padding: 90px 0 120px;
}
main#sc_main.has10reasons .contents-box.curriculum01,
main#instruments.compact .contents-box.curriculum01 {
  padding-top: 60px;
}
main#sc_main.has10reasons .contents-box.curriculum01 .img .box,
main#instruments .contents-box.curriculum01 .img .box {
  position: relative;
  z-index: 10;
  margin: -240px 20px 0;
  padding: 30px 0;
  background-color: #fff;
  box-shadow: 0 0 30px 0 #999;
  text-align: center;
}
main#sc_main.has10reasons .contents-box.curriculum01 .img .box,
main#instruments.compact .contents-box.curriculum01 .img .box {
  margin-top: -30px;
}
main#sc_main.has10reasons .contents-box.curriculum01 .img .box p,
main#instruments .contents-box.curriculum01 .img .box p {
  margin-top: 30px;
  font-size: 16px;
  line-height: 1.6;
}
main#sc_main.has10reasons .contents-box.curriculum01 .img .box p,
main#instruments .contents-box.curriculum01 .img .box p {
  margin-top: 0px;
}
main#sc_main.has10reasons .contents-box.curriculum01 .text-box,
main#instruments .contents-box.curriculum01 .text-box {
  position: relative;
  z-index: 20;
  width: calc(100% + 20px);
  height: 100px;
  margin-left: -10px;
  background-color: #fff;
  box-shadow: 0 0 15px 0 #ccc;
  text-align: center;
  font-size: 20px;
  line-height: 1.6;
}
main#sc_main.has10reasons .contents-box.curriculum01 .text-box span,
main#instruments .contents-box.curriculum01 .text-box span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  font-weight: bold;
}
main#sc_main.has10reasons .contents-box.curriculum01 .img02,
main#instruments .contents-box.curriculum01 .img02 {
  position: relative;
  z-index: 2;
  text-align: center;
}
main#sc_main.has10reasons .contents-box.curriculum01 .img02 img,
main#instruments .contents-box.curriculum01 .img02 img {
  box-shadow: 0 0 30px 0 #ccc;
}
main#sc_main.has10reasons .contents-box.curriculum02,
main#instruments .contents-box.curriculum02 {
  padding: 20px 0 60px;
  background-color: #DDDDDD;
}
main#sc_main.has10reasons .contents-box.curriculum02 .contents-inner,
main#instruments .contents-box.curriculum02 .contents-inner {
  position: relative;
}
main#sc_main.has10reasons .contents-box.curriculum02 .balloon,
main#instruments .contents-box.curriculum02 .balloon {
  position: absolute;
  top: -130px;
  left: 120px;
}
main#sc_main.has10reasons .contents-box.curriculum02 .box,
main#instruments .contents-box.curriculum02 .box {
  padding: 10px 0 20px;
  background-color: #fff;
}
main#sc_main.has10reasons .contents-box.curriculum02 .box .img,
main#instruments .contents-box.curriculum02 .box .img {
  text-align: center;
}
main#sc_main.has10reasons .contents-box.curriculum02 .box .text-box,
main#instruments .contents-box.curriculum02 .box .text-box {
  position: relative;
  width: calc(100% + 20px);
  margin-left: -10px;
  background-color: #fff;
  box-shadow: 0 0 30px 0 #ccc;
  text-align: center;
  font-size: 20px;
  line-height: 1.6;
  padding: 15px 0;
}
main#sc_main.has10reasons .contents-box.curriculum02 .box .text-box span,
main#instruments .contents-box.curriculum02 .box .text-box span {
  white-space: nowrap;
  font-weight: bold;
}
main#sc_main.has10reasons .contents-box.curriculum02 .box .img02,
main#instruments .contents-box.curriculum02 .box .img02 {
  position: relative;
  z-index: 2;
  padding-top: 30px;
  text-align: center;
}
main#sc_main.has10reasons .contents-box.curriculum02 .box .movie,
main#instruments .contents-box.curriculum02 .box .movie {
  margin: 20px 20px 0;
  background-color: #EEAAAA;
  text-align: center;
}
main#sc_main.has10reasons .contents-box.curriculum02 .box .movie p,
main#instruments .contents-box.curriculum02 .box .movie p {
  margin-top: 25px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
main#sc_main.has10reasons .contents-box.curriculum02 .box .movie .youtube,
main#instruments .contents-box.curriculum02 .box .movie .youtube {
  padding: 20px;
}
main#sc_main.has10reasons .contents-box.curriculum02 .box .movie .youtube iframe,
main#instruments .contents-box.curriculum02 .box .movie .youtube iframe {
  width: 100%;
  height: 520px;
  vertical-align: middle;
}
main#sc_main.has10reasons .contents-box.curriculum03,
main#instruments .contents-box.curriculum03 {
  position: relative;
  padding-top: 80px;
}
main#sc_main.has10reasons .contents-box.curriculum03,
main#instruments.compact .contents-box.curriculum03 {
  padding-top: 100px;
}
main#sc_main.has10reasons .contents-box.curriculum03 .img,
main#instruments .contents-box.curriculum03 .img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -40px;
}
main#sc_main.has10reasons .contents-box.curriculum03 .img,
main#instruments.compact .contents-box.curriculum03 .img {
  top: 0px;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list,
main#instruments .contents-box.curriculum03 .list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  display: -webkit-flex;
  flex-wrap: nowrap;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div,
main#instruments .contents-box.curriculum03 .list > div {
  width: 480px;
  padding: 20px;
  background-color: #fff;
  box-sizing: border-box;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div:nth-of-type(1) .item-list,
main#instruments .contents-box.curriculum03 .list > div:nth-of-type(1) .item-list {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  display: -webkit-flex;
  flex-wrap: wrap;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div:nth-of-type(1) .item-list > div,
main#instruments .contents-box.curriculum03 .list > div:nth-of-type(1) .item-list > div {
  width: 50%;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div:nth-of-type(1) .item-list > div:nth-of-type(1) .box-title,
main#instruments .contents-box.curriculum03 .list > div:nth-of-type(1) .item-list > div:nth-of-type(1) .box-title {
  color: #88CCDD;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div:nth-of-type(1) .item-list > div:nth-of-type(2) .box-title,
main#instruments .contents-box.curriculum03 .list > div:nth-of-type(1) .item-list > div:nth-of-type(2) .box-title {
  color: #88DDBB;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div:nth-of-type(1) .item-list > div:nth-of-type(3) .box-title,
main#instruments .contents-box.curriculum03 .list > div:nth-of-type(1) .item-list > div:nth-of-type(3) .box-title {
  color: #EEAA77;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div:nth-of-type(1) .item-list > div:nth-of-type(4) .box-title,
main#instruments .contents-box.curriculum03 .list > div:nth-of-type(1) .item-list > div:nth-of-type(4) .box-title {
  color: #EEAAAA;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div:nth-of-type(1) .item-list > div .inner,
main#instruments .contents-box.curriculum03 .list > div:nth-of-type(1) .item-list > div .inner {
  padding: 17px 23px;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div:nth-of-type(1) .item-list > div .inner .box-title,
main#instruments .contents-box.curriculum03 .list > div:nth-of-type(1) .item-list > div .inner .box-title {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div:nth-of-type(1) .item-list > div .inner p,
main#instruments .contents-box.curriculum03 .list > div:nth-of-type(1) .item-list > div .inner p {
  margin-top: 15px;
  font-size: 13px;
  line-height: 1.6;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div:nth-of-type(2) .gray-box,
main#instruments .contents-box.curriculum03 .list > div:nth-of-type(2) .gray-box {
  padding: 20px;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div:nth-of-type(2) .gray-box > div,
main#instruments .contents-box.curriculum03 .list > div:nth-of-type(2) .gray-box > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  display: -webkit-flex;
  flex-wrap: nowrap;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div:nth-of-type(2) .gray-box > div:not(:first-child),
main#instruments .contents-box.curriculum03 .list > div:nth-of-type(2) .gray-box > div:not(:first-child) {
  margin-top: 45px;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div:nth-of-type(2) .gray-box > div:nth-of-type(2) .content,
main#sc_main.has10reasons .contents-box.curriculum03 .list > div:nth-of-type(2) .gray-box > div:nth-of-type(4) .content,
main#instruments .contents-box.curriculum03 .list > div:nth-of-type(2) .gray-box > div:nth-of-type(2) .content, main#instruments .contents-box.curriculum03 .list > div:nth-of-type(2) .gray-box > div:nth-of-type(4) .content {
  padding: 0 10px 0 0;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div:nth-of-type(2) .gray-box > div .thumbnail,
main#instruments .contents-box.curriculum03 .list > div:nth-of-type(2) .gray-box > div .thumbnail {
  flex-shrink: 0;
  width: 100px;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div:nth-of-type(2) .gray-box > div .content,
main#instruments .contents-box.curriculum03 .list > div:nth-of-type(2) .gray-box > div .content {
  flex-grow: 1;
  padding-left: 10px;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div:nth-of-type(2) .gray-box > div .content .gray-box-title,
main#instruments .contents-box.curriculum03 .list > div:nth-of-type(2) .gray-box > div .content .gray-box-title {
  font-size: 18px;
  font-weight: bold;
  color: #88CCDD;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div:nth-of-type(2) .gray-box > div .content p,
main#instruments .contents-box.curriculum03 .list > div:nth-of-type(2) .gray-box > div .content p {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.6;
}
main#sc_main .contents-box.curriculum03 .list > div .title,
main#instruments .contents-box.curriculum03 .list > div .title {
  margin-top: 30px;
  text-align: center;
}
main#instruments .contents-box.curriculum03 .list > div .block {
  height: 150px;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div .block,
main#instruments.compact .contents-box.curriculum03 .list > div .block {
  height: auto;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div .block p,
main#instruments .contents-box.curriculum03 .list > div .block p {
  margin-top: 45px;
  font-size: 14px;
  line-height: 2;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div .block p,
main.compact .contents-box.curriculum03 .list > div .block p {
  margin-bottom: 10px;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div .block .logo,
main#instruments .contents-box.curriculum03 .list > div .block .logo {
  margin-top: 40px;
  text-align: center;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div .block .logo,
main#instruments.compact .contents-box.curriculum03 .list > div .block .logo {
  margin-top: 0;
}
main#sc_main.has10reasons .contents-box.curriculum03 .list > div .gray-box,
main#instruments .contents-box.curriculum03 .list > div .gray-box {
  background-color: #F9F9F9;
}
main#instruments .contents-box.curriculum03 .campaign-btn {
  margin-top: 80px;
}
main#instruments .contents-box.curriculum03 .campaign-btn {
  margin-top: 40px;
}
main#instruments .contents-box.enjoy01 {
  padding: 60px 0 40px;
}
main#instruments.compact .contents-box.enjoy01 {
  padding: 80px 0 40px;
}
main#instruments .contents-box.enjoy01 .img {
  margin-top: 65px;
}
main#instruments.compact .contents-box.enjoy01 .img {
  margin-top: 30px;
}
main#instruments .contents-box.enjoy02 {
  padding: 25px 0 60px;
  background-color: #DDDDDD;
}
main#instruments.compact .contents-box.enjoy02 {
  padding-bottom: 30px;
  }
main#instruments .contents-box.enjoy02 .title {
  font-size: 18px;
  text-align: center;
}
main#instruments .contents-box.enjoy02 .img {
  margin-top: 40px;
}
main#instruments .contents-box.enjoy02 .btn {
  margin-top: 30px;
}
main#instruments.compact .contents-box.enjoy02 .btn {
  margin-top: 10px;
}
main#instruments .contents-box.enjoy02 .btn a {
  width: 500px;
  padding: 17px 0;
  font-size: 20px;
}
main#instruments .contents-box.enjoy02 .campaign-btn {
  margin-top: 40px;
}
main#instruments.compact .contents-box.enjoy02 .campaign-btn {
  margin-top: 20px;
}
main#instruments .contents-box.musicstylist {
  padding-top: 90px;
}
main#instruments.compact .contents-box.musicstylist {
  padding-top: 40px;
}
main#instruments .contents-box.musicstylist .box {
  position: relative;
}
main#instruments.compact .contents-box.musicstylist .musicstylist01  {
  margin-left: -106px;
  margin-top: -100px;
}
main#instruments .contents-box.musicstylist .box .inner-box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 270px;
  width: calc(100% - 40px);
  padding: 25px 0 30px;
  text-align: center;
  box-shadow: 0 0 15px 0 #aaa;
  background-color: #fff;
}
main#instruments .contents-box.musicstylist .box .inner-box {
  top: 230px;
}
main#instruments .contents-box.musicstylist .box .inner-box .text1 {
  font-size: 15px;
  font-weight: bold;
}
main#instruments .contents-box.musicstylist .box .inner-box .text1 {
  color: #88DDBB;
}
main#instruments .contents-box.musicstylist .box .inner-box .text2 {
  position: relative;
  margin-top: 10px;
  font-size: 28px;
  font-weight: bold;
  color: #88DDBB;
}
main#instruments.compact .contents-box.musicstylist .box .inner-box .text2 {
  margin-top: 0px;
  font-size:24px;
  margin-bottom: 5px;
}
main#instruments .contents-box.musicstylist .box .inner-box .text2::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20px;
  width: 30px;
  height: 2px;
  background-color: #DDDDDD;
}
main#instruments.compact .contents-box.musicstylist .box .inner-box .text2::before {
  display: none;
}
main#instruments .contents-box.musicstylist .box .inner-box p {
  margin-top: 50px;
  font-size: 16px;
  line-height: 2;
}
main#instruments.compact .contents-box.musicstylist .box .inner-box p {
  margin-top: 0px;
  font-size: 14px;
  line-height: 1.5;
}
main#instruments .contents-box.musicstylist .box .img02 {
  padding-top: 300px;
  background-color: #fff;
  text-align: center;
}
main#instruments.compact .contents-box.musicstylist .box .img02 {
  padding-top:160px;
}
main#instruments .contents-box.musicstylist .campaign-btn {
  margin-top: 80px;
}
main#instruments .contents-box.eysranking {
  padding-top: 60px;
}
main#instruments .contents-box.eysranking .list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  display: -webkit-flex;
  flex-wrap: nowrap;
  margin-top: 80px;
}
main#instruments.compact .contents-box.eysranking .list {
  margin-top: 25px;
}
main#instruments .contents-box.eysranking .list > div {
  width: 320px;
  padding: 10px 0;
  background-color: #DDDDDD;
  border-radius: 10px;
  box-sizing: border-box;
}
main#instruments .contents-box.eysranking .list > div .ranking {
  position: relative;
  padding: 30px 0 10px;
  margin: 0 10px;
  text-align: center;
  background-color: #fff;
}
main#instruments .contents-box.eysranking .list > div .ranking::before {
  content: url("/pc/images/guitar/ranking-arrow.png");
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -15px;
  line-height: 1;
}
main#instruments .contents-box.eysranking .list > div .ranking .rank {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -25px;
}
main#instruments .contents-box.eysranking .list > div .ranking .rank-title {
  font-size: 20px;
  font-weight: bold;
}
main#instruments .contents-box.eysranking .list > div .ranking .rank-title.orange {
  color: #EEAA77;
}
main#instruments .contents-box.eysranking .list > div .ranking .rank-title.blue {
  color: #88CCDD;
}
main#instruments .contents-box.eysranking .list > div .ranking .rank-title.green {
  color: #88DDBB;
}
main#instruments .contents-box.eysranking .list > div .ranking .rank-number {
  margin-top: 10px;
  font-size: 10px;
}
main#instruments .contents-box.eysranking .list > div .item-list {
  margin-top: 25px;
  height: 300px;
}
main#instruments .contents-box.eysranking .list > div .item-list .box {
  padding: 10px;
  margin: 10px 0 0 10px;
  background-color: #F9F9F9;
}
main#instruments .contents-box.eysranking .list > div .item-list .box:not(:first-child) {
  margin-top: 15px;
}
main#instruments .contents-box.eysranking .list > div .item-list .box .headding {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
}
main#instruments .contents-box.eysranking .list > div .item-list .box .headding .profile {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
}
main#instruments .contents-box.eysranking .list > div .item-list .box .headding .profile.facebook .thumbnail::before {
  content: url("/pc/images/guitar/ranking-sns01.png");
}
main#instruments .contents-box.eysranking .list > div .item-list .box .headding .profile.twitter .thumbnail::before {
  content: url("/pc/images/guitar/ranking-sns02.png");
}
main#instruments .contents-box.eysranking .list > div .item-list .box .headding .profile.instagram .thumbnail::before {
  content: url("/pc/images/guitar/ranking-sns03.png");
}
main#instruments .contents-box.eysranking .list > div .item-list .box .headding .profile .thumbnail {
  position: relative;
  flex-shrink: 0;
  width: 50px;
}
main#instruments .contents-box.eysranking .list > div .item-list .box .headding .profile .thumbnail::before {
  position: absolute;
  top: -15px;
  left: -15px;
}
main#instruments .contents-box.eysranking .list > div .item-list .box .headding .profile .text {
  padding-top: 5px;
  padding-left: 5px;
  white-space: nowrap;
}
main#instruments .contents-box.eysranking .list > div .item-list .box .headding .profile .text .name {
  font-size: 12px;
}
main#instruments .contents-box.eysranking .list > div .item-list .box .headding .profile .text .time {
  margin-top: 10px;
  font-size: 10px;
  color: #999999;
}
main#instruments .contents-box.eysranking .list > div .item-list .box .headding .right {
  padding-top: 5px;
  font-size: 10px;
}
main#instruments .contents-box.eysranking .list > div .item-list .box .comment {
  margin-top: 10px;
  font-size: 10px;
  line-height: 1.2;
}
main#instruments .contents-box.eysranking .list > div .jspVerticalBar {
  width: 8px;
  background-color: transparent;
}
main#instruments .contents-box.eysranking .list > div .jspVerticalBar .jspTrack {
  background-color: transparent;
}
main#instruments .contents-box.eysranking .list > div .jspVerticalBar .jspDrag {
  width: 4px;
  background-color: #fff;
}
main#instruments .contents-box.eysranking .ranking-after {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  display: -webkit-flex;
  flex-wrap: nowrap;
  margin-top: 40px;
}
main#instruments .contents-box.eysranking .ranking-after > div {
  position: relative;
  width: 235px;
  padding: 35px 0 10px;
  text-align: center;
  border: 10px solid #DDDDDD;
  border-radius: 10px;
  background-color: #fff;
  box-sizing: border-box;
}
main#instruments .contents-box.eysranking .ranking-after > div .rank {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -25px;
}
main#instruments .contents-box.eysranking .ranking-after > div .rank-title {
  position: relative;
  min-height: 55px;
  font-size: 18px;
  font-weight: bold;
  color: #EEAAAA;
  line-height: 1.4;
}
main#instruments .contents-box.eysranking .ranking-after > div .rank-title span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
main#instruments .contents-box.eysranking .ranking-after > div .rank-number {
  font-size: 13px;
}
main#instruments .contents-box.eysranking .campaign-btn {
  margin-top: 90px;
}
main#instruments .contents-box.voices {
  padding-top: 60px;
}
main#instruments .contents-box.voices .list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
  margin-top: 50px;
}
main#instruments .contents-box.voices .list > div {
  width: 480px;
}
main#instruments .contents-box.voices .list > div .item-list {
  margin-top: 30px;
  height: 370px;
  padding: 10px 0;
  background-color: #DDDDDD;
}
main#instruments .contents-box.voices .list > div .item-list .box {
  min-height: 110px;
  box-sizing: border-box;
  padding: 10px;
  margin: 0 10px;
  background-color: #F9F9F9;
}
main#instruments .contents-box.voices .list > div .item-list .box:not(:first-child) {
  margin-top: 15px;
}
main#instruments .contents-box.voices .list > div .item-list .box .headding {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
}
main#instruments .contents-box.voices .list > div .item-list .box .headding .profile {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
}
main#instruments .contents-box.voices .list > div .item-list .box .headding .profile.facebook .thumbnail::before {
  content: url("/pc/images/guitar/ranking-sns01.png");
}
main#instruments .contents-box.voices .list > div .item-list .box .headding .profile.twitter .thumbnail::before {
  content: url("/pc/images/guitar/ranking-sns02.png");
}
main#instruments .contents-box.voices .list > div .item-list .box .headding .profile.instagram .thumbnail::before {
  content: url("/pc/images/guitar/ranking-sns03.png");
}
main#instruments .contents-box.voices .list > div .item-list .box .headding .profile .thumbnail {
  position: relative;
  flex-shrink: 0;
  width: 50px;
}
main#instruments .contents-box.voices .list > div .item-list .box .headding .profile .thumbnail::before {
  position: absolute;
  top: -15px;
  left: -15px;
}
main#instruments .contents-box.voices .list > div .item-list .box .headding .profile .text {
  padding-top: 5px;
  padding-left: 5px;
  white-space: nowrap;
}
main#instruments .contents-box.voices .list > div .item-list .box .headding .profile .text .name {
  font-size: 12px;
}
main#instruments .contents-box.voices .list > div .item-list .box .headding .profile .text .time {
  margin-top: 10px;
  font-size: 10px;
  color: #999999;
}
main#instruments .contents-box.voices .list > div .item-list .box .headding .right {
  padding-top: 5px;
  font-size: 10px;
}
main#instruments .contents-box.voices .list > div .item-list .box .comment {
  margin-top: 10px;
  font-size: 10px;
  line-height: 1.2;
}
main#instruments .contents-box.voices .list > div .jspVerticalBar {
  width: 8px;
  background-color: transparent;
}
main#instruments .contents-box.voices .list > div .jspVerticalBar .jspTrack {
  background-color: transparent;
}
main#instruments .contents-box.voices .list > div .jspVerticalBar .jspDrag {
  width: 4px;
  background-color: #fff;
}
main#instruments .contents-box.voices .campaign-btn {
  margin-top: 80px;
}

main#instruments .present01 .guitar_girl_banner {
  margin-top: 15px;
  margin-left: 0;
}
main#instruments .present01 .mlc_img_box {
  position: relative;
}
main#instruments.compact .present01 .mlc_img_box {
  height: 400px;
  overflow: hidden;
}
main#instruments.compact .present01 .mlc_img_box img {
  width: 100%;
  height: auto;
}
main#instruments .present01 .thumb.base {
  opacity: 0.0;
  position: relative;
}
main#instruments .present01 .thumb.fade_in {
  opacity: 1;
  position: absolute;
  height: 100%;
  z-index: 5;
  transition: 2s ease-in-out;
  -webkit-transition: 2s ease-in-out;
}
main#instruments .present01 .thumb.fade_out {
  opacity: 0;
  z-index: 5;
  position: absolute;
  height: 100%;
  transition: 2s ease-in-out;
  -webkit-transition: 2s ease-in-out;
}
main#instruments .present01 .mlc_bg_box {
  margin-top: 27px;
}
main#instruments .present01 .mlc_bg_box .mlc_bg {
  position: relative;
}
main#instruments .present01 .mlc_bg_box .mlc_bg img {
  width: 100%;
  vertical-align: top;
}
main#instruments .present01 .mlc_bg_box .mlc_bg span {
  position: absolute;
  font-size: 17.5px;
  top: 50%;
  transform: translateY(-50%);
  left: 120px;
  line-height: 1.5;
  z-index: 1;
  color: #222222;
}
main#instruments .present01 .mlc_bg_box .mlc_bg.mlc_bg_left {
  margin-right: 7%;
  margin-bottom: 5px;
}
main#instruments .present01 .mlc_bg_box .mlc_bg.mlc_bg_right {
  margin-left: 7%;
}
main#instruments .present01 .white_square .title {
  padding: 10px 0;
  font-size: 16px;
  font-weight: bold;
  color: #EEAAAA;
  text-align: center;
  background-color: #fff;
}
main#instruments .present01 .navigator_container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
}
main#instruments .present01 .navigator_container div {
  width: 16.666666666666666666666666666666667%;
  cursor: pointer;
  overflow: hidden;
  background-size: 600% 100%;
  padding-bottom: 16.666666666666666666666666666666667%;
  position: relative;
}
main#instruments .present01 .navigator_container div.lazyloaded {
  background-image: url(/pc/images/guitar/guitar_photo_thumbnails.png);
}
main#instruments .present01 .navigator_container div::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.25);
}
main#instruments .present01 .navigator_container div.active::after {
  background: none;
}
main#instruments .present01 .navigator_container div.guitar_photo_thumbnail_2 {
  background-position: -100% 0;
}
main#instruments .present01 .navigator_container div.guitar_photo_thumbnail_3 {
  background-position: -200% 0;
}
main#instruments .present01 .navigator_container div.guitar_photo_thumbnail_4 {
  background-position: -300% 0;
}
main#instruments .present01 .navigator_container div.guitar_photo_thumbnail_5 {
  background-position: -400% 0;
}
main#instruments .present01 .navigator_container div.guitar_photo_thumbnail_6 {
  background-position: -500% 0;
}
main#instruments .present01 .navigator_container div.active {
  opacity: 1;
  outline-offset: -3px;
  outline: solid 3px white;
}
main#instruments .present01 .mlc_present_slider_container {
  padding: 8px;
  height: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
}
main#instruments .present01 .mlc_present_slider_container .mlc_present_slider {
  background-image: linear-gradient(to top, #222222 -3%, #d4d4d4 35%, white 50%);
  padding-bottom: 10px;
  height: 100%;
}
main#instruments .present01 .mlc_present_slider_container .mlc_present_slider .slick-list,
main#instruments .present01 .mlc_present_slider_container .mlc_present_slider .slick-track,
main#instruments .present01 .mlc_present_slider_container .mlc_present_slider .slick-slide,
main#instruments .present01 .mlc_present_slider_container .mlc_present_slider .slick-slide > div,
main#instruments .present01 .mlc_present_slider_container .mlc_present_slider .mlc_present_slides {
  height: 100%;
}
main#instruments .present01 .mlc_present_slider_container .mlc_present_slider .mlc_present_slides {
  position: relative;
}
main#instruments .present01 .mlc_present_slider_container .mlc_present_slider .mlc_present_slides > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
main#instruments .present01 .mlc_present_slider .mlc_present_slides {
  position: relative;
}
main#instruments .present01 .mlc_present_slider .mlc_present_slides img {
  width: 100%;
}
main#instruments .present01 .mlc_present_slider .mlc_present_slides .mlc_details_box {
  position: absolute;
  top: 26px;
  left: 23px;
}
main#instruments .present01 .mlc_present_slider .mlc_present_slides .mlc_details_box .mlc_name {
  font-family: termina, sans-serif;
  font-size: 24px;
  color: #222222;
  letter-spacing: 2px;
}
main#instruments .present01 .mlc_white {
  color: #ffffff;
}
main#instruments .present01 .mlc_present_slider .mlc_present_slides .mlc_details_box .mlc_popup {
  width: 132px;
  cursor: pointer;
}
main#instruments .present01 .mlc_present_slider .mlc_present_slides .mlc_common_12.bottom {
  position: absolute;
  bottom: 5px;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
}
main#instruments .present01 .slick-initialized .slick-slide {
  margin: 0;
  padding: 0;
}
main#instruments .present01 .slick-next, main#instruments .present01 .slick-prev {
  display: block;
  position: absolute;
  top: 50%;
  width: 60px;
  height: 100px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: transparent;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  z-index: 5;
  transform: translateY(-50%);
}
main#instruments .present01 .slick-prev {
  left: 0;
}
main#instruments .present01 .slick-next {
  right: 0;
}
main#instruments .present01 .slick-prev:before {
  content: '';
  width: 24px;
  height: 24px;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  background-color: transparent;
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
main#instruments .present01 .slick-next:before {
  content: '';
  width: 24px;
  height: 24px;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  background-color: transparent;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
main#instruments .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul {
  position: absolute;
  z-index: 1;
  bottom: 18%;
  left: 20px;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: nowrap;
}
main#instruments .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul li:first-child {
  height: 70px;
  width: 50px;
  cursor: pointer;
}
.rooster > .present-thumbnails-slider-menu-ul > li {
  height: 12px;
  width: 40px;
  cursor: pointer;
}
.hydrangea > .present-thumbnails-slider-menu-ul > li {
  height: 12px;
  width: 35px;
  cursor: pointer;
}
main#instruments .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul li:not(:first-of-type) {
  margin-left: 15px;
}
main#instruments .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul li span {
  width: auto;
  background: url(/pc/images/guitar/guitar_present_image_thumbnails_v2.png) no-repeat;
  object-fit: cover;
  display: block;
  background-size: 175px 94px;
  height: 12px;
}
main#instruments .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul .guitar-present-thumbnail[data-timg-index="1"] span {
  width: 50px;
  height: 70px;
  background-position: 0px -24px;
}
main#instruments .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul .guitar-present-thumbnail[data-timg-index="2"] span {
  background-position: 0px 0px;
}
main#instruments .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul .guitar-present-thumbnail[data-timg-index="3"] span {
  background-position: -50px 0px;
}
main#instruments .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul .guitar-present-thumbnail[data-timg-index="4"] span {
  background-position: -100px 0px;
}
main#instruments .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul .guitar-present-thumbnail[data-timg-index="5"] span {
  width: 50px;
  height: 70px;
  background-position: -50px -24px;
}
main#instruments .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul .guitar-present-thumbnail[data-timg-index="6"] span {
  width: 35px;
  background-position: 0 -12px;
}
main#instruments .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul .guitar-present-thumbnail[data-timg-index="7"] span {
  width: 35px;
  background-position: -35px -12px;
}
main#instruments .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul .guitar-present-thumbnail[data-timg-index="8"] span {
  width: 35px;
  background-position: -70px -12px;
}
main#instruments .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul .guitar-present-thumbnail[data-timg-index="9"] span {
  width: 35px;
  background-position: -105px -12px;
}
main#instruments .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul .guitar-present-thumbnail[data-timg-index="10"] span {
  width: 35px;
  background-position: -140px -12px;
}
main#instruments .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul li:first-child.active {
  position: relative;
}
main#instruments .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul li:first-child.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  transform: translateY(calc(100% + 5px));
  background-color: #ffffff;
}
main#instruments .present01 .mlc_present_slides .present-thumbnails-slider-menu-ul li:not(:first-of-type).active {
  -webkit-box-shadow: 0px 0px 0px 3px #FFFFFF;
  -moz-box-shadow: 0px 0px 0px 3px #FFFFFF;
  box-shadow: 0px 0px 0px 3px #FFFFFF;
}

/*--------------------------
LESSON
----------------------------*/
main#onlineLesson {
  background-color: #EEEEEF;
}
main#onlineLesson .mainvisual {
  position: relative;
  height: 695px;
  padding: 20px 0;
  text-align: center;
  overflow: hidden;
}
main#onlineLesson .mainvisual h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 1400px;
  transform: translate(-50%, -50%);
  z-index: 2;
}
main#onlineLesson .mainvisual.lazyloaded::before {
  background-image: url("/pc/images/lesson/mv.png");
}
main#onlineLesson .mainvisual::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background-size: 130%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-filter: blur(30px);
  -moz-filter: blur(30px);
  -o-filter: blur(30px);
  -ms-filter: blur(30px);
  filter: blur(30px);
}
main#onlineLesson .campaign-btn {
  text-align: center;
}
main#onlineLesson .contents-box .contents-inner {
  width: 1000px;
  margin: 0 auto;
}
main#onlineLesson .contents-box.campaign {
  padding-top: 40px;
  text-align: center;
}
main#onlineLesson .contents-box.campaign img {
  max-width: 100%;
}
main#onlineLesson .contents-box.campaign .campaign-btn {
  margin-top: 20px;
}
main#onlineLesson .contents-box.message01 {
  padding-top: 40px;
}
main#onlineLesson .contents-box.message01 .box {
  position: relative;
  margin-top: 60px;
  padding-bottom: 40px;
}
main#onlineLesson .contents-box.message01 .box .balloon {
  position: absolute;
  top: -110px;
  right: -60px;
}
main#onlineLesson .contents-box.message01 .box .text-box01,
main#onlineLesson .contents-box.message01 .box .text-box02,
main#onlineLesson .contents-box.message01 .box .text-box03,
main#onlineLesson .contents-box.message01 .box .text-box04 {
  font-family: "ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  text-align: center;
  font-size: 18px;
  line-height: 2.5;
  font-weight: normal;
}
main#onlineLesson .contents-box.message01 .box .text-box01 p:not(:nth-of-type(1)),
main#onlineLesson .contents-box.message01 .box .text-box02 p:not(:nth-of-type(1)),
main#onlineLesson .contents-box.message01 .box .text-box03 p:not(:nth-of-type(1)),
main#onlineLesson .contents-box.message01 .box .text-box04 p:not(:nth-of-type(1)) {
  margin-top: 40px;
}
main#onlineLesson .contents-box.message01 .box .text-box01 .text1,
main#onlineLesson .contents-box.message01 .box .text-box02 .text1,
main#onlineLesson .contents-box.message01 .box .text-box03 .text1,
main#onlineLesson .contents-box.message01 .box .text-box04 .text1 {
  font-size: 30px;
}
main#onlineLesson .contents-box.message01 .box .text-box01 {
  padding: 30px 0 40px;
}
main#onlineLesson .contents-box.message01 .box .text-box02,
main#onlineLesson .contents-box.message01 .box .text-box03 {
  padding: 25px 0 5px;
}
main#onlineLesson .contents-box.message01 .box .text-box04 {
  padding: 40px 0 100px;
}
main#onlineLesson .contents-box.message01 .box .img02,
main#onlineLesson .contents-box.message01 .box .img03,
main#onlineLesson .contents-box.message01 .box .img04 {
  margin-left: -10px;
}
main#onlineLesson .contents-box.message01 .box .logo {
  text-align: center;
}
main#onlineLesson .contents-box.message02 {
  margin-top: 55px;
  padding: 80px 0;
  background-color: #DDDDDD;
}
main#onlineLesson .contents-box.message02 .box {
  position: relative;
  background-color: #fff;
}
main#onlineLesson .contents-box.message02 .box .balloon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -120px;
}
main#onlineLesson .contents-box.message02 .box .text-box {
  position: relative;
  width: calc(100% + 20px);
  height: 100px;
  margin-left: -10px;
  background-color: #fff;
  box-shadow: 0 0 30px 0 #ccc;
  text-align: center;
  font-size: 20px;
  line-height: 1.6;
}
main#onlineLesson .contents-box.message02 .box .text-box span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  font-weight: bold;
}
main#onlineLesson .contents-box.message02 .box .img02 {
  padding: 30px 0 40px;
  text-align: center;
}
main#onlineLesson .contents-box.message02 .box .img03 {
  padding: 30px 0 20px;
  text-align: center;
}
main#onlineLesson .contents-box.message02 .box .img03 img {
  margin-left: -20px;
}
main#onlineLesson .contents-box.message02 .campaign-btn {
  margin-top: 80px;
}
main#onlineLesson .contents-box.present {
  padding-top: 80px;
}
main#onlineLesson .contents-box.present .text1 {
  padding: 15px 0 40px;
  text-align: center;
  font-size: 14px;
}
main#onlineLesson .contents-box.present .mlc_slider_tab {
  position: relative;
  margin-top: 160px;
}
main#onlineLesson .contents-box.present .mlc_slider_tab::before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -160px;
  line-height: 1;
}
main#onlineLesson .contents-box.present .mlc_slider_tab.lazyloaded::before {
    content: url("/pc/images/lesson/present01.png");
}
main#onlineLesson .contents-box.present .campaign-btn {
  margin-top: 80px;
}
main#onlineLesson .contents-box.access01 {
  padding: 40px 0;
}
main#onlineLesson .contents-box.access01 .list {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  display: -webkit-flex;
  flex-wrap: nowrap;
  margin-top: 60px;
}
main#onlineLesson .contents-box.access01 .list > div {
  width: 33.333%;
  background-color: #fff;
}
main#onlineLesson .contents-box.access01 .list > div:nth-of-type(2) {
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
}
main#onlineLesson .contents-box.access01 .list > div .inner {
  padding: 30px 0 45px;
}
main#onlineLesson .contents-box.access01 .list > div .title {
  font-size: 22px;
  text-align: center;
  font-weight: bold;
  line-height: 1.6;
}
main#onlineLesson .contents-box.access02 {
  padding: 40px 0 80px;
  background-color: #DDDDDD;
}
main#onlineLesson .contents-box.access02 .box {
  padding-bottom: 20px;
  background-color: #fff;
}
main#onlineLesson .contents-box.access02 .box > div:nth-of-type(1) {
  padding-top: 30px;
}
main#onlineLesson .contents-box.access02 .box > div:nth-of-type(2), main#onlineLesson .contents-box.access02 .box > div:nth-of-type(3) {
  padding-top: 40px;
}
main#onlineLesson .contents-box.access02 .box .title {
  display: flex;
  justify-content: center;
  align-items: center;
  display: -webkit-flex;
  flex-wrap: nowrap;
}
main#onlineLesson .contents-box.access02 .box .title span {
  padding-left: 25px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
}
main#onlineLesson .contents-box.access02 .box .media-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: -webkit-flex;
  flex-wrap: nowrap;
  margin-top: 40px;
  padding: 0 20px;
}
main#onlineLesson .contents-box.access02 .box .media-box.top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
}
main#onlineLesson .contents-box.access02 .box .media-box > div {
  width: 460px;
}
main#onlineLesson .contents-box.access02 .box .media-box > div.sentence {
  font-size: 15px;
  line-height: 1.6;
}
main#onlineLesson .contents-box.access02 .box .media-box > div.sentence .img {
  margin-top: 10px;
  text-align: center;
}
main#onlineLesson .contents-box.access02 .box .arrow {
  margin-top: 20px;
}
main#onlineLesson .contents-box.access02 .campaign-btn {
  margin-top: 80px;
}
main#onlineLesson .contents-box.price01 {
  padding: 80px 0 110px;
}
main#onlineLesson .contents-box.price01 .box {
  margin-top: 65px;
  padding: 40px 0 20px;
  background-color: #fff;
}
main#onlineLesson .contents-box.price01 .box .headline {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}
main#onlineLesson .contents-box.price01 .box .ticket-box {
  width: calc(100% + 20px);
  margin-top: 40px;
  margin-left: -10px;
  padding: 30px 0 20px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 0 30px 0 #ccc;
}
main#onlineLesson .contents-box.price01 .box p {
  margin-top: 40px;
  text-align: center;
  font-size: 15px;
  line-height: 1.6;
}
main#onlineLesson .contents-box.price01 .box .list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  display: -webkit-flex;
  flex-wrap: nowrap;
  margin-top: 40px;
  padding: 0 20px;
}
main#onlineLesson .contents-box.price01 .box .list > div {
  width: 460px;
  padding: 30px 0 40px;
  background-color: #F9F9F9;
}
main#onlineLesson .contents-box.price01 .box .list > div .item-title {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
main#onlineLesson .contents-box.price01 .box .list > div ul {
  width: 300px;
  margin: 20px auto 0;
}
main#onlineLesson .contents-box.price01 .box .list > div ul li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
}
main#onlineLesson .contents-box.price01 .box .list > div ul li:not(:first-child) {
  margin-top: 10px;
}
main#onlineLesson .contents-box.price01 .box .list > div ul li span:nth-of-type(1) {
  flex-shrink: 0;
  width: 80px;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
}
main#onlineLesson .contents-box.price01 .box .list > div ul li span:nth-of-type(2) {
  font-size: 12px;
  white-space: nowrap;
}
main#onlineLesson .contents-box.price01 .box .list > div ul li span:nth-of-type(2) b {
  color: #EEAAAA;
}
main#onlineLesson .contents-box.price02 {
  position: relative;
  padding: 80px 0;
  background-color: #DDDDDD;
}
main#onlineLesson .contents-box.price02 .balloon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -100px;
}
main#onlineLesson .contents-box.price02 .list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
}
main#onlineLesson .contents-box.price02 .list > div {
  width: 480px;
}
main#onlineLesson .contents-box.price02 .list > div:nth-of-type(1) .box::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 6px;
  height: 14px;
  background-color: #EEAA77;
}
main#onlineLesson .contents-box.price02 .list > div:nth-of-type(2) .box::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 6px;
  height: 14px;
  background-color: #88CCDD;
}
main#onlineLesson .contents-box.price02 .list > div .box {
  position: relative;
  z-index: 1;
  margin: -60px 20px 0;
  padding-top: 35px;
  background-color: #fff;
  text-align: center;
}
main#onlineLesson .contents-box.price02 .list > div .box p {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}
main#onlineLesson .contents-box.price02 .list > div .box p span {
  font-size: 28px;
  font-weight: bold;
}
main#onlineLesson .contents-box.price02 .list > div .box p span.orange {
  color: #EEAA77;
}
main#onlineLesson .contents-box.price02 .list > div .box p span.blue {
  color: #88CCDD;
}
main#onlineLesson .contents-box.price02 .list > div .box .box__ticket {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
main#onlineLesson .contents-box.price02 .list > div .box .box__ticket > dd {
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 24px;
    margin-left: 35px;
}
main#onlineLesson .contents-box.price02 .list > div .box .box__ticket > dd::before {
    position: absolute;
    content: "x";
    font-weight: 600;
    font-size: 16px;
    left: 0;
    top: 50%;
    transform: translate(-100%, -50%);
    padding: 0 10px;
}
main#onlineLesson .contents-box.price02 .list > div .box .img {
  padding: 15px 0 30px;
  text-align: center;
}
main#onlineLesson .contents-box.price02 .campaign-btn {
  margin-top: 80px;
}
main#onlineLesson .contents-box.enjoy {
  padding-top: 75px;
}
main#onlineLesson .contents-box.enjoy .list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
  margin-top: 150px;
}
main#onlineLesson .contents-box.enjoy .list > div {
  position: relative;
  width: 480px;
  padding-top: 20px;
  background-color: #fff;
}
main#onlineLesson .contents-box.enjoy .list > div:nth-of-type(1) .balloon {
  left: -20px;
  top: -110px;
}
main#onlineLesson .contents-box.enjoy .list > div:nth-of-type(2) .balloon {
  right: -20px;
  top: -125px;
}
main#onlineLesson .contents-box.enjoy .list > div .balloon {
  position: absolute;
}
main#onlineLesson .contents-box.enjoy .list > div .title {
  text-align: center;
}
main#onlineLesson .contents-box.enjoy .list > div .title span {
  display: block;
}
main#onlineLesson .contents-box.enjoy .list > div .title span:nth-of-type(1) {
  font-size: 20px;
  font-weight: bold;
}
main#onlineLesson .contents-box.enjoy .list > div .title span:nth-of-type(2) {
  margin-top: 10px;
  font-size: 14px;
}
main#onlineLesson .contents-box.enjoy .list > div .thumbnail {
  margin-top: 20px;
}
main#onlineLesson .contents-box.enjoy .list > div .thumbnail img {
  width: 100%;
}
main#onlineLesson .contents-box.enjoy .list > div .inner {
  padding: 20px 0 25px;
}
main#onlineLesson .contents-box.enjoy .list > div .inner p {
  font-size: 14px;
  text-align: center;
  line-height: 1.6;
}
main#onlineLesson .contents-box.enjoy .list > div .inner p:not(:nth-of-type(1)) {
  margin-top: 25px;
}
main#onlineLesson .contents-box.enjoy .list > div .trouble {
  margin: 0 10px 10px;
  padding: 20px 20px 40px;
  background-color: #F9F9F9;
}
main#onlineLesson .contents-box.enjoy .list > div .trouble > p {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
main#onlineLesson .contents-box.enjoy .list > div .trouble .trouble-list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  display: -webkit-flex;
  flex-wrap: nowrap;
  margin-top: 20px;
}
main#onlineLesson .contents-box.enjoy .list > div .trouble .trouble-list > div {
  width: 50%;
  text-align: center;
}
main#onlineLesson .contents-box.enjoy .list > div .trouble .trouble-list > div p {
  margin-top: 20px;
  font-size: 13px;
  line-height: 1.5;
}
main#onlineLesson .contents-box.enjoy .campaign-btn {
}

main#onlineLesson .contents-box.lesson-course {
  padding-top: 60px;
}


main.compact .mainvisual .swiper-slide {
    height: 527px;
    padding: 10px 0;
}
main.compact .mainvisual .swiper-slide img {
  max-width: 1100px;
  max-height: 527px;
  height: auto;
}
main#home.compact .mainvisual .swiper-wrapper img.camp-mini-cd {
  z-index: 5;
  width: 242.5px;
  position: absolute;
  top: 300px;
  left: 873px;
}
main#home.compact .mainvisual .swiper-wrapper .camp-number-text {
  z-index: 6;
  position: absolute;
  top: 324px;
  left: 907px;
  color: white;
  font-size: 12px;
}
main#home.compact .mainvisual .swiper-wrapper .camp-date-text {
  z-index: 6;
  position: absolute;
  top: 359px;
  left: 940px;
  color: white;
  font-size: 11px;
}
main.compact .camp-wday {
  display: inline-block;
  border-radius: 50%;
  background-color: #e86700;
  color: white;
  height: 17px;
  width: 17px;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  margin: 0 2px;
}
main#home.compact .mainvisual .swiper-slide img.camp-mini {
  top: -205px;
  left: 375px;
  width: 380px;
  height: auto;
  box-shadow: none;
}
main.compact .contents-box.campaign#campaign-detail {
  margin-top: -300px;
  padding-top: 320px;
}
main.compact .eys-form {
  background-color: #eeeef0;
}
main#home.compact .swiper-container {
  width: 1280px;
  height: 550px;
}
main#home.compact .mainvisual .swiper-slide.mv01.lazyloaded::before {
    background-image: url("/pc/images/top/mv01.png");
}
main#home.compact .mainvisual .swiper-slide.mv02.lazyloaded::before {
    background-image: url("/pc/images/top/mv02.png");
}
main#home.compact .mainvisual .swiper-slide.mv03.lazyloaded::before {
    background-image: url("/pc/images/top/mv03.png");
}
main#instruments.compact .camp-mini-cd-wrap {
}
main#instruments.compact img.camp-mini-cd {
  z-index: 5;
  width: 242.5px;
  position: absolute;
  left: 40px;
}
main#instruments.compact .camp-number-text2 {
  z-index: 6;
  position: absolute;
  top: 24px;
  left: 75px;
  color: white;
  font-size: 12px;
}
main#instruments.compact .camp-date-text2 {
  z-index: 6;
  position: absolute;
  top: 60px;
  left: 109px;
  color: white;
  font-size: 11px;
}
main#instruments.compact .mainvisual .swiper-slide img.camp-mini {
  width: 380px;
  margin-top: 30px;
  box-shadow: none;
}
main#instruments.compact .mainvisual .swiper-container {
  width: 350px;
  left: 360px;
  top: 280px;
}
main#instruments.compact .mainvisual .mainvisual {
    width: 1280px;
    height: 527px;
    padding: 20px 0;
    margin: 0 auto;
}
main#instruments.compact .mainvisual img {
  max-width: 1100px;
}
main section.column {
  margin-top: 40px;
  margin-bottom: 30px;
}
.section-title.column{
  margin-bottom: 30px;
}

/* media Column */
.bg_gray {
    background-color: #ddd;
    margin: 30px 0;
}
.eys_article_sec01 {
    position: relative;
    background-color: #ddd;
    height: 360px;
    width: 1020px;
    margin: auto;
}
.eys_article_sec01 .articles {
    position: absolute;
    left: 0;
    top: 30px;
    bottom: 30px;
    right: 0;
}
.eys_article_sec01 .articles .article {
    width: 300px !important;
    height: 300px;
    display: flex;
    margin: 0 15px;
    flex-direction: column;
    overflow: hidden;
    text-decoration-line: none;
}
.eys_article_sec01 .articles .article .article-heading {
    position: relative;
    width: 100%;
    height: 63%;
    overflow: hidden;
}
.eys_article_sec01 .articles .article .article-heading .article-heading-title {
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    padding-top: 28%;
    margin: auto;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-overflow: ellipsis;
    background-color: #0004;
}
.eys_article_sec01 .articles .article .article-heading .article-heading-title:before {
  content: "\f130";
  font-family: "Font Awesome 5 Free";
}
.eys_article_sec01 .articles .article .article-body {
    width: 100%;
    height: 30%;
    background-color: #ffffff;
    overflow: hidden;
}
.eys_article_sec01 .articles .article .article-body .article-post-date {
    display: block;
    margin-left: 19px;
    margin-top: 12px;
    margin-bottom: 12px;
    line-height: 14px;
    font-size: 14px;
    color: #151515;
}
.eys_article_sec01 .articles .article .article-body .article-body-content {
    width: calc(100% - 32px);
    height: 40px;
    margin-top: 2px;
    margin-left: 16px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.05rem;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    color: #151515;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.eys_article_sec01 .articles .slick-arrow {
    position: absolute;
    top: 100px;
    padding-top:12px;
    z-index: 1;
    width: 60px;
    height: 100px;
    background-color: #000a;
    color: #fff;
    text-align: center;
}
.eys_article_sec01 .articles .what-new-slick-next {
    right: 0;
}
.sakushi-movie1{
  position: relative;
  top: 140px;
  right: 10px;
  max-width: 500px;
}
.sakushi-movie2{
  position: relative;
  bottom: 16px;
  left: 510px;
  max-width: 500px;
}
.sax-img {
  margin-bottom: -500px;
}
.eys-movies {
  position: relative;
  left: 650px;
  display: flex;
  flex-direction: column;
  max-width: 400px;
}
.eys-movie {
  margin: 20px;
}

.mlc_slides.electric__guitarWrapper {

}

.mlc_slides.electric__guitarWrapper figure {
  position: relative;
}

.mlc_slides.electric__guitarWrapper figure figcaption {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.electric__guitarNavigation {
  position: absolute;
  left: 80px;
  bottom: 60px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: nowrap;
}
.electric__guitarNavigation li {
  display: flex;
  position: relative;
}
.electric__guitarNavigation li:first-child {
  width: 55px;
}
.electric__guitarNavigation li:not(:first-of-type) {
  margin-left: 20px;
}
.electric__guitarNavigation li:first-child.is-active::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background-color: #FFC6C1;
  transform: translateY(calc(100% + 10px));
}
.electric__guitarNavigation li:not(:first-of-type).is-active {
  -webkit-box-shadow: 0px 0px 0px 4px #FFC6C1;
  box-shadow: 0px 0px 0px 4px #FFC6C1;
}

/*--------------------------
ACCESS x COURSE to BLOG
----------------------------*/
.course_blog_link {
  width: 100%;
  overflow: hidden;
  margin-bottom: 100px;
}
.course_blog_link_image {
  background-image: url('/pc/images/access_studio/blogbg.webp');
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
  width: 1920px;
  margin-top: 30px;
  padding-top: 180px;
}
.course_blog_link_contents {
  width: 100vw;
}
.course_blog_link_content {
  margin: 0 auto 5px;
  width: 235px;
  height: 364px;
  font-size: 11px;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.course_blog_thumbnail {
  max-height: 185px;
  height: 185px;
  max-width: unset;
  width: auto;
  clip-path: polygon(0px 0px, 235px 0px, 235px 160px, 0px 100%);
}
.course_blog_date {
  font-size: 10px;
  color: #666666;
  margin: 10px;
}
.course_blog_title {
  font-weight: bold;
  font-size: 13px;
  margin: 0 10px;
  line-height: 1.5;
}
.course_blog_summary {
  margin: 10px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  line-height: 1.5;
}
.blogread {
  text-align: center;
  padding-bottom: 10px;
}
.blogread img {
  display: inline;
}