@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 767px) {
    .blog_title {
        margin-left: 4vw;
        margin-right: 4vw;
    }
}

@media screen and (min-width: 767.01px) {
    #vol7_1 .flex {
        margin-bottom: 25px;
    }
    #vol7_1 .flex .flex_left-item {
        width: 68.75%;
    }
    #vol7_1 .flex .flex_right-item {
        width: 25.25%;
    }
}
@media screen and (max-width: 767px) {
    #vol7_1 .flex .flex_right-item {
        margin-bottom: 1.5rem;
    }
} 

#vol7_2 figure {
    margin-bottom: 25px;
}

#vol7_2 .order-list {
    margin-top: 50px;
}
@media screen and (max-width: 767px) {
    #vol7_2 .order-list {
        margin-top: 1.5rem;
    }
}

@media screen and (min-width: 767.01px) {
    #vol7_3  .order-list li {
        margin-bottom: 100px;
    }
    #vol7_3 .article_figure.num01 {
        margin-top: 100px;
    }
    #vol7_3 .article_figure.num02,
    #vol7_3 .article_figure.num03 {
        margin-top: 55px;
    }
}

@media screen and (min-width: 767.01px) {
    #vol7_4 .article_figure {
        margin-bottom: 25px;
    }
    #vol7_4 .article_figure + div p:first-child {
        margin-top: 25px;
        margin-bottom: 50px;
    }
}

@media screen and (min-width: 767.01px) {
    #vol7_5 .article_heading3 {
        text-align: left;
        padding-left: 1rem;
    }
}

.article_border {
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding: 2.5rem 0;
    margin-top: 100px;
}
@media screen and (max-width: 767px) {
    .article_border {
        margin-top: 2.5rem;
    }
}

@media screen and (max-width: 767px) {
    .article_block {
        margin-top: 13.3333333333vw;
    }
}
@media screen and (max-width: 767px) {
    .txt:not(:last-child) {
        margin-bottom: 3.7333333333vw;
    }
}
@media screen and (max-width: 767px) {
    .order-list .article_figure {
        margin-bottom: 7.6666666667vw;
    }
}

/* AL-add */
.parts_inner__training__box__list__item {
  position: relative;
  margin-bottom: 20px;
  padding-left: 30px
}

@media screen and (max-width: 767px) {
  .parts_inner__training__box__list__item {
    margin-bottom: 2.6666666667vmin;
    padding-left: 10.6666666667vmin
  }
}

.parts_inner__training__box__list__item__num {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
  line-height: 1.5;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .parts_inner__training__box__list__item__num {
    font-size: 4.0vmin
  }
}

@media screen and (min-width: 768px) {
  .parts_inner__training__box__list__item__figure {
    width: 500px;
    margin: 0 auto 30px
  }
}

@media screen and (max-width: 767px) {
  .parts_inner__training__box__list__item__figure {
    margin-left: -10.6666666667vmin;
    margin-bottom: 4vmin;
    padding: 0 2.6666666667vmin
  }
}

.article-product{
  max-width:400px;
  margin: 0 auto 50px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .article-product{
    margin-bottom: 20px;
  }
}

.parts_inner__section__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  padding: 16px 32px;
  max-width: 640px;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .parts_inner__section__btn {
    font-size: 3.4666666667vmin;
  }
}

.parts_inner__section__btn:hover {
  opacity: 1;
  background-color: #98bab9;
}


.parts_inner__section__btn::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  right: 20px;
  width: 10px;
  height: 10px
}

@media screen and (max-width: 767px) {
  .parts_inner__section__btn::before {
    right: 5.3333333333vmin;
    width: 2.6666666667vmin;
    height: 2.6666666667vmin;
  }
}

.article-layout-lr{
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 8%;
}
@media screen and (max-width: 767px) {
  .article-layout-lr{
    display: block;
  }
}
.article-layout-lr__left, .article-layout-lr__right{
  width: 40%;
  display: flex;
  flex-direction: column;

}
.article-layout-lr__left .article-product, .article-layout-lr__right .article-product{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 767px) {
  .article-layout-lr__left, .article-layout-lr__right{
    width: 100%;
  }
  .article-layout-lr__left{
    margin-bottom: 50px;
  }
}

.article-figure{
  text-align: center;
  margin: 0 0 35px 0;
}
.article-figure img{
  max-width: 100%;
  height: auto;
}