@charset "UTF-8";
/* 一般 */
/***************************************************************
    本体
***************************************************************/
body {
  max-width: 2000px;
  margin: 0 auto;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  -webkit-text-size-adjust: 100%;
  line-height: 1;
}

/***************************************************************
  ヘッダー
***************************************************************/
/*--------------------------------------------------------------
  帯
--------------------------------------------------------------*/
.band {
  padding: 10px 15%;
  box-sizing: border-box;
  background: #223a70;
  font-size: 0;
}

.band h1 {
  display: inline-block;
  width: 80%;
  vertical-align: middle;
  padding: 0;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
  white-space: nowrap;
  text-align: left;
}

.band h1 br {
  display: none;
}

.band .sns {
  display: inline-block;
  width: 20%;
  vertical-align: middle;
  box-sizing: border-box;
  text-align: right;
}

.band .sns a {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  text-decoration: none;
}

.band .sns a:nth-of-type(n+2) {
  margin: 0 0 0 20px;
}

.band .sns a img {
  display: inline-block;
  width: auto;
  height: 20px;
}

/*--------------------------------------------------------------
  オープニング
--------------------------------------------------------------*/
.opening {
  width: 70%;
  margin: 0 auto;
  padding: 30px 0;
  box-sizing: border-box;
  font-size: 0;
}

.opening p.left {
  display: inline-block;
  width: 30%;
  vertical-align: middle;
  box-sizing: border-box;
}

.opening p.left a {
  display: inline-block;
  color: #223a70;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 6px;
  text-decoration: none;
}

.opening p.center {
  display: inline-block;
  width: 45%;
  vertical-align: middle;
  padding: 0 0 0 5%;
  box-sizing: border-box;
}

.opening p.center img {
  display: inline-block;
  width: 100%;
}

.opening p.right {
  display: inline-block;
  width: 25%;
  vertical-align: middle;
  padding: 0 0 0 5%;
  box-sizing: border-box;
}

.opening p.right a img {
  display: inline-block;
  width: 100%;
}

/*--------------------------------------------------------------
  ハンバーガーメニュー
--------------------------------------------------------------*/
.header {
  width: 100%;
  padding: 0 0 30px 0;
  border-bottom: solid #d3d3d3 1px;
}

.global-nav {
  width: 100%; /* スマホに収まるくらい */
  box-sizing: border-box;
  font-size: 0;
  transition: all 0.6s;
  z-index: 200;
  text-align: center;
}

.menu__none {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: #442600;
  font-size: 16px;
  letter-spacing: 2px;
  position: relative;
}

.menu__none::after {
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  content: "";
  margin-top: -1px;
  position: absolute;
  top: 50%;
  right: -10px;
  transform: rotate(45deg) translateY(-50%);
  width: 7px;
  height: 7px;
}

.menu__none:nth-of-type(n+2) {
  margin: 0 0 0 40px;
}

@media only screen and (min-width: 1801px) and (max-width: 2000px) {
  .menu__none:nth-of-type(n+2) {
    margin: 0 0 0 70px;
  }
}
.menu__none a {
  color: #442600;
  text-decoration: none;
}

.menu__none a:hover {
  color: #223a70;
  text-decoration: underline;
  transition: all 0.2s;
}

/*  メガメニュー
--------------------------------------------------------------*/
.global_menu { /* メニュー全体のスタイル */
  position: relative;
  display: inline-block;
  margin: 0 0 0 50px;
  box-sizing: border-box;
  color: #442600; /* 文字色 */
  font-size: 16px;
  letter-spacing: 2px;
}

@media only screen and (min-width: 1801px) and (max-width: 2000px) {
  .global_menu { /* メニュー全体のスタイル */
    margin: 0 0 0 90px;
  }
}
.global_menu li {
  display: block;
}

.global_menu li:nth-of-type(n+2) {
  margin: 20px 0 0 0;
}

.global_menu a { /* 各項目のスタイル */
  display: block;
}

.header .menu {
  position: relative;
}

.header .menu::after {
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  content: "";
  margin-top: -4px;
  position: absolute;
  top: 50%;
  right: -15px;
  transform: rotate(45deg) translateY(-50%);
  transition: 0.3s;
  width: 7px;
  height: 7px;
}

.header .menu:hover::after {
  right: -20px;
  transform: rotate(-135deg) translateY(-50%);
}

.header .menu button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.header .menu:hover > a {
  color: #442600; /* 文字色 */
  text-decoration: underline;
  transition: all 0.2s;
}

.child_menu > li > a { /* 子項目のスタイル */
  color: #442600; /* 文字色 */
  font-size: 16px;
  letter-spacing: 2px;
}

.child_menu > li > a:hover { /* 子項目のスタイル（ホバー時） */
  color: #223a70;
  text-decoration: underline;
  transition: all 0.2s;
}

.child_menu { /* 下層メニューのスタイル */
  width: 300px;
  position: absolute;
  top: 100%; /* 親項目の直下に配置 */
  left: 0;
  padding: 30px;
  background: #fff; /* 背景色 */
  color: #442600; /* 文字色 */
  font-size: 16px;
  letter-spacing: 2px;
  text-align: left;
  visibility: hidden; /* 下層メニューを非表示 */
}

.header .menu:hover .child_menu { /* 下層メニューのスタイル（親項目ホバー時） */
  visibility: visible; /* 下層メニューを表示 */
  z-index: 1;
}

.child_menu a {
  position: relative;
}

.child_menu a::after {
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  content: "";
  margin-top: -1px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: rotate(45deg) translateY(-50%);
  width: 7px;
  height: 7px;
}

.child_menu a:hover {
  color: #223a70;
  text-decoration: underline;
  transition: all 0.2s;
}

/*  SNS
--------------------------------------------------------------*/
.global-sns__list {
  display: none;
}

.global-sns__list li {
  display: none;
}

.global-sns__list li:nth-of-type(n+2) {
  display: none;
}

.global-sns__list li a {
  display: none;
}

.global-sns__list li a {
  display: none;
}

.global-sns__list li a img {
  display: none;
}

/*--------------------------------------------------------------
  ページトップへ戻る
--------------------------------------------------------------*/
#page_top {
  z-index: 7;
  position: fixed;
  right: 40px;
  bottom: 75px !important;
  width: 50px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 50px; /* クリックしやすいようにちゃんと高さを指定する */
  background: #223a70;
  border: solid #fff 2px;
  cursor: pointer;
}

#page_top.stop {
  bottom: 75px !important;
}

#page_top a {
  display: inline-block;
  width: 50px;
  height: 50px;
}

#page_top a .return__line {
  position: absolute;
  width: 25px;
  height: 2px;
  background: #fff;
  transition: all 0.6s;
}

#page_top a .return__line--1 {
  transform: rotate(70deg);
  top: 22px;
  left: 15px;
}

#page_top a .return__line--2 {
  transform: rotate(-70deg);
  top: 22px;
  left: 6px;
}

/*--------------------------------------------------------------
  フッター
--------------------------------------------------------------*/
footer {
  margin: 100px 0 0 0;
}

footer .banner {
  width: 70%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 0 100px 0;
  background: #fff;
}

footer .banner .flask {
  width: 70%;
  margin: 0 auto 0 0;
  box-sizing: border-box;
  font-size: 0;
}

footer .banner .flask p {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  box-sizing: border-box;
}

footer .banner .flask p:nth-of-type(2) {
  text-align: right;
}

footer .banner .flask p a img {
  display: inline-block;
  width: 100%;
  max-width: 350px;
}

#toppage + footer .banner {
  display: none;
}

footer .table {
  background: #222222;
}

footer .table .flask {
  width: 70%;
  margin: 0 auto;
  padding: 50px 0;
  box-sizing: border-box;
  font-size: 0;
}

footer .table .flask .left {
  display: inline-block;
  width: 35%;
  vertical-align: top;
  box-sizing: border-box;
}

footer .table .flask .center {
  display: inline-block;
  width: 35%;
  vertical-align: top;
  box-sizing: border-box;
}

footer .table .flask .right {
  display: inline-block;
  width: 30%;
  vertical-align: top;
  padding: 0 0 0 5%;
  box-sizing: border-box;
}

footer .table .flask p.title {
  margin: 0 0 40px 0;
  text-align: center;
}

footer .table .flask p.title span {
  display: inline-block;
  padding: 0 10px 10px 10px;
  border-bottom: solid #a9a9a9 3px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
}

footer .table .flask dl:nth-of-type(n+2) {
  margin: 20px 0 0 0;
}

footer .table .flask dl dt {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
}

footer .table .flask dl dt i {
  display: inline-block;
  margin: 0 10px 0 0;
}

footer .table .flask dl dd {
  display: block;
  margin: 10px 0 0 0;
  color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 20px;
}

footer .table .flask dl:nth-of-type(2) dd a {
  display: inline-block;
  padding: 5px 10px;
  background: #223a70;
  text-decoration: none;
}

footer .table .flask dl:nth-of-type(2) dd a i {
  display: inline-block;
  margin: 0 10px 0 0;
}

footer .table .flask dl:nth-of-type(2) dd span {
  display: block;
  margin: 10px 0 0 0;
  color: #fff;
  font-size: 12px;
  letter-spacing: 2px;
}

