/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/* CSS Document */

/* ##### font ##### */

.fs-mr1 {
  font-family: "M PLUS Rounded 1c", sans-serif;
  -webkit-transform: rotate(0.03deg);
	transform: rotate(0.03deg);
	/* シャギーを防ぐ指定 */
}

/* ##### font end ##### */

/* ##### reset.css上書き ##### */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
p {
  color: #5e5e5e;
  font-family: "M PLUS Rounded 1c", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6, dt, dd {
  font-weight: normal;
    font-family: "M PLUS Rounded 1c", sans-serif;
  -webkit-transform: rotate(0.03deg);
	transform: rotate(0.03deg);
	/* シャギーを防ぐ指定 */
}

body * {
  box-sizing: border-box;
}


@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 599px) {
  .fs30 {
    font-size: 20px;
  }

  .fs16 {
    font-size: 14px;
  }
}

/* ##### reset.css上書きここまで ##### */

/* ##### 共通 ##### */

a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #5e5e5e;
}

.c-gr {
  color: #416d49;
}

#wrapper[data-element-id] {
  padding-top: 0 !important;
}

.sp-only {
  display: none;
}

.fs10 {
  font-size: 10px;
}

.fs50 {
  font-size: 50px;
}

.tex {
  line-height: 30px;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.tl {
  text-align: left;
}

.mt10 {
  margin-top: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb50 {
  margin-bottom: 50px;
}

.mt50 {
  margin-top: 50px;
}

.pad50 {
  padding: 50px 0;
}

.pt20 {
  padding-top:20px;
}
.pt50 {
  padding-top: 50px;
}

.pb50 {
  padding-bottom: 50px;
}

.mt80 {
  margin-top: 80px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb10p {
  margin-bottom: 10%;
}

.mauto {
  margin: 0 auto;
}

.z1 {
  position: relative;
  z-index: 1;
}

.ctex {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  z-index: 1;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.Blink a {
  display: block;
}

.more {
  text-align: center;
  margin: 50px auto 0 auto;
  width: 100%;
  max-width: 300px;
  /* border: solid 1px #000; */
}

.more a {
  display: block;
  background: #416d49;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  border-radius: 5px;
}

.more02 {
  text-align: center;
  margin: 50px auto 0 auto;
  width: 100%;
  max-width: 200px;
}

.more02 a {
  display: block;
  padding: 10px;
  font-size: 16px;
  border-radius: 5px;
  border: solid 2px #5e5e5e;
}

.more02 .arrow {
  position: relative;
}

.more02 .arrow:after {
  position: absolute;
  content: "";
  background: url(/import/tenant_1/133.167.73.212/html/images/01index/arrow.png) no-repeat;
  width: 8px;
  height: 12px;
  top: 50%;
  right: -20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.bgimg {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.bgimg img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
}

.of-img {
  width: 100%;
  overflow: hidden;
  height: 100%;
}

.of-img img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  font-family: "object-fit: cover; object-position: center center;";
}

.ofimg {
  width: 100%;
  overflow: hidden;
  height: auto;
}

.ofimg img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  font-family: "object-fit: cover; object-position: center center;";
}

.of {
  position: relative;
}

.of:before {
  content: "";
  display: block;
}

.of img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.of15:before {
  padding-top: 15%;
}

.of20:before {
  padding-top: 20%;
}

.of25:before {
  padding-top: 25%;
}

.of30:before {
  padding-top: 30%;
}

.of35:before {
  padding-top: 35%;
}

.of40:before {
  padding-top: 40%;
}

.of45:before {
  padding-top: 45%;
}

.of50:before {
  padding-top: 50%;
}

.of55:before {
  padding-top: 55%;
}

.of60:before {
  padding-top: 60%;
}

.of65:before {
  padding-top: 65%;
}

.of70:before {
  padding-top: 70%;
}

.of75:before {
  padding-top: 75%;
}

.of80:before {
  padding-top: 80%;
}

.of85:before {
  padding-top: 85%;
}

.of90:before {
  padding-top: 90%;
}

.of95:before {
  padding-top: 95%;
}

.of100:before {
  padding-top: 100%;
}

.of105:before {
  padding-top: 105%;
}

.of110:before {
  padding-top: 110%;
}

.of115:before {
  padding-top: 115%;
}

.of120:before {
  padding-top: 120%;
}

.of135:before {
  padding-top: 135%;
}

.of140:before {
  padding-top: 140%;
}

.c-w {
  color: #fff;
}

.db {
  display: block;
}

.circle.pic span {
  border-radius: 50%;
}

.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}

.c {
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}

.cc {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.row2 {
  width: 48%;
  margin: 0 1% 6%;
}

.row3 {
  width: 31.333%;
  margin: 0 1% 6%;
}

.row4 {
  width: 23%;
  margin: 0 1% 6%;
}

.row5 {
  width: 18%;
  margin: 0 1% 6%;
}

.w20 {
  width: 20%;
}

.w75 {
  width: 75%;
}

.w90 {
  width: 90%;
}

@media only screen and (max-width: 1024px) {
  .sp-only {
    display: block;
  }

  .pc-only {
    display: none;
  }

  .tex.tc {
    text-align: left;
  }
}

@media only screen and (max-width: 599px) {
  .mb80 {
    margin-bottom: 50px;
  }

  .row2 {
    width: 98%;
    margin: 0 1% 10%;
  }

  .row3 {
    width: 48%;
    margin: 0 1% 10%;
  }

  .row4 {
    width: 48%;
    margin: 0 1% 10%;
  }

  .row5 {
    width: 31.333%;
    margin: 0 1% 10%;
  }

  .w75 {
    width: 100%;
  }

  .sp-c {
    text-align: center;
  }

  .w90 {
    width: 100%;
  }

  .w20 {
    width: 90%;
    margin: 50px auto;
  }

  ._no {
    height: auto !important;
  }
}

/* ##### 共通ここまで ##### */

/* ##### header ##### */
.logo h1 {
  font-size: 12px;
  font-weight: normal;
  display: none;
}

h1[data-element-id] {
  display: block;
}

/* ##### header ##### */

header {
  padding-top: 20px;
  box-sizing: border-box;
}

.header01 {
  max-width: 1150px;
  margin: auto;
}

.header01in {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding-bottom: 10px;
}

.header01 .logo {
  margin-right: auto;
}

.logo {
  width: 390px;
  height: auto;
}

.logo h1 {
  font-size: 12px;
  font-weight: normal;
  display: none;
}

h1[data-element-id] {
  display: block;
}

.header-info {
  display: inline-block;
}

.header-info dd.tel a,
.top-info dd.tel a {
  font-weight: bold;
}

.header-info dd img,
.top-info dd.tel img {
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 10px;
  width: 28px;
  height: 27px;
}

@media only screen and (max-width: 1024px) {
  header .header-info {
    display: none;
  }
}

@media only screen and (max-width: 599px) {
}

/* ##### header end ##### */

/* ##### nav ##### */
#gnav {
  padding: 20px 0;
  width: 50%;
}

#gnav .toggle {
  background: #5e5e5e;
}

#gnav li {
  display: inline-block;
}

#dropmenu {
  width: 100%;
  margin-top: 10px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin: auto;
  max-width: 620px;
}

#dropmenu[data-element-id] {
  flex-wrap: wrap;
}

#dropmenu li a {
  letter-spacing: 1px;
  font-size: 16px;
  box-sizing: border-box;
  padding: 20px 0;
  color: #5e5e5e;
}

#dropmenu li.index-link span {
  display: none;
}

#dropmenu span.drop-btn {
  letter-spacing: 1px;
  font-size: 16px;
  display: block;
  text-align: left;
  border: none;
  box-sizing: border-box;
  position: relative;
}

.dropmenu {
  *zoom: 1;
}

.dropmenu .dropdown {
  position: relative;
}

#dropmenu .dropdown:hover {
  cursor: pointer;
}

.dropmenu .dropdown ul {
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  width: 100%;
  display: none;
  padding-top: 20px;
}

.dropmenu .dropdown:hover ul {
  display: block;
}
[data-element-id] .dropmenu .dropdown ul {
  display: block;
}

[data-element-id] #dropmenu .dropdown ul li {
  overflow: visible;
  height: 45px;
}

#dropmenu .dropdown ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  -webkit-transition-property: all;
  -webkit-transition: 0.3s linear;
  transition-property: all;
  transition: 0.3s linear;
}

#dropmenu .dropdown ul li a {
  display: block;
  color: #000;
  width: 200px;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  background: #fff;
}

#dropmenu .dropdown:hover ul li {
  overflow: visible;
  height: 45px;
  width: 200px;
}

