/***************************************************************
下層ページ
***************************************************************/
/*--------------------------------------------------------------
見出し（固定しているヘッダーの高さ分調整）
--------------------------------------------------------------*/
#lower #subtitle h2
{
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  max-width: 1600px;
  box-sizing: border-box;
  margin: 162px auto 0 auto;
  padding: 100px 0;
  background: #F7F9FC;
  color: #007D7F;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 6px;
  text-align: center;
}
/*--------------------------------------------------------------
コンテンツ
--------------------------------------------------------------*/
/* 背景
--------------------------------------------------------------*/
#lower
{
  background: #D0EAE9;
}
/* テーブル
--------------------------------------------------------------*/
#lower #content
{
  display: table;
  width: 80%;
  box-sizing: border-box;
  margin: 50px auto 0 auto;
  padding: 0 0 100px 0;
}
/* サイドバー
--------------------------------------------------------------*/
#lower #content #side
{
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  display: table-cell;
  width: 25%;
  vertical-align: top;
  padding: 0 0 0 25px;
}

/*基本情報*/
#lower #content #side .basic
{
  padding: 0 10px 20px 10px;
  background: #fff;
  border-color: #007D7F;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
}
/*線*/
#lower #content #side .basic .border
{
  width: 50%;
  margin: 0 auto;
  box-sizing: border-box;
  border-color: #007D7F;
  border-style: solid;
  border-width: 4px 0 0 0;
}
/*ご予約・お問い合わせはお気軽に*/
#lower #content #side .basic .text p:nth-of-type(1)
{
  margin: 20px 0 15px 0;
  color: #505050;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
#lower #content #side .basic .text p:nth-of-type(2)
{
  margin: 5px 0 0 0;
  color: #505050;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
}
#lower #content #side .basic .text p:nth-of-type(2) i
{
  display: inline-block;
  padding: 0 5px 0 0;
  color: #D3D3D3;
}
/*診療時間*/
#lower #content #side .basic .time h3
{
  margin: 20px 0 0 0;
  padding: 10px 0;
  border-color: #007D7F;
  border-style: solid;
  border-width: 4px 0 1px 0;
  color: #007D7F;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
#lower #content #side .basic .time p
{
  margin: 10px 0 0 0;
  color: #505050;
  text-align: center;
}
#lower #content #side .basic .time p:nth-of-type(2)
{
  margin: 5px 0 0 0;
}
#lower #content #side .basic .time p span
{
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 5px;
  background: #B29A74;
  color: #fff;
}
/*休診日*/
#lower #content #side .basic .holiday h3
{
  margin: 20px 0 0 0;
  padding: 10px 0;
  border-color: #007D7F;
  border-style: solid;
  border-width: 4px 0 1px 0;
  color: #007D7F;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
#lower #content #side .basic .holiday p
{
  margin: 10px 0 0 0;
  color: #505050;
  text-align: center;
}
/*アクセス*/
#lower #content #side .basic .access h3
{
  margin: 20px 0 0 0;
  padding: 10px 0;
  border-color: #007D7F;
  border-style: solid;
  border-width: 4px 0 1px 0;
  color: #007D7F;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
#lower #content #side .basic .access p:nth-of-type(1)
{
  margin: 10px 0 0 0;
  color: #505050;
  line-height: 20px;
}
#lower #content #side .basic .access p:nth-of-type(2)
{
  margin: 5px 0 0 0;
  text-align: right;
  color: #B29A74;
  font-size: 14px;
}
#lower #content #side .basic .access p:nth-of-type(2) a
{
  color: #505050;
  text-decoration: none;
}
#lower #content #side .basic .access p:nth-of-type(2) a:hover
{
  text-decoration: underline;
}

/*当院について*/
#lower #content #side .about
{
  margin: 50px 0 0 0;
  border-color: #007D7F;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
}
#lower #content #side .about h3
{
  padding: 10px 0;
  background: #007D7F;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
#lower #content #side .about p
{
  padding: 10px;
  background: #fff;
}
#lower #content #side .about p:nth-of-type(n+2)
{






  border-color: #D3D3D3;
  border-style: dashed;
  border-width: 1px 0 0 0;
}
#lower #content #side .about p i
{
  display: inline-block;
  padding: 0 10px 0 0;
  color: #B29A74;
}
#lower #content #side .about p a
{
  color: #505050;
  text-decoration: none;
}
#lower #content #side .about p a:hover
{
  text-decoration: underline;
}


/***************************************************************
Staff
***************************************************************/
/*--------------------------------------------------------------
テーブル
--------------------------------------------------------------*/
#lower #content #staff
{
  display: table-cell;
  width: 75%;
  vertical-align: top;
  padding: 0 25px 0 0;
}
/*--------------------------------------------------------------
紹介
--------------------------------------------------------------*/
/* テーブル
--------------------------------------------------------------*/
#lower #content #staff .introduction .table
{
  display: table;
  width: 100%;
  box-sizing: border-box;
}
/* 左側
--------------------------------------------------------------*/
#lower #content #staff .introduction .table .left
{
  display: table-cell;
  width: 30%;
  vertical-align: middle;
}
#lower #content #staff .introduction .table .left img
{
  display: block;
  width: 100%;
}
#staff .staff-box {
  background: #fffceb;
  border-radius: 20px;
  margin: 50px 0 0;
  padding: 15px;
}
#staff .staff-box div {
  display: inline-block;
  border-bottom: 1px solid #505050;
  margin: 0 0 .5em 0;
}
#staff .staff-box td,
#staff .staff-box th {
  font-size: 15px;
  line-height: 1.7;
  padding: 5px;
}
#staff .staff-box th {
  text-align: left;
  font-weight: bold;
  color: #195298;
}
/* 右側
--------------------------------------------------------------*/
#lower #content #staff .introduction .table .right
{
  display: table-cell;
  width: 70%;
  vertical-align: middle;
  padding: 0 0 0 100px;
}
#lower #content #staff .introduction .table .right .position p
{
  color: #007D7F;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
}
#lower #content #staff .introduction .table .right .name p
{
  margin: 20px 0 0 0;
  color: #505050;
  font-size: 30px;
  letter-spacing: 6px;
}
#lower #content #staff .introduction .table .right .name p span
{
  font-size: 14px;
  letter-spacing: 2px;
}
#lower #content #staff .introduction .table .right .text p
{
  margin: 20px 0 0 0;
  color: #505050;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 20px;
}
/*--------------------------------------------------------------
経歴
--------------------------------------------------------------*/
/* 見出し
--------------------------------------------------------------*/
#lower #content #staff .career .midashi h3
{
  display: inline-block;
  margin: 50px 0 0 0;
  padding: 10px;
  background: #d0d0d0;
  font-size: 20px;
  letter-spacing: 1px;
}
/* テキスト
--------------------------------------------------------------*/
#lower #content #staff .career .text p
{
  margin: 20px 0 0 0;
  color: #505050;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 20px;
}
/*--------------------------------------------------------------
あいさつ
--------------------------------------------------------------*/
/* 見出し
--------------------------------------------------------------*/
#lower #content #staff .greeting .midashi h3
{
  display: inline-block;
  margin: 50px 0 0 0;
  padding: 10px;
  background: #d0d0d0;
  font-size: 20px;
  letter-spacing: 1px;
}
/* テーブル
--------------------------------------------------------------*/
#lower #content #staff .greeting .table
{
  box-sizing: border-box;
  margin: 20px 0 0 0;
}
#lower #content #staff .greeting .table:after {
  display: block;
  contet: "";
  visibility: hidden;
  clear: both;
}
#lower #content #staff .greeting .table .left
{
}
#lower #content #staff .greeting .table .left .komidashi p
{
  color: #007D7F;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
}
#lower #content #staff .greeting .table .left .text p
{
  margin: 20px 0 0 0;
  color: #505050;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 1.7;
}
#lower #content #staff .greeting .table .left .text p:last-child
{
  font-weight: bold;
  font-size: 16px;
}
#lower #content #staff .greeting .table .left .text p span
{
  display: block;
  text-indent: 1em;
}
#lower #content #staff .greeting .table .right
{
  max-width: 300px;
  margin: 0 20px 0 0;
  float: left;
}
#lower #content #staff .greeting .table .right .image img
{
  display: block;
  width: 100%;
}


