#hero {
  width: 100%;
  height: 500px;
  background: url("../img/therapyHero.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  #hero > div {
    display: table;
    margin: 0 auto;
    padding-top: 150px;
    width: 120px; }
    #hero > div h1 {
      font-size: 45px;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      text-orientation: upright;
      -webkit-text-orientation: upright;
      display: inline-block;
      vertical-align: top;
      color: white;
      width: 90px;
      height: 180px; }
    #hero > div .titleEn {
      font-size: 20px;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      display: inline-block;
      vertical-align: top;
      color: #B5A142;
      margin-left: 10px;
      height: 190px;
      width: 20px; }

#menu {
  display: table;
  margin: 0 auto;
  padding: 70px 0; }
  #menu img {
    width: 430px;
    display: inline-block; }
  #menu ul {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px; }
    #menu ul li {
      font-size: 20px;
      border-bottom: solid thin #808080;
      padding: 15px 0; }

.section01 {
  background-color: #F9F5EA;
  padding: 100px 0; }
  .section01 > div {
    display: table;
    margin: 0 auto; }
    .section01 > div h1 {
      font-size: 40px;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      text-orientation: upright;
      -webkit-text-orientation: upright;
      display: inline-block;
      vertical-align: top;
      width: 40px;
      height: 680px; }
    .section01 > div > div {
      width: 860px;
      display: inline-block;
      vertical-align: top;
      margin-left: 60px; }
      .section01 > div > div img {
        width: 730px;
        display: block;
        margin: 0 auto; }
      .section01 > div > div p {
        font-size: 18px;
        line-height: 1.5;
        margin-top: 50px; }

.section02 {
  display: table;
  margin: 0 auto;
  width: 1000px;
  padding: 100px 0; }
  .section02 > div {
    width: 800px;
    display: inline-block; }
    .section02 > div img {
      width: 800px;
      display: block;
      margin: 0 auto; }
    .section02 > div p {
      font-size: 18px;
      line-height: 1.5;
      margin-top: 50px;
      width: 800px;
      display: block;
      margin: 50px auto 0 auto; }
  .section02 h1 {
    font-size: 40px;
    width: auto;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    -webkit-text-orientation: upright;
    display: inline-block;
    vertical-align: top;
    margin-left: 60px;
    width: 40px;
    height: 500px; }
  .section02 h1.sp {
    display: none; }

