@charset "UTF-8";
/* =========================================================
Font - Text - title
========================================================= */

/* =========================================================
Flex - style
========================================================= */
/* flex
--------------------------------------------------------- */
.flex-nowrap {
  width: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.flex-nowrap-s {
  width: auto;
  display: flex;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 767px) {
  .flex-nowrap-s {
    flex-wrap: wrap;
  }
}

.flex-nowrap-sp {
  width: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 991px) {
  .flex-nowrap-sp {
    flex-wrap: wrap;
  }
}

.flex-nowrap-xs {
  width: auto;
  display: flex;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 544px) {
  .flex-nowrap-xs {
    display: block;
    flex-wrap: wrap;
  }
}

.flex-nowrap-noflex-sp {
  width: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 991px) {
  .flex-nowrap-noflex-sp {
    flex-wrap: wrap;
    display: block;
  }
}

.flex-nowrap-noflex-xs {
  width: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 544px) {
  .flex-nowrap-noflex-xs {
    flex-wrap: wrap;
    display: block;
  }
}

.flex-wrap {
  width: auto;
  display: flex;
  flex-wrap: wrap;
}

.flex-wrap-noflex-sp {
  width: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 991px) {
  .flex-wrap-noflex-sp {
    display: block;
  }
}

.flex-wrap-noflex-xs {
  width: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 544px) {
  .flex-wrap-noflex-xs {
    display: block;
  }
}

.noflex-nowrap-flex-xs {
  width: auto;
}
@media only screen and (max-width: 544px) {
  .noflex-nowrap-flex-xs {
    display: flex;
    flex-wrap: nowrap;
  }
}

/* flex basis
--------------------------------------------------------- */
.flex-basisAuto {
  flex-basis: auto;
}

.flex-basis100 {
  flex-basis: 100%;
}

.flex-basis50 {
  flex-basis: 50%;
}

.flex-basis50-sp .__item {
  flex-basis: 50%;
}
@media only screen and (max-width: 991px) {
  .flex-basis50-sp .__item {
    flex-basis: 100%;
  }
}
.flex-basis50-spItem {
  flex-basis: 50%;
}
@media only screen and (max-width: 991px) {
  .flex-basis50-spItem {
    flex-basis: 100%;
  }
}

.flex-basis33 {
  flex-basis: 33.33333%;
}

.flex-basis33-sp .__item {
  flex-basis: 33.3333333%;
}
@media only screen and (max-width: 991px) {
  .flex-basis33-sp .__item {
    flex-basis: 50%;
  }
}

.flex-basis25 {
  flex-basis: 25%;
}

.flex-basis25-sp .__item {
  flex-basis: 25%;
}
@media only screen and (max-width: 991px) {
  .flex-basis25-sp .__item {
    flex-basis: 50%;
  }
}

.flex-basis25-xs .__item {
  flex-basis: 25%;
}
@media only screen and (max-width: 544px) {
  .flex-basis25-xs .__item {
    flex-basis: 50%;
  }
}

.flex-basis25-xs-100 {
  flex-basis: 25%;
}
@media only screen and (max-width: 544px) {
  .flex-basis25-xs-100 {
    flex-basis: 100%;
  }
}

.flex-basis20 {
  flex-basis: 33.33333%;
}

/* flex justify-content
--------------------------------------------------------- */
.justify-content-center {
  justify-content: center;
}

.justify-content-between-s {
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .justify-content-between-s {
    justify-content: inherit;
  }
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-start-sp {
  justify-content: flex-start;
}
@media only screen and (max-width: 991px) {
  .justify-content-start-sp {
    width: 100%;
    justify-content: center;
  }
}

.justify-content-start-xs {
  justify-content: flex-start;
}
@media only screen and (max-width: 544px) {
  .justify-content-start-xs {
    width: 100%;
    justify-content: center;
  }
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-between {
  justify-content: space-between;
}

.jc-start {
  justify-content: flex-start;
}

/* flex align-items
--------------------------------------------------------- */
.align-items-center {
  align-items: center !important;
}

.align-items-center-s {
  align-items: center !important;
}
@media only screen and (max-width: 767px) {
  .align-items-center-s {
    align-items: inherit !important;
  }
}

.align-items-start {
  align-items: flex-start;
}

.align-items-end {
  align-items: flex-end;
}

/* flex direction
--------------------------------------------------------- */
.direction-rowreverse {
  flex-direction: row-reverse;
}

.direction-rowreverse-sp {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 991px) {
  .direction-rowreverse-sp {
    flex-direction: initial;
  }
}

.direction-rowreverse-xs {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 544px) {
  .direction-rowreverse-xs {
    flex-direction: initial;
  }
}

.direction-rowreverse-no-sp {
  flex-direction: initial;
}
@media only screen and (max-width: 991px) {
  .direction-rowreverse-no-sp {
    flex-direction: row-reverse;
  }
}

.direction-columnreverse-no-sp {
  flex-direction: initial;
}
@media only screen and (max-width: 991px) {
  .direction-columnreverse-no-sp {
    flex-direction: column-reverse;
  }
}

/* =========================================================
 Position - style
========================================================= */
.position-re {
  position: relative;
}

/* =========================================================
Js - style
========================================================= */
.zoom-in {
  display: block;
  width: 100%;
}

.modaal-inner-wrapper,
.modaal-outer-wrapper {
  overflow: hidden;
}

/* =========================================================
 Utility
========================================================= */
.u-overflow {
  overflow: hidden;
}

.u-color-red {
  color: #B92E2D;
}

.u-color-white {
  color: #fff;
}

.u-color-orange {
  color: #FEB41C;
}

.u-color-green {
  color: #2EB979;
}

.u-mb-0 {
  margin-bottom: 0rem !important;
}
@media only screen and (max-width: 991px) {
  .u-mb-0.__sp1 {
    margin-bottom: 1rem !important;
  }
}

.u-mb-3 {
  margin-bottom: 3rem;
}

.u-mb-5 {
  margin-bottom: 5rem;
}

.u-mb-0 {
  margin-bottom: 5rem;
}

.u-mt-05 {
  margin-top: 0.5rem !important;
}

.u-mt-1 {
  margin-top: 1rem !important;
}

.u-mt-2 {
  margin-top: 2rem !important;
}

.u-mt-3 {
  margin-top: 3rem !important;
}

.u-mt-5 {
  margin-top: 5rem !important;
}

.u-ml-05 {
  margin-left: 0.5rem !important;
}

.u-ml-1 {
  margin-left: 1rem !important;
}
@media only screen and (max-width: 991px) {
  .u-ml-1.__sp0 {
    margin-left: 0 !important;
  }
}

.u-ml-2 {
  margin-left: 2rem !important;
}
@media only screen and (max-width: 991px) {
  .u-ml-2.__sp0 {
    margin-left: 0 !important;
  }
}

.u-ml-3 {
  margin-left: 3rem !important;
}

.u-ml-5 {
  margin-left: 5rem !important;
}

.u-text-ac {
  text-align: center;
}

.u-text-ar {
  text-align: right;
}

.u-w100 {
  width: 100%;
}

.u-tbold {
  font-weight: bold;
}

.u-tbig {
  font-size: 24px;
  line-height: 1;
}

.u-psticky {
  position: sticky;
}
.u-psticky.__top01 {
  top: 80px;
}

/* =========================================================
全体設定
========================================================= */
/*------------------------------------------
* layout
------------------------------------------*/
.l-grid-1 {
  width: 8.333%;
}

.l-grid-2 {
  width: 16.667%;
}

.l-grid-3 {
  width: 25%;
}

.l-grid-4 {
  width: 33.333%;
}

.l-grid-5 {
  width: 41.666%;
}

.l-grid-6 {
  width: 50%;
}

.l-grid-7 {
  width: 58.333%;
}

.l-grid-8 {
  width: 66.666%;
}

.l-grid-9 {
  width: 75%;
}

.l-grid-10 {
  width: 83.33%;
}

.l-grid-11 {
  width: 91.666%;
}

.l-grid-12 {
  width: 100%;
}

[class*=l-grid-] {
  box-sizing: border-box;
  float: left;
  padding: 0 15px;
}
@media only screen and (max-width: 991px) {
  [class*=l-grid-] {
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
  }
}

.l-low {
  margin: 0 -15px;
}
.l-low:before, .l-low:after {
  content: "";
  display: table;
}
.l-low:after {
  clear: both;
}
@media only screen and (max-width: 991px) {
  .l-low {
    margin: 0;
  }
}


.l-wrap {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.l-inner {
}

.l-inner.__cartFlow {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
}
.l-inner.__cartFlow .page-box {
  box-shadow: none;
}

.l-main-view {
  display: flex;
  margin: 1rem auto 3rem;
  max-width: 95%;
}
@media only screen and (max-width: 1280px) {
  .l-main-view {
    margin: 3rem auto;
    max-width: 90%;
    align-items: center;
    min-height: 460px;
  }
}
@media only screen and (max-width: 1080px) {
  .l-main-view {
    min-height: 600px;
  }
}
@media only screen and (max-width: 771px) {
  .l-main-view {
    min-height: 360px;
  }
}

.l-content {
  padding-top: 87px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .l-content {
    padding-top: 64px;
  }
}
@media only screen and (max-width: 544px) {
  .l-content {
    padding-top: 54px;
  }
}
.l-content .l-wrap {
  width: 94%;
}
.l-content .l-wrap.__lpcourse {
  margin-top: 70px;
}
@media only screen and (max-width: 1024px) {
  .l-content .l-wrap.__lpcourse {
    margin-top: 48px;
  }
}
@media only screen and (max-width: 1280px) {
  .l-content .l-wrap {
    width: 100%;
  }
}

.home .l-content .l-wrap {
  width: 100%;
}

.l-top-sec-1 {
  position: relative;
}
.l-top-sec-1:before {
  content: "";
  width: 100%;
  height: calc(100% - 94px);
  background: var(--base-color04);
  position: absolute;
  top: 94px;
}
.l-top-sec-1 .l-inner {
  padding: 20px 0 0;
}
@media only screen and (max-width: 991px) {
  .l-top-sec-1 .l-inner {
    width: 100%;
  }
}

.article-block .l-grid-6 {
  padding: 0 8px 16px;
}
@media only screen and (max-width: 991px) {
  .article-block .l-grid-6 {
    margin-bottom: 0;
  }
}

.l-top-sec-2,
.l-top-sec-3,
.l-top-sec-4 {
  padding-top: 20rem;
}
@media only screen and (max-width: 991px) {
  .l-top-sec-2,
  .l-top-sec-3,
  .l-top-sec-4 {
    padding-top: 10rem;
  }
}

.l-top-sec-3 {
  overflow-x: hidden;
}

.l-low.sec-2-contents {
  padding-top: 20px;
}

@media only screen and (max-width: 991px) {
  .sec-4-title + .l-low {
    padding-top: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .l-top-sec-4 .l-inner {
    width: 100%;
  }
}


.l-menu {
  background: rgba(38, 69, 92, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  padding: 18px 18px 18px 0;
  display: none;
}
@media only screen and (max-width: 991px) {
  .l-menu {
    padding: 0;
  }
}


@media only screen and (max-width: 991px) {
  .f-nav-content .l-low {
    margin: 0;
  }
}

@media only screen and (max-width: 991px) {
  .recruit-sec-1 .l-low p {
    margin-bottom: 0;
  }
}
.recruit-sec-1 .l-low + .l-low {
  margin-top: 30px;
}
@media only screen and (max-width: 991px) {
  .recruit-sec-1 .l-low + .l-low {
    margin-top: 0;
  }
}
.recruit-sec-1 .l-low + .l-low p {
  margin-bottom: 0;
}

.l-main-contents {
  max-width: 1100px;
  margin: 0 auto;
}

.l-main-inner {
  float: left;
  margin-right: 370px;
}
@media only screen and (max-width: 991px) {
  .l-main-inner {
    float: none;
    margin-right: 0;
  }
}

.l-side {
  width: 320px;
  margin-left: -320px;
  float: left;
}
@media only screen and (max-width: 991px) {
  .l-side {
    width: 100%;
    float: none;
    margin: 30px 0 0;
  }
}

.single .l-main:before, .single .l-main:after {
  content: "";
  display: table;
}
.single .l-main:after {
  clear: both;
}

.is-item-page .l-main-contents-ec,
.is-item-page #old_purchase_bottom,
.is-item-page .main-img-block img,
.is-item-page .price-block,
.is-item-page #product_pricing,
.is-item-page .main-img-block {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

.l-main-contents-ec {
  max-width: 800px;
  margin: 0 auto;
}
.l-main-contents-ec .l-section-item.__faq .faq-box-ec dt {
  pointer-events: none;
}
.l-main-contents-ec .l-section-item.__faq .faq-box-ec dt::after {
  display: none;
}

.l-item-nav {
  padding: 0 3%;
  display: none;
}
@media only screen and (max-width: 1280px) {
  .l-item-nav {
    display: block;
  }
}

.l-recommend-block {
  padding: 0 0 40px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .l-recommend-block {
    display: block;
  }
}

.l-section-item {
  padding: 30px 0 0;
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .l-section-item {
    font-size: 14px;
  }
}
.l-section-item.__faq .faq-box dd {
  display: block !important;
}

.item-contents .l-inner:before, .item-contents .l-inner:after,
.download .l-inner:before,
.download .l-inner:after {
  content: "";
  display: table;
}
.item-contents .l-inner:after,
.download .l-inner:after {
  clear: both;
}

.l-main-contents-cart {
  width: calc(100% - 295px);
}
@media only screen and (max-width: 991px) {
  .l-main-contents-cart {
    width: 100%;
  }
}
.l-main-contents-cart .l-section-item:first-child {
  padding-top: 0;
}

.l-side-cart {
  width: 295px;
  padding-left: 30px;
}
@media only screen and (max-width: 991px) {
  .l-side-cart {
    width: 100%;
    padding: 0;
  }
}
.l-side-cart .wrap {
  position: sticky;
  top: 56px;
}

.cart .l-main-wrap,
.register .l-main-wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .cart .l-main-wrap,
  .register .l-main-wrap {
    display: block;
  }
}

.l-main-contents-register {
  width: calc(100% - 370px);
}
@media only screen and (max-width: 991px) {
  .l-main-contents-register {
    width: 100%;
  }
}

.l-side-register {
  width: 370px;
  padding-left: 50px;
}
@media only screen and (max-width: 991px) {
  .l-side-register {
    width: 100%;
    padding: 0;
  }
}

#brochure .l-inner.--banner,
#brochure .f-nav {
  display: none;
}

.item-new .l-inner-wrap {
  margin-top: -120px;
}
@media only screen and (max-width: 991px) {
  .item-new .l-inner-wrap {
    margin-top: -150px;
  }
}
.item-new .l-inner {
  max-width: 1048px;
}
@media only screen and (max-width: 991px) {
  .item-new .l-inner {
    width: 100%;
  }
}

.l-wrap .maxwidth400 {
  width: 100%;
  max-width: 400px;
}
.l-wrap .maxwidth600 {
  width: 100%;
  max-width: 600px;
}

/*------------------------------------------
* module
------------------------------------------*/
.alpha {
  zoom: 1;
  display: inline-block\9 ;
  /* ie8 */
}

.alpha:hover {
  opacity: 0.85;
  filter: alpha(opacity=85);
}

.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
}

.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.breadcrumb-area {
  background: #f2f2f2;
}

@media only screen and (max-width: 544px) {
  .breadcrumb_overwrap {
    overflow-x: scroll;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.breadcrumb {
  margin: 0 auto;
  overflow: hidden;
  padding: 0 0 4px;
}
@media only screen and (max-width: 1280px) {
  .breadcrumb {
    padding: 0 0 16px;
    width: 94%;
  }
}
@media only screen and (max-width: 544px) {
  .breadcrumb {
    padding: 0 0 12px 12px;
  }
}
.breadcrumb li {
  display: inline;
  position: relative;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.3);
  font-weight: normal;
}
.breadcrumb li:first-child {
  margin-left: 0;
}
.breadcrumb li a {
  color: rgba(0, 0, 0, 0.3);
}

.scroll {
  overflow: auto;
}

.loading {
  width: 100%;
  height: 100%;
  background: no-repeat center #fff;
  position: fixed;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading .loding__wrap {
  display: flex;
  align-items: center;
}
.loading .loading__animation {
  margin-top: 3px;
  margin-right: 12px;
}
.loading .loading__animation div {
  border-radius: 20%;
  margin: 4px;
  background-color: #26455C;
  width: 28px;
  height: 3px;
  -webkit-animation: line-scale-pulse-out 1.8s 1.2s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
  animation: line-scale-pulse-out 1.8s 1.2s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
}

@-webkit-keyframes line-scale-pulse-out {
  0%, 100% {
    filter: opacity(0.2);
    -webkit-filter: opacity(0.2);
  }
  50% {
    -webkit-filter: opacity(1);
    filter: opacity(1);
  }
}
@keyframes line-scale-pulse-out {
  0%, 100% {
    filter: opacity(0.2);
    -webkit-filter: opacity(0.2);
  }
  50% {
    -webkit-filter: opacity(1);
    filter: opacity(1);
  }
}
.loading__animation > div:nth-child(1) {
  -webkit-animation-delay: -1s !important;
  animation-delay: -1s !important;
}

.loading__animation > div:nth-child(2) {
  -webkit-animation-delay: -0.8s !important;
  animation-delay: -0.8s !important;
  transform: translateX(-5px);
}

.loading__animation > div:nth-child(3) {
  background-color: #047AE3;
  -webkit-animation-delay: -0.6s !important;
  animation-delay: -0.6s !important;
}

.loading__animation > div:nth-child(4) {
  -webkit-animation-delay: -0.4s !important;
  animation-delay: -0.4s !important;
  transform: translateX(-5px);
}

.loading__logo {
  width: 107px;
}
@media only screen and (max-width: 991px) {
  .loading__logo {
    width: 87px;
  }
}

.in-view {
  opacity: 0;
}

.logo {
  float: left;
  width: 107px;
  margin-right: 16px;
}
@media only screen and (max-width: 991px) {
  .logo {
    width: 87px;
    float: none;
    margin-right: 8px;
  }
}
@media only screen and (max-width: 544px) {
  .logo {
    width: 72px;
    float: none;
  }
}

.site-info {
  font-size: 12px;
  font-weight: normal;
  color: #000;
}
@media only screen and (max-width: 991px) {
  .site-info {
    font-size: 10px;
    position: absolute;
    left: 0;
    bottom: -12px;
    white-space: pre;
  }
}

.gnav-list {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .gnav-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
  }
}
.gnav-list .login {
  background: var(--base-color04);
  padding: 5px;
  border-radius: 4px;
  position: relative !important;
}
.gnav-list .login .login-nav {
  background: #fff;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  top: 45px;
  transform: translateX(-50%);
  overflow: hidden;
  width: 200px;
  display: none;
}
.gnav-list .login .login-nav a {
  display: block;
  padding: 12px;
  font-size: 12px;
}
.gnav-list .login .login-nav a:nth-child(1) {
  padding-top: 25px;
}
.gnav-list .login .login-nav a.link-logout {
  margin-top: 12px;
  background: var(--base-color04);
  text-align: center;
}
.gnav-list .login .login-nav i {
  margin-bottom: 0;
  display: inline;
}
.gnav-list .login .login-nav i:before {
  margin-left: 0;
}
.gnav-list .login span {
  font-size: 10px;
}
.gnav-list li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 32px;
  font-size: 13px;
  font-weight: bold;
}
@media only screen and (max-width: 1280px) {
  .gnav-list li {
    font-size: 14px;
    margin-left: 12px;
  }
}
@media only screen and (max-width: 991px) {
  .gnav-list li {
    margin-left: 0px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 490px) {
  .gnav-list li [class^=flaticon-]:before,
  .gnav-list li [class*=" flaticon-"]:before {
    font-size: 16px;
  }
}
.gnav-list li a:hover {
  color: #047AE3;
}
.gnav-list li.__back {
  padding-left: 32px;
  border-left: 1px solid #26455C;
}
.gnav-list li.__back a {
  display: flex;
  align-items: center;
}
.gnav-list li.__back i {
  margin-right: 6px;
}
@media only screen and (max-width: 1280px) {
  .gnav-list li.__back {
    padding-left: 16px;
    margin-left: 16px;
  }
  .gnav-list li.__back i {
    font-size: 16px;
  }
  .gnav-list li.__back i:before {
    font-size: 16px;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 991px) {
  .gnav-list li.__back {
    padding-left: 16px;
    margin-left: 16px;
  }
}
.gnav-list li.icon_nav {
  text-align: center;
  margin-left: 12px;
}
@media only screen and (max-width: 544px) {
  .gnav-list li.icon_nav {
    margin-left: 8px;
  }
}
.gnav-list li.icon_nav.__help {
  margin-left: 32px;
}
.gnav-list li.icon_nav.login {
  background: var(--base-color04);
  padding: 5px;
  border-radius: 4px;
  position: relative !important;
  line-height: 1;
}
.gnav-list li.icon_nav a {
  display: flex;
  display: block;
  font-size: 10px;
  align-items: center;
}
.gnav-list li.icon_nav a:hover {
  color: #047AE3;
}
.gnav-list li.icon_nav i {
  margin-bottom: 0.1rem;
  display: block;
  line-height: 1;
}
.gnav-list li.icon_nav i:before {
  margin-left: 0;
}
.gnav-list li.icon_nav i.flaticon-devices:before {
  font-size: 21px;
}
@media only screen and (max-width: 991px) {
  .gnav-list li.icon_nav i.flaticon-devices:before {
    font-size: 17px;
  }
}
.gnav-list li.icon_nav i.flaticon-shopping-cart {
  margin-left: -3px;
}
.gnav-list li.icon_nav span {
  font-weight: bold;
}
.gnav-list li [class*=bar-] {
  height: 3px;
  background: #047AE3;
  display: block;
  margin-top: 4px;
  transition: all 0.3s ease;
}
.gnav-list li .bar-1 {
  width: 100%;
}
.gnav-list li .bar-2 {
  width: 70%;
  margin-left: auto;
}
.gnav-list li .bar-3 {
  width: 40%;
  margin-left: auto;
}
.gnav-list .bar {
  width: 32px;
  cursor: pointer;
  position: relative;
  top: -3px;
}
@media only screen and (max-width: 991px) {
  .gnav-list .bar {
    margin-left: 12px;
    width: 24px;
  }
}
.gnav-list .bar:hover [class*=bar-] {
  width: 100%;
}
.gnav-list [class*=flaticon-] {
  font-size: 20px;
  font-weight: normal;
}
@media only screen and (max-width: 490px) {
  .gnav-list [class*=flaticon-] {
    font-size: 16px;
  }
}
.gnav-list [class*=flaticon-]:before {
  margin-left: 10px;
}
@media only screen and (max-width: 991px) {
  .gnav-list [class*=flaticon-]:before {
    margin-left: 0;
  }
}
.gnav-list a:hover {
  text-decoration: none;
}
.gnav-list .sp {
  display: none !important;
}
@media only screen and (max-width: 991px) {
  .gnav-list .sp {
    display: inline-block !important;
  }
}
.gnav-list .__houjin {
  width: 100%;
}
.gnav-list .__houjin a {
  display: block;
  color: #fff;
  background: -webkit-linear-gradient(0deg, #9B7835, #603f00);
  padding: 0.5rem 0.8rem;
  border-radius: 100px;
  letter-spacing: 0.1px;
  font-size: 12.5px !important;
}
@media only screen and (max-width: 544px) {
  .gnav-list .__houjin a {
    font-size: 10px !important;
  }
}
.gnav-list .__houjin a:hover {
  color: #fff;
  opacity: 0.75;
}
.gnav-list .__houjin .fa {
  color: #9B7835;
  background: -webkit-linear-gradient(0deg, #fff, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.tel-show {
  position: relative;
  cursor: pointer;
}

.tel-n {
  background: #fff;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  top: 32px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  overflow: hidden;
  width: 200px;
  padding: 12px;
  text-align: center;
  font-size: 20px;
  display: none;
}

.fas,
.l-header .fa {
  background: -webkit-linear-gradient(0deg, #047AE3, #45b4eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.en, .item-new .page-box .new-item-contents .main-block .content-1 table th,
.item-new .page-box .new-item-contents .main-block .content-1 table td {
  font-family: "Roboto", sans-serif;
}

.delay {
  opacity: 0;
}

.main-view-box {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
.main-view-box:before, .main-view-box:after {
  content: "";
  display: table;
}
.main-view-box:after {
  clear: both;
}
@media only screen and (max-width: 1080px) {
  .main-view-box {
    flex-direction: column;
    padding: 0 10px;
    text-align: center;
  }
}
@media only screen and (max-width: 1080px) {
  .main-view-box .sp {
    width: 100%;
    display: block !important;
  }
}

.main-view-text {
  position: relative;
  overflow: hidden;
  font-weight: normal;
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
  min-width: fit-content;
}
.main-view-text:before {
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: linear-gradient(to right, #45b4eb, #1d83ff);
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%);
  z-index: 1;
  -webkit-animation: slideStart 0.3s 0s forwards, slideEnd 0.3s 0.6s forwards;
  animation: slideStart 0.3s 0s forwards, slideEnd 0.3s 0.6s forwards;
}
.main-view-text:before:hover {
  background: linear-gradient(to left, #45b4eb, #1d83ff);
}
@media only screen and (max-width: 1280px) {
  .main-view-text {
    margin: 0 auto 0 0;
  }
}
@media only screen and (max-width: 1080px) {
  .main-view-text {
    width: 100%;
    padding-left: 0;
  }
}

@-webkit-keyframes slideStart {
  0% {
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideStart {
  0% {
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes slideEnd {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(101%);
    transform: translateX(101%);
  }
}
@keyframes slideEnd {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(101%);
    transform: translateX(101%);
  }
}
.main-view-img {
  width: 62%;
  padding-left: 50px;
  text-align: center;
}
@media only screen and (max-width: 1280px) {
  .main-view-img {
    width: 84%;
    margin-right: -136px;
  }
}
@media only screen and (max-width: 1080px) {
  .main-view-img {
    width: 82%;
    padding-left: 0;
    margin: 20px 0;
  }
}
@media only screen and (max-width: 771px) {
  .main-view-img {
    width: 110%;
  }
}

.catch {
  font-size: calc(112.5% + 0.6vw);
  line-height: 1.4;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 1280px) {
  .catch {
    font-size: calc(112.5% + 0.2vw);
  }
}
@media only screen and (max-width: 1080px) {
  .catch {
    font-size: calc(112.5% + 0.6vw);
    margin-bottom: 1rem;
  }
}
.catch .en, .catch .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .catch th,
.catch .item-new .page-box .new-item-contents .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .catch td {
  font-size: 44px;
  font-weight: bold;
  color: #047AE3;
  background: -webkit-linear-gradient(45deg, #047AE3, #45b4eb);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  display: inline-block;
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
}
.catch .en:hover, .catch .item-new .page-box .new-item-contents .main-block .content-1 table th:hover, .item-new .page-box .new-item-contents .main-block .content-1 table .catch th:hover,
.catch .item-new .page-box .new-item-contents .main-block .content-1 table td:hover,
.item-new .page-box .new-item-contents .main-block .content-1 table .catch td:hover {
  background: -webkit-linear-gradient(45deg, #45b4eb, #047AE3);
}
@media only screen and (max-width: 1080px) {
  .catch .en, .catch .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .catch th,
  .catch .item-new .page-box .new-item-contents .main-block .content-1 table td,
  .item-new .page-box .new-item-contents .main-block .content-1 table .catch td {
    font-size: calc(112.5% + 2.6vw);
  }
}
.catch + .pc p {
  font-size: 13px;
  margin: 15px 0;
}

.view-text {
  font-size: 54px;
  font-weight: bold;
  line-height: 1;
  font-size: calc(112.5% + 1.6vw);
}
.view-text br {
  display: none;
}
@media only screen and (max-width: 1280px) {
  .view-text {
    font-size: calc(112.5% + 3.6vw);
  }
  .view-text br {
    display: block;
  }
}
@media only screen and (max-width: 1080px) {
  .view-text {
    font-size: calc(112.5% + 4vw);
  }
  .view-text br {
    display: none;
  }
}

.btn, form input[type=submit],
form button {
  padding: 18px 10px;
  border-radius: 4px;
  max-width: 326px;
  display: block;
  margin: 0 auto;
  color: #fff;
  font-size: var(--fs-p);
  line-height: 1.5;
  position: relative;
  background: linear-gradient(to right, #26455C, rgba(38, 69, 92, 0.8));
  text-align: center;
  font-weight: bold;
  border-bottom: 4px solid #1a3244;
  cursor: pointer;
  box-shadow: 0 0 20px 0px rgba(38, 69, 92, 0.2);
  filter: brightness(1);
}
@media only screen and (max-width: 991px) {
  .btn, form input[type=submit],
  form button {
    font-size: 13px;
  }
}

.btn:hover, form input[type=submit]:hover,
form button:hover {
  box-shadow: 0 0 20px 0px rgba(38, 69, 92, 0.4);
  filter: brightness(1.2);
}
.btn.__mwauto, form input.__mwauto[type=submit],
form button.__mwauto {
  max-width: initial;
}

.grade {
  background: linear-gradient(to right, #45b4eb, #1d83ff);
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  border-bottom: 3px solid #1d83ff;
  box-shadow: 0 0 20px 0px rgba(46, 152, 229, 0.2);
}
.grade:hover {
  background: linear-gradient(to left, #45b4eb, #1d83ff);
}
.grade:hover {
  box-shadow: 0 0 20px 0px rgba(46, 152, 229, 0.5);
  filter: brightness(1.1);
}
.grade:after {
  color: #fff;
}

.grade2 {
  background: linear-gradient(to right, #FEB91E, #FE741E);
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  box-shadow: 0 0 20px 0px rgba(46, 152, 229, 0.2);
}
.grade2:hover {
  background: linear-gradient(to left, #FEB91E, #FE741E);
}
.grade2:hover {
  box-shadow: 0 0 20px 0px rgba(46, 152, 229, 0.5);
  filter: brightness(1.1);
}
.grade2:after {
  color: #fff;
}

.btn.denial, form input.denial[type=submit],
form button.denial {
  background: #A0A0A0;
  border-bottom: 3px solid #807f7f;
  color: #fff;
  filter: none;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  cursor: not-allowed;
}
.btn.denial .__title, form input.denial[type=submit] .__title,
form button.denial .__title {
  line-height: 1.3;
  font-size: 18px;
  margin-bottom: 0;
}
.btn.denial .__desc, form input.denial[type=submit] .__desc,
form button.denial .__desc {
  font-size: 12px;
  line-height: 1.6;
  display: block;
}
.btn.denial:hover, form input.denial[type=submit]:hover,
form button.denial:hover {
  background: #A0A0A0;
}
.btn.nobefore:before, form input.nobefore[type=submit]:before,
form button.nobefore:before {
  content: none;
}
.btn.noafter:after, form input.noafter[type=submit]:after,
form button.noafter:after {
  content: none;
}

.view-btn .btn, .view-btn form input[type=submit], form .view-btn input[type=submit],
.view-btn form button,
form .view-btn button {
  margin-left: 0;
}
@media only screen and (max-width: 1280px) {
  .view-btn .btn, .view-btn form input[type=submit], form .view-btn input[type=submit],
  .view-btn form button,
  form .view-btn button {
    margin-left: auto;
  }
}
.view-btn + a {
  font-size: 12px;
  color: #047AE3;
  margin-top: 10px;
  font-weight: bold;
  display: inline-block;
}
.view-btn + a .flaticon-question:before {
  font-size: 12px;
  margin: 0;
}

.sec-1-title {
  font-size: 17px;
  margin-bottom: 20px;
}

.shadow-box, .tab-cont, .item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box, .sample-apply .bg-3 .text-box, .item-new .page-box .new-item-contents .main-block .tab-wrap, .item-new .page-box .new-item-contents .main-block .link-box-article a, .item-new .item-faq .slide-down, .item-new .slide-down > dt {
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 991px) {
  .shadow-box, .tab-cont, .item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box, .sample-apply .bg-3 .text-box, .item-new .page-box .new-item-contents .main-block .tab-wrap, .item-new .page-box .new-item-contents .main-block .link-box-article a, .item-new .item-faq .slide-down, .item-new .slide-down > dt {
    overflow: visible;
    margin-top: 25px;
  }
}

@media only screen and (max-width: 991px) {
  .tab-icon {
    margin-top: -30px;
    line-height: 1.4;
  }
}

.tab-btn-wrap {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.06);
}

.tab-btns {
  display: flex;
}
.tab-btns:before, .tab-btns:after {
  content: "";
  display: table;
}
.tab-btns:after {
  clear: both;
}
.tab-btns li {
  position: relative;
  width: 25%;
  background: #26455C;
  border-left: 1px solid #fff;
  padding: 5px;
  color: #fff;
  cursor: pointer;
  height: auto !important;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 991px) {
  .tab-btns li {
    padding-bottom: 10px;
  }
}
.tab-btns li:hover {
  opacity: 0.8;
}
.tab-btns li:first-child {
  border: none;
}
.tab-btns .tab-btn-inner {
  display: table;
  margin: 0 auto;
}
.tab-btns .tab-btn-inner > * {
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 991px) {
  .tab-btns .tab-btn-inner > * {
    display: block;
    text-align: center;
  }
}
.tab-btns .tab-icon i:before {
  color: #047AE3;
  background: -webkit-linear-gradient(45deg, #047AE3, #45b4eb);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  display: inline-block;
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  margin: 0;
  font-size: 36px;
  font-weight: normal;
}
.tab-btns .tab-icon i:before:hover {
  background: -webkit-linear-gradient(45deg, #45b4eb, #047AE3);
}
.tab-btns .flaticon-power-line {
  margin-left: 8px;
}
.tab-btns .tab-name {
  font-size: var(--fs-p);
  font-weight: bold;
  line-height: 1.2;
  padding-left: 8px;
  margin-bottom: 0.3rem;
}
@media only screen and (max-width: 991px) {
  .tab-btns .tab-name {
    font-size: 12px;
    letter-spacing: 0px;
    padding-left: 0;
    line-height: 1.4;
  }
}
.tab-btns .tab-name span {
  font-size: 12px;
  font-weight: normal;
}
@media only screen and (max-width: 991px) {
  .tab-btns .tab-name span {
    font-size: 10px;
  }
}
.tab-btns .is-active {
  background: #fff;
  color: #000;
}
.tab-btns.__bg01 .is-active {
  background-color: var(--base-color04);
}

.tab-contents,
.tab-content {
  padding: 40px 60px 60px;
}
@media only screen and (max-width: 991px) {
  .tab-contents,
  .tab-content {
    padding: 20px 12px;
  }
}
.tab-contents.__noplr,
.tab-content.__noplr {
  padding: 40px 0 60px;
}
@media only screen and (max-width: 991px) {
  .tab-contents.__noplr,
  .tab-content.__noplr {
    padding: 20px 0px;
  }
}
.tab-contents .article-block,
.tab-content .article-block {
  background: var(--base-color04);
  padding: 40px;
}
@media only screen and (max-width: 991px) {
  .tab-contents .article-block,
  .tab-content .article-block {
    padding: 20px 4px;
  }
}
.tab-contents .article-block .article-block-title,
.tab-content .article-block .article-block-title {
  text-align: center;
  font-size: var(--fs-p);
  margin-bottom: 20px;
}
.tab-contents .article-block .btn, .tab-contents .article-block form input[type=submit], form .tab-contents .article-block input[type=submit],
.tab-contents .article-block form button,
form .tab-contents .article-block button,
.tab-content .article-block .btn,
.tab-content .article-block form input[type=submit],
form .tab-content .article-block input[type=submit],
.tab-content .article-block form button,
form .tab-content .article-block button {
  margin-top: 10px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16);
  font-size: 13px;
}
.tab-contents.__active,
.tab-content.__active {
  display: block !important;
}

.post-card {
  background: #fff;
  padding: 20px 17px;
  display: block;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
}
.post-card:before, .post-card:after {
  content: "";
  display: table;
}
.post-card:after {
  clear: both;
}
.post-card .texts {
  float: left;
  padding-right: 15px;
  width: calc(100% - 92px);
}
.post-card .thumbnail {
  max-width: 92px;
  float: right;
  border-radius: 4px;
}
.post-card .blog-title {
  font-size: var(--fs-p);
}
@media only screen and (max-width: 991px) {
  .post-card .blog-title {
    font-size: 13px;
  }
}

.loop-meta {
  font-size: 12px;
}
@media only screen and (max-width: 991px) {
  .loop-meta {
    font-size: 10px;
  }
}

.meta {
  line-height: 1.2;
  margin-bottom: 8px;
}
.meta:before, .meta:after {
  content: "";
  display: table;
}
.meta:after {
  clear: both;
}
.meta .cat-name {
  background: #047AE3;
  border-radius: 2px;
  padding: 3px 5px 3px 6px;
  float: left;
  color: #fff;
}
.meta .cat-name + li {
  float: right;
  font-weight: normal;
}

.tab-cat-list {
  margin: 0 -8px 15px;
}
.tab-cat-list:before, .tab-cat-list:after {
  content: "";
  display: table;
}
.tab-cat-list:after {
  clear: both;
}
@media only screen and (max-width: 991px) {
  .tab-cat-list {
    margin-left: 0;
    margin-right: 0;
  }
}
.tab-cat-list li {
  padding: 0 8px 16px;
  width: 33.3%;
  float: left;
}
@media only screen and (max-width: 991px) {
  .tab-cat-list li {
    padding: 0;
    width: 100%;
    float: none;
  }
}
@media only screen and (max-width: 991px) {
  .tab-cat-list li:last-child a {
    border-bottom: 1px solid var(--border-color01);
    border-radius: 0 0 4px 4px;
  }
}
@media only screen and (max-width: 991px) {
  .tab-cat-list li:first-child a {
    border-radius: 4px 4px 0 0;
  }
}
.tab-cat-list li a {
  border: 1px solid var(--border-color01);
  border-radius: 4px;
  padding: 10px 20px 18px;
  position: relative;
  display: block;
}
.tab-cat-list li a.__nolink {
  pointer-events: none;
}
@media only screen and (max-width: 991px) {
  .tab-cat-list li a {
    margin-bottom: -1px;
    border-radius: 0;
  }
}
.tab-cat-list li a:after {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #047AE3;
}
.tab-cat-list li a:hover {
  border-color: #047AE3;
  text-decoration: none;
  background-color: rgba(242, 245, 247, 0.5);
  z-index: 10;
}
.tab-cat-list li a:hover .cat-name {
  color: #047AE3;
}
.tab-cat-list .cat-name {
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  line-height: 1.6;
  margin-top: 3px;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 991px) {
  .tab-cat-list .cat-name {
    font-size: 13px;
  }
}
.tab-cat-list .cat-detail {
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  color: #FEB91E;
}
@media only screen and (max-width: 991px) {
  .tab-cat-list .cat-detail {
    font-size: 10px;
  }
}
.tab-cat-list .cat-detail img {
  width: 50px;
  margin-right: 10px;
  vertical-align: inherit;
}
.tab-cat-list .riyou {
  letter-spacing: 1px;
  color: rgba(17, 24, 29, 0.7);
  font-weight: normal;
}

.syokuba li {
  min-height: 110px;
}

.campaign-block {
  margin: 0px 0 40px;
  position: relative;
}
.campaign-block:after {
  content: "";
  width: 100%;
  height: 250%;
  position: absolute;
  bottom: 50%;
  left: 0;
  background: var(--base-color04);
  z-index: -1;
}

@media only screen and (max-width: 991px) {
  .slick-dots {
    bottom: -10px !important;
  }
}

.campaign-slide {
  margin: 0 -10px;
}
.campaign-slide .slide-item {
  padding: 0 10px;
}
.campaign-slide .slick-next,
.campaign-slide .slick-prev {
  background: rgba(38, 69, 92, 0.8);
  display: inline-block !important;
  transition: transform 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
}
.campaign-slide .slick-next:before,
.campaign-slide .slick-prev:before {
  display: block;
}
.campaign-slide .slick-next:hover, .campaign-slide .slick-next:focus,
.campaign-slide .slick-prev:hover,
.campaign-slide .slick-prev:focus {
  background: rgba(38, 69, 92, 0.9);
}
@media only screen and (max-width: 991px) {
  .campaign-slide .slick-next {
    right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .campaign-slide .slick-prev {
    left: 0;
  }
}

.sec-2-title,
.sec-3-title,
.sec-4-title {
  text-align: center;
  font-size: 29px;
  line-height: 1.3;
  letter-spacing: 1px;
  margin-bottom: 3rem;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .sec-2-title,
  .sec-3-title,
  .sec-4-title {
    font-size: 21px;
    line-height: 1.3;
  }
}
.sec-2-title:before,
.sec-3-title:before,
.sec-4-title:before {
  content: "";
  width: 1px;
  height: 47px;
  background: #047AE3;
  position: absolute;
  left: 50%;
  top: -60px;
}
@media only screen and (max-width: 991px) {
  .sec-2-title:before,
  .sec-3-title:before,
  .sec-4-title:before {
    height: 30px;
    top: -30px;
  }
}
.sec-2-title + p,
.sec-3-title + p,
.sec-4-title + p {
  text-align: center;
  font-weight: normal;
  font-size: var(--fs-p);
}

.small {
  font-size: 17px;
}
@media only screen and (max-width: 991px) {
  .small {
    font-size: 13px;
  }
}

.maker {
  background: linear-gradient(transparent 60%, #FED31E 60%);
}

.sec-2-block-1 {
  margin: 40px auto 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .sec-2-block-1 {
    margin: 30px 0;
  }
}
@media only screen and (max-width: 991px) {
  .sec-2-block-1 .sp {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .sec-2-block-1 {
    width: 100%;
  }
  .sec-2-block-1:before, .sec-2-block-1:after {
    content: "";
    display: table;
  }
  .sec-2-block-1:after {
    clear: both;
  }
}
@media only screen and (max-width: 991px) {
  .sec-2-block-1 .sp-view {
    min-width: auto;
    padding: 0 5px;
  }
}

.sec-2-block-parts {
  padding: 0 30px;
  width: 20%;
}
@media only screen and (max-width: 1280px) {
  .sec-2-block-parts {
    width: 33.333333%;
  }
}
@media only screen and (max-width: 991px) {
  .sec-2-block-parts {
    display: block;
  }
  .sec-2-block-parts:first-child {
    width: 100%;
  }
}
@media only screen and (max-width: 771px) {
  .sec-2-block-parts {
    width: 50%;
  }
}
.sec-2-block-parts p {
  font-size: 13px;
}
.sec-2-block-parts p span {
  color: #047AE3;
  background: -webkit-linear-gradient(45deg, #047AE3, #45b4eb);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  display: inline-block;
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  font-size: 70px;
  line-height: 1.1;
  display: block;
}
.sec-2-block-parts p span:hover {
  background: -webkit-linear-gradient(45deg, #45b4eb, #047AE3);
}
.sec-2-block-parts p + p {
  color: #000;
  font-size: 11px;
}
.sec-2-block-parts i {
  display: block;
}
.sec-2-block-parts i:before {
  margin: 0;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.4;
}

.sec-2-contents-inner {
  max-width: 98%;
  padding-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .sec-2-contents-inner {
    max-width: 100%;
  }
}

.sec-2-contents .l-grid-6:nth-child(2) .sec-2-contents-inner {
  margin-left: auto;
  margin-top: 80px;
}
@media only screen and (max-width: 991px) {
  .sec-2-contents .l-grid-6:nth-child(2) .sec-2-contents-inner {
    margin-top: 0;
  }
}
.sec-2-contents .l-grid-6:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .sec-2-contents .l-grid-6:last-child {
    margin-bottom: 0;
  }
}
.sec-2-contents .l-grid-6:last-child .sec-2-contents-inner {
  padding-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .sec-2-contents .l-grid-6:last-child .sec-2-contents-inner {
    margin-top: 0;
  }
}

[class*=sec-2-img-] {
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.16);
  margin-bottom: 35px;
}
@media only screen and (max-width: 991px) {
  [class*=sec-2-img-] {
    display: inline-block;
  }
}
[class*=sec-2-img-]:before {
  font-size: 57px;
  font-family: "Roboto", sans-serif;
  color: #047AE3;
  background: -webkit-linear-gradient(45deg, #047AE3, #45b4eb);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  display: inline-block;
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  position: absolute;
  left: -10px;
  bottom: -10px;
  line-height: 1;
}
[class*=sec-2-img-]:before:hover {
  background: -webkit-linear-gradient(45deg, #45b4eb, #047AE3);
}

.sec-2-img-1 {
  box-shadow: none;
}

.base {
  position: relative;
}

.sec-2-img-1:before {
  content: "01";
}

.sec-2-img-2:before {
  content: "02";
}

.sec-2-img-3:before {
  content: "03";
}

.sec-2-img-4:before {
  content: "04";
}

.sec-2-contents-title {
  font-size: var(--fs-p);
  color: #047AE3;
  margin-bottom: 6px;
}
@media only screen and (max-width: 991px) {
  .sec-2-contents-title {
    font-size: 13px;
  }
}
.sec-2-contents-title + p {
  font-size: 19px;
  margin-bottom: 20px;
  line-height: 1.6;
}
@media only screen and (max-width: 991px) {
  .sec-2-contents-title + p {
    font-size: 17px;
  }
}
.sec-2-contents-title + p + p {
  font-size: var(--fs-p);
  font-weight: normal;
}
@media only screen and (max-width: 991px) {
  .sec-2-contents-title + p + p {
    font-size: 13px;
  }
}

.list-check li {
  font-size: var(--fs-p);
  font-weight: normal;
  margin-bottom: 0.8em;
  padding-left: 20px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .list-check li {
    font-size: 13px;
  }
}
.list-check li:before {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #2EB979;
  position: absolute;
  left: 0;
  top: 0;
}

.home .list-check {
  margin: 1.5em 0 1em;
  border-top: 1px solid var(--border-color01);
  padding-top: 1em;
}

.sec-2-att {
  font-size: 12px;
  font-weight: bold;
  margin-top: 1em;
}

.btn_radius {
  background: #26455C;
  color: #fff;
  font-size: 13px;
  padding: 7px 25px;
  border-radius: 20px;
  display: inline-block;
  position: relative;
  min-width: 182px;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .btn_radius {
    font-size: 11px;
  }
}
.btn_radius:after {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #047AE3;
  right: 12px;
}

.sec-2-img-5 {
  box-shadow: none;
  margin: 15px auto;
  display: block;
  width: 90%;
}

.big {
  font-size: 140%;
}

.review-slide {
  margin-bottom: 40px;
}
.review-slide:before {
  content: "";
  width: 100px;
  height: 100%;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
@media only screen and (max-width: 991px) {
  .review-slide:before {
    content: none;
  }
}
.review-slide:after {
  content: "";
  width: 100px;
  height: 100%;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 991px) {
  .review-slide:after {
    content: none;
  }
}

.top-review-contents {
  max-width: 1040px;
  margin: 0 auto;
}
.top-review-contents .slick-list {
  overflow: visible;
}
.top-review-contents .slick-prev {
  left: -20px;
  top: 40%;
}
@media only screen and (max-width: 991px) {
  .top-review-contents .slick-prev {
    left: 30px;
  }
}
.top-review-contents .slick-next {
  right: -20px;
  top: 40%;
}
@media only screen and (max-width: 991px) {
  .top-review-contents .slick-next {
    right: 30px;
  }
}

.top-review-item {
  padding: 5px;
}
.top-review-item a {
  display: block;
}
.top-review-item .review-thumb {
  max-width: 248px;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-bottom: 10px;
}
.top-review-item .term-name {
  font-size: 13px;
  color: #047AE3;
}
.top-review-item .top-review-title {
  font-size: var(--fs-p);
}
.top-review-item .name {
  font-size: 13px;
  font-weight: normal;
  margin-top: 5px;
}

.viewing {
  display: block;
  margin-top: 120px;
  padding: 40px 20px 50px;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  font-size: 19px;
  line-height: 1.6;
  position: relative;
  box-shadow: 0 0 20px 0px rgba(46, 152, 229, 0.2);
}
@media only screen and (max-width: 991px) {
  .viewing {
    margin-top: 50px;
    padding: 15px 12px 25px;
    font-size: var(--fs-p);
  }
}
.viewing:after {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  font-size: 40px;
}
@media only screen and (max-width: 991px) {
  .viewing:after {
    display: none;
  }
}
.viewing:hover {
  text-decoration: none;
  box-shadow: 0 0 20px 0px rgba(46, 152, 229, 0.5);
}
.viewing .flaticon-devices:before {
  margin: 0;
  display: block;
  font-weight: normal;
  font-size: 40px;
  line-height: 1.4;
}
.viewing span {
  font-size: var(--fs-p);
  font-weight: normal;
}
@media only screen and (max-width: 991px) {
  .viewing span {
    font-size: 12px;
  }
}
.viewing .sp {
  font-size: 13px;
  margin-top: 5px;
}

.movie img {
  width: 100%;
}

.sec-4-row-title {
  text-align: center;
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 20px;
  position: relative;
  line-height: 1.6;
}
.sec-4-row-title:before {
  content: "";
  width: 100%;
  height: 120px;
  background: var(--base-color04);
  position: absolute;
  left: 0;
  top: 32px;
  z-index: -1;
}
.sec-4-row-title i:before {
  margin: 0;
  font-size: 50px;
  font-weight: normal;
  line-height: 1.2;
  color: #047AE3;
  background: -webkit-linear-gradient(45deg, #047AE3, #45b4eb);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  display: inline-block;
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  display: block;
}
.sec-4-row-title i:before:hover {
  background: -webkit-linear-gradient(45deg, #45b4eb, #047AE3);
}
.sec-4-row-title .fa-youtube-play {
  display: block;
}
.sec-4-row-title .fa-youtube-play:before {
  color: #E84A4A;
  -webkit-text-fill-color: inherit;
}

.sec-4-content {
  position: relative;
  z-index: 10;
  padding: 0 32px;
}
@media only screen and (max-width: 991px) {
  .sec-4-content {
    padding: 0 12px;
  }
}
.sec-4-content article {
  margin-bottom: 10px;
}
.sec-4-content .post-card {
  border: 1px solid var(--border-color01);
}
.sec-4-content .post-card:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.sec-4-text {
  text-align: center;
  font-size: 19px;
  padding: 0px 0 10px;
  clear: both;
}
@media only screen and (max-width: 991px) {
  .sec-4-text {
    font-size: 17px;
  }
}
.sec-4-text span {
  font-size: 13px;
  font-weight: normal;
}
@media only screen and (max-width: 991px) {
  .sec-4-text span {
    font-size: 11px;
  }
}

.youtube-movie {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.youtube-movie + p {
  margin: 0.8em 0 2em;
  font-size: var(--fs-p);
  line-height: 1.4;
}
@media only screen and (max-width: 991px) {
  .youtube-movie + p {
    font-size: 13px;
  }
}

.youtube-movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.youtube-2,
.youtube-3 {
  width: 50%;
  float: left;
}

.youtube-2 {
  padding-right: 2%;
}

.youtube-3 {
  padding-left: 2%;
}
.youtube-3 + .sec-4-text {
  padding-top: 0;
}

.banner-block {
  padding-bottom: 60px;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 991px) {
  .banner-block {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 1080px) {
  .banner-block .l-grid-4 {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
}
.banner-block a {
  display: block;
  padding: 2.5rem 2rem;
  border-radius: 4px;
  overflow: hidden;
  background-size: cover;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .banner-block a {
    padding: 1.5rem 2rem;
  }
}
.banner-block a:after {
  content: "";
  background: rgba(38, 69, 92, 0.65);
  background: linear-gradient(to right, rgba(38, 69, 92, 0.65), rgba(38, 69, 92, 0.98));
  -webkit-background: linear-gradient(to right, rgba(38, 69, 92, 0.65), rgba(38, 69, 92, 0.98));
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.banner-block .banner-inner {
  display: table;
  line-height: 1.4;
  width: 100%;
  position: relative;
  z-index: 1;
}
.banner-block .banner-inner > div {
  display: table-cell;
  color: #fff;
  vertical-align: middle;
}
.banner-block p {
  font-size: 11px;
}
@media only screen and (max-width: 991px) {
  .banner-block p {
    font-size: 10px;
  }
}
.banner-block .banner-text {
  width: calc(100% - 60px);
}
.banner-block .banner-text p + p {
  font-size: 16px;
}
@media only screen and (max-width: 991px) {
  .banner-block .banner-text p + p {
    font-size: 13px;
  }
}

.banner-1 {
  background: url(../images/banner_1@2x.jpg) no-repeat center;
}

.banner-2 {
  background: url(../images/banner_2@2x.jpg) no-repeat center;
}

.banner-3 {
  background: url(../images/banner_3@2x.jpg) no-repeat center;
}

.banner-detail {
  width: 64px;
  height: 64px;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  text-align: center;
  margin-left: auto;
}
.banner-detail p {
  letter-spacing: 0px;
}
.banner-detail .num {
  font-size: 20px;
}

.f-nav {
  background: var(--base-color04);
  z-index: 10;
  padding-bottom: 100px;
}
@media only screen and (max-width: 991px) {
  .f-nav {
    padding-bottom: 30px;
  }
}

.f-nav-title {
  font-size: var(--fs-p);
  font-weight: bold;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  margin-bottom: 10px;
  cursor: pointer;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .f-nav-title {
    padding-top: 10px;
  }
}
.f-nav-title i {
  display: block;
  float: right;
  color: #26455C;
  -webkit-text-fill-color: inherit;
  margin-top: 4px;
}

.f-nav-content {
  margin: 15px 0 10px;
}
@media only screen and (max-width: 991px) {
  .f-nav-content {
    display: none;
  }
}

.f-nav-list, .f-nav-list-2 {
  margin-left: 24px;
}
.f-nav-list li, .f-nav-list-2 li {
  margin-bottom: 7px;
}
.f-nav-list a, .f-nav-list-2 a {
  display: flex;
  padding: 3px 0 3px 18px;
  position: relative;
  font-weight: normal;
  transition: all 0.3s ease;
}
.f-nav-list a:before, .f-nav-list-2 a:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 8px;
  height: 8px;
  background: #fff;
  border: 1px solid var(--border-color01);
  border-radius: 7px;
  display: block;
  transition: all 0.3s ease;
}
.f-nav-list a:hover, .f-nav-list-2 a:hover {
  opacity: 1;
  color: #047AE3;
}
.f-nav-list a:hover:before, .f-nav-list-2 a:hover:before {
  background: linear-gradient(to right, #45b4eb, #1d83ff);
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
}
.f-nav-list a:hover:before:hover, .f-nav-list-2 a:hover:before:hover {
  background: linear-gradient(to left, #45b4eb, #1d83ff);
}

.f-nav-row-title {
  margin-bottom: 0.5rem;
}



h3.f-nav-row-title {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
}
h3.f-nav-row-title::after {
  content: "";
  width: 100%;
  height: 3px;
  border-radius: 100px;
  background-color: rgba(38, 69, 92, 0.05);
}


.menu-box {
  position: relative;
  background: #fff;
  max-width: 38%;
  min-width: 640px;
  margin-left: auto;
  height: 100%;
  overflow-y: scroll;
  border-radius: 4px;
  box-shadow: 0 0 12px rgba(4, 122, 227, 0.1);
}
@media only screen and (max-width: 991px) {
  .menu-box {
    width: 100%;
    max-width: inherit;
    min-width: inherit;
  }
}
.menu-box .is-active {
  color: #047AE3;
  border-bottom: 1px solid #047AE3;
  margin-bottom: -1px;
}
@media only screen and (max-width: 544px) {
  .menu-box .is-active {
    color: #fff !important;
    background-color: #047AE3;
  }
}

.menu-inner {
  overflow-y: scroll;
}

.menu-1-list {
  background: var(--base-color04);
  padding: 12px 30px 9px;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .menu-1-list {
    padding: 12px 16px 9px;
  }
}
.menu-1-list li {
  text-align: center;
  font-size: 10px;
  padding-right: 16px;
}
.menu-1-list li i {
  display: block;
  line-height: 1;
}
.menu-1-list li i:before {
  margin: 0;
  font-size: 20px;
  font-weight: normal;
}
.menu-1-list a {
  display: block;
}
.menu-1-list .fa-phone {
  font-family: "FontAwesome";
  color: #000;
  -webkit-text-fill-color: inherit;
}

.fa-times {
  -webkit-text-fill-color: inherit;
}

.close_btn {
  width: 40px;
  height: 40px;
  color: #fff;
  background: #26455C;
  border-radius: 100px;
  position: absolute;
  right: 30px;
  top: 10px;
  cursor: pointer;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .close_btn {
    position: fixed;
    width: 30px;
    height: 30px;
    right: 12px;
    top: 12px;
  }
}
.close_btn i {
  font-size: 13px;
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .close_btn i {
    line-height: 30px;
  }
}

.menu-tab {
  padding: 30px 30px 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 2px solid #EAEAEA;
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .menu-tab {
    padding: 16px 0px 0px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 544px) {
  .menu-tab {
    padding: 0;
    margin-bottom: 32px;
  }
}
.menu-tab li {
  display: table-cell;
  flex-basis: 100%;
  font-size: 13px;
  text-align: center;
}
@media only screen and (max-width: 544px) {
  .menu-tab li {
    font-size: 11px;
    flex-basis: 30%;
  }
}
@media only screen and (max-width: 544px) {
  .menu-tab li:nth-child(2) {
    flex-basis: 40%;
  }
}
.menu-tab li span {
  display: block;
  padding-bottom: 15px;
  cursor: pointer;
}
@media only screen and (max-width: 544px) {
  .menu-tab li span {
    padding: 16px 0;
  }
}
.menu-tab li span:hover {
  color: #047AE3;
}

.menu-tab-contents {
  padding: 0 30px 30px;
}
@media only screen and (max-width: 991px) {
  .menu-tab-contents {
    padding: 0 16px 16px;
  }
}
.menu-tab-contents .tab-cat-list {
  margin: 0 -4px 40px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.menu-tab-contents .tab-cat-list li {
  padding: 4px 8px;
  width: 50%;
  float: none;
}
@media only screen and (max-width: 991px) {
  .menu-tab-contents .tab-cat-list li {
    width: 100%;
  }
}

.menu-title {
  font-size: 13px;
  margin-left: 4px;
}
@media only screen and (max-width: 544px) {
  .menu-title {
    font-size: 12px;
  }
}
.menu-title a {
  display: flex;
  align-items: center;
}
.menu-title i:before {
  margin: 0;
  font-size: 32px;
  font-weight: normal;
  color: #047AE3;
  margin-right: 12px;
}
@media only screen and (max-width: 991px) {
  .menu-title i:before {
    font-size: 27px;
  }
}
.menu-title .menu-title-item {
  font-size: 17px;
  color: #047AE3;
}
@media only screen and (max-width: 544px) {
  .menu-title .menu-title-item {
    font-size: var(--fs-p);
  }
}

.menu-btn {
  margin-bottom: 15px;
}
.menu-btn .btn, .menu-btn form input[type=submit], form .menu-btn input[type=submit],
.menu-btn form button,
form .menu-btn button {
  max-width: 100%;
  padding: 18px 10px;
  display: block;
}

.menu-info {
  background: var(--base-color04);
  text-align: center;
  padding: 20px;
}
.menu-info > p {
  font-size: 14px;
  margin-bottom: 10px;
}

.menu-info-inner {
  display: table;
  width: 100%;
}

.menu-info-item {
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
  width: 50%;
}
@media only screen and (max-width: 991px) {
  .menu-info-item {
    display: block;
    padding: 0;
    width: 100%;
  }
}
.menu-info-item .tel {
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  line-height: 1.4;
}
@media only screen and (max-width: 991px) {
  .menu-info-item .tel {
    letter-spacing: 0px;
  }
}
.menu-info-item .tel i {
  font-size: 20px;
  vertical-align: middle;
  font-weight: normal;
  font-family: FontAwesome;
  -webkit-text-fill-color: inherit;
}
.menu-info-item .open-time {
  margin-top: -4px;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 0;
}
.menu-info-item + .menu-info-item {
  margin-top: 15px;
}

.menu-knowhow,
.menu-other {
  margin-bottom: 40px;
}

#searchform {
  border-radius: 2px;
  border: 2px solid #EAEAEA;
}
#searchform div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: inherit;
  padding: 0 16px;
}
#searchform input[type=text] {
  padding: 16px 0;
  float: inherit;
}
#searchform button {
  position: inherit;
  margin: auto;
  padding: 0;
  float: none;
  width: 32px;
  height: auto;
  font-size: 14px;
  color: #26455C;
  line-height: inherit;
}

.menu-knowhow-title,
.menu-ohter-title {
  font-size: 13px;
  margin-bottom: 9px;
}

.choice-btn {
  border: 2px solid #047AE3;
  border-radius: 2px;
  padding: 0px 16px;
  color: #047AE3;
  position: relative;
  font-size: 13px;
  line-height: 56px;
  cursor: pointer;
}
.choice-btn:after {
  content: "\f13a";
  font-family: "FontAwesome";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.menu-knowhow-list {
  display: none;
}
.menu-knowhow-list li a {
  display: block;
  color: #047AE3;
  font-size: 14px;
  padding: 10px 20px;
  border-bottom: 1px solid var(--border-color01);
}
.menu-knowhow-list li a:hover {
  border-color: #047AE3;
}

.study-list li {
  font-size: var(--fs-p);
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-color01);
  transition: transform 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
}
.study-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.study-list li:hover {
  text-decoration: underline;
  color: #047AE3;
  transform: translatex(3px);
}
.study-list li:hover .title {
  color: #047AE3;
}
.study-list li a {
  display: block;
}
.study-list .study-cat-name {
  background: #26455C;
  display: inline-block;
  padding: 0 10px;
  border-radius: 2px;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 0px;
}

.menu-other-title {
  font-size: 13px;
  border-bottom: 1px solid var(--border-color01);
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.menu-other-list:before, .menu-other-list:after {
  content: "";
  display: table;
}
.menu-other-list:after {
  clear: both;
}
.menu-other-list li {
  width: 50%;
  float: left;
  font-size: 13px;
  font-weight: normal;
}
.menu-other-list li a {
  display: block;
  padding: 0px 10px 16px 16px;
  position: relative;
  line-height: 1.4;
}
.menu-other-list li a:hover {
  color: #047AE3;
}
.menu-other-list li a:before {
  content: "\f105";
  font-family: "FontAwesome";
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 11px;
  transform: translateY(-50%);
  color: #047AE3;
}

.menu-tab-content .menu-other:last-child .menu-other-list {
  border-top: 1px solid var(--border-color01);
  padding-top: 40px;
}
.menu-tab-content .menu-other:last-child .menu-other-list li a {
  padding-left: 0;
}
.menu-tab-content .menu-other:last-child .menu-other-list li a:before {
  content: none;
}

.is-item-page {
  margin-bottom: 120px;
}
@media only screen and (max-width: 991px) {
  .is-item-page {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 544px) {
  .is-item-page {
    margin-bottom: 0;
  }
}
.is-item-page .post-header-block {
  padding-bottom: 28rem;
}
@media only screen and (max-width: 1080px) {
  .is-item-page .post-header-block {
    padding-bottom: 30%;
  }
}
@media only screen and (max-width: 991px) {
  .is-item-page .post-header-block {
    padding-bottom: 26%;
  }
}
.is-item-page .post-header-block.__normal {
  padding: 6rem 10px 9rem;
}
@media only screen and (max-width: 991px) {
  .is-item-page .post-header-block.__normal {
    padding: 30px 10px 50px;
  }
}
.is-item-page .main-img-block {
  margin-top: -274px;
}
@media only screen and (max-width: 991px) {
  .is-item-page .main-img-block {
    margin-top: -28%;
  }
}
.is-item-page .main-img-block img {
  display: block;
  width: 100%;
  max-width: inherit;
  margin: auto;
}
.is-item-page .main-img-block .ver1-main-img-text {
  font-size: 13px;
  font-weight: bold;
  color: #B92E2D;
}
@media only screen and (max-width: 991px) {
  .is-item-page .main-img-block .ver1-main-img-text {
    font-size: 11px;
  }
}
.is-item-page .main-img-block .ver1-main-img-title {
  line-height: 1.5;
  text-align: center;
  font-size: 20px;
  margin-bottom: 1%;
}
@media only screen and (max-width: 991px) {
  .is-item-page .main-img-block .ver1-main-img-title {
    font-size: 16px;
  }
}
.is-item-page .main-img-block .ver1-main-img-subtext {
  font-size: 16px;
}
@media only screen and (max-width: 991px) {
  .is-item-page .main-img-block .ver1-main-img-subtext {
    margin-bottom: 0px;
    font-size: 14px;
  }
}
.is-item-page .main-img-block .ver1-main-img-list {
  display: flex;
  gap: 1%;
  margin-top: 1rem;
  margin-bottom: 5rem;
}
@media only screen and (max-width: 991px) {
  .is-item-page .main-img-block .ver1-main-img-list {
    display: block;
  }
}
.is-item-page .main-img-block .ver1-main-img-listItem {
  width: 100%;
  border-radius: 4px;
  background-color: var(--base-color04);
  padding: 3% 5%;
  text-align: center;
  list-style: none;
}
@media only screen and (max-width: 991px) {
  .is-item-page .main-img-block .ver1-main-img-listItem {
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
.is-item-page .main-img-block .ver1-main-img-listIcon {
  width: auto;
  object-fit: contain;
  max-height: 60px;
  display: block;
  margin: 0 auto 1rem;
}
@media only screen and (max-width: 991px) {
  .is-item-page .main-img-block .ver1-main-img-listIcon {
    margin: 0 16px 0 0;
    max-height: 40px;
  }
}
.is-item-page .main-img-block .ver1-main-img-listTitle {
  font-size: var(--fs-p);
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0px !important;
}
@media only screen and (max-width: 991px) {
  .is-item-page .main-img-block .ver1-main-img-listTitle {
    margin: 1.5em 0 !important;
    font-size: 14px;
    text-align: left;
  }
  .is-item-page .main-img-block .ver1-main-img-listTitle br {
    display: none;
  }
}
.is-item-page .main-img-block .ver1-main-img-listTitle_span {
  color: #047AE3;
}
.is-item-page .main-img-block.__incontent {
  margin-top: 0px;
}

.post-header-block {
  text-align: center;
  background: linear-gradient(to right, #26455C, #1F5B83);
  border-radius: 4px;
  color: #fff;
  padding: 6rem 10px 9rem;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .post-header-block {
    padding: 30px 10px 40px;
    border-radius: 0;
  }
}
.post-header-block.__lpcourse {
  padding: 1rem 10px 6rem;
  background: none;
}
@media only screen and (max-width: 1024px) {
  .post-header-block.__lpcourse {
    display: none;
  }
}
.post-header-block.__lpcourse .item-name {
  display: none;
}
.post-header-block.__lpcourse:before {
  display: none;
}
.post-header-block:before {
  content: "";
  width: 1px;
  height: 47px;
  background: #047AE3;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateY(-50%);
}
@media only screen and (max-width: 991px) {
  .post-header-block:before {
    height: 24px;
  }
}
@media only screen and (max-width: 544px) {
  .post-header-block .item-name {
    font-size: 11px;
  }
}
@media only screen and (max-width: 991px) {
  .post-header-block .post-title {
    font-size: 20px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 544px) {
  .post-header-block .post-title {
    font-size: 16px !important;
  }
}
.post-header-block p {
  font-size: 13px;
}
@media only screen and (max-width: 991px) {
  .post-header-block p {
    font-size: 11px;
    font-weight: normal;
    max-width: 90%;
    margin: auto;
  }
}
.post-header-block p:first-child {
  margin-top: 1rem;
}
.post-header-block p strong {
  color: #feb91e;
}
.post-header-block .btn, .post-header-block form input[type=submit], form .post-header-block input[type=submit],
.post-header-block form button,
form .post-header-block button {
  margin-top: 40px;
}

.box-shadow {
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
}

.page-box {
  border-radius: 4px;
  background: #fff;
  padding: 60px 80px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .page-box {
    padding: 30px 20px;
  }
}
/* 
.is-item-page .page-box {
  margin-bottom: 80px;
  padding: 60px 120px;
}
@media only screen and (max-width: 1280px) {
  .is-item-page .page-box {
    padding: 60px 80px;
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .is-item-page .page-box {
    margin-bottom: 40px;
    padding: 30px 5%;
  }
}
@media only screen and (max-width: 544px) {
  .is-item-page .page-box {
    padding: 30px 16px;
  }
} */

.page-template-page-about .l-main .l-low .page-box {
  padding: 40px 70px;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .page-template-page-about .l-main .l-low .page-box {
    padding: 30px 12px;
  }
}

.page-content,
.post-content {
  font-weight: normal;
  font-size: 16px;
  line-height: 2;
}
.page-content p,
.post-content p {
  margin-bottom: 2em;
}
.page-content ul,
.post-content ul {
  margin: 2em 0;
}
@media only screen and (max-width: 544px) {
  .page-content ul,
  .post-content ul {
    margin: 1em 0;
  }
}
.page-content ul li,
.post-content ul li {
  margin: 5px 0;
  font-weight: normal;
}
.page-content strong,
.post-content strong {
  font-weight: bold;
}
.page-content table,
.post-content table {
  margin: 2em 0;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .page-content table,
  .post-content table {
    font-size: 14px;
  }
}
@media only screen and (max-width: 544px) {
  .page-content table,
  .post-content table {
    font-size: 13px;
  }
}
.page-content table th,
.post-content table th {
  font-weight: bold;
  background: var(--base-color04);
  text-align: center;
}
.page-content table th,
.page-content table td,
.post-content table th,
.post-content table td {
  padding: 20px 16px;
}
.page-content [class*=t-style-],
.post-content [class*=t-style-] {
  border-top: 1px solid var(--border-color01);
  margin: 0;
}
.page-content [class*=t-style-] tr,
.post-content [class*=t-style-] tr {
  border-bottom: 1px solid var(--border-color01);
}
.page-content [class*=t-style-] th,
.post-content [class*=t-style-] th {
  width: 10em;
}
@media only screen and (max-width: 991px) {
  .page-content [class*=t-style-] th,
  .post-content [class*=t-style-] th {
    min-width: 8em;
  }
}
.page-content [class*=t-style-] td,
.post-content [class*=t-style-] td {
  padding-left: 20px;
  padding-right: 20px;
}
.page-content [class*=t-style-] .btn_radius,
.post-content [class*=t-style-] .btn_radius {
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 2em;
}
.page-content [class*=t-style-] .btn_radius + p,
.post-content [class*=t-style-] .btn_radius + p {
  margin-top: 2em;
}
.page-content .t-style-2 + .t-style-1,
.post-content .t-style-2 + .t-style-1 {
  border-top: none;
  margin-bottom: 4em;
}
.page-content .company-name,
.post-content .company-name {
  font-weight: bold;
  margin-bottom: 0;
}

.list li {
  padding-left: 22px;
  position: relative;
}
.list li:before {
  content: "";
  width: 8px;
  height: 8px;
  background: linear-gradient(to right, #45b4eb, #1d83ff);
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 8px;
}
.list li:before:hover {
  background: linear-gradient(to left, #45b4eb, #1d83ff);
}

.company-img {
  margin-top: 2em;
}

.section-title-page {
  font-size: 19px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 40px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .section-title-page {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 25px;
  }
}
.section-title-page:after {
  content: "";
  width: 40px;
  height: 2px;
  background: linear-gradient(to right, #45b4eb, #1d83ff);
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.section-title-page:after:hover {
  background: linear-gradient(to left, #45b4eb, #1d83ff);
}


.footer-sub-nav.__first {
  border-bottom: 1px solid #F2F5F7;
}

.footer-sub-nav-list {
  display: table;
  margin: 30px auto;
  text-align: center;
}
.footer-sub-nav-list li {
  display: inline-block;
  padding: 0 20px;
  font-size: 12px;
  font-weight: normal;
  line-height: 3;
}
@media only screen and (max-width: 991px) {
  .footer-sub-nav-list li {
    padding: 0 16px 0 0;
  }
}
.footer-sub-nav-list a:hover {
  color: #047AE3;
  text-decoration: underline;
}

.footer-copy {
  text-align: center;
  color: rgba(17, 24, 29, 0.7);
  font-size: 12px;
  font-weight: normal;
  padding-bottom: 30px;
}

.table-wrap {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .table-wrap.__scroll01 {
    overflow-x: scroll;
  }
  .table-wrap.__scroll01 table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
  }
}

.rec-catch {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 33px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.3em;
  width: 90%;
}
@media only screen and (max-width: 991px) {
  .rec-catch {
    font-size: 18px;
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    padding: 20px 10px;
    background: url(../images/recruit_img@2x.jpg) center;
    background-size: cover;
    width: 100%;
    line-height: 1.4;
  }
}
.rec-catch .maker-grade {
  position: relative;
}
.rec-catch .maker-grade:after {
  content: "";
  width: 100%;
  height: 5px;
  background: linear-gradient(to right, #45b4eb, #1d83ff);
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  position: absolute;
  left: -0.15em;
  bottom: -1px;
  z-index: -1;
}
.rec-catch .maker-grade:after:hover {
  background: linear-gradient(to left, #45b4eb, #1d83ff);
}
.rec-catch .en, .rec-catch .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .rec-catch th,
.rec-catch .item-new .page-box .new-item-contents .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .rec-catch td {
  padding-top: 15px;
  font-size: 20px;
}
@media only screen and (max-width: 991px) {
  .rec-catch .en, .rec-catch .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .rec-catch th,
  .rec-catch .item-new .page-box .new-item-contents .main-block .content-1 table td,
  .item-new .page-box .new-item-contents .main-block .content-1 table .rec-catch td {
    font-size: 13px;
  }
}

.recruit-main + p {
  text-align: center;
  padding: 3em 0 1em;
}

[class*=recruit-img-] {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
}
@media only screen and (max-width: 991px) {
  [class*=recruit-img-] {
    display: inline-block;
  }
}
[class*=recruit-img-]:before {
  font-size: 32px;
  font-family: "Roboto", sans-serif;
  color: #047AE3;
  position: absolute;
  left: -10px;
  bottom: -10px;
  line-height: 1;
  font-weight: bold;
}

.base {
  position: relative;
}

.recruit-img-1:before {
  content: "01";
}

.recruit-img-2:before {
  content: "02";
}

.recruit-img-3:before {
  content: "03";
}

.recruit-img-4:before {
  content: "04";
}

.recruit-row-title {
  font-size: 19px;
  font-weight: bold;
  margin: 20px 0 10px;
}
@media only screen and (max-width: 991px) {
  .recruit-row-title {
    font-size: var(--fs-p);
    line-height: 1.4;
  }
}

.recruit-sec-2 > p {
  text-align: center;
}
.recruit-sec-2 .view-contents {
  padding-top: 20px;
  display: none;
}
.recruit-sec-2 .view-contents li {
  padding-left: 22px;
  position: relative;
}
.recruit-sec-2 .view-contents li:before {
  content: "";
  width: 8px;
  height: 8px;
  background: linear-gradient(to right, #45b4eb, #1d83ff);
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 8px;
}
.recruit-sec-2 .view-contents li:before:hover {
  background: linear-gradient(to left, #45b4eb, #1d83ff);
}
.recruit-sec-2 .view-contents .btn, .recruit-sec-2 .view-contents form input[type=submit], form .recruit-sec-2 .view-contents input[type=submit],
.recruit-sec-2 .view-contents form button,
form .recruit-sec-2 .view-contents button {
  margin: 30px auto 80px;
}
.recruit-sec-2 .view-contents table a {
  background: #26455C;
  color: #fff;
  font-size: 10px;
  padding: 2px 25px;
  border-radius: 20px;
  display: inline-block;
  position: relative;
}
.recruit-sec-2 .view-contents table a:after {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #047AE3;
  right: 12px;
}

.recruit-title {
  background: #fff;
  padding: 15px 20px;
  font-size: var(--fs-p);
  font-weight: bold;
  margin-bottom: 15px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
  cursor: pointer;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 991px) {
  .recruit-title {
    padding: 5px 10px;
    font-size: 13px;
  }
}
.recruit-title:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
}
.recruit-title i {
  display: block;
  float: right;
  color: #26455C;
  -webkit-text-fill-color: inherit;
  margin-top: 4px;
}

.recruit-img {
  margin: 0 0 30px;
}

.page-content .form-style th {
  background: none;
  text-align: left;
  width: 160px;
}
.page-content .form-style th,
.page-content .form-style td {
  padding: 0;
}
.page-content .form-style a {
  color: #047AE3;
}
.page-content .ec-form th {
  width: 220px;
  vertical-align: baseline;
}

.page-content .form-box,
.post-content .form-box {
  background: var(--base-color04);
  padding: 4rem 4rem 6rem;
}
@media only screen and (max-width: 991px) {
  .page-content .form-box,
  .post-content .form-box {
    padding: 2rem 2rem 4rem;
  }
}
.page-content .form-box .table-grad,
.post-content .form-box .table-grad {
  overflow: hidden;
}
.page-content .form-box .table-grad:after,
.post-content .form-box .table-grad:after {
  content: none;
}
.page-content .form-style,
.post-content .form-style {
  margin: 0;
  width: 100%;
  margin: 16px 0;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .page-content .form-style,
  .post-content .form-style {
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-word;
    margin: 10px 0;
  }
}
.page-content .form-style.border:before,
.post-content .form-style.border:before {
  content: "";
  border-top: 1px solid #DEE7ED;
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: -20px;
}
@media only screen and (max-width: 991px) {
  .page-content .form-style.border:before,
  .post-content .form-style.border:before {
    top: -10px;
  }
}
.page-content .form-style.__border01,
.post-content .form-style.__border01 {
  position: relative;
  margin-top: 2rem;
  padding-top: 2rem;
  border-collapse: inherit;
}
.page-content .form-style.__border01::before,
.post-content .form-style.__border01::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
.page-content .form-style th,
.page-content .form-style td,
.post-content .form-style th,
.post-content .form-style td {
  padding: 12px 0;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .page-content .form-style th,
  .page-content .form-style td,
  .post-content .form-style th,
  .post-content .form-style td {
    padding: 6px 0;
    display: block;
  }
}
@media only screen and (max-width: 544px) {
  .page-content .form-style td,
  .post-content .form-style td {
    padding: 0px 0 15px;
  }
}
.page-content .form-style .half,
.post-content .form-style .half {
  width: 50%;
  float: left;
}
.page-content .form-style input[type=text],
.page-content .form-style input[type=email],
.page-content .form-style input[type=url],
.page-content .form-style input[type=tel],
.page-content .form-style input[type=number],
.page-content .form-style input[type=date],
.page-content .form-style textarea,
.post-content .form-style input[type=text],
.post-content .form-style input[type=email],
.post-content .form-style input[type=url],
.post-content .form-style input[type=tel],
.post-content .form-style input[type=number],
.post-content .form-style input[type=date],
.post-content .form-style textarea {
  border: none;
  border-radius: 0;
  padding: 24px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .page-content .form-style input[type=text],
  .page-content .form-style input[type=email],
  .page-content .form-style input[type=url],
  .page-content .form-style input[type=tel],
  .page-content .form-style input[type=number],
  .page-content .form-style input[type=date],
  .page-content .form-style textarea,
  .post-content .form-style input[type=text],
  .post-content .form-style input[type=email],
  .post-content .form-style input[type=url],
  .post-content .form-style input[type=tel],
  .post-content .form-style input[type=number],
  .post-content .form-style input[type=date],
  .post-content .form-style textarea {
    padding: 16px;
  }
}
.page-content .form-style input[type=tel].trisect,
.post-content .form-style input[type=tel].trisect {
  width: 30%;
}
.page-content .form-style textarea,
.page-content .form-style input[type=email],
.post-content .form-style textarea,
.post-content .form-style input[type=email] {
  width: 100%;
}
.page-content .form-style .wpcf7-list-item,
.post-content .form-style .wpcf7-list-item {
  display: block;
  margin: 0;
}
.page-content .form-style .half input[type=text],
.post-content .form-style .half input[type=text] {
  width: 98%;
}
.page-content .form-style input[type=checkbox]:checked + .wpcf7-list-item-label:after,
.post-content .form-style input[type=checkbox]:checked + .wpcf7-list-item-label:after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: linear-gradient(to right, #45b4eb, #1d83ff);
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  position: absolute;
  left: 4px;
  top: 1px;
}
.page-content .form-style input[type=checkbox]:checked + .wpcf7-list-item-label:after:hover,
.post-content .form-style input[type=checkbox]:checked + .wpcf7-list-item-label:after:hover {
  background: linear-gradient(to left, #45b4eb, #1d83ff);
}
.page-content .form-style .wpcf7-list-item-label,
.post-content .form-style .wpcf7-list-item-label {
  padding-left: 30px;
  position: relative;
  padding-bottom: 5px;
}
.page-content .form-style .wpcf7-list-item-label:before,
.post-content .form-style .wpcf7-list-item-label:before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 8px;
  border: 1px solid var(--border-color01);
  background: #fff;
  position: absolute;
  left: 0;
  top: -3px;
}
.page-content .form-style input[type=file],
.post-content .form-style input[type=file] {
  display: none;
}
.page-content .form-style .file label,
.post-content .form-style .file label {
  background: #26455C;
  border: none;
  border-radius: 2px;
  color: #fff;
  padding: 14px 20px;
  cursor: pointer;
}
.page-content .form-style .reqired:before,
.post-content .form-style .reqired:before {
  content: "必須";
  font-size: 10px;
  font-weight: normal;
  color: #fff;
  background: red;
  padding: 2px 3px;
  border-radius: 2px;
  margin-right: 8px;
}
.page-content .form-style .errortext,
.post-content .form-style .errortext {
  color: #B92E2D;
  font-weight: bold;
  display: block;
}
.page-content .form-style .errortext:before,
.post-content .form-style .errortext:before {
  content: "\f071";
  font-family: FontAwesome;
  font-size: 13px;
  text-align: center;
  color: #B92E2D;
  margin-right: 6px;
}

span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
  content: " ";
}

.send-btn-wrap {
  max-width: 60%;
  margin: 1rem auto 0;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .send-btn-wrap {
    max-width: 100%;
    margin: 1rem 0 0;
  }
}
.send-btn-wrap:after {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #047AE3;
  color: #fff;
  font-size: 20px;
  transform: none;
  top: 16%;
}
.send-btn-wrap + p {
  display: none;
}

form input[type=submit],
form button {
  background: linear-gradient(to right, #45b4eb, #1d83ff);
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  width: 100%;
  max-width: 100%;
  padding: 25px 10px;
  transition: all 0.3s ease;
  border: none;
}
form input[type=submit]:hover,
form button:hover {
  background: linear-gradient(to left, #45b4eb, #1d83ff);
}
form input[type=submit]:hover,
form button:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.blog-header-block {
  background: url(../images/blog/blog_main.jpg) no-repeat center;
  background-size: cover;
  padding: 80px 15px;
  text-align: center;
  color: #fff;
  margin-bottom: 60px;
  position: relative;
}
.blog-header-block:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 991px) {
  .blog-header-block {
    padding: 20px 10px;
    margin-bottom: 30px;
  }
}
.blog-header-block .post-title {
  font-size: 26px;
  margin-bottom: 20px !important;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .blog-header-block .post-title {
    font-size: 20px;
    margin-bottom: 5px !important;
  }
}
.blog-header-block p {
  font-size: 16px;
  font-weight: normal;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .blog-header-block p {
    font-size: 13px;
  }
}

.search-block {
  margin-bottom: 50px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
}
@media only screen and (max-width: 991px) {
  .search-block {
    margin-bottom: 30px;
  }
}

.search-cat {
  display: table;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .search-cat {
    display: block;
    position: relative;
  }
}
.search-cat > div {
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 991px) {
  .search-cat > div {
    display: block;
  }
}
.search-cat .search-mark {
  background: var(--base-color04);
  font-size: 30px;
  width: 72px;
  height: 72px;
  text-align: center;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .search-cat .search-mark {
    display: none;
  }
}

.search-cat-text {
  padding: 15px 15px 15px 25px;
}
@media only screen and (max-width: 991px) {
  .search-cat-text {
    padding: 10px 10px 10px 15px;
  }
}
.search-cat-text span {
  font-size: var(--fs-p);
  padding-right: 1em;
}
@media only screen and (max-width: 991px) {
  .search-cat-text span {
    font-size: 13px;
    padding: 0 0 10px;
    display: block;
  }
}
.search-cat-text label {
  font-size: 13px;
  position: relative;
}
.search-cat-text label:after {
  content: "\f13a";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  top: 0;
  line-height: 1;
  color: #047AE3;
}
.search-cat-text .cat-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #047AE3;
  border-radius: 4px;
  background: #fff;
  padding: 10px;
  width: 240px;
  color: #047AE3;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.search-box {
  padding: 15px;
  background: #eee;
  display: none;
}
@media only screen and (max-width: 991px) {
  .search-box {
    display: block;
  }
}
.search-box form button:after {
  content: none;
}

.blog-posts {
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .blog-posts {
    margin-bottom: 15px;
  }
}
.blog-posts a {
  display: block;
  border: 1px solid var(--border-color01);
  padding: 30px;
}
.blog-posts a:before, .blog-posts a:after {
  content: "";
  display: table;
}
.blog-posts a:after {
  clear: both;
}
@media only screen and (max-width: 991px) {
  .blog-posts a {
    padding: 12px;
  }
}
.blog-posts a:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
}

.blog-thumbnail {
  float: right;
  margin: 0 0 20px 20px;
}
@media only screen and (max-width: 991px) {
  .blog-thumbnail {
    width: 80px;
    margin: 0 0 10px 10px;
  }
}

.blog-meta {
  margin-bottom: 10px;
}
.blog-meta .post-time {
  font-size: 13px;
  color: rgba(17, 24, 29, 0.7);
  float: right;
}
@media only screen and (max-width: 991px) {
  .blog-meta .post-time {
    font-size: 10px;
  }
}

.blog-cat {
  background: #45b4eb;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  padding: 2px 15px;
  float: left;
}
@media only screen and (max-width: 991px) {
  .blog-cat {
    font-size: 10px;
  }
}

.blog-loop-title {
  margin: 40px 0 10px;
  font-size: 17px;
}
@media only screen and (max-width: 991px) {
  .blog-loop-title {
    font-size: 13px;
    margin: 30px 0 5px;
  }
}
.blog-loop-title + p {
  font-size: 14px;
  font-weight: normal;
}
@media only screen and (max-width: 991px) {
  .blog-loop-title + p {
    font-size: 12px;
  }
}
.blog-loop-title + p .en, .blog-loop-title + p .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .blog-loop-title + p th,
.blog-loop-title + p .item-new .page-box .new-item-contents .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .blog-loop-title + p td {
  padding-left: 1em;
  color: #047AE3;
}

[class*=blog-other-] a {
  padding: 25px;
  display: block;
}
@media only screen and (max-width: 991px) {
  [class*=blog-other-] a {
    padding: 12px;
  }
}

.blog-other-1 {
  margin: 80px 0 40px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .blog-other-1 {
    margin: 40px 0 20px;
  }
}
.blog-other-1:after {
  content: "";
  width: 20px;
  height: 20px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: rotate(45deg);
  margin-top: -14px;
}
@media only screen and (max-width: 991px) {
  .blog-other-1:after {
    display: none;
  }
}
.blog-other-1 a {
  background: url(../images/blog/bg_1@2x.jpg) no-repeat center;
  background-size: cover;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .blog-other-1 a {
    background-position: right center;
  }
}

.mobile-img {
  margin-right: 15px;
  width: 194px;
}
@media only screen and (max-width: 991px) {
  .mobile-img {
    width: 100px;
    margin-right: 5px;
  }
}

.blog-other-1-textblock {
  padding: 0;
}
.blog-other-1-textblock p {
  font-size: 14px;
  margin: 5px 0 0.6em;
}
@media only screen and (max-width: 991px) {
  .blog-other-1-textblock p {
    font-size: 12px;
  }
}
.blog-other-1-textblock p span {
  color: #ff4c59;
}
.blog-other-1-textblock p + p {
  font-size: 16px;
}
@media only screen and (max-width: 991px) {
  .blog-other-1-textblock p + p {
    font-size: 13px;
  }
}

.blog-other-2 {
  background: url(../images/blog/blog_2@2x.jpg) no-repeat center;
  background-size: cover;
  text-align: center;
  color: #fff;
  padding: 35px;
}
@media only screen and (max-width: 991px) {
  .blog-other-2 {
    padding: 12px;
  }
}
.blog-other-2 p {
  font-size: 18px;
  margin-bottom: 1.5em;
  line-height: 2;
}
@media only screen and (max-width: 991px) {
  .blog-other-2 p {
    font-size: 13px;
    margin-bottom: 1em;
  }
}
.blog-other-2 .btn, .blog-other-2 form input[type=submit], form .blog-other-2 input[type=submit],
.blog-other-2 form button,
form .blog-other-2 button {
  padding: 10px;
}

.side-box {
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
  text-align: center;
  padding: 30px 20px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 991px) {
  .side-box {
    padding: 20px 12px;
  }
}
.side-box p {
  font-size: 14px;
  line-height: 2;
  margin: 1em 0 2em;
}
@media only screen and (max-width: 991px) {
  .side-box p {
    font-size: 13px;
  }
}
.side-box .side-link-1 {
  margin-bottom: 1.5em;
}
.side-box .side-link-1 ul {
  margin-left: -12px;
}
.side-box .side-link-1 ul:before, .side-box .side-link-1 ul:after {
  content: "";
  display: table;
}
.side-box .side-link-1 ul:after {
  clear: both;
}
.side-box .side-link-1 ul li {
  width: 50%;
  float: left;
  padding-left: 12px;
  margin-bottom: 10px;
}
.side-box .side-link-1 ul li a {
  display: block;
  border: 1px solid var(--border-color01);
  border-radius: 3px;
  padding: 10px;
  font-size: 13px;
  font-weight: normal;
}
.side-box .side-link-1 ul li a:hover {
  color: #047AE3;
  border-color: #047AE3;
}
.side-box .side-btn {
  text-align: left;
  margin-top: 10px;
  padding-left: 20px;
  font-size: 14px;
}

.mont {
  font-family: "Montserrat", sans-serif;
}

.side-sns {
  margin-bottom: 50px;
}
.side-sns > p {
  text-align: center;
  margin-bottom: 20px;
}
.side-sns a {
  padding: 20px;
  color: #fff;
  display: block;
  font-weight: normal;
}
.side-sns a i {
  margin-right: 5px;
}
.side-sns .fb {
  margin-bottom: 10px;
}
.side-sns .fb a {
  background: #3c5ca5;
}
.side-sns .tw a {
  background: #399ff4;
}

.popular-posts,
.latest-posts,
.recommend-posts {
  margin-top: 50px;
}
.popular-posts .blog-meta,
.latest-posts .blog-meta,
.recommend-posts .blog-meta {
  margin-bottom: 10px;
}
.popular-posts .blog-meta:before, .popular-posts .blog-meta:after,
.latest-posts .blog-meta:before,
.latest-posts .blog-meta:after,
.recommend-posts .blog-meta:before,
.recommend-posts .blog-meta:after {
  content: "";
  display: table;
}
.popular-posts .blog-meta:after,
.latest-posts .blog-meta:after,
.recommend-posts .blog-meta:after {
  clear: both;
}
.popular-posts .blog-cat,
.latest-posts .blog-cat,
.recommend-posts .blog-cat {
  font-size: 12px;
}
.popular-posts a:hover,
.latest-posts a:hover,
.recommend-posts a:hover {
  color: #047AE3;
}

.side-title {
  font-size: 16px;
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
  margin-bottom: 25px;
}

.side-post-link {
  border-bottom: 1px solid var(--border-color01);
  display: block;
  padding-bottom: 20px;
  margin-bottom: 25px;
}

.side-loop-title {
  font-size: 14px;
}

article.post {
  border: none;
  background: none;
}

.post-header,
.post-content {
  padding: 0;
}

.single .post-title {
  font-size: 26px;
  line-height: 1.4;
  margin: 0;
  padding: 25px 0 20px;
  border-bottom: 1px solid var(--border-color01);
}
@media only screen and (max-width: 991px) {
  .single .post-title {
    font-size: 20px;
  }
}

.share {
  margin: 25px 0;
}

.sns-btns:before, .sns-btns:after {
  content: "";
  display: table;
}
.sns-btns:after {
  clear: both;
}
.sns-btns li {
  float: left;
  margin-right: 40px;
}
.sns-btns li:last-child {
  margin: 0;
}
.sns-btns li i,
.sns-btns li span {
  font-size: 26px;
}
.sns-btns .sns-facebook a {
  color: #3664a2;
}
.sns-btns .sns-twitter a {
  color: #1da1f2;
}
.sns-btns .sns-line a {
  color: #00b800;
}
.sns-btns .sns-hatebu a {
  color: #00a4de;
}

.view-block {
  background: var(--base-color04);
  padding: 12px;
}
.view-block .views {
  display: table;
  margin: 0 auto;
}
.view-block .views p,
.view-block .views .fb-like {
  display: table-cell;
  padding: 0 10px;
  font-size: 14px;
}
@media only screen and (max-width: 991px) {
  .view-block .views p,
  .view-block .views .fb-like {
    display: block;
    font-size: 12px;
  }
}
.view-block .views .fb-like {
  position: relative;
  top: -3px;
}
@media only screen and (max-width: 991px) {
  .view-block .views .fb-like {
    text-align: center;
    top: 0;
    padding-top: 5px;
  }
}

.post-content {
  margin: 50px 0 100px;
  font-size: 16px;
}
@media only screen and (max-width: 991px) {
  .post-content {
    margin: 30px 0 50px;
    padding: 0 !important;
    font-size: 13px;
  }
}
.post-content a {
  color: #047AE3;
  text-decoration: underline;
}
.post-content a:hover {
  text-decoration: none;
}
.post-content p,
.post-content pre {
  line-height: 2;
}
.post-content h2,
.post-content h3,
.post-content h4 {
  line-height: 1.5;
}
@media only screen and (max-width: 991px) {
  .post-content h2,
  .post-content h3,
  .post-content h4 {
    margin-top: 30px !important;
  }
}
.post-content h2 {
  font-size: 26px;
  padding-bottom: 0;
  border: none;
}
@media only screen and (max-width: 991px) {
  .post-content h2 {
    font-size: 20px;
  }
}
.post-content h3 {
  font-size: 22px;
  border: none;
  padding: 0;
}
@media only screen and (max-width: 991px) {
  .post-content h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 991px) {
  .post-content h4 {
    font-size: 16px;
  }
}
.post-content table tbody th {
  background: var(--base-color04);
  padding: 15px;
  color: #000;
}
.post-content table tbody th,
.post-content table tbody td {
  padding: 15px;
}
.post-content ol {
  list-style: none;
  padding-left: 0;
}
.post-content ol li {
  padding-left: 20px;
  position: relative;
}
.post-content ol li:nth-child(1):before {
  content: "1";
  position: absolute;
  left: 0;
  top: 0;
  color: #047AE3;
}
.post-content ol li:nth-child(2):before {
  content: "2";
  position: absolute;
  left: 0;
  top: 0;
  color: #047AE3;
}
.post-content ol li:nth-child(3):before {
  content: "3";
  position: absolute;
  left: 0;
  top: 0;
  color: #047AE3;
}
.post-content ol li:nth-child(4):before {
  content: "4";
  position: absolute;
  left: 0;
  top: 0;
  color: #047AE3;
}
.post-content ol li:nth-child(5):before {
  content: "5";
  position: absolute;
  left: 0;
  top: 0;
  color: #047AE3;
}
.post-content ol li:nth-child(6):before {
  content: "6";
  position: absolute;
  left: 0;
  top: 0;
  color: #047AE3;
}
.post-content ol li:nth-child(7):before {
  content: "7";
  position: absolute;
  left: 0;
  top: 0;
  color: #047AE3;
}
.post-content ol li:nth-child(8):before {
  content: "8";
  position: absolute;
  left: 0;
  top: 0;
  color: #047AE3;
}
.post-content ol li:nth-child(9):before {
  content: "9";
  position: absolute;
  left: 0;
  top: 0;
  color: #047AE3;
}
.post-content ol li:nth-child(10):before {
  content: "10";
  position: absolute;
  left: 0;
  top: 0;
  color: #047AE3;
}
.post-content blockquote {
  background: none;
  border: none;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin: 60px 0;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .post-content blockquote {
    padding: 25px 0;
  }
}
.post-content blockquote:before {
  content: "";
  width: 44px;
  height: 25px;
  background: url(../images/blog/quote_1.png) no-repeat #fff;
  background-size: 34px 25px;
  padding-right: 10px;
  position: absolute;
  left: 0;
  top: -12px;
}
.post-content blockquote:after {
  content: "";
  width: 44px;
  height: 25px;
  background: url(../images/blog/quote_2.png) no-repeat right #fff;
  background-size: 34px 25px;
  padding-left: 10px;
  position: absolute;
  right: 0;
  bottom: -12px;
}
.post-content blockquote p:last-child {
  font-size: 12px;
  font-style: italic;
  color: rgba(17, 24, 29, 0.7);
}
.post-content .post-box {
  margin: 50px 0;
  padding: 30px;
}
@media only screen and (max-width: 991px) {
  .post-content .post-box {
    margin: 40px 0;
    padding: 20px 12px 15px 15px;
  }
}
.post-content .post-box .box-title {
  font-weight: bold;
  margin-bottom: 1em;
}
.post-content .post-box *:last-child {
  margin-bottom: 0;
}
.post-content .box-1 {
  border: 1px solid var(--border-color01);
  border-left: 3px solid #45b4eb;
}
.post-content .box-2 {
  background: var(--base-color04);
}
.post-content .box-3 {
  border: 1px solid #45b4eb;
}
.post-content .btn, .post-content form input[type=submit], form .post-content input[type=submit],
.post-content form button,
form .post-content button {
  color: #fff;
  text-decoration: none;
}
.post-content + .share {
  padding-bottom: 25px;
  border-bottom: 1px solid #000;
  margin-bottom: 30px;
}

.share-title {
  text-align: center;
  margin-bottom: 20px;
}

.post-share-btns {
  display: table;
  margin: 0 auto;
}
@media only screen and (max-width: 991px) {
  .post-share-btns {
    width: 100%;
  }
}
.post-share-btns li {
  display: table-cell;
  padding: 0 4px;
}
@media only screen and (max-width: 991px) {
  .post-share-btns li {
    width: 30%;
    text-align: center;
  }
}
.post-share-btns li a {
  display: block;
  color: #fff;
  padding: 12px 20px;
  font-size: 14px;
}
.post-share-btns .share-facebook a {
  background: #3664a2;
}
.post-share-btns .share-twitter a {
  background: #1da1f2;
}
.post-share-btns .share-hatebu a {
  background: #00a4de;
}

.post-categories {
  display: table;
  margin: 0 auto 80px;
}
@media only screen and (max-width: 991px) {
  .post-categories {
    margin-bottom: 35px;
  }
}
.post-categories li {
  display: table-cell;
  padding: 0 5px;
  font-size: 14px;
}
.post-categories li a {
  color: #047AE3;
  text-decoration: underline;
}
.post-categories li a:hover {
  text-decoration: none;
}

.post-author {
  padding: 40px 0;
}
@media only screen and (max-width: 991px) {
  .post-author {
    padding: 20px 0 !important;
  }
}

.post-author .post-author-img {
  border-radius: 40px;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .post-author .post-author-img {
    width: 60px;
  }
}

@media only screen and (max-width: 991px) {
  .post-author .post-author-meta {
    margin-left: 75px;
  }
}

.post-sns-block {
  margin: 80px 0;
  background: #26455C;
  color: #fff;
  padding: 35px;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .post-sns-block {
    margin: 40px 0;
    padding: 15px 10px;
  }
}

.post-sns-title {
  margin-bottom: 1.2em;
}
.post-sns-title + ul {
  display: table;
  margin: 0 auto;
}
@media only screen and (max-width: 991px) {
  .post-sns-title + ul {
    width: 100%;
  }
}
.post-sns-title + ul li {
  display: table-cell;
  padding: 0 5px;
  min-width: 210px;
}
@media only screen and (max-width: 991px) {
  .post-sns-title + ul li {
    min-width: auto;
    width: 50%;
  }
}
.post-sns-title + ul li a {
  display: block;
  padding: 15px;
  font-size: 14px;
  color: #fff;
}
.post-sns-title + ul .post-sns-facebook a {
  background: #3664a2;
}
.post-sns-title + ul .post-sns-twitter a {
  background: #1da1f2;
}

.other-articles-title {
  margin-bottom: 25px;
}

.post-cta {
  background: none;
  border: none;
  color: #000;
  margin-top: 80px;
}
@media only screen and (max-width: 991px) {
  .post-cta {
    margin-top: 35px;
    padding: 0 !important;
  }
}

.post-cta .cta-post-title {
  font-size: 16px;
  text-align: left;
  padding: 0;
  border: none;
  margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .post-cta .cta-post-title {
    padding: 0 !important;
  }
}

.post-cta .post-cta-inner {
  padding: 35px;
  background: #26455C;
  color: #fff;
}

.post-cta .post-cta-img {
  width: 100%;
  float: none;
  margin: 0 0 20px;
}

.post-cta .post-cta-cont {
  font-weight: normal;
}

.post-cta .post-cta-btn {
  margin: 0 0 20px;
}

.post-cta .post-cta-btn a {
  padding: 15px 10px;
  border-radius: 4px;
  width: 70%;
  text-align: center;
  display: block;
  margin: 0 auto;
  color: #fff;
  font-size: var(--fs-p);
  position: relative;
  background: linear-gradient(to right, #269ED3, #0076E5);
  text-align: center;
  border: none;
}
@media only screen and (max-width: 991px) {
  .post-cta .post-cta-btn a {
    width: 100%;
    padding: 15px 22px;
  }
}
.post-cta .post-cta-btn a:after {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .post-cta .post-cta-btn a:after {
    right: 8px;
  }
}
.post-cta .post-cta-btn a:hover {
  background: linear-gradient(to right, #269ED3, #0076E5);
  border: none;
}

.blog-other-2 + .search-block {
  margin-top: 40px;
}

.modaal-container {
  max-width: 620px !important;
  border-radius: 10px !important;
  position: relative;
}

.modaal-content-container {
  padding: 0 !important;
}

.modaal-wrapper .modaal-close {
  position: absolute;
  right: -25px !important;
  top: -25px !important;
  background: #000 !important;
  border-radius: 25px;
  width: 44px;
  height: 44px;
}
.modaal-wrapper .modaal-close:before, .modaal-wrapper .modaal-close:after {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 2px;
  height: 26px;
  margin: auto;
}

.modal-contents {
  text-align: center;
}

.modal-content {
  padding: 60px 24px;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .modal-content {
    padding: 20px 24px;
  }
}
@media only screen and (max-width: 991px) {
  .modal-content p {
    text-align: left;
  }
}
.modal-content.__style01 {
  text-align: left;
  padding: 40px;
  font-weight: normal;
}
@media only screen and (max-width: 991px) {
  .modal-content.__style01 {
    padding: 20px;
  }
}

.o-camera {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 70vh;
}
.o-camera.__facebg01::before {
  content: "";
  background: url(../images/card/camera_bg01.png);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 100;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.modal-camera {
  width: 100%;
  height: 100%;
  max-height: 70vh;
}

.modal-img {
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .modal-img {
    margin-bottom: 20px;
  }
}
.modal-img.__zoom {
  padding: 8rem 8rem 0;
}
@media only screen and (max-width: 991px) {
  .modal-img.__zoom {
    padding: 4rem 4rem 0;
  }
}

.modal-text-2 {
  font-weight: normal;
}

[class*=modal-text-] {
  margin-bottom: 1.5em;
}

.modal-nav-block {
  border-top: 1px solid var(--border-color01);
  margin-top: 10px;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .modal-nav-block {
    margin-top: 20px;
  }
}
.modal-nav-block * {
  padding: 18px 15px;
}

.modal-nav {
  text-align: center;
  padding: 0 !important;
}
.modal-nav * {
  width: 25%;
}

.modal-prev {
  float: left;
  border-right: 1px solid var(--border-color01);
  border-radius: 0 0 0 10px;
}

.modal-next {
  float: right;
  border-left: 1px solid var(--border-color01);
  border-radius: 0 0 10px 0;
}

.modal-prev,
.modal-next {
  cursor: pointer;
  position: relative;
  z-index: 10;
}
.modal-prev:hover,
.modal-next:hover {
  background: #26455C;
  color: #fff;
}

.modal-box {
  display: none;
}

.modal-box-1 {
  display: block;
}

.modal-body-wrap.__style01 {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 3px solid var(--base-color04);
}

.sp {
  display: none;
}
@media only screen and (max-width: 1080px) {
  .sp {
    display: block;
  }
}

.xs {
  display: none;
}
@media only screen and (max-width: 544px) {
  .xs {
    display: block;
  }
}

@media only screen and (max-width: 1080px) {
  .pc {
    display: none !important;
  }
}

.review-cat-search-block {
  padding: 15px;
  display: table;
  width: 100%;
}
.review-cat-search-block p,
.review-cat-search-block .review-cat-search {
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px;
}
@media only screen and (max-width: 991px) {
  .review-cat-search-block p,
  .review-cat-search-block .review-cat-search {
    display: block;
    padding: 0;
    text-align: center;
  }
}
.review-cat-search-block p {
  color: #fff;
  font-size: var(--fs-p);
  text-align: right;
}
@media only screen and (max-width: 991px) {
  .review-cat-search-block p {
    margin-bottom: 10px;
  }
}
.review-cat-search-block label {
  font-size: 13px;
  position: relative;
}
.review-cat-search-block label:after {
  content: "\f13a";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  top: 0;
  line-height: 1;
  color: #047AE3;
}
.review-cat-search-block .cat-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #047AE3;
  border-radius: 4px;
  background: #fff;
  padding: 15px;
  width: 240px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}
.review-cat-search-block + p {
  text-align: center;
  margin: 25px 0;
  font-size: 13px;
}

.review-box {
  margin-bottom: 40px;
  background: #fff;
}
.review-box a {
  display: block;
  border: 1px solid var(--border-color01);
  padding: 40px;
}
.review-box a:before, .review-box a:after {
  content: "";
  display: table;
}
.review-box a:after {
  clear: both;
}
@media only screen and (max-width: 991px) {
  .review-box a {
    padding: 12px;
  }
}
.review-box a:hover {
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16);
}

.review-cat {
  font-size: 14px;
  font-weight: normal;
  background: #26455C;
  color: #fff;
  padding: 2px 15px;
  position: absolute;
  left: -1px;
  top: -1px;
}
@media only screen and (max-width: 991px) {
  .review-cat {
    font-size: 12px;
  }
}

.review-thumb {
  width: 230px;
  float: left;
  margin-right: 30px;
}
@media only screen and (max-width: 991px) {
  .review-thumb {
    width: 100%;
    float: none;
    margin-right: 0;
  }
}

.review-text {
  padding-left: 260px;
}
@media only screen and (max-width: 991px) {
  .review-text {
    padding: 10px 0 0 0;
  }
}
.review-text > p {
  font-weight: normal;
}
.review-text > p .en, .review-text > p .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .review-text > p th,
.review-text > p .item-new .page-box .new-item-contents .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .review-text > p td {
  color: #047AE3;
}

.review-title {
  font-size: 18px;
  margin-bottom: 10px;
}

.review-meta {
  margin-bottom: 15px;
  display: table;
  width: 100%;
}

.review-star {
  color: #feb91e;
  line-height: 0.8;
  display: table-cell;
}
@media only screen and (max-width: 991px) {
  .review-star {
    line-height: 1;
  }
}
.review-star img {
  width: 60px;
}

.review-name {
  display: table-cell;
  font-size: 14px;
  font-weight: normal;
  text-align: right;
}
@media only screen and (max-width: 991px) {
  .review-name {
    font-size: 12px;
  }
}

.post-type-archive .post-title,
.single-review .post-title,
.single-lecturer .post-title,
.page-template-page-faq .post-title,
.page-id-128 .post-title,
.page-id-134 .post-title {
  margin-bottom: 20px !important;
}

.single-review .post-title,
.single-lecturer .post-title {
  font-size: 28px;
  border: none;
  padding: 0;
}
@media only screen and (max-width: 991px) {
  .single-review .post-title,
  .single-lecturer .post-title {
    font-size: 20px;
  }
}
.single-review .review-box,
.single-lecturer .review-box {
  border: 1px solid var(--border-color01);
  padding: 40px;
  position: relative;
}
.single-review .review-box:before, .single-review .review-box:after,
.single-lecturer .review-box:before,
.single-lecturer .review-box:after {
  content: "";
  display: table;
}
.single-review .review-box:after,
.single-lecturer .review-box:after {
  clear: both;
}
@media only screen and (max-width: 991px) {
  .single-review .review-box,
  .single-lecturer .review-box {
    padding: 12px;
  }
}

.faq-box dt,
.faq-box dd {
  position: relative;
  padding: 20px 20px 20px 70px;
}
@media only screen and (max-width: 991px) {
  .faq-box dt,
  .faq-box dd {
    padding: 10px 30px 10px 40px;
  }
}
.faq-box dt {
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .faq-box dt {
    font-size: 14px;
  }
}
.faq-box dt:before {
  content: "Q";
  font-family: "Roboto", sans-serif;
  color: #45b4eb;
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  font-weight: normal;
}
@media only screen and (max-width: 544px) {
  .faq-box dt:before {
    left: 14px;
  }
}
.faq-box dt:after {
  content: "\f13a";
  font-family: "FontAwesome";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  background: linear-gradient(to right, #45b4eb, #1d83ff);
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.faq-box dt:after:hover {
  background: linear-gradient(to left, #45b4eb, #1d83ff);
}
.faq-box dd {
  background: var(--base-color04);
  font-size: var(--fs-mid);
  font-weight: normal;
  display: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 544px) {
  .faq-box dd {
    font-size: 13px;
  }
}
.faq-box dd:before {
  content: "A.";
  font-family: "Roboto", sans-serif;
  color: #45b4eb;
  position: absolute;
  left: 24px;
  top: 23px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (max-width: 544px) {
  .faq-box dd:before {
    left: 14px;
    top: 15px;
  }
}
.faq-box dd .faq-title-ec { 
  margin-top: 0 !important;
  margin-bottom: 1rem;
}
.faq-box dd strong {
  font-weight: bold;
}
.faq-box dd .faq-flow {
  counter-reset: faq-flow-item;
}
.faq-box dd .faq-flow-item {
  counter-increment: faq-flow-item;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 8px;
}
@media only screen and (max-width: 544px) {
  .faq-box dd .faq-flow-item {
    flex-direction: column;
  }
}
.faq-box dd .faq-flow-item:before {
  content: "手順.0" counter(faq-flow-item);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  white-space: pre;
  font-size: 13px;
  font-weight: bold;
  padding: 16px 24px;
  background-color: #E1E4E6;
  border-radius: 6px;
}
@media only screen and (max-width: 544px) {
  .faq-box dd .faq-flow-item:before {
    padding: 4px 16px;
  }
}
.faq-box dd .faq-flow-text {
  padding: 16px 16px;
}
@media only screen and (max-width: 544px) {
  .faq-box dd .faq-flow-text {
    padding: 8px 0;
  }
}
.faq-box dd .faq-flow-text p {
  margin-bottom: 1rem;
}
.faq-box dd .faq-flow-text p:last-child {
  margin-bottom: 0;
}

#main-ec .lecturer-box {
  margin-bottom: 60px;
}
@media only screen and (max-width: 991px) {
  #main-ec .lecturer-box {
    margin-bottom: 30px;
  }
}
#main-ec .lecturer-box .review-title {
  font-size: 18px;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  #main-ec .lecturer-box .review-title {
    font-size: 16px;
  }
}
#main-ec .lecturer-box .review-title span {
  font-size: 16px;
  padding-left: 1em;
}
@media only screen and (max-width: 991px) {
  #main-ec .lecturer-box .review-title span {
    font-size: 13px;
  }
}
#main-ec .lecturer-box .lecturer-catch {
  font-size: 16px;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  #main-ec .lecturer-box .lecturer-catch {
    font-size: 14px;
  }
}
#main-ec .lecturer-box .lecturer-text {
  margin: 0 0 2em;
  font-weight: bold;
}
#main-ec .lecturer-box .list {
  margin-top: 0;
}
#main-ec .lecturer-box .lecturer-thumb {
  width: 160px;
  height: 160px;
  border-radius: 2px;
  position: relative;
  float: left;
}
@media only screen and (max-width: 991px) {
  #main-ec .lecturer-box .lecturer-thumb {
    float: none;
    margin: 0 auto 4px;
    text-align: center;
  }
}
#main-ec .lecturer-box .lecturer-thumb img {
  width: auto;
  max-width: none;
  height: auto;
  width: 160px;
  height: 160px;
  object-fit: cover;
}
#main-ec .lecturer-box .review-text {
  padding-left: 210px;
}
@media only screen and (max-width: 991px) {
  #main-ec .lecturer-box .review-text {
    padding-left: 0;
  }
}

.req {
  color: #ff0000;
}

.payment .payment-list {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media only screen and (max-width: 991px) {
  .payment .payment-list {
    display: block;
  }
}
.payment .payment-list li,
.payment .payment-list p {
  margin: 0;
}
.payment .payment-list li {
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .payment .payment-list li {
    margin-bottom: 20px;
  }
}

.page-content .post-content {
  margin: 0;
}
.page-content .post-content h2:first-child {
  margin-top: 0 !important;
}

.post-title {
  font-size: 28px;
  font-weight: bold;
}

@media only screen and (max-width: 991px) {
  .post-header-block .post-title {
    font-size: 20px;
  }
}

.item-contents .post-title {
  margin-bottom: 4px;
}
@media only screen and (max-width: 544px) {
  .item-contents .page-content {
    padding: 30px 0px;
    box-shadow: none;
  }
}

.header-meta {
  font-size: 12px;
  font-weight: normal;
}
.header-meta span {
  padding: 0 0.2em;
  font-weight: bold;
  color: #FEB91E;
  font-size: 14px;
  display: none;
}
.header-meta img {
  width: 80px;
  vertical-align: text-bottom;
  display: none;
}
.header-meta a {
  color: #fff;
  text-decoration: underline;
  vertical-align: top;
}

.recommend-title {
  font-size: 12px;
  margin-right: 50px;
  padding-bottom: 10px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .recommend-title {
    margin-right: 0;
    display: inline-block;
    margin-bottom: 20px;
  }
}
.recommend-title:after {
  content: "";
  width: 100%;
  height: 3px;
  background: #2EB979;
  position: absolute;
  left: 0;
  top: 28px;
}

.check-list {
  width: calc(100% - 220px);
}
@media only screen and (max-width: 991px) {
  .check-list {
    width: 100%;
  }
}
.check-list li {
  font-size: 12px;
  margin-bottom: 0.8em;
  padding-left: 20px;
  position: relative;
  display: inline-block;
  margin-right: 30px;
}
@media only screen and (max-width: 991px) {
  .check-list li {
    display: block;
    margin-right: 0;
  }
}
.check-list li:before {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #2EB979;
  position: absolute;
  left: 0;
  top: 0;
}

.movie-block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .movie-block {
    display: block;
  }
}

.movie-wrap {
  width: 100%;
  max-width: 538px;
}

.movie,
.youtube {
  position: relative;
  width: 80%;
  padding-top: 44.25%;
  margin: 0 auto 40px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .movie,
  .youtube {
    width: 100%;
    padding-top: 56.25%;
  }
}
.movie:after,
.youtube:after {
  content: "";
  height: 60%;
  background: var(--base-color04);
  position: absolute;
  left: -13%;
  right: -13%;
  bottom: -10%;
  z-index: -1;
}
@media only screen and (max-width: 991px) {
  .movie:after,
  .youtube:after {
    left: -5%;
    right: -5%;
    bottom: -10%;
  }
}
.movie iframe,
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.slider {
  width: 318px;
  border: 1px solid var(--border-color01);
  margin-left: 12px !important;
}
@media only screen and (max-width: 991px) {
  .slider {
    width: 100%;
    margin-left: 0 !important;
  }
}

.att-list {
  text-align: right;
  font-size: 12px;
  margin: 0 0 2rem !important;
}
@media only screen and (max-width: 544px) {
  .att-list {
    width: 100%;
    font-size: 10px;
  }
}
.att-list li {
  margin: 0 !important;
  font-weight: normal;
}

.section-item-title {
  font-size: 19px !important;
  margin-bottom: 20px;
}
@media only screen and (max-width: 544px) {
  .section-item-title {
    font-size: 16px !important;
  }
}
.section-item-title .num {
  color: #047AE3;
  font-size: 36px;
  font-weight: black;
  padding-right: 8px;
  line-height: 1;
}
@media only screen and (max-width: 544px) {
  .section-item-title .num {
    font-size: 24px;
    padding-right: 6px;
  }
}

@media only screen and (max-width: 991px) {
  .table-wrap {
    margin: 0 -10px;
  }
}

.kyozai {
  width: 100%;
  font-size: 13px;
  line-height: 1.3;
  margin-bottom: 15px;
}
@media only screen and (max-width: 991px) {
  .kyozai {
    font-size: 11px;
  }
}
.kyozai.__normal tr .kyozai-column {
  color: #047AE3 !important;
}
.kyozai.__normal tr.__nocolor .kyozai-column {
  color: #000 !important;
}
.kyozai.__normal td, .kyozai.__normal td:first-child {
  background: none;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
}
.kyozai.__normal td.__cat {
  background: #F7F7F7;
  color: #000 !important;
}
.kyozai.__normal td.__title {
  color: #000 !important;
}
.kyozai.__style01 tr:not(:first-child) th:last-child {
  background: #383838;
}
.kyozai.__textblack tr,
.kyozai.__textblack td {
  color: #000;
  background: none;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
}
.kyozai.__textcenter tr,
.kyozai.__textcenter td {
  text-align: center !important;
}
.kyozai.__normal01 th:last-child {
  background: #26455C !important;
}
.kyozai tr:nth-child(odd) {
  background: #F7F7F7;
}
.kyozai th {
  background: #383838;
  text-align: center;
  color: #fff;
}
.kyozai th:last-child {
  background: #070202;
  position: relative;
}
.kyozai th,
.kyozai td {
  padding: 14px 20px;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .kyozai th,
  .kyozai td {
    padding: 10px;
  }
}
.kyozai td {
  text-align: center;
  color: #047AE3;
  background: -webkit-linear-gradient(0deg, #45b4eb, #047AE3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.kyozai td:first-child {
  text-align: left;
  color: #000;
  background: #000;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

_:-ms-lang(x)::-ms-backdrop,
.kyozai td:first-child {
  background: none;
}

.review-block {
  border: 1px solid var(--border-color01);
  padding: var(--gap06);
  max-height: 592px;
  position: relative;
  overflow: hidden;
  margin-bottom: 35px;
}
@media only screen and (max-width: 991px) {
  .review-block {
    padding: 15px;
  }
}
.review-block:after {
  content: "";
  width: 100%;
  height: 30px;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%);
  position: absolute;
  bottom: 0;
  right: 0;
}

.review-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--gap05);
  max-height: 592px;
  overflow-y: scroll;
}
.review-wrap .voice-content:last-child {
  margin-bottom: 60px;
}

.voice-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  border-bottom: 1px solid var(--base-color02);
}
@media only screen and (max-width: 991px) {
  .voice-content {
    display: block;
  }
}
.voice-content .voice-star {
  display: none;
}

.voice-img {
  min-width: 86px;
  max-width: 86px;
  margin-right: 20px;
  max-height: 86px;
  border-radius: 50px;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .voice-img {
    max-width: 86px;
    margin: 0 auto 10px;
  }
}

.voice-body p {
  font-size: var(--fs-mid);
  font-weight: normal;
  padding-bottom: 1.5em;
  margin: 0!important;
}

.voice-sub-title {
  font-size: var(--fs-postp);
  margin-bottom: 5px;
}

.voice-name {
  font-size: var(--fs-mid);
  margin-bottom: 10px;
  font-weight: normal;
}

.voice-video {
  margin-left: 106px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 991px) {
  .voice-video {
    margin: 0 0 30px 0;
  }
}
.voice-video .youtube {
  width: 100%;
  padding-top: 56.25%;
}
.voice-video .youtube:after {
  content: none;
}

.ec-btn-1 {
  max-width: 100%;
  width: 100%;
  display: inline-flex;
  align-items: center;
  text-align: left;
  padding: 10px 30px;
}
@media only screen and (max-width: 991px) {
  .ec-btn-1 {
    padding: 14px;
  }
}
.ec-btn-1 .icon-ec {
  margin-right: 30px;
}
@media only screen and (max-width: 991px) {
  .ec-btn-1 .icon-ec {
    margin-right: 0;
    text-align: center;
  }
}
.ec-btn-1 .icon-ec i:before {
  font-size: 44px;
  font-weight: normal;
  margin: 0;
  line-height: 1;
}
@media only screen and (max-width: 991px) {
  .ec-btn-1 .ec-btn-text {
    text-align: left;
  }
}
.ec-btn-1 .ec-btn-text p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .ec-btn-1 .ec-btn-text p {
    font-size: 11px;
  }
}
.ec-btn-1 .ec-btn-text p:first-child {
  font-size: var(--fs-p);
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .ec-btn-1 .ec-btn-text p:first-child {
    font-size: 13px;
  }
}
.ec-btn-1.grade:after {
  font-size: 36px;
  right: 40px;
}
@media only screen and (max-width: 991px) {
  .ec-btn-1.grade:after {
    display: none;
  }
}

.contents-wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .contents-wrap {
    display: block;
  }
}
.contents-wrap .content-item {
  padding-left: 10px;
}
@media only screen and (max-width: 991px) {
  .contents-wrap .content-item {
    padding: 0 0 15px;
  }
}
.contents-wrap .content-item:first-child {
  padding-left: 0;
  padding-right: 10px;
}
.contents-wrap .content-item .CourseSecret__item__body {
  margin-top: 20px;
}

.content-item-2 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .content-item-2 {
    display: block;
  }
}
.content-item-2 .content-item-img {
  min-width: 310px;
  margin-right: 25px;
}
@media only screen and (max-width: 991px) {
  .content-item-2 .content-item-img {
    min-width: 100%;
    margin: 0 0 15px;
  }
}
.content-item-2 .content-text p {
  font-weight: normal;
  font-size: 13px;
  margin-bottom: 1.5em;
}

.content-item-3 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-top: 40px;
}
@media only screen and (max-width: 991px) {
  .content-item-3 {
    display: block;
  }
}
.content-item-3 .content-item-img {
  min-width: 186px;
  width: 186px;
  margin-right: 30px;
}
@media only screen and (max-width: 991px) {
  .content-item-3 .content-item-img {
    margin: 0 auto 15px;
  }
}
.content-item-3 .content-text h3 {
  margin-bottom: 1.2em;
}
.content-item-3 .content-text p {
  font-weight: normal;
  margin-bottom: 1.5em;
}

.section-item-title + .content-item-3 {
  margin-top: 0;
}

.faq-box-ec dt,
.faq-box-ec dd {
  padding: 20px 40px 20px 56px;
}
@media only screen and (max-width: 991px) {
  .faq-box-ec dt,
  .faq-box-ec dd {
    padding: 15px 40px;
  }
}
.faq-box-ec dt {
  transition: 0.3s all ease-in-out;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  font-weight: bold;
  line-height: 1.5;
}
.faq-box-ec dt:hover {
  filter: brightness(1.1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.32);
}
.faq-box-ec dt:before {
  content: "Q.";
  left: 20px;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .faq-box-ec dt:before {
    left: 10px;
  }
}
.faq-box-ec dt:after {
  content: "\f055";
  right: 40px;
  background: #26455C;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #26455C;
  color: #26455C;
  transition: 0.3s all ease-in-out;
  transform: none;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 22px;
  width: 19px;
  line-height: 1;
}
@media only screen and (max-width: 991px) {
  .faq-box-ec dt:after {
    right: 10px;
  }
}
.faq-box-ec .close:after {
  transform: rotate(180deg);
  content: "\f056";
}

.new-item-contents .main-block .faq-box dt:after {
  content: "\f056";
}
.new-item-contents .main-block .faq-box dt.close:after {
  transform: rotate(180deg);
  content: "\f055";
}
.new-item-contents .main-block .faq-box dd {
  display: block;
}

_:-ms-lang(x),
.faq-box-ec dt:after {
  color: #047AE3;
  background: transparent;
}

_:-ms-lang(x)::-ms-backdrop,
.faq-box-ec dt:after {
  color: #047AE3;
  background: transparent;
}

.item-cta {
  border: none;
  background: #fff;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
  margin-top: 20px;
}
@media only screen and (max-width: 991px) {
  .item-cta {
    padding: 10px;
  }
}
.item-cta > p {
  margin: 0 0 0.5rem;
}
@media only screen and (max-width: 991px) {
  .item-cta > p {
    margin: 0.5em 0 !important;
  }
}
.item-cta .green {
  background: #2EB979;
}
.item-cta .btn:after, .item-cta form input[type=submit]:after, form .item-cta input[type=submit]:after,
.item-cta form button:after,
form .item-cta button:after {
  color: #fff;
}

.l-side-nav {
  position: absolute;
  left: 3%;
  z-index: 2;
  max-width: clamp(180px, 15vw, 360px);
}
@media only screen and (max-width: 1280px) {
  .l-side-nav {
    display: none;
  }
}
.l-side-nav a {
  display: flex;
  line-height: 1.4;
  font-size: clamp(13px, 1vw, 18px);
  padding: 10px 15px;
  opacity: 1;
  border-bottom: 1px solid var(--base-color04);
}
.l-side-nav a:hover {
  opacity: 0.5;
}
.l-side-nav a .side-nav-num {
  color: #047AE3;
  padding-right: 5px;
}
.l-side-nav .navsync-menu-highlight {
  opacity: 0.7;
}

.fixed-nav {
  top: 2%;
  left: 13.6%;
  width: 160px;
  position: fixed;
}

.price-block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 30px 0 20px;
}
@media only screen and (max-width: 991px) {
  .price-block {
    display: block;
    text-align: center;
  }
}
@media only screen and (max-width: 991px) and (max-width: 991px) {
  .price-block {
    margin-top: 10px;
  }
}
.price-block.__center {
  justify-content: center;
  text-align: center;
}

.price {
  font-weight: bold;
  font-size: 33px;
  line-height: 1.6;
}
.price span {
  font-weight: normal;
  font-size: 12px;
}

.bunkatu {
  font-size: 12px;
  font-weight: bold;
}
.bunkatu .bunkatu-mark {
  background: #047AE3;
  border-radius: 2px;
  color: #fff;
  padding: 0 5px;
  display: inline-block;
  margin-right: 5px;
  font-size: 10px;
  font-weight: bold;
}
.bunkatu .normal {
  font-weight: normal;
}

.btn-block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.btn-block.sp {
  display: none;
}
@media only screen and (max-width: 1080px) {
  .btn-block.sp {
    display: flex;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 544px) {
  .btn-block.sp.denken3 {
    flex-wrap: wrap;
  }
  .btn-block.sp.denken3 a {
    flex-grow: 1;
    margin-bottom: 5px;
  }
  .btn-block.sp.denken3 form {
    flex-grow: 1;
    padding-left: 0;
  }
}
.btn-block a {
  padding: 12px 25px;
  font-size: 14px;
  display: inline-block;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .btn-block a {
    padding: 12px;
    font-size: 11px;
  }
}
.btn-block .btn, .btn-block form input[type=submit], form .btn-block input[type=submit],
.btn-block form button,
form .btn-block button {
  display: inline-block;
  margin-left: 5px;
  max-width: 100%;
  padding: 20px 32px;
  font-size: 18px;
  line-height: 24px;
}
.btn-block .btn:after, .btn-block form input[type=submit]:after, form .btn-block input[type=submit]:after,
.btn-block form button:after,
form .btn-block button:after {
  content: none;
}
.btn-block .btn i:before, .btn-block form input[type=submit] i:before, form .btn-block input[type=submit] i:before,
.btn-block form button i:before,
form .btn-block button i:before {
  font-weight: normal;
  margin: 0;
  font-size: 18px;
}
@media only screen and (max-width: 991px) {
  .btn-block .btn i:before, .btn-block form input[type=submit] i:before, form .btn-block input[type=submit] i:before,
  .btn-block form button i:before,
  form .btn-block button i:before {
    font-size: 14px;
  }
}

.mitumori-btn {
  border: 1px solid #26455C;
  border-bottom: 3px solid #26455C;
  background: #fff;
  border-radius: 4px;
  font-weight: bold;
  min-width: 126px;
  text-align: center;
}
@media only screen and (max-width: 544px) {
  .mitumori-btn {
    width: 84px;
    min-width: auto;
  }
}
.mitumori-btn:hover {
  background: #26455C;
  color: #fff;
}
.mitumori-btn + form {
  width: calc(100% - 84px);
  padding-left: 5px;
}
.mitumori-btn + form .btn, .mitumori-btn + form input[type=submit],
.mitumori-btn + form button {
  margin-left: 0;
}

.document-btn {
  margin-right: 5px;
  border: 1px solid #2EB979;
  border-bottom: 3px solid #2EB979;
  border-radius: 4px;
  background: #fff;
  color: #2EB979;
  font-weight: bold;
  min-width: 126px;
  text-align: center;
}
@media only screen and (max-width: 544px) {
  .document-btn {
    width: 84px;
    min-width: auto;
  }
}
.document-btn:hover {
  background: #2EB979;
  color: #fff;
}

#product_pricing.__num .item-style {
  counter-reset: form-num-old;
}
#product_pricing.__num .item-style td span.en {
  counter-increment: form-num-old;
  color: #047AE3;
  font-size: var(--fs-p);
  padding-right: 5px;
}
@media only screen and (max-width: 544px) {
  #product_pricing.__num .item-style td span.en {
    font-size: 12px;
  }
}
#product_pricing.__num .item-style td span.en:before {
  content: "手順0" counter(form-num-old);
  font-size: var(--fs-min);
}
@media only screen and (max-width: 544px) {
  #product_pricing.__num .item-style td span.en:before {
    font-size: 12px;
  }
}
.item-style {
  background: var(--base-color04);
  width: 100%;
	border-collapse: collapse;
	border: 1px solid var(--border-color03);
}
.item-style tr {
	border-bottom: 1px solid var(--border-color03);
}
@media only screen and (max-width: 991px) {
  .item-style tr {
    border: none;
  }
}
.item-style tr:first-child td {
  vertical-align: baseline;
}
@media only screen and (max-width: 991px) {
  .item-style tr:first-child td:first-child {
    border: none;
    border-bottom: 2px solid #fff;
  }
}
.item-style tr:first-child td + td .form-check .form-check-label {
  padding: 12px;
}
.item-style td {
  padding: 16px !important;
  font-weight: bold;
  line-height: 1.4;
}
@media only screen and (max-width: 991px) {
  .item-style td {
    display: block;
    border-bottom: 2px solid #fff;
  }
}
.item-style td .en, .item-style td .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .item-style td th,
.item-style td .item-new .page-box .new-item-contents .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .item-style td td {
  color: #047AE3;
  font-size: var(--fs-p);
  padding-right: 5px;
}
.item-style .cart-message {
  border-bottom: 1px solid #DEE7ED;
  padding-bottom: 16px;
  margin: 16px 0;
}
.item-style .cart-message-item {
  display: flex;
  font-size: 13px;
  font-size: clamp(13px, 1.5vw, 16px);
  margin-bottom: 8px;
}
.item-style .cart-message-item:last-child {
  margin-bottom: 0px;
}
.item-style .cart-message-item.__attention:before {
  content: "\f071";
  font-family: FontAwesome;
  margin-right: 8px;
  color: #B92E2D;
}
.item-style .form-group {
  padding-top: 8px;
  display: flex;
  flex-wrap: wrap;
}
.item-style .form-group.__fbasis33 .form-check {
  flex-basis: 33.3333%;
}
@media only screen and (max-width: 767px) {
  .item-style .form-group.__fbasis33 .form-check {
    flex-basis: 50%;
  }
}
.item-style .form-group.__fbasis33 .form-check .form-check-label {
  font-size: 12px;
}
.item-style .form-group + p {
  font-size: 11px;
  font-weight: normal;
  margin: 10px 0 0;
}
.item-style .form-group + p .att {
  font-weight: bold;
  color: #32AF67;
}
.item-style .kyouzai-choice .form-check {
  flex-grow: 1;
}
.item-style .kyouzai-choice .form-check:last-child {
  flex-grow: 2;
}
.item-style .form-check {
  display: inline-block;
  padding-right: 3px;
}
@media only screen and (max-width: 991px) {
  .item-style .form-check {
    margin-bottom: 6px;
    width: 50%;
  }
}
.item-style .form-check .form-check-label {
  font-size: 16px;
  font-weight: bold;
  padding: 15px;
  border-radius: 2px;
  background: #fff;
  cursor: pointer;
  border: 2px solid #d4d8db;
  border-radius: 4px;
  transition: all 0.3s;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
}
.item-style .form-check .form-check-label:hover {
  border: 2px solid #047AE3;
}
@media only screen and (max-width: 544px) {
  .item-style .form-check .form-check-label {
    font-size: var(--fs-mid);
    padding: 15px 12px;
  }
}
.item-style .form-check .off {
  position: relative;
  /*&:after {
      content: 'お得';
      color: #fff;
      position: absolute;
      left: 9px;
      bottom: 9px;
  }*/
}
.item-style .form-check input[type=radio] {
  display: none;
}
.item-style .form-check input[type=radio]:checked + .form-check-label {
  background: #26455C;
  color: #fff;
}
.item-style .form-check a {
  font-size: 11px;
  color: #047AE3;
}
.item-style .form-check a i:before {
  margin-left: 10px;
  font-size: 11px;
}
.item-style .form-check i:before {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
}
.item-style td.course .form-check {
  margin-bottom: 6px;
}
@media only screen and (max-width: 991px) {
  .item-style td.course .form-check {
    margin-bottom: 6px;
  }
}
.item-style .kyouzai-choice .form-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .item-style .kyouzai-choice .form-group {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 991px) {
  .item-style .kyouzai-choice .form-group .form-check {
    display: block;
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .item-style .kyouzai-choice .form-group .form-check:nth-child(1), .item-style .kyouzai-choice .form-group .form-check:nth-child(2) {
    width: 50%;
    float: left;
    margin-bottom: 5px;
    padding-right: 0;
  }
  .item-style .kyouzai-choice .form-group .form-check:nth-child(1) label, .item-style .kyouzai-choice .form-group .form-check:nth-child(2) label {
    width: 100%;
    display: block;
    padding: 16px 6px 16px;
  }
}
@media only screen and (max-width: 991px) {
  .item-style .kyouzai-choice .form-group .form-check:nth-child(1) {
    padding-right: 5px;
  }
}
@media only screen and (max-width: 991px) {
  .item-style .kyouzai-choice .form-group .form-check:nth-child(3) {
    clear: both;
    margin-bottom: 0px;
    padding-right: 0;
  }
  .item-style .kyouzai-choice .form-group .form-check:nth-child(3) label {
    width: 100%;
    padding: 16px;
  }
}
.item-style .kyouzai-choice .form-group .form-check label {
  display: block;
  height: 100%;
  width: 100%;
  text-align: center;
}
.item-style .kyouzai-choice .form-group .form-check label:hover {
  opacity: 0.9;
}

.l-section-item p {
  margin-bottom: 1.5em;
  font-weight: normal;
}
.l-section-item small {
  font-size: 13px;
  font-weight: bold;
}
.l-section-item .item-movie,
.l-section-item .item-img {
  margin-bottom: 25px;
}
.l-section-item .text-block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .l-section-item .text-block {
    display: block;
  }
}
.l-section-item .image {
  min-width: 250px;
  margin-left: 30px;
}
@media only screen and (max-width: 991px) {
  .l-section-item .image {
    text-align: center;
    margin: 0;
  }
}
.l-section-item .errortext {
  color: #B92E2D;
  font-weight: bold;
  display: block;
}
.l-section-item .errortext:before {
  content: "\f071";
  font-family: FontAwesome;
  font-size: 13px;
  text-align: center;
  color: #B92E2D;
  margin-right: 6px;
}

.cart .post-header-block {
  padding-bottom: 8rem;
}
@media only screen and (max-width: 991px) {
  .cart .post-header-block {
    padding-bottom: 4rem;
  }
}
.cart .post-title {
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .cart .post-title {
    margin-bottom: 20px;
  }
}
.cart .post-title.__nomb {
  margin-bottom: 0px !important;
}
.cart .page-box {
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 991px) {
  .cart .page-box {
    margin-bottom: 0;
    padding: 30px 5%;
  }
}
@media only screen and (max-width: 544px) {
  .cart .page-box {
    padding: 30px 16px;
  }
}

.cart-flow {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  position: relative;
}
.cart-flow:after {
  content: "";
  width: 35%;
  height: 3px;
  background: #2D5B7E;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 991px) {
  .cart-flow:after {
    width: 100%;
    max-width: 256px;
  }
}
.cart-flow li {
  font-size: var(--fs-p);
  font-weight: normal;
  padding: 30px 30px 0;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .cart-flow li {
    font-size: 11px;
    padding: 30px 4px 0;
  }
}
.cart-flow li:after {
  width: 22px;
  height: 22px;
  background: #2D5B7E;
  border-radius: 11px;
  font-size: 10px;
  text-align: center;
  line-height: 22px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.cart-flow li:nth-child(1):after {
  content: "1";
}
.cart-flow li:nth-child(2):after {
  content: "2";
}
.cart-flow li:nth-child(3):after {
  content: "3";
}
.cart-flow li:nth-child(4):after {
  content: "4";
}
.cart-flow .is-active:after {
  background: linear-gradient(to right, #45b4eb, #1d83ff);
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
}
.cart-flow .is-active:after:hover {
  background: linear-gradient(to left, #45b4eb, #1d83ff);
}

.cart-flow2 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.cart-flow2 li {
  font-size: 13px;
  line-height: 1.3;
  font-weight: bold;
  position: relative;
  background-color: #3D749F;
  padding: 6px 2%;
}
@media only screen and (max-width: 991px) {
  .cart-flow2 li {
    font-size: 10px;
    padding: 3px 3%;
  }
}
.cart-flow2 li span {
  font-size: 13px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  margin-right: 4px;
}
@media only screen and (max-width: 991px) {
  .cart-flow2 li span {
    font-size: 10px;
  }
}
.cart-flow2 li:last-child:before, .cart-flow2 li:last-child:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.cart-flow2 li:before, .cart-flow2 li:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.cart-flow2 li:before {
  right: -5px;
  border-style: solid;
  border-color: transparent transparent transparent #26455C;
  border-width: 40px 0 40px 1em;
  z-index: 1;
}
.cart-flow2 li:after {
  right: -3px;
  border-style: solid;
  border-color: transparent transparent transparent #3D749F;
  border-width: 40px 0 40px 1em;
  z-index: 1;
}
.cart-flow2 .is-active {
  background-color: #047AE3;
}
.cart-flow2 .is-active:after {
  border-color: transparent transparent transparent #047AE3;
}
.cart-flow2 .is-active span {
  color: #feb91e;
}

.cart-inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .cart-inner {
    display: block;
  }
}
.cart-inner p {
  margin: 0;
}
.cart-inner .cart-item-count {
  font-size: var(--fs-p);
  font-weight: bold;
  color: #2EB979;
  margin-bottom: 1em;
}
.cart-inner .cart-item-1 {
  width: calc(100% - 295px);
}
@media only screen and (max-width: 991px) {
  .cart-inner .cart-item-1 {
    width: 100%;
  }
}
.cart-inner .cart-item-1 .cart-item-box {
  background-color: var(--base-color04);
  border: 1px solid var(--border-color01);
  padding: 24px 32px 32px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  margin-bottom: 1.5em;
}
@media only screen and (max-width: 544px) {
  .cart-inner .cart-item-1 .cart-item-box {
    padding: 16px 16px 20px;
  }
}
.cart-inner .cart-item-1 .cart-item-box .item-img {
  width: 143px;
  margin-right: 20px;
}
@media only screen and (max-width: 544px) {
  .cart-inner .cart-item-1 .cart-item-box .item-img {
    max-width: 240px;
    margin: 0 auto 1rem;
    width: 100%;
  }
}
.cart-inner .cart-item-1 .cart-item-box .item-text {
  width: calc(100% - 163px);
}
@media only screen and (max-width: 544px) {
  .cart-inner .cart-item-1 .cart-item-box .item-text {
    width: 100%;
  }
}
.cart-inner .cart-item-1 .cart-item-box .item-text .item-name {
  font-size: var(--fs-mid);
  font-weight: bold;
}
@media only screen and (max-width: 544px) {
  .cart-inner .cart-item-1 .cart-item-box .item-text .item-name {
    font-size: 13px;
  }
}
.cart-inner .cart-item-1 .cart-item-box .item-text .item-name + p {
  font-size: 13px;
  margin-bottom: 0.5em;
}
.cart-inner .cart-item-1 .cart-item-box .item-text-detail {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.cart-inner .cart-item-1 .cart-item-box .item-text-detail .item-parts-1 select {
  width: 3em;
  border: 1px solid var(--border-color01);
  border-radius: 2px;
  padding: 5px 10px;
  font-weight: bold;
  appearance: auto;
}
.cart-inner .cart-item-1 .cart-item-box .item-text-detail .item-parts-1 span {
  padding-left: 1em;
  font-size: 12px;
  font-weight: bold;
}
.cart-inner .cart-item-1 .cart-item-box .item-text-detail .item-parts-2 {
  font-size: var(--fs-postp);
  font-weight: bold;
}
.cart-inner .cart-item-1 .cart-item-box .item-text-detail .item-parts-2 span {
  font-weight: normal;
  font-size: 12px;
}
.cart-inner .cart-item-1 .cart-item-box .item-text-detail .item-parts-2 form {
  font-size: 12px;
  color: #DE2F2F;
  text-align: right;
}
.cart-inner .cart-item-1 .cart-item-box .item-text-detail .item-parts-2 input {
  background: none;
  padding: 0;
  width: auto;
  max-width: auto;
  display: inline;
  color: #DE2F2F;
  box-shadow: none;
  font-size: 12px;
  cursor: pointer;
}
.cart-inner .cart-item-1 .cart-item-box + p {
  font-size: 14px;
}
@media only screen and (max-width: 544px) {
  .cart-inner .cart-item-1 .cart-item-box + p {
    font-size: 13px;
    margin-bottom: 20px;
  }
}
.cart-inner .cart-item-1 .cart-item-box .cart-item-count {
  text-align: center;
  margin-bottom: 0;
  color: #000;
}
.cart-inner .cart-item-2 {
  width: 295px;
  padding-left: 30px;
}
@media only screen and (max-width: 991px) {
  .cart-inner .cart-item-2 {
    width: 100%;
    padding-left: 0;
  }
}
.cart-inner .cart-item-2 .cart-item-box {
  background: var(--base-color04);
  padding: 20px;
  font-size: 13px;
  text-align: center;
}
.cart-inner .cart-item-2 .cart-item-box:first-child {
  margin-bottom: 20px;
  text-align: center;
  font-size: 13px;
}
.cart-inner .cart-item-2 .cart-item-box p {
  margin-bottom: 0.7em;
}
.cart-inner .cart-item-2 .cart-item-box .total-price {
  font-size: 12px;
}
.cart-inner .cart-item-2 .cart-item-box .total-price.en, .cart-inner .cart-item-2 .cart-item-box .item-new .page-box .new-item-contents .main-block .content-1 table th.total-price, .item-new .page-box .new-item-contents .main-block .content-1 table .cart-inner .cart-item-2 .cart-item-box th.total-price,
.cart-inner .cart-item-2 .cart-item-box .item-new .page-box .new-item-contents .main-block .content-1 table td.total-price,
.item-new .page-box .new-item-contents .main-block .content-1 table .cart-inner .cart-item-2 .cart-item-box td.total-price {
  font-size: 33px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1;
}
.cart-inner .cart-item-2 .cart-item-box .total-price.en span, .cart-inner .cart-item-2 .cart-item-box .item-new .page-box .new-item-contents .main-block .content-1 table th.total-price span, .item-new .page-box .new-item-contents .main-block .content-1 table .cart-inner .cart-item-2 .cart-item-box th.total-price span,
.cart-inner .cart-item-2 .cart-item-box .item-new .page-box .new-item-contents .main-block .content-1 table td.total-price span,
.item-new .page-box .new-item-contents .main-block .content-1 table .cart-inner .cart-item-2 .cart-item-box td.total-price span {
  font-size: 12px;
  font-weight: normal;
}
.cart-inner .cart-item-2 .cart-item-box .discount {
  color: #B92E2D;
  font-weight: bold;
  margin-top: -2rem;
}
.cart-inner .cart-item-2 .cart-item-box .discount span {
  background-color: #B92E2D;
  font-size: 11px;
  font-weight: bold;
  padding: 2px 3px 3px 4px;
  border-radius: 4px;
  color: #fff;
  letter-spacing: 1px;
}
.cart-inner .cart-item-2 .cart-item-box ul {
  margin-bottom: 0;
}
.cart-inner .cart-item-2 .cart-item-box ul li {
  line-height: 1;
}
.cart-inner .cart-item-2 .cart-item-box ul li:first-child {
  margin-bottom: 10px;
}

.cart-inner .cart-item-2 .amazon-pay p {
  font-size: 12px;
  line-height: 1.6;
}
.cart-inner .cart-item-2 .amazon-pay p:first-child {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 1em;
}
.cart-inner .cart-item-2 .amazon-pay #AmazonPayButton {
  margin-bottom: 1em;
}

.account {
  text-align: center;
  margin-bottom: 0.75rem;
}
.account p {
  font-size: 13px;
  margin-bottom: 1rem;
  letter-spacing: 0px;
  line-height: 1.7;
}
.account .attention {
  color: #B92E2D;
  font-weight: bold;
}
.account img {
  max-width: 202px;
  margin-bottom: 1rem;
}
.account .desc {
  margin-bottom: 0;
}

.cart-inner .account {
  border-top: 2px solid #fff;
  padding-top: 1.5rem;
}

.login-block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .login-block {
    display: block;
  }
}

.login-box,
.signup-box {
  background: #fff;
  padding: 32px 32px 24px;
  border-radius: 4px;
}
.login-box .link,
.signup-box .link {
  text-decoration: underline;
}

.form-horizontal {
  font-size: var(--fs-p);
}
@media only screen and (max-width: 991px) {
  .form-horizontal {
    font-size: 13px;
  }
}
.form-horizontal .box {
  border: 1px solid var(--border-color01);
  padding: 15px;
  margin: 1em 0;
  height: 214px;
  overflow: scroll;
}
.form-horizontal .box h4 {
  font-weight: bold;
  margin: 2em 0 10px;
}
.form-horizontal .form-group {
  margin-bottom: 15px;
}
.form-horizontal label {
  font-weight: bold;
}
.form-horizontal input[type=email],
.form-horizontal input[type=password],
.form-horizontal input[type=text],
.form-horizontal textarea {
  border: none;
  background: var(--base-color04);
  padding: 15px;
  width: 100%;
  font-size: 13px;
}
.form-horizontal input[type=email].has-error,
.form-horizontal input[type=password].has-error,
.form-horizontal input[type=text].has-error,
.form-horizontal textarea.has-error {
  border: 2px solid #B92E2D;
}
.form-horizontal .form-style input[name=order_buyer_last_name],
.form-horizontal .form-style input[name=order_buyer_first_name],
.form-horizontal .form-style input[name=order_buyer_last_name_furigana],
.form-horizontal .form-style input[name=order_buyer_first_name_furigana] {
  width: 49%;
}
.form-horizontal .form-style input[name=order_buyer_last_name],
.form-horizontal .form-style input[name=order_buyer_last_name_furigana] {
  margin-right: 2%;
  float: left;
}
.form-horizontal .section-title + .form-style:after {
  border-color: #EAEAEA;
}
.form-horizontal .section-title:last-child + .form-style:after {
  border-color: transparent;
}
.form-horizontal .select-wrap {
  position: relative;
}
.form-horizontal .select-wrap:before {
  z-index: 1;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  content: "\f107";
  font-family: "fontAwesome";
  pointer-events: none;
}
.form-horizontal select {
  outline: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 56px;
  padding: 16px 12px;
  width: 100%;
  border-radius: 3px;
  background: var(--base-color04);
  border: none;
}
.form-horizontal.__type02 select {
  background: #fff;
}
.form-horizontal select option {
  background-color: #fff;
}
.form-horizontal select::-ms-expand {
  display: none;
}
.form-horizontal select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.login-box {
  width: 100%;
  margin-right: 1%;
}
@media only screen and (max-width: 991px) {
  .login-box {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.signup-box {
  width: auto;
  min-width: 420px;
  margin-left: 1%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .signup-box {
    width: 100%;
    margin-left: 0;
    min-width: inherit;
  }
}
.signup-box .form-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  width: 100%;
  text-align: center;
}
.signup-box .form-group > div {
  width: 100%;
}
.signup-box .form-group span {
  font-weight: bold;
  display: block;
  padding-bottom: 15px;
}
@media only screen and (max-width: 991px) {
  .signup-box .form-group span {
    font-size: 13px;
  }
}
.signup-box .form-group .btn, .signup-box .form-group form input[type=submit], form .signup-box .form-group input[type=submit],
.signup-box .form-group form button,
form .signup-box .form-group button {
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .signup-box .form-group .btn:after, .signup-box .form-group form input[type=submit]:after, form .signup-box .form-group input[type=submit]:after,
  .signup-box .form-group form button:after,
  form .signup-box .form-group button:after {
    content: none;
  }
}
.signup-box .form-group .link {
  font-size: 13px;
}

.id-parts {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.help-block {
  color: #DE2F2F;
}

.payment {
  font-size: 13px;
}
.payment .section-title {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 15px;
  border-bottom: 2px solid #26455C;
  margin-bottom: 16px;
}
@media only screen and (max-width: 991px) {
  .payment .section-title {
    font-size: var(--fs-p);
    margin-bottom: 16px;
  }
}
.payment .kiyaku-wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .payment .kiyaku-wrap {
    display: block;
  }
}
.payment .kiyaku-wrap .section-row-title {
  font-size: 13px;
  font-weight: bold;
  min-width: 130px;
}
.payment .kiyaku-wrap .text-block {
  display: block;
}
.payment .kiyaku-wrap .box {
  border: 1px solid var(--border-color01);
  padding: 15px;
  margin: 1em 0;
  height: 300px;
  overflow: scroll;
}
.payment .kiyaku-wrap .box h4 {
  font-weight: bold;
  margin: 2em 0 10px;
}
.payment .kiyaku-wrap .form-group {
  display: inline-block;
  background: #F7F7F7;
  border: 1px solid var(--border-color01);
  border-radius: 2px;
  padding: 5px 20px;
}
.payment .kiyaku-wrap .scroll p {
  line-height: 1.6;
  margin-bottom: 1rem;
}
.payment .kiyaku-wrap .scroll ol {
  margin-bottom: 2rem;
}
.payment label[for=use_kyufu],
.payment label[for=user_type] {
  display: none;
}
.payment .form-check {
  font-weight: bold;
  font-size: 16px;
}
@media only screen and (max-width: 544px) {
  .payment .form-check {
    font-size: 13px;
  }
}
.payment .form-check .check-parts {
  padding: 5px 0 5px 30px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.payment .form-check .check-parts:before {
  content: "";
  width: 19px;
  height: 19px;
  border-radius: 10px;
  border: 1px solid var(--border-color01);
  background: #f2f2f2;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.payment .form-check .check-parts.__type02:before {
  background: #fff;
}
.payment .form-check input[type=radio] {
  display: none;
}
.payment .form-check input[type=radio]:checked + .check-parts:before {
  background: linear-gradient(to right, #45b4eb, #1d83ff);
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
}
.payment .form-check input[type=radio]:checked + .check-parts:before:hover {
  background: linear-gradient(to left, #45b4eb, #1d83ff);
}
.payment .form-check img {
  width: 124px;
  vertical-align: middle;
  padding-left: 15px;
}
.payment .bg-box {
  background: var(--base-color04);
  margin-top: 20px;
  padding: 15px 30px;
}
@media only screen and (max-width: 991px) {
  .payment .bg-box {
    padding: 15px;
  }
}
.payment .bg-box dt {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.payment .item-box {
  border: 10px solid #DEE7ED;
  border-radius: 4px;
  padding: 30px 36px;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 991px) {
  .payment .item-box {
    padding: 20px 24px;
  }
}
.payment .item-box .list {
  margin: 0;
  font-size: 16px;
}
@media only screen and (max-width: 544px) {
  .payment .item-box .list {
    font-size: 13px;
  }
}
.payment .item-box .list li:before {
  background: #6FC494;
}
.payment .side-inner {
  background: var(--base-color04);
  padding: 20px;
  font-size: var(--fs-min);

  @container style(--mq-lg: true) {
    font-size: var(--fs-p);
  }
}
.payment .side-inner .btn, .payment .side-inner form input[type=submit], form .payment .side-inner input[type=submit],
.payment .side-inner form button,
form .payment .side-inner button {
  width: 100%;
  border: none;
  font-size: 13px;
  margin-bottom: 20px;
  padding: 18px 10px;
}
.payment .side-inner .item-details {
  margin-top: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.payment .side-inner .item-details.discount {
  color: #B92E2D;
  font-weight: bold;
}
.payment .side-inner.total-price {
  text-align: center;
  border-top: 1px solid var(--border-color01);
}
.payment .side-inner.total-price .price-item {
  display: block;
  line-height: 1;
}
@media only screen and (max-width: 991px) {
  .payment .side-inner.total-price .price-item {
    display: inline;
    line-height: inherit;
  }
}
.payment .side-inner.total-price .price {
  font-size: 13px;
  font-weight: normal;
}
.payment .side-inner.total-price .price .en, .payment .side-inner.total-price .price .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .payment .side-inner.total-price .price th,
.payment .side-inner.total-price .price .item-new .page-box .new-item-contents .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .payment .side-inner.total-price .price td {
  font-size: var(--fs-subtitle);
  font-weight: bold;
  @container style(--mq-lg: true) {
    font-size: var(--fs-large);
  }
}
.payment .side-inner.total-price + p {
  margin-top: 1em;
  font-size: var(--fs-min);
  text-align: center;
  color: #B92E2D;
  font-weight: bold;
}
.payment .side-inner.coupon {
  text-align: center;
  border-top: 1px solid var(--border-color01);
}
.payment .side-inner.coupon .coupon_result {
  margin-bottom: 0;
  font-weight: bold;
}
.payment .panel-body {
  color: #DE2F2F;
}

.l-main-contents-cart .cart-item-box {
  border: 1px solid var(--border-color01);
  padding: 1em 2em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  margin-bottom: 1.5em;
}
@media only screen and (max-width: 544px) {
  .l-main-contents-cart .cart-item-box {
    display: block;
    padding: 1em;
  }
}
.l-main-contents-cart .cart-item-box.noflex {
  display: block;
}
.l-main-contents-cart .cart-item-box .flex {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 544px) {
  .l-main-contents-cart .cart-item-box .flex.__xs {
    display: block;
    padding: 1em;
  }
}
.l-main-contents-cart .cart-item-box .__other.users {
  margin-top: 1rem;
}
.l-main-contents-cart .cart-item-box .__other p {
  margin-bottom: 0.5rem;
}
.l-main-contents-cart .cart-item-box .__other p img {
  margin-right: 12px;
}
.l-main-contents-cart .cart-item-box .__other .__title {
  font-weight: bold;
  color: #B92E2D;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(53, 62, 69, 0.7);
}
.l-main-contents-cart .cart-item-box .__other input {
  margin-bottom: 1rem;
  width: 100%;
  padding: 1rem;
  background: #fff !important;
}
.l-main-contents-cart .cart-item-box .__other input img {
  width: auto;
}
@media only screen and (max-width: 544px) {
  .l-main-contents-cart .cart-item-box .__other .check-parts {
    display: block;
  }
}
.l-main-contents-cart .cart-item-box .__other .check-parts img {
  width: auto;
  height: 39px;
}
@media only screen and (max-width: 544px) {
  .l-main-contents-cart .cart-item-box .__other .check-parts img {
    height: 36px;
  }
}
@media only screen and (max-width: 544px) {
  .l-main-contents-cart .cart-item-box .__other .check-parts.__item1 img, .l-main-contents-cart .cart-item-box .__other .check-parts.__item2 img {
    display: block;
    padding-left: 0px;
  }
}
.l-main-contents-cart .cart-item-box .__other .__wrap.name {
  padding: 3rem;
  background-color: var(--base-color04);
  counter-reset: form-users-num;
}
.l-main-contents-cart .cart-item-box .__other .__formbox .num:before {
  vertical-align: text-bottom;
  margin-right: 6px;
  font-weight: bold;
  content: counter(form-users-num) "";
  counter-increment: form-users-num;
}
.l-main-contents-cart .cart-item-box .item-img {
  width: 143px;
  margin-right: 20px;
}
@media only screen and (max-width: 544px) {
  .l-main-contents-cart .cart-item-box .item-img {
    width: 100%;
    max-width: 240px;
    margin: 0 auto 1rem;
  }
}
.l-main-contents-cart .cart-item-box .item-text {
  width: calc(100% - 163px);
}
@media only screen and (max-width: 544px) {
  .l-main-contents-cart .cart-item-box .item-text {
    width: 100%;
  }
}
.l-main-contents-cart .cart-item-box .item-text .item-name {
  font-size: var(--fs-p);
  font-weight: bold;
}
@media only screen and (max-width: 544px) {
  .l-main-contents-cart .cart-item-box .item-text .item-name {
    font-size: 13px;
  }
}
.l-main-contents-cart .cart-item-box .item-text .item-name + p {
  font-size: 13px;
  margin-bottom: 0.5em;
}
.l-main-contents-cart .cart-item-box .item-text-detail {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.l-main-contents-cart .cart-item-box .item-text-detail .item-parts-1 span {
  padding-left: 1em;
  font-size: 12px;
  font-weight: bold;
}
.l-main-contents-cart .cart-item-box .item-text-detail .item-parts-2 {
  font-size: 20px;
  font-weight: bold;
}
.l-main-contents-cart .cart-item-box .item-text-detail .item-parts-2 span {
  font-weight: normal;
  font-size: 12px;
  padding-left: 1em;
}
.l-main-contents-cart .cart-item-box + p {
  font-size: 14px;
}
@media only screen and (max-width: 544px) {
  .l-main-contents-cart .cart-item-box + p {
    font-size: 13px;
    margin-bottom: 20px;
  }
}

.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .flex {
    display: block;
  }
}
.flex.__gap3 {
  gap: 3%;
}

#addressBookWidgetDiv,
#walletWidgetDiv {
  width: 100% !important;
}

.nav-wrap {
  border-top: 1px solid var(--border-color01);
}
.nav-wrap .section-nav {
  font-size: 13px;
  overflow-x: scroll;
  white-space: nowrap;
}
@media only screen and (max-width: 544px) {
  .nav-wrap .section-nav {
    font-size: 11px;
  }
}
.nav-wrap .section-nav .side-nav-num {
  color: #047AE3;
  padding-right: 5px;
}
.nav-wrap .section-nav a {
  display: inline-block;
  margin-right: 20px;
  padding: 8px 0;
  opacity: 0.4;
}
@media only screen and (max-width: 544px) {
  .nav-wrap .section-nav a {
    font-size: 11px;
    padding: 6px 0;
  }
}
.nav-wrap .section-nav .navsync-menu-highlight {
  opacity: 1;
  border-top: 1px solid #26455C;
}
.nav-wrap .nav-btns {
  background: #EAEAEA;
  padding: 10px 15px;
  min-width: 328px;
  text-align: center;
}
.nav-wrap .nav-btns a {
  font-size: 11px;
  border-radius: 4px;
  padding: 6px 12px;
  display: inline-block;
}
.nav-wrap .nav-btns a i:before {
  margin-left: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
}
.nav-wrap .nav-btns .text-btn {
  border: 1px solid #000;
  background: #fff;
}
.nav-wrap .nav-btns .movie-btn {
  border: 1px solid #26455C;
  background: #26455C;
  color: #fff;
}

#main-ec ul {
  list-style: disc;
  font-weight: normal;
  padding-left: 22px;
}
#main-ec ul li {
  margin: 5px 0;
}
#main-ec .list,
#main-ec .att-list {
  list-style: none;
}
#main-ec .view-contents {
  display: none;
}
#main-ec .more-btn {
  cursor: pointer;
}
#main-ec .more-btn:after {
  content: "\f107";
}
#main-ec .more-btn-close:after {
  content: "\f106";
}
#main-ec .ec-btn-1 p {
  margin: 0;
}
#main-ec .kyozai th {
  vertical-align: middle;
}
#main-ec .kyozai .flaticon-devices,
#main-ec .kyozai .flaticon-cd {
  display: inline-block;
  margin-left: 14px;
}
#main-ec .kyozai .flaticon-devices:before,
#main-ec .kyozai .flaticon-cd:before {
  margin: 0;
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
}
#main-ec .kyozai .flaticon-devices + .flaticon-cd {
  margin-left: 0;
}
#main-ec .kyozai .kyozai-price-column {
  color: #000;
  background: none;
  -webkit-text-fill-color: #000;
}
#main-ec .item-catch {
  position: relative;
  font-size: clamp(21px, 2.5vw, 2.1rem);
  line-height: 1.5;
  font-weight: bold;
  display: table;
  padding-bottom: 3rem;
  margin: 0 auto 1rem;
  text-align: center;
  width: fit-content;
  text-wrap: balance;
}
@media only screen and (max-width: 991px) {
  #main-ec .item-catch {
    font-size: clamp(19px, 2vw, 1.9rem);
    line-height: 1.4;
    margin-bottom: 0;
  }
}
#main-ec .item-catch::before {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  left: 0;
  margin: auto;
  width: 64px;
  height: 2px;
  background-color: #2EB979;
}
#main-ec .youtube-btn {
  max-width: 294px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
#main-ec .youtube-btn a {
  width: 200px;
  text-align: center;
  padding: 20px;
  background: var(--base-color04);
  font-size: 12px;
  height: 64px;
}
#main-ec .youtube-btn a:before {
  content: "\f16a";
  font-family: FontAwesome;
  color: #F84141;
  opacity: 0.78;
  font-size: 14px;
}
#main-ec .youtube-btn .link-youtube {
  width: calc(100% - 200px);
}
#main-ec .youtube-btn .link-youtube iframe {
  width: 100%;
  height: 64px;
}
#main-ec .voice-video {
  display: none;
}

input[type=number] {
  padding: 3px;
  text-align: center;
  font-size: 12px;
  margin-right: 5px;
  font-weight: bold;
}

.nav-fixed {
  position: fixed;
  top: 0;
  transition: all 0.3s ease;
  z-index: 100;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
}
.nav-fixed:hover {
  background: #fff;
}

.fr-img {
  max-width: 380px;
  float: right;
  margin: 0 0 20px 20px;
}
@media only screen and (max-width: 991px) {
  .fr-img {
    max-width: inherit;
    float: none;
    margin: 0 0 20px 0;
  }
}

.alert {
  color: #ff0000;
  font-weight: bold;
}
.alert ul li {
  font-weight: bold;
}

.form-style input,
.form-style textarea {
  font-size: 14px;
}

.comfirm .send-btn-wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .comfirm .send-btn-wrap {
    margin-bottom: 10px;
  }
}
.comfirm .send-btn-wrap:after {
  content: none;
}
.comfirm .send-btn-wrap button {
  width: 50%;
  margin: 0 10px;
}
@media only screen and (max-width: 991px) {
  .comfirm .send-btn-wrap button {
    margin: 0 5px;
    padding: 10px;
  }
}
.comfirm .send-btn-wrap button:after {
  content: none;
}
.comfirm .send-btn-wrap button.back {
  background: #26455C;
}
.comfirm .page-content .form-style td {
  font-size: 14px;
}
.comfirm .page-content .form-style td span {
  display: block;
  padding: 12px;
  background: #e1e5e8;
}

.payment-confirm .section-title-wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.payment-confirm .section-title-wrap .btn, .payment-confirm .section-title-wrap form input[type=submit], form .payment-confirm .section-title-wrap input[type=submit],
.payment-confirm .section-title-wrap form button,
form .payment-confirm .section-title-wrap button {
  padding: 0 10px;
  border-radius: 2px;
  max-width: none;
  display: inline;
  margin: 0;
  font-size: 13px;
  width: auto;
  height: 20px;
  line-height: 20px;
}
.payment-confirm .section-title-wrap .btn:after, .payment-confirm .section-title-wrap form input[type=submit]:after, form .payment-confirm .section-title-wrap input[type=submit]:after,
.payment-confirm .section-title-wrap form button:after,
form .payment-confirm .section-title-wrap button:after {
  content: none;
}
.payment-confirm .section-title {
  padding: 0;
  border: none;
  margin-bottom: 0;
}
.payment-confirm .cart-item-box {
  margin-bottom: 60px;
  /* ITS */
}
@media only screen and (max-width: 991px) {
  .payment-confirm .cart-item-box {
    margin-bottom: 40px;
  }
}
.payment-confirm .cart-item-box .item-name {
  margin-bottom: 0;
}
.payment-confirm .cart-item-box .item-text-detail {
  display: block;
}
.payment-confirm .cart-item-box .item-parts-1 {
  background: var(--base-color04);
  display: inline-block;
  padding: 0 5px;
  font-size: var(--fs-min);
}
.payment-confirm .cart-item-box dl {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.payment-confirm .cart-item-box dl dt {
  width: 15em;
}
@media only screen and (max-width: 991px) {
  .payment-confirm .cart-item-box dl dt {
    width: 10em;
    padding-bottom: 0 !important;
  }
}
.payment-confirm .cart-item-box dl dd {
  float: left;
  width: calc(100% - 15em);
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .payment-confirm .cart-item-box dl dd {
    width: calc(100% - 10em);
    float: none;
    padding-top: 0 !important;
  }
}
.payment-confirm .cart-item-box dl dd:last-child input[type=text].half {
  width: 47%;
}
.payment-confirm .cart-item-box dl dd img {
  width: 124px;
}
.payment-confirm .cart-item-box dl dt,
.payment-confirm .cart-item-box dl dd {
  padding: 5px 0;
}
.payment-confirm .cart-item-box dl .yukou input[type=text].half {
  width: 47%;
}
@media only screen and (max-width: 991px) {
  .payment-confirm .cart-item-box dl .yukou input[type=text].half {
    width: 46%;
  }
}
.payment-confirm .cart-item-box input[type=text] {
  font-size: 13px;
  border: none;
  padding: 12px;
  background: #EFEFEF;
  width: 100%;
}
.payment-confirm .cart-item-box input[type=text].half {
  width: 49%;
}
@media only screen and (max-width: 991px) {
  .payment-confirm .cart-item-box input[type=text].half {
    width: 48%;
  }
}
.payment-confirm .cart-item-box input[type=text].border {
  border: 1px solid var(--base-color04);
}
.payment-confirm .cart-item-box dd.credit input[type=text] {
  text-transform: uppercase;
}
.payment-confirm .cart-item-box.__its {
  padding: 16px 32px;
  background-color: #fff;
}
.payment-confirm .cart-item-box.__its dl dt {
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .payment-confirm .cart-item-box.__its dl dt {
    width: 100%;
    margin-bottom: 6px;
  }
}
@media only screen and (max-width: 991px) {
  .payment-confirm .cart-item-box.__its dl dd {
    width: 100%;
    text-align: center;
  }
}
.payment-confirm .cart-item-box.__its dl dt, .payment-confirm .cart-item-box.__its dl dd {
  padding: 10px 0;
}
.payment-confirm .cart-item-box.__its input[type=text] {
  padding: 20px;
  background-color: var(--base-color04);
}

.payment-done,
.brochure-confirm,
.brochure-done,
.inquiry-done {
  text-align: center;
  font-size: 16px;
}
@media only screen and (max-width: 991px) {
  .payment-done,
  .brochure-confirm,
  .brochure-done,
  .inquiry-done {
    font-size: var(--fs-p);
  }
}
@media only screen and (max-width: 991px) and (max-width: 991px) {
  .payment-done,
  .brochure-confirm,
  .brochure-done,
  .inquiry-done {
    margin-top: 20px;
  }
}
.payment-done .done,
.payment-done .title,
.brochure-confirm .done,
.brochure-confirm .title,
.brochure-done .done,
.brochure-done .title,
.inquiry-done .done,
.inquiry-done .title {
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 991px) {
  .payment-done .done,
  .payment-done .title,
  .brochure-confirm .done,
  .brochure-confirm .title,
  .brochure-done .done,
  .brochure-done .title,
  .inquiry-done .done,
  .inquiry-done .title {
    font-size: 17px;
  }
}
.payment-done .box,
.brochure-confirm .box,
.brochure-done .box,
.inquiry-done .box {
  background: var(--base-color04);
  padding: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  font-size: 13px;
  max-width: 800px;
  margin: auto;
}
@media only screen and (max-width: 991px) {
  .payment-done .box,
  .brochure-confirm .box,
  .brochure-done .box,
  .inquiry-done .box {
    display: block;
  }
}
.payment-done .box .box-item,
.brochure-confirm .box .box-item,
.brochure-done .box .box-item,
.inquiry-done .box .box-item {
  width: 50%;
}
@media only screen and (max-width: 991px) {
  .payment-done .box .box-item,
  .brochure-confirm .box .box-item,
  .brochure-done .box .box-item,
  .inquiry-done .box .box-item {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .payment-done .box .box-item:first-child,
  .brochure-confirm .box .box-item:first-child,
  .brochure-done .box .box-item:first-child,
  .inquiry-done .box .box-item:first-child {
    margin-bottom: 30px;
  }
}
.payment-done .box p,
.brochure-confirm .box p,
.brochure-done .box p,
.inquiry-done .box p {
  margin-bottom: 0px;
}
.payment-done .box .en, .payment-done .box .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .payment-done .box th,
.payment-done .box .item-new .page-box .new-item-contents .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .payment-done .box td,
.brochure-confirm .box .en,
.brochure-confirm .box .item-new .page-box .new-item-contents .main-block .content-1 table th,
.item-new .page-box .new-item-contents .main-block .content-1 table .brochure-confirm .box th,
.brochure-confirm .box .item-new .page-box .new-item-contents .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .brochure-confirm .box td,
.brochure-done .box .en,
.brochure-done .box .item-new .page-box .new-item-contents .main-block .content-1 table th,
.item-new .page-box .new-item-contents .main-block .content-1 table .brochure-done .box th,
.brochure-done .box .item-new .page-box .new-item-contents .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .brochure-done .box td,
.inquiry-done .box .en,
.inquiry-done .box .item-new .page-box .new-item-contents .main-block .content-1 table th,
.item-new .page-box .new-item-contents .main-block .content-1 table .inquiry-done .box th,
.inquiry-done .box .item-new .page-box .new-item-contents .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .inquiry-done .box td {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4;
}
.payment-done > .btn, form .payment-done > input[type=submit],
form .payment-done > button,
.brochure-confirm > .btn,
form .brochure-confirm > input[type=submit],
form .brochure-confirm > button,
.brochure-done > .btn,
form .brochure-done > input[type=submit],
form .brochure-done > button,
.inquiry-done > .btn,
form .inquiry-done > input[type=submit],
form .inquiry-done > button {
  margin-top: 40px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 991px) {
  .register .l-section-item p {
    font-size: 13px;
  }
}
.register .e-learning-viewing {
  display: none;
}
.register .register-img {
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .register .register-img {
    margin-bottom: 20px;
  }
}
.register .section-title {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .register .section-title {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.register .step li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .register .step li {
    display: block;
  }
}
.register .step li .image {
  min-width: 219px;
  max-width: 219px;
  margin: 0 30px 0 0;
}
@media only screen and (max-width: 991px) {
  .register .step li .image {
    max-width: 100%;
    margin: 0;
  }
}
.register .step li .text-block {
  padding-top: 1.2em;
}
.register .view-btn {
  font-size: 16px;
  background: #fff;
  padding: 1em 1.5em;
  position: relative;
}
.register .view-btn:after {
  content: "\f13a";
  font-family: "FontAwesome";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #047AE3;
}
.register table {
  border: 1px solid var(--border-color01);
  margin: 0;
  width: 100%;
}
.register table caption {
  text-align: center;
  background: #eaeaea;
  font-weight: bold;
  padding: 1em;
}
.register table th {
  width: 160px;
  border-right: 1px solid var(--border-color01);
  border-bottom: 1px solid var(--border-color01);
}
.register table td {
  border-bottom: 1px solid var(--border-color01);
}
@media only screen and (max-width: 991px) {
  .register table th,
  .register table td {
    display: block;
    width: 100%;
    padding: 1em;
  }
}
.l-side-register .panel-body {
  position: sticky;
  top: 32px;
  background: #fff;
  padding: 20px;
}
.l-side-register .panel-body p {
  font-size: 12px;
  margin-top: 2em;
}
.l-side-register > p {
  text-align: center;
  font-size: 13px;
  margin-top: 20px;
}
.l-side-register > p a {
  text-decoration: underline;
}
.l-side-register > p a:hover {
  text-decoration: none;
}
.l-side-register .account .desc {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

.password .password-content-inner {
  max-width: 560px;
  margin: 0 auto;
}
.password .password-content-inner .section-title {
  font-size: var(--fs-p);
  font-weight: bold;
  border-bottom: 1px solid #26455C;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.password .password-content-inner .flex label {
  width: 160px;
}
.password .password-content-inner .flex label + .col-md-6 {
  width: calc(100% - 160px);
}
@media only screen and (max-width: 991px) {
  .password .password-content-inner .flex label + .col-md-6 {
    width: 100%;
  }
}
.password .password-content-inner .flex + .form-group {
  margin-top: 30px;
}
.password .password-content-inner .btn, .password .password-content-inner form input[type=submit], form .password .password-content-inner input[type=submit],
.password .password-content-inner form button,
form .password .password-content-inner button {
  max-width: 360px;
}
.password .password-content-inner .btn:after, .password .password-content-inner form input[type=submit]:after, form .password .password-content-inner input[type=submit]:after,
.password .password-content-inner form button:after,
form .password .password-content-inner button:after {
  content: none;
}
.password .password-content-inner .box-item {
  margin-top: 50px;
  border-top: 1px solid var(--border-color01);
  padding-top: 40px;
  text-align: center;
  font-size: 13px;
}
.password .password-content-inner .box-item .en, .password .password-content-inner .box-item .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .password .password-content-inner .box-item th,
.password .password-content-inner .box-item .item-new .page-box .new-item-contents .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .password .password-content-inner .box-item td {
  font-size: 27px;
  font-weight: bold;
  line-height: 1;
}
.password .password-content-inner .box-item .open-time {
  font-size: 12px;
}

.fixed-item-wrap {
  display: none;
}
@media only screen and (max-width: 1080px) {
  .fixed-item-wrap.sp {
    display: block !important;
  }
}
.fixed-item-wrap.sp .fixed-item {
  background-color: inherit;
}
@media only screen and (max-width: 1080px) {
  .fixed-item-wrap.sp .fixed-item {
    display: block;
  }
  .fixed-item-wrap.sp .fixed-item > div {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 6px;
  }
  .fixed-item-wrap.sp .fixed-item > div > div {
    width: 100%;
    font-size: 10px;
  }
  .fixed-item-wrap.sp .fixed-item a {
    display: block;
    border: 1px solid #26455C;
    border-radius: 4px;
    padding: 5px 15px;
    text-align: center;
    height: 34px;
    width: 49%;
    font-size: 11px;
    font-weight: bold;
  }
  .fixed-item-wrap.sp .fixed-item a i {
    line-height: 1.2;
  }
  .fixed-item-wrap.sp .fixed-item a i:before {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
  }
  .fixed-item-wrap.sp .fixed-item .fixed-item-sp:first-child a {
    letter-spacing: 0px;
    background: rgba(255, 255, 255, 0.98);
  }
  .fixed-item-wrap.sp .fixed-item .fixed-item-sp:first-child a:hover {
    background: #26455C;
    color: #fff;
  }
  .fixed-item-wrap.sp .fixed-item .fixed-item-sp:last-child {
    background: rgba(255, 255, 255, 0.98);
  }
  .fixed-item-wrap.sp .fixed-item .movie-btn i {
    vertical-align: middle;
  }
  .fixed-item-wrap.sp .fixed-item .movie-btn i:before {
    font-size: 16px;
  }
  .fixed-item-wrap.sp .fixed-item .sp-price {
    font-weight: normal;
    padding-left: 15px;
    min-width: 180px;
    letter-spacing: 0;
    width: auto;
  }
  .fixed-item-wrap.sp .fixed-item .sp-price .en, .fixed-item-wrap.sp .fixed-item .sp-price .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .fixed-item-wrap.sp .fixed-item .sp-price th,
  .fixed-item-wrap.sp .fixed-item .sp-price .item-new .page-box .new-item-contents .main-block .content-1 table td,
  .item-new .page-box .new-item-contents .main-block .content-1 table .fixed-item-wrap.sp .fixed-item .sp-price td {
    font-size: 24px;
    margin-right: 2px;
    font-weight: bold;
  }
  .fixed-item-wrap.sp .fixed-item .sp-btn a {
    border: none;
    width: 100%;
    max-width: inherit;
    height: auto;
    line-height: 2.5;
    font-size: 13px;
  }
  .fixed-item-wrap.sp .fixed-item .sp-btn a:after {
    content: none;
  }
}
@media only screen and (max-width: 544px) {
  .fixed-item-wrap.sp .fixed-item .sp-price {
    padding-left: 8px;
    min-width: 120px;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
  }
  .fixed-item-wrap.sp .fixed-item .sp-price .en, .fixed-item-wrap.sp .fixed-item .sp-price .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .fixed-item-wrap.sp .fixed-item .sp-price th,
  .fixed-item-wrap.sp .fixed-item .sp-price .item-new .page-box .new-item-contents .main-block .content-1 table td,
  .item-new .page-box .new-item-contents .main-block .content-1 table .fixed-item-wrap.sp .fixed-item .sp-price td {
    display: block;
  }
}

.fixed-item {
  width: 96%;
  max-width: 1142px;
  margin: 0 auto;
  position: fixed;
  bottom: 8px;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.98);
  transform: translateX(-50%);
  display: table;
  z-index: 999;
}
.fixed-item > div {
  display: table-cell;
  vertical-align: middle;
  padding: 15px;
}
.fixed-item .price-block {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  width: 28%;
  position: relative;
  letter-spacing: 0;
}
.fixed-item .price-block:before {
  content: "";
  width: 26px;
  height: 2px;
  background: #047AE3;
  position: absolute;
  left: -13px;
  top: 50%;
}
.fixed-item .price-block .en, .fixed-item .price-block .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .fixed-item .price-block th,
.fixed-item .price-block .item-new .page-box .new-item-contents .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .fixed-item .price-block td {
  font-size: 28px;
  font-weight: bold;
}
.fixed-item .price-block .color {
  color: #047AE3;
}
.fixed-item .item-details {
  font-size: 11px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
}
.fixed-item .item-details:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #EAEAEA;
  position: absolute;
  left: 0;
  top: 0;
}
.fixed-item .item-details:after {
  content: "";
  width: 1px;
  height: 100%;
  background: #EAEAEA;
  position: absolute;
  right: 0;
  top: 0;
}
.fixed-item .item-details .mark {
  background: #E8E8E8;
  border-radius: 2px;
  display: inline-block;
  padding: 0 5px;
}
.fixed-item .item-details .item-name {
  font-size: 12px;
  margin-top: 8px;
}
.fixed-item .item-details .item-detail {
  font-weight: normal;
}
.fixed-item .item-details .item-btns .text-btn {
  margin-bottom: 5px;
  white-space: nowrap;
}
.fixed-item .item-details .item-btns a {
  display: block;
  border: 1px solid #26455C;
  border-radius: 4px;
  padding: 5px 15px;
  text-align: center;
  height: 34px;
}
.fixed-item .item-details .item-btns a:hover {
  background: #000;
  color: #fff;
}
.fixed-item .item-details .item-btns a i {
  line-height: 1.2;
}
.fixed-item .item-details .item-btns a i:before {
  margin: 0;
  font-size: 12px;
  font-weight: normal;
}
.fixed-item .item-details .item-btns .movie-btn i {
  vertical-align: middle;
}
.fixed-item .item-details .item-btns .movie-btn i:before {
  font-size: 16px;
}
.fixed-item .item-btn {
  width: 25%;
  min-width: 300px;
}
@media only screen and (max-width: 991px) {
  .fixed-item .item-btn {
    min-width: inherit;
  }
}
.fixed-item .item-btn .btn, .fixed-item .item-btn form input[type=submit], form .fixed-item .item-btn input[type=submit],
.fixed-item .item-btn form button,
form .fixed-item .item-btn button {
  font-size: 13px;
}
.fixed-item .item-btn .btn:after, .fixed-item .item-btn form input[type=submit]:after, form .fixed-item .item-btn input[type=submit]:after,
.fixed-item .item-btn form button:after,
form .fixed-item .item-btn button:after {
  content: none;
}

.modal-2-wrap .modaal-container {
  max-width: 1142px !important;
  border-radius: 4px !important;
  padding: 0 15px 15px;
}
.modal-2-wrap .price-block {
  margin: 0;
}
.modal-2-wrap .price-block > div {
  padding: 12px 0;
}
.modal-2-wrap .price-items {
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  width: 28%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .modal-2-wrap .price-items {
    width: 100%;
  }
}
.modal-2-wrap .price-items .en, .modal-2-wrap .price-items .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .modal-2-wrap .price-items th,
.modal-2-wrap .price-items .item-new .page-box .new-item-contents .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .modal-2-wrap .price-items td {
  font-size: 28px;
  font-weight: bold;
}
.modal-2-wrap .price-items .color {
  color: #047AE3;
}
.modal-2-wrap .btn-block {
  flex-grow: 5;
  justify-content: space-between;
  font-size: 12px;
  align-items: center;
  border-left: 1px solid var(--border-color01);
  padding-left: 20px;
}
.modal-2-wrap .btn-block .btn-block-item {
  padding-left: 15px;
}
.modal-2-wrap .btn-block .btn-block-item:last-child {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.modal-2-wrap .btn-block.sp {
  border: none;
  padding-left: 0;
}
.modal-2-wrap .btn-block.sp a {
  padding: 9px;
}
.modal-2-wrap .btn-block.sp .grade {
  padding: 8px;
}
.modal-2-wrap .mark {
  background: #E8E8E8;
  border-radius: 2px;
  display: inline-block;
  padding: 0 5px;
  font-size: 11px;
}
.modal-2-wrap .item-name {
  font-size: 12px;
  margin-top: 3px;
}
.modal-2-wrap .item-detail {
  font-weight: normal;
}
.modal-2-wrap .att-list {
  margin: 10px 0 !important;
}

.post-header-block .logout {
  background: var(--base-color01);
  padding: 0 10px;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  margin-top: 15px;
  font-size: 14px;
}

.mypage {
  padding: 0;
}
.mypage .tab-btns {
  background: #E2EAEF;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .mypage .tab-btns {
    flex-wrap: wrap;
    border-bottom: 1px solid #E2EAEF;
  }
}
.mypage .tab-btns li {
  padding: 20px;
  background: #E2EAEF;
  text-align: center;
  font-weight: bold;
  color: #000;
  border-right: 1px solid #fff;
  font-size: 13px;
}
@media only screen and (max-width: 991px) {
  .mypage .tab-btns li {
    border-bottom: 1px solid #fff;
    padding: 10px 4px;
    font-size: 10px;
    width: 33.33333%;
  }
}
.mypage .tab-btns .is-active, .mypage .tab-btns .is-active a {
  background: #fff;
  color: #047AE3;
}
.mypage .tab-btns .__nonactive {
  background: #E2EAEF !important;
  color: #000 !important;
}
.mypage .tab-btns.__simulation li {
  padding: 0px;
}
.mypage .tab-btns.__simulation li a {
  display: block;
  padding: 20px;
}
@media only screen and (max-width: 991px) {
  .mypage .tab-btns.__simulation li li {
    padding: 0px;
  }
  .mypage .tab-btns.__simulation li a {
    padding: 10px 4px;
  }
}
.mypage .tab-contents {
  padding: 40px 80px;
}
@media only screen and (max-width: 991px) {
  .mypage .tab-contents {
    padding: 32px;
  }
}
@media only screen and (max-width: 544px) {
  .mypage .tab-contents {
    padding: 32px 16px;
  }
}
.mypage .tab-contents .attending-list {
  margin-top: 0;
}
.mypage .section-title {
  color: rgba(0, 0, 0, 0.46);
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 10px;
}
.mypage .cart-item-box {
  background-color: var(--base-color04);
  border: 1px solid var(--border-color01);
  padding: 24px 32px 32px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  margin-bottom: 1.5em;
}
@media only screen and (max-width: 544px) {
  .mypage .cart-item-box {
    flex-direction: column;
    padding: 16px 16px 20px;
  }
}
.mypage .cart-item-box.__payment01 {
  border-left: 3px solid #047AE3;
  border-right: 3px solid #047AE3;
  background-color: var(--base-color04);
  flex-direction: column;
}
.mypage .cart-item-box .item-img {
  width: 143px;
  margin-right: 20px;
}
@media only screen and (max-width: 544px) {
  .mypage .cart-item-box .item-img {
    width: 100px;
    max-width: 240px;
    margin: 0 auto 1rem;
  }
}
.mypage .cart-item-box .item-text {
  line-height: 1.6;
  width: calc(100% - 163px);
}
@media only screen and (max-width: 544px) {
  .mypage .cart-item-box .item-text {
    width: 100%;
  }
}
.mypage .cart-item-box .item-text .item-name {
  font-size: var(--fs-p);
  font-weight: bold;
  margin-bottom: 0;
}
@media only screen and (max-width: 544px) {
  .mypage .cart-item-box .item-text .item-name {
    font-size: 13px;
  }
}
@media only screen and (max-width: 544px) {
  .mypage .cart-item-box .item-text .btn, .mypage .cart-item-box .item-text form input[type=submit], form .mypage .cart-item-box .item-text input[type=submit],
  .mypage .cart-item-box .item-text form button,
  form .mypage .cart-item-box .item-text button {
    font-size: 10px;
  }
}
.mypage .cart-item-box .item-btn {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 16px;
}
@media only screen and (max-width: 544px) {
  .mypage .cart-item-box .item-btn {
    gap: 8px;
  }
}
.mypage .cart-item-box .item-btn .btn, .mypage .cart-item-box .item-btn form input[type=submit], form .mypage .cart-item-box .item-btn input[type=submit],
.mypage .cart-item-box .item-btn form button,
form .mypage .cart-item-box .item-btn button {
  font-size: 13px;
  line-height: 1.1;
  width: calc(33.3333333333% - 16px);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 12px 8px;
  max-width: initial;
}
@media only screen and (max-width: 991px) {
  .mypage .cart-item-box .item-btn .btn, .mypage .cart-item-box .item-btn form input[type=submit], form .mypage .cart-item-box .item-btn input[type=submit],
  .mypage .cart-item-box .item-btn form button,
  form .mypage .cart-item-box .item-btn button {
    width: calc(50% - 16px);
  }
}
@media only screen and (max-width: 544px) {
  .mypage .cart-item-box .item-btn .btn, .mypage .cart-item-box .item-btn form input[type=submit], form .mypage .cart-item-box .item-btn input[type=submit],
  .mypage .cart-item-box .item-btn form button,
  form .mypage .cart-item-box .item-btn button {
    font-size: 11px;
    width: 100%;
  }
}
.mypage .cart-item-box .item-text-detail .item-parts-1 {
  background: var(--base-color04);
  display: inline-block;
  padding: 0 5px;
  font-size: 12px;
  font-weight: normal;
}
.mypage .cart-item-box .item-text-detail .item-parts-2 {
  font-size: 20px;
  font-weight: bold;
}
@media only screen and (max-width: 544px) {
  .mypage .cart-item-box .item-text-detail .item-parts-2 {
    font-size: var(--fs-p);
  }
}
.mypage .cart-item-box .item-text-detail .item-parts-2 span {
  font-weight: normal;
  font-size: 12px;
  padding-left: 1em;
}

.attending-list li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--border-color01);
  border-left: 3px solid #26455C;
}
.attending-list li > div {
  padding: 20px 30px;
}
@media only screen and (max-width: 544px) {
  .attending-list li > div {
    padding: 12px;
  }
}
.attending-list li .attending-limit,
.attending-list li .attending-btns {
  border-left: 1px solid var(--border-color01);
  font-size: 13px;
  text-align: center;
  line-height: 1.5;
}
@media only screen and (max-width: 544px) {
  .attending-list li .attending-limit,
  .attending-list li .attending-btns {
    font-size: 10px;
  }
}
.attending-list li .attending-limit .en, .attending-list li .attending-limit .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .attending-list li .attending-limit th,
.attending-list li .attending-limit .item-new .page-box .new-item-contents .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .attending-list li .attending-limit td,
.attending-list li .attending-btns .en,
.attending-list li .attending-btns .item-new .page-box .new-item-contents .main-block .content-1 table th,
.item-new .page-box .new-item-contents .main-block .content-1 table .attending-list li .attending-btns th,
.attending-list li .attending-btns .item-new .page-box .new-item-contents .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .attending-list li .attending-btns td {
  display: block;
  font-size: var(--fs-p);
  font-weight: bold;
  color: #2EB979;
  letter-spacing: 1px;
}
@media only screen and (max-width: 544px) {
  .attending-list li .attending-limit .en, .attending-list li .attending-limit .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .attending-list li .attending-limit th,
  .attending-list li .attending-limit .item-new .page-box .new-item-contents .main-block .content-1 table td,
  .item-new .page-box .new-item-contents .main-block .content-1 table .attending-list li .attending-limit td,
  .attending-list li .attending-btns .en,
  .attending-list li .attending-btns .item-new .page-box .new-item-contents .main-block .content-1 table th,
  .item-new .page-box .new-item-contents .main-block .content-1 table .attending-list li .attending-btns th,
  .attending-list li .attending-btns .item-new .page-box .new-item-contents .main-block .content-1 table td,
  .item-new .page-box .new-item-contents .main-block .content-1 table .attending-list li .attending-btns td {
    font-size: 13px;
  }
}
.attending-list li p {
  margin: 0;
}
.attending-list li .title {
  font-weight: bold;
  font-size: var(--fs-p);
  line-height: 1.5;
}
.attending-list li .id {
  font-size: 11px;
}
@media only screen and (max-width: 991px) {
  .attending-list.__schedule li {
    display: block;
  }
}
@media only screen and (max-width: 991px) {
  .attending-list.__schedule .attending-btns {
    display: flex;
    gap: 16px;
    align-items: baseline;
    background-color: var(--base-color04);
  }
}
@media only screen and (max-width: 544px) {
  .attending-list.__schedule .attending-btns {
    display: block;
  }
}

.order-info {
  border-top: 3px solid #26455C;
  display: flex;
  margin-bottom: 16px;
}
@media only screen and (max-width: 991px) {
  .order-info {
    padding-top: 15px;
  }
}
.order-info + .section-title {
  margin-top: -16px;
}
.order-infoWrap {
  display: flex;
}
@media only screen and (max-width: 991px) {
  .order-infoWrap {
    display: block;
  }
}
.order-info .order-detail {
  color: rgba(0, 0, 0, 0.46);
  font-size: 13px;
  font-weight: bold;
  padding: 0 16px;
  margin: 16px 0;
}
.order-info .order-detail span {
  font-weight: normal;
}
@media only screen and (max-width: 991px) {
  .order-info .order-detail {
    margin: 0;
    padding: 6px 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  .order-info .order-detail span {
    min-width: 120px;
    line-height: 1.6;
  }
}
@media only screen and (max-width: 544px) {
  .order-info .order-detail {
    font-size: 11px;
    flex-direction: column;
  }
}
.order-info .order-detail:first-child {
  padding-left: 0;
}
.order-info .order-detail:last-child {
  padding-right: 0;
  margin-left: auto;
}
@media only screen and (max-width: 991px) {
  .order-info .order-detail:last-child .text {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 544px) {
  .order-info .order-detail:last-child .text {
    margin: 0;
    font-size: 13px;
  }
}
.order-info .order-detail:nth-child(2) {
  flex-shrink: 1000;
}
.order-info .order-detail .text {
  color: #000;
  font-size: 16px;
  line-height: 1.2;
}
@media only screen and (max-width: 991px) {
  .order-info .order-detail .text {
    font-size: 14px;
  }
}
.order-info .order-detail .text .btn, .order-info .order-detail .text form input[type=submit], form .order-info .order-detail .text input[type=submit],
.order-info .order-detail .text form button,
form .order-info .order-detail .text button {
  font-size: 11px;
  padding: 12px 6px;
}
.order-info .order-detail .text .btn:after, .order-info .order-detail .text form input[type=submit]:after, form .order-info .order-detail .text input[type=submit]:after,
.order-info .order-detail .text form button:after,
form .order-info .order-detail .text button:after {
  content: none;
}
@media only screen and (max-width: 991px) {
  .order-info .order-detail br {
    display: none;
  }
}

.select-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  margin: 10px 0 0;
  width: 100%;
}
.select-box span {
  padding-left: 5px;
}

.select {
  overflow: hidden;
  width: 100%;
  margin: 0;
  text-align: center;
  padding: 0 !important;
}
@media only screen and (max-width: 991px) {
  .select {
    width: 90%;
  }
}

.select select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.select select::-ms-expand {
  display: none;
}

.select.select-style {
  position: relative;
  border: 2px solid #bbbbbb;
  border-radius: 2px;
  background: #ffffff;
}

.select.select-style::before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666666;
  pointer-events: none;
}

.select.select-style select {
  font-size: 16px;
  padding: 15px 38px 15px 12px;
}
@media only screen and (max-width: 544px) {
  .select.select-style select {
    font-size: 13px;
    padding: 15px 38px 15px 12px;
  }
}

.item-modal-inner {
  padding: 50px 40px;
}
@media only screen and (max-width: 991px) {
  .item-modal-inner {
    padding: 32px 32px;
  }
}
@media only screen and (max-width: 544px) {
  .item-modal-inner {
    padding: 32px 16px;
  }
}
.item-modal-inner .section-title {
  border-bottom: 1px solid #26455C;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.item-modal-inner .cart-item-box {
  border: 1px solid var(--border-color01);
  padding: 24px 32px 32px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  margin-bottom: 1.5em;
}
@media only screen and (max-width: 544px) {
  .item-modal-inner .cart-item-box {
    padding: 12px 16px 16px;
    display: block;
  }
}
.item-modal-inner .cart-item-box .item-img {
  width: 143px;
  margin-right: 20px;
}
@media only screen and (max-width: 544px) {
  .item-modal-inner .cart-item-box .item-img {
    max-width: 240px;
    margin: 0 auto 1rem;
    width: 100%;
  }
}
.item-modal-inner .cart-item-box .item-text {
  width: calc(100% - 163px);
}
@media only screen and (max-width: 544px) {
  .item-modal-inner .cart-item-box .item-text {
    width: 100%;
  }
}
.item-modal-inner .cart-item-box .item-text .item-name {
  font-size: var(--fs-p);
  font-weight: bold;
  margin-bottom: 0;
}
@media only screen and (max-width: 544px) {
  .item-modal-inner .cart-item-box .item-text .item-name {
    font-size: 13px;
  }
}
.item-modal-inner .cart-item-box .item-text-detail .item-parts-1 {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
}
.item-modal-inner .cart-item-box .item-text-detail .item-parts-2 {
  font-size: 20px;
  font-weight: bold;
}
.item-modal-inner .cart-item-box .item-text-detail .item-parts-2 span {
  font-weight: normal;
  font-size: 12px;
  padding-left: 1em;
}
.item-modal-inner .btn, .item-modal-inner form input[type=submit], form .item-modal-inner input[type=submit],
.item-modal-inner form button,
form .item-modal-inner button {
  width: 100%;
  border: none;
}

.download .section-title {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 20px;
  margin-bottom: 40px;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .download .section-title {
    font-size: var(--fs-p);
  }
}
.download .section-title:after {
  content: "";
  width: 30px;
  height: 2px;
  background: #047AE3;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.download .youtube {
  width: 100%;
  padding-top: 56.25%;
}
.download .youtube:after {
  content: none;
}
.download .view-contents {
  margin-bottom: 40px;
  display: none;
}
.download .view-contents table {
  width: 100%;
}
.download .view-contents a {
  color: #047AE3;
}
.download .view-contents .list {
  font-size: 13px;
}
.download .list {
  font-size: 13px;
}

.simple-table-wrap {
  position: relative;
  overflow-x: scroll;
  white-space: nowrap;
}

.simple-table {
  border: 1px solid #a1a1a2;
  width: 100%;
}
.simple-table th {
  background: #a1a1a2;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.simple-table th,
.simple-table td {
  padding: 5px;
  border: 1px solid #a1a1a2;
}

.btn.csv, form input.csv[type=submit],
form button.csv {
  border: 2px solid #26455C;
  background: #fff;
  color: #26455C;
  margin-top: 15px;
}
.btn.csv:hover, form input.csv[type=submit]:hover,
form button.csv:hover {
  background: #26455C;
  color: #fff;
}

@media only screen and (max-width: 991px) {
  .order-info .dl-btn {
    display: block;
    margin: 0;
    padding: 0;
  }
}

.item-box .list a {
  color: #047AE3;
}

#submit_button i:before {
  margin-left: 0;
  font-weight: normal;
}

.subit-btn-wrap {
  position: relative;
}

#learners_errors,
#unique_learners_errors {
  color: #B92E2D;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 3%;
}

.grade-2 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(to right, #2EB979, #1C9A60);
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  opacity: 0;
}
.grade-2:after {
  content: none;
}
.grade-2 i {
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  -ms-animation: spin 1.5s linear infinite;
  -o-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
.grade-2.amazon-btn {
  padding: 15px 10px !important;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.btn-1 {
  border: 2px solid #26455C;
  background: #fff;
  color: #26455C;
  padding: 8px;
  margin: 0;
  box-shadow: 0 0 8px 0px rgba(38, 69, 92, 0.1);
}
.btn-1:after {
  content: none;
}

.btn-2 {
  border: 2px solid #2EB979;
  background: #fff;
  color: #2EB979;
  padding: 8px;
  margin: 0;
  box-shadow: 0 0 8px 0px rgba(38, 69, 92, 0.1);
}
.btn-2:after {
  content: none;
}

.item-modal-inner .modal-table {
  width: 100%;
  margin-bottom: 30px;
}
.item-modal-inner .modal-table th {
  width: 10em;
  font-weight: bold;
  font-size: 13px;
}
@media only screen and (max-width: 991px) {
  .item-modal-inner .modal-table th {
    width: 6em;
    min-width: 110px;
  }
}
.item-modal-inner .modal-table th,
.item-modal-inner .modal-table td {
  padding: 5px 0;
}
.item-modal-inner .modal-table .form-control {
  border: none;
  background: var(--base-color04);
  padding: 12px;
  width: 100%;
  font-size: 13px;
}
.item-modal-inner .modal-table .form-control.__nochange {
  background: transparent;
}
.item-modal-inner .modal-table.__style01 tr {
  border: 1px solid #fff;
}
.item-modal-inner .modal-table.__style01 th {
  padding: 12px;
  background-color: var(--base-color04);
}
.item-modal-inner .modal-table.__style01 td {
  padding: 12px;
}

.elearning-site {
  font-size: 14px;
  color: #fff;
  background: #497EA3;
  border-radius: 4px;
  display: inline-block;
  padding: 0 10px;
}

.cart-register form {
  max-width: 560px;
  margin: 0 auto;
}
.cart-register .form-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 544px) {
  .cart-register .form-group {
    display: block;
  }
}
.cart-register .form-group label {
  width: 160px;
}
.cart-register .form-group .col-md-6 {
  width: calc(100% - 160px);
}
@media only screen and (max-width: 544px) {
  .cart-register .form-group .col-md-6 {
    width: 100%;
  }
}
.cart-register .form-group .col-md-offset-4 {
  margin: 30px auto 0;
}

.scroll-nav {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.scroll-nav li {
  transition: all 0.3s ease;
}

#searchform {
  overflow: hidden;
  background: #fff;
  padding-bottom: 0;
  border-radius: 2px;
}

#searchform input[type=text] {
  line-height: 18px;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  border: none;
}

#searchform button {
  top: 0;
  right: 0;
  vertical-align: top;
  border: none;
  border-radius: 3px;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  background: transparent;
  font-family: "FontAwesome";
}

#searchsubmit {
  box-shadow: none;
}
#searchsubmit:after {
  content: none;
}

form input[type=text],
form input[type=email],
form input[type=url],
form input[type=tel],
form input[type=number],
form input[type=date],
form textarea {
  outline: none;
}

.study-list li .title {
  display: inline-block;
  padding: 4px 0;
}

.req-mark {
  font-size: 10px;
  color: #fff;
  background: red;
  padding: 2px 3px;
  border-radius: 3px;
  margin-right: 8px;
  background: #B92E2E;
  font-weight: bold;
}
.req-mark.__optional {
  background: #8593A0;
}

.form-attention-text {
  display: block;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #B92E2D;
  margin-bottom: 6px;
}

.page-content .form-style .wide {
  width: 300px;
}
@media only screen and (max-width: 991px) {
  .page-content .form-style .wide {
    width: 100%;
  }
}

.inquiry .check-parts {
  padding: 5px 0 5px 30px;
  position: relative;
  display: block;
}
.inquiry .check-parts:before {
  content: "";
  width: 19px;
  height: 19px;
  border-radius: 10px;
  border: 1px solid var(--border-color01);
  background: #fff;
  position: absolute;
  left: 0;
  top: 16px;
  transform: translateY(-50%);
  transition: background 0.3s ease-in-out;
}
.inquiry input[type=checkbox] {
  display: none;
}
.inquiry input[type=checkbox]:checked + .check-parts:after {
  content: "";
  width: 13px;
  height: 13px;
  background: linear-gradient(to right, #45b4eb, #1d83ff);
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  position: absolute;
  left: 4px;
  top: 16px;
  transform: translateY(-50%);
  border-radius: 10px;
}
.inquiry input[type=checkbox]:checked + .check-parts:after:hover {
  background: linear-gradient(to left, #45b4eb, #1d83ff);
}
.inquiry.__radio input[type=radio] {
  display: none;
}
.inquiry.__radio input[type=radio]:checked + .check-parts:after {
  content: "";
  width: 13px;
  height: 13px;
  background: linear-gradient(to right, #45b4eb, #1d83ff);
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  position: absolute;
  left: 4px;
  top: 16px;
  transform: translateY(-50%);
  border-radius: 10px;
}
.inquiry.__radio input[type=radio]:checked + .check-parts:after:hover {
  background: linear-gradient(to left, #45b4eb, #1d83ff);
}
.inquiry .send-btn-wrap {
  width: 60%;
}
@media only screen and (max-width: 991px) {
  .inquiry .send-btn-wrap {
    width: 100%;
  }
}
.inquiry .send-btn-wrap p {
  margin-top: 20px;
  font-size: 13px;
  text-align: center;
}

.inquiry-att {
  font-size: 13px;
  padding-left: 80px;
}
@media only screen and (max-width: 991px) {
  .inquiry-att {
    padding-left: 15px;
  }
}

.icon_nav .fa-phone {
  font-family: "FontAwesome";
  color: #000;
  background: none;
  -webkit-text-fill-color: #000;
  font-size: 20px;
  vertical-align: middle;
}
@media only screen and (max-width: 490px) {
  .icon_nav .fa-phone {
    font-size: 16px;
  }
}

#modal-nav {
  max-width: 62%;
  min-width: calc(100% - 540px);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.br-theme-fontawesome-stars .br-widget a {
  font-size: 2rem;
}

.news section .news-link:first-child {
  border-top: 1px solid var(--border-color01);
}
.news .news-link {
  border-bottom: 1px solid var(--border-color01);
  display: flex;
  align-items: baseline;
  width: 100%;
  padding: 15px 0;
  font-size: 13px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .news .news-link {
    flex-wrap: wrap;
  }
}
.news .news-link:after {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 26px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.news .news-link.__published .cat {
  background: #45b4eb;
}
.news .news-link.__published:after {
  content: "\f08e";
  font-size: 16px;
}
.news .news-link:hover .title {
  color: #047AE3;
}
.news .cat {
  flex: none;
  font-size: var(--fs-min);
  font-weight: bold;
  color: #fff;
  background: #26455C;
  border-radius: 3px;
  padding: 0 5px;
  display: inline-block;
  margin-right: 10px;
  line-height: 1.6;
}
.news .time {
  flex: none;
  font-size: var(--fs-min);
}
.news .title {
  font-size: var(--fs-mid);
  font-weight: bold;
  padding: 0 30px;
  transition: 0.3s all ease-in-out;
}
@media only screen and (max-width: 991px) {
  .news .title {
    flex-basis: 100%;
    font-size: 13px;
    display: block;
    padding-left: 0;
    padding-top: 5px;
  }
}
.news .page-content .post-title {
  font-size: var(--fs-large);
  margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .news .page-content .post-title {
    font-size: 16px;
  }
}

.to-archive {
  margin-top: 60px;
  border-top: 1px solid var(--border-color01);
  padding-top: 20px;
  text-align: center;
  font-size: var(--fs-min);
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .to-archive {
    margin-top: 30px;
  }
}

.inquiry .cart-inner .cart-item-1 {
  width: 100%;
  max-width: 952px;
  margin: 0 auto;
}

.news-list {
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .news-list {
    text-align: left;
  }
}
.news-list li {
  background: var(--base-color04);
  border-top: 1px solid #fff;
  padding-bottom: 2px;
}
.news-list li:before, .news-list li:after {
  content: "";
  display: table;
}
.news-list li:after {
  clear: both;
}
.news-list li:first-child {
  border: none;
}
@media only screen and (max-width: 991px) {
  .news-list li {
    padding-left: 3%;
  }
}
@media only screen and (max-width: 991px) {
  .news-list li a {
    float: left;
    width: 92%;
  }
}
.news-list li a:hover .title {
  color: #047AE3;
}
.news-list li .cat {
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  background: #26455C;
  border-radius: 3px;
  padding: 0 5px;
  display: inline-block;
  margin-right: 10px;
  line-height: 1.6;
  position: relative;
  top: -1px;
}
@media only screen and (max-width: 991px) {
  .news-list li .cat {
    top: 1px;
  }
}
.news-list li .sale {
  background: #feb91e;
}
.news-list li .title {
  font-size: 13px;
  font-weight: bold;
  padding: 0 30px 0 0;
}
@media only screen and (max-width: 991px) {
  .news-list li .title {
    display: block;
    padding: 0;
    font-size: 12px;
  }
}
.news-list .close {
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  cursor: pointer;
  float: right;
  top: 7px;
  right: 15px;
  z-index:11;
}
@media only screen and (max-width: 991px) {
  .news-list .close {
    right: 3%;
  }
}
.news-list .close span:before, .news-list .close span:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 16%;
  margin: -8% 0 0 -42%;
  background: black;
}
.news-list .close span:before {
  transform: rotate(-45deg);
}
.news-list .close span:after {
  transform: rotate(45deg);
}

.cart-1 .cart-inner .cart-item-1 .cart-item-box {
  margin-bottom: 0;
  border-left: 2px solid #26455C;
}

.cart-inner .cart-item-1 .cart-item-box + p {
  margin-top: 1.5em;
}
.cart-inner .cart-item-1 .again {
  background: var(--base-color04);
  border-left: 2px solid #26455C;
  padding: 1.5em;
  font-size: var(--fs-p);
}
@media only screen and (max-width: 991px) {
  .cart-inner .cart-item-1 .again {
    font-size: 13px;
  }
}
.cart-inner .cart-item-1 .again .att-text {
  color: #DE2F2F;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.cart-inner .cart-item-1 .again label {
  font-weight: bold;
}
.cart-inner .cart-item-1 .again input[type=radio] {
  display: none;
}
.cart-inner .cart-item-1 .again input[type=radio]:checked + .check-parts:after {
  content: "";
  width: 13px;
  height: 13px;
  background: linear-gradient(to right, #45b4eb, #1d83ff);
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  position: absolute;
  left: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 10px;
}
.cart-inner .cart-item-1 .again .check-parts {
  padding: 5px 0 5px 30px;
  position: relative;
}
.cart-inner .cart-item-1 .again .check-parts:before {
  content: "";
  width: 19px;
  height: 19px;
  border-radius: 10px;
  border: 1px solid var(--border-color01);
  background: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  transition: 0.3s all ease-in-out;
  transform: translateY(-50%);
}
.cart-inner .cart-item-1 .again #purchasingforextension,
.cart-inner .cart-item-1 .again #purchasingforothers {
  text-align: center;
  background: #fff;
  border-radius: 5px;
  padding: 1em;
  margin-top: 1em;
  line-height: 1.6;
}
.cart-inner .cart-item-1 .again #purchasingforextension span,
.cart-inner .cart-item-1 .again #purchasingforothers span {
  font-weight: bold;
}
.cart-inner .cart-item-1 .again #purchasingforextension {
  border: 2px solid #2EB979;
}
.cart-inner .cart-item-1 .again #purchasingforothers {
  border: 2px solid #DE2F2F;
}
.cart-inner .cart-item-1 .again #purchasingforothers span {
  color: #DE2F2F;
}
.cart-inner .cart-item-1 .again #purchasingforothers .btn, .cart-inner .cart-item-1 .again #purchasingforothers form input[type=submit], form .cart-inner .cart-item-1 .again #purchasingforothers input[type=submit],
.cart-inner .cart-item-1 .again #purchasingforothers form button,
form .cart-inner .cart-item-1 .again #purchasingforothers button {
  padding: 10px;
  max-width: 200px;
  margin-top: 10px;
}
.cart-inner .cart-item-1 .again #purchasingforothers .btn:after, .cart-inner .cart-item-1 .again #purchasingforothers form input[type=submit]:after, form .cart-inner .cart-item-1 .again #purchasingforothers input[type=submit]:after,
.cart-inner .cart-item-1 .again #purchasingforothers form button:after,
form .cart-inner .cart-item-1 .again #purchasingforothers button:after {
  content: none;
}
.cart-inner .cart-item-1 .again + p {
  margin-top: 1.5em;
  font-size: 14px;
}
@media only screen and (max-width: 991px) {
  .cart-inner .cart-item-1 .again + p {
    font-size: 13px;
    margin-bottom: 20px;
  }
}
.cart-inner .cart-item-2 .cart-item-box .disabled-btn {
  background: #ccc;
  box-shadow: none;
  cursor: default;
}
.cart-inner .cart-item-2 .cart-item-box .disabled-btn:hover {
  filter: brightness(1);
  box-shadow: none;
}

.tab-cat-list .riyou,
.header-meta a {
  display: none;
}

#main-ec .item-cta-parts .open-time {
  margin-top: 0.5em;
}

.item-cta-parts .item-cta-item:first-child {
  padding-top: 10px;
}

.request .form-style th {
  vertical-align: top;
}
.request .form-style th,
.request .form-style td {
  padding: 1rem 0;
}
@media only screen and (max-width: 991px) {
  .request .form-style th {
    padding: 0.8rem 0 0;
  }
  .request .form-style td {
    padding: 0.8rem 0 1rem;
  }
}

.border-b-white {
  border-bottom: 1px solid #fff;
}

@media only screen and (max-width: 991px) {
  .item-new .post-header-block {
    padding: 6rem 10px 9rem; 
  }
}
.item-new .page-box {
  padding: 0;
  border-radius: 4px;
  border: 3px solid #fff;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box {
    border: none;
  }
}
.item-new .page-box .main-visual {
  background: var(--base-color04);
  position: relative;
}
.item-new .page-box .main-visual:before {
  content: "";
  position: absolute;
  background: var(--base-color04);
  width: 100px;
  height: 100%;
  z-index: 2;
}
.item-new .page-box .main-visual .main-img {
  position: relative;
  width: calc(100% - 257px);
  margin-left: auto;
  max-height: 480px;
  z-index: 1;
}
.item-new .page-box .main-visual .main-img:before {
  content: "";
  position: absolute;
  bottom: -10%;
  width: 100%;
  height: 100%;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0.6166841737) 78%, rgb(255, 255, 255) 85%, rgb(255, 255, 255) 100%);
  z-index: 2;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .main-visual .main-img {
    width: calc(100% - 100px);
  }
  .item-new .page-box .main-visual .main-img,
  .item-new .page-box .main-visual .main-img img {
    height: 100%;
    object-fit: cover;
    max-height: 55vw;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .main-visual .main-img {
    width: 100%;
    position: relative;
  }
  .item-new .page-box .main-visual .main-img,
  .item-new .page-box .main-visual .main-img img {
    max-height: 70vw;
  }
  .item-new .page-box .main-visual .main-img:before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0.6166841737) 58%, white 85%, white 100%);
  }
}
.item-new .page-box .main-visual .sp {
  background: #fff;
  padding-top: 15px;
}
.item-new .page-box .main-visual .sp img {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .main-visual .sp img {
    display: block;
    max-width: 80vw;
    margin: -15vw auto 0;
  }
}
@media only screen and (max-width: 1080px) {
  .item-new .page-box .main-visual .sp {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .main-visual .sp {
    display: block;
  }
}
.item-new .page-box .main-visual .main-text-block {
  position: absolute;
  left: 5%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .main-visual .main-text-block {
    left: 2%;
    right: 2%;
    top: 30%;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .main-visual .main-text-block {
    top: 36%;
  }
}
.item-new .page-box .main-visual .main-text-block .item-name {
  font-size: 19px;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .main-visual .main-text-block .item-name {
    font-size: var(--fs-p);
  }
}
.item-new .page-box .main-visual .main-text-block .item-title {
  margin-bottom: 0.5rem;
  line-height: 0;
}
.item-new .page-box .main-visual .main-text-block .item-title span {
  background: #26455C;
  background: linear-gradient(to right, #26455C, #1F5B83);
  -webkit-background: linear-gradient(to right, #26455C, #1F5B83);
  color: #fff;
  font-size: 51px;
  font-weight: bold;
  margin: 0.2em 0 0.5em;
  line-height: 1.2;
  padding: 0 5px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .main-visual .main-text-block .item-title span {
    font-size: 8vw;
    letter-spacing: -0.06em;
  }
}
.item-new .page-box .main-visual .main-text-block p {
  font-weight: bold;
  margin-bottom: 0;
  padding-left: 20px;
  line-height: 1.8;
}
.item-new .page-box .main-visual .main-text-block .text-1 {
  font-size: var(--fs-p);
  color: #2EB979;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .main-visual .main-text-block .text-1 {
    font-size: 13px;
    text-shadow: 0 0 10px #fff;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .main-visual .main-text-block .text-1 {
    font-size: 10px;
  }
}
.item-new .page-box .main-visual .main-text-block .text-1:before {
  content: "\f00c";
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  top: 0;
}
.item-new .page-box .main-visual .main-text-block .text-2 {
  font-size: 11px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .main-visual .main-text-block .text-2 {
    font-size: 10px;
  }
}
.item-new .page-box .main-visual .main-text-block .text-2 a {
  text-decoration: underline;
  color: #047AE3;
}
.item-new .page-box .main-visual .countdown {
  background: #fff;
  border-radius: 0 4px 0 4px;
  padding: 15px 15px 12px;
  color: #B92E2D;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  text-align: center;
  right: -3px;
  top: -3px;
  line-height: 1.2;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .main-visual .countdown {
    font-size: 10px;
    padding: 10px;
    right: 0;
    top: -25px;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .main-visual .countdown {
    right: 4px;
    top: -40px;
    border-radius: 4px;
    padding: 8px 5px 7px 7px;
  }
}
.item-new .page-box .main-visual .countdown .en, .item-new .page-box .main-visual .countdown .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .main-visual .countdown th,
.item-new .page-box .main-visual .countdown .new-item-contents .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .main-visual .countdown td {
  font-size: 36px;
  margin-right: -7px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .main-visual .countdown .en, .item-new .page-box .main-visual .countdown .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .main-visual .countdown th,
  .item-new .page-box .main-visual .countdown .new-item-contents .main-block .content-1 table td,
  .item-new .page-box .new-item-contents .main-block .content-1 table .main-visual .countdown td {
    font-size: 28px;
  }
}
.item-new .page-box .new-item-contents {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  background: var(--base-color04);
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents {
    display: block;
    background: transparent;
  }
}
.item-new .page-box .new-item-contents .nav-block {
  flex: 0 0 257px;
  background: var(--base-color04);
}
.item-new .page-box .new-item-contents .nav-block .nav-block-inner {
  padding: 15px;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .nav-block .nav-block-inner {
    padding: 0;
    flex-direction: row-reverse;
  }
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .nav-block .nav-block-inner:first-child {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
  }
}
.item-new .page-box .new-item-contents .nav-block .nav-block-inner .parts {
  margin-bottom: 15px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .nav-block .nav-block-inner .parts {
    display: none;
    padding: 0 5px;
    margin-bottom: 0;
    flex: 0 0 40%;
    line-height: 1.3;
  }
}
.item-new .page-box .new-item-contents .nav-block .nav-block-inner .en, .item-new .page-box .new-item-contents .nav-block .nav-block-inner .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .nav-block .nav-block-inner th,
.item-new .page-box .new-item-contents .nav-block .nav-block-inner .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .nav-block .nav-block-inner td {
  line-height: 1.2;
  font-size: 25px;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .nav-block .nav-block-inner .en, .item-new .page-box .new-item-contents .nav-block .nav-block-inner .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .nav-block .nav-block-inner th,
  .item-new .page-box .new-item-contents .nav-block .nav-block-inner .main-block .content-1 table td,
  .item-new .page-box .new-item-contents .main-block .content-1 table .nav-block .nav-block-inner td {
    font-size: 17px;
  }
}
.item-new .page-box .new-item-contents .nav-block .nav-block-inner .time {
  font-size: 11px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .nav-block .nav-block-inner .time {
    font-size: 10px;
    letter-spacing: 0px;
  }
}
.item-new .page-box .new-item-contents .nav-block .nav-block-inner img {
  display: block;
  max-width: 128px;
  margin: 15px auto;
}
.item-new .page-box .new-item-contents .nav-block .fixed-nav-new {
  position: sticky;
  top: 16px;
  margin-bottom: 300px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .nav-block .fixed-nav-new {
    top: 0px;
    margin-bottom: 0px;
  }
}
.item-new .page-box .new-item-contents .nav-block .btn:after, .item-new .page-box .new-item-contents .nav-block form input[type=submit]:after, form .item-new .page-box .new-item-contents .nav-block input[type=submit]:after,
.item-new .page-box .new-item-contents .nav-block form button:after,
form .item-new .page-box .new-item-contents .nav-block button:after {
  color: #fff;
}
.item-new .page-box .new-item-contents .nav-block .btn-a {
  background: #FEB91E;
  background: linear-gradient(to right, #FEB91E, #FE741E);
  -webkit-background: linear-gradient(to right, #FEB91E, #FE741E);
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .nav-block .btn-a {
    flex-basis: 100%;
    max-width: inherit;
    margin: 6px;
  }
}
.item-new .page-box .new-item-contents .nav-block .btn-b {
  background: #2EB979;
  background: linear-gradient(to right, #2EB979, #2EB979);
  -webkit-background: linear-gradient(to right, #2EB979, #2EB979);
  margin-top: 10px;
  border-bottom: 4px solid #2ca36c;
}
@media only screen and (max-width: 1080px) {
  .item-new .page-box .new-item-contents .nav-block .btn-b {
    display: block !important;
  }
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .nav-block .btn-b {
    flex-basis: 100%;
    max-width: 40% !important;
    margin: 6px 0 6px 6px;
  }
}
.item-new .page-box .new-item-contents .nav-block .btn-a,
.item-new .page-box .new-item-contents .nav-block .btn-b {
  font-size: 13px;
}
.item-new .page-box .new-item-contents .nav-block .btn-a i,
.item-new .page-box .new-item-contents .nav-block .btn-b i {
  margin-right: 4px;
}
.item-new .page-box .new-item-contents .nav-block .btn-a i:before,
.item-new .page-box .new-item-contents .nav-block .btn-b i:before {
  margin-left: 0;
}
.item-new .page-box .new-item-contents .nav-block .btn-a:after,
.item-new .page-box .new-item-contents .nav-block .btn-b:after {
  right: 3.5%;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .nav-block .btn-a,
  .item-new .page-box .new-item-contents .nav-block .btn-b {
    display: flex !important;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 14px;
    padding: 6px;
    max-width: inherit;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .nav-block .btn-a,
  .item-new .page-box .new-item-contents .nav-block .btn-b {
    font-size: 12px;
  }
}
.item-new .page-box .new-item-contents .nav-block .sp-menu {
  flex: 0 0 50px;
  background: #26455C;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  padding: 12px 12px 10px;
  line-height: 1;
}
.item-new .page-box .new-item-contents .nav-block .sp-menu span {
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
  margin-bottom: 5px;
}
@media only screen and (max-width: 1080px) {
  .item-new .page-box .new-item-contents .nav-block .sp-menu {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .nav-block .sp-menu {
    display: block;
  }
}
.item-new .page-box .new-item-contents .nav-block .fixed-info {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 257px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .nav-block .fixed-info {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .nav-block .sp-fixed {
    z-index: 999;
    background: var(--base-color04);
  }
}
.item-new .page-box .new-item-contents .main-block {
  flex: 0 0 calc(100% - 257px);
  background: #fff;
  flex: 1;
  overflow: hidden;
}
.item-new .page-box .new-item-contents .main-block.__style02 {
  padding-top: 0px !important;
  overflow: inherit !important;
  position: relative;
}
.item-new .page-box .new-item-contents .main-block.__style02 .main-block-inner {
  padding: 0 90px 32px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block.__style02 .main-block-inner {
    padding: 0px 5% 30px;
  }
}
.item-new .page-box .new-item-contents .main-block .item-img {
  margin-top: -110px;
  position: relative;
  margin-left: auto;
  max-width: 360px;
  margin-right: -32px;
  margin-bottom: 32px;
  z-index: 1;
}
@media only screen and (max-width: 1080px) {
  .item-new .page-box .new-item-contents .main-block .item-img {
    display: block !important;
  }
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .item-img {
    display: none !important;
  }
}
.item-new .page-box .new-item-contents .main-block .item-img.purchase {
  max-width: inherit;
  margin-right: 0;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block p {
    font-size: var(--fs-p);
  }
}
.item-new .page-box .new-item-contents .main-block .main-block-inner {
  padding: 0 60px 32px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .main-block-inner {
    padding: 0px 5% 30px;
  }
}
.item-new .page-box .new-item-contents .main-block .new-item-section {
  padding-bottom: 56px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .new-item-section {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .new-item-section {
    padding-bottom: 24px;
  }
}
.item-new .page-box .new-item-contents .main-block .new-item-section.__lpcourse {
  position: relative;
  padding-top: 100px;
  margin-top: -100px;
}
.item-new .page-box .new-item-contents .main-block .new-item-section > h3 {
  margin: 0 0 1.5em;
  padding-top: 60px;
  margin-top: -60px;
}
.item-new .page-box .new-item-contents .main-block .new-item-section .x-list {
  margin-top: 0;
}
.item-new .page-box .new-item-contents .main-block .text-1 {
  font-size: var(--fs-p);
  font-size: clamp(13px, 2vw, 15px);
  font-weight: bold;
  color: #047AE3;
  padding-bottom: 5px;
  display: inline-block;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .text-1 {
    margin-top: 0;
  }
}
.item-new .page-box .new-item-contents .main-block .text-1:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #047AE3;
  position: absolute;
  left: 0;
  bottom: -2px;
}
.item-new .page-box .new-item-contents .main-block .text-2 {
  display: block;
  font-size: 28px;
  font-size: clamp(20px, 2vw, 28px);
  font-weight: bold;
  line-height: 1.4;
  padding-top: 15px;
  margin-bottom: 1em !important;
  border-top: 2px solid var(--base-color04);
}
.item-new .page-box .new-item-contents .main-block .text-2 .en, .item-new .page-box .new-item-contents .main-block .text-2 .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .text-2 th,
.item-new .page-box .new-item-contents .main-block .text-2 .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .text-2 td {
  font-size: 39px;
  color: #FD850D;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .text-2 .en, .item-new .page-box .new-item-contents .main-block .text-2 .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .text-2 th,
  .item-new .page-box .new-item-contents .main-block .text-2 .content-1 table td,
  .item-new .page-box .new-item-contents .main-block .content-1 table .text-2 td {
    font-size: 22px;
  }
}
.item-new .page-box .new-item-contents .main-block .text-2 .strong {
  color: #FD850D;
}
.item-new .page-box .new-item-contents .main-block .review-block {
  background: var(--base-color04);
  padding: 20px;
  border: none;
  max-width: none;
  max-height: none;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .review-block {
    padding: 10px;
  }
}
.item-new .page-box .new-item-contents .main-block .review-block:after {
  content: none;
}
.item-new .page-box .new-item-contents .main-block .review-block .review-box:first-child {
  margin-top: 0;
}
.item-new .page-box .new-item-contents .main-block .review-block > p {
  margin: 20px 0 0;
}
.item-new .page-box .new-item-contents .main-block .review-box {
  padding: 25px;
  margin-top: 25px;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .review-box {
    padding: 16px;
  }
}
.item-new .page-box .new-item-contents .main-block .review-box .title {
  font-size: 17px;
  font-weight: bold;
  color: #047AE3;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .review-box .title {
    font-size: 16px;
    line-height: 1.4;
  }
}
.item-new .page-box .new-item-contents .main-block .review-box p {
  font-size: var(--fs-p);
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .review-box p {
    font-size: 13px;
  }
}
.item-new .page-box .new-item-contents .main-block .review-box .flex {
  justify-content: space-between;
  align-items: center;
  margin: 10px 0;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .review-box .flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .review-box .flex .review-btn-wrap {
    flex: 0 0 200px;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .review-box .flex .review-btn-wrap {
    flex: 0 0 148px;
  }
}
.item-new .page-box .new-item-contents .main-block .review-box .flex .review-btn {
  background: #26455C;
  border-radius: 30px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 15px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .review-box .flex .review-btn {
    font-size: 10px;
  }
}
.item-new .page-box .new-item-contents .main-block .review-box .flex .user {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .review-box .flex .user {
    flex: 0 0 calc(100% - 200px);
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .review-box .flex .user {
    flex: 0 0 calc(100% - 148px);
  }
}
.item-new .page-box .new-item-contents .main-block .review-box .flex .user .name {
  font-size: 13px;
  font-weight: bold;
  padding-right: 1em;
  margin: 0;
  white-space: pre;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .review-box .flex .user .name {
    font-size: 10px;
    line-height: 1.3;
    padding: 0 0.5em 0 10px;
  }
}
.item-new .page-box .new-item-contents .main-block .review-box .flex .user .img {
  flex: 0 0 86px;
  border-radius: 50px;
  overflow: hidden;
  height: 86px;
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .review-box .flex .user .img {
    flex: 0 0 70px;
    height: 70px;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .review-box .flex .user .img {
    flex: 0 0 50px;
    height: 50px;
  }
}
.item-new .page-box .new-item-contents .main-block .review-box .flex .user .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item-new .page-box .new-item-contents .main-block .review-box .youtube {
  width: 100%;
  padding-top: 56.25%;
  margin: 0;
  display: none;
}
.item-new .page-box .new-item-contents .main-block .review-box .youtube:after {
  content: none;
}
@media only screen and (max-width: 991px) {
  .item-new .fixed-nav-new {
    display: none;
    background: var(--base-color04);
    z-index: 999;
  }
}
.item-new .fixed-nav-new .item-page-nav {
  border-top: 2px solid #000;
  border-bottom: 1px solid #D5DCE2;
  padding: 15px 0;
}
.item-new .fixed-nav-new .item-page-nav .item-page-nav-list {
  margin: 0;
  text-align: left;
}
.item-new .fixed-nav-new .item-page-nav .item-page-nav-list li {
  margin: 0;
  margin-right: -15px;
}
@media only screen and (max-width: 991px) {
  .item-new .fixed-nav-new .item-page-nav .item-page-nav-list li {
    margin-right: 0;
  }
}
.item-new .fixed-nav-new .item-page-nav .item-page-nav-list li a {
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding: 10px 30px 10px 15px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .item-new .fixed-nav-new .item-page-nav .item-page-nav-list li a {
    padding: 5px 10px;
  }
}
.item-new .fixed-nav-new .item-page-nav .item-page-nav-list li a:after {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #26455C;
}
.item-new .fixed-nav-new .item-page-nav .item-page-nav-list li a:hover, .item-new .fixed-nav-new .item-page-nav .item-page-nav-list li a.active {
  background: #fff;
}
.item-new .fixed-nav-new .item-page-nav + .item-page-nav {
  border-top: 1px solid #D5DCE2;
  border-bottom: 2px solid #000;
}

.new-item-cta-block .item-cta-inner {
  padding: 0 50px 16px;
}
@media only screen and (max-width: 991px) {
  .new-item-cta-block .item-cta-inner {
    padding: 0 30px 16px;
  }
}
@media only screen and (max-width: 544px) {
  .new-item-cta-block .item-cta-inner {
    padding: 0 10px 16px;
  }
}
.new-item-cta-block .item-cta-inner .title {
  font-size: 180%;
  color: #047AE3;
  font-weight: bold;
  text-align: center;
  margin: 0 0 10px;
}
@media only screen and (max-width: 991px) {
  .new-item-cta-block .item-cta-inner .title {
    font-size: 140%;
  }
}
.new-item-cta-block .item-cta-inner img {
  margin-left: -16px;
}
.new-item-cta-block .cta-bg {
  background: #2F546F;
  background: linear-gradient(to 45deg, #2F546F, #26455C);
  -webkit-background: linear-gradient(to 45deg, #2F546F, #26455C);
  margin-top: -100px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-top: 90px;
}
.new-item-cta-block .cta-bg p {
  font-size: 16px;
  margin-bottom: 0;
}
.new-item-cta-block .cta-bg .name {
  font-size: 23px;
  line-height: 1;
  margin-bottom: 0;
}
@media only screen and (max-width: 544px) {
  .new-item-cta-block .cta-bg .name {
    font-size: var(--fs-p);
  }
}
.new-item-cta-block .cta-bg .btn-a {
  font-size: 22px;
  background: #FEB91E;
  background: linear-gradient(to right, #FEB91E, #FE741E);
  -webkit-background: linear-gradient(to right, #FEB91E, #FE741E);
  margin: 25px auto 50px;
}
@media only screen and (max-width: 544px) {
  .new-item-cta-block .cta-bg .btn-a {
    font-size: 19px;
  }
}
.new-item-cta-block .cta-bg .btn-a:after {
  color: #fff;
}
.new-item-cta-block .cta-bg .sample-box {
  position: relative;
  background: #fff;
  border: 2px solid #2EB979;
  border-radius: 4px;
  padding: 0 20px;
  text-align: left;
  color: #000;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 544px) {
  .new-item-cta-block .cta-bg .sample-box {
    display: block;
    padding: 0 15px 15px;
  }
}
.new-item-cta-block .cta-bg .sample-box:hover {
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.5);
}
.new-item-cta-block .cta-bg .sample-box:hover .sample-link,
.new-item-cta-block .cta-bg .sample-box:hover .sample-link i {
  color: #047AE3 !important;
}
.new-item-cta-block .cta-bg .sample-box a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.new-item-cta-block .cta-bg .sample-box .img {
  padding: 2rem;
  flex: 0 0 35%;
}
@media only screen and (max-width: 544px) {
  .new-item-cta-block .cta-bg .sample-box .img {
    text-align: center;
    width: 80%;
    margin: -40px auto -24px;
  }
}
.new-item-cta-block .cta-bg .sample-box .text-block {
  flex: 0 0 65%;
  padding-left: 10px;
}
@media only screen and (max-width: 544px) {
  .new-item-cta-block .cta-bg .sample-box .text-block {
    text-align: center;
    padding-left: 0;
  }
}
.new-item-cta-block .cta-bg .sample-box .text-block .sample-text-1 {
  font-size: 13px;
  background: #2EB979;
  color: #fff;
  display: inline-block;
  padding: 0 15px;
}
.new-item-cta-block .cta-bg .sample-box .text-block .sample-text-2 {
  font-size: 17px;
  line-height: 1.4;
  margin-top: 5px;
}
@media only screen and (max-width: 991px) {
  .new-item-cta-block .cta-bg .sample-box .text-block .sample-text-2 {
    font-size: 13px;
  }
}
.new-item-cta-block .cta-bg .sample-box .text-block .sample-text-2 .span-1 {
  font-size: 25px;
}
@media only screen and (max-width: 991px) {
  .new-item-cta-block .cta-bg .sample-box .text-block .sample-text-2 .span-1 {
    font-size: 21px;
  }
}
@media only screen and (max-width: 544px) {
  .new-item-cta-block .cta-bg .sample-box .text-block .sample-text-2 .span-1 {
    font-size: 18px;
  }
}
.new-item-cta-block .cta-bg .sample-box .text-block .sample-text-2 .span-2 {
  color: #2EB979;
}
.new-item-cta-block .cta-bg .sample-box .text-block .sample-text-2 + p {
  font-size: 13px;
  font-weight: normal;
  margin: 0.5em 0;
}
.new-item-cta-block .cta-bg .sample-box .text-block .sample-link {
  text-align: right;
  font-size: 12px;
  transition: all 0.3s ease;
}
.new-item-cta-block .cta-bg .sample-box .text-block .sample-link i {
  color: #26455C;
  transition: all 0.3s ease;
}
.new-item-cta-block .item-cta-inner-2 {
  background: #26455C;
  padding: 50px;
}
@media only screen and (max-width: 991px) {
  .new-item-cta-block .item-cta-inner-2 {
    padding: 30px;
  }
}
@media only screen and (max-width: 544px) {
  .new-item-cta-block .item-cta-inner-2 {
    padding: 30px 15px;
  }
}
.new-item-cta-block .item-cta-inner-2.__denken3 .flex {
  display: block !important;
}
.new-item-cta-block .item-cta-inner-2.__denken3 .flex .link-box {
  flex: 0 0 100%;
}
.new-item-cta-block .item-cta-inner-2.__denken3 .link-box-2 {
  margin: 0 0 16px;
}
.new-item-cta-block .item-cta-inner-2 .flex {
  margin: 0 0 16px;
  justify-content: space-between;
}
.new-item-cta-block .item-cta-inner-2 .flex .link-box {
  flex: 0 0 49%;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .new-item-cta-block .item-cta-inner-2 .flex .link-box {
    margin-bottom: 16px;
  }
}
.new-item-cta-block .item-cta-inner-2 .flex .link-box:after {
  content: "";
  position: absolute;
  right: 15px;
  top: -10px;
}
.new-item-cta-block .item-cta-inner-2 .flex .link-box:last-child ul li:last-child a {
  border: none;
}
.new-item-cta-block .item-cta-inner-2 .flex .link-box-1:after {
  width: 45px;
  height: 49px;
  background: url(../images/new_item/cta_link_1@2x.png);
  background-size: 45px 49px;
}
.new-item-cta-block .item-cta-inner-2 .flex .link-box-2:after {
  width: 98px;
  height: 49px;
  background: url(../images/new_item/cta_link_2@2x.png);
  background-size: 98px 49px;
}
.new-item-cta-block .item-cta-inner-2 .link-box-3 {
  position: relative;
}
.new-item-cta-block .item-cta-inner-2 .link-box-3:after {
  content: "";
  position: absolute;
  right: 15px;
  top: -10px;
  width: 45px;
  height: 49px;
  background: url(../images/new_item/cta_link_3@2x.png);
  background-size: 45px 49px;
}
.new-item-cta-block .item-cta-inner-2 .link-box {
  font-weight: bold;
  background: #fff;
  border-radius: 4px;
}
.new-item-cta-block .item-cta-inner-2 .link-box .title {
  background: var(--base-color04);
  border-radius: 4px 4px 0 0;
  font-size: 13px;
  padding: 0.4em 1em;
}
.new-item-cta-block .item-cta-inner-2 .link-box ul {
  margin: 0;
}
.new-item-cta-block .item-cta-inner-2 .link-box ul li {
  font-size: 13px;
  font-weight: bold;
  margin: 0;
}
.new-item-cta-block .item-cta-inner-2 .link-box ul li a {
  display: block;
  padding: 10px 30px;
  border-bottom: 1px solid var(--base-color04);
  position: relative;
}
@media only screen and (max-width: 544px) {
  .new-item-cta-block .item-cta-inner-2 .link-box ul li a {
    padding: 12px 15px;
    padding-right: 30px;
  }
}
.new-item-cta-block .item-cta-inner-2 .link-box ul li a:after {
  content: "\f138";
  font-family: FontAwesome;
  position: absolute;
  right: 30px;
  top: 50%;
  color: #26455C;
  transform: translateY(-50%);
}
@media only screen and (max-width: 544px) {
  .new-item-cta-block .item-cta-inner-2 .link-box ul li a:after {
    right: 15px;
  }
}
.new-item-cta-block .item-cta-inner-2 .link-box ul li a:hover {
  color: #047AE3;
}
@media only screen and (max-width: 991px) {
  .new-item-cta-block .item-cta-inner-2 .link-box ul li:last-child a:last-child {
    border: none;
  }
}

.cta-block {
  padding: 60px 15px;
  background: url(../images/new_item/bg.png);
}
@media only screen and (max-width: 544px) {
  .cta-block {
    padding: 30px 10px;
    background-size: 700px 125px;
  }
}
.cta-block .flex {
  max-width: 612px;
  margin: 0 auto;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .cta-block .flex {
    display: flex;
    max-width: 100%;
  }
}
@media only screen and (max-width: 666px) {
  .cta-block .flex {
    display: block;
    text-align: center;
  }
}
.cta-block .img {
  flex: 0 0 133px;
}
@media only screen and (max-width: 666px) {
  .cta-block .img {
    width: 133px;
    margin: 0 auto 10px;
  }
}
.cta-block .text-block {
  flex: 0 0 calc(100% - 133px);
  padding-left: 20px;
}
@media only screen and (max-width: 666px) {
  .cta-block .text-block {
    padding-left: 0;
  }
}
.cta-block .text-block p {
  margin: 0;
  font-size: var(--fs-p);
}
@media only screen and (max-width: 544px) {
  .cta-block .text-block p {
    font-size: 13px;
  }
}
.cta-block .text-block .cat-text-1 {
  font-size: 19px;
  font-weight: bold;
}
@media only screen and (max-width: 544px) {
  .cta-block .text-block .cat-text-1 {
    font-size: var(--fs-p);
  }
}
.cta-block .text-block .flex {
  margin-top: 10px;
}
@media only screen and (max-width: 666px) {
  .cta-block .text-block .flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
}
.cta-block .text-block .flex .cta-item {
  flex: 0 0 50%;
  text-align: center;
}
@media only screen and (max-width: 544px) {
  .cta-block .text-block .flex .cta-item {
    line-height: 1.4;
  }
}
.cta-block .text-block .flex .cta-item:last-child {
  padding-left: 5px;
}
.cta-block .text-block .flex .tel {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (max-width: 544px) {
  .cta-block .text-block .flex .tel {
    font-size: 20px;
  }
}
.cta-block .text-block .flex .open-time {
  font-size: 10px;
  line-height: 1.2;
}
.cta-block .text-block .flex .btn, .cta-block .text-block .flex form input[type=submit], form .cta-block .text-block .flex input[type=submit],
.cta-block .text-block .flex form button,
form .cta-block .text-block .flex button {
  font-size: 13px;
  padding: 12px 5px;
  width: 100%;
}
@media only screen and (max-width: 544px) {
  .cta-block .text-block .flex .btn, .cta-block .text-block .flex form input[type=submit], form .cta-block .text-block .flex input[type=submit],
  .cta-block .text-block .flex form button,
  form .cta-block .text-block .flex button {
    font-size: 12px;
  }
}
.cta-block .text-block .flex .btn:after, .cta-block .text-block .flex form input[type=submit]:after, form .cta-block .text-block .flex input[type=submit]:after,
.cta-block .text-block .flex form button:after,
form .cta-block .text-block .flex button:after {
  color: #fff;
}

#sp-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10% 2%;
  background: rgba(38, 69, 92, 0.8);
  z-index: 999;
  overflow-y: scroll;
  display: none;
}
#sp-nav.__lpproduct .sp-nav-block {
  position: absolute;
  left: 1%;
  right: 10%;
  bottom: 1%;
  height: 60vh;
  overflow-y: scroll;
}
#sp-nav .sp-nav-block {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}
#sp-nav .sp-nav-title {
  padding: 1em;
  background: var(--base-color04);
}
#sp-nav .item-page-nav {
  padding: 15px 15px 0;
}
#sp-nav .item-page-nav .item-page-nav-list {
  margin: 0;
  text-align: left;
  border-bottom: 1px solid #D5DCE2;
  padding-bottom: 10px;
}
#sp-nav .item-page-nav .item-page-nav-list li {
  margin: 0;
  margin-right: -15px;
}
@media only screen and (max-width: 991px) {
  #sp-nav .item-page-nav .item-page-nav-list li {
    margin-right: 0;
  }
}
#sp-nav .item-page-nav .item-page-nav-list li a {
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding: 10px 0 10px 25px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  #sp-nav .item-page-nav .item-page-nav-list li a {
    padding: 5px 10px;
  }
}
#sp-nav .item-page-nav .item-page-nav-list li a:after {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #26455C;
}
#sp-nav .item-page-nav .item-page-nav-list li a:hover {
  background: #fff;
}
#sp-nav .item-page-nav + .item-page-nav {
  padding: 0 15px 15px;
}
#sp-nav .item-page-nav + .item-page-nav .item-page-nav-list {
  border-top: 1px solid #D5DCE2;
  border-bottom: 2px solid #000;
  padding-top: 10px;
}
@media only screen and (max-width: 991px) {
  #sp-nav .pc {
    display: block !important;
  }
}
#sp-nav .parts {
  display: none;
}
#sp-nav .btn, #sp-nav form input[type=submit], form #sp-nav input[type=submit],
#sp-nav form button,
form #sp-nav button {
  width: 100%;
  max-width: 100%;
  margin: 20px 0;
}
#sp-nav .btn:after, #sp-nav form input[type=submit]:after, form #sp-nav input[type=submit]:after,
#sp-nav form button:after,
form #sp-nav button:after {
  color: #fff;
}
#sp-nav .btn-a {
  background: #FEB91E;
  background: linear-gradient(to right, #FEB91E, #FE741E);
  -webkit-background: linear-gradient(to right, #FEB91E, #FE741E);
  margin-bottom: 10px;
}
#sp-nav .btn-b {
  background: #2EB979;
  background: linear-gradient(to right, #2EB979, #2EB979);
  -webkit-background: linear-gradient(to right, #2EB979, #2EB979);
  border-bottom: 4px solid #2ca36c;
  margin-top: 10px;
}
#sp-nav .btn-b + img {
  max-width: 180px;
  margin: 0 auto;
}
#sp-nav .cta-block {
  padding: 0;
  margin-top: 100px;
}
#sp-nav .cta-block .flex {
  padding: 0 15px 30px;
  background: var(--base-color04);
}
#sp-nav .cta-block .flex img {
  margin-top: -66px;
}
#sp-nav .cta-block .flex .flex {
  padding: 0;
}
#sp-nav .close {
  display: inline-block;
  width: 25px;
  height: 15px;
  position: relative;
  cursor: pointer;
  float: right;
  top: 4px;
  right: -2px;
}
#sp-nav .close span:before, #sp-nav .close span:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 16%;
  margin: -8% 0 0 -42%;
  background: black;
}
#sp-nav .close span:before {
  transform: rotate(-45deg);
}
#sp-nav .close span:after {
  transform: rotate(45deg);
}

.purchase-cta .cta-bg {
  padding: 50px;
  margin-top: 0;
}
@media only screen and (max-width: 991px) {
  .purchase-cta .cta-bg {
    padding: 25px 30px;
  }
}
@media only screen and (max-width: 544px) {
  .purchase-cta .cta-bg {
    padding: 25px 10px;
  }
}

.item-new .page-content .kyozai {
  /*教材テーブルのオプション*/
}
.item-new .page-content .kyozai.__small {
  font-size: 1.2rem !important;
  line-height: 1.5;
}
@media only screen and (max-width: 991px) {
  .item-new .page-content .kyozai.__small {
    font-size: 1rem !important;
  }
}
.item-new .page-content .kyozai.__small th,
.item-new .page-content .kyozai.__small td {
  padding: 8px 6px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-content .kyozai.__small {
    padding: 8px 4px;
  }
}
.item-new .page-content .kyozai .__title {
  min-width: 90px;
}
.item-new .page-content .kyozai th,
.item-new .page-content .kyozai td {
  padding: 11px 15px;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .item-new .page-content .kyozai th,
  .item-new .page-content .kyozai td {
    padding: 10px;
    font-size: 10px;
  }
}
.item-new .page-content .kyozai th {
  background: #26455C;
  color: #fff;
  vertical-align: middle;
  line-height: 1.6;
}
.item-new .page-content .kyozai th:last-child {
  background: #1F5B83;
  position: relative;
}
.item-new .page-content .kyozai .kyozai-price-column {
  color: #000;
  background: none;
  -webkit-text-fill-color: #000;
}
.item-new .page-content .kyozai .flaticon-devices,
.item-new .page-content .kyozai .flaticon-cd {
  display: inline-block;
  margin-left: 14px;
}
.item-new .page-content .kyozai .flaticon-devices:before,
.item-new .page-content .kyozai .flaticon-cd:before {
  margin: 0;
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
}
.item-new .page-content .kyozai .flaticon-devices + .flaticon-cd,
.item-new .page-content .kyozai .flaticon-cd + .flaticon-cd {
  margin-left: 0;
}
@media only screen and (max-width: 991px) {
  .item-new .page-content .table-wrap {
    margin: 0 -10px;
  }
}
.item-new .slide-down {
  margin: 1.5em 0;
}
.item-new .slide-down > dt {
  padding: 1em;
  position: relative;
  border-radius: 0;
  font-weight: bold;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .item-new .slide-down > dt {
    font-size: 13px;
  }
}
.item-new .slide-down > dt:after {
  content: "\f13a";
  font-family: FontAwesome;
  color: #1F5B83;
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
}
.item-new .slide-down .up:after {
  content: "\f139";
}
.item-new .slide-down > dd {
  background: var(--base-color04);
  padding: 20px;
}
@media only screen and (max-width: 991px) {
  .item-new .slide-down > dd {
    padding: 10px;
  }
}
.item-new .slide-down > dd .text-box {
  height: 200px;
  overflow-y: scroll;
  margin-bottom: 20px;
}
.item-new .slide-down > dd h4 {
  background: #26455C;
  border-radius: 4px 4px 0 0;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  padding: 0.5em;
}
.item-new .slide-down > dd h4 .flaticon-cd {
  display: inline;
}
.item-new .slide-down > dd h4 .flaticon-cd:before {
  font-size: 13px;
}
.item-new .slide-down > dd table {
  margin: 0 !important;
  font-size: 13px;
  width: 100%;
}
.item-new .slide-down > dd table tr {
  border-bottom: 1px solid var(--base-color04);
}
.item-new .slide-down > dd table th {
  background: #fff;
  text-align: left;
  width: 30%;
}
.item-new .slide-down > dd table td {
  background: #fff;
  font-size: 11px;
}
.item-new .slide-down.__type02 > dd {
  padding: 32px 40px;
}
@media only screen and (max-width: 544px) {
  .item-new .slide-down.__type02 > dd {
    padding: 16px 24px;
  }
}
.item-new .price-block {
  margin-top: 0;
  align-items: center;
}
.item-new .price-items.center {
  margin-top: 1.5rem;
  text-align: center;
}
.item-new .new-item-section > img,
.item-new .new-item-section .img {
  margin: 1.5em 0;
}
.item-new .new-item-section > p {
  margin-bottom: 1.5em !important;
}
.item-new .new-item-section > p a {
  color: #047AE3;
  text-decoration: underline;
}
.item-new .new-item-section > p a:hover {
  text-decoration: none;
}
.item-new [class*=step-] {
  background: var(--base-color04);
  margin-bottom: 1px;
  padding: 20px 30px;
  font-weight: bold;
}
@media only screen and (max-width: 544px) {
  .item-new [class*=step-] {
    padding: 10px 15px;
  }
}
.item-new [class*=step-] .text-block {
  margin-right: 16px;
  min-width: 128px;
  font-size: 11px;
  line-height: 1.6;
}
.item-new [class*=step-] .en, .item-new [class*=step-] .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table [class*=step-] th,
.item-new [class*=step-] .page-box .new-item-contents .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table [class*=step-] td {
  font-size: 13px;
  color: #047AE3;
}
.item-new [class*=step-] .parts {
  font-size: 13px;
  width: 100%;
}
.item-new [class*=step-] .parts p {
  margin: 0 !important;
  font-weight: normal;
}
.item-new [class*=step-] .select.select-style {
  width: 90%;
}
.item-new [class*=step-] .form-check input[type=radio] {
  display: none;
}
.item-new [class*=step-] .form-check input[type=radio]:checked + .form-check-label {
  background: #26455C;
  color: #fff;
}
.item-new [class*=step-] .form-check:last-child .form-check-label i {
  left: 10px;
}
.item-new [class*=step-] .form-check .form-check-label {
  padding: 1.5rem 10px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4;
  border-radius: 2px;
  background: #fff;
  cursor: pointer;
  border: 1px solid #efefef;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.item-new [class*=step-] .form-check .form-check-label i {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.item-new [class*=step-] .form-check .form-check-label i:before {
  margin-left: 0;
  font-weight: normal;
}
.item-new [class*=step-] .form-check .form-check-label i + .flaticon-cd {
  left: 35px;
}
.item-new .step-2 .form-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.item-new .step-2 .form-group .form-check {
  width: 100%;
}
.item-new .step-2 .form-group .form-check.__widthMax {
  flex-basis: 100% !important;
}
@media only screen and (max-width: 544px) {
  .item-new .step-2 .form-group {
    flex-wrap: wrap;
  }
  .item-new .step-2 .form-group .form-check {
    flex-basis: 49%;
    margin-bottom: 0.5rem;
  }
}
.item-new .step-2 .form-group.__2-sp1 {
  flex-wrap: wrap;
}
.item-new .step-2 .form-group.__2-sp1 .form-check {
  flex-basis: 50%;
}
@media only screen and (max-width: 400px) {
  .item-new .step-2 .form-group.__2-sp1 .form-check {
    flex-basis: 100%;
  }
}
.item-new .step-3 .form-check .form-check-label {
  margin-bottom: 10px;
  padding: 10px;
}
@media only screen and (max-width: 991px) {
  .item-new .step-2 .parts,
  .item-new .step-3 .parts {
    margin-top: 10px;
  }
}
.item-new .btn-block {
  justify-content: center;
}
.item-new .btn-block .mitumori-btn + form {
  width: calc(100% - 84px);
}
.item-new .btn-block + .att-list {
  margin-bottom: 30px !important;
}
.item-new .item-faq {
  background: var(--base-color04);
  padding: 20px;
}
@media only screen and (max-width: 991px) {
  .item-new .item-faq {
    padding: 10px;
  }
}
.item-new .item-faq .slide-down {
  margin: 20px 0 0;
}
.item-new .item-faq .slide-down:first-child {
  margin-top: 0;
}
.item-new .item-faq .slide-down dt {
  box-shadow: none;
  padding: 1em;
  position: relative;
  border-radius: 0;
  font-weight: bold;
  padding-left: 45px;
  margin-top: 0;
}
@media only screen and (max-width: 991px) {
  .item-new .item-faq .slide-down dt {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.item-new .item-faq .slide-down dt:after {
  content: "\f13a";
  font-family: FontAwesome;
  color: #26455C;
  position: absolute;
  right: 1em;
}
.item-new .item-faq .slide-down dt:before {
  content: "Q";
}
.item-new .item-faq .slide-down .up:after {
  content: "\f139";
}
.item-new .item-faq .slide-down dd {
  border-top: 1px solid var(--base-color04);
  background: #fff;
  padding: 20px;
  padding-left: 45px;
}
.item-new .item-faq .slide-down dd:before {
  content: "A";
}
@media only screen and (max-width: 991px) {
  .item-new .item-faq .slide-down dd {
    padding: 10px;
    font-size: 13px;
  }
}
.item-new .item-faq .slide-down dd .answer {
  font-weight: bold;
  margin-bottom: 1em;
}
@media only screen and (max-width: 991px) {
  .item-new .item-faq .slide-down dd .answer {
    padding-left: 20px;
  }
}
.item-new .item-faq .slide-down dt,
.item-new .item-faq .slide-down dd {
  position: relative;
}
.item-new .item-faq .slide-down dt:before,
.item-new .item-faq .slide-down dd:before {
  font-family: "Roboto", sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #047AE3;
  position: absolute;
  left: 20px;
  top: 14px;
}
@media only screen and (max-width: 991px) {
  .item-new .item-faq .slide-down dt:before,
  .item-new .item-faq .slide-down dd:before {
    left: 10px;
    top: 8px;
  }
}
.item-new .item-faq .slide-down dd:before {
  top: 19px;
}
@media only screen and (max-width: 991px) {
  .item-new .item-faq .slide-down dd:before {
    top: 5px;
  }
}

.item-new .page-box .new-item-contents .main-block .lecturer {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .lecturer {
    flex-wrap: wrap;
  }
}
.item-new .page-box .new-item-contents .main-block .lecturer .img-block {
  flex: 0 0 164px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .lecturer .img-block {
    flex-basis: 100%;
    margin-bottom: 3%;
    text-align: center;
  }
  .item-new .page-box .new-item-contents .main-block .lecturer .img-block img {
    object-fit: cover;
    max-height: 240px;
  }
}
.item-new .page-box .new-item-contents .main-block .lecturer .text-block {
  flex: 0 0 calc(100% - 188px);
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .lecturer .text-block {
    flex-basis: 100%;
  }
}
.item-new .page-box .new-item-contents .main-block .lecturer .text-block .text {
  font-size: 13px;
  font-weight: bold;
  color: #047AE3;
  margin-bottom: 0;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .lecturer .text-block .text {
    letter-spacing: 0;
    font-size: 10px;
  }
}
.item-new .page-box .new-item-contents .main-block .lecturer .text-block .name {
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .lecturer .text-block .name {
    letter-spacing: 1px;
    font-size: var(--fs-p);
  }
}
.item-new .page-box .new-item-contents .main-block .lecturer .text-block p {
  margin-bottom: 1.5em;
}
.item-new .page-box .new-item-contents .main-block .lecturer .img {
  margin: 20px auto;
}
.item-new .page-box .new-item-contents .main-block .row-title {
  background: #26455C;
  border-radius: 4px;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  padding: 0.5em 1em;
  margin: 40px 0 30px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .row-title {
    font-size: 19px;
    margin: 30px 0 20px;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .row-title {
    font-size: 17px;
  }
}
.item-new .page-box .new-item-contents .main-block .youtube {
  width: 100%;
  padding-top: 56.25%;
  margin: 0;
}
.item-new .page-box .new-item-contents .main-block .color-3 {
  color: #2EB979;
  font-weight: bold;
}
.item-new .page-box .new-item-contents .main-block .x-list li {
  font-weight: bold;
  padding-left: 22px;
  position: relative;
}
.item-new .page-box .new-item-contents .main-block .x-list li:before {
  content: "\f00d";
  font-family: FontAwesome;
  color: #FF7979;
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 18px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .x-list li:before {
    top: -6px;
  }
}
.item-new .page-box .new-item-contents .main-block .list li {
  font-weight: bold;
}
.item-new .page-box .new-item-contents .main-block .list li:before {
  width: 10px;
  height: 10px;
  top: 3px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .list li:before {
    top: -1px;
  }
}
.item-new .page-box .new-item-contents .main-block .list li:after {
  content: "";
  width: 4px;
  height: 4px;
  background: #fff;
  border-radius: 2px;
  position: absolute;
  left: 3px;
  top: 14px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .list li:after {
    top: 10px;
  }
}
.item-new .page-box .new-item-contents .main-block .guarantee {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .guarantee {
    margin-top: 0px;
    flex-wrap: wrap;
  }
}
.item-new .page-box .new-item-contents .main-block .guarantee .img-block {
  flex: 0 0 160px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .guarantee .img-block {
    flex: 0 0 50%;
    margin: 0 auto 15px;
  }
}
.item-new .page-box .new-item-contents .main-block .guarantee .text-block {
  flex: 0 0 calc(100% - 190px);
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .guarantee .text-block {
    flex: 0 0 100%;
  }
}
.item-new .page-box .new-item-contents .main-block .guarantee .text-block .title {
  font-size: 17px;
  font-weight: bold;
  color: #047AE3;
  margin-bottom: 10px;
}
.item-new .page-box .new-item-contents .main-block .guarantee .text-block .title span {
  font-size: 13px;
  background: #26455C;
  color: #fff;
  display: inline-block;
  margin-right: 20px;
  padding: 0 5px 0 9px;
  position: relative;
  top: -2px;
  border-radius: 2px 0 0 2px;
}
.item-new .page-box .new-item-contents .main-block .guarantee .text-block .title span:after {
  content: "";
  border: 13px solid transparent;
  border-left: 7px solid #26455C;
  position: absolute;
  right: -20px;
  top: 0;
}
.item-new .page-box .new-item-contents .main-block .guaranteeBox {
  padding-top: 32px;
  margin-top: 40px;
  margin-bottom: 32px;
  border-top: 2px solid #26455C;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .guaranteeBox {
    margin-top: 32px;
  }
}
.item-new .page-box .new-item-contents .main-block .guaranteeBox.__noborder {
  border: none;
  padding-top: 0;
}
.item-new .page-box .new-item-contents .main-block .guaranteeBox .title {
  font-size: 16px;
  font-size: clamp(16px, 2vw, 21px);
  font-weight: bold;
  color: #26455C;
  margin-bottom: -32px;
  display: flex;
  align-items: baseline;
  line-height: 1.5;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .guaranteeBox .title {
    margin-bottom: 6px;
  }
}
.item-new .page-box .new-item-contents .main-block .guaranteeBox .title span {
  font-size: 13px;
  background: #26455C;
  color: #fff;
  display: inline-block;
  margin-right: 20px;
  padding: 0 5px 0 9px;
  position: relative;
  top: -2px;
  border-radius: 2px 0 0 2px;
  white-space: pre;
  line-height: 2;
}
.item-new .page-box .new-item-contents .main-block .guaranteeBox .title span:after {
  content: "";
  border: 13px solid transparent;
  border-left: 7px solid #26455C;
  position: absolute;
  right: -20px;
  top: 0;
}
.item-new .page-box .new-item-contents .main-block .guaranteeBox .title span.__orange {
  background: #FF9A24;
}
.item-new .page-box .new-item-contents .main-block .guaranteeBox .title span.__orange:after {
  border-left: 7px solid #FF9A24;
}
.item-new .page-box .new-item-contents .main-block .guaranteeBox ol, .item-new .page-box .new-item-contents .main-block .guaranteeBox p {
  margin-bottom: 1rem !important;
}
.item-new .page-box .new-item-contents .main-block .guarantee .att {
  color: #B40000;
  margin-top: 1em;
}
.item-new .page-box .new-item-contents .main-block .ol {
  margin: 2em 0;
}
.item-new .page-box .new-item-contents .main-block .ol li {
  padding-left: 25px;
  position: relative;
  margin: 5px 0;
}
.item-new .page-box .new-item-contents .main-block .ol li:before {
  position: absolute;
  left: 7px;
  top: -3px;
  margin-top: 8px;
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  z-index: 10;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .ol li:before {
    top: -6px;
  }
}
.item-new .page-box .new-item-contents .main-block .ol li:after {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #047AE3;
  position: absolute;
  left: 0;
  top: 6px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .ol li:after {
    top: 3px;
  }
}
.item-new .page-box .new-item-contents .main-block .ol li:nth-child(1):before {
  content: "1";
}
.item-new .page-box .new-item-contents .main-block .ol li:nth-child(2):before {
  content: "2";
}
.item-new .page-box .new-item-contents .main-block .ol li:nth-child(3):before {
  content: "3";
}
.item-new .page-box .new-item-contents .main-block .ol li:nth-child(4):before {
  content: "4";
}
.item-new .page-box .new-item-contents .main-block .ol li:nth-child(5):before {
  content: "5";
}
.item-new .page-box .new-item-contents .main-block .ol li:nth-child(6):before {
  content: "6";
}
.item-new .page-box .new-item-contents .main-block .ol li:nth-child(7):before {
  content: "7";
}
.item-new .page-box .new-item-contents .main-block .ol li:nth-child(8):before {
  content: "8";
}
.item-new .page-box .new-item-contents .main-block .ol li:nth-child(9):before {
  content: "9";
}
.item-new .page-box .new-item-contents .main-block .ol li:nth-child(10):before {
  content: "10";
}
.item-new .page-box .new-item-contents .main-block .review-link-box {
  position: relative;
  padding: 40px 30px 20px;
  margin-top: 60px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .review-link-box {
    padding: 40px 32px 20px;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .review-link-box {
    padding: 0px 0px 0;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .review-link-box .text {
    margin: 0px 0 0px;
  }
}
.item-new .page-box .new-item-contents .main-block .review-link-box .parts {
  position: absolute;
  top: -16px;
  display: inline-block;
  background: #26455C;
  color: #fff;
  font-size: var(--fs-p);
  font-weight: bold;
  padding: 5px 15px;
  margin: 0;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .review-link-box .parts {
    position: relative;
    top: 0;
    font-size: 13px;
    padding: 0 10px;
    display: block;
    width: 100%;
    text-align: center;
  }
}
.item-new .page-box .new-item-contents .main-block .review-link-box .flex {
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .review-link-box .flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .review-link-box .flex {
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .review-link-box .flex .text-block {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .review-link-box .flex .text-block {
    padding: 0 24px;
  }
}
.item-new .page-box .new-item-contents .main-block .review-link-box .flex .text-block .title {
  font-size: 21px;
  font-weight: bold;
  color: #047AE3;
  line-height: 1.4;
  margin-bottom: 10px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .review-link-box .flex .text-block .title {
    font-size: 16px;
  }
}
.item-new .page-box .new-item-contents .main-block .review-link-box .flex .text-block p {
  margin-bottom: 1rem;
}
.item-new .page-box .new-item-contents .main-block .review-link-box .flex .img-block,
.item-new .page-box .new-item-contents .main-block .review-link-box .flex .img-block img {
  width: 113px;
  min-width: 113px;
  height: 113px;
  object-fit: cover;
  margin-left: 16px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .review-link-box .flex .img-block {
    width: 100%;
    height: 100%;
    text-align: center;
    max-height: 120px;
    margin-bottom: 2rem;
    margin-left: 0px;
  }
  .item-new .page-box .new-item-contents .main-block .review-link-box .flex .img-block img {
    width: 100%;
    height: 100%;
    max-height: 120px;
    margin-left: 0px;
  }
}
.item-new .page-box .new-item-contents .main-block .review-link-box .flex .img-block.material,
.item-new .page-box .new-item-contents .main-block .review-link-box .flex .img-block.material img {
  object-fit: contain;
  max-width: 240px;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .review-link-box .flex .img-block.material,
  .item-new .page-box .new-item-contents .main-block .review-link-box .flex .img-block.material img {
    margin: 12px auto 0;
    max-height: inherit;
  }
}
.item-new .page-box .new-item-contents .main-block .review-link {
  background: var(--base-color04);
  padding: 15px 32px;
  font-size: 13px;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .review-link {
    padding: 10px 32px;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .review-link {
    padding: 10px 14px;
    font-size: 11px;
  }
}
.item-new .page-box .new-item-contents .main-block .review-link a:hover {
  color: #047AE3;
}
.item-new .page-box .new-item-contents .main-block .review-link a:after {
  content: "\f138";
  font-family: FontAwesome;
  color: #26455C;
  padding-left: 5px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .review-link a {
    font-size: 11px !important;
  }
}
.item-new .page-box .new-item-contents .main-block .box {
  position: relative;
  border: 2px solid var(--base-color04);
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .box {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .box {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block ul li,
  .item-new .page-box .new-item-contents .main-block ol li {
    font-size: 13px;
  }
}
.item-new .page-box .new-item-contents .main-block .youtube:after {
  content: none;
}
.item-new .page-box .new-item-contents .main-block .link-r {
  text-align: right;
  font-size: 12px;
}
.item-new .page-box .new-item-contents .main-block .link-r a {
  color: #047AE3;
  text-decoration: underline;
}
.item-new .page-box .new-item-contents .main-block .link-r a:hover {
  text-decoration: none;
}
.item-new .page-box .new-item-contents .main-block .att-box {
  margin-bottom: 2em;
}
.item-new .page-box .new-item-contents .main-block .att-box dt {
  background: var(--base-color04);
  font-size: var(--fs-p);
  font-weight: bold;
  padding: 10px 30px;
  position: relative;
}
.item-new .page-box .new-item-contents .main-block .att-box dt.__white {
  background: #fff !important;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .att-box dt {
    padding: 5px 10px;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .att-box dt {
    font-size: 13px;
  }
}
.item-new .page-box .new-item-contents .main-block .att-box dt:before {
  content: "";
  width: 28px;
  height: 2px;
  background: #047AE3;
  position: absolute;
  left: -14px;
  top: 48%;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .att-box dt:before {
    left: -24px;
  }
}
.item-new .page-box .new-item-contents .main-block .att-box dd {
  padding: 16px 32px;
}
.item-new .page-box .new-item-contents .main-block .att-box dd.__white {
  background: #fff !important;
}
.item-new .page-box .new-item-contents .main-block .att-box dd.__open {
  display: block !important;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .att-box dd {
    padding: 16px;
  }
}
.item-new .page-box .new-item-contents .main-block .att-box dd p {
  margin-bottom: 1rem;
}
.item-new .page-box .new-item-contents .main-block .att-box dd p:last-child {
  margin-bottom: 0;
}
.item-new .page-box .new-item-contents .main-block .att-box a {
  color: #047AE3;
  text-decoration: underline;
}
.item-new .page-box .new-item-contents .main-block .att-box a:hover {
  text-decoration: none;
}
.item-new .page-box .new-item-contents .main-block .att-box img {
  margin: 1em 0;
}
.item-new .page-box .new-item-contents .main-block .att-box .link-text {
  margin-bottom: 2em;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .att-box ul.list {
    margin: 0.5em 0;
  }
}
.item-new .page-box .new-item-contents .main-block .att-box ul.list li {
  font-size: 13px;
  font-weight: normal;
}
.item-new .page-box .new-item-contents .main-block .color-4 {
  color: #B92E2D;
  font-weight: bold;
}
.item-new .page-box .new-item-contents .main-block .link-btn {
  display: table;
  margin: 0em auto 1em;
}
.item-new .page-box .new-item-contents .main-block .link-btn a {
  background: var(--base-color04);
  border-radius: 4px;
  box-shadow: 0 3px 3px #E5E9EB;
  padding: 5px 30px;
  font-size: var(--fs-p);
  font-weight: bold;
  display: block;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .link-btn a {
    padding: 5px 16px;
  }
}
.item-new .page-box .new-item-contents .main-block .link-btn a:hover {
  opacity: 0.85;
}
.item-new .page-box .new-item-contents .main-block .link-btn a.__white {
  background: #fff;
}
.item-new .page-box .new-item-contents .main-block .link-btn a.__basic01 {
  background: #26455C;
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .link-btn a {
    font-size: 13px;
  }
}
.item-new .page-box .new-item-contents .main-block .link-btn .pdf:before {
  content: "\f1c1";
  font-family: FontAwesome;
  padding-right: 5px;
}
.item-new .page-box .new-item-contents .main-block .link-btn .review:before {
  content: "\f0e6";
  font-family: FontAwesome;
  padding-right: 5px;
}
.item-new .page-box .new-item-contents .main-block .link-btn .line:before {
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  background-image: url(https://www.sat-co.info/wp-content/themes/sat/images/lp/line/icon_line.png);
  display: inline-block;
  vertical-align: sub;
  margin-right: 6px;
}
.item-new .page-box .new-item-contents .main-block .pass-rate {
  padding: 40px 30px 20px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .pass-rate {
    padding: 16px;
  }
}
.item-new .page-box .new-item-contents .main-block .pass-rate .text {
  position: absolute;
  top: -16px;
  display: inline-block;
  background: #26455C;
  color: #fff;
  font-size: var(--fs-p);
  font-weight: bold;
  padding: 5px 15px;
  margin: 0;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .pass-rate .text {
    font-size: 13px;
    text-align: center;
  }
}
.item-new .page-box .new-item-contents .main-block .pass-rate .text .parts {
  margin-bottom: 0;
}
.item-new .page-box .new-item-contents .main-block .pass-rate .flex {
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .pass-rate .flex {
    flex-wrap: wrap;
  }
}
.item-new .page-box .new-item-contents .main-block .pass-rate .flex .img-block {
  flex: 0 0 161.5px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .pass-rate .flex .img-block {
    max-width: 60%;
    flex: 0 0 60%;
    margin: 20px auto;
    text-align: center;
  }
}
.item-new .page-box .new-item-contents .main-block .pass-rate .flex .text-block {
  flex: 0 0 calc(100% - 180px);
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .pass-rate .flex .text-block {
    flex: 0 0 100%;
  }
}
.item-new .page-box .new-item-contents .main-block .pass-rate .flex-1 {
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .pass-rate .flex-1 {
    display: flex;
    justify-content: space-between;
  }
}
.item-new .page-box .new-item-contents .main-block .pass-rate .flex-1 p {
  font-size: var(--fs-p);
  font-weight: bold;
  margin: 0;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .pass-rate .flex-1 p {
    font-size: 13px;
    line-height: 1.5;
  }
}
.item-new .page-box .new-item-contents .main-block .pass-rate .flex-1 .pass {
  color: #047AE3;
  background: -webkit-linear-gradient(15deg, #1789EB, #7DC3FE, #1789EB);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 80px;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .pass-rate .flex-1 .pass {
    font-size: 52px;
    letter-spacing: 0px;
  }
}
.item-new .page-box .new-item-contents .main-block .pass-rate .flex-1 .pass .small {
  font-size: 30px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .pass-rate .flex-1 .pass .small {
    font-size: 18px;
  }
}
.item-new .page-box .new-item-contents .main-block .pass-rate .flex-2 {
  margin-top: 20px;
  background: var(--base-color04);
  padding: 10px 20px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .pass-rate .flex-2 {
    display: flex;
    justify-content: space-between;
  }
}
.item-new .page-box .new-item-contents .main-block .pass-rate .flex-2 dt {
  font-size: 14px;
  font-weight: bold;
}
.item-new .page-box .new-item-contents .main-block .pass-rate .flex-2 dd {
  font-size: 29px;
  font-weight: bold;
  line-height: 1;
}
.item-new .page-box .new-item-contents .main-block .pass-rate .flex-2 dd .small {
  font-size: 16px;
}
.item-new .page-box .new-item-contents .main-block .pass-rate table {
  width: 100%;
  margin-bottom: 0;
}
.item-new .page-box .new-item-contents .main-block .pass-rate table th,
.item-new .page-box .new-item-contents .main-block .pass-rate table td {
  padding: 10px;
  text-align: center;
  font-size: 12px;
  line-height: 1.4;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .pass-rate table th,
  .item-new .page-box .new-item-contents .main-block .pass-rate table td {
    padding: 10px 5px;
  }
}
.item-new .page-box .new-item-contents .main-block .pass-rate table th {
  background: none;
  border-bottom: 2px solid #26455C;
  vertical-align: middle;
}
.item-new .page-box .new-item-contents .main-block .pass-rate table td {
  border-top: 1px solid var(--base-color04);
}
.item-new .page-box .new-item-contents .main-block .pass-rate table td:nth-child(3) .en, .item-new .page-box .new-item-contents .main-block .pass-rate .content-1 table td:nth-child(3) th, .item-new .page-box .new-item-contents .main-block .content-1 .pass-rate table td:nth-child(3) th,
.item-new .page-box .new-item-contents .main-block .pass-rate .content-1 table td:nth-child(3) td,
.item-new .page-box .new-item-contents .main-block .content-1 .pass-rate table td:nth-child(3) td {
  color: #047AE3;
}
.item-new .page-box .new-item-contents .main-block .pass-rate table td:last-child .en, .item-new .page-box .new-item-contents .main-block .pass-rate .content-1 table td:last-child th, .item-new .page-box .new-item-contents .main-block .content-1 .pass-rate table td:last-child th,
.item-new .page-box .new-item-contents .main-block .pass-rate .content-1 table td:last-child td,
.item-new .page-box .new-item-contents .main-block .content-1 .pass-rate table td:last-child td {
  color: #26455C;
}
.item-new .page-box .new-item-contents .main-block .pass-rate table .en, .item-new .page-box .new-item-contents .main-block .pass-rate .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 .pass-rate table th,
.item-new .page-box .new-item-contents .main-block .pass-rate .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 .pass-rate table td {
  font-size: 18px;
  font-weight: bold;
}
.item-new .page-box .new-item-contents .main-block .pass-rate + p {
  text-align: right;
  font-size: 10px;
  margin-bottom: 0 !important;
}
.item-new .page-box .new-item-contents .main-block .pass-rate + p a {
  color: #000;
  text-decoration: none;
}
.item-new .page-box .new-item-contents .main-block .pass-rate + p a:hover {
  text-decoration: underline;
}
.item-new .page-box .new-item-contents .main-block .link-box-article a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 4px;
  position: relative;
}
.item-new .page-box .new-item-contents .main-block .link-box-article a:after {
  content: "\f138";
  font-family: FontAwesome;
  color: #26455C;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .link-box-article a:after {
    right: 16px;
  }
}
.item-new .page-box .new-item-contents .main-block .link-box-article a:hover {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}
.item-new .page-box .new-item-contents .main-block .link-box-article a:hover:after {
  color: #047AE3;
  right: 16px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .link-box-article a:hover:after {
    right: 12px;
  }
}
.item-new .page-box .new-item-contents .main-block .link-box-article .img-block {
  flex: 0 0 77px;
  margin-right: 20px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .link-box-article .img-block {
    margin-right: 10px;
  }
}
.item-new .page-box .new-item-contents .main-block .link-box-article .img-block img {
  border-radius: 4px;
  object-fit: cover;
  width: 77px;
  height: 77px;
}
.item-new .page-box .new-item-contents .main-block .link-box-article .text-block {
  font-size: var(--fs-p);
  font-weight: bold;
  padding-right: 24px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .link-box-article .text-block {
    font-size: 13px;
    line-height: 1.4;
  }
}
.item-new .page-box .new-item-contents .main-block .link-box-article .text-block p {
  margin: 0;
}
.item-new .page-box .new-item-contents .main-block .top-review-link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .top-review-link {
    flex-wrap: wrap;
  }
}
.item-new .page-box .new-item-contents .main-block .top-review-link a {
  flex: 33.3%;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .top-review-link a {
    flex: 0 0 50%;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .top-review-link a {
    font-size: 11px;
    text-align: center;
  }
}
.item-new .page-box .new-item-contents .main-block .top-block-1 {
  margin: 60px -60px 32px;
  background: url(../images/new_item/top_bg_1@2x.jpg) center;
  background-size: cover;
  padding: 60px 60px 100px;
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .top-block-1 {
    margin: 40px -5% 32px;
    padding: 48px 24px;
    background: url(../images/new_item/top_bg_1_sp@2x.jpg) center no-repeat;
    background-size: cover;
  }
}
.item-new .page-box .new-item-contents .main-block .top-block-1 p {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .top-block-1 p {
    font-size: 13px;
    margin-bottom: 0;
  }
}
.item-new .page-box .new-item-contents .main-block .top-block-1 p .big {
  font-size: 200%;
}
.item-new .page-box .new-item-contents .main-block .top-block-1 p .line {
  background: linear-gradient(transparent 90%, #feb91e 90%);
}
.item-new .page-box .new-item-contents .main-block .top-block-1 .x-list {
  margin-top: 1rem;
}
.item-new .page-box .new-item-contents .main-block .top-block-1 .x-list li {
  margin: 0;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .top-block-1 .x-list li {
    letter-spacing: 0;
    font-size: 12px;
  }
}
.item-new .page-box .new-item-contents .main-block .top-block-2 {
  text-align: center;
  padding-bottom: 48px;
  background: url(../images/new_item/top_bg_2@2x.png) no-repeat center 105%;
  background-size: 748px 172px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .top-block-2 {
    background-size: contain;
  }
}
.item-new .page-box .new-item-contents .main-block .top-block-2 p {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.4;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .top-block-2 p {
    font-size: 13px;
  }
}
.item-new .page-box .new-item-contents .main-block .top-block-2 p .big {
  font-size: 200%;
}
.item-new .page-box .new-item-contents .main-block .top-block-2 .flex {
  margin-top: 30px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .top-block-2 .flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
}
.item-new .page-box .new-item-contents .main-block .top-block-2 .flex .parts {
  flex: 0 0 33.3%;
  padding: 0 15px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .top-block-2 .flex .parts {
    padding: 0 5px;
  }
}
.item-new .page-box .new-item-contents .main-block .top-block-2 .flex .parts .img-wrap {
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .top-block-2 .flex .parts .img-wrap {
    margin-bottom: 10px;
  }
}
.item-new .page-box .new-item-contents .main-block .top-block-2 .flex .parts .img-wrap:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(38, 69, 92, 0.26);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.item-new .page-box .new-item-contents .main-block .top-block-2 .flex .parts .img-wrap p {
  font-size: 51px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .top-block-2 .flex .parts .img-wrap p {
    font-size: 30px;
  }
}
.item-new .page-box .new-item-contents .main-block .top-block-2 .flex .parts p {
  font-size: 13px;
  font-weight: normal;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .top-block-2 .flex .parts p {
    font-size: 10px;
  }
}
.item-new .page-box .new-item-contents .main-block .top-block-2 .flex .parts p .big {
  font-size: 17px;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .top-block-2 .flex .parts p .big {
    font-size: 13px;
  }
}
.item-new .page-box .new-item-contents .main-block .top-block-3 {
  text-align: center;
  margin-top: 30px;
}
.item-new .page-box .new-item-contents .main-block .top-block-3 p {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .top-block-3 p {
    font-size: 13px;
    margin-bottom: 1rem;
  }
}
.item-new .page-box .new-item-contents .main-block .top-block-3 p .big {
  font-size: 200%;
  background: -webkit-linear-gradient(15deg, #1789EB, #7DC3FE, #1789EB);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.item-new .page-box .new-item-contents .main-block .top-block-3 img.gurantee {
  max-width: 320px;
}
.item-new .page-box .new-item-contents .main-block .top-block-4 {
  margin-top: 40px;
  background: var(--base-color04);
  padding: 10px 30px 30px;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .top-block-4 {
    padding: 12px;
    margin-left: -5%;
    margin-right: -5%;
  }
}
.item-new .page-box .new-item-contents .main-block .top-block-4 p {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .top-block-4 p {
    font-size: 13px;
  }
}
.item-new .page-box .new-item-contents .main-block .top-block-4 p .big {
  font-size: 30px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .top-block-4 p .big {
    font-size: 26px;
  }
}
.item-new .page-box .new-item-contents .main-block .title-block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 40px 0 30px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .title-block {
    margin: 30px 0 20px;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .title-block {
    margin: 30px -5% 1em;
  }
}
.item-new .page-box .new-item-contents .main-block .title-block .text {
  flex: 0 0 50px;
  font-size: 12px;
  font-weight: bold;
  background: #047AE3;
  line-height: 1;
  padding: 10px;
  border-radius: 4px 0 0 4px;
  color: #fff;
  text-align: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  letter-spacing: 0.2em;
}
.item-new .page-box .new-item-contents .main-block .title-block .text .en, .item-new .page-box .new-item-contents .main-block .title-block .text .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .title-block .text th,
.item-new .page-box .new-item-contents .main-block .title-block .text .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .title-block .text td {
  font-size: 26px;
  letter-spacing: 0;
}
.item-new .page-box .new-item-contents .main-block .title-block .row-title {
  flex: 0 0 calc(100% - 50px);
  margin: 0;
  border-radius: 0 4px 4px 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  line-height: 1.4;
}
.item-new .page-box .new-item-contents .main-block .top-lecturer {
  position: relative;
  padding: 8px 16px;
  align-items: center;
  margin: 30px 0;
  border-radius: 4px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .top-lecturer {
    padding: 8px 12px;
  }
}
.item-new .page-box .new-item-contents .main-block .top-lecturer .text-block p {
  margin-bottom: 0;
}
.item-new .page-box .new-item-contents .main-block .top-lecturer .text-block .text1 {
  font-size: 19px;
  font-weight: bold;
  line-height: 1.4;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .top-lecturer .text-block .text1 {
    font-size: var(--fs-p);
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .top-lecturer .text-block .text1 {
    font-size: 13px;
  }
}
.item-new .page-box .new-item-contents .main-block .top-lecturer .text-block .link {
  font-weight: normal;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .top-lecturer .text-block .link {
    letter-spacing: 0;
    font-size: 10px;
    line-height: 1.4;
    padding-top: 5px;
  }
}
.item-new .page-box .new-item-contents .main-block .overlink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.item-new .page-box .new-item-contents .main-block .link {
  display: table;
  margin-left: auto;
  font-size: 13px;
  font-weight: bold;
  color: #047AE3;
  text-decoration: none;
  transition: all 0.3s ease;
}
.item-new .page-box .new-item-contents .main-block .link:hover:after {
  padding-left: 10px;
}
.item-new .page-box .new-item-contents .main-block .link:after {
  content: "\f138";
  font-family: FontAwesome;
  color: #047AE3;
  padding-left: 5px;
  transition: all 0.3s ease;
}
.item-new .page-box .new-item-contents .main-block .box-2 {
  border-top: 2px solid #047AE3;
  padding: 0 30px;
  margin-bottom: 2em;
  margin-top: 60px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .box-2 {
    padding: 0 10px;
  }
}
.item-new .page-box .new-item-contents .main-block .box-2 .text-box {
  margin-top: -30px;
}
.item-new .page-box .new-item-contents .main-block .box-2 .text-box .text {
  display: table;
  padding: 0 20px;
  background: #fff;
  margin: 0 auto;
}
.item-new .page-box .new-item-contents .main-block .box-2 .text-box .text .img-block {
  width: 40px;
  display: table-cell;
}
.item-new .page-box .new-item-contents .main-block .box-2 .text-box .text .title {
  padding: 0 0 0 10px;
  font-size: var(--fs-p);
  font-weight: bold;
  display: table-cell;
  vertical-align: bottom;
}
.item-new .page-box .new-item-contents .main-block .box-2 .img {
  margin: 20px 0 0;
}
.item-new .page-box .new-item-contents .main-block .box-2 .img + .list {
  margin-top: 0;
}
.item-new .page-box .new-item-contents .main-block .bg-box {
  background: url(../images/new_item/top_bg_4@2x.jpg) center right;
  background-size: cover;
  padding: 40px 40px 40px 0;
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .bg-box {
    padding: 25px 25px 25px 0;
  }
}
.item-new .page-box .new-item-contents .main-block .bg-box .text {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .bg-box .text {
    font-size: 13px;
  }
}
.item-new .page-box .new-item-contents .main-block .bg-box .text .text-bg {
  background: #B92E2D;
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .bg-box .text .text-bg {
    font-size: 17px;
  }
}
.item-new .page-box .new-item-contents .main-block .method-text {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 20px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .method-text {
    font-size: 13px;
  }
}
.item-new .page-box .new-item-contents .main-block .method-text .color-main {
  color: #047AE3;
}
.item-new .page-box .new-item-contents .main-block .method-text .big {
  font-size: 29px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .method-text .big {
    font-size: 19px;
  }
}
.item-new .page-box .new-item-contents .main-block .color-6 {
  color: #FD850D;
  font-weight: bold;
}
.item-new .page-box .new-item-contents .main-block .flex-method {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .flex-method {
    flex-wrap: wrap;
  }
}
.item-new .page-box .new-item-contents .main-block .flex-method .img-block {
  flex: 0 0 216px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .flex-method .img-block {
    flex: 0 0 10%;
  }
}
.item-new .page-box .new-item-contents .main-block .flex-method .text-block {
  flex: 0 0 calc(100% - 216px);
  padding-right: 20px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .flex-method .text-block {
    flex: 0 0 100%;
    padding-right: 0;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .top-review-link-box .parts {
    display: block;
    text-align: center;
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .top-review-link-box .flex {
    flex-wrap: wrap;
  }
}
.item-new .page-box .new-item-contents .main-block .item-movie video {
  max-width: 100%;
}
.item-new .page-box .new-item-contents .main-block .youtube {
  position: relative;
  width: 100% !important;
  padding-top: 56.25% !important;
}
.item-new .page-box .new-item-contents .main-block .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.item-new .page-box .new-item-contents .main-block .p-denkenlpTeacher_td {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .p-denkenlpTeacher_td {
    display: block;
  }
}
.item-new .page-box .new-item-contents .main-block .p-denkenlpTeacher_book01 {
  flex-shrink: inherit;
  max-width: 120px;
  margin-left: 1rem;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .p-denkenlpTeacher_book01 {
    max-width: 90px;
  }
}
.item-new .page-box .new-item-contents .main-block .p-denkenlpTeacher_book02 {
  flex-shrink: inherit;
  max-width: 160px;
  margin-left: 1rem;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .p-denkenlpTeacher_book02 {
    max-width: 120px;
  }
}
.item-new .page-box .new-item-contents .main-block .p-denkenlpPresent_img01 {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #efefef;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .p-denkenlpPresent_img01 {
    margin-top: 1rem;
    padding-top: 1rem;
  }
}
.item-new .page-box .new-item-contents .main-block .fature-box-1 {
  padding: 0;
}
.item-new .page-box .new-item-contents .main-block .fature-box-1 .text {
  margin-bottom: 0;
  position: relative;
  z-index: 10;
  padding-left: 25px;
}
.item-new .page-box .new-item-contents .main-block .fature-box-1 .text .parts {
  position: absolute;
  top: -16px;
  display: inline-block;
  background: #26455C;
  color: #fff;
  font-size: var(--fs-p);
  font-weight: bold;
  padding: 5px 15px;
  margin: 0;
  width: auto;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .fature-box-1 .text .parts {
    font-size: 13px;
    padding: 0 10px;
  }
}
.item-new .page-box .new-item-contents .main-block .fature-box-1 .img-block,
.item-new .page-box .new-item-contents .main-block .fature-box-1 .img-block img {
  width: 100%;
  object-fit: cover;
  box-sizing: border-box;
  max-height: 212px;
}
.item-new .page-box .new-item-contents .main-block .fature-box-1 table {
  margin: 0;
  width: 100%;
}
.item-new .page-box .new-item-contents .main-block .fature-box-1 table th,
.item-new .page-box .new-item-contents .main-block .fature-box-1 table td {
  border-bottom: 2px solid var(--base-color04);
  padding: 12px;
  vertical-align: middle;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .fature-box-1 table th,
  .item-new .page-box .new-item-contents .main-block .fature-box-1 table td {
    padding: 12px;
  }
}
.item-new .page-box .new-item-contents .main-block .fature-box-1 table th {
  text-align: left;
  background: none;
  padding-left: 25px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .fature-box-1 table th {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .fature-box-1 table th {
    font-size: 10px;
    width: 9em;
  }
}
.item-new .page-box .new-item-contents .main-block .fature-box-1 table td {
  line-height: 1.5;
  font-size: var(--fs-p);
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .fature-box-1 table td {
    font-size: 13px;
  }
}
.item-new .page-box .new-item-contents .main-block .fature-box-1 table tr {
  transition: all 0.3s ease;
}
.item-new .page-box .new-item-contents .main-block .fature-box-1 table tr:hover a {
  color: #047AE3;
}
.item-new .page-box .new-item-contents .main-block .fature-box-1 table tr:hover a:after {
  right: 3px;
}
.item-new .page-box .new-item-contents .main-block .fature-box-1 table tr a {
  position: relative;
  display: block;
  font-size: 13px;
  font-weight: normal;
}
.item-new .page-box .new-item-contents .main-block .fature-box-1 table tr a:after {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.3s ease;
}
.item-new .page-box .new-item-contents .main-block .fature-box-1 table tr.noth td {
  padding: 0;
  background: var(--base-color04);
}
.item-new .page-box .new-item-contents .main-block .fature-box-1 table tr.noth td a {
  font-size: var(--fs-p);
  font-weight: bold;
  display: block;
  text-align: center;
  position: relative;
  padding: 10px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .fature-box-1 table tr.noth td a {
    font-size: 13px;
  }
}
.item-new .page-box .new-item-contents .main-block .fature-box-1 table tr.noth td a:hover {
  color: #047AE3;
}
.item-new .page-box .new-item-contents .main-block .fature-box-1 table tr.noth td a:after {
  content: "\f138";
  font-family: FontAwesome;
  color: #26455C;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.item-new .page-box .new-item-contents .main-block .future-box-2 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .future-box-2 {
    flex-wrap: wrap;
  }
}
.item-new .page-box .new-item-contents .main-block .future-box-2 .img-block {
  flex: 0 0 216px;
  background: url(../images/new_item/fature_img_2@2x.jpg) center;
  background-size: cover;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .future-box-2 .img-block {
    flex: 0 0 100%;
  }
}
.item-new .page-box .new-item-contents .main-block .future-box-2 .img-block:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(30, 58, 78, 0.64);
  position: absolute;
  left: 0;
  top: 0;
}
.item-new .page-box .new-item-contents .main-block .future-box-2 .img-block p {
  font-size: var(--fs-p);
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  padding: 20px;
  position: relative;
  z-index: 10;
  width: 100%;
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .future-box-2 .img-block p {
    font-size: 13px;
  }
}
.item-new .page-box .new-item-contents .main-block .future-box-2 .img-block p .en, .item-new .page-box .new-item-contents .main-block .future-box-2 .img-block p .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .future-box-2 .img-block p th,
.item-new .page-box .new-item-contents .main-block .future-box-2 .img-block p .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .future-box-2 .img-block p td {
  display: block;
  padding-bottom: 5px;
}
.item-new .page-box .new-item-contents .main-block .future-box-2 table {
  margin: 0;
}
.item-new .page-box .new-item-contents .main-block .future-box-2 table th,
.item-new .page-box .new-item-contents .main-block .future-box-2 table td {
  padding: 10px 20px;
}
.item-new .page-box .new-item-contents .main-block .future-box-2 table th {
  background: none;
  color: #047AE3;
  padding-left: 40px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .future-box-2 table th {
    padding-left: 10px;
  }
}
.item-new .page-box .new-item-contents .main-block .fature-link {
  flex-wrap: wrap;
}
.item-new .page-box .new-item-contents .main-block .technic-1 {
  margin: 0 -1%;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .technic-1 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .technic-1 {
    display: block;
  }
}
.item-new .page-box .new-item-contents .main-block .technic-1 .text-block {
  margin: 0 1%;
  width: 100%;
  border: 1px solid var(--border-color01);
}
.item-new .page-box .new-item-contents .main-block .technic-1 .text-block:last-child {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .technic-1 .text-block {
    margin-top: 20px;
  }
}
.item-new .page-box .new-item-contents .main-block .technic-1 .text-block h4 {
  background: #26455C;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 1em;
}
.item-new .page-box .new-item-contents .main-block .technic-1 .text-block .text-block-inner {
  padding: 10px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .technic-1 .text-block .text-block-inner {
    padding: 5px;
  }
}
.item-new .page-box .new-item-contents .main-block .technic-1 .text-block table {
  border-collapse: separate;
  border-spacing: 10px;
  margin: 0;
}
.item-new .page-box .new-item-contents .main-block .technic-1 .text-block table th,
.item-new .page-box .new-item-contents .main-block .technic-1 .text-block table td {
  padding: 5px;
  border-bottom: none;
}
.item-new .page-box .new-item-contents .main-block .technic-1 .text-block table th {
  background-color: var(--base-color04);
  font-size: 12px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .technic-1 .text-block table th {
    font-size: 10px;
  }
}
.item-new .page-box .new-item-contents .main-block .technic-1 .text-block table td {
  font-size: 14px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .technic-1 .text-block table td {
    font-size: 12px;
  }
}
.item-new .page-box .new-item-contents .main-block .technic-1 .text-block .ol {
  margin: 0 10px;
}
.item-new .page-box .new-item-contents .main-block .technic-1 .text-block .ol li {
  font-size: 12px;
  font-weight: bold;
  margin: 10px 0;
}
.item-new .page-box .new-item-contents .main-block .technic-1 .text-block .ol li:first-child {
  color: #047AE3;
  text-decoration: underline;
}
.item-new .page-box .new-item-contents .main-block .technic-1 .text-block .ol li:after {
  top: 3px;
}
.item-new .page-box .new-item-contents .main-block .technic-1 .text-block .ol li:before {
  top: -7px;
}
.item-new .page-box .new-item-contents .main-block .technic-2 {
  margin-top: 25px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .technic-2 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
}
.item-new .page-box .new-item-contents .main-block .technic-2 .text-block {
  padding: 10px;
  flex-shrink: 1;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .technic-2 .text-block {
    width: 100%;
  }
}
.item-new .page-box .new-item-contents .main-block .technic-2 .text-block:first-child {
  background: var(--base-color04);
  font-weight: bold;
  flex: 0 0 135px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  text-align: center;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .technic-2 .text-block:first-child {
    max-width: 64px;
  }
}
.item-new .page-box .new-item-contents .main-block .technic-2 .text-block p {
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .technic-2 .text-block p {
    padding-bottom: 12px;
  }
}
.item-new .page-box .new-item-contents .main-block .technic-2 .text-block a {
  color: #047AE3;
}
.item-new .page-box .new-item-contents .main-block .technic-2 .text-block a:hover {
  text-decoration: underline;
}
.item-new .page-box .new-item-contents .main-block .technic-2 .text-block .title {
  text-align: left;
  font-size: var(--fs-p);
  font-weight: bold;
  padding: 0 16px;
  line-height: 1.5;
  margin: 10px 0 0;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .technic-2 .text-block .title {
    font-size: 13px;
    padding: 0px 10px;
  }
}
.item-new .page-box .new-item-contents .main-block .technic-2 .text-block .en, .item-new .page-box .new-item-contents .main-block .technic-2 .text-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .technic-2 .text-block th,
.item-new .page-box .new-item-contents .main-block .technic-2 .text-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .technic-2 .text-block td {
  display: block;
  font-size: 23px;
  color: #047AE3;
  margin-bottom: 5px;
  position: relative;
}
.item-new .page-box .new-item-contents .main-block .technic-2 .text-block .en:after, .item-new .page-box .new-item-contents .main-block .technic-2 .text-block .content-1 table th:after, .item-new .page-box .new-item-contents .main-block .content-1 table .technic-2 .text-block th:after,
.item-new .page-box .new-item-contents .main-block .technic-2 .text-block .content-1 table td:after,
.item-new .page-box .new-item-contents .main-block .content-1 table .technic-2 .text-block td:after {
  content: "";
  width: 30px;
  height: 2px;
  background: #047AE3;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.item-new .page-box .new-item-contents .main-block .technic-2 .text-block table {
  border-collapse: separate;
  border-spacing: 10px;
  margin: 0;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .technic-2 .text-block table {
    display: block;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .technic-2 .text-block table tr,
  .item-new .page-box .new-item-contents .main-block .technic-2 .text-block table tbody {
    display: unset;
    width: 100%;
  }
}
.item-new .page-box .new-item-contents .main-block .technic-2 .text-block table th,
.item-new .page-box .new-item-contents .main-block .technic-2 .text-block table td {
  border-bottom: none;
  padding: 5px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .technic-2 .text-block table th,
  .item-new .page-box .new-item-contents .main-block .technic-2 .text-block table td {
    display: block;
  }
}
.item-new .page-box .new-item-contents .main-block .technic-2 .text-block table th {
  font-size: 11px;
  background: none;
  min-width: 9em;
  padding-top: 7px;
}
.item-new .page-box .new-item-contents .main-block .technic-2 .text-block table th .inner {
  background: #26455C;
  color: #fff;
  padding: 2px;
  display: inline-block;
  width: 100%;
}
.item-new .page-box .new-item-contents .main-block .technic-2 .text-block table th .point {
  background: #2EB979;
}
.item-new .page-box .new-item-contents .main-block .technic-2 .text-block table td {
  font-size: var(--fs-p);
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .technic-2 .text-block table td {
    font-size: 12px;
    padding: 0 0 8px;
    text-align: center;
  }
}
.item-new .page-box .new-item-contents .main-block .technic-3 h4 {
  margin-left: -30px;
  margin-right: -30px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .technic-3 h4 {
    margin-left: -12px;
    margin-right: -12px;
  }
}
.item-new .page-box .new-item-contents .main-block .technic-3 table {
  width: 100% !important;
  margin-top: 2rem !important;
}
.item-new .page-box .new-item-contents .main-block .title-box h4 {
  background: var(--base-color04);
  font-size: var(--fs-p);
  font-weight: bold;
  padding: 10px 20px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .title-box h4 {
    font-size: 13px;
    margin-bottom: 15px;
    padding: 5px 10px;
  }
}
.item-new .page-box .new-item-contents .main-block .title-box h4 + table strong {
  font-weight: bold;
  font-size: 120%;
  color: #26455C;
}
.item-new .page-box .new-item-contents .main-block .title-box table {
  margin: 0 auto;
  width: 90%;
  border-bottom: 2px solid #26455C;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .title-box table {
    width: 96%;
  }
}
.item-new .page-box .new-item-contents .main-block .title-box table:last-child {
  border: none;
  margin-bottom: 30px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .title-box table:last-child {
    margin-bottom: 15px;
  }
}
.item-new .page-box .new-item-contents .main-block .title-box table th,
.item-new .page-box .new-item-contents .main-block .title-box table td {
  padding: 10px;
  text-align: center;
  line-height: 1.4;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .title-box table th,
  .item-new .page-box .new-item-contents .main-block .title-box table td {
    padding: 5px;
    font-size: 10px;
  }
}
.item-new .page-box .new-item-contents .main-block .title-box table th {
  background: none;
  border-bottom: 2px solid #26455C;
  vertical-align: middle;
}
.item-new .page-box .new-item-contents .main-block .title-box table td {
  border-top: 1px solid var(--base-color04);
  width: 19%;
}
.item-new .page-box .new-item-contents .main-block .title-box table td:last-child .big {
  font-size: 18px;
  color: #26455C;
}
.item-new .page-box .new-item-contents .main-block .title-box table td:first-child {
  font-weight: bold;
}
.item-new .page-box .new-item-contents .main-block .title-box table td .en, .item-new .page-box .new-item-contents .main-block .title-box .content-1 table td th, .item-new .page-box .new-item-contents .main-block .content-1 .title-box table td th,
.item-new .page-box .new-item-contents .main-block .title-box .content-1 table td td,
.item-new .page-box .new-item-contents .main-block .content-1 .title-box table td td {
  font-weight: bold;
  font-size: 18px;
}
.item-new .page-box .new-item-contents .main-block .title-box table tr:first-child td:nth-child(2) {
  font-weight: bold;
}
.item-new .page-box .new-item-contents .main-block .title-box table [rowspan="4"] {
  width: 23%;
  font-weight: bold;
}
.item-new .page-box .new-item-contents .main-block .title-box table [rowspan="4"] + td {
  font-weight: bold;
}
.item-new .page-box .new-item-contents .main-block .technic-4 + p {
  text-align: right;
  font-size: 10px;
}
.item-new .page-box .new-item-contents .main-block .technic-5 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .technic-5 {
    display: block;
  }
}
.item-new .page-box .new-item-contents .main-block .technic-5 .text-block {
  flex: 0 0 calc(100% - 232px);
}
.item-new .page-box .new-item-contents .main-block .technic-5 .img-block {
  flex: 0 0 212px;
}
.item-new .page-box .new-item-contents .main-block .technic-6 .img-block {
  padding: 30px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .technic-6 .img-block {
    padding: 10px;
  }
}
.item-new .page-box .new-item-contents .main-block .technic-bg-box {
  background: var(--base-color04);
  padding: 30px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .technic-bg-box {
    padding: 10px;
  }
}
.item-new .page-box .new-item-contents .main-block .technic-bg-box dl {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-start;
  font-size: 13px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .technic-bg-box dl {
    font-size: 12px;
  }
}
.item-new .page-box .new-item-contents .main-block .technic-bg-box dl dt {
  flex: 0 0 108px;
  margin-right: 20px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
  padding: 10px;
  margin-top: 3px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .technic-bg-box dl dt {
    flex: 0 0 92px;
    padding: 2px 5px;
    margin-right: 10px;
    font-size: 12px;
  }
}
.item-new .page-box .new-item-contents .main-block .technic-bg-box .dl-1 dt {
  background: #7DACCE;
}
.item-new .page-box .new-item-contents .main-block .technic-bg-box .dl-2 dt {
  background: #1E3A4E;
}
.item-new .page-box .new-item-contents .main-block .technic-bg-box .dl-3 {
  margin-bottom: 0;
}
.item-new .page-box .new-item-contents .main-block .technic-bg-box .dl-3 dt {
  background: #1F5B83;
}
.item-new .page-box .new-item-contents .main-block .technic-7 table th,
.item-new .page-box .new-item-contents .main-block .technic-7 table td {
  padding: 14px 10px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .technic-7 table th,
  .item-new .page-box .new-item-contents .main-block .technic-7 table td {
    padding: 8px 6px;
  }
}
.item-new .page-box .new-item-contents .main-block table.technic-8 {
  border-top: none;
  width: 100%;
}
.item-new .page-box .new-item-contents .main-block table.technic-8 th,
.item-new .page-box .new-item-contents .main-block table.technic-8 td {
  text-align: center;
  letter-spacing: 1px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block table.technic-8 th,
  .item-new .page-box .new-item-contents .main-block table.technic-8 td {
    font-size: 10px;
    padding: 5px;
    vertical-align: middle;
  }
}
.item-new .page-box .new-item-contents .main-block table.technic-8 th strong,
.item-new .page-box .new-item-contents .main-block table.technic-8 td strong {
  font-size: 140%;
  font-weight: bold;
}
.item-new .page-box .new-item-contents .main-block table.technic-8 th {
  background-color: transparent;
}
.item-new .page-box .new-item-contents .main-block table.technic-8 tr:nth-child(3) {
  background-color: var(--base-color04);
}
.item-new .page-box .new-item-contents .main-block table.technic-8 tr:first-child {
  border-bottom: 2px solid var(--base-color04);
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .big {
    font-size: 20px;
  }
}
.item-new .page-box .new-item-contents .main-block .content-1 {
  margin-top: -46px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .content-1 .table-wrap {
    margin: 0;
    overflow: scroll;
  }
}
.item-new .page-box .new-item-contents .main-block .content-1 table {
  width: 100%;
  white-space: nowrap;
}
.item-new .page-box .new-item-contents .main-block .content-1 table caption {
  font-size: var(--fs-p);
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.item-new .page-box .new-item-contents .main-block .content-1 table tr {
  border-bottom: 1px solid #DEE7ED;
}
.item-new .page-box .new-item-contents .main-block .content-1 table tr:first-child {
  border-bottom: 2px solid #26455C;
}
.item-new .page-box .new-item-contents .main-block .content-1 table tr:first-child th {
  padding: 10px;
}
.item-new .page-box .new-item-contents .main-block .content-1 table tr:nth-child(3) th, .item-new .page-box .new-item-contents .main-block .content-1 table tr:nth-child(4) th, .item-new .page-box .new-item-contents .main-block .content-1 table tr:last-child th {
  position: relative;
}
.item-new .page-box .new-item-contents .main-block .content-1 table tr:nth-child(3) th:before, .item-new .page-box .new-item-contents .main-block .content-1 table tr:nth-child(4) th:before, .item-new .page-box .new-item-contents .main-block .content-1 table tr:last-child th:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .content-1 table tr:nth-child(3) th:before, .item-new .page-box .new-item-contents .main-block .content-1 table tr:nth-child(4) th:before, .item-new .page-box .new-item-contents .main-block .content-1 table tr:last-child th:before {
    content: none;
  }
}
.item-new .page-box .new-item-contents .main-block .content-1 table tr:nth-child(2) th {
  font-size: 13px;
}
.item-new .page-box .new-item-contents .main-block .content-1 table tr:nth-child(3) th {
  font-size: 13px;
}
.item-new .page-box .new-item-contents .main-block .content-1 table tr:nth-child(3) th:before {
  width: 23px;
  height: 36px;
  background: url(../images/new_item/content_img_4@2x.png) no-repeat;
  background-size: 23px 36px;
}
.item-new .page-box .new-item-contents .main-block .content-1 table tr:nth-child(4) th {
  font-size: 13px;
}
.item-new .page-box .new-item-contents .main-block .content-1 table tr:nth-child(4) th:before {
  width: 23px;
  height: 36px;
  background: url(../images/new_item/content_img_5@2x.png) no-repeat;
  background-size: 23px 36px;
}
.item-new .page-box .new-item-contents .main-block .content-1 table tr:last-child th {
  font-size: 13px;
}
.item-new .page-box .new-item-contents .main-block .content-1 table tr:last-child th:before {
  width: 36px;
  height: 44px;
  background: url(../images/new_item/content_img_6@2x.png) no-repeat;
  background-size: 36px 44px;
}
.item-new .page-box .new-item-contents .main-block .content-1 table tr:last-child th,
.item-new .page-box .new-item-contents .main-block .content-1 table tr:last-child td {
  color: #047AE3;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .content-1 table tr:last-child th,
  .item-new .page-box .new-item-contents .main-block .content-1 table tr:last-child td {
    padding: 5px;
  }
}
.item-new .page-box .new-item-contents .main-block .content-1 table tr:last-child td {
  font-size: 18px;
  line-height: 1.4;
}
.item-new .page-box .new-item-contents .main-block .content-1 table tr:last-child td .en, .item-new .page-box .new-item-contents .main-block .content-1 table tr:last-child td th,
.item-new .page-box .new-item-contents .main-block .content-1 table tr:last-child td td {
  background: #047AE3;
  padding: 0 10px;
  border-radius: 15px;
  color: #fff;
  font-size: 13px;
}
.item-new .page-box .new-item-contents .main-block .content-1 table th,
.item-new .page-box .new-item-contents .main-block .content-1 table td {
  font-size: var(--fs-p);
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.item-new .page-box .new-item-contents .main-block .flex-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: 0 2%;
  margin-bottom: 20px;
}
.item-new .page-box .new-item-contents .main-block .flex-content [class*=parts-] {
  flex: 0 0 50%;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .flex-content [class*=parts-] {
    font-size: 13px;
  }
}
.item-new .page-box .new-item-contents .main-block .flex-content [class*=parts-]:before {
  content: "";
  border: 10px solid transparent;
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
}
.item-new .page-box .new-item-contents .main-block .flex-content .parts-1 {
  background: linear-gradient(90deg, #72BEFF, #1789EB);
}
.item-new .page-box .new-item-contents .main-block .flex-content .parts-1:before {
  border-bottom: 20px solid #42A3F4;
}
.item-new .page-box .new-item-contents .main-block .flex-content .parts-2 {
  background: linear-gradient(90deg, #1E3A4E, #000);
}
.item-new .page-box .new-item-contents .main-block .flex-content .parts-2:before {
  border-bottom: 20px solid #0F1D28;
}
.item-new .page-box .new-item-contents .main-block .content-2 {
  margin-top: -26%;
}
.item-new .page-box .new-item-contents .main-block .link-text {
  font-size: 10px;
  text-align: right;
}
.item-new .page-box .new-item-contents .main-block .content-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.item-new .page-box .new-item-contents .main-block .content-flex .text-block {
  flex: 0 0 calc(100% - 265px);
  padding-right: 20px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .content-flex .text-block {
    flex: 0 0 calc(100% - 100px);
  }
}
.item-new .page-box .new-item-contents .main-block .content-flex .img-block {
  flex: 0 0 265px;
  padding-right: 10px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .content-flex .img-block {
    flex: 0 0 100px;
  }
}
.item-new .page-box .new-item-contents .main-block .sample-apply .slide-down .item {
  font-size: 13px;
  font-weight: bold;
  background: #fff;
  margin: 1px;
  padding: 1em 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.item-new .page-box .new-item-contents .main-block .sample-apply .slide-down > dt {
  line-height: 1.5;
  padding: 2rem;
  padding-left: 75px;
  position: relative;
  overflow: visible;
  border-radius: 4px;
}
.item-new .page-box .new-item-contents .main-block .sample-apply .slide-down > dt:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.item-new .page-box .new-item-contents .main-block .sample-apply .slide-down dd table td {
  font-size: 13px;
}
.item-new .page-box .new-item-contents .main-block .sample-apply .slide-down-1 dt {
  padding-left: 80px;
}
.item-new .page-box .new-item-contents .main-block .sample-apply .slide-down-1 dt:before {
  width: 82px;
  height: 44px;
  background: url(../images/new_item/mobile@2x.png);
  background-size: 82px 44px;
  top: 0;
  left: -6px;
  bottom: 0;
  margin: auto;
}
.item-new .page-box .new-item-contents .main-block .sample-apply .slide-down-1 dt .mark {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  background: #2EB979;
  border-radius: 3px;
  display: inline-block;
  margin-right: 5px;
  padding: 5px 5px 6px;
  line-height: 1;
  letter-spacing: 0;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .sample-apply .slide-down-1 dt .mark {
    display: table;
    font-size: 11px;
    margin-bottom: 4px;
  }
}
.item-new .page-box .new-item-contents .main-block .sample-apply .slide-down-2 dt:before {
  width: 41px;
  height: 62px;
  background: url(../images/new_item/sample_img_1@2x.png);
  background-size: 41px 62px;
  top: -10px;
}
.item-new .page-box .new-item-contents .main-block .sample-apply .slide-down-3 dt:before {
  width: 62px;
  height: 62px;
  background: url(../images/new_item/sample_img_2@2x.png);
  background-size: 62px 62px;
  top: -10px;
  left: 10px;
}
.item-new .page-box .new-item-contents .main-block .sample-apply .slide-down-4 dt:before {
  width: 62px;
  height: 62px;
  background: url(../images/new_item/sample_img_3@2x.png);
  background-size: 62px 62px;
  top: -10px;
  left: 10px;
}
.item-new .page-box .new-item-contents .main-block .sample-apply .slide-down-5 dt:before {
  width: 62px;
  height: 62px;
  background: url(../images/new_item/3denki/den3_2021sample.png);
  background-size: 62px 62px;
  top: -10px;
  left: 10px;
  background-size: contain;
  background-repeat: no-repeat;
}
.item-new .page-box .new-item-contents .main-block .sample-apply .slide-down-6 dt:before {
  width: 72px;
  height: 44px;
  background: url(../images/new_item/gijutsusi/sample-video1.png);
  background-size: 62px 62px;
  top: 5px;
  left: -10px;
  background-size: contain;
  background-repeat: no-repeat;
}
.item-new .page-box .new-item-contents .main-block .sample-apply .slide-down-7 dt:before {
  width: 62px;
  background: url(../images/new_item/gijutsusi/sample-text1.png);
  top: -10px;
  left: 10px;
  background-size: contain;
  background-repeat: no-repeat;
}
.item-new .page-box .new-item-contents .main-block .sample-apply .slide-down-8 dt:before {
  width: 62px;
  background: url(../images/new_item/sekoukanri/img-sekkou-siryou1.png);
  top: -10px;
  left: 10px;
  background-size: contain;
  background-repeat: no-repeat;
}
.item-new .page-box .new-item-contents .main-block .sample-apply .slide-down-9 dt:before {
  width: 62px;
  background: url(../images/new_item/sekoukanri/img-sekkou-siryou2.png);
  top: -10px;
  left: 10px;
  background-size: contain;
  background-repeat: no-repeat;
}
.item-new .page-box .new-item-contents .main-block .sample-apply .slide-down-10 dt:before {
  width: 58px;
  background: url(../images/new_item/sekoukanri/img-douga-siryou.png);
  top: 10px;
  left: 10px;
  background-size: contain;
  background-repeat: no-repeat;
}
.item-new .page-box .new-item-contents .main-block .sample-apply .__noslide dt {
  cursor: default;
}
.item-new .page-box .new-item-contents .main-block .sample-apply .__noslide dt:after {
  content: none;
}
.item-new .page-box .new-item-contents .main-block .sample-apply .request > p {
  font-size: var(--fs-p);
  text-align: center;
  margin: 0px 0 20px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .sample-apply .request > p {
    margin-top: 0px;
    font-size: 13px;
  }
}
.item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box {
  padding: 32px;
  border-top: 2px solid #26455C;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box {
    margin: 0 -5% 3rem;
  }
}
.item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box table {
  margin: 0;
}
.item-new .page-box .new-item-contents .main-block .curri-box table tr:last-child td {
  padding: 12px;
  background: #fff;
}
.item-new .page-box .new-item-contents .main-block .curri-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--border-color01);
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .curri-flex {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.item-new .page-box .new-item-contents .main-block .curri-flex .img-block {
  flex: 0 0 78px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .curri-flex .img-block {
    flex: 0 0 60px;
  }
}
.item-new .page-box .new-item-contents .main-block .curri-flex .text-block {
  flex: 0 0 calc(100% - 78px);
  padding-left: 30px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .curri-flex .text-block {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .curri-flex .text-block {
    flex: 0 0 calc(100% - 60px);
  }
}
.item-new .page-box .new-item-contents .main-block .curri-flex .type {
  font-size: var(--fs-p);
  font-weight: bold;
  background: #26455C;
  color: #fff;
  padding: 0 10px;
  display: inline-block;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .curri-flex .type {
    font-size: 12px;
  }
}
.item-new .page-box .new-item-contents .main-block .curri-flex .type:after {
  content: "";
  border: 15px solid transparent;
  border-left: 15px solid #26455C;
  position: absolute;
  right: -30px;
  top: 0;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .curri-flex .type:after {
    border: 12px solid transparent;
    border-left: 12px solid #26455C;
    right: -24px;
  }
}
.item-new .page-box .new-item-contents .main-block .curri-flex .title {
  font-size: 19px;
  font-weight: bold;
  margin: 10px 0;
  line-height: 1.4;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .curri-flex .title {
    font-size: 16px;
  }
}
.item-new .page-box .new-item-contents .main-block .curri-flex .title .size-s {
  font-size: var(--fs-p);
  font-weight: normal;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .curri-flex .title .size-s {
    font-size: 12px;
  }
}
.item-new .page-box .new-item-contents .main-block .curri-flex .list {
  margin: 0;
}
.item-new .page-box .new-item-contents .main-block .curri-flex .list li {
  font-weight: normal;
}
.item-new .page-box .new-item-contents .main-block .tab-wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 120px 0 50px;
  overflow: visible;
}
.item-new .page-box .new-item-contents .main-block .tab-wrap .tab {
  flex: 33.3%;
  background: var(--base-color04);
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #26455C;
  padding: 25px 10px 10px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .tab-wrap .tab {
    font-size: 12px;
  }
}
.item-new .page-box .new-item-contents .main-block .tab-wrap .tab:hover {
  background: #1F5B83;
  color: #fff;
}
.item-new .page-box .new-item-contents .main-block .tab-wrap .tab:before {
  content: "";
  width: 66px;
  height: 98px;
  position: absolute;
  left: 50%;
  top: -78px;
  transform: translateX(-50%);
}
.item-new .page-box .new-item-contents .main-block .tab-wrap .tab-1 {
  border-radius: 4px 0 0 4px;
}
.item-new .page-box .new-item-contents .main-block .tab-wrap .tab-1:before {
  background: url(../images/new_item/curri_img_a@2x.png);
  background-size: 66px 98px;
}
.item-new .page-box .new-item-contents .main-block .tab-wrap .tab-2 {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.item-new .page-box .new-item-contents .main-block .tab-wrap .tab-2:before {
  background: url(../images/new_item/curri_img_b@2x.png);
  background-size: 66px 98px;
}
.item-new .page-box .new-item-contents .main-block .tab-wrap .tab-3 {
  border-radius: 0 4px 4px 0;
}
.item-new .page-box .new-item-contents .main-block .tab-wrap .tab-3:before {
  background: url(../images/new_item/curri_img_c@2x.png);
  background-size: 66px 98px;
}
.item-new .page-box .new-item-contents .main-block .tab-wrap .is-active {
  background: #1F5B83;
  color: #fff;
}
.item-new .page-box .new-item-contents .main-block .tab-wrap .is-active:after {
  content: "";
  border: 15px solid transparent;
  border-top: 15px solid #1F5B83;
  position: absolute;
  left: 50%;
  bottom: -25px;
  transform: translateX(-50%);
}
.item-new .page-box .new-item-contents .main-block .tab-contents {
  padding: 0;
}
.item-new .page-box .new-item-contents .main-block .tab-contents .ol li {
  padding-left: 40px;
  font-size: 14px;
  margin-bottom: 2rem;
}
.item-new .page-box .new-item-contents .main-block .tab-contents .ol li:last-child {
  margin-bottom: 0;
}
.item-new .page-box .new-item-contents .main-block .tab-contents .ol li:before {
  left: 11px;
  top: 1px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .tab-contents .ol li:before {
    top: -3px;
  }
}
.item-new .page-box .new-item-contents .main-block .tab-contents .ol li:after {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #2EB979;
}
.item-new .page-box .new-item-contents .main-block strong {
  font-weight: bold;
}
.item-new .page-box .new-item-contents .main-block .study-box table td {
  font-weight: bold;
}
.item-new .page-box .new-item-contents .main-block .study-box table td .en, .item-new .page-box .new-item-contents .main-block .study-box .content-1 table td th, .item-new .page-box .new-item-contents .main-block .content-1 .study-box table td th,
.item-new .page-box .new-item-contents .main-block .study-box .content-1 table td td,
.item-new .page-box .new-item-contents .main-block .content-1 .study-box table td td {
  color: #1F5B83;
}
.item-new .page-box .new-item-contents .main-block .study-table {
  width: 100%;
}
.item-new .page-box .new-item-contents .main-block .study-table tr:first-child {
  border-bottom: 1px solid var(--base-color04);
}
.item-new .page-box .new-item-contents .main-block .study-table tr:first-child td {
  font-size: 11px;
}
.item-new .page-box .new-item-contents .main-block .study-table tr:nth-child(2) td:first-child {
  border-left: 1px solid var(--base-color04);
}
.item-new .page-box .new-item-contents .main-block .study-table tr:nth-child(2) td:last-child {
  border-right: 1px solid var(--base-color04);
}
.item-new .page-box .new-item-contents .main-block .study-table tr:last-child {
  background: var(--base-color04);
}
.item-new .page-box .new-item-contents .main-block .study-table td {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
.item-new .page-box .new-item-contents .main-block .study-table td:first-child {
  width: 50%;
  text-align: left;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .study-table td:first-child {
    width: auto;
  }
}
.item-new .page-box .new-item-contents .main-block .study-table td .en, .item-new .page-box .new-item-contents .main-block .study-table td .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .study-table td th,
.item-new .page-box .new-item-contents .main-block .study-table td .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .study-table td td {
  font-size: 19px;
}
.item-new .page-box .new-item-contents .main-block .study-2 {
  margin-bottom: 25px;
}
.item-new .page-box .new-item-contents .main-block .study-2 .text-block + .text-block {
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .study-2 .text-block + .text-block {
    padding: 10px;
  }
}
.item-new .page-box .new-item-contents .main-block .study-2 .text-block + .text-block p {
  text-align: left;
  font-size: var(--fs-p);
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .study-2 .text-block + .text-block p {
    font-size: 13px;
  }
}
.item-new .page-box .new-item-contents .main-block .study-2 .text-block p {
  font-weight: bold;
}
.item-new .page-box .new-item-contents .main-block .study-2 .text-block dl {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.item-new .page-box .new-item-contents .main-block .study-2 .text-block dl:last-child .mark {
  background: #2EB979;
}
.item-new .page-box .new-item-contents .main-block .study-2 .text-block dl:last-child .mark:after {
  border-left: 10px solid #2EB979;
}
.item-new .page-box .new-item-contents .main-block .study-2 .text-block dl .mark {
  flex: 0 0 80px;
  text-align: center;
  font-size: 11px;
  background: #26455C;
  color: #fff;
  padding: 0 5px;
  display: inline-block;
  position: relative;
}
.item-new .page-box .new-item-contents .main-block .study-2 .text-block dl .mark:after {
  content: "";
  border: 11px solid transparent;
  border-left: 10px solid #26455C;
  position: absolute;
  right: -21px;
  top: 0;
}
.item-new .page-box .new-item-contents .main-block .study-2 .text-block dl dd {
  padding-left: 15px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .study-2 .text-block dl dd {
    font-size: 13px;
  }
}
.item-new .page-box .new-item-contents .main-block .study-review {
  margin-bottom: 60px;
}
.item-new .page-box .new-item-contents .main-block .btn-block.denken {
  flex-wrap: wrap;
}
.item-new .page-box .new-item-contents .main-block .btn-block.denken .document-btn,
.item-new .page-box .new-item-contents .main-block .btn-block.denken .mitumori-btn {
  flex-basis: 48%;
  max-width: 48%;
}
.item-new .page-box .new-item-contents .main-block .btn-block.denken .mitumori-btn + form {
  width: 98%;
  margin-top: 1rem;
}
.item-new .page-box .new-item-contents .main-block .btn-block.denken .mitumori-btn + form .btn, .item-new .page-box .new-item-contents .main-block .btn-block.denken .mitumori-btn + form input[type=submit],
.item-new .page-box .new-item-contents .main-block .btn-block.denken .mitumori-btn + form button {
  padding: 3rem 0;
  font-size: 18px;
  max-width: inherit;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .btn-block.denken .mitumori-btn + form .btn, .item-new .page-box .new-item-contents .main-block .btn-block.denken .mitumori-btn + form input[type=submit],
  .item-new .page-box .new-item-contents .main-block .btn-block.denken .mitumori-btn + form button {
    font-size: 14px;
    padding: 2rem 0;
  }
}
.item-new .page-box .new-item-contents .main-block .btn-block.denken .mitumori-btn + form .btn i:before, .item-new .page-box .new-item-contents .main-block .btn-block.denken .mitumori-btn + form input[type=submit] i:before,
.item-new .page-box .new-item-contents .main-block .btn-block.denken .mitumori-btn + form button i:before {
  font-size: 18px;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .btn-block.denken .mitumori-btn + form .btn i:before, .item-new .page-box .new-item-contents .main-block .btn-block.denken .mitumori-btn + form input[type=submit] i:before,
  .item-new .page-box .new-item-contents .main-block .btn-block.denken .mitumori-btn + form button i:before {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1080px) {
  .new-item-page .fixed-item-wrap.sp {
    display: none !important;
  }
}

.item-new .page-box .new-item-contents.sample-contents {
  display: block;
}

.item-new .page-box .sample-apply.sample-contents {
  background-color: rgb(123, 8, 10);
}

#brochure .footer-cta {
  display: none;
}
#brochure .footer-others {
  margin-top: 0;
}

@media only screen and (max-width: 1080px) {
  .sample-apply .l-inner {
    padding-left: 2%;
    padding-right: 2%;
  }
}
.sample-apply .fv {
  background-color: rgb(123, 8, 10);
  overflow: hidden;
}
.sample-apply .fv .l-inner {
  position: relative;
  padding: 3rem 0 1.5rem;
}
@media only screen and (max-width: 544px) {
  .sample-apply .fv .l-inner {
    padding: 1.5rem 0 1.5rem;
  }
}
.sample-apply .fv .video {
  position: relative;
}
.sample-apply .fv .btn, .sample-apply .fv form input[type=submit], form .sample-apply .fv input[type=submit],
.sample-apply .fv form button,
form .sample-apply .fv button {
  margin-bottom: 3rem;
  max-width: 640px;
  padding: 1.5rem 1rem;
  border-radius: 4px;
  font-size: 36px;
  background: -webkit-gradient(linear, left top, right top, from(#2EB979), to(#71D6A8));
  background: linear-gradient(to right, #2EB979, #71D6A8);
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 672px) {
  .sample-apply .fv .btn, .sample-apply .fv form input[type=submit], form .sample-apply .fv input[type=submit],
  .sample-apply .fv form button,
  form .sample-apply .fv button {
    font-size: 16px;
    margin: 0.5rem 32px 0rem;
  }
}
.sample-apply .fv .btn:before, .sample-apply .fv form input[type=submit]:before, form .sample-apply .fv input[type=submit]:before,
.sample-apply .fv form button:before,
form .sample-apply .fv button:before {
  content: "";
  width: 68px;
  height: 58px;
  background: url(../images/new_item/sample/img_1@2x.png) no-repeat;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-20%, -50%);
  transform: translate(-20%, -50%);
}
@media only screen and (max-width: 672px) {
  .sample-apply .fv .btn:before, .sample-apply .fv form input[type=submit]:before, form .sample-apply .fv input[type=submit]:before,
  .sample-apply .fv form button:before,
  form .sample-apply .fv button:before {
    -webkit-transform: translate(-20%, -50%);
    transform: translate(-20%, -50%);
  }
}
.sample-apply .fv .btn.__sekou:before, .sample-apply .fv form input.__sekou[type=submit]:before, form .sample-apply .fv input.__sekou[type=submit]:before,
.sample-apply .fv form button.__sekou:before,
form .sample-apply .fv button.__sekou:before {
  background-image: url(../images/lp/sekou/bnt_img01.png);
}
.sample-apply .fv .btn:after, .sample-apply .fv form input[type=submit]:after, form .sample-apply .fv input[type=submit]:after,
.sample-apply .fv form button:after,
form .sample-apply .fv button:after {
  color: #fff;
}
.sample-apply .page-title {
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  max-width: 852px;
  margin: 0 auto 15px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .page-title {
    font-size: 18px;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .page-title {
    font-size: 16px;
  }
}
.sample-apply .page-title .title {
  display: block;
  margin-bottom: 10px;
}
.sample-apply .page-title + img {
  max-width: 650px;
  margin: 30px auto;
  display: block;
  width: 100%;
}
.sample-apply .bg-1 {
  background: url(../images/new_item/sample/bg_1@2x.png) no-repeat center;
  background-size: cover;
  padding: 10px 0;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-1 {
    padding: 24px 0;
  }
}
.sample-apply .bg-1 .l-inner {
  position: relative;
}
.sample-apply .bg-1 .text-block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  max-width: 700px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-1 .text-block {
    text-align: center;
    display: block;
    max-width: inherit;
  }
}
.sample-apply .bg-1 .parts-1 {
  padding: 0 0 0 10px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background: linear-gradient(to right, #FB6F0F, #F11E04);
  margin-right: 30px;
  position: relative;
  letter-spacing: 0px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-1 .parts-1 {
    font-size: 14px;
    display: inline-block;
  }
}
.sample-apply .bg-1 .parts-1:after {
  content: "";
  border: 19px solid transparent;
  border-left: 19px solid #F11E04;
  position: absolute;
  right: -38px;
  top: -1px;
  border-radius: 1px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-1 .parts-1:after {
    border: 15px solid transparent;
    border-left: 15px solid #F11E04;
    right: -30px;
  }
}
.sample-apply .bg-1 .parts-1 .en, .sample-apply .bg-1 .parts-1 .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .sample-apply .bg-1 .parts-1 th,
.sample-apply .bg-1 .parts-1 .item-new .page-box .new-item-contents .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .sample-apply .bg-1 .parts-1 td {
  font-size: 28px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-1 .parts-1 .en, .sample-apply .bg-1 .parts-1 .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .sample-apply .bg-1 .parts-1 th,
  .sample-apply .bg-1 .parts-1 .item-new .page-box .new-item-contents .main-block .content-1 table td,
  .item-new .page-box .new-item-contents .main-block .content-1 table .sample-apply .bg-1 .parts-1 td {
    font-size: 20px;
  }
}
.sample-apply .bg-1 .parts-2 {
  font-size: 19px;
  font-weight: bold;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  letter-spacing: 0px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-1 .parts-2 {
    margin: 10px 0;
    font-size: 3vw;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .bg-1 .parts-2 {
    font-size: 4vw;
  }
}
.sample-apply .bg-1 .parts-2 .text {
  font-size: 27px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-1 .parts-2 .text {
    font-size: 5vw;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .bg-1 .parts-2 .text {
    font-size: 6vw;
  }
}
.sample-apply .bg-1 .dvd-img {
  width: 240px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-1 .dvd-img {
    width: 80%;
    position: relative;
    right: auto;
    top: auto;
    margin: 0px auto 0;
    transform: none;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .bg-1 .dvd-img {
    width: 100%;
    max-width: 250px;
  }
}
.sample-apply .bg-2 {
  background: url(../images/new_item/sample/bg_2@2x.png) no-repeat center;
  background-size: cover;
  padding: 40px 0;
  text-align: center;
  margin-bottom: 50px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-2 {
    padding: 20px 10px;
  }
}
.sample-apply .bg-2:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 81, 154, 0.6);
  position: absolute;
  left: 0;
  top: 0;
}
.sample-apply .bg-2 .section-title {
  font-size: 34px;
  font-weight: bold;
  color: #fff;
  position: relative;
  z-index: 10;
  line-height: 1.4;
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-2 .section-title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .bg-2 .section-title {
    font-size: 18px;
    padding: 15px 10px;
  }
}
.sample-apply .sample-review {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .sample-review {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .sample-apply .sample-review {
    flex-wrap: wrap;
  }
}
.sample-apply .sample-review .movie-block {
  flex: 0 0 512px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .sample-review .movie-block {
    flex: 0 0 40%;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .sample-review .movie-block {
    flex: 0 0 100%;
  }
}
.sample-apply .sample-review .text-block {
  flex: 0 0 51.145%;
  padding-left: 25px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .sample-review .text-block {
    flex: 0 0 60%;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .sample-review .text-block {
    flex: 0 0 100%;
    padding: 20px 0 0;
  }
}
.sample-apply .sample-review .text-block .title {
  font-size: 24px;
  font-weight: bold;
  color: #047AE3;
  line-height: 1.4;
  margin-bottom: 10px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .sample-review .text-block .title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .sample-review .text-block .title {
    font-size: var(--fs-p);
  }
}
.sample-apply .sample-review .text-block .name {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 2em;
}
@media only screen and (max-width: 544px) {
  .sample-apply .sample-review .text-block .name {
    margin-bottom: 1em;
  }
}
.sample-apply .color-5 {
  color: #FEED1E;
}
.sample-apply .sample-section-2 {
  margin-bottom: 6rem;
}
.sample-apply .sample-section-2 > .bg-2 {
  margin-bottom: 0;
}
.sample-apply .sample-section-2 .bg-block {
  background: url(../images/new_item/sample/bg_3@2x.png) no-repeat center top;
  background-size: 100% auto;
}
.sample-apply .sample-section-2 .bg-block .img {
  max-width: 800px;
  margin: 0 auto;
  padding: 50px 0;
}
@media only screen and (max-width: 991px) {
  .sample-apply .sample-section-2 .bg-block .img {
    padding: 30px 0;
  }
}
.sample-apply .sample-title {
  margin-top: 6em;
}
.sample-apply .sample-title:first-child {
  margin-top: 2rem;
}
@media only screen and (max-width: 991px) {
  .sample-apply .sample-title {
    margin-top: 3em;
  }
}
.sample-apply .sample-title .title-1 {
  background: linear-gradient(to right, #05539A, #1789EB);
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  border-radius: 4px 4px 0 0;
  display: block;
  padding-top: 5px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .sample-title .title-1 {
    font-size: 13px;
  }
}
.sample-apply .sample-title .title-1 .en, .sample-apply .sample-title .title-1 .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .sample-apply .sample-title .title-1 th,
.sample-apply .sample-title .title-1 .item-new .page-box .new-item-contents .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .sample-apply .sample-title .title-1 td {
  font-size: 40px;
  color: #FEED1E;
  padding-left: 5px;
  line-height: 1;
}
@media only screen and (max-width: 991px) {
  .sample-apply .sample-title .title-1 .en, .sample-apply .sample-title .title-1 .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .sample-apply .sample-title .title-1 th,
  .sample-apply .sample-title .title-1 .item-new .page-box .new-item-contents .main-block .content-1 table td,
  .item-new .page-box .new-item-contents .main-block .content-1 table .sample-apply .sample-title .title-1 td {
    font-size: 20px;
  }
}
.sample-apply .sample-title .title-2 {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  line-height: 1.4;
  padding: 30px 10px;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
  display: block;
}
@media only screen and (max-width: 991px) {
  .sample-apply .sample-title .title-2 {
    font-size: 22px;
    padding: 15px 10px;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .sample-title .title-2 {
    font-size: 16px;
  }
}
.sample-apply .sample-title .title-2 .text {
  position: relative;
  z-index: 10;
}
.sample-apply .inner-block {
  max-width: 800px;
  margin: 0 auto;
}
.sample-apply .profile-box {
  border: none !important;
  margin-bottom: 60px;
  position: relative;
  padding: 0 40px 20px;
  overflow: visible;
}
@media only screen and (max-width: 991px) {
  .sample-apply .profile-box {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .profile-box {
    padding: 0 10px;
  }
}
.sample-apply .profile-box .profile-1 {
  padding: 20px 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.sample-apply .profile-box .profile-1 .img-block {
  flex: 0 0 88px;
}
.sample-apply .profile-box .profile-1 .text-block {
  flex: 0 0 calc(100% - 108px);
}
.sample-apply .profile-box .profile-1 .text-block .name {
  font-size: 13px;
  font-weight: bold;
  color: #047AE3;
  margin-bottom: 0;
}
@media only screen and (max-width: 544px) {
  .sample-apply .profile-box .profile-1 .text-block .name {
    font-size: 10px;
  }
}
.sample-apply .profile-box .profile-1 .text-block .title {
  font-size: 19px;
  font-weight: bold;
  line-height: 1.4;
}
@media only screen and (max-width: 544px) {
  .sample-apply .profile-box .profile-1 .text-block .title {
    font-size: 13px;
  }
}
.sample-apply .profile-box .profile-2 {
  padding: 20px 0;
  display: none;
}
.sample-apply .profile-box .profile-2 .name {
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 1em;
}
.sample-apply .img-box {
  margin: 2em 0px;
}
.sample-apply .open-btn {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  font-size: var(--fs-p);
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #26455C;
  padding: 6px 40px;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 544px) {
  .sample-apply .open-btn {
    font-size: 13px;
    width: 96%;
    transform: translate(-50%, 80%);
  }
}
.sample-apply .open-btn i {
  color: #047AE3;
}
.sample-apply .open-btn:hover {
  box-shadow: 0 0 20px 0px rgba(38, 69, 92, 0.4);
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}
.sample-apply .shadow-box .toggle-btn, .sample-apply .tab-cont .toggle-btn, .item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box .toggle-btn, .sample-apply .bg-3 .text-box .toggle-btn, .sample-apply .item-new .slide-down > dt .toggle-btn, .item-new .sample-apply .slide-down > dt .toggle-btn, .sample-apply .item-new .item-faq .slide-down .toggle-btn, .item-new .item-faq .sample-apply .slide-down .toggle-btn, .sample-apply .item-new .page-box .new-item-contents .main-block .link-box-article a .toggle-btn, .item-new .page-box .new-item-contents .main-block .link-box-article .sample-apply a .toggle-btn, .sample-apply .item-new .page-box .new-item-contents .main-block .tab-wrap .toggle-btn, .item-new .page-box .new-item-contents .main-block .sample-apply .tab-wrap .toggle-btn {
  background: #26455C;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px 4px 0 0;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 991px) {
  .sample-apply .shadow-box .toggle-btn, .sample-apply .tab-cont .toggle-btn, .item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box .toggle-btn, .sample-apply .bg-3 .text-box .toggle-btn, .sample-apply .item-new .slide-down > dt .toggle-btn, .item-new .sample-apply .slide-down > dt .toggle-btn, .sample-apply .item-new .item-faq .slide-down .toggle-btn, .item-new .item-faq .sample-apply .slide-down .toggle-btn, .sample-apply .item-new .page-box .new-item-contents .main-block .link-box-article a .toggle-btn, .item-new .page-box .new-item-contents .main-block .link-box-article .sample-apply a .toggle-btn, .sample-apply .item-new .page-box .new-item-contents .main-block .tab-wrap .toggle-btn, .item-new .page-box .new-item-contents .main-block .sample-apply .tab-wrap .toggle-btn {
    font-size: 13px;
  }
}
.sample-apply .shadow-box .toggle-btn i, .sample-apply .tab-cont .toggle-btn i, .item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box .toggle-btn i, .sample-apply .bg-3 .text-box .toggle-btn i, .sample-apply .item-new .slide-down > dt .toggle-btn i, .item-new .sample-apply .slide-down > dt .toggle-btn i, .sample-apply .item-new .item-faq .slide-down .toggle-btn i, .item-new .item-faq .sample-apply .slide-down .toggle-btn i, .sample-apply .item-new .page-box .new-item-contents .main-block .link-box-article a .toggle-btn i, .item-new .page-box .new-item-contents .main-block .link-box-article .sample-apply a .toggle-btn i, .sample-apply .item-new .page-box .new-item-contents .main-block .tab-wrap .toggle-btn i, .item-new .page-box .new-item-contents .main-block .sample-apply .tab-wrap .toggle-btn i {
  color: #047AE3;
}
.sample-apply .shadow-box .toggle-btn:hover, .sample-apply .tab-cont .toggle-btn:hover, .item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box .toggle-btn:hover, .sample-apply .bg-3 .text-box .toggle-btn:hover, .sample-apply .item-new .slide-down > dt .toggle-btn:hover, .item-new .sample-apply .slide-down > dt .toggle-btn:hover, .sample-apply .item-new .item-faq .slide-down .toggle-btn:hover, .item-new .item-faq .sample-apply .slide-down .toggle-btn:hover, .sample-apply .item-new .page-box .new-item-contents .main-block .link-box-article a .toggle-btn:hover, .item-new .page-box .new-item-contents .main-block .link-box-article .sample-apply a .toggle-btn:hover, .sample-apply .item-new .page-box .new-item-contents .main-block .tab-wrap .toggle-btn:hover, .item-new .page-box .new-item-contents .main-block .sample-apply .tab-wrap .toggle-btn:hover {
  box-shadow: 0 0 20px 0px rgba(38, 69, 92, 0.4);
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}
.sample-apply .shadow-box .toggle-content, .sample-apply .tab-cont .toggle-content, .item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box .toggle-content, .sample-apply .bg-3 .text-box .toggle-content, .sample-apply .item-new .slide-down > dt .toggle-content, .item-new .sample-apply .slide-down > dt .toggle-content, .sample-apply .item-new .item-faq .slide-down .toggle-content, .item-new .item-faq .sample-apply .slide-down .toggle-content, .sample-apply .item-new .page-box .new-item-contents .main-block .link-box-article a .toggle-content, .item-new .page-box .new-item-contents .main-block .link-box-article .sample-apply a .toggle-content, .sample-apply .item-new .page-box .new-item-contents .main-block .tab-wrap .toggle-content, .item-new .page-box .new-item-contents .main-block .sample-apply .tab-wrap .toggle-content {
  padding: 40px;
  display: none;
}
@media only screen and (max-width: 991px) {
  .sample-apply .shadow-box .toggle-content, .sample-apply .tab-cont .toggle-content, .item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box .toggle-content, .sample-apply .bg-3 .text-box .toggle-content, .sample-apply .item-new .slide-down > dt .toggle-content, .item-new .sample-apply .slide-down > dt .toggle-content, .sample-apply .item-new .item-faq .slide-down .toggle-content, .item-new .item-faq .sample-apply .slide-down .toggle-content, .sample-apply .item-new .page-box .new-item-contents .main-block .link-box-article a .toggle-content, .item-new .page-box .new-item-contents .main-block .link-box-article .sample-apply a .toggle-content, .sample-apply .item-new .page-box .new-item-contents .main-block .tab-wrap .toggle-content, .item-new .page-box .new-item-contents .main-block .sample-apply .tab-wrap .toggle-content {
    padding: 20px;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .shadow-box .toggle-content, .sample-apply .tab-cont .toggle-content, .item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box .toggle-content, .sample-apply .bg-3 .text-box .toggle-content, .sample-apply .item-new .slide-down > dt .toggle-content, .item-new .sample-apply .slide-down > dt .toggle-content, .sample-apply .item-new .item-faq .slide-down .toggle-content, .item-new .item-faq .sample-apply .slide-down .toggle-content, .sample-apply .item-new .page-box .new-item-contents .main-block .link-box-article a .toggle-content, .item-new .page-box .new-item-contents .main-block .link-box-article .sample-apply a .toggle-content, .sample-apply .item-new .page-box .new-item-contents .main-block .tab-wrap .toggle-content, .item-new .page-box .new-item-contents .main-block .sample-apply .tab-wrap .toggle-content {
    padding: 10px;
  }
}
.sample-apply .shadow-box .toggle-content .title, .sample-apply .tab-cont .toggle-content .title, .item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box .toggle-content .title, .sample-apply .bg-3 .text-box .toggle-content .title, .sample-apply .item-new .slide-down > dt .toggle-content .title, .item-new .sample-apply .slide-down > dt .toggle-content .title, .sample-apply .item-new .item-faq .slide-down .toggle-content .title, .item-new .item-faq .sample-apply .slide-down .toggle-content .title, .sample-apply .item-new .page-box .new-item-contents .main-block .link-box-article a .toggle-content .title, .item-new .page-box .new-item-contents .main-block .link-box-article .sample-apply a .toggle-content .title, .sample-apply .item-new .page-box .new-item-contents .main-block .tab-wrap .toggle-content .title, .item-new .page-box .new-item-contents .main-block .sample-apply .tab-wrap .toggle-content .title {
  font-size: 27px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .shadow-box .toggle-content .title, .sample-apply .tab-cont .toggle-content .title, .item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box .toggle-content .title, .sample-apply .bg-3 .text-box .toggle-content .title, .sample-apply .item-new .slide-down > dt .toggle-content .title, .item-new .sample-apply .slide-down > dt .toggle-content .title, .sample-apply .item-new .item-faq .slide-down .toggle-content .title, .item-new .item-faq .sample-apply .slide-down .toggle-content .title, .sample-apply .item-new .page-box .new-item-contents .main-block .link-box-article a .toggle-content .title, .item-new .page-box .new-item-contents .main-block .link-box-article .sample-apply a .toggle-content .title, .sample-apply .item-new .page-box .new-item-contents .main-block .tab-wrap .toggle-content .title, .item-new .page-box .new-item-contents .main-block .sample-apply .tab-wrap .toggle-content .title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .shadow-box .toggle-content .title, .sample-apply .tab-cont .toggle-content .title, .item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box .toggle-content .title, .sample-apply .bg-3 .text-box .toggle-content .title, .sample-apply .item-new .slide-down > dt .toggle-content .title, .item-new .sample-apply .slide-down > dt .toggle-content .title, .sample-apply .item-new .item-faq .slide-down .toggle-content .title, .item-new .item-faq .sample-apply .slide-down .toggle-content .title, .sample-apply .item-new .page-box .new-item-contents .main-block .link-box-article a .toggle-content .title, .item-new .page-box .new-item-contents .main-block .link-box-article .sample-apply a .toggle-content .title, .sample-apply .item-new .page-box .new-item-contents .main-block .tab-wrap .toggle-content .title, .item-new .page-box .new-item-contents .main-block .sample-apply .tab-wrap .toggle-content .title {
    font-size: 16px;
  }
}
.sample-apply .shadow-box .toggle-content .title .mark, .sample-apply .tab-cont .toggle-content .title .mark, .item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box .toggle-content .title .mark, .sample-apply .bg-3 .text-box .toggle-content .title .mark, .sample-apply .item-new .slide-down > dt .toggle-content .title .mark, .item-new .sample-apply .slide-down > dt .toggle-content .title .mark, .sample-apply .item-new .item-faq .slide-down .toggle-content .title .mark, .item-new .item-faq .sample-apply .slide-down .toggle-content .title .mark, .sample-apply .item-new .page-box .new-item-contents .main-block .link-box-article a .toggle-content .title .mark, .item-new .page-box .new-item-contents .main-block .link-box-article .sample-apply a .toggle-content .title .mark, .sample-apply .item-new .page-box .new-item-contents .main-block .tab-wrap .toggle-content .title .mark, .item-new .page-box .new-item-contents .main-block .sample-apply .tab-wrap .toggle-content .title .mark {
  display: table;
  margin: 0 auto 10px;
  background: #047AE3;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 2px 15px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .shadow-box .toggle-content .title .mark, .sample-apply .tab-cont .toggle-content .title .mark, .item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box .toggle-content .title .mark, .sample-apply .bg-3 .text-box .toggle-content .title .mark, .sample-apply .item-new .slide-down > dt .toggle-content .title .mark, .item-new .sample-apply .slide-down > dt .toggle-content .title .mark, .sample-apply .item-new .item-faq .slide-down .toggle-content .title .mark, .item-new .item-faq .sample-apply .slide-down .toggle-content .title .mark, .sample-apply .item-new .page-box .new-item-contents .main-block .link-box-article a .toggle-content .title .mark, .item-new .page-box .new-item-contents .main-block .link-box-article .sample-apply a .toggle-content .title .mark, .sample-apply .item-new .page-box .new-item-contents .main-block .tab-wrap .toggle-content .title .mark, .item-new .page-box .new-item-contents .main-block .sample-apply .tab-wrap .toggle-content .title .mark {
    font-size: 13px;
  }
}
.sample-apply .shadow-box .toggle-content .img-box, .sample-apply .tab-cont .toggle-content .img-box, .item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box .toggle-content .img-box, .sample-apply .bg-3 .text-box .toggle-content .img-box, .sample-apply .item-new .slide-down > dt .toggle-content .img-box, .item-new .sample-apply .slide-down > dt .toggle-content .img-box, .sample-apply .item-new .item-faq .slide-down .toggle-content .img-box, .item-new .item-faq .sample-apply .slide-down .toggle-content .img-box, .sample-apply .item-new .page-box .new-item-contents .main-block .link-box-article a .toggle-content .img-box, .item-new .page-box .new-item-contents .main-block .link-box-article .sample-apply a .toggle-content .img-box, .sample-apply .item-new .page-box .new-item-contents .main-block .tab-wrap .toggle-content .img-box, .item-new .page-box .new-item-contents .main-block .sample-apply .tab-wrap .toggle-content .img-box {
  margin: 3em 0 2em;
}
@media only screen and (max-width: 991px) {
  .sample-apply .shadow-box .toggle-content .img-box, .sample-apply .tab-cont .toggle-content .img-box, .item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box .toggle-content .img-box, .sample-apply .bg-3 .text-box .toggle-content .img-box, .sample-apply .item-new .slide-down > dt .toggle-content .img-box, .item-new .sample-apply .slide-down > dt .toggle-content .img-box, .sample-apply .item-new .item-faq .slide-down .toggle-content .img-box, .item-new .item-faq .sample-apply .slide-down .toggle-content .img-box, .sample-apply .item-new .page-box .new-item-contents .main-block .link-box-article a .toggle-content .img-box, .item-new .page-box .new-item-contents .main-block .link-box-article .sample-apply a .toggle-content .img-box, .sample-apply .item-new .page-box .new-item-contents .main-block .tab-wrap .toggle-content .img-box, .item-new .page-box .new-item-contents .main-block .sample-apply .tab-wrap .toggle-content .img-box {
    margin: 2em 0 1em;
  }
}
.sample-apply .sample-title img {
  max-width: 635px;
  margin: 0 auto;
  display: block;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .sample-apply .sample-title img {
    width: 96%;
  }
}
.sample-apply .sample-title + .img {
  max-width: 512px;
  margin: 20px auto 0;
}
@media only screen and (max-width: 991px) {
  .sample-apply .sample-title + .img {
    max-width: 90%;
  }
}
.sample-apply .bg-3 {
  background: url(../images/new_item/sample/bg_6@2x.png) no-repeat center;
  background-size: cover;
  padding: 60px 0 30px;
  margin-top: -100px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-3 {
    margin-top: -120px;
  }
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-3 .text-box {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
  }
}
.sample-apply .bg-3 .text-box .title {
  background: #26455C;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px 4px 0 0;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-3 .text-box .title {
    font-size: 13px;
  }
}
.sample-apply .bg-3 .text-box .sample-list {
  padding: 40px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-3 .text-box .sample-list {
    padding: 20px;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .bg-3 .text-box .sample-list {
    padding: 10px;
  }
}
.sample-apply .bg-3 .text-box .sample-list ul {
  margin: 0;
}
.sample-apply .bg-3 .text-box .sample-list ul li {
  font-size: 21px;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-3 .text-box .sample-list ul li {
    font-size: 13px;
  }
}
.sample-apply .bg-3 .text-box .sample-list .mark {
  background: #047AE3;
  padding: 0 5px;
  font-size: var(--fs-p);
  color: #fff;
  display: inline-block;
  margin-right: 20px;
  position: relative;
  top: -2px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-3 .text-box .sample-list .mark {
    font-size: 11px;
  }
}
.sample-apply .bg-3 .text-box .sample-list .mark:after {
  content: "";
  border: 15px solid transparent;
  border-left: 10px solid #047AE3;
  position: absolute;
  right: -25px;
  top: 0;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-3 .text-box .sample-list .mark:after {
    border: 11px solid transparent;
    border-left: 10px solid #047AE3;
    right: -21px;
  }
}
.sample-apply .bg-3 .ribbon {
  margin: 30px 40px 0;
  background: linear-gradient(to right, #DD0000, #EF7474, #DD0000);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  position: relative;
  padding: 0 3px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-3 .ribbon {
    margin: 30px 20px 0;
    text-align: center;
  }
}
.sample-apply .bg-3 .ribbon:before {
  content: "";
  border: 23px solid #DD0000;
  border-left: 20px solid transparent;
  position: absolute;
  left: -40px;
  top: 0;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-3 .ribbon:before {
    border: 16px solid #DD0000;
    border-left: 8px solid transparent;
    left: -10px;
  }
}
.sample-apply .bg-3 .ribbon:after {
  content: "";
  border: 23px solid #DD0000;
  border-right: 20px solid transparent;
  position: absolute;
  right: -40px;
  top: 0;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-3 .ribbon:after {
    border: 16px solid #DD0000;
    border-right: 8px solid transparent;
    right: -10px;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .bg-3 .ribbon {
    font-size: 12px;
  }
}
.sample-apply .bg-3 .ribbon .en, .sample-apply .bg-3 .ribbon .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .sample-apply .bg-3 .ribbon th,
.sample-apply .bg-3 .ribbon .item-new .page-box .new-item-contents .main-block .content-1 table td,
.item-new .page-box .new-item-contents .main-block .content-1 table .sample-apply .bg-3 .ribbon td {
  font-size: 32px;
  line-height: 1;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-3 .ribbon .en, .sample-apply .bg-3 .ribbon .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .sample-apply .bg-3 .ribbon th,
  .sample-apply .bg-3 .ribbon .item-new .page-box .new-item-contents .main-block .content-1 table td,
  .item-new .page-box .new-item-contents .main-block .content-1 table .sample-apply .bg-3 .ribbon td {
    font-size: 26px;
    position: relative;
    z-index: 10;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .bg-3 .ribbon .en, .sample-apply .bg-3 .ribbon .item-new .page-box .new-item-contents .main-block .content-1 table th, .item-new .page-box .new-item-contents .main-block .content-1 table .sample-apply .bg-3 .ribbon th,
  .sample-apply .bg-3 .ribbon .item-new .page-box .new-item-contents .main-block .content-1 table td,
  .item-new .page-box .new-item-contents .main-block .content-1 table .sample-apply .bg-3 .ribbon td {
    font-size: 20px;
  }
}
.sample-apply .bg-3 .ribbon .big {
  font-size: 29px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-3 .ribbon .big {
    font-size: 24px;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .bg-3 .ribbon .big {
    font-size: 18px;
  }
}
.sample-apply .bg-3 .presents {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin-top: -20px;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-3 .presents {
    margin-top: 0;
    padding-left: 3%;
    padding-right: 3%;
  }
}
.sample-apply .bg-3 .presents .img-block {
  flex: 0 0 35%;
}
.sample-apply .bg-3 .presents .text-block {
  flex: 0 0 65%;
  letter-spacing: 0px;
}
.sample-apply .bg-3 .presents .text-block p {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  line-height: 1.4;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.46);
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-3 .presents .text-block p {
    font-size: 3vw;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .bg-3 .presents .text-block p {
    font-size: 4vw;
  }
}
.sample-apply .bg-3 .presents .text-block p .big {
  font-size: 36px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .bg-3 .presents .text-block p .big {
    font-size: 4.3vw;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .bg-3 .presents .text-block p .big {
    font-size: 4.8vw;
  }
}
.sample-apply .request {
  padding-top: 0px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .request {
    padding-top: 0px;
  }
}
.sample-apply .request .sample-request-title {
  max-width: 598px;
  margin: 0 auto 20px;
}
.sample-apply .request .sample-request-title + p {
  font-weight: bold;
  text-align: center;
}
.sample-apply .non {
  text-align: center;
}
.sample-apply .non .color-4 {
  font-size: 20px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .non .color-4 {
    font-size: var(--fs-p);
  }
}
.sample-apply .ec-form th {
  font-size: 13px;
  width: 230px;
}

/* - 21/12/8 LP更新 - */
.sample-apply .p-applylpFv {
  overflow: hidden;
  position: relative;
}
.sample-apply .p-applylpFv:before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  width: 130%;
  height: 200px;
  transform: rotate(-3deg);
  background-color: var(--base-color04);
}
@media only screen and (max-width: 544px) {
  .sample-apply .p-applylpFv:before {
    height: 250px;
  }
}
.sample-apply .p-applylpFv_main {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 3%;
}
@media only screen and (max-width: 991px) {
  .sample-apply .p-applylpFv_main {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 6%;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .p-applylpFv_main {
    padding-top: 10%;
    padding-bottom: 6%;
    padding-left: 2%;
    padding-right: 2%;
  }
}
.sample-apply .p-applylpFv_main.__bg01:before {
  content: "";
  position: absolute;
  right: -38%;
  top: 100px;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 80vh;
  background-image: url(https://www.sat-co.info/ec/images/lp/corpshiryo/main_josei.png);
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
@media only screen and (max-width: 544px) {
  .sample-apply .p-applylpFv_main.__bg01:before {
    right: -28%;
    width: 80%;
  }
}
.sample-apply .p-applylpFv_main.__bg02:before {
  content: "";
  position: absolute;
  right: -38%;
  top: 100px;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 80vh;
  background-image: url(../images/new_item/sample/bg-type02.png);
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
@media only screen and (max-width: 544px) {
  .sample-apply .p-applylpFv_main.__bg02:before {
    right: -28%;
    width: 80%;
  }
}
.sample-apply .p-applylpFv_mainTitle {
  max-width: 770px;
  width: 70%;
  object-fit: contain;
}
@media only screen and (max-width: 544px) {
  .sample-apply .p-applylpFv_mainTitle {
    width: 83%;
  }
}
.sample-apply .p-applylpFv_awardInner {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 3%;
  padding-top: 1%;
  padding-bottom: 3%;
}
@media only screen and (max-width: 991px) {
  .sample-apply .p-applylpFv_awardInner {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .p-applylpFv_awardInner {
    flex-wrap: wrap;
    padding-left: 2%;
    padding-right: 2%;
  }
}
.sample-apply .p-applylpFv_awardTitle {
  width: 20%;
}
@media only screen and (max-width: 544px) {
  .sample-apply .p-applylpFv_awardTitle {
    width: 40%;
  }
}
.sample-apply .p-applylpFv_awardBadge {
  width: 45%;
}
@media only screen and (max-width: 544px) {
  .sample-apply .p-applylpFv_awardBadge {
    width: 80%;
    margin: 3% auto;
  }
}
.sample-apply .p-applylpFv_awardTrophy_wrap {
  width: 35%;
  position: relative;
}
@media only screen and (max-width: 544px) {
  .sample-apply .p-applylpFv_awardTrophy_wrap {
    position: absolute;
    right: 5%;
    top: 10px;
    width: 45%;
  }
}
.sample-apply .p-applylpFv_awardStudents {
  top: -110px;
  right: -50px;
  max-width: 170px;
  position: absolute;
}
@media only screen and (max-width: 991px) {
  .sample-apply .p-applylpFv_awardStudents {
    top: -120px;
    right: -20px;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .p-applylpFv_awardStudents {
    top: -70px;
    max-width: 120px;
  }
}
.sample-apply .p-applylpFv.__type02 .p-applylpFv_main {
  display: flex;
  gap: 0;
  padding-top: 4rem;
  padding-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .sample-apply .p-applylpFv.__type02 .p-applylpFv_main {
    padding-top: 5%;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .p-applylpFv.__type02 .p-applylpFv_main {
    padding-top: 8%;
    padding-bottom: 3%;
  }
}
.sample-apply .p-applylpFv.__type02 .p-applylpFv_mainTitle {
  width: 65%;
}
@media only screen and (max-width: 544px) {
  .sample-apply .p-applylpFv.__type02 .p-applylpFv_mainTitle {
    width: 75%;
  }
}
.sample-apply .p-applylpFv.__type02 .p-applylpFv_mainTeacher {
  width: 35%;
}
@media only screen and (max-width: 544px) {
  .sample-apply .p-applylpFv.__type02 .p-applylpFv_mainTeacher {
    width: 32%;
  }
}
@media only screen and (max-width: 991px) {
  .sample-apply .p-applylpFv.__type02 .p-applylpFv_award {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.sample-apply .p-applylpFv.__type02 .p-applylpFv_awardStudents {
  top: -90px;
}
@media only screen and (max-width: 991px) {
  .sample-apply .p-applylpFv.__type02 .p-applylpFv_awardStudents {
    top: -50px;
    right: -50px;
    max-width: 110px;
  }
}
@media only screen and (max-width: 544px) {
  .sample-apply .p-applylpFv.__type02 .p-applylpFv_awardStudents {
    top: -20px;
    right: -20px;
    max-width: 80px;
  }
}

.item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box {
  background: #fff;
  border-radius: 0;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box {
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box {
    padding: 10px;
  }
}
.item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box .border-b-white {
  border-color: var(--base-color04);
}
.item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box input[type=text],
.item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box input[type=email],
.item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box input[type=tel],
.item-new .page-box .new-item-contents .main-block .sample-apply .request .form-box textarea {
  background: var(--base-color04);
}

.item-new.apply-type .page-box {
  border-radius: 0;
  border: none;
}

.item-new .page-box .new-item-contents .main-block .guarantee .text-block .title {
  color: #26455C;
}

.item-new .page-box .new-item-contents .main-block .ol li:after {
  background: #26455C;
}

.float-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  background: rgba(30, 58, 78, 0.92);
  z-index: 999;
  display: none;
}
.float-cta .btn-f {
  display: table;
  margin: 0 auto;
  background: linear-gradient(to right, #2EB979, #71D6A8);
  font-size: 21px;
  min-width: 400px;
}
@media only screen and (max-width: 991px) {
  .float-cta .btn-f {
    font-size: 14px;
    min-width: 84%;
  }
}
.float-cta .btn-f:before {
  content: "";
  width: 63px;
  height: 51px;
  background: url(../images/new_item/sample/img_1@2x.png) no-repeat;
  background-size: 63px 51px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
.float-cta .btn-f.__sekou:before {
  background-image: url(../images/lp/sekou/bnt_img01.png);
}
.float-cta .btn-f:after {
  content: "\f0a9";
  color: #fff;
}

#brochure {
  background: none;
  /*SPのナビゲーション*/
}
#brochure .l-header {
  padding: 0;
}
#brochure .l-header.lp {
  border-top: 3px solid #05539A;
  background: rgba(30, 58, 78, 0.92);
}
@media only screen and (max-width: 991px) {
  #brochure .l-header.lp {
    display: none;
  }
}
#brochure .l-header.fixed {
  position: fixed;
  width: 100%;
  z-index: 100;
  top: 0;
}
#brochure .l-header .header_wrapper {
  margin: 0 auto;
}
#brochure .l-header .__nav {
  margin: auto;
}
#brochure .l-header .__nav .__item {
  margin: 0;
  font-size: 13px;
}
#brochure .l-header .__nav .__item a {
  display: block;
  color: #fff;
  padding: 8px 1rem;
  transition: 0.3s all;
}
#brochure .l-header .__nav .__item a:hover {
  background: linear-gradient(to bottom, #05539A, #1789EB);
}
#brochure .l-header .__nav .__item.current a {
  background: linear-gradient(to bottom, #05539A, #1789EB);
}
#brochure #section-1:before,
#brochure #section-2:before,
#brochure #section-3:before,
#brochure #section-4:before,
#brochure #section-5:before,
#brochure #section-6:before,
#brochure #section-7:before {
  content: "";
  display: block;
  margin-top: -60px;
  padding-top: 60px;
}
#brochure .header_wrapper {
  margin: 30px auto;
}
@media only screen and (max-width: 991px) {
  #brochure .header_wrapper {
    margin: 15px auto;
  }
}
#brochure .header_wrapper .btn-f {
  background: linear-gradient(to right, #2EB979, #71D6A8);
  min-width: 280px;
  margin: 0 0 0 auto;
}
@media only screen and (max-width: 991px) {
  #brochure .header_wrapper .btn-f {
    font-size: 12px;
    min-width: 120px;
    padding: 5px 10px;
  }
}
#brochure .header_wrapper .btn-f:after {
  content: "\f0a9";
  color: #fff;
}
@media only screen and (max-width: 991px) {
  #brochure .header_wrapper .btn-f:after {
    content: none;
  }
}
#brochure .l-header.__sp {
  display: none;
  /*チェックボックス等は非表示に*/
  /*アイコンのスペース*/
  /*ハンバーガーアイコンをCSSだけで表現*/
  /*閉じる用の薄黒カバー*/
  /*中身*/
  /*チェックが入ったらもろもろ表示*/
}
@media only screen and (max-width: 991px) {
  #brochure .l-header.__sp {
    display: block;
  }
}
#brochure .l-header.__sp header {
  background: skyblue;
}
#brochure .l-header.__sp #__drawer {
  position: relative;
}
#brochure .l-header.__sp .__unshown {
  display: none;
}
#brochure .l-header.__sp #__open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
  position: fixed;
  right: 0;
  padding: 14px 10px;
  top: 0;
  background: rgba(30, 58, 78, 0.92);
  box-sizing: content-box;
}
#brochure .l-header.__sp #__open span,
#brochure .l-header.__sp #__open span:before,
#brochure .l-header.__sp #__open span:after {
  position: absolute;
  height: 2px;
  /*線の太さ*/
  width: 20px;
  /*長さ*/
  border-radius: 3px;
  background: #FFF;
  display: block;
  content: "";
  cursor: pointer;
  left: 0;
  right: 0;
  margin: auto;
}
#brochure .l-header.__sp #__open span:before {
  bottom: -8px;
  width: 18px;
}
#brochure .l-header.__sp #__open span:after {
  bottom: -16px;
  width: 16px;
}
#brochure .l-header.__sp #__close {
  display: none;
  /*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;
  /*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
#brochure .l-header.__sp #__content {
  overflow: auto;
  position: fixed;
  padding: 32px 0;
  top: 0;
  right: 0;
  z-index: 9999;
  /*最前面に*/
  width: 90%;
  /*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 240px;
  /*最大幅（調整してください）*/
  height: 100%;
  background: rgba(30, 58, 78, 0.92);
  padding: 32px 0;
  transition: 0.3s ease-in-out;
  /*滑らかに表示*/
  -webkit-transform: translateX(105%);
  transform: translateX(105%);
  /*左に隠しておく*/
}
#brochure .l-header.__sp #__content .__nav {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#brochure .l-header.__sp #__content .__item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#brochure .l-header.__sp #__content .__item a {
  padding: 12px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
#brochure .l-header.__sp #__content .__item a:hover {
  background: linear-gradient(to right, #05539A, #1789EB);
}
#brochure .l-header.__sp #__input:checked ~ #__close {
  display: block;
  /*カバーを表示*/
  opacity: 0.5;
}
#brochure .l-header.__sp #__input:checked ~ #__content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  /*中身を表示（右へスライド）*/
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.35);
}

_:-ms-input-placeholder,
:root,
.item-new .page-box .main-visual .main-text-block .item-title span {
  line-height: 1.6;
}

_:-ms-input-placeholder,
:root .item-new .page-box .new-item-contents .main-block {
  flex: 0 0 75.335%;
}

_:-ms-input-placeholder,
:root .item-new .page-box .new-item-contents .main-block .title-block .text {
  flex: 0 0 30px;
}

_:-ms-input-placeholder,
:root .item-new .page-box .new-item-contents .main-block .title-block .row-title {
  flex: 0 0 86.681%;
}

_:-ms-input-placeholder,
:root .item-new .page-box .new-item-contents .main-block .box-2 .text-box .text .img-block img {
  width: 40px;
}

_:-ms-input-placeholder,
:root .item-new .page-box .new-item-contents .main-block .lecturer .text-block {
  flex: 0 0 73.233%;
}

_:-ms-input-placeholder,
:root .item-new .page-box .new-item-contents .main-block .flex-content [class*=parts-] {
  flex: 0 0 48.5%;
}

_:-ms-input-placeholder,
:root .item-new .page-box .new-item-contents .main-block .review-box .flex .user .img {
  position: relative;
  height: 86px;
  overflow: hidden;
}

_:-ms-input-placeholder,
:root .item-new .page-box .new-item-contents .main-block .review-box .flex .user .img img {
  position: absolute;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

_:-ms-input-placeholder,
:root .item-new .page-box .new-item-contents .main-block .guarantee .text-block {
  flex: 0 0 71.428%;
}

_:-ms-input-placeholder,
:root .item-new [class*=step-] .text-block {
  flex: 0 0 36.363%;
}

_:-ms-input-placeholder,
:root .item-new [class*=step-] .parts {
  flex: 0 0 63.636%;
}

_:-ms-input-placeholder,
:root .item-new .page-box .new-item-contents .main-block .top-block-3 p .big {
  color: #047AE3;
}

_:-ms-input-placeholder,
:root .item-new .page-box .new-item-contents .main-block .review-link-box .flex .text-block {
  flex: 0 0 77.87%;
}

_:-ms-input-placeholder,
:root .item-new .page-box .new-item-contents .main-block .top-block-2 .flex .parts {
  flex: 0 0 29.3%;
}

_:-ms-input-placeholder,
:root .item-new .page-box .main-visual .main-text-block .text-1 {
  margin-top: 1em;
}

_:-ms-input-placeholder,
:root .sample-apply .bg-1 .text-block {
  max-width: 780px;
}

_:-ms-input-placeholder,
:root .sample-apply .bg-3 .presents .text-block p .big {
  font-size: 30px;
}

_:-ms-input-placeholder,
:root body#brochure {
  font-family: "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;
}

@supports (-ms-ime-align: auto) {
  .main-visual .main-text-block .item-title span {
    line-height: 1.6 !important;
  }
  .sample-apply .bg-1 .text-block {
    max-width: 780px;
  }
  .sample-apply .bg-3 .presents .text-block p .big {
    font-size: 30px;
  }
  body#brochure {
    font-family: "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;
  }
}
.item-new .page-box .new-item-contents .main-block {
  padding-top: 3rem !important;
}
@media only screen and (max-width: 544px) {
  .item-new .page-box .new-item-contents .main-block {
    padding-top: 2rem !important;
  }
}

.item-new .l-inner-wrap {
  margin-top: -64px;
}
.item-new .l-inner-wrap.__lpcourse {
  margin-top: 0px;
}
@media only screen and (max-width: 991px) {
  .item-new .l-inner-wrap {
    margin-top: 0 !important;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .l-inner-wrap {
    margin-top: 0 !important;
  }
}

.item-new .post-header-block {
  line-height: 1.4;
}
@media only screen and (max-width: 991px) {
  .item-new .post-header-block {
    padding: 3rem 10px 2rem !important;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .post-header-block {
    padding: 1.5rem 10px 1.5rem !important;
  }
}

.item-new .overflow {
  overflow: hidden;
}
.item-new .overlink {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.item-new .margin-b1 {
  margin-bottom: 3%;
}
.item-new .margin-b2 {
  margin-bottom: 6%;
}
.item-new .maxwidth400 {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.item-new .flex {
  display: flex;
}
.item-new .flex.nowrap {
  display: flex;
  flex-wrap: nowrap;
}
.item-new .flex.nowrap_sm {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}
@media only screen and (max-width: 544px) {
  .item-new .flex.nowrap_sm {
    flex-wrap: wrap;
  }
}
.item-new .flex.wrap {
  display: flex;
  flex-wrap: wrap;
}
.item-new .flex.column2 .__item {
  flex-basis: 50%;
  max-width: 50%;
}
@media only screen and (max-width: 544px) {
  .item-new .flex.column2 .__item {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.item-new .flex.column2_all .__item {
  flex-basis: 50%;
  max-width: 50%;
}
.item-new .flex.column_textimg img {
  max-width: 240px;
  margin-left: 3%;
  margin-bottom: 3%;
  height: auto !important;
}
@media only screen and (max-width: 544px) {
  .item-new .flex.column_textimg img {
    margin: 0 auto 3%;
    align-self: flex-start;
  }
}
.item-new .flex.column_textimg02 {
  justify-content: space-between;
}
.item-new .flex.column_textimg02 img {
  max-width: 300px;
  max-height: 300px;
  margin-left: 3%;
  margin-bottom: 3%;
  height: auto !important;
}
@media only screen and (max-width: 544px) {
  .item-new .flex.column_textimg02 img {
    margin: 0 auto 3%;
    align-self: flex-start;
  }
}
.item-new .flex.column_textimg02.__left img {
  margin-left: 0;
  margin-right: 3%;
  max-height: 320px;
}
@media only screen and (max-width: 544px) {
  .item-new .flex.column_textimg02.__left img {
    width: 100%;
    margin: 0 auto 3%;
    align-self: flex-start;
    max-width: inherit;
    max-height: inherit;
    object-fit: cover;
  }
}
.item-new .flex.column3 .__item {
  flex-basis: 33.33333%;
  max-width: 33.33333%;
}
.item-new .flex.column3 .__itemimg,
.item-new .flex.column3 .__item img {
  padding: 0 3px;
}
@media only screen and (max-width: 544px) {
  .item-new .flex.step-1, .item-new .flex.step-2, .item-new .flex.step-3 {
    display: block;
  }
}
.item-new .flex-direction-reverse {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 544px) {
  .item-new .flex-direction-reverse {
    flex-direction: inherit;
  }
}
.item-new .o-parts.arrow {
  position: relative;
  border: 0;
  height: 1px;
  background-color: #EAEAEA;
  overflow: inherit;
  margin-bottom: 6%;
}
.item-new .o-parts.arrow:before {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  left: 0;
  right: 0;
  margin: auto;
  top: -6px;
}
.item-new .o-parts.arrow.under:before {
  border-top: 16px solid #047AE3;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
.item-new .o-parts.shoppingbtn {
  display: none;
  background-color: rgba(38, 69, 92, 0.9);
}
.item-new .o-parts.shoppingbtn .__wrap {
  max-width: 840px;
  margin: auto;
  padding: 12px 0;
}
@media only screen and (max-width: 991px) {
  .item-new .o-parts.shoppingbtn .__wrap {
    padding: 10px 16px 12px;
  }
}
.item-new .o-parts.shoppingbtn .__item {
  color: #fff;
}
.item-new .o-parts.shoppingbtn .__item p {
  margin-bottom: 0;
}
.item-new .o-parts.shoppingbtn .__item.tel {
  min-width: 284px;
  margin-right: 3%;
  line-height: 1.4;
}
@media only screen and (max-width: 544px) {
  .item-new .o-parts.shoppingbtn .__item.tel {
    display: none;
  }
}
.item-new .o-parts.shoppingbtn .__item.tel .__title {
  padding: 1rem 0.7rem 1rem 1rem;
  font-weight: bold;
  background-color: #26455C;
  border-radius: 4px;
  text-align: center;
  font-size: 1.2rem;
  margin-right: 3%;
  min-width: 80px;
  line-height: 1.4;
}
.item-new .o-parts.shoppingbtn .__item.tel .__number {
  font-size: 2rem;
  color: #fff;
  font-weight: bold;
  line-height: 1;
}
.item-new .o-parts.shoppingbtn .__item.tel .__detail {
  font-size: 1.1rem;
  font-weight: normal;
  line-height: 1.3;
}
.item-new .o-parts.shoppingbtn .__item.tel .__detail a {
  color: #fff;
  text-decoration: underline;
}
.item-new .o-parts.shoppingbtn .__item.buttons {
  flex-basis: 100%;
  margin: 0 -1%;
}
.item-new .o-parts.shoppingbtn .__item.buttons .btn, .item-new .o-parts.shoppingbtn .__item.buttons form input[type=submit], form .item-new .o-parts.shoppingbtn .__item.buttons input[type=submit],
.item-new .o-parts.shoppingbtn .__item.buttons form button,
form .item-new .o-parts.shoppingbtn .__item.buttons button {
  margin: 0 1%;
  padding: 12px 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.3rem;
  flex-basis: 100%;
}
@media only screen and (max-width: 544px) {
  .item-new .o-parts.shoppingbtn .__item.buttons .btn, .item-new .o-parts.shoppingbtn .__item.buttons form input[type=submit], form .item-new .o-parts.shoppingbtn .__item.buttons input[type=submit],
  .item-new .o-parts.shoppingbtn .__item.buttons form button,
  form .item-new .o-parts.shoppingbtn .__item.buttons button {
    padding: 6px;
  }
}
.item-new .o-parts.shoppingbtn .__item.buttons .btn i, .item-new .o-parts.shoppingbtn .__item.buttons form input[type=submit] i, form .item-new .o-parts.shoppingbtn .__item.buttons input[type=submit] i,
.item-new .o-parts.shoppingbtn .__item.buttons form button i,
form .item-new .o-parts.shoppingbtn .__item.buttons button i {
  margin-right: 3%;
  margin-left: -6%;
}
.item-new .o-parts.shoppingbtn .__item.buttons .btn:after, .item-new .o-parts.shoppingbtn .__item.buttons form input[type=submit]:after, form .item-new .o-parts.shoppingbtn .__item.buttons input[type=submit]:after,
.item-new .o-parts.shoppingbtn .__item.buttons form button:after,
form .item-new .o-parts.shoppingbtn .__item.buttons button:after {
  color: #fff;
}
.item-new .o-parts.shoppingbtn .__item.buttons .btn-a {
  max-width: inherit;
  background: #FEB91E;
  background: -webkit-gradient(linear, left top, right top, from(#FEB91E), to(#FE741E));
  background: linear-gradient(to right, #FEB91E, #FE741E);
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#FEB91E), to(#FE741E));
  -webkit-background: linear-gradient(to right, #FEB91E, #FE741E);
}
.item-new .o-parts.shoppingbtn .__item.buttons .btn-b {
  background: #2EB979;
  background: -webkit-gradient(linear, left top, right top, from(#2EB979), to(#2EB979));
  background: linear-gradient(to right, #2EB979, #2EB979);
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#2EB979), to(#2EB979));
  -webkit-background: linear-gradient(to right, #2EB979, #2EB979);
  border-bottom: 4px solid #2ca36c;
}
.item-new .o-parts.shoppingbtn .__item.buttons .btn-c {
  background: #047AE3;
  background: linear-gradient(to right, #45b4eb, #047AE3);
  border-bottom: 4px solid #1d83ff;
}
.item-new .o-parts.shoppingbtn .sp-menu {
  flex: 0 0 50px;
  background: #26455C;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  padding: 10px 13px 8px;
  line-height: 1;
  margin-left: 12px;
}
.item-new .o-parts.shoppingbtn .sp-menu span {
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
  margin-bottom: 5px;
}
@media only screen and (max-width: 1080px) {
  .item-new .o-parts.shoppingbtn .sp-menu {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .item-new .o-parts.shoppingbtn .sp-menu {
    display: block;
  }
}
.item-new .o-parts.fixed {
  position: fixed;
  z-index: 10;
}
.item-new .o-parts.fixed.bottom {
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.item-new .o-parts.slider {
  width: 100%;
  border: none;
  margin: 0;
  margin-left: 0px !important;
}
.item-new .o-parts.slider .__item {
  position: relative;
  transition: all 0.3s;
  margin: 0;
  transition: all 0.3s;
}
.item-new .o-parts.slider .__btn {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.5rem 1.5rem;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(to right, #26455C, #26455c);
  border-radius: 2px;
  text-align: center;
  transition: all 0.3s;
}
.item-new .o-parts.slider .__btn i {
  text-align: center;
  padding: 0.5rem 0.8rem 0.5rem 1rem;
  color: #fff;
  font-size: 13px;
  margin-left: 6px;
  background: linear-gradient(to right, #047AE3, #45b4eb);
  transition: all 0.3s;
}
.item-new .o-parts.slider:hover .__item {
  opacity: 0.9;
}
.item-new .o-parts.slider:hover .__btn {
  right: 6px;
}
.item-new .o-parts.slider.__main {
  margin-bottom: 3%;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}
.item-new .o-parts.slider.__main .__btn {
  opacity: 0;
  transform: translateX(20px);
}
.item-new .o-parts.slider.__main .__item {
  border: 3px solid #fff;
  box-sizing: border-box;
}
.item-new .o-parts.slider.__main .slick-active .__btn {
  opacity: 1;
  transform: translateX(0);
}
@media only screen and (max-width: 544px) {
  .item-new .o-parts.slider.__main .slick-prev {
    left: -12px;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .o-parts.slider.__main .slick-next {
    right: -12px;
  }
}
.item-new .o-parts.slider.__thumb {
  max-width: 80%;
  margin: auto !important;
}
@media only screen and (max-width: 544px) {
  .item-new .o-parts.slider.__thumb {
    max-width: 90%;
  }
}
.item-new .o-parts.slider.__thumb .__item {
  opacity: 0.5;
  border: 2px solid #fff;
}
.item-new .o-parts.slider.__thumb .__item.slick-current {
  opacity: 1;
  border: 2px solid #047AE3;
}
.item-new .o-parts.pie.__cont {
  position: relative;
  width: 150px;
}
@media only screen and (max-width: 991px) {
  .item-new .o-parts.pie.__cont {
    margin: 16px auto;
  }
}
.item-new .o-parts.pie.__cont:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 0.25em);
  left: 0;
  width: 100%;
  font-weight: bold;
  text-align: center;
  line-height: 1em;
}
.item-new .o-parts.pie .__explain {
  display: none;
}
.item-new .o-parts.pie .__progress {
  position: relative;
  width: 150px;
  height: 150px;
  box-sizing: border-box;
  border-radius: 50%;
  border-top: 20px solid #047AE3;
  border-right: 20px solid #047AE3;
  border-bottom: 20px solid var(--base-color04);
  border-left: 20px solid var(--base-color04);
  transform: rotate(45deg);
}
.item-new .o-parts.pie .__progress:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  transform: rotate(-45deg);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}
.item-new .o-parts.pie .__item {
  display: block;
  width: 150px;
  height: 150px;
  box-sizing: border-box;
  border-radius: 50%;
  margin: -20px 0 0 -20px;
  border-bottom: 20px solid transparent;
  border-left: 20px solid transparent;
  border-top: 20px solid var(--base-color04);
  border-right: 20px solid var(--base-color04);
  transform-origin: 50% 50%;
  transform: rotate(0deg);
}
.item-new .o-parts.pie .__item.mt50 {
  border-bottom: 20px solid #047AE3;
  border-left: 20px solid #047AE3;
  border-top: 20px solid transparent;
  border-right: 20px solid transparent;
}
.item-new .o-parts.curriculam {
  font-size: 1vmin;
  counter-reset: title-num;
  margin-bottom: 3rem;
}
.item-new .o-parts.curriculam .__head {
  display: grid;
  grid-template-rows: auto;
  -ms-grid-rows: auto;
  grid-template-columns: 200px 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 200px 1fr 1fr 1fr 1fr;
}
@media only screen and (max-width: 544px) {
  .item-new .o-parts.curriculam .__head {
    grid-template-columns: 130px 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 130px 1fr 1fr 1fr 1fr;
  }
}
@media all and (-ms-high-contrast: none) {
  .item-new .o-parts.curriculam .__head {
    display: -ms-grid;
  }
}
.item-new .o-parts.curriculam .__head .__item {
  text-align: center;
  line-height: 1.3;
  border-right: 2px solid var(--base-color04);
}
.item-new .o-parts.curriculam .__head .__item p {
  color: #26455C;
  font-size: 1.5vmin;
  font-weight: bold;
  letter-spacing: 0px;
  display: block;
  margin-bottom: 0;
}
.item-new .o-parts.curriculam .__head .__item.time {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3%;
  border: 2px solid #efefef;
  font-weight: bold;
}
.item-new .o-parts.curriculam .__cont {
  position: relative;
  counter-reset: point-num;
  display: grid;
  grid-template-rows: auto;
  -ms-grid-rows: auto;
  grid-template-columns: 100%;
  -ms-grid-columns: 100%;
}
@media all and (-ms-high-contrast: none) {
  .item-new .o-parts.curriculam .__cont {
    display: -ms-grid;
  }
}
.item-new .o-parts.curriculam .__cont:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 3px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: linear-gradient(to bottom, #1F5B83, #95C6F0, #1291FF);
  -webkit-background: -webkit-gradient(linear, left top, right bottom, from(#1F5B83), to(#1291FF));
  -webkit-background: linear-gradient(to bottom, #1F5B83, #95C6F0, #1291FF);
  z-index: 1;
}
.item-new .o-parts.curriculam .__column {
  display: grid;
  grid-template-rows: 100%;
  -ms-grid-rows: 100%;
  position: relative;
  border-bottom: 1px dashed #efefef;
  grid-template-columns: 200px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 200px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media only screen and (max-width: 544px) {
  .item-new .o-parts.curriculam .__column {
    grid-template-columns: 100px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 100px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}
@media all and (-ms-high-contrast: none) {
  .item-new .o-parts.curriculam .__column {
    display: -ms-grid;
  }
}
.item-new .o-parts.curriculam .__column > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
}
.item-new .o-parts.curriculam .__column > div:nth-child(1), .item-new .o-parts.curriculam .__column > div:nth-child(5), .item-new .o-parts.curriculam .__column > div:nth-child(9), .item-new .o-parts.curriculam .__column > div:nth-child(13), .item-new .o-parts.curriculam .__column > div:nth-child(17) {
  border-right: 1px solid #efefef;
}
.item-new .o-parts.curriculam .__column:nth-last-child(2) div {
  background-color: rgba(38, 69, 92, 0.01);
}
.item-new .o-parts.curriculam .__column:last-child div {
  background-color: rgba(38, 69, 92, 0.05);
}
.item-new .o-parts.curriculam .__column .__title {
  font-size: 13px;
  line-height: 1.6;
  font-weight: bold;
  position: relative;
  padding-left: 16px;
  justify-content: flex-start;
}
@media only screen and (max-width: 544px) {
  .item-new .o-parts.curriculam .__column .__title {
    font-size: 10px;
    padding-right: 16px;
  }
}
.item-new .o-parts.curriculam .__column .__title:before {
  content: counter(title-num) "";
  counter-increment: title-num;
  margin-right: 8px;
  color: #047AE3;
}
.item-new .o-parts.curriculam .__column:nth-child(1) .__mark {
  background-color: #225D86;
}
.item-new .o-parts.curriculam .__column:nth-child(2) .__mark {
  background-color: #538AB3;
}
.item-new .o-parts.curriculam .__column:nth-child(3) .__mark {
  background-color: #72A6CF;
}
.item-new .o-parts.curriculam .__column:nth-child(4) .__mark {
  background-color: #92C4F0;
}
.item-new .o-parts.curriculam .__column:nth-child(5) .__mark {
  background-color: #6BB5F4;
}
.item-new .o-parts.curriculam .__column:nth-child(6) .__mark {
  background-color: #4BA8F8;
}
.item-new .o-parts.curriculam .__column:nth-child(7) .__mark {
  background-color: #2096FD;
}
.item-new .o-parts.curriculam .__mark {
  position: absolute;
  top: 25%;
  bottom: 25%;
  left: 10px;
  right: 10px;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item-new .o-parts.curriculam .__mark.point:before {
  content: counter(point-num) "";
  counter-increment: point-num;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: -8px;
  left: -12px;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  background-color: #2EB979;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.6;
  border: 1px solid #fff;
}
.item-new .o-title {
  margin-bottom: 3rem;
  font-weight: bold;
}
.item-new .o-title.medium {
  font-size: 1.9rem;
}
@media only screen and (max-width: 544px) {
  .item-new .o-title.medium {
    font-size: 1.3rem;
  }
}
.item-new .o-title.mini {
  font-size: 1.5rem;
}
@media only screen and (max-width: 544px) {
  .item-new .o-title.mini {
    font-size: 1.2rem;
  }
}
.item-new .o-title .__mark {
  font-size: 13px;
  background: #047AE3;
  color: #fff;
  display: inline-block;
  margin-right: 20px;
  padding: 0 5px 0 9px;
  position: relative;
  top: -2px;
  border-radius: 2px 0 0 2px;
}
@media only screen and (max-width: 544px) {
  .item-new .o-title .__mark {
    font-size: 1rem;
  }
}
.item-new .o-title .__mark:after {
  content: "";
  border: 13px solid transparent;
  border-left: 7px solid #047AE3;
  position: absolute;
  right: -20px;
  top: 0;
}
@media only screen and (max-width: 544px) {
  .item-new .o-title .__mark:after {
    border: 10px solid transparent;
    border-left: 7px solid #047AE3;
    right: -17px;
  }
}
.item-new .o-title.material--main {
  font-size: 4.4vmin;
  line-height: 1.3;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .item-new .o-title.material--main {
    font-size: 5.4vmin;
  }
}
@media only screen and (max-width: 544px) {
  .item-new .o-title.material--main {
    font-size: 6.4vmin;
  }
}
.item-new .o-title.material--main span {
  color: #FB6F0F;
  background: -webkit-linear-gradient(45deg, #FB6F0F, #E2070D);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.item-new .material .__item {
  position: relative;
  border: 2px solid var(--base-color04);
  transition: all 0.3s;
}
.item-new .material .__item:hover {
  border: 2px solid #047AE3;
}
.item-new .material .__wrap {
  padding: 2rem;
}
@media only screen and (max-width: 544px) {
  .item-new .material .__wrap {
    padding: 1rem 1.5rem;
  }
}
.item-new .material .__title {
  color: #047AE3;
  margin-bottom: 3%;
  line-height: 1.5;
}
.item-new .material .__img {
  margin-bottom: 3%;
  max-width: 100%;
  height: auto;
  vertical-align: top;
  object-fit: cover;
  max-height: 160px;
  min-height: 160px;
  width: 100%;
}
@media only screen and (max-width: 544px) {
  .item-new .material .__img {
    max-height: 80px;
    min-height: 80px;
  }
}
.item-new .material .__desc {
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.6;
}
@media only screen and (max-width: 544px) {
  .item-new .material .__desc {
    font-size: 1rem !important;
  }
}

.gnav-list .__tel {
  margin-left: 12px;
}
.gnav-list .__tel a {
  font-size: 2rem;
  line-height: 1;
  text-align: center;
  font-family: "Roboto", sans-serif;
}
@media only screen and (max-width: 544px) {
  .gnav-list .__tel a {
    font-size: 11px;
    letter-spacing: -0.2px;
  }
}
.gnav-list .__tel span {
  display: block;
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: 0px;
}
.gnav-list .__withHoujin {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.gnav-list .__withHoujin a {
  font-size: 2rem;
}
@media only screen and (max-width: 544px) {
  .gnav-list .__withHoujin a {
    font-size: 16px;
  }
}

.main-block-inner .sample-box {
  position: relative;
  background: #fff;
  border: 2px solid #2EB979;
  border-radius: 4px;
  padding: 0 20px;
  text-align: left;
  font-weight: bold;
  color: #000;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 544px) {
  .main-block-inner .sample-box {
    display: block;
    padding: 0 15px 15px;
  }
}
.main-block-inner .sample-box:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}
.main-block-inner .sample-box:hover .sample-link,
.main-block-inner .sample-box:hover .sample-link i {
  color: #047AE3 !important;
}
.main-block-inner .sample-box p {
  margin-bottom: 0;
}
.main-block-inner .sample-box a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-block-inner .sample-box .img {
  flex: 0 0 35%;
  padding: 2rem;
}
@media only screen and (max-width: 544px) {
  .main-block-inner .sample-box .img {
    text-align: center;
    width: 80%;
    margin: -40px auto -24px;
  }
}
.main-block-inner .sample-box .text-block {
  flex: 0 0 65%;
  padding: 1rem;
}
@media only screen and (max-width: 544px) {
  .main-block-inner .sample-box .text-block {
    text-align: center;
    padding-left: 0;
  }
}
.main-block-inner .sample-box .text-block .sample-text-1 {
  font-size: 13px;
  background: #2EB979;
  color: #fff;
  display: inline-block;
  padding: 0 15px;
}
.main-block-inner .sample-box .text-block .sample-text-2 {
  font-size: 17px;
  line-height: 1.4;
  margin-top: 5px;
}
@media only screen and (max-width: 991px) {
  .main-block-inner .sample-box .text-block .sample-text-2 {
    font-size: 13px;
  }
}
.main-block-inner .sample-box .text-block .sample-text-2 .span-1 {
  font-size: 25px;
}
@media only screen and (max-width: 991px) {
  .main-block-inner .sample-box .text-block .sample-text-2 .span-1 {
    font-size: 21px;
  }
}
.main-block-inner .sample-box .text-block .sample-text-2 .span-2 {
  color: #2EB979;
}
.main-block-inner .sample-box .text-block .sample-text-2 + p {
  font-size: 13px;
  font-weight: normal;
  margin: 0.5em 0;
}
.main-block-inner .sample-box .text-block .sample-link {
  text-align: right;
  font-size: 12px;
  transition: all 0.3s ease;
}
.main-block-inner .sample-box .text-block .sample-link i {
  color: #26455C;
  transition: all 0.3s ease;
}

.new-item-top .item-name {
  font-size: 28px;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .new-item-top .item-name {
    font-size: 20px;
  }
}
@media only screen and (max-width: 544px) {
  .new-item-top .item-name {
    font-size: 16px;
  }
}

.item-new .kyozai td.kyozai-column {
  color: #000;
}
.item-new .kyozai td.kyozai-column.__exist {
  font-size: 16px;
}
.item-new .kyozai td.kyozai-column.text {
  text-align: left;
  color: #000;
  background: #000;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.item-new .kyozai .__category {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
  width: 1px;
  padding: 0 !important;
  height: 100%;
  line-height: 0;
}
.item-new .kyozai .__category div {
  position: relative;
  width: 24px;
  height: 100%;
  font-size: 0;
}
.item-new .kyozai .__category div:before, .item-new .kyozai .__category div:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.item-new .kyozai .__category div:before {
  z-index: 2;
  transform: rotate(90deg);
  height: 16px;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
  line-height: 3.6;
  letter-spacing: 0;
}
.item-new .kyozai .__category.text div:before {
  content: "テキスト";
  width: 46px;
}
.item-new .kyozai .__category.text div:after {
  background-color: #538AB3;
}
.item-new .kyozai .__category.dvd div:before {
  content: "DVD";
  width: 46px;
}
.item-new .kyozai .__category.dvd div:after {
  background-color: #6BB5F4;
}
.item-new .kyozai .__category.elearning div:before {
  content: "eラーニング";
  width: 66px;
  line-height: 5.8;
}
.item-new .kyozai .__category.elearning div:after {
  background-color: #2096FD;
}
.item-new .kyozai .__category.total div:before {
  content: "合計";
  width: 24px;
  line-height: 1.8;
}

.tab-cont {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 120px 0 50px;
  overflow: visible;
  margin: 3% 0 0 !important;
}
@media only screen and (max-width: 544px) {
  .tab-cont {
    margin: 6% -6% 0 !important;
  }
}
.tab-cont.fixed-nav-contents {
  margin: 0 !important;
}
@media only screen and (max-width: 544px) {
  .tab-cont.fixed-nav-contents {
    margin: 0 !important;
    width: 100% !important;
    left: 0 !important;
  }
}
.tab-cont .tab-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 100%;
  border-right: 1px solid #fff;
  padding: 1rem 0.4rem !important;
  line-height: 1.3;
  font-size: 13px !important;
  background: var(--base-color04);
  text-align: center;
  font-weight: bold;
  color: #26455C;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 991px) {
  .tab-cont .tab-item {
    font-size: 12px;
  }
}
@media only screen and (max-width: 544px) {
  .tab-cont .tab-item {
    font-size: 10px !important;
  }
}
.tab-cont .tab-item:last-child {
  border-right: none;
}
.tab-cont .tab-item:before {
  content: none !important;
}
.tab-cont .tab-item:hover {
  background: #1F5B83;
  color: #fff;
}
.tab-cont .tab-item:before {
  content: "";
  width: 66px;
  height: 98px;
  position: absolute;
  left: 50%;
  top: -78px;
  transform: translateX(-50%);
}
.tab-cont .tab-1 {
  border-radius: 4px 0 0 4px;
}
.tab-cont .tab-5 {
  border-radius: 0 4px 4px 0;
}
.tab-cont .is-active {
  background: #1F5B83;
  color: #fff;
}
.tab-cont .is-active:after {
  content: "";
  border: 15px solid transparent;
  border-top: 15px solid #1F5B83;
  position: absolute;
  left: 50%;
  bottom: -25px;
  transform: translateX(-50%);
}

.item-new .page-box .new-item-contents .main-block .content-1 {
  margin-top: 0 !important;
}

.item-new .page-box .new-item-contents .main-block .item-img {
  margin-top: 3%;
  margin-bottom: 0;
  display: block !important;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .item-img {
    display: block !important;
  }
}

@media only screen and (max-width: 991px) {
  .item-new .price-block {
    display: block !important;
  }
}

@media only screen and (max-width: 991px) {
  .new-item-cta-block .item-cta-inner-2 .flex {
    display: block;
  }
}

.item-new .cta-block {
  padding: 0;
  background: none;
}

.new-item-section table {
  width: 100%;
  font-size: 1.3rem;
}
.new-item-section table tr:first-child th {
  font-weight: bold;
  text-align: center;
  background-color: var(--base-color04);
}
.new-item-section table th,
.new-item-section table td {
  padding: 8px;
}
.new-item-section table th {
  background-color: transparent;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid var(--border-color01);
}
.new-item-section table td {
  border-bottom: 1px solid var(--border-color01);
}
.new-item-section.__review {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 0;
}
.new-item-section.__review ul {
  margin-bottom: 0;
}
.new-item-section.__review .__item {
  padding: 0 10px 10px;
}
@media only screen and (max-width: 544px) {
  .new-item-section.__review .__item {
    padding: 0;
  }
}
.new-item-section.__review .__img {
  border-radius: 6px;
  border: 3px solid var(--base-color04);
  margin-bottom: 1rem;
  transition: all 0.3s ease;
  object-fit: cover;
  height: 200px;
  width: 100%;
}
@media only screen and (max-width: 544px) {
  .new-item-section.__review .__img {
    height: 100px;
    width: 80px;
    margin-bottom: 0;
    margin-right: 12px;
  }
}
.new-item-section.__review .__title {
  font-size: 13px !important;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.6;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 544px) {
  .new-item-section.__review .__title {
    margin-top: 6px;
    font-size: 13px !important;
  }
}
.new-item-section.__review .__name {
  font-size: 11px;
}
@media only screen and (max-width: 544px) {
  .new-item-section.__review .__name {
    font-size: 10px;
  }
}
.new-item-section.__review .__item:hover .__img {
  border: 3px solid #047AE3;
  box-shadow: 0 0 10px rgba(38, 69, 92, 0.1);
}
.new-item-section.__review .__item:hover .__title {
  color: #047AE3;
}

.o-cart .__title {
  font-weight: bold;
  font-size: 12px;
  margin-top: 0px !important;
  margin-bottom: 4px !important;
}
.o-cart .__desc {
  letter-spacing: 0px;
  line-height: 1.6;
}
.o-cart.help {
  max-width: 360px;
  margin: 3rem auto 0;
  margin-top: 3rem;
}
.o-cart.help .__item {
  position: relative;
  font-size: 14px;
  margin-bottom: 3rem;
  padding-left: 36px;
}
.o-cart.help .__title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 1%;
}
.o-cart.help .__title:before {
  position: absolute;
  left: 0;
  top: -3px;
  margin: auto;
  content: "";
  width: 30px;
  height: 30px;
  background-size: cover;
}
.o-cart.help .return .__title:before {
  background-image: url(../images/new_item/cart/cart_help_return.png);
}
.o-cart.help .secure .__title:before {
  background-image: url(../images/new_item/cart/cart_help_secure.png);
}
.o-cart.help .support .__title:before {
  background-image: url(../images/new_item/cart/cart_help_support.png);
}
.o-cart.help .payment .__title:before {
  background-image: url(../images/new_item/cart/cart_help_payment.png);
}
.o-cart.help .__desc {
  letter-spacing: 0px;
  line-height: 1.6;
}
.o-cart.help .__desc p {
  margin-bottom: 0;
  color: rgba(53, 62, 69, 0.7);
  font-size: 13px;
}
.o-cart.help .__desc .__link {
  color: #047AE3;
  text-decoration: underline;
}
.o-cart.help .__desc .__btn {
  display: block;
}
.o-cart.help .__desc .__btn.border01 {
  position: relative;
  border: 1px solid #26455C;
  border-radius: 4px;
  padding: 1rem;
  margin: 1.5rem auto;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
}
.o-cart.help .__desc .__btn.border01:before {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  margin: auto;
  right: 16px;
  position: absolute;
}
.o-cart.help .__desc .__btn.border01:hover {
  background-color: #26455C;
  color: #fff;
}
.o-cart.help .__desc .__btn.border01:hover:after {
  color: #fff;
}
.o-cart.help .__sticker {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 1%;
}
.o-cart.help .__sticker .privacy {
  margin-right: 12px;
}
.o-cart.help .__sticker img {
  max-height: 48px;
}
.o-cart.help .__tel {
  font-size: 10px;
  text-align: center;
  line-height: 1.3;
}
.o-cart.help .__tel span {
  display: block;
  font-weight: bold;
  font-size: 20px;
}
.o-cart.delivery p {
  margin-bottom: 0;
  line-height: 1.6;
  letter-spacing: 0px;
}
.o-cart.delivery .__box {
  padding: 1rem;
  background-color: #fff;
  text-align: center;
  font-size: 11px;
  margin: 3% auto;
}
.o-cart.delivery .__box span {
  display: block;
  color: #2EB979;
  font-weight: bold;
  font-size: 16px;
}
.o-cart.delivery .__box strong {
  font-size: 10px;
}
.o-cart.delivery .__attention {
  color: rgba(53, 62, 69, 0.7);
  font-size: 10px;
  text-align: center;
}
.o-cart.alert {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: center;
  padding: 2rem;
  border-radius: 2px;
}
.o-cart.alert i {
  font-size: 24px;
  margin-right: 20px;
}
.o-cart.alert p {
  margin-bottom: 0;
}
.o-cart.alert.__maxw01 {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.o-cart.alert .__cont {
  width: 100%;
  line-height: 1.6;
}
.o-cart.alert .__title {
  font-weight: bold;
  font-size: var(--fs-p);
}
@media only screen and (max-width: 991px) {
  .o-cart.alert .__title {
    font-size: 13px;
  }
}
.o-cart.alert .__list {
  font-size: 13px;
  border-bottom: 1px dotted rgba(185, 46, 45, 0.2);
  margin-top: 0px !important;
  margin-bottom: 1% !important;
  padding-bottom: 1%;
}
@media only screen and (max-width: 991px) {
  .o-cart.alert .__list {
    font-size: 12px;
  }
}
.o-cart.alert .__list:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0;
  border-bottom: 0;
}
.o-cart.alert.danger {
  background-color: rgba(185, 46, 45, 0.075);
  color: #B92E2D;
}
.o-cart.alert.safe {
  background-color: rgba(46, 185, 121, 0.1);
  color: #2EB979;
}
.o-cart.button.__checkout {
  margin-bottom: 1rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e1e5e8;
}
.o-cart.button .btn i:before, .o-cart.button form input[type=submit] i:before, form .o-cart.button input[type=submit] i:before,
.o-cart.button form button i:before,
form .o-cart.button button i:before {
  font-size: 16px;
  margin-left: 0px;
  margin-right: 6px;
}
.o-cart.amazonpay {
  margin-top: 1rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e1e5e8;
}
.o-cart.amazonpay .__btn {
  margin-bottom: 0.5rem;
}
.o-cart.amazonpay .__desc {
  margin-bottom: 0 !important;
  font-size: 11px;
}
.coupon_title {
  font-size: var(--fs-min);
}
.o-cart.coupon .coupon_form,
.o-cart.coupon .coupon_btn {
  padding: 9px 6px 8px;
}
.o-cart.coupon .coupon_form {
  font-size: 13px;
  padding: 11px 4px 11px 6px;
  width: auto;
  border: none;
  border-radius: 4px 0 0 4px;
  outline: none;
  border: 1px solid var(--border-color01);
  min-width: 0;
}
@media only screen and (max-width: 991px) {
  .o-cart.coupon .coupon_form {
    width: 100%;
  }
}
.o-cart.coupon .coupon_btn {
  color: #fff;
  height: 100%;
  border-radius: 0 4px 4px 0;
  margin: 0;
  font-size: 12px;
  box-sizing: border-box;
  max-width: 100px;
  width: 100%;
  box-shadow: none;
}
.o-cartFlow {
  background-color: rgba(242, 245, 247, 0.85);
  position: sticky;
  top: 0px;
  z-index: 1;
}
.o-cartFlow.__nostick {
  position: relative;
}
.o-cartFlow_wrap {
  margin: auto;
}
.o-cartFlow_list {
  margin: 8px 8px 4px;
  display: flex;
  justify-content: center;
  counter-reset: o-cartFlow_num;
}
.o-cartFlow_item {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-size: 13px;
  font-weight: bold;
  padding: 0 1.5%;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 544px) {
  .o-cartFlow_item {
    padding: 0 3%;
    font-size: 11px;
  }
}
.o-cartFlow_item a {
  color: rgba(0, 0, 0, 0.3);
  transition: 0.3s all ease-in-out;
}
.o-cartFlow_item a:hover {
  color: #000;
}
.o-cartFlow_item a:hover .o-cartFlow_num {
  filter: brightness(1.1);
}
.o-cartFlow_item a:hover .o-cartFlow_num:before {
  background-color: #b7c3cc;
}
.o-cartFlow_item.__active, .o-cartFlow_item.__active a {
  color: #000;
}
.o-cartFlow_item.__active .o-cartFlow_num:before {
  background: linear-gradient(to right, #45b4eb, #047AE3);
}
.o-cartFlow_item:after {
  content: "";
  position: absolute;
  height: 4px;
  width: 100%;
  top: 8px;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 100px;
  z-index: -1;
}
.o-cartFlow_item:first-child:after {
  width: 50%;
  left: auto;
}
.o-cartFlow_item:last-child:after {
  width: 50%;
  right: auto;
}
.o-cartFlow_num {
  display: flex;
  justify-content: center;
  transition: 0.3s all ease-in-out;
}
.o-cartFlow_num:before {
  display: flex;
  justify-content: center;
  align-items: center;
  content: counter(o-cartFlow_num);
  counter-increment: o-cartFlow_num;
  line-height: 0;
  width: 24px;
  height: 24px;
  border-radius: 100px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background-color: #ccd6dd;
  border: 1px solid #fff;
  box-shadow: 0 0 12px rgba(38, 69, 92, 0.2);
  transition: 0.3s all ease-in-out;
}
@media only screen and (max-width: 544px) {
  .o-cartFlow_num:before {
    font-size: 11px;
    width: 20px;
    height: 20px;
    margin-bottom: 1px;
  }
}

.toc-list {
  display: flex;
  align-items: center;
  border-radius: 3px;
  background: #e1effb;
  opacity: 1;
  transition: z-index 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.toc-list.__active {
  position: fixed;
  top: 0;
  z-index: 11;
}
.toc-list.__active.__none {
  opacity: 0;
  z-index: -1;
}
.toc-list.item-6 li {
  flex: 0 0 16.666666%;
}
.toc-list li {
  flex: 0 0 20%;
  border-left: 1px solid #fff;
  min-height: 52px;
  display: flex;
  align-items: center;
}
.toc-list li:first-child {
  border: none;
}
.toc-list li a {
  padding: 10px;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  font-weight: bold;
  flex: 0 0 100%;
}
@media only screen and (max-width: 544px) {
  .toc-list li a {
    padding: 4px;
    font-size: 10px;
  }
}
.toc-list li a:hover {
  color: #047AE3;
}

.row-title-2 {
  font-weight: bold;
  margin: 2em 0px 0.5em;
  position: relative;
}
.row-title-2:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #047AE3;
  position: absolute;
  left: 0;
  top: 50%;
}
.row-title-2 .title-bg {
  padding-right: 10px;
  background: #fff;
  position: relative;
}

.item-new .page-box .new-item-contents .main-block .future-box-2.kentikusekou-box-1 .img-block {
  background: url(../images/new_item/kentikusekou/fature_img_1.jpg) center;
  background-size: cover;
}

.item-new .page-box .new-item-contents .main-block .future-box-2.kentikusekou-box-2 .img-block {
  background: url(../images/new_item/kentikusekou/fature_img_2.jpg) center;
  background-size: cover;
}

.item-new .page-box .new-item-contents .main-block .future-box-2.digital1-box-1 .img-block {
  background: url(../images/new_item/digital1/case01.jpg) center;
  background-size: cover;
}

.item-new .page-box .new-item-contents .main-block .future-box-2.digital1-box-2 .img-block {
  background: url(../images/new_item/digital1/case02.jpg) center;
  background-size: cover;
}

.toc-list.item-4 li {
  flex: 0 0 25%;
}

.item-new .page-box .new-item-contents .main-block .future-box-2.kentikusi2-1 .img-block {
  background: url(../images/new_item/2kentikusi/fature_img_1.jpg) center;
  background-size: cover;
}

.item-new .page-box .new-item-contents .main-block .future-box-2.kentikusi2-2 .img-block {
  background: url(../images/new_item/2kentikusi/fature_img_2.jpg) center;
  background-size: cover;
}

.point-box p {
  margin-bottom: 0;
  font-weight: bold;
}

.curri-flex .type a {
  color: #fff;
}

@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .pass-rate.kentikusi-2 .flex {
    justify-content: center;
    padding-top: 30px;
    margin-left: -10px;
    margin-right: -10px;
  }
}

.kentikusi-2 .flex > div {
  flex: 0 0 33.3%;
  text-align: center;
  padding: 0 5px 15px;
}
@media only screen and (max-width: 991px) {
  .kentikusi-2 .flex > div {
    flex: 0 0 50%;
  }
}

.item-new .kentikusi-2 .o-parts.pie.__cont {
  margin: 0 auto 10px;
}
@media only screen and (max-width: 991px) {
  .item-new .kentikusi-2 .o-parts.pie.__cont {
    width: 120px;
  }
}

@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .pass-rate.kentikusi-2 .flex .text-block {
    letter-spacing: 0;
  }
}

@media only screen and (max-width: 991px) {
  .item-new .kentikusi-2 .o-parts.pie .__progress,
  .item-new .kentikusi-2 .o-parts.pie .__item {
    width: 120px;
    height: 120px;
  }
}

@media only screen and (max-width: 991px) {
  .item-new .kentikusi-2 .o-parts.pie .__progress:after {
    width: 80px;
    height: 80px;
  }
}

.item-new .page-box .new-item-contents .main-block .pass-rate.kentikusi-2 .flex-1 .pass {
  font-size: 60px;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .pass-rate.kentikusi-2 .flex-1 .pass {
    font-size: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block .pass-rate.kentikusi-2 .flex-1 {
    display: block;
  }
}

.new-item-section .kentikusi2-table td {
  text-align: center;
  letter-spacing: 0;
}

.kentikusi2-table + .att {
  font-size: 12px;
  font-weight: bold;
}

.scroll-x {
  overflow-x: scroll;
}

.scroll-x-fromsp_item {
  white-space: initial !important;
}
@media only screen and (max-width: 991px) {
  .scroll-x-fromsp {
    overflow-x: scroll;
  }
}

.item-new .page-content .kyozai.kentiku2-kyozai {
  white-space: nowrap;
}

.item-new .page-content .kyozai.kentiku2-kyozai th:last-child {
  background: #26455C;
}

.item-new .o-parts.denkikoujisekou .__head .__item.time,
.item-new .o-parts.denkikoujisekou .__head .__item.time {
  border: none;
}

.item-new .o-parts.curriculam .__mark.point:before {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.item-new .o-parts.denkikoujisekou .__column:last-child div,
.item-new .o-parts.denkikoujisekou .__column:nth-last-child(2) div,
.item-new .o-parts.denkikoujisekou-3 .__column:last-child div,
.item-new .o-parts.denkikoujisekou-3 .__column:nth-last-child(2) div {
  background: none;
}

.item-new .o-parts.denkikoujisekou .__head {
  grid-template-columns: 120px 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 120px 1fr 1fr 1fr 1fr 1fr 1fr;
}

.item-new .o-parts.denkikoujisekou .__column {
  grid-template-columns: 119px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 119px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.item-new .o-parts.denkikoujisekou .__column > div:nth-child(21),
.item-new .o-parts.denkikoujisekou .__column > div:nth-child(25) {
  border-right: 1px solid #efefef;
}

.item-new .o-parts.denkikoujisekou-2 .__head {
  grid-template-columns: 120px 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 120px 1fr 1fr 1fr 1fr;
}

.item-new .o-parts.denkikoujisekou-2 .__column {
  grid-template-columns: 119px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 119px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.item-new .o-parts.denkikoujisekou-3 .__head {
  grid-template-columns: 120px 1fr 1fr 1fr;
  -ms-grid-columns: 120px 1fr 1fr 1fr;
}

.item-new .o-parts.denkikoujisekou-3 .__column {
  grid-template-columns: 119px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 119px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.item-new .page-box .new-item-contents .main-block .dennkikoujisekou-1 .img-block {
  background: url(../images/new_item/denkisekou/usefulness_2.jpg) center;
}

.item-new .o-parts.boiler-cur-1 .__head {
  grid-template-columns: 200px 1fr 1fr 1fr;
  -ms-grid-columns: 200px 1fr 1fr 1fr;
  width: 665px;
}

.item-new .o-parts.curriculam.boiler-cur-1 .__column {
  display: grid;
  grid-template-rows: 100%;
  -ms-grid-rows: 100%;
  position: relative;
  border-bottom: 1px dashed #efefef;
  grid-template-columns: 200px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 200px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 665px;
}

.item-new .o-parts.curriculam.boiler-cur-2 .__head {
  grid-template-columns: 200px 1fr 1fr;
  -ms-grid-columns: 200px 1fr 1fr;
  width: 665px;
}

.item-new .o-parts.curriculam.boiler-cur-2 .__column > div:nth-child(5),
.item-new .o-parts.curriculam.boiler-cur-2 .__column > div:nth-child(9),
.item-new .o-parts.curriculam.boiler-cur-2 .__column > div:nth-child(13),
.item-new .o-parts.curriculam.boiler-cur-2 .__column > div:nth-child(17) {
  border: none;
}

.item-new .o-parts.curriculam.boiler-cur-2 .__column > div:nth-child(11),
.item-new .o-parts.curriculam.boiler-cur-2 .__column > div:nth-child(21) {
  border-right: 1px solid #efefef;
}

.item-new .o-parts.curriculam.boiler-cur-2 .__column {
  display: grid;
  grid-template-rows: 100%;
  -ms-grid-rows: 100%;
  position: relative;
  border-bottom: 1px dashed #efefef;
  grid-template-columns: 200px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 200px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 665px;
}

.item-new .o-parts.curriculam.boiler-cur-3 .__head {
  grid-template-columns: 200px 1fr 1fr;
  -ms-grid-columns: 200px 1fr 1fr;
  width: 665px;
}

.item-new .o-parts.curriculam.boiler-cur-3 .__column {
  display: grid;
  grid-template-rows: 100%;
  -ms-grid-rows: 100%;
  position: relative;
  border-bottom: 1px dashed #efefef;
  grid-template-columns: 200px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 200px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 665px;
}

.item-new .o-parts.curriculam.boiler-cur-3 .__column > div:nth-child(5),
.item-new .o-parts.curriculam.boiler-cur-3 .__column > div:nth-child(13) {
  border: none;
}

.item-new .o-parts.kyuusui-cur-1 .__head,
.item-new .o-parts.kyuusui-cur-2 .__head,
.item-new .o-parts.kyuusui-cur-3 .__head {
  grid-template-columns: 140px 1fr 1fr 1fr;
  -ms-grid-columns: 140px 1fr 1fr 1fr;
  width: 665px;
}

.item-new .o-parts.curriculam.kyuusui-cur-1 .__column,
.item-new .o-parts.curriculam.kyuusui-cur-2 .__column,
.item-new .o-parts.curriculam.kyuusui-cur-3 .__column {
  display: grid;
  grid-template-rows: 100%;
  -ms-grid-rows: 100%;
  position: relative;
  border-bottom: 1px dashed #efefef;
  grid-template-columns: 140px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 140px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 665px;
}

.item-new .o-parts.curriculam {
  overflow: scroll;
}

.item-new .o-parts.curriculam .__column > div:nth-child(25) {
  border-right: 1px solid #efefef;
}

.item-new .o-parts.curriculam .__column:nth-child(8) .__mark {
  background-color: #2681d0;
}

.item-new .o-parts.curriculam .__column:nth-child(9) .__mark {
  background-color: #1669b3;
}

.item-new .o-parts.curriculam.kyuusui-cur-1 .__column > div:nth-child(5),
.item-new .o-parts.curriculam.kyuusui-cur-1 .__column > div:nth-child(13),
.item-new .o-parts.curriculam.kyuusui-cur-2 .__column > div:nth-child(5),
.item-new .o-parts.curriculam.kyuusui-cur-2 .__column > div:nth-child(9),
.item-new .o-parts.curriculam.kyuusui-cur-2 .__column > div:nth-child(13),
.item-new .o-parts.curriculam.kyuusui-cur-3 .__column > div:nth-child(5),
.item-new .o-parts.curriculam.kyuusui-cur-3 .__column > div:nth-child(9),
.item-new .o-parts.curriculam.kyuusui-cur-3 .__column > div:nth-child(13),
.item-new .o-parts.curriculam.kyuusui-cur-2 .__head .__item:nth-child(2),
.item-new .o-parts.curriculam.kyuusui-cur-3 .__head .__item:nth-child(2) {
  border: none;
}

.item-new .o-parts.curriculam .__column > div:nth-child(17) {
  border-right: 1px solid #efefef;
}

.item-new .o-parts.curriculam.syoubou-cur-1 .__head {
  grid-template-columns: 140px 1fr 1fr 1fr;
  -ms-grid-columns: 140px 1fr 1fr 1fr;
}

.item-new .o-parts.curriculam.syoubou-cur-2 .__head,
.item-new .o-parts.curriculam.syoubou-cur-3 .__head {
  grid-template-columns: 140px 1fr 1fr;
  -ms-grid-columns: 140px 1fr 1fr;
}

.item-new .o-parts.curriculam.syoubou-cur-1 .__column {
  display: grid;
  grid-template-rows: 100%;
  -ms-grid-rows: 100%;
  position: relative;
  border-bottom: 1px dashed #efefef;
  grid-template-columns: 140px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 140px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 665px;
}

.item-new .o-parts.curriculam.syoubou-cur-2 .__column,
.item-new .o-parts.curriculam.syoubou-cur-3 .__column {
  display: grid;
  grid-template-rows: 100%;
  -ms-grid-rows: 100%;
  position: relative;
  border-bottom: 1px dashed #efefef;
  grid-template-columns: 140px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 140px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 665px;
}

.item-new .o-parts.curriculam.syoubou-cur-1 .__column > div:nth-child(5),
.item-new .o-parts.curriculam.syoubou-cur-1 .__column > div:nth-child(9),
.item-new .o-parts.curriculam.syoubou-cur-1 .__column > div:nth-child(13),
.item-new .o-parts.curriculam.syoubou-cur-1 .__column > div:nth-child(17) .item-new .o-parts.curriculam.syoubou-cur-3 .__column > div:nth-child(9),
.item-new .o-parts.curriculam.syoubou-cur-3 .__column > div:nth-child(17) {
  border: none;
}

.item-new .o-parts.curriculam.syoubou-cur-1 .__column > div:nth-child(8),
.item-new .o-parts.curriculam.syoubou-cur-1 .__column > div:nth-child(15),
.item-new .o-parts.curriculam.syoubou-cur-1 .__column > div:nth-child(22),
.item-new .o-parts.curriculam.syoubou-cur-3 .__column > div:nth-child(11),
.item-new .o-parts.curriculam.syoubou-cur-3 .__column > div:nth-child(21) {
  border-right: 1px solid #efefef;
}

.item-new .o-parts.curriculam.syoubou-cur-1 .__column > div:nth-child(17),
.item-new .o-parts.curriculam.syoubou-cur-3 .__column > div:nth-child(9) {
  border: none;
}

/*------------------------------------------
* o-parts module
------------------------------------------*/
.o-text.__small {
  font-size: 11px;
}

/*他に影響するため o-button を利用する*/
.o-btn.__green {
  background: #2EB979;
  background: linear-gradient(to right, #2EB979, #2EB979);
  -webkit-background: linear-gradient(to right, #2EB979, #2EB979);
}

.o-button {
  text-align: center;
  display: block;
  font-weight: bold;
  border-radius: 2px;
  white-space: pre !important;
  max-width: fit-content !important;
  transition: 0.3s all ease-in-out;
  border: transparent;
  cursor: pointer;
}
.o-button:hover {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}
.o-button.__sizexs {
  padding: 6px 12px;
  font-size: 11px;
}
.o-button.__sizes {
  padding: 12px 12px 12px 12px;
  font-size: 11px;
}
.o-button.__sizem {
  padding: 16px;
  font-size: 14px;
}
@media only screen and (max-width: 991px) {
  .o-button.__sizem {
    max-width: 100% !important;
  }
}
.o-button.__sizel {
  padding: 24px 24px;
  font-size: 18px;
}
@media only screen and (max-width: 991px) {
  .o-button.__sizel {
    font-size: 16px;
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 544px) {
  .o-button.__sizel {
    padding: 24px 16px;
    font-size: 14px;
  }
}
.o-button.__sizel-sp-sizes {
  padding: 24px 24px;
  font-size: 16px;
}
@media only screen and (max-width: 991px) {
  .o-button.__sizel-sp-sizes {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 544px) {
  .o-button.__sizel-sp-sizes {
    padding: 10px 8px;
    font-size: 14px;
  }
}
.o-button.__wauto {
  width: 100%;
  max-width: inherit !important;
}
.o-button.__w80 {
  width: 80%;
  max-width: inherit !important;
}
@media only screen and (max-width: 991px) {
  .o-button.__wauto-sp {
    width: 100%;
    max-width: inherit !important;
  }
}
.o-button.__minw01 {
  min-width: 480px;
}
@media only screen and (max-width: 991px) {
  .o-button.__minw01 {
    min-width: inherit;
  }
}
.o-button.__minw02 {
  min-width: 240px;
}
@media only screen and (max-width: 991px) {
  .o-button.__minw02 {
    min-width: inherit;
  }
}
.o-button.__maxw01 {
  max-width: 480px !important;
}
@media only screen and (max-width: 544px) {
  .o-button.__maxw01 {
    max-width: inherit;
  }
}
.o-button.__center {
  display: block !important;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.o-button.__right {
  margin-left: auto;
  margin-right: 0;
}
.o-button.__icon i {
  margin-right: 8px;
}
.o-button.__icon i:before {
  margin-left: 0px;
}
.o-button.__noarrow:after {
  content: none;
}
.o-button.__arrow {
  position: relative;
}
.o-button.__arrow:after {
  content: "\f105";
  font-family: "FontAwesome";
  margin-left: 12px;
  color: #45b4eb;
}
.o-button.__circleDownarrow {
  position: relative;
}
.o-button.__circleDownarrow:after {
  content: "\f01a";
  font-family: "FontAwesome";
  margin-left: 12px;
  color: #45b4eb;
}
.o-button.__r100 {
  border-radius: 100px;
}
.o-button.__r4 {
  border-radius: 4px;
}
.o-button.__blue {
  background: linear-gradient(to right, #45b4eb, #047AE3);
  color: #fff;
}
.o-button.__blue:hover {
  box-shadow: 0 0 12px 0px rgba(4, 122, 227, 0.2);
}
.o-button.__navy {
  color: #fff;
  background: #26455C;
  border-bottom: 4px solid #1a3244;
}
.o-button.__navy:hover {
  box-shadow: 0 0 12px 0px rgba(38, 69, 92, 0.2);
}
.o-button.__orange {
  background: linear-gradient(to right, #FE741E, #e7aa19);
  border-bottom: 4px solid #FE741E;
  color: #fff;
}
.o-button.__orange:after {
  color: #fff;
}
.o-button.__orange:hover {
  box-shadow: 0 0 12px 0px rgba(4, 122, 227, 0.2);
}
.o-button.__green {
  background: #2EB979;
  background: linear-gradient(to right, #2EB979, #2EB979);
  -webkit-background: linear-gradient(to right, #2EB979, #2EB979);
  border-bottom: 4px solid #21a869;
  color: #fff !important;
  text-decoration: none !important;
}
.o-button.__green:after {
  color: #fff;
}
.o-button.__green:hover {
  box-shadow: 0 0 12px 0px rgba(4, 122, 227, 0.2);
}
.o-button.__gray {
  background: #DEE7ED;
  color: #000;
  border-bottom: 4px solid #c5cfd6;
}
.o-button.__gray:hover {
  filter: brightness(0.96);
  color: #047AE3;
}
.o-button.__arrow {
  position: relative;
}
.o-button.__arrow:after {
  content: "\f061";
  font-family: "FontAwesome";
  margin-left: 12px;
  color: #45b4eb;
}
.o-button.__notactive {
  user-select: none;
  cursor: not-allowed;
  background: #DEE7ED !important;
  pointer-events: none;
  box-shadow: none;
}
.o-button.__notactive:hover {
  filter: brightness(1);
}
.o-button.__textred {
  background: transparent;
  color: #B92E2D;
  box-shadow: none;
}
.o-button.__textred:hover {
  background: transparent;
  box-shadow: none;
  -webkit-filter: brightness(1.5);
  filter: brightness(1.5);
}
.o-button.__navy.__border {
  color: #000;
  border: 2px solid #26455C;
  background-color: #fff;
}
.o-button.__navy.__border:hover {
  box-shadow: 0 0 12px 0px rgba(38, 69, 92, 0.2);
  filter: brightness(0.96);
  color: #047AE3;
}
.o-button.__bggray {
  background-color: var(--base-color04);
}
.o-button.__justtext {
  background: transparent;
  box-shadow: none;
  color: #000;
  padding: 0;
  display: inline;
  width: auto;
}
.o-button.__justtext:after {
  content: none;
}
.o-button.__white {
  background: #fff;
  color: #000;
  font-weight: bold;
  border: 1px solid #000;
}
.o-button.__white:hover {
  background: #fff;
  -webkit-filter: brightness(1.5);
  filter: brightness(1.5);
}
.o-button.__borderWhite {
  color: #fff;
  font-weight: bold;
  border: 2px solid rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  border-radius: 4px;
  transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.o-button.__borderWhite:hover {
  border: 2px solid rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 255, 255, 0.1);
}

.o-formGroup.__2 {
  display: flex;
  gap: 1rem;
}

.o-form.__basic01 {
  position: relative;
  z-index: 1;
  background-color: var(--base-color04);
  padding: 3rem;
}
@media only screen and (max-width: 991px) {
  .o-form.__basic01 {
    padding: 1.5rem;
    margin-left: -16px;
    margin-right: -16px;
  }
}
.o-form.__basic01 th,
.o-form.__basic01 td {
  letter-spacing: 0px;
}
.o-form.__sizes {
  padding: 1.6rem;
}
.o-formTable {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.o-formItem {
  width: 100%;
  padding: 16px;
  border: 1px solid #DEE7ED;
  border-radius: 2px;
}
.o-formItem_wrap {
  width: 100%;
}
.o-formItem.__notactive {
  user-select: none;
  cursor: not-allowed;
  background-color: #DEE7ED;
}
.o-formItem.__haserror {
  border: 2px solid #B92E2D;
}
.o-formRadio.__type01 {
  padding: 1px 1px 2px;
  border-radius: 4px;
}
.o-formRadio.__type01 .o-formRadio_input {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  border-radius: 25px;
  background-color: #1E1E1E;
  outline: none;
}
.o-formRadio.__type01 .o-formRadio_label {
  font-weight: bold;
  transition: 0.3s all ease-in-out;
  padding: 7px 10px;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
  color: #B1BBC4;
}
.o-formRadio.__type01 .o-formRadio_label:hover {
  color: #000;
}
.o-formRadio.__blue {
  background-color: #fff;
}
.o-formRadio.__blue .o-formRadio_input:checked + .o-formRadio_label {
  background: linear-gradient(to right, #45b4eb, #047AE3);
  color: #fff;
}
.o-formRadio.__blue .o-formRadio_input:checked + .o-formRadio_label:hover {
  color: #fff;
  filter: brightness(1.1);
}
.o-formRadio.__blue .o-formRadio_input .o-formRadio_label {
  color: #B1BBC4;
}
.o-formRadio.__blue .o-formRadio_input .o-formRadio_label:hover {
  color: #000;
}
.o-formRadio.__navy {
  background-color: #fff;
}
.o-formRadio.__navy .o-formRadio_input:checked + .o-formRadio_label {
  background-color: #26455C;
  color: #fff;
}
.o-formRadio.__navy .o-formRadio_input:checked + .o-formRadio_label:hover {
  color: #fff;
  filter: brightness(1.1);
}
.o-formRadio.__navy .o-formRadio_input .o-formRadio_label {
  color: #B1BBC4;
}
.o-formRadio.__navy .o-formRadio_input .o-formRadio_label:hover {
  color: #000;
}
.o-formSelect {
  padding: 24px;
  min-width: 200px;
}
@media only screen and (max-width: 767px) {
  .o-formSelect {
    padding: 16px;
  }
}
.o-formSelect.__type01 {
  padding: 0;
  min-width: inherit;
  position: relative;
  border: 2px solid var(--base-color04);
  border-radius: 2px;
  background: #fff;
}
/* .o-formSelect.__type01:before {
  position: absolute;
  top: 1px;
  bottom: 0;
  right: 1rem;
  width: 0;
  height: 0;
  padding: 0;
  margin: auto;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #26455C;
  pointer-events: none;
} */
.o-formSelect.__type01 select {
  padding: 16px;
  width: 100%;
  min-width: 64px;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: 2px solid #e3e8ec;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  transition: 0.3s all ease-in-out;
}
@media only screen and (max-width: 544px) {
  .o-formSelect.__type01 select {
    font-size: 13px;
    padding: 12px;
  }
}
.o-formSelect.__type01 select:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
  .o-formSelect.__small select {
    padding: 8px 32px;
  }
}
.o-formSelect.__w100 {
  width: 100%;
}
.o-formSelect.__w85 {
  width: 85%;
}
.o-formSelect.__borderOnly {
  border: 2px solid #26455C;
  background: transparent;
}
.o-formCheck {
  display: none;
}
.o-formCheck_label {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 16px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
}
@media only screen and (max-width: 991px) {
  .o-formCheck_label {
    padding: 0 8px;
  }
}
.o-formCheck_label:before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 2px solid #fff;
  background-color: var(--base-color04);
  transition: 0.3s all ease-in-out;
}
.o-formCheck_label:hover {
  opacity: 0.8;
}
.o-formCheck_label.__sizel:before {
  width: 32px;
  height: 32px;
}
@media only screen and (max-width: 544px) {
  .o-formCheck_label.__sizel:before {
    width: 24px;
    height: 24px;
  }
}
.o-formCheck_label.__wrap {
  padding: 0;
  transition: 0.3s all ease-in-out;
}
.o-formCheck_label.__wrap:hover {
  opacity: 0.85;
}
.o-formCheck_label.__wrap:hover .check-parts.__iconCheck::before {
  color: #11181D;
}
.o-formCheck_label.__wrap:before {
  content: none;
}
.o-formCheck_label.__wrap .check-parts {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
}
.o-formCheck_label.__wrap .check-parts::after {
  content: none !important;
}
.o-formCheck_label.__wrap .check-parts::before {
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: translate(0px);
}
.o-formCheck_label.__wrap .check-parts.__iconCheck::before {
  content: "\f00c";
  font-family: "FontAwesome";
  color: var(--base-color04);
  font-size: 11px;
  text-align: center;
  line-height: 1.8;
  transition: color 0.3s ease-in-out;
}
.o-formCheck_label.__wrap .o-formCheck {
  position: relative;
}
.o-formCheck_label.__wrap .o-formCheck:checked + .check-parts {
  color: #047AE3;
}
.o-formCheck_label.__wrap .o-formCheck:checked + .check-parts:before {
  background: linear-gradient(to right, #047AE3, #45b4eb);
  background-color: #DEE7ED;
}
.o-formCheck_label.__wrap .o-formCheck:checked + .check-parts.__iconCheck::before {
  color: #fff;
}
.o-formCheck:checked + .o-formCheck_label:before {
  background: linear-gradient(to right, #047AE3, #45b4eb);
  background-color: #DEE7ED;
}
.o-formTitle.__separate01 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #DEE7ED;
}
.o-form.__withtitle {
  padding: 5px;
}
.o-form.__withtitle .o-formTitle {
  font-size: 13px;
  margin-bottom: 0;
}
@media only screen and (max-width: 544px) {
  .o-form.__withtitle .o-formTitle {
    font-size: 11px;
  }
}
.o-formBorder {
  position: relative;
  text-align: center;
  margin-bottom: 1rem;
}
.o-formBorder:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 3px;
  background-color: #fff;
  z-index: 0;
}
.o-formBorder_wrap {
  position: relative;
  background-color: var(--base-color04);
  padding: 8px 16px;
  z-index: 1;
}
.o-formCamera {
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
}
.o-formCamera_shutter {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  padding: 32px;
  margin-right: 16px;
  border: 3px dashed #DEE7ED;
  background: rgba(222, 231, 237, 0.3);
  box-shadow: none;
  color: #11181D !important;
  transition: 0.3s all ease-in-out;
  margin-bottom: 1rem;
  min-width: 50%;
  margin-bottom: 0px;
  cursor: pointer;
}
.o-formCamera_shutter:hover {
  color: #047AE3;
  box-shadow: none;
  background: rgba(255, 255, 255, 0);
  border: 3px dashed #DEE7ED;
}
.o-formCamera_shutter.__bgwhite {
  background: #fff;
}
.o-formCamera_pic {
  width: auto;
  height: 160px;
  height: clamp(160px, 15vw, 180px);
  object-fit: cover;
}
.o-formCamera_icon {
  margin-bottom: 0.3rem;
}

canvas.o-formCamera_pic {
  width: 160px;
  width: clamp(160px, 15vw, 260px);
  height: 160px;
  height: clamp(160px, 15vw, 260px);
  object-fit: unset;
}

.o-formDate {
  position: relative;
  border-radius: 4px !important;
  width: clamp(160px, 20vw, 280px) !important;
  flex-shrink: 0;
  border: 2px solid #e3e8ec;
  box-shadow: none;
  transition: box-shadow 0.3s ease-in-out;
}
.o-formDate:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.o-formDate[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.o-formDate[type=date]::-webkit-clear-button {
  -webkit-appearance: none;
}
.o-formDate[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  background: transparent;
  color: transparent;
  cursor: pointer;
  height: 100%;
  width: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.o-formDate.__iconCalendar::before {
  content: "\f073";
  font-family: "FontAwesome";
  color: #26455C;
  background-color: var(--base-color04);
  position: absolute;
  width: 50px;
  right: 5px;
  top: 5px;
  bottom: 5px;
  margin: auto;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s all ease-in-out, color 0.3s all ease-in-out;
}
.o-formDate.__iconCalendar::before:hover {
  background-color: #26455C;
  color: var(--base-color04);
}

@-moz-document url-prefix() {
  .o-formDate[type=time] {
    clip-path: inset(0 25px 0 0);
    border: none;
    outline: none;
    outline: 0;
  }
}
.o-icon.__mr {
  margin-right: 4px;
}
.o-icon.__blue {
  color: #047AE3;
}

.o-img.__center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.o-img.__textright {
  margin-left: 24px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 991px) {
  .o-img.__textright {
    margin-left: auto;
    margin-right: auto;
  }
}

.o-table {
  width: 100%;
}
.o-table.__num {
  counter-reset: tablenum;
}
.o-tableNumitem:after {
  content: "NO." counter(tablenum);
  counter-increment: tablenum;
}
.o-table.__border01 tr {
  border: 1px solid #DEE7ED !important;
}
.o-table.__border02 tr {
  border-bottom: 1px solid #26455C !important;
}
.o-table.__border02 th {
  border: 1px solid #DEE7ED !important;
}
.o-table.__border02 td {
  border: 1px solid var(--base-color04) !important;
}
.o-table.__border03 {
  border: 1px solid var(--base-color04);
}
.o-table.__border03 th, .o-table.__border03 td {
  border-right: 1px solid var(--base-color04);
  border-bottom: 1px solid var(--base-color04);
}
.o-table.__whitespace01 th {
  white-space: pre;
}
.o-table.__basic01 thead th {
  color: #fff;
  font-weight: bold !important;
  background-color: rgba(38, 69, 92, 0.9) !important;
}
.o-table.__basic01 tbody th {
  color: #fff;
  font-weight: bold !important;
  background-color: rgba(38, 69, 92, 0.7) !important;
}
.o-table.__basic02 thead th {
  color: #fff;
  font-weight: bold;
  background-color: #26455C;
}
.o-table.__basic02 tbody th {
  background-color: var(--base-color04);
}
.o-table.__center th, .o-table.__center td {
  text-align: center !important;
  vertical-align: middle;
}
.o-table.__sizexxs th,
.o-table.__sizexxs td {
  padding: 8px 8px;
  font-size: 12px;
  text-align: center;
  line-height: 1.4;
  max-width: 360px;
}
@media only screen and (max-width: 991px) {
  .o-table.__sizexxs th,
  .o-table.__sizexxs td {
    font-size: 10px;
    padding: 6px 8px;
    max-width: 240px;
  }
}
.o-table.__sizexs th,
.o-table.__sizexs td {
  padding: 10px 12px;
  font-size: 12px;
  text-align: center;
  line-height: 1.4;
  max-width: 360px;
}
@media only screen and (max-width: 991px) {
  .o-table.__sizexs th,
  .o-table.__sizexs td {
    font-size: 10px;
    padding: 6px 4px;
    max-width: 240px;
  }
}
.o-table.__sizes th,
.o-table.__sizes td {
  padding: 8px 16px;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
  font-weight: normal;
}
@media only screen and (max-width: 991px) {
  .o-table.__sizes th,
  .o-table.__sizes td {
    font-size: 11px;
    padding: 4px 8px;
  }
}
.o-table.__sizem th,
.o-table.__sizem td {
  padding: 8px 16px;
  font-size: 16px;
  font-size: clamp(11px, 2vw, 16px) !important;
  text-align: center;
  font-weight: normal;
  line-height: 1.4;
}
@media only screen and (max-width: 991px) {
  .o-table.__sizem th,
  .o-table.__sizem td {
    padding: 4px 8px;
  }
}
.o-table.__left td {
  text-align: left;
}
.o-table.__middle td, .o-table.__middle th {
  vertical-align: middle;
}
@media only screen and (max-width: 991px) {
  .o-tableTr.__spblock {
    width: 100%;
    display: grid;
    margin-bottom: 1rem;
  }
  .o-tableTr.__spblock td {
    width: 100%;
    display: inherit;
  }
}
.o-tableTr.__style01 td {
  background: var(--base-color04);
  text-align: center;
}
.o-tableTr.__style02 td {
  background-color: #EAEAEA;
  text-align: center;
  font-weight: bold;
  -webkit-background-clip: inherit;
  -webkit-text-fill-color: inherit;
}
.o-tableTr.__wb td {
  word-break: break-all;
}
.o-tableTr.__borderb01 {
  border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 991px) {
  .o-tableTh.__spnone {
    display: none;
  }
}
.o-tableTh.__style01 {
  border-bottom: 3px solid #26455C;
}
.o-tableTh.__style01 th {
  background: transparent;
  color: rgba(17, 24, 29, 0.7);
  font-weight: normal;
}
.o-tableTh.__noborder {
  border: none;
}
.o-tableTh.__left {
  text-align: left !important;
}
.o-tableTh.__bgBlue {
  background-color: #047AE3 !important;
}
.o-tableCompare.__style01 {
  margin: 0 4rem 2rem;
}
.o-tableCompare.__style01 th {
  background-color: #DEE7ED;
  padding: 6px !important;
}
.o-tableCompare.__style01 .o-tableCompare_imgTitle {
  position: relative;
  z-index: 1;
  text-align: center;
  background-color: transparent;
}
.o-tableCompare.__style01 .o-tableCompare_imgTitle.__good {
  color: #047AE3;
}
.o-tableCompare.__style01 .o-tableCompare_imgTitle.__bad {
  color: #B92E2D;
}
.o-tableCompare.__style01 .o-tableCompare_imgTitle:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  width: 100%;
  z-index: -1;
  background-color: #DEE7ED;
}
.o-tableCompare.__style01 .o-tableCompare_imgTitle_img {
  max-width: 77px;
  margin: 0 auto 0.5rem;
}
.o-tableCompare.__style01 .o-tableCompare_td {
  position: relative;
  width: 50%;
  border: 1px solid #f7f7f7;
  background-color: #fff;
}
.o-tableCompare.__style01 .o-tableCompare_td:before {
  content: "";
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: cover;
}
.o-tableCompare.__style01 .o-tableCompare_td.__bad01 {
  padding-left: 28px;
}
.o-tableCompare.__style01 .o-tableCompare_td.__bad01:before {
  content: "";
  top: 0;
  bottom: 0;
  left: -16px;
  margin: auto;
  background-image: url(../images/parts/management_system/icon_close.png);
}
.o-tableCompare.__style01 .o-tableCompare_td.__good01 {
  padding-right: 28px;
}
.o-tableCompare.__style01 .o-tableCompare_td.__good01:before {
  content: "";
  top: 0;
  bottom: 0;
  right: -16px;
  margin: auto;
  background-image: url(../images/parts/management_system/icon_check.png);
}
.o-tableCompare.__new {
  margin: 0 1rem 2rem;
}

.o-parts.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.o-parts.border.__style01 {
  background-color: transparent;
  margin: 0;
  padding: 0;
  border-color: #224a66;
}
.o-parts.boxitem {
  position: relative;
  padding: 3%;
}
.o-parts.boxitem.__sizes {
  padding: 8px 16px 10px;
}
@media only screen and (max-width: 991px) {
  .o-parts.boxitem.__sizes {
    padding: 8px 12px 10px;
  }
}
.o-parts.boxitem.__sizem {
  padding: 12px 16px 14px;
}
@media only screen and (max-width: 991px) {
  .o-parts.boxitem.__sizem {
    padding: 8px 12px;
  }
}
.o-parts.boxitem.__style1 {
  border: 3px solid var(--base-color04);
  border-radius: 2px;
}
.o-parts.boxitem.__style02 {
  background-color: var(--base-color04);
  border-radius: 2px;
}
.o-parts.boxitem.__style03 {
  background-color: #DEE7ED;
}
.o-parts.boxitem.__style04 {
  background-color: #26455C;
}
.o-parts.boxitem.__style05 {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.o-parts.boxitem.__style06 {
  background-color: #fff;
}
.o-parts.boxitem.__style07 {
  background-color: rgba(185, 46, 45, 0.1);
}
.o-parts.boxitem.__style08 {
  background-color: rgba(46, 185, 121, 0.1);
}
.o-parts.boxitem.__style09 {
  background-color: #D5DCE2;
}
@media only screen and (max-width: 544px) {
  .o-parts.boxitem.__centersp {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
  }
}
.o-parts.boxitem.__center {
  text-align: center;
}
.o-parts.boxitem .boxitem_thumb {
  position: relative;
  margin-bottom: 1rem;
}
.o-parts.boxitem .boxitem_thumb:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 58.8235294118%;
}
.o-parts.boxitem .boxitem_thumbImg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  overflow: inherit;
  object-fit: cover;
}
.o-parts.boxitem .boxitem_infoTitle {
  font-weight: bold;
  font-size: 13px;
  margin: 0 0 0.5rem 0 !important;
}
.o-parts.boxitem .boxitem_infoTitle.__center {
  text-align: center;
}
.o-parts.boxitem .boxitem_infoText {
  font-size: 11px;
  margin: 0 0 0.5rem 0 !important;
}
.o-parts.boxitem.__num {
  counter-reset: boxnum;
}
.o-parts.boxitem.__numcenter .numitem:after {
  content: "" counter(boxnum);
  counter-increment: boxnum;
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
  bottom: -18px;
  font-size: 24px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  color: #047AE3;
  margin: auto;
}
.o-parts.boxitem.__sataccount {
  margin-bottom: 1%;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 991px) {
  .o-parts.boxitem.__sataccount {
    display: block;
    text-align: center;
    margin-top: 32px;
  }
}
.o-parts.boxitem.__sataccount .__text {
  font-size: 13px;
}
.o-parts.boxitem.__sataccount .__text p {
  margin-bottom: 0;
}
.o-parts.boxitem.__sataccount .__title {
  font-weight: bold;
  margin-bottom: 1rem;
}
.o-parts.boxitem.__sataccount .__img {
  max-width: 204px;
  object-fit: contain;
  margin-left: 16px;
}
@media only screen and (max-width: 991px) {
  .o-parts.boxitem.__sataccount .__img {
    display: block;
    margin: 0 auto 16px;
  }
}
.o-parts.boxitem.__special {
  padding: 6%;
  position: relative;
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1);
  margin-bottom: 3rem;
  border-radius: 2px;
  counter-increment: boxitemSpecial_num;
}
.o-parts.boxitem.__special:before {
  content: "特典" counter(boxitemSpecial_num);
  position: absolute;
  top: -12px;
  left: -12px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border-radius: 100px;
  width: 82px;
  height: 82px;
  background-color: #047AE3;
  background: linear-gradient(to right, #047AE3, #45b4eb);
  box-shadow: 0 0 17px rgba(69, 180, 235, 0.3);
}
.o-parts.boxitem.__special .boxitemLeft.__img {
  width: auto;
  max-width: 200px;
  max-height: 200px;
  margin-left: auto;
  margin-right: auto;
}
.o-parts.boxitem.__special .boxitemRight.__text {
  margin-top: 1rem;
  width: 100%;
  margin-left: 2rem;
}
@media only screen and (max-width: 991px) {
  .o-parts.boxitem.__special .boxitemRight.__text {
    margin-left: 0px;
  }
}
.o-parts.boxitem.__special .boxitemTitle {
  font-size: 19px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0px;
}
@media only screen and (max-width: 991px) {
  .o-parts.boxitem.__special .boxitemTitle {
    font-size: 16px;
  }
}
.o-parts.boxitem.__special .boxitemText {
  margin: 0.5rem 0 !important;
}
.o-parts.boxitem.__special .boxitemTextlast-child {
  margin-bottom: 0;
}
.o-parts.boxitem.__special .boxitemImg {
  object-fit: cover;
}
.o-parts.link {
  color: #047AE3;
}
.o-parts.link:hover {
  text-decoration: underline;
}
.o-parts.listlink.__cart a {
  font-size: 13px;
  font-weight: bold;
}
.o-parts.listlink.__cart i {
  margin-right: 6px;
  color: #047AE3;
}
.o-parts.modall.__denial {
  text-align: center;
}
.o-parts.modall.__denial .__title {
  margin-bottom: 1rem;
  font-size: 18px;
}
@media only screen and (max-width: 991px) {
  .o-parts.modall.__denial .__title {
    font-size: 14px;
  }
}
.o-parts.modall.__denial .__desc {
  border-top: 3px solid var(--base-color04);
  margin: 0 0 2rem;
  padding-top: 1rem;
}
.o-parts.modall.__denial .__btnwrap {
  margin: 0 -8px;
}
.o-parts.modall.__denial .__btnwrap .__item {
  margin: 0 8px;
}
.o-parts.payment-seal .credit {
  max-width: 230px;
  margin: 0 -8px;
}
@media only screen and (max-width: 991px) {
  .o-parts.payment-seal .credit {
    margin: 0 -4px;
  }
}
.o-parts.payment-seal .credit .__item {
  margin: 0;
  padding: 0 8px;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .o-parts.payment-seal .credit .__item {
    padding: 2px 4px 0;
    line-height: 0;
  }
}
.o-parts.payment-seal .convenience {
  margin-top: 8px;
}
.o-parts.payment-seal .payment-title {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.3);
  margin-bottom: 1px;
}
.o-parts.payment-seal .cashless .__desc {
  font-size: 10px;
  font-weight: bold;
}
.o-parts.payment-seal.modal {
  margin: 1rem 0 0.5rem;
}
@media only screen and (max-width: 991px) {
  .o-parts.payment-seal.modal {
    margin: 1rem 0 2rem;
  }
}
.o-parts.payment-seal.type1 .credit .__item {
  width: 33.33333%;
}
.o-parts.payment-seal.type1 .credit .amex img,
.o-parts.payment-seal.type1 .credit .jcb img {
  max-height: 45px;
}
.o-parts.payment-seal.type1 .cashless {
  max-width: 210px;
  min-width: 210px;
  margin-left: 20px;
  padding-left: 20px;
  border-left: 3px solid var(--base-color04);
}
@media only screen and (max-width: 991px) {
  .o-parts.payment-seal.type1 .cashless {
    margin-left: 12px;
    padding-left: 12px;
  }
}
.o-parts.payment-seal.type2 img {
  max-width: 100% !important;
  margin: 0 auto !important;
}
.o-parts.payment-seal.type2 .credit .__item {
  width: 100%;
  padding: 0 2px;
}
.o-parts.payment-seal.type2 .cashless {
  width: 100%;
  text-align: center;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  padding-left: 0;
  border-top: 3px solid #DEE7ED;
}
.o-parts.payment-seal.type2 .cashless .__desc {
  display: block;
}
.o-parts.payment-seal.type3 {
  justify-content: flex-start;
}
@media only screen and (max-width: 991px) {
  .o-parts.payment-seal.type3 {
    justify-content: center;
  }
}
.o-parts.payment-seal.type3 .credit {
  max-width: inherit;
}
.o-parts.payment-seal.type3 .credit .__item {
  width: 64px;
}
@media only screen and (max-width: 991px) {
  .o-parts.payment-seal.type3 .credit .__item {
    width: 44px;
  }
}
.o-parts.corplink {
  display: none;
  position: relative;
  background-color: #142531;
  border-radius: 4px;
  max-width: 678px;
  margin: 0 auto 3rem;
  padding: 1rem;
  transition: 0.3s all ease-in-out;
  z-index: 1;
  width: auto;
}
.o-parts.corplink:hover {
  opacity: 0.95;
}
.o-parts.corplink:hover .corplinkIcon {
  background-color: #26455C;
  filter: brightness(2);
}
@media only screen and (max-width: 767px) {
  .o-parts.corplink:hover .corplinkIcon {
    filter: brightness(1.1);
  }
}
.o-parts.corplink .corplinkImg_item {
  object-fit: cover;
  height: 80px;
  width: 80px;
  border-right: 1px solid #26455C;
}
@media only screen and (max-width: 767px) {
  .o-parts.corplink .corplinkImg_item {
    width: 33.33333%;
  }
}
.o-parts.corplink .corplinkImg_item:first-child {
  border-radius: 4px 0 0 4px;
}
.o-parts.corplink .corplinkImg_item:last-child {
  border-right: none;
  border-radius: 0 4px 4px 0;
}
.o-parts.corplink .corplinkText {
  font-size: var(--fs-p);
  padding: 1rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  letter-spacing: -1px;
}
@media only screen and (max-width: 767px) {
  .o-parts.corplink .corplinkText {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 544px) {
  .o-parts.corplink .corplinkText {
    font-size: 13px;
  }
}
.o-parts.corplink .corplinkText_sub {
  position: relative;
}
.o-parts.corplink .corplinkText_sub:after {
  content: "";
  position: absolute;
  display: block;
  height: 2px;
  width: 100%;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: inherit;
  z-index: 0;
  background: linear-gradient(to right, #F5EAB5 0%, #BF8F37 30%, #F7F1C1 6%, #E8CA75 98%);
}
.o-parts.corplink .corplinkText_subWrap {
  position: relative;
  z-index: 1;
  background-color: #142531;
  padding-right: 12px;
}
@media only screen and (max-width: 767px) {
  .o-parts.corplink .corplinkText_subWrap {
    padding-left: 12px;
  }
}
.o-parts.corplink .corplinkText_title {
  font-size: 23px;
}
@media only screen and (max-width: 544px) {
  .o-parts.corplink .corplinkText_title {
    font-size: 19px;
  }
}
.o-parts.corplink .corplinkText_titleSub {
  font-size: var(--fs-p);
}
@media only screen and (max-width: 544px) {
  .o-parts.corplink .corplinkText_titleSub {
    font-size: 13px;
  }
}
.o-parts.corplink .corplinkIcon {
  background-color: #26455C;
  border-radius: 4px;
  height: 80px;
  padding: 0 0.3rem 0 0.5rem;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s all ease-in-out;
}
@media only screen and (max-width: 767px) {
  .o-parts.corplink .corplinkIcon {
    position: absolute;
    height: 24px;
    width: 24px;
    padding: 0;
    border-radius: 100px;
    bottom: 12px;
    right: 12px;
    background: -webkit-linear-gradient(0deg, #047AE3, #45b4eb);
  }
}
.o-parts.corplink .corplinkIcon_icon:before {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .o-parts.corplink .corplinkIcon_icon:before {
    margin-left: 2px;
  }
}
.o-parts.corplink .corplinkBadge {
  position: absolute;
  padding: 0.3rem 1.3rem;
  top: -1rem;
  left: -1rem;
  border-radius: 2px;
  letter-spacing: -0.5px;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  background: linear-gradient(to right, #746161 0%, #432A2A 98%);
}
@media only screen and (max-width: 544px) {
  .o-parts.corplink .corplinkBadge {
    font-size: 11px;
  }
}
.o-parts.corplink .corplinkBadge_icon:before {
  margin-right: 6px;
  color: #fff;
}
.o-parts.corplink.__small .corplinkImg_item {
  width: 33.33333%;
}
.o-parts.corplink.__small .corplinkText {
  width: 100%;
  text-align: center;
  font-size: 13px;
}
.o-parts.corplink.__small .corplinkText_subWrap {
  padding-left: 12px;
}
.o-parts.corplink.__small .corplinkText_title {
  font-size: 19px;
}
.o-parts.corplink.__small .corplinkTextSub {
  font-size: 13px;
}
.o-parts.corplink.__small .corplinkIcon {
  position: absolute;
  height: 24px;
  width: 24px;
  padding: 0;
  border-radius: 100px;
  bottom: 12px;
  right: 12px;
  background: -webkit-linear-gradient(0deg, #047AE3, #45b4eb);
}
.o-parts.corplink.__small .corplinkIcon_icon:before {
  margin-left: 2px;
}
@media only screen and (max-width: 544px) {
  .o-parts.corplink.__small .corplinkBadge {
    font-size: 11px;
  }
}
.o-parts.overlink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.o-parts.flow.__style01 {
  min-width: 300px;
  margin-left: 32px;
}
@media only screen and (max-width: 991px) {
  .o-parts.flow.__style01 {
    width: 100%;
    margin-left: 0;
  }
}
.o-parts.flow.__style01 .flowTitle {
  padding: 16px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1rem;
  border-radius: 2px;
}
.o-parts.flow.__style01 .flowTitle.__blue {
  color: #fff;
  background-color: #047AE3;
}
.o-parts.flow.__style01 .flowList {
  counter-reset: flowNum;
  margin: 0 !important;
  padding-left: 0px !important;
}
.o-parts.flow.__style01 .flowItem {
  display: flex;
  align-items: baseline;
  margin-bottom: 1rem !important;
  font-size: 13px;
  font-weight: bold;
}
.o-parts.flow.__style01 .flowItem:last-child {
  margin-bottom: 0 !important;
}
.o-parts.flow.__style01 .flowItem:before {
  content: "Step." counter(flowNum);
  counter-increment: flowNum;
  padding: 12px;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  margin-right: 16px;
  background-color: var(--base-color04);
  border-radius: 2px;
}

.o-dl.__style01 {
  width: 100%;
}
.o-dl.__style01 .o-dlTitle {
  padding: 12px;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  background-color: var(--base-color04);
  margin-right: 12px;
  min-width: fit-content;
}

.o-fixed.__bottom01 {
  position: fixed;
  bottom: 12px;
  left: 12px;
  right: 12px;
}

.o-gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .o-gmap {
    padding-bottom: 95%;
  }
}
.o-gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

@media only screen and (max-width: 991px) {
  #sp-nav .o-parts.payment-seal.type2 {
    display: block;
  }
  #sp-nav .o-parts.payment-seal.type2 .credit,
  #sp-nav .o-parts.payment-seal.type2 .cashless {
    margin-left: auto;
    margin-right: auto;
  }
}

.p-anzeneiseiCompare {
  min-width: 300px;
  margin-left: 32px;
}
@media only screen and (max-width: 991px) {
  .p-anzeneiseiCompare {
    width: 100%;
    margin-left: 0px;
  }
}

/*------------------------------------------
* 衛生管理 - 新講座ページ
------------------------------------------*/
.imageCenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .imageCenter {
    width: 100px;
  }
}

.squareLine, .squareLine2 {
  margin: 0 0 30px;
  padding: 20px 30px 0;
  border: 5px solid #dfdfdf;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.squareLine p, .squareLine li, .squareLine2 p, .squareLine2 li {
  font-size: var(--fs-p);
  line-height: 1.6;
}
.squareLine a, .squareLine2 a {
  color: #047AE3;
}
.squareLine a:hover, .squareLine2 a:hover {
  text-decoration: underline;
}
.squareLine h3, .squareLine2 h3 {
  margin-bottom: 1rem;
  line-height: 1.6;
}
.squareLine2 {
  border: 5px solid #a0cdfa;
}

/*------------------------------------------
* 国家支援 様用のセールページ
------------------------------------------*/
.p-sale .tab-btn:first-child {
  border-radius: 4px 0 0 0;
}
.p-sale .tab-btn:last-child {
  border-radius: 0px 4px 0 0;
}
@media only screen and (max-width: 380px) {
  .p-sale .tab-btn {
    width: auto;
  }
}
.p-sale .product_accordion {
  margin-bottom: 1.5rem;
}
.p-sale .product-title {
  position: relative;
  padding: 16px 32px 16px 16px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  margin-bottom: 1.5rem;
}
.p-sale .product-title:after {
  content: "\f13a";
  font-family: "FontAwesome";
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 22px;
  background: -webkit-gradient(linear, left top, right top, from(#45b4eb), to(#1d83ff));
  background: linear-gradient(to right, #45b4eb, #1d83ff);
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.p-sale .product-title .__img {
  max-width: 126px;
  margin-right: 12px;
}
.p-sale .product-title .__title {
  font-size: var(--fs-p);
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .p-sale .product-title .__title {
    font-size: 13px;
  }
}
.p-sale .product-list {
  display: none;
}
.p-sale .product-list.__display {
  display: block !important;
}
.p-sale .product-list-wrap.__withcheck {
  border-bottom: 1px solid #fff;
}
.p-sale .product-list-check {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #DEE7ED;
  cursor: pointer;
}
.p-sale .product-list-check.__type01 .o-formCheck_label {
  padding: 0 12px;
}
@media only screen and (max-width: 991px) {
  .p-sale .product-list-check.__type01 .o-formCheck_label {
    padding: 0 8px;
  }
}
.p-sale .product-list-check.__type01 .o-formCheck_label::before {
  background-color: #fff;
}
.p-sale .product-list-check.__type01 .o-formCheck_label::after {
  content: "\f00c";
  font-family: "FontAwesome";
  color: #DEE7ED;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.p-sale .product-list-wrap.__type01 {
  padding: 8px 16px;
  gap: 12px;
}
@media only screen and (max-width: 991px) {
  .p-sale .product-list-wrap.__type01 {
    padding: 12px 16px;
    gap: 0px;
  }
}
.p-sale .product-list-item {
  padding: 16px 80px 16px 32px;
  position: relative;
  border: 1px solid var(--base-color04);
  margin-bottom: 1px;
  background-color: var(--base-color04);
  transition: background-color 0.3s ease-in-out;
}
.p-sale .product-list-item:hover {
  background-color: #fff;
}
@media only screen and (max-width: 991px) {
  .p-sale .product-list-item {
    padding: 16px 56px 16px 32px;
  }
}
@media only screen and (max-width: 544px) {
  .p-sale .product-list-item {
    padding: 12px 56px 16px 20px;
  }
}
.p-sale .product-list-item:last-child {
  margin-bottom: 3rem;
}
.p-sale .product-list-item.__withcheck {
  width: 100%;
  padding: 16px 32px 16px 32px;
}
@media only screen and (max-width: 544px) {
  .p-sale .product-list-item.__withcheck {
    padding: 12px 20px 16px 20px;
  }
}
.p-sale .product-list-item.__textproduct {
  padding: 0;
}
.p-sale .product-list-item.__textproduct:hover .o-formCheck_label:before {
  background-color: #26455C;
}
@media only screen and (max-width: 991px) {
  .p-sale .product-list-item.__textproduct:hover .o-formCheck_label:before {
    background-color: #fff;
  }
}
.p-sale .product-list-item-name {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .p-sale .product-list-item-name {
    padding: 0;
    max-width: inherit;
  }
}
.p-sale .product-list-item-name .__title span {
  font-size: var(--fs-p);
  font-weight: bold;
  line-height: 1.4;
}
@media only screen and (max-width: 991px) {
  .p-sale .product-list-item-name .__title span {
    font-size: 13px;
  }
}
.p-sale .product-list-item-name i {
  line-height: 1;
}
.p-sale .product-list-item-name i:before {
  margin-left: 0;
  margin-right: 16px;
  font-size: 24px;
  vertical-align: middle;
}
.p-sale .product-list-item-course {
  margin-left: 2rem;
}
@media only screen and (max-width: 991px) {
  .p-sale .product-list-item-course {
    display: block;
    width: 100%;
    margin-left: 0;
  }
}
.p-sale .__member {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  border-radius: 100px;
  background-color: #fff;
  padding: 0.2rem 1rem;
  margin-bottom: 0;
  margin-right: 16px;
}
@media only screen and (max-width: 991px) {
  .p-sale .__member {
    padding: 0;
    background-color: transparent;
    margin-right: 8px;
    font-size: 10px;
  }
}
.p-sale .__member .__img {
  margin-right: 6px;
}
.p-sale .__member span {
  font-weight: bold;
  font-size: 18px;
  margin-left: 6px;
}
@media only screen and (max-width: 991px) {
  .p-sale .__member span {
    font-size: 13px;
  }
}
.p-sale .product-list-item-desc p {
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .p-sale .product-list-item-desc {
    margin-top: 6px;
    padding: 0;
    min-width: inherit;
    line-height: 1;
  }
}
@media only screen and (max-width: 991px) {
  .p-sale .product-list-item-desc {
    flex-basis: 100%;
  }
}
.p-sale .product-list-item-desc .__price {
  margin: 0;
  font-size: 10px;
  white-space: inherit;
  display: flex;
  flex-direction: column;
  align-items: end;
  min-width: 90px;
}
@media only screen and (max-width: 991px) {
  .p-sale .product-list-item-desc .__price {
    display: block;
    margin-left: auto;
  }
}
.p-sale .product-list-item-desc .__price span {
  color: #047AE3;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.1;
}
@media only screen and (max-width: 991px) {
  .p-sale .product-list-item-desc .__price span {
    margin-right: 4px;
    font-size: 20px;
  }
}
.p-sale .product-list-item-desc .__price span strong {
  color: #11181D;
  font-size: 10px;
}
.p-sale .product-list-item-desc .__num {
  margin-right: 16px;
}
.p-sale .product-list-item-btn {
  border-radius: 0 4px 4px 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  max-width: fit-content;
  min-width: inherit;
  padding: 10px 32px;
  background: #FF9A24;
  background: -webkit-gradient(linear, left top, right top, from(#FF9A24), to(#FE741E));
  background: linear-gradient(to right, #FF9A24, #FE741E);
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#FF9A24), to(#FE741E));
  -webkit-background: linear-gradient(to right, #FF9A24, #FE741E);
  border: none;
}
@media only screen and (max-width: 991px) {
  .p-sale .product-list-item-btn {
    padding: 10px 20px;
  }
}
.p-sale .product-list-item-btn:after {
  content: none;
}
.p-sale .product-list-item-btn:hover {
  box-shadow: none;
}
.p-sale .product-list-item-btn i:before {
  margin-left: 0;
  margin: auto;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  height: 32px;
}

/*------------------------------------------
* p-saleのみ購入額を下部に追尾 SP
------------------------------------------*/
@media only screen and (max-width: 991px) {
  .p-sale .cart-item-2 {
    position: sticky;
    bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  .p-sale .cart-inner .cart-item-2 .cart-item-box {
    background-color: rgba(242, 245, 247, 0.95);
    padding: 12px 16px;
  }
}
@media only screen and (max-width: 991px) {
  .p-sale .cart-inner .cart-item-2 .cart-item-box p {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 991px) {
  .p-sale .cart-inner .cart-item-2 .total-price.en, .p-sale .cart-inner .cart-item-2 .item-new .page-box .new-item-contents .main-block .content-1 table th.total-price, .item-new .page-box .new-item-contents .main-block .content-1 table .p-sale .cart-inner .cart-item-2 th.total-price,
  .p-sale .cart-inner .cart-item-2 .item-new .page-box .new-item-contents .main-block .content-1 table td.total-price,
  .item-new .page-box .new-item-contents .main-block .content-1 table .p-sale .cart-inner .cart-item-2 td.total-price {
    line-height: 1;
    font-size: 20px;
    margin-bottom: 1rem;
  }
}
.p-sale .cart-inner .cart-item-2 .cart-item-box button {
  padding: 8px;
  font-size: 12px;
}

/*------------------------------------------
* 大カテゴリページ ec/category/setsubi
------------------------------------------*/
.p-group .p-group-wrap {
  border-right: 1px solid var(--base-color04);
  border-bottom: 1px solid var(--base-color04);
}
.p-group .p-group-item {
  position: relative;
  padding: 16px;
  border-top: 1px solid var(--base-color04);
  border-left: 1px solid var(--base-color04);
  transition: all 0.3s ease-in-out;
}
.p-group .p-group-item:after {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 16px;
  height: 4px;
  line-height: 0;
  color: #26455C;
  transition: all 0.3s ease-in-out;
}
.p-group .p-group-item:hover {
  background-color: var(--base-color04);
}
.p-group .p-group-item:hover .p-group-item-title, .p-group .p-group-item:hover:after {
  color: #047AE3;
}
.p-group .p-group-item-img {
  max-width: 84px;
  margin-right: 12px;
}
.p-group .p-group-item-title {
  font-weight: bold;
  font-size: var(--fs-p);
  line-height: 1.4;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 991px) {
  .p-group .p-group-item-title {
    font-size: 13px;
  }
}

/*------------------------------------------
* 基本パーツ 旧講座 - 技術教育系ページ
------------------------------------------*/
/*------------------------------------------
* base parts base
------------------------------------------*/
.p-gstarter .page-content {
  line-height: 1.6 !important;
}
.p-gstarter .l-section-item table {
  width: 100%;
  border: 2px solid #edf1f3;
}
.p-gstarter .l-section-item table tr:not(:last-of-type) {
  border-bottom: 2px solid #edf1f3;
}
.p-gstarter .l-section-item table th {
  font-size: clamp(13px, 1.5vw, 1.3rem);
  line-height: 1.3;
  width: clamp(80px, 16vw, 200px);
}
@media only screen and (max-width: 544px) {
  .p-gstarter .l-section-item table th {
    width: 100px;
  }
}
.p-gstarter .l-section-item table th, .p-gstarter .l-section-item table td {
  padding: 2rem;
}
@media only screen and (max-width: 544px) {
  .p-gstarter .l-section-item table th, .p-gstarter .l-section-item table td {
    padding: 1rem;
  }
}
.p-gstarter .l-section-item table ul, .p-gstarter .l-section-item table ol, .p-gstarter .l-section-item table p {
  margin: 0.5rem 0 !important;
}
.p-gstarter .l-section-item table ul:last-child, .p-gstarter .l-section-item table ol:last-child, .p-gstarter .l-section-item table p:last-child {
  margin-bottom: 0px !important;
}
.p-gstarter .l-section-item ul, .p-gstarter .l-section-item ol {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 0px !important;
}
.p-gstarter .l-section-item ul li, .p-gstarter .l-section-item ol li {
  margin: 0 !important;
  position: relative;
  padding-inline-start: 20px;
  list-style: none;
}
.p-gstarter .l-section-item ul li:before, .p-gstarter .l-section-item ol li:before {
  content: "";
  width: 10px;
  height: 10px;
  background: linear-gradient(to right, #45b4eb, #1d83ff);
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  border-radius: 100px;
  float: inline-start;
  margin-top: 7px;
  aspect-ratio: 1/1;
  margin-left: -20px;
}
.p-gstarter .l-section-item ul li:before:hover, .p-gstarter .l-section-item ol li:before:hover {
  background: linear-gradient(to left, #45b4eb, #1d83ff);
}
.p-gstarter .l-section-item ol {
  counter-reset: p-gijutsuOl;
  gap: 0.5rem;
}
.p-gstarter .l-section-item ol li {
  counter-increment: p-gijutsuOl;
  padding-inline-start: 28px;
}
.p-gstarter .l-section-item ol li::before {
  content: counter(p-gijutsuOl) "";
  font-size: clamp(13px, 1.5vw, 1.3rem);
  line-height: 1.3;
  font-weight: bold;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #26455C;
  color: #fff;
  margin-top: 2px;
  margin-left: -28px;
  letter-spacing: 0px;
}
.p-gstarter .l-section-item > h3 {
  font-size: clamp(16px, 3vw, 1.9rem);
  line-height: 1.5;
  border-left: 2px solid #047AE3;
  margin-top: 4rem;
  margin-bottom: 2rem;
  background-color: var(--base-color04);
  border-radius: 4px;
  padding: 2rem;
}
.p-gstarter .l-section-item p {
  font-size: clamp(15px, 2.4vw, 1.6rem);
  line-height: 1.9;
}

/*------------------------------------------
* common parts
------------------------------------------*/
.p-gstarter .p-gstarterHead {
  background: linear-gradient(to right, #26455C, #1F5B83 60%, rgba(31, 91, 131, 0.3) 90%);
  padding: 6rem 16px 28rem;
}
@media only screen and (max-width: 991px) {
  .p-gstarter .p-gstarterHead {
    padding: 3rem 16px 25%;
  }
}
.p-gstarter .p-gstarterHead__bg {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  height: 100%;
  margin: auto;
  object-fit: cover;
}
.p-gstarter .p-gstarterHead__title {
  font-size: clamp(23px, 2.5vw, 36px) !important;
}
.p-gstarter .p-gstarterCat {
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: center;
  width: fit-content;
  margin: auto;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 991px) {
  .p-gstarter .p-gstarterCat {
    margin-bottom: 0.5rem;
  }
}
.p-gstarter .p-gstarterCat__sub {
  font-size: clamp(11px, 1vw, 1.2rem);
  line-height: 1.5;
  letter-spacing: 0px;
  color: #fff;
  width: 100%;
  background-color: #11181D;
  padding: 3px 1rem;
  border-radius: 4px 4px 0 0;
  margin: auto;
}
.p-gstarter .p-gstarterCat__main {
  color: #11181D;
  font-size: clamp(13px, 1.5vw, 1.3rem);
  line-height: 1.3;
  line-height: 1.3;
  font-weight: bold;
  padding: 3px 1rem;
  border-radius: 0 0 4px 4px;
  background-color: var(--base-color04);
}
@media only screen and (max-width: 544px) {
  .p-gstarter .p-gstarterCat__main {
    font-size: clamp(13px, 1.5vw, 1.3rem);
    line-height: 1.3;
  }
}
.p-gstarter .p-gstarterMv.__header01 {
  margin-bottom: 3rem;
}
.p-gstarter .p-gstarterMv.__footer01 {
  position: relative;
  margin-top: 0px;
}
.p-gstarter .p-gstarterMv__img {
  position: relative;
  z-index: 1;
  max-width: clamp(260px, 80vw, 512px) !important;
}
.p-gstarter .p-gstarterMv__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 60%;
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
  opacity: 0.2;
}
.p-gstarter .p-gstarterTitle.__section01 {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  gap: 0.5rem;
  font-size: clamp(23px, 2.5vw, 30px);
  line-height: 1.4;
  letter-spacing: 1px;
  margin-bottom: 4rem;
  margin-bottom: 2rem;
}
.p-gstarter .p-gstarterTitle.__section01 .num {
  position: relative;
  top: 3px;
  color: #047AE3;
  font-size: clamp(32px, 4.4vw, 44px);
  line-height: 1.4;
  letter-spacing: 1px;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  letter-spacing: -2px;
}
.p-gstarter .p-gstarterTitle.__section01 .num:after {
  content: ".";
}
.p-gstarter .p-gstarterTitle.__purchase01 {
  position: relative;
  font-size: clamp(21px, 2.5vw, 2.1rem);
  line-height: 1.5;
  text-align: center;
  text-wrap: balance;
  margin-top: 4rem;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
.p-gstarter .p-gstarterTitle.__purchase01::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 64px;
  height: 2px;
  background-color: #047AE3;
}

/*------------------------------------------
* detail parts
------------------------------------------*/
.l-section-item {
  /*通常のテーブル*/
  /*タイトル*/
  /*囲いボックス*/
}
.l-section-item .p-gijutsuTable.__border01 {
  border: 3px solid var(--base-color04);
}
.l-section-item .p-gijutsuTable.__border01 th {
  background-color: var(--base-color04);
}
.l-section-item .p-gijutsuTable.__border01 th, .l-section-item .p-gijutsuTable.__border01 td {
  border-bottom: 1px solid var(--base-color04);
}
.l-section-item .p-gijutsuTitle {
  display: flex;
  align-items: center;
  gap: 2rem;
  overflow: hidden;
  border-radius: 4px;
  background-color: #26455C;
  font-size: clamp(16px, 3vw, 1.9rem);
  line-height: 1.5;
  color: #fff;
  font-weight: bold;
  margin-top: 4rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 544px) {
  .l-section-item .p-gijutsuTitle {
    gap: 1rem;
  }
}
.l-section-item .p-gijutsuTitle__sub {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #047AE3;
  padding: 1rem;
  line-height: 1;
}
.l-section-item .p-gijutsuTitle__subTitle {
  font-size: 13px;
  width: fit-content;
}
.l-section-item .p-gijutsuTitle__subNum {
  font-size: 24px;
  font-family: "Roboto", sans-serif;
}
.l-section-item .p-gijutsuBox {
  border-radius: 4px;
  margin-bottom: 4rem;
}
.l-section-item .p-gijutsuBox.__style01 {
  border: 3px solid var(--base-color04);
}
.l-section-item .p-gijutsuBox.__style01 .p-gijutsuBox__title {
  border-radius: 4px 4px 0 0;
  position: relative;
  background-color: var(--base-color04);
}
.l-section-item .p-gijutsuBox.__style01 .p-gijutsuBox__title::before {
  content: "";
  width: 28px;
  height: 2px;
  background: #047AE3;
  position: absolute;
  left: -14px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.l-section-item .p-gijutsuBox__title {
  padding: 1rem 2rem;
  font-weight: bold;
}
.l-section-item .p-gijutsuBox__cont {
  padding: 1rem 2rem;
}
.l-section-item .p-gijutsuBox__cont p {
  margin: 0 !important;
}

/*------------------------------------------
* 特殊パーツ 旧講座 - 技術教育系ページ
------------------------------------------*/
.l-section-item {
  /*講義テーブル*/
  /*講師プロフィール*/
}
.l-section-item .p-gijutsuProgram {
  padding: 2rem;
  border-radius: 4px;
  background-color: var(--base-color04);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (max-width: 544px) {
  .l-section-item .p-gijutsuProgram {
    padding: 1rem;
  }
}
.l-section-item .p-gijutsuProgram ul {
  margin: 0;
  padding: 0;
}
.l-section-item .p-gijutsuProgram__time {
  display: flex;
  justify-content: center;
  font-size: clamp(15px, 2.4vw, 1.6rem);
  line-height: 1.9;
  font-weight: bold;
  padding: 0 1rem;
  margin: 0 !important;
}
.l-section-item .p-gijutsuProgram__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  counter-reset: p-gijutsuProgram__listItem;
}
@media only screen and (max-width: 544px) {
  .l-section-item .p-gijutsuProgram__list {
    gap: 0.5rem;
  }
}
.l-section-item .p-gijutsuProgram__listItem {
  background-color: #fff;
  border-radius: 2px;
  padding: 2rem 2rem;
}
@media only screen and (max-width: 544px) {
  .l-section-item .p-gijutsuProgram__listItem {
    gap: 1rem;
  }
}
.l-section-item .p-gijutsuProgram__listItem__title {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: clamp(15px, 2.4vw, 1.6rem);
  line-height: 1.9;
  font-weight: bold;
  counter-increment: p-gijutsuProgram__listItem;
}
.l-section-item .p-gijutsuProgram__listItem__title::before {
  content: "" counter(p-gijutsuProgram__listItem);
  font-size: clamp(16px, 3vw, 1.9rem);
  line-height: 1.5;
  line-height: 1;
  margin-top: -1px;
  font-weight: bold;
  color: #047AE3;
  font-family: "Roboto", sans-serif;
}
.l-section-item .p-gijutsuProgram__listItem__child {
  border-top: 1px solid var(--border-color01);
  padding-top: 1rem !important;
  padding-left: 0px !important;
  margin: 0 !important;
  margin-top: 1rem !important;
  counter-reset: p-gijutsuProgram__listItem__childTitle;
}
.l-section-item .p-gijutsuProgram__listItem__childTitle {
  display: flex;
  gap: 1rem;
  list-style: none;
  counter-increment: p-gijutsuProgram__listItem__childTitle;
  margin-bottom: 1rem;
  font-size: clamp(14px, 1.5vw, 1.4rem);
  line-height: 1.8;
}
.l-section-item .p-gijutsuProgram__listItem__childTitle:last-child {
  margin-bottom: 0px;
}
.l-section-item .p-gijutsuProgram__listItem__childTitle::before {
  content: counter(p-gijutsuProgram__listItem) "-" counter(p-gijutsuProgram__listItem__childTitle);
  font-size: clamp(16px, 3vw, 1.9rem);
  line-height: 1.5;
  font-weight: bold;
  color: #047AE3;
  font-family: "Roboto", sans-serif;
}
.l-section-item .p-gijutsuProgram .o-accordionBtn {
  position: relative;
  cursor: pointer;
  transition: color 0.3s all ease-in-out;
  padding-right: 3rem;
}
.l-section-item .p-gijutsuProgram .o-accordionBtn + .p-gijutsuProgram__listItem__child {
  display: none;
}
.l-section-item .p-gijutsuProgram .o-accordionBtn:hover {
  color: #047AE3;
}
.l-section-item .p-gijutsuProgram .o-accordionBtn::after {
  content: "\f0d8";
  font-family: "FontAwesome";
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  margin: auto;
  transition: rotate 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transform-origin: center center;
  font-size: 12px;
  width: 20px;
  height: 20px;
  color: #fff;
  rotate: 180deg;
  background-color: #26455C;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  letter-spacing: 0px;
}
.l-section-item .p-gijutsuProgram .o-accordionBtn:hover::after {
  background-color: #047AE3 !important;
}
.l-section-item .p-gijutsuProgram .o-accordionBtn.close::after {
  rotate: 0deg;
  background-color: #047AE3;
}
.l-section-item .p-gijutsuTeacher {
  display: grid;
  grid-template-columns: clamp(160px, 12vw, 200px) 1fr;
  gap: 2rem;
}
@media only screen and (max-width: 767px) {
  .l-section-item .p-gijutsuTeacher {
    grid-template-columns: auto;
    gap: 1rem;
  }
}
.l-section-item .p-gijutsuTeacher p {
  margin: 0 !important;
}
.l-section-item .p-gijutsuTeacher__img {
  width: 100%;
  max-width: clamp(160px, 12vw, 200px);
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .l-section-item .p-gijutsuTeacher__img {
    margin: 0 auto;
  }
}
.l-section-item .p-gijutsuTeacher__imgItem {
  width: 100%;
  object-fit: cover;
}
.l-section-item .p-gijutsuTeacher__cont {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media only screen and (max-width: 767px) {
  .l-section-item .p-gijutsuTeacher__cont {
    gap: 1rem;
  }
}
.l-section-item .p-gijutsuTeacher__role {
  font-size: clamp(13px, 1.5vw, 1.3rem);
  line-height: 1.3;
  color: #047AE3;
  font-weight: bold;
}
.l-section-item .p-gijutsuTeacher__name {
  font-size: clamp(19px, 2vw, 1.9rem);
  line-height: 1.4;
  font-weight: bold;
}
.l-section-item .p-gijutsuTeacher__profile caption {
  font-size: clamp(13px, 1.5vw, 1.3rem);
  line-height: 1.3;
  padding: 1rem;
  text-align: center;
  font-weight: bold;
  color: #fff;
  border-radius: 2px;
  background-color: #26455C;
}

/*------------------------------------------
* 資格相談会ページ
------------------------------------------*/
.p-schedule {
  /*管理画面専用*/
  /*管理画面 -  ページ　共通*/
}
.p-schedule.__management .p-scheduleHeader_month {
  font-size: 20px;
  line-height: 4;
}
.p-schedule.__management .p-scheduleHeader_btn {
  font-size: 13px;
}
.p-schedule.__management .p-scheduleList_date {
  font-size: 32px;
}
.p-schedule.__management .p-scheduleList_day {
  font-size: 12px;
}
.p-schedule.__management .p-scheduleList_labelAttention {
  font-size: 11px;
}
.p-scheduleHeader {
  position: relative;
  background-color: #26455C;
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
  overflow: hidden;
}
.p-scheduleHeader .js-slide {
  display: none;
}
.p-scheduleHeader .js-slide.active {
  display: block;
}
.p-scheduleHeader.__style01 .p-scheduleHeader_month {
  position: relative;
}
.p-scheduleHeader_month {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: calc(100% - 160px);
  margin: auto;
  font-size: 2rem;
  text-align: center;
  line-height: 3;
  font-family: "Roboto", sans-serif;
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 991px) {
  .p-scheduleHeader_month {
    line-height: 2.4;
  }
}
.p-scheduleHeader_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .p-scheduleHeader_btn {
    padding: 1rem;
  }
}
.p-scheduleHeader_btn:hover {
  background-color: #38617f;
  color: #fff;
}
.p-scheduleHeader_btn.prev {
  float: left;
  border-right: 1px solid #173246;
}
.p-scheduleHeader_btn.prev i {
  padding-right: 12px;
}
.p-scheduleHeader_btn.next {
  float: right;
  border-left: 1px solid #173246;
}
.p-scheduleHeader_btn.next i {
  padding-left: 12px;
}
.p-scheduleHeader_btn.noprev, .p-scheduleHeader_btn.nonext {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
.p-scheduleList {
  position: relative;
  background-color: var(--base-color04);
  padding: 2rem 1rem;
}
.p-scheduleList.__scroll {
  max-height: 768px;
  overflow-y: scroll;
}
@media only screen and (max-width: 991px) {
  .p-scheduleList.__scroll {
    max-height: 400px;
    border: 2px solid #26455C;
    border-top: none;
  }
}
.p-scheduleList .js-slide {
  display: none;
}
.p-scheduleList .js-slide.active {
  display: block;
}
.p-scheduleList_cont {
  background-color: #fff;
  border-radius: 4px;
  padding: 1rem 2rem;
  margin-bottom: 2rem;
}
.p-scheduleList_cont:last-child {
  margin-bottom: 0;
}
.p-scheduleList_date {
  min-width: 90px;
  font-size: 3.2rem;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
}
.p-scheduleList_day {
  font-size: 1.2rem;
  font-weight: normal;
}
.p-scheduleList_day.Sunday {
  color: #B92E2D;
}
.p-scheduleList_day.Saturday {
  color: #047AE3;
}
.p-scheduleList_box {
  width: calc(100% - 12rem);
}
@media only screen and (max-width: 991px) {
  .p-scheduleList_box {
    width: auto;
  }
}
.p-scheduleList_item {
  max-width: 120px;
  width: auto;
  margin: 0 0.2rem 0.2rem;
  display: flex;
}
.p-scheduleList_item.__w100 {
  max-width: inherit;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .p-scheduleList_item {
    max-width: inherit;
    width: 33.33333%;
    margin: 0 0 0.2rem;
    padding: 0 1px;
  }
  .p-scheduleList_item.__w100 {
    max-width: inherit;
    width: 100%;
  }
}
.p-scheduleList_item.__booked .p-scheduleList_input + .p-scheduleList_label, .p-scheduleList_item.__booked .p-scheduleList_input:hover + .p-scheduleList_label, .p-scheduleList_item.__booked .p-scheduleList_input:checked + .p-scheduleList_label {
  cursor: not-allowed;
  background-color: #DEE7ED;
  color: rgba(0, 0, 0, 0.3);
  border: 1px solid #DEE7ED;
  border-bottom: 3px solid #DEE7ED;
}
.p-scheduleList_input {
  display: none;
}
.p-scheduleList_input:hover + .p-scheduleList_label {
  border: 1px solid #26455C;
  border-bottom: 3px solid #26455C;
}
.p-scheduleList_input:checked + .p-scheduleList_label {
  background-color: #26455C;
  border: 1px solid #477391;
  border-bottom: 3px solid #477391;
  color: #fff;
}
.p-scheduleList_label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: 1px solid #DEE7ED;
  border-bottom: 3px solid #DEE7ED;
  padding: 0.5rem 1rem;
  font-weight: 900;
  font-family: "Roboto", sans-serif;
  text-align: center;
  transition: 0.3s all ease-in-out;
  cursor: pointer;
  border-radius: 4px;
}
.p-scheduleList_label.__style01 {
  justify-content: space-between;
  padding: 0.5rem 2rem;
}
@media only screen and (max-width: 991px) {
  .p-scheduleList_label.__style01 {
    padding: 0.5rem 1rem;
  }
}
.p-scheduleList_labelAttention {
  display: block;
  width: 100%;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1;
}
.p-scheduleList_labelAttention i {
  margin-right: 6px;
  color: #feb91e;
}
.p-scheduleList_labelSub {
  font-size: 13px;
  color: rgba(17, 24, 29, 0.7);
  line-height: 1;
  font-weight: normal;
}
.p-scheduleList_labelSub strong {
  font-size: 16px;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .p-scheduleModal_time {
    display: block;
  }
}

/*------------------------------------------
* 資格相談会ページ
------------------------------------------*/
.p-consulCont {
  margin-bottom: 3rem;
}
.p-consulMv_img {
  margin-bottom: 3rem;
}
.p-consulTitle_course {
  display: table;
  margin: 1rem auto 0;
  text-align: center;
  background-color: var(--base-color04);
  padding: 0.5rem 1.5rem;
  border-radius: 100px;
  font-size: 13px;
  font-weight: bold;
}
.p-consulIntro {
  padding: 6rem 6rem 0;
}
@media only screen and (max-width: 991px) {
  .p-consulIntro {
    padding: 2rem 1rem 0;
  }
}
.p-consulIntro_img {
  width: 40%;
}
@media only screen and (max-width: 991px) {
  .p-consulIntro_img {
    max-width: 347px;
    width: 100%;
    margin: auto;
  }
}
.p-consulDesc {
  padding: 3rem;
  background-color: var(--base-color04);
  counter-reset: consulDesc_num;
}
@media only screen and (max-width: 991px) {
  .p-consulDesc {
    padding: 1rem 1.5rem;
  }
}
.p-consulDesc_item {
  background-color: #fff;
  padding: 3rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 991px) {
  .p-consulDesc_item {
    padding: 1.5rem 2rem;
  }
}
.p-consulDesc_item:last-child {
  margin-bottom: 0;
}
.p-consulDesc_item p {
  margin-bottom: 1rem;
}
.p-consulDesc_item p:last-child {
  margin-bottom: 0;
}
.p-consulDesc_title {
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.p-consulDesc_title:before {
  content: "0" counter(consulDesc_num);
  counter-increment: consulDesc_num;
  color: #047AE3;
  font-size: 3rem;
  font-family: "Roboto", sans-serif;
  margin-right: 12px;
  line-height: 1;
}
.p-consulDesc_title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(-45deg, #fff 25%, #DEE7ED 25%, #DEE7ED 50%, #fff 50%, #fff 75%, #DEE7ED 75%, #DEE7ED);
  background-size: 8px 8px;
}
.p-consulCourse_wrap {
  position: relative;
  background-color: var(--base-color04);
  padding: 2rem 2rem 2rem;
  width: auto;
}
.p-consulCourse_item {
  text-align: center;
  width: 33.3333333%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0.5rem;
  appearance: none;
  border-radius: 2px;
}
@media only screen and (max-width: 991px) {
  .p-consulCourse_item {
    width: 100%;
    padding: 0.2rem 0.5rem;
  }
}
.p-consulCourse_itemWrap {
  background-color: #fff;
  padding: 1rem;
  transition: 0.3s all ease-in-out;
}
.p-consulCourse_item:hover .p-consulCourse_itemWrap, .p-consulCourse_item.is-selected .p-consulCourse_itemWrap {
  color: #fff;
  background-color: #26455C;
}
.p-consulCourse_item:hover .p-consulCourse_title,
.p-consulCourse_item:hover .p-consulCourse_teacher, .p-consulCourse_item.is-selected .p-consulCourse_title,
.p-consulCourse_item.is-selected .p-consulCourse_teacher {
  color: #fff;
}
.p-consulCourse_title {
  font-size: 16px;
  font-weight: bold;
  transition: 0.3s all ease-in-out;
}
.p-consulCourse_teacher {
  font-size: 12px;
  text-align: center;
  display: block;
  color: rgba(17, 24, 29, 0.7);
  transition: 0.3s all ease-in-out;
}
.p-consulFlow_item {
  width: calc(100% - 16px);
  text-align: center;
}
.p-consulFlow_img {
  max-width: 230px;
  width: calc(100% - 16px);
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 1080px) {
  .p-consul {
    padding: 30px 20px;
  }
}

/*------------------------------------------
* マイページ ベース
------------------------------------------*/
.p-mypageCont {
  padding: 40px 60px 60px;
}
@media only screen and (max-width: 991px) {
  .p-mypageCont {
    padding: 20px 12px;
  }
}

/*------------------------------------------
* マイページ 個別パーツ
------------------------------------------*/
.p-mySubtab {
  display: flex;
  border-bottom: 1px solid #26455C;
  margin-bottom: 5rem;
}
@media only screen and (max-width: 991px) {
  .p-mySubtab {
    margin-bottom: 3rem;
  }
}
.p-mySubtab.__sticky01 {
  position: sticky;
  top: 82px;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .p-mySubtab.__sticky01 {
    top: 58px;
  }
}
.p-mySubtab.__stepBadge {
  counter-reset: p-mySubtab__itemStep;
}
.p-mySubtab.__stepBadge .p-mySubtab__item {
  counter-increment: p-mySubtab__itemStep;
}
.p-mySubtab.__stepBadge .p-mySubtab__item::after {
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  margin: auto;
  content: "手順." counter(p-mySubtab__itemStep);
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: #047AE3;
  padding: 4px 6px;
  line-height: 1;
  border: 1px solid #047AE3;
  border-radius: 2px;
  background-color: var(--base-color04);
  letter-spacing: 0px;
  width: 40px;
}
@media only screen and (max-width: 991px) {
  .p-mySubtab.__stepBadge .p-mySubtab__item::after {
    padding: 2px 4px;
  }
}
.p-mySubtab.__stepBadge .p-mySubtab__item.__last::after {
  content: "最終手順";
  color: #fff;
  background: linear-gradient(to right, #45b4eb, #047AE3);
}

.p-mySubtab__item {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 1rem;
  padding: 16px 16px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  border: 1px solid #26455C;
  border-bottom: 0px;
  background-color: #fff;
  transition: 0.3s color ease-in-out, 0.3s background-color ease-in-out;
}
@media only screen and (max-width: 991px) {
  .p-mySubtab__item {
    font-size: 13px;
    padding: 10px 8px;
    gap: 3px;
  }
}
@media only screen and (max-width: 544px) {
  .p-mySubtab__item {
    font-size: 10px;
  }
}
.p-mySubtab__item:hover {
  color: #fff;
  background-color: #26455C;
}
.p-mySubtab__item.__active {
  color: #fff;
  pointer-events: none;
  cursor: auto;
  background-color: #26455C;
}
.p-mySubtab__item.__active::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 8px solid #26455C;
}
.p-mySubtab__item:first-of-type {
  border-radius: 4px 0 0 0;
}
.p-mySubtab__item:last-of-type {
  border-radius: 0 4px 0 0;
}

.p-mySubtab__num {
  aspect-ratio: 1/1;
  padding: 4px 6px;
  font-size: 13px;
  line-height: 1;
  border-radius: 4px;
}
@media only screen and (max-width: 991px) {
  .p-mySubtab__num {
    font-size: 11px;
    aspect-ratio: inherit;
    text-align: center;
  }
}
@media only screen and (max-width: 544px) {
  .p-mySubtab__num {
    font-size: 10px;
    padding: 3px;
  }
}

.p-mySubtab__item.__being .p-mySubtab__num {
  color: #2EB979;
  background-color: #EFF7F3;
}
.p-mySubtab__item.__done .p-mySubtab__num {
  color: #047AE3;
  background-color: #E2EAEF;
}
.p-mySubtab__item.__checking .p-mySubtab__num {
  color: #feb91e;
  background-color: rgba(254, 185, 30, 0.1);
}
.p-mySubtab__item.__warn .p-mySubtab__num {
  color: #B92E2D;
  background-color: #F7F0F0;
}
.p-mySubtab__item.__yet .p-mySubtab__num {
  color: #B92E2D;
  background-color: #F7F0F0;
}
.p-mySubtab__item.__submit {
  background: linear-gradient(to right, #45b4eb, #047AE3);
  color: #fff;
}

/*------------------------------------------
* マイページ 全体パーツ
------------------------------------------*/
.p-myBox.__type01 {
  margin-bottom: 4rem;
  padding-bottom: 4rem;
  border-bottom: 4px solid var(--base-color04);
}
.p-myBox.__type01:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.p-myBox.__type02 {
  padding-bottom: 1rem;
}
.p-myBox.__type03 {
  padding: 4rem;
  background-color: var(--base-color04);
  border: 1px solid #2EB979;
}
@media only screen and (max-width: 991px) {
  .p-myBox.__type03 {
    padding: 2rem 1rem;
  }
}
.p-myCard_item, .p-myCard_wrap {
  position: relative;
  padding: 3%;
  line-height: 1.5;
}
.p-myCard_item.__sizes, .p-myCard_wrap.__sizes {
  padding: 8px 16px;
}
@media only screen and (max-width: 991px) {
  .p-myCard_item.__sizes, .p-myCard_wrap.__sizes {
    padding: 8px 12px;
  }
}
.p-myCard_item.__sizem, .p-myCard_wrap.__sizem {
  padding: 12px 16px 14px;
}
@media only screen and (max-width: 991px) {
  .p-myCard_item.__sizem, .p-myCard_wrap.__sizem {
    padding: 8px 12px;
  }
}
.p-myCard_item.__style1, .p-myCard_wrap.__style1 {
  border: 3px solid var(--base-color04);
  border-radius: 2px;
}
.p-myCard_item.__style02, .p-myCard_wrap.__style02 {
  background-color: var(--base-color04);
  border-radius: 2px;
}
.p-myCard_item.__style03, .p-myCard_wrap.__style03 {
  background-color: #DEE7ED;
}
.p-myCard_item.__style04, .p-myCard_wrap.__style04 {
  background-color: #26455C;
}
.p-myCard_item.__style05, .p-myCard_wrap.__style05 {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.p-myCard_item.__nopadding, .p-myCard_wrap.__nopadding {
  padding: 0;
}
.p-myCard_item.__autoheight, .p-myCard_wrap.__autoheight {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.p-myCard_title {
  font-weight: bold;
  font-size: clamp(14px, 2vw, 16px);
  margin-bottom: auto !important;
}
.p-myCard_img {
  max-height: 206px;
}
.p-myCard_btn.__type01 {
  padding: 8px;
  position: relative;
  bottom: 0;
  background-color: var(--base-color04);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  color: #047AE3;
  font-size: clamp(13px, 1vw, 16px);
  font-weight: bold;
}
.p-myCard_btn.__type01:hover {
  color: #047AE3;
  background-color: #DEE7ED;
}
.p-myCalc {
  letter-spacing: 0.5px;
}
.p-myCalc_main {
  width: 100%;
  margin-right: 3rem;
  counter-reset: myCalc_titlenum;
  /*&Form {
      &.__people,
      &.__month {
          flex-basis: 33.3333%;
      }
      @include media(s) {

          &.__people,
          &.__month {
              flex-basis: 25%;
          }
          &.__radio {
              flex-basis: 50%;
          }
      }
  }*/
}
@media only screen and (max-width: 991px) {
  .p-myCalc_main {
    margin-right: 0px;
    margin-bottom: 3rem;
  }
}
.p-myCalc_mainClose {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: bold;
  color: #B92E2D;
}
.p-myCalc_mainClose:before {
  transition: 0.3s all ease-in-out;
}
.p-myCalc_mainClose:hover:before {
  color: #B92E2D;
}
.p-myCalc_mainAdd {
  white-space: inherit !important;
  text-align: center;
  cursor: pointer;
}
.p-myCalc_mainCont {
  margin-bottom: 0.5rem;
}
.p-myCalc_mainWrap {
  padding: 8px 32px;
}
@media only screen and (max-width: 767px) {
  .p-myCalc_mainWrap {
    padding: 8px 16px;
  }
}
.p-myCalc_mainWrap.__header {
  position: relative;
  background-color: #DEE7ED;
}
.p-myCalc_mainWrap.__content {
  border-radius: 0 0 4px 4px;
  background-color: var(--base-color04);
  padding-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .p-myCalc_mainWrap.__content {
    padding-bottom: 8px;
  }
}
.p-myCalc_mainWrap.__content02 {
  border-radius: 0 0 4px 4px;
  background-color: var(--base-color04);
  padding-top: 20px;
  padding-bottom: 24px;
}
.p-myCalc_mainTitle {
  margin-right: 3rem;
  margin-bottom: 1rem;
}
.p-myCalc_mainTitle:after {
  content: "" counter(myCalc_titlenum);
  counter-increment: myCalc_titlenum;
}
@media only screen and (max-width: 544px) {
  .p-myCalc_mainCate label {
    font-size: 13px;
  }
}
.p-myCalc_result {
  max-width: 320px;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .p-myCalc_result {
    max-width: inherit;
  }
}
.p-myCalc_resultWrap {
  top: 40px;
  position: sticky;
}
.p-myCalc_resultTitle {
  padding: 2rem 0;
  border-top: 3px solid #26455C;
  border-bottom: 1px solid var(--base-color04);
  margin-bottom: 1rem;
}
.p-myCalc_resultItemize {
  margin-bottom: 1rem !important;
}
.p-myCalc_resultAmount {
  padding-top: 2rem;
  border-top: 1px solid var(--base-color04);
  line-height: 1.6;
  margin-bottom: 4rem;
}
.p-myCalc_resultAmount_percent {
  padding: 4px 8px;
  background-color: var(--base-color04);
  border-radius: 100px;
  margin-left: auto;
  width: fit-content;
}
.p-myCalc_resultAplly {
  width: 100%;
  line-height: 1.2;
  position: relative;
  /* ボタン上のサブリード &:before {
      content: "まずは無料でご利用ください";
      position: absolute;
      background-color: #fff;
      border-radius: 8px;
      text-align: center;
      width: auto;
      left: 0;
      right: 0;
      top: -7px;
      margin: auto;
      font-weight: bold;
      font-size: 11px;
      padding: 3px 11px;
      max-width: fit-content;
      box-shadow: 0 0 10px rgba(0,0,0,0.2);
      letter-spacing: 0px;
      z-index: 1;
  }*/
}
.p-myCalc_resultAplly:hover:before {
  top: -9px;
}
.p-myCalc_resultAplly_btn {
  max-width: 100% !important;
}
.p-myUser {
  counter-reset: p-myUser_info;
}
.p-myUser_info {
  word-break: break-all;
  width: 168px;
  margin-right: 16px;
  line-height: 1.5;
}
@media only screen and (max-width: 991px) {
  .p-myUser_info {
    width: 100%;
    display: flex;
    max-width: inherit;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-bottom: 0.5rem;
  }
}
.p-myUser_infoName {
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .p-myUser_infoName {
    display: flex;
    font-size: 13px;
    line-height: 0;
  }
}
.p-myUser_infoName:before {
  content: counter(p-myUser_info);
  counter-increment: p-myUser_info;
  font-weight: bold;
  font-size: 21px;
  display: block;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .p-myUser_infoName:before {
    font-size: 16px;
    margin-right: 6px;
  }
}
.p-myUser_infoMail {
  color: #B1BBC4;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 991px) {
  .p-myUser_infoMail {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .p-myUser_infoLink {
    margin-left: auto;
    margin-bottom: 0.5rem;
  }
}
.p-myUser_box {
  margin-bottom: 0.5rem;
}
.p-myUser_progress {
  width: 100%;
}
.p-myUser_progress:nth-child(2) {
  margin-top: 0.5rem;
}
.p-myUser_progressBox {
  margin-bottom: 3rem;
}
.p-myUser_progressBox:last-child {
  margin-bottom: 0;
}
.p-myUser_progressWrap {
  width: 100%;
}
.p-myUser_progressItem {
  margin-bottom: 1rem;
}
.p-myUser_progressItem:last-child {
  margin-bottom: 0;
}
.p-myUser_progressCourse {
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .p-myUser_progressCourse {
    display: block;
  }
}
.p-myUser_progressCourse_status {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 80px;
  min-width: 80px;
  white-space: pre;
  padding: 4px;
  border-radius: 4px;
  background-color: #26455C;
  color: #fff;
  font-size: 11px;
  font-size: clamp(11px, 2vw, 12px);
  font-weight: bold;
  margin-right: 12px;
  margin-bottom: 0.5rem;
}
.p-myUser_progressCourse_status::before {
  content: "受講中";
}
.p-myUser_progressCourse_status.__100 {
  background-color: #047AE3;
}
.p-myUser_progressCourse_status.__100::before {
  content: "受講完了";
}
.p-myUser_progressTitle {
  text-overflow: ellipsis;
  width: 165px;
  overflow: hidden;
  white-space: nowrap;
}
@media only screen and (max-width: 991px) {
  .p-myUser_progressTitle {
    width: inherit;
    white-space: normal;
    font-size: 13px;
  }
}
.p-myUser_progressBar {
  position: relative;
  width: 100%;
  margin: 0 12px 1rem;
  padding: 16px;
  border-radius: 100px;
  background-color: var(--base-color04);
}
@media only screen and (max-width: 991px) {
  .p-myUser_progressBar {
    margin: 0 6px 2rem 0;
  }
}
.p-myUser_progressBar_status {
  position: absolute;
  left: 3px;
  top: 3px;
  bottom: 3px;
  margin: auto 0;
  background: linear-gradient(to right, #047AE3, #83EBBB);
  border-radius: 100px;
}
.p-myUser_progressNum {
  white-space: nowrap;
}
@media only screen and (max-width: 991px) {
  .p-myUser_progressNum {
    font-size: 13px;
  }
}
@media only screen and (max-width: 991px) {
  .p-myUser_progressNum_count {
    font-size: 11px;
  }
}
@media only screen and (max-width: 991px) {
  .p-myUser_progressInfo {
    font-size: 13px;
  }
}
.p-myUser_progressInfo.__start {
  margin-right: 12px;
  padding-right: 12px;
  border-right: 1px solid var(--base-color04);
}
@media only screen and (max-width: 991px) {
  .p-myUser_progressInfo.__start {
    margin-right: 6px;
    padding-right: 6px;
  }
}
.p-myUser_progressInfo.__total {
  margin-left: auto;
  font-weight: bold;
}
.p-myUser_progressInfo_title {
  display: inline;
  margin-bottom: 6px;
  margin-right: 12px;
  color: rgba(17, 24, 29, 0.7);
  font-size: 11px;
  font-weight: normal;
}
@media only screen and (max-width: 991px) {
  .p-myUser_progressInfo_title {
    font-size: 10px;
    display: block;
    line-height: 0;
  }
}
.p-myUser_progressCertificate_title {
  white-space: pre;
  color: #2EB979;
  margin-right: 12px;
}

/*------------------------------------------
* ページごとに利用するパーツ
------------------------------------------*/
/*
* 修了証まとめる機能
*/
.p-mypage .l-header {
  position: relative;
}
.p-mypage .l-content {
  padding-top: 0px;
}
.p-mypage .p-mySubtab {
  position: sticky;
  z-index: 2;
  top: 16px;
}

/*
* 修了書ユーザー登録 4/11
*/
.p-myCertificateRegistered__item {
  display: flex;
  gap: 3rem;
  padding: 16px 0;
  border-top: 1px solid var(--base-color04);
  border-bottom: 1px solid var(--base-color04);
}
@media only screen and (max-width: 991px) {
  .p-myCertificateRegistered__item {
    gap: 0;
    flex-direction: column;
  }
}

.p-myCertificateRegistered__title {
  margin: 0 !important;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.p-myCertificateRegistered__contTitle {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-weight: bold;
}

.p-myCertificateRegistered__conteDesc {
  font-size: 12px;
}

/*  登録 or 登録済み */
.p-myCertificateRegister__title {
  border-bottom: 3px solid #B92E2D;
}

.p-myCertificateRegister__titleWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 20px;
  border-radius: 8px 8px 0 0;
  width: fit-content;
  background-color: rgba(185, 46, 45, 0.1);
}
@media only screen and (max-width: 991px) {
  .p-myCertificateRegister__titleWrap {
    font-size: 13px;
  }
}
.p-myCertificateRegister__titleWrap .fa {
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-myCertificateRegister__titleNum {
  padding: 4px;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 4px;
}

.p-myCertificateRegister__title.__yet {
  color: #B92E2D;
}
.p-myCertificateRegister__title.__yet .p-myCertificateRegister__titleWrap {
  background-color: rgba(185, 46, 45, 0.1);
}
.p-myCertificateRegister__title.__done {
  color: #2EB979;
  border-bottom: 3px solid #2EB979;
}
.p-myCertificateRegister__title.__done .p-myCertificateRegister__titleWrap {
  background-color: rgba(46, 185, 121, 0.1);
}

/*  ユーザー登録テーブル */
.p-myCertificateRegister__tableThead {
  background-color: rgba(255, 255, 255, 0.9);
  position: sticky;
  top: 0;
  z-index: 1;
}

.p-myCertificateRegister__tableSubmit {
  background-color: rgba(222, 231, 237, 0.9);
  position: sticky;
  bottom: 0;
  z-index: 1;
}

/*  ユーザー確認・削除テーブル */
.p-myCertificateRegister__tableDelete {
  position: relative;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s color ease-in-out;
}
.p-myCertificateRegister__tableDelete:hover {
  color: #B92E2D;
}

.p-myCertificateRegister__tableDelete__cont {
  opacity: 0;
  font-size: 12px;
  font-weight: bold;
  width: fit-content;
  position: absolute;
  z-index: -10;
  bottom: 100%;
  right: 0;
  padding: 12px;
  white-space: nowrap;
  border-radius: 4px;
  color: #fff;
  background-color: rgba(38, 69, 92, 0.85);
  transition: 0.3s opacity ease-in-out, 0.3s bottom ease-in-out;
}
.p-myCertificateRegister__tableDelete__cont.__active {
  opacity: 1;
  z-index: 1;
  bottom: 90%;
}

.p-myCertificateRegister__tableDelete__contLink {
  color: #ffbdbd;
  text-decoration: underline;
}
.p-myCertificateRegister__tableDelete__contLink:hover {
  text-decoration: none;
}

/*
* 講座のユーザー登録状況 4/11
*/
.p-myCertificateCourse {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 544px) {
  .p-myCertificateCourse {
    margin-bottom: 1rem;
  }
}

.p-myCertificateCourse__item {
  border: 3px solid var(--base-color04);
}

.p-myCertificateCourse__info {
  padding: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .p-myCertificateCourse__info {
    padding: 0.8rem;
    font-size: 13px;
  }
}
.p-myCertificateCourse__info:hover .p-myCertificateCourse__infoIcon {
  background-color: #047AE3;
}

.p-myCertificateCourse__infoIcon {
  display: flex;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  color: #fff;
  border-radius: 100px;
  background-color: #26455C;
  transform: rotate(0deg);
  transition: 0.3s transform ease-in-out, 0.3s background-color ease-in-out;
}
@media only screen and (max-width: 991px) {
  .p-myCertificateCourse__infoIcon {
    width: 22px;
    height: 22px;
    padding-left: 2px;
  }
}
.p-myCertificateCourse__infoIcon.__active {
  transform: rotate(180deg);
}

.p-myCertificateCourse__infoTitle {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .p-myCertificateCourse__infoTitle {
    gap: 0.6rem;
  }
}
.p-myCertificateCourse__infoTitle::before {
  content: none;
  flex: none;
  aspect-ratio: 1/1;
  font-weight: bold;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-myCertificateCourse__infoTitle.__justTitle {
  text-align: center;
  justify-content: center;
}
.p-myCertificateCourse__infoTitle.__justTitle:before {
  content: none;
}

.p-myCertificateCourse__cont {
  margin: 0 1.6rem;
  padding: 0 0 1.6rem;
  border-top: 1px solid #26455C;
}
@media only screen and (max-width: 544px) {
  .p-myCertificateCourse__cont {
    margin: 0;
  }
}

.p-myCertificateCourse.__white .p-myCertificateCourse__item,
.p-myCertificateCourse.__white .p-myCertificateForm,
.p-myCertificateCourse__item.__white .p-myCertificateCourse__item,
.p-myCertificateCourse__item.__white .p-myCertificateForm {
  background-color: #fff;
}
.p-myCertificateCourse.__small .p-myCertificateCourse__info,
.p-myCertificateCourse__item.__small .p-myCertificateCourse__info {
  padding: 1rem 2rem;
}
.p-myCertificateCourse.__done .p-myCertificateCourse__infoTitle::before,
.p-myCertificateCourse__item.__done .p-myCertificateCourse__infoTitle::before {
  content: "済";
  color: #2EB979;
  background-color: rgba(46, 185, 121, 0.1);
}
.p-myCertificateCourse.__checking .p-myCertificateCourse__infoTitle::before,
.p-myCertificateCourse__item.__checking .p-myCertificateCourse__infoTitle::before {
  content: "待";
  color: #feb91e;
  background-color: rgba(254, 185, 30, 0.1);
}
.p-myCertificateCourse.__warn .p-myCertificateCourse__infoTitle::before,
.p-myCertificateCourse__item.__warn .p-myCertificateCourse__infoTitle::before {
  content: "\f071";
  font-family: "FontAwesome";
  color: #B92E2D;
  background-color: rgba(185, 46, 45, 0.1);
}
.p-myCertificateCourse.__yet .p-myCertificateCourse__info,
.p-myCertificateCourse__item.__yet .p-myCertificateCourse__info {
  cursor: not-allowed;
}
.p-myCertificateCourse.__yet .p-myCertificateCourse__infoTitle::before,
.p-myCertificateCourse__item.__yet .p-myCertificateCourse__infoTitle::before {
  content: "未";
  color: #B92E2D;
  background-color: rgba(185, 46, 45, 0.1);
}
.p-myCertificateCourse.__yet .p-myCertificateCourse__infoIcon,
.p-myCertificateCourse__item.__yet .p-myCertificateCourse__infoIcon {
  background-color: #DEE7ED;
}

/*
* 修了書まとめる機能
*/
.p-muCerificateFlow {
  counter-reset: p-myCertificateFlow__num;
}

.p-myCertificateFlow__item {
  display: flex;
  gap: 16px;
  font-weight: bold;
  align-items: center;
  counter-increment: p-myCertificateFlow__num;
  font-size: clamp(14px, 2vw, 16px);
  line-height: 1.5;
}
@media only screen and (max-width: 991px) {
  .p-myCertificateFlow__item {
    gap: 8px;
    align-items: baseline;
  }
}
.p-myCertificateFlow__item::before {
  content: "手順." counter(p-myCertificateFlow__num);
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  color: #047AE3;
  padding: 3px 12px;
  border: 1px solid #047AE3;
  border-radius: 2px;
  background-color: var(--base-color04);
  letter-spacing: 0px;
  min-width: 44px;
}
@media only screen and (max-width: 991px) {
  .p-myCertificateFlow__item::before {
    padding: 3px 6px;
  }
}
.p-myCertificateFlow__item:last-of-type::before {
  content: "最終手順";
  color: #fff;
  background: linear-gradient(to right, #45b4eb, #047AE3);
}

.p-myCertificateFlow__img {
  width: 260px;
  margin-left: 64px;
}
@media only screen and (max-width: 991px) {
  .p-myCertificateFlow__img {
    margin: 0.5rem auto;
  }
}
@media only screen and (max-width: 544px) {
  .p-myCertificateFlow__img {
    width: 260px;
  }
}

.p-myCertificateForm {
  background-color: var(--base-color04);
  padding: 4rem;
}
@media only screen and (max-width: 991px) {
  .p-myCertificateForm {
    padding: 2rem;
  }
}

.p-myCertificateStatus {
  display: flex;
  gap: 1rem;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 991px) {
  .p-myCertificateStatus {
    margin-bottom: 0;
  }
}

.p-myCertificateStatus__item {
  flex-basis: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 1rem;
  gap: 1rem;
}
.p-myCertificateStatus__item.__available {
  border-top: 2px solid #2EB979;
}
.p-myCertificateStatus__item.__unavailable {
  border-top: 2px solid #B92E2D;
}
.p-myCertificateStatus__item.__unavailable .p-myCertificateStatus__itemTitle,
.p-myCertificateStatus__item.__unavailable .p-myCertificateStatus__itemImg path {
  color: #B92E2D;
  fill: #B92E2D;
}
@media only screen and (max-width: 544px) {
  .p-myCertificateStatus__item {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    padding: 2rem 0;
  }
}

.p-myCertificateStatus__itemTitle {
  font-size: clamp(11px, 2vw, 16px);
  font-weight: bold;
  line-height: 1;
  color: #2EB979;
  margin-bottom: 4px !important;
}

.p-myCertificateStatus__itemText {
  margin-bottom: 0px;
}

@media only screen and (max-width: 544px) {
  .p-myCertificateStatus__itemImg {
    max-width: 34px;
    max-height: 30px;
  }
}

/*
* 電子証明書をまとめる機能
*/
.p-myAppaccount {
  line-height: 1.4;
}

.p-myAppaccount__item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.p-myAppaccount__item:not(:last-child) {
  margin-bottom: 4rem;
}

.p-myAppaccount__itemTitle {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media only screen and (max-width: 767px) {
  .p-myAppaccount__itemTitle {
    flex-wrap: wrap;
    gap: 4px;
  }
}

.p-myAppaccount__itemTitle__name {
  font-weight: bold;
}

.p-myAppaccount__itemTitle__email {
  font-size: clamp(13px, 1.5vw, 1.3rem);
  line-height: 1.3;
  color: #B1BBC4;
}
@media only screen and (max-width: 767px) {
  .p-myAppaccount__itemTitle__email {
    width: 100%;
  }
}

.p-myAppaccount__itemCourse {
  display: flex;
  flex-direction: column;
  gap: 1px;
  counter-reset: p-myAppaccount__itemCourse__box;
}

.p-myAppaccount__itemCourse__box {
  width: 100%;
  border-radius: 2px;
}

.p-myAppaccount__itemCourse__boxName {
  padding: 16px 32px;
  background-color: var(--base-color04);
  display: flex;
  align-items: center;
  gap: 2rem;
  font-weight: bold;
  counter-increment: p-myAppaccount__itemCourse__box;
}
@media only screen and (max-width: 767px) {
  .p-myAppaccount__itemCourse__boxName {
    padding: 16px;
  }
}
.p-myAppaccount__itemCourse__boxName::before {
  content: "0" counter(p-myAppaccount__itemCourse__box);
  font-family: "Roboto", sans-serif;
  color: #047AE3;
}

.p-myAppaccount__itemCourse__boxList {
  width: 100%;
  border-radius: 2px;
  border: 4px solid var(--base-color04);
  padding: 16px 32px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media only screen and (max-width: 767px) {
  .p-myAppaccount__itemCourse__boxList {
    padding: 16px;
  }
}

.p-myAppaccount__itemCourse__boxList__item {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media only screen and (max-width: 767px) {
  .p-myAppaccount__itemCourse__boxList__item {
    gap: 1rem;
  }
}
.p-myAppaccount__itemCourse__boxList__item::before {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  flex: none;
  border-radius: 100px;
  background-color: #047AE3;
}
.p-myAppaccount__itemCourse__boxList__item.__out {
  opacity: 0.5;
}

.p-myAppaccount__itemCourse__boxText {
  font-size: clamp(13px, 1.5vw, 1.3rem);
  line-height: 1.3;
  color: #B92E2D;
}

.p-myAppmarge {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 4rem;
}

.p-myAppmarge__title {
  font-size: 18px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .p-myAppmarge__title {
    padding-right: 72px;
  }
}

.p-myAppmarge__desc {
  position: relative;
  text-align: center;
  color: #fff;
  padding: 24px 32px;
  background-color: #26455C;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .p-myAppmarge__desc {
    padding: 16px;
  }
}
.p-myAppmarge__desc::after {
  content: "";
  position: absolute;
  top: -48px;
  right: 8px;
  width: 68px;
  height: 72px;
  background-image: url(../images/mypage/fig_man01.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .p-myAppmarge__desc::after {
    top: -54px;
    right: -4px;
  }
}

.p-myAppmarge__func {
  padding: 16px 32px;
  display: flex;
  gap: 1rem;
  background-color: #1A3245;
}
@media only screen and (max-width: 767px) {
  .p-myAppmarge__func {
    padding: 16px;
    flex-direction: column;
    justify-content: center;
  }
}

.p-myAppmarge__funcSelect {
  width: 100%;
}
.p-myAppmarge__funcSelect select {
  font-size: 16px;
}

/*
//発行済修了証一覧
//certificates/issued
*/
.p-myIssuedsort {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .p-myIssuedsort {
    gap: 2rem;
  }
}

.p-myIssuedsort__func {
  position: sticky;
  top: 89px;
  z-index: 1;
  width: 80%;
  display: grid;
  grid-template-columns: auto 1fr 1fr auto;
  gap: 1rem;
  align-items: center;
  border-radius: 4px;
  padding: 1rem 2rem;
  color: #fff;
  background-color: #26455C;
  font-size: clamp(15px, 2.4vw, 1.6rem);
  line-height: 1.9;
  box-shadow: 4px 4px 12px rgba(17, 24, 29, 0.2);
}
@media only screen and (max-width: 991px) {
  .p-myIssuedsort__func {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .p-myIssuedsort__func {
    top: 68px;
    grid-template-columns: inherit;
    grid-template: "p-myIssuedsort__funcTitle p-myIssuedsort__funcResult" auto "p-myIssuedsort__funcName p-myIssuedsort__funcCourses" auto/1fr 1fr;
    gap: 1rem;
    padding: 1rem;
    line-height: 1;
  }
}

.p-myIssuedsort__funcTitle {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5px;
  align-items: center;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .p-myIssuedsort__funcTitle {
    grid-area: p-myIssuedsort__funcTitle;
  }
}

.p-myIssuedsort__funcTitle__icon {
  font-size: 13px;
  width: 12px;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.p-myIssuedsort__funcName,
.p-myIssuedsort__funcCourses {
  padding: 1.5rem 2rem !important;
  border-radius: 4px !important;
  border: none;
  outline: none;
  appearance: none;
  font-size: clamp(15px, 2.4vw, 1.6rem);
  line-height: 1.9;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .p-myIssuedsort__funcName,
  .p-myIssuedsort__funcCourses {
    font-size: 16px !important;
    padding: 1rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .p-myIssuedsort__funcName {
    grid-area: p-myIssuedsort__funcName;
  }
}

@media only screen and (max-width: 767px) {
  .p-myIssuedsort__funcCourses {
    grid-area: p-myIssuedsort__funcCourses;
  }
}

.p-myIssuedsort__funcResult {
  padding: 0 1rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .p-myIssuedsort__funcResult {
    grid-area: p-myIssuedsort__funcResult;
    text-align: right;
    padding: 0;
  }
}

.p-myIssuedsort__cont {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.p-myIssuedsort__item {
  display: grid;
  gap: 2rem;
  grid-template-columns: clamp(120px, 17vw, 180px) 1fr clamp(120px, 17vw, 180px);
}
@media only screen and (max-width: 767px) {
  .p-myIssuedsort__item {
    gap: 1rem;
    grid-template-columns: auto;
    grid-template: "p-myIssuedsort__person  p-myIssuedsort__course" "p-myIssuedsort__person p-myIssuedsort__limit" auto/clamp(90px, 20vw, 180px) 1fr;
  }
}
.p-myIssuedsort__item:not(:last-of-type) {
  border-bottom: 2px solid var(--base-color04);
  padding-bottom: 2rem;
}
.p-myIssuedsort__item.__head01 {
  padding-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .p-myIssuedsort__item.__head01 {
    grid-template-columns: clamp(90px, 24vw, 180px) 1fr auto;
  }
}
.p-myIssuedsort__item.__out .p-myIssuedsort__personName,
.p-myIssuedsort__item.__out .p-myIssuedsort__course,
.p-myIssuedsort__item.__out .p-myIssuedsort__limit {
  opacity: 0.4;
}
.p-myIssuedsort__item.__out .p-myIssuedsort__personName::before {
  content: "\f235";
  color: #26455C;
}
.p-myIssuedsort__item.__noresult {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.p-myIssuedsort__itemHead {
  font-size: clamp(11px, 1vw, 1.2rem);
  line-height: 1.5;
}

.p-myIssuedsort__person {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media only screen and (max-width: 767px) {
  .p-myIssuedsort__person {
    grid-area: p-myIssuedsort__person;
  }
}

.p-myIssuedsort__personName {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  font-size: clamp(19px, 2vw, 1.9rem);
  line-height: 1.4;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .p-myIssuedsort__personName {
    font-size: clamp(14px, 1.5vw, 1.4rem);
    line-height: 1.8;
    line-height: 1.3;
    gap: 2px;
  }
}
.p-myIssuedsort__personName::before {
  content: "\f007";
  color: #047AE3;
  font-family: "FontAwesome";
}

.p-myIssuedsort__personStatus {
  width: fit-content;
  padding: 5px;
  font-size: clamp(11px, 1vw, 1.2rem);
  line-height: 1.5;
  font-weight: bold;
  border: none;
  outline: none;
  color: #fff;
  border-radius: 4px;
  background-color: #047AE3;
}
.p-myIssuedsort__personStatus::before {
  content: "a";
  font-family: "FontAwesome";
}
.p-myIssuedsort__personStatus.__out {
  background-color: #26455C;
}

.p-myIssuedsort__course {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media only screen and (max-width: 767px) {
  .p-myIssuedsort__course {
    grid-area: p-myIssuedsort__course;
  }
}

.p-myIssuedsort__courseTitle {
  font-size: clamp(19px, 2vw, 1.9rem);
  line-height: 1.4;
  font-weight: bold;
}

.p-myIssuedsort__courseTitle__link {
  text-decoration: underline;
}

.p-myIssuedsort__courseStatus {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.p-myIssuedsort__courseStatus__item {
  display: grid;
  grid-template-columns: auto auto;
  padding: 5px;
  align-items: center;
  background-color: var(--base-color04);
  border: 4px;
  font-size: clamp(10px, 1vw, 1.1rem);
  line-height: 1.3;
}

.p-myIssuedsort__courseStatus__itemCont {
  font-size: clamp(11px, 1vw, 1.2rem);
  line-height: 1.5;
  font-weight: bold;
}

.p-myIssuedsort__limit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}
@media only screen and (max-width: 767px) {
  .p-myIssuedsort__limit {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding-top: 1rem;
    border-top: 1px dashed #26455C;
    grid-area: p-myIssuedsort__limit;
  }
}

.p-myIssuedsort__limitTime {
  display: grid;
  justify-content: center;
  align-items: center;
  gap: 5px;
  grid-template-columns: auto auto;
  font-size: clamp(19px, 2vw, 1.9rem);
  line-height: 1.4;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .p-myIssuedsort__limitTime {
    font-size: clamp(14px, 1.5vw, 1.4rem);
    line-height: 1.8;
  }
}

.p-myIssuedsort__limitDesc {
  font-size: clamp(13px, 1.5vw, 1.3rem);
  line-height: 1.3;
  line-height: 1.3;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-myIssuedsort__limitDesc {
    font-size: clamp(11px, 1vw, 1.2rem);
    line-height: 1.5;
    text-align: left;
  }
}

.p-myIssuedsort__limit.__deadline01 .p-myIssuedsort__limitTime {
  color: #B92E2D;
}

/*------------------------------------------
* セミナーページ
------------------------------------------*/
.p-seminarSection.__inquiry, .p-seminarSection.__faq {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5rem;
}
@media only screen and (max-width: 767px) {
  .p-seminarSection.__inquiry, .p-seminarSection.__faq {
    margin-bottom: 0rem;
    padding-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .p-seminarSection.__inquiry {
    padding-bottom: 0px;
  }
}
.p-seminarSection.__faq .faq-box dt:after {
  content: "\f056";
}
.p-seminarSection.__faq .faq-box dt.close:after {
  transform: rotate(180deg);
  content: "\f055";
}
.p-seminarSection.__faq .faq-box dd {
  display: block;
}
.p-seminarSection_title {
  padding-bottom: 2rem !important;
  margin-bottom: 2rem;
  border-bottom: 3px solid var(--base-color04) !important;
}
.p-seminarSection_table {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .p-seminarSection_table th, .p-seminarSection_table td {
    width: inherit !important;
  }
}
@media only screen and (max-width: 767px) {
  .p-seminarSection_table th {
    min-width: inherit !important;
    font-size: 11px;
    padding: 10px !important;
    white-space: pre;
    vertical-align: middle;
  }
}
.p-seminarSection_table td {
  font-size: 16px;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .p-seminarSection_table td {
    font-size: 14px;
  }
}
.p-seminarSection_tableDate {
  min-width: inherit !important;
  width: inherit !important;
  max-width: 30px !important;
  color: #fff !important;
  font-weight: bold;
  background-color: #26455C !important;
  line-height: 1;
  vertical-align: top !important;
  white-space: inherit !important;
  writing-mode: vertical-rl;
  text-orientation: upright;
  text-align: left !important;
}
.p-seminarDesc {
  display: flex;
  justify-content: center;
  text-align: center;
  gap: 5%;
  margin-bottom: 1%;
}
@media only screen and (max-width: 767px) {
  .p-seminarDesc {
    text-align: left;
    display: block;
    margin-bottom: 3%;
  }
}
@media only screen and (max-width: 991px) {
  .p-seminarDesc p {
    font-size: var(--fs-p);
    line-height: 1.8;
  }
}
.p-seminarLogodesc {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-width: 300px;
  background-color: var(--base-color04);
  padding: 3%;
}
@media only screen and (max-width: 767px) {
  .p-seminarLogodesc {
    margin-bottom: 3%;
  }
}
.p-seminarLogodesc_img {
  max-width: 96px;
  margin-bottom: 1rem;
}
.p-seminarLogodesc_text {
  font-size: 13px;
  margin-bottom: 0px !important;
}
.p-seminarAccordion_title {
  padding: 24px;
  border: 1px solid var(--base-color04);
  font-size: 16px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .p-seminarAccordion_title {
    font-size: 14px;
  }
}
.p-seminarAccordion_cont {
  padding: 5%;
  background-color: var(--base-color04);
  max-height: 800px;
  overflow-y: scroll;
}
@media only screen and (max-width: 767px) {
  .p-seminarAccordion_cont {
    max-height: 480px;
  }
}
.p-seminarLicense {
  counter-reset: p-seminarLicense_titleNum;
}
.p-seminarLicense_item {
  margin-bottom: 3rem;
  counter-increment: p-seminarLicense_titleNum;
}
.p-seminarLicense_item:last-child {
  margin-bottom: 0px;
}
.p-seminarLicense_title {
  font-size: 16px;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  gap: 3%;
  line-height: 1.5;
}
@media only screen and (max-width: 544px) {
  .p-seminarLicense_title {
    font-size: 14px;
  }
}
.p-seminarLicense_titleNum {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 48px;
  background-color: #26455C;
  border-radius: 2px 2px 0 0;
  text-align: center;
  letter-spacing: 0px;
}
.p-seminarLicense_titleNum:before {
  content: counter(p-seminarLicense_titleNum);
  color: #fff;
  font-weight: bold;
  line-height: 1;
  font-size: 19px;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0;
  padding-left: 3px;
}
.p-seminarLicense_cont {
  background-color: #fff;
  border-radius: 4px;
  padding: 5%;
  box-shadow: 0 0 17px rgba(17, 24, 29, 0.05);
}
.p-seminarLicense_section {
  margin-bottom: 1.5rem;
}
.p-seminarLicense_section:last-child {
  margin-bottom: 0px;
}
.p-seminarLicense_subtitle {
  margin: 0 !important;
  font-size: 13px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 544px) {
  .p-seminarLicense_subtitle {
    font-size: 12px;
  }
}
.p-seminarLicense_text {
  font-size: 16px;
  margin: 0 !important;
}
@media only screen and (max-width: 544px) {
  .p-seminarLicense_text {
    font-size: 14px;
    line-height: 1.5 !important;
  }
}
.p-seminarLicense_list {
  margin: 0 !important;
  padding-left: 0px !important;
  display: flex;
  flex-wrap: wrap;
}
.p-seminarLicense_listItem {
  position: relative;
  margin: 0 !important;
  margin-right: 2rem !important;
  padding-left: 20px;
  list-style: none;
}
.p-seminarLicense_listItem:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 12px;
  height: 12px;
  border-radius: 100px;
  background: linear-gradient(to right, #047AE3, #45b4eb);
}
.p-seminarArea {
  padding: 2rem;
  background-color: var(--base-color04);
}
@media only screen and (max-width: 544px) {
  .p-seminarArea {
    padding: 1rem;
  }
}
.p-seminarArea_accord {
  color: #000;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  border-radius: 4px;
  box-shadow: 0 0 17px rgba(38, 69, 92, 0.1);
  background-color: #fff;
  font-size: 19px;
  font-weight: bold;
  margin-top: 3%;
  margin-bottom: 0;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
  z-index: 1;
}
.p-seminarArea_accord:first-of-type {
  margin-top: 0px;
}
@media only screen and (max-width: 544px) {
  .p-seminarArea_accord {
    font-size: 16px;
    padding: 1.5rem;
  }
}
.p-seminarArea_accord:hover .p-seminarArea_accordIcon {
  transform: scale(1.15) rotate(180deg);
}
.p-seminarArea_accordTitle:after {
  content: "クリックして受講場所を選ぶ";
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 100px;
  background-color: var(--base-color04);
  margin-left: 14px;
  opacity: 1;
  transition: 0.3s all ease-in-out;
  transform: translateX(0px);
  letter-spacing: 0px;
}
@media only screen and (max-width: 544px) {
  .p-seminarArea_accordTitle:after {
    content: "タップして場所を選ぶ";
    font-size: 10px;
  }
}
.p-seminarArea_accord.close .p-seminarArea_accordTitle:after {
  opacity: 0;
  transform: translateX(-3px);
}
.p-seminarArea_accordIcon {
  transform: scale(1) rotate(180deg);
  transition: 0.3s all ease-in-out;
  width: 24px;
  height: 24px;
  background-color: #047AE3;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
}
.p-seminarArea_accord.close .p-seminarArea_accordIcon {
  background-color: #26455C;
  transform: scale(1) rotate(0deg);
  transition: 0.3s all ease-in-out;
}
.p-seminarArea_cont {
  padding: 3rem;
  background-color: #fff;
  border-radius: 0 0 4px 4px;
}
@media only screen and (max-width: 544px) {
  .p-seminarArea_cont {
    padding: 1.5rem;
  }
}
.p-seminarArea_cont form:last-of-type .p-seminarArea_item,
.p-seminarArea_cont .p-seminarArea_wrap:last-of-type .p-seminarArea_item {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: none;
}
.p-seminarArea_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid var(--base-color04);
  line-height: 1.5;
  gap: 12px;
}
@media only screen and (max-width: 767px) {
  .p-seminarArea_item {
    gap: 5%;
    align-items: inherit;
  }
}
.p-seminarArea_info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5%;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .p-seminarArea_info {
    flex-wrap: wrap;
  }
}
.p-seminarArea_info.__notselected {
  font-size: 16px;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .p-seminarArea_info.__notselected {
    flex-wrap: nowrap;
  }
}
.p-seminarArea_where {
  padding: 2rem;
  background-color: var(--base-color04);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .p-seminarArea_where {
    width: 100%;
    padding: 1rem;
    margin-bottom: 1rem;
    flex-direction: inherit;
    justify-content: space-between;
  }
}
.p-seminarArea_whereProvince {
  font-weight: bold;
  white-space: pre;
}
.p-seminarArea_whereCapacity {
  font-size: 12px;
  font-weight: bold;
  padding: 2px 8px;
  border-radius: 100px;
  background-color: #fff;
  font-family: "Roboto", sans-serif;
  margin-top: 2px;
  white-space: pre;
}
@media only screen and (max-width: 767px) {
  .p-seminarArea_whereCapacity {
    margin-top: 0px;
  }
}
.p-seminarArea_whereCapacity.__available {
  background-color: #047AE3;
  color: #fff;
}
.p-seminarArea_whereCapacity.__almostfull {
  background-color: #45b4eb;
  color: #fff;
}
.p-seminarArea_whereCapacity.__full {
  background-color: #B92E2D;
  color: #fff;
}
.p-seminarArea_when {
  font-family: "Roboto", sans-serif;
}
@media only screen and (max-width: 544px) {
  .p-seminarArea_when {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.p-seminarArea_whenYear {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.4);
}
.p-seminarArea_whenDate {
  font-size: 21px;
  font-weight: bold;
}
@media only screen and (max-width: 544px) {
  .p-seminarArea_whenDate {
    font-size: 19px;
    display: flex;
    align-items: flex-end;
  }
}
.p-seminarArea_whenDate span {
  font-size: 13px;
}
.p-seminarArea_whenTime {
  font-size: 16px;
  font-weight: bold;
}
@media only screen and (max-width: 544px) {
  .p-seminarArea_whenTime {
    padding-left: 6px;
  }
}
.p-seminarArea_whenTime_icon {
  margin-right: 3px;
}
.p-seminarArea_venue {
  max-width: 260px;
}
@media only screen and (max-width: 767px) {
  .p-seminarArea_venue {
    font-size: 16px;
  }
}
@media only screen and (max-width: 544px) {
  .p-seminarArea_venue {
    max-width: inherit;
    font-size: 14px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
}
.p-seminarArea_venueCity {
  font-size: 13px;
}
@media only screen and (max-width: 544px) {
  .p-seminarArea_venueCity {
    max-width: inherit;
    min-width: inherit;
    font-size: 12px;
  }
}
.p-seminarArea_venueLink {
  font-size: 13px;
  color: #047AE3;
  text-decoration: underline;
}
@media only screen and (max-width: 544px) {
  .p-seminarArea_venueLink {
    font-size: 12px;
  }
}
.p-seminarArea_venueLink:hover {
  text-decoration: none;
}
.p-seminarArea_venueIcon {
  font-size: 11px;
  padding-left: 6px;
}
.p-seminarArea_apply {
  display: flex;
  flex-direction: column;
}
.p-seminarArea_applyBtn {
  display: flex;
  align-items: center;
  text-decoration: none !important;
  font-size: 13px !important;
}
@media only screen and (max-width: 544px) {
  .p-seminarArea_applyBtn {
    height: 100%;
    border-radius: 4px !important;
  }
}
.p-seminarForm_price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  border: 3px solid rgba(38, 69, 92, 0.1);
}
.p-seminarForm_priceSub {
  font-size: 13px;
  margin-bottom: 0px !important;
}
.p-seminarForm_priceMain {
  font-size: 32px;
  font-weight: bold !important;
  margin-bottom: 0px !important;
  line-height: 1.3 !important;
}
@media only screen and (max-width: 544px) {
  .p-seminarForm_priceMain {
    font-size: 24px;
  }
}
.p-seminarForm_priceMain span {
  font-size: 13px;
}

/*------------------------------------------
* お問い合わせまわり
------------------------------------------*/
.p-contactSec.__type01 {
  padding-bottom: 6rem;
  margin-bottom: 6rem;
  border-bottom: 3px solid var(--base-color04);
}
@media only screen and (max-width: 767px) {
  .p-contactSec.__type01 {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
  }
}
.p-contactSituation {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.p-contactSituation_item {
  text-align: center;
  letter-spacing: 0px;
  font-weight: bold;
  width: 32.6666666667%;
  display: block;
  padding: 12px;
  border: 2px solid var(--base-color04);
  margin: 0 0.3% 0.3%;
}
.p-contactSituation_item:hover {
  color: #047AE3;
  background-color: var(--base-color04);
}
@media only screen and (max-width: 991px) {
  .p-contactSituation_item {
    font-size: 13px;
    width: 50%;
  }
}
@media only screen and (max-width: 544px) {
  .p-contactSituation_item {
    font-size: 13px;
    width: 100%;
  }
}
.p-contactSituation_icon {
  background: -webkit-linear-gradient(0deg, #047ae3, #45b4eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*------------------------------------------
* 採用情報
------------------------------------------*/
.p-recruitFlow {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media only screen and (max-width: 544px) {
  .p-recruitFlow {
    gap: 2rem;
  }
}
.p-recruitFlow::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: clamp(10px, 5vw, 28px);
  bottom: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(to bottom, var(--base-color04), #0076E5);
}

.p-recruitFlow__box {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2rem;
}
.p-recruitFlow__box:last-of-type::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  left: clamp(10px, 5vw, 28px);
  bottom: 0;
  width: 30px;
  height: 100%;
  background: #fff;
}

.p-recruitFlow__icon {
  position: relative;
  z-index: 4;
  border-radius: 15px;
  width: clamp(40px, 10vw, 56px);
  padding: 1rem;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: contain;
  background-color: var(--base-color04);
}

.p-recruitFlow__desc {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.p-recruitFlow__title {
  font-size: clamp(16px, 3vw, 1.9rem);
  line-height: 1.5;
}

.p-recruitFlow__text {
  margin-bottom: 0px !important;
}
@media only screen and (max-width: 544px) {
  .p-recruitFlow__text {
    font-size: clamp(13px, 1.5vw, 1.3rem);
    line-height: 1.3;
  }
}

.p-recruitTable__caption {
  position: relative;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  width: 100%;
  background-color: rgba(38, 69, 92, 0.85);
}

.p-recruitTable__captionWrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20vh;
}
.p-recruitTable__captionWrap::after, .p-recruitTable__captionWrap::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin: auto;
  object-fit: cover;
  background: rgba(38, 69, 92, 0.65);
}
.p-recruitTable__captionWrap::before {
  z-index: 0;
  background: url(../images/recruit/bg-recruit-teacher01.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.page-content .p-recruitTable {
  border-bottom: 2px solid var(--base-color04);
}
.page-content .p-recruitTable th, .page-content .p-recruitTable td {
  padding: 2rem;
}
.page-content .p-recruitTable th p, .page-content .p-recruitTable th ul, .page-content .p-recruitTable th ol, .page-content .p-recruitTable td p, .page-content .p-recruitTable td ul, .page-content .p-recruitTable td ol {
  margin-bottom: 1rem;
}
.page-content .p-recruitTable th p:last-of-type, .page-content .p-recruitTable th ul:last-of-type, .page-content .p-recruitTable th ol:last-of-type, .page-content .p-recruitTable td p:last-of-type, .page-content .p-recruitTable td ul:last-of-type, .page-content .p-recruitTable td ol:last-of-type {
  margin-bottom: 0px;
}
.page-content .p-recruitTable th {
  font-size: clamp(13px, 1.5vw, 1.3rem);
  line-height: 1.3;
}
.page-content .p-recruitTable tr {
  border: 2px solid var(--base-color04);
  border-bottom: none;
}

.p-recruitTable__captionText {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: clamp(21px, 2.5vw, 2.1rem);
  line-height: 1.5;
  font-weight: bold;
}

/*------------------------------------------
* 固定ページ var
------------------------------------------*/
.p-pageMv {
  display: block;
  margin-bottom: 4rem;
}

.p-pageSec.__style01 {
  margin-bottom: 6rem;
}
.p-pageSec.__mw01 {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
}
.p-pageSec.__withImgFloat01 {
  overflow: hidden;
}
.p-pageSec.__withImgFloat01 .p-pageSec__img {
  float: right;
  width: clamp(280px, 5vw, 320px);
  object-fit: cover;
  margin-left: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  .p-pageSec.__withImgFloat01 .p-pageSec__img {
    display: block;
    width: 100%;
    float: none;
    margin-left: 0px;
    margin-bottom: 2rem;
  }
}

/*------------------------------------------
* 旧講座ページ var
------------------------------------------*/
.p-exproductsMv__box {
  display: flex;
  gap: 1rem;
}
@media only screen and (max-width: 767px) {
  .p-exproductsMv__box {
    flex-wrap: wrap;
  }
}

.p-exproductsMv__boxItem {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 2rem 2rem;
  border: 2px solid var(--base-color04);
  border-radius: 12px;
  cursor: pointer;
  transition: border 0.3s ease-in-out;
}
.p-exproductsMv__boxItem:hover {
  border: 2px solid #047AE3;
}
.p-exproductsMv__boxItem:hover .p-exproductsMv__boxText {
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .p-exproductsMv__boxItem {
    width: 100%;
    align-items: inherit;
  }
}
@media only screen and (max-width: 544px) {
  .p-exproductsMv__boxItem {
    padding: 1rem;
  }
}

.p-exproductsMv__boxIcon {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 12px;
  aspect-ratio: 1/1;
  padding: 2rem;
}
@media only screen and (max-width: 767px) {
  .p-exproductsMv__boxIcon {
    width: 20%;
  }
}
@media only screen and (max-width: 380px) {
  .p-exproductsMv__boxIcon {
    padding: 1.5rem;
  }
}
.p-exproductsMv__boxIcon.__black {
  background-color: var(--base-color04);
}
.p-exproductsMv__boxIcon.__gold {
  background-color: #F6F4F0;
}

.p-exproductsMv__boxIcon__img {
  max-height: 45px !important;
  object-fit: contain;
}

.p-exproductsMv__boxInfo {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.p-exproductsMv__boxBadge {
  font-size: clamp(11px, 1vw, 1.2rem);
  line-height: 1.5;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.2rem 1rem;
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
}
.p-exproductsMv__boxBadge.__black {
  background-color: #26455C;
}
.p-exproductsMv__boxBadge.__gold {
  background-color: #9B7835;
}

.p-exproductsMv__boxTitle {
  font-size: clamp(14px, 1.5vw, 1.4rem);
  line-height: 1.8;
  font-weight: bold;
  line-height: 1.5;
}

.p-exproductsMv__boxText {
  font-size: clamp(11px, 1vw, 1.2rem);
  line-height: 1.5;
  text-decoration: underline;
}

/*------------------------------------------
* 固定ページ var
------------------------------------------*/
.p-inquiryVideo {
  display: grid;
  grid-template-columns: repeat(3, 33%);
  gap: 2rem;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .p-inquiryVideo {
    grid-template-columns: repeat(2, 50%);
  }
}

.p-inquiryVideo__item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/*------------------------------------------
* パーツ用 css
------------------------------------------*/
/* =========================================================
u-help
========================================================= */
.u-help#close-btn {
  display: none;
}
.u-help#close-btn:checked + * {
  animation: fadeout 0.2s 1 forwards, hide 0.1s 0.2s 1 forwards;
  -webkit-animation: fadeout 0.2s 1 forwards, hide 0.1s 0.2s 1 forwards;
}
/* =========================================================
u-parts
========================================================= */
.u-dispaly-block {
  display: block;
}

.u-display-inline {
  display: inline !important;
}

.u-d-s {
  display: none;
}
@media only screen and (max-width: 767px) {
  .u-d-s {
    display: block;
  }
}

.u-d-sp {
  display: none;
}
@media only screen and (max-width: 991px) {
  .u-d-sp {
    display: block;
  }
}

.u-d-xs {
  display: none;
}
@media only screen and (max-width: 544px) {
  .u-d-xs {
    display: block;
  }
}

.u-dNone-xs {
  display: block;
}
@media only screen and (max-width: 544px) {
  .u-dNone-xs {
    display: none;
  }
}

.u-dNone-s {
  display: block;
}
@media only screen and (max-width: 767px) {
  .u-dNone-s {
    display: none;
  }
}

.u-dNone {
  display: none;
}

.u-text-ac-sp {
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .u-text-ac-sp {
    text-align: left;
  }
}

.u-text-ac {
  text-align: center;
}

.u-text-aj {
  text-align: justify;
}

.u-text-ar {
  text-align: right;
}

.u-text-al {
  text-align: left;
}

.u-text-w-bold {
  font-weight: bold !important;
}

.u-text-c-red {
  color: #B92E2D !important;
}

.u-text-c-orange {
  color: #DC4C0A;
}

.u-text-c-green {
  color: #20CA20;
}

.u-text-c-yellow {
  color: #FEED1E;
}

.u-text-c-blue {
  color: #047AE3 !important;
}

.u-text-c-lightBlue {
  color: #45b4eb !important;
}

.u-text-c-gray {
  color: #B1BBC4;
}

.u-text-bigger01 {
  font-size: 120%;
}

.u-text-smaller01 {
  font-size: 80%;
}

.u-text-error {
  color: #B92E2D;
  font-weight: bold;
  display: block;
}
.u-text-error:before {
  content: "\f071";
  font-family: FontAwesome;
  font-size: 13px;
  text-align: center;
  color: #B92E2D;
  margin-right: 6px;
}

.u-text-lh01 {
  line-height: 1.5;
}

.u-underline-yellow {
  background: linear-gradient(transparent 90%, #FFEB00 90%);
}

.u-w80 {
  width: 80%;
}

.u-w100 {
  width: 100%;
}

.u-w50-sm100 {
  width: 50%;
}
@media only screen and (max-width: 991px) {
  .u-w50-sm100 {
    width: 100%;
  }
}

@media only screen and (max-width: 544px) {
  .u-xs-maxwnone {
    max-width: 100% !important;
  }
}

.u-maxw01 {
  max-width: 800px;
}

.u-h100 {
  height: 100%;
}

.u-nooverflow {
  overflow: initial !important;
}

.u-flex {
  display: flex;
}

/* =========================================================
u-margin
========================================================= */
.u-m-1 {
  margin: 1rem;
}

.u-mb-05 {
  margin-bottom: 0.5rem !important;
}

.u-mb-1 {
  margin-bottom: 1rem !important;
}

.u-mb-0-sp1 {
  margin-bottom: 0rem !important;
}
@media only screen and (max-width: 991px) {
  .u-mb-0-sp1 {
    margin-bottom: 1rem !important;
  }
}

.u-mb-2 {
  margin-bottom: 2rem;
}

.u-mb-3 {
  margin-bottom: 3rem !important;
}

.u-mb-5 {
  margin-bottom: 5rem !important;
}

.u-mb-8 {
  margin-bottom: 8rem;
}

.u-mb-0 {
  margin-bottom: 0 !important;
}

.u-mt-0 {
  margin-top: 0 !important;
}

.u-mt-3 {
  margin-top: 3rem;
}

.u-ml-0 {
  margin-left: 0 !important;
}

.u-ml-1 {
  margin-left: 1rem;
}

.u-ml-1-spauto {
  margin-left: 1rem;
}
@media only screen and (max-width: 991px) {
  .u-ml-1-spauto {
    margin-left: auto;
  }
}

.u-mr-1 {
  margin-right: 1rem;
}

.u-mr-2 {
  margin-right: 2rem;
}

.u-mr-3 {
  margin-right: 3rem;
}

.u-pt-0 {
  padding-top: 0px;
}

.u-pb-0 {
  padding-bottom: 0px !important;
}

.u-pb-1 {
  padding-bottom: 1rem !important;
}

.u-rl-auto {
  margin-left: auto;
  margin-right: auto;
}

/* =========================================================
u-padding
========================================================= */
.u-p-1 {
  padding: 1rem !important;
}

.u-errortext {
  color: #B92E2D;
  font-weight: bold;
  display: block;
}
.u-errortext:before {
  content: "\f071";
  font-family: FontAwesome;
  font-size: 13px;
  text-align: center;
  color: #B92E2D;
  margin-right: 6px;
}

.u-licenseRelease a {
  cursor: not-allowed;
  line-height: 1;
}
.u-licenseRelease a > div {
  line-height: 1.6;
}
.u-licenseRelease_item {
  font-size: 11px;
  font-weight: bold;
  padding: 1px 8px;
  border-radius: 100px;
  background-color: rgba(251, 211, 31, 0.2);
  display: inline-block;
  letter-spacing: 0.5px;
}

.u-underline {
  border-bottom: 2px solid #2EB979;
  padding-bottom: 2px;
}
.u-underline.__yellow {
  border-bottom: 2px solid #FEED1E;
}
.u-underline.__blue {
  border-bottom: 2px solid #047AE3;
}

.u-p-relative {
  position: relative;
}

.u-p-absolute100 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
}

/* =========================================================
u-scroll
========================================================= */
.u-scrollNone {
  overflow: hidden !important;
}

/*------------------------------------------
* パーツ用 css
------------------------------------------*/
.o-parts.management_system {
  cursor: pointer;
  max-width: 716px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6rem;
  transition: 0.3s all ease-in-out;
}
.o-parts.management_system:hover {
  opacity: 0.85;
}
.o-parts.management_system__img02 {
  border-radius: 12px;
  overflow: hidden;
  border: 3px solid var(--base-color04);
}
.o-parts.geotrust table, .o-parts.geotrust table td, .o-parts.geotrust table th {
  margin: 0;
  padding: 0;
  border: none;
}
.o-partsImgtext {
  display: flex;
  justify-content: center;
}
.o-partsImgtext.__3 {
  flex-wrap: wrap;
  margin-left: -0.8rem;
  margin-right: -0.8rem;
}
.o-partsImgtext.__3 .o-partsImgtext_item {
  width: 33.333333%;
}
.o-partsImgtext.__3 .o-partsImgtext_wrap {
  padding: 0.8rem;
}
.o-partsImgtext_img {
  border-radius: 2px;
  border: 2px solid var(--base-color04);
  margin-bottom: 1rem;
}
.o-partsImgtext_item {
  position: relative;
  margin-bottom: 1rem;
}
.o-partsImgtext_item:hover .o-partsImgtext_name {
  color: #047AE3;
}
.o-partsImgtext_sub {
  font-size: 1.3rem !important;
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 991px) {
  .o-partsImgtext_sub {
    font-size: 1.1rem !important;
  }
}
.o-partsImgtext_name {
  transition: 0.3s all ease-in-out;
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 0 !important;
}
.o-partsBadge {
  font-size: 11px;
  font-weight: bold;
  padding: 2px 6px;
  letter-spacing: 0px;
  margin-right: 6px;
  border-radius: 100px;
}
.o-partsBadge.__blue {
  color: #fff;
  background-color: #047AE3;
}
.o-partsPagenation {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 3rem !important;
}
.o-partsPagenation_item {
  padding: 0 2px;
}
.o-partsPagenation_item.disabled {
  display: none;
}
.o-partsPagenation_item.active span {
  background-color: #26455C;
  color: #fff;
}
.o-partsPagenation_link, .o-partsPagenation span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 2px;
  font-weight: bold;
  border: 1px solid var(--base-color04);
  transition: 0.3s background-color;
}
.o-partsPagenation_link:hover {
  background-color: var(--base-color04);
}
.o-partsList.__news {
  margin: 1rem 0 0;
}
.o-partsList.__news .o-partsList_item {
  margin-bottom: 1rem;
}
.o-partsList.__news .o-partsList_item:last-child {
  margin-bottom: 0px;
}
.o-partsList.__news .o-partsList_link {
  position: relative;
  display: flex;
  justify-content: flex-start;
  text-decoration: none;
  transition: 0.3s all ease-in-out;
}
.o-partsList.__news .o-partsList_link:hover .o-partsList_title {
  color: #047AE3;
  text-decoration: underline;
}
.o-partsList.__news .o-partsList_link:hover .o-partsList_icon {
  right: 0;
  opacity: 1;
}
.o-partsList.__news .o-partsList_time {
  color: rgba(17, 24, 29, 0.7);
  font-family: "Roboto", sans-serif;
  margin-right: 2rem;
  font-size: 13px;
  min-width: 80px;
  line-height: 2.3;
}
@media only screen and (max-width: 991px) {
  .o-partsList.__news .o-partsList_time {
    font-size: 12px;
    line-height: 2.5;
    margin-right: 1rem;
  }
}
.o-partsList.__news .o-partsList_title {
  transition: 0.3s all ease-in-out;
}
.o-partsList.__news .o-partsList_icon {
  position: absolute;
  right: -8px;
  top: 0;
  bottom: 0;
  opacity: 0;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: var(--base-color04);
  transition: 0.3s all ease-in-out;
}
@media only screen and (max-width: 991px) {
  .o-partsList.__news .o-partsList_icon {
    display: none;
  }
}



.o-list.check li {
  display: flex;
}
.o-list.check li:before {
  content: "\f00c";
  font-family: "FontAwesome";
  top: 0;
  left: 0;
  margin-right: 6px;
  color: #047AE3;
}
.o-list.__withimg {
  margin-bottom: 2em !important;
}
.o-list.__withimg .o-listItem {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}
.o-list.__withimg .o-listItem:last-child {
  margin-bottom: 0;
}
.o-list.__withimg .o-list p {
  margin-bottom: 0px;
}
.o-list.bold li {
  font-weight: bold;
}

.o-link.basic {
  color: #047AE3;
  text-decoration: underline;
}
.o-link.basic:hover {
  text-decoration: none;
}
.o-link.__cancel01 {
  color: rgba(17, 24, 29, 0.7);
  text-decoration: underline;
}
.o-link.__cancel01:hover {
  text-decoration: none;
}
.o-link.__over, .o-link.__over a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto !important;
}
.o-link.__underline01 {
  text-decoration: underline;
  transition: text-decoration 0.3s ease-in-out;
}
.o-link.__underline01:hover {
  text-decoration: none;
}

.o-btn a {
  background: var(--base-color04);
  border-radius: 4px;
  box-shadow: 0 3px 3px #E5E9EB;
  padding: 5px 30px;
  font-size: var(--fs-p);
  font-weight: bold;
  display: block;
}
.o-btn a.__basic01 {
  background: #26455C;
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .o-btn a {
    font-size: 13px;
  }
}
.o-btn .pdf:before {
  content: "\f1c1";
  font-family: FontAwesome;
  padding-right: 5px;
}
.o-btn .review:before {
  content: "\f0e6";
  font-family: FontAwesome;
  padding-right: 5px;
}
.o-btn .line:before {
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  background-image: url(https://www.sat-co.info/wp-content/themes/sat/images/lp/line/icon_line.png);
  display: inline-block;
  vertical-align: sub;
  margin-right: 6px;
}

.btn.__orange, form input.__orange[type=submit],
form button.__orange {
  background: #FF9A24;
  background: -webkit-gradient(linear, left top, right top, from(#FF9A24), to(#FE741E));
  background: linear-gradient(to right, #FF9A24, #FE741E);
  -webkit-background: -webkit-gradient(linear, left top, right top, from(#FF9A24), to(#FE741E));
  -webkit-background: linear-gradient(to right, #FF9A24, #FE741E);
  animation-name: blight;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  max-width: inherit !important;
  border-bottom: 4px solid #FE741E;
}
.btn.__orange:hover, form input.__orange[type=submit]:hover,
form button.__orange:hover {
  -webkit-box-shadow: 0 0 20px 0px rgba(254, 116, 30, 0.5);
  box-shadow: 0 0 20px 0px rgba(254, 116, 30, 0.5);
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}
.btn.__blue, form input.__blue[type=submit],
form button.__blue {
  background: linear-gradient(to right, #45b4eb, #047AE3);
  color: #fff;
  border-bottom: 4px solid #1b6aaa;
}
.btn.__blue:hover, form input.__blue[type=submit]:hover,
form button.__blue:hover {
  box-shadow: 0 0 12px 0px rgba(4, 122, 227, 0.2);
}
.btn.__green, form input.__green[type=submit],
form button.__green {
  background: #2EB979;
  background: linear-gradient(to right, #2EB979, #2EB979);
  -webkit-background: linear-gradient(to right, #2EB979, #2EB979);
  border-bottom: 4px solid #21a869;
  color: #fff;
}
.btn.__green:after, form input.__green[type=submit]:after,
form button.__green:after {
  color: #fff;
}
.btn.__green:hover, form input.__green[type=submit]:hover,
form button.__green:hover {
  box-shadow: 0 0 12px 0px rgba(4, 122, 227, 0.2);
}
@media only screen and (max-width: 544px) {
  .btn.__denken3, form input.__denken3[type=submit],
  form button.__denken3 {
    display: block !important;
    font-size: 12px !important;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 544px) {
  .btn.__denken3::after, form input.__denken3[type=submit]::after,
  form button.__denken3::after {
    display: none;
  }
}
@media only screen and (max-width: 544px) {
  .btn.__denken3 i, form input.__denken3[type=submit] i,
  form button.__denken3 i {
    font-size: 13px;
    display: block;
    margin-left: 0 !important;
    margin-bottom: 4px !important;
  }
}

@keyframes blight {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.2);
  }
  100% {
    filter: brightness(1);
  }
}
.o-cont.nopadding {
  margin-left: -80px;
  margin-right: -80px;
}
@media only screen and (max-width: 991px) {
  .o-cont.nopadding {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.o-cartForm {
  counter-reset: cartForm-step;
}
.o-cartForm_step {
  display: block;
  counter-increment: cartForm-step;
  color: #047AE3;
  font-size: 13px;
  padding-right: 5px;
}
.o-cartForm_step:before {
  content: "手順0" counter(cartForm-step);
}
@media only screen and (max-width: 544px) {
  .o-cartForm_step {
    display: inline;
  }
}

.o-cartForm__table.__exam01 {
  width: 100%;
  font-size: clamp(11px, 1vw, 1.2rem);
  line-height: 1.5;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid var(--base-color04);
  border-right: none;
  border-bottom: none;
}
.o-cartForm__table.__exam01 thead th {
  background-color: #D6DCE1;
  font-weight: bold;
}
.o-cartForm__table.__exam01 tr {
  border-bottom: 1px solid var(--base-color04);
}
.o-cartForm__table.__exam01 th, .o-cartForm__table.__exam01 td {
  padding: 10px;
  border-right: 1px solid var(--base-color04);
}
.o-cartForm__table.__exam01 tbody th {
  font-weight: bold;
  background-color: #fff;
}
.o-cartForm__table.__exam01 td {
  position: relative;
  text-align: center;
}
.o-cartForm__table.__exam01 td::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 100px;
  background-color: #047AE3;
}

.o-cartForm__tableItem__blank {
  position: relative;
  color: #000;
}
.o-cartForm__tableItem__blank::before {
  content: none !important;
}
.o-cartForm__tableItem__blank::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  display: block;
  width: 16px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.5);
}

.o-box p {
  margin-bottom: 1rem;
  line-height: 1.5;
}
.o-box p:last-of-type {
  margin-bottom: 0px;
}
.o-box.__style01 {
  background-color: var(--base-color04);
}
.o-box.__style01 .o-boxItem {
  background-color: #fff;
  border-bottom: 1px solid var(--base-color04);
}
.o-box.__style02 {
  background-color: #F8F5EF;
}
.o-box.__border01 {
  border: 10px solid var(--base-color04);
}
.o-box.__borderTop01 {
  border-top: 1px solid #26455C;
}
.o-box.__borderBottom01 {
  border-bottom: 1px solid #26455C;
}
.o-box.__sizem, .o-box.__sizem .o-boxItem {
  padding: 3%;
}
.o-box.__mw01 {
  max-width: 640px;
}
.o-box.__fsize01 {
  font-size: 13px !important;
}
.o-box.__left {
  text-align: left;
}
.o-boxItem p {
  margin-bottom: 0px;
  line-height: 1.5;
}
.o-boxItem.__watuo {
  width: auto;
}
.o-boxItem.__left {
  text-align: left;
}
.o-boxItem.__flex {
  display: flex;
  align-items: baseline;
}
.o-boxItem.__flex-nosp {
  display: flex;
}
@media only screen and (max-width: 991px) {
  .o-boxItem.__flex-nosp {
    display: block;
  }
}
.o-boxItem.__bg01 {
  background-color: #26455C;
  color: #fff;
}
.o-boxItem.__bg02 {
  background-color: #fff;
}
.o-boxItem.__sizem {
  padding: 3%;
}
.o-boxItem.__sizes {
  padding: clamp(10px, 3vw, 1.5%);
}
.o-boxItem_label {
  max-width: fit-content;
  font-size: 13px;
  font-weight: bold;
  border-radius: 4px;
  padding: 4px 12px;
  margin-right: 12px;
  white-space: pre;
}
.o-boxItem_label.__green {
  background-color: #2EB979;
  color: #fff;
}
.o-boxItem_title {
  margin: 4px 0 8px;
  font-weight: bold;
}
.o-box.__good01 {
  border-top: 2px solid #047AE3;
  border-bottom: 2px solid #047AE3;
  padding: 0 30px;
  margin: 40px auto 2em;
  text-align: left;
}
@media only screen and (max-width: 991px) {
  .o-box.__good01 {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 544px) {
  .o-box.__good01 {
    font-size: 13px;
  }
}
.o-box.__good01 .text-box {
  margin-top: -30px;
}
.o-box.__good01 .text-box .text {
  display: table;
  padding: 0 20px;
  background: #fff;
  margin: 0 auto;
}
.o-box.__good01 .text-box .text .img-block {
  width: 40px;
  display: table-cell;
}
.o-box.__good01 .text-box .text .title {
  padding: 0 0 0 10px;
  font-size: var(--fs-p);
  font-weight: bold;
  display: table-cell;
  vertical-align: bottom;
}
.o-box.__good01 .list {
  margin: 2rem 0 3rem;
}
.o-box.__good01 .list li:before {
  top: 4px;
}
@media only screen and (max-width: 544px) {
  .o-box.__good01 .list li:before {
    top: 0px;
  }
}
.o-box.__good01 .img {
  margin: 20px 0 0;
}
.o-box.__good01 .img + .list {
  margin-top: 0;
}

.o-box.__present01 {
  position: relative;
  border-radius: 12px;
  background-color: #F8F5EF;
  padding: 0% 5% 3%;
  margin-top: 2rem;
}
@media only screen and (max-width: 991px) {
  .o-box.__present01 {
    padding: 0% 3% 3%;
  }
}

.o-boxBadge.__present01 {
  position: relative;
  left: 0;
  right: 0;
  top: -15px;
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  margin: auto;
  width: fit-content;
  border-radius: 8px;
  background-color: #26455C;
  color: #fff;
  font-size: clamp(15px, 2.4vw, 1.6rem);
  line-height: 1.9;
  line-height: 1.3;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .o-boxBadge.__present01 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: normal;
    top: -10px;
    font-size: clamp(14px, 1.5vw, 1.4rem);
    line-height: 1.8;
  }
}

.o-boxBadge__title.__present01 {
  display: grid;
  align-items: center;
  grid-template-columns: auto auto;
  background: linear-gradient(to bottom right, #C93613, #FF8000);
  border-radius: 8px 0 0 8px;
  padding: 1rem;
}
@media only screen and (max-width: 991px) {
  .o-boxBadge__title.__present01 {
    padding: 0.5rem;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: center;
  }
}
.o-boxBadge__title.__present01 img {
  width: 20px;
  height: 15px;
  object-fit: contain;
  max-width: 100%;
  display: inline;
  margin: inherit;
}

.o-boxBadge__title.__onlybadge01 {
  border-radius: 4px;
  padding: 1rem 2rem;
}
@media only screen and (max-width: 991px) {
  .o-boxBadge__title.__onlybadge01 {
    padding: 0.2rem 1rem;
  }
}

.o-boxBadge__text.__present01 {
  padding: 1rem;
}

.o-nortification {
  opacity: 0;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 2rem;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 12px rgba(17, 24, 29, 0.1);
  line-height: 1.5;
  font-size: clamp(11px, 2vw, 14px);
  z-index: 5;
  max-width: 360px;
}
@media only screen and (max-width: 991px) {
  .o-nortification {
    max-width: 280px;
  }
}
.o-nortification.__success::before {
  content: "\f058";
  font-family: FontAwesome;
  color: #2EB979;
}
.o-nortification.__success::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: #2EB979;
}
.o-nortification.__animation01 {
  animation: slidein-right;
  animation-delay: 2s;
  animation-duration: 10s;
  animation-fill-mode: forwards;
}
.o-nortification.__animation01.__success::after {
  animation: bar-timeout;
  animation-delay: 5s;
  animation-duration: 10s;
  animation-fill-mode: forwards;
}

/* スピナー
--------------------------------------------------------- */
.o-partsSpinner {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(38, 69, 92, 0.8);
  z-index: 900;
  display: flex;
  gap: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.o-partsSpinner__text {
  color: #B1BBC4;
  font-size: 10px;
  font-weight: normal;
}

.o-partsSpinner__item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 5px;
  transform: translateZ(0);
  color: #1E3B6C;
  animation-delay: -0.16s;
}

.o-partsSpinner__svg {
  --uib-size: 40px;
  --uib-speed: 2s;
  --uib-bg-opacity: 0;
  height: var(--uib-size);
  width: var(--uib-size);
  transform-origin: center;
  animation: o-partsSpinner__animationRotate var(--uib-speed) linear infinite;
  will-change: transform;
  overflow: visible;
}

.o-partsSpinner__svgItem.__car {
  fill: none;
  stroke: var(--base-color04);
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: o-partsSpinner__animationStrech calc(var(--uib-speed) * 0.75) ease-in-out infinite;
  will-change: stroke-dasharray, stroke-dashoffset;
  transition: stroke 0.5s ease;
}

.o-partsSpinner__svgItem.__track {
  fill: none;
  stroke: var(--base-color04);
  opacity: var(--uib-bg-opacity);
  transition: stroke 0.5s ease;
}

@keyframes o-partsSpinner__animationRotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes o-partsSpinner__animationStrech {
  0% {
    stroke-dasharray: 0, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 75, 150;
    stroke-dashoffset: -25;
  }
  100% {
    stroke-dashoffset: -100;
  }
}
/* 追尾ボックス / バナー　削除ボタン付き
--------------------------------------------------------- */
.o-partsStickybnr {
  animation: o-partsStickybnr 0.6s ease-in-out 5s forwards;
  opacity: 0;
  position: fixed;
  bottom: clamp(6rem, 5vw, 8rem);
  left: clamp(1rem, 3vw, 6rem);
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 3px;
  max-width: clamp(180px, 22vw, 226px);
  height: auto;
}
@media only screen and (max-width: 544px) {
  .o-partsStickybnr {
    bottom: 2rem;
    left: 1rem;
  }
}

@keyframes o-partsStickybnr {
  0% {
    opacity: 0;
    bottom: 0;
  }
  100% {
    opacity: 1;
    bottom: clamp(7rem, 10vw, 10rem);
  }
}
.o-partsStickybnr__close {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  rotate: 45deg;
  cursor: pointer;
  transition: rotate 0.3s ease-in-out;
}
.o-partsStickybnr__close:hover {
  rotate: 135deg;
}
.o-partsStickybnr__close::before, .o-partsStickybnr__close::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #11181D;
  height: 1px;
  width: 100%;
}
.o-partsStickybnr__close::before {
  rotate: 90deg;
}

.o-partsStickybnr__cont {
  position: relative;
}
.o-partsStickybnr__cont:hover .o-partsStickybnr__img {
  filter: brightness(1.1);
}

.o-partsStickybnr__img {
  width: 100%;
  object-fit: cover;
  transition: filter 0.3s ease-in-out;
  will-change: filter;
  box-shadow: 0 0 12px rgba(38, 69, 92, 0.1);
}

/* =========================================================
o-course 商品ページ用css
========================================================= */
.item-new .page-box .new-item-contents .main-block.__type02 .new-item-section > h3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 56px;
  margin-left: -88px;
  margin-right: -88px;
  margin-bottom: 3.5rem;
  font-weight: bold;
  border-radius: 8px;
  background: linear-gradient(to right, #26455C, #1F5B83);
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block.__type02 .new-item-section > h3 {
    padding: 32px 5% 32px;
    margin-left: -5%;
    margin-right: -5%;
    border-radius: 2px;
  }
}
.item-new .page-box .new-item-contents .main-block.__type02 .new-item-section > h3 .text-1 {
  color: #fff;
  padding: 1px 8px;
  border-radius: 4px;
  font-size: 13px;
  font-size: clamp(11px, 2vw, 13px);
  background: linear-gradient(to right, #1789EB, #54A7EF, #48ABFF, #1789EB);
  min-width: 125px;
  margin-bottom: 16px;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .item-new .page-box .new-item-contents .main-block.__type02 .new-item-section > h3 .text-1 {
    margin-bottom: 10px;
  }
}
.item-new .page-box .new-item-contents .main-block.__type02 .new-item-section > h3 .text-1:before {
  content: none;
}
.item-new .page-box .new-item-contents .main-block.__type02 .new-item-section > h3 .text-2 {
  color: #fff;
  font-size: 24px;
  font-size: clamp(19px, 2vw, 24px);
  margin-bottom: 0px !important;
  border-top: none;
  padding: 0;
  letter-spacing: 1px;
  text-align: center;
  line-height: 1.5;
}
.item-new .page-box .new-item-contents .main-block.__type02 .new-item-section > h3.__orange .text-1 {
  background: linear-gradient(to right, #FEB91E, #FE741E);
}
.item-new .page-box .new-item-contents .main-block.__type02 .new-item-section > h3.__green .text-1 {
  background: #2EB979;
  background: linear-gradient(to right, #2EB979, #2EB979);
  -webkit-background: linear-gradient(to right, #2EB979, #2EB979);
}

#section-01 > h3 {
  border-radius: 0 0 8px 8px;
}

/*
汎用パーツ
=======================================*/
.o-courseBox.__2 {
  display: flex;
  gap: 3%;
}
.o-courseBox.__2 .o-courseBox_item {
  width: 50%;
}
.o-courseBox_img {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5%;
  background-color: var(--base-color04);
  margin-bottom: 1rem;
}
.o-courseBox_imgItem {
  max-height: 160px;
  object-fit: cover;
  box-shadow: 0 0 12px rgba(38, 69, 92, 0.1);
}
.o-courseBox_title {
  font-weight: bold;
  text-align: center;
  margin-bottom: 1rem !important;
}
.o-courseTable.__comp02 {
  width: 100;
  table-layout: fixed;
}
.o-courseTable.__comp02 thead th {
  background-color: transparent !important;
  font-size: 20px;
  font-weight: bold;
  vertical-align: bottom;
  margin-top: auto;
}
.o-courseTable.__comp02 thead .o-courseTable_logo {
  width: 90px;
}
.o-courseTable.__comp02 tbody {
  border: 6px solid var(--base-color04);
}
.o-courseTable.__comp02 tbody th {
  background: var(--base-color04);
  font-size: 16px;
  vertical-align: middle;
}
@media only screen and (max-width: 991px) {
  .o-courseTable.__comp02 tbody th {
    font-size: 13px;
  }
}
@media only screen and (max-width: 544px) {
  .o-courseTable.__comp02 tbody th {
    font-size: 11px;
  }
}
.o-courseTable.__comp02 .o-courseTable_td {
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  padding: 16px 8px;
}
.o-courseTable.__comp02 .o-courseTable_td img {
  display: block;
  margin: auto;
}
.o-courseTable.__comp02 .o-courseTable_td.__good {
  color: #20CA20;
}
.o-courseTable.__comp02 .o-courseTable_td.__soso {
  color: #B19600;
}
.o-courseYoutube {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 32px 32px 0;
  z-index: 1;
}
@media only screen and (max-width: 544px) {
  .o-courseYoutube {
    padding: 24px 12px 0;
    margin-left: -4%;
    margin-right: -4%;
  }
}
.o-courseYoutube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: -1;
  height: 60%;
  background: linear-gradient(to bottom, var(--base-color04), #DEE7ED);
}
.o-courseYoutube_title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  font-size: clamp(16px, 2vw, 21px);
  font-weight: bold;
}
.o-courseYoutube_title:before {
  content: "\f16a";
  font-family: "FontAwesome";
  margin-right: 8px;
  color: #B92E2D;
}
.o-courseYoutube_text {
  text-align: center;
  font-size: 16px;
  font-size: clamp(13px, 2vw, 16px) !important;
  letter-spacing: 0;
  margin-bottom: 1em !important;
}
.o-courseBadge_attention {
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 140px;
}

/*
ベース
=======================================*/
.item-new .o-parts.pie.__cont:before {
  content: "合格率";
}

.o-courseNav {
  position: sticky !important;
  width: auto;
  margin: 0 -90px 3rem;
  left: 0;
  top: 0;
  padding: 0 90px;
  background-color: rgba(38, 69, 92, 0.85);
}
@media only screen and (max-width: 991px) {
  .o-courseNav {
    display: none;
  }
}
.o-courseNav:hover {
  background-color: rgba(38, 69, 92, 0.85) !important;
}
.o-courseNav_list {
  font-size: 13px;
  margin: 0 !important;
}
.o-courseNav_list a {
  display: block;
  padding: 16px 5px;
  color: #fff;
  font-weight: bold;
  background-color: rgba(4, 122, 227, 0);
}
.o-courseNav_list .__item {
  margin: 0;
}
.o-courseNav_list .__item.current a {
  background-color: #047ae3;
}
.o-courseHead {
  padding: 64px 0 90px;
}
@media only screen and (max-width: 991px) {
  .o-courseHead {
    padding: 32px 0 64px;
  }
}
.o-courseHead.__bg:before {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
.o-courseHead.__type01:before, .o-courseHead.__type02:before {
  content: "";
  background-image: url(../images/new_item/gijutsusi2/bg-head.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  width: 100%;
  height: 500px;
}
@media only screen and (max-width: 991px) {
  .o-courseHead.__type01:before, .o-courseHead.__type02:before {
    height: 500px;
  }
}
@media only screen and (max-width: 544px) {
  .o-courseHead.__type01:before, .o-courseHead.__type02:before {
    height: 300px;
  }
}
.o-courseHead.__type02 {
  padding: 64px 0 32px;
}
@media only screen and (max-width: 991px) {
  .o-courseHead.__type02 {
    padding: 32px 0 16px;
  }
}
.o-courseHead.__type02:before {
  background-size: contain;
  background-position: top right;
  background-image: url(../images/course-lp/common/main_bg01.jpg);
  height: 700px;
}
.o-courseHead.__type02 .o-courseHead_point {
  color: #fff;
  background-color: #26455C;
  margin-bottom: 0px;
  display: none;
}
.o-courseHead.__type02 .o-courseHead_title {
  max-width: 560px;
}
@media only screen and (max-width: 991px) {
  .o-courseHead.__type02 .o-courseHead_title {
    width: 90%;
    max-width: 440px;
    min-width: 240px;
  }
}
.o-courseHead_wrap {
  position: relative;
  z-index: 1;
}
.o-courseHead_point {
  display: inline-block;
  font-size: var(--fs-p);
  font-weight: bold;
  padding: 2px 12px;
  background-color: #FEED1E;
  margin-bottom: 2rem;
  line-height: 1.5;
  letter-spacing: 0px;
}
@media only screen and (max-width: 991px) {
  .o-courseHead_point {
    font-size: 13px;
  }
}
.o-courseHead_pointEm {
  font-size: 150%;
}
.o-courseHead_title {
  max-width: 640px;
}
@media only screen and (max-width: 991px) {
  .o-courseHead_title {
    width: 95%;
    min-width: 240px;
  }
}
.o-courseProduct {
  position: relative;
  overflow: hidden;
  padding: 0 90px 0;
  margin-left: -88px;
  margin-right: -88px;
}
@media only screen and (max-width: 991px) {
  .o-courseProduct {
    padding: 0px 5% 0px;
    margin-left: -5%;
    margin-right: -5%;
  }
}
.o-courseProduct::before {
  content: "";
  position: absolute;
  top: 120px;
  left: -32px;
  width: 110%;
  height: 100%;
  background: linear-gradient(to right, #26455C, #1F5B83);
  transform: rotate(-3deg);
  z-index: 0;
}
.o-courseProduct_inner {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .o-courseProduct_inner {
    justify-content: center;
    flex-direction: column;
  }
}
.o-courseProduct_item {
  max-width: 560px;
  width: 100%;
}
.o-courseProduct_badge {
  display: flex;
  justify-content: center;
  gap: 8px;
}
@media only screen and (max-width: 991px) {
  .o-courseProduct_badge {
    margin-top: -56px;
  }
}
@media only screen and (max-width: 544px) {
  .o-courseProduct_badge {
    margin-top: -40px;
    gap: 0px;
  }
}
.o-courseProduct_badgeItem {
  max-width: 130px;
}
@media only screen and (max-width: 991px) {
  .o-courseProduct_badgeItem {
    max-width: 100px;
  }
}
@media only screen and (max-width: 544px) {
  .o-courseProduct_badgeItem {
    max-width: 80px;
  }
}
.o-courseProduct_kyuhu {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  font-weight: bold;
  padding: 12px;
  border: 1px solid #2EB979;
  background: #4C6A81;
  line-height: 1.3;
}
@media only screen and (max-width: 544px) {
  .o-courseProduct_kyuhu {
    margin-top: 8px;
  }
}
.o-courseProduct_kyuhuIcon {
  color: #2EB979;
  margin-right: 4px;
}
.o-courseProduct_kyuhuText {
  color: #fff;
  font-size: 11px;
  margin-bottom: 0px !important;
}
.o-courseProduct_kyuhuTitle {
  display: block;
  font-size: 16px;
}
.o-courseCta {
  position: relative;
  z-index: 1;
  background: linear-gradient(to right bottom, #26455C, #1F5B83);
  padding: 0 32px 32px;
  color: #fff;
  margin-bottom: 32px;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .o-courseCta {
    padding: 0 5% 5%;
    margin-left: -5%;
    margin-right: -5%;
  }
}
.o-courseCta_badge {
  position: relative;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.o-courseCta_badgeItem {
  position: absolute;
  top: -32px;
  right: -32px;
  max-width: 10vh;
  object-fit: cover;
  max-width: 120px;
}
@media only screen and (max-width: 544px) {
  .o-courseCta_badgeItem {
    max-width: 100px;
    right: -16px;
  }
}
@media only screen and (max-width: 544px) {
  .o-courseCta_badgeItem {
    max-width: 80px;
  }
}
.o-courseCta p {
  margin-bottom: 1rem !important;
}
.o-courseCta_img {
  width: 100%;
  max-width: 560px;
  margin: -40px auto 1rem;
}
.o-courseCta_title {
  font-size: 28px;
  font-size: clamp(16px, 3vw, 28px);
  text-align: center;
  line-height: 1.5;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 991px) {
  .o-courseCta_title {
    font-size: 20px;
    font-size: clamp(16px, 3vw, 28px);
    margin-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 544px) {
  .o-courseCta_title {
    font-size: 16px;
    font-size: clamp(16px, 3vw, 28px);
  }
}
.o-courseCta_titleEm {
  font-size: 120%;
}
.o-courseCta_point {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 544px) {
  .o-courseCta_point {
    margin-bottom: 1.5rem;
  }
}
.o-courseCta_pointItem {
  width: 33%;
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: linear-gradient(to right bottom, #1F5B83, #26455C);
}
@media only screen and (max-width: 544px) {
  .o-courseCta_pointItem {
    padding: 16px 4px;
  }
}
.o-courseCta_pointIcon {
  margin-bottom: 1rem;
  width: 45px;
  min-height: 52px;
  object-fit: contain;
}
@media only screen and (max-width: 544px) {
  .o-courseCta_pointIcon {
    width: 40px;
  }
}
.o-courseCta_pointTitle {
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .o-courseCta_pointTitle {
    font-size: 13px;
  }
}
@media only screen and (max-width: 544px) {
  .o-courseCta_pointTitle {
    font-size: 12px;
  }
}
.o-courseCta.__bottom {
  color: #000;
  background: transparent;
  text-align: left;
  padding: 0 0;
}
@media only screen and (max-width: 991px) {
  .o-courseCta.__bottom {
    padding: 0 0;
    margin-left: 0;
    margin-right: 0;
  }
}
.o-courseCta.__bottom .o-courseCta_img {
  max-width: 760px;
  margin: 0 auto 1rem;
  display: block;
}
.o-courseCta.__bottom .o-courseCta_title {
  font-size: 32px;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 544px) {
  .o-courseCta.__bottom .o-courseCta_title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 544px) {
  .o-courseCta.__bottom .o-courseCta_title {
    font-size: 20px;
  }
}
.o-courseCta.__bottom .o-courseCta_text {
  text-align: center;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 544px) {
  .o-courseCta.__bottom .o-courseCta_text {
    margin-bottom: 1rem;
  }
}
.o-courseReview {
  position: relative;
}
.o-courseReview:after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  width: auto;
  height: 32px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
.o-courseReview_wrap {
  border: 10px solid var(--base-color04);
  padding-bottom: 32px;
}
.o-courseReview.__type02 .o-courseReview_wrap {
  max-height: 680px;
  overflow-y: scroll;
}
@media only screen and (max-width: 544px) {
  .o-courseReview.__type02 .o-courseReview_wrap {
    max-height: 540px;
    margin-right: -5%;
  }
}
.o-courseReview_item {
  position: relative;
  padding: 32px;
  border-bottom: 3px solid var(--base-color04);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5%;
}
@media only screen and (max-width: 544px) {
  .o-courseReview_item {
    align-items: flex-start;
    padding: 24px 16px;
  }
}
.o-courseReview_item:last-child {
  border-bottom: none;
}
.o-courseReview_item:before {
  content: "”";
  position: absolute;
  font-size: 100px;
  top: -44px;
  left: 10px;
  color: #047AE3;
  z-index: 1;
  line-height: 0.5;
  transform: rotate(180deg);
}
.o-courseReview_item:first-child:before {
  content: none;
}
.o-courseReview_more {
  position: relative;
  z-index: 1;
}
.o-courseReview_img {
  max-width: 110px;
  max-height: 140px;
  width: 100%;
  border-radius: 4px;
  object-fit: cover;
}
@media only screen and (max-width: 991px) {
  .o-courseReview_img {
    max-width: 80px;
    max-height: 100px;
  }
}
.o-courseReview_head {
  flex: 1;
}
.o-courseReview_title {
  font-size: 20px;
  line-height: 1.5;
}
@media only screen and (max-width: 991px) {
  .o-courseReview_title {
    font-size: 17px;
  }
}
@media only screen and (max-width: 544px) {
  .o-courseReview_title {
    font-size: var(--fs-p);
    line-height: 1.3;
  }
}
.o-courseReview_name {
  font-size: 13px;
  opacity: 0.5;
}
.o-courseReview_youtube {
  margin: 2.4rem 0 0 !important;
}
.o-courseReview_text {
  width: 100%;
  margin: 2rem 0;
  font-size: 16px;
  line-height: 1.6;
}
@media only screen and (max-width: 991px) {
  .o-courseReview_text {
    font-size: 14px;
    line-height: 1.4;
  }
}
.o-courseReview_text p {
  margin-bottom: 1rem;
}
.o-courseWarn {
  position: relative;
  z-index: 0;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 0 12px rgba(13, 37, 56, 0.1);
  padding: 6% 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 544px) {
  .o-courseWarn {
    padding: 6%;
  }
}
.o-courseWarn:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right bottom, rgba(39, 70, 93, 0.7), rgba(13, 37, 56, 0.95));
}
.o-courseWarn_img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  object-fit: cover;
}
.o-courseWarn_wrap {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}
.o-courseWarn_title {
  font-size: 24px;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 544px) {
  .o-courseWarn_title {
    font-size: 19px;
  }
}
.o-courseWarn_text {
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 544px) {
  .o-courseWarn_text {
    font-size: 12px !important;
  }
}
.o-courseCustomer {
  display: flex;
  flex-wrap: wrap;
  gap: 3%;
}
@media only screen and (max-width: 767px) {
  .o-courseCustomer {
    gap: 2%;
  }
}
.o-courseCustomer .__item {
  width: 22.5%;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .o-courseCustomer .__item {
    width: 31.5%;
  }
}
@media only screen and (max-width: 480px) {
  .o-courseCustomer .__item {
    width: 48%;
  }
}
.o-courseCustomer .__img {
  margin-bottom: 1rem;
  object-fit: cover;
  overflow: hidden;
  border-radius: 2px;
  width: 100%;
  max-height: 60%;
}
@media only screen and (max-width: 480px) {
  .o-courseCustomer .__img {
    max-height: 190px;
  }
}
.o-courseCustomer .__title {
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.o-courseCustomer .__name {
  font-size: 13px;
}
.o-courseTeacher.__list01 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  grid-gap: 5px;
}
.o-courseTeacher.__list01 .o-courseTeacher_img {
  width: 120px;
  height: 120px;
  object-fit: cover;
}
@media only screen and (max-width: 544px) {
  .o-courseTeacher.__list01 .o-courseTeacher_img {
    width: 100%;
    height: 160px;
    margin-bottom: 1rem;
  }
}
.o-courseTeacher.__list01 .o-courseTeacher_item {
  width: 49%;
  padding: 8px;
  display: flex;
  gap: 5%;
  grid-gap: 5%;
  align-items: center;
  background-color: var(--base-color04);
}
@media only screen and (max-width: 544px) {
  .o-courseTeacher.__list01 .o-courseTeacher_item {
    text-align: center;
    display: block;
  }
}
.o-courseTeacher.__list01 .o-courseTeacher_title {
  font-size: 16px !important;
  font-weight: bold;
  margin-bottom: 0.1rem;
  line-height: 1.3;
}
.o-courseTeacher.__list01 .o-courseTeacher_sub {
  font-size: 13px !important;
  margin-bottom: 0.1rem;
}
@media only screen and (max-width: 544px) {
  .o-courseTeacher.__list01 .o-courseTeacher_button {
    margin-left: auto;
    margin-right: auto;
    padding: 6px 12px;
  }
}
.o-courseSample__sec {
  max-width: 780px;
  margin: 0 auto 1.6rem;
}
.o-courseSample__mainimg {
  display: block;
  width: 100%;
  max-width: 560px;
  margin: 0 auto 1.5rem;
}

/*
 Page Top
 ----------------------------------------------------------- */
/*TOPへ戻る*/
.pagetop {
  display: none;
  position: fixed;
  bottom: 12px;
  right: 12px;
  z-index: 1;
}
.pagetop a {
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  background-color: #26455C;
  border-radius: 50%;
  opacity: 1;
}
.pagetop a:before {
  position: absolute;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  top: 50%;
  right: 50%;
  transform: translateX(50%) translateY(-60%);
}
.pagetop a:hover {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  opacity: 0.8;
}

/* =========================================================
o-modal 商品ページ用css
========================================================= */
/*
汎用パーツ
=======================================*/
.o-modal {
  padding: 60px;
}
@media only screen and (max-width: 991px) {
  .o-modal {
    padding: 32px;
  }
}
.o-modal.__teacher01 .o-modalFlex {
  display: flex;
  gap: 5%;
  align-items: center;
  margin-bottom: 3rem;
  text-align: left;
}
.o-modal.__teacher01 .o-modalImg {
  max-width: 140px;
  object-fit: cover;
}
.o-modal.__teacher01 .o-modalPosition {
  font-size: 13px;
  font-weight: bold;
  color: #047AE3;
  margin-bottom: 0;
}
.o-modal.__teacher01 .o-modalName {
  font-size: 20px;
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .o-modal.__teacher01 .o-modalName {
    font-size: 16px;
    line-height: 1.3;
  }
}
.o-modal.__teacher01 .o-modalCourse {
  font-size: 13px;
  opacity: 0.6;
}
.o-modal.__teacher01 .o-modalProfile p {
  text-align: left;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 1rem !important;
}
@media only screen and (max-width: 991px) {
  .o-modal.__teacher01 .o-modalProfile p {
    font-size: 14px;
  }
}
.o-modal.__newsmodal {
  padding: 4rem;
}
@media only screen and (max-width: 991px) {
  .o-modal.__newsmodal {
    padding: 3rem;
  }
}
.o-modal.__newsmodal .o-modalTime {
  color: rgba(17, 24, 29, 0.7);
  font-family: "Roboto", sans-serif;
  margin-right: 2rem;
  font-size: 13px;
  min-width: 80px;
  line-height: 2.3;
}
@media only screen and (max-width: 991px) {
  .o-modal.__newsmodal .o-modalTime {
    font-size: 12px;
    line-height: 2.5;
    margin-right: 1rem;
  }
}
.o-modal.__newsmodal .o-modalTitle {
  font-size: 16px;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--border-color01);
}
.o-modal.__newsmodal .o-modalText {
  font-size: 16px;
  font-weight: normal;
}

/* =========================================================
o-modal 商品ページ用css
========================================================= */
/*
汎用パーツ
=======================================*/
.o-tabBtn.__2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.o-tabBtn.__2 .o-tabBtn_item {
  width: 50%;
}
.o-tabMain {
  display: block;
}

.o-tabBtn_item.is-active {
  position: relative;
}
.o-tabBtn_item.is-active::before {
  content: "選択中";
  position: absolute;
  z-index: 1;
  bottom: -8px;
  left: 0;
  right: 0;
  width: fit-content;
  border-radius: 4px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px 1rem;
  font-size: clamp(10px, 1vw, 1.1rem);
  line-height: 1.3;
  font-weight: bold;
  letter-spacing: 0px;
  color: #000;
  background: rgb(255, 254, 26);
  background: linear-gradient(74deg, rgb(255, 254, 26) 0%, rgb(232, 229, 89) 70%, rgb(251, 226, 8) 100%);
  animation: o-tabBadge__float 6s ease-in-out infinite normal;
}

@keyframes o-tabSlide {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes o-tabBadge__float {
  0% {
    transform: translate(0, 0);
    filter: brightness(1);
    box-shadow: 0 0 0px rgb(255, 254, 26);
  }
  29% {
    transform: translate(0, 0);
  }
  30% {
    transform: translate(-3px, 0);
  }
  32% {
    transform: translate(3px, 0);
  }
  34% {
    transform: translate(-2px, 0);
  }
  35% {
    transform: translate(1px, 0);
    filter: brightness(1.4);
    box-shadow: 0 0 16px rgb(255, 254, 26);
  }
  36% {
    transform: translate(-1px, 0);
  }
  37% {
    transform: translate(0px, 0);
  }
  50% {
    box-shadow: 0 0 0px rgb(255, 254, 26);
  }
  100% {
    transform: translate(0, 0);
    filter: brightness(1);
  }
}
/*
ishiwata ITS講習 スタイル
=======================================*/
.o-tab.__ishiwata {
  position: relative;
  z-index: 1;
}
.o-tab.__ishiwata .o-tabBtn {
  position: sticky;
  top: 0;
  z-index: 2;
  box-shadow: 0 0 17px rgba(38, 69, 92, 0.1);
}
.o-tab.__ishiwata .o-tabBtn_item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5% 3%;
  border: 3px solid var(--base-color04);
  color: #000;
  text-decoration: none;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .o-tab.__ishiwata .o-tabBtn_item {
    padding: 3%;
  }
}
.o-tab.__ishiwata .o-tabBtn_item:hover {
  background-color: var(--base-color04);
}
.o-tab.__ishiwata .o-tabBtn_item.is-active {
  color: #fff;
  background-color: #26455C;
  transition: 0.3s all ease-in-out;
}
.o-tab.__ishiwata .o-tabBtn_item.is-active:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 6px solid #26455C;
}
.o-tab.__ishiwata .o-tabBtn_icon {
  position: absolute;
  left: 5%;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 45px;
  object-fit: contain;
}
@media only screen and (max-width: 767px) {
  .o-tab.__ishiwata .o-tabBtn_icon {
    max-width: 32px;
  }
}
@media only screen and (max-width: 544px) {
  .o-tab.__ishiwata .o-tabBtn_icon {
    max-width: 24px;
  }
}
.o-tab.__ishiwata .o-tabBtn_title {
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .o-tab.__ishiwata .o-tabBtn_title {
    font-size: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .o-tab.__ishiwata .o-tabBtn_title {
    font-size: 14px;
  }
}
@media only screen and (max-width: 544px) {
  .o-tab.__ishiwata .o-tabBtn_title {
    font-size: 12px;
  }
}
.o-tab.__ishiwata .o-tabBtn_subtitle {
  display: block;
  font-size: 13px;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .o-tab.__ishiwata .o-tabBtn_subtitle {
    display: none;
  }
}
.o-tab.__ishiwata .o-tabMain {
  border: 6px solid var(--base-color04);
  border-top: none;
}
@media only screen and (max-width: 991px) {
  .o-tab.__ishiwata .o-tabMain {
    border: none;
  }
}
.o-tab.__ishiwata .o-tabMain_cont {
  padding: 3% 5% 8%;
  transition: 0.3s all ease-in-out;
}
@media only screen and (max-width: 991px) {
  .o-tab.__ishiwata .o-tabMain_cont {
    padding: 6% 0 8%;
  }
}
.o-tab.__ishiwata .o-tabMain_contis-active {
  -webkit-animation: o-tabSlide 0.5s ease-in-out 0s;
  animation: o-tabSlide 0.5s ease-in-out 0s;
}

.o-tabBtn__item::before {
  display: none;
  content: "選択中";
  font-size: clamp(13px, 1.5vw, 1.3rem);
  line-height: 1.3;
}

/*------------------------------------------
* o-bnr
------------------------------------------*/
.o-bnrImg.__jukousoudan01 {
  position: relative;
  width: 100% !important;
  max-width: inherit !important;
}

.o-bnrLink {
  display: block;
  transition: 0.3s all ease-in-out;
}
.o-bnrLink:hover {
  opacity: 0.85;
}
.o-bnrLink.__center {
  margin-left: auto;
  margin-right: auto;
}

.o-bnrImg {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* =========================================================
o-accordion 
========================================================= */
/*
汎用パーツ
=======================================*/
.o-accordionCont {
  display: none;
}

.o-accordionHoujin {
  position: relative;
  background-color: var(--base-color04);
  border-radius: 12px;
}
.o-accordionHoujin::before {
  content: "無料";
  position: absolute;
  top: -16px;
  right: -16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background-color: #9B7835;
  font-size: clamp(13px, 1.5vw, 1.3rem);
  line-height: 1.3;
  color: #fff;
  font-weight: bold;
  aspect-ratio: 1/1;
  padding: 1rem;
}
@media only screen and (max-width: 767px) {
  .o-accordionHoujin::before {
    padding: 0.5rem;
  }
}

.o-accordionHoujin__mv {
  margin-top: -4rem;
  padding: 2rem 2rem 0;
}
@media only screen and (max-width: 767px) {
  .o-accordionHoujin__mv {
    margin-top: -2rem;
  }
}

.o-accordionHoujin__cont {
  height: 520px;
  overflow: hidden;
  padding: 2rem 2rem 1rem;
}
@media only screen and (max-width: 767px) {
  .o-accordionHoujin__cont {
    padding: 2rem 1rem 1rem;
  }
}

.o-accordionHoujin__box {
  display: flex;
  gap: 5px;
}
@media only screen and (max-width: 767px) {
  .o-accordionHoujin__box {
    flex-wrap: wrap;
  }
}

.o-accordionHoujin__boxItem {
  display: flex;
  flex-direction: column;
  flex-basis: 50%;
  gap: 1rem;
  border-radius: 4px;
  background-color: #fff;
  padding: 2rem;
}
@media only screen and (max-width: 767px) {
  .o-accordionHoujin__boxItem {
    flex-basis: 100%;
  }
}
.o-accordionHoujin__boxItem p {
  margin: 0 !important;
}

.o-accordionHoujin__btn {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%);
  cursor: pointer;
  transition: bottom 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6rem 2rem 0;
}

.o-accordionHoujin__btnItem {
  position: relative;
  max-width: 300px;
  padding: 1rem 2rem;
  border-radius: 4px;
}

/* =========================================================
o-form 
========================================================= */
.o-formBox.__maxw01 {
  max-width: 860px;
  margin: auto;
}
.o-formBox.__attention {
  border-top: 3px solid #feb91e;
}
@media only screen and (max-width: 544px) {
  .o-formBox.__attention {
    border-top: 0px;
  }
}
.o-formBox.__attention .o-formBox__badge {
  background-color: #feb91e;
  animation: flash01 1.5s linear infinite;
}
.o-formBox.__attention .o-formBox__img {
  width: clamp(84px, 10vw, 92px);
  aspect-ratio: 1/1;
  flex: none;
  object-fit: contain;
}

.o-formBox__title {
  display: flex;
  gap: 1.5%;
  margin-bottom: 1%;
  line-height: 1.5;
}
@media only screen and (max-width: 544px) {
  .o-formBox__title {
    flex-direction: column;
  }
}

.o-formBox__badge {
  display: flex;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0.1% 1.5%;
  width: fit-content;
  border-radius: 2px;
}
@media only screen and (max-width: 544px) {
  .o-formBox__badge {
    width: 100%;
    margin-bottom: 0.5%;
  }
}

.o-formBox__desc {
  display: flex;
  gap: 1.5%;
  align-items: flex-start;
}

.o-formTitle.__base01 {
  font-size: clamp(13px, 2vw, 16px);
  font-weight: bold;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  border-bottom: 2px solid #26455C;
}

.o-formGroup {
  display: flex;
  gap: 1rem;
}
.o-formGroup:not(:last-child) {
  margin-bottom: 1rem;
}
@media only screen and (max-width: 991px) {
  .o-formGroup {
    flex-direction: column;
    align-items: flex-start;
  }
}
.o-formGroup.__row {
  flex-direction: row;
}
@media only screen and (max-width: 991px) {
  .o-formGroup.__row {
    flex-direction: row;
  }
}
.o-formGroup.__separate01 {
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--base-color04);
}
.o-formGroup.__alCenter {
  align-items: center;
}
.o-formGroup.__alEnd {
  align-items: flex-end;
}

.o-formHead {
  font-size: clamp(13px, 2.4vw, 1.3rem);
  font-weight: bold;
  min-width: 160px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: none;
}
@media only screen and (max-width: 991px) {
  .o-formHead {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
  }
}
.o-formHead.__flexStart {
  align-items: flex-start;
}

.o-formHead__badge {
  font-size: 10px;
  width: max-content;
  padding: 0.1px 0.3rem;
  border-radius: 2px;
  flex: none;
}
.o-formHead__badge.__required {
  color: #fff;
  background-color: #B92E2D;
}
.o-formHead__badge.__check {
  color: #fff;
  background-color: #2EB979;
}
.o-formHead__badge.__optional {
  color: #000;
  background-color: #047AE3;
}
.o-formHead__badge.__optional02 {
  color: #000;
  background-color: #DEE7ED;
}

.o-formCont {
  width: 100%;
}

.o-formCont__item {
  width: 100%;
}
.o-formCont__item input::placeholder,
.o-formCont__item textarea::placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.o-formCont__item textarea {
  width: 100% !important;
  min-height: 40vh;
}
.o-formCont__item input[type=text],
.o-formCont__item textarea,
.o-formCont__item select {
  position: relative;
  font-size: clamp(16px, 2.4vw, 1.6rem);
  width: 100%;
  padding: 2rem;
  border: 2px solid #e3e8ec;
  background-color: #fff;
  border-radius: 2px;
}
.o-formCont__item input[type=text].has-error,
.o-formCont__item textarea.has-error,
.o-formCont__item select.has-error {
  border-bottom-color: #B92E2D;
}
.o-formCont__item.__postalcode {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.o-formCont__item.__select {
  position: relative;
  width: 80%;
}
.o-formCont__item.__select::before {
  content: "▼";
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  bottom: 0;
  z-index: 1;
  right: 2rem;
  margin: auto;
}
.o-formCont__item.__select02 {
  position: relative;
}
.o-formCont__item.__select02::before {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  bottom: 0;
  z-index: 1;
  right: 2rem;
  margin: auto;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10.3923048454px solid #047AE3;
  border-radius: 2px;
}
.o-formCont__item.__withUnit {
  display: flex;
  align-items: center;
  gap: 4px;
}
.o-formCont__item.__address {
  display: flex;
}

.o-formBtn.__foreign {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 13px;
  padding: 12px;
  border-radius: 4px;
  background-color: #DEE7ED;
}
.o-formBtn.__foreign:hover .o-icon {
  color: #000;
  background-color: #fff;
}

.o-formText.__error01 {
  color: #B92E2D;
  font-weight: bold;
  display: block;
}
.o-formText.__error01:before {
  content: "\f071";
  font-family: FontAwesome;
  font-size: 13px;
  text-align: center;
  color: #B92E2D;
  margin-right: 6px;
}

.o-formCheck__label.__styleBox01 .o-formCheck__wrap {
  width: 100%;
  padding: 2rem;
  text-align: center;
  text-wrap: balance;
  font-size: clamp(14px, 1.5vw, 1.4rem);
  line-height: 1.8;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
  border-radius: 12px;
  border: 3px solid var(--base-color04);
}
.o-formCheck__label.__styleBox01 .o-formCheck__wrap:hover {
  background-color: var(--base-color04);
}
.o-formCheck__label.__styleBox01 .o-formCheck__wrap.has-error {
  border: 2px solid #B92E2D;
}

.o-formCheck__parts {
  padding-left: 30px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.o-formCheck__parts:before {
  content: "";
  width: 19px;
  height: 19px;
  border-radius: 10px;
  border: 1px solid var(--border-color01);
  background: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.o-formCheck__input {
  display: none;
}
.o-formCheck__input:checked + .o-formCheck__parts {
  color: #047AE3;
}
.o-formCheck__input:checked + .o-formCheck__parts:before {
  background: linear-gradient(to right, #45b4eb, #1d83ff);
  transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.45, 0.25, 1);
}
.o-formCheck__input:checked + .o-formCheck__parts:before:hover {
  background: linear-gradient(to left, #45b4eb, #1d83ff);
}

/* =========================================================
o-form -  確認用のフォーム
============================================================*/
.o-formCont__img {
  display: block;
}
.o-formCont__img.__confirm {
  max-height: 400px;
  object-fit: cover;
}

.o-formCont__text {
  padding: 2rem;
}
.o-formCont__text.__confirm {
  font-size: clamp(13px, 2vw, 16px);
  line-height: 1.5;
  background-color: var(--base-color04);
}

/*------------------------------------------
* o-icon
------------------------------------------*/
.o-icon.__bgblue {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #047AE3;
  margin: 0;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.o-icon.__bgblue.__sizem {
  width: 18px;
  height: 18px;
}
.o-icon.__sizem {
  font-size: 13px;
}
.o-icon.__circle {
  border-radius: 100px;
}

/* =========================================================
o-icon - var
============================================================*/
.o-icon.__topfvCourse {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: flex-start;
  margin-right: 12px;
  margin-top: -4px;
}
.o-icon.__topfvCourse svg {
  fill: #047AE3;
}
.o-icon.__menuCourse {
  width: 28px;
  margin-right: 12px;
  margin-top: -4px;
}
.o-icon.__menuCourse svg {
  fill: #047AE3;
}
.o-icon.__menuCourse img {
  object-fit: contain;
  margin-top: -4px;
}
.o-icon.__footerCourse {
  width: 28px;
  margin-left: 18px;
}
.o-icon.__footerCourse svg {
  fill: #047AE3;
}
.o-icon.__footerCourse img {
  object-fit: contain;
  margin-top: -4px;
}

/*------------------------------------------
* o-animation
------------------------------------------*/
@keyframes slidein-right {
  0% {
    opacity: 0;
    transform: translateX(110%);
  }
  10% {
    opacity: 1;
    transform: translateX(0);
  }
  90% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(110%);
  }
}
@keyframes bar-timeout {
  0% {
    width: 100%;
  }
  100% {
    width: 0px;
  }
}
@keyframes flash01 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.65;
  }
}
/* =========================================================
o-blog -  var
============================================================*/
.o-blog {
  position: relative;
  z-index: 10;
  background-color: #26455C;
  margin-top: 4rem;
  margin-bottom: -80px;
}
@media only screen and (max-width: 991px) {
  .o-blog {
    margin-bottom: -50px;
  }
}

.o-blogWrap {
  display: flex;
  gap: 4rem;
  padding: 6rem 0;
  align-items: flex-start;
}
@media only screen and (max-width: 1024px) {
  .o-blogWrap {
    flex-direction: column;
  }
}
@media only screen and (max-width: 991px) {
  .o-blogWrap {
    gap: 2rem;
    padding: 4rem 1rem;
  }
}

.o-blogDesc {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  max-width: 400px;
  gap: 1.5rem;
}
@media only screen and (max-width: 1080px) {
  .o-blogDesc {
    max-width: 300px;
    width: 30%;
  }
}
@media only screen and (max-width: 1024px) {
  .o-blogDesc {
    width: 100%;
    max-width: inherit;
  }
}
.o-blogDesc::before {
  content: "";
  position: absolute;
  width: 135px;
  height: 100px;
  top: -100px;
  left: 0;
  background-image: url(../images/v4/common/icon-blog01.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 1024px) {
  .o-blogDesc::before {
    width: 95px;
    height: 70px;
    top: -80px;
  }
}
@media only screen and (max-width: 767px) {
  .o-blogDesc::before {
    width: 105px;
    height: 70px;
    top: -74px;
  }
}

.no-webp .o-blogDesc::before {
  background-image: url(../images/v4/common/icon-blog01.png);
}

.o-blogDesc__catch {
  font-size: clamp(13px, 1.5vw, 1.3rem);
  line-height: 1.3;
  color: #45b4eb;
  font-family: "Roboto", sans-serif;
}

.o-blogDesc__title {
  font-size: clamp(21px, 2.5vw, 2.1rem);
  line-height: 1.5;
  font-weight: 900;
  color: #fff;
}
@media only screen and (max-width: 1024px) {
  .o-blogDesc__title br {
    display: none;
  }
}
@media only screen and (max-width: 544px) {
  .o-blogDesc__title br {
    display: block;
  }
}

.o-blogDesc__text {
  font-size: clamp(14px, 1.5vw, 1.4rem);
  line-height: 1.8;
  color: #fff;
  font-weight: normal;
}

.o-blogDesc__btn {
  font-size: clamp(14px, 1.5vw, 1.4rem);
  line-height: 1.8;
  padding: 2rem;
}

.o-blogList {
  flex: 1;
  border-radius: 4px;
  border: 3px solid var(--base-color04);
}
@media only screen and (max-width: 1024px) {
  .o-blogList {
    width: 100%;
  }
}

.o-blogList__item {
  background-color: #fff;
}
.o-blogList__item:not(:last-of-type) {
  border-bottom: 1px solid var(--base-color04);
}

.o-blogList__link {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.o-blogList__title {
  flex: 1;
  font-size: clamp(15px, 2.4vw, 1.6rem);
  line-height: 1.9;
  font-weight: 900;
  display: block;
  padding: 1.5rem 2rem;
  transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.o-blogList__title:not(:last-of-type) {
  border-bottom: 1px solid var(--base-color04);
}
@media only screen and (max-width: 767px) {
  .o-blogList__title {
    font-size: clamp(14px, 1.5vw, 1.4rem);
    line-height: 1.8;
    line-height: 1.5;
    padding: 1rem;
  }
}

.o-blogList__icon {
  font-size: clamp(14px, 1.5vw, 1.4rem);
  line-height: 1.8;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--base-color04);
  padding: 1.5rem 2rem;
  transition: background-color 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .o-blogList__icon {
    padding: 1rem;
  }
}
.o-blogList__icon i {
  transition: transform 0.3s ease-in-out;
}
.o-blogList__icon i::before {
  color: #45b4eb;
  transition: color 0.3s ease-in-out;
}

.o-blogList__item:hover .o-blogList__title {
  color: #047AE3;
  transform: translateX(3px);
}
@media only screen and (max-width: 767px) {
  .o-blogList__item:hover .o-blogList__title {
    transform: translateX(1.5px);
  }
}
.o-blogList__item:hover .o-blogList__icon {
  background-color: #047AE3;
}
.o-blogList__item:hover .o-blogList__icon i {
  transform: translateX(-3px);
}
@media only screen and (max-width: 767px) {
  .o-blogList__item:hover .o-blogList__icon i {
    transform: translateX(-1.5px);
  }
}
.o-blogList__item:hover .o-blogList__icon i::before {
  color: #fff;
}

/*------------------------------------------
* o-cart
------------------------------------------*/
.o-cartRecommend__wrap {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 2rem;
  border-radius: 4px;
  background-color: #DEE7ED;
}

.o-cartRecommend__head {
  width: fit-content;
  position: relative;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: -3rem auto 0;
  gap: 1rem;
}
.o-cartRecommend__head::before, .o-cartRecommend__head::after {
  content: "";
  position: absolute;
  left: -60px;
  bottom: 0;
  background-image: url(../images/cart/img_reccomend01.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 85px;
  width: 75px;
}
@media only screen and (max-width: 1080px) {
  .o-cartRecommend__head::before, .o-cartRecommend__head::after {
    height: 65px;
    width: 55px;
  }
}
@media only screen and (max-width: 544px) {
  .o-cartRecommend__head::before, .o-cartRecommend__head::after {
    bottom: 20px;
    left: -10px;
    height: 55px;
    width: 45px;
  }
}
.o-cartRecommend__head::after {
  background-image: url(../images/cart/img_reccomend02.png);
  right: -60px;
  left: inherit;
}
@media only screen and (max-width: 544px) {
  .o-cartRecommend__head::after {
    right: -10px;
  }
}

.o-cartRecommend__headSub {
  font-size: clamp(14px, 1.5vw, 1.4rem);
  line-height: 1.8;
  border-radius: 100px;
  width: max-content;
  color: #fff;
  padding: 3px 2rem;
  background-color: #26455C;
}
@media only screen and (max-width: 767px) {
  .o-cartRecommend__headSub {
    font-size: clamp(11px, 1vw, 1.2rem);
    line-height: 1.5;
  }
}
@media only screen and (max-width: 544px) {
  .o-cartRecommend__headSub {
    text-align: center;
    line-height: 1.2;
    padding: 5px 4rem;
  }
}

.o-cartRecommend__headMain {
  font-size: clamp(19px, 2vw, 1.9rem);
  line-height: 1.4;
}
@media only screen and (max-width: 544px) {
  .o-cartRecommend__headMain {
    font-size: clamp(14px, 1.5vw, 1.4rem);
    line-height: 1.8;
  }
}

.o-cartRecommend__list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  overflow: hidden;
  border-radius: 4px;
}

.o-cartRecommend__listItem {
  position: relative;
  display: flex;
  gap: 2rem;
  padding: 1rem 2rem;
  background-color: #fff;
  border: 2px solid #fff;
  transition: border 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .o-cartRecommend__listItem {
    gap: 0.5rem;
    padding: 1rem;
  }
}

.o-cartRecommend__listItem__fig {
  max-width: 120px;
  width: 100%;
}
@media only screen and (max-width: 544px) {
  .o-cartRecommend__listItem__fig {
    max-width: 80px;
  }
}

.o-cartRecommend__listItem__figImg {
  object-fit: cover;
}

.o-cartRecommend__listItem__info {
  font-size: clamp(14px, 1.5vw, 1.4rem);
  line-height: 1.8;
  font-weight: bold;
  display: flex;
  align-items: center;
  width: 100%;
  flex-grow: 1;
  justify-content: space-between;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .o-cartRecommend__listItem__info {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
}

.o-cartRecommend__listItem__infoTitle {
  transition: color 0.3s ease-in-out;
}

.o-cartRecommend__listItem__infoPrice {
  color: #047AE3;
}

.o-cartRecommend__listItem__icon {
  transition: filter 0.3s ease-in-out;
}
@media only screen and (max-width: 544px) {
  .o-cartRecommend__listItem__icon {
    display: none;
  }
}

.o-cartRecommend__listItem:hover {
  border: 2px solid #047AE3;
}
.o-cartRecommend__listItem:hover .o-cartRecommend__listItem__infoTitle {
  color: #047AE3;
}
.o-cartRecommend__listItem:hover .o-cartRecommend__listItem__icon {
  filter: invert(48%) sepia(85%) saturate(1505%) hue-rotate(191deg) brightness(109%) contrast(88%);
}

/*------------------------------------------
* o-title
------------------------------------------*/
.o-title.__borderb01 {
  position: relative;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 3px solid var(--base-color04);
}
.o-title.__borderb01::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 64px;
  height: 3px;
  background-color: #047AE3;
  border-radius: 100px;
}

/* =========================================================
o-title - var
============================================================*/
.o-title.__sizes {
  font-size: 13px;
  line-height: 1.4;
}
.o-title.__sizem {
  font-size: 16px;
  line-height: 1.6;
}
@media only screen and (max-width: 544px) {
  .o-title.__sizem {
    font-size: var(--fs-p);
  }
}
.o-title.__sizel {
  font-size: 21px;
  line-height: 1.5;
}
@media only screen and (max-width: 991px) {
  .o-title.__sizel {
    font-size: 19px;
  }
}
@media only screen and (max-width: 544px) {
  .o-title.__sizel {
    font-size: 17px;
  }
}
.o-title.__center {
  text-align: center;
}
.o-title.__bg {
  padding: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1rem;
  border-radius: 2px;
}
.o-title.__bg.__navy {
  color: #fff;
  background-color: #26455C;
}
.o-title.__bg.__blue {
  color: #fff;
  background-color: #047AE3;
}
.o-title.__bg.__gray {
  background-color: var(--base-color04);
}
.o-title.__bg.__p05 {
  padding: 1rem;
}
.o-title.__left {
  text-align: left;
}
.o-title.__flex {
  display: flex;
}
.o-title.__acenter {
  align-items: center;
}
.o-title.__gap01 {
  gap: 1rem;
}
.o-titleSub {
  display: block;
  font-size: 13px;
}
.o-titleSub.__blue {
  color: #047AE3;
}
.o-titleSub.__red {
  color: #B92E2D;
}

/* =========================================================
o-title -  options
============================================================*/
.o-title {
  font-weight: 900 !important;
}
.o-title.__en {
  letter-spacing: 0.01rem;
  font-family: "Roboto", sans-serif;
}
.o-title.__huge, .o-title.__huge.o-icon:before {
  font-size: clamp(32px, 4.4vw, 44px);
  line-height: 1.4;
  letter-spacing: 1px;
}
.o-title.__big, .o-title.__big.o-icon:before {
  font-size: clamp(25px, 3vw, 40px);
  line-height: 1.4;
  letter-spacing: 1px;
}
.o-title.__xlarge, .o-title.__xlarge.o-icon:before {
  font-size: clamp(23px, 2.5vw, 30px);
  line-height: 1.4;
  letter-spacing: 1px;
}
.o-title.__large, .o-title.__large.o-icon:before {
  font-size: clamp(21px, 2.5vw, 2.1rem);
  line-height: 1.5;
}
.o-title.__title, .o-title.__title.o-icon:before {
  font-size: clamp(19px, 2vw, 1.9rem);
  line-height: 1.4;
}
.o-title.__title.__en {
  letter-spacing: 0.3rem;
}
.o-title.__subtitle, .o-title.__subtitle.o-icon:before {
  font-size: clamp(16px, 3vw, 1.9rem);
  line-height: 1.5;
}
.o-title.__subtitle.__en {
  letter-spacing: 0.3rem;
}
.o-title.__p, .o-title.__p.o-icon:before {
  font-size: clamp(14px, 1.5vw, 1.4rem);
  line-height: 1.8;
}
.o-title.__postp, .o-title.__postp.o-icon:before {
  font-size: clamp(15px, 2.4vw, 1.6rem);
  line-height: 1.9;
}
.o-title.__mid, .o-title.__mid.o-icon:before {
  font-size: clamp(13px, 1.5vw, 1.3rem);
  line-height: 1.3;
}
.o-title.__min, .o-title.__min.o-icon:before {
  font-size: clamp(11px, 1vw, 1.2rem);
  line-height: 1.5;
}
.o-title.__tiny, .o-title.__tiny.o-icon:before {
  font-size: clamp(10px, 1vw, 1.1rem);
  line-height: 1.3;
}
.o-title.__mw01 {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
.o-title.__mw02 {
  max-width: clamp(280px, 100%, 320px);
  margin-left: auto;
  margin-right: auto;
}
.o-title.__left {
  margin-left: inherit;
}
.o-title.__center {
  text-align: center;
}
.o-title.__w100 {
  width: 100%;
}
.o-title.__white {
  color: #fff;
}
.o-title.__gold {
  color: #9B7835;
}

/*------------------------------------------
* o-list
------------------------------------------*/
.o-list {
  position: relative;
}
.o-list li {
  padding-left: 2rem;
  font-weight: 900;
  margin-top: 0px;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .o-list li {
    padding-left: 2rem;
  }
}
.o-list li:last-of-type {
  margin-bottom: 0px;
}
.o-list li:before {
  position: absolute;
  left: 0;
  content: "\f14a";
  font-family: "FontAwesome";
  color: #047AE3;
}
.o-list.__circle01 li {
  position: relative;
  font-weight: bold;
  margin-bottom: 1rem;
}
.o-list.__circle01 li::before {
  content: "";
  width: 10px;
  height: 10px;
  top: 7px;
  border-radius: 100px;
  background-color: #047AE3;
}
.o-list.__circle02 li {
  position: relative;
  font-weight: bold;
  margin-bottom: 1rem;
}
.o-list.__circle02 li::before {
  content: "";
  width: 10px;
  height: 10px;
  top: 7px;
  border-radius: 100px;
  background-color: #26455C;
}
.o-list.__num01 {
  counter-reset: o-list__num01;
}
.o-list.__num01 > li {
  position: relative;
  font-weight: bold;
  counter-increment: o-list__num01;
  padding-left: 3.5rem;
  margin-bottom: 1rem;
}
.o-list.__num01 > li::before {
  content: "0" counter(o-list__num01);
  display: flex;
  justify-content: center;
  align-items: center;
  top: -3px;
  border-radius: 100px;
  border: 1px solid #26455C;
  color: #26455C;
  font-size: 11px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  padding: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .o-list.__num01 > li::before {
    top: -6px;
  }
}

/* =========================================================
o-list - var
============================================================*/
.o-list {
  counter-reset: listNum;
  margin: 0 !important;
  margin-bottom: 1rem !important;
}
.o-list.__sizetiny .o-listItem {
  font-size: 13px;
}
@media only screen and (max-width: 991px) {
  .o-list.__sizetiny .o-listItem {
    font-size: 11px;
  }
}
.o-list.__sizes .o-listItem {
  font-size: 13px;
  font-weight: bold;
}
.o-list.__sizel .o-listItem {
  font-size: 21px !important;
  font-size: clamp(16px, 2vw, 21px) !important;
  font-weight: bold;
}
.o-list.__left {
  text-align: left;
}
.o-list.__red {
  color: #B92E2D;
}
.o-list.__icon {
  padding-left: 0px !important;
}
.o-list.__icon .o-listItem {
  display: flex;
  justify-content: flex-start;
}
.o-list.__icon .o-listItem:before {
  font-family: "FontAwesome";
  margin-right: 8px;
  font-weight: bold;
}
.o-list.__icon.__bad .o-listItem:before {
  content: "\f00d";
  color: #B92E2D;
}
.o-list.__icon.__good .o-listItem:before {
  content: "\f10c";
  color: #2EB979;
}
.o-list.__icon.__check .o-listItem:before {
  content: "\f058";
  color: #047AE3;
}

/*------------------------------------------
* o-linkBox
------------------------------------------*/
.o-linkBox {
  position: relative;
  display: flex;
  border: 2px solid rgba(53, 62, 69, 0.7);
  border-radius: 4px;
  transition: opacity 0.3s ease-in-out, border 0.3s ease-in-out;
}
.o-linkBox:hover {
  opacity: 0.8;
}
.o-linkBox.__pdf01 {
  border: 2px solid #FAEDDC;
}
.o-linkBox.__pdf01:hover {
  border: 2px solid #feb91e;
}
.o-linkBox.__pdf01:hover .o-linkBox__icon {
  color: #fff;
  background-color: #feb91e;
}
.o-linkBox.__pdf01 .o-linkBox__icon {
  background-color: #FAEDDC;
}
.o-linkBox.__pdf01 .o-linkBox__icon,
.o-linkBox.__pdf01 .o-linkBox__contIcon {
  color: #feb91e;
}

.o-linkBox__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  flex-shrink: 0;
  font-weight: bold;
  border-radius: 4px;
  border: 1px solid #fff;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.o-linkBox__cont {
  display: inline-flex;
  flex-shrink: 1;
  gap: 1rem;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 2rem;
  line-height: 1.5;
  word-break: keep-all;
}