@charset "UTF-8";
/*Webフォント
----------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");
/*基本設定
----------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
  color: #583a17;
  line-height: 2;
  font-size: 15px;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt";
  position: relative;
  background: #f5f7eb;
}

html {
  overflow-y: scroll;
}

a {
  color: #dd8f98;
  text-decoration: underline;
}

a:hover {
  color: #dd8f98;
  text-decoration: none;
  opacity: 0.8;
}

img {
  border: 0;
}

h1, h2, h3, h4, h5, p {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

ul, li, dl, dt, dd {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

table {
  width: 100%;
  border: 0;
}

figure {
  margin: 0;
  padding: 0;
  line-height: 0;
}

.clear {
  clear: both;
}

.bold {
  font-weight: bold;
}

.fix {
  min-height: 1px;
}

.fix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

* html .fix {
  height: 1px;
  /*\*/
  /*/
height: auto;
overflow: hidden;
/**/
}

.br {
  display: block;
}

.red {
  color: #f73609;
}

.strong01 {
  background: linear-gradient(transparent 60%, #fffd40 60%);
}

.strong02 {
  text-decoration: underline;
}

.strong03 {
  font-weight: bold;
}

.strong04{
  font-size: 1.25em;
  line-height: 1.5;
  text-decoration: underline;
}

.pink01 {
  color: #d57580;
}

.green01 {
  color: #8dac3c;
}

.img01 {
  line-height: 0;
}

.img01 img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.img_f-r {
  float: right;
  margin-left: 30px;
  margin-bottom: 15px;
}

.img_f-r img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.tac {
  text-align: center;
}

.ttl01 {
  border-top: 2px solid #dae6bc;
  border-bottom: 2px solid #dae6bc;
  box-sizing: border-box;
  padding: 16px;
  text-align: center;
  font-family: "Sawarabi Mincho", serif;
  font-size: 32px;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 32px;
}

.ttl01 strong {
  font-weight: 600;
}

.ttl02 {
  font-size: 32px;
  font-family: "Sawarabi Mincho", serif;
  text-align: center;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 32px;
  border-bottom: 2px dotted #614421;
  padding-bottom: 12px;
}

.ttl03 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 2em;
  text-align: center;
  margin-bottom: 24px;
}

.ttl03 .ttl03_wrap {
  display: inline-block;
  position: relative;
  font-family: "Sawarabi Mincho", serif;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 16px;
  line-height: 1.5;
}

.ttl03 .ttl03_wrap:before, .ttl03 .ttl03_wrap:after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  border-left: 3px dotted #583a17;
  position: absolute;
  bottom: 0;
}

.ttl03 .ttl03_wrap:before {
  left: -1em;
  transform: rotate(-25deg);
}

.ttl03 .ttl03_wrap:after {
  right: -1em;
  transform: rotate(25deg);
}

.ttl04 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 2em;
  text-align: center;
}

.ttl04 .ttl04_wrap {
  display: inline-block;
  position: relative;
  font-family: "Sawarabi Mincho", serif;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 16px;
  line-height: 1.5;
}

.ttl04 .ttl04_wrap:before, .ttl04 .ttl04_wrap:after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  border-left: 1px solid #583a17;
  position: absolute;
  bottom: 0;
}

.ttl04 .ttl04_wrap:before {
  left: -1em;
  transform: rotate(-25deg);
}

.ttl04 .ttl04_wrap:after {
  right: -1em;
  transform: rotate(25deg);
}

.ttl05 {
  background: #a5bc6c;
  box-sizing: border-box;
  padding: 12px 24px 12px 36px;
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 16px;
}

.ttl05:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #fff;
  position: absolute;
  left: 16px;
  top: 21px;
  border-radius: 100px;
}

.ttl06 {
  background: url("../images/second/bg_mainttl.png") no-repeat left top;
  padding: 0px 0 0px 64px;
  font-size: 28px;
  font-family: "Sawarabi Mincho", serif;
  border-bottom: 2px dotted #dfe6c9;
  line-height: 1.5;
  padding-bottom: 4px;
  margin-bottom: 24px;
  min-height: 50px;
}