.section03 {
  display: table;
  margin: 50px auto 0 auto;
  padding: 0 0 100px 0; }
  .section03 h1 {
    font-size: 40px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    -webkit-text-orientation: upright;
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 800px; }
  .section03 img {
    width: 400px;
    display: inline-block;
    vertical-align: top;
    margin-left: 60px; }
  .section03 table {
    display: inline-block;
    vertical-align: top;
    width: 440px;
    margin-left: 40px;
    border-collapse: collapse; }
    .section03 table tr {
      border-bottom: solid thin #808080; }
      .section03 table tr:last-child {
        border-bottom: none; }
    .section03 table td {
      font-size: 18px;
      line-height: 1.5;
      padding: 10px 0; }
      .section03 table td:first-child {
        vertical-align: top;
        color: #B5A142;
        padding: 10px 10px; }

.section04 {
  background: #E0F1F4;
  padding: 100px 0; }
  .section04 > div {
    display: table;
    margin: 0 auto; }
    .section04 > div img {
      width: 900px; }
    .section04 > div h1.pc {
      font-size: 40px;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      text-orientation: upright;
      -webkit-text-orientation: upright;
      display: inline-block;
      vertical-align: top;
      width: 40px;
      height: 500px; }
    .section04 > div h1.sp {
      display: none; }

.section05 {
  width: 100%;
  height: 450px;
  background: url("../img/therapy05.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

.section06 {
  padding: 100px 0; }
  .section06 .subTitle {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 100px; }
  .section06 img {
    width: 1000px;
    display: block;
    margin: 0 auto; }
  .section06 > div {
    display: table;
    margin: 0 auto;
    margin-top: 50px; }
    .section06 > div img {
      display: inline-block;
      width: 320px; }
    .section06 > div p {
      display: inline-block;
      vertical-align: top;
      font-size: 18px;
      width: 625px;
      text-align: justify;
      margin-left: 30px;
      line-height: 1.5; }

.section07 {
  padding: 100px 0;
  background-color: #F9F5EA; }
  .section07 .subTitle {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 100px; }
  .section07 > div {
    display: table;
    margin: 0 auto; }
    .section07 > div p {
      width: 430px;
      line-height: 1.5;
      margin-right: 30px;
      display: inline-block;
      font-size: 18px; }
    .section07 > div > div {
      display: inline-block;
      vertical-align: top; }
      .section07 > div > div ul {
        width: 520px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .section07 > div > div ul li {
          width: 250px;
          background: #B5A142;
          color: white;
          font-size: 20px;
          text-align: center;
          padding: 10px 0;
          margin-bottom: 20px;
          border-radius: 5px; }

.section08 {
  padding: 100px 0; }
  .section08 .subTitle {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 100px; }
  .section08 img {
    display: block;
    margin: 0 auto;
    width: 920px; }

@media (max-width: 768px) {
  #menu {
    display: table;
    margin: 0 auto;
    padding: 70px 0; }
    #menu img {
      width: 90%;
      display: block;
      margin: 0 auto; }
    #menu ul {
      display: block;
      margin: 30px auto 0 auto;
      width: 90%; }
      #menu ul li {
        font-size: 15px;
        border-bottom: solid thin #808080;
        padding: 15px 0;
        text-align: center; }
        #menu ul li:last-child {
          border-bottom: none; }

  .section01 {
    background-color: #F9F5EA;
    padding: 70px 0; }
    .section01 > div {
      display: table;
      margin: 0 auto; }
      .section01 > div h1 {
        font-size: 25px;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        text-orientation: upright;
        -webkit-text-orientation: upright;
        display: block;
        text-align: center;
        line-height: 1.5;
        width: auto;
        height: auto; }
      .section01 > div > div {
        width: 100%;
        display: block;
        margin-left: 0px; }
        .section01 > div > div img {
          width: 90%;
          display: block;
          margin: 30px auto 0 auto; }
        .section01 > div > div p {
          font-size: 15px;
          line-height: 1.5;
          padding-top: 30px;
          width: 90%;
          display: block;
          margin: 0 auto; }

  .section02 {
    display: table;
    margin: 0 auto;
    padding: 70px 0;
    width: 100%; }
    .section02 > div {
      width: 100%;
      display: inline-block; }
      .section02 > div img {
        width: 90%;
        display: block;
        margin: 30px auto; }
      .section02 > div p {
        font-size: 15px;
        line-height: 1.5;
        margin-top: 30px;
        display: block;
        margin: 0 auto;
        width: 90%; }
    .section02 h1 {
      font-size: 25px;
      -ms-writing-mode: lr-tb;
      writing-mode: horizontal-tb;
      text-orientation: upright;
      -webkit-text-orientation: upright;
      display: block;
      text-align: center;
      line-height: 1.5;
      margin: 0;
      width: auto;
      height: auto; }
    .section02 h1.pc {
      display: none; }

  .section03 {
    display: table;
    margin: 30px auto 0 auto;
    padding: 0 0 70px 0; }
    .section03 h1 {
      font-size: 25px;
      -ms-writing-mode: lr-tb;
      writing-mode: horizontal-tb;
      text-orientation: upright;
      -webkit-text-orientation: upright;
      display: block;
      text-align: center;
      line-height: 1.5;
      margin: 0;
      width: auto;
      height: auto; }
    .section03 img {
      width: 90%;
      display: block;
      margin: 30px auto 30px auto; }
    .section03 table {
      display: block;
      width: 90%;
      margin: 0 auto; }
      .section03 table tr {
        border-bottom: solid thin #808080; }
        .section03 table tr:last-child {
          border-bottom: none; }
      .section03 table td {
        font-size: 15px;
        line-height: 1.5;
        padding: 10px 0; }
        .section03 table td:first-child {
          vertical-align: top;
          color: #B5A142;
          padding: 10px 10px; }

  .section04 {
    background: #E0F1F4;
    padding: 70px 0; }
    .section04 > div {
      display: table;
      margin: 0 auto; }
      .section04 > div img {
        width: 90%;
        display: block;
        margin: 30px auto 0 auto; }
      .section04 > div h1.sp {
        font-size: 25px;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        text-orientation: upright;
        -webkit-text-orientation: upright;
        display: block;
        text-align: center;
        line-height: 1.5;
        margin: 0;
        width: auto;
        height: auto; }
      .section04 > div h1.pc {
        display: none; }

  .section05 {
    height: 300px; }

  .section06 {
    padding: 70px 0; }
    .section06 .title {
      font-size: 30px; }
    .section06 .subTitle {
      font-size: 14px;
      margin-top: 15px;
      margin-bottom: 30px; }
    .section06 img {
      width: 90%;
      display: block;
      margin: 0 auto; }
    .section06 > div {
      display: block;
      margin: 0 auto;
      margin-top: 30px;
      width: 100%; }
      .section06 > div img {
        display: block;
        width: 90%;
        margin: 0 auto; }
      .section06 > div p {
        display: block;
        font-size: 15px;
        width: 90%;
        text-align: justify;
        line-height: 1.5;
        margin: 30px auto 0 auto; }

  .section07 {
    padding: 70px 0;
    background-color: #F9F5EA; }
    .section07 .title {
      font-size: 30px; }
    .section07 .subTitle {
      font-size: 14px;
      margin-top: 15px;
      margin-bottom: 30px; }
    .section07 > div {
      display: table;
      margin: 0 auto; }
      .section07 > div p {
        width: 90%;
        line-height: 1.5;
        margin: 0 auto;
        display: block;
        font-size: 15px; }
      .section07 > div > div {
        display: block;
        margin: 30px auto 0 auto;
        padding: 0 20px; }
        .section07 > div > div ul {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
          .section07 > div > div ul li {
            width: 48%;
            background: #B5A142;
            color: white;
            font-size: 15px;
            text-align: center;
            padding: 10px 0;
            margin-bottom: 20px;
            border-radius: 5px; }

  .section08 {
    padding: 70px 0; }
    .section08 .title {
      font-size: 30px; }
    .section08 .subTitle {
      font-size: 14px;
      margin-top: 15px;
      margin-bottom: 30px; }
    .section08 img {
      display: block;
      margin: 0 auto;
      width: 90%; } }