@charset "UTF-8";

/*──────────────────────────────────
know
──────────────────────────────────*/
@media screen and (max-width: 767px) {
  .c_middle-page-mv__main-ttl {
    padding: 4% 5.33% 4% 5.33%;
    text-align: left;
  }

  ._sec2,
  ._sec3,
  ._sec4 {
    margin-top: 0;
    padding-top: 8.95%;
    padding-bottom: 17.91%;
    border-top: 0;
  }

  ._sec2 .c_stripe-ttl,
  ._sec3 .c_stripe-ttl,
  ._sec4 .c_stripe-ttl {
    margin-top: 8.95%;
    margin-bottom: 5.97%;
  }

  ._sec1__page-nav {
    margin-top: 8.95%;
    margin-bottom: 18.91%;
  }

  ._sec1__page-nav>li {
    margin-top: 2.98%;
  }

  ._sec3 .c_sec__box:last-child {
    margin-top: 5.97%;
  }

  ._sec4 {
    padding-bottom: 8.95%;
  }

  ._sec4 .c_sec__point-list li .c_maker {
    color: #58c7f0;
  }

  ._symptom-list {
    width: 100%;
    margin-top: 7.46%;
  }

  ._symptom-list__main-ttl {
    padding-bottom: 2.98%;
    font-size: 13px;
    font-size: 3.46667vw;
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
  }

  ._symptom-list__ttl {
    width: 29.85%;
    padding: 2.98% 2.98% 2.98% 2.98%;
    border: 1px solid #ececec;
    font-size: 13px;
    font-size: 3.46667vw;
    line-height: 1.5;
    vertical-align: middle;
  }

  ._symptom-list__txt {
    padding: 2.98% 2.98% 2.98% 2.98%;
    border-top: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    font-size: 13px;
    font-size: 3.46667vw;
    line-height: 1.5;
  }

  ._sec3 ._symptom-list ._symptom-list__main-ttl {
    color: #ef768b;
  }

  ._sec3 ._symptom-list ._symptom-list__ttl {
    background: #fdf1f3;
    color: #ef768b;
  }

  ._sec4 ._symptom-list:first-child {
    margin-top: 0;
  }

  ._sec4 ._symptom-list ._symptom-list__main-ttl {
    color: #58c7f0;
  }

  ._sec4 ._symptom-list ._symptom-list__ttl {
    background: #e2f7ff;
    color: #58c7f0;
  }

  ._sec5 ._symptom-list:first-child {
    margin-top: 0;
  }

  ._sec5 ._symptom-list ._symptom-list__main-ttl {
    color: #fca113;
  }

  ._sec5 ._symptom-list ._symptom-list__ttl {
    background: #fff8e4;
    color: #fca113;
  }

  ._sec5 .c_stripe-ttl {
    margin-top: 11.94%;
  }

  ._symptom-btn {
    margin-top: 5.97%;
  }
}

@media print,
screen and (min-width: 768px) {

  ._sec1__clr-wrap,
  ._sec2__clr-wrap,
  ._sec3__clr-wrap,
  ._sec4__clr-wrap {
    *zoom: 1;
  }

  ._sec1__clr-wrap:after,
  ._sec2__clr-wrap:after,
  ._sec3__clr-wrap:after,
  ._sec4__clr-wrap:after {
    display: table;
    clear: both;
    content: "";
  }

  ._sec1__clr-wrap__txt-wrap,
  ._sec2__clr-wrap__txt-wrap,
  ._sec3__clr-wrap__txt-wrap,
  ._sec4__clr-wrap__txt-wrap {
    width: 485px;
    float: left;
  }

  ._sec1__clr-wrap__txt-wrap .c_sec__txt,
  ._sec2__clr-wrap__txt-wrap .c_sec__txt,
  ._sec3__clr-wrap__txt-wrap .c_sec__txt,
  ._sec4__clr-wrap__txt-wrap .c_sec__txt {
    margin-top: 35px;
  }

  ._sec1__clr-wrap__txt-wrap .c_sec__txt:first-child,
  ._sec2__clr-wrap__txt-wrap .c_sec__txt:first-child,
  ._sec3__clr-wrap__txt-wrap .c_sec__txt:first-child,
  ._sec4__clr-wrap__txt-wrap .c_sec__txt:first-child {
    margin-top: 0;
  }

  ._sec1__clr-wrap .c_sec__figure,
  ._sec2__clr-wrap .c_sec__figure,
  ._sec3__clr-wrap .c_sec__figure,
  ._sec4__clr-wrap .c_sec__figure {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    float: right;
  }

  ._sec2,
  ._sec3,
  ._sec4 {
    margin-top: 0;
    padding-top: 50px;
    padding-bottom: 60px;
    border-top: 0;
  }

  ._sec2__sec-ttl,
  ._sec3__sec-ttl,
  ._sec4__sec-ttl {
    margin-top: 40px;
    font-size: 22px;
  }

  ._sec2__ttl,
  ._sec3__ttl,
  ._sec4__ttl {
    margin-top: 70px;
    margin-bottom: 40px;
  }

  ._sec2 .c_sec__box,
  ._sec2 .c_sec__box__ttl,
  ._sec3 .c_sec__box,
  ._sec3 .c_sec__box__ttl,
  ._sec4 .c_sec__box,
  ._sec4 .c_sec__box__ttl {
    width: 700px;
    margin-right: auto;
    margin-left: auto;
  }

  ._sec2 .c_sec__box__ttl,
  ._sec3 .c_sec__box__ttl,
  ._sec4 .c_sec__box__ttl {
    margin-top: 65px;
  }

  ._sec2 .c_sec__box,
  ._sec3 .c_sec__box,
  ._sec4 .c_sec__box {
    text-align: center;
  }

  ._sec2 .c_sec__box__btn,
  ._sec3 .c_sec__box__btn,
  ._sec4 .c_sec__box__btn {
    margin-top: 25px;
  }

  ._sec2 .c_sec__box__btn img,
  ._sec3 .c_sec__box__btn img,
  ._sec4 .c_sec__box__btn img {
    margin-right: auto;
    margin-left: auto;
  }

  ._sec2 .c_sec__box__btn img:hover,
  ._sec3 .c_sec__box__btn img:hover,
  ._sec4 .c_sec__box__btn img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: .7;
  }

  ._sec1__page-nav {
    *zoom: 1;
    margin-top: 72px;
  }

  ._sec1__page-nav:after {
    display: table;
    clear: both;
    content: "";
  }

  ._sec1__page-nav>li {
    float: left;
  }

  ._sec1__page-nav>li:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: .7;
  }

  ._sec1__page-nav>li:nth-child(2) {
    margin-right: 19px;
    margin-left: 19px;
  }

  ._sec2__clr-wrap .c_sec__figure {
    margin-right: 50px;
  }

  ._sec3 .c_sec__box:last-child {
    margin-top: 5.97%;
  }

  ._sec4 {
    padding-bottom: 0;
  }

  ._sec4 .c_sec__point-list li .c_maker {
    color: #58c7f0;
  }

  .c_link {
    margin-top: 80px;
    border-top: 1px dotted #e5e5e5;
  }
}