/***************************************************************
Treatment
***************************************************************/
/*--------------------------------------------------------------
テーブル
--------------------------------------------------------------*/
#lower #content #treatment
{
  display: table-cell;
  width: 75%;
  vertical-align: top;
  padding: 0 25px 0 0;
}
/*--------------------------------------------------------------
サンプル
--------------------------------------------------------------*/
#lower #content #treatment .sample .midashi h3
{
  display: inline-block;
  padding: 5px 0;
  border-color: #195298;
  border-style: solid;
  border-width: 0 0 1px;
  color: #195298;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
}
#lower #content #treatment .table
{
  box-sizing: border-box;
  margin: 30px 0 0 0;
}
#lower #content #treatment .table:after
{
  display: block;
  content: "";
  visibility: hidden;
  clear: both;
}
#lower #content #treatment .table .left .image
{
  float: left;
  margin: 0 20px 0 0;
}
#lower #content #treatment .table .left .image img
{
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 0 0 15px 0;
}
#lower #content #treatment .table .right
{
}
#lower #content #treatment .table .right .text
{
  color: #505050;
  font-size: 14px;
}
#lower #content #treatment .table .right .text div
{
  margin-bottom: 1em;
}
#lower #content #treatment .table .right .text p
{
  letter-spacing: 2px;
  line-height: 1.7;
  text-indent: 1em;
}
#lower #content #treatment .table .right .text p span
{
  text-decoration: underline;
}
.healing p {
  font-weight: bold;
}
.healing p span {
  font-weight: bold;
}
.treat-box {
  border-radius: 50px;
  padding: 15px;
  text-align: center;
  background: #fffceb;
  margin: 50px 0 0;
}
.treat-box h3 {
  font-size: 18px;
  font-weight: bold;
  color: #195298;
}
.treat-box ul {
  margin: 20px 0 0;
}
.treat-box li {
  line-height: 2;
}
/*--------------------------------------------------------------
施術の流れ
--------------------------------------------------------------*/
#lower #content #treatment .flow .midashi h3
{
  margin: 50px 0 30px 0;
  padding: 0 0 10px 10px;
  border-color: #007D7F;
  border-style: solid;
  border-width: 0 0 1px 0;
  color: #007D7F;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
}
#lower #content #treatment .flow .order ul
{
  display: table;
  width: 100%;
  box-sizing: border-box;
  margin: 20px 0 0 0;
}
#lower #content #treatment .flow .order ul li:nth-of-type(1)
{
  display: table-cell;
  width: 30%;
  vertical-align: middle;
}
#lower #content #treatment .flow .order ul li:nth-of-type(1) img
{
  display: block;
  width: 100%;
}
#lower #content #treatment .flow .order ul li:nth-of-type(2)
{
  display: table-cell;
  width: 70%;
  vertical-align: middle;
  padding: 0 0 0 50px;
  color: #505050;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
}
#lower #content #treatment .flow .order ul li:nth-of-type(2) strong
{
  display: block;
  margin: 0 0 10px 0;
  font-size: 16px;
}
#lower #content #treatment .flow .order ul li:nth-of-type(2) span
{
  display: block;

  margin: 8px 0 0 0;
  font-size: 12px;
}
.box-link {
  display: inline-block;
  background: #B29A74;
  font-size: 20px;
  letter-spacing: 4px;
  box-shadow: 2px 2px 2px #B29A74;
  text-decoration: none;
  margin: 6.7em 0 0;
}
.box-link a {
  color: #FFF;
  display: block;
  padding: 10px 40px;
  text-decoration: none;
}
/***************************************************************
Life
***************************************************************/
.mincho {
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝B", "MS Mincho", serif;
}
/*--------------------------------------------------------------
テーブル
--------------------------------------------------------------*/
#lower #content #life
{
  display: table-cell;
  width: 75%;
  vertical-align: top;
  padding: 0 25px 0 0;
}
/*--------------------------------------------------------------
contents
--------------------------------------------------------------*/
.life-box h2,
.life-box2 h2 {
  display: inline-block;
  padding: 5px 0;
  border-color: inherit;
  border-style: solid;
  border-width: 0 0 1px;
  color: #195298;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0 0 30px 0;
}
.life-box p,
.life-box2 p {
  color: #505050;
  line-height: 1.7;
}
.life-image {
  margin: 40px 0;
  max-width: 400px;
}
.life-image img {
  width: 100%;
}
.life-box p {
  margin: 0 0 1em 0;
}
.life-box2 {
  margin: 6.7em 0 0;
  margin: 6.7rem 0 0;
}
.life-box2 p {
  margin: 0 0 1em 0;
}
.life-box2 section:first-of-type {
  margin: 0 0 6.7em 0;
  margin: 0 0 6.7rem 0;
}
.daikei {
  line-height: 1.5;
}
.kouteidaikei {
  background-image: url(image.php?id=035);
  border: 2px solid #7F643A;
  margin: 30px 0;
  padding: 10px;
}
.kouteidaikei p {
  color: #000;
  line-height: 1.7;
  margin: 0 0 1em 0;
}
.kouteidaikei span {
  text-decoration: underline;
}
.kouteidaikei p:last-child {
  margin: 0;
}
.life-link {
  margin: 6.7em 0 0;
}
.life-link img {
  display: block;
  margin: 0 0 1em 0;
  max-width: 350px;
}
.life-link h4 {
  display: inline-block;
  padding: 5px 0;
  border-color: #195298;
  border-style: solid;
  border-width: 0 0 1px;
  color: #195298;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
  margin: 0 0 20px 0;
}
.life-link dt {
  font-weight: bold;
  margin: 0 0 5px 0;
}
.life-link dt:last-of-type {
  margin: 1em 0 5px 0;
}
.life-link dd {
  line-height: 1.8;
  text-indent: 3em;
}
.life-link a {
  color: #2388F1;
}
.life-link p {
  font-size: 16px;
  font-weight: bold;
}
/***************************************************************
Life1-1
***************************************************************/
/*--------------------------------------------------------------
テーブル
--------------------------------------------------------------*/
#lower #content #life1-1
{
  display: table-cell;
  width: 75%;
  vertical-align: top;
  padding: 0 25px 0 0;
}
/*--------------------------------------------------------------
contents
--------------------------------------------------------------*/
.block {
  display: block;
}
#life1-1 .box-img_01,
#life1-1 .box-img_02,
#life1-1 .box-img_03,
#life1-1 .box-img_04,
.box-img_05,
.box-img_06,
.box-img_07,
.box-img_09,
.box-img_10,
.box-img_11,
.box-img_12,
.box-img_13 {
  margin: 3em auto;
  margin: 3rem auto;
  text-align: center;
}
#life1-1 .box-img_01 img{
  display: block;
  margin: 0 auto;
  max-width: 400px;
  width: 100%;
}
#life1-1 .box-img_02,
#life1-1 .box-img_03,
#life1-1 .box-img_04{
  max-width: 400px;
}
#life1-1 .box-img_02 img{
  width: 100%;
}
#life1-1 .box-img_03 img{
  width: 100%;
}
#life1-1 .box-img_04 img{
  width: 100%;
}
.life-borderbox {
  background: #FFF;
  border: 1px solid #007D7F;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.7;
  padding: 10px;
}
#life1-1 .bl,
#life1-2 .bl,
#life2-1 .bl,
#life2-2 .bl {
  border-color: #195298;
  color: #195298;
}
#life1-1 .br,
#life1-2 .br,
#life2-1 .br,
#life2-2 .br {
  border-color: #AB6A37;
  color: #AB6A37;
}
#life1-1 span,
#life1-2 span,
#life2-1 span,
#life2-2 span {
  font-weight: inherit;
  text-decoration: underline;
}
#life1-1 section,
#life1-2 section,
#life2-1 section,
#life2-2 section {
  margin: 0 0 6.7em 0;
  margin: 0 0 6.7rem 0;
}
#life1-1 h3,
#life1-2 h3,
#life2-1 h3,
#life2-2 h3 {
  font-size: 17px;
  font-weight: bold;
  margin: 0 0 1em 0;
  margin: 0 0 1rem 0;
}
.life-textbox{
  border-radius: 20px;
  padding: 15px;
  background: #FFFCEB;
  margin: 15px 0 0;
  line-height: 1.5;
}
.life-textbox ul {
  margin: 0 0 15px;
}
.life-textbox li {
  padding: 3px 0;
  clear: both;
  display: table;
}
.life-textbox ul div{
  vertical-align: top;
  display: table-cell;
}
.life-textbox ul li div:first-child{
  padding: 0 1em 0 0;
  padding: 0 1rem 0 0;
  white-space: nowrap;
}
.hormone,
.cortisol {
  margin: 3em 0 0;
}
.hormone h4,
.cortisol h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 .5em 0;
}
.textbox-1 ul:last-child,
.textbox-2 ul:last-child,
.textbox-3 ul:last-child {
  margin: 0;
}
.textbox-4 p:last-child {
  margin: 0;
}
.hormone-box {
  margin: 3em 0 6.7em 0;
  margin: 3rem 0 6.7rem 0;
}
/***************************************************************
Life1-2
***************************************************************/
/*--------------------------------------------------------------
テーブル
--------------------------------------------------------------*/
#lower #content #life1-2
{
  display: table-cell;
  width: 75%;
  vertical-align: top;
  padding: 0 25px 0 0;
}
/*--------------------------------------------------------------
contents
--------------------------------------------------------------*/
#life1-2 h3 {
  line-height: 1.5;
}
.box-img_05 img{
  max-width: 250px;
  width: 100%;
}
.box-img_06 img {
  max-width: 250px;
  width: 100%;
}
.textbox-5 {
  margin: 0 0 3em 0;
  margin: 0 0 3rem 0;
}
.textbox-6 .block {
  margin: 0 0 .5em 0;
  margin: 0 0 .5rem 0;
}
#life1-2 ol li h4 {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 .5em 0;
  margin: 0 0 .5rem 0;
  border-style: solid;
  border-width: 0 0 1px 0;
}
#life1-2 .serotonin ol > li {
  margin: 0 0 6.7em 0;
  margin: 0 0 6.7rem 0;
}
.textbox-5 p:last-child,
.textbox-6 p:last-child {
  margin: 0;
}
#life1-2 .blight {
  margin: 6.7em 0 1em 0;
  margin: 6.7rem 0 1rem 0;
}
.life-textbox .bg-w {
  background: #FFF;
  box-shadow: 1px 1px 3px #666;
  padding: 8px;
}
.textbox-7 span.bl {
  display: block;
}
.textbox-7 span.bl:nth-of-type(2),
.textbox-7 span.bl:last-of-type {
  margin: 8px 0 0;
}
.tcenter {
  text-align: center;
}
.textbox-7 > span.tcenter {
  margin: 0 0 .5em 0 !important;
  margin: 0 0 .5rem 0 !important;
}
.textbox-7 p.tcenter,
.textbox-8 p.tcenter{
  margin: 0 0 1em 0;
  margin: 0 0 1rem 0;
}
.textbox-8 span.bl {
  display: block;
  margin: 0 0 .5em 0;
  margin: 0 0 .5rem 0;
}
.textbox-8 .last {
  margin: 1em 0 0;
  margin: 1rem 0 0;
}
.textbox-8 .last span {
  margin:
}
.textbox-8 .last strong {
  display: block;
}
#life1-2 p .link {
  margin: 0;
}
.box-img_14 {
  margin: 3em 0 0;
}
.box-img_14 img {
  max-width: 400px;
}
/***************************************************************
Life2-1
***************************************************************/
/*--------------------------------------------------------------
テーブル
--------------------------------------------------------------*/
#lower #content #life2-1
{
  display: table-cell;
  width: 75%;
  vertical-align: top;
  padding: 0 25px 0 0;
}
/*--------------------------------------------------------------
contents
--------------------------------------------------------------*/
.box-img_07 img {
  display: block;
  margin: 0 auto;
  max-width: 250px;
  width: 100%;
}
.box-img_08 img {
  display: block;
  margin: 3em auto 6.7em 0;
  max-width: 400px;
  width: 100%;
}
.box-img_09 img {
  max-width: 704px;
  width: 100%;
}
.box-img_13 img {
  display: block;
  max-width: 400px;
  width: 100%;
}
#life2-1 .representative span {
  font-weight: bold;
  text-decoration: underline;
}
/***************************************************************
Life2-2
***************************************************************/
/*--------------------------------------------------------------
テーブル
--------------------------------------------------------------*/
#lower #content #life2-2
{
  display: table-cell;
  width: 75%;
  vertical-align: top;
  padding: 0 25px 0 0;
}
/*--------------------------------------------------------------
contents
--------------------------------------------------------------*/
#life2-2 h3 {
  line-height: 1.5;
  margin-left: 1em;
  margin-left: 1rem;
  text-indent: -1em;
  text-indent: -1rem;
}
.box-img_10 img {
  display: block;
  margin: 0 auto;
  max-width: 400px;
  width: 100%;
}
.box-img_11 img {
  display: block;
  max-width: 300px;
  width: 100%;
}
.box-img_12 img {
  display: block;
  margin: 0 auto;
  max-width:400px;
  width: 100%;
}
.life-textbox2 {
  border-radius: 50px;
  font-size: 13px;
  padding: 15px;
  background: #ffe7da;
  margin: 15px 0 0;
  line-height: 2;
  text-align: center;
}
.example {
  padding: 8px;
  background: #FFF;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  line-height: 1.7;
}
.acidity .example {
  border-color: #AB6A37;
}
.alkalinity .example {
  border-color: #195298;
}
.example strong {
  display: block;
  font-size: 16px;
}
.textbox-7 {
  margin: 0 0 1em 0;
  margin: 0 0 1rem 0;
}
.textbox-7 ul {
  margin: 0;
}
.textbox-8 {
  margin: 3em 0;
  margin: 3rem 0;
}
.textbox-8 table {
  font-size: 14px;
  margin: 1em 0;
  margin: 1rem 0;
}
.textbox-8 th {
  text-align: left;
}
.textbox-8 tbody tr:last-child ul {
  margin: 0;
}
.textbox-8 p {
  margin: 0;
}
.textbox-9 {
  margin: 3em 0 0;
  margin: 3rem 0 0;
}
.box-img_013,
.box-img_014 {
  margin: 3em 0;
  margin: 3rem 0;
}
.box-img_013 img,
.box-img_014 img {
  width: 100%;
  max-width: 734px;
}
#life2-2 .life-box section:last-of-type {
  margin: 0;
}
/***************************************************************
Earth
***************************************************************/
#earthing .earth-box {
  border-radius: 30px;
  padding: 15px;
  background: #fffceb;
  margin: 3em 0 0;
}
/*--------------------------------------------------------------
テーブル
--------------------------------------------------------------*/
#earthing .bl {
  color: #195298;
}
#earthing .br {
  color: #AB6A37;
}
#lower #content #earthing
{
  display: table-cell;
  width: 75%;
  vertical-align: top;
  padding: 0 25px 0 0;
  color: #5d5d5d;
}
/*--------------------------------------------------------------
about
--------------------------------------------------------------*/
#earthing h3 {
  display: inline-block;
  padding: 5px 0;
  border-style: solid;
  border-width: 0 0 1px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0 0 30px 0;
}
#earthing h3.bl {
  border-color: #195298;
}
#earthing h3.br {
  border-color: #AB6A37;
}
#earthing h4 {
  font-size: 17px;
  font-weight: bold;
}
#earthing .earth,
.hormone-box {
  background: #c5ecb9;
  color: #195298;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  border-radius: 50%;
  padding: 20px 10px;
}
#earthing .earth {
  margin: 0 0 3em 0;
}
#earthing .about {
  margin: 0 0 6.7em 0;
}
#earthing .about2,
#earthing .about3,
#earthing .about4 {
  margin: 0 0 6.7em 0;
}
#earthing .about span {
  border-bottom: 1px solid;
  font-weight: inherit;
}
#earthing .about img {
  display: block;
  margin: 3em 0 6.7em;
  width: 100%;
  max-width: 400px;
}
#earthing .about p {
  margin: .5em 0 1em;
}
#earthing .about ol li {
  margin: 9px 0 0;
}
#earthing .about2 p {
  line-height: 1.5;
  margin: 0 0 1em 0;
  margin: 0 0 1rem 0;
  color: #505050;
}