footer .table .flask .center dl dd br:nth-of-type(2) {
  display: none;
}

footer .table .flask iframe {
  margin: 20px 0 0 0;
  width: 100%;
  height: 200px;
}

footer .table .flask ul {
  list-style-type: none;
}

footer .table .flask .right ul li a,
footer .table .flask .content a {
  display: block;
  position: relative;
}

footer .table .flask .right ul li a::after,
footer .table .flask .content a::after {
  border-top: 2px solid #999;
  border-right: 2px solid #999;
  content: "";
  margin-top: -1px;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: rotate(45deg) translateY(-50%);
  transition: 0.3s;
  width: 8px;
  height: 8px;
}

footer .table .flask .content a::after {
  right: 20px;
}

footer .table .flask ul li:nth-of-type(n+2) {
  margin: 20px 0 0 0;
}

footer .table .flask ul li a {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
  text-decoration: none;
}

footer .table .flask ul li a:hover {
  text-decoration: underline;
}

footer .table .flask p.sns {
  margin: 130px 0 0 0;
  box-sizing: border-box;
  font-size: 0;
  text-align: right;
}

footer .table .flask p.sns a {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}

footer .table .flask p.sns a:nth-of-type(n+2) {
  margin: 0 0 0 40px;
}

footer .table .flask p.sns a img {
  display: inline-block;
  width: auto;
  height: 25px;
}

/*  メガメニュー
--------------------------------------------------------------*/
.accordion .toggle {
  display: none;
}

.accordion .option {
  position: relative;
}

.accordion .title,
.accordion .content {
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}

.accordion .title {
  display: block;
  margin: 20px 0 0 0;
  color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
}

.accordion .title::after,
.accordion .title::before {
  content: "";
  position: absolute;
  right: 10px;
  top: 0px;
  width: 2px;
  height: 10px;
  background-color: #999;
  transition: all 0.3s;
}

.accordion .title::after {
  transform: rotate(90deg);
}

.accordion .content {
  max-height: 0;
  overflow: hidden;
}

.accordion .content p {
  margin: 20px 0 0 0;
  padding: 0 0 0 5%;
}

.accordion .content p a {
  color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
  text-decoration: none;
}

.accordion .content p a:hover {
  text-decoration: underline;
}

.accordion .toggle:checked + .title + .content {
  max-height: 500px;
  transition: all 1.5s;
}

.accordion .toggle:checked + .title::before {
  transform: rotate(90deg) !important;
}

/*--------------------------------------------------------------
  著作権
--------------------------------------------------------------*/
small {
  display: block;
  padding: 20px 0;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  text-align: center;
}

/***************************************************************
  領域
***************************************************************/
#lower {
  width: 70%;
  margin: 100px auto 0 auto;
  box-sizing: border-box;
  font-size: 0;
}

#lower #main {
  display: inline-block;
  width: 70%;
  margin: 0;
  padding: 0 5% 0 0;
  box-sizing: border-box;
  vertical-align: top;
}

#lower #side {
  display: inline-block;
  width: 30%;
  margin: 0;
  padding: 50px 20px;
  box-sizing: border-box;
  vertical-align: top;
  background: #f9f9f6;
}

/***************************************************************
  h2
***************************************************************/
#lower h2 {
  padding: 20px 0;
  background: #223a70;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 6px;
  text-align: center;
}

/***************************************************************
  ぱんくずリスト
***************************************************************/
#lower #breadcrumb {
  margin: 50px 0;
  text-align: center;
}

#lower #breadcrumb ol {
  font-size: 0;
  list-style: none;
}

#lower #breadcrumb ol li {
  display: inline-block;
  color: #223a70;
  font-size: 16px;
  letter-spacing: 2px;
}

#lower #breadcrumb ol li:nth-of-type(1)::after {
  content: ">";
  padding: 0 20px;
  color: #442600;
}

#lower #breadcrumb ol li.more::after {
  content: ">";
  padding: 0 20px;
  color: #442600;
}

#lower #breadcrumb ol li a {
  color: #442600;
  text-decoration: none;
  transition: all 0.2s;
}

#lower #breadcrumb ol li a:hover {
  color: #223a70;
  transition: all 0.2s;
}

/***************************************************************
  サイド
***************************************************************/
#side .sub article:nth-of-type(n+2) {
  margin: 50px 0 0 0;
}

#side .sub article p.midashi {
  padding: 0 0 20px 0;
  border-bottom: solid #f89019 2px;
  color: #442600;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 4px;
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  #side .sub article p.midashi {
    font-size: 20px;
  }
}
#side .sub article ul {
  list-style-type: none;
  padding: 20px 10px 0 10px;
}

#side .sub article:nth-of-type(2) ul,
#side .sub article:nth-of-type(3) ul {
  height: 429px;
  overflow: auto;
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background: #223a70;
  border-radius: 5px;
}

#side .sub article ul li {
  display: block;
}

#side .sub article ul li a {
  display: block;
  padding: 10px;
  background: #fff;
  color: #424242;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 20px;
  text-decoration: none;
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  #side .sub article ul li a {
    font-size: 14px;
    line-height: 20px;
  }
}
#side .sub article ul li.date {
  margin: 0 0 10px 0;
  text-align: center;
}

#side .sub article ul li.date:nth-of-type(n+2) {
  margin: 10px 0;
}

#side .sub article ul li.date a {
  display: inline-block;
  background: #223a70;
  border-radius: 50px;
  color: #fff;
}

#side .sub article ul li a.swiper-slide__img {
  overflow: hidden;
  margin: 0 !important;
  padding-bottom: 50%;
  position: relative;
  width: 100%;
}

#side .sub article ul li a.swiper-slide__img img {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

#side .sub article ul li:nth-of-type(n+2) a {
  border-color: #D3D3D3;
  border-style: dashed;
  border-width: 1px 0 0 0;
}

#side .sub article ul li a:hover {
  text-decoration: underline;
}

#side .sub article p.reserve {
  margin: 20px 0 0 0;
  text-align: center;
}

#side .sub article p.reserve a img {
  display: inline-block;
  width: 100%;
  max-width: 150px;
}

#side .sub article form {
  width: 100%;
  padding: 20px 10px 0 10px;
  box-sizing: border-box;
}

input {
  vertical-align: middle;
  writing-mode: horizontal-tb !important;
  text-rendering: auto;
  color: fieldtext;
  letter-spacing: normal;
  word-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  -webkit-rtl-ordering: logical;
  cursor: text;
  background-color: field;
  margin: 0em;
  padding: 1px 2px;
  border-width: 1px 0 1px 1px;
  border-style: inset;
  border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
  -o-border-image: initial;
  border-image: initial;
  width: 80%;
  height: 40px;
  color: #000;
  font-size: 14px;
}

input[type=submit i] {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: pre;
  align-items: flex-start;
  text-align: center;
  cursor: default;
  box-sizing: border-box;
  background-color: buttonface;
  color: buttontext;
  width: 20%;
  padding: 1px 6px;
  border-width: 1px;
  border-style: outset;
  border-color: buttonborder;
  -o-border-image: initial;
  border-image: initial;
}

/*--------------------------------------------------------------
  ブログスライダー
--------------------------------------------------------------*/
.home-blog-slider {
  display: none;
}

.go-blog {
  display: none;
}

/* HOME */
/***************************************************************
  HOME
***************************************************************/
/*--------------------------------------------------------------
  見出し
--------------------------------------------------------------*/
#home .greeting h2.line {
  position: relative;
  margin: 0;
  padding: 0;
  background: initial;
  color: #442600;
  font-size: 35px;
  letter-spacing: 6px;
  font-weight: bold;
  text-align: center;
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  #home .greeting h2.line {
    font-size: 30px;
  }
}
#home .greeting h2.line::before,
#home .greeting h2.line::after {
  content: "";
  width: 150px;
  height: 5px;
  display: block;
  background: #f89019;
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  #home .greeting h2.line::before,
  #home .greeting h2.line::after {
    width: 100px;
  }
}
#home .greeting h2.line::before {
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  #home .greeting h2.line::before {
    left: 10%;
  }
}
#home .greeting h2.line::after {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  #home .greeting h2.line::after {
    right: 10%;
  }
}
/*--------------------------------------------------------------
  コンテンツ
--------------------------------------------------------------*/
#home .greeting .content {
  margin: 50px 0 0 0;
  box-sizing: border-box;
}

#home .greeting .content::after {
  content: " ";
  display: block;
  clear: both;
}

#home .greeting .content .image {
  float: left;
  width: 45%;
  padding: 0 50px 50px 0;
  box-sizing: border-box;
}

#home .greeting .content .image p.img img {
  display: inline-block;
  width: 100%;
}

#home .greeting .content .image p.name {
  margin: 20px 0 0 0;
  color: #222222;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 4px;
  line-height: 30px;
  text-align: center;
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  #home .greeting .content .image p.name {
    font-size: 20px;
  }
}
#home .greeting .content .text p {
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
  text-indent: 18px;
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  #home .greeting .content .text p {
    font-size: 14px;
    text-indent: 16px;
  }
}
#home .greeting .content .text p:nth-of-type(n+2) {
  margin: 20px 0 0 0;
}

