@charset "UTF-8";
/* */
/* アイコン表示 */
header {
  position: fixed;
  width: 100%;
  background-color: #fff;
  z-index: 100; }
  header .header-nav-box {
    display: flex;
    align-items: center;
    margin: 0 50px; }
  header a {
    text-decoration: none;
    color: black;
    width: 100%; }
  header .header-image {
    width: 25%;
    margin: 0 auto 0 0;
    padding: 20px 0; }
    header .header-image img {
      width: 100%;
      height: auto; }
  header .header-nav-list {
    margin-left: auto;
    padding: 0;
    display: flex;
    list-style: none; }
    header .header-nav-list .header-nav-item {
      text-align: center;
      width: 100%;
      margin-left: 20px;
      white-space: nowrap;
      padding: 20px 0px; }
      header .header-nav-list .header-nav-item:first-child {
        width: 170%; }
    header .header-nav-list .nav-reserve {
      white-space: nowrap;
      width: 100%;
      text-align: center;
      margin-left: 20px;
      padding: 20px 0px; }
      header .header-nav-list .nav-reserve img {
        padding-right: 10px;
        margin-bottom: -2px; }
      header .header-nav-list .nav-reserve a {
        color: white;
        padding: 20px 30px;
        background: #006eb7;
        border-radius: 30px;
        font-family: "M PLUS Rounded 1c", sans-serif;
        font-weight: bold; }