#earthing .about2 p:last-child {
  margin: 0 0 0 0;
}
#earthing .mcpc {
  margin: 3em 0 0;
}
#earthing .mcpc h4 {
  border-bottom: 1px solid;
  color: #AB6A37;
  display: inline-block;
  margin: 0 0 1em 0;
}
#earthing .mcpc .link {
  margin: 0;
}
#earthing .mcpc div {
  background: #FFF;
  box-shadow: 1px 1px 4px #CCC;
  margin: 0 0 1em 0;
  padding: 8px;
}
#earthing .mcpc div li {
  margin: 0 0 8px 0;
}
#earthing .mcpc div li:last-child {
  margin: 0;
}
#lower #content #earthing .about3 p,
#lower #content #earthing .about4 p
{
  line-height: 1.5;
  margin: 0 0 1em 0;
  margin: 0 0 1rem 0;
}
.youtube {
  margin: 3em 0 6.7em;
}
.youtube .iframe {
  max-width: 450px;
  padding: 22% 0;
  position: relative;
}
.youtube .iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*--------------------------------------------------------------
about2
--------------------------------------------------------------*/
#earthing .about2 img {
  display: block;
  margin: 3em auto 6.7em;
  max-width: 250px;
  width: 100%;
}
#earthing .case {
  margin: 3em 0 6.7em;
}
#earthing .case span {
  display: inline-block;
  border-color: #AB6A37;
  border-style: solid;
  border-width: 0 0 1px;
  color: #AB6A37;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0 0 3px 0;
}
#earthing .case p {
  font-size: 14px;
}
#earthing .case .note {
  font-size: 14px;
}
#earthing .case li {
  margin-top: 1em;
}
#earthing .case .line {
  text-decoration: underline;
}
/*--------------------------------------------------------------
about3
--------------------------------------------------------------*/
.effect .title {
  border-color: #AB6A37;
  border-style: solid;
  border-width: 0 0 1px;
  color: #AB6A37;
  display: inline-block;
  font-weight: bold;
}
.about3 .effect img {
  width: 100%;
}
.effect .effect01,
.effect .effect02 {
  margin: 0 0 1em 0;
}
.effect .effect01 img {
  display: block;
  margin: 1em 0 0;
  max-width: 350px;
}
.effect01 li {
  line-height: 1.7;
  margin: 8px 0 0;
}

