@charset "utf-8";

@media (max-width: 720px) {

  *.w-sp-1p { width: 1%; }
  *.w-sp-2p { width: 2%; }
  *.w-sp-3p { width: 3%; }
  *.w-sp-4p { width: 4%; }
  *.w-sp-5p { width: 5%; }
  *.w-sp-6p { width: 6%; }
  *.w-sp-7p { width: 7%; }
  *.w-sp-8p { width: 8%; }
  *.w-sp-9p { width: 9%; }
  *.w-sp-10p { width: 10%; }
  *.w-sp-11p { width: 11%; }
  *.w-sp-12p { width: 12%; }
  *.w-sp-13p { width: 13%; }
  *.w-sp-14p { width: 14%; }
  *.w-sp-15p { width: 15%; }
  *.w-sp-16p { width: 16%; }
  *.w-sp-17p { width: 17%; }
  *.w-sp-18p { width: 18%; }
  *.w-sp-19p { width: 19%; }
  *.w-sp-20p { width: 20%; }
  *.w-sp-21p { width: 21%; }
  *.w-sp-22p { width: 22%; }
  *.w-sp-23p { width: 23%; }
  *.w-sp-24p { width: 24%; }
  *.w-sp-25p { width: 25%; }
  *.w-sp-26p { width: 26%; }
  *.w-sp-27p { width: 27%; }
  *.w-sp-28p { width: 28%; }
  *.w-sp-29p { width: 29%; }
  *.w-sp-30p { width: 30%; }
  *.w-sp-31p { width: 31%; }
  *.w-sp-32p { width: 32%; }
  *.w-sp-33p { width: 33%; }
  *.w-sp-34p { width: 34%; }
  *.w-sp-35p { width: 35%; }
  *.w-sp-36p { width: 36%; }
  *.w-sp-37p { width: 37%; }
  *.w-sp-38p { width: 38%; }
  *.w-sp-39p { width: 39%; }
  *.w-sp-40p { width: 40%; }
  *.w-sp-41p { width: 41%; }
  *.w-sp-42p { width: 42%; }
  *.w-sp-43p { width: 43%; }
  *.w-sp-44p { width: 44%; }
  *.w-sp-45p { width: 45%; }
  *.w-sp-46p { width: 46%; }
  *.w-sp-47p { width: 47%; }
  *.w-sp-48p { width: 48%; }
  *.w-sp-49p { width: 49%; }
  *.w-sp-50p { width: 50%; }
  *.w-sp-51p { width: 51%; }
  *.w-sp-52p { width: 52%; }
  *.w-sp-53p { width: 53%; }
  *.w-sp-54p { width: 54%; }
  *.w-sp-55p { width: 55%; }
  *.w-sp-56p { width: 56%; }
  *.w-sp-57p { width: 57%; }
  *.w-sp-58p { width: 58%; }
  *.w-sp-59p { width: 59%; }
  *.w-sp-60p { width: 60%; }
  *.w-sp-61p { width: 61%; }
  *.w-sp-62p { width: 62%; }
  *.w-sp-63p { width: 63%; }
  *.w-sp-64p { width: 64%; }
  *.w-sp-65p { width: 65%; }
  *.w-sp-66p { width: 66%; }
  *.w-sp-67p { width: 67%; }
  *.w-sp-68p { width: 68%; }
  *.w-sp-69p { width: 69%; }
  *.w-sp-70p { width: 70%; }
  *.w-sp-71p { width: 71%; }
  *.w-sp-72p { width: 72%; }
  *.w-sp-73p { width: 73%; }
  *.w-sp-74p { width: 74%; }
  *.w-sp-75p { width: 75%; }
  *.w-sp-76p { width: 76%; }
  *.w-sp-77p { width: 77%; }
  *.w-sp-78p { width: 78%; }
  *.w-sp-79p { width: 79%; }
  *.w-sp-80p { width: 80%; }
  *.w-sp-81p { width: 81%; }
  *.w-sp-82p { width: 82%; }
  *.w-sp-83p { width: 83%; }
  *.w-sp-84p { width: 84%; }
  *.w-sp-85p { width: 85%; }
  *.w-sp-86p { width: 86%; }
  *.w-sp-87p { width: 87%; }
  *.w-sp-88p { width: 88%; }
  *.w-sp-89p { width: 89%; }
  *.w-sp-90p { width: 90%; }
  *.w-sp-91p { width: 91%; }
  *.w-sp-92p { width: 92%; }
  *.w-sp-93p { width: 93%; }
  *.w-sp-94p { width: 94%; }
  *.w-sp-95p { width: 95%; }
  *.w-sp-96p { width: 96%; }
  *.w-sp-97p { width: 97%; }
  *.w-sp-98p { width: 98%; }
  *.w-sp-99p { width: 99%; }

  body {
    padding-top: 0;
    font-size: 16px;
    min-width: 320px;
  }

  img {
    /*width: auto;*/
  }

  .only-pc { display: none !important; }
  .only-sp { display: inherit !important; }

  .ta-c-pc { text-align: left; }
  .ta-c-sp { text-align: center; }

  /* compornent */

  .nallow {
    padding-right: 5px;
    padding-left: 5px;
  }

  .nallow .nallow {
    padding-right: 0;
    padding-left: 0;
  }

  .inner {
    padding-right: 10px;
    padding-left: 10px;
  }

  .box-border {
    padding: 8px;
  }

  .box-fill {
    padding: 8px;
  }

  .flex-row {
    display: block;
  }

  .heading-blue-band {
    padding: 10px 5px;
    letter-spacing: 0em;
  }

  .heading-two .note {
    padding-top: 10px;
  }

  .alignright,
  .alignleft {
    float: none;
    display: block;
    margin: 0 auto 20px auto;
    max-width: 100%;
  }

  .pd-10 { padding: 10px; }
  .pd-20 { padding: 10px; }
  .pd-30 { padding: 10px; }
  .pd-40 { padding: 10px; }

  .mt-10 { margin-top: 10px; }
  .mt-20 { margin-top: 10px; }
  .mt-30 { margin-top: 10px; }
  .mt-40 { margin-top: 15px; }
  .mt-50 { margin-top: 15px; }
  .mt-60 { margin-top: 15px; }
  .mt-70 { margin-top: 20px; }
  .mt-80 { margin-top: 20px; }
  .mt-100 { margin-top: 20px; }
  .mt-120 { margin-top: 30px; }
  .mt-140 { margin-top: 30px; }

  .mb-10 { margin-bottom: 10px; }
  .mb-20 { margin-bottom: 10px; }
  .mb-30 { margin-bottom: 10px; }
  .mb-40 { margin-bottom: 15px; }
  .mb-50 { margin-bottom: 15px; }
  .mb-60 { margin-bottom: 15px; }
  .mb-70 { margin-bottom: 20px; }
  .mb-80 { margin-bottom: 20px; }
  .mb-100 { margin-bottom: 20px; }
  .mb-120 { margin-bottom: 30px; }
  .mb-140 { margin-bottom: 30px; }

  .pt-10 { padding-top: 10px; }
  .pt-20 { padding-top: 10px; }
  .pt-30 { padding-top: 10px; }
  .pt-40 { padding-top: 15px; }
  .pt-50 { padding-top: 15px; }
  .pt-60 { padding-top: 15px; }
  .pt-70 { padding-top: 20px; }
  .pt-80 { padding-top: 20px; }
  .pt-100 { padding-top: 20px; }
  .pt-120 { padding-top: 30px; }
  .pt-140 { padding-top: 30px; }

  .pb-10 { padding-bottom: 10px; }
  .pb-20 { padding-bottom: 10px; }
  .pb-30 { padding-bottom: 10px; }
  .pb-40 { padding-bottom: 15px; }
  .pb-50 { padding-bottom: 15px; }
  .pb-60 { padding-bottom: 15px; }
  .pb-70 { padding-bottom: 20px; }
  .pb-80 { padding-bottom: 20px; }
  .pb-100 { padding-bottom: 20px; }
  .pb-120 { padding-bottom: 30px; }
  .pb-140 { padding-bottom: 30px; }

  .fs-12 { font-size: 12px;}
  .fs-14 { font-size: 14px;}
  .fs-16 { font-size: 15px;}
  .fs-18 { font-size: 16px;}
  .fs-20 { font-size: 17px;}
  .fs-22 { font-size: 17px;}
  .fs-24 { font-size: 18px;}
  .fs-26 { font-size: 18px;}
  .fs-28 { font-size: 19px;}
  .fs-30 { font-size: 19px;}
  .fs-32 { font-size: 20px;}
  .fs-34 { font-size: 20px;}
  .fs-36 { font-size: 21px;}
  .fs-38 { font-size: 21px;}
  .fs-40 { font-size: 22px;}
  .fs-42 { font-size: 22px;}
  .fs-44 { font-size: 23px;}
  .fs-46 { font-size: 23px;}
  .fs-48 { font-size: 24px;}
  .fs-50 { font-size: 25px;}
  .fs-52 { font-size: 26px;}
  .fs-54 { font-size: 27px;}
  .fs-56 { font-size: 28px;}

  table.sp-break th,
  table.sp-break td {
    display: block;
    width: 100%;
  }
}

