.section-guide {
  padding: 1.5rem 0;
}
@media screen and (max-width: 768px) {
  .section-guide {
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .section-guide .sp-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}

.card {
  position: relative;
  overflow: hidden;
}
.card.card-panel-top {
  border: 3px solid pink;
}
.card.card-panel-top .card-header {
  padding: 1rem;
  background: pink;
}
.card.card-panel-top .card-header .title {
  font-size: 1.25rem;
  font-weight: bold;
  color: white;
}
@media screen and (max-width: 400px) {
  .card.card-panel-top .card-header .title {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.card.card-panel-top .card-header .nav-control {
  display: flex;
  align-items: center;
  font-weight: bold;
  color: white;
}
.card.card-panel-top .card-header .nav-control i {
  font-size: 1.5rem;
}
.card.card-panel-top .card-body {
  padding: 1rem;
}
.card.card-panel-top .card-body.body-transition {
  height: 0;
  padding: 0;
}
.card.card-panel-top .card-body .subtitle {
  margin-bottom: 1.5rem;
}
.card.card-panel-top .card-body ul.point-list {
  margin-bottom: 1rem;
  counter-reset: item;
  padding: 0 1.5rem;
  list-style: none;
}
.card.card-panel-top .card-body ul.point-list li.circle-numbering {
  position: relative;
  margin-bottom: 1.5rem;
}
.card.card-panel-top .card-body ul.point-list li.circle-numbering::before {
  border: 1px solid #707070;
  border-radius: 50%;
  content: counter(item);
  counter-increment: item;
  font-size: 0.75rem;
  height: 1.125rem;
  width: 1.125rem;
  left: -1.5rem;
  line-height: 1;
  position: absolute;
  text-align: center;
  top: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card.card-panel-top .card-body ul.point-list-2 {
  margin-bottom: 1rem;
  padding: 0 1.5rem;
  list-style: disc;
}
.card.card-panel-top .card-body ul.point-list-2 li {
  margin-bottom: 1.5rem;
}
.card.card-panel-top .card-body .desc-bottom .text {
  margin-bottom: 0.25rem;
}

.section-supported {
  padding: 3rem 0;
  position: relative;
}
.section-supported .content .content-header {
  text-align: center;
}
.section-supported .content .content-body {
  padding: 2rem 0 0;
}
.section-supported .content .content-body .vor-content {
  margin-bottom: 2rem;
}
.section-supported .content .content-body .vor-content .content-gray {
  background: #cbcbcb;
  padding: 2rem 0.75rem;
}
.section-supported .content .content-body .vor-content .comic-content {
  position: relative;
  text-align: center;
}
.section-supported .content .content-body .vor-content .comic-content .text {
  position: absolute;
  bottom: 1rem;
  left: 0;
  right: 0;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .section-supported .content .content-body .vor-content .comic-content .text {
    font-size: 0.625rem;
    bottom: 0.5rem;
  }
}
@media screen and (max-width: 400px) {
  .section-supported .content .content-body .vor-content .comic-content .text {
    font-size: 0.75rem;
    bottom: 0.625rem;
  }
}
@media screen and (max-width: 375px) {
  .section-supported .content .content-body .vor-content .comic-content .text {
    bottom: 0.3125rem;
  }
}
.section-supported .content .content-body .vor-content .content-desc {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 400px) {
  .section-supported .content .content-body .vor-content .content-desc {
    padding-right: 0.9375rem;
  }
}
.section-supported .content .content-body .vor-content .content-desc .wrap-img {
  margin-bottom: 1rem;
}
.section-supported .content .content-body .vor-content .content-desc .wrap-caption .subtitle {
  font-size: 3.5rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .section-supported .content .content-body .vor-content .content-desc .wrap-caption .subtitle {
    font-size: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .section-supported .content .content-body .vor-content .content-desc .wrap-caption .subtitle {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 375px) {
  .section-supported .content .content-body .vor-content .content-desc .wrap-caption .subtitle {
    font-size: 1.125rem;
  }
}
@media (max-width: 320px) {
  .section-supported .content .content-body .vor-content .content-desc .wrap-caption .subtitle {
    font-size: 1rem;
  }
}
.section-supported .content .content-body .vor-content .content-desc .wrap-caption .subtitle small {
  font-size: 2.625rem;
}
@media screen and (max-width: 768px) {
  .section-supported .content .content-body .vor-content .content-desc .wrap-caption .subtitle small {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 400px) {
  .section-supported .content .content-body .vor-content .content-desc .wrap-caption .subtitle small {
    font-size: 1rem;
  }
}
.section-supported .content .content-body .vor-content .caption-content {
  border: 2px solid darkcyan;
  padding: 1.5rem;
  margin-top: 1.5rem;
  position: relative;
}
@media screen and (max-width: 400px) {
  .section-supported .content .content-body .vor-content .caption-content {
    margin-top: 1rem;
    padding: 1rem;
  }
}
.section-supported .content .content-body .vor-content .caption-content .wrap-arrow {
  position: absolute;
  top: -3.125rem;
  left: 2.5rem;
}
@media screen and (max-width: 400px) {
  .section-supported .content .content-body .vor-content .caption-content .wrap-arrow {
    top: -2rem;
    left: 1rem;
  }
}
.section-supported .content .content-body .vor-content .caption-content .wrap-arrow .img-icon {
  width: 2.3125rem;
  height: 3.1875rem;
}
@media screen and (max-width: 400px) {
  .section-supported .content .content-body .vor-content .caption-content .wrap-arrow .img-icon {
    width: 2rem;
    height: 2rem;
  }
}
.section-supported .content .content-body .vor-content .caption-content.white-bg {
  background: white;
}
@media screen and (max-width: 768px) {
  .section-supported .content .content-body .vor-content .caption-content .caption-cover .img-block {
    max-width: 8rem;
    height: auto;
  }
}
@media screen and (max-width: 400px) {
  .section-supported .content .content-body .vor-content .caption-content .caption-cover .img-block {
    max-width: 6rem;
  }
}
.section-supported .content .content-body .vor-content .caption-content .caption-desc .text {
  font-size: 1.125rem;
}
@media screen and (max-width: 400px) {
  .section-supported .content .content-body .vor-content .caption-content .caption-desc .text {
    font-size: 1rem;
  }
}
.section-supported .content .content-body .vor-content .caption-content .caption-desc .text .highlight {
  color: #ff4d5b;
}
.section-supported .content .content-body .vor-content .caption-content .caption-title {
  text-align: center;
  margin-top: 1rem;
}
.section-supported .content .content-body .vor-content .caption-content .caption-title .text {
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .section-supported .content .content-body .vor-content .caption-content .caption-title .text {
    font-size: 0.5rem;
  }
}

.section-problem-list {
  padding: 0 0 3rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .section-problem-list {
    padding: 0 0 2rem;
  }
}
.section-problem-list .content-body {
  background: #b8b8b8;
  padding: 1.5rem;
  margin: 0 2rem;
  position: relative;
  top: -10rem;
  left: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .section-problem-list .content-body {
    top: -5rem;
  }
}
@media screen and (max-width: 400px) {
  .section-problem-list .content-body {
    top: -3rem;
    margin: 0 1rem;
    padding: 1rem;
  }
}
.section-problem-list .content-body .card-list {
  background: white;
}
.section-problem-list .content-body .card-list .card-header .handle-img {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 0;
}
@media screen and (max-width: 400px) {
  .section-problem-list .content-body .card-list .card-header .handle-img {
    top: -1rem;
  }
}
@media screen and (max-width: 400px) {
  .section-problem-list .content-body .card-list .card-header .handle-img .img-block {
    max-width: 8rem;
  }
}
.section-problem-list .content-body .card-list .card-body {
  padding: 0 1.5rem 2rem;
  position: relative;
}
@media screen and (max-width: 400px) {
  .section-problem-list .content-body .card-list .card-body {
    padding: 0 1rem 1rem;
  }
}
.section-problem-list .content-body .card-list .card-body ul.problem-list {
  display: block;
  list-style: none;
}
.section-problem-list .content-body .card-list .card-body ul.problem-list li.checklist {
  padding: 0 2.5rem 0;
  background: url("/wp-content/themes/winks-purasu/assets/images/icon/checklist-board.svg") no-repeat;
  height: 100%;
  margin: 0 0 1rem;
  font-size: 1.375rem;
  background-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .section-problem-list .content-body .card-list .card-body ul.problem-list li.checklist {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 400px) {
  .section-problem-list .content-body .card-list .card-body ul.problem-list li.checklist {
    font-size: 1rem;
    background-size: 1rem;
    padding: 0 0 0 1.5rem;
  }
}
.section-problem-list .content-body .card-list .card-footer {
  position: relative;
}
.section-problem-list .content-body .card-list .card-footer .text-bottom {
  position: absolute;
  top: -1.375rem;
}
@media screen and (max-width: 768px) {
  .section-problem-list .content-body .card-list .card-footer .text-bottom {
    top: -0.75rem;
  }
}

.section-improves {
  position: relative;
  padding: 0 0 3rem;
}
.section-improves .content-body {
  padding: 0 2rem;
}
@media screen and (max-width: 400px) {
  .section-improves .content-body {
    padding: 0 1rem;
  }
}
.section-improves .content-body .wrap-title {
  padding: 1.5rem 0;
}
.section-improves .content-body .wrap-title .title {
  font-size: 1.625rem;
}
@media screen and (max-width: 768px) {
  .section-improves .content-body .wrap-title .title {
    font-size: 1.125rem;
  }
}
.section-improves .content-body .wrap-desc .text {
  margin-bottom: 1.5rem;
}
.section-improves .content-body .main-post {
  position: relative;
}
.section-improves .content-body .main-post .content-post {
  margin-bottom: 1.5rem;
}
.section-improves .content-body .main-post .content-post .post-img {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.section-improves .content-body .main-post .content-post .post-desc .text {
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .section-improves .content-body .main-post .content-post .post-desc .text {
    font-size: 1rem;
  }
}

.section-famous {
  position: relative;
  padding: 0 0 3rem;
}
.section-famous .content-body {
  padding: 0 2rem;
}
@media screen and (max-width: 400px) {
  .section-famous .content-body {
    padding: 0 1rem;
  }
}
.section-famous .content-body .list-osteopathic {
  margin-bottom: 2rem;
}
@media screen and (max-width: 400px) {
  .section-famous .content-body .list-osteopathic .wrap-img .img-block {
    max-width: 100%;
    height: 11rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.section-famous .content-body .list-osteopathic .wrap-desc {
  position: relative;
  padding: 1rem 1.5rem;
  background: #cbcbcb;
}
.section-famous .content-body .list-osteopathic .wrap-desc::before {
  border-color: #cbcbcb transparent transparent;
  border-style: solid;
  border-width: 1.5rem 1.5rem;
  top: calc(50% - 1rem);
  content: "";
  height: 0;
  left: -3rem;
  margin: 0 auto;
  position: absolute;
  width: 0;
  transform: rotate(90deg);
}
@media screen and (max-width: 400px) {
  .section-famous .content-body .list-osteopathic .wrap-desc::before {
    border-width: 1rem 1rem;
    left: -2rem;
  }
}
.section-famous .content-body .list-osteopathic .wrap-desc .title {
  font-size: 1.5rem;
  line-height: 1.5;
}
@media screen and (max-width: 400px) {
  .section-famous .content-body .list-osteopathic .wrap-desc .title {
    font-size: 1rem;
  }
}
.section-famous .content-body .list-osteopathic .wrap-desc .title.fs-custom {
  font-size: 1.125rem;
}
@media screen and (max-width: 400px) {
  .section-famous .content-body .list-osteopathic .wrap-desc .title.fs-custom {
    font-size: 1rem;
  }
}
@media (max-width: 320px) {
  .section-famous .content-body .list-osteopathic .wrap-desc .title.fs-custom {
    font-size: 0.75rem;
  }
}
.section-famous .content-body .list-osteopathic .wrap-desc .separate-line {
  width: 100%;
  border-color: darkcyan;
  margin: 0.75rem 0;
}
@media screen and (max-width: 400px) {
  .section-famous .content-body .list-osteopathic .wrap-desc .separate-line {
    margin: 0.25rem 0;
  }
}
.section-famous .content-body .list-osteopathic .wrap-desc .desc {
  font-size: 1.125rem;
  line-height: 1.5;
}
@media screen and (max-width: 400px) {
  .section-famous .content-body .list-osteopathic .wrap-desc .desc {
    font-size: 0.75rem;
  }
}

.section-technical {
  padding: 0 0 3rem;
  position: relative;
}
.section-technical .content .content-body {
  padding: 0 2rem;
}
@media screen and (max-width: 400px) {
  .section-technical .content .content-body {
    padding: 0 1rem;
  }
}

.section-reason-merit {
  padding: 0 0 3rem;
}
@media screen and (max-width: 400px) {
  .section-reason-merit {
    padding: 0;
  }
}
.section-reason-merit .content.bg-gray {
  background: #ebebeb;
}
.section-reason-merit .content .content-body {
  padding: 0 0 2.5rem;
}
@media screen and (max-width: 400px) {
  .section-reason-merit .content .content-body {
    padding: 0 0 2rem;
  }
}

.section-news .card-news {
  border: 1px solid #c9c9c9;
}
.section-news .card-news .card-body {
  padding: 1.5rem;
}
.section-news .card-news .card-body .news-list {
  border-bottom: 1px solid #c9c9c9;
  margin-bottom: 1rem;
}
.section-news .card-news .card-body .news-list.border-none {
  border: 0;
}
.section-news .card-news .card-body .news-list .date {
  margin-bottom: 0.75rem;
}
.section-news .card-news .card-body .news-list .desc {
  margin-bottom: 1rem;
}
.section-news .card-news .card-body .news-list .desc .text a:hover {
  border-bottom: 1px solid darkcyan;
  transition: all 0.5s ease-in-out;
  opacity: 0.8;
  color: darkcyan;
}

@media screen and (max-width: 400px) {
  .section-store-info {
    padding-top: 2rem;
  }
}
.section-store-info .card-info {
  border: 1px solid #c9c9c9;
}
.section-store-info .card-info .card-body {
  padding: 0 0.75rem;
}
.section-store-info .card-info .card-body .content-info .title {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 400px) {
  .section-store-info .card-info .card-body .content-info .title {
    font-size: 1.5rem;
    margin: 1.5rem 0;
  }
}
.section-store-info .card-info .card-body .content-info .list-info dt, .section-store-info .card-info .card-body .content-info .list-info dd {
  box-sizing: border-box;
  padding: 0.75rem;
  border-top: 1px solid #c8c8c8;
  line-height: 2;
}
.section-store-info .card-info .card-body .content-info .list-info dt.border-none, .section-store-info .card-info .card-body .content-info .list-info dd.border-none {
  border: 0;
}
.section-store-info .card-info .card-body .content-info .list-info dt {
  width: 30%;
}
.section-store-info .card-info .card-body .content-info .list-info dd {
  width: 70%;
}

#pagetop {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 100;
}
#pagetop a {
  display: block;
  width: 1.875rem;
  margin: 0;
  padding: 0.9375rem 0;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  background: #666666;
  background: rgba(0, 0, 0, 0.7);
  /* border-radius */
  border-radius: 2px 0 0 2px;
  /* transition */
  transition: 0.3s;
  line-height: 1.5;
}
#pagetop a::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f106";
  font-weight: bold;
  font-size: 1.25rem;
  color: white;
}
#pagetop a:hover, #pagetop a:active {
  -moz-opacity: 0.6;
  opacity: 0.6;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); /* For IE 5-7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* For IE 8 */
}
#pagetop a span {
  display: none;
}

@media screen and (max-width: 400px) {
  .content-notfound {
    padding: 5rem 0 2rem;
  }
}
.content-notfound .btn-primary {
  border-radius: 3rem;
  height: 4rem;
  width: 18rem;
  font-size: 1.375rem;
}
@media screen and (max-width: 400px) {
  .content-notfound .btn-primary {
    margin-top: 2rem;
    height: auto;
    width: 12rem;
    font-size: 1rem;
    border-radius: 1.5rem;
  }
}/*# sourceMappingURL=plus.css.map */


.section-famous .row {
  display: flex;
  flex-wrap: wrap;
}
.section-famous .p-0 {
  padding: 0;
}
.section-famous .d-flex {
  display: flex;
}
.section-famous .col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.section-famous .col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.section-famous .fit-cover {
  object-fit: cover;
}
.section-famous .font-weight-bold {
  font-weight: 700;
}
.section-famous .content-body .list-osteopathic .wrap-desc {
  background: #fff9ec;
  color: #333;
}
.section-famous .content-body .list-osteopathic .wrap-desc:before {
  border-top-color: #fff9ec;
}
.section-famous .content-body .list-osteopathic .wrap-desc:before {
  border: 1.5rem solid transparent;
  border-top-color: #cbcbcb;
  content: "";
  height: 0;
  left: -3rem;
  margin: 0 auto;
  position: absolute;
  top: calc(50% - 1rem);
  transform: rotate(90deg);
  width: 0;
}
.section-famous .content-body .list-osteopathic .wrap-desc .title.fs-custom {
  font-size: 1.125rem;
}
.section-famous .content-body .list-osteopathic .wrap-desc .title {
  line-height: 1.5;
}
.section-famous .content-body .list-osteopathic .wrap-desc .separate-line {
  border: 1px solid #333;
  margin: 0.75rem 0;
  width: 100%;
}
.section-famous .content-body .list-osteopathic .wrap-desc .desc {
  font-size: 1.125rem;
  line-height: 1.5;
}