.effect02 .table,
.effect03 .table {
  display: table;
  margin: 1em 0 0;
  width: 100%;
}
.effect02 .left,
.effect03 .left,
.effect02 .right,
.effect03 .right{
  display: table-cell;
  vertical-align: top;
}
.effect02 .left {
  width: 81px;
}
.effect02 .right {
  line-height: 1.7;
  padding: 0 0 0 15px;
}

.effect .effect03 img {
  max-width: 160px;
}
.effect03 .left {
  box-sizing: border-box;
  padding: 0 15px 0 0;
  width: 25%;
}
.effect .right div {
  line-height: 1.5;
  margin: 0 0 15px 3em;
  text-indent: -3em;
}
.effect03 .right strong {
  display: block;
}
.link {
  color: #2388F1;
  display: inline-block;
  margin: 15px 0 0;
}
.link:hover {
  text-decoration: none;
}
/*--------------------------------------------------------------
about4
--------------------------------------------------------------*/
.about4 h4 {
  margin: 0 0 8px 0;
}
.about4 img {
  display: block;
  margin: 30px auto 30px 0;
  max-width: 200px;
}
.about4 .earth-link li {
  line-height: 1.5;
  margin: 0 0 6px 0;
}
.about4 .earth-link li:last-child  {
  margin: 0 0 0 0;
}
.about4 .link,
.about5 .link {
  margin: 0;
}
/*--------------------------------------------------------------
about5
--------------------------------------------------------------*/
.about5 h4 {
  font-size: 18px;
  margin: 0 0 8px 0;
}
#earthing .about5-2,
#earthing .about5-3,
#earthing .about5-4 {
  line-height: 1.5;
  margin: 1em 0 0;
}
#earthing .about5 dt {
  font-weight: bold;
  margin: 0 0 8px 0;
}
#earthing .about5-1 {
  line-height: 1.5;
  margin: 3em 0 0;
}
#earthing .about5-1 div {
  border-radius: 30px;
  padding: 15px;
  font-size: 14px;
  line-height: 1.7;
  background: #fffceb;
  margin: 0 0 30px;
}
.about5-1 div dt {
  font-weight: bold;
  letter-spacing: 2px;
}
.about5-1 div dd {
  padding: 0 0 0 1em;
  margin: 0 0 5px 0;
}
.about5-2 li {
  margin: 0 0 5px 0;
}
.about5 .book-img img {
  display: inline-block;
  padding: 5px;
  max-width: 130px;
}
.about5-3 img{
  max-width: 300px;
  width: 100%;
}
.about5-4 li {
  margin: 0 0 10px 0;
}
.about5-4 .code {
  border-style: solid;
  border-width: 0 0 1px 0;
}
/***************************************************************
Care
***************************************************************/
/*--------------------------------------------------------------
テーブル
--------------------------------------------------------------*/
#lower #content #care
{
  display: table-cell;
  width: 75%;
  vertical-align: top;
  padding: 0 25px 0 0;
}
.care-box {
  margin: 0 0 40px;
  line-height: 1.7;
}
.care-box strong {
  display: inline-block;
  border-bottom: 1px solid #195298;
  color: #195298;
  font-size: 20px;
  margin: 0 0 20px 0;
  letter-spacing: 1px;
}
/*--------------------------------------------------------------
ケアグッズ
--------------------------------------------------------------*/
#lower #content #care .gallery .midashi h3
{
  color: #195298;
  font-size: 20px;
  font-weight: bold;
}
#lower #content #care .gallery .image
{
  margin: 20px 0 0 0;
  font-size: 0;
}
#lower #content #care .gallery .image div
{
  display: inline-block;
  width: 50%;
  vertical-align: top;
  box-sizing: border-box;
}
#lower #content #care .gallery .image div:nth-of-type(n+3)
{
  margin: 40px 0 0 0;
}
#lower #content #care .gallery .image div:nth-of-type(odd)
{
  padding: 0 25px 0 0;
}
#lower #content #care .gallery .image div:nth-of-type(even)