.ttl07 {
  font-size: 24px;
  font-family: "Sawarabi Mincho", serif;
  font-weight: bold;
  margin-bottom: 16px;
  border-bottom: 3px solid #a5bc6c;
  position: relative;
}

.ttl07:after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #a5bc6c;
  position: absolute;
  left: 0;
  bottom: -7px;
}

.ttl08 {
  font-size: 24px;
  font-weight: bold;
  font-family: "Sawarabi Mincho", serif;
  text-align: center;
  border-bottom: 2px dotted;
  padding-bottom: 4px;
  margin-bottom: 24px;
}

.ttl08 span {
  font-size: 1.2em;
  color: #8dac3c;
}

.ttl09 {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 2px solid;
  display: inline-block;
  margin-bottom: 8px;
  line-height: 1.5;
}

.ttl10 {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.75;
  font-family: "Sawarabi Mincho", serif;
  text-align: center;
  color: #d57580;
  margin-bottom: 20px;
}

.list01 {
  margin: 1em 0;
  background: #fff;
  box-sizing: border-box;
  border: 12px solid #dae6bc;
  padding: 24px;
}

.list01 ul li {
  position: relative;
  padding-left: 20px;
}

.list01 ul li:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #dae6bc;
  position: absolute;
  left: 0;
  top: 10px;
  border-radius: 100px;
}

.list02{
  margin: 1em 0;
}

.list02 ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 2px;
}

.list02 ul li:last-of-type{
  margin-bottom: 0;
}

.list02 ul li:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #a5bc6c;
  position: absolute;
  left: 0;
  top: 10px;
  border-radius: 100px;
}

.btn01,
.btn02,
.btn03{
  margin-top: 1em;
}

.btn01 a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #e68690;
  background: #fff;
  box-sizing: border-box;
  padding: 8px 16px;
  font-size: 18px;
  font-weight: bold;
  color: #e68690;
  text-decoration: none;
  position: relative;
}
.btn01 a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left: 10px solid #e68690;
  position: absolute;
  right: 12px;
  top: calc(50% - 8px);
  border-radius: 2px;
}

.btn02 a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #87c1e0;
  background: #fff;
  box-sizing: border-box;
  padding: 8px 16px;
  font-size: 18px;
  font-weight: bold;
  color: #87c1e0;
  text-decoration: none;
  position: relative;
}
.btn02 a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left: 10px solid #87c1e0;
  position: absolute;
  right: 12px;
  top: calc(50% - 8px);
  border-radius: 2px;
}

.btn03 a{
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #a5bc6c;
  background: #fff;
  box-sizing: border-box;
  padding: 8px 16px;
  font-size: 18px;
  font-weight: bold;
  color: #a5bc6c;
  text-decoration: none;
  position: relative;
}
.btn03 a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left: 10px solid #a5bc6c;
  position: absolute;
  right: 12px;
  top: calc(50% - 8px);
  border-radius: 2px;
}

.btn03 img{
  width: auto;
  max-height: 24px;
  height: auto;
  margin: 0 6px 0 12px;
}

.btn03_mainconts{
  display: flex;
  align-items: center;
}

.btn03_subttl-kodakara{
  color: #dd8f98;
}

.btn03_subttl-jinkinou{
  color: #80a2bd;
}


/*header
----------------------------------------------------*/
#header {
  padding: 16px 0 48px;
}

.h_wrap {
  width: 95%;
  max-width: 1040px;
  margin: 0 auto;
}

.h_h1-t {
  display: flex;
  justify-content: flex-end;
}

.h_h1-t h1 {
  font-size: 13px;
  letter-spacing: 0.025em;
}

.h_conts {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}

.h_logo,
.h_contact {
  width: 50%;
}

.h_logo {
  margin-right: 32px;
}

.h_logo img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.h_contact {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}