.sab-nav {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 200px;
}

.sab-nav li a {
  width: 100%;
}

#dropmenu .sp-only {
  display: none;
}

#dropmenu[data-element-id] .sp-only {
  display: block;
}

header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background: #fff;
  box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
}

header.fixed[data-element-id] {
  position: static !important;
}

@media only screen and (max-width: 1024px) {
  #gnav {
    width: 100%;
  }

  #gnav .accordion-body {
    background: rgba(0, 0, 0, 0.6);
  }

  #gnav.action .accordion-body {
    width: 60%;
    margin-left: 40%;
  }

  #gnav .accordion-inner {
    height: 100vh;
  }

  .accordion-inner .sns li {
    display: inline-block;
  }

  #dropmenu {
    display: block;
    padding-bottom: 80px;
  }

  #gnav ul li a {
    color: #5e5e5e;
  }

  #gnav ul li span {
    height: auto;
    color: #5e5e5e;
    background-color: rgba(255, 255, 255, 0.2);
    display: block;
    padding: 10px;
  }

  .dropmenu .dropdown ul {
    position: static;
    background-color: rgba(78, 69, 64, 0);
  }

  #dropmenu .dropdown ul li {
    overflow: visible;
    height: auto;
    padding-left: 30px;
  }

  #dropmenu .dropdown ul li:last-of-type {
    border-bottom: none;
  }

  #dropmenu .dropdown ul li a {
    background-color: rgba(78, 69, 64, 0);
    color: #fff;
  }

  #dropmenu li.index-link img {
    display: none;
  }

  #gnav ul li.index-link span {
    display: block;
    background: none;
  }

  #dropmenu span.drop-btn {
    color: #fff;
  }

  #dropmenu span.drop-btn:after {
    content: none;
  }

  #dropmenu .dropdown:hover ul li {
    height: auto;
    width: 100%;
  }
  #dropmenu .dropdown ul {
    display: block;
}

  #gnav.fixed {
    background: none;
    box-shadow: none;
    padding: 0;
  }

  #gnav {
    padding: 0;
  }

  #dropmenu .sp-only {
    display: block;
  }
  

#gnav .accordion-body {
    background: rgba(255, 255, 255, 1);
}
#dropmenu span.drop-btn {
    color: #5e5e5e;
}
#dropmenu .dropdown ul li a {
    background-color: rgba(78, 69, 64, 0);
    color: #5e5e5e;
}
	#dropmenu .dropdown ul li a {
		width: 100%;
	}

}
@media (max-width: 599px) {
  #gnav.action .accordion-body {
    width: 100%;
    margin-left: 0;
  }
}

/* ##### nav end ##### */

/* ##### footer ##### */

.f-logo {
  width: 80%;
  max-width: 390px;
  margin: 0 auto;
}

.infolist {
  width: 100%;
  border: 1px solid #5e5e5e;
  padding: 10px;
}

.infolist table {
  width: 100%;
}

.infolist table,
.infolist td,
.infolist th {
  border-collapse: collapse;
}

.infolist td,
.infolist th {
  padding: 3px;
  text-align: center;
  table-layout: fixed;
}

.infolist th {
  font-size: 16px;
  font-weight: 500;
  padding: 3px 3px 10px 3px;
}

.infolist td,
.c-or {
  color: #de9717;
}

.infolist td.bk {
  color: #5e5e5e;
}

.md {
  font-weight: 500;
}

.f-nav li {
  font-size: 16px;
}

footer .more02 {
  margin: 20px 0;
  max-width: 255px;
}

@media only screen and (max-width: 1024px) {
  .w45.l-box,
  .w45.r-box {
    width: 100%;
  }

  footer .f-info {
    max-width: 600px;
    width: 94%;
    margin: auto;
  }

  footer .f-data {
    text-align: center;
  }

  .w45.r-box {
    margin-top: 30px;
  }

  footer .f-contact * {
    text-align: center;
  }

  footer .f-contact .tel {
    font-size: 28px;
  }

  footer .more02 {
    margin: 20px auto 30px;
  }
}

@media only screen and (max-width: 599px) {
  .infolist th.w25 {
    width: 31%;
  }

  .f-nav dl.w30,
  .f-nav dl.w65 {
    width: 48%;
  }

  .infolist {
    padding: 5px;
  }

  .infolist th {
    font-size: 14px;
    padding: 3px 3px 3px 3px;
  }
}

/* ##### footer end ##### */

/* ##### top ##### */

/* トップメインイメージ */
.topslide {
  position: relative;
}

.topslide .texbox {
  position: absolute;
  left: calc(50% - 500px);
  top: 10%;
  z-index: 2;
  height: 100%;
}

.topslide h2 {
  font-size: 40px;
  color: #fff;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: mixed;
  text-orientation: mixed;
}

.topslide dl {
  position: absolute;
  right: calc(50% - 500px);
  bottom: 10%;
  z-index: 2;
}

.topslide dl * {
  color: #fff;
  font-weight: 500;
}

.topslide dl dt {
  max-width: 42px;
  margin: 0 auto 20px;
}

.topslide dl dd.op {
  font-size: 64px;
  line-height: unset;
  margin-top: 20px;
}
.topslide {
  position: relative;
}


.topslide .lead_wrap {
    position: absolute;
    top: 7%;
    right: 10%;
    width: 340px;
    border-radius: 50%;
    height: 340px;
    overflow: hidden;
    z-index: 2;
    background: #fff;
}
.topslide .lead {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 25px;
    width: 90%;
    text-align: center;
    color: #416d49;
    line-height: 2;
    padding: 15% 0;
}
.topslide .slide img {
  width: 100%;
  height: auto;
}

[data-element-id] .topslide .lead_wrap {
 top: 30%;
}

@media only screen and (max-width: 1024px) {
.topslide .lead_wrap {
    width: 280px;
    height: 280px;
}

.topslide .lead {
    font-size: 17px;
}
}
@media only screen and (max-width: 599px) {
.topslide .lead_wrap {
    top: aut;
    bottom: auto;
    width: 190px;
    height: 190px;
    top: 2%;
    right: 2%;
}
.topslide .lead {
    font-size: 14px;
    padding: 15% 8%;
}
}
.mainimg .uk-slidenav-position:after {
  padding-top: 55%;
}
/*ofiImg*/
.ofiImg.t55 {
    position: relative;
    padding-top: 55%;
    display: block;
}

.ofiImg.t55 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}
.ofiImg img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100% !important;
    font-family: 'object-fit: cover;';
}
@media only screen and (max-width: 599px) {
.topslide .ofiImg.t55 {
    position: relative;
    padding-top: 100%;
    display: block;
}
}
.uk-dotnav>*>* {
    width: 8px;
    height: 8px;
    border-radius: none;
}
.uk-dotnav>* {
  margin-bottom: 15px;
}
.uk-slidenav-position .uk-slidenav {
  width: 25px;
  display: block !important;
}
.uk-dotnav-contrast>.uk-active>* {
    background: #416d49;
}

@media (max-width: 1024px) {
  .mainimg .uk-slidenav-position:after {
    padding-top: 55%;
  }

  .topslide .texbox {
    left: 2%;
  }

  .topslide h2 {
    font-size: 32px;
  }

  .topslide dl {
    right: 2%;
  }

  .topslide dl dd.op {
    font-size: 42px;
    margin-top: 10px;
  }

  .topslide dl dt {
    max-width: 30px;
    margin: 0 auto 10px;
  }

  .topslide dl dd.deta {
    font-size: 16px;
  }
}

@media (max-width: 599px) {
  .mainimg .uk-slidenav-position:after {
    padding-top: 100%;
  }

  .topslide h2 {
    font-size: 14px;
  }

  .topslide dl dd.op {
    font-size: 30px;
    margin-top: 3px;
  }

  .topslide dl dd.deta {
    font-size: 12px;
  }

  .topslide dl dt {
    max-width: 20px;
    margin: 0 auto 4px;
  }
}

.mainimg .uk-slideshow {
  width: 100%;
}

/*top-about*/
.top-about02 {
  margin-top: 4%;
}

.top-about .tabox01 .pic {
  margin: 20px 0;
}

.top-about02 strong {
  display: block;
  margin: 20px 0;
  line-height: 30px;
}

.taimgbox li {
  position: relative;
  overflow: hidden;
}

.taimgbox li:after {
  display: block;
  content: "";
  padding-top: 48%;
}

