/*
Theme Name: child-pc
Template: base-pc
*/

/*-----------------------------------------------------
RESET css
---------------------------------------------------- */
html,
body,
h1,
h2,
h3,
h4,
h5,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    box-sizing: border-box;
}

article,
header,
footer,
aside,
figure,
figcaption,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

li,
ol,
ul {
    list-style: none;
    list-style-type: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:hover img {
    opacity: 0.7;
}

html {
    font-size: 62.5%
}

html,
body {
    width: 100%;
    height: 100%;
}

img {
    display: block;
}

.slideshow {
    display: none;
}


/* -----------------------------------------------------------
Commmon
----------------------------------------------------------- */
/* PCのフォントサイズ */
body {
    font-size: 1.4rem !important;
    line-height: 1.5 !important;
    color: #586166 !important;
}

/* スマホ用のスタイル */
@media screen and (max-width: 520px) {
    body {
        font-size: 1.4rem;
    }
}

/* タブレット用のスタイル */
@media screen and (min-width: 520px) and (max-width: 960px) {
    body {
        font-size: 1.4rem;
    }
}

/* -----------------------------------------------------------
Tailwindcss
----------------------------------------------------------- */
.relative {
    position: relative;
  }
  
  .absolute {
    position: absolute;
  }
  
  .w-full {
    width: 100%;
  }
  
  .w-fit {
    width: fit-content;
  }
  
  .w-1\/2 {
    width: 50%;
  }
  
  .w-1\/3 {
    width: 33.333333%;
  }
  
  .w-2\/3 {
    width: 66.666667%;
  }
  
  .w-1\/4 {
    width: 25%;
  }
  
  .w-3\/4 {
    width: 75%;
  }
  
  .w-1\/5 {
    width: 20%;
  }
  
  .w-2\/5 {
    width: 40%;
  }
  
  .w-3\/5 {
    width: 60%;
  }
  
  .w-4\/5 {
    width: 80%;
  }
  
  .h-full {
    height: 100%;
  }
  
  .whitespace-nowrap {
    white-space: nowrap;
  }
  
  .flex {
    display: flex;
  }
  
  .flex-wrap {
    flex-wrap: wrap;
  }
  
  .flex-col {
    flex-direction: column;
  }
  
  .justify-between {
    justify-content: space-between;
  }
  
  .justify-center {
    justify-content: center;
  }
  
  .items-center {
    align-items: center;
  }
  
  .mincho {
    font-family: Yu Mincho,YuMincho,Hiragino Mincho ProN,Sawarabi Mincho;
  }
  
  .mb-20 {
    margin-bottom: 5rem;
  }
  
  .aspect-1\/1 {
    aspect-ratio: 1 / 1;
  }
  
  .object-contain {
    object-fit: contain;
  }
  
  .object-cover {
    object-fit: cover;
  }
  
  .z-10 {
    z-index: 10;
  }
  
  .text-white {
    color: #ffffff;
  }
  
  .top-0 {
    top: 0;
  }
  
  .left-0 {
    top: 0;
  }
  
  /* -----------------------------------------------------------
  追加したもの
  ----------------------------------------------------------- */
  .wrap {
    width: 100%;
    max-width: 1250px;
    min-width: 1000px;
    padding: 0 1%;
    margin: 0 auto;
  }
  @media screen and (max-width: 520px) {
    .wrap {
      min-width: auto;
      padding: 0 5%;
    }
  }
  
  .bg-brown-light {
    background-color: #fbfaf8;
  }
  
  .bg-brown-dark {
    background-color: #afa579;
  }
  
  .pc-hidden {
    display: none;
  }
  @media screen and (max-width: 520px) {
    .pc-hidden {
      display: block;
    }
  }
  
  @media screen and (max-width: 520px) {
    .sp-hidden {
      display: none;
    }
  }
  
  @media screen and (max-width: 520px) {
    .sp\:w-full {
      width: 100%;
    }
  }
  
  @media screen and (max-width: 520px) {
    .sp\:w-1\/3 {
      width: 33.3%;
    }
  }
  
  @media screen and (max-width: 520px) {
    .sp\:w-2\/5 {
      width: 40%;
    }
  }
  
  @media screen and (max-width: 520px) {
    .sp\:flex-col {
      flex-direction: column;
    }
  }
  
  /* -----------------------------------------------------------
  TOP
  ----------------------------------------------------------- */
  .top {
    font-family: Yu Mincho,YuMincho,Hiragino Mincho ProN,Sawarabi Minchof;
    letter-spacing: .2em;
  }
  
  .top h1,
  .top h2,
  .top h3,
  .top h4,
  .top h5 {
    font-weight: normal;
    line-height: 2;
  }
  
  .top p {
    line-height: 2.2;
  }
  
  /* -----------------------------------------------------------
  header
  ----------------------------------------------------------- */
  @media screen and (max-width: 520px) {
    header {
      padding: 20px;
      border-top: none !important;
      background-color: #fbfbf9;
    }
  }
  .hd_inner {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  
  .hd_inner h1 {
    font-size: 1.2rem;
    margin-bottom: 12px;
  }
  
  .hd_l {
    white-space: nowrap;
  }
  
  .hd_l ul {
    column-gap: 8px;
    margin-right: 12px;
    margin-bottom: 24px;
  }
  
  .hd_l ul li {
    font-size: 1.25rem;
    border: 1px solid;
    color: #b3aa80;
    padding: 4px 12px;
  }
  
  .hd_l figure {
    max-width: 40%;
    margin-bottom: 24px;
  }
  
  .hd_r ul {
    column-gap: 40px;
  }
  
  .hd_r ul li {
    display: flex;
    align-items: center;
    column-gap: 12px;
    font-size: 2.0rem;
  }
  
  .hd_r ul li:first-child::before {
    content: '';
    background: url("./images/common/tel.png") no-repeat center center;
    background-size: contain;
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
  }
  
  .hd_r ul li:last-child::before {
    content: '';
    background: url("./images/common/mail.png") no-repeat center center;
    background-size: contain;
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
  }
  
  .hd_r ul li a {
    color: #586166;
  }
  
  
  .hd_r ul li a:hover {
    opacity: .6;
    transition: opacity 0.3s ease;
    text-decoration: none;
  }
  
  /* -----------------------------------------------------------
  MV
  ----------------------------------------------------------- */
  .mv {
    height: 860px;
    background: url("./images/slide/mv.jpg") no-repeat center center;
    background-size: cover;
  }
  
  @media screen and (max-width: 520px) {
    .mv {
      height: 70vh;
      background: url("./images/slide/mv-sp.jpg") no-repeat left top;
      background-size: cover;
    }
  }
  
  .mv .wrap {
    padding-top: 35%;
    height: 100%;
  }
  
  .mv .catch {
    bottom: 10%;
    left: 0;
    padding-left: 3%
  }
  @media screen and (max-width: 520px) {
    .mv .catch {
      bottom: 5%;
    }
  }
  
  .mv h2 {
    font-size: 6rem;
    font-weight: normal;
  }
  @media screen and (max-width: 520px) {
    .mv h2 {
      font-size: 7vw;
      font-weight: normal;
    }
  }
  
  .mv p {
    font-size: 3rem;
  }
  @media screen and (max-width: 520px) {
    .mv p {
      font-size: 4.5vw;
    }
  }
  
  /* -----------------------------------------------------------
  TITLE
  ----------------------------------------------------------- */
  .title-main h2 {
    font-size: 2.0rem;
    text-align: center;
  }
  @media screen and (max-width: 520px) {
    .title-main h2 {
      font-size: 3.5vw;
    }
  }
  
  .title-main::after {
    font-size: 10rem;
    display: block;
    text-align: center;
    padding-bottom: 20px;
    letter-spacing: .05em;
  }
  @media screen and (max-width: 520px) {
    .title-main::after {
      font-size: 15vw;
    }
  }
  
  .title-main::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #afa579;
    width: 5em;
    height: 1px;
  }
  
  .title-point {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #afa579;
    font-size: 1.8rem;
    top: -40px;
  }
  @media screen and (max-width: 520px) {
    .title-point {
      position: relative;
      top: 0;
      font-size: 2.5vw;
    }
  }
  
  .title-point span {
    line-height: 1;
    text-align: center;
  }
  
  .title-point .number {
    font-size: 6.3rem;
  }
  @media screen and (max-width: 520px) {
    .title-point .number {
      font-size: 13vw;
    }
  }
  
  .title-line h3 {
    font-size: 2.0rem;
    padding-bottom: 24px;
    border-bottom: 1px solid #e1e1df;
    margin-bottom: 40px;
  }
  @media screen and (max-width: 520px) {
    .title-line h3 {
      font-size: 3.5vw;
      padding-bottom: 12px;
      margin-bottom: 24px;
    }
  }
  
  .title-line h3 span {
    font-size: 3.2rem;
    display: block
  }
  @media screen and (max-width: 520px) {
    .title-line h3 span {
      font-size: 6vw;
    }
  }
  
  .title-side h4 {
    font-size: 2.0rem;
    padding-left: 30px;
    margin-bottom: 30px;
  }
  
  .title-side h4::before {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 2px;
    height: 3em;
    background: #afa579;
  }
  
  /* -----------------------------------------------------------
  BUTTON
  ----------------------------------------------------------- */
  .button-main a:hover {
    opacity: .6;
    transition: opacity 0.3s ease;
    text-decoration: none;
  }
  
  .button-main a {
    position: relative;
    color: #ffffff;
    font-size: 1.4rem;
    background-color: #afa579;
    display: block;
    text-align: center;
    padding: 1em 3.5em 1em 2em;
    opacity: 1;
  }
  @media screen and (max-width: 520px) {
    .button-main a {
      font-size: 3vw;
    }
  }
  
  .button-main a::before {
    position: absolute;
    content: '';
    background: url("./images/top/btn01.png") no-repeat center center;
    background-size: contain;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
  }
  
  
  /* -----------------------------------------------------------
  TOP01
  ----------------------------------------------------------- */
  .top01 {
    padding-bottom: 300px;
  }
  @media screen and (max-width: 520px) {
    .top01 {
      padding-bottom: 60px;
    }
  }
  
  .top01-01 {
    padding: 60px 0 350px;
    text-align: center;
    overflow-x: hidden;
  }
  @media screen and (max-width: 520px) {
    .top01-01 {
      padding: 60px 0 110px;
    }
  }
  
  .top01-01::after {
    position: absolute;
    content: 'REASONS';
    font-size: 38rem;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #ffffff;
    display: block;
    letter-spacing: .0;
  }
  @media screen and (max-width: 520px) {
    .top01-01::after {
      left: -5%;
      transform: translateX(0);
      font-size: 45vw;
    }
  }
  
  .top01-01 .title-main::after {
    content: 'REASONS';
  }
  
  .top01-01 .title-main {
    background: url("./images/top/top01-bg01.png") no-repeat top center;
    padding-top: 180px;
    background-size: 20em auto;
  }
  @media screen and (max-width: 520px) {
    .top01-01 .title-main {
      padding-top: 100px;
      background-size: 12em auto;
    }
  }
  
  .top01-01 h3 {
    font-size: 2.8rem;
    line-height: 2;
    margin-bottom: 64px;
  }
  
  .top01 .box {
    position: relative;
    width: 60%;
    padding: 60px 0;
    height: 100%;
    min-height: 640px;
  }
  @media screen and (max-width: 520px) {
    .top01 .box {
      width: 100%;
      padding: 20px 0;
      height: 100%;
      min-height: auto;
    }
  }
  @media screen and (max-width: 520px) {
    .top01 .box p {
      font-size: 3.5vw;
    }
  }
  
  .top01 .button-main {
    position: absolute;
    bottom: 0;
    transform: translateY(50%);
    left: 0;
  }
  @media screen and (max-width: 520px) {
    .top01 .button-main {
      position: relative;
    }
  }
  
  .top01-02 {
    background: url("./images/top/top01-01.jpg") no-repeat top right;
    background-size: contain;
    padding-top: 140px;
    margin-top: -220px;
    margin-bottom: 170px;
  }
  @media screen and (max-width: 520px) {
    .top01-02 {
      margin-top: -100px;
      padding-top: 200px;
      background: url("./images/top/top01-01-sp.jpg") no-repeat top right;
      background-size: 90%;
    }
  }
  
  .top01-02 .box,
  .top01-04 .box {
    padding-right: 100px;
  }
  @media screen and (max-width: 520px) {
    .top01-02 .box,
    .top01-04 .box {
      padding-right: 0;
    }
  }
  
  .top01-02 .title-point,
  .top01-04 .title-point {
    left: 0;
  }
  
  .top01-03 {
    background: url("./images/top/top01-02.jpg") no-repeat top left;
    background-size: contain;
    padding-top: 140px;
    margin-bottom: 170px;
  }
  @media screen and (max-width: 520px) {
    .top01-03 {
      margin-top: -100px;
      padding-top: 200px;
      background: url("./images/top/top01-02-sp.jpg") no-repeat top right;
      background-size: 90%;
    }
  }
  
  .top01-03 .box {
    padding-left: 100px;
    margin-left: auto;
  }
  @media screen and (max-width: 520px) {
    .top01-03 .box {
      padding-left: 0;
    }
  }
  
  .top01-03 .title-point {
    right: 0;
  }
  
  .top01-03 .button-main {
    bottom: 0;
    transform: translateY(50%);
    left: 100px;
  }
  @media screen and (max-width: 520px) {
    .top01-03 .button-main {
      left: 0;
    }
  }
  
  .top01-04 {
    background: url("./images/top/top01-03.jpg") no-repeat top right;
    background-size: contain;
    padding-top: 140px;
  }
  @media screen and (max-width: 520px) {
    .top01-04 {
      margin-top: -100px;
      padding-top: 200px;
      background: url("./images/top/top01-03-sp.jpg") no-repeat top right;
      background-size: 90%;
    }
  }
  
  /* -----------------------------------------------------------
  TOP02
  ----------------------------------------------------------- */
  .top02 {
    overflow: hidden;
    padding-bottom: 200px;
  }
  @media screen and (max-width: 520px) {
    .top02 {
      padding-bottom: 60px;
    }
  }
  
  .top02::after {
    position: absolute;
    content: 'CLINIC';
    font-size: 38rem;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #fbfbf9;
    display: block;
  }
  @media screen and (max-width: 520px) {
    .top02::after {
      top: -30px;
      left: -20%;
      transform: translateX(0);
      font-size: 45vw;
    }
  }
  
  @media screen and (max-width: 520px) {
    .top02 .box {
      aspect-ratio: 3 / 1;
    }
  }
  
  .top02-01 {
    padding-top: 280px;
    text-align: center;
  }
  @media screen and (max-width: 520px) {
    .top02-01 {
      padding-top: 80px;
    }
  }
  
  @media screen and (max-width: 520px) {
    .top02-01 p {
      font-size: 4.5vw;
      text-align: center;
    }
  }
  
  .top02-01 .title-main::after {
    content: 'MENU';
  }
  
  .top02-02 {
    padding-top: 70px;
  }
  @media screen and (max-width: 520px) {
    .top02-02 {
      padding-top: 0;
    }
  }
  
  .top02-02 .inner {
    column-gap: 2em;
    margin-bottom: 80px;
  }
  @media screen and (max-width: 520px) {
    .top02-02 .inner {
      row-gap: 1em;
      margin-bottom: 1em;
    }
  }
  
  .top02-02 .box {
    border: solid 1px #c2bb99;
  }
  
  @media screen and (max-width: 520px) {
    .top02-02 .box::after {
      content: '';
      position: absolute;
      background: url(./images/top/btn02.png) no-repeat;
      background-size: 50%;
      display: inline-block;
      bottom: 1em;
      right: .5em;
      width: .75em;
      height: .75em;
    }
  }
  
  .top02-02 .container {
    padding: 40px;
  }
  @media screen and (max-width: 520px) {
    .top02-02 .container {
      padding: 10px;
    }
  }
  
  .top02-02 h3 {
    font-size: 2rem;
    margin-bottom: 1em;
    text-align: center;
  }
  @media screen and (max-width: 520px) {
    .top02-02 h3 {
      font-size: 3.5vw;
      margin-bottom: .5em;
    }
  }
  
  .top02-02 h3 span {
    font-size: 1.6rem;
    display: block;
  }
  @media screen and (max-width: 520px) {
    .top02-02 h3 span {
      font-size: 2.5vw;
    }
  }
  
  .top02-02 h4 {
    font-size: 1.8rem;
    margin-bottom: 1.6em;
  }
  @media screen and (max-width: 520px) {
    .top02-02 h4 {
      font-size: 3.5vw;
    }
  }
  
  .top02-02 h4::after {
    position: absolute;
    content: '';
    bottom: -5px;
    left: 0;
    background: #afa579;
    width: 100%;
    height: 1px;
    display: block;
  }
  
  .top02-02 ul {
    margin-bottom: 2em;
  }
  @media screen and (max-width: 520px) {
    .top02-02 ul {
      margin-bottom: 0;
    }
  }
  
  .top02-02 li {
    line-height: 2;
  }
  @media screen and (max-width: 520px) {
    .top02-02 li {
      font-size: 2.5vw;
    }
  }
  
  .top02-02 li::before {
    content: "\2022";
    color: #586166;
    margin-right: .8em;
  }
  
  .top02-03 .inner {
    row-gap: 2em;
  }
  @media screen and (max-width: 520px) {
    .top02-03 .inner {
      row-gap: 1em;
    }
  }
  
  .top02-03 .box {
    width: calc(25% - 1em);
    border: solid 1px #e0ddcc;
  }
  @media screen and (max-width: 520px) {
    .top02-03 .box {
      width: calc(50% - .5em);
    }
  }
  
  .top02-03 h3 {
    background-color: #f7f6f1;
    font-size: 1.7rem;
    height: 3em;
    text-align: center;
    padding-top: 0.5em;
  }
  @media screen and (max-width: 520px) {
    .top02-03 h3 {
      font-size: 3.5vw;
    }
  }
  
  .top02-03 .box img {
    margin: 2em auto;
    width: 50%;
    height: auto;
  }
  @media screen and (max-width: 520px) {
    .top02-03 .box img {
      width: 40%;
      margin: .5em auto;
    }
  }
  
  .top02-03 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .top02-03 .box:hover {
    opacity: .6;
    transition: opacity 0.3s ease;
    text-decoration: none;
  }
  
  .top02-03 .box::after {
    content: '';
    position: absolute;
    background: url(./images/top/btn02.png) no-repeat;
    background-size: 50%;
    display: inline-block;
    bottom: 1.5em;
    right: 1em;
    width: 1em;
    height: 1em;
  }
  @media screen and (max-width: 520px) {
    .top02-03 .box::after {
      content: '';
      position: absolute;
      background: url(./images/top/btn02.png) no-repeat;
      background-size: 50%;
      display: inline-block;
      bottom: 1em;
      right: .5em;
      width: .75em;
      height: .75em;
    }
  }
  
  
  /* -----------------------------------------------------------
  TOP03
  ----------------------------------------------------------- */
  .top03 {
    padding-bottom: 250px;
    overflow: hidden;
  }
  @media screen and (max-width: 520px) {
    .top03 {
      padding-bottom: 60px;
    }
  }
  
  .top03::after {
    position: absolute;
    content: 'POLICY';
    font-size: 38rem;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    display: block;
  }
  @media screen and (max-width: 520px) {
    .top03::after {
      top: -30px;
      left: -30%;
      transform: translateX(0);
      font-size: 45vw;
    }
  }
  
  .top03-01 {
    padding-top: 280px;
    text-align: center;
  }
  @media screen and (max-width: 520px) {
    .top03-01 {
      padding-top: 80px;
    }
  }
  
  .top03-01 .title-main::after {
    content: 'POLICY';
  }
  
  .top03-01 h3 {
    font-size: 2.8rem;
    line-height: 2;
    margin-bottom: 50px;
  }
  @media screen and (max-width: 520px) {
    .top03-01 h3 {
      font-size: 4.5vw;
      margin-bottom: 1.3em;
    }
  }
  
  .top03-02 .inner {
    column-gap: 1.9em;
    padding-top: 5em;
  }
  @media screen and (max-width: 520px) {
    .top03-02 .inner {
      padding-top: 0;
      row-gap: 2em;
    }
  }
  
  .top03-02 .box {
    background-color: #ffffff;
    padding: 3.4em 2em 2em;
  }
  
  .top03-02 h3 {
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 0.5em;
  }
  @media screen and (max-width: 520px) {
    .top03-02 h3 {
      font-size: 5.5vw;
    }
  }
  
  .top03-02 span {
    font-size: 2.2rem;
    color: #afa579;
    display: block;
    line-height: 1;
  }
  @media screen and (max-width: 520px) {
    .top03-02 span {
      font-size: 5.5vw;
    }
  }
  
  .top03-02 h4 {
    font-size: 2rem;
    text-align: center;
    padding: 1em 0 .5em;
    margin-bottom: 1em;
  }
  @media screen and (max-width: 520px) {
    .top03-02 h4 {
      margin-bottom: 0;
      font-size: 5.5vw;
    }
  }
  
  .top03-02 h4::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #afa579;
    width: 3em;
    height: 1px;
  }
  @media screen and (max-width: 520px) {
    .top03-02 h4::after {
      display: none;
    }
  }
  
  .top03 .button-main {
    margin-top: auto;
  }
  
  .top03 .button-main a {
    padding: 1.5em 3.5em 1.5em 2em;
  }
  
  /* -----------------------------------------------------------
  TOP04
  ----------------------------------------------------------- */
  .top04 .wrap {
    column-gap: 100px
  }
  @media screen and (max-width: 520px) {
    .top04 .wrap {
      row-gap: 60px;
      padding-top: 60px;
      padding-bottom: 60px;
    }
  }
  
  .top04 .feature-image {
    aspect-ratio: 2 / 1;
    max-height: 500px;
  }
  
  .top04 .divider {
    border: .5px solid #dedfe0;
    width: 1px;
    margin: 0;
    flex-grow: 1;
  }
  
  .top04 .box {
    margin: 150px 0;
  }
  @media screen and (max-width: 520px) {
    .top04 .box {
      margin: 0;
    }
  }
  
  .top04 h3 {
    font-size: 3.4rem;
    padding-bottom: .5em;
    margin-bottom: 1em;
  }
  @media screen and (max-width: 520px) {
    .top04 h3 {
      font-size: 6.5vw;
    }
  }
  
  .top04 .wrap span {
    font-size: 2rem;
    display: block;
  }
  @media screen and (max-width: 520px) {
    .top04 .wrap span {
      font-size: 4.5vw;
    }
  }
  
  .top04 h3::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: #afa579;
    width: 2em;
    height: 1px;
  }
  
  /* -----------------------------------------------------------
  TOP05
  ----------------------------------------------------------- */
  
  .top05::after {
    position: absolute;
    content: 'ABOUT';
    font-size: 38rem;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    display: block;
  }
  @media screen and (max-width: 520px) {
    .top05::after {
      top: -30px;
      left: -30%;
      transform: translateX(0);
      font-size: 45vw;
    }
  }
  
  .top05-01 {
    padding-top: 280px;
    padding-bottom: 100px;
  }
  @media screen and (max-width: 520px) {
    .top05-01 {
      padding-top: 80px;
    }
  }
  
  .top05-01 .title-main::after {
    content: 'ABOUT';
  }
  
  .top05-01 h3 {
    font-size: 3.4rem;
    padding-bottom: 1em;
    margin-bottom: 2em;
  }
  @media screen and (max-width: 520px) {
    .top05-01 h3 {
      font-size: 6.5vw;
      margin-bottom: .5em;
    }
  }
  
  .top05-01 h3 span {
    font-size: 2.0rem;
    display: block;
  }
  @media screen and (max-width: 520px) {
    .top05-01 h3 span {
      font-size: 4.5vw;
    }
  }
  
  .top05-01 h3::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background: #afa579;
    width: 2em;
    height: 1px;
  }
  
  .top05-01 .flex {
    column-gap: 10em;
  }
  
  .top05-01 tr {
    border-bottom: 1px solid #dadbdb;
  }
  
  .top05-01 .box_l tr:last-child {
    border-bottom: none;
  }
  
  .top05-01 .box_l tr:last-child td {
    font-size: 1.6rem;
  }
  @media screen and (max-width: 520px) {
    .top05-01 .box_l tr:last-child td {
      font-size: 3vw;
      text-align: right;
    }
  }
  
  .top05-01 .box_l tr:last-child td span {
    padding-left: 2em;
  }
  
  .top05-01 .box_l tr:last-child td span::before {
    content: '';
    position: absolute;
    background: url(./images/top/map.png) no-repeat;
    background-size: contain;
    width: 2em;
    height: 2em;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: inline-block;
  }
  
  .top05-01 .box_l tr:last-child td a {
    color: #586166;
  }
  
  .top05-01 .box_l tr:last-child td a:hover {
    opacity: .6;
    transition: opacity 0.3s ease;
    text-decoration: none;
  }
  
  .top05-01 .box_l th {
    font-weight: normal;
    width: 8em;
    color: #afa579;
  }
  
  .top05-01 .box_l th,
  .top05-01 .box_l td {
    font-size: 1.4rem;
    border: 0;
    padding: 20px 1%;
    vertical-align: top;
    line-height: 2;
  }
  @media screen and (max-width: 520px) {
    .top05-01 .box_l th,
    .top05-01 .box_l td {
      font-size: 3vw;
    }
  }
  
  .top05-01 .box_r table {
    margin-bottom: 3em;
  }
  
  .top05-01 .box_r th {
    font-weight: normal;
    width: 16em;
  }
  
  .top05-01 .box_r th,
  .top05-01 .box_r td {
    font-size: 1.4rem;
    border: 0;
    padding: 20px 1%;
    vertical-align: top;
    line-height: 1;
  }
  @media screen and (max-width: 520px) {
    .top05-01 .box_r th,
    .top05-01 .box_r td {
      font-size: 3vw;
    }
  }
  
  .top05 .btn-box {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
  }
  
  .top05 .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background: #fff;
    transition: opacity .3s ease-in-out;
  }
  
  .top05 .mask:hover {
    opacity: .4;
  }
  
  .top05 .btn-box .tel,
  .top05 .btn-box .mail {
    position: relative;
    aspect-ratio: 7 / 1;
    border: solid 1px #c1ba98;
    color: #a29763;
    width: 80%;
    padding-left: 7em;
  }
  @media screen and (max-width: 520px) {
    .top05 .btn-box .tel,
    .top05 .btn-box .mail {
      aspect-ratio: 6 / 1;
      width: 100%;
      padding-left: 4em;
    }
  }
  
  .top05 .btn-box .tel {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  @media screen and (max-width: 520px) {
    .top05 .btn-box .tel {
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      column-gap: 1em;
    }
  }
  
  .top05 .phone {
    font-size: 2.0rem;
    white-space: nowrap;
  }
  @media screen and (max-width: 520px) {
    .top05 .phone {
      font-size: 5vw;
    }
  }
  
  .top05 .time {
    font-size: 1.1rem;
  }
  @media screen and (max-width: 520px) {
    .top05 .time {
      font-size: 2.5vw;
    }
  }
  
  .top05 .message {
    font-size: 2.0rem;
    white-space: nowrap;
  }
  @media screen and (max-width: 520px) {
    .top05 .message {
      font-size: 4.5vw;
    }
  }
  
  .top05 .btn-box .mail {
    display: flex;
    align-items: center;
  }
  
  .top05 .btn-box .tel::before,
  .top05 .btn-box .mail::before,
  .top05 .btn-box .mail::after {
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2em;
    height: 2em;
    transform: translateY(-50%);
    top: 50%;
  }
  @media screen and (max-width: 520px) {
    .top05 .btn-box .tel::before,
    .top05 .btn-box .mail::before {
      width: 1.5em;
      height: 1.5em;
    }
  }
  
  .top05 .btn-box .tel::before,
  .top05 .btn-box .mail::before {
    left: 2em;
  }
  @media screen and (max-width: 520px) {
    .top05 .btn-box .tel::before,
    .top05 .btn-box .mail::before {
      left: 1.5em;
    }
  }
  
  .top05 .btn-box .tel::before {
    background-image: url(./images/top/tel02.png);
  }
  
  .top05 .btn-box .mail::before {
    background-image: url(./images/top/mail02.png);
  }
  
  .top05 .btn-box .mail::after {
    right: 1em;
    background-image: url(./images/top/btn03.png);
    width: 1.25em;
    height: 1.25em;
  }
  
  
  /* -----------------------------------------------------------
  TOP06
  ----------------------------------------------------------- */
  /* ------------------------------
  NEWS
  --------------------------------- */
  
  .top06 .news .wrap {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  
  .top06 .news .wrap h2 {
    font-size: 2.8rem;
    padding-left: 3em;
  }
  @media screen and (max-width: 520px) {
    .top06 .news .wrap h2 {
      font-size: 6.5vw;
      padding-left: 0;
      text-align: center;
      width: 100%
    }
  }
  
  .top06 .news .w-3\/5 {
    padding-left: 3em;
  }
  @media screen and (max-width: 520px) {
    .top06 .news .w-3\/5 {
        padding-left: 0;
      }
  }
  
  .top06 .news h2::before {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #dedfe0;
    transform: translateX(-50%);
  }
  @media screen and (max-width: 520px) {
    .top06 .news h2::before {
      display: none;
    }
  }
  
  .top06 .news .wrap .view {
    color: #52575C;
    position: absolute;
    bottom: 2em;
    right: 0em;
    padding-right: 1.5em;
    font-size: 1.4rem;
    color: #586166;
    line-height: 1;
  }
  @media screen and (max-width: 520px) {
    .top06 .news .wrap .view {
      font-size: 3vw;
    }
  }

  .top06 .news .wrap .view:hover {
    opacity: .6;
    transition: opacity 0.3s ease;
    text-decoration: none;
  }
  
  .top06 .news .wrap .view::after {
    content: '';
    position: absolute;
    background: url(./images/top/btn04.png) no-repeat;
    background-size: 50%;
    display: inline-block;
    bottom: 0;
    right: 0;
    width: 1em;
    height: 1em;
  }
  
  /* ------------------------------
  CONTACT
  --------------------------------- */
  .top06 .contact {
    background-color: #ededed;
    text-align: center;
    margin-bottom: 30px;
  }
  
  .top06 .btn-box {
    position: relative;
  
  }
  
  .top06 .divider {
    border: .5px solid #fff;
    width: 1px;
    margin: 0;
    flex-grow: 1;
  }
  
  .top06 .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background: #fff;
    transition: opacity .3s ease-in-out;
	    z-index: 10;
  }
  
  .top06 .mask:hover {
    opacity: .4;
  }

.clinic .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  background: #fff;
  transition: opacity .3s ease-in-out;
  z-index: 10;
}