{
  padding: 0 0 0 25px;
}
#lower #content #care .gallery .image div img
{
  display: block;
  width: 100%;
}
#lower #content #care .gallery .image div p
{
  margin: 10px 0 0 0;
  font-size: 14px;
  line-height: 1.5;
}


/***************************************************************
Seminar
***************************************************************/
/*--------------------------------------------------------------
テーブル
--------------------------------------------------------------*/
#lower #content #seminar
{
  display: table-cell;
  width: 75%;
  vertical-align: top;
  padding: 0 25px 0 0;
}
/*--------------------------------------------------------------
セミナー
--------------------------------------------------------------*/
#seminar .bl {
  color: #195298;
}
#seminar .link {
  margin: 0;
}
.seminar1,
.seminar2,
.seminar3 {
  color: #505050;
}
.seminar1,
.seminar2 {
  margin: 0 0 6.7em 0;

}
#seminar h3{
  display: inline-block;
  border-bottom: 1px solid #195298;
  color: #195298;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 20px 0;
  letter-spacing: 1px;
}
#seminar p {
  line-height: 1.7;
}
.seminar1 p,
.seminar2 p,
.seminar3 p {
  margin: 0 0 1em 0;
  margin: 0 0 1rem 0;
}
.seminar1 p:last-child {
  margin: 0 0 0 0;
}
.seminar1 img {
  display: block;
  margin: 3em auto;
  width: 100%;
  max-width: 400px;
}
.seminar2 .table,
.seminar3 .table{
  display: table;
  width: 100%;
  margin: 3em 0 0;
}
.seminar2 .seminar-text {
  display: table-cell;
  line-height: 2;
  vertical-align: top;
}
#seminar .seminar2 .seminar-text ul {
  padding: 0 0 0 50px;
}
.seminar3 .seminar-text {
  display: table-cell;
  line-height: 2;
  vertical-align: top;
}
.seminar2 .seminar-text li,
.seminar3 .seminar-text li {
  font-weight: bold;
  margin: 0 0 8px 0;
  text-align: left;
}
.seminar2 .seminar-text li:last-child,
.seminar3 .seminar-text li:last-child{
  margin: 0 0 0 0;
}
.seminar2 .seminar-text li span,
.seminar3 .seminar-text li span{
  border-bottom: 1px solid #195298;
  font-weight: bold;
}
.seminar2 .seminar-img,
.seminar3 .seminar-img{
  display: table-cell;
  width: 35%;
}
.seminar2 .seminar-img img {
  width: 100%;
  max-width: 250px;
  display: block;
  margin: 0 auto 0 0;
}
.seminar3 .seminar-img img {
  width: 100%;
  max-width: 250px;
  display: block;
  margin: 0 0 0 auto;
}
.seminar3 .contents {
  margin: 15px 0;
}
.detail {
  margin: 6.7em 0 0;
}
.seminar3 .detail li {
  line-height: 2;
}
/***************************************************************
Access
***************************************************************/
/*--------------------------------------------------------------
テーブル
--------------------------------------------------------------*/
#lower #content #access
{
  display: table-cell;
  width: 75%;
  vertical-align: top;
  padding: 0 25px 0 0;
}
/*--------------------------------------------------------------
見出し
--------------------------------------------------------------*/
#lower #content #access .midashi
{
  text-align: center;
}
#lower #content #access .midashi h3
{
  position: relative;
  display: inline-block;
  width: 50%;
  height: 40px;
  padding: 20px 0 0 0;
  background: #007D7F;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
}
#lower #content #access .midashi h3:before
{
  content: "";
  position: absolute;
  left: 48%;
  top: 0;
  display: inline-block;
  border: 10px solid transparent;
  border-top-color: #fff;
}
/*--------------------------------------------------------------
道のり
--------------------------------------------------------------*/
#lower #content #access .root .box:nth-of-type(1)
{
  margin: 50px 0 0 0;
  font-size: 0;
}