@media screen and (max-width: 1000px) {
  header .header-image img {
    width: 200px; }
  header .header-nav-list {
    display: none; }
  .c-button {
    position: relative;
    display: inline-block;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    cursor: pointer; }
  .p-hamburger {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 25px;
    height: 25px;
    margin-top: 28px;
    margin-right: 50px;
    margin-left: auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .p-hamburger__line {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 25px;
    height: 3px;
    background-color: black;
    -webkit-transition: inherit;
    transition: inherit;
    outline: none; }
  .p-hamburger__line::before,
  .p-hamburger__line::after {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: inherit;
    content: "";
    -webkit-transition: inherit;
    transition: inherit; }
  .p-hamburger__line::before {
    top: -10px; }
  .p-hamburger__line::after {
    top: 10px; }
  .p-hamburger[aria-expanded="true"] .p-hamburger__line {
    background-color: transparent; }
  .p-hamburger[aria-expanded="true"] .p-hamburger__line::before,
  .p-hamburger[aria-expanded="true"] .p-hamburger__line::after {
    top: 0;
    background-color: black; }
  .p-hamburger[aria-expanded="true"] .p-hamburger__line::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .p-hamburger[aria-expanded="true"] .p-hamburger__line::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  *:focus {
    outline: none; }
  .hamburger-menu {
    display: none;
    width: 100%;
    background: #006eb7;
    padding-top: 40px;
    padding-bottom: 40px; }
  .hamburger-menu.active {
    display: block; }
  .hamburger-list {
    text-align: center;
    list-style: none;
    padding: 0; }
  .hamburger-item:nth-child(n + 2) {
    margin-top: 20px; }
  .hamburger-item a {
    color: white;
    text-decoration: none;
    font-size: 25px; }
  .sp-top-btn {
    display: block;
    color: white;
    padding: 20px 0;
    width: 150px;
    background: #006eb7;
    border-radius: 30px;
    text-align: center;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: bold;
    margin-right: 70px; }
    .sp-top-btn img {
      padding-right: 10px;
      margin-bottom: -2px; } }

@media screen and (max-width: 700px) {
  .sp-top-btn {
    display: none; }
  .hamburger-item a {
    font-size: 20px; }
  header .header-nav-box {
    margin: 0 30px; }
  header .header-image img {
    width: 180px; }
  .p-hamburger {
    margin-right: 30px; } }

.top-news-content a {
  text-decoration: none; }

.top-image {
  background-image: url("../images/top-image.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 620px;
  margin: 0 50px;
  z-index: 10;
  padding-top: 85px; }
  @media screen and (max-width: 420px) {
    .top-image {
      background-image: url("../images/top-image-sp.jpg");
      background-color: pink; } }

.top-news-container {
  margin-top: 500px;
  width: 65%;
  background-color: white;
  border-radius: 50px;
  margin-left: auto;
  margin-right: 30px;
  display: flex; }
  .top-news-container .news-title-en {
    color: #006eb7;
    font-size: 18px;
    margin: 0;
    margin-left: -20px;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: bold; }
  .top-news-container .top-news-slide {
    width: 100%; }
    .top-news-container .top-news-slide .slick-prev {
      left: 75.3%;
      top: 48%; }
      .top-news-container .top-news-slide .slick-prev:before {
        content: "<";
        color: black; }
    .top-news-container .top-news-slide .slick-next {
      left: 84.5%;
      top: 48%; }
      .top-news-container .top-news-slide .slick-next:before {
        content: ">";
        color: black; }
    .top-news-container .top-news-slide .slick-arrow {
      z-index: 2 !important; }
    .top-news-container .top-news-slide .top-news-box {
      display: flex;
      align-items: center;
      width: 100%;
      display: flex; }
      .top-news-container .top-news-slide .top-news-box .news-title-ja {
        margin: 0;
        white-space: nowrap;
        padding: 25px 0 25px 25px; }
        .top-news-container .top-news-slide .top-news-box .news-title-ja span {
          padding-left: 30px; }
      .top-news-container .top-news-slide .top-news-box .top-news-content {
        padding: 25px;
        margin: 0;
        white-space: nowrap; }
      .top-news-container .top-news-slide .top-news-box .pagenation {
        position: absolute;
        white-space: nowrap;
        left: 81.3%;
        transform: translate(-50%, 0); }
      .top-news-container .top-news-slide .top-news-box .top-news-button {
        margin-left: auto;
        margin-right: 28px; }
        .top-news-container .top-news-slide .top-news-box .top-news-button .top-news-next {
          display: block;
          background-color: #006eb7;
          margin: 0;
          padding: 30px 25px;
          border-radius: 0 50px 50px 0; }
          .top-news-container .top-news-slide .top-news-box .top-news-button .top-news-next img {
            text-align: center;
            width: 23px; }

.top-news-slide-sp {
  display: none !important; }
  .top-news-slide-sp .top-news-box-sp {
    display: none !important; }

@media screen and (max-width: 1140px) {
  .top-news-container .top-news-slide .slick-prev {
    left: 73%;
    top: 75%; }
  .top-news-container .top-news-slide .slick-next {
    left: 84%;
    top: 75%; }
  .top-news-container .top-news-slide .top-news-box .pagenation {
    top: 40%;
    left: 80.3%; } }

@media screen and (max-width: 1000px) {
  .top-image {
    background-position: center left;
    margin: 0; }
  .top-news-container {
    width: 80%;
    margin: 500px auto 0; }
    .top-news-container .top-news-slide .slick-prev {
      top: 50%;
      left: 73%; }
    .top-news-container .top-news-slide .slick-next {
      top: 50%;
      left: 82.5%; }
    .top-news-container .top-news-slide .top-news-box .pagenation {
      top: 15%;
      left: 79.3%; }
    .top-news-container .top-news-slide .top-news-box .top-news-button {
      margin-left: auto; }
    .top-news-container .top-news-slide .top-news-box .news-title-ja {
      font-size: 15px;
      margin: 0;
      white-space: nowrap;
      padding: 10px 0 10px 10px; }
      .top-news-container .top-news-slide .top-news-box .news-title-ja span {
        padding-left: 10px; }
    .top-news-container .top-news-slide .top-news-box .top-news-content {
      font-size: 15px;
      padding: 10px;
      margin: 0;
      white-space: nowrap; } }

@media screen and (max-width: 700px) {
  .top-image {
    height: 400px; }
  .top-news-container {
    width: 400px;
    margin: 320px auto 0; }
    .top-news-container .top-news-slide .slick-prev {
      display: none !important; }
    .top-news-container .top-news-slide .slick-next {
      display: none !important; }
    .top-news-container .top-news-slide .top-news-box .pagenation {
      display: none; }
    .top-news-container .top-news-slide .top-news-box .news-title-ja {
      display: none; }
    .top-news-container .top-news-slide .top-news-box .top-news-content {
      font-size: 14px; }
    .top-news-container .top-news-slide .top-news-box .top-news-button {
      margin-right: 20px; }
      .top-news-container .top-news-slide .top-news-box .top-news-button .top-news-next {
        padding: 15px; } }

@media screen and (max-width: 420px) {
  .top-news-container {
    display: none; }
  .top-news-slide-sp {
    display: block !important;
    margin: 230px 20px 0; }
    .top-news-slide-sp .slick-prev {
      left: 4%;
      top: 82%; }
      .top-news-slide-sp .slick-prev:before {
        content: "<";
        color: black; }
    .top-news-slide-sp .slick-next {
      left: 23%;
      top: 82%; }
      .top-news-slide-sp .slick-next:before {
        content: ">";
        color: black; }
    .top-news-slide-sp .slick-arrow {
      z-index: 2 !important; }
    .top-news-slide-sp .top-news-box-sp {
      position: relative;
      display: block !important;
      width: 90%;
      background-color: #fff;
      margin: 0 auto;
      padding-bottom: 10px; }
      .top-news-slide-sp .top-news-box-sp .news-title-ja {
        margin-top: 0;
        background-color: #006eb7;
        color: white;
        width: 100px;
        text-align: center;
        padding: 5px 0;
        font-size: 13px; }
      .top-news-slide-sp .top-news-box-sp .top-news-content {
        padding: 0 10px;
        margin: 20px 0; }
      .top-news-slide-sp .top-news-box-sp .top-news-button {
        text-align: right; }
        .top-news-slide-sp .top-news-box-sp .top-news-button .top-news-next {
          color: #006eb7;
          text-decoration: none;
          font-weight: bold;
          padding-right: 15px; }
      .top-news-slide-sp .top-news-box-sp .pagenation {
        position: absolute;
        top: 62%;
        left: 7%; } }

.recepition-container {
  position: relative; }
  .recepition-container .recepition-bg {
    position: relative;
    width: 100%;
    margin-top: -220px;
    height: 1200px;
    z-index: -1; }
  .recepition-container .recepition-content {
    position: absolute;
    top: 0px;
    width: 100%; }
    .recepition-container .recepition-content .recepition-title {
      margin: 0;
      padding-top: 60px;
      margin-left: 9%;
      font-size: 60px;
      letter-spacing: 5px;
      color: #00a492;
      opacity: 0.3;
      font-family: "M PLUS Rounded 1c", sans-serif; }
    .recepition-container .recepition-content .recepition-sub {
      font-family: "M PLUS Rounded 1c", sans-serif;
      font-size: 24px;
      font-weight: bold;
      margin: 0;
      margin-top: -37px;
      margin-left: 12%;
      margin-bottom: 30px;
      letter-spacing: 3px; }

.recepition-box {
  display: flex;
  width: 86.5%;
  margin-left: auto; }
  .recepition-box .recepition-box-left {
    width: 59%; }
    .recepition-box .recepition-box-left .recep-table {
      border-collapse: collapse;
      width: 100%; }
      .recepition-box .recepition-box-left .recep-table tr {
        text-align: center;
        color: black; }
        .recepition-box .recepition-box-left .recep-table tr th {
          background-color: #00a492;
          color: white;
          padding: 20px 15px; }
          .recepition-box .recepition-box-left .recep-table tr th:last-child {
            padding-right: 30px; }
        .recepition-box .recepition-box-left .recep-table tr td {
          border-bottom: 1px solid #000;
          padding: 20px 15px;
          white-space: nowrap; }
          .recepition-box .recepition-box-left .recep-table tr td:last-child {
            padding-right: 30px; }
    .recepition-box .recepition-box-left .work-out2 {
      font-size: 13px; }
  .recepition-box .recepition-box-right {
    text-align: center;
    width: 27%;
    margin-left: auto;
    margin-right: 9.5%;
    white-space: nowrap; }
    .recepition-box .recepition-box-right .reserve-title {
      text-align: center;
      display: flex;
      align-items: center;
      margin: 0;
      font-size: 17px;
      font-family: "M PLUS Rounded 1c", sans-serif; }
    .recepition-box .recepition-box-right .reserve-title:before,
    .recepition-box .recepition-box-right .reserve-title:after {
      content: "";
      height: 1px;
      flex-grow: 1;
      background-color: #666; }
    .recepition-box .recepition-box-right .reserve-title:before {
      margin-right: 1rem; }
    .recepition-box .recepition-box-right .reserve-title:after {
      margin-left: 1rem; }
    .recepition-box .recepition-box-right .reserve-tel {
      color: #006eb7;
      font-size: 27px;
      font-weight: bold;
      margin-top: 20px; }
      .recepition-box .recepition-box-right .reserve-tel span {
        font-size: 17px;
        padding-right: 10px; }
    .recepition-box .recepition-box-right .recepition-reserve {
      margin: 0 auto;
      padding-bottom: 56px;
      border-bottom: 1px solid #000; }
      .recepition-box .recepition-box-right .recepition-reserve a {
        color: white;
        padding: 20px 80px;
        background-color: #006eb7;
        border-radius: 30px;
        text-decoration: none;
        font-family: "M PLUS Rounded 1c", sans-serif; }
        .recepition-box .recepition-box-right .recepition-reserve a img {
          padding-right: 10px;
          margin-bottom: -2px; }
    .recepition-box .recepition-box-right .reserve-text span {
      font-size: 12px; }

.recepition-banner {
  display: block;
  width: 100%;
  max-width: 340px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto; }
  .recepition-banner img {
    width: 100%; }

.recepition-banner-text {
  font-size: 20px;
  font-weight: bold;
  white-space: normal; }

@media screen and (max-width: 1000px) {
  .recepition-container .recepition-bg {
    height: 1650px; }
  .recepition-container .recepition-content .recepition-title {
    font-size: 50px;
    letter-spacing: 3px; }
  .recepition-container .recepition-content .recepition-sub {
    font-size: 20px;
    margin-top: -30px;
    margin-left: 12%;
    margin-bottom: 20px;
    letter-spacing: 1px; }
  .recepition-box {
    display: block;
    width: 85%;
    margin: 0 auto; }
    .recepition-box .recepition-box-left {
      width: 100%; }
      .recepition-box .recepition-box-left .recep-table tr th {
        padding: 20px 15px; }
        .recepition-box .recepition-box-left .recep-table tr th:last-child {
          padding-right: 30px; }
      .recepition-box .recepition-box-left .recep-table tr td {
        padding: 20px 15px; }
        .recepition-box .recepition-box-left .recep-table tr td:last-child {
          padding-right: 30px; }
    .recepition-box .recepition-box-right {
      width: 100%;
      margin: 0 auto; }
      .recepition-box .recepition-box-right .reserve-title {
        font-size: 20px;
        letter-spacing: 5px; }
      .recepition-box .recepition-box-right .reserve-tel {
        font-size: 30px; }
        .recepition-box .recepition-box-right .reserve-tel span {
          padding-right: 20px; }
      .recepition-box .recepition-box-right .recepition-reserve a {
        color: white;
        padding: 20px 100px;
        border-radius: 30px; }
  .work-out {
    margin-top: 15px;
    margin-bottom: 10px; }
  .work-out2 {
    margin-top: 0px;
    margin-bottom: 50px; } }

@media screen and (max-width: 700px) {
  .recepition-container .recepition-bg {
    height: 1550px; }
  .recepition-container .recepition-content .recepition-title {
    padding-top: 40px;
    margin-left: 3%;
    font-size: 30px;
    letter-spacing: 1px; }
  .recepition-container .recepition-content .recepition-sub {
    font-size: 18px;
    margin-top: -20px;
    margin-left: 8%; }
  .recepition-box {
    width: 95%; }
    .recepition-box .recepition-box-left .recep-table tr th {
      padding: 10px 7px; }
      .recepition-box .recepition-box-left .recep-table tr th:last-child {
        padding-right: 14px; }
    .recepition-box .recepition-box-left .recep-table tr td {
      padding: 10px 7px; }
      .recepition-box .recepition-box-left .recep-table tr td:last-child {
        padding-right: 14px; }
    .recepition-box .recepition-box-right {
      margin-top: 40px;
      width: 95%; }
      .recepition-box .recepition-box-right .reserve-title {
        font-size: 18px;
        letter-spacing: 3px; }
      .recepition-box .recepition-box-right .reserve-tel {
        font-size: 25px;
        margin-bottom: 30px; }
        .recepition-box .recepition-box-right .reserve-tel span {
          padding-right: 15px; }
      .recepition-box .recepition-box-right .recepition-reserve a {
        color: white;
        padding: 20px 100px;
        border-radius: 30px; }
  .work-out {
    margin-top: 10px;
    margin-bottom: 8px;
    font-size: 15px; }
  .work-out2 {
    margin-top: 0px;
    margin-bottom: 30px; } }

.message-container {
  position: relative;
  width: 100%;
  padding-bottom: 300px; }
  .message-container .message-title {
    margin: 0;
    padding-top: 60px;
    margin-left: 9%;
    font-size: 60px;
    letter-spacing: 5px;
    color: #006eb7;
    opacity: 0.3;
    font-family: "M PLUS Rounded 1c", sans-serif; }
  .message-container .message-sub {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    margin-top: -37px;
    margin-left: 13.5%;
    margin-bottom: 30px;
    letter-spacing: 2px; }
  .message-container .about-clinic {
    position: absolute;
    top: 650px;
    right: 8%;
    background-color: #006eb7;
    padding: 25px 0;
    width: 280px;
    text-align: center;
    border-radius: 50px;
    color: white;
    text-decoration: none;
    font-family: "M PLUS Rounded 1c", sans-serif;
    z-index: 10; }
  .message-container .message-bg1 {
    position: absolute;
    top: -155px;
    left: -90px; }
  .message-container .message-bg2 {
    position: absolute;
    top: 300px;
    right: 0; }

.message-content {
  display: flex;
  position: relative;
  width: 1000px;
  margin-left: auto;
  margin-right: 8.2%; }
  .message-content .message-box {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    line-height: 36px;
    letter-spacing: 3px;
    position: absolute;
    top: 20px;
    height: 450px;
    left: -130px;
    z-index: 10;
    font-size: 17px;
    margin-left: 20px; }
    .message-content .message-box .message2 {
      margin: 0 40px; }
      .message-content .message-box .message2 .num {
        -ms-text-combine-horizontal: all;
        -webkit-text-combine: horizontal;
        text-combine-upright: all;
        line-height: 1;
        vertical-align: baseline; }
    .message-content .message-box .message3 .green {
      color: #00b963; }
    .message-content .message-box .message3 .greeny {
      color: #90c430; }
  .message-content .message-img-box {
    position: absolute;
    top: 10px;
    right: 0%; }

@media screen and (max-width: 1000px) {
  .message-container {
    padding-bottom: 580px; }
    .message-container .message-title {
      font-size: 50px;
      letter-spacing: 3px; }
    .message-container .message-sub {
      font-size: 20px;
      font-weight: bold;
      margin-top: -30px;
      letter-spacing: 1px; }
    .message-container .about-clinic {
      top: 1080px;
      padding: 20px 0;
      border-radius: 40px;
      left: 50%;
      transform: translate(-50%, 0%); }
    .message-container .message-bg1 {
      position: absolute;
      top: -155px;
      left: -90px; }
    .message-container .message-bg2 {
      position: absolute;
      top: 300px;
      right: 0; }
  .message-content {
    display: block;
    width: 100%;
    margin: 0 auto; }
    .message-content .message-box {
      line-height: 36px;
      letter-spacing: 3px;
      top: 460px;
      height: 450px;
      left: 50%;
      font-size: 16px;
      margin: 0;
      transform: translate(-50%, 0%); }
      .message-content .message-box .message2 {
        margin: 0 40px; }
    .message-content .message-img-box {
      width: 100%;
      top: 10px;
      text-align: center; } }

@media screen and (max-width: 700px) {
  .message-container {
    padding-bottom: 450px; }
    .message-container .message-title {
      font-size: 40px;
      letter-spacing: 1px;
      margin-left: 3%; }
    .message-container .message-sub {
      font-size: 18px;
      margin-top: -25px;
      letter-spacing: 0px;
      margin-left: 8%; }
    .message-container .about-clinic {
      top: 920px; }
    .message-container .message-bg1 {
      top: -105px;
      left: -50px;
      width: 70%; }
    .message-container .message-bg2 {
      top: 500px;
      width: 70%; }
  .message-content {
    width: 90%; }
    .message-content .message-box {
      line-height: 25px;
      letter-spacing: 3px;
      font-size: 14px;
      top: 360px; }
      .message-content .message-box .message2 {
        margin: 0 20px; }
    .message-content .message-img-box {
      top: 10px;
      text-align: center; }
    .message-content img {
      width: 400px; } }

@media screen and (max-width: 420px) {
  .message-container {
    padding-bottom: 350px; }
    .message-container .about-clinic {
      top: 830px; }
  .message-content {
    width: 90%; }
    .message-content .message-box {
      top: 290px;
      line-height: 23px; }
      .message-content .message-box .message2 {
        margin: 0 15px; }
    .message-content .message-img-box {
      top: 10px; }
    .message-content img {
      width: 100%; } }

@media screen and (min-width: 1500px) {
  .message-content {
    margin-left: auto;
    margin-right: auto; }
  .about-clinic {
    right: 50% !important;
    margin-right: -500px; } }

@media screen and (max-width: 420px) {
  .message-content .message-box {
    padding-top: 10px; } }

.service-container {
  background-image: url(../images/service-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: auto;
  padding-bottom: 330px;
  margin-top: 430px;
  position: relative; }
  .service-container .service-title {
    margin: 0;
    padding-top: 100px;
    margin-left: 9.2%;
    font-size: 60px;
    letter-spacing: 5px;
    color: white;
    opacity: 0.8;
    font-family: "M PLUS Rounded 1c", sans-serif; }
  .service-container .service-sub {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    margin-top: -37px;
    margin-left: 13.5%;
    margin-bottom: 30px;
    position: absolute;
    letter-spacing: 2px; }
  .service-container .service-sent {
    text-align: center;
    margin: 0;
    padding: 20px 0 50px 0; }

.service-content {
  display: flex;
  width: 80%;
  margin: 0 auto;
  text-align: center; }
  .service-content .service-item {
    width: 25%;
    position: relative; }
    .service-content .service-item .about-service {
      background-color: #006eb7;
      padding: 25px 0;
      width: 280px;
      letter-spacing: 2px;
      text-align: center;
      border-radius: 50px;
      color: white;
      text-decoration: none;
      position: absolute;
      bottom: -150px;
      right: -10.5%;
      font-family: "M PLUS Rounded 1c", sans-serif; }
    .service-content .service-item .service-num {
      font-family: "M PLUS Rounded 1c", sans-serif;
      width: 35px;
      padding: 3px 0;
      font-size: 20px;
      text-align: center;
      border-top: 1px solid black;
      border-bottom: 1px solid black;
      color: #006eb7;
      position: absolute;
      top: 8px;
      left: 23px; }
    .service-content .service-item .even-num {
      color: #00a492; }
    .service-content .service-item img {
      width: 90%;
      height: auto;
      margin: 0 auto; }
    .service-content .service-item .item-next {
      position: absolute;
      bottom: 9%;
      right: 11%; }
      .service-content .service-item .item-next img {
        width: 40px; }

@media screen and (max-width: 1000px) {
  .service-container {
    padding-bottom: 250px; }
    .service-container .service-title {
      font-size: 50px;
      letter-spacing: 3px; }
    .service-container .service-sub {
      font-size: 20px;
      margin-top: -30px;
      margin-left: 15%;
      margin-bottom: 20px;
      letter-spacing: 1px; }
    .service-container .service-sent {
      font-size: 14px;
      padding: 20px 0 50px 0; }
  .service-content {
    display: flex;
    width: 95%; }
    .service-content .service-item .about-service {
      padding: 20px 0;
      letter-spacing: 1px;
      bottom: -150px;
      right: 20%; } }

@media screen and (max-width: 700px) {
  .service-container {
    padding-bottom: 290px; }
    .service-container .service-title {
      margin: 0;
      padding-top: 150px;
      margin-left: 3%;
      font-size: 40px;
      letter-spacing: 3px; }
    .service-container .service-sub {
      font-size: 18px;
      margin-top: -20px;
      margin-left: 8%;
      margin-bottom: 20px;
      letter-spacing: 1px; }
    .service-container .service-sent {
      padding: 0px 0 50px 0; }
  .service-content {
    display: block;
    width: 80%; }
    .service-content .service-item {
      width: 100%;
      margin-bottom: 50px; }
      .service-content .service-item .about-service {
        left: 50%;
        transform: translate(-50%, 0%); }
      .service-content .service-item .service-num {
        width: 50px;
        padding: 10px 0;
        font-size: 20px;
        top: 15px;
        left: 100px; }
      .service-content .service-item img {
        width: 60%; }
      .service-content .service-item .item-next {
        bottom: 6%;
        right: 22%; }
        .service-content .service-item .item-next img {
          width: 60px; } }

@media screen and (max-width: 420px) {
  .service-content .service-item .service-num {
    width: 40px;
    padding: 7px 0;
    font-size: 18px;
    top: 10px;
    left: 55px; }
  .service-content .service-item .item-next img {
    width: 50px; } }

.access-container {
  position: relative; }
  .access-container .access-title {
    margin: 0;
    padding-top: 90px;
    margin-left: 9%;
    font-size: 60px;
    letter-spacing: 5px;
    color: #006eb7;
    opacity: 0.3;
    font-family: "M PLUS Rounded 1c", sans-serif; }
  .access-container .access-sub {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    margin-top: -37px;
    margin-left: 12.5%;
    margin-bottom: 30px;
    letter-spacing: 2px; }
  .access-container .access-content {
    width: 100%;
    height: 500px;
    overflow: hidden; }
  .access-container .access-content iframe {
    width: 100%;
    height: 860px;
    margin-top: -170px; }
  .access-container .place-card {
    background-color: #fff;
    padding: 30px 60px 200px 60px;
    width: 38%;
    position: absolute;
    top: 620px;
    left: 9%; }
    .access-container .place-card .address {
      margin: 0; }
    .access-container .place-card .walk-time {
      padding-top: 40px;
      margin: 0; }
  .access-container .about-access {
    position: absolute;
    top: 670px;
    right: 8%;
    background-color: #006eb7;
    padding: 25px 0;
    width: 280px;
    text-align: center;
    border-radius: 50px;
    color: white;
    text-decoration: none;
    font-family: "M PLUS Rounded 1c", sans-serif; }

@media screen and (max-width: 1000px) {
  .access-container .access-title {
    padding-top: 60px;
    font-size: 50px;
    letter-spacing: 3px; }
  .access-container .access-sub {
    font-size: 20px;
    margin-top: -30px;
    margin-left: 12%;
    margin-bottom: 20px;
    letter-spacing: 1px; }
  .access-container .place-card {
    padding: 25px 30px 25px 30px;
    width: 50%;
    top: 550px;
    left: 50%;
    transform: translate(-50%, 0%); }
  .access-container .about-access {
    top: 780px;
    left: 50%;
    transform: translate(-50%, 0%);
    padding: 20px 0; } }

@media screen and (max-width: 700px) {
  .access-container .access-title {
    padding-top: 40px;
    font-size: 30px;
    letter-spacing: 1px;
    margin-left: 3%; }
  .access-container .access-sub {
    font-size: 18px;
    margin-top: -20px;
    margin-left: 8%; }
  .access-container .place-card {
    padding: 15px;
    width: 280px;
    top: 520px; }
  .access-container .about-access {
    top: 740px; } }

footer {
  background-image: url(../images/footer-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  margin-top: 230px;
  padding-bottom: 140px; }

.footer-top {
  display: flex;
  padding-top: 80px;
  margin-left: 9%;
  align-items: center; }
  .footer-top img {
    margin-right: 30px;
    margin-bottom: 40px; }
  .footer-top .footer-address p {
    margin: 0;
    line-height: 30px;
    margin-top: 15px; }

.footer-nav-list {
  width: 650px;
  margin: 0 auto;
  margin-top: 170px;
  display: flex;
  list-style: none;
  text-align: center;
  justify-content: space-between;
  padding: 0; }
  .footer-nav-list .footer-nav-item a {
    text-decoration: none;
    color: black; }

.footer-btn a img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%); }

@media screen and (max-width: 1000px) {
  .footer-top {
    padding-top: 60px; }
    .footer-top img {
      margin-right: 20px;
      margin-bottom: 0px;
      width: 40%; }
    .footer-top .footer-address p {
      margin: 0;
      margin-bottom: 10px;
      line-height: 25px;
      margin-top: 30px;
      font-size: 15px; } }

@media screen and (max-width: 700px) {
  footer {
    padding-bottom: 90px; }
  .footer-top {
    display: block;
    margin: 0;
    text-align: center; }
    .footer-top img {
      width: 60%; }
    .footer-top .footer-address p {
      margin: 0 auto;
      margin-bottom: 20px;
      line-height: 25px;
      margin-top: 20px;
      font-size: 15px; }
  .footer-nav-list {
    width: 100%;
    margin-top: 40px;
    display: block; }
    .footer-nav-list .footer-nav-item {
      margin-bottom: 20px;
      font-size: 18px; } }

footer #dx {
  border-top: 1px dashed #666666;
  border-bottom: 1px dashed #666666;
  padding-top: 3em;
  padding-bottom: 3em;
  padding-left: 4%;
  margin: 5em 9.5% 0;
  box-sizing: border-box; }
  @media screen and (max-width: 420px) {
    footer #dx {
      width: 95%;
      padding-left: 0;
      margin: 5em auto 0; } }
  footer #dx ul li strong {
    display: block; }
  @media screen and (max-width: 420px) {
    footer #dx ul li {
      padding-right: 1em; } }

.service-container .note {
  width: 80%;
  margin: 18em auto 0;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.8);
  padding: 2em; }
  .service-container .note p strong.red {
    color: red; }
  .service-container .note p i {
    color: red;
    font-style: normal; }

.clinic-sentence {
  margin-top: 120px;
  line-height: 30px;
  margin-left: 20px;
  margin-right: 20px; }
  .clinic-sentence .clinic-sent {
    text-align: center;
    margin: 0; }

.sisetu-intro {
  margin: 130px 9% 0 9%;
  text-align: center; }
  .sisetu-intro .under-logo {
    margin-bottom: 40px; }
  .sisetu-intro .under-title {
    text-align: center;
    font-size: 28px;
    margin-bottom: 50px;
    margin-top: 0;
    font-family: "M PLUS Rounded 1c", sans-serif; }

.sisetu-content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px; }
  .sisetu-content .sisetu-box {
    width: 47.5%; }
    .sisetu-content .sisetu-box .sisetu-item {
      position: relative;
      width: 100%; }
      .sisetu-content .sisetu-box .sisetu-item .sisetu-img {
        width: 100%; }
      .sisetu-content .sisetu-box .sisetu-item .sisetu-item-sent {
        width: 83%;
        letter-spacing: 2px;
        position: absolute;
        bottom: 0;
        left: 60px;
        margin: 0;
        padding: 20px;
        text-align: left;
        background-color: rgba(255, 255, 255, 0.8);
        font-family: "M PLUS Rounded 1c", sans-serif;
        font-weight: bold; }

.equip-content {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 50px; }
  .equip-content .equip-box {
    width: 31%; }
    .equip-content .equip-box:nth-child(2) {
      margin: 0 50px; }
    .equip-content .equip-box .equip-item {
      width: 100%;
      text-align: left; }
      .equip-content .equip-box .equip-item img {
        width: 100%; }
      .equip-content .equip-box .equip-item .equip-name {
        font-weight: bold;
        margin: 0;
        padding-top: 10px; }
      .equip-content .equip-box .equip-item .equip-sent {
        margin: 0;
        padding-top: 10px;
        line-height: 25px; }
  .equip-content .dummy {
    opacity: 0; }

@media screen and (max-width: 1000px) {
  .sisetu-intro {
    margin-top: 100px; }
    .sisetu-intro .under-logo {
      margin-bottom: 30px; }
    .sisetu-intro .under-title {
      margin-bottom: 40px; }
  .sisetu-content {
    margin-bottom: 40px; }
    .sisetu-content .sisetu-box .sisetu-item .sisetu-item-sent {
      left: 30px;
      padding: 15px 20px; }
  .equip-content .equip-box {
    width: 31%; }
    .equip-content .equip-box:nth-child(2) {
      margin: 0 30px; }
    .equip-content .equip-box .equip-item .equip-name {
      font-size: 14px;
      padding-top: 10px; }
    .equip-content .equip-box .equip-item .equip-sent {
      font-size: 14px;
      padding-top: 8px;
      line-height: 22px; } }

@media screen and (max-width: 700px) {
  .clinic-sentence {
    margin-top: 80px;
    line-height: 25px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 14px; }
  .sisetu-intro {
    margin: 80px 30px 0 30px; }
    .sisetu-intro .under-logo {
      margin-bottom: 25px; }
    .sisetu-intro .under-title {
      font-size: 25px;
      margin-bottom: 20px; }
  .sisetu-content {
    display: block;
    margin-bottom: 0px; }
    .sisetu-content .sisetu-box {
      margin: 0 auto;
      width: 100%; }
      .sisetu-content .sisetu-box .sisetu-item {
        margin-bottom: 50px; }
        .sisetu-content .sisetu-box .sisetu-item .sisetu-item-sent {
          width: 84%;
          left: 10%;
          padding: 20px 25; } }

@media screen and (max-width: 420px) {
  .equip-content {
    display: block;
    margin-bottom: 0px; }
    .equip-content .equip-box {
      width: 100%;
      margin: 0 auto; }
      .equip-content .equip-box:nth-child(2) {
        margin: 0 auto; }
      .equip-content .equip-box .equip-item {
        width: 100%;
        margin-bottom: 40px; }
        .equip-content .equip-box .equip-item .equip-name {
          margin: 0;
          padding-top: 5px; }
        .equip-content .equip-box .equip-item .equip-sent {
          margin: 0;
          padding-top: 5px;
          line-height: 20px; }
    .equip-content .dummy {
      display: none; } }

.doctor-greet {
  position: relative;
  margin-top: 140px;
  padding-bottom: 320px; }

.greet-content {
  width: 900px;
  margin: 0 auto;
  position: relative; }
  .greet-content .greet-sent {
    width: 470px;
    position: absolute;
    top: 80px;
    left: 490px; }
    .greet-content .greet-sent .greet-title {
      font-size: 20px;
      font-weight: bold;
      padding-bottom: 30px;
      line-height: 30px;
      margin: 0; }
    .greet-content .greet-sent .doctor-sent1 {
      font-size: 15px;
      line-height: 25px;
      padding-bottom: 30px;
      letter-spacing: 2px;
      margin: 0; }
    .greet-content .greet-sent .doctor-sent2 {
      margin: 0;
      font-size: 15px;
      line-height: 25px;
      letter-spacing: 2px; }
      .greet-content .greet-sent .doctor-sent2 .green {
        color: #00b963; }
      .greet-content .greet-sent .doctor-sent2 .greeny {
        color: #90c430; }
    .greet-content .greet-sent .doctor-name-box {
      display: flex;
      justify-content: flex-end; }
      .greet-content .greet-sent .doctor-name-box .position {
        font-size: 16px;
        font-weight: bold;
        margin-right: 20px;
        padding-top: 25px; }
      .greet-content .greet-sent .doctor-name-box .doctor-name {
        text-align: center; }
        .greet-content .greet-sent .doctor-name-box .doctor-name .first-name {
          font-size: 12px;
          margin: 0; }
        .greet-content .greet-sent .doctor-name-box .doctor-name .second-name {
          font-size: 22px;
          font-weight: bold;
          margin: 0; }

.doctor-career-box {
  background-color: #dcf3e6;
  padding: 50px;
  display: flex;
  justify-content: space-between; }
  .doctor-career-box .doctor-career-left {
    width: 46%;
    height: 760px;
    padding: 90px 0 0 50px;
    background-color: rgba(255, 255, 255, 0.8); }
    .doctor-career-box .doctor-career-left .career-title {
      font-size: 20px;
      margin: 0;
      padding-bottom: 25px;
      font-family: "M PLUS Rounded 1c", sans-serif;
      font-weight: bold; }
      .doctor-career-box .doctor-career-left .career-title img {
        margin-right: 10px; }
    .doctor-career-box .doctor-career-left .career-table {
      padding-right: 20px; }
      .doctor-career-box .doctor-career-left .career-table tr .year {
        width: 110px;
        padding-bottom: 15px; }
      .doctor-career-box .doctor-career-left .career-table tr .career-cont {
        padding-bottom: 15px; }
  .doctor-career-box .doctor-career-right {
    width: 46%;
    height: auto; }
    .doctor-career-box .doctor-career-right .doctor-quali {
      padding: 90px 0 120px 50px;
      background-color: rgba(255, 255, 255, 0.8); }
      .doctor-career-box .doctor-career-right .doctor-quali .career-title {
        font-size: 20px;
        margin: 0;
        padding-bottom: 25px;
        font-family: "M PLUS Rounded 1c", sans-serif;
        font-weight: bold; }
        .doctor-career-box .doctor-career-right .doctor-quali .career-title img {
          margin-right: 10px; }
      .doctor-career-box .doctor-career-right .doctor-quali .quali-cont {
        margin: 0;
        padding-bottom: 15px; }
    .doctor-career-box .doctor-career-right .doctor-quali-first {
      margin-bottom: 50px; }

@media screen and (max-width: 1000px) {
  .doctor-greet {
    margin-top: 100px;
    padding-bottom: 1300px; }
  .greet-content {
    width: 95%; }
    .greet-content .doctor-img {
      position: absolute;
      left: 50%;
      transform: translate(-50%, 0%); }
    .greet-content .greet-sent {
      width: 90%;
      top: 600px;
      left: 50%;
      transform: translate(-50%, 0%); }
      .greet-content .greet-sent .greet-title {
        padding-bottom: 30px;
        line-height: 30px; }
      .greet-content .greet-sent .doctor-name-box {
        margin-top: 40px; }
  .doctor-career-box {
    display: block; }
    .doctor-career-box .doctor-career-left {
      width: 100%;
      height: auto;
      padding: 90px 0 60px 0;
      margin-bottom: 50px; }
      .doctor-career-box .doctor-career-left .career-title {
        font-size: 25px;
        text-align: center; }
      .doctor-career-box .doctor-career-left .career-table {
        padding-right: 0px;
        width: 80%;
        margin: 0 auto; }
        .doctor-career-box .doctor-career-left .career-table tr .year {
          width: 110px;
          padding-bottom: 15px; }
        .doctor-career-box .doctor-career-left .career-table tr .career-cont {
          padding-bottom: 15px; }
    .doctor-career-box .doctor-career-right {
      width: 100%;
      height: auto; }
      .doctor-career-box .doctor-career-right .doctor-quali {
        padding: 90px 10% 120px 10%; }
        .doctor-career-box .doctor-career-right .doctor-quali .career-title {
          font-size: 25px;
          text-align: center; }
        .doctor-career-box .doctor-career-right .doctor-quali .quali-cont {
          margin: 0;
          padding-bottom: 15px; }
      .doctor-career-box .doctor-career-right .doctor-quali-first {
        margin-bottom: 50px; } }

@media screen and (max-width: 700px) {
  .greet-content .greet-sent {
    width: 90%; }
    .greet-content .greet-sent .doctor-sent1 {
      font-size: 14px;
      line-height: 22px;
      padding-bottom: 25px; }
    .greet-content .greet-sent .doctor-sent2 {
      margin: 0;
      font-size: 14px;
      line-height: 22px; }
    .greet-content .greet-sent .doctor-name-box .position {
      font-size: 15px;
      margin-right: 18px; }
    .greet-content .greet-sent .doctor-name-box .doctor-name .first-name {
      font-size: 11px; }
    .greet-content .greet-sent .doctor-name-box .doctor-name .second-name {
      font-size: 20px; }
  .doctor-career-box .doctor-career-left {
    height: auto;
    padding: 60px 0 50px 0; }
    .doctor-career-box .doctor-career-left .career-table {
      font-size: 15px;
      width: 90%; }
      .doctor-career-box .doctor-career-left .career-table tr .year {
        width: 100px;
        padding-bottom: 12px; }
      .doctor-career-box .doctor-career-left .career-table tr .career-cont {
        padding-bottom: 12px; }
  .doctor-career-box .doctor-career-right {
    height: auto; }
    .doctor-career-box .doctor-career-right .doctor-quali {
      font-size: 15px;
      padding: 60px 10%; }
      .doctor-career-box .doctor-career-right .doctor-quali .quali-cont {
        margin: 0;
        padding-bottom: 12px; } }

@media screen and (max-width: 420px) {
  .doctor-greet {
    padding-bottom: 1200px; }
  .greet-content .doctor-img {
    width: 358px; }
  .greet-content .greet-sent {
    width: 100%;
    top: 460px; }
    .greet-content .greet-sent .greet-title {
      font-size: 17px;
      padding-bottom: 15px;
      line-height: 25px; }
    .greet-content .greet-sent .doctor-name-box {
      margin-top: 30px; }
  .doctor-career-box {
    padding: 30px; }
    .doctor-career-box .doctor-career-left {
      padding: 50px 0;
      margin-bottom: 30px; }
      .doctor-career-box .doctor-career-left .career-title {
        font-size: 20px; }
      .doctor-career-box .doctor-career-left .career-table {
        width: 95%; }
        .doctor-career-box .doctor-career-left .career-table tr .year {
          width: 90px;
          padding-bottom: 10px;
          font-size: 13px; }
        .doctor-career-box .doctor-career-left .career-table tr .career-cont {
          padding-bottom: 10px;
          font-size: 13px; }
    .doctor-career-box .doctor-career-right .doctor-quali {
      padding: 50px 10%; }
      .doctor-career-box .doctor-career-right .doctor-quali .career-title {
        font-size: 20px; }
      .doctor-career-box .doctor-career-right .doctor-quali .quali-cont {
        margin: 0;
        padding-bottom: 10px;
        font-size: 13px; }
    .doctor-career-box .doctor-career-right .doctor-quali-first {
      margin-bottom: 30px; } }

@media screen and (min-width: 1500px) {
  .doctor-career-box {
    padding: 60px; }
    .doctor-career-box .doctor-career-left {
      width: 47%; }
    .doctor-career-box .doctor-career-right {
      width: 47%; } }

.test-process-box {
  margin: 130px 9% 0 9%;
  text-align: center; }
  .test-process-box .under-logo {
    margin-bottom: 40px; }
  .test-process-box .under-title {
    text-align: center;
    font-size: 28px;
    margin-bottom: 50px;
    margin-top: 0;
    font-family: "M PLUS Rounded 1c", sans-serif; }
  .test-process-box .test-process-content {
    display: flex;
    justify-content: space-between; }
    .test-process-box .test-process-content .circle-waku {
      position: relative;
      width: 24%;
      margin: 1%; }
      .test-process-box .test-process-content .circle-waku .test-process-item {
        background-image: url(../images/process-bg.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100%;
        padding-top: 100%; }
        .test-process-box .test-process-content .circle-waku .test-process-item .test-process-num {
          color: #00a492;
          font-family: "M PLUS Rounded 1c", sans-serif;
          font-weight: bold;
          margin: 0;
          padding: 5px 10px;
          border-top: 1px solid #000;
          border-bottom: 1px solid #000;
          position: absolute;
          top: 10px;
          left: 5%; }
        .test-process-box .test-process-content .circle-waku .test-process-item .process-item-cont {
          position: absolute;
          width: 100%;
          top: 50%;
          margin: 0;
          transform: translateY(-50%);
          font-size: 1.11vw;
          text-align: center; }
        .test-process-box .test-process-content .circle-waku .test-process-item .next-black {
          width: 2.2vw;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: -7%; }
      .test-process-box .test-process-content .circle-waku .odd-process {
        background-image: url(../images/odd-process-bg.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        padding-top: 100%; }
        .test-process-box .test-process-content .circle-waku .odd-process .test-process-num {
          color: #006eb7;
          font-family: "M PLUS Rounded 1c", sans-serif;
          font-weight: bold;
          margin: 0;
          padding: 5px 10px;
          border-top: 1px solid #000;
          border-bottom: 1px solid #000;
          position: absolute;
          top: 10px;
          left: 5%; }
        .test-process-box .test-process-content .circle-waku .odd-process .process-item-cont {
          position: absolute;
          width: 100%;
          top: 50%;
          margin: 0;
          transform: translateY(-50%);
          font-size: 1.11vw;
          text-align: center; }
        .test-process-box .test-process-content .circle-waku .odd-process .next-black {
          width: 2.2vw;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: -7%; }

.guidance-box {
  margin-top: 130px;
  text-align: center; }
  .guidance-box .under-logo {
    margin-bottom: 40px; }
  .guidance-box .under-title {
    text-align: center;
    font-size: 28px;
    margin-bottom: 50px;
    margin-top: 0;
    font-family: "M PLUS Rounded 1c", sans-serif; }
  .guidance-box .guidance-container {
    background-color: #dcf3e6;
    text-align: left;
    padding: 50px; }
    .guidance-box .guidance-container .guidance-cont {
      width: 100%;
      line-height: 30px;
      background-color: rgba(250, 250, 250, 0.8); }
      .guidance-box .guidance-container .guidance-cont .guidance-item {
        margin: 0 80px;
        padding: 80px 0;
        border-bottom: 1px dotted rgba(0, 0, 0, 0.5); }
        .guidance-box .guidance-container .guidance-cont .guidance-item:last-child {
          border-bottom: none; }
        .guidance-box .guidance-container .guidance-cont .guidance-item .guidance-title {
          margin: 0 0 40px 0;
          font-family: "M PLUS Rounded 1c", sans-serif;
          font-weight: bold;
          font-size: 20px;
          letter-spacing: 3px; }
          .guidance-box .guidance-container .guidance-cont .guidance-item .guidance-title img {
            margin-right: 10px; }
        .guidance-box .guidance-container .guidance-cont .guidance-item .guidance-item-sent {
          margin: 0 0 0 60px; }
        .guidance-box .guidance-container .guidance-cont .guidance-item .hospital {
          width: 85%;
          margin: 40px auto 0;
          padding: 60px 0 60px 80px;
          position: relative;
          background-color: rgba(141, 194, 33, 0.2); }
          .guidance-box .guidance-container .guidance-cont .guidance-item .hospital .hospital-tl {
            position: absolute;
            top: 0;
            left: 0; }
          .guidance-box .guidance-container .guidance-cont .guidance-item .hospital .hospital-br {
            position: absolute;
            bottom: 0;
            right: 0; }
          .guidance-box .guidance-container .guidance-cont .guidance-item .hospital .hos-list {
            padding: 0; }
  .guidance-box .guidance-nav-box {
    background-image: url(../images/guid-nav-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 90px 80px 80px 80px; }
    .guidance-box .guidance-nav-box .guidance-nav-cont {
      display: flex;
      justify-content: space-between;
      width: 100%;
      margin-bottom: 80px; }
      .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item {
        text-align: center;
        width: 48.5%;
        position: relative;
        background-color: #fff;
        padding-bottom: 160px; }
        .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item .guid-nav-logo-box {
          position: absolute;
          width: 60px;
          top: -50px;
          padding: 15px;
          left: 50%;
          text-align: center;
          background-color: #fff;
          border: 5px solid rgba(139, 192, 33, 0.2);
          border-radius: 50%;
          transform: translate(-50%, 0%);
          line-height: 1; }
          .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item .guid-nav-logo-box:before {
            content: "";
            position: absolute;
            top: -10px;
            bottom: -10px;
            left: -10px;
            right: -10px;
            border: solid 5px white;
            z-index: -1;
            border-radius: 50%; }
          .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item .guid-nav-logo-box .guid-nav-logo {
            width: 100%; }
        .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item .guid-nav-title {
          font-size: 22px;
          font-weight: bold;
          letter-spacing: 3px;
          text-align: center;
          margin: 80px 0 30px 0;
          color: #00a492;
          font-family: "M PLUS Rounded 1c", sans-serif; }
        .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item .guid-nav-thumb {
          width: 68%;
          margin: 0 0 30px 0; }
        .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item .guid-nav-sent {
          line-height: 180%;
          width: 68%;
          margin: 0 auto;
          font-size: 1.2vw;
          text-align: left; }
        .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item .more-view {
          background-color: #006eb7;
          padding: 22px 0px;
          margin: 0;
          width: 280px;
          display: block;
          text-align: center;
          border-radius: 50px;
          color: white;
          text-decoration: none;
          font-family: "M PLUS Rounded 1c", sans-serif;
          z-index: 10;
          position: absolute;
          left: 50%;
          bottom: 50px;
          transform: translate(-50%, 0%); }

@media screen and (max-width: 1000px) {
  .test-process-box {
    margin: 100px 9% 0 9%; }
    .test-process-box .under-logo {
      margin-bottom: 30px; }
    .test-process-box .under-title {
      margin-bottom: 40px; }
    .test-process-box .test-process-content {
      display: block; }
      .test-process-box .test-process-content .circle-waku {
        width: 47%;
        margin: 0 auto 6vw; }
        .test-process-box .test-process-content .circle-waku .test-process-item .test-process-num {
          font-size: 2vw;
          padding: 1.2vw 2vw;
          top: 10px;
          left: 5%; }
        .test-process-box .test-process-content .circle-waku .test-process-item .process-item-cont {
          font-size: 2vw; }
        .test-process-box .test-process-content .circle-waku .test-process-item .next-black {
          width: 7vw;
          top: 97%;
          left: 50%;
          transform: translateX(-50%) rotate(90deg); }
        .test-process-box .test-process-content .circle-waku .odd-process .test-process-num {
          font-size: 2vw;
          padding: 1.2vw 2vw;
          top: 10px;
          left: 5%; }
        .test-process-box .test-process-content .circle-waku .odd-process .process-item-cont {
          font-size: 2vw; }
        .test-process-box .test-process-content .circle-waku .odd-process .next-black {
          width: 7vw;
          position: absolute;
          top: 97%;
          left: 50%;
          transform: translateX(-50%) rotate(90deg); }
  .guidance-box {
    margin-top: 100px; }
    .guidance-box .under-logo {
      margin-bottom: 30px; }
    .guidance-box .under-title {
      margin-bottom: 40px; }
    .guidance-box .guidance-container .guidance-cont {
      font-size: 15px; }
      .guidance-box .guidance-container .guidance-cont .guidance-item {
        margin: 0 50px;
        padding: 60px 0; }
        .guidance-box .guidance-container .guidance-cont .guidance-item .guidance-title {
          margin: 0 0 30px 0;
          letter-spacing: 2px; }
        .guidance-box .guidance-container .guidance-cont .guidance-item .guidance-item-sent {
          margin: 0 0 0 4.5vw; }
        .guidance-box .guidance-container .guidance-cont .guidance-item .hospital {
          width: 80%;
          margin: 30px auto 0;
          padding: 25px 0 25px 70px;
          position: relative; }
    .guidance-box .guidance-nav-box {
      padding: 90px 20px 50px 20px; }
      .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item {
        width: 48.5%;
        padding-bottom: 160px; }
        .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item .guid-nav-title {
          font-size: 20px;
          letter-spacing: 2px;
          margin: 70px 0 20px 0; }
        .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item .guid-nav-thumb {
          width: 90%;
          margin: 0 0 20px 0; }
        .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item .guid-nav-sent {
          line-height: 180%;
          width: 90%;
          font-size: 1.6vw; }
        .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item .more-view {
          padding: 20px 0px;
          width: 200px;
          font-size: 15px;
          bottom: 50px; } }

@media screen and (max-width: 700px) {
  .test-process-box {
    margin: 80px 5% 0 5%; }
    .test-process-box .under-logo {
      margin-bottom: 20px; }
    .test-process-box .under-title {
      font-size: 25px;
      margin-bottom: 30px; }
    .test-process-box .test-process-content .circle-waku {
      width: 320px;
      margin-bottom: 40px; }
      .test-process-box .test-process-content .circle-waku .test-process-item .test-process-num {
        font-size: 3.5vw; }
      .test-process-box .test-process-content .circle-waku .test-process-item .process-item-cont {
        font-size: 15px;
        line-height: 25px; }
      .test-process-box .test-process-content .circle-waku .test-process-item .next-black {
        width: 45px; }
      .test-process-box .test-process-content .circle-waku .odd-process .test-process-num {
        font-size: 3.5vw; }
      .test-process-box .test-process-content .circle-waku .odd-process .process-item-cont {
        font-size: 15px;
        line-height: 25px; }
      .test-process-box .test-process-content .circle-waku .odd-process .next-black {
        width: 45px; }
  .guidance-box {
    margin-top: 80px; }
    .guidance-box .under-logo {
      margin-bottom: 20px; }
    .guidance-box .under-title {
      font-size: 25px;
      margin-bottom: 20px; }
    .guidance-box .guidance-container {
      padding: 30px; }
      .guidance-box .guidance-container .guidance-cont {
        font-size: 14px; }
        .guidance-box .guidance-container .guidance-cont .guidance-item {
          margin: 0 30px;
          padding: 30px 0; }
          .guidance-box .guidance-container .guidance-cont .guidance-item .guidance-title {
            margin: 0 0 20px 0;
            letter-spacing: 1px; }
          .guidance-box .guidance-container .guidance-cont .guidance-item .guidance-item-sent {
            margin: 0 0 0 20px;
            line-height: 25px; }
          .guidance-box .guidance-container .guidance-cont .guidance-item .hospital {
            width: 86%;
            margin: 20px auto 0;
            padding: 20px 0 20px 50px; }
    .guidance-box .guidance-nav-box {
      padding-top: 60px; }
      .guidance-box .guidance-nav-box .guidance-nav-cont {
        display: block; }
        .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item {
          margin: 0 auto;
          width: 90%;
          padding-bottom: 120px; }
          .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item .guid-nav-title {
            padding-top: 70px;
            margin-top: 80px; }
          .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item .guid-nav-sent {
            line-height: 180%;
            font-size: 14px; }
          .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item .more-view {
            width: 250px;
            bottom: 30px; } }

@media screen and (max-width: 420px) {
  .test-process-box {
    margin: 60px 5% 0 5%; }
    .test-process-box .test-process-content .circle-waku {
      width: 280px;
      margin-bottom: 40px; }
      .test-process-box .test-process-content .circle-waku .test-process-item .test-process-num {
        top: 20px;
        font-size: 17px; }
      .test-process-box .test-process-content .circle-waku .odd-process .test-process-num {
        font-size: 17px;
        top: 20px; }
  .guidance-box {
    margin-top: 60px; }
    .guidance-box .guidance-container {
      padding: 30px; }
      .guidance-box .guidance-container .guidance-cont {
        font-size: 13px; }
        .guidance-box .guidance-container .guidance-cont .guidance-item {
          margin: 0 15px;
          padding: 20px 0; }
          .guidance-box .guidance-container .guidance-cont .guidance-item .guidance-title {
            font-size: 16px;
            margin: 0 0 10px 0;
            letter-spacing: 1px; }
            .guidance-box .guidance-container .guidance-cont .guidance-item .guidance-title img {
              margin-right: 5px; }
          .guidance-box .guidance-container .guidance-cont .guidance-item .guidance-item-sent {
            margin: 0 0 0 10px;
            line-height: 25px;
            font-size: 12px; }
          .guidance-box .guidance-container .guidance-cont .guidance-item .hospital {
            width: 82%;
            margin: 10px auto 0;
            padding: 10px 0 10px 30px; }
    .guidance-box .guidance-nav-box {
      padding-top: 50px; }
      .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item {
        margin: 0 auto;
        width: 100%;
        padding-bottom: 110px; }
        .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item .more-view {
          width: 200px; } }

@media screen and (min-width: 1500px) {
  .guidance-box .guidance-container {
    padding: 60px; }
  .guidance-box .guidance-nav-box {
    padding: 90px 120px 80px 120px; }
    .guidance-box .guidance-nav-box .guidance-nav-cont {
      margin-bottom: 100px; }
      .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item {
        width: 47%; }
        .guidance-box .guidance-nav-box .guidance-nav-cont .guidance-nav-item .guid-nav-sent {
          font-size: 20px; } }

.diabe-top {
  margin: 100px 9% 0;
  position: relative; }
  .diabe-top .diabe-top-img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 30vw; }
  .diabe-top .diabe-top-img2 {
    position: absolute;
    top: 230px;
    left: 0;
    z-index: -1;
    width: 30vw; }
  .diabe-top .diabe-top-sent-box {
    width: 450px;
    padding-top: 100px;
    margin: 0px auto; }
    .diabe-top .diabe-top-sent-box .diabe-top-sent {
      margin: 0;
      letter-spacing: 2px;
      padding-bottom: 40px;
      line-height: 30px; }

.diabe-container {
  background-color: #dcf3e6;
  padding: 50px;
  margin-top: 200px; }
  .diabe-container .diabe-symp {
    position: relative;
    background-image: url(../images/symp-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top 0% right 0%;
    width: 100%; }
    .diabe-container .diabe-symp .symp-right {
      position: absolute;
      top: 0;
      right: 0; }
    .diabe-container .diabe-symp .symp-title {
      position: relative;
      width: 85%;
      font-size: 20px;
      margin: 0 auto;
      padding-top: 50px;
      padding-bottom: 25px;
      border-bottom: 1px solid #000;
      font-family: "M PLUS Rounded 1c", sans-serif;
      font-weight: bold;
      letter-spacing: 2px; }
      .diabe-container .diabe-symp .symp-title .symp-logo {
        position: absolute;
        top: 40px;
        right: 0; }
    .diabe-container .diabe-symp .symp-cont {
      margin: 50px auto 0 auto;
      display: flex;
      justify-content: center;
      width: 80%; }
      .diabe-container .diabe-symp .symp-cont .symp-girl {
        margin-right: -25px;
        z-index: 10; }
      .diabe-container .diabe-symp .symp-cont .symp-check-box {
        width: 800px;
        background-color: #f8f3d5;
        padding: 40px 0 40px 50px;
        margin-bottom: 80px; }
        .diabe-container .diabe-symp .symp-cont .symp-check-box .check-box-item {
          margin-bottom: 30px;
          display: flex;
          align-items: center;
          font-family: "M PLUS Rounded 1c", sans-serif;
          letter-spacing: 2px;
          font-weight: bold; }
          .diabe-container .diabe-symp .symp-cont .symp-check-box .check-box-item:last-child {
            margin-bottom: 0; }
          .diabe-container .diabe-symp .symp-cont .symp-check-box .check-box-item .symp-check {
            margin-right: 10px;
            width: 30px;
            height: 30px; }
          .diabe-container .diabe-symp .symp-cont .symp-check-box .check-box-item .check-sent {
            margin: 0; }

.about-diabe-box {
  background-color: #fff;
  padding: 0 80px; }
  .about-diabe-box .about-diabe-item {
    padding: 80px 0;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.5); }
    .about-diabe-box .about-diabe-item:last-child {
      border-bottom: none; }
    .about-diabe-box .about-diabe-item .about-diabe-title {
      margin: 0 0 40px 0;
      font-family: "M PLUS Rounded 1c", sans-serif;
      font-weight: bold;
      font-size: 20px;
      letter-spacing: 3px; }
      .about-diabe-box .about-diabe-item .about-diabe-title img {
        margin-right: 10px; }
    .about-diabe-box .about-diabe-item .about-diabe-sent {
      margin: 0 0 0 60px; }
    .about-diabe-box .about-diabe-item .about-diabe-item-cont {
      background-color: rgba(141, 194, 33, 0.1);
      position: relative;
      display: flex;
      align-items: center;
      padding: 60px;
      margin: 0 5% 20px 5%; }
      .about-diabe-box .about-diabe-item .about-diabe-item-cont .about-diabe-tl {
        position: absolute;
        top: 0;
        left: 0; }
      .about-diabe-box .about-diabe-item .about-diabe-item-cont .about-diabe-br {
        position: absolute;
        bottom: 0;
        right: 0; }
      .about-diabe-box .about-diabe-item .about-diabe-item-cont .about-diabe-item-left {
        width: 70%;
        padding-right: 40px;
        border-right: 1px dotted rgba(0, 0, 0, 0.5); }
        .about-diabe-box .about-diabe-item .about-diabe-item-cont .about-diabe-item-left:last-child {
          width: 100%;
          padding-right: 0;
          border-right: none; }
        .about-diabe-box .about-diabe-item .about-diabe-item-cont .about-diabe-item-left .about-diabe-sent-title {
          font-size: 20px;
          color: #00a694;
          font-weight: bold;
          margin: 0;
          padding-bottom: 30px; }
        .about-diabe-box .about-diabe-item .about-diabe-item-cont .about-diabe-item-left .about-diabe-sent-cont {
          margin: 0;
          line-height: 30px; }
      .about-diabe-box .about-diabe-item .about-diabe-item-cont .about-diabe-item-right {
        padding-left: 40px;
        width: 30%; }
        .about-diabe-box .about-diabe-item .about-diabe-item-cont .about-diabe-item-right .howto {
          font-weight: bold; }
        .about-diabe-box .about-diabe-item .about-diabe-item-cont .about-diabe-item-right .howto-sent {
          letter-spacing: 1px;
          font-size: 15px; }
  .about-diabe-box .about-diabe-list {
    margin-left: 60px; }
    .about-diabe-box .about-diabe-list li {
      letter-spacing: 2px; }

.diabe-therapy-container {
  background-image: url(../images/therapy-bg.png);
  background-repeat: repeat;
  background-position: center;
  background-size: cover;
  padding: 60px; }
  .diabe-therapy-container .diabe-therapy-title {
    margin: 0;
    font-size: 20px;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: bold;
    padding-bottom: 30px; }
  .diabe-therapy-container .diabe-therapy-box {
    width: 95%;
    margin: 0 auto; }
    .diabe-therapy-container .diabe-therapy-box .therapy-box-title {
      font-family: "M PLUS Rounded 1c", sans-serif;
      font-weight: bold;
      margin: 0;
      display: flex;
      align-items: center;
      letter-spacing: 5px; }
      .diabe-therapy-container .diabe-therapy-box .therapy-box-title:after {
        border-top: 1px solid;
        content: "";
        flex-grow: 1;
        margin-left: 40px; }
    .diabe-therapy-container .diabe-therapy-box .therapy-box-cont {
      display: flex;
      padding: 40px 0 50px 0;
      width: 100%;
      justify-content: space-between; }
      .diabe-therapy-container .diabe-therapy-box .therapy-box-cont .therapy-img-box {
        width: 40%; }
        .diabe-therapy-container .diabe-therapy-box .therapy-box-cont .therapy-img-box .therapy-img {
          width: 100%;
          height: auto; }
      .diabe-therapy-container .diabe-therapy-box .therapy-box-cont .therapy-box-sent {
        width: 55%;
        line-height: 2.3vw;
        letter-spacing: 2px;
        font-size: 1.2vw; }
      .diabe-therapy-container .diabe-therapy-box .therapy-box-cont .therapy-box-sent2-cont {
        width: 55%; }
        .diabe-therapy-container .diabe-therapy-box .therapy-box-cont .therapy-box-sent2-cont .therapy-box-sent2 {
          margin: 0;
          padding-bottom: 40px;
          width: 100%; }
    .diabe-therapy-container .diabe-therapy-box .therapy-box-sentence {
      margin: 0;
      line-height: 32px;
      letter-spacing: 2px;
      padding-top: 50px; }
    .diabe-therapy-container .diabe-therapy-box .able-test {
      margin: 0;
      padding-top: 40px; }
      .diabe-therapy-container .diabe-therapy-box .able-test a {
        color: #006eb7; }

@media screen and (max-width: 1000px) {
  .diabe-top {
    margin: 100px 5% 0; }
    .diabe-top .diabe-top-sent-box {
      width: 350px; }
      .diabe-top .diabe-top-sent-box .diabe-top-sent {
        padding-bottom: 30px; }
  .diabe-container {
    margin-top: 80px; }
    .diabe-container .diabe-symp .symp-title .symp-logo {
      top: 32px;
      right: 10px; }
    .diabe-container .diabe-symp .symp-cont {
      margin: 50px auto 0 auto;
      display: flex;
      justify-content: center;
      width: 90%; }
      .diabe-container .diabe-symp .symp-cont .symp-check-box {
        padding: 40px 0 40px 40px; }
  .about-diabe-box {
    padding: 0 50px; }
    .about-diabe-box .about-diabe-item {
      padding: 60px 0; }
      .about-diabe-box .about-diabe-item .about-diabe-title {
        margin: 0 0 30px 0;
        letter-spacing: 2px; }
      .about-diabe-box .about-diabe-item .about-diabe-sent {
        margin: 0 0 0 4.5vw; }
      .about-diabe-box .about-diabe-item .about-diabe-item-cont {
        display: block;
        padding: 50px;
        margin: 0 0% 20px 0%; }
        .about-diabe-box .about-diabe-item .about-diabe-item-cont .about-diabe-item-left {
          width: 100%;
          padding-right: 0px;
          border-right: none;
          padding-bottom: 30px;
          border-bottom: 1px dotted rgba(0, 0, 0, 0.5); }
          .about-diabe-box .about-diabe-item .about-diabe-item-cont .about-diabe-item-left:last-child {
            border-bottom: none; }
          .about-diabe-box .about-diabe-item .about-diabe-item-cont .about-diabe-item-left .about-diabe-sent-title {
            padding-bottom: 20px; }
        .about-diabe-box .about-diabe-item .about-diabe-item-cont .about-diabe-item-right {
          padding-left: 0px;
          width: 100%;
          padding-top: 20px; }
          .about-diabe-box .about-diabe-item .about-diabe-item-cont .about-diabe-item-right .howto-sent {
            font-size: 17px; }
    .about-diabe-box .about-diabe-list {
      margin-left: 10px; }
  .diabe-therapy-container {
    padding: 50px; }
    .diabe-therapy-container .diabe-therapy-box .therapy-box-title {
      letter-spacing: 3px; }
      .diabe-therapy-container .diabe-therapy-box .therapy-box-title:after {
        margin-left: 30px; }
    .diabe-therapy-container .diabe-therapy-box .therapy-box-cont {
      display: block;
      padding: 20px 0 30px 0; }
      .diabe-therapy-container .diabe-therapy-box .therapy-box-cont .therapy-img-box {
        width: 100%; }
      .diabe-therapy-container .diabe-therapy-box .therapy-box-cont .therapy-box-sent {
        width: 100%;
        line-height: 30px;
        letter-spacing: 3px;
        font-size: 16px; }
      .diabe-therapy-container .diabe-therapy-box .therapy-box-cont .therapy-box-sent2-cont {
        width: 100%;
        margin-top: 16px; }
        .diabe-therapy-container .diabe-therapy-box .therapy-box-cont .therapy-box-sent2-cont .therapy-box-sent2 {
          padding-bottom: 20px; }
    .diabe-therapy-container .diabe-therapy-box .reverse {
      display: flex;
      flex-flow: column-reverse; }
    .diabe-therapy-container .diabe-therapy-box .therapy-box-sentence {
      line-height: 30px;
      letter-spacing: 2px;
      padding-top: 20px; } }

@media screen and (max-width: 700px) {
  .diabe-top {
    margin: 100px 5% 0; }
    .diabe-top .diabe-top-img {
      width: 230px; }
    .diabe-top .diabe-top-img2 {
      top: 380px;
      width: 230px; }
    .diabe-top .diabe-top-sent-box {
      width: 350px;
      padding-top: 50px; }
      .diabe-top .diabe-top-sent-box .diabe-top-sent {
        font-size: 15px;
        letter-spacing: 1px;
        padding-bottom: 0px;
        padding: 10px 20px;
        background-color: rgba(255, 255, 255, 0.7); }
  .diabe-container {
    padding: 30px; }
    .diabe-container .diabe-symp .symp-right {
      width: 40px; }
    .diabe-container .diabe-symp .symp-title {
      padding-top: 40px;
      padding-bottom: 15px; }
      .diabe-container .diabe-symp .symp-title .symp-logo {
        top: 35px;
        right: 20px;
        width: 50px; }
    .diabe-container .diabe-symp .symp-cont {
      display: block;
      margin-top: 40px; }
      .diabe-container .diabe-symp .symp-cont .symp-girl {
        display: none;
        width: 0%; }
      .diabe-container .diabe-symp .symp-cont .symp-check-box {
        width: 90%;
        margin: 0 auto;
        padding: 40px 0 40px 40px; }
        .diabe-container .diabe-symp .symp-cont .symp-check-box .symp-check-box-item {
          margin-bottom: 20px; }
  .about-diabe-box {
    padding: 0 30px; }
    .about-diabe-box .about-diabe-item {
      padding: 30px 0; }
      .about-diabe-box .about-diabe-item .about-diabe-title {
        margin: 0 0 20px 0;
        letter-spacing: 1px; }
      .about-diabe-box .about-diabe-item .about-diabe-sent {
        margin: 0 0 0 20px;
        line-height: 25px; }
      .about-diabe-box .about-diabe-item .about-diabe-item-cont {
        padding: 30px; }
        .about-diabe-box .about-diabe-item .about-diabe-item-cont .about-diabe-item-left {
          padding-bottom: 20px;
          font-size: 15px; }
          .about-diabe-box .about-diabe-item .about-diabe-item-cont .about-diabe-item-left .about-diabe-sent-title {
            padding-bottom: 15px; }
        .about-diabe-box .about-diabe-item .about-diabe-item-cont .about-diabe-item-right {
          padding-top: 10px; }
          .about-diabe-box .about-diabe-item .about-diabe-item-cont .about-diabe-item-right .howto-sent {
            font-size: 15px; }
  .diabe-therapy-container {
    padding: 30px; }
    .diabe-therapy-container .diabe-therapy-title {
      letter-spacing: 2px; }
    .diabe-therapy-container .diabe-therapy-box .therapy-box-title {
      letter-spacing: 1px;
      font-size: 20px; }
      .diabe-therapy-container .diabe-therapy-box .therapy-box-title:after {
        margin-left: 30px; }
    .diabe-therapy-container .diabe-therapy-box .therapy-box-cont .therapy-box-sent {
      line-height: 28px;
      font-size: 15px; }
    .diabe-therapy-container .diabe-therapy-box .therapy-box-cont .therapy-box-sent2-cont .therapy-box-sent2 {
      padding-bottom: 10px; }
    .diabe-therapy-container .diabe-therapy-box .therapy-box-sentence {
      line-height: 28px;
      letter-spacing: 1px;
      font-size: 15px; }
    .diabe-therapy-container .able-test {
      font-size: 15px;
      padding-top: 30px; } }

@media screen and (max-width: 420px) {
  .diabe-top {
    margin: 100px 3% 0; }
    .diabe-top .diabe-top-img {
      width: 230px; }
    .diabe-top .diabe-top-img2 {
      top: 380px;
      width: 230px; }
    .diabe-top .diabe-top-sent-box {
      width: 100%;
      padding-top: 30px; }
  .diabe-container .diabe-symp .symp-right {
    width: 30px; }
  .diabe-container .diabe-symp .symp-title {
    font-size: 15px;
    padding-bottom: 10px; }
    .diabe-container .diabe-symp .symp-title .symp-logo {
      right: 10px;
      width: 40px; }
  .diabe-container .diabe-symp .symp-cont {
    margin-top: 30px; }
    .diabe-container .diabe-symp .symp-cont .symp-check-box {
      width: 90%;
      margin: 0 auto;
      padding: 30px 0 30px 30px; }
      .diabe-container .diabe-symp .symp-cont .symp-check-box .check-box-item .symp-check {
        width: 20px;
        height: 20px; }
      .diabe-container .diabe-symp .symp-cont .symp-check-box .check-box-item .check-sent {
        font-size: 14px; }
  .about-diabe-box {
    padding: 0 20px; }
    .about-diabe-box .about-diabe-item {
      padding: 20px 0; }
      .about-diabe-box .about-diabe-item .about-diabe-title {
        font-size: 18px; }
      .about-diabe-box .about-diabe-item .about-diabe-sent {
        margin: 0 0 0 10px;
        font-size: 15px; }
      .about-diabe-box .about-diabe-item .about-diabe-item-cont {
        padding: 25px 20px 20px 20px; }
  .diabe-therapy-container {
    padding: 35px 20px 20px 20px; }
    .diabe-therapy-container .diabe-therapy-title {
      padding-bottom: 15px; }
    .diabe-therapy-container .diabe-therapy-box .therapy-box-cont .therapy-box-sent {
      line-height: 26px; }
    .diabe-therapy-container .diabe-therapy-box .therapy-box-cont .therapy-box-sent2-cont .therapy-box-sent2 {
      padding-bottom: 10px; }
    .diabe-therapy-container .diabe-therapy-box .therapy-box-sentence {
      line-height: 26px;
      font-size: 14px; } }

@media screen and (min-width: 1500px) {
  .diabe-top {
    margin: 100px 15% 0;
    position: relative; }
    .diabe-top .diabe-top-img {
      max-width: 500px; }
    .diabe-top .diabe-top-img2 {
      max-width: 500px; }
  .diabe-container {
    margin-top: 350px;
    padding: 60px; }
    .diabe-container .diabe-symp .xl-symp-right {
      width: 3.5vw; }
    .diabe-container .diabe-symp .symp-title {
      font-size: 25px; }
  .diabe-therapy-container .diabe-therapy-box .therapy-box-cont .therapy-box-sent {
    font-size: 20px; } }

.endo-top {
  position: relative;
  height: 560px;
  width: 900px;
  margin: 100px auto 0; }
  .endo-top .endo-top-img {
    position: absolute;
    top: 0;
    left: 0%; }
  .endo-top .endo-top-cont {
    position: absolute;
    top: 230px;
    left: 41.5%;
    width: 520px; }
    .endo-top .endo-top-cont .endo-top-sent {
      width: 100%;
      margin: 0;
      letter-spacing: 2px;
      line-height: 30px; }
    .endo-top .endo-top-cont .endo-type-box {
      display: flex;
      align-items: center;
      font-weight: bold;
      margin-top: 50px; }
      .endo-top .endo-top-cont .endo-type-box .endo-type-title {
        width: 160px;
        text-align: center;
        margin: 0 20px 0 0;
        padding: 15px 0;
        background-color: #00a694;
        color: white; }
      .endo-top .endo-top-cont .endo-type-box .endo-type-item {
        margin: 0; }

.thyroid-container {
  text-align: center;
  margin-top: 150px; }
  .thyroid-container .under-logo {
    margin-bottom: 40px; }
  .thyroid-container .under-title {
    font-size: 28px;
    margin: 0;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: bold; }
  .thyroid-container .thyroid-sentence {
    margin: 0;
    padding: 80px 20px;
    line-height: 30px; }
  .thyroid-container .able-test2 {
    margin: 0;
    margin-top: -40px; }
    .thyroid-container .able-test2 a {
      color: #006eb7; }
  .thyroid-container .thyroid-box {
    background-color: #dcf3e6;
    padding: 0 50px 50px 50px; }
    .thyroid-container .thyroid-box .thyroid-type-name {
      font-size: 28px;
      font-family: "M PLUS Rounded 1c", sans-serif;
      font-weight: bold;
      margin: 0;
      padding-bottom: 30px; }
    .thyroid-container .thyroid-box .basedou-container {
      padding: 80px;
      text-align: left;
      background-color: #fff; }
      .thyroid-container .thyroid-box .basedou-container .about-basedou-title {
        margin: 0 0 40px 0;
        font-family: "M PLUS Rounded 1c", sans-serif;
        font-weight: bold;
        font-size: 20px;
        letter-spacing: 3px; }
        .thyroid-container .thyroid-box .basedou-container .about-basedou-title img {
          margin-right: 10px; }
      .thyroid-container .thyroid-box .basedou-container .about-basedou-sent {
        margin: 0 0 0 60px;
        letter-spacing: 1px;
        line-height: 30px; }
    .thyroid-container .thyroid-box .syuyou {
      margin-bottom: -80px; }
    .thyroid-container .thyroid-box .basedou-symp {
      position: relative;
      background-image: url(../images/symp-bg2.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      text-align: left;
      width: 100%; }
      .thyroid-container .thyroid-box .basedou-symp .symp-right {
        position: absolute;
        top: 0;
        right: 0; }
      .thyroid-container .thyroid-box .basedou-symp .exam-right {
        width: 92px; }
      .thyroid-container .thyroid-box .basedou-symp .symp-title {
        position: relative;
        width: 88%;
        margin: 0 auto;
        font-size: 20px;
        padding-top: 50px;
        padding-bottom: 25px;
        border-bottom: 1px solid #000;
        font-family: "M PLUS Rounded 1c", sans-serif;
        font-weight: bold;
        letter-spacing: 2px; }
        .thyroid-container .thyroid-box .basedou-symp .symp-title .symp-logo {
          position: absolute;
          top: 40px;
          right: 0; }
      .thyroid-container .thyroid-box .basedou-symp .symp-title-sp {
        display: none; }
      .thyroid-container .thyroid-box .basedou-symp .symp-cont {
        margin: 50px auto 0 auto;
        display: flex;
        justify-content: center;
        width: 93%; }
        .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-girl {
          margin-right: -25px;
          z-index: 10; }
        .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-girl2 {
          height: 600px;
          margin-right: -25px;
          z-index: 10; }
        .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box {
          width: 800px;
          background-color: #f8f3d5;
          padding: 40px 0 40px 0px;
          margin-bottom: 80px;
          display: flex;
          position: relative; }
          .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box .symp-check-box-half {
            padding-left: 5vw; }
            .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box .symp-check-box-half .check-box-item {
              margin-bottom: 25px;
              display: flex;
              align-items: center;
              font-family: "M PLUS Rounded 1c", sans-serif;
              letter-spacing: 2px;
              font-weight: bold; }
              .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box .symp-check-box-half .check-box-item:last-child {
                margin-bottom: 0; }
              .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box .symp-check-box-half .check-box-item .symp-check {
                margin-right: 10px;
                width: 30px;
                height: 30px; }
              .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box .symp-check-box-half .check-box-item .check-sent {
                margin: 0; }
                .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box .symp-check-box-half .check-box-item .check-sent .konma {
                  letter-spacing: -10px;
                  padding: 0 22px 0 12px;
                  font-weight: normal; }
                .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box .symp-check-box-half .check-box-item .check-sent .check-sent-right {
                  font-weight: normal;
                  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
          .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box .symp-check-box-half2 {
            display: none; }
          .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box .etc {
            position: absolute;
            bottom: 0.6vw;
            right: 5vw;
            font-family: "M PLUS Rounded 1c", sans-serif;
            font-weight: bold; }
    .thyroid-container .thyroid-box .about-diabe-box .about-diabe-item {
      text-align: left; }
      .thyroid-container .thyroid-box .about-diabe-box .about-diabe-item .about-diabe-sent a {
        color: #006eb7; }
    .thyroid-container .thyroid-box .howto-container {
      padding: 80px;
      background-color: #fff;
      text-align: left; }
      .thyroid-container .thyroid-box .howto-container .howto-item-cont {
        background-color: rgba(141, 194, 33, 0.1);
        position: relative;
        padding: 60px; }
        .thyroid-container .thyroid-box .howto-container .howto-item-cont .about-howto-tl {
          position: absolute;
          top: 0;
          left: 0; }
        .thyroid-container .thyroid-box .howto-container .howto-item-cont .about-howto-br {
          position: absolute;
          bottom: 0;
          right: 0; }
        .thyroid-container .thyroid-box .howto-container .howto-item-cont .howto-title {
          font-size: 20px;
          font-weight: bold;
          margin: 0;
          padding-bottom: 20px; }
        .thyroid-container .thyroid-box .howto-container .howto-item-cont .howto-list {
          padding: 0;
          margin: 0;
          list-style: none; }
          .thyroid-container .thyroid-box .howto-container .howto-item-cont .howto-list .howto-item {
            line-height: 30px; }
        .thyroid-container .thyroid-box .howto-container .howto-item-cont .exam-howto-list {
          list-style: disc;
          padding-left: 25px; }
        .thyroid-container .thyroid-box .howto-container .howto-item-cont .howto-sent {
          letter-spacing: 2px;
          line-height: 30px;
          margin: 0; }
    .thyroid-container .thyroid-box .exam-howto-container {
      padding-top: 0; }
  .thyroid-container .thyroid-box2 {
    padding: 50px; }
    .thyroid-container .thyroid-box2 .basedou-symp2 {
      background-image: url(../images/symp-bg.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top 0 right 0; }
  .thyroid-container .top {
    padding-top: 50px; }

@media screen and (max-width: 1000px) {
  .endo-top {
    height: 560px;
    width: 90%; }
    .endo-top .endo-top-cont {
      top: 230px;
      right: 0%;
      width: 60%; }
      .endo-top .endo-top-cont .endo-type-box {
        display: block;
        margin-top: 20px; }
        .endo-top .endo-top-cont .endo-type-box .endo-type-title {
          padding: 10px 0;
          margin-bottom: 10px;
          width: 130px; }
  .thyroid-container {
    margin-top: 120px; }
    .thyroid-container .under-logo {
      margin-bottom: 30px; }
    .thyroid-container .thyroid-sentence {
      margin: 0;
      padding: 50px 20px;
      line-height: 30px; }
    .thyroid-container .able-test2 {
      margin: 0;
      margin-top: -10px; }
      .thyroid-container .able-test2 a {
        color: #006eb7; }
    .thyroid-container .thyroid-box .thyroid-type-name {
      font-size: 25px; }
    .thyroid-container .thyroid-box .basedou-container {
      padding: 60px 50px; }
      .thyroid-container .thyroid-box .basedou-container .about-basedou-title {
        margin: 0 0 30px 0;
        letter-spacing: 2px; }
      .thyroid-container .thyroid-box .basedou-container .about-basedou-sent {
        margin: 0 0 0 4.5vw; }
    .thyroid-container .thyroid-box .syuyou {
      margin-bottom: -60px; }
    .thyroid-container .thyroid-box .basedou-symp .symp-title {
      width: 85%; }
    .thyroid-container .thyroid-box .basedou-symp .symp-cont {
      width: 93%; }
      .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-girl2 {
        display: none; }
      .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box {
        display: block;
        margin-bottom: 30px;
        padding: 30px 0; }
        .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box .symp-check-box-half .check-box-item {
          margin-bottom: 20px; }
          .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box .symp-check-box-half .check-box-item .symp-check {
            width: 25px;
            height: 25px; }
        .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box .etc {
          bottom: -10px; }
      .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-left-last {
        margin-bottom: 20px !important; }
    .thyroid-container .thyroid-box .basedou-symp .exam-symp-cont {
      width: 85%; }
    .thyroid-container .thyroid-box .basedou-symp3 {
      background-image: url(../images/symp-bg2.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
    .thyroid-container .thyroid-box .howto-container {
      padding: 60px 50px; }
      .thyroid-container .thyroid-box .howto-container .howto-item-cont {
        padding: 50px; }
        .thyroid-container .thyroid-box .howto-container .howto-item-cont .howto-title {
          padding-bottom: 20px; }
        .thyroid-container .thyroid-box .howto-container .howto-item-cont .howto-list {
          padding: 0;
          margin: 0;
          list-style: none; }
          .thyroid-container .thyroid-box .howto-container .howto-item-cont .howto-list .howto-item {
            line-height: 30px; }
        .thyroid-container .thyroid-box .howto-container .howto-item-cont .exam-howto-list {
          list-style: disc;
          padding-left: 25px; }
        .thyroid-container .thyroid-box .howto-container .howto-item-cont .howto-sent {
          letter-spacing: 2px;
          line-height: 30px;
          margin: 0; }
    .thyroid-container .thyroid-box .exam-howto-container {
      padding-top: 0; }
    .thyroid-container .thyroid-box2 {
      margin-top: -90px;
      padding-top: 30px !important; }
      .thyroid-container .thyroid-box2 .basedou-symp2 .symp-right {
        width: 60px; }
      .thyroid-container .thyroid-box2 .basedou-symp2 .exam-right {
        display: none; }
    .thyroid-container .top {
      padding-top: 50px; } }

@media screen and (max-width: 700px) {
  .endo-top {
    height: 560px; }
    .endo-top .endo-top-img {
      width: 350px; }
    .endo-top .endo-top-cont {
      width: 75%;
      top: 150px;
      left: 20%;
      padding: 15px;
      background-color: rgba(255, 255, 255, 0.8); }
  .thyroid-container .under-logo {
    margin-bottom: 20px; }
  .thyroid-container .under-title {
    font-size: 25px; }
  .thyroid-container .thyroid-sentence {
    padding: 40px 15px;
    line-height: 28px; }
  .thyroid-container .able-test2 {
    margin-top: 0px; }
  .thyroid-container .thyroid-box {
    padding: 0 30px 30px 30px; }
    .thyroid-container .thyroid-box .thyroid-type-name {
      font-size: 23px;
      padding-bottom: 20px; }
    .thyroid-container .thyroid-box .basedou-container {
      padding: 30px; }
      .thyroid-container .thyroid-box .basedou-container .about-basedou-title {
        margin: 0 0 20px 0;
        font-size: 18px; }
      .thyroid-container .thyroid-box .basedou-container .about-basedou-sent {
        margin: 0; }
    .thyroid-container .thyroid-box .syuyou {
      margin-bottom: -30px; }
    .thyroid-container .thyroid-box .basedou-symp .symp-title {
      width: 85%;
      font-size: 20px;
      padding-top: 40px;
      padding-bottom: 15px; }
      .thyroid-container .thyroid-box .basedou-symp .symp-title .symp-logo {
        width: 50px; }
    .thyroid-container .thyroid-box .basedou-symp .symp-title-sp {
      display: block; }
    .thyroid-container .thyroid-box .basedou-symp .symp-title-pc {
      display: none; }
    .thyroid-container .thyroid-box .basedou-symp .symp-cont {
      width: 90%;
      margin-top: 40px; }
      .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-girl {
        display: none; }
      .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box {
        display: block;
        margin-bottom: 40px;
        padding: 40px; }
        .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box .symp-check-box-half {
          padding-left: 0; }
          .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box .symp-check-box-half .check-box-item {
            margin-bottom: 20px; }
            .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box .symp-check-box-half .check-box-item .check-sent .konma {
              letter-spacing: -10px;
              padding: 0 15px 0 0px;
              font-weight: normal; }
        .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box .symp-check-box-half1 {
          display: none; }
        .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box .symp-check-box-half2 {
          display: block; }
          .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box .symp-check-box-half2 .check-box-item {
            position: relative; }
            .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box .symp-check-box-half2 .check-box-item .symp-check {
              position: absolute;
              top: 0;
              left: 0; }
            .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box .symp-check-box-half2 .check-box-item .check-sent {
              padding-left: 35px; }
      .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-left-last {
        margin-bottom: 20px !important; }
    .thyroid-container .thyroid-box .howto-container {
      padding: 30px; }
      .thyroid-container .thyroid-box .howto-container .howto-item-cont {
        padding: 30px;
        font-size: 15px; }
        .thyroid-container .thyroid-box .howto-container .howto-item-cont .howto-title {
          padding-bottom: 15px; }
    .thyroid-container .thyroid-box .exam-howto-container {
      padding-top: 0; }
  .thyroid-container .top {
    padding-top: 30px; } }

@media screen and (max-width: 420px) {
  .endo-top {
    height: 560px;
    width: 100%; }
    .endo-top .endo-top-img {
      width: 90%; }
    .endo-top .endo-top-cont {
      width: 80%;
      top: 100px;
      left: 10%; }
  .thyroid-container .under-title {
    font-size: 23px; }
  .thyroid-container .thyroid-sentence {
    padding: 30px 10px;
    font-size: 14px; }
  .thyroid-container .thyroid-box .basedou-container {
    padding: 20px; }
  .thyroid-container .thyroid-box .syuyou {
    margin-bottom: -20px; }
  .thyroid-container .thyroid-box .basedou-symp .symp-title {
    font-size: 15px;
    padding-top: 40px;
    padding-bottom: 10px; }
    .thyroid-container .thyroid-box .basedou-symp .symp-title .symp-logo {
      width: 40px; }
  .thyroid-container .thyroid-box .basedou-symp .symp-cont {
    margin-top: 30px; }
    .thyroid-container .thyroid-box .basedou-symp .symp-cont .symp-check-box {
      margin-bottom: 30px;
      padding: 30px; }
  .thyroid-container .thyroid-box .howto-container {
    padding: 20px; }
    .thyroid-container .thyroid-box .howto-container .howto-item-cont {
      padding: 20px;
      font-size: 14px; }
      .thyroid-container .thyroid-box .howto-container .howto-item-cont .howto-title {
        padding-bottom: 10px;
        font-size: 18px; }
      .thyroid-container .thyroid-box .howto-container .howto-item-cont .exam-howto-list {
        list-style: disc;
        padding-left: 20px; }
  .thyroid-container .thyroid-box .exam-howto-container {
    padding-top: 0; }
  .thyroid-container .top {
    padding-top: 20px; } }

@media screen and (min-width: 1500px) {
  .thyroid-container .xl-thyroid {
    padding-top: 60px !important; }
  .thyroid-container .thyroid-box {
    padding: 0px 60px 60px 60px; }
    .thyroid-container .thyroid-box .basedou-symp .symp-title {
      font-size: 25px; }
    .thyroid-container .thyroid-box .basedou-symp .xl-symp-right {
      width: 3.5vw; }
  .top {
    padding-top: 60px !important; } }

.internal-top {
  position: relative;
  height: 540px;
  width: 950px;
  margin: 100px auto 0; }
  .internal-top .internal-top-img1 {
    position: absolute;
    top: 0;
    left: 0%; }
  .internal-top .internal-top-img2 {
    position: absolute;
    top: 390px;
    left: 22%; }
  .internal-top .internal-top-sent {
    position: absolute;
    top: 100px;
    right: 0%;
    width: 420px;
    letter-spacing: 2px;
    line-height: 30px; }

@media screen and (max-width: 1000px) {
  .internal-top {
    width: 90%; }
    .internal-top .internal-top-img1 {
      width: 450px; }
    .internal-top .internal-top-img2 {
      display: none; }
    .internal-top .internal-top-sent {
      top: 100px;
      right: 0%;
      width: 60%; } }

@media screen and (max-width: 700px) {
  .internal-top {
    width: 90%;
    height: 75vw; }
    .internal-top .internal-top-img1 {
      width: 400px; }
    .internal-top .internal-top-sent {
      top: 50px;
      right: 0%;
      width: 80%;
      padding: 20px;
      font-size: 2.5vw;
      line-height: 4.5vw;
      background-color: rgba(255, 255, 255, 0.8); } }

@media screen and (max-width: 420px) {
  .internal-top {
    width: 100%;
    height: 115vw; }
    .internal-top .internal-top-img1 {
      width: 350px; }
    .internal-top .internal-top-sent {
      top: 70px;
      padding: 15px;
      font-size: 14px;
      line-height: 23px; } }

.exam-top {
  margin: 100px 9% 0;
  position: relative;
  height: 490px; }
  .exam-top .exam-top-img1 {
    position: absolute;
    top: 0;
    left: 0; }
  .exam-top .exam-top-img2 {
    position: absolute;
    bottom: 0;
    right: 0; }
  .exam-top .exam-top-sent {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 0;
    transform: translate(-50%, -50%);
    text-align: center; }

@media screen and (max-width: 1000px) {
  .exam-top {
    margin: 100px 5% 0; } }

@media screen and (max-width: 700px) {
  .exam-top {
    height: 73vw;
    margin-bottom: 200px; }
    .exam-top .exam-top-img1 {
      width: 88vw;
      left: 50%;
      transform: translate(-50%, 0%); }
    .exam-top .exam-top-img2 {
      width: 88vw;
      left: 50%;
      transform: translate(-50%, 0%); }
    .exam-top .exam-top-sent {
      width: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-top: 0;
      transform: translate(-50%, -50%);
      text-align: center; } }

@media screen and (max-width: 420px) {
  .exam-top {
    margin: 100px 0% 150px; }
    .exam-top .exam-top-img1 {
      width: 80%;
      left: 0;
      transform: translate(0%, 0%); }
    .exam-top .exam-top-img2 {
      width: 80%;
      left: 100%;
      transform: translate(-100%, 0%); }
    .exam-top .exam-top-sent {
      font-size: 14px;
      width: 95%; } }

@media screen and (min-width: 1500px) {
  .exam-top {
    margin: 100px 15% 0;
    height: 530px; }
    .exam-top .exam-top-img1 {
      width: 700px; }
    .exam-top .exam-top-img2 {
      width: 700px; } }

.access-top {
  margin: 120px 9%;
  position: relative;
  height: 430px; }
  .access-top .access-top-img {
    position: absolute;
    top: 0;
    left: 5%; }
  .access-top .access-top-cont {
    position: absolute;
    bottom: 0;
    right: 50px;
    background-color: #fff;
    padding: 30px 50px; }
    .access-top .access-top-cont .access-adress {
      margin: 0;
      letter-spacing: 2px;
      line-height: 30px;
      padding-bottom: 20px; }
    .access-top .access-top-cont .howto-access {
      margin: 0;
      letter-spacing: 2px;
      line-height: 30px; }
      .access-top .access-top-cont .howto-access .train-img {
        margin-right: 5px;
        margin-bottom: -6px; }
      .access-top .access-top-cont .howto-access .parking-img {
        margin-right: 5px;
        margin-bottom: -6px; }

.access-map-container {
  background-color: #dcf3e6;
  padding: 50px;
  display: flex;
  justify-content: space-between; }
  .access-map-container .access-map-box {
    width: 48%;
    padding: 50px 0 100px 0;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center; }
    .access-map-container .access-map-box .access-map-title {
      margin: 0;
      padding-bottom: 40px;
      font-family: "M PLUS Rounded 1c", sans-serif;
      font-weight: bold;
      font-size: 25px;
      color: #00a694; }
    .access-map-container .access-map-box .access-map-img {
      width: 69%;
      height: auto; }

.gmap-box {
  padding: 50px; }
  .gmap-box .gmap-img {
    width: 100%; }

@media screen and (max-width: 1000px) {
  .access-top {
    height: 430px; }
    .access-top .access-top-img {
      left: 50%;
      width: 95%;
      transform: translate(-50%, 0); }
    .access-top .access-top-cont {
      left: 50%;
      bottom: -30px;
      width: 70%;
      transform: translate(-50%, 0); } }

@media screen and (max-width: 700px) {
  .access-top {
    margin: 100px 5% 20px;
    height: 430px; }
    .access-top .access-top-cont {
      bottom: 50px;
      width: 72%;
      padding: 20px 40px; }
      .access-top .access-top-cont .access-adress {
        letter-spacing: 1px;
        font-size: 14px;
        line-height: 28px; }
      .access-top .access-top-cont .howto-access {
        letter-spacing: 1px;
        font-size: 14px;
        line-height: 28px; }
        .access-top .access-top-cont .howto-access .train-img {
          margin-bottom: -7px; }
        .access-top .access-top-cont .howto-access .parking-img {
          margin-bottom: -7px; }
  .access-map-container {
    padding: 30px;
    display: block; }
    .access-map-container .access-map-box {
      width: 100%;
      padding: 30px 0 50px 0; }
      .access-map-container .access-map-box:first-child {
        margin-bottom: 30px; }
      .access-map-container .access-map-box .access-map-title {
        padding-bottom: 35px;
        font-size: 30px; }
      .access-map-container .access-map-box .access-map-img {
        width: 69%; }
  .gmap-box {
    margin-top: 30px;
    padding: 0px; } }

@media screen and (max-width: 420px) {
  .access-top {
    margin: 100px 0 -10px;
    height: 430px; }
    .access-top .access-top-img {
      left: 0;
      width: 100%;
      transform: translate(0%, 0); }
    .access-top .access-top-cont {
      width: 75%;
      bottom: 90px;
      padding: 10px 20px; }
      .access-top .access-top-cont .access-adress {
        font-size: 13px;
        line-height: 25px; }
      .access-top .access-top-cont .howto-access {
        font-size: 13px;
        line-height: 25px; }
  .access-map-container .access-map-box {
    padding: 30px 0 30px 0; }
    .access-map-container .access-map-box .access-map-title {
      padding-bottom: 20px;
      font-size: 20px; }
    .access-map-container .access-map-box .access-map-img {
      width: 69%; } }

@media screen and (min-width: 1500px) {
  .access-top {
    margin: 120px auto;
    width: 1200px; } }

#googlemap {
  position: relative; }
  #googlemap:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-top: 36.92308%; }
  #googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.archive-container {
  padding: 150px 0 80px 0; }
  .archive-container .archive-item {
    width: 880px;
    margin: 0 auto;
    display: flex; }
    .archive-container .archive-item:last-child(.archive-blog-date) {
      border-bottom: 2px solid #00a694; }
    .archive-container .archive-item:last-child(.archive-blog-title) {
      border-bottom: 2px solid #cccccc; }
    .archive-container .archive-item .archive-blog-date {
      margin: 0 3px 0 0;
      width: 25%;
      padding: 30px 0 30px 20px;
      border-top: 2px solid #00a694; }
    .archive-container .archive-item .archive-last-date {
      border-bottom: 2px solid #00a694; }
    .archive-container .archive-item .archive-blog-title {
      margin: 0;
      padding: 30px 0 30px 20px;
      width: 75%;
      border-top: 2px solid #cccccc; }
      .archive-container .archive-item .archive-blog-title a {
        color: black;
        text-decoration: none; }
    .archive-container .archive-item .archive-last-title {
      border-bottom: 2px solid #cccccc; }

.archive-pagenation {
  display: flex;
  align-items: center;
  width: 290px;
  margin: 0 auto;
  justify-content: space-between; }
  .archive-pagenation .pagenation-num {
    position: relative;
    margin: 0;
    width: 50px;
    text-align: center;
    height: 50px;
    border-radius: 50%; }
    .archive-pagenation .pagenation-num a {
      text-decoration: none;
      color: black;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%); }
  .archive-pagenation .pagenation-current {
    background-color: #00a694; }
    .archive-pagenation .pagenation-current a {
      color: white; }

@media screen and (max-width: 1000px) {
  .archive-container .archive-item {
    width: 85%; }
    .archive-container .archive-item .archive-blog-date {
      padding: 30px 0 30px 20px; }
    .archive-container .archive-item .archive-blog-title {
      padding: 30px 0 30px 20px; }
  .archive-pagenation {
    width: 250px; } }

@media screen and (max-width: 700px) {
  .archive-container .archive-item {
    width: 90%; }
    .archive-container .archive-item .archive-blog-date {
      font-size: 15px;
      padding: 25px 0 25px 15px; }
    .archive-container .archive-item .archive-blog-title {
      font-size: 15px;
      padding: 25px 0 25px 15px; } }

@media screen and (max-width: 420px) {
  .archive-container {
    padding: 100px 0 50px 0; }
    .archive-container .archive-item {
      width: 93%; }
      .archive-container .archive-item .archive-blog-date {
        font-size: 13px;
        padding: 20px 0 20px 0px; }
      .archive-container .archive-item .archive-blog-title {
        font-size: 13px;
        padding: 20px 0 20px 15px; }
  .archive-pagenation {
    width: 220px; } }

.single-page-container {
  padding: 150px 0 80px 0;
  margin: 0 auto;
  width: 850px; }
  .single-page-container .single-page-title-box {
    padding: 30px 20px 30px 20px;
    border-top: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc; }
    .single-page-container .single-page-title-box .single-page-date {
      color: #00a694;
      font-weight: bold;
      margin: 0;
      padding-bottom: 8px; }
    .single-page-container .single-page-title-box .single-page-title {
      font-size: 20px;
      font-weight: bold;
      margin: 0; }
  .single-page-container .single-page-content {
    padding: 80px 20px 80px 20px;
    border-bottom: 2px solid #cccccc; }
    .single-page-container .single-page-content .single-page-cont {
      padding-bottom: 40px;
      margin: 0;
      line-height: 30px;
      letter-spacing: 1px; }
      .single-page-container .single-page-content .single-page-cont:last-child {
        padding-bottom: 0; }
    .single-page-container .single-page-content .dummy-img {
      width: 75%;
      height: auto;
      margin-bottom: 40px; }

.single-pagenation-box {
  display: flex;
  margin: 0 auto;
  align-items: center;
  width: 280px;
  justify-content: space-between; }
  .single-pagenation-box .to-archive a {
    color: black;
    text-decoration: none; }

@media screen and (max-width: 1000px) {
  .single-page-container {
    width: 85%; }
    .single-page-container .single-page-content {
      padding: 60px 20px 60px 20px; }
  .single-pagenation-box {
    width: 250px; } }

@media screen and (max-width: 700px) {
  .single-page-container {
    width: 90%; }
    .single-page-container .single-page-title-box {
      padding: 25px 15px 25px 15px; }
      .single-page-container .single-page-title-box .single-page-title {
        font-size: 18px; }
    .single-page-container .single-page-content {
      padding: 40px 15px 40px 15px; }
      .single-page-container .single-page-content .single-page-cont {
        padding-bottom: 30px; }
      .single-page-container .single-page-content .dummy-img {
        margin-bottom: 30px; } }

@media screen and (max-width: 420px) {
  .single-page-container {
    padding: 100px 0 50px 0;
    width: 93%; }
    .single-page-container .single-page-title-box {
      padding: 20px 5px 20px 5px; }
    .single-page-container .single-page-content {
      padding: 30px 5px 30px 5px; }
      .single-page-container .single-page-content .single-page-cont {
        padding-bottom: 25px;
        line-height: 28px; }
      .single-page-container .single-page-content .dummy-img {
        margin-bottom: 25px; }
  .single-pagenation-box {
    width: 220px; } }

@media screen and (min-width: 1500px) {
  .single-page-container {
    width: 1100px; } }

.single-page-content ul {
  padding: 2em;
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  margin-bottom: 4em; }
  .single-page-content ul li {
    box-sizing: border-box; }
  .single-page-content ul.box4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .single-page-content ul.box4 li {
      flex-basis: 25%;
      padding: 0.8em;
      list-style: none; }
      .single-page-content ul.box4 li img {
        width: 100%;
        height: auto; }
      @media screen and (max-width: 700px) {
        .single-page-content ul.box4 li {
          flex-basis: 50%; } }
      @media screen and (max-width: 420px) {
        .single-page-content ul.box4 li {
          flex-basis: 100%; } }

.single-page-content h3 {
  font-size: 1.5em; }

.single-page-content h4 {
  font-size: 1.2em;
  position: relative;
  padding-left: 1em;
  margin: 2em 0; }
  .single-page-content h4:before {
    font-size: 0.8em;
    content: "";
    position: absolute;
    top: 0.8em;
    left: 0;
    height: 1em;
    width: 1em;
    background: red; }

.single-page-content p + h4 {
  margin-top: 4em; }

.single-page-content p strong {
  color: red; }

@media screen and (min-width: 701px) {
  .single-page-content h5 {
    font-size: 16px; } }

@media screen and (max-width: 700px) {
  .single-page-content h5 {
    font-size: 14px; } }

@media screen and (max-width: 420px) {
  .single-page-content h5 {
    font-size: 12px; } }

body {
  margin: 0;
  padding: 0;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }

.under-page-top {
  position: relative; }
  .under-page-top .recepition-title {
    margin: 0;
    padding-top: 120px;
    margin-left: 9%;
    font-size: 60px;
    letter-spacing: 5px;
    color: #84b1cf;
    opacity: 1;
    font-family: "M PLUS Rounded 1c", sans-serif; }
  .under-page-top .recepition-sub {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    margin-top: -37px;
    margin-left: 12%;
    margin-bottom: 30px;
    letter-spacing: 3px; }
  .under-page-top .under-top-img {
    position: absolute;
    top: 110px;
    width: 73%;
    right: 50px;
    z-index: -1; }
  .under-page-top .under-line-box .under-page-line {
    position: absolute;
    top: 23vw;
    width: 100%;
    z-index: -2;
    height: 170px; }
  .under-page-top .under-line-box .pankuzu {
    text-align: right;
    margin-right: 50px;
    margin-top: 16.7vw; }

.under-page-nav {
  margin-top: 100px;
  width: 100%;
  border-bottom: 3px solid rgba(0, 110, 185, 0.1); }
  .under-page-nav .under-nav-list {
    width: 45%;
    padding: 0;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    list-style: none;
    text-align: center; }
    .under-page-nav .under-nav-list .under-nav-item {
      margin: 0;
      letter-spacing: 2px;
      padding-bottom: 30px; }
      .under-page-nav .under-nav-list .under-nav-item:hover {
        border-bottom: 3px solid #006eb9;
        margin-bottom: -3px; }
      .under-page-nav .under-nav-list .under-nav-item a {
        text-decoration: none;
        color: black;
        padding-bottom: 30px; }
    .under-page-nav .under-nav-list .current {
      border-bottom: 3px solid #006eb9;
      margin-bottom: -3px; }

@media screen and (max-width: 1000px) {
  .under-page-top .recepition-title {
    padding-top: 100px;
    font-size: 50px;
    letter-spacing: 3px; }
  .under-page-top .recepition-sub {
    font-size: 20px;
    margin-top: -30px;
    margin-left: 12%;
    letter-spacing: 1px; }
  .under-page-top .under-top-img {
    width: 650px;
    right: 50px;
    z-index: -1;
    top: 150px; }
  .under-page-top .under-line-box .under-page-line {
    top: 240px; }
  .under-page-top .under-line-box .pankuzu {
    margin-top: 200px; }
  .under-page-nav .under-nav-list {
    width: 65%; }
    .under-page-nav .under-nav-list .under-nav-item {
      letter-spacing: 1px;
      padding-bottom: 25px; }
      .under-page-nav .under-nav-list .under-nav-item a {
        padding-bottom: 25px; } }

@media screen and (max-width: 700px) {
  .under-page-top .recepition-title {
    font-size: 40px;
    letter-spacing: 1px; }
  .under-page-top .recepition-sub {
    font-size: 18px;
    margin-top: -25px;
    margin-left: 12%;
    letter-spacing: 0px; }
  .under-page-top .under-top-img {
    width: 650px;
    right: 30px; }
  .under-page-top .under-line-box .pankuzu {
    margin-top: 210px;
    margin-right: 30px;
    font-size: 14px; }
  .under-page-nav .under-nav-list {
    width: 80%; }
    .under-page-nav .under-nav-list .under-nav-item {
      letter-spacing: 0px;
      padding-bottom: 20px; }
      .under-page-nav .under-nav-list .under-nav-item a {
        padding-bottom: 20px;
        font-size: 14px; } }

@media screen and (max-width: 420px) {
  .under-page-nav .under-nav-list {
    width: 90%; }
    .under-page-nav .under-nav-list .under-nav-item {
      padding-bottom: 15px; }
      .under-page-nav .under-nav-list .under-nav-item a {
        padding-bottom: 15px;
        font-size: 12px; } }

@media screen and (min-width: 1001px) {
  ._sp,
  .sp-top-btn {
    display: none; } }

@media screen and (min-width: 1500px) {
  .under-line-box .under-page-line {
    top: 23vw; }
  .under-line-box .pankuzu {
    margin-top: 17.6vw !important; }
  .under-page-top .recepition-title {
    padding-top: 140px; } }

@media screen and (max-width: 420px) {
  .under-page-top .under-top-img {
    width: 100%;
    right: 30px;
    margin-top: 60px; } }

li.nav-reserve {
  display: none; }

div.recepition-reserve a {
  display: none; }
  @media screen and (max-width: 420px) {
    div.recepition-reserve a {
      display: none; } }

@media screen and (max-width: 420px) {
  .recepition-box .recepition-box-right .recepition-reserve {
    padding-bottom: 20px; } }

@media screen and (max-width: 420px) {
  .recepition-box .recepition-box-right .reserve-tel {
    margin-bottom: 10px; } }