/*--------------------------------------------------------------
  監修
--------------------------------------------------------------*/
#home .greeting .supervision p {
  margin: 50px 0 0 0;
  color: #808080;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: right;
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  #home .greeting .supervision p {
    font-size: 14px;
  }
}
/***************************************************************
  コロナ感染症対策の取組み
***************************************************************/
/*--------------------------------------------------------------
  見出し
--------------------------------------------------------------*/
#home .corona .midashi h2 {
  margin: 100px 0 20px 0;
  padding: 0;
  background: initial;
  color: #442600;
  font-size: 30px;
  letter-spacing: 6px;
  font-weight: bold;
  text-align: center;
}

#home .corona .midashi img {
  display: inline-block;
  width: 100%;
}

/*--------------------------------------------------------------
  テキスト
--------------------------------------------------------------*/
#home .corona .text p {
  margin: 50px 0 0 0;
  color: #f19149;
  font-size: 22px;
  letter-spacing: 4px;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
  #home .corona .text p {
    font-size: 20px;
  }
}
/*--------------------------------------------------------------
  画像
--------------------------------------------------------------*/
#home .corona .image {
  margin: 50px 0 0 0;
  text-align: center;
}

#home .corona .image p {
  text-align: center;
}

#home .corona .image p img {
  display: inline-block;
  width: 100%;
  max-width: 1000px;
}

/* 下層ページ */
/***************************************************************
  院長プロフィール
***************************************************************/
/*--------------------------------------------------------------
  冒頭
--------------------------------------------------------------*/
#lower #main #profile .beginning {
  box-sizing: border-box;
}

#lower #main #profile .beginning::after {
  content: " ";
  display: block;
  clear: both;
}

#lower #main #profile .beginning .image {
  float: left;
  width: 50%;
  padding: 0 80px 40px 0;
  box-sizing: border-box;
}

#lower #main #profile .beginning .image p.img img {
  display: inline-block;
  width: 100%;
}

#lower #main #profile .beginning .image p.name {
  margin: 20px 0 0 0;
  color: #222222;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 4px;
  text-align: center;
}

#lower #main #profile .beginning .image p.name span {
  display: block;
  color: #222222;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
}

#lower #main #profile .beginning .text p {
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
  text-indent: 18px;
}

#lower #main #profile .beginning .text p:nth-of-type(n+2) {
  margin: 20px 0 0 0;
}

/*--------------------------------------------------------------
  見出し
--------------------------------------------------------------*/
#lower #main #profile .midashi h3 {
  margin: 100px 0 20px 0;
  padding: 0 20px;
  color: #442600;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #profile .midashi img {
  display: inline-block;
  width: 100%;
}

/*--------------------------------------------------------------
  コンテンツ
--------------------------------------------------------------*/
#lower #main #profile ul {
  margin: 50px 0 0 0;
  list-style: none;
}

#lower #main #profile ul li {
  position: relative;
  display: block;
  padding: 0 0 0 50px;
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #profile ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}

#lower #main #profile p {
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #profile dl {
  margin: 50px 0 0 0;
  font-size: 0;
}

#lower #main #profile dl dt {
  display: inline-block;
  width: 30%;
  vertical-align: top;
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #profile dl dd {
  display: inline-block;
  width: 70%;
  vertical-align: top;
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #profile ul + dl {
  margin: 20px 0 0 0;
}

/*--------------------------------------------------------------
  監修
--------------------------------------------------------------*/
#lower #main #profile .supervision p {
  margin: 100px 0 0 0;
  color: #808080;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: right;
}

/***************************************************************
  当院は完全予約制です
***************************************************************/
/*--------------------------------------------------------------
  冒頭
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #system .beginning .midashi h3 {
  margin: 0 0 20px 0;
  padding: 0 50px;
  color: #442600;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #system .beginning .midashi img {
  display: inline-block;
  width: 100%;
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #system .beginning .content {
  margin: 50px 0 0 0;
  box-sizing: border-box;
  font-size: 0;
}

#lower #main #system .beginning .content:nth-of-type(n+3) {
  margin: 20px 0 0 0;
}

#lower #main #system .beginning .content .image {
  display: inline-block;
  width: 40%;
  box-sizing: border-box;
  vertical-align: top;
}

#lower #main #system .beginning .content .image p img {
  display: inline-block;
  width: 100%;
}

#lower #main #system .beginning .content .text {
  display: inline-block;
  width: 60%;
  padding: 0 0 0 5%;
  box-sizing: border-box;
  vertical-align: top;
}

#lower #main #system .beginning .content .text p {
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #system .beginning .content .text p:nth-of-type(n+2) {
  margin: 10px 0 0 0;
}

#lower #main #system .beginning .content .text p span {
  margin: 20px 0 0 0;
  display: inline-block;
  color: #ff0000;
  text-decoration: underline;
}

/*  小見出し
--------------------------------------------------------------*/
#lower #main #system .beginning h4 {
  margin: 50px 0 0 0;
  color: #f19149;
  font-size: 22px;
  letter-spacing: 4px;
  font-weight: bold;
}

/*  リスト
--------------------------------------------------------------*/
#lower #main #system .beginning ul li {
  position: relative;
  display: block;
  padding: 0 0 0 50px;
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #system .beginning ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}

/*--------------------------------------------------------------
  ご予約方法
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #system .reserve .midashi h3 {
  margin: 100px 0 20px 0;
  padding: 0 50px;
  color: #442600;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #system .reserve .midashi img {
  display: inline-block;
  width: 100%;
}

/*  小見出し
--------------------------------------------------------------*/
#lower #main #system .reserve h4 {
  margin: 50px 0 0 0;
  color: #f19149;
  font-size: 22px;
  letter-spacing: 4px;
  font-weight: bold;
}

/*  リンク
--------------------------------------------------------------*/
#lower #main #system .reserve .link {
  margin: 20px 0 0 0;
  box-sizing: border-box;
  font-size: 0;
}

#lower #main #system .reserve .link p:nth-of-type(1) {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 20px;
  background: #223a70;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
}

#lower #main #system .reserve .link p:nth-of-type(1) i {
  display: inline-block;
  margin: 0 10px 0 0;
}

#lower #main #system .reserve .link p:nth-of-type(2) {
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: middle;
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
}

/*--------------------------------------------------------------
  キャンセル
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #system .cancel .midashi h3 {
  margin: 100px 0 20px 0;
  padding: 0 50px;
  color: #442600;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #system .cancel .midashi img {
  display: inline-block;
  width: 100%;
}

/*  テキスト
--------------------------------------------------------------*/
#lower #main #system .cancel .text p {
  margin: 50px 0 0 0;
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
}

/*--------------------------------------------------------------
  監修
--------------------------------------------------------------*/
#lower #main #system .supervision p {
  margin: 100px 0 0 0;
  color: #808080;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: right;
}

/***************************************************************
  治療費について
***************************************************************/
/*--------------------------------------------------------------
  つぼき鍼灸整骨院では、すべて自費治療です
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #price .treatment .midashi h3 {
  margin: 0 0 20px 0;
  padding: 0 50px;
  color: #442600;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #price .treatment .midashi img {
  display: inline-block;
  width: 100%;
}

/*  注意書き
--------------------------------------------------------------*/
#lower #main #price .treatment .caution p {
  margin: 50px 0 0 0;
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
}

/*  メニュー
--------------------------------------------------------------*/
#lower #main #price .treatment .menu p.yen {
  margin: 50px 0 0 0;
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #price .treatment .menu p.yen span {
  display: block;
  color: #442600;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #price .treatment .menu p.yen:nth-of-type(n+2) {
  margin: 20px 0 0 0;
}

#lower #main #price .treatment .menu p.supplement {
  margin: 50px 0 0 0;
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #price .treatment .menu p.card {
  margin: 20px 0 0 0;
  color: #442600;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
}

/*--------------------------------------------------------------
  監修
--------------------------------------------------------------*/
#lower #main #price .supervision p {
  margin: 100px 0 0 0;
  color: #808080;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: right;
}

/***************************************************************
  腰痛治療
***************************************************************/
#lower #main #waist {
  color: #222;
  font-size: 16px;
}

#lower #main #waist img {
  height: auto;
  max-width: 100%;
}

/*  見出し
--------------------------------------------------------------*/
#lower #main #waist .midashi h3 {
  margin: 80px 0 20px 0;
  padding: 0 20px;
  color: #442600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #waist .midashi img {
  display: inline-block;
  width: 100%;
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #waist .content {
  margin: 40px 0 0 0;
  box-sizing: border-box;
}

#lower #main #waist .content.-row {
  display: flex;
}

/*--------------------------------------------------------------
  冒頭
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #waist .beginning .midashi h3 {
  margin-top: 0;
}

#lower #main #waist .beginning .content .text p {
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #waist .beginning .content .text p:nth-of-type(n+2) {
  margin: 10px 0 0 0;
}

#lower #main #waist .beginning .content .text p span {
  margin: 20px 0 0 0;
  display: inline-block;
  color: #ff0000;
  text-decoration: underline;
}

/*  小見出し
--------------------------------------------------------------*/
#lower #main #waist .beginning h4 {
  margin: 40px 0 0 0;
  color: #f19149;
  font-size: 20px;
  letter-spacing: 4px;
  font-weight: bold;
}