#lower #content #access .root .box:nth-of-type(2)
{
  margin: 20px 0 0 0;
  font-size: 0;
}
#lower #content #access .root .box article:nth-of-type(odd)
{
  display: inline-block;
  width: 25%;
  vertical-align: middle;
  box-sizing: border-box;
}
#lower #content #access .root .box article:nth-of-type(odd) img
{
  display: block;
  width: 100%;
}
#lower #content #access .root .box article:nth-of-type(odd) p
{
  color: #505050;
  font-size: 14px;
  line-height: 20px;
}
#lower #content #access .root .box article:nth-of-type(odd) p span
{
  display: inline-block;
  padding: 5px 10px;
  background: #B29A74;
  font-family: 'Indie Flower', cursive;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
#lower #content #access .root .box article:nth-of-type(even)
{
  display: inline-block;
  width: 12.5%;
  vertical-align: middle;
  box-sizing: border-box;
  text-align: center;
}
#lower #content #access .root .box article:nth-of-type(even) i
{
  color: #808080;
  font-size: 20px;
}
/*--------------------------------------------------------------
文章
--------------------------------------------------------------*/
#lower #content #access .sentence {
  text-align: center;
}
#lower #content #access .sentence p
{
  margin: 50px 0 0 0;
  color: #505050;
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 20px;
  text-align: left;
  display: inline-block;
}
#lower #content #access .sentence p span
{
  display: block;
  margin: 1em 0 0 0;
  margin: 1rem 0 0 0;
}