.h_contact-hour {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.h_contact-hourlist {
  display: flex;
  justify-content: flex-start;
  margin-left: 46px;
}

.h_contact-hourlist dt, .h_contact-hourlist dd {
  font-size: 14px;
  line-height: 1.65;
  font-family: "Hannari", serif;
}

.h_contact-hourlist dt {
  width: 5em;
}

.h_contact-hourlist dd {
  width: calc(100% - 5em);
}

.h_contact-btnconts {
  display: block;
  margin-left: 24px;
  margin-top: 4px;
}

.h_contact-btn{
  margin-bottom: 8px;
}

.h_contact-btn:last-of-type{
  margin-bottom: 0;
}

.h_contact-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  font-size: 18px;
  font-family: "Hannari", serif;
  text-decoration: none;
  color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 10px 24px;
}

.h_contact-btn-reserve a{
  background: #dd8f98;
}

.h_contact-btn-line a{
  background: #a5bc6c;
}

.h_contact-btn a img {
  margin-right: 8px;
}

.h_contact-telnum img {
  width: auto;
  max-width: 100%;
  height: auto;
}

/*nav
----------------------------------------------------*/
#nav {
  display: block;
  margin-bottom: 16px;
}

.nav_wrap {
  width: 95%;
  max-width: 1040px;
  margin: 0 auto;
}

.nav_wrap ul {
  display: flex;
  justify-content: space-between;
}

.nav_wrap ul li {
  width: calc(100% / 8);
}

.nav_wrap ul li a {
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-size: 13px;
  font-family: "Hannari", serif;
  line-height: 1.5;
  text-decoration: none;
  padding: 16px 0;
  color: #583c1b;
  text-align: center;
}

.nav_wrap ul li a .nav_en {
  display: block;
  font-size: 11px;
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
  text-align: center;
  margin-top: 4px;
}

.nav_wrap ul li a:hover {
  opacity: 0.8;
}

.nav_sp {
  display: none;
}

/*main
----------------------------------------------------*/
#main {
  display: block;
  width: 95%;
  max-width: 1020px;
  margin: 48px auto;
  box-sizing: border-box;
}

.main_wrap {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}

#conts {
  width: 720px;
}

/*conts
----------------------------------------------------*/
.conts01 {
  margin-top: 48px;
}

.conts01.mt0 {
  margin-top: 0;
}

.sp_conts{
  display: none;
}

/*なぜ当店が選ばれているのか？
----------------------------------------------------*/
.whyselect_conts {
  background: #dae6bc;
  box-sizing: border-box;
  padding: 24px;
}

.whyselect_wrap {
  background: #fafbf7;
  box-sizing: border-box;
  padding: 24px;
}

.whyselect_ttl {
  min-height: 76px;
  margin-bottom: 24px;
  border-bottom: 1px solid #583a17;
  text-align: center;
}

.whyselect_ttl span {
  display: inline-block;
  background: url("../images/top/whyselect_icon01.png") no-repeat left center;
  background-size: contain;
  padding-left: 80px;
  font-family: "Sawarabi Mincho", serif;
  font-size: 32px;
  font-weight: 600;
}

.whyselect_text p {
  font-size: 16px;
}

/*メディア掲載
----------------------------------------------------*/
.media_conts {
  background: url("../images/common/bg01.gif") repeat left top;
  box-sizing: border-box;
  padding: 32px;
}

/*お悩みリスト
----------------------------------------------------*/
.nayami_conts {
  margin-top: 24px;
  box-sizing: border-box;
  padding: 32px;
}

.nayami_conts:first-of-type {
  margin-top: 0;
}

.nayami_conts.nayami_women {
  background: #fae8ec;
}

.nayami_conts.nayami_men {
  background: #dce9f2;
}

.nayami_mainttl {
  text-align: center;
  border-bottom: 2px dotted #604221;
  padding-bottom: 12px;
}

.nayami_mainttl span {
  display: inline-block;
  padding-left: 48px;
  min-height: 48px;
  font-size: 32px;
  line-height: 1.5;
  font-family: "Sawarabi Mincho", serif;
}