/*  リスト
--------------------------------------------------------------*/
#lower #main #waist .beginning ul {
  margin-top: 10px;
}

#lower #main #waist .beginning ul li {
  position: relative;
  display: block;
  padding: 0 0 0 40px;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #waist .beginning ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #waist .beginning p {
  line-height: 1.5;
  margin-top: 15px;
}

/*--------------------------------------------------------------
  はじめまして　つぼき鍼灸整骨院　院長の坪木心吾です。
--------------------------------------------------------------*/
/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #waist .greeting .content.-fl::after {
  clear: both;
  content: "";
  display: block;
  visibility: hidden;
}

#lower #main #waist .greeting .content.-fl .image {
  float: left;
  margin: 0 30px 30px 0;
  width: 30%;
}

#lower #main #waist .greeting .content.-fl .text p {
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #waist .greeting .content.-fl .text p:not(:first-child) {
  margin-top: 1em;
}

/*--------------------------------------------------------------
  腰痛の意外な新常識
--------------------------------------------------------------*/
/*  小見出し
--------------------------------------------------------------*/
#lower #main #waist .common h4 {
  margin: 40px 0 0 0;
  color: #f19149;
  font-size: 20px;
  letter-spacing: 4px;
  font-weight: bold;
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #waist .common .content p {
  line-height: 1.5;
  margin-top: 1em;
}

/*--------------------------------------------------------------
  腰痛の本当の原因は?
--------------------------------------------------------------*/
/*  小見出し
--------------------------------------------------------------*/
#lower #main #waist .cause h4 {
  margin: 40px 0 0 0;
  color: #f19149;
  font-size: 20px;
  letter-spacing: 4px;
  font-weight: bold;
}

#lower #main #waist .cause h5 {
  color: #885325;
  font-size: 18px;
  font-weight: bold;
  margin-top: 2em;
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #waist .cause .content p {
  line-height: 1.5;
  margin-top: 1em;
}

/*  リスト
--------------------------------------------------------------*/
#lower #main #waist .cause ul {
  margin-top: 10px;
}

#lower #main #waist .cause ul li {
  position: relative;
  display: block;
  padding: 0 0 0 40px;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #waist .cause ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}

/*--------------------------------------------------------------
  国家資格者による治療
--------------------------------------------------------------*/
/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #waist .license .content p {
  line-height: 1.5;
}

/*  画像
--------------------------------------------------------------*/
#lower #main #waist .license .images {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}

#lower #main #waist .license .images div {
  width: 32%;
}

/*--------------------------------------------------------------
  腰痛を改善された患者様の声
--------------------------------------------------------------*/
/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #waist .voice .content {
  background: #fff1f1;
  border-radius: 15px;
  padding: 15px;
}

#lower #main #waist .voice .voice-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

#lower #main #waist .voice .voice-box:first-child {
  width: 25%;
}

#lower #main #waist .voice .voice-box:last-child {
  width: 70%;
}

#lower #main #waist .voice .voice-box .voide-pdf {
  margin-top: 15px;
}

#lower #main #waist .voice .voice-box .voide-pdf a:hover {
  opacity: 0.8;
}

/*  テーブル
--------------------------------------------------------------*/
#lower #main #waist .voice .profile th,
#lower #main #waist .voice .profile td {
  font-size: 14px;
  padding: 5px;
  vertical-align: middle;
}

#lower #main #waist .voice .profile th {
  text-align: right;
}

#lower #main #waist .voice .profile td {
  color: #696969;
}

/*  リスト
--------------------------------------------------------------*/
#lower #main #waist .voice .qa .q,
#lower #main #waist .voice .qa .a {
  line-height: 1.3;
}

#lower #main #waist .voice .qa .q {
  color: orange;
  font-weight: bold;
  margin: 20px 0 0 2em;
  text-indent: -2em;
}

#lower #main #waist .voice .qa .q:first-child {
  margin-top: 0;
}

#lower #main #waist .voice .qa .a {
  font-size: 14px;
  margin-top: 10px;
}

/*--------------------------------------------------------------
  つぼき鍼灸整骨院の整体治療と鍼灸治療
--------------------------------------------------------------*/
/*  小見出し
--------------------------------------------------------------*/
#lower #main #waist .flow h4 {
  margin: 40px 0 0 0;
  color: #f19149;
  font-size: 20px;
  letter-spacing: 4px;
  font-weight: bold;
}

#lower #main #waist .flow h5 {
  color: #885325;
  font-size: 18px;
  font-weight: bold;
  margin-top: 2em;
}

#lower #main #waist .flow h6 {
  margin: 30px 0 0 0;
  color: #f19149;
  font-size: 18px;
  letter-spacing: 4px;
  font-weight: bold;
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #waist .flow .content p {
  line-height: 1.5;
  margin-top: 1em;
}

/*  リスト
--------------------------------------------------------------*/
#lower #main #waist .flow ul {
  margin-top: 10px;
}

#lower #main #waist .flow ul li {
  position: relative;
  display: block;
  padding: 0 0 0 40px;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #waist .flow ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}

#lower #main #waist .flow .row {
  display: flex;
  justify-content: space-between;
}

#lower #main #waist .flow .row .image {
  width: 30%;
}

#lower #main #waist .flow .row .text {
  width: 67%;
}

#lower #main #waist .flow dl dt {
  margin-top: 30px;
}

#lower #main #waist .flow .note {
  font-size: 12px;
  margin-left: 1em;
  text-indent: -1em;
}

/*--------------------------------------------------------------
  腰痛でお悩みなら今すぐご予約ください。
--------------------------------------------------------------*/
/*  小見出し
--------------------------------------------------------------*/
#lower #main #waist .reserve-now h4 {
  margin: 40px 0 0 0;
  color: #f19149;
  font-size: 20px;
  letter-spacing: 4px;
  font-weight: bold;
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #waist .reserve-now .content p {
  line-height: 1.5;
  margin-top: 1em;
}

#lower #main #waist .reserve-now .content p:first-child {
  margin-top: 0;
}

/*--------------------------------------------------------------
  ご予約方法
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #waist .reserve .midashi h3 {
  margin: 80px 0 20px 0;
  padding: 0 20px;
  color: #442600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #waist .reserve .midashi img {
  display: inline-block;
  width: 100%;
}

/*  小見出し
--------------------------------------------------------------*/
#lower #main #waist .reserve h4 {
  margin: 40px 0 0 0;
  color: #f19149;
  font-size: 20px;
  letter-spacing: 4px;
  font-weight: bold;
}

/*  リンク
--------------------------------------------------------------*/
#lower #main #waist .reserve .link {
  margin: 20px 0 0 0;
  box-sizing: border-box;
  font-size: 0;
}

#lower #main #waist .reserve .link p:nth-of-type(1) {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  background: #223a70;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
}

#lower #main #waist .reserve .link p:nth-of-type(1) i {
  display: inline-block;
  margin: 0 10px 0 0;
}

#lower #main #waist .reserve .link p:nth-of-type(2) {
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: middle;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
}

/*  注意書き
--------------------------------------------------------------*/
.caution ul {
  margin-top: 20px;
}

.caution li {
  margin: 5px 0 0 1em;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
  list-style: disc;
}

.caution li:first-child {
  margin-top: 0;
}

/*-------------------------------------------------------------
  ご予約後の時間変更、キャンセルについて
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #waist .cancel .midashi h3 {
  margin: 80px 0 20px 0;
  padding: 0 20px;
  color: #442600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #waist .cancel .midashi img {
  display: inline-block;
  width: 100%;
}

/*  テキスト
--------------------------------------------------------------*/
#lower #main #waist .cancel .text p {
  margin: 40px 0 0 0;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

/*--------------------------------------------------------------
  つぼき鍼灸整骨院では、すべて自費治療です
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #waist .treatment .midashi h3 {
  margin: 80px 0 20px 0;
  padding: 0 20px;
  color: #442600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #waist .treatment .midashi img {
  display: inline-block;
  width: 100%;
}

/*  注意書き
--------------------------------------------------------------*/
#lower #main #waist .treatment .caution p {
  margin: 40px 0 0 0;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

/*  メニュー
--------------------------------------------------------------*/
#lower #main #waist .treatment .menu p.yen {
  margin: 40px 0 0 0;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #waist .treatment .menu p.yen span {
  display: block;
  color: #442600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #waist .treatment .menu p.yen:nth-of-type(n+2) {
  margin: 20px 0 0 0;
}

#lower #main #waist .treatment .menu p.supplement {
  margin: 40px 0 0 0;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #waist .treatment .menu p.card {
  margin: 20px 0 0 0;
  color: #442600;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

/*--------------------------------------------------------------
  監修
--------------------------------------------------------------*/
#lower #main #waist .supervision p {
  margin: 80px 0 0 0;
  color: #808080;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: right;
}

/***************************************************************
  肩こりの治療
***************************************************************/
#lower #main #shoulder {
  color: #222;
  font-size: 16px;
}

