/** Shopify CDN: Minification failed

Line 625:1 Expected "}" to go with "{"

**/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
}
ul, dl {
 list-style: none;
}
a:hover {
 opacity: 0.8;
 text-decoration: none;
}
.beginner-width {
 max-width: 100%;
 margin-top: 3%;
 color: #363636;
}
.pc {
 display: block;
 line-height: 1.6;
}
.sp {
 display: none;
}
.section00 {
 padding: 0 5rem 5rem;
}
.section01 {
 padding: 8rem 5rem;
 background: #f8f8f8;
 margin-top: 0;
 margin-bottom: 0;
}
.section02 {
 padding: 8rem 5rem;
}
.width_size {
 width: 1024px;
 margin: 0 auto;
}
h1 {
 margin-bottom: 3%;
 color: #363636;
}
h2 {
 font-weight: bold;
 text-align: center;
 font-size: 200%;
 color: #363636;
 margin-bottom: 5rem;
}
.info_desital{
    border: 1px solid #363636;
    padding: 2%;
    margin-bottom: 5rem;
}
.info_desital p{
    margin-bottom: 2rem;
}
.info_desital ul li a{
    display: block;
    margin-bottom: 1rem;
    color: #363636;
}
.info_desital ul li:last-child{
    margin-bottom: 0;
}
.anchor_btn a,.anchor_btn button.login-button {
 font-family: 'Noto Sans JP', Assistant, sans-serif;
 font-size: 18px;
 display: block;
 text-align: center;
 text-decoration: none;
 color: #fff;
 background: #8840d1;
 width: 60%;
 margin: auto;
 border: 1px solid #fff;
}
.anchor_btn a:hover,.anchor_btn button.login-button:hover {
 color: #fff;
 opacity: 0.8;
 cursor : pointer;
}
span.block {
 display: inline-block;
}
#features ul, #pay ul, #process ul, #membership .flexbox {
 display: flex;
 justify-content: space-around;
 margin: 0 auto;
 padding-left: 0;
 width: 100%;
}
#features ul li {
 width: 100%;
 padding: 1%;
}
#features ul li img {
 display: block;
 width: 60%;
 margin: 0 auto 8%;
}
#features ul li span.txt {
 font-weight: bold;
 display: block;
 text-align: center;
 font-size: 1.1em;
 margin-bottom: 3%;
}
#features ul li span.mini {
 display: block;
 font-weight: normal;
 font-size: 0.7em;
 text-align: left;
 padding: 0 2rem;
}
#pay ul li {
 font-size: 1.1em;
 padding: 3% 2% 1%;
 margin: 0 2%;
 background: #f8f8f8;
 text-align: center;
}
#pay ul li img {
 padding: 2%;
 display: block;
 margin: 0 auto;
 width: 70%;
}
#pay ul li img.amazonpay {
 padding: 30% 0;
}
#pay ul li img.paidy {
 padding: 20% 0;
}
#process ul {
 margin-bottom: 1rem;
}
#process ul li {
 width: 25%;
 background: #fff;
}
#process ul li span {
 display: block;
 font-weight: bold;
 padding: 10% 8%;
 font-size: 1.1em;
}
#process ul li span.mini {
 font-weight: normal;
 display: block;
 font-size: 0.8em;
 padding-top: 0;
}
#process ul li:nth-child(1) {
 border-left: 3px solid #d7a5ea;
 border-right: 3px solid #d7a5ea;
 border-bottom: 3px solid #d7a5ea;
}
#process ul li:nth-child(2) {
 border-right: 3px solid #cc82e5;
 border-bottom: 3px solid #cc82e5;
}
#process ul li:nth-child(3) {
 border-right: 3px solid #a873dd;
 border-bottom: 3px solid #a873dd;
}
#process ul li:nth-child(4) {
 border-right: 3px solid #8840d0;
 border-bottom: 3px solid #8840d0;
}
#process ul li:last-child span {
 text-align: center;
 padding: 15% 0;
}
#process .tr {
 font-size: 0.8em;
 text-align: right;
}
#membership .flexbox {
 align-items: center;
}
#membership .anchor_btn a,#membership .anchor_btn button.login-button {
 padding: 3%;
}
#membership .txt p.anchor_btn_done {
 font-size: 18px;
 display: block;
 text-align: center;
 text-decoration: none;
 color: #363636;
 background: #f8f8f8;
 width: 60%;
 margin: auto;
 padding: 3%;
}
#membership .photo {
 width: 50%;
}
#membership .txt {
 width: 50%;
}
#membership .txt p {
 margin: 0 auto 5%;
 width: 80%;
 font-size: 1.1em;
}
#search p {
 font-size: 1.1em;
 margin: 0 auto 5%;
}
#search .field {
 background: #fff;
}
#search .search-modal__content {
 padding: 0;
}
#category .category_wrap {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}
#category .category_wrap_first {
 margin-bottom: 8rem;
}
#category dl {
 width: 100%;
 margin: 0 1%;
 position: relative;
 border-radius: 5px;
 background-color: #fff;
 border: 1px solid #c0c0c0;
 padding-bottom: 15px;
}
#category .category_wrap dt {
 width: 100%;
 padding-top: 82.6%;
 background-position: center top;
 background-repeat: no-repeat;
 background-size: cover;
 border-radius: 5px 5px 0 0;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 font-size: 1.2em;
 font-weight: bold;
 border-bottom: none;
 position: relative;
}
#category .category_wrap .piano dt {
 background-image: url(/cdn/shop/files/beginner_img13.jpg?v=1705390186);
}
#category .category_wrap .wind dt {
 background-image: url(/cdn/shop/files/beginner_img14.jpg?v=1705390186);
}
#category .category_wrap .guitar dt {
 background-image: url(/cdn/shop/files/beginner_img15.jpg?v=1705390186);
}
#category .category_wrap .book dt {
 background-image: url(/cdn/shop/files/beginner_img16.jpg?v=1705390186);
}
#category .category_wrap .vocal dt {
 background-image: url(/cdn/shop/files/beginner_img17.jpg?v=1705390186);
}
#category .category_wrap .others dt {
 background-image: url(/cdn/shop/files/beginner_img18.jpg?v=1705390186);
}
#category .category_wrap dt p {
 position: absolute;
 width: 100%;
 height: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
 top: 0;
 left: 0;
}
#category .category_wrap dd {
 margin-inline-start: 0;
 font-size: 1.1em;
}
#category .category_wrap dd a {
 width: 90%;
 height: 44px;
 margin: 10px auto 0;
 background-color: #fff;
 color: #363636;
 border-radius: 5px;
 text-align: center;
 cursor: pointer;
 -webkit-transition: all 150ms;
 transition: all 150ms;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 text-decoration: underline;
 text-underline-offset: 7px;
 text-decoration-thickness: 0.5px;
 text-decoration-color: #8d8d8d;
}
#category .category_wrap dd a:hover {
 color: #363636;
 text-decoration-thickness: 0.2rem;
 /*background: #f8f8f8;
 width: 90%;*/
}
#infomation .anchor_btn a {
 padding: 2%;
}
#infomation dl dt {
 padding: 0 1rem 1rem;
 font-weight: bold;
}
#infomation dl dd {
 padding: 3rem;
 margin: 0 0 5rem;
 background: #fff;
 line-height: 2;
}
#infomation dl dd:last-child {
 margin-bottom: 8rem;
}
@media screen and (max-width: 1092px) {
 .width_size {
  width: 100%;
 }
}
@media screen and (max-width: 960px) {
 .anchor_btn a,.anchor_btn button.login-button {
    width: 70%;
 .anchor_btn a {
  width: 70%;
 }
 #category .category_wrap dt p {
  line-height: 1.0;
 }
 #category .category_wrap dt, #category .category_wrap dd {
  font-size: 1.0em;
 }
}
@media screen and (max-width: 890px) {
 #features.section01 {
  padding: 8rem 0rem;
 }
 #features ul {
  width: 95%;
  padding-right: 2%;
 }
 #features ul li {
  padding: 0;
 }
}
@media screen and (max-width: 768px) {
 #features ul {
  width: 100%;
 }
}
@media screen and (max-width: 740px) {
 .section00 {
  padding: 2rem 1.5rem 5rem;
 }
 .section01, #features.section01 {
  padding: 5rem 1.5rem;
 }
 .section02 {
  padding: 5rem 1.5rem;
 }
 .width_size {
  padding: 0;
 }
 .pc {
  display: none;
 }
 .sp, #process ul {
  display: block;
  line-height: 1.6;
  padding-left: 0;
 }
 h1 {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 2rem;
 }
 .section00 h2,.section01 h2, .section02 h2 {
  font-size: 21px;
  margin-bottom: 3rem;
 }
 .anchor_btn a,.anchor_btn button.login-button, .anchor_btn_done {
  width: 100%;
  font-size: 15px;
  margin-bottom: 0;
 }
 #features ul {
  display: flex;
  justify-content: space-around;
  margin: 0 auto 3rem;
  width: 100%;
  padding: 0;
 }
 #features ul.second {
  padding: 0;
  margin: 0 auto;
 }
 #features ul li {
  padding: 0;
  letter-spacing: 0.001em;
 }
 #features ul li:first-child {
  padding-right: 2%;
 }
 #features ul li img {
  width: 50%;
  margin: 0 auto 5%;
 }
 #features ul li span.txt {
  font-size: 15px;
  line-height: 1.4;
 }
 #features ul li span.mini {
  width: 60%;
  margin: 0 auto;
 }
 #pay ul {
  display: block;
  padding-left: 0;
 }
 #pay ul li {
  font-size: 18px;
  padding: 2rem;
  margin: 0 0 2rem;
 }
 #pay ul li:last-child {
  margin: 0 0 0;
 }
 #pay ul li img.amazonpay {
  padding: 2%;
  width: 70%;
 }
 #pay ul li img.paidy {
  padding: 2%;
  width: 70%;
 }
 #process ul li {
  width: 100%;
  display: flex;
  align-items: center;
 }
 #process ul li span {
  display: inline-block;
  padding: 0 0 0 1rem;
  font-size: 15px;
  font-weight: normal;
 }
 #process ul li span.mini {
  padding: 0;
 }
 #process ul li:nth-child(1) {
  border-top: 3px solid #d7a5ea;
  border-right: 3px solid #d7a5ea;
  border-bottom: 3px solid #d7a5ea;
  border-left: none;
 }
 #process ul li:nth-child(2) {
  border-right: 3px solid #cc82e5;
  border-bottom: 3px solid #cc82e5;
 }
 #process ul li:nth-child(3) {
  border-right: 3px solid #a873dd;
  border-bottom: 3px solid #a873dd;
 }
 #process ul li:nth-child(4) {
  border-right: 3px solid #8840d0;
  border-bottom: 3px solid #8840d0;
 }
 #process ul li:last-child span {
  padding: 0 0 0 1rem;
 }
 #membership .flexbox {
  display: block;
 }
 #membership .photo {
  width: 100%;
 }
 #membership p img {
  padding: 0;
 }
 #membership .txt {
  width: 100%;
 }
 #membership .txt p {
  margin: 0 auto 2rem;
  width: 100%;
  font-size: 15px;
 }
 #membership .txt p.anchor_btn, #membership .txt p.anchor_btn_done {
  margin-bottom: 0;
 }
 #search p {
  font-size: 15px;
  margin: 0 auto 2rem;
 }
 #search .field__label, .customer .field label {
  font-size: 12px;
 }
 #category .category_wrap {
  box-sizing: content-box;
  justify-content: space-around;
 }
 #category dl {
  width: 100%;
  margin: 0 1%;
 }
 #category .category_wrap {
  margin-bottom: 1rem;
 }
 #category .category_wrap_last {
  margin-bottom: 4rem;
 }
 #category .category_wrap dt {
  font-size: 18px;
  line-height: 1.3;
 }
 #category .category_wrap dt p {
  line-height: 1.2;
 }
 #category .category_wrap dd {
  font-size: 15px;
 }
 #infomation {
  padding-bottom: 6rem;
 }
 #infomation dl dd {
  padding: 1rem 2rem;
  line-height: 1.8;
 }
 #infomation dl dd, #infomation dl dd:last-child {
  margin-bottom: 4rem;
 }
 #infomation .anchor_btn a {
  padding: 3%;
 }
}
@media screen and (max-width: 670px) {
 #features ul li span.mini {
  width: 70%;
  margin: 0 auto;
 }
}
@media screen and (max-width: 580px) {
 #features ul li span.mini {
  width: 80%;
  margin: 0 auto;
 }
}
@media screen and (max-width: 450px) {
 #features ul li span.mini {
  width: 100%;
  margin: 0 auto;
 }
}
@media screen and (max-width: 380px) {
 #category .category_wrap .guitar dt p {
  text-align: center;
 }
 .sp380 {
  display: none;
 }
}
@media screen and (max-width: 320px) {
 .section00 h2,.section01 h2, .section02 h2 {
  font-size: 17px;
 }
 .anchor_btn button.login-button, .anchor_btn_done {
  font-size: 11px;
 }
 #features ul li span.txt {
  font-size: 11px;
 }
 #pay ul li {
  font-size: 14px;
 }
 #process ul li span {
  font-size: 11px;
 }
 #membership .txt p {
  font-size: 11px;
 }
 #search p {
  font-size: 11px;
 }
 #search .field__label, .customer .field label {
  font-size: 9px;
 }
 #category .category_wrap dt {
  font-size: 14px;
  line-height: 1.2;
 }
 #category .category_wrap dd {
  font-size: 11px;
 }
 #category .category_wrap dd a {
  height: 35px;
 }
}