.nayami_mainttl-women span {
  background: url("../images/top/nayami_women-icon.png") no-repeat left center;
  color: #d57580;
}

.nayami_mainttl-men span {
  background: url("../images/top/nayami_men-icon.png") no-repeat left center;
  color: #80a2bd;
}

.nayami_listconts {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 32px;
}

.nayami_list-img {
  width: 100%;
  max-width: 185px;
}

.nayami_list-text {
  width: calc(100% - 217px);
  margin-right: 32px;
}

.nayami_list-text ul li {
  font-size: 17px;
  line-height: 1.85;
  background: url("../images/top/icon_check01.png") no-repeat left 6px;
  padding-left: 32px;
  margin-bottom: 8px;
}

.nayami_list-text ul li:last-of-type {
  margin-bottom: 0;
}

.nayami_ans {
  margin-top: 24px;
}

/*コンセプト
----------------------------------------------------*/
.concept_conts {
  margin-top: 32px;
}

.concept_conts:first-of-type {
  margin-top: 0;
}

.concept_ttl {
  background: #a5bc6c;
  position: relative;
  margin-left: 48px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  box-sizing: border-box;
  padding: 8px 20px 8px 40px;
  line-height: 1.5;
  min-height: 64px;
  top: 12px;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
}

.concept_ttl:before {
  width: 80px;
  height: 80px;
  background: #fff;
  box-sizing: border-box;
  border: 8px solid #a5bc6c;
  border-radius: 100px;
  position: absolute;
  left: -48px;
  top: auto;
  bottom: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  font-weight: bold;
  color: #a5bc6c;
}

.concept_ttl01:before {
  content: "1";
}

.concept_ttl02:before {
  content: "2";
}

.concept_ttl03:before {
  content: "3";
}

.concept_ttl04:before {
  content: "4";
}

.concept_ttl05:before {
  content: "5";
}

.concept_img01 ul {
  display: flex;
  justify-content: space-between;
}

.concept_img01 ul li figure,
.concept_img02 ul li figure{
  background: #fff;
  text-align: center;
}

.concept_img01 ul li {
  width: calc(100% / 3);
  margin-right: 18px;
}

.concept_img01 ul li:last-of-type {
  margin-right: 0;
}

.concept_img01 ul li p,
.concept_img02 ul li p{
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-top: 8px;
  line-height: 1.5;
}

.concept_img02 ul{
  display: flex;
  justify-content: space-around;
}

.concept_img02 ul li{
  width: calc(50% - 9px);
  margin-right: 18px;
}

.concept_img02 ul li:last-of-type{
  margin-right: 0;
}

.concept_text {
  margin-top: 32px;
}

.concept_text p {
  margin-bottom: 1em;
}

.concept_text p:last-of-type {
  margin-bottom: 0;
}

/*症状別リスト
----------------------------------------------------*/
.nayami_list ul {
  display: flex;
  flex-wrap: wrap;
}

.nayami_list ul li {
  width: calc(100% / 3);
  max-width: 230px;
  margin-right: 15px;
  margin-bottom: 15px;
  line-height: 0;
}

.nayami_list ul li:nth-of-type(3n) {
  margin-right: 0;
}

/*元気になれる３つの理由
----------------------------------------------------*/
.reason_mainttl {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}

.reason_mainttl01 {
  order: 2;
  font-size: 36px;
  font-family: "Sawarabi Mincho", serif;
  text-align: center;
  line-height: 1.5;
  margin: 24px auto 16px;
}

.reason_mainttl01 span {
  display: inline-block;
  background: linear-gradient(transparent 60%, #fff 60%);
  box-sizing: border-box;
  padding: 0 12px;
}

.reason_mainttl01 span strong {
  font-size: 1.25em;
  line-height: 1;
}

.reason_mainttl02 {
  display: inline-block;
  order: 1;
  font-size: 24px;
  font-weight: bold;
  position: relative;
  text-align: center;
}

.reason_mainttl02 span {
  display: inline-block;
  background: #d7e3b9;
  position: relative;
  box-sizing: border-box;
  padding: 8px 32px;
  border-radius: 100px;
}

.reason_mainttl02 span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-top: 16px solid #d7e3b9;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -32px;
  margin: 0 auto;
  text-align: center;
}