#lower #main #shoulder img {
  height: auto;
  max-width: 100%;
}

/*  見出し
--------------------------------------------------------------*/
#lower #main #shoulder .midashi h3 {
  margin: 80px 0 20px 0;
  padding: 0 20px;
  color: #442600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #shoulder .midashi img {
  display: inline-block;
  width: 100%;
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #shoulder .content {
  margin: 40px 0 0 0;
  box-sizing: border-box;
}

#lower #main #shoulder .content.-row {
  display: flex;
}

/*--------------------------------------------------------------
  冒頭
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #shoulder .beginning .midashi h3 {
  margin-top: 0;
}

#lower #main #shoulder .beginning .content .text p {
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #shoulder .beginning .content .text p:nth-of-type(n+2) {
  margin: 10px 0 0 0;
}

#lower #main #shoulder .beginning .content .text p span {
  margin: 20px 0 0 0;
  display: inline-block;
  color: #ff0000;
  text-decoration: underline;
}

/*  小見出し
--------------------------------------------------------------*/
#lower #main #shoulder .beginning h4 {
  margin: 40px 0 0 0;
  color: #f19149;
  font-size: 20px;
  letter-spacing: 4px;
  font-weight: bold;
}

/*  リスト
--------------------------------------------------------------*/
#lower #main #shoulder .beginning ul {
  margin-top: 10px;
}

#lower #main #shoulder .beginning ul li {
  position: relative;
  display: block;
  padding: 0 0 0 40px;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #shoulder .beginning ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #shoulder .beginning p {
  line-height: 1.5;
  margin-top: 15px;
}

/*--------------------------------------------------------------
  肩こりの原因
--------------------------------------------------------------*/
/*  小見出し
--------------------------------------------------------------*/
#lower #main #shoulder .cause h4 {
  border-bottom: 2px solid #f00;
  margin: 40px 0 0 0;
  color: #f74829;
  font-size: 24px;
  letter-spacing: 4px;
  font-weight: bold;
  text-align: center;
}

#lower #main #shoulder .cause h5 {
  margin: 40px 0 0 0;
  color: #f19149;
  font-size: 20px;
  letter-spacing: 4px;
  font-weight: bold;
}

#lower #main #shoulder .cause h6 {
  color: #885325;
  font-size: 18px;
  font-weight: bold;
  margin-top: 2em;
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #shoulder .cause .content p {
  line-height: 1.5;
  margin-top: 1em;
}

/* リスト
--------------------------------------------------------------*/
#lower #main #shoulder .cause ul {
  margin-top: 10px;
}

#lower #main #shoulder .cause ul li {
  position: relative;
  display: block;
  padding: 0 0 0 40px;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #shoulder .cause ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}

/*  注意事項
--------------------------------------------------------------*/
#lower #main #shoulder .cause .note {
  margin-top: 30px;
}

#lower #main #shoulder .cause .note dt {
  color: #f00;
}

#lower #main #shoulder .cause .note dd {
  color: #d00;
  font-size: 14px;
}

/*--------------------------------------------------------------
  お身体の状態に合わせて、整体、はり、きゅうを用いて治療いたします。
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #shoulder .treatment2 .midashi h3 {
  line-height: 1.3;
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #shoulder .treatment2 .content p {
  line-height: 1.5;
  margin-top: 1em;
}

#lower #main #shoulder .treatment2 .content p:first-child {
  margin-top: 0;
}

/*--------------------------------------------------------------
  国家資格者による治療
--------------------------------------------------------------*/
/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #shoulder .license .content p {
  line-height: 1.5;
}

/*  画像
--------------------------------------------------------------*/
#lower #main #shoulder .license .images {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}

#lower #main #shoulder .license .images div {
  width: 32%;
}

/*--------------------------------------------------------------
  肩こりを改善された患者様の声
--------------------------------------------------------------*/
/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #shoulder .voice .content {
  background: #fff1f1;
  border-radius: 15px;
  padding: 15px;
}

#lower #main #shoulder .voice .voice-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

#lower #main #shoulder .voice .voice-box:first-child {
  width: 25%;
}

#lower #main #shoulder .voice .voice-box:last-child {
  width: 70%;
}

#lower #main #shoulder .voice .voice-box .voide-pdf {
  margin-top: 15px;
}

#lower #main #shoulder .voice .voice-box .voide-pdf a:hover {
  opacity: 0.8;
}

/*  テーブル
--------------------------------------------------------------*/
#lower #main #shoulder .voice .profile th,
#lower #main #shoulder .voice .profile td {
  font-size: 14px;
  padding: 5px;
  vertical-align: middle;
}

#lower #main #shoulder .voice .profile th {
  text-align: right;
}

#lower #main #shoulder .voice .profile td {
  color: #696969;
}

/*  リスト
--------------------------------------------------------------*/
#lower #main #shoulder .voice .qa .q,
#lower #main #shoulder .voice .qa .a {
  line-height: 1.3;
}

#lower #main #shoulder .voice .qa .q {
  color: orange;
  font-weight: bold;
  margin: 20px 0 0 2em;
  text-indent: -2em;
}

#lower #main #shoulder .voice .qa .q:first-child {
  margin-top: 0;
}

#lower #main #shoulder .voice .qa .a {
  font-size: 14px;
  margin-top: 10px;
}

/*--------------------------------------------------------------
  つぼき鍼灸整骨院の整体治療と鍼灸治療
--------------------------------------------------------------*/
/*  小見出し
--------------------------------------------------------------*/
#lower #main #shoulder .flow h4 {
  margin: 40px 0 0 0;
  color: #f19149;
  font-size: 20px;
  letter-spacing: 4px;
  font-weight: bold;
}

#lower #main #shoulder .flow h5 {
  color: #885325;
  font-size: 18px;
  font-weight: bold;
  margin-top: 2em;
}

#lower #main #shoulder .flow h6 {
  margin: 30px 0 0 0;
  color: #f19149;
  font-size: 18px;
  letter-spacing: 4px;
  font-weight: bold;
  line-height: 25px;
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #shoulder .flow .content p {
  line-height: 1.5;
  margin-top: 1em;
}

#lower #main #shoulder blockquote {
  margin-top: 1em;
  padding: 10px;
  border-left: solid #c0c0c0 10px;
  color: #808080;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.5;
}

/*  リスト
--------------------------------------------------------------*/
#lower #main #shoulder .flow ul {
  margin-top: 10px;
}

#lower #main #shoulder .flow ul li {
  position: relative;
  display: block;
  padding: 0 0 0 40px;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #shoulder .flow ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}

#lower #main #shoulder .flow .row {
  display: flex;
  justify-content: space-between;
}

#lower #main #shoulder .flow .row .image {
  width: 30%;
}

#lower #main #shoulder .flow .row .text {
  width: 67%;
}

#lower #main #shoulder .flow dl dt {
  margin-top: 30px;
}

#lower #main #shoulder .flow .note {
  font-size: 12px;
  margin-left: 1em;
  text-indent: -1em;
}

/*--------------------------------------------------------------
  腰痛でお悩みなら今すぐご予約ください。
--------------------------------------------------------------*/
/*  小見出し
--------------------------------------------------------------*/
#lower #main #shoulder .reserve-now h4 {
  margin: 40px 0 0 0;
  color: #f19149;
  font-size: 20px;
  letter-spacing: 4px;
  font-weight: bold;
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #shoulder .reserve-now .content p {
  line-height: 1.5;
  margin-top: 1em;
}

#lower #main #shoulder .reserve-now .content p:first-child {
  margin-top: 0;
}

/*--------------------------------------------------------------
  ご予約方法
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #shoulder .reserve .midashi h3 {
  margin: 80px 0 20px 0;
  padding: 0 20px;
  color: #442600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #shoulder .reserve .midashi img {
  display: inline-block;
  width: 100%;
}

/*  小見出し
--------------------------------------------------------------*/
#lower #main #shoulder .reserve h4 {
  margin: 40px 0 0 0;
  color: #f19149;
  font-size: 20px;
  letter-spacing: 4px;
  font-weight: bold;
}

/*  リンク
--------------------------------------------------------------*/
#lower #main #shoulder .reserve .link {
  margin: 20px 0 0 0;
  box-sizing: border-box;
  font-size: 0;
}

#lower #main #shoulder .reserve .link p:nth-of-type(1) {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  background: #223a70;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
}

#lower #main #shoulder .reserve .link p:nth-of-type(1) i {
  display: inline-block;
  margin: 0 10px 0 0;
}

#lower #main #shoulder .reserve .link p:nth-of-type(2) {
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: middle;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
}

/*-------------------------------------------------------------
  ご予約後の時間変更、キャンセルについて
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #shoulder .cancel .midashi h3 {
  margin: 80px 0 20px 0;
  padding: 0 20px;
  color: #442600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #shoulder .cancel .midashi img {
  display: inline-block;
  width: 100%;
}

/*  テキスト
--------------------------------------------------------------*/
#lower #main #shoulder .cancel .text p {
  margin: 40px 0 0 0;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