.taimgbox li .db {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: initial;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 1024px) {
  .top-about .t-box dl .tex .in {
    width: 210%;
  }

  .top-about {
    max-width: none;
  }

  .top-about .picbox {
    width: 70%;
  }

  .top-about .t-box {
    max-width: 480px;
    left: 10px;
    top: 40px;
  }

  .top-about .picbox {
    width: 70%;
  }
}

@media only screen and (max-width: 599px) {
  .top-about .tabox01 .pic {
    width: 94%;
    max-width: 450px;
    margin: auto;
  }

  .taimgbox .row4 {
    width: 23%;
  }

  .taimgbox .row2 {
    width: 48%;
  }

  .top-about .t-box dt {
    margin-top: 0;
  }
}

/*top-item*/
.top-item ul {
  position: relative;
}

.top-item li {
  position: relative;
}

.top-item li .in {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  z-index: 1;
}

.top-item li dt {
  margin-bottom: 10px;
}

.top-item li .more {
  margin: 30px auto 20px;
  max-width: none;
}

.top-item li:nth-of-type(1):before,
.top-item li:nth-of-type(7):before {
  position: absolute;
  content: "";
  z-index: -1;
  background: #f6f6f6;
  width: 150vw;
  left: -50vw;
  top: -6%;
  height: 112%;
}

@media only screen and (max-width: 1024px) {
  .top-item li:nth-of-type(3n):before {
    content: none;
  }

  .top-item li:nth-of-type(7):before {
    content: none;
  }

  .top-item li:nth-of-type(2n):before {
    position: absolute;
    content: "";
    z-index: -1;
    background: #f6f6f6;
    width: 150vw;
    left: -100vw;
    top: -6%;
    height: 112%;
  }

  .top-item li:nth-of-type(4n):before {
    content: none;
  }

  .top-item li:last-of-type:before {
    position: absolute;
    content: "";
    z-index: -1;
    background: #f6f6f6;
    width: 150vw;
    left: -50vw;
    top: -6%;
    height: 112%;
  }
}

@media only screen and (max-width: 599px) {
  .top-item li:nth-of-type(2n):before {
    content: none;
  }

  .top-item li:nth-of-type(odd):before {
    position: absolute;
    content: "";
    z-index: -1;
    background: #f6f6f6;
    width: 150vw;
    left: -50vw;
    top: -6%;
    height: 112%;
  }

  .top-item li {
    margin: 6% 2%;
  }
}

@media only screen and (max-width: 1024px) {
  .top-tokutyou h3 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 599px) {
  .reset {
    display: none;
  }
  .top-tokutyou .crossbox li:last-of-type {
    margin-bottom: 0px;
  }
  .top-tokutyou .crossbox li .pic {
    margin-bottom: 20px;
  }
    .top-tokutyou h3 {
    font-size: 28px;
  }
  .crossbox li dt {
    font-size: 24px;
  }
}

/* ##### トップここまで ##### */

/* ##### 下層ページ共通 ##### */

.content {
  margin-bottom: 80px;
}

.sub.ls3 {
  letter-spacing: 3px;
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 599px) {
  .header-page h2 {
    font-size: 36px;
  }
}

/* ##### 下層ページ共通ここまで ##### */

/* ##### ブログ共通 ##### */
.one-line {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.blog-list .deta {
  position: relative;
  padding-left: 30px;
}

.blog-list .deta:after {
  content: "";
  position: absolute;
  background: url(/import/tenant_1/133.167.73.212/html/images/01index/kuroiha.png) no-repeat;
  width: 20px;
  height: 24px;
  left: 0;
  top: 0;
}

.blog-list .category span {
  display: inline-block;
  font-size: 14px;
  padding: 3px 20px;
  border: 1px solid #9c9c9c;
  margin: 0 5px 10px 0;
  border-radius: 5px;
}

.blog-list li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: #9c9c9c solid 1px;
}

.blog-list li a {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.side-nav {
  margin-bottom: 30px;
  width: 100%;
}

.side-nav h4 {
  border-bottom: 1px solid #6a8d70;
  padding-bottom: 20px;
}

.side-nav dd a {
  padding: 15px 0 15px 30px;
  display: block;
  position: relative;
  font-size: 16px;
}

.side-nav dd a:after {
  position: absolute;
  content: "";
  background: url(/import/tenant_1/133.167.73.212/html/images/15news_list/ha.png) no-repeat;
  width: 20px;
  height: 24px;
  left: 0;
  top: 15px;
}

.blog-list li .pic {
  max-width: 150px;
  border: 1px solid #416d49;
}

.blog-list li.blogitem .w25 {
  width: 180px;
}

.blog-list li.blogitem .w75 {
  width: calc(100% - 200px);
}

/*ページャー*/
.pagenav {
  padding-top: 30px;
}

.pagenav li {
  margin: 0 15px;
}

.pagenav li a {
  display: inline-block !important;
  width: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 18px;
}


.pagenav li.prev a {
  text-align: right;
}

.pagenav li.next a {
  text-align: left;
}

.tolist a {
  display: block;
}

.tolist i {
  margin-right: 30px;
}

.detail.blog .blog-list li .w20 {
  width: 100%;
  margin: 0 0 10px;
}

.detail.blog .blog-list li .w75 {
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .blog-list .category span {
    font-size: 8px;
    margin-bottom: 5px;
    padding: 0px 8px;
  }

  .blog-list .category {
    margin-bottom: 10px;
  }

  .blog-list li .w20 {
    width: 30%;
  }

  .blog-list li .w75 {
    width: 65%;
  }

  .detail .blog-list li .w20 {
    width: 100%;
    margin: 0 0 20px;
  }

  .detail .blog-list li .w75 {
    width: 100%;
  }
}

@media only screen and (max-width: 599px) {
  .side-nav {
    width: 45%;
  }

  .blog-list li .w20 {
    width: 100%;
    margin: 0 0 20px;
  }

  .blog-list li .w75 {
    width: 100%;
  }

  .blog-list li .pic {
    max-width: 120px;
  }

  .blog-list li.blogitem .w25 {
    width: 150px;
  }

  .blog-list li.blogitem .w75 {
    width: calc(100% - 170px);
  }
}

/*top-blog*/

.top-blog .blog-list .category {
  margin-bottom: 0;
  margin-left: 5px;
}
.top-blog .blog-list li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: none;
}
.top-blog .blog-list dl {
  width: 100%;
}
@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 599px) {
}

/* ##### ブログ共通ここまで ##### */

/* ##### 【左右のカラムが交互に代わるブロック】 ##### */
.crossbox li {
  margin-bottom: 80px;
}

.crossbox li:nth-of-type(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}

.crossbox {
    width: 100%;
}
@media (max-width: 599px) {
  .crossbox li:nth-of-type(odd) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  .crossbox .tex {
    margin-top: 20px;
  }

  .crossbox li .pic {
    width: 100%;
    max-width: none;
  }
}

/* ##### 【左右のカラムが交互に代わるブロック】ここまで ##### */

/* ##### 【スタイル詳細】 ##### */
.gallery .main-image {
  width: 100%;
  margin-bottom: 15px;
}

.gallery .thumb-img {
  width: calc(33.33333% - 10px);
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}

.gallery .thumb-img:nth-of-type(3) {
  margin: 0 15px;
}

.gallery .thumb-img:hover {
  cursor: pointer;
  opacity: 0.8;
}

.profile-box dl {
  padding: 10px 0;
  box-sizing: border-box;
  border-bottom: #999 solid 1px;
  margin-bottom: 10px;
}

.profile-box dt {
  width: 200px;
}

.profile-box dd {
  width: calc(100% - 200px);
}

@media only screen and (max-width: 1024px) {
  .profile-box dt {
    width: 130px;
  }

  .profile-box dd {
    width: calc(100% - 130px);
  }

  .s-data.w50 {
    width: 60%;
  }
}

@media only screen and (max-width: 599px) {
  .s-data {
    margin-top: 30px;
  }

  .profile-box .stylist-data .pic {
    width: 100%;
  }

  .profile-box .stylist-data .w25 {
    width: 25%;
  }

  .profile-box .stylist-data .w70 {
    width: 70%;
  }

  .gallery .pic {
    width: 100%;
  }
}

/* ##### 【スタイル詳細】ここまで ##### */

/* ##### よくある質問 ##### */
.faq-box {
  padding-top: 80px;
}

.qa-list {
  margin-bottom: 50px;
}

.qa-list dt {
  -webkit-box-align: center;
  align-items: center;
  border-bottom: 1px solid #9c9c9c;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.qa-q {
  font-size: 30px;
  font-weight: bold;
  color: #416d49;
  margin-right: 10px;
  box-sizing: border-box;
  text-align: center;
  display: block;
  width: 40px;
  height: 40px;
  padding-top: 8px;
}

