@charset "UTF-8";
.navilink_case {
  display: none;
}
#diagnosis_contents {
  font-family: "Noto Sans JP", "ヒラギノ角ゴシック Pro",
    "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic,
    "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}
#diagnosis_contents .auto {
  width: 1200px;
}
#diagnosis_contents .yellow {
  background: linear-gradient(transparent 50%, #edec3d 50%);
}
#diagnosis_contents .ank_btn {
  text-align: center;
}
.lp_type_b {
  display: none;
}
.navilink_price {
  display: none;
}

@media screen and (min-width: 761px) {
  /*=========================
▼▼共通▼▼
===========================*/
  #diagnosis_contents .conts_fv {
    margin-bottom: 8px;
  }
  #diagnosis_contents .ank_btn a {
    color: #fff;
    border-radius: 50px;
    background-color: #507fff;
    padding: 4px 24px 8px;
    box-shadow: 2px 2px 3px 0px #9090ce;
    transition: all 0.3s;
  }
  #diagnosis_contents .ank_btn a:hover {
    opacity: 0.7;
  }
  #diagnosis_contents .ank_btn.color_00 a {
    color: #3674ff;
    background-color: #d5d5f0;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
  }
  #diagnosis_contents .ank_btn.color_00 a:hover {
    opacity: 0.7;
  }
  #diagnosis_contents .ank_btn.color_01 a {
    color: #fff;
    background-color: #e85e9f;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
  }
  #diagnosis_contents .ank_btn.color_01 a:hover {
    opacity: 0.7;
  }
  #diagnosis_contents .ank_btn.color_02 a {
    color: #fff;
    background-color: #507fff;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
  }
  #diagnosis_contents .ank_btn.color_02 a:hover {
    opacity: 0.7;
  }
  #diagnosis_contents .ank_btn.color_03 a {
    color: #fff;
    background-color: #a479d0;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
  }
  #diagnosis_contents .ank_btn.color_03 a:hover {
    opacity: 0.7;
  }
  /* 年末年始のお知らせ */
  .holiday_conts {
    margin-top: 40px;
  }
  #diagnosis_contents .conts_introduction {
    margin-top: -6px;
    padding: 24px 0 28px;
  }
  #diagnosis_contents .conts_menu h2 {
    width: 994px;
    margin: 0 auto 80px;
    position: relative;
    left: 20px;
  }
  #diagnosis_contents .conts_menu h2:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("../img/arrow_01.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 50px;
    position: absolute;
    bottom: -44px;
    left: 0;
  }
  #diagnosis_contents .conts_menu {
    padding: 57px 0 129px;
    background-color: #f7f8e7;
  }
  #diagnosis_contents .conts_menu h3 {
    width: 426px;
    margin: 0 auto 44px;
    text-align: center;
  }
  #diagnosis_contents .conts_menu h3 .black {
    font-size: 23px;
    font-weight: 700;
    color: #000;
    margin-top: 16px;
    display: block;
  }
  #diagnosis_contents .conts_menu .menu_wrapper {
    display: flex;
    justify-content: space-between;
  }
  #diagnosis_contents .conts_menu .menu_wrapper li {
    width: 280px;
  }
  #diagnosis_contents .conts_diagnosis {
    position: relative;
    padding: 57px 0 101px;
    z-index: 1;
    background-image: url(../img/pattern_02.jpg);
    background-size: 80px;
  }
  #diagnosis_contents .conts_diagnosis .auto {
    position: relative;
  }
  #diagnosis_contents .conts_diagnosis .person_img {
    width: 396px;
    position: absolute;
    z-index: 0;
    top: -139px;
    right: 11px;
  }
  #diagnosis_contents .conts_diagnosis h2 {
    width: 886px;
    margin: 0 auto 10px;
    position: relative;
    right: 102px;
    z-index: 2;
  }
  #diagnosis_contents .conts_diagnosis .wrapper {
    width: 1112px;
    position: relative;
    background-color: #fff;
    padding: 80px 0 0;
    z-index: 0;
    border: solid 3px #000;
    margin: 0 auto;
    box-shadow: 9px 9px 0 rgba(0, 0, 0, 0.1);
    min-height: 417.13px;
  }
  #diagnosis_contents .conts_diagnosis .wrapper::before {
    content: "";
    display: block;
    background-image: url(../img/circle.png);
    background-repeat: no-repeat;
    background-position: left 12px top 7px;
    background-size: 56px 16px;
    width: 100%;
    height: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #e85e9f;
    border-bottom: 3px solid #000;
  }
  #diagnosis_contents .conts_diagnosis .wrapper::after {
    content: "";
    background-image: url(../img/icon_cursor.png);
    display: block;
    width: 54px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 9px;
    right: 53px;
  }
  #diagnosis_contents
    .conts_diagnosis
    .wrapper
    .question_wrapper
    .que_title_box {
    display: flex;
    width: 870px;
    margin: 0 auto 38px;
    border-bottom: 3px dotted #000;
  }

  #diagnosis_contents .conts_diagnosis .wrapper .question {
    width: 70px;
    margin-top: 7px;
  }
  #diagnosis_contents .conts_diagnosis .wrapper h3:not(.title_img) {
    font-size: 37px;
    font-weight: 700;
    position: relative;
    margin-left: 14px;
    width: calc(100% - 28px);
    min-height: 55px;
    max-height: 111px;
    padding-bottom: 22px;
    line-height: 1.2;
  }

  /*question*/
  #diagnosis_contents .conts_diagnosis .wrapper .answer {
    display: flex;
    justify-content: space-between;
    width: 783px;
    margin: 0 auto;
    position: relative;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .answer:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background-image: url("../img/diagnosis_text_03.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #diagnosis_contents .conts_diagnosis .wrapper .answer input {
    display: none;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .answer label.img {
    width: 355px;
    cursor: pointer;
    display: block;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .question_wrapper {
    padding-bottom: 69px;
  }
  /*簡易診断テスト*/
  .que {
    width: 100%;
    display: none;
    vertical-align: middle;
    opacity: 0;
    transition: all 0.4s ease;
    border-radius: 8px;
  }
  .que.active {
    display: block;
  }
  .que.active.open {
    opacity: 1;
  }

  /*診断結果*/
  .result {
    display: none;
    vertical-align: middle;
    opacity: 0;
    transition: all 0.4s ease;
  }
  .result.active {
    display: block;
    transform: translate3d(100%, 0, 0);
  }
  .result.active.open {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .result.active.close {
    transform: translate3d(-100%, 0, 0);
  }
  #diagnosis_contents .conts_diagnosis .wrapper .title_img {
    width: 966px;
    position: relative;
    top: -63px;
    left: 0;
    z-index: 2;
    margin: 0 auto -27px;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block:first-of-type {
    padding-top: 0;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block {
    padding: 32px 64px 24px;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block.all_no {
    padding: 0 64px;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block.all_no .text {
    margin: -42px 0 18px;
    font-size: 16px;
    font-weight: 600;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block.all_no .ank_btn {
    text-align: center;
    width: fit-content;
    margin: 0 auto;
    font-weight: 700;
    font-size: 27px;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block.all_no .ank_btn a {
    padding: 18px 150px;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block:last-of-type {
    padding-bottom: 58px;
    border-radius: 0 0 8px 8px;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block.odd {
    position: relative;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block.odd::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f9f4f6;
    mix-blend-mode: multiply;
    pointer-events: none;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block .box {
    display: flex;
    justify-content: space-between;
    margin-top: -2px;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block .box .left_box {
    width: 530px;
    display: flex;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block .box .left_box .num_img {
    height: 50px;
    margin-right: 10px;
  }
  #diagnosis_contents
    .conts_diagnosis
    .wrapper
    .block
    .box
    .left_box
    .num_img
    img {
    width: auto;
    height: 100%;
    object-fit: contain;
  }
  #diagnosis_contents
    .conts_diagnosis
    .wrapper
    .block
    .box
    .left_box
    .text_box {
    width: 478px;
  }
  #diagnosis_contents
    .conts_diagnosis
    .wrapper
    .block
    .box
    .left_box
    .text_box
    .title_box {
    margin-bottom: 5px;
  }
  #diagnosis_contents
    .conts_diagnosis
    .wrapper
    .block
    .box
    .left_box
    .text_box
    .text {
    margin-bottom: 11px;
    line-height: 1.7;
  }
  #diagnosis_contents .result .price {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 11px;
    line-height: 1.7;
  }
  #diagnosis_contents .result .price .big {
    font-size: 24px;
    margin: 0 3px;
    margin-bottom: 11px;
    line-height: 1.7;
  }
  #diagnosis_contents
    .conts_diagnosis
    .wrapper
    .block
    .box
    .left_box
    .text_box
    .title_box
    .small {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: -2px;
    line-height: 1.2;
  }
  #diagnosis_contents
    .conts_diagnosis
    .wrapper
    .block
    .box
    .left_box
    .text_box
    .title_box
    h4 {
    font-size: 34px;
    font-weight: 600;
    line-height: 1.3;
  }
  #diagnosis_contents
    .conts_diagnosis
    .wrapper
    .block
    .box
    .left_box
    .text_box
    .title_box
    h4
    .bg_line {
    background: linear-gradient(transparent 65%, #edec3d 60%);
    background-position-y: -4px;
    background-repeat: no-repeat;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block .box .left_box .btn_box {
    display: flex;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block .box .left_box .ank_btn {
    width: fit-content;
    font-size: 18px;
    font-weight: 600;
    margin-right: 10px;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block .box .right_box {
    width: calc(100% - 562px);
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block .box .right_box .ba_img {
    width: 418px;
    position: relative;
  }

  #diagnosis_contents .conts_invitation {
    background-color: #f2e5f3;
    background-image: url("../img/pattern_01.png");
    background-repeat: repeat;
    background-size: 41px;
  }
  #diagnosis_contents .conts_invitation .wrapper {
    background-image: url("../img/invitation_bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 869px;
    position: relative;
    padding: 89px 0 100px;
  }
  #diagnosis_contents .conts_invitation h2 {
    width: 546px;
    margin: 0 0 8px 422px;
    position: relative;
    top: -18px;
  }
  #diagnosis_contents .conts_invitation .img {
    width: 204px;
    position: absolute;
    top: 33px;
    left: 197px;
  }
  #diagnosis_contents .conts_invitation .text {
    font-weight: 700;
    width: 504px;
    line-height: 1.8;
    margin-left: 430px;
    position: relative;
    top: -16px;
  }
  #diagnosis_contents .conts_check {
    padding: 30px 0 101px;
    background-color: #fff;
  }
  #diagnosis_contents .conts_check h2 {
    width: 1012px;
    margin: 0 auto 41px;
    position: relative;
  }
  #diagnosis_contents .conts_check h2::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("../img/arrow_01.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 50px;
    position: absolute;
    bottom: -38px;
    left: 0;
  }
  #diagnosis_contents .conts_check .link_list {
    display: flex;
    justify-content: center;
    margin-bottom: 78px;
  }
  #diagnosis_contents .conts_check .link_list.pc_none {
    display: none;
  }
  #diagnosis_contents .conts_check .link_list li {
    width: 260px;
    padding: 27px 0 0;
    margin-right: 14px;
  }
  #diagnosis_contents .conts_check .link_list li .small {
    font-size: 14px;
  }
  #diagnosis_contents .conts_check .eye_block {
    width: 1000px;
    margin: 0 auto;
    padding-top: 117px;
  }
  #diagnosis_contents .conts_check .eye_block .top_wrapper {
    margin: 0 auto 42px;
    position: relative;
  }
  #diagnosis_contents .conts_check .eye_block .top_wrapper video {
    max-width: 285px;
    width: auto;
    background: #0a0a0a;
    border-radius: 14px;
    border: solid #0a0a0a 9px;
    position: absolute;
    top: -25px;
    right: 93px;
  }
  #diagnosis_contents .conts_check .eye_block .middle_wrapper {
    display: flex;
    margin-bottom: 4px;
  }
  #diagnosis_contents .conts_check .eye_block .middle_wrapper .img {
    width: 216px;
    position: relative;
    top: -30px;
    margin-right: 21px;
  }
  #diagnosis_contents .conts_check .eye_block .middle_wrapper .right_box {
    width: 765px;
  }
  #diagnosis_contents .conts_check .eye_block .middle_wrapper .right_box ul {
    margin-bottom: 7px;
  }
  #diagnosis_contents .conts_check .eye_block .middle_wrapper .right_box ul li {
    display: inline-block;
    padding: 0 8px 2px;
    margin: 0 5px 12px 0;
    box-shadow: 2px 1px 0 1px #000;
    border: solid 2px #000;
    background-color: #f9d6e5;
    font-size: 18px;
  }
  #diagnosis_contents
    .conts_check
    .eye_block#link_04
    .middle_wrapper
    .right_box
    ul
    li {
    background-color: #dde6ff;
  }
  #diagnosis_contents
    .conts_check
    .eye_block#link_03
    .middle_wrapper
    .right_box
    ul
    li {
    background-color: #f6eacb;
  }
  #diagnosis_contents
    .conts_check
    .eye_block#link_02
    .middle_wrapper
    .right_box
    ul
    li {
    background-color: #dcf9e4;
  }
  #diagnosis_contents .conts_check .eye_block .middle_wrapper .right_box .text {
    line-height: 1.8;
  }
  #diagnosis_contents .conts_check .eye_block .bottom_wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 39px;
  }
  #diagnosis_contents .conts_check .eye_block .bottom_wrapper .swiper-slide {
    width: 318px;
  }
  #diagnosis_contents .conts_check .eye_block .detail_box {
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    padding: 50px 30px 50px;
    margin-bottom: 50px;
    border: solid 3px;
  }
  #diagnosis_contents .conts_check .eye_block .detail_box table {
    width: 100%;
  }
  #diagnosis_contents .conts_check .eye_block .detail_box h4 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
  }
  #diagnosis_contents
    .conts_check
    .eye_block
    .detail_box
    table
    tr:nth-of-type(2n) {
    background-color: #fef4f8;
  }
  #diagnosis_contents
    .conts_check
    .eye_block#link_04
    .detail_box
    table
    tr:nth-of-type(2n) {
    background-color: #f2f6ff;
  }
  #diagnosis_contents
    .conts_check
    .eye_block#link_03
    .detail_box
    table
    tr:nth-of-type(2n) {
    background-color: #fef9ef;
  }
  #diagnosis_contents
    .conts_check
    .eye_block#link_02
    .detail_box
    table
    tr:nth-of-type(2n) {
    background-color: #f2fff6;
  }
  #diagnosis_contents .conts_check .eye_block .detail_box table th {
    width: 35%;
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    padding: 15px 23px 12px 35px;
  }
  #diagnosis_contents .conts_check .eye_block .detail_box table td {
    text-align: left;
    font-size: 16px;
    line-height: 27px;
    padding: 15px 23px 12px 0;
  }
  #diagnosis_contents .conts_check .eye_block .detail_box table td ul li {
    padding-left: 1em;
    text-indent: -1em;
  }

  /*▼▼MOREボタン▼▼*/
  .more {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #ffffff;
    border-radius: 5px;
    box-sizing: border-box;
  }
  .more__content {
    position: relative;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
  }
  .more__content.open {
    margin-bottom: 30px;
  }
  .more__content.open::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    transition: 1s;
    background: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
    pointer-events: none;
  }
  .more__content::after {
    z-index: -1;
    opacity: 0;
  }
  .more__btn {
    display: inline-block;
    width: 150px;
    line-height: 1.2;
    padding: 8px 7px 7px;
    transition: 0.3s;
    font-size: 15px;
    margin: 0 auto;
    background: none;
    outline: none;
    border: none;
    border-radius: 100px;
    background-color: #ddd;
    cursor: pointer;
  }
  .more__btn::before {
    content: "+";
    display: inline-block;
    margin-right: 6px;
  }
  .more__content.open ~ .more__btn::before {
    content: "-";
  }
  /*▲▲MOREボタン▲▲*/
  #diagnosis_contents .conts_check .eye_block .consultation_box {
    display: flex;
    width: fit-content;
    align-items: center;
    position: relative;
    padding: 20px 30px 20px 180px;
    margin: 0 auto 50px;
  }
  #diagnosis_contents .conts_check .eye_block .consultation_box .img {
    width: 160px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  #diagnosis_contents .conts_check .eye_block .consultation_text {
    font-size: 20px;
    line-height: 1.7;
  }
  #diagnosis_contents .conts_check .eye_block .consultation_text .bold {
    font-size: 20px;
    margin-bottom: 25px;
  }
  #diagnosis_contents .conts_check .eye_block .btn_block {
    display: flex;
  }
  #diagnosis_contents .conts_check .eye_block .ank_btn {
    width: 300px;
    text-align: center;
    margin: 0 auto;
    font-weight: 700;
    font-size: 18px;
  }
  #diagnosis_contents .conts_check .eye_block .ank_btn a {
    padding: 18px 10px;
  }
  #diagnosis_contents .conts_comparison {
    position: relative;
    z-index: 1;
    background-image: url(../img/pattern_02.jpg);
    background-size: 80px;
    padding: 93px 0 95px;
  }
  #diagnosis_contents .conts_comparison h2 {
    color: #000;
    font-size: 68px;
    text-align: center;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 46px;
  }
  #diagnosis_contents .conts_comparison h2 .small {
    color: #fdd2e5;
    font-size: 35px;
    display: block;
    width: fit-content;
    margin: 0 auto;
    background-color: #000;
    padding: 4px 10px 6px;
    line-height: 1.2;
  }
  #diagnosis_contents .conts_comparison table {
    display: block;
  }
  #diagnosis_contents .conts_comparison table tbody {
    display: block;
  }
  #diagnosis_contents .conts_comparison table tr {
    border-radius: 10px;
    border: solid 2px #000;
    background-color: #fff;
    margin-bottom: 6px;
    display: flex;
    overflow: hidden;
    font-size: 16px;
  }
  #diagnosis_contents .conts_comparison table tr td {
    position: relative;
  }
  #diagnosis_contents .conts_comparison table tr:not(.tab_list) td:before {
    content: "";
    display: block;
    width: 3px;
    height: 71%;
    background-image: url("../img/dot_01.png");
    background-repeat: repeat-y;
    background-position: center center;
    background-size: 2px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  #diagnosis_contents .conts_comparison table tr td:last-of-type:before {
    display: none;
  }
  #diagnosis_contents .conts_comparison table tr:first-of-type {
    border: none;
    background: none;
  }
  #diagnosis_contents .conts_comparison table tr:first-of-type {
    border: none;
    background: none;
  }
  #diagnosis_contents .conts_comparison table tr:first-of-type th {
    background: none;
  }
  #diagnosis_contents .conts_comparison table tr.tab_list {
    margin-bottom: -10px;
  }
  #diagnosis_contents .conts_comparison table tr.tab_list td {
    padding: 0;
    width: 255px;
    margin-right: 4px;
  }
  #diagnosis_contents .conts_comparison table tr.point_list {
    position: relative;
    z-index: 2;
  }
  #diagnosis_contents .conts_comparison table tr.point_list td {
    padding: 20px 16px;
  }

  #diagnosis_contents .conts_comparison table tr.effect_list {
    position: relative;
    z-index: 2;
  }
  #diagnosis_contents .conts_comparison table tr.effect_list td {
    padding: 25px 16px;
  }
  #diagnosis_contents .conts_comparison table tr.effect_list .effect_box {
    display: flex;
    margin-bottom: 10px;
  }
  #diagnosis_contents
    .conts_comparison
    table
    tr.effect_list
    .effect_box:last-of-type {
    margin-bottom: 0;
    margin-right: auto;
  }
  #diagnosis_contents
    .conts_comparison
    table
    tr.effect_list
    td
    .effect_box
    .icon_box {
    display: flex;
    width: 48%;
    align-items: center;
  }
  #diagnosis_contents
    .conts_comparison
    table
    tr.effect_list
    td
    .effect_box
    .icon_box
    dt {
    width: calc(100% - 48px);
  }
  #diagnosis_contents
    .conts_comparison
    table
    tr.effect_list
    td
    .effect_box
    .icon_box
    dd {
    width: 26px;
  }

  #diagnosis_contents .conts_comparison table tr.case_list td {
    padding: 28px 16px;
  }
  #diagnosis_contents .conts_comparison table tr.time_list {
    font-size: 19px;
    text-align: center;
  }
  #diagnosis_contents .conts_comparison table tr.time_list td {
    padding: 25px 16px;
  }
  #diagnosis_contents .conts_comparison table tr.price_list {
    text-align: center;
    font-size: 22px;
  }
  #diagnosis_contents .conts_comparison table tr.price_list td {
    padding: 18px 16px;
  }
  #diagnosis_contents .conts_comparison table tr.swelling_list td {
    padding: 22px 16px 27px;
  }
  #diagnosis_contents .conts_comparison table tr.swelling_list td .differences {
    font-size: 14px;
    display: block;
    margin-top: 5px;
  }
  #diagnosis_contents .conts_comparison table tr.price_list .yen {
    font-size: 14px;
  }
  #diagnosis_contents .conts_comparison table tr.price_list .tax {
    font-size: 12px;
  }
  #diagnosis_contents .conts_comparison table tr.price_list .small {
    font-size: 14px;
    display: block;
    margin: -3px 0 -6px;
  }
  #diagnosis_contents .conts_comparison table tr.recommend_list td {
    padding: 35px 16px 45px;
  }
  #diagnosis_contents .conts_comparison table th {
    background-color: #dde6ff;
    font-weight: 700;
    width: 160px;
    display: flex;
    font-size: 23px;
    line-height: 1.1;
    align-items: center;
    justify-content: center;
  }
  #diagnosis_contents .conts_comparison table td {
    display: block;
    width: 260px;
    font-weight: 700;
    padding: 0 16px;
  }
  #diagnosis_contents .conts_comparison table td .img {
    width: 220px;
    margin: 0 auto;
  }
  #diagnosis_contents .conts_features {
    padding: 84px 0 94px;
    background-color: #f7f8e7;
  }
  #diagnosis_contents .conts_features h2 {
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 31px;
  }
  #diagnosis_contents .conts_features h2 .pink {
    font-size: 82px;
    font-weight: 700;
    text-align: center;
    color: #507fff;
    line-height: 1;
  }
  #diagnosis_contents .conts_features .top_wrapper {
    background-image: url("../img/text_philosophy.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left top;
    width: 908px;
    margin: 0 auto;
    padding: 74px 0 68px;
    position: relative;
    left: 32px;
  }
  #diagnosis_contents .conts_features .top_wrapper .text {
    text-align: center;
    font-size: 27px;
    font-weight: 700;
  }
  #diagnosis_contents .conts_features .points_list {
    text-align: left;
    width: fit-content;
    margin: 0 auto 50px;
    font-weight: 700;
  }
  #diagnosis_contents .conts_features .points_list li {
    font-size: 25px;
    line-height: 1.8;
    padding-left: 39px;
    background-image: url("../img/icon_03.png");
    background-size: 30px 28px;
    background-repeat: no-repeat;
    background-position: left top 50%;
    margin-bottom: 14px;
  }
  #diagnosis_contents .conts_features .points_list li:last-of-type {
    margin-bottom: 0;
  }
  #diagnosis_contents .conts_features .img_list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -30px;
    font-weight: 700;
    justify-content: center;
  }
  #diagnosis_contents .conts_features .img_list li {
    width: 485px;
    overflow: hidden;
    margin-bottom: 30px;
    border: 1px solid #0a0a0a;
    border-radius: 10px;
    background: #f9fff6;
  }
  #diagnosis_contents .conts_features .img_list li:nth-of-type(odd) {
    margin-right: 29px;
  }
  #diagnosis_contents .conts_features .img_list li .text {
    font-size: 19px;
    line-height: 1.6;
    padding: 20px 20px 20px;
    text-align: center;
  }
  #diagnosis_contents .conts_features .img_list li .tyusyaku {
    display: block;
    font-size: 12px;
    color: #929292;
  }
  #diagnosis_contents .conts_achievement {
    padding: 98px 0 100px;
  }
  #diagnosis_contents .conts_achievement .conts_wrapper {
    border-radius: 14px;
    padding: 75px 44px;
    color: #fff;
    background-color: #4c73de;
    width: 1000px;
    margin: 0 auto;
    /* outline: 1px solid rgb(0, 0, 0); */
    outline-offset: -4px;
    /* border: 1px solid #000; */
  }
  #diagnosis_contents .conts_achievement .conts_wrapper h2 {
    font-size: 31px;
    line-height: 1.6;
    font-weight: 700;
    margin: 0 auto 22px;
    text-align: center;
  }
  #diagnosis_contents .conts_achievement .conts_wrapper h2 span {
    border-radius: 4px;
    padding: 0 5px;
    margin-right: 3px;
  }
  #diagnosis_contents .conts_achievement .conts_wrapper .doctor_img {
    margin-bottom: 35px;
  }
  #diagnosis_contents .conts_achievement .bg_white {
    background-color: #fff;
    color: #4c73de;
  }
  v #diagnosis_contents .conts_achievement .conts_wrapper .doctor_img {
    width: 900px;
    margin: 0 auto 9px;
  }
  #diagnosis_contents .conts_achievement .conts_wrapper .achievement_img {
    width: 710px;
    margin: 0 auto 46px;
  }
  #diagnosis_contents .conts_achievement .conts_wrapper .bottom_box {
    display: flex;
    border: 1px solid #fff;
    border-radius: 4px;
    position: relative;
    width: 900px;
    margin: 0 auto 25px;
  }
  #diagnosis_contents .conts_achievement .conts_wrapper .bottom_box .img {
    width: 311px;
    margin-right: 22px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 185px;
  }
  #diagnosis_contents .conts_achievement .conts_wrapper .bottom_box .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #diagnosis_contents .conts_achievement .conts_wrapper .bottom_box .text {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    padding: 45px 20px;
    text-align: left;
    width: calc(100% - 311px);
    margin-left: auto;
  }
  #diagnosis_contents .conts_achievement .conts_wrapper .bottom_box .text span {
    display: block;
    border-radius: 4px;
    margin-top: 14px;
    padding: 8px 15px 13px;
  }
  /* banner_wrapper */
  #diagnosis_contents .banner_wrapper {
    display: flex;
    width: 1200px;
    margin: 0 auto 80px;
  }
  #diagnosis_contents .banner_area {
    width: calc(50% - 8px);
    margin: 0 auto;
  }
  #form {
    padding: 0;
  }
  .form_box .dl_clinic label {
    font-weight: 600;
  }
  #form_reserve label[for="form_medical_2"] p {
    font-size: 12px;
    text-align: left;
    padding-left: 1em;
    text-indent: -1em;
    padding-top: 2px;
  }
  .form_box dl dt .multi_select {
    font-size: 14px;
    display: block;
    margin: 4px 0;
  }
}
@media screen and (max-width: 760px) {
  #diagnosis_contents .yellow {
    background: linear-gradient(transparent 50%, #edec3d 50%);
  }
  #diagnosis_contents .ank_btn {
    text-align: center;
  }
  #diagnosis_contents .ank_btn a {
    color: #fff;
    border-radius: 50px;
    background-color: #3674ff;
    padding: 4px 20px 6px;
    box-shadow: 1px 2px 2px 0 #1a53d1;
    font-weight: 600;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #diagnosis_contents .ank_btn.color_00 a {
    color: #3674ff;
    background-color: #d5d5f0;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
  }
  #diagnosis_contents .ank_btn.color_01 a {
    color: #fff;
    background-color: #e85e9f;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
  }
  #diagnosis_contents .ank_btn.color_02 a {
    color: #fff;
    background-color: #507fff;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
  }
  #diagnosis_contents .ank_btn.color_03 a {
    color: #fff;
    background-color: #a479d0;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
  }
  /*=========================
▼▼共通▼▼
===========================*/
  #diagnosis_contents .auto {
    width: 90%;
    position: relative;
    z-index: 10;
  }
  /* 年末年始のお知らせ */
  .holiday_conts {
    margin: 30px auto 40px;
  }
  #diagnosis_contents .conts_introduction {
    margin-top: -6px;
    padding: 24px 0 40px;
  }
  #diagnosis_contents .conts_menu {
    padding: 36px 0 48px;
    background-color: #f7f8e7;
  }
  #diagnosis_contents .conts_menu h2 {
    width: 100%;
    margin: 0 auto 70px;
    position: relative;
  }
  #diagnosis_contents .conts_menu h2:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("../img/arrow_01.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 34px;
    position: absolute;
    bottom: -48px;
    left: 0;
  }
  #diagnosis_contents .conts_menu h3 {
    width: 80%;
    max-width: 350px;
    margin: 0 auto 20px;
    text-align: center;
  }
  #diagnosis_contents .conts_menu h3 .black {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-top: 9px;
    display: block;
  }
  #diagnosis_contents .conts_menu .menu_wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #diagnosis_contents .conts_menu .menu_wrapper li {
    width: calc(50% - 10px);
    margin-bottom: 22px;
  }
  #diagnosis_contents .conts_diagnosis {
    position: relative;
    padding: 56px 0 78px;
    background-image: url(../img/pattern_02.jpg);
    background-size: 12%;
  }
  #diagnosis_contents .conts_diagnosis .auto {
    width: 100%;
  }
  #diagnosis_contents .conts_diagnosis h2 {
    width: 82%;
    margin: 0px 0 10px 0px;
    position: relative;
    z-index: 1;
  }
  #diagnosis_contents .conts_diagnosis .wrapper {
    width: 90%;
    position: relative;
    background-color: #fff;
    border: solid 2px #000;
    margin: 0 auto;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
  }
  #diagnosis_contents .conts_diagnosis .wrapper::before {
    content: "";
    display: block;
    background-image: url(../img/circle.png);
    background-repeat: no-repeat;
    background-position: left 6px top 4px;
    background-size: 40px 12px;
    width: 100%;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #e85e9f;
    border-bottom: 2px solid #000;
  }
  #diagnosis_contents .conts_diagnosis .wrapper::after {
    content: "";
    background-image: url(../img/icon_cursor.png);
    display: block;
    width: 22px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 5px;
    right: 8px;
  }
  #diagnosis_contents .conts_diagnosis .person_img {
    width: 44%;
    position: absolute;
    z-index: 0;
    top: 20px;
    left: 67%;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .question {
    width: 36px;
    position: absolute;
    top: 5px;
    left: 0px;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .question_wrapper {
    padding: 36px 4% 38px;
  }
  #diagnosis_contents
    .conts_diagnosis
    .wrapper
    .question_wrapper
    .que_title_box {
    position: relative;
  }
  /*簡易診断テスト*/
  .que {
    width: 100%;
    display: none;
    vertical-align: middle;
    opacity: 0;
    transition: all 0.4s ease;
    border-radius: 4px;
  }
  .que.active {
    display: block;
  }
  .que.active.open {
    opacity: 1;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .answer input {
    display: none;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .answer label.img {
    width: 48%;
    display: block;
  }

  /*診断結果*/
  .result {
    display: none;
    vertical-align: middle;
    opacity: 0;
    transition: all 0.4s ease;
  }
  .result.active {
    display: block;
  }
  .result.active.open {
    opacity: 1;
  }

  #diagnosis_contents .conts_diagnosis .wrapper h3 {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    position: relative;
  }
  #diagnosis_contents .conts_diagnosis .wrapper h3:not(.title_img):before {
    content: "";
    border-bottom: dotted 2px #000;
    display: block;
    width: 100%;
    height: 2px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    bottom: -10px;
    left: -47px;
  }
  #diagnosis_contents .conts_diagnosis .question_wrapper h3 {
    margin-bottom: 10px;
    margin-left: 46px;
    width: fit-content;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .question_wrapper h3::before {
    content: none;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .answer {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .title_img {
    width: 100%;
    position: relative;
    top: 17px;
    left: 0;
    z-index: 2;
    margin: 0 auto;
    padding: 0 4%;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .title_img.all_no {
    padding: 0 4% 8px;
  }
  #diagnosis_contents
    .conts_diagnosis
    .wrapper
    .block:not(.all_no):first-of-type {
    padding-top: 40px;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block {
    padding: 27px 4% 158px;
    position: relative;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .all_no {
    padding: 16px 4% 0;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block.all_no .text {
    margin-bottom: 20px;
    font-weight: 600;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block.all_no .retry {
    margin-bottom: 20px;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block.odd {
    position: relative;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block.odd::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f9f4f6;
    mix-blend-mode: multiply;
    pointer-events: none;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block .box .left_box {
    width: 100%;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block .box .left_box .num_img {
    height: 38px;
    margin-bottom: 6px;
  }
  #diagnosis_contents
    .conts_diagnosis
    .wrapper
    .block
    .box
    .left_box
    .num_img
    img {
    width: auto;
    height: 100%;
    object-fit: contain;
  }
  #diagnosis_contents
    .conts_diagnosis
    .wrapper
    .block
    .box
    .left_box
    .text_box {
    width: 100%;
  }
  #diagnosis_contents
    .conts_diagnosis
    .wrapper
    .block
    .box
    .left_box
    .text_box
    .title_box {
    margin-bottom: 9px;
  }
  #diagnosis_contents
    .conts_diagnosis
    .wrapper
    .block
    .box
    .left_box
    .text_box
    .text {
    margin-bottom: 16px;
  }
  #diagnosis_contents .result .price {
    font-size: 11px;
    margin-bottom: 16px;
    font-weight: 700;
  }
  #diagnosis_contents .result .price .big {
    font-size: 22px;
    margin: 0 2px;
  }
  #diagnosis_contents
    .conts_diagnosis
    .wrapper
    .block
    .box
    .left_box
    .text_box
    .title_box
    .small {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 4px;
    line-height: 1.2;
  }
  #diagnosis_contents
    .conts_diagnosis
    .wrapper
    .block
    .box
    .left_box
    .text_box
    .title_box
    h4 {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.2;
  }
  #diagnosis_contents
    .conts_diagnosis
    .wrapper
    .block
    .box
    .left_box
    .text_box
    .title_box
    h4
    .bg_line {
    background: linear-gradient(transparent 60%, #feee83 30%);
    background-position-y: -2px;
    background-repeat: no-repeat;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block .box .left_box .ank_btn {
    width: 74%;
    max-width: 280px;
    font-size: 17px;
    font-weight: 600;
    position: absolute;
    bottom: 92px;
    left: 50%;
    transform: translateX(-50%);
  }
  #diagnosis_contents
    .conts_diagnosis
    .wrapper
    .block
    .box
    .left_box
    .ank_btn:nth-of-type(2) {
    bottom: 30px;
  }
  #diagnosis_contents .conts_diagnosis .wrapper .block .box .right_box .ba_img {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    position: relative;
  }
  #diagnosis_contents .conts_invitation {
    background-color: #f2e5f3;
    background-image: url("../img/pattern_01.png");
    background-repeat: repeat;
    background-size: 20px;
  }
  #diagnosis_contents .conts_invitation .wrapper {
    position: relative;
    padding: 60px 0;
  }
  #diagnosis_contents .conts_invitation h2 {
    width: 100%;
    position: relative;
    top: -18px;
  }
  #diagnosis_contents .conts_invitation .text {
    font-weight: 700;
    width: 100%;
    line-height: 1.8;
    position: relative;
    top: -16px;
  }
  #diagnosis_contents .conts_check {
    padding: 5px 0 70px;
    background-color: #fff;
  }
  #diagnosis_contents .conts_check h2 {
    width: 100%;
    margin: 0 auto 54px;
    position: relative;
  }
  #diagnosis_contents .conts_check h2::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("../img/arrow_01.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 34px;
    position: absolute;
    bottom: -48px;
    left: 0;
  }
  #diagnosis_contents .conts_check .link_list {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #diagnosis_contents .conts_check .link_list li {
    width: 48%;
    margin-bottom: 12px;
  }
  #diagnosis_contents .conts_check .link_list li .small {
    font-size: 14px;
  }
  #diagnosis_contents .conts_check .eye_block {
    display: flex;
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
    flex-direction: column;
  }
  #diagnosis_contents .conts_check .eye_block .top_wrapper {
    margin: 0 auto 50px;
    position: relative;
  }
  #diagnosis_contents .conts_check .eye_block .top_wrapper video {
    position: absolute;
    top: 37vw;
    right: 6vw;
    width: 43vw;
    background: #0a0a0a;
    border-radius: 14px;
    border: solid #0a0a0a 4px;
  }
  #diagnosis_contents .conts_check .eye_block .middle_wrapper {
    order: 2;
    margin-bottom: 4px;
    position: relative;
  }
  #diagnosis_contents .conts_check .eye_block .middle_wrapper .img {
    width: 56%;
    max-width: 300px;
    margin: 0 auto -37px;
    z-index: -1;
    position: relative;
  }
  #diagnosis_contents .conts_check .eye_block .middle_wrapper .right_box {
    display: flex;
    width: 100%;
    padding: 16px 5% 9px;
    margin-bottom: 24px;
    background-color: #f9d6e5;
    flex-direction: column-reverse;
  }
  #diagnosis_contents
    .conts_check
    #link_04.eye_block
    .middle_wrapper
    .right_box {
    background-color: #dde6ff;
  }
  #diagnosis_contents
    .conts_check
    #link_03.eye_block
    .middle_wrapper
    .right_box {
    background-color: #f6eacb;
  }
  #diagnosis_contents
    .conts_check
    #link_02.eye_block
    .middle_wrapper
    .right_box {
    background-color: #dcf9e4;
  }
  #diagnosis_contents .conts_check .eye_block .middle_wrapper .right_box ul {
    font-size: 12px;
  }
  #diagnosis_contents .conts_check .eye_block .middle_wrapper .right_box ul li {
    box-shadow: 1.3px 1.5px 0 0 #000;
    border: solid 1px #000;
    background-color: #fff;
    display: inline-block;
    padding: 4px 8px 4px;
    margin: 0 4px 8px 0;
    line-height: 1.2;
    text-align: center;
    font-size: 12px;
  }
  #diagnosis_contents .conts_check .eye_block .middle_wrapper .right_box ul br {
    display: none;
  }
  #diagnosis_contents .conts_check .eye_block .middle_wrapper .right_box .text {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 14px;
  }
  #diagnosis_contents .conts_check .eye_block .swiper {
    width: 100vw;
    margin: 0 0 40px -5vw;
    order: 1;
  }
  #diagnosis_contents .conts_check .eye_block .bottom_wrapper {
    margin-bottom: 16px;
  }
  #diagnosis_contents .conts_check .eye_block .bottom_wrapper .swiper-slide {
    width: 90%;
    margin: 0 auto;
  }
  #diagnosis_contents .conts_check .eye_block .swiper-pagination {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }
  #diagnosis_contents .conts_check .eye_block .swiper-pagination-bullet {
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50%;
    background-color: #00000040;
  }
  #diagnosis_contents .conts_check .eye_block .swiper-pagination-bullet-active {
    background-color: #000;
  }
  #diagnosis_contents .conts_check .eye_block .swiper-button-prev {
    display: block;
    width: 5vw;
    height: 9vw;
    background: url(../img/swiper_arrow_prev.svg) no-repeat left top/contain;
    position: absolute;
    top: calc(50% - 28px);
    left: 2.4%;
    z-index: 1;
  }
  #diagnosis_contents .conts_check .eye_block .swiper-button-next {
    display: block;
    width: 5vw;
    height: 9vw;
    background: url(../img/swiper_arrow_next.svg) no-repeat left top/contain;
    position: absolute;
    top: calc(50% - 28px);
    right: 2.4%;
    z-index: 1;
  }
  #diagnosis_contents .conts_check .eye_block .swiper-button-disabled {
    visibility: hidden;
  }
  #diagnosis_contents .conts_check .eye_block .detail_box {
    order: 3;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    padding: 35px 3% 32px;
    margin-bottom: 30px;
    border: solid 3px #000;
  }
  #diagnosis_contents .conts_check .eye_block .detail_box h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 18px;
    text-align: center;
  }
  #diagnosis_contents
    .conts_check
    .eye_block
    .detail_box
    table
    tr:nth-of-type(2n) {
    background-color: #fef4f8;
  }
  #diagnosis_contents
    .conts_check
    .eye_block#link_04
    .detail_box
    table
    tr:nth-of-type(2n) {
    background-color: #f2f6ff;
  }
  #diagnosis_contents
    .conts_check
    .eye_block#link_03
    .detail_box
    table
    tr:nth-of-type(2n) {
    background-color: #fef9ef;
  }
  #diagnosis_contents
    .conts_check
    .eye_block#link_02
    .detail_box
    table
    tr:nth-of-type(2n) {
    background-color: #f2fff6;
  }
  #diagnosis_contents .conts_check .eye_block .detail_box table th {
    text-align: left;
    width: 30%;
    vertical-align: middle;
    font-size: 13px;
    line-height: 1.6;
    font-weight: bold;
    padding: 12px 5% 10px 3%;
  }
  #diagnosis_contents .conts_check .eye_block .detail_box table td {
    text-align: left;
    font-size: 14px;
    line-height: 1.6;
    padding: 12px 3% 10px 0;
  }
  #diagnosis_contents .conts_check .eye_block .detail_box table td ul li {
    padding-left: 1em;
    text-indent: -1em;
  }
  /*▼▼MOREボタン▼▼*/
  .more {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #ffffff;
    border-radius: 5px;
    box-sizing: border-box;
  }
  .more__content {
    position: relative;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
  }
  .more__content.open {
    margin-bottom: 24px;
  }
  .more__content.open::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    transition: 1s;
    background: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
    pointer-events: none;
  }
  .more__content::after {
    z-index: -1;
    opacity: 0;
  }
  .more__btn {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    width: 150px;
    line-height: 1.2;
    padding: 8px 7px 7px;
    transition: 0.3s;
    font-size: 14px;
    color: #000;
    margin: 0 auto;
    background: none;
    outline: none;
    border: none;
    border-radius: 100px;
    background-color: #e8e8e8;
    cursor: pointer;
  }
  .more__btn::before {
    content: "+";
    display: inline-block;
    margin-right: 6px;
  }
  .more__content.open ~ .more__btn::before {
    content: "-";
  }
  /*▲▲MOREボタン▲▲*/
  #diagnosis_contents .conts_comparison {
    background-color: #9099d2;
    position: relative;
    padding: 70px 0;
  }
  #diagnosis_contents .conts_check .eye_block .consultation_box {
    order: 4;
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 20px;
  }
  #diagnosis_contents .conts_check .eye_block .consultation_box .img {
    width: 130px;
    float: left;
    margin-right: 14px;
  }
  #diagnosis_contents .conts_check .eye_block .consultation_text {
    font-size: 17px;
    line-height: 1.7;
  }
  #diagnosis_contents .conts_check .eye_block .btn_block {
    order: 5;
    clear: both;
  }
  #diagnosis_contents .conts_check .eye_block .ank_btn {
    font-size: 4.8vw;
    font-weight: 700;
    margin-bottom: 16px;
  }
  #diagnosis_contents .conts_check .eye_block .ank_btn a {
    padding: 14px 0;
  }
  #diagnosis_contents
    .conts_check
    .eye_block
    .bottom_wrapper
    .img:last-of-type {
    margin-bottom: 0;
  }
  #diagnosis_contents .conts_comparison {
    position: relative;
    padding: 70px 0;
    background-image: url(../img/pattern_02.jpg);
    background-size: 12%;
  }
  #diagnosis_contents .conts_check .eye_block .ank_btn a {
    padding: 14px 0;
  }
  #diagnosis_contents .conts_comparison h2 {
    color: #000;
    font-size: 38px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.4;
  }
  #diagnosis_contents .conts_comparison h2 .small {
    color: #fdd2e5;
    font-size: 22px;
    display: block;
    background-color: #000;
    width: fit-content;
    margin: 0 auto;
    padding: 3px 8px 5px;
  }
  #diagnosis_contents .conts_comparison .table_wrap {
    overflow-x: scroll;
  }
  #diagnosis_contents .conts_comparison table {
    display: block;
    position: relative;
    min-width: 700px;
    margin: 0 auto;
    width: 100%;
  }
  #diagnosis_contents .conts_comparison table tbody {
    display: block;
    width: 700px;
    position: relative;
  }
  #diagnosis_contents .conts_comparison table tr {
    width: 100%;
    border-radius: 6px;
    border: solid 1px #000;
    background-color: #fff;
    margin-bottom: 6px;
    display: flex;
    overflow: hidden;
    font-size: 16px;
  }
  #diagnosis_contents .conts_comparison table tr td {
    position: relative;
  }
  #diagnosis_contents .conts_comparison table tr:not(.tab_list) td:before {
    content: "";
    display: block;
    width: 3px;
    height: 71%;
    background-image: url("../img/dot_01.png");
    background-repeat: repeat-y;
    background-position: center center;
    background-size: 2px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  #diagnosis_contents .conts_comparison table tr td:last-of-type:before {
    display: none;
  }
  #diagnosis_contents .conts_comparison table tr:first-of-type {
    border: none;
    background: none;
  }
  #diagnosis_contents .conts_comparison table tr:first-of-type {
    border: none;
    background: none;
  }
  #diagnosis_contents .conts_comparison table tr:first-of-type th {
    background: none;
  }
  #diagnosis_contents .conts_comparison table tr.tab_list {
    margin-bottom: -10px;
  }
  #diagnosis_contents .conts_comparison table tr.tab_list td {
    padding: 0;
    width: 160px;
  }
  #diagnosis_contents .conts_comparison table tr.point_list {
    position: relative;
    z-index: 2;
  }
  #diagnosis_contents .conts_comparison table tr.effect_list {
    position: relative;
    z-index: 2;
  }
  #diagnosis_contents .conts_comparison table tr.effect_list .effect_box {
    display: flex;
    margin-bottom: 8px;
  }
  #diagnosis_contents
    .conts_comparison
    table
    tr.effect_list
    .effect_box
    .icon_box:first-of-type {
    width: 48%;
  }
  #diagnosis_contents
    .conts_comparison
    table
    tr.effect_list
    .effect_box
    .icon_box:last-of-type {
    width: 48%;
  }
  #diagnosis_contents
    .conts_comparison
    table
    tr.effect_list
    .effect_box
    .icon_box
    dt {
    font-size: 14px;
    margin-bottom: 4px;
    text-align: center;
    line-height: 1.4;
  }
  #diagnosis_contents
    .conts_comparison
    table
    tr.effect_list
    .effect_box
    .icon_box
    dd {
    width: 26px;
    margin: 0 auto;
  }
  #diagnosis_contents .conts_comparison table tr.time_list {
    font-size: 19px;
    text-align: center;
  }
  #diagnosis_contents .conts_comparison table tr.price_list {
    text-align: center;
    font-size: 22px;
  }
  #diagnosis_contents .conts_comparison table tr.price_list td {
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #diagnosis_contents .conts_comparison table tr.swelling_list td .differences {
    font-size: 12px;
    display: block;
    margin-top: 5px;
  }
  #diagnosis_contents .conts_comparison table tr.price_list .yen {
    font-size: 14px;
  }
  #diagnosis_contents .conts_comparison table tr.price_list .tax {
    font-size: 10px;
  }
  #diagnosis_contents .conts_comparison table tr.price_list .small {
    font-size: 12px;
    display: block;
    margin: -3px 0 -6px;
  }
  #diagnosis_contents .conts_comparison table tr.recommend_list td {
    /* padding: 35px 16px 45px; */
    text-align: center;
  }
  #diagnosis_contents .conts_comparison table th {
    background-color: #dfe8f5;
    font-weight: 700;
    width: 60px;
    display: flex;
    padding: 1px 2px;
    font-size: 12px;
    line-height: 1.1;
    align-items: center;
    justify-content: center;
  }
  #diagnosis_contents .conts_comparison table td {
    display: block;
    width: 160px;
    font-weight: 700;
    padding: 12px 2%;
    word-break: break-word;
    font-size: 12px;
  }
  #diagnosis_contents .conts_comparison table td .img {
    width: 130px;
    margin: 0 auto;
  }
  #diagnosis_contents .conts_features {
    padding: 63px 0 98px;
    font-weight: 700;
    background-color: #f7f8e7;
  }
  #diagnosis_contents .conts_features .top_wrapper .img {
    margin: 0 auto 12px;
    width: 90%;
  }
  #diagnosis_contents .conts_features h2 {
    font-size: 28px;
    line-height: 1.1;
    margin-bottom: 17px;
    text-align: center;
  }
  #diagnosis_contents .conts_features h2 .pink {
    font-size: 56px;
    font-weight: 700;
    color: #507fff;
  }
  #diagnosis_contents .conts_features .points_list {
    text-align: left;
    width: fit-content;
    margin: 0 auto 34px;
  }
  #diagnosis_contents .conts_features .points_list li {
    font-size: 18px;
    line-height: 1.6;
    padding-left: 39px;
    background-image: url("../img/icon_03.png");
    background-size: 29px 27px;
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 14px;
  }
  #diagnosis_contents .conts_features .points_list li:last-of-type {
    margin-bottom: 0;
  }
  #diagnosis_contents .conts_features .img_list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -30px;
  }
  #diagnosis_contents .conts_features .img_list li {
    overflow: hidden;
    margin-bottom: 20px;
    border: 2px solid #0a0a0a;
    border-radius: 8px;
  }
  #diagnosis_contents .conts_features .img_list li:last-of-type {
    margin-bottom: 0;
  }
  #diagnosis_contents .conts_features .img_list li .text {
    font-size: 16px;
    line-height: 1.5;
    padding: 12px 3% 14px;
    text-align: center;
    background-color: #f9fff6;
  }
  #diagnosis_contents .conts_features .img_list li .tyusyaku {
    display: block;
    font-size: 12px;
    color: #929292;
  }
  #diagnosis_contents .conts_achievement .auto {
    width: 100%;
  }
  #diagnosis_contents .conts_achievement .conts_wrapper {
    background-color: #4c73de;
    padding: 50px 5% 60px;
    color: #fff;
  }
  #diagnosis_contents .conts_achievement .conts_wrapper h2 {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 700;
    margin: 0 auto 18px;
    text-align: center;
  }
  #diagnosis_contents .conts_achievement .conts_wrapper h2 span {
    border-radius: 4px;
    padding: 0 5px;
    margin-right: 3px;
  }
  #diagnosis_contents .conts_achievement .conts_wrapper .doctor_img {
    margin: 0 auto 24px;
  }
  #diagnosis_contents .conts_achievement .conts_wrapper .achievement_img {
    margin: 0 auto 40px;
  }
  #diagnosis_contents .conts_achievement .conts_wrapper .bottom_box {
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    border: 1px solid #fff;
    margin-bottom: 20px;
  }
  #diagnosis_contents .conts_achievement .conts_wrapper .bottom_box .img {
    margin-bottom: 12px;
  }
  #diagnosis_contents .conts_achievement .conts_wrapper .bottom_box .text {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
  }
  #diagnosis_contents .conts_achievement .conts_wrapper .bottom_box .text span {
    display: block;
    padding: 8px 3% 13px;
    border-radius: 0px 0px 4px 4px;
    margin-top: 8px;
  }
  #diagnosis_contents .conts_achievement .conts_wrapper .bg_white {
    background-color: #fff;
    color: #4c73de;
  }
  /* banner_wrapper */
  #diagnosis_contents .banner_wrapper {
    width: 100%;
    padding: 40px 5% 20px;
  }
  #diagnosis_contents .banner_area:not(:last-of-type) {
    margin-bottom: 12px;
  }
  #form {
    padding: 0;
  }
  .form_box .dl_clinic label {
    font-weight: 600;
  }
  span.wpcf7-list-item > label {
    padding: 6px 4% 5px;
  }
  #form_reserve label[for="form_medical_2"] p {
    font-size: 12px;
    text-align: left;
    padding-left: 1em;
    text-indent: -1em;
    padding-top: 2px;
  }
  .form_box dl dt .multi_select {
    font-size: 14px;
    display: block;
    margin: 4px 0;
  }
}