/*--------------------------------------------------------------
  つぼき鍼灸整骨院では、すべて自費治療です
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #shoulder .treatment .midashi h3 {
  margin: 80px 0 20px 0;
  padding: 0 20px;
  color: #442600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #shoulder .treatment .midashi img {
  display: inline-block;
  width: 100%;
}

/*  注意書き
--------------------------------------------------------------*/
#lower #main #shoulder .treatment .caution p {
  margin: 40px 0 0 0;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

/*  メニュー
--------------------------------------------------------------*/
#lower #main #shoulder .treatment .menu p.yen {
  margin: 40px 0 0 0;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #shoulder .treatment .menu p.yen span {
  display: block;
  color: #442600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #shoulder .treatment .menu p.yen:nth-of-type(n+2) {
  margin: 20px 0 0 0;
}

#lower #main #shoulder .treatment .menu p.supplement {
  margin: 40px 0 0 0;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #shoulder .treatment .menu p.card {
  margin: 20px 0 0 0;
  color: #442600;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

/*--------------------------------------------------------------
  監修
--------------------------------------------------------------*/
#lower #main #shoulder .supervision p {
  margin: 80px 0 0 0;
  color: #808080;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: right;
}

/***************************************************************
  花粉症の治療
***************************************************************/
#lower #main #hay-fever {
  color: #222;
  font-size: 16px;
}

#lower #main #hay-fever img {
  height: auto;
  max-width: 100%;
}

/*  見出し
--------------------------------------------------------------*/
#lower #main #hay-fever .midashi h3 {
  margin: 80px 0 20px 0;
  padding: 0 20px;
  color: #442600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #hay-fever .midashi img {
  display: inline-block;
  width: 100%;
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #hay-fever .content {
  margin: 40px 0 0 0;
  box-sizing: border-box;
}

#lower #main #hay-fever .content.-row {
  display: flex;
}

/*--------------------------------------------------------------
  冒頭
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #hay-fever .beginning .midashi h3 {
  margin-top: 0;
}

#lower #main #hay-fever .beginning .content p {
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
  margin-top: 15px;
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #hay-fever .beginning p {
  line-height: 1.5;
  margin-top: 15px;
}

/*  画像
--------------------------------------------------------------*/
#lower #main #hay-fever .beginning .content .image {
  text-align: center;
}

/*--------------------------------------------------------------
  花粉症対策としてくしゃみ、鼻水、鼻づまりを抑える重要なポイント
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #hay-fever .point .midashi h3 {
  line-height: 1.3;
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #hay-fever .point .content p {
  line-height: 1.5;
  margin-top: 1em;
}

/*  画像
--------------------------------------------------------------*/
#lower #main #hay-fever .point .content .image {
  text-align: center;
}

/*  リスト
--------------------------------------------------------------*/
#lower #main #hay-fever .point ul {
  margin-top: 10px;
}

#lower #main #hay-fever .point ul li {
  position: relative;
  display: block;
  padding: 0 0 0 40px;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #hay-fever .point ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}

/*--------------------------------------------------------------
  花粉症対策でくしゃみ、鼻水を止める時の問題点
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #hay-fever .problem .midashi h3 {
  line-height: 1.3;
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #hay-fever .problem .content p {
  line-height: 1.5;
  margin-top: 1em;
}

/*  画像
--------------------------------------------------------------*/
#lower #main #hay-fever .problem .content .image {
  text-align: center;
}

/*  リスト
--------------------------------------------------------------*/
#lower #main #hay-fever .problem ul {
  margin-top: 10px;
}

#lower #main #hay-fever .problem ul li {
  position: relative;
  display: block;
  padding: 0 0 0 40px;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #hay-fever .problem ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}

/*--------------------------------------------------------------
  薬に頼らない、花粉症対策に今すぐ改善できるオススメの方法
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #hay-fever .recommend .midashi h3 {
  line-height: 1.3;
}

/*  小見出し
--------------------------------------------------------------*/
#lower #main #hay-fever .recommend h4 {
  margin: 40px 0 0 0;
  color: #f19149;
  font-size: 18px;
  letter-spacing: 4px;
  line-height: 1.3;
  font-weight: bold;
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #hay-fever .recommend .content p {
  line-height: 1.5;
  margin-top: 1em;
}

/*  リスト
--------------------------------------------------------------*/
#lower #main #hay-fever .recommend ul {
  margin-top: 10px;
}

#lower #main #hay-fever .recommend ul li {
  position: relative;
  display: block;
  padding: 0 0 0 40px;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #hay-fever .recommend ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}

/*--------------------------------------------------------------
  最後に
--------------------------------------------------------------*/
/*  小見出し
--------------------------------------------------------------*/
#lower #main #hay-fever .hari h4 {
  margin: 40px 0 0 0;
  color: #f19149;
  font-size: 20px;
  letter-spacing: 4px;
  line-height: 1.3;
  font-weight: bold;
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #hay-fever .hari .content p {
  line-height: 1.5;
  margin-top: 1em;
}

/*--------------------------------------------------------------
  つぼき鍼灸整骨院の整体治療と鍼灸治療
--------------------------------------------------------------*/
/*  小見出し
--------------------------------------------------------------*/
#lower #main #hay-fever .flow h4 {
  margin: 40px 0 0 0;
  color: #f19149;
  font-size: 20px;
  letter-spacing: 4px;
  font-weight: bold;
}

#lower #main #hay-fever .flow h5 {
  color: #885325;
  font-size: 18px;
  font-weight: bold;
  margin-top: 2em;
}

#lower #main #hay-fever .flow h6 {
  margin: 30px 0 0 0;
  color: #f19149;
  font-size: 18px;
  letter-spacing: 4px;
  font-weight: bold;
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #hay-fever .flow .content p {
  line-height: 1.5;
  margin-top: 1em;
}

/*  リスト
--------------------------------------------------------------*/
#lower #main #hay-fever .flow ul {
  margin-top: 10px;
}

#lower #main #hay-fever .flow ul li {
  position: relative;
  display: block;
  padding: 0 0 0 40px;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #hay-fever .flow ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}

#lower #main #hay-fever .flow .row {
  display: flex;
  justify-content: space-between;
}

#lower #main #hay-fever .flow .row .image {
  width: 30%;
}

#lower #main #hay-fever .flow .row .text {
  width: 67%;
}

#lower #main #hay-fever .flow dl dt {
  margin-top: 30px;
}

#lower #main #hay-fever .flow .note {
  font-size: 12px;
  margin-left: 1em;
  text-indent: -1em;
}

/*--------------------------------------------------------------
  ご予約方法
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #hay-fever .reserve .midashi h3 {
  margin: 80px 0 20px 0;
  padding: 0 20px;
  color: #442600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #hay-fever .reserve .midashi img {
  display: inline-block;
  width: 100%;
}

/*  小見出し
--------------------------------------------------------------*/
#lower #main #hay-fever .reserve h4 {
  margin: 40px 0 0 0;
  color: #f19149;
  font-size: 20px;
  letter-spacing: 4px;
  font-weight: bold;
}

/*  リンク
--------------------------------------------------------------*/
#lower #main #hay-fever .reserve .link {
  margin: 20px 0 0 0;
  box-sizing: border-box;
  font-size: 0;
}

#lower #main #hay-fever .reserve .link p:nth-of-type(1) {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  background: #223a70;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
}

#lower #main #hay-fever .reserve .link p:nth-of-type(1) i {
  display: inline-block;
  margin: 0 10px 0 0;
}

#lower #main #hay-fever .reserve .link p:nth-of-type(2) {
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: middle;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
}

/*-------------------------------------------------------------
  ご予約後の時間変更、キャンセルについて
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #hay-fever .cancel .midashi h3 {
  margin: 80px 0 20px 0;
  padding: 0 20px;
  color: #442600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #hay-fever .cancel .midashi img {
  display: inline-block;
  width: 100%;
}

/*  テキスト
--------------------------------------------------------------*/
#lower #main #hay-fever .cancel .text p {
  margin: 40px 0 0 0;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

/*--------------------------------------------------------------
  つぼき鍼灸整骨院では、すべて自費治療です
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #hay-fever .treatment .midashi h3 {
  margin: 80px 0 20px 0;
  padding: 0 20px;
  color: #442600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #hay-fever .treatment .midashi img {
  display: inline-block;
  width: 100%;
}

/*  注意書き
--------------------------------------------------------------*/
#lower #main #hay-fever .treatment .caution p {
  margin: 40px 0 0 0;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

/*  メニュー
--------------------------------------------------------------*/
#lower #main #hay-fever .treatment .menu p.yen {
  margin: 40px 0 0 0;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #hay-fever .treatment .menu p.yen span {
  display: block;
  color: #442600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #hay-fever .treatment .menu p.yen:nth-of-type(n+2) {
  margin: 20px 0 0 0;
}

#lower #main #hay-fever .treatment .menu p.supplement {
  margin: 40px 0 0 0;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #hay-fever .treatment .menu p.card {
  margin: 20px 0 0 0;
  color: #442600;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

/*--------------------------------------------------------------
  監修
--------------------------------------------------------------*/
#lower #main #hay-fever .supervision p {
  margin: 80px 0 0 0;
  color: #808080;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: right;
}