/***************************************************************
Contact
***************************************************************/
/*--------------------------------------------------------------
テーブル
--------------------------------------------------------------*/
#lower #content #contact
{
  display: table-cell;
  width: 75%;
  vertical-align: top;
  padding: 0 25px 0 0;
}
/*--------------------------------------------------------------
お問合せ
--------------------------------------------------------------*/
#contact .contact-box {
  margin: 0 0 6.7em 0;
}
#contact .contact-box li {
  text-align: center;
  line-height: 2;
  margin: 0 0 20px 0;
}
#contact .contact-box li:first-of-type {
  font-size: 24px;
  margin: 0 0 40px 0;
}
#contact .contact-box li span {
  font-size: 18px;
  text-decoration: underline;
}
/*--------------------------------------------------------------
企業
--------------------------------------------------------------*/
#contact .company {
  text-align: center;
}
#contact table {
  width: 100%;
  margin: 10px 0 0;
}
#contact th,
#contact td {
  display: block;
  font-size: 14px;
  padding: 5px;
  box-sizing: border-box;
  vertical-align: bottom;
}
#contact th span {
  display: block;
  text-decoration: underline;
  margin: 0 0 10px 0;
}
#contact td {
  margin: 0 0 2em 0;
}
#contact td p {
  padding: 8px 0 0;
}
#contact td a {
  text-decoration: none;
  color: #2388F1;
}
#contact tbody tr:last-child td {
  margin: 0;
}
/***************************************************************
Art
***************************************************************/
#art img {
  max-width: 550px;
  margin: 0 auto 10px;
  display: block;
}
/*--------------------------------------------------------------
テーブル
--------------------------------------------------------------*/
#lower #content #art
{
  display: table-cell;
  width: 75%;
  vertical-align: top;
  padding: 0 25px 0 0;
}

