.sp_only { display: none; }

@media screen and (max-width: 1023px) { .sp_only { display: block; } }

.mainVisual { background-color: #07b53b; background-image: url(/static/jp/seminar/ondemandlist/img/mainVisual_left.jpg); background-position: -90px 50%; background-repeat: no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; height: 250px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; }

@media screen and (max-width: 1023px) { .mainVisual { background-position: top center; background-size: 100%; height: 330px; width: 100%; } }

.mainVisual__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-image: url(/static/jp/seminar/ondemandlist/img/mainVisual_right.png); background-position: 15px 50%; background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 250px; padding: 0 110px; width: 75%; }

@media screen and (max-width: 1023px) { .mainVisual__inner { background-position: 50% 50%; bottom: 0; min-height: 200px; padding: 0 20px; position: absolute; width: 100%; } }

.mainVisual__title { color: #ffffff; font-size: 4rem; position: relative; }

@media screen and (max-width: 1023px) { .mainVisual__title { font-size: 3rem; padding-left: 45px; } }

.mainVisual__title:before { background-image: url(/static/jp/seminar/ondemandlist/img/mainVisual_icon.png); background-repeat: no-repeat; background-size: contain; content: ""; height: 40px; left: -50px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); vertical-align: middle; width: 40px; }

@media screen and (max-width: 1023px) { .mainVisual__title:before { left: 0; width: 35px; } }

.serviceH2Area { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 30px auto 60px; width: 940px; }

@media screen and (max-width: 1023px) { .serviceH2Area { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 2.4rem; margin: 0 auto 40px; position: relative; width: auto; } }

.serviceH2Area:before { background-color: #707070; content: ""; height: 1px; width: 100%; }

@media screen and (max-width: 1023px) { .serviceH2Area:before { background-color: #707070; display: block; left: 0; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } }

.serviceH2Area:after { background-color: #707070; content: ""; height: 1px; width: 100%; }

@media screen and (max-width: 1023px) { .serviceH2Area:after { background-color: #707070; display: block; position: relative; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } }

.serviceH2Area__tit { color: #404040; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 2.8rem; font-weight: 700; padding: 0 50px; text-align: center; }

@media screen and (max-width: 1023px) { .serviceH2Area__tit { color: #404040; font-size: 2.4rem; padding: 0 25px; } }

.serviceH2Area__txt { margin-top: 50px; padding: 0 20px; text-align: center; }

@media screen and (max-width: 1023px) { .serviceH2Area__txt { margin-top: 0; } }

.ondemandBlock { margin-top: 40px; }

.ondemandBlock__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.ondemandBlock__inner li + li { margin-left: 30px; }

@media screen and (max-width: 1023px) { .ondemandBlock__inner li + li { margin-left: 0; margin-top: 32px; } }

.ondemandBlock__list { border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 32px; width: calc(100% / 3 - 21px); }

@media screen and (max-width: 1023px) { .ondemandBlock__list { width: 100%; } }

.ondemandBlock__list .defaultBtn { margin-top: auto; padding: 0 32px; }

.ondemandBlock__list .defaultBtn a { min-width: 100%; }

.ondemandBlock__categoryTitle { background-color: #404040; color: #ffffff; font-size: 1.8rem; padding: 16px 8px; text-align: center; }

.ondemandBlock__contents { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 32px 32px 24px; }

.ondemandBlock__link { display: block; overflow: hidden; width: 100%; }

.ondemandBlock__img { -webkit-transition: all 0.4s; transition: all 0.4s; }

.ondemandBlock__img:hover { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.4s; transition: all 0.4s; }

.ondemandBlock__viewing { background-color: #f2f2f2; border-radius: 999em; margin: 16px auto 0; padding: 8px; width: 70%; }

.ondemandBlock__viewing--text { display: block; font-size: 1.2rem; font-weight: 700; text-align: center; }

.ondemandBlock__viewing--text:before { background-image: url(/static/jp/seminar/ondemandlist/img/icon.png); background-repeat: no-repeat; background-size: contain; content: ""; display: inline-block; height: 17px; margin-right: 4px; margin-top: -3px; vertical-align: middle; width: 20px; }

.ondemandBlock__pageTitle { margin-top: 16px; text-align: center; }

.ondemandBlock__detail { font-size: 1.2rem; margin-top: 16px; }

.ondemandBlock__detail dl { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.ondemandBlock__detail dt { border: 1px solid #707070; border-radius: 999em; padding: 2px; text-align: center; width: 25%; }

.ondemandBlock__detail dd { width: 72%; }

.ondemandBlock__detail dd + dt { margin-top: 8px; }

.ondemandBlock__detail dd + dt + dd { margin-top: 8px; }
/*# sourceMappingURL=style.css.map */