.reason_mainttl03 {
  order: 3;
  font-size: 16px;
  text-align: center;
}

.reason_conts {
  margin-top: 54px;
}

.reason_conts:first-of-type {
  margin-top: 0;
}

.reason_ttl {
  position: relative;
  padding-left: 100px;
  font-size: 24px;
  font-weight: bold;
  padding-top: 10px;
  min-height: 73px;
  margin-bottom: 16px;
  line-height: 1.5;
}

.reason_ttl:before {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 79px;
  height: 73px;
  background: url("../images/top/reason_no.png") no-repeat left top;
  position: absolute;
  left: 0;
  top: 0;
}

.reason_ttl:after {
  position: absolute;
  left: 28px;
  top: 13px;
  font-size: 32px;
  font-family: "Hannari", serif;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.reason_ttl01:after {
  content: "1";
}

.reason_ttl02:after {
  content: "2";
}

.reason_ttl03:after {
  content: "3";
}

.reason_ttl04:after {
  content: "4";
}

.reason_ttl05:after {
  content: "5";
}

.reason_ttl06:after {
  content: "6";
}

.reason_ttl07:after {
  content: "7";
}

/*患者様の声
----------------------------------------------------*/
.voice_conts {
  margin-top: 40px;
}

.voice_conts:first-of-type {
  margin-top: 0;
}

.voice_info {
  display: flex;
  justify-content: space-between;
}

.voice_info-img {
  width: 220px;
}

.voice_info-img a {
  text-decoration: none;
}

.voice_info-text {
  width: calc(100% - 252px);
  margin-left: 32px;
}

.voice_info-photo img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.voice_info-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #a5bc6c;
  border-radius: 4px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  margin-top: 12px;
  box-sizing: border-box;
  padding: 4px;
}

.voice_info-btn img {
  width: auto;
  max-width: 15px;
  height: auto;
  max-height: 15px;
  margin-right: 8px;
}

.voice_info-text {
  display: flex;
  flex-direction: column;
}

.voice_info-about {
  order: 1;
}

.voice_info-about span {
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  border-radius: 4px;
  background: #a5bc6c;
  box-sizing: border-box;
  padding: 2px 8px;
}

.voice_info-ttl {
  order: 2;
  margin-top: 8px;
}

.voice_info-ttl span {
  font-family: "Sawarabi Mincho", serif;
  font-size: 18px;
  border-bottom: 2px dotted #cec9b8;
}

.voice_survey {
  background: #fff;
  box-sizing: border-box;
  padding: 32px;
  margin-top: 32px;
  border-radius: 12px;
}

.voice_survey dl {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
}

.voice_survey dl:first-of-type {
  margin-top: 0;
}

.voice_survey dl dt {
  position: relative;
  border-bottom: 2px solid #a5bc6c;
  padding-left: 24px;
  padding-bottom: 4px;
  margin-bottom: 12px;
  font-weight: bold;
}

.voice_survey dl dt:before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background: #fff1c1;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 8px;
}

.voice_survey dl dd p {
  margin-bottom: 1em;
}

.voice_survey dl dd p:last-of-type {
  margin-bottom: 0;
}

.voice_linkbtn {
  margin-top: 24px;
}

