.c_top-course{position:relative;z-index:3;padding-block:80px 0}@media screen and (max-width: 939px){.c_top-course{padding-block:40px 0}}.c_top-course__container{position:relative;z-index:2}.c_top-course__contents{margin-block-start:80px;position:relative}@media screen and (max-width: 939px){.c_top-course__contents{margin-block-start:40px}}.c_top-course__contents:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#000;transform-origin:left center;transition:width 1s ease}.c_top-course__contents.is-active:after{width:100%}.c_top-course__contents-item-wrap{display:grid;grid-template-columns:repeat(3,1fr);position:relative}@media screen and (max-width: 939px){.c_top-course__contents-item-wrap{display:block}}.c_top-course__contents-item-wrap:before{content:"";position:absolute;top:0;left:0;width:0;height:1px;background:#000;transform-origin:left center;transition:width 1s ease}.c_top-course__contents-item-wrap:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#000;transform-origin:left center;transition:width 1s ease}.c_top-course__contents-item-wrap.is-active:before{width:100%}.c_top-course__contents-item-wrap.is-active:after{width:100%}.c_top-course__contents-item{display:block;text-decoration:none;color:inherit;padding:40px;position:relative}.c_top-course__contents-item:nth-of-type(1),.c_top-course__contents-item:nth-of-type(2){position:relative}.c_top-course__contents-item:nth-of-type(1),.c_top-course__contents-item:nth-of-type(2),.c_top-course__contents-item:nth-of-type(3){border-block-end:1px solid #000}.c_top-course__contents-item:nth-of-type(1):after,.c_top-course__contents-item:nth-of-type(2):after,.c_top-course__contents-item:nth-of-type(4):after{content:"";position:absolute;top:0;right:0;width:1px;height:0;background:#000;transform-origin:left center;transition:height 1s ease}.c_top-course__contents-item:nth-of-type(1).is-active:after,.c_top-course__contents-item:nth-of-type(2).is-active:after,.c_top-course__contents-item:nth-of-type(4).is-active:after{height:100%}@media screen and (max-width: 939px){.c_top-course__contents-item:nth-of-type(1),.c_top-course__contents-item:nth-of-type(2){border-inline-end:none}.c_top-course__contents-item:nth-of-type(1):after,.c_top-course__contents-item:nth-of-type(2):after,.c_top-course__contents-item:nth-of-type(3):after,.c_top-course__contents-item:nth-of-type(4):after{content:"";position:absolute;top:unset;bottom:0;right:unset;left:0;width:0;height:1px;background:#000;transform-origin:left center;transition:width 1s ease}.c_top-course__contents-item:nth-of-type(1),.c_top-course__contents-item:nth-of-type(2),.c_top-course__contents-item:nth-of-type(3){border-block-end:none}.c_top-course__contents-item:nth-of-type(1).is-active:after,.c_top-course__contents-item:nth-of-type(2).is-active:after,.c_top-course__contents-item:nth-of-type(3).is-active:after,.c_top-course__contents-item:nth-of-type(4).is-active:after{width:100%;height:1px}}@media (max-width: 1240px){.c_top-course__contents-item{padding:40px 20px}}@media screen and (max-width: 939px){.c_top-course__contents-item{padding:40px 24px;max-width:550px;margin-inline:auto}}@media (any-hover: hover){.c_top-course__contents-item:hover{cursor:none}}.c_top-course__contents-head{display:flex;justify-content:space-between;align-items:center;padding-inline:15px;margin-block-end:16px}@media (max-width: 1240px){.c_top-course__contents-head{padding-inline:0}}@media screen and (max-width: 939px){.c_top-course__contents-head{padding-inline:0}}.c_top-course__contents-head-name{font-size:24px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:2.88px;font-family:Hiragino Kaku Gothic Pro,sans-serif}@media (max-width: 1240px){.c_top-course__contents-head-name{font-size:20px}}@media screen and (max-width: 939px){.c_top-course__contents-head-name{font-size:20px;letter-spacing:2.4px}}.c_top-course__contents-head-name .large{font-size:32px;font-weight:600;line-height:normal;letter-spacing:3.84px}@media screen and (max-width: 939px){.c_top-course__contents-head-name .large{font-size:24px;letter-spacing:2.88px}}.c_top-course__contents-head-price{font-family:Impact,sans-serif;font-size:40px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:4.8px}@media (max-width: 1240px){.c_top-course__contents-head-price{font-size:32px}}@media screen and (max-width: 939px){.c_top-course__contents-head-price{font-size:32px;letter-spacing:3.84px}}.c_top-course__contents-img{width:100%;height:auto;aspect-ratio:356/236}.c_top-course__contents-img img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 939px){.c_top-course__contents-img{aspect-ratio:285/190}}.c_top-course__contents-menu{margin-block-start:16px;display:flex;flex-direction:column;row-gap:8px}.c_top-course__contents-menu-item{padding-inline-start:24px;position:relative;display:grid;grid-template-columns:1fr auto;column-gap:20px}.c_top-course__contents-menu-item:before{content:"";position:absolute;top:50%;translate:0 -50%;left:0;width:8px;height:1px;background:#000}.c_top-course__contents-menu-item span:nth-of-type(1){font-size:16px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:1.92px}@media (max-width: 1240px){.c_top-course__contents-menu-item span:nth-of-type(1){font-size:14px}}@media screen and (max-width: 939px){.c_top-course__contents-menu-item span:nth-of-type(1){font-size:16px}}.c_top-course__contents-menu-item span:nth-of-type(2){color:#000;font-family:Impact,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:1.92px}.c_top-course__option{padding-block:24px 56px;display:block;text-decoration:none;color:inherit;grid-row:2 / 3;grid-column:2 / 4}@media screen and (max-width: 939px){.c_top-course__option{padding-block:40px;max-width:550px;margin-inline:auto}}@media (any-hover: hover){.c_top-course__option:hover{cursor:none}}.c_top-course__option-head{color:#a3a38f;font-family:Impact,sans-serif;text-transform:uppercase;text-align:center;font-size:32px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:3.84px}.c_top-course__option-list{margin-block-start:40px;width:min(1080px,100%);padding-inline:20px;margin-inline:auto;display:grid;grid-template-columns:repeat(1fr);column-gap:160px}@media screen and (max-width: 939px){.c_top-course__option-list{margin-block-start:32px;padding-inline:0;grid-template-columns:repeat(1,1fr);column-gap:0}}.c_top-course__option-item{padding-inline-start:24px;position:relative;display:grid;grid-template-columns:1fr auto;column-gap:20px}.c_top-course__option-item:before{content:"";position:absolute;top:50%;translate:0 -50%;left:0;width:8px;height:1px;background:#000}.c_top-course__option-item span:nth-of-type(1){font-size:16px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:1.92px}.c_top-course__option-item span:nth-of-type(2){font-family:Impact,sans-serif;color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:1.92px}.c_top-course__option-left{position:relative}@media screen and (max-width: 939px){.c_top-course__option-left{display:flex;flex-direction:column;row-gap:16px}}.c_top-course__option-left:after{content:"";position:absolute;top:0;left:calc(100% + 80px);width:1px;height:100%;background:#000}@media screen and (max-width: 939px){.c_top-course__option-left:after{display:none}}@media screen and (max-width: 939px){.c_top-course__option-left+.c_top-course__option-right{margin-block-start:16px}}@media screen and (max-width: 939px){.c_top-course__option-right{display:flex;flex-direction:column;row-gap:16px}}#js-mouse-course{pointer-events:none;cursor:none;position:fixed;z-index:9999;top:0;left:0;width:0px;height:0px;transform:translate(0);background:#258a58;border-radius:50%;transition:width .3s,height .3s,top .3s,left .3s;display:flex;align-items:center;justify-content:center}#js-mouse-course p{color:#fff;font-family:Impact,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:2.16px;text-transform:uppercase;opacity:0;visibility:hidden}@media screen and (max-width: 939px){#js-mouse-course p{font-size:14px}}#js-mouse-course.js-hover{transition:width .3s,height .3s,top .3s,left .3s;top:-75px;left:-75px;width:150px;height:150px;background:#258a58}@media screen and (max-width: 939px){#js-mouse-course.js-hover{top:-50px;left:-50px;width:100px;height:100px}}#js-mouse-course.js-hover p{transition:opacity .3s ease;animation:.2s .2s ease forwards fadeInText}@keyframes fadeInText{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/c_top-course.css.map */