/***************************************************************
  逆子治療
***************************************************************/
#lower #main #breech {
  color: #222;
  font-size: 16px;
}

#lower #main #breech img {
  height: auto;
  max-width: 100%;
}

/*  見出し
--------------------------------------------------------------*/
#lower #main #breech .midashi h3 {
  margin: 80px 0 20px 0;
  padding: 0 20px;
  color: #442600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #breech .midashi img {
  display: inline-block;
  width: 100%;
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #breech .content {
  margin: 40px 0 0 0;
  box-sizing: border-box;
}

#lower #main #breech .content.-row {
  display: flex;
}

/*  画像
--------------------------------------------------------------*/
#lower #main #breech .content .image {
  text-align: center;
}

/*--------------------------------------------------------------
  冒頭
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #breech .beginning .midashi h3 {
  margin-top: 0;
}

#lower #main #breech .beginning .content .text p {
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #breech .beginning .content .text p:nth-of-type(n+2) {
  margin: 10px 0 0 0;
}

#lower #main #breech .beginning .content .text p span {
  margin: 20px 0 0 0;
  display: inline-block;
  color: #ff0000;
  text-decoration: underline;
}

/*  小見出し
--------------------------------------------------------------*/
#lower #main #breech .beginning h4 {
  margin: 40px 0 0 0;
  color: #f19149;
  font-size: 20px;
  letter-spacing: 4px;
  font-weight: bold;
}

#lower #main #breech .beginning h5 {
  color: #885325;
  font-size: 18px;
  font-weight: bold;
  margin-top: 2em;
}

/*  リスト
--------------------------------------------------------------*/
#lower #main #breech .beginning ul {
  margin-top: 10px;
}

#lower #main #breech .beginning ul li {
  position: relative;
  display: block;
  padding: 0 0 0 40px;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #breech .beginning ul.circle li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}

#lower #main #breech .beginning ul.square li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "□";
}

#lower #main #breech .beginning ul.rhombus li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "◆";
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #breech .beginning p {
  line-height: 1.5;
  margin-top: 15px;
}

/*--------------------------------------------------------------
  つぼき鍼灸整骨院の整体治療と鍼灸治療
--------------------------------------------------------------*/
/*  小見出し
--------------------------------------------------------------*/
#lower #main #breech .flow h4 {
  margin: 40px 0 0 0;
  color: #f19149;
  font-size: 20px;
  letter-spacing: 4px;
  font-weight: bold;
}

#lower #main #breech .flow h5 {
  color: #885325;
  font-size: 18px;
  font-weight: bold;
  margin-top: 2em;
}

#lower #main #breech .flow h6 {
  margin: 30px 0 0 0;
  color: #f19149;
  font-size: 18px;
  letter-spacing: 4px;
  font-weight: bold;
}

/*  コンテンツ
--------------------------------------------------------------*/
#lower #main #breech .flow .content p {
  line-height: 1.5;
  margin-top: 1em;
}

/*  リスト
--------------------------------------------------------------*/
#lower #main #breech .flow ul {
  margin-top: 10px;
}

#lower #main #breech .flow ul li {
  position: relative;
  display: block;
  padding: 0 0 0 40px;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #breech .flow ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}

#lower #main #breech .flow .row {
  display: flex;
  justify-content: space-between;
}

#lower #main #breech .flow .row .image {
  width: 30%;
}

#lower #main #breech .flow .row .text {
  width: 67%;
}

#lower #main #breech .flow dl dt {
  margin-top: 30px;
}

#lower #main #breech .flow .note {
  font-size: 12px;
  margin-left: 1em;
  text-indent: -1em;
}

/*--------------------------------------------------------------
  ご予約方法
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #breech .reserve .midashi h3 {
  margin: 80px 0 20px 0;
  padding: 0 20px;
  color: #442600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #breech .reserve .midashi img {
  display: inline-block;
  width: 100%;
}

/*  小見出し
--------------------------------------------------------------*/
#lower #main #breech .reserve h4 {
  margin: 40px 0 0 0;
  color: #f19149;
  font-size: 20px;
  letter-spacing: 4px;
  font-weight: bold;
}

/*  リンク
--------------------------------------------------------------*/
#lower #main #breech .reserve .link {
  margin: 20px 0 0 0;
  box-sizing: border-box;
  font-size: 0;
}

#lower #main #breech .reserve .link p:nth-of-type(1) {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  background: #223a70;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
}

#lower #main #breech .reserve .link p:nth-of-type(1) i {
  display: inline-block;
  margin: 0 10px 0 0;
}

#lower #main #breech .reserve .link p:nth-of-type(2) {
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: middle;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
}

/*-------------------------------------------------------------
  ご予約後の時間変更、キャンセルについて
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #breech .cancel .midashi h3 {
  margin: 80px 0 20px 0;
  padding: 0 20px;
  color: #442600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #breech .cancel .midashi img {
  display: inline-block;
  width: 100%;
}

/*  テキスト
--------------------------------------------------------------*/
#lower #main #breech .cancel .text p {
  margin: 40px 0 0 0;
  color: #222222;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 30px;
}

/*--------------------------------------------------------------
  監修
--------------------------------------------------------------*/
#lower #main #breech .supervision p {
  margin: 80px 0 0 0;
  color: #808080;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: right;
}

/***************************************************************
  受付時間・アクセス
***************************************************************/
/*--------------------------------------------------------------
  受付時間
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #access .reception .midashi h3 {
  margin: 0 0 20px 0;
  padding: 0 50px;
  color: #442600;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #access .reception .midashi img {
  display: inline-block;
  width: 100%;
}

/*  表
--------------------------------------------------------------*/
#lower #main #access .reception .table table {
  width: 100%;
  margin: 50px 0 0 0;
  box-sizing: border-box;
}

#lower #main #access .reception .table table tbody {
  width: 100%;
  box-sizing: border-box;
}

#lower #main #access .reception .table table tbody tr {
  width: 100%;
  box-sizing: border-box;
}

#lower #main #access .reception .table table tbody tr:nth-of-type(1) {
  background: #ededed;
}

#lower #main #access .reception .table table tbody tr th {
  vertical-align: middle;
  padding: 10px 20px;
  box-sizing: border-box;
  border: solid #d3d3d3 1px;
  border-collapse: collapse;
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 20px;
  text-align: center;
}

#lower #main #access .reception .table table tbody tr td {
  vertical-align: middle;
  padding: 20px;
  box-sizing: border-box;
  border: solid #d3d3d3 1px;
  border-collapse: collapse;
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 20px;
  text-align: center;
}

/*  補足
--------------------------------------------------------------*/
#lower #main #access .reception .supplement {
  margin: 50px 0 0 0;
  box-sizing: border-box;
  font-size: 0;
}

#lower #main #access .reception .supplement .cell {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  box-sizing: border-box;
}

#lower #main #access .reception .supplement .cell p {
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #access .reception .supplement .cell p span {
  display: block;
  margin: 0 0 20px 0;
  color: #f19149;
  font-size: 22px;
  letter-spacing: 4px;
  font-weight: bold;
}

/*--------------------------------------------------------------
  アクセス
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #access .place .midashi h3 {
  margin: 100px 0 20px 0;
  padding: 0 50px;
  color: #442600;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #access .place .midashi img {
  display: inline-block;
  width: 100%;
}

/*  地図
--------------------------------------------------------------*/
#lower #main #access .place .table {
  margin: 50px 0 0 0;
  box-sizing: border-box;
  font-size: 0;
}

#lower #main #access .place .table .left {
  display: inline-block;
  vertical-align: middle;
  width: 55%;
  box-sizing: border-box;
}

#lower #main #access .place .table .left dl dt {
  display: block;
  margin: 0 0 10px 0;
  color: #f19149;
  font-size: 22px;
  letter-spacing: 4px;
  font-weight: bold;
}

#lower #main #access .place .table .left dl:nth-of-type(n+2) dt {
  margin: 20px 0;
}

#lower #main #access .place .table .left dl dt i {
  display: inline-block;
  margin: 0 10px 0 0;
}

#lower #main #access .place .table .left dl dd {
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #access .place .table .left dl dd a {
  display: inline-block;
  padding: 10px 20px;
  background: #223a70;
  color: #fff;
  font-size: 16px;
  letter-spacing: 2px;
  text-decoration: none;
}

#lower #main #access .place .table .left dl dd a i {
  display: inline-block;
  margin: 0 10px 0 0;
}

#lower #main #access .place .table .left dl dd span {
  display: block;
  margin: 10px 0 0 0;
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
}

#lower #main #access .place .table .right {
  display: inline-block;
  vertical-align: middle;
  width: 45%;
  box-sizing: border-box;
}

#lower #main #access .place .table .right iframe {
  width: 100%;
  height: 450px;
}

/*  来院方法
--------------------------------------------------------------*/
#lower #main #access .place .root dl dt {
  display: block;
  margin: 50px 0 10px 0;
  color: #f19149;
  font-size: 22px;
  letter-spacing: 4px;
  font-weight: bold;
}

#lower #main #access .place .root dl dt i {
  display: inline-block;
  margin: 0 10px 0 0;
}