.voice_linkbtn a {
  display: flex;
  justify-content: center;
  align-content: center;
  background: #a5bc6c;
  border-radius: 100px;
  box-sizing: border-box;
  padding: 16px;
  line-height: 1.5;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

.voice_linkbtn a img {
  width: auto;
  max-width: 32px;
  height: auto;
  max-height: 26px;
  margin-right: 12px;
}

.voice_text-memo {
  border-top: 1px dashed #ccc;
  padding-top: 8px;
  margin-top: 16px;
  font-size: 13px;
  text-align: right;
}

/*このようなお悩みの方が来られています
----------------------------------------------------*/
.nayami_menulist-ttl {
  border-top: 3px solid #f7f192;
  border-bottom: 3px solid #f7f192;
  position: relative;
  margin-bottom: 48px;
}

.nayami_menulist-ttl:after {
  content: "";
  display: block;
  width: 58px;
  height: 23px;
  background: url("../images/top/nayami_menulist-ttl-arrow.png") no-repeat center bottom;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -23px;
  margin: 0 auto;
}

.nayami_menulist-ttl span {
  display: block;
  border-top: 1px solid #f7f192;
  border-bottom: 1px solid #f7f192;
  margin: 5px auto;
  padding: 32px 0;
  line-height: 0;
  text-align: center;
}

.nayami_menulist-ttl span img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.nayami_menulist-list ul {
  display: flex;
  flex-wrap: wrap;
}

.nayami_menulist-list ul li {
  width: calc(100% / 3 - 16px);
  margin-right: 24px;
  margin-bottom: 24px;
  line-height: 0;
}

.nayami_menulist-list ul li:nth-of-type(3n) {
  margin-right: 0;
}

/*院長からメッセージ
----------------------------------------------------*/
.message_ttl {
  background: url("../images/top/bg_message.png") no-repeat center center;
  min-height: 293px;
  box-sizing: border-box;
  padding: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 600;
  font-family: "Sawarabi Mincho", serif;
  color: #fff;
  line-height: 1.5;
}

.jinzou_message_ttl{
  background: url("../images/second/jinzou_bg_message.png") no-repeat center center;
}

.message_conts {
  background: #fff;
  box-sizing: border-box;
  padding: 24px;
}

.message_conts p {
  font-family: "Sawarabi Mincho", serif;
  font-size: 16px;
}

.message_conts-text {
  margin-top: 40px;
}

.message_conts-text:first-of-type {
  margin-top: 0;
}

.message_ttl01 {
  font-size: 20px;
  font-family: "Sawarabi Mincho", serif;
  color: #8dac3c;
  font-weight: 600;
  box-sizing: border-box;
  margin-bottom: 12px;
}

.message_ttl01 span {
  background: linear-gradient(transparent 60%, #e6edd3 60%);
  box-sizing: border-box;
  padding: 0 4px;
}

.message_conts-text p {
  margin-bottom: 1em;
}

.message_conts-text p:last-of-type {
  margin-bottom: 0;
}

/*last_text
----------------------------------------------------*/
.last_text p {
  margin-bottom: 1em;
}

.last_text p:last-of-type {
  margin-bottom: 0;
}

/*conts_contact
----------------------------------------------------*/
.conts_contact {
  border-top: 8px solid #a5bc6c;
  background: #eeefe1;
  box-sizing: border-box;
  padding: 35px;
}

.contact_logo {
  text-align: center;
  margin-bottom: 32px;
}

.contact_logo img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.contact_btn {
  margin-bottom: 20px;
}

.contact_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 20px 12px;
}

.contact_btn a img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.contact_btn a img:first-of-type {
  margin-right: 12px;
}

.contact_btn-tel a {
  background: #a5bc6c;
}

.contact_btn-mail a {
  background: #dd8f98;
}

.contact_btn-diagnosis a{
  background: #f9b22e;
}

.contact_btn-diagnosis-ttl{
  text-align: center;
  position: relative;
  margin-bottom: 8px;
}

.contact_btn-diagnosis-ttl-wrap{
  display: inline-block;
  position: relative;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.75;
}

.contact_btn-diagnosis-ttl-wrap:before,
.contact_btn-diagnosis-ttl-wrap:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  bottom: 0;
  background: #583a17;
}

.contact_btn-diagnosis-ttl-wrap:before{
  left: -1em;
  transform: rotate(-25deg);
}

.contact_btn-diagnosis-ttl-wrap:after{
  right: -1em;
  transform: rotate(25deg);
}

.contact_btn-diagnosis-ttl-strong01{
  font-size: 18px;
  color: #f9b22e;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.contact_info {
  display: flex;
  justify-content: space-between;
  margin: 24px auto;
}