/*--------------------------------------------------------------
挨拶
--------------------------------------------------------------*/
.art-first h3 {
  display: inline-block;
  border-bottom: 1px solid #92A6BB;
  color: #92A6BB;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 1px;
  padding: 5px 0;
}
.art-first div {
  padding: 30px 10px 30px;
}
.art-first p {
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin: 0 0 1em 0;
  margin: 0 0 1rem 0;
  color: #5d5d5d;
}
.art-first img {
  display: block;
  margin: 3em auto;
  margin: 3rem auto;
}
.art-first span {
  text-align: center;
  display: block;
  font-size: 12px;
}
/*--------------------------------------------------------------
作品紹介
--------------------------------------------------------------*/
#art .sample {
  background: #f3fde8;
  padding: 15px 20px 20px;
}
/* 見出し
--------------------------------------------------------------*/
#lower #content #art .midasi h3
{
  padding: 10px;
  margin: 80px 0 0;
  background: #007D7F;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
}
/* テキスト
--------------------------------------------------------------*/
#lower #content #art .sample .text 
{
  text-align: center;
}
#lower #content #art .sample .text p
{
  margin: 20px 0 0 0;
  color: #505050;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 20px;
}
#lower #content #art .sample .text .art-comment {
  font-size: 14px;
  line-height: 1.7;
  margin: 40px 0 0;
}
#lower #content #art .sample .text .art-comment p
{
  margin: 40px 0;
  font-size: 12px;
}
#lower #content #art .sample .text .art-memo
{
  font-size: 14px;
  line-height: 1.7;
  margin: 40px 0 9em;
}
#lower #content #art .sample .text .art-memo p
{
  font-size: 12px;
}
#lower #content #art .sample .art-memo.last {
  font-size: 16px;
  margin: 9em 0;
}
#art .sample span {
  font-size: 12px;
}
#lower #content #art .sample .art-memo.last span {
  font-size: 16px;
}
/* 画像
--------------------------------------------------------------*/
#lower #content #art .sample .image p
{
  margin: 20px 0 0 0;
  padding: 0 20%;
}
#lower #content #art .sample .image p img
{
  display: block;
  width: 100%;
}
#art .art-box::after {
  clear: both;
  content: "";
  display: block;
  visibility: hidden;
}
#art .art-box .art-01,
#art .art-box .art-02 {
  float: left;
  width: 47%;
}
#art .art-box .art-01 {
  padding: 0 3% 0 0;
}
#art .art-box .art-01 span,
#art .art-box .art-02 span {
  display: block;
  font-size: 14px;
  margin: 2em 0 0;
}
#art .art-box .art-02 {
  padding: 0 0 0 3%;
}
#art .art-box .art-01 img,
#art .art-box .art-02 img {
  display: block;
  margin: 0 auto;
  max-width: 485px;
  width: 80%;
}
/* ページネーション
--------------------------------------------------------------*/
#pagination,
#prevpage,
#nextpage {
  display: inline-block;
  margin: 30px 0 0;
  vertical-align: middle;
}
#pagination {
  margin: 30px 0 0;
}
#pagination ul:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
#pagination li {
  float: left;
  background: #FFF;
  border: 1px solid #000;
  margin: 0 8px 0 0;
  list-style: none;
}
#pagination li:last-child {
  margin: 0;
}
#pagination a {
  text-decoration: none;
  color: #000;
  display: block;
  padding: 5px 10px;
}
#prevpage a,
#nextpage a {
  background: #FFF;
  border: 1px solid #000;
  color: #000;
  display: block;
  padding: 5px 10px;
  text-decoration: none;
}
/***************************************************************
Boxing
***************************************************************/
#lower #content #boxing
{
  display: table-cell;
  width: 75%;
  vertical-align: top;
  padding: 0 25px 0 0;
}
#boxing h3 {
  border-color: #195298;
  border-style: solid;
  border-width: 0 0 1px;
  color: #195298;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0 0 30px 0;
  padding: 5px 0;
}
.boxing-image {
  margin: 3em 0 6.7em;
  margin: 3rem 0 6.7rem;
}
.boxing-image::after {
  clear: both;
  content: "";
  display: block;
  visibility: hidden;
}
.boxing-image li {
  float: left;
}
.boxing-image li span {
  display: block;
  font-size: 13px;
  text-align: center;
}
.boxing-image li:first-child {
  margin: 0 10px 0 0;
}
.boxing-image li:first-child img {
  max-width: 200px;
}
.boxing-image li:last-child img {
  max-width: 264px;
}
.boxing-art {
  font-size: 12px;
  margin: 3em 0 6.7em;
  margin: 3rem 0 6.7rem;
  max-width: 350px;
  text-align: center;
}
.boxing-art img {
  display: block;
  margin: 0 0 5px 0;
  width: 100%;
}
#boxing p {
  margin: 0 0 1em 0;
  margin: 0 0 1rem 0;
}
#boxing p:last-of-type {
  margin: 0;
}
/*********************************************************
マップ
*********************************************************/
.ggmap {
  margin-top: 15px;
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.ggmap iframe,
.ggmapr object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}