.clinic .mask:hover {
  opacity: .4;
}
  
  .top06 .btn-box .tel,
  .top06 .btn-box .mail {
    position: relative;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: .5em;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  @media screen and (max-width: 520px) {
    .top06 .btn-box .tel,
    .top06 .btn-box .mail {
      padding-top: 30px;
      padding-bottom: 30px;
      row-gap: .5em;
    }
  }
  
  .top06 .title {
    font-size: 2.0rem;
  }
  
  .top06 .phone {
    font-size: 4.0rem;
    position: relative;
    padding: 0 2em;
  }
  @media screen and (max-width: 520px) {
    .top06 .phone {
      font-size: 5vw;
      padding: 1.5em 0 0 0;
    }
  }
  
  .top06 .time {
    font-size: 1.4rem;
  }
  @media screen and (max-width: 520px) {
    .top06 .time {
      font-size: 2.5vw;
    }
  }
  
  .top06 .message {
    font-size: 2.5rem;
    position: relative;
    padding: 0 2em;
  }
  @media screen and (max-width: 520px) {
    .top06 .message {
      font-size: 4.5vw;
      padding: 1.5em 0 0 0;
    }
  }
  
  .top06 .btn-box .mail {
    display: flex;
    align-items: center;
  }
  
  .top06 .btn-box .phone::before,
  .top06 .btn-box .message::before,
  .top06 .btn-box .message::after {
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translateY(-50%);
    top: 50%;
  }
  
  .top06 .btn-box .phone::before,
  .top06 .btn-box .message::before {
    left: 0;
  }
  @media screen and (max-width: 520px) {
    .top06 .btn-box .phone::before,
    .top06 .btn-box .message::before {
      left: 50%;
      transform: translateX(-50%);
      top: 0;
    }
  }
  
  .top06 .btn-box .phone::before {
    background-image: url(./images/top/tel03.png);
    width: 1em;
    height: 1em;
  }
  
  .top06 .btn-box .message::before {
    background-image: url(./images/top/mail03.png);
    width: 1.25em;
    height: 1.25em;
  }
  
  .top06 .btn-box .message::after {
    right: 0;
    background-image: url(./images/top/btn05.png);
    width: 1em;
    height: 1em;
  }
  @media screen and (max-width: 520px) {
    .top06 .btn-box .message::after {
      transform: translateY(0);
      right: -1em;
      top: 100%;
    }
  }
  
  .top06 .clinic {
    position: relative;
    background-color: #f8f8f9;
    height: 400px;
    text-align: center;
    margin-bottom: 4em;
  }
  @media screen and (max-width: 520px) {
    .top06 .clinic {
      height: auto;
      margin-bottom: 10px;
    }
  }
  
  .top06 .clinic::before,
  .top06 .clinic::after {
    content: "";
    position: absolute;
    top: 0;
    background-size: cover;
    width: 30%;
    height: 100%;
    z-index: 1;
  }
  @media screen and (max-width: 520px) {
    .top06 .clinic::before,
    .top06 .clinic::after {
      width: 40%;
    }
  }
  
  .top06 .clinic::before {
    background-image: url(./images/top/top06-01.jpg);
    background-position: right;
    background-repeat: no-repeat;
    left: 0;
  }
  
  .top06 .clinic::after {
    background-image: url(./images/top/top06-02.jpg);
    background-position: left;
    background-repeat: no-repeat;
    right: 0;
  }
  
  .top06 .clinic .text-area {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: .5em;
    text-align: center;
    height: 100%;
    width: fit-content;
    z-index: 2;
    margin: 0 auto;
  }
  @media screen and (max-width: 520px) {
    .top06 .clinic .text-area {
      padding: 20px 0;
    }
  }
  
  .top06 .clinic .text-area p {
    margin-bottom: 0;
  }
  .top06 .clinic .text-area p.middle {
    margin-bottom: 30px;
  }
  @media screen and (max-width: 520px) {
    .top06 .clinic .text-area p.middle {
      margin-bottom: 0;
    }
  }
  
  .top06 .clinic .top-text {
    background-color: #b3aa80;
    color: #ffffff;
    font-size: 2.2rem;
    width: 100%;
  }
  @media screen and (max-width: 520px) {
    .top06 .clinic .top-text {
      font-size: 3.5vw;
      width: fit-content;
      padding: 0 .5em;
    }
  }
  
  .top06 .clinic .middle-text {
    font-size: 2.4rem;
    padding-bottom: 20px;
    border-bottom: solid 1px #a7a0a3;
  }
  @media screen and (max-width: 520px) {
    .top06 .clinic .middle-text {
      font-size: 3.5vw;
      padding-bottom: 10px;
    }
  }
  
  .top06 .clinic .middle-text .catch {
    font-size: 5.2rem;
    display: block;
    line-height: 1.1;
  }
  @media screen and (max-width: 520px) {
    .top06 .clinic .middle-text .catch {
      font-size: 7vw;
    }
  }
  
  .top06 .clinic .bottom-text {
    font-size: 2rem;
  }
  @media screen and (max-width: 520px) {
    .top06 .clinic .bottom-text {
      font-size: 3.5vw;
    }
  }
  
  .top06 .btn-area {
    display: flex;
    justify-content: space-between;
  }
  @media screen and (max-width: 520px) {
    .top06 .btn-area {
      margin-top: 10px;
      flex-direction: column;
      row-gap: 10px;
      padding: 0;
    }
  }
  
  @media screen and (max-width: 520px) {
    .top06 .wrap {
      padding-top: 0;
      padding-bottom: 0;
    }
  }
  
  .top06 .btn-area .left,
  .top06 .btn-area .center,
  .top06 .btn-area .right {
    position: relative;
    width: 31%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: .5em;
    aspect-ratio: 3 / 1;
    color: #fff;
  }
  @media screen and (max-width: 520px) {
    .top06 .btn-area .left,
    .top06 .btn-area .center,
    .top06 .btn-area .right {
      aspect-ratio: 9 / 2;
      width: 100%;
    }
  }
  
  .top06 .btn-area .left {
    background-color: #88afb2;
  }
  
  .top06 .btn-area .center {
    background-color: #afa579;
  }
  
  .top06 .btn-area .right {
    background-color: #bb94a6;
  }
  
  .top06 .btn-area .top-text {
    font-size: 1.4rem;
  }
  
  .top06 .btn-area .middle-text {
    font-size: 1.4rem;
  }
  
  .top06 .btn-area .bottom-text {
    font-size: 2rem;
    position: relative;
    padding: 0 2em;
  }
  
  .top06 .btn-area .bottom-text::before,
  .top06 .btn-area .bottom-text::after {
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translateY(-50%);
    top: 50%;
    width: 1em;
    height: 1em;
  }
  
  .top06 .btn-area .bottom-text::before {
    background-image: url(./images/top/top06-03.png);
    left: 0;
  }
  
  .top06 .btn-area .bottom-text::after {
    right: 0;
    background-image: url(./images/top/btn01.png);
  }
  
  /* -----------------------------------------------------------
  footer
  ----------------------------------------------------------- */
  #footer {
    margin-top: 0 !important;
    padding-top: 4em !important;
    box-shadow: none !important;
  }
  
  .footer {
    padding: 70px 0 30px;
    color: #ffffff;
    font-family: Yu Mincho,YuMincho,Hiragino Mincho ProN,Sawarabi Mincho;
  }
  
  .footer a {
    color: #ffffff;
  }
  
  .footer .container {
    display: flex;
    column-gap: 60px;
  }
  @media screen and (max-width: 520px) {
    .footer .container {
      flex-direction: column;
      row-gap: 60px;
    }
  }
  
  .footer .divider {
    border: .5px solid #fff;
    width: 1px;
    flex-grow: 1;
  }
  @media screen and (max-width: 520px) {
    .footer .divider {
      width: 100%;
    }
  }
  
  .footer .box-left {
    display: flex;
    flex-direction: column;
    row-gap: 100px;
    width: 30%;
  }
  @media screen and (max-width: 520px) {
    .footer .box-left {
      width: 100%;
      align-items: center;
      text-align: center;
      row-gap: 20px;
    }
  }
  
  .footer .logo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: .5em;
  }
  @media screen and (max-width: 520px) {
    .footer .logo {
      flex-direction: column;
      align-items: center;
    }
  }
  
  .footer .logo img {
    width: 1.5em;
    height: 1.5em;
  }
  @media screen and (max-width: 520px) {
    .footer .logo img {
      width: 2.5em;
      height: 2.5em;
    }
  }
  
  .footer .logo span {
    font-size: 2.6rem;
  }
  
  .footer .access li {
    margin-top: 0.5rem;
  }
  
  .footer .access :nth-child(3) {
    font-size: 1.8rem;
    padding: 1em 0 1em 2em;
  }
  @media screen and (max-width: 520px) {
    .footer .access :nth-child(3) {
      padding: 1em 0;
    }
  }
  
  .footer .access :nth-child(3)::before {
    content: '';
    position: absolute;
    background: url(./images/top/map02.png) no-repeat;
    background-size: contain;
    width: 2em;
    height: 2em;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: inline-block;
  }
  
  .footer .access :nth-child(3) a:hover {
    opacity: .6;
    transition: opacity 0.3s ease;
    text-decoration: none;
  }
  
  .footer .sns {
    column-gap: 1em;
  }
  
  .footer .sns img {
    width: auto;
    height: 2em;
  }
  
  .footer .box-right {
    display: flex;
    flex-direction: column;
    row-gap: 100px;
    width: 70%;
  }
  @media screen and (max-width: 520px) {
    .footer .box-right {
      width: 100%;
      row-gap: 50px;
    }
  }
  
  .footer .menu {
    display: flex;
    justify-content: space-between;
  }
  @media screen and (max-width: 520px) {
    .footer .menu {
      flex-direction: column;
    }
  }
  
  .footer .menu li {
    margin-top: 1rem;
  }
  @media screen and (max-width: 520px) {
    .footer .menu li {
      width: 100%;
    }
    .footer .menu li a {
      display: block;
      position: relative;
      padding: .5em 0 1em;
      border-bottom: 1px solid #fff;
    }
    .footer .menu li a::before {
      position: absolute;
      content: '';
      background-size: contain;
      display: inline-block;
      width: 1em;
      height: 1em;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      background-image: url(./images/top/btn06.png);
      background-repeat: no-repeat;
    }
  }
  
  .footer .menu a:hover {
    text-decoration: underline;
  }
  
  .footer .menu .main {
    font-size: 1.6rem;
  }
  
  .footer .menu .sub {
    position: relative;
    padding-left: 1.5em;
  }
  @media screen and (max-width: 520px) {
    .footer .menu .sub {
      display: none;
    }
  }
  
  .footer .menu .sub::before {
    position: absolute;
    content: '';
    width: 1em;
    height: 1px;
    background-color: #fff;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  
  .footer .contact {
    display: flex;
    justify-content: space-between;
    column-gap: 1em;
  }
  @media screen and (max-width: 520px) {
    .footer .contact {
      flex-direction: column;
      row-gap: 1em;
    }
  }
  
  .footer .contact .btn-area {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
  }
  @media screen and (max-width: 520px) {
    .footer .contact .btn-area {
      width: 100%;
      order: -9999;
    }
  }
  
  .footer .contact .button-main a {
    border: solid 1px #d7d2bc;
    text-align: left;
    font-size: 1.6rem;
    padding: 0.5em 3em 0.5em 1em;
    white-space: nowrap;
  }
  
  .footer .contact .button-main a::before {
    background-image: url(./images/top/btn06.png);
    width: 1em;
    height: 1em;
  }
  
  .footer .horizontal-menu {
    display: flex;
    justify-content: end;
    padding: 30px 0;
  }
  @media screen and (max-width: 520px) {
    .footer .horizontal-menu {
      flex-direction: column;
      row-gap: .5em;
    }
  }
  
  .footer .horizontal-menu li {
    padding: 0 1em;
  }
  @media screen and (max-width: 520px) {
    .footer .horizontal-menu li {
      padding: 0;
    }
  }
  
  .footer .horizontal-menu li a:hover {
    text-decoration: underline;
  }
  
  .footer .horizontal-menu li:nth-child(2) {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  @media screen and (max-width: 520px) {
    .footer .horizontal-menu li:nth-child(2) {
      border-left: none;
      border-right: none;
    }
  }
  
  /* -----------------------------------------------------------
  dd,dl,dt　追加と変更
  ----------------------------------------------------------- */
  @media screen and (max-width: 520px) {
    .inner dt,
    .inner dd {
      font-size: 3vw;
    }
  }

  .inner dl {
    display: flex;
    flex-wrap: wrap;
  }
  @media screen and (max-width: 520px) {
    .inner dl {
      display: block;
    }
  }
  
  .inner dt {
    flex: 0 0 25%;
  }
  @media screen and (max-width: 520px) {
    .inner dt {
      flex: none;
      width: auto;
    }
  }
  
  .inner dd {
    flex: 0 0 75%;
  }
  @media screen and (max-width: 520px) {
    .inner dd {
      flex: none;
      width: auto;
    }
  }

  .top04 dd a {
    color: #586166;
  }
  
  .top04 dl {
    margin-top: 10px;
  }
  
  .top04 dt {
    color: #afa579;
  }
  
  .top04 dd {
    color: #586166;
  }
  
  .top04 .inner dt,
  .top04 .inner dd {
    border-bottom: 1px solid #eeefef;
    padding: 2em 0;
  }
  @media screen and (max-width: 520px) {
    .top04 .inner dt {
      border-bottom: none;
      padding: .75em 0 .25em;
    }
    .top04 .inner dd {
      padding: .25em 0 .75em;
    }
  }

  .top04 .wrap .inner dl dt span {
    display: none;
}

  .top06 .inner dt,
  .top06 .inner dd {
    padding: 1em 0;
  }
  @media screen and (max-width: 520px) {
    .top06 .inner {
        margin-bottom: 30px;
      }
    .top06 .inner dt {
      border-bottom: none;
      padding: .75em 0 .25em;
    }
    .top06 .inner dd {
      padding: .25em 0 .75em;
      border-bottom: 1px solid #eeefef;
    }
  }
  
  p.copyright {
    background: #cfc9af !important;
    color: #586166 !important;
    font-family: Yu Mincho,YuMincho,Hiragino Mincho ProN,Sawarabi Mincho;
}



  /* -----------------------------------------------------------
変更した
  ----------------------------------------------------------- */

.top05 {
    background-color: #fbfaf8;
    overflow: hidden;
    margin-bottom: 60px;
    padding-bottom: 110px;
}

.top05-02 {
    margin-bottom: 60px;
}
  @media screen and (max-width: 520px) {
    .top05-02 {
      margin-bottom: 30px;
    }
}

.top05-03 .map{
    padding-top: 60px;
    aspect-ratio: 3 / 1;
    width: 100%;
}
@media screen and (max-width: 520px) {
    .top05-03 .map{
        aspect-ratio: 1 / 1;
    }
}

.top06 .news {
    border-top: 1px solid #dedfe0;
    border-bottom: 1px solid #dedfe0;
    margin-bottom: 110px;
}

.fixed li:nth-child(1) {
    background-color: #afa579!important;
}

.fixed li:nth-child(2) {
    background-color: #afa579!important;
}

.fixed {
    font-family: Yu Mincho,YuMincho,Hiragino Mincho ProN,Sawarabi Mincho;
}

.fixed li a {
    font-weight: normal !important;
    letter-spacing: .1em;
}

/* -----------------------------------------------------------
content
----------------------------------------------------------- */
.content .box_c7 .img_s img, .content .box_c7 .box img {
    border: none;
}

.table_fee td:nth-child(2) {
    width: 50%!important;
}

.table_fee td:first-child {
    width: 25%!important;
}

/* -----------------------------------------------------------
下層ページのCSS
----------------------------------------------------------- */

body{
  font-family: Yu Mincho,YuMincho,Hiragino Mincho ProN,Sawarabi Mincho!important;
	color:#52575C!important;
}

.content p{
  line-height: 2.2em!important;
	letter-spacing: 0.1em;
	font-size: 95%!important;
}

.content h2
{
  color: #52575C!important;
}

.content h1
{
  color: #52575C!important;
}

.content .box_c7 .img_s img, .content .box_c7 .box img
{
  padding: 15px 40px!important;
}

th
{
  border-color: #a19067!important;
}

th
{
  font-size: 88%;
}

td
{
  font-size: 88%;
	line-height: 2.2em!important;
	letter-spacing: 0.1em;
}

.box_c7 .box h3
{
  color: #52575C!important;
  border-color: #A49F64!important;
}

.box_c7 .box
{
  border-color: #D4D4C2 !important;
}
.box_c7 .box h3
{
  color: #8f754b;
  border-color: #8f754b;
	font-size: 120%;
}
.content h2
{
  padding: 0 50px 0 20px!important;
}

.content .menu-box p{
  line-height: 1.8em!important;
	font-size: 70%!important;
	letter-spacing: 0.1em!important;
}

.content h1
{
  font-size: 40px!important;
  line-height: 6!important;
  margin-bottom: 40px;
  text-align: center;
	background: none!important;
}

.center2
{
  display: block;
  margin: 0 auto;
  max-width: 100%;
  text-align: center;
	width: 80%;
}

th, td
{
  border: none !important;
  border-bottom: 1px solid #ccc;
}

.table_ac th
{
  background-color: none !important;
}

tr, th, td
{
  border-bottom: 1px solid #ccc;
}

.table_ac th
{
  background: none !important;
}

th, td
{
  padding: 15px 1% !important;
}