.contact_info-l {
  width: 244px;
}

.contact_info-r {
  width: calc(100% - 244px);
  margin-left: 16px;
}

.contact_info-r p {
  text-align: center;
  line-height: 1.75;
}

.contact_info-tbl {
  margin-top: 16px;
}

.contact_map {
  margin-top: 24px;
}

.contact_map iframe {
  width: 100%;
  min-height: 400px;
}

/*side
----------------------------------------------------*/
#side {
  width: 250px;
}

.side_trial-img {
  line-height: 0;
}

.side_bnr01 {
  margin-top: 20px;
}

.side_bnr01 {
  line-height: 0;
}

.side_info {
  margin-top: 20px;
}

.side_info-wrap {
  background: #ebe8d7;
  padding: 15px;
  box-sizing: border-box;
}

.side_info-conts {
  margin-top: 20px;
}

.side_ttl {
  font-family: "Hannari", serif;
  font-size: 16px;
  position: relative;
  padding-left: 16px;
  border-bottom: 2px dotted #c7bea9;
  padding-bottom: 2px;
  letter-spacing: -0.025em;
  margin-bottom: 12px;
}

.side_ttl:before {
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  background: #583a17;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 0;
}

.side_info-telnum {
  text-align: center;
  line-height: 0;
}

.side_info-teltext {
  font-size: 13px;
  font-family: "Hannari", serif;
  text-align: center;
  line-height: 1;
  margin-top: 8px;
}

.side_info-textarea {
  line-height: 1.5;
}

.side_info-ttl {
  position: relative;
  padding-left: 16px;
}

.side_info-ttl:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 6px;
  background: #a5bc6c;
  border-radius: 100px;
}

.side_info-map {
  box-sizing: border-box;
  border: 1px solid #d5cbc4;
  line-height: 0;
}

.side_info-map iframe {
  width: 100%;
  min-height: 280px;
  line-height: 0;
}

.side_info-btn {
  margin-top: 12px;
}

.side_onayamilist ul li {
  background: url("../images/common/side_arrow01.png") no-repeat left 9px;
  padding-left: 20px;
  border-bottom: 1px dotted #583a17;
  padding-bottom: 6px;
  margin-bottom: 6px;
}

.side_onayamilist ul li a {
  color: #583a17;
  text-decoration: none;
  font-size: 14px;
}

/*pagetop
----------------------------------------------------*/
/*common_contact
----------------------------------------------------*/
.common_contactconts {
  background: url("../images/common/bg_contact.png") no-repeat center center;
  background-size: cover;
  padding: 64px 0;
  position: relative;
}

#pagetop {
  position: absolute;
  top: -40px;
  right: 2.5%;
  text-align: right;
}

#pagetop img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.common_contact-wrap {
  display: block;
  width: 95%;
  max-width: 700px;
  margin: 0 auto;
}

.common_contact-sp {
  display: none;
}

.common_contact-ttl {
  font-size: 30px;
  text-align: center;
  font-family: "DM Sans", sans-serif;
  color: #ccd6b4;
  display: flex;
  justify-content: center;
  font-style: italic;
  line-height: 1.5;
}

.common_contact-subttl {
  font-size: 36px;
  font-family: "Hannari", serif;
  text-align: center;
  color: #745632;
  letter-spacing: 0.05em;
}

.common_contact-btnlist {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}

.common_contact-btnconts {
  width: calc(50% - 25px);
}

.common_contact-btntel {
  background: #fff;
  box-sizing: border-box;
  padding: 0 8px;
  border-radius: 4px;
  min-height: 90px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.common_contact-btnconts-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.common_contact-btnreserve a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-family: "Hannari", serif;
  color: #fff;
  background: #dd8f98;
  min-height: 90px;
  border-radius: 4px;
  text-decoration: none;
}

.common_contact-btnreserve a img {
  margin-right: 8px;
}

/*pc_sidebtn
----------------------------------------------------*/
.pc_sidebtn {
  display: block;
  position: fixed;
  right: -100px;
  top: 15%;
  z-index: 999;
  transition: all 0.15s linear 0s;
}

