@charset "UTF-8";
/* CSS Document */
@media (max-width: 768px) {
  body {
    padding-top: 0;
  }
  .mv {
    height: 19rem;
  }
  .mv:after {
    height: 30px;
    background-size: 100% 30px;
  }
  .pankuzu {
    padding: 12px 0;
  }
  .pankuzu ul {
    width: 100%;
    padding: 0 2.5rem;
  }
  .pankuzu ul li {
    font-size: 1rem;
  }
  /*pankuzu*/
  main#sub {
    /*section*/
    /*sec05*/
    /*side-img*/
  }
  main#sub h1 {
    font-size: 2.5rem;
    margin-bottom: 45px;
    margin: 10vw 0 0;
  }
  main#sub section:not([class]) {
    width: 100%;
    padding: 0 2.5rem;
    margin: 3rem 0;
    /*ol:not([class])*/
    /*ul:not([class]){*/
    /*ol.flow*/
    /*table:not(.no-style)*/
    /*table.sp-break*/
    /*** doctor ***/
    /*dr-pic*/
    /*history-row*/
    /*side-img*/
    /*column*/
  }
  main#sub section:not([class]) > *:first-child {
    margin-top: 0 !important;
  }
  main#sub section:not([class]):not(:last-child) {
    margin-bottom: 60px;
  }
  main#sub section:not([class]) + section {
    margin-top: 6rem;
  }
  main#sub section:not([class]) > img {
    margin: 1.8rem 0;
    border-radius: 20px;
  }
  main#sub section:not([class]) h2:not(.no-style) {
    font-size: 1.9rem;
    margin: 6rem 0 2.5rem;
  }
  main#sub section:not([class]) h3:not(.no-style) {
    font-size: 1.8rem;
    margin: 5rem 0 2rem;
  }
  main#sub section:not([class]) h4:not(.no-style) {
    font-size: 1.6rem;
    margin: 4rem 0 1.8rem;
  }
  main#sub section:not([class]) h5:not(.no-style) {
    font-size: 1.5rem;
    margin: 3.5rem 0 1.6rem;
    padding-left: 1.5em;
  }
  main#sub section:not([class]) h5:not(.no-style):before {
    width: 15px;
    height: 15px;
    top: 4px;
  }
  main#sub section:not([class]) h6:not(.no-style) {
    font-size: 1.4rem;
  }
  main#sub section:not([class]) p {
    font-size: 1.4rem;
  }
  main#sub section:not([class]) ol:not([class]) {
    margin: 3rem 0;
  }
  main#sub section:not([class]) ol:not([class]) li {
    font-size: 1.3rem;
    padding-left: 5rem;
  }
  main#sub section:not([class]) ol:not([class]) li + li {
    margin-top: 2.35rem;
  }
  main#sub section:not([class]) ol:not([class]) li:before {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
  }
  main#sub section:not([class]) ul:not([class]) {
    margin: 3rem 0;
  }
  main#sub section:not([class]) ul:not([class]) li {
    font-size: 1.3rem;
  }
  main#sub section:not([class]) ul:not([class]) li:before {
    top: 0.5rem;
  }
  main#sub section:not([class]) ul:not([class]) li + li {
    margin-top: 1.6rem;
  }
  main#sub section:not([class]) ol.flow {
    margin: 4rem 0;
  }
  main#sub section:not([class]) ol.flow li {
    font-size: 1.3rem;
  }
  main#sub section:not([class]) ol.flow li.has-img {
    padding: 0;
    margin-bottom: 6rem;
  }
  main#sub section:not([class]) ol.flow + li {
    margin-top: 2.5rem;
  }
  main#sub section:not([class]) ol.flow li strong:first-of-type {
    font-size: 1.4rem;
    padding-left: 4rem;
  }
  main#sub section:not([class]) ol.flow li strong:first-of-type:before {
    width: 3rem;
    height: 3rem;
    border-radius: 3.5rem;
    font-size: 1.5rem;
    top: 0rem;
  }
  main#sub section:not([class]) ol.flow li img {
    width: 100%;
    position: static;
    margin-top: 1.5rem;
    display: block;
  }
  main#sub section:not([class]) table:not(.no-style) {
    margin: 3rem 0;
  }
  main#sub section:not([class]) table:not(.no-style).recruit th {
    width: 25%;
  }
  main#sub section:not([class]) table:not(.no-style) th {
    font-size: 1.3rem;
  }
  main#sub section:not([class]) table:not(.no-style) td {
    font-size: 1.3rem;
  }
  main#sub section:not([class]) table:not(.no-style) td > p {
    font-size: 1.3rem;
  }
  main#sub section:not([class]) table.sp-break {
    border-bottom: solid 1px #DCDCDC;
    display: block;
  }
  main#sub section:not([class]) table.sp-break tbody, main#sub section:not([class]) table.sp-break tr, main#sub section:not([class]) table.sp-break th, main#sub section:not([class]) table.sp-break td {
    display: block;
  }
  main#sub section:not([class]) table:not(.no-style).sp-break th {
    text-align: center;
    border-bottom: none;
    padding: 0.5em 1em;
  }
  main#sub section:not([class]) table:not(.no-style).sp-break td {
    border-bottom: none;
    border-top: none;
  }
  main#sub section:not([class]) table:not(.no-style).sp-break tr:last-child td {
    border-bottom: solid 1px #000;
  }
  main#sub section:not([class]) .dr-pic {
    height: 16.5rem;
    padding-left: 2rem;
    margin: 6rem 0 2rem;
  }
  main#sub section:not([class]) .dr-pic img {
    width: 20rem;
    height: 18rem;
    object-fit: cover;
    object-position: top;
    right: 1rem;
  }
  main#sub section:not([class]) .dr-pic h3 {
    font-size: 2.5rem;
  }
  main#sub section:not([class]) .dr-pic h3 + small {
    font-size: 1.3rem;
  }
  main#sub section:not([class]) .history-row {
    flex-wrap: wrap;
    margin: 4.5rem 0;
  }
  main#sub section:not([class]) .history-row .inner {
    width: 100%;
  }
  main#sub section:not([class]) .history-row .inner + .inner {
    margin-top: 3.25rem;
  }
  main#sub section:not([class]) .history-row .inner h4 {
    margin-bottom: 1.7rem;
    font-size: 1.4rem;
  }
  main#sub section:not([class]) .history-row .inner table.no-style th {
    font-size: 1.3rem;
  }
  main#sub section:not([class]) .history-row .inner table.no-style td {
    font-size: 1.3rem;
  }
  main#sub section:not([class]) .history-row .inner ul.no-style li {
    font-size: 1.3rem;
  }
  main#sub section:not([class]) .hosoku {
    width: 95vw;
    margin: 10vw calc(50% - 47.5vw);
    padding: 6vw;
  }
  main#sub section:not([class]) .side-img {
    flex-wrap: wrap;
    margin: 8vw 0;
  }
  main#sub section:not([class]) .side-img .content {
    width: 100%;
    order: 2;
  }
  main#sub section:not([class]) .side-img .img {
    width: 100%;
    order: 1;
    margin-bottom: 5vw;
  }
  main#sub section:not([class]) .side-img .img img:nth-child(2) {
    display: none;
  }
  main#sub section:not([class]) .side-img .half {
    width: 100%;
  }
  main#sub section:not([class]) .column a {
    width: 100%;
    margin-bottom: 4vw;
  }
  main#sub section:not([class]) .column a:nth-last-child(-n+2) {
    margin-bottom: 4vw;
  }
  main#sub section:not([class]) .column a:last-child {
    margin-bottom: 0;
  }
  main#sub section:not([class]) .column a div {
    padding: 3vw 4vw 0;
  }
  main#sub section:not([class]) .column a div h3 {
    font-size: 1.5rem;
  }
  main#sub section:not([class]) .column a div p {
    font-size: 1.3rem;
  }
  main#sub .sec02 {
    margin-top: 20vw;
    padding: 1px 20px 0;
    background: linear-gradient(90deg, rgba(131, 202, 196, 0.3) 0%, rgba(127, 201, 198, 0.3) 18.02%, rgba(115, 198, 203, 0.3) 35.45%, rgba(96, 193, 212, 0.3) 52.65%, rgba(69, 187, 224, 0.3) 69.7%, rgba(34, 178, 240, 0.3) 86.48%, rgba(0, 170, 255, 0.3) 100%);
  }
  main#sub .sec02:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: url("../../img/index/sp_bg02.png") no-repeat;
    background-size: 100% 15px;
    height: 15px;
    content: "";
  }
  main#sub .sec02:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: url("../../img/index/sp_bg03.png") no-repeat;
    background-size: 100% 15px;
    height: 15px;
    content: "";
  }
  main#sub .sec02 .imgBox {
    max-width: inherit;
    margin: 0 auto 39px;
    position: relative;
    z-index: 1;
  }
  main#sub .sec02 .pho {
    margin: -49px 7px 22px;
    width: auto;
    text-align: center;
  }
  main#sub .sec02 .textBox h2.headLine02 {
    margin: 0 20px 17px;
    max-width: inherit;
    padding-bottom: 19px;
    font-size: 2.55rem;
    background-size: 24px auto;
  }
  main#sub .sec02 .textBox {
    margin-left: 0;
    width: auto;
    margin-bottom: 10vw;
  }
  main#sub .sec02 .textBox .ttl {
    margin-bottom: 18px;
    font-size: 1.75rem;
  }
  main#sub .sec03 {
    padding: 57px 20px;
  }
  main#sub .sec03 .iconImg01 {
    left: 6px;
    top: -22px;
    width: 28px;
  }
  main#sub .sec03 .iconImg02 {
    right: 0;
    top: -38px;
    width: 62px;
  }
  main#sub .sec03 .headLine01 {
    margin-bottom: 30px;
  }
  main#sub .sec03 .headLine01 .en {
    margin: 0 auto 4px;
  }
  main#sub .sec03 .textUl {
    margin-top: -18px;
    justify-content: space-between;
  }
  main#sub .sec03 .textUl li {
    width: 48.2%;
    margin: 18px 0 0;
    border-radius: 20px;
  }
  main#sub .sec03 .textUl a {
    padding: 17px 19px 38px;
    background-position: bottom 14px center;
    background-size: 20px auto;
  }
  main#sub .sec03 .textUl .pho {
    margin: 0 auto 7px;
  }
  main#sub .sec03 .textUl .pho .on {
    opacity: 0 !important;
  }
  main#sub .sec03 .textUl p {
    font-size: 0.85rem;
  }
  main#sub .sec03 .textUl h3 {
    margin-bottom: 4px;
    font-size: 1.25rem;
  }
  main#sub .sec05 {
    padding: 30px 0 0;
    margin-bottom: 25vw;
  }
  main#sub .sec05 .iconImg01 {
    left: 24px;
    top: -12px;
    width: 28px;
  }
  main#sub .sec05 .iconImg02 {
    right: 17px;
    top: -28px;
    width: 62px;
  }
  main#sub .sec05 .headLine01 {
    margin-bottom: 27px;
  }
  main#sub .sec05 .headLine01 .sml {
    margin: 11px 0 4px;
  }
  main#sub .sec05 .imgBox {
    padding: 0;
    margin-bottom: -9%;
    display: block;
    background-image: url("../../img/index/sp_bg05.png");
  }
  main#sub .sec05 .pho {
    width: auto;
  }
  main#sub .sec05 .pho img {
    width: 100%;
  }
  main#sub .sec05 .textBox {
    width: auto;
    padding: 29px 23px 62px;
  }
  main#sub .sec05 .textBox > div {
    max-width: inherit;
  }
  main#sub .sec05 .headLine02 {
    padding-bottom: 20px;
    margin-bottom: 19px;
    font-size: 2rem;
  }
  main#sub .sec05 .textBox p {
    margin-bottom: 34px;
  }
  main#sub .sec05 .photo img {
    width: 100%;
  }
  main#sub .sec05 {
    /*.side-img*/
  }
  main#sub .sec05 .side-img + p {
    font-size: 3vw;
    margin-bottom: 0;
  }
  main#sub .side-img {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3vw;
    /*.half.yoyaku*/
  }
  main#sub .side-img .half {
    width: 100%;
  }
  main#sub .side-img .half + .half {
    margin-top: 3vw;
  }
  main#sub .side-img .half.yoyaku {
    width: calc(50% - 1vw) !important;
  }
  main#sub .side-img .half.yoyaku + .half.yoyaku {
    margin-top: 0;
  }
  main#sub .side-img .half.yoyaku img {
    width: 100%;
    border-radius: 15px 15px 0 0;
  }
  main#sub .side-img .half.yoyaku .button {
    display: table;
    width: 100%;
    text-align: center;
    line-height: 45px;
    background-color: #00AAFF;
    color: #fff;
    margin: 0px auto;
    border-radius: 0 0 15px 15px;
  }
  main#sub .side-img .half.yoyaku .button.color {
    background-color: #CFDB13;
  }
  main#sub .side-img .half.yoyaku .button.guppy {
    background-color: #f55a12;
  }
  main#sub .side-img + p {
    font-size: 3vw;
    margin-bottom: 0;
  }
  /*main#sub*/
} /*max-width: 768px* ここまで*/
@media (max-width: 431px) {
  .mv.recruit-dr {
    background-image: url("../../img/dummy/mv-recruit-dr.webp");
    height: 23rem;
    margin-top: 7rem;
  }
  .mv.recruit-dr:after {
    content: none;
  }
}/*# sourceMappingURL=page-sp.css.map */