#lower #main #access .place .root dl dd span {
  display: block;
  margin: 10px 0;
  color: #442600;
  font-size: 22px;
  letter-spacing: 4px;
  font-weight: bold;
}

#lower #main #access .place .root dl dd span i {
  display: inline-block;
  margin: 0 10px 0 0;
}

#lower #main #access .place .root dl dd {
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
}

/*--------------------------------------------------------------
  監修
--------------------------------------------------------------*/
#lower #main #access .supervision p {
  margin: 100px 0 0 0;
  color: #808080;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: right;
}

/***************************************************************
  ご予約はこちら
***************************************************************/
/*--------------------------------------------------------------
  ご予約方法
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #reserve .method .midashi h3 {
  margin: 0 0 20px 0;
  padding: 0 50px;
  color: #442600;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #reserve .method .midashi img {
  display: inline-block;
  width: 100%;
}

/*  お電話でのご予約
  インターネットからのご予約
--------------------------------------------------------------*/
#lower #main #reserve .method .pattern h4 {
  margin: 50px 0 0 0;
  color: #f19149;
  font-size: 22px;
  letter-spacing: 4px;
  font-weight: bold;
}

#lower #main #reserve .method .pattern .link {
  margin: 20px 0 0 0;
  box-sizing: border-box;
  font-size: 0;
}

#lower #main #reserve .method .pattern .link p:nth-of-type(1) {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 20px;
  background: #223a70;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
}

#lower #main #reserve .method .pattern .link p:nth-of-type(1) i {
  display: inline-block;
  margin: 0 10px 0 0;
}

#lower #main #reserve .method .pattern .link p:nth-of-type(2) {
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: middle;
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
}

#lower #main #reserve .method .pattern ul {
  margin: 20px 0 0 0;
}

#lower #main #reserve .method .pattern ul li {
  position: relative;
  display: block;
  padding: 0 0 0 50px;
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #reserve .method .pattern ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}

/*--------------------------------------------------------------
  ご予約後の時間変更、キャンセルについて
--------------------------------------------------------------*/
/*  見出し
--------------------------------------------------------------*/
#lower #main #reserve .cancel .midashi h3 {
  margin: 100px 0 20px 0;
  padding: 0 50px;
  color: #442600;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 4px;
}

#lower #main #reserve .cancel .midashi img {
  display: inline-block;
  width: 100%;
}

/*  テキスト
--------------------------------------------------------------*/
#lower #main #reserve .cancel .text p {
  margin: 50px 0 0 0;
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
}

/*--------------------------------------------------------------
  監修
--------------------------------------------------------------*/
#lower #main #reserve .supervision p {
  margin: 100px 0 0 0;
  color: #808080;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: right;
}

/***************************************************************
  よくある質問
***************************************************************/
/*--------------------------------------------------------------
  Q & A
--------------------------------------------------------------*/
#lower #main #question dl:nth-of-type(n+2) {
  margin: 50px 0 0 0;
}

#lower #main #question dl dt {
  position: relative;
  display: block;
  padding: 0 0 0 50px;
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #question dl dt::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "Q";
  color: #ff0000;
}

#lower #main #question dl dd {
  position: relative;
  display: block;
  padding: 0 0 0 50px;
  color: #222222;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
}

#lower #main #question dl dd::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "A";
  color: #0000ff;
}

/***************************************************************
  ブログ
***************************************************************/
/*--------------------------------------------------------------
  記事(一覧)
--------------------------------------------------------------*/
#lower #main #blog .newslist {
  padding: 50px;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
}

#lower #main #blog .newslist p.hit {
  margin: 0 0 20px 0;
  padding: 0 20px;
  box-sizing: border-box;
  color: #442600;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
  line-height: 25px;
  text-align: center;
}

#lower #main #blog .newslist p.decoration img {
  display: block;
  width: 100%;
}

#lower #main #blog .newslist p.hit:empty + p.decoration {
  display: none;
}

#lower #main #blog .newslist p.hit:empty + p.decoration + article {
  margin: 0;
}

#lower #main #blog .newslist article {
  margin: 50px 0 0 0;
  box-sizing: border-box;
  font-size: 0;
}

#lower #main #blog .newslist article section.left {
  display: inline-block;
  width: 30%;
  box-sizing: border-box;
  vertical-align: top;
}

#lower #main #blog .newslist article section.left p.image {
  text-align: center;
}

#lower #main #blog .newslist article section.left p.image a img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 200px;
}

#lower #main #blog .newslist article section.right {
  display: inline-block;
  width: 70%;
  padding: 0 0 0 50px;
  box-sizing: border-box;
  vertical-align: top;
}

#lower #main #blog .newslist article section.right p.midashi a {
  display: inline-block;
  color: #424242;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
  line-height: 30px;
  text-decoration: none;
}

#lower #main #blog .newslist article section.right p.date {
  margin: 20px 0 0 0;
}

#lower #main #blog .newslist article section.right p.date a {
  color: #424242;
  font-size: 16px;
  letter-spacing: 2px;
  text-decoration: none;
}

#lower #main #blog .newslist article section.right p.date a span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 0 0;
  padding: 5px;
  box-sizing: border-box;
  background: #808080;
  color: #fff;
}

#lower #main #blog .newslist article section.right p.detail {
  margin: 20px 0 0 0;
  text-align: right;
}

#lower #main #blog .newslist article section.right p.detail a {
  display: inline-block;
  padding: 0 0 5px 0;
  border-bottom: solid #223a70 1px;
  color: #223a70;
  font-size: 16px;
  letter-spacing: 2px;
  text-decoration: none;
}

/*--------------------------------------------------------------
  記事(詳細)
--------------------------------------------------------------*/
#lower #main #blog .news article {
  padding: 50px;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
}

#lower #main #blog .news article p.midashi a {
  display: block;
  padding: 0 0 20px 0;
  border-color: #424242;
  border-style: solid;
  border-width: 0 0 1px 0;
  color: #424242;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 4px;
  line-height: 30px;
  text-decoration: none;
}

#lower #main #blog .news article p.share {
  margin: 20px 0 0 0;
  font-size: 0;
  box-sizing: border-box;
}

#lower #main #blog .news article p.share a {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}

#lower #main #blog .news article p.share a:nth-of-type(n+2) {
  margin: 0 0 0 30px;
}

#lower #main #blog .news article p.share a img {
  display: inline-block;
  width: 30px;
}

#lower #main #blog .news article p.date {
  margin: 20px 0 0 0;
  color: #424242;
  font-size: 16px;
  letter-spacing: 2px;
}

#lower #main #blog .news article p.theme {
  margin: 20px 0 0 0;
}

#lower #main #blog .news article p.theme a {
  display: inline-block;
  padding: 10px;
  background: #424242;
  color: #fff;
  font-size: 16px;
  letter-spacing: 2px;
  text-decoration: none;
}

#lower #main #blog .news article div.text {
  margin: 20px 0 0 0;
  color: #424242;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 20px;
}

#lower #main #blog .news article p.image {
  margin: 20px 0 0 0;
}

#lower #main #blog .news article p.image img {
  display: inline-block;
  width: 100%;
}

#lower #main #blog .news article h2 {
  margin: 0;
  padding: 0;
  background: transparent;
  color: #424242;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 2px;
  text-align: left;
}

/*--------------------------------------------------------------
  ページャー
--------------------------------------------------------------*/
#lower #main #blog .pager #pagination ul {
  width: 100%;
  margin: 50px auto 0 auto;
  box-sizing: border-box;
  font-size: 0;
}

#lower #main #blog .pager #pagination ul li {
  display: inline-block;
  width: 10%;
  vertical-align: top;
  box-sizing: border-box;
  text-align: center;
}

#lower #main #blog #pagination ul li:nth-of-type(n+11) {
  margin: 10px 0 0 0;
}

#lower #main #blog #pagination ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  background: #424242;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  text-decoration: none;
}

#lower #main #blog #pagination ul li a.active {
  background: #fff;
  border: solid #424242 1px;
  color: #424242;
}

#lower #main #blog #nextpage {
  display: none;
}

#lower #main #blog #prevpage {
  display: none;
}

/*--------------------------------------------------------------
  最新記事&テーマ&月別
--------------------------------------------------------------*/
#lower #main #blog .sub {
  display: table;
  width: 100%;
  margin: 50px 0 0 0;
  table-layout: fixed;
  box-sizing: border-box;
}

#lower #main #blog .sub article {
  display: table-cell;
  vertical-align: top;
  background: #ccc;
}

#lower #main #blog .sub article p {
  padding: 10px 0;
  background: #424242;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
}

#lower #main #blog .sub article ul {
  list-style-type: none;
  padding: 10px;
  height: 389px;
  overflow: auto;
  scroll-behavior: smooth;
}

#lower #main #blog .sub article ul li {
  display: block;
}

#lower #main #blog .sub article ul li a {
  display: block;
  padding: 10px;
  background: #fff;
  color: #424242;
  font-size: 16px;
  letter-spacing: 2px;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#lower #main #blog .sub article ul li:nth-of-type(n+2) a {
  border-color: #D3D3D3;
  border-style: dashed;
  border-width: 1px 0 0 0;
}

#lower #main #blog .sub article ul li a:hover {
  text-decoration: underline;
}