.pc_sidebtn.on {
  right: 0;
}

.pc_sidebtnconts {
  margin-bottom: 16px;
}

.pc_sidebtnconts:last-of-type {
  margin-bottom: 0;
}

.pc_sidebtnconts a {
  display: flex;
  align-items: center;
  justify-content: center;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: "Hannari", serif;
  font-size: 18px;
  box-sizing: border-box;
  padding: 24px 12px;
  color: #fff;
  border-radius: 10px 0 0 10px;
  text-decoration: none;
  text-orientation: upright;
  letter-spacing: 0.05em;
}

.pc_sidebtnconts a img {
  margin-bottom: 8px;
}

.pc_sidebtn-reserve a {
  background: #dd8f98;
}

.pc_sidebtn-contact a {
  background: #a5bc6c;
}

/*sp_btm
----------------------------------------------------*/
.sp_btm {
  display: none;
  line-height: 0;
}

.sp_btm.on {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.sp_btm-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sp_btmconts {
  width: 50%;
  display: flex;
  justify-content: center;
  align-content: center;
  box-sizing: border-box;
  height: 16vw;
  max-height: 64px;
}

.sp_btmconts.sp_btmconts-reserve {
  background: #dd8f98;
}

.sp_btmconts.sp_btmconts-contact {
  background: #a5bc6c;
}

.sp_btmconts.sp_btmconts-line {
  background: #a5bc6c;
}

.sp_btmconts p {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.sp_btmconts a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  font-size: 4vw;
  font-weight: bold;
}

.sp_btmconts a img {
  margin-right: 8px;
  width: 7vw;
  max-width: fit-content;
  height: auto;
  max-height: 32px;
}

/*footer
----------------------------------------------------*/
#footer {
  padding: 40px 0 0;
}

.footer_wrap {
  width: 95%;
  max-width: 1020px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.f_logo img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.f_address {
  margin-top: 16px;
}

.f_link ul {
  display: flex;
  flex-wrap: wrap;
}

.f_link ul li {
  margin-right: 12px;
}

.f_link ul li a {
  background: url("../images/common/f_icon01.png") no-repeat left 0;
  padding-left: 16px;
  font-size: 13px;
  color: #583a17;
  text-decoration: none;
}

.tbl_open,
.tbl_open02 {
  border-collapse: collapse;
}

.tbl_open thead tr th, .tbl_open thead tr td,
.tbl_open02 thead tr th,
.tbl_open02 thead tr td {
  background: #b8ada5;
  box-sizing: border-box;
  padding: 12px 20px;
  border-right: 1px solid #fff;
  color: #fff;
  text-align: center;
}

.tbl_open thead tr th:last-of-type, .tbl_open thead tr td:last-of-type,
.tbl_open02 thead tr th:last-of-type,
.tbl_open02 thead tr td:last-of-type {
  border-right: none;
}

.tbl_open tbody tr th, .tbl_open tbody tr td,
.tbl_open02 tbody tr th,
.tbl_open02 tbody tr td {
  background: #fff;
  padding: 12px;
  border-right: 1px solid #b5b0ac;
  text-align: center;
}

.tbl_open tbody tr td:last-of-type,
.tbl_open02 tbody tr td:last-of-type {
  border-right: none;
}

.tbl_open02 thead tr th, .tbl_open02 thead tr td,
.tbl_open02 tbody tr th,
.tbl_open02 tbody tr td {
  font-size: 12px;
  padding: 10px;
}

.tbl_open thead tr th:first-of-type,
.tbl_open tbody tr th:first-of-type{
  width: 8em;
}

.tbl_open-memo01 {
  margin-top: 8px;
  font-size: 14px;
  text-align: right;
}

.f_copy {
  margin-top: 64px;
  background: #a5bc6c;
  box-sizing: border-box;
  padding: 12px 0;
}

.f_copy p {
  font-size: 13px;
  text-align: center;
  color: #fff;
}