@charset "UTF-8";

.top-holiday {
  background-color: #63768D;
  color: #fff;
  padding: 1.875rem 0;
  text-align: center;
}

.top-holiday__ttl {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.top-holiday__ttl__desc {
  font-size: 2rem;
}

@media (max-width: 768px) {
  .top-holiday__ttl__desc {
    font-size: 1.375rem;
  }
}

.top-holiday__ttl__icon {
  background-color: transparent;
  border: 0.125rem solid #fff;
  border-radius: 50%;
  display: block;
  height: 2.1875rem;
  margin-left: 1.25rem;
  position: relative;
  width: 2.1875rem;
}

@media (max-width: 768px) {
  .top-holiday__ttl__icon {
    height: 1.75rem;
    margin-left: 0.625rem;
    width: 1.75rem;
  }
}

.top-holiday__ttl__icon::after,
.top-holiday__ttl__icon::before {
  -webkit-transform: translate(-50%, -50%);
  background-color: #fff;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.top-holiday__ttl__icon::before {
  height: 0.125rem;
  width: 72%;
}

.top-holiday__ttl__icon::after {
  height: 72%;
  width: 0.125rem;
}

.top-holiday__ttl__icon.is-open::after {
  display: none;
}

.top-holiday__info {
  background-color: #fff;
  border: 0.25rem solid #9BB7D4;
  border-radius: 3.125rem;
  color: #626262;
  display: none;
  margin-bottom: 1.875rem;
  margin-top: 1.875rem;
  padding: 2.5rem 1.25rem;
}

.top-holiday__info.is-open {
  display: block;
}

.top-holiday__item {
  line-height: 3rem;
}

@media (max-width: 768px) {
  .top-holiday__item {
    line-height: 2rem;
  }
}

.top-holiday__item:nth-of-type(n+2) {
  margin-top: 1.5625rem;
}

.top-holiday__item__clinic-name {
  font-size: 1.5rem;
}

@media (max-width: 768px) {
  .top-holiday__item__clinic-name {
    font-size: 1.125rem;
  }
}

.top-holiday__item__holidays {
  font-size: 1.25rem;
}

@media (max-width: 768px) {
  .top-holiday__item__holidays {
    font-size: 0.875rem;
  }
}

.top-holiday__item__consuldays {
  color: #9BB7D4;
  font-size: 1.25rem;
}

@media (max-width: 768px) {
  .top-holiday__item__consuldays {
    font-size: 0.875rem;
  }
}

.fv {
  padding: 3.625rem 0 4.875rem;
  /*padding: 5.625rem 0 15.875rem;*/
  position: relative;
}

@media (max-width: 768px) {
  .fv {
    padding: 12.8125rem 0 18.75rem;
  }
}

.fv__ttl {
  color: #ff7777;
  font-size: 2.825rem;
  /*color: #ff893b;*/
  /*font-size: 3.125rem;*/
  font-weight: 700;
  line-height: 1.55;
}

@media (max-width: 768px) {
  .fv__ttl {
    font-size: 2.375rem;
  }
}

.fv__ttl-pink {
  color: #ff7777;
}

.fv__photo {
  position: relative;
  width: 81.9%;
}

@media (max-width: 768px) {
  .fv__photo {
    position: static;
    width: 100%;
  }
}

.fv__photo-item {
  position: absolute;
}

.fv__photo-item--01 {
  right: 18%;
  top: -8.8%;
  width: 22.6875rem;
}

@media (max-width: 768px) {
  .fv__photo-item--01 {
    right: 3%;
    top: 2%;
    width: 47%;
  }
}

.fv__photo-item--02 {
  right: -1%;
  top: 62.8%;
  width: 16.4375rem;
}

@media (max-width: 768px) {
  .fv__photo-item--02 {
    bottom: -42.8%;
    left: 8.33%;
    right: auto;
    top: auto;
    width: 30%;
  }
}

.fv__photo-item--03 {
  bottom: -38.8%;
  left: -3%;
  width: 30.25rem;
}

@media (max-width: 768px) {
  .fv__photo-item--03 {
    bottom: -35.8%;
    left: auto;
    right: -2%;
    width: 57%;
  }
}

.fv__scroll {
  bottom: -3.0625rem;
  z-index: 9000;
}

.open-info {
  margin-top: -6.25rem;
  position: relative;
}

@media (max-width: 768px) {
  .open-info {
    margin-top: -4.375rem;
  }
}

.open-info>img {
  width: 100%;
}

.open-cost-info {
  /*background-color: #C9DFEC;*/
  height: 25.625rem;
  position: relative;
  border-bottom: 1px solid #63768D;
}

@media (max-width: 768px) {
  .open-cost-info {
    height: 31.25rem;
  }
}

.open-cost-info>img {
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  left: 50%;
  max-width: 980px;
  position: absolute;
  top: 20%;
  transform: translateX(-50%);
  width: 84%;
}

@media (max-width: 768px) {
  .open-cost-info>img {
    top: 14%;
    width: 90%;
  }
}

.open-cost-info__ttl {
  font-size: 2.225rem;
  font-weight: 700;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  left: 50%;
  position: absolute;
  top: 20%;
  /*top: 13%;*/
  transform: translateX(-50%);
  color: #63768D;
}

@media (max-width: 768px) {
  .open-cost-info__ttl {
    top: 11%;
    width: 100%;
    text-align: center;
  }
}

.open-cost-info__desc {
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  font-size: 0.9375rem;
  left: 50%;
  letter-spacing: -0.5px;
  line-height: 2.2;
  max-width: 880px;
  position: absolute;
  text-align: center;
  top: 34%;
  transform: translateX(-50%);
  width: 82%;
  color: #63768D;
}

@media (max-width: 768px) {
  .open-cost-info__desc {
    font-size: 0.8125rem;
    line-height: 2;
    top: 25%;
    width: 84%;
  }
}

.news {
  /*
  background-color: #E4EDF0;
  */
  padding: 0.9375rem 0;
}

@media (max-width: 768px) {
  .news {
    padding: 1.375rem 0;
  }
}

.news__ttl {
  color: #63768D;
  font-size: 0.875rem;
  width: 15%;
}

@media (max-width: 768px) {
  .news__ttl {
    font-size: 1.2rem;
    width: 20%;
  }
}

.news__posts {
  height: 1.2em;
  overflow: hidden;
  width: 83%;
}

@media (max-width: 768px) {
  .news__posts {
    width: 80%;
  }
}

.news__posts .slick-list,
.news__posts .slick-track {
  height: 100%;
}

.news__posts .slick-slide {
  font-size: 0;
  max-width: 50%;
}

.news__posts .slick-slide:nth-of-type(even) {
  border-left: 1px solid #9BB7D4;
}

.news__posts .slick-slide div {
  height: 100%;
}

.news__article {
  height: 100%;
  padding: 0 2.8125rem;
  position: relative;
}

.news__article-link {
  height: 100%;
}

.news__article-date,
.news__article-ttl {
  color: #9BB7D4;
  font-size: 0.8125rem;
  line-height: 1;
}

.news__article-date {
  margin-right: 1.25rem;
}

.news__article-ttl {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news__arw {
  -webkit-transform: translateY(-50%);
  color: #9BB7D4;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5000;
}

.news__arw--prev {
  left: 0;
}

.news__arw--next {
  right: 0;
}

.intro {
  padding: 6.625rem 0;
}

@media (max-width: 768px) {
  .intro {
    padding: 3.4375rem 0 3.4375rem;
  }
}

.intro__box {
  margin-left: auto;
  width: 57.62%;
}

@media (max-width: 768px) {
  .intro__box {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .intro__ttl {
    margin-bottom: 2.7rem;
  }
}

.intro__desc {
  font-size: 1.0625rem;
  line-height: 2;
}

.intro__btn {
  margin-left: auto;
  margin-right: 0;
}

.feature {
  background-color: #E4EDF0;
  padding: 4.6875rem 0 5.625rem;
}

@media (max-width: 768px) {
  .feature {
    padding: 3.125rem 0 5rem;
  }
}

.feature__ttl {
  margin-bottom: 5rem;
}

@media (max-width: 768px) {
  .feature__ttl {
    margin-bottom: 2.8125rem;
  }
}

.feature-list__item {
  margin-bottom: 6.5rem;
  position: relative;
}

@media (max-width: 768px) {
  .feature-list__item {
    background-color: #fff;
    border: 1px solid #63768D;
    border-radius: 1.25rem;
    margin-bottom: 3.125rem;
    padding: 2.5rem 2.25rem;
  }
}

.feature-list__thumb {
  position: absolute;
  top: -3.625rem;
  width: 38.4%;
}

@media (max-width: 768px) {
  .feature-list__thumb {
    margin-bottom: 1.88rem;
    position: static;
    width: 100%;
  }
}

.feature-list__box {
  background-color: #fff;
  border: 1px solid #63768D;
  padding: 2.5rem 2.25rem;
}

@media (min-width: 768px) {
  .feature-list__box {
    min-height: 15.375rem;
  }
}

@media (max-width: 768px) {
  .feature-list__box {
    background-color: transparent;
    border: none;
    padding: 0;
  }
}

@media (max-width: 768px) {
  .feature-list__box-ttl {
    font-size: 1.34rem;
  }
}

.feature-list__box-desc {
  letter-spacing: 0.025em;
  line-height: 2;
}

@media (min-width: 768px) {
  .feature-list__item:nth-of-type(odd) {
    padding-left: 30.67%;
  }
}

@media (min-width: 768px) and (max-width: 768px) {
  .feature-list__item:nth-of-type(odd) {
    padding-left: 0%;
  }
}

@media (min-width: 768px) {
  .feature-list__item:nth-of-type(odd) .feature-list__thumb {
    left: 0;
  }

  .feature-list__item:nth-of-type(odd) .feature-list__box {
    padding-left: 8.0625rem;
  }

  .feature-list__item:nth-of-type(even) {
    padding-right: 30.67%;
  }

  .feature-list__item:nth-of-type(even) .feature-list__thumb {
    right: 0;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .feature-list__item:nth-of-type(even) .feature-list__box {
    padding-right: 8.0625rem;
  }
}

.demerit {
  -webkit-box-shadow: 0.8125rem 0.8125rem 0 0 #9FC7D8

;
  background-color: #fff;
  border-radius: 0.9375rem;
  box-shadow: 0.8125rem 0.8125rem 0 0 #C9DFEC;
  margin-top: 4.4375rem;
  padding: 2.0625rem 3rem 3rem;
}

@media (max-width: 768px) {
  .demerit {
    padding: 1.625rem 1.5625rem;
  }
}

.demerit__ttl {
  font-size: 1.5625rem;
  margin-bottom: 0.6875rem;
}

@media (max-width: 768px) {
  .demerit__ttl {
    margin-bottom: 1.0625rem;
  }
}

.demerit__desc {
  margin-bottom: 2.125rem;
}

.demerit__list {
  border: 1px solid #63768D;
  border-radius: 0.9375rem;
  padding: 1.375rem 2.25rem;
}

@media (max-width: 768px) {
  .demerit__list {
    display: block;
    padding: 1.5625rem;
  }
}

.demerit__list-item {
  font-size: 1.1875rem;
  line-height: 1.579;
}

.demerit__list-item:not(:last-of-type) {
  border-right: 1px solid #63768D;
  margin-right: 2.5rem;
  padding-right: 1.875rem;
}

@media (max-width: 768px) {
  .demerit__list-item:not(:last-of-type) {
    border-bottom: 1px solid #63768D;
    border-right: none;
    margin-bottom: 1.375rem;
    margin-right: 0;
    padding-bottom: 1.375rem;
    padding-right: 0;
  }
}

.inspection {
  background-color: #C9DFEC;
  padding: 4.5rem 0 5.1875rem;
}

.inspection__ttl {
  color: #63768D;
  margin-bottom: 0.9375rem;
}

.inspection__desc {
  font-size: 1.0625rem;
  line-height: 2;
  margin-bottom: 2.875rem;
}

.inspection__btns-item {
  background-color: #fff;
  border: 1px solid #63768D;
  border-bottom: none;
  border-radius: 1.875rem 1.875rem 0 0;
  color: #63768D;
  cursor: pointer;
  font-size: 1.625rem;
  padding: 1.1875rem 0.625rem;
  position: relative;
  text-align: center;
  width: 33.3333%;
}

.inspection__btns-item:nth-of-type(1) {
  border-right: none;
}

.inspection__btns-item:nth-of-type(3) {
  border-left: none;
}

.inspection__btns-item.is-active {
  background-color: #63768D;
  color: #ffffff;
}

@media (max-width: 768px) {
  .inspection__btns-item {
    font-size: 1.18rem;
    line-height: 1;
    padding: 1.875rem 0.625rem;
  }
}

.inspection__panel {
  background-color: #fff;
  border: 1px solid #63768D;
  border-radius: 0 0 1.875rem 1.875rem;
  padding: 2.125rem 2.75rem 1.125rem;
}

@media (max-width: 768px) {
  .inspection__panel {
    padding: 1.5625rem 1.375rem 1.25rem;
  }
}

.inspection__tab-content {
  display: none;
  position: relative;
}

.inspection__tab-content.is-show {
  display: block;
}

@media (max-width: 768px) {
  .inspection__tab-content {
    overflow: scroll;
  }
}

@media (max-width: 768px) {
  .inspection__tab-content.is-flashing-arw .inspection__tab-content-sp-guide {
    display: block;
  }
}

.inspection__tab-content-sp-guide {
  display: none;
}

.inspection__tab-content-sp-guide-inside {
  -webkit-animation: 1s ease-in-out 0s infinite alternate none running blink;
  -webkit-transform: translateY(-50%);
  animation: 1s ease-in-out 0s infinite alternate none running blink;
  background-color: rgba(0, 0, 0, 0.52);
  border-radius: 0.625rem;
  color: white;
  font-size: 1.01rem;
  padding: 2.7rem 2.3rem 2.7rem 3.2%;
  position: relative;
  position: absolute;
  right: 3.7%;
  top: 50%;
  transform: translateY(-50%);
}

.inspection__tab-content-sp-guide-inside:after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  border-bottom: .14rem solid #fff;
  border-right: .14rem solid #fff;
  content: "";
  height: .98rem;
  position: absolute;
  right: 8.3%;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  width: .98rem;
  z-index: 600;
}

.inspection__tab-content .duplicate-last-row td {
  padding-bottom: 1.875rem;
}

.inspection__tab-content .duplicate-last-item {
  position: relative;
}

.inspection__tab-content .duplicate-last-item:after {
  bottom: 0%;
  color: #999;
  content: "※当院のNIPTでは重複疾患について検出する事はできません。";
  font-size: 0.8125rem;
  position: absolute;
  right: 0%;
  text-align: right;
  width: 170%;
}

@media (max-width: 768px) {
  .inspection__tab-content .duplicate-last-item:after {
    width: 200%;
  }
}

.tab-table {
  width: 100%;
}

@media (max-width: 768px) {
  .tab-table {
    width: 56.25rem;
  }
}

.tab-table__head-left {
  width: 33%;
}

.tab-table__head-middle {
  width: 28%;
}

.tab-table__head-other {
  width: 33.333333%;
}

.tab-table__head th {
  color: #9BB7D4;
  font-size: 1.1875rem;
}

.tab-table__body-left {
  color: #9BB7D4;
}

.tab-table__body td {
  border-bottom: 1px solid #efefef;
  font-size: 1.125rem;
  padding: 1.4375rem 0 0.875rem;
}

.tab-table__body tr:last-of-type td {
  border-bottom: none;
}

.diagnosis {
  background-color: #E4EDF0;
  padding: 4.625rem 0;
}

@media (max-width: 768px) {
  .diagnosis__ttl {
    margin-bottom: 0.875rem;
  }
}

.diagnosis__desc {
  line-height: 2;
  margin-bottom: 2.5rem;
}

.diagnosis-list {
  margin-bottom: 3.875rem;
}

.diagnosis-list__item {
  background-color: #fff;
  border-radius: 1.875rem;
  padding: 2rem 2.5625rem;
}

@media (max-width: 768px) {
  .diagnosis-list__item {
    display: block;
    padding: 1.75rem 2.0625rem;
  }
}

.diagnosis-list__item:not(:last-of-type) {
  margin-bottom: 1.75rem;
}

.diagnosis-list__ttl {
  color: #9BB7D4;
  font-size: 1.4375rem;
  width: 37%;
}

@media (max-width: 768px) {
  .diagnosis-list__ttl {
    border-bottom: 1px solid #9BB7D4;
    font-size: 1.52rem;
    margin-bottom: 1.75rem;
    padding-bottom: 1.375rem;
    text-align: center;
    width: 100%;
  }
}

.diagnosis-list__col {
  width: 63%;
}

@media (max-width: 768px) {
  .diagnosis-list__col {
    display: block;
    width: 100%;
  }
}

.diagnosis-list__group {
  width: 48.4%;
}

@media (max-width: 768px) {
  .diagnosis-list__group {
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }

  .diagnosis-list__group:not(:last-of-type) {
    margin-bottom: 2.1rem;
  }
}

@media (min-width: 768px) {
  .diagnosis-list__group-item:not(:last-of-type) {
    margin-bottom: 1.25rem;
  }
}

@media (max-width: 768px) {
  .diagnosis-list__group-item {
    width: 48%;
  }
}

.diagnosis-list__group-item-ttl {
  font-size: 1.1875rem;
  margin-bottom: 0.9375rem;
  text-align: center;
  width: 100%;
}

@media (max-width: 768px) {
  .diagnosis-list__group-item-ttl {
    text-align: left;
  }
}

.diagnosis-list__group-btn {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  background-color: #63768D;
  border-radius: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.0625rem;
  justify-content: center;
  padding: 1.125rem 0.4375rem;
  width: 100%;
}

@media (max-width: 768px) {
  .diagnosis-list__group-btn {
    height: 12vw;
    margin-bottom: 1.75rem;
    padding: 0.3125rem 0.4375rem;
  }
}

.diagnosis-list__group-btn--trans {
  background-color: transparent;
  border: 1px solid #63768D;
  color: #63768D;
}

.text-group:not(:last-of-type) {
  margin-bottom: 5.1875rem;
}

.test-box:not(:last-of-type) {
  margin-bottom: 2.9375rem;
}

.test-box__ttl {
  font-size: 1.5rem;
  margin-bottom: 0.8125rem;
}

.test-box__desc {
  font-size: 1rem;
  line-height: 1.563;
}

@media (max-width: 768px) {
  .test-box__desc {
    line-height: 1.75;
  }
}

.test-box__desc:not(:last-of-type) {
  margin-bottom: 1.5625rem;
}

.plan {
  background-color: #C9DFEC;
  padding: 4.8125rem 0;
}

.plan__ttl {
  color: #63768D;
}

.plan__intro {
  font-size: 1.0625rem;
  line-height: 2;
  margin-bottom: 2.6875rem;
}

.plan-option:not(:last-of-type) {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
}

.plan-option:nth-of-type(3) {
  position: relative;
}

@media (max-width: 768px) {
  .plan-option:nth-of-type(3) {
    position: static;
  }
}

.plan-option:nth-of-type(3) .plan-option__desc {
  width: 70%;
}

@media (max-width: 768px) {
  .plan-option:nth-of-type(3) .plan-option__desc {
    width: 100%;
  }
}

.plan-option:nth-of-type(3) .plan-option__link {
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  position: absolute;
  right: 0%;
  top: 50%;
  transform: translateY(-50%);
  width: 24.5%;
}

@media screen and (min-width: 1600px) {
  .plan-option:nth-of-type(3) .plan-option__link {
    top: 60%;
  }
}

@media (max-width: 768px) {
  .plan-option:nth-of-type(3) .plan-option__link {
    -webkit-transform: translateY(0%);
    display: inline-block;
    margin-top: 1.875rem;
    position: static;
    top: 0;
    transform: translateY(0%);
    width: 100%;
  }
}

.plan-option__ttl {
  font-size: 1.625rem;
  margin-bottom: 0.9375rem;
}

@media (max-width: 768px) {
  .plan-option__ttl {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.375rem;
  }
}

@media (max-width: 768px) {
  .plan-option__ttl-sp-note {
    display: inline-block;
    font-size: .96rem;
    margin-top: 0.375rem;
    width: 100%;
  }
}

.plan-option__ttl-price {
  display: inline-block;
  font-size: 1.0625rem;
  letter-spacing: .1em;
  margin-left: 0.925rem;
  padding-left: 0.84375rem;
  position: relative;
}

.plan-option__ttl-price::before {
  -webkit-transform: translateY(-50%);
  -webkit-transform: translateY(-50%) rotate(15deg);
  background-color: #ffe0d3;
  content: "";
  height: 2rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transform: translateY(-50%) rotate(15deg);
  width: 0.08125rem;
}

.plan-option__desc {
  font-size: 1.0625rem;
  line-height: 1.647;
}

.disease {
  background-color: #E4EDF0;
  padding: 5.125rem 0;
}

@media (max-width: 768px) {
  .disease__ttl {
    margin-bottom: 2.625rem;
  }
}

.disease-list {
  margin-bottom: 4.5625rem;
}

.disease-list__item:not(:last-of-type) {
  margin-bottom: 5.25rem;
}

@media (max-width: 768px) {
  .disease-list__item:not(:last-of-type) {
    margin-bottom: 2.5rem;
  }
}

.disease-row {
  position: relative;
}

@media (max-width: 768px) {
  .disease-row__ttl {
    background: #9BB7D4 url(/wp-content/themes/nipt_front/dist/images/common/c_accodion_open.png) no-repeat 95% 50%;
    background-color: #9BB7D4;
    background-size: 6% auto;
    border-radius: 0.625rem;
    color: #fff;
    font-size: 1.6875rem;
    padding: 1.25rem 1.875rem;
    padding-right: 3.4375rem;
  }

  .disease-row__ttl.is-accordion-open {
    background-image: url(/wp-content/themes/nipt_front/dist/images/common/c_accodion_close.png);
  }
}

.disease-row__ttl-s {
  display: inline-block;
  font-size: 1.5625rem;
  margin-right: 1.375rem;
}

.disease-row__ttl span {
  vertical-align: middle;
}

@media (max-width: 768px) {
  .disease-row__contents {
    display: none;
    padding-bottom: 1.375rem;
  }

  .disease-row__contents.is-accordion-contents-open {
    display: block;
  }
}

@media (min-width: 768px) {
  .disease-row__thumb {
    position: absolute;
    top: 0;
    width: 43.86%;
  }
}

@media (max-width: 768px) {
  .disease-row__thumb {
    margin-bottom: 1.9rem;
  }
}

.disease-row__btn {
  margin-left: 0;
  margin-right: auto;
  margin-top: 1.625rem;
}

@media (max-width: 768px) {
  .disease-row__btn {
    background-color: transparent;
    border: 1px solid #9BB7D4;
    color: #9BB7D4;
    margin: 1.375rem auto 0;
  }
}

@media (min-width: 768px) {
  .disease-row:nth-of-type(odd) {
    padding-right: 48.67%;
  }

  .disease-row:nth-of-type(odd) .disease-row__thumb {
    right: 0;
  }

  .disease-row:nth-of-type(even) {
    padding-left: 48.67%;
  }

  .disease-row:nth-of-type(even) .disease-row__thumb {
    left: 0;
  }
}

.disease-fec {
  margin-bottom: 2.5rem;
}

.disease-fec__item {
  background-color: #fff;
  border: 1px solid #63768D;
  padding: 2rem 2.375rem;
  width: 46.5%;
}

@media (max-width: 768px) {
  .disease-fec__item {
    padding: 2.375rem 1.5rem;
  }
}

@media (max-width: 768px) {
  .disease-fec__item {
    margin-bottom: 2rem;
  }
}

@media (max-width: 768px) {
  .disease-fec__group {
    padding-left: 17%;
    position: relative;
  }
}

.disease-fec__ttl {
  color: #63768D;
  font-size: 1.5625rem;
  margin-bottom: 2.375rem;
  text-align: center;
}

@media (max-width: 768px) {
  .disease-fec__ttl {
    -ms-flex-align: end;
    -ms-writing-mode: tb-rl;
    -webkit-box-align: end;
    -webkit-writing-mode: vertical-rl;
    align-items: flex-end;
    border-right: 1px solid #63768D;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    padding-right: 7.8%;
    position: absolute;
    text-align: left;
    top: 0;
    width: 13%;
    writing-mode: vertical-rl;
  }
}

.disease-fec__point {
  color: #63768D;
  font-size: 1rem;
  padding-left: 1em;
  text-indent: -1em;
}

@media (max-width: 768px) {
  .disease-fec__point {
    font-size: 1.28rem;
  }
}

.disease-fec__point:not(:last-of-type) {
  margin-bottom: 1.125rem;
}

@media (max-width: 768px) {
  .disease-fec__point:not(:last-of-type) {
    margin-bottom: 1.4375rem;
  }
}

.toritomi {
  -webkit-box-shadow: 0.8125rem 0.8125rem 0 0 #C9DFEC;
  background-color: #fff;
  border-radius: 0.9375rem;
  box-shadow: 0.8125rem 0.8125rem 0 0 #C9DFEC;
  padding: 2.0625rem;
}

.toritomi__main {
  width: 72%;
}

@media (max-width: 768px) {
  .toritomi__main {
    margin-bottom: 2.34rem;
  }
}

.toritomi__thumb {
  width: 25%;
}

@media (max-width: 768px) {
  .toritomi__thumb {
    margin: 0 auto 1.1rem;
    width: 72%;
  }
}

.toritomi__ttl {
  color: #63768D;
  font-size: 1.5625rem;
  margin-bottom: 1.375rem;
}

@media (max-width: 768px) {
  .toritomi__ttl {
    font-size: 1.875rem;
    margin-bottom: 0.875rem;
  }
}

.toritomi__desc {
  line-height: 1.733;
}

.introduction {
  padding: 4.1875rem 0;
}

@media (max-width: 768px) {
  .introduction {
    padding: 3rem 0;
  }
}

.introduction__ttl {
  color: #63768D;
  font-size: 2.5rem;
}

@media (max-width: 768px) {
  .introduction__ttl {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 12%;
  }
}

.introduction__ttl-eng {
  text-orientation: mixed;
}

.introduction__right {
  width: 90%;
}

@media (max-width: 768px) {
  .introduction__right {
    width: 85%;
  }
}

.introduction__right-ttl {
  color: #63768D;
  font-size: 3.4375rem;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .introduction__right-ttl {
    font-size: 1.875rem;
    text-align: left;
  }
}

.introduction__right-ttl-sub {
  font-size: 2.8125rem;
  line-height: 1;
  vertical-align: top;
}

@media (max-width: 768px) {
  .introduction__right-ttl-sub {
    font-size: 1.375rem;
  }
}

.introduction__right-desc {
  font-size: 1.0625rem;
  line-height: 1.765;
}

.introduction__right-catch {
  color: #9BB7D4;
  font-size: 1.5625rem;
  line-height: 1.52;
  margin: 0.9375rem 0;
}

@media (max-width: 768px) {
  .introduction__right-catch {
    font-size: 1.375rem;
  }
}

.clm {
  background-color: #E4EDF0;
  padding: 5.125rem 0;
}

@media (max-width: 768px) {
  .clm {
    padding: 3.125rem 0;
  }
}

.clm__posts {
  margin: 3.125rem 0;
}

.clm__article {
  background-color: #fff;
  border: 1px solid #f5c5c5;
  border-radius: 10px;
}

.clm__article:not(:last-of-type) {
  margin-bottom: 2.2rem;
}

@media (max-width: 768px) {
  .clm__article:not(:last-of-type) {
    margin-bottom: 1.4rem;
  }
}

.clm__article__link {
  -webkit-transition: linear .3s;
  border-radius: 10px;
  display: block;
  padding: 0.875rem 1.75rem;
  transition: linear .3s;
}

.clm__article__link:hover {
  background-color: #ffdada;
}

@media (max-width: 768px) {
  .clm__article__link {
    padding: 1.25rem 1.5rem;
  }
}

.clm__article__date {
  color: #63768D;
  font-size: 0.875rem;
}

@media (max-width: 768px) {
  .clm__article__date {
    font-size: 0.75rem;
  }
}

.clm__article__ttl {
  font-size: 1.125rem;
  line-height: 1.6;
}

.access {
  background-color: #C9DFEC;
  padding: 5rem 0;
}

@media (max-width: 768px) {
  .access {
    padding: 3.75rem 0;
  }
}

.access__ttl {
  color: #63768D;
  margin-bottom: 2.5rem;
}

@media (max-width: 768px) {
  .access__ttl {
    margin-bottom: 3.125rem;
  }
}

.access-list__item {
  margin-bottom: 5.625rem;
}

.access-list__item:nth-of-type(even) {
  -ms-flex-flow: row-reverse;
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  flex-flow: row-reverse;
}

@media (max-width: 768px) {
  .access-row {
    position: relative;
  }

  .access-row:nth-of-type(odd) .access-row__content {
    border-radius: 0 1.875rem 0 0;
    left: 0;
    padding-left: 0;
  }

  .access-row:nth-of-type(even) .access-row__content {
    border-radius: 1.875rem 0 0 0;
    padding-right: 0;
    right: 0;
  }
}

.access-row__content {
  width: 26.67%;
}

@media (max-width: 768px) {
  .access-row__content {
    background-color: #C9DFEC;
    bottom: 9%;
    padding: 1.75rem 1.5625rem 0;
    position: absolute;
    width: 60%;
  }
}

.access-row__ttl {
  color: #63768D;
  font-size: 2.1875rem;
  margin-bottom: 0.9375rem;
}

.access-row__desc {
  line-height: 1.667;
  margin-bottom: 0.75rem;
}

.access-row__tel {
  color: #63768D;
  font-size: 1.875rem;
}

.access-row__method {
  font-size: 0.8125rem;
  line-height: 1.923;
}

.access-row__map-cont {
  width: 68.57%;
}

@media (max-width: 768px) {
  .access-row__map-cont {
    height: 120vw;
    width: 100%;
  }
}

.access-row__map {
  border-radius: 1.875rem;
  height: 17.5rem;
  overflow: hidden;
}

@media (max-width: 768px) {
  .access-row__map {
    height: 91%;
  }
}

.access-row__map-btm {
  color: #9BB7D4;
  font-size: 0.8125rem;
  margin-top: 0.875rem;
  text-align: right;
}

@media (max-width: 768px) {
  .access-row__map-btm {
    font-size: 1.2rem;
    margin-top: 1.33rem;
  }
}

.access-row__map-btm a {
  display: inline-block;
}

.access-row__map-btm--rev {
  text-align: left;
}

.access-row__map-link {
  border-bottom: 1px solid #9BB7D4;
  padding-bottom: 0.3125rem;
}