@media (max-width: 720px) {

.header {
  position: static;
}

.header-container {
  display: block;
  padding: 10px;
}

.header-logo,
.header.thin .header-logo {
  margin: 0 auto;
  max-width: 240px;
  min-width: 0;
}

.header-contact,
.header.thin .header-contact {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  background: #FF8A00;
  z-index: 1;
}

.header-contact ul li {
  padding: 6px 12px;
  border-left: solid 1px #fff;
}

.header-contact ul li:first-child {
  border-left: none;
}

.header-contact-mail {
  flex-basis: 20%;
}

.header-contact-tel {
  padding: 0 10px;
  flex-basis: 80%;
}

.footer-float-menu-pc {
  display: none;
}

.footer-float-menu-sp {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.footer-float-menu-sp .case a {
  display: block;
  padding: 8px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-family: 'Noto Serif JP', serif;
  background: #FF6043;
  border-bottom: solid 1px #fff;
}

.footer-float-menu-sp ul {
  display: flex;
  background: #FF8A00;
}

.footer-float-menu-sp ul li:not(:last-child) {
  border-right: solid 1px #fff;
}

.footer-float-menu-sp ul li.mail { flex-basis: 16%; }
.footer-float-menu-sp ul li.tel { flex-basis: 48%; }
.footer-float-menu-sp ul li.reserve { flex-basis: 36%; }

.footer-float-menu-sp ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 14px;
  height: 100%;
}

.footer-float-menu-sp ul li a img {
  max-width: 100%;
}

.footer-map iframe {
  height: 240px;
}

.footer-information .timetable th,
.footer-information .timetable td {
  padding: 2px;
  font-size: 13px;
}

.footer-information .timetable tr:first-child td {
  padding-top: 2px;
}

.footer-information .timetable tr:last-child td {
  padding-bottom: 2px;
}

.footer-information .timetable tr td.first {
  padding-left: 8px;
}

.footer-information .timetable td.last {
  padding-right: 8px;
}

.footer-information .timetable td.on {
  font-size: 14px;
}

.footer-information-icon li {
  padding: 0 8px;
  line-height: 1.4;
  font-weight: 400;
  font-size: 12px;
}

.footer-information-icon li .icon {
  margin-bottom: 8px;
}

.footer-copyright {
  padding-bottom: 28vw;
}

/* home */

.main-image {
  display: block;
  height: auto;
  max-height: 100%;
  background: none;
}

.main-image-container {
  width: auto;
}

.home-about-oneday {
  background-image: none;
}

.home-about-oneday .inner {
  float: none;
  width: auto;
}

.home-rhombus-list {
  flex-wrap: wrap;
  margin-bottom: -10%;
}

.home-rhombus-list > li {
  padding: 0;
  flex-basis: 33%;
}

.home-rhombus-list > li:nth-child(4),
.home-rhombus-list > li:nth-child(5) {
  transform: translateY(-48%);
}

.section-contact .link-case {
  display: none;
}

.section-contact-list li {
  margin: 0 auto 10px auto;
  max-width: 80%;
}

.section-contact-list li:last-child {
  margin-bottom: 0;
}

.home-feature-1 {
  background-image: none;
}

.box-merit h4:before,
.box-demerit h4:before {
  margin-right: 8px;
  height: 2px;
}

.box-merit h4:after,
.box-demerit h4:after {
  margin-left: 8px;
  height: 2px;
}

.home-merit-list li {
  font-size: 15px;
}

.home-merit-list li:before {
  margin-top: 5px;
  margin-left: 4px;
  margin-right: 6px;
  width: 5px;
  height: 10px;
}

.home-risk-1 {
  background-image: none;
}

.home-risk-1-inner {
  width: auto;
}

.home-price table th {
  padding: 4px;
  font-size: 1em;
}

.home-price table td {
  padding: 4px;
  font-size: 15px;
}

.home-dr-1 {
  background-position: top left;
  background-repeat: no-repeat;
  /*background-image: linear-gradient(to bottom, transparent 80vw, #F4F3EE 114vw), url(../images/dr_photo_nakahira.jpg);*/
  /*background-size: 100%, 80% auto;*/
  background-size: 100%;
  padding-top: 124vw;
}

.home-dr-1-name {
  padding-top: 50vw;
  text-align: right;
}

.home-dr-1-name img {
  max-width: 60%;
}

.home-dr-1 table th {
  padding: 0;
  font-weight: bold;
}

.home-dr-1 table td {
  padding: 0 0 6px 0;
}

.home-dr-1-inner {
  float: none;
  max-width: 100%;
}

.dr-pos {
  font-size: 18px;
  text-align: center;
}

.dr-name {
  font-size: 30px;
  text-align: center;
}

.dr-name-en {
  text-align: center;
}

.dr-history th {
  font-weight: bold;
}

.home-doctor-list {
  flex-wrap: wrap;
  height: 160vw;
}

.home-doctor-list li {
  width: 50%;
}

.home-doctor-list li img {
  right: 6px;
  max-height: 20%;
}

.home-doctor-list li:nth-child(1) img { bottom: 14%; }
.home-doctor-list li:nth-child(2) img { bottom: 5%; }
.home-doctor-list li:nth-child(3) img { bottom: auto; top: 3%; }
.home-doctor-list li:nth-child(4) img { bottom: 16%; right: auto; left: 10px; }

.flow-list > li {
  margin-bottom: 40px;
  padding: 20px 10px 10px 10px;
  font-size: inherit;
  text-align: left;
}

.flow-list > li:before {
  margin: 0 auto 12px auto;
  padding-left: 100px;
  font-size: 28px;
  background-position: 48px 10px;
  background-size: auto 13px;
}

.flow-list > li:after {
  bottom: -24px;
  display: block;
  margin-left: -12px;
  width: 16px;
  height: 16px;
}

.flow-list > li h6 {
  font-size: 16px;
  text-align: center;
}

.h-case {
  margin-bottom:30px;
}

.h-case .no {
  margin-bottom:10px;
  border-width:1px;
}

.h-case .title {
  font-size:20px;
}

.case-ba {
  display:block;
}

.case-ba>li {
  margin-bottom:50px;
  text-align:center;
}

.case-ba>li:last-child {
  margin-bottom:0;
}

.case-ba>li:after {
  position:absolute;
  content:'';
  top:auto;
  bottom:-46px;
  right:50%;
  width:20px;
  height:42px;
  transform:rotate(90deg) translate(0,-10px);
}

.case-ba>li h5 {
  padding:4px;
  font-size:22px;
}

.table-case th {
  padding: 8px 10px;
  font-size: 15px;
}

.table-case td {
  padding: 8px 10px;
  vertical-align: middle;
  line-height: 1.6;
  font-size: 15px;
}

}