.qa-list dt div {
  font-size: 18px;
  -webkit-box-sizing: border-box;
  position: relative;
  display: inline-block;
  width: calc(100% - 50px);
  position: relative;
  padding-right: 50px;
}

.qa-list dt div:after {
  content: "";
  position: absolute;
  background: url(/import/tenant_1/133.167.73.212/html/images/19faq/arrow.png) no-repeat;
  width: 18px;
  height: 11px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.qa-list dt.open div:after {
  transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
}

.price-list dt:hover {
  cursor: pointer;
}

.qa-list dd {
  font-size: 14px;
  padding: 20px 0;
  box-sizing: border-box;
  position: relative;
}

.qa-list .tex {
  display: inline-block;
  width: calc(100% - 50px);
}

.qa-list dd .qa-q {
  color: #5e5e5e;
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 599px) {
  .qa-list dt div {
    font-size: 18px;
  }
}

/* ##### よくある質問 ここまで ##### */

/* ##### お問い合わせ ##### */
.contactbox01 {
  padding: 0;
}

.contactbox01 .form {
  width: 70%;
  margin: 0 auto 80px;
}

.contact-list {
  margin-bottom: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
}

.contact-list dt {
  width: 300px;
  font-size: 18px;
  font-weight: bold;
}

.contact-list dt .red {
  font-size: 12px;
  background: #9c9c9c;
  color: #fff;
  display: inline-block;
  padding: 0 20px;
  margin-left: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.contact-list dd {
  width: calc(100% - 300px);
}

.contact-list input,
.contact-list textarea, .contact-list select {
  border: none;
  width: 100%;
  border: 1px solid #9c9c9c;
  border-radius: 5px;
  padding: 5px 10px;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.contact-btn button {
  text-align: center;
  margin: 50px auto 0 auto;
  width: 200px;
  display: block;
  padding: 10px;
  font-size: 16px;
  border-radius: 5px;
  border: solid 2px #5e5e5e;
  position: relative;
  display: block;
  background: #fff;
}

.contact-btn button:after {
  position: absolute;
  content: "";
  background: url(/import/tenant_1/133.167.73.212/html/images/01index/arrow.png) no-repeat;
  width: 8px;
  height: 12px;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.contact-list select {
	padding:6px 10px 5px;
	box-sizing: border-box;
	background: #fff;
		font-size: 14px;
}
 .contact-list dd div.select-dun {
   position: relative;
}
.contact-list dd div.select-dun:after {
 position: absolute;
   width: 0;
 height: 0;
 border-left: 10px solid transparent;
 border-right: 10px solid transparent;
 border-top: 10px solid #9c9c9c;
 content:"";
right: 1em;
top: 12px;

} 
select {
-webkit-appearance: none;
-moz-appearance: none;  
appearance: none;  
}
::-ms-expand {
display: none;
} 

@media only screen and (max-width: 1024px) {
  .contact-list dt {
    margin-bottom: 10px;
  }

  .contact-list dt,
  .contact-list dd {
    width: 100%;
  }

  .contact-list .must {
    display: inline-block;
    margin-left: 10px;
  }

  .contactbox01 .form {
    width: 100%;
    margin: 0 auto 80px;
  }
}

@media only screen and (max-width: 599px) {
  .contact-list dd div.select-dun:after {
    top: 14px;
}
}

/* ##### お問い合わせ　ここまで ##### */

/* ##### 当院について ##### */

.aboutbox01 .imgbox {
  margin-left: -5%;
  position: relative;
  z-index: 1;
}

.top-about02 .w40, .aboutbox01 .w40 {
    position: relative;
    z-index: 3;
}

.aboutbox01 .imgbox .pic {
    width: 40vw;
    right: 0;
    top: 0;
}

.aboutbox01 dl .more {
  width: 45%;
  max-width: none;
  margin: 0;
}

.aboutbox01 dl .more a {
  font-size: 14px;
}

.aboutbox01 dl .more .arrow {
  display: inline-block;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.more .arrow {
  position: relative;
}

.more .arrow:after {
  position: absolute;
  content: "";
  background: url(/import/tenant_1/133.167.73.212/html/images/02about/arrow.png) no-repeat;
  width: 8px;
  height: 12px;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.aboutbox02 .crossbox li:nth-of-type(odd) {
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
  flex-direction: unset;
}

.aboutbox02 .crossbox li:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}

.pixbox.z1 .in {
  height: 100%;
  width: 50vw;
  position: absolute;
  top: 0;
  right: 0;
}

.bg-gry {
  background: #f6f6f6;
}

.aboutstaff .t-box dl {
  max-width: 500px;
  padding: 0 0 0 50px;
}

.aboutstaff .t-box dl.w100 {
  max-width: 100%;
}

@media only screen and (max-width: 1024px) {
  .aboutbox01 {
    max-width: none;
    width: 100%;
  }

  .aboutbox01 .w40 {
    max-width: none;
    padding: 0 2%;
    margin: 0;
  }

  .aboutbox01 .w40,
  .aboutbox01 .w55 {
    width: 50%;
  }

  .aboutbox01 dl .more a {
    font-size: 13px;
  }
.aboutbox03.pt20 {
  padding-top: 0;
}
  .aboutstaff {
    max-width: none;
    width: 100%;
  }

  .aboutstaff .t-box dl {
    padding: 0 2% 0 30px;
  }
}

@media only screen and (max-width: 599px) {
  .aboutbox01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
  }

  .aboutbox01 .imgbox {
    margin-left: 0;
  }

  .aboutbox01 .imgbox .pic {
    width: 100%;
  }

  .aboutbox01 .w40,
  .aboutbox01 .w55 {
    width: 100%;
  }

  .aboutbox01 dl .more {
    width: 48%;
  }

  .pixbox.z1 .in {
    height: 100%;
    width: 100%;
    position: relative;
    top: unset;
    right: unset;
  }

  .aboutstaff .t-box dl {
    padding: 2%;
    max-width: 500px;
    margin: auto;
  }
}

/* ##### 当院について　ここまで ##### */

/* ##### 料金表 ##### */

.price-list dt .inner {
  padding: 30px 40px 30px 0;
  position: relative;
}
.price-list dt {
  color: pointer;
}

.price-list dt .inner:after {
  position: absolute;
  content: "";
  background: url(/import/tenant_1/133.167.73.212/html/images/03price/ue.png) no-repeat;
  width: 23px;
  height: 12px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.price-list dt.action .inner:after {
  -webkit-transform: rotate(180deg) translateY(50%);
  transform: rotate(180deg) translateY(50%);
  -moz-transform: rotate(180deg) translateY(50%);
  -ms-transform: rotate(180deg) translateY(50%);
  -o-transform: rotate(180deg) translateY(50%);
}

.price-list dd.inner {
  padding: 0;
  margin-bottom: 50px;
}

.price-list table {
  width: 100%;
}

.price-list table,
.price-list td,
.price-list th {
  border: 1px solid #e1e1e1;
  border-collapse: collapse;
}

.price-list td,
.price-list th {
  padding: 15px 5%;
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 599px) {
  .price-list dd.inner .pic {
    margin-bottom: 30px;
  }

  .price-list dd.inner td.w45 {
    width: 48%;
  }
}

/* ##### 料金表　ここまで ##### */

/* ##### ポリシー ##### */
.policybox01 .w90 {
  position: relative;
  margin: auto;
}

.policybox01 h3 {
  position: absolute;
  left: 50%;
  top: 50%;
  line-height: 85px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
}

.policybox01 li.row2 {
  width: 48%;
  margin: 0 1% 3%;
}

.policybox01 li dl {
  width: 250px;
  background: #f6f6f6;
  height: 250px;
  border-radius: 50%;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.policybox01 li:first-of-type {
  width: 100%;
  margin: 0;
}

.policybox01 li:first-of-type dl {
  margin: auto;
}

.policybox01 li:nth-of-type(2) dl {
  margin-right: auto;
}

.policybox01 li:nth-of-type(3) dl {
  margin-left: auto;
}

.policybox01 li:nth-of-type(4) dl {
  margin-left: 29%;
}

.policybox01 li:nth-of-type(5) dl {
  margin-left: auto;
  margin-right: 29%;
}

.policybox01 li:first-of-type dl:before {
  position: absolute;
  content: "";
  background: #d2d2d2;
  width: 1px;
  height: 200px;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
  left: -50px;
  bottom: -100px;
  z-index: -1;
}

.policybox01 li:first-of-type dl:after {
  position: absolute;
  content: "";
  background: #d2d2d2;
  width: 1px;
  height: 200px;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
  right: -50px;
  bottom: -100px;
  z-index: -1;
}

.policybox01 li:nth-of-type(2) dl:after {
  position: absolute;
  content: "";
  background: #d2d2d2;
  width: 1px;
  height: 200px;
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
  right: 28px;
  bottom: -100px;
  z-index: -1;
}

.policybox01 li:nth-of-type(3) dl:after {
  position: absolute;
  content: "";
  background: #d2d2d2;
  width: 1px;
  height: 200px;
  left: 28px;
  bottom: -100px;
  z-index: -1;
  transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
}

.policybox01 li:nth-of-type(5) dl:after {
  position: absolute;
  content: "";
  background: #d2d2d2;
  width: 300px;
  height: 1px;
  left: -200px;
  top: 50%;
  z-index: -1;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.policybox02 .pic {
  margin-left: calc(50% - 500px);
}

.policybox02 h3 .tit01 {
  position: relative;
}

.policybox02 h3 .tit01:after {
  position: absolute;
  content: "";
  background: #c9c9c9;
  margin-left: -999rem;
  padding-left: 999rem;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
}

.policybox02 h3 .tit02 {
  position: relative;
  padding-right: 70px;
  border-bottom: 1px solid #c9c9c9;
}

.indent {
  padding-left: 1em;
  text-indent: -1em;
}

@media only screen and (max-width: 1024px) {
  .policybox01 .w90 .flexb {
    max-width: none;
    width: 100%;
  }

  .policybox01 {
    width: 98%;
    max-width: 758px;
    padding: 40px 0;
  }

  .policybox01 .w90 {
    width: 100%;
  }

  .policybox01 li:nth-of-type(2) {
    margin: -20px 1% 3%;
  }

  .policybox01 li:nth-of-type(3) {
    margin: -20px 1% 3%;
  }

  .policybox01 li:nth-of-type(2) dl {
    margin-right: auto;
    margin-left: 0;
  }

  .policybox01 li:nth-of-type(3) dl {
    margin-left: auto;
    margin-right: 0;
  }

  .policybox01 li:nth-of-type(4) dl {
    margin-left: 20%;
  }

  .policybox01 li:nth-of-type(5) dl {
    margin-left: auto;
    margin-right: 20%;
  }

  .policybox01 li dl {
    width: 200px;
    height: 200px;
    border-radius: 50%;
  }

  .policybox01 li dt {
    font-size: 12px;
  }

  .policybox01 li dd {
    font-size: 15px;
  }

  .policybox01 h3 {
    line-height: 60px;
    font-size: 22px;
  }

  .policybox01 li:first-of-type dl:before {
    height: 200px;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    left: -50px;
    bottom: -100px;
  }

  .policybox01 li:first-of-type dl:after {
    height: 200px;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
    right: -50px;
    bottom: -100px;
  }

  .policybox01 li:nth-of-type(2) dl:after {
    height: 200px;
    -webkit-transform: rotate(-28deg);
    transform: rotate(-28deg);
    right: 28px;
    bottom: -100px;
  }

  .policybox01 li:nth-of-type(3) dl:after {
    height: 200px;
    -webkit-transform: rotate(28deg);
    transform: rotate(28deg);
    left: 28px;
    bottom: -100px;
  }

  .policybox01 li:nth-of-type(5) dl:after {
    width: 250px;
    height: 1px;
    left: -100px;
    top: 20%;
    -webkit-transform: none;
    transform: none;
  }

  .policybox01 li:nth-of-type(4) dl:after {
    position: absolute;
    content: "";
    width: 250px;
    height: 1px;
    right: -100px;
    top: 20%;
    background: #d2d2d2;
    z-index: -1;
  }

  .policybox01 li:nth-of-type(5),
  .policybox01 li:nth-of-type(4) {
    margin: 20px 1% 3%;
  }

  .policybox02 .pic {
    margin-left: 0;
  }
}

@media only screen and (max-width: 599px) {
  .policybox01 li:nth-of-type(4) dl:after {
    content: none;
  }

  .policybox01 li,
  .policybox01 li:nth-of-type(2),
  .policybox01 li:nth-of-type(3),
  .policybox01 li:nth-of-type(4),
  .policybox01 li:nth-of-type(5) {
    width: 100%;
    margin: 0 1% 3%;
  }

  .policybox01 li dl {
    margin: auto !important;
    margin: 0 auto 3% !important;
  }

  .policybox01 h3 {
    line-height: 60px;
    font-size: 30px;
    position: relative;
    top: unset;
    left: unset;
    -webkit-transform: none;
    transform: none;
    margin-bottom: 30px;
  }

  .policybox01 li:first-of-type dl:before {
    content: none;
  }

  .policybox01 li dl:after {
    content: none !important;
  }

  .policybox01 li dl:before {
    position: absolute;
    content: "";
    z-index: -1;
    background: #d2d2d2;
    width: 1px;
    height: 200px;
    left: 50%;
    top: -50px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  .policybox02 .pic {
    width: 100%;
    max-width: none;
  }
}

/* ##### ポリシー　ここまで ##### */

/* ##### 治療までの流れ ##### */

.flowbox01 li {
  background: #fff;
  padding: 50px;
  border-radius: 15px;
}

.flowbox01 li dt span {
  display: inline-block;
  margin-right: 30px;
}

@media only screen and (max-width: 1024px) {
  .flowbox01 li {
    padding: 20px;
  }
}

@media only screen and (max-width: 599px) {
  .flowbox01 li .pic {
    margin-bottom: 20px;
    width: 100%;
    max-width: none;
  }
}

/* ##### 治療までの流れ　ここまで ##### */

/* ##### 虫歯治療 ##### */
.progressbox li .pic {
  position: relative;
}

.progressbox li .pic:after {
  position: absolute;
  content: "";
  background: url(/import/tenant_1/133.167.73.212/html/images/06mushiba/arrow.png) no-repeat;
  background-size: contain;
  width: 9px;
  height: 16px;
  top: 50%;
  right: -13%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.progressbox li:last-of-type .pic:after {
  content: none;
}

.progressbox li {
  margin: 0 2% 0 2%;
}

.setitem .pic span.ofimg {
  max-height: 535px;
}

.setitem .t-box dl {
  max-width: 355px;
  padding: 0 2% 0 50px;
}

.setitem .t-box dl.rip {
  max-width: 600px;
}

.mushibabox06 {
  padding: 0;
  border: 1px solid #e1e1e1;
}

.mushibabox06 li {
  padding: 2%;
  margin: 0;
  width: 33.333333%;
}

.mushibabox06 li + li {
  border-left: 1px solid #e1e1e1;
}

.mushibabox06 li:nth-of-type(4) {
  border-left: none;
}

.mushibabox06 li:nth-of-type(n-3) {
  border-top: 1px solid #e1e1e1;
}

.mushibabox06 li .pic {
  margin: 20px auto;
}

@media only screen and (max-width: 1024px) {
  .mushibabox01 .w70 {
    margin: 0 auto 30px;
  }

  .mushibabox01 .w25 {
    width: 100%;
  }

  .progressbox li {
    margin: 0 2% 6% 2%;
  }

  .setitem {
    width: 100%;
    max-width: none;
  }

  .setitem .t-box dl {
    padding: 0 2% 0 20px;
  }

  .setitem .w60,
  .setitem .w40 {
    width: 50%;
  }

  .setitem .t-box dl {
    max-width: none;
  }
}

@media only screen and (max-width: 599px) {
  .progressbox li .pic {
    width: 100%;
    max-width: none;
  }

  .progressbox li .pic:after {
    width: 7px;
    right: -9%;
  }

  .setitem .pic {
    width: 100%;
    max-width: none;
  }

  .setitem .w60,
  .setitem .w40 {
    width: 100%;
    margin: 20px auto 0;
  }

  .setitem .t-box dl {
    max-width: none;
    width: 100%;
    padding: 0 2%;
  }

  .mushibabox06 li {
    width: 50%;
  }

  .mushibabox06 li:nth-of-type(4) {
    border-left: 1px solid #e1e1e1;
  }

  .mushibabox06 li:nth-of-type(3),
  .mushibabox06 li:nth-of-type(5) {
    border-left: none;
  }

  .mushibabox06 li:nth-of-type(n-3) {
    border-top: 1px solid #e1e1e1;
  }
}

/* ##### 虫歯治療　ここまで ##### */

/* ##### 歯周病治療 ##### */

.setitem-r .pic span.ofimg {
  max-height: 482px;
}

.setitem-r .t-box dl {
  max-width: 300px;
  padding: 0 0 50px 2%;
}

.setitem-r {
  margin-left: calc(50% - 500px);
}

.cheklist li {
  position: relative;
  padding-left: 30px;
}

.cheklist li:after {
  content: "";
  position: absolute;
  background: url(/import/tenant_1/133.167.73.212/html/images/07shisyubyou/icon.png) no-repeat;
  width: 18px;
  height: 18px;
  left: 0;
  top: 3px;
}

.link-line a {
  border-bottom: 1px solid #909090;
}

@media only screen and (max-width: 1024px) {
  .setitem-r {
    width: 100%;
    max-width: none;
    margin-left: 0;
  }

  .shisyubyoubox04 .w30,
  .shisyubyoubox04 .w65 {
    width: 48%;
  }
}

@media only screen and (max-width: 599px) {
  .setitem-r .pic {
    width: 100%;
    max-width: none;
  }

  .setitem-r .t-box dl {
    max-width: none;
  }

  .setitem-r .t-box {
    margin: 20px auto 0;
  }

  .shisyubyoubox02 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
  }

  .shisyubyoubox04 .w30,
  .shisyubyoubox04 .w65 {
    width: 100%;
  }
}

/* ##### 歯周病治療　ここまで ##### */

/* ##### ⼝腔外科 ##### */

.koukubox02 li {
  border-radius: 10px;
  padding: 20px;
  position: relative;
  border: #b2b2b2 solid 1px;
}

.koukubox02 li dt {
  margin-bottom: 20px;
}

.koukubox04 li {
  margin-bottom: 10px;
}

.koukubox05.setitem .pic span.ofimg {
  max-height: 500px;
}

.koukubox05.setitem .t-box dl {
  max-width: 500px;
}

@media only screen and (max-width: 1024px) {
  .koukubox05 .w55,
  .koukubox05 .w40 {
    width: 48%;
  }
}

@media only screen and (max-width: 599px) {
  .koukubox05 .w55,
  .koukubox05 .w40 {
    width: 100%;
  }
}

/* ##### ⼝腔外科　ここまで ##### */

/* ##### ⻭列矯正 ##### */

.setitem-r.shiretukyoseibox01 .t-box dl {
  max-width: 380px;
  padding: 0 40px 0% 2%;
}

@media only screen and (max-width: 1024px) {
  .setitem-r.shiretukyoseibox01 .w70,
  .setitem-r.shiretukyoseibox01 .w30 {
    width: 48%;
  }

  .setitem-r.shiretukyoseibox01 .t-box dl {
    max-width: none;
    padding: 0;
  }
}

@media only screen and (max-width: 599px) {
  .setitem-r.shiretukyoseibox01 .w70,
  .setitem-r.shiretukyoseibox01 .w30 {
    width: 100%;
  }

  .setitem-r.shiretukyoseibox01 .t-box dl {
    width: 98%;
    margin: auto;
  }
}

/* ##### ⻭列矯正　ここまで ##### */

/* ##### ⻭列矯正 ##### */

.shisyubyoubox02.setitem .t-box dl {
  max-width: 451px;
  padding: 0 2% 0 50px;
}

.shisyubyoubox03 .point {
  border: 2px solid #b2b2b2;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  padding: 50px 20px;
}

.shisyubyoubox03 .point dl {
  margin: 0 auto 50px;
}

.shisyubyoubox03 .point .cheklist {
  margin: auto;
}

@media only screen and (max-width: 1024px) {
  .shisyubyoubox03 .point .cheklist {
    width: 100%;
  }
}

@media only screen and (max-width: 599px) {
  .shisyubyoubox03 .point {
    padding: 20px;
  }

  .shisyubyoubox04 .t-box {
    margin: auto;
  }
}

/* ##### ⻭列矯正　ここまで ##### */

/* ##### セラミック ##### */
.ceramicbox02 dl {
  margin: auto;
}

.ceramicbox02 dl ul {
  margin-left: 20px;
}

.ceramicbox01 .w70 {
  width: 66%;
}

.ceramicbox01 .w30 {
  width: 34%;
}

.ceramicbox01.setitem-r .t-box dl {
  max-width: 400px;
  padding: 0 50px 0 2%;
}

.ceramicbox03 .crossbox li:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}

.ceramicbox03 .crossbox li:nth-of-type(odd) {
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
  flex-direction: unset;
}

@media only screen and (max-width: 1024px) {
  .ceramicbox02 dl {
    width: 80%;
  }

  .ceramicbox01 .w70,
  .ceramicbox01 .w30 {
    width: 48%;
  }

  .ceramicbox01.setitem-r .t-box dl {
    max-width: none;
    padding: 0 2%;
  }
}

@media only screen and (max-width: 599px) {
  .ceramicbox02 dl {
    width: 100%;
  }

  .ceramicbox01 .w70,
  .ceramicbox01 .w30 {
    width: 100%;
  }
}

/* ##### セラミック　ここまで ##### */

/* ##### インプラント ##### */
.implantbox02 ul {
  border-left: 2px solid #bfbfbf;
}

.implantbox02 ul li {
  padding-left: 35px;
  margin-bottom: 70px;
}

.implantbox02 ul li dl dd {
  padding-left: 45px;
  padding-right: 2%;
}

.implantbox02 ul li dl dt {
  display: -webkit-box;
  display: flex;
}

.implantbox02 ul li dl dt .no {
  width: 45px;
  display: inline-block;
}

.implantbox02 ul li dl dt .tit {
  display: inline-block;
  width: calc(100% - 45px);
}

.implantbox02 li .pic {
  width: 38%;
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 599px) {
  .implantbox02 ul li {
    padding-left: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
    margin-bottom: 50px;
  }

  .implantbox02 li .pic {
    width: 100%;
    max-width: none;
    margin-bottom: 20px;
  }

  .implantbox02 ul li dl dd {
    padding: 0;
  }
}

/* ##### インプラント　ここまで ##### */

/* ##### 義歯(入れ歯) ##### */

.setitem-r.gishibox01 .t-box dl {
  max-width: 412px;
  padding: 0 40px 0% 2%;
}

@media only screen and (max-width: 1024px) {
  .setitem-r.gishibox01 .w65,
  .setitem-r.gishibox01 .w35 {
    width: 48%;
  }

  .setitem-r.gishibox01 .t-box dl {
    max-width: none;
    padding: 0;
  }
}

@media only screen and (max-width: 599px) {
  .setitem-r.gishibox01 .w65,
  .setitem-r.gishibox01 .w35 {
    width: 100%;
  }

  .setitem-r.gishibox01 .t-box dl {
    width: 98%;
    margin: auto;
  }
  .gishibox03 .pic {
    max-width: 170px;
  }
}

/* ##### 義歯(入れ歯)　ここまで ##### */

/* ##### ホワイトニング ##### */
.whiteningbox02 dl:last-of-type {
  margin-bottom: 0;
}

.whiteningbox02 .w55 {
  margin: auto;
}

.whiteningbox02 dt .no {
  display: inline-block;
  width: 35px;
}

.whiteningbox02 dt .tit {
  display: inline-block;
  width: calc(100% - 35px);
}

.whiteningbox02 dd {
  padding-left: 35px;
}

@media only screen and (max-width: 1024px) {
  .whiteningbox02 .w55 {
    width: 90%;
  }
}

@media only screen and (max-width: 599px) {
  .whiteningbox02 .w55 {
    width: 100%;
  }
}

/* ##### ホワイトニング　ここまで ##### */

/* ##### リクルート ##### */

.recruitbox01 .t-box dl {
  max-width: 500px;
  margin-left: auto;
  padding: 0 50px 0 2%;
}

.recruitbox03 .w60 {
  margin: auto;
}

.recruitbox03 dl {
  position: relative;
  padding: 30px 0;
}

.recruitbox03 dl:after {
  position: absolute;
  content: "";
  border-bottom: 1px solid #e1e1e1;
  margin-left: -999rem;
  padding-left: 999rem;
  margin-right: -999rem;
  padding-right: 999rem;
  left: 0;
  bottom: 0;
}

.recruitbox03 dt {
  width: 150px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.recruitbox03 dd {
  width: calc(100% - 150px);
}

@media only screen and (max-width: 1024px) {
  .recruitbox01 .t-box dl {
    padding: 0 30px 0 2%;
  }

  .recruitbox01 {
    width: 100%;
    max-width: none;
  }
}

@media only screen and (max-width: 599px) {
  .recruitbox01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
  }

  .recruitbox01 .t-box {
    margin: 20px auto 0;
  }
  .recruitbox03 dt {
    width: 100%;
    margin-bottom: 10px;
  }
    
  .recruitbox03 dd {
    width: 100%;}
}

/* ##### リクルート　ここまで ##### */

/* ##### ssss ##### */

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 599px) {
}

/* ##### sssss　ここまで ##### */

.fixbtn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 150px;
    height:150px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 10;
    background: #416d49;
}
.fixbtn .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 18px;
    width: 90%;
    text-align: center;
    color: #ffffff;
    line-height: 140%;
    width: 100%;
}
.fixbtn .txt a {
      padding: 35% 0px;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}

@media only screen and (max-width: 599px) {
.fixbtn {
    bottom: 30px;
    width: 100px;
    height: 100px;
    /* top: 2%; */
    right: 15px;
    display: none;
}
.fixbtn .txt {
    font-size: 14px;
    padding: 15% 8%;
}
}

.fixbox {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: none;
}
[data-element-id].fixbox {
  display: block;
  position: relative;
} 
.fixbox .flex {
    max-width: 100%;
}
 .fixbox .htel {
    width: 65%;
    height: 65px;
    margin: 0;
    background: #ffffff;
    padding: 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }

 .fixbox .htel dl {
    display: inline-block !important; 
    text-align: center; 
    padding: 0;
    margin: auto;
    vertical-align: middle;
}
.fixbox .htel dt {
    font-size: 12px;
    text-align: center;
    padding-bottom: 5px;
}

 .fixbox .htel dd {
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1;
    color: #535353;
}
 .fixbox .htel dd img {
    margin-right: 5px;
}
 .fixbox .book {
    width: 35%;
}
 .fixbox .book p a {
   display: block;
    width: 100%;
    height: 65px;
    background: #416d49;
    text-align: center;
    color: #fff;
    border-radius: inherit;
}
 .fixbox .book p a strong {
    display: block;
    font-size: 12px;
    padding: 5px 0;
}

@media only screen and (max-width: 599px) {
  .fixbox {
    display: block;
}
}

.mb150 {
  margin-bottom: 150px;
}

@media only screen and (max-width: 1024px) {
  .mb150 {
  margin-bottom: 100px;
}
}

@media only screen and (max-width: 599px) {
  .mb150 {
  margin-bottom: 50px;
}
}



.fs24{
  font-size: 24px;
}

.fw-txt{
  font-weight: bold;
}

.kankyou .cheklist li:not(:last-of-type){
  margin-bottom: 15px !important;
}
.mb0-i{
  margin-bottom: 0px !important;
}

.pb20{
  padding-bottom: 20px;
} 

.bl-b{
  border-bottom: 1px solid;
}

.recruit-list li:not(last-of-type){
  margin-bottom: 15px;
  font-weight: bold;
}

.kankyou-list li:not(last-of-type){
  margin-bottom: 0 !important;
}

.wi-100{
  width: 100% !important;
}

.large-txt{
  font-size: 40px !important;
}

.lt-1{
  letter-spacing:0.1em;
}

.recruitstaff .w45 {
    margin-left: 6%;
}

@media only screen and (max-width: 599px){
  .feature-box li dt{
  font-size: 20px !important;
}  
.large-txt {
    font-size: 34px !important;
}
}

.r{
  display: inline-block;
}

@media only screen and (max-width: 599px){
  .r{
  display: block;
}

.recruitstaff .w45 {
    margin-left: 0px !important;
}

}

.recruitbox03 .kankyo:after {
    position: absolute;
    content: "";
    border-bottom: none;
    margin-left: -999rem;
    padding-left: 999rem;
    margin-right: -999rem;
    padding-right: 999rem;
    left: 0;
    bottom: 0;
}


.fead-mv
.inner.recruitstaff {
    margin-bottom: 50px;
}


.recruitstaff_abc{
    font-size: 20px;
}

li.fs16.recruitstaff {margin-bottom: 30px !important;}

.recruitstaff p {
    margin-bottom: 5px;
    color: #416d49;
}
li.fs16.recruitstaff div {
    letter-spacing: 0.7px;
}

/* 2021.06.21 医師紹介*/
.mw{
  margin: 0 260px;
}
@media only screen and (max-width: 1024px) {
.mw{
  margin: 0;
}
.fead-mv{
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 599px){
  .fead-mv{
    margin-bottom: 20px;

  }
  }
  
/* 0726 追記 */

@media only screen and (max-width: 599px){
.sp-block{
  display: block;
}  
}

/*****2021/11/17*****/

.ripart .point {
  border: 2px solid #b2b2b2;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  padding: 50px 20px;
}

.ripart .point dl {
  margin: 0 auto 50px;
}

.ripart .point .cheklist {
  margin: auto;
}

.ripart .qa li {
  margin: 5px 0;
}

.ripart .qa li dl dt {
  padding: 10px;
  background: #d5abc3;
  color: #fff;
}

.ripart .qa li dl dd {
  padding: 10px;
}

.mb30 {
  margin-bottom: 30px;
}

.fwb {
  font-weight: bold;
}

.cam_in {
  width: 90%;
  margin: auto;
  background: url(/upload/tenant_1/493405ba98ba71cd07b38c24905d67be.jpg)  center no-repeat;
  border-radius: 20px; 
  padding: 50px;
}

.cam_in dl {
  width: 100%;
  background: #fff;
  opacity: 0.8;
  padding: 20px;
}

.cam_in dl dt {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #f00;
}

.cam_in dl dd {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #f00;
}

.cam_in dl dd p {
  font-size: 32px;
  text-align: center;
  color: #f00;
  text-align: left;
  color: #5e5e5e;
}

.cam_in dl dd p.t_right {
  text-align: right;
}

@media only screen and (max-width: 1024px) {
  .ripart .w55 {
    width: 45%;
  }
  
  .ripart .w40 {
    width: 50%;
  }
  
  .ripart .point .cheklist {
    width: 100%;
  }
  .cam_in {
    width: 90%;
    padding: 30px;
  }
  .cam_in dl dt {
    font-size: 28px;
  }
  
  .cam_in dl dd {
    font-size: 28px;
  }
  .cam_in dl dd p {
    font-size: 24px;
  }
}

@media only screen and (max-width: 599px) {
  .ripart .flex {
    display: block;
  }
  
  .ripart .flexb {
    display: block;
  }
  
  .ripart .fs30 {
    font-size: 26px;
  }
  
  .ripart .w55 {
    width: 92%;
    margin: auto;
  }
  
  .ripart .w40 {
    width: 92%;
    margin: auto;
  }
  
  .ripart .point {
    padding: 20px;
  }
  
  .ripart .crossbox li {
    margin-bottom: 40px;
  }
  
  .cam_in dl {
    padding: 10px;
  }
  
  .cam_in dl dt {
    font-size: 24px;
  }
  
  .cam_in dl dd {
    font-size: 22px;
  }
  
  .cam_in dl dd.t_left {
    margin-bottom: 5px;
  }
  
  .cam_in dl dd p {
    font-size: 18px;
  }
  
  .n {
    display: block;
  }
}


/*2021/12/11*/
/*子供の矯正｜children*/
.children-cont01 .more {
  margin-left: 0;
}




/* 2021.12.17 */

.howaitoning{
  max-width: 1100px!important;
}

.whiteninng01{
  display: none;
}

@media only screen and (max-width: 599px) {
  .howaitoning{
    width: 90%!important;
  }
  
  .whiteninng01{
  display: block;
}

  .whiteninng02{
    display: none;
  }
}


/* 2022.02.08 */

.monitaboshu{
  width: 40%;
  margin: auto;
  margin-top: 10px;
  font-size: 17px;
}

.ripart01{
   text-decoration: line-through;
   /* background-image: linear-gradient(transparent 0.5em, #000 0, #000 calc(0.5em + 1px), transparent 0, transparent calc(0.5em + 3px), #000 0, #000 calc(0.5em + 4px), transparent 0); */
}


@media only screen and (max-width: 1024px) {
.monitaboshu {
    width: 56%;
    margin: auto;
    margin-top: 10px;
    font-size: 17px;
}
}


@media only screen and (max-width: 599px) {
  .monitaboshu {
    width: 88%;
    margin: auto;
    margin-top: 10px;
    font-size: 14px;
}
}


/* 2022.02.21 */

.taisakukoumoku{
  width: 42%;
  margin: auto;
  margin-top: 25px;
}

.taisakukoumoku01{
  font-size: 17px;
  margin-bottom: 15px;
}

.taisakukoumoku li{
   font-size: 17px;
   text-decoration:underline;
   margin-bottom: 15px;
}

.taisakukoumoku02 {
    font-size: 17px;
    width: 53%;
    text-align: left;
    margin: auto;
}

.incho01{
  margin: auto;
}

.naikan01{
  width: 37vw !important;
  margin-left: 70px;
}

.invisaline01{
  margin-top: 10px;
}


/* 0505 追記 */

.insta{
  width: 100%;
}

.insta img{
  width: 50px;
}

.insta-txt{
  font-weight: bold;
  margin-top: 10px;
}

.red-txt{
  color: #e60033;
}

.red-txt a{
  color: #e60033;
}

/* 追記 */
.r{
  display: inline-block;
}

@media only screen and (max-width: 599px){
  .r{
    display: block;
  }
}
.fs26{
  font-size: 26px;
}

/* 10/13　追記 */

.dental_beauty{
  display: none !important;
}

.artmake-page .dental_beauty{
  display: block !important;
}

.artmake-page .artmake-none{
  display: none !important;
}

.insta-bg{
  background: linear-gradient(to top right, #7d2ace, #d43eaf, #e0525e, #e6a666) !important;
}    

.insta-bg dl {
    background-color: transparent !important;
    border: 2px solid #fff;
    padding: 30px;
}

.insta-copy{
      display: flex;
    align-items: center;
    justify-content: center;
}

.insta-copy span.insta-icon{
      width: 30px;
    height: 30px;
    display: block;
    margin-right: 2%;
}

.insta-copy .insta-catch{
  color: #fff;
    font-size: 34px;
    font-family: cursive;
}

.insta-bg .link-txt {
    text-align: center;
    color: #fff;
    margin-top: 3%;
    text-decoration: underline;
    font-size: 22px;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
}

.insta-bg .link-txt a{
  color: #fff;
}

.insta-bg .catch-txt{
  font-size: 18px;
    text-align: center;
    color: #fff;
    margin-top: 5%;
}

@media only screen and (max-width: 599px){
  .insta-bg .catch-txt {
    font-size: 12px;
    text-align: center;
    color: #fff;
    margin-top: 5%;
}
.insta-copy span.insta-icon {
    width: 25px;
    height: 25px;
    display: block;
    margin-right: 3%;
}

.insta-copy .insta-catch {
    color: #fff;
    font-size: 23px;
    font-family: cursive;
}

.insta-bg dl {
    background-color: transparent !important;
    border: 2px solid #fff;
    padding: 15px;
}

.insta-bg .link-txt {
    text-align: center;
    color: #fff;
    margin-top: 3%;
    text-decoration: underline;
    font-size: 16px;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
}
.insta-bg {
    background: linear-gradient(to top right, #7d2ace, #d43eaf, #e0525e, #e6a666) !important;
    padding: 15px;
}
}

.r{
  display: inline-block;
}

@media only screen and (max-width: 599px){
  .r{
  display: block;
}
}
@media screen and (max-width:599px) {
  .sp_fs20{
    font-size: 20px;
  }
}
.mt30{
  margin-top: 30px;
}
.fs16{
  font-size: 16px;
}


.visitqa{
  margin-top: 40px;
    margin-bottom: 0;
}

.visithokenp{
  width: 86%;
    margin: 0 auto 40px;
    font-size: 16px;
}

.visithoken2{
  display: block;
  width: 51% !important;
}

.visithoken2 li{
  width: 96%;
  margin-bottom:20px;
  padding: 25px;
}

.hoken04{
  color: #416d49;
}

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

.kaigohoken{
  width: 48% !important;
}

.kaigohoken li{
  padding: 25px;
}

.visithokenp2{
  text-align: center;
  width: 30%;
  font-size: 20px;
  margin: 40px auto;
}

.shonryohi{
  color: #d971be;
  font-size: 24px;
}

.shidohi{
  color: #dd8336;
  font-size: 24px;
}

.chiryohi{
  color: #2785e7;
  font-size: 24px;
}

.visittable {
    border: 1px solid;
    width: 100%;
    margin: 20px auto;
    border-collapse: collapse;
}

.visittable th{
  text-align: center;
  border: 1px solid;
  padding: 20px;
  font-size: 18px;
}

.tableth2{
  width: 20%;
}

.tableth3{
  width: 46%;
}

.chiryohitd{
  text-align: center;
    border: 1px solid;
    padding: 20px;
    font-size: 18px;
    width: 20%;
    font-weight: bold;
}

.chiryohitd2{
  text-align: center;
    border: 1px solid;
    padding: 20px;
    font-size: 18px;
    width: 46%;
    font-weight: bold;
}

.chiryohitd3{
  text-align: center;
    border: 1px solid;
    padding: 20px;
    font-weight: bold;
    font-size: 18px;
}

.shonryohi2, .shidohi2, .chiryohi2{
  font-size: 22px;
}

.homondental{
  max-width: 480px !important;
}



@media only screen and (max-width: 599px){
.visittoha{
  margin-bottom: 20px;
}

.visittokucho{
  margin-bottom: 20px;
    font-size: 22px;
}

.visit04title, .visitnagare04{
  font-size: 20px;
}

.visitstep{
  font-size: 18px;
}

.visityokuarubox{
  padding-top: 10px;
}

.visithokenp {
    width: 96%;
    margin: 40px auto 30px;
    font-size: 14px;
}

.hokenflex {
    display: block;
}

.visithoken2 {
    display: block;
    width: 100% !important;
}

.hoken04 {
  margin-bottom: 15px;
  font-size: 20px;
}

.kaigohoken {
    width: 96% !important;
    margin: auto;
}

.visithokenp2 {
    text-align: center;
    width: 80%;
    font-size: 18px;
    margin: 40px auto;
}

.shonryohi2, .shidohi2, .chiryohi2 {
    font-size: 19px;
}

.visittable th {
    font-size: 14px;
}

.chiryohitd2, .chiryohitd3{
    font-size: 14px;
}
}


.invisalinebox{
  width: 750px;
    margin: auto;
}


@media only screen and (max-width: 1024px) {
.invisalinebox {
    width: 650px;
    margin: auto;
}
}

@media only screen and (max-width: 599px){
.invisalinebox {
    width: 650px;
    margin: 0 auto 50px;
    width: 90%;
}


.touintxt{
  width: 90% !important;
    margin: auto;
}
}


/* 2023/07/27 */
.invisalinebox.-left {
    margin-left: 0;
}

@media (max-width:599px) {
  .invisalinebox.-center\@sp {
    margin: auto;
  }
}

/**20240614追記**/
.k-attention dl {
  margin-top: 10px;
}
.k-attention dt {
  font-size: 18px;
  font-weight: bold;
}
.k-attention .inbox {
  margin-top: 50px;
}
.risc ul {
  padding: 0 0 0 2.5%;
}
.risc ul li {
  list-style: decimal;
}

/**症例集**/
.fs32 {
  font-size: 32px;
}
.syore li {
  list-style: none;
  margin-bottom: 30px;
}
.syore .number {
  font-size: 26px;
  margin-bottom: 20px;
  font-weight: bold;
  color: #416d49;
}
.inbox {
  display: flex;
}
.inbox .left {
  width: 40%;
}
.inbox .right {
  width: 58%;
  margin-left: 2%;
}
.inbox .right span {
  font-weight: bold;
  color: #416d49;
}

@media (max-width: 599px){
  .fs32 {
    font-size: 26px;
  }
  .syore .number {
    font-size: 22px;
  }
  .inbox {
    display: block;
  }
  .inbox .left {
    width: 95%;
    margin: auto;
  }
  .inbox .right {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
  }
}

/**2025/03/12**/
.r-bnr {
  width: 60%;
  margin: auto;
}
.r-bnr img {
  width: 100%;
}

@media (max-width: 1024px){
  .r-bnr {
    width: 80%;
  }
}

@media (max-width: 599px){
  .r-bnr {
    width: 100%;
  }
}

/**2025/06/05**/
.s-link a {
  display: block;
  width: 400px;
  background: #416d49;
  color: #fff;
  text-align: center;
  padding: 20px;
  border-radius: 10px;
  margin: auto;
  font-size: 18px;
}
.s-link a:hover {
  opacity: 0.6;
}
.blog .standard h3 {
  font-size: 22px;
  font-weight: bold;
}

.blog .standard h4 {
  font-size: 20px;
  font-weight: bold;
  color: #416d49;
  margin-bottom: 5px;
}

@media (max-width: 599px){
  .s-link a {
    width: 80%;
    padding: 4%;
  }
  .blog .standard h3 {
    font-size: 20px;
  }
  .blog .standard h4 {
    font-size: 18px;
  }
}
  

.mb-2{
  margin-bottom: 2rem;
}