@charset "UTF-8";
/*
	Filename: home
	Version: 1.0.1
*/
/*-----------------------------------------------------
	#mv
------------------------------------------------------*/
#mv {
  position: relative;
  width: 100%;
  height: 600px;
  margin-top: 140px;
  background-image: url("../img/home/mv.webp");
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.mv_line {
  position: absolute;
  top: 0;
  left: calc(50% + 215px);
  width: 400px;
  max-width: 100%;
  height: 600px;
  margin: 0 auto;
  background: #9dbfd9;
  opacity: 0.8;
	transform: translateX(-50%) skew(-20deg, 0deg);
	-webkit-transform: translateX(-50%) skew(-20deg, 0deg);
}
.mv_banner {
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: +1;
}
.mv_text {
  position: absolute;
	top: 50%;
	left: calc(50% + 275px);
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
  width: 423px;
}
.mv_text h2 {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.4;
  color: #FFFFFF;
  text-shadow: 2px 2px 19px rgba(0, 0, 0, 0.5);
}
.mv_info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 0;
}
.mv_info ul {
  -webkit-box-pack: center;
  justify-content: center;
  gap: 24px;
  padding-left: 0;
  list-style: none;
}
.mv_info ul li img {
  width: 120px;
  height: 120px;
}
@media screen and (max-width: 1200px) {
  .mv_line {
    left: calc(50% + 170px);
  }
  .mv_text {
    left: calc(50% + 185px);
  }
  .mv_info ul {
    margin-left: 300px;
  }
}
@media screen and (max-width: 840px) {
  #mv {
    margin-top: 114px;
    overflow: inherit;
  }
  .mv_line {
    display: none;
  }
  .mv_banner {
    right: 0;
    text-align: right;
  }
  .mv_banner img {
    width: 35.714vw;
  }
  .mv_text {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    -webkit-transform: none;
    width: 100%;
    padding: 10px 20px;
    background: linear-gradient(135deg, #9dbfd9 49%, #7fa9c8 0%);
  }
  .mv_text h2 {
    font-size: 22px;
  }
  .mv_info ul {
    -webkit-box-pack: start;
    justify-content: flex-start;
    gap: 2.857vw;
    margin-left: 2.381vw;
  }
  .mv_info ul li img {
    width: 16.667vw;
    height: 16.667vw;
  }
}
@media screen and (max-width: 640px) {
  #mv {
    height: 65vw;
  }
  .mv_text h2 {
    font-size: 16px;
  }
}
@media screen and (max-width: 510px) {
  #mv {
    height: 65vw;
    margin-top: 166px;
  }
  .mv_text {
    top: -65px;
  }
}

/*--------------------------------------------------------------
 home_banner
--------------------------------------------------------------*/
.home_banner {
  background: #f4fcff;
  padding: 24px 24px;
  text-align: center;
}
.home_banner img {
  width: 700px;
}

/*--------------------------------------------------------------
information
--------------------------------------------------------------*/
.top_information {
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px 80px;
  justify-content: center;
  padding: 40px 0px 100px 0px;
}
.top_information .info,.top_information .add{
  display: flex;
  align-items: flex-start;
  gap: 16px;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  padding: 0px;
  width: calc(50% - 80px * 0.5);
}
.top_information .info .tlt{
  display: flex;
  align-items: center;
  background: #6fa9d4ff;
  border-radius: 128px;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  padding: 8px 24px;
  width: 100%;
}
.top_information .info .tlt p{
  color: white;
}
.top_information .info > p{
  color: #6e6e6e;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  margin: 0;
}
.top_information .info .tlt p.tls{
  font-size: 20px;
  font-weight: 500;
}
.top_information .info .tlt p{
  font-size: 12px;
  margin: 0;
}
.top_information .info .holiday{
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
  justify-content: flex-start;
}
.top_information .info .holiday .tls{
  background: #6fa9d4ff;
  border-radius: 128px;
  color: white;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  padding: 0px 16px;
  text-align: center;
}
.top_information .info .holiday p{
  color: #6e6e6e;
  margin: 0;
}
.top_information .info .tel{
  color: #6e6e6e;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.8;
  margin: auto;
}
.top_information .info .reservation,.top_information .info .inquiry{
  width: 100%;
}
.top_information .info .reservation a,.top_information .info .inquiry a{
  background: rgb(255, 142, 39);
  border-radius: 128px;
  text-align: center;
  padding: 6px 0px;
  width: 100%;
  color: white;
  font-size: 20px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
}
.top_information .info .reservation a:hover,.top_information .info .inquiry a:hover{
  opacity: .7;
}
.top_information .info .reservation a:before,.top_information .info .inquiry a:before{
  content: '';
  height: 20px;
  width: 20px;
}
.top_information .info .reservation a:before{
  background: center / contain no-repeat url("../img/common/web.webp");
}
.top_information .info .inquiry a:before{
  background: center / contain no-repeat url("../img/common/mailw.webp");
}
.top_information .info .reservation a:after,.top_information .info .inquiry a:after{
  font-family: "Font Awesome 6 Free";
  content: '\f054';
  font-weight: 900;
  font-size: 14px;
  position: absolute;
  right: 25px;
  top: auto;
  bottom: auto;
  transition: .3s cubic-bezier(.4,.4,0,1);
}
.top_information .info .reservation a:hover:after,.top_information .info .inquiry a:hover:after{
  right:20px;
}
.top_information .add .google{
  display: grid;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
.top_information .add .google p{
  font-size: 20px;
}
.top_information .add .google p a{
  background: #FFFFFF;
  border: 1px solid #9dbfd9;
  border-radius: 128px;
  margin: 0px;
  padding: 5px 21px;
  color: #9dbfd9;
  font-size: 16px;
  font-weight: 400;
  display: table;
}
.top_information .add .google p a:after {
  font-family: "Font Awesome 6 Free";
  content: '\f054';
  font-size: 10px;
  font-weight: 900;
  position: relative;
  left: 10px;
  bottom: 2px;
}
.top_information .add .acc a{
  font-size: 14px;
  color: #6e6e6e;
  font-weight: 400;
}
.top_information .add .acc a:hover{
  opacity: .7;
}
.top_information .add p{
  margin: 0;
  line-height: 1.8;
}

@media(max-width:1100px){
  .container {
    width: 100%;
  }
  .top_information{
    padding: 100px 40px;
  }
}
@media(max-width:840px){
  .top_information{
    gap: 40px;
  }
  .top_information .info, .top_information .add{
    width: 100%;
  }
  .top_information .map{
    width: 100%;
  }
  .top_information .map iframe{
    width: 100%;
    height: 500px;
  }
}
@media(max-width:576px){
  .top_information{
    padding: 24px 24px 40px 24px;
  }
  .top_information .add .google p a {
    padding: 0 16px;
  }
}

/* .hours
--------------------------------------------- */
.top_information .info .hours{
  width: 100%;
  color: #6e6e6e;
}
.top_information .info p,.top_information .add p{
  color: #6e6e6e;
  font-size: 16px;
}
.top_information .info .hours table{
  text-align: center;
  border-collapse: collapse;
  margin: 0;
}
.top_information .info .hours th,.top_information .info .hours td{
  padding: 10px 8px;
  font-weight: 500;
}
.top_information .info .hours tbody tr:first-child th,.top_information .info .hours tbody tr:first-child td{
  border-top: 1px solid #6e6e6e;
}
.top_information .info .hours tbody tr:last-child th,.top_information .info .hours tbody tr:last-child td{
  border-bottom: 1px solid #6e6e6e;
}
.top_information .info .hours .open,.top_information .info .hours .close{
  display: flex;
  align-items: center;
  justify-content: center;
}
.top_information .info .hours .open:before,.top_information .info .hours .close:before{
  color: #9dbfd9;
  font-size: 11px;
}

@media(max-width:576px){
  .top_information .info .hours th, .top_information .info .hours td{
    font-size: 14px;
    padding: 7px 5px;
  }
  .top_information .info .hours .open:before, .top_information .info .hours .close:before {
    font-size: 9px;
  }
}

/*--------------------------------------------------------------
  feature
--------------------------------------------------------------*/
.feature .main_bg{
  width: 100%;
}
.feature .main_bg,.feature .main_bg .inner{
  height: 400px;
  position: relative;
}
.feature .main_bg .inner{
  width: 1080px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.feature .main_bg:before{
  content: '';
  background: center / cover no-repeat url("../img/home/feature.webp");
  background-position: 50%;
  filter: blur(2px) brightness(0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
}
.feature .main_bg .inner:before{
  content: '';
  background: #9dbfd9;
  bottom: 0px;
  height: auto;
  left: 121px;
  margin: 0;
  opacity: 0.8;
  padding: 0;
  position: absolute;
  right: auto;
  top: 0px;
  transform: skew(-20deg, 0deg);
  width: 400px;
  max-width: 100%;
}
.feature .heading p,.feature .heading h2{
  color: white;
}

@media(max-width:840px){
  .feature .main_bg {
    height: 120px;
  }
  .feature .main_bg .inner{
    width: 100%;
    height: 100%;
  }
  .feature .main_bg{
    overflow: hidden;
  }
  .feature .heading p{
    font-size: 28px;
  }
  .feature .heading h2{
    font-size: 16px;
  }
  .feature .main_bg .inner:before {
    left: 0;
    width: 100px;
  }
}

/* features .inner
--------------------------------------------- */
.features_bg{
  background: center / cover no-repeat url("../img/home/feature_bg.webp");
  background-position: 50%;
  width: 100%;
  height: 100%;
}
.features{
  padding: 0px 0px 200px 0px;
  width: 1280px;
  margin: auto;
}
.features .inner{
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex-direction: row;
  height: 400px;
  justify-content: flex-start;
  margin: 100px 0px 0px 0px;
  position: relative;
}
.features .inner:nth-child(even){
  border: 5px solid white;
}
.features .inner:nth-child(odd){
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
}
.features .inner.num1{
  margin: -130px 0px 0px 0px;
}
.features .inner.num2:before,
.features .inner.num4:before,
.features .inner.num6:before{
  content: '';
  background: #cbdeec;
  border: 0px solid #9dbfd9;
  bottom: auto;
  box-shadow: none;
  flex: none;
  height: 750px;
  left: 57px;
  margin: 0 0 0 0;
  mix-blend-mode: normal;
  opacity: 0.8;
  padding: 0px;
  position: absolute;
  right: auto;
  top: -213px;
  transform: translate(-101px, 164px) skew(-20deg, 0deg) scale(0.65, 0.47);
  width: 450px;
  z-index: 0;
  max-width: 100%;
}
.features .inner.num3:before,
.features .inner.num5:before,
.features .inner.num7:before{
  content: '';
  background: #cbdeec;
  bottom: auto;
  flex: none;
  height: 280px;
  left: auto;
  margin: 0 0 0 0;
  padding: 0px;
  position: absolute;
  right: 100px;
  top: 100px;
  transform: translate(0px, 0px) skew(-20deg, 0deg) scale(1, 2.5);
  width: 240px;
  z-index: 0;
  max-width: 100%;
}
.features .inner .txt{
  display: flex;
  align-content: center;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px;
  height: 280px;
  justify-content: center;
  padding: 0px 30px;
  transform: translate(50px, 0px);
  width: 500px;
  max-width: 720px;
  margin: 140px 0px 0px 0px;
  z-index: 2;
}
.features .inner:nth-child(even) .txt{
  margin: 0;
}
.features .inner:nth-child(odd) .txt{
  transform: translate(0px, 0px);
}
.features .inner.num1 .txt{
  width: 720px;
  margin: 230px 0px 0px 0px;
}
.features .inner .txt h3{
  color: #7fa9c8;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: center;
  margin: 0;
}
.features .inner .txt p{
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  margin: 0;
  text-align: justify;
}
.features .inner .img{
  bottom: 0px;
  filter: brightness(105%);
  height: 400px;
  left: auto;
  width: 65%;
  max-width: 65%;
  position: absolute;
  top:0;
  z-index: 1;
}
.features .inner:nth-child(odd) .img{
  left: 0;
}
.features .inner:nth-child(even) .img{
  top: 30px;
/*     right: -50px; */
	right:0;
}
.features .inner .img:before{
  content: '';
  background-position: 50%;
  border-radius: inherit;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: inherit;
  width: 100%;
  z-index: -2;
}
.features .inner.num1 .img:before{
  background: center / cover no-repeat url("../img/home/feature_1.webp");
}
.features .inner.num2 .img:before{
  background: center / cover no-repeat url("../img/home/feature_2.webp");
}
.features .inner.num3 .img:before{
  background: center / cover no-repeat url("../img/home/feature_3.webp");
}
.features .inner.num4 .img:before{
  background: center / cover no-repeat url("../img/home/feature_4.webp");
}
.features .inner.num5 .img:before{
  background: center / cover no-repeat url("../img/home/feature_5.webp");
}
.features .inner.num6 .img:before{
  background: center / cover no-repeat url("../img/home/feature_6.webp");
}/*
.features .inner.num7 .img:before{
  background: center / cover no-repeat url("../img/top/feature_7.webp");
}*/
.features .inner.num1 .img{
  width: 60%;
  max-width: 60%;
}

@media(max-width:1300px){
  .features{
    padding: 0px 0px 200px 0px;
    width: 100%;
  }
}
@media(max-width:992px){
  .features .inner{
    width: 95%;
    height: 384px;
  }
  .features .inner {
    margin-left: auto!important;
    margin-right: auto!important;
  }
  .features .inner.num1 .txt {
    width: 65%;
  }
}
@media(max-width:840px){
  .features {
    padding: 0px 0px 100px 0px;
  }
  .features .inner{
    width: 80%;
    height: auto;
    flex-wrap: wrap;
  }
  .features .inner:nth-child(odd),.features .inner:nth-child(even) {
    flex-direction: column-reverse;
  }
  .features .inner .txt {
    width: 100%!important;
    max-width: 100%!important;
    margin: 0!important;
    transform: translate(0, 0);
  }
  .features .inner .img {
    width: 100%!important;
    max-width: 100%!important;
    position: relative!important;
  }
  .features .inner:nth-child(even) .img {
    top: auto;
    right: auto;
  }
  .features .inner.num1{
    padding: 50px 0 0;
    margin: 0;
  }
  .features .inner:nth-child(even) {
    border: none;
  }
}
@media(max-width:640px){
  .features {
    padding: 0px 0px 50px;
    overflow: hidden;
  }
  .features .inner{
    width: 90%;
  }
  .features .inner .img{
    height: 230px;
  }
  .features .inner .txt{
    height: auto;
    padding: 20px 30px;
  }
  .features .inner .txt h3{
    font-size: 16px;
  }
  .features .inner .txt p{
    font-size: 14px;
  }
}

@media(max-width:640px){
  .heading p {
    font-size: 28px;
  }
  .heading h2{
    font-size: 16px;
  }
}
/*--------------------------------------------------------------
  trouble
--------------------------------------------------------------*/
.trouble{
  border-top: 6px solid #9dbfd9;
  position: relative;
}
.trouble:before{
  content: '';
  background: center / cover no-repeat url("../img/home/top_reservation_bg.webp");
  background-position: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  z-index: -1;
}
.trouble .container{
  padding: 30px 0;
}
.trouble .container .heading p {
  font-size: 64px;
}
.trouble .container p {
  font-size: 16px;
  text-align: center;
  line-height: 1.6;
}
.trouble .flex {
  width: 815px;
  margin: 0 auto;
}
.trouble .trouble_l {
  width: 56.4%;
}
.trouble .trouble_r {
  width: 36.8%;
}
.trouble .trouble_r h3 {
  margin-top: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.65;
}
.trouble_tel a {
  display: block;
  width: 210px;
  margin: 0 auto 10px;
  background: #0078d4;
  border-radius: 32px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  padding: 17px;
  text-align: center;
}

@media(max-width:840px){
  .trouble .container{
    padding: 30px 10px;
  }
  .trouble .flex {
    width: 100%;
  }
}

@media(max-width:640px){
  .trouble .container .heading p {
    font-size: 28px;
  }
  .trouble .container .heading h2{
    font-size: 16px;
  }
  .trouble .trouble_l {
    display: none;
  }
  .trouble .trouble_r {
    width: 300px;
    margin: 30px auto 0;
  }
  .trouble .container p {
    font-size: 12px;
  }

}

/*--------------------------------------------------------------
  top_line
--------------------------------------------------------------*/
.top_line .container{
  padding: 55px 0;
}
.line_link {
  position: relative;
  width: 764px;
  margin: 0 auto 80px;
  padding: 15px 30px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  text-align: center;
}
.benri {
  position: absolute;
	top: 50%;
	right: -93px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
  background: #42bf3f;
  border-radius: 0 32px 32px 0;
  padding: 10px;
  width: 93px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-align: left;
}
.line_link .line_link_h2 {
  margin-bottom: 20px;
  color: #7fa9c8;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.4;
}
.line_link .line_link_h3 {
  color: #4d4d4d;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
}
.line_link a {
  display: block;
  background: #43bf41;
  border-radius: 8px;
  width: 236px;
  margin: 0 auto;
  padding: 20px 0;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}
.line_link p {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
.top_line_bottom {
  position: relative;
  z-index: 1;
}
.top_line_bottom_child {
  width: 33.3333333333%;
  background: #FFFFFF;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  padding: 10px 16px;
}
.top_line_bottom_child .line_link_h4 {
  margin-bottom: 20px;
  color: #7fa9c8;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-align: center;
}
.top_line_bottom_child p {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
}
.line_link:before {
  content: '';
  background: #cbdeec;
  border: 0px solid #9dbfd9;
  bottom: auto;
  box-shadow: none;
  flex: none;
  height: 750px;
  left: 10px;
  margin: 0 0 0 0;
  mix-blend-mode: normal;
  opacity: 0.8;
  padding: 0px;
  position: absolute;
  right: auto;
  top: -213px;
  transform: translate(-101px, 164px) skew(-20deg, 0deg) scale(0.65, 0.47);
  width: 450px;
  z-index: -1;
  max-width: 100%;
}
.top_line_bottom:before {
  content: '';
  background: #cbdeec;
  border: 0px solid #9dbfd9;
  bottom: auto;
  box-shadow: none;
  flex: none;
  height: 750px;
  left: 57px;
  margin: 0 0 0 0;
  mix-blend-mode: normal;
  opacity: 0.8;
  padding: 0px;
  position: absolute;
  right: auto;
  top: -213px;
  transform: translate(-101px, 164px) skew(-20deg, 0deg) scale(0.65, 0.47);
  width: 450px;
  z-index: -1;
  max-width: 100%;
}
@media(max-width:840px){
  .line_link {
    width: 65%;
    margin: 0 auto 30px;
  }
  .top_line_bottom {
    padding: 0 50px;
  }
  .top_line_bottom_child {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 30px;
  }
}
@media(max-width:640px){
  .top_line .container{
    padding: 30px;
  }
  .line_link {
    width: 100%;
  }
  .benri {
    display: none;
  }
  .line_link .line_link_h2 {
    font-size: 16px;
  }
  .line_link .line_link_h3 {
    font-size: 14px;
  }
  .line_link p {
    font-size: 14px;
  }
  .top_line_bottom {
    padding: 0;
  }
  .top_line_bottom_child .line_link_h4 {
    font-size: 16px;
  }
  .top_line_bottom_child p {
    font-size: 14px;
  }
}
/*--------------------------------------------------------------
  family
--------------------------------------------------------------*/
.family {
  position: relative;
  z-index: 0;
  margin-top: 46px;
  background: url("../img/home/family.webp") no-repeat center center;
  background-size: cover;
}
.family::after {
  content: "";
  display: block;
  position: absolute;
	top: 0;
	left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.55);
}
.family .container{
  padding: 10px 20px 55px;
}
.family .container .family_h2 span {
  display: inline-block;
  background: linear-gradient(110deg, rgba(236, 236, 236, 0.88) 72%, #f9f9f9 0%);
  color: #111111;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0px 0px 10px 0px;
}
.family .container .family_h2 {
  color: #FFFFFF;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0px 0px 20px 0px;
}
.family .container p {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}
.family .container a.family_link {
  background: linear-gradient(110deg, #9dbfd9 72%, #a9cde8 0%);
  border-radius: 8px;
  margin: 0px 0px 10px 0px;
  padding: 10px 30px 10px;
  z-index: 1;
  color: #555555;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}
@media(max-width:640px){
  .family {
    margin-top: 15px;
  }
  .family .container{
    padding: 55px 30px;
  }
  .family .container .family_h2 {
    font-size: 28px;
  }
}
/*--------------------------------------------------------------
  guidance
--------------------------------------------------------------*/
.guidance{
  position: relative;
  padding: 100px 0px;
}
.guidance:before{
  content: '';
  background: center / cover no-repeat url("../img/home/guidance_bg.webp");
  background-position: 50%;
  filter: contrast(1.2);
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  z-index: -1;
}
.guidance > p{
  color: #6e6e6e;
  font-size: 16px;
  font-weight: 400;
  margin-top: 30px;
  text-align: center;
}
.guidance_list{
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  border-radius: 0;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  margin: 30px 0px 0px 0px;
  padding: 0px;
}
.guidance_list a{
  display: flex;
  align-items: center;
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  flex-direction: column;
  gap: 0px;
  justify-content: center;
  padding: 30px 0px 20px 0px;
  width: 340px;
  position: relative;
  overflow: hidden;
}
.guidance_list a:hover{
  background: #ebf4fb;
}
.guidance_list p,.guidance_list h3{
  font-weight: 500;
  margin: 0;
}
.guidance_list p{
  color: #333;
  font-size: 14px;
}
.guidance_list h3{
  color: #6e6e6e;
  font-size: 18px;
  padding: 6px 0px;
}
.guidance_list h3:after{
  font-family: "Font Awesome 6 Free";
  content: '\f054';
  font-size: 13px;
  font-weight: 900;
  position: relative;
  top:-2px;
  left: 12px;
}
.icon{
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: column;
  height: 120px;
  justify-content: center;
  margin: 10px 0px 10px 0px;
  width: 100px;
}
.icon.num1{
  background: center / contain no-repeat url("../img/home/guidance_1.webp");
}
.icon.num2{
  background: center / contain no-repeat url("../img/home/guidance_2.webp");
}
.icon.num3{
  background: center / contain no-repeat url("../img/home/guidance_3.webp");
}
.icon.num4{
  background: center / contain no-repeat url("../img/home/guidance_4.webp");
}
.icon.num5{
  background: center / contain no-repeat url("../img/home/guidance_5.webp");
}
.icon.num6{
  background: center / contain no-repeat url("../img/home/guidance_6.webp");
}
.icon:before{
  content: '';
  background: #9dbfd9;
  border-radius: 0;
  height: 100%;
  mix-blend-mode: multiply;
  opacity: 0.7;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 0px;
  transform: translate(170px, 124px) rotate(42deg) scale(0.43, 0.51);
  width: 100%;
  max-width: 100%;
}

@media(max-width:840px){
  .guidance_list>div{
      width: 45%;
  }
  .guidance_list a{
      width: auto;
  }
}
@media(max-width:640px){
  .guidance{
      padding: 50px 0;
  }
  .guidance_list>div{
      height: 140px;
  }
  .guidance_list a {
      padding: 20px 10px;
  }
  .guidance_list p{
      font-size: 10px;
  }
  .guidance_list .icon{
      height: 40px;
      margin: 10px 0px 10px 0px;
      width: 42px;
  }
  .guidance_list h3{
      font-size: 14px;
  }
  .guidance > p{
      padding: 0 17px;
  }
}

/*--------------------------------------------------------------
  first-visit
--------------------------------------------------------------*/
.first-visit{
  position: relative;
}
.first-visit:before{
  content: '';
  background: center / cover no-repeat url("../img/home/first-visit_bg.webp");
  background-position: 50%;
  filter: brightness(0.4);
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  z-index: -1;
}
.first-visit h2{
  color: white;
}
.first-visit .inner{
  padding: 100px 0px;
}
.links{
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 40px;
  margin: 30px 0px 0px 0px;
  padding: 0px;
  width: auto;
}
.links a{
  display: flex;
  align-items: center;
  background: #9dbfd9;
  border: 0px solid #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  flex-direction: row;
  flex-wrap: nowrap;
  height: 50px;
  justify-content: center;
  padding: 0px 60px;
  color: white;
}
.links a:after{
  font-family: "Font Awesome 6 Free";
  content: '\f054';
  font-size: 13px;
  font-weight: 900;
  position: relative;
  top:2px;
  left: 12px;
}
.links a:hover{
  background: #999999;
}

@media(max-width:640px){
  .first-visit .inner {
    padding: 50px 0px;
  }
}

/*--------------------------------------------------------------
  splide
--------------------------------------------------------------*/
.splide__slide img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

@media(max-width:640px){
  .splide__slide img {
    height: 120px;
  }
}

/*--------------------------------------------------------------
  top_reservation
--------------------------------------------------------------*/
.top_reservation{
  border-top: 6px solid #9dbfd9;
  position: relative;
}
.top_reservation:before{
  content: '';
  background: center / cover no-repeat url("../img/home/top_reservation_bg.webp");
  background-position: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  z-index: -1;
}
.top_reservation .container{
  padding: 100px 0;
}
.top_reservation .link_{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 40px;
  justify-content: center;
  margin-top: 30px;
}
.top_reservation .link_ div{
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  flex-direction: row;
  height: 100px;
  width: calc(30% - 40px);
  max-width: calc(30% - 40px);
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.top_reservation .link_ div:before{
  content: '';
  background-position: 50%;
  filter: brightness(0.5);
  width: 100%;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  top:0;
  z-index: -1;
  transition: .3s;
}
.top_reservation .link_ > div:nth-child(1):before{
  background: center / cover no-repeat url("../img/home/top_reservation_1.webp");
}
.top_reservation .link_ > div:nth-child(2):before{
  background: center / cover no-repeat url("../img/home/top_reservation_2.webp");
}
.top_reservation .link_ > div:nth-child(3):before{
  background: center / cover no-repeat url("../img/home/top_reservation_3.webp");
}
.top_reservation .link_ div:hover:before{
  filter: brightness(0.4);
}
.top_reservation .link_ a{
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 500;
  z-index: 1;
}
.top_reservation .link_ a:hover{
  transform: scale(1.1);
}
.top_reservation .link_ a:before{
  content: '';
  height: 24px;
  width: 22px;
  margin-right: 10px;
}
.top_reservation .link_ > div:nth-child(1) a:before{
  background: center / cover no-repeat url("../img/home/top_reservation_web.webp");
}
.top_reservation .link_ > div:nth-child(2) a:before{
  background: center / cover no-repeat url("../img/home/top_reservation_tel.webp");
}
.top_reservation .link_ > div:nth-child(3) a:before{
  background: center / cover no-repeat url("../img/home/top_reservation_line.webp");
}
.top_reservation .link_ > div a:after{
  font-family: "Font Awesome 6 Free";
  content: '\f054';
  font-size: 13px;
  font-weight: 900;
  position: relative;
  top:2px;
  left: 12px;
}
.top_reservation .link_ + p {
  color: #555555;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  margin: 30px 0px 0px 0px;
  text-align: center;
}

@media(max-width:840px){
  .top_reservation .link_ a {
    flex-direction: column;
    gap: 5px;
  }
  .top_reservation .link_ a:before{
    margin: 0!important;
  }
  .top_reservation .link_ > div a:after{
    transform: rotate(90deg);
    left: 0;
  }
}

@media(max-width:640px){
  .top_reservation .container {
    padding: 50px 0;
  }
  .top_reservation .link_{
    width: 75%;
    margin: 30px auto 0;
    gap: 20px;
  }
  .top_reservation .link_ div{
    width: 100%;
    max-width: 100%;
    height: 50px;
  }
  .top_reservation .link_ a {
    flex-direction: row;
    gap: 10px;
  }
  .top_reservation .link_ > div a:after {
    transform: rotate(0deg);
  }
}

/*--------------------------------------------------------------
  service
--------------------------------------------------------------*/
.service{
  display: flex;
  align-content: center;
  align-items: center;
  background: linear-gradient(110deg, #9dbfd9 72%, #a9cde8 0%);
  flex: 1;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 100px 0px;
}
.service *,.service .heading p,.service .heading h2{
  color: white;
}
.service .heading p,.service .heading h2{
  margin: 0;
}
.service p.txt{
  font-size: 16px;
  margin-top: 30px;
  text-align: center;
}
.service .treatment{
  display: flex;
  align-items: stretch;
  background: rgba(0, 0, 0, 0.0);
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  margin: 50px 0px 0px 0px;
}
.service .treatment a{
  display: flex;
  align-items: center;
  background: #EEEEEE;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  width: 200px;
}
.service .treatment a:hover .tlt{
  background: #7da5c3;
  transition: .3s cubic-bezier(.4,.4,0,1);
}
.service .treatment a .img{
  position: relative;
  width: 100%;
  height: 120px;
  min-height: 120px;
}
.service .treatment a .img:before{
  content: '';
  position: absolute;
  top:0;
  width: 100%;
  height: 100%;
}
.service .treatment a .img.num1:before{
  background: center / cover no-repeat url("../img/home/treatment_1.webp");
}
.service .treatment a .img.num2:before{
  background: center / cover no-repeat url("../img/home/treatment_2.webp");
}
.service .treatment a .img.num3:before{
  background: center / cover no-repeat url("../img/home/treatment_3.webp");
}
.service .treatment a .img.num4:before{
  background: center / cover no-repeat url("../img/home/treatment_4.webp");
}
.service .treatment a .img.num5:before{
  background: center / cover no-repeat url("../img/home/treatment_5.webp");
}
.service .treatment a .img.num6:before{
  background: center / cover no-repeat url("../img/home/treatment_6.webp");
}
.service .treatment a .img.num7:before{
  background: center / cover no-repeat url("../img/home/treatment_7.webp");
}
.service .treatment a .img.num8:before{
  background: center / cover no-repeat url("../img/home/treatment_8.webp");
}
.service .treatment a .img.num9:before{
  background: center / cover no-repeat url("../img/home/treatment_9.webp");
}
.service .treatment a .img.num10:before{
  background: center / cover no-repeat url("../img/home/treatment_10.webp");
}
.service .treatment a .img.num11:before{
  background: center / cover no-repeat url("../img/home/treatment_11.webp");
}
.service .treatment a .img.num12:before{
  background: center / cover no-repeat url("../img/home/treatment_12.webp");
}
.service .treatment a .img.num13:before{
  background: center / cover no-repeat url("../img/home/treatment_13.webp");
}
.service .treatment a .img.num14:before{
  background: center / cover no-repeat url("../img/home/treatment_14.webp");
}
.service .treatment a .tlt{
  display: flex;
  align-items: center;
  background: #6e6e6e;
  border-radius: 0px 0px 8px 8px;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 20px 0px;
  width: 100%;
  height: 100%;
}
.service .treatment a .tlt h3{
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 500;
  height: 27px;
  line-height: 1.4;
  margin: 0;
}
.service .treatment a .tlt h3:after{
  font-family: "Font Awesome 6 Free";
  content: '\f054';
  font-size: 13px;
  font-weight: 900;
  position: relative;
  top:-1px;
  left: 12px;
}
.service .treatment a .tlt p{
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
}

@media(max-width:840px){
  .service .treatment{
    width: 75%;
    margin: 50px auto 0;
  }
  .service .treatment a{
    width: calc(50% - 15px * 0.5);
  }
}
@media(max-width:640px){
  .home .service{
    padding: 50px 0;
  }
  .service p.txt{
    padding: 0 17px;
  }
  .service .treatment {
    width: 90%;
  }
  .service .treatment a .tlt{
    gap: 6px;
    padding: 15px 0px;
  }
  .service .treatment a .tlt h3{
    font-size: 14px;
    line-height: 1;
    height: auto;
  }
  .service .treatment a .tlt p{
    font-size: 12px;
    padding: 0 10px;
  }
  .service .treatment a .tlt h3:after {
    top: 0;
    left: 7px;
  }
  .top_reservation .link_ + p{
    width: 75%;
    margin: 30px auto 0;
  }
}

/*--------------------------------------------------------------
  clinic
--------------------------------------------------------------*/
.clinic{
  display: flex;
  align-content: center;
  align-items: center;
  background: #6e6e6e;
  flex-direction: column;
  justify-content: center;
  padding: 100px 0px;
  transform: translate(0px, 0px);
  transition-duration: 200ms;
  transition-timing-function: linear;
}
.clinic:before{
  content: '';
  background: center / cover no-repeat url("../img/home/top_clinic_bg.webp");
  background-position: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  z-index: -1;
  filter: grayscale(1) brightness(0.6);
}
.clinic .heading h2,.clinic .heading p{
  color: white;
}
.clinic ul{
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.clinic ul.top_gallery img{
  object-fit: cover;
}
.clinic ul.top_gallery{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.clinic ul.top_gallery li.num1{
  width: 100%;
  height: 446px;
  padding-bottom: 10px;
}
.clinic ul.top_gallery li.num1 img{
  width: 100%;
  height: 100%;
  object-position: top;
}
.clinic ul.top_gallery li.num2{
  width: 100%;
  padding: 0 0 10px 10px;
}
.clinic ul.top_gallery li.num2 ul{
  display: flex;
  padding-top: 10px;
}
.clinic ul.top_gallery li.num2 ul li{
  width: 33.33%;
  height: auto;
  padding-right: 10px;
}
.clinic ul.top_gallery li.num2 ul li:last-child{
  padding-right: 0;
}
.clinic ul.top_gallery li.num2 ul li img{
  width: 100%;
  height: 100%;
}
.clinic ul.top_gallery li.num3,.clinic ul.top_gallery li.num4{
  width: 100%;
}
.clinic ul.top_gallery li.num3 ul{
  display: flex;
  padding-bottom: 10px;
}
.clinic ul.top_gallery li.num3 ul li{
  width: 50%;
  padding-right: 10px;
}
.clinic ul.top_gallery li.num3 ul li img{
  width: 100%;
  height: 100%;
}
.clinic ul.top_gallery li.num3 ul li:last-child{
  padding-right: 0;
}
.clinic ul.top_gallery li.num4{
  height: 360px;
  overflow: hidden;
}
.clinic ul.top_gallery li.num4 img{
  width: 100%;
  height: 360px;
  object-fit: cover;
  object-position: center;
}

@media(max-width:840px){
  .clinic ul.top_gallery {
    width: 90%;
    margin: 30px auto 0;
  }
}
@media(max-width:640px){
  .clinic {
    padding: 50px 0;
  }
}

/*--------------------------------------------------------------
doctors
--------------------------------------------------------------*/
.doctors{
  position: relative;
}
.doctors:before {
  content: '';
  background: center / cover no-repeat url(../img/home/guidance_bg.webp);
  background-position: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.doctors .container{
  padding: 100px 0;
}
.doctors .heading{
  margin: 10px 0px 30px 0px;
}
.doctors .inner{
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  height: 424px;
  justify-content: center;
  margin: 0px 0px 201px 0px;
  padding: 0px;
}
.doctors .inner .img{
  height: 330px;
  transform: translate(30px, 0px);
  width: 310px;
  z-index: -1;
  max-width: 100%;
}
.doctors .inner .img:before{
  content: '';
  background: center / cover no-repeat url(../img/home/doctors.webp);
  background-position: 100%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -2;
}
.doctors .inner .txt{
  display: flex;
  align-items: flex-start;
  background: #FFFFFF;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  flex-direction: column;
  justify-content: center;
  padding: 59px;
  transform: translate(0px, 50px);
  width: 770px;
  max-width: 100%;
}
.doctors .inner .txt h3{
  color: #333;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 30px 0;
}
.doctors .inner .txt p{
  color: #333;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  margin: 0;
}
.doctors .inner .txt p.name{
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  margin: 30px 0px 0px 0px;
}
.doctors .biography{
  display: table;
  background: #EEEEEE;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  padding: 30px 30px 30px 30px;
}
.doctors .biography ul{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 80px;
  padding: 0;
  margin: 0;
}
.doctors .biography ul li{
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: 0px;
}
.doctors .biography ul li dl,.doctors .biography ul li dl dt,.doctors .biography ul li dl dd{
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 14px;
}
.doctors .biography ul li dl dt{
  font-weight: 700;
  margin-bottom: 10px;
}
.doctors .biography ul li dl dd{
  font-weight: 400;
  line-height: 1.6;
}

@media(max-width:840px){
  .doctors .inner{
    flex-direction: column;
    height: auto;
    width: 90%;
    margin: auto;
    gap: 50px;
  }
  .doctors .inner .img {
    transform: translate(0, 0);
    margin: auto;
  }
  .doctors .inner .txt {
    transform: translate(0, 0);
    width: 100%;
  }
  .doctors .biography {
    margin: 50px auto 0;
    width: 90%;
  }
}
@media(max-width:640px){
  .doctors .container {
    padding: 50px 0;
  }
  .doctors .inner .txt{
    padding: 30px;
  }
  .doctors .inner .txt h3{
    font-size: 20px;
  }
  .doctors .inner .txt p.name{
  font-size: 14px;
  }
  .doctors .biography ul {
    flex-direction: column;
    gap: 20px;
  }
}

/*--------------------------------------------------------------
  news
--------------------------------------------------------------*/
.news {
  display: flex;
  align-content: center;
  align-items: center;
  background: linear-gradient(110deg, #6e6e6e 72%, #7d7d7d 0%);
  flex: 1;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 100px 0px;
}
.news .heading{
  margin: 10px 0px 30px 0px;
}
.news .heading h2{
  color: white;
}    
.news .inner{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  width: 960px;
  margin: auto;
}
.news .inner a.top_news{
  display: block;
  background: #FFFFFF;
  width: 300px;
  overflow: hidden;
}
.news .inner a.top_news:hover{
  background: #ebf4fb;
}
.news .cols{
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.news .cols .date{
  color: #666666;
  font-size: 14px;
  font-weight: 400;
}
.news .cols .tlt{
  color: #333;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}
.news .cols .exc{
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.news .cols p{
  margin: 0;
}
.thumbnail{
  width: 300px;
  height: 250px;
  object-fit: cover;
}
.thumbnail img{
  width: 100%;
  height: 100%;
	object-fit: cover;
}
.news .list a{
  margin: 60px auto 0px;
}

@media(max-width:640px){
  .news{
    padding: 50px 0;
  }
}
.mews_list{
	list-style:none;
	padding:0;
	margin:50px auto 30px;
}
.mews_list li{
  display:inline-block;
  margin: 5px;
}
.mews_list li a{
  font-size: 15px;
  font-weight: 400;
  padding: 10px 20px 10px;
  display:block;
  background: #EEEEEE;
}
.mews_list li a:hover{
	opacity:.5;
}

/*--------------------------------------------------------------
column
--------------------------------------------------------------*/
.column {
  background: linear-gradient(110deg, #9dbfd9 72%, #a9cde8 0%);
}
.column .heading p{
  color: #EEEEEE;
}
.column .list a{
  background: #555555;
}
.column .list a:hover{
  background: #555555a1;
}

@media(max-width:840px){
  .news .inner {
    width: 90%;
  }
}
@media(max-width:640px){
  .news .inner a.top_news{
    width: 100%;
  }
  .thumbnail {
    width: 100%;
    height: 150px;
  }
  .thumbnail img{
    object-fit: cover;
  }
}

/*--------------------------------------------------------------
  about
--------------------------------------------------------------*/
.about{
  background: #4d4d4d;
  padding: 100px 0;
}
.about .heading{    
  margin: 10px 0px 30px 0px;
}
.about .heading h2{ 
  color: white;
}
.about .inner {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #c8c8c8;
  flex-direction: row;
  justify-content: center;
  padding: 30px 0px 30px 0px;
}
.about .num1-1,.about .num2-1,.about .num3-1{
  width: 470px;
}
.about .num1-2,.about .num2-2{
  width: 200px;
  max-width: calc(100% - 30px);
}
.about .num3-1{
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  width: 680px;
}
.about .inner h3,.about .inner p,.about .inner li{
  color: white;
  font-weight: 400;
  margin: 0;
}
.about h3{
  width: 180px;
  text-align: center;
  font-size: 16px;
}
.about h4{
  border-left: 5px solid #9dbfd9;
  color: #9dbfd9;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  padding: 0px 0px 0px 5px;
  margin: 0;
}
.about .inner p{
  font-size: 14px;
  line-height: 1.6;
}
.about .inner a{
  display: flex;
  color: white;
  font-size: 15px;
  font-weight: 500;
  align-items: center;
  background: #000000;
  border-radius: 8px;
  flex-direction: row;
  height: 40px;
  justify-content: center;
  margin: 0px 0px 0px 30px;
  width: 200px;
  max-width: calc(100% - 30px);
}
.about .inner a:hover{
  background: #7da5c3;
}
.about .fa-up-right-from-square{
  font-size: 13px;
  margin-left: 10px;
}
.about .inner ul{
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1.6;
}
.about .num1-1 > p:first-child{
  margin-bottom: 1rem;
}
.about .num1-1 li{
  font-size: 14px;
}
.about .num2-2{
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.about .num3-1 > ul{
  display: flex;
  align-items: center;
  background: #FFFFFF;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2px;
  padding: 2px 2px 2px 2px;
  line-height: 1;
}
.about .num3-1 > ul li{
  width: 52px;
}
.about .num3-2{
  display: flex;
  align-items: center;
  background: #6e6e6e;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  padding: 20px 20px 20px 20px;
  width: 100%;
}
.about .num3-3{
  margin-right: 30px;
  display: grid;
  gap: 10px;
}
.about .num3-3 ul li{
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
.about .num3-4 p{
  display: flex;
  background: #FFFFFF;
  height: 30px;
  align-items: center;
  justify-content: center;
  padding: 0px;
  width: 294px;
  color: #555555;
  font-size: 15px;
  font-weight: 700;
}
.about .num3-4 p:first-child{
  margin-bottom: 10px;
}

@media(max-width:840px){
  .about .inner {
    flex-direction: column;
    text-align: center;
    width: 75%;
    margin: auto;
    border-bottom: none;
  }
  .about .num1-1, .about .num2-1, .about .num3-1 {
    width: 100%;
    margin-bottom: 20px;
  }
  .about .inner h3{
  background: #6e6e6e;
  color: #cbdeec;
  margin: 0px 0px 20px 0px;
  padding: 5px 0px;
  width: 100%;
  max-width: 100%;
  }
  .about .num1-2, .about .num2-2,.about .num1-2>div, .about .num2-2>div{
    width: 100%;
    max-width: 100%;
  }
  .about .num1-2, .about .num2-2,.about .inner a{
    margin: auto;
  }
  .about .inner a{
    width: 100%;
    max-width: 100%;
  }
}
@media(max-width:640px){
  .about{
    padding: 30px 0;
  }
  .about .heading {
    margin: 10px 0px 0px 0px;
  }
  .about .num3-2 {
    flex-direction: column;
  }
  .about .num3-3 {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .about h4 {
    margin: auto;
  }
  .about .num3-4,.about .num3-4 p{
    width: 100%;
  }
}

/*--------------------------------------------------------------
recruit
--------------------------------------------------------------*/
.recruit{
  padding: 100px 0;
  position: relative;
  text-align: center;
}
.recruit:before{
  content: '';
  background: center / cover no-repeat url(../img/home/recruit.webp);
  background-position: 50%;
  filter: brightness(0.5);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -2;
}
.recruit h2,.recruit p{
  color: white;
}
.recruit .heading p{
  color: #9dbfd9;
  font-size: 64px;
  font-weight: 500;
  height: 60px;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.recruit .links a{
  background: #EEEEEE;
  color: #000000;
  font-size: 15px;
  font-weight: 500;
}
.recruit .links a:hover{
  background: #7da5c3;
}

@media(max-width:640px){
  .recruit{
    padding: 50px 0;
  }
}

/*--------------------------------------------------------------
gmap
--------------------------------------------------------------*/
.gmap{
  line-height: 0;
}

/*--------------------------------------------------------------
breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs{
  display: flex;
  justify-content: end;
  font-size: 14px;
  margin: 16px 96px 16px 0px;
  width: auto;
  max-width: calc(100% - 96px);
}
.breadcrumbs>span{
  display: flex;
  gap: 20px;
}

@media(max-width:640px){
  .breadcrumbs{
    margin: 16px;
    max-width: 100%;
  }
}

/*--------------------------------------------------------------
#secondary
--------------------------------------------------------------*/
#secondary{
  padding-top: 100px;
}
body.page-id-13 #secondary,body.page-id-80 #secondary,body.page-id-90 #secondary,body.page-id-109 #secondary,body.page-id-119 #secondary {
  margin-top: -48px;
  padding-top: 0;
}
#secondary.archive,#secondary.single{
  background: #f9f9f9;
  margin: 0;
  padding: 100px 0 0;
}
#secondary{
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
#secondarymainvl{
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex-direction: column;
  height: 370px;
  justify-content: center;
  margin: 140px 0 0;
  width: 100%;
  max-width: 100%;
  position: relative;
}
#secondarymainvl:before{
  content: '';
  background: left center / cover no-repeat url(../img/common/page_mv.webp);
  filter: brightness(0.7);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#secondarymainvl .inner{
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex-direction: row;
  height: 100%;
  justify-content: flex-end;
  width: 1080px;
  max-width: 100%;
  position: relative;
}
#secondarymainvl .inner:before{
  content: '';
  background: #9dbfd9;
  flex: none;
  height: 100%;
  margin: 0 0 0 0;
  opacity: 0.6;
  position: relative;
  transform: translate(-30px, 0px) skew(-20deg, 0deg);
  width: 300px;
  z-index: 1;
  max-width: 100%;
  position: absolute;
}
#secondarymainvl .inner .tlt{
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  transform: translate(-100px, 0px);
  position: relative;
  z-index: 1;
}

#secondarymainvl .inner .tlt p,#secondarymainvl .inner .tlt h1{
  color: #FFFFFF;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  margin: 0;
}
#secondarymainvl .inner .tlt p{
  font-size: 48px;
}
#secondarymainvl .inner .tlt h1{
  font-size: 20px;
  letter-spacing: 0.05em;
}
#secondary .heading{
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
  margin: 0 0 30px;
  position: relative;
}
#secondary .heading:before{
  content: '';
  background: #ebf4fb;
  box-shadow: 15px 30px 0px rgba(157, 191, 217, 0.4);
  height: 68px;
  transform: translate(5px, -15px) skew(-20deg, 0deg);
  width: 30px;
  max-width: 100%;
}
#secondary .bg_blue .heading:before,#secondary .whites .heading:before{
  background: white;
}
#secondary .heading h2{
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 1px solid #555555;
  flex-direction: row;
  justify-content: center;
  padding: 0px 20px 5px 20px;
  color: #555555;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.6;
}

@media(max-width:840px){
  #secondary{
    padding-top: 50px;
  }
  #secondarymainvl{
    height: 300px;
    margin: 112px 0 0;
  }
  #secondarymainvl .inner {
    justify-content: center;
    overflow: hidden;
  }
  #secondarymainvl .inner:before {
    transform: translate(0px, 0px) skew(-20deg, 0deg) scale(1, 1.08);
  }
  #secondarymainvl .inner .tlt {
    transform: translate(0px, 0px);
  }
}
@media(max-width:768px){
  #secondary .heading h2{
    font-size: 24px;
  }
}
@media(max-width:640px){
  #secondarymainvl{
    height: 150px;
    margin: 112px 0 0;
  }
  #secondary.archive, #secondary.single{
    padding: 50px 0 0;
  }
}
@media(max-width:510px){
  #secondarymainvl{
    margin: 98px 0 0;
  }
}
@media(max-width:480px){
  #secondary .heading h2{
    padding: 0px 0 5px 10px;
    width: 70%;
    text-align: left;
  }
  #secondary .heading:before {
    position: absolute;
    left: 15px;
  }
  #secondarymainvl .inner .tlt p {
    font-size: 32px;
  }
  #secondarymainvl .inner .tlt h1 {
    font-size: 16px;
  }
}

/*--------------------------------------------------------------
診療案内
--------------------------------------------------------------*/
#secondary .service{
    background: none;
}
.service .treatment a .img:before {
    border-radius: 8px 8px 0 0;
}
/*--------------------------------------------------------------
当院について
--------------------------------------------------------------*/
.flex_img{
    display: flex;
    justify-content: center;
    width: 75%;
    margin: 0 auto 30px;
}
.flex_img .img{
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: column;
    height: 300px;
    justify-content: center;
    width: 30%;
}
.flex_img .txt{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    margin: 0px 0px 0px 30px;
    width: calc(70% - 30px);
}
.flex_img .txt h3{
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    border-left: 5px solid #9dbfd9;
    flex-direction: column;
    justify-content: center;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 5px 20px;
    color: #333;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
}
.flex_img .txt h3 small{
    font-size: 14px;
    font-weight: 500;
}
.career{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    background: #EEEEEE;
    flex-direction: row;
    justify-content: space-around;
    padding: 20px 30px 20px 30px;
    width: 75%;
    margin: auto;
}
.career dl{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    margin: 0;
}
.career dl dt{
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0px 0px 10px;
}
.career dl dt:nth-of-type(2){
    margin-top: 20px;
}
.career dl dd{
    color: #333;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    line-height: 1.6;
    margin: 0;
}
.hospital{
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    padding: 10px;
}
.hospital div{
    width: calc(50% - 10px * 0.5);
}
.hospital img{
    height: 320px;
    width: 100%;
    object-fit: cover;
}
.facility .inner{
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    background: rgba(0, 0, 0, 0.0);
    flex-direction: row;
    gap: 20px;
    justify-content: center;
    margin: 0px auto 100px;
}
.facility:last-of-type .inner{
    margin: 0;
}
.facility .inner div{
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: center;
    width: calc(33% - 20px * 0.67);
}
.facility img{
    height: 240px;
    width: 100%;
    object-fit: cover;
}
.facility p{
    line-height: 1.4!important;
    margin: 20px 0 20px;
    padding: 5px 0px 0px;
    text-align: center;
}
.facility p.midashi{
    display: flex;
    align-items: center;
    background: #FFFFFF;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    padding: 5px 0px;
    line-height: 1.4!important;
    font-weight: 500!important;
}
.facility p.midashi:before{
    content: '';
    background: #9dbfd9;
    height: 10px;
    width: 10px;
    display: inline-block;
}
.about_c {
  text-align: center;
}
.about_c h3 {
  background: #FFFFFF;
  padding: 5px 0px;
  color: #333;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
.about_c h3 span {
  position: relative;
  padding-left: 25px;
}
.about_c h3 span::before {
  content: "";
  display: block;
  position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
  background: #9dbfd9;
  height: 10px;
  width: 10px;
}
.about_c h4 {
  background: rgba(244, 235, 163, 0.82);
  color: #000000;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.4;
  margin: 59px auto 21px;
  padding: 25px 25px 25px 25px;
  text-align: center;
  width: 967px;
  max-width: 100%;
}
.about_c p {
  color: #333;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  padding: 28px 28px 0;
  text-align: left;
}
.about_c h5 {
  margin-bottom: 0;
  color: #333;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 0.09em;
  line-height: 1.4;
  padding: 38px;
  padding-bottom: 0;
  text-decoration: underline;
}
@media(max-width:840px){
  .about_c {
    padding: 0 30px;
  }
}
@media(max-width:768px){
    .career{
        width: 80%;
    }

    .career dl{
        width: 100%;
        margin-bottom: 20px;
    }
    .career dl dd{
        font-size: 12px;
    }
    .flex_img{
        flex-direction: column;
        width: 80%;
    }
    .flex_img .img,.flex_img .txt{
        margin: auto;
    }
    .flex_img .img{
        width: 50%;
        height: 220px;
        margin-bottom: 20px;
    }
    .flex_img .img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .flex_img .txt h3{
        font-size: 20px;
    }
    .flex_img .txt{
        width: auto;
    }
    .flex_img .txt p{
        font-size: 14px;
    }
}
@media(max-width:640px){
	.hospital,.facility{
		width:80%;
		max-width:80%;
		margin:auto;
	}
	.hospital div {
    	width: 100%;
	}
	.hospital img,.facility img {
		height: auto;
	}
	.facility .inner div{
		width:100%;
	}
  .about_c h4 {
    margin-top: 0;
    font-size: 14px;
  }
  .about_c p {
    padding-top: 0;
    font-size: 16px;
  }
  .about_c h5 {
    padding-top: 0;
  }
}

/*--------------------------------------------------------------
About
--------------------------------------------------------------*/
.hr{
    border-bottom: 1px dotted #999999;
    margin: 50px 0px 50px;
}
.p_line{
    color: #333;
    font-size: 14px!important;
    font-weight: 500!important;
    line-height: 1.4!important;
    margin: 0px 0px 10px;
}
.btn_black{
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-start;
    margin: 10px 0px 0px;

}
.btn_black a{
    background: #555555;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 30px;
    width: 219px;
    display: block;
}
.btn_black a:after{
    font-family: "Font Awesome 6 Free";
    content: '\f054';
    font-size: 10px;
    font-weight: 900;
    position: relative;
    left: 10px;
    bottom: 2px;
}
.btn_black a:hover{
    opacity: .7;
}
.bg_gray{
    background: linear-gradient(110deg, #ececec 72%, #f9f9f9 0%);
    padding: 100px 0px 100px;
    margin: 100px 0;
}
.bg_gray_{
    background: #EEEEEE;
    padding: 100px 0px 100px;
    margin: 100px 0;
}
.bg_blue{
    background: #ebf4fb;
    padding: 100px 0px 100px;
    margin: 100px 0;
}

@media(max-width:840px){
    .bg_gray,.bg_gray_,.bg_blue{
        padding: 60px 0px 60px;
        margin: 60px 0;
    }
}

/*--------------------------------------------------------------
access
--------------------------------------------------------------*/
.access{
    padding-bottom: 100px;
}
.access_page{
    color: white;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    flex-direction: row;
    gap: 30px;
    justify-content: center;
    margin: 0px 0px 40px 0px;
}
.access_page .num1,.access_page .num2{
    display: flex;
    flex-direction: column;
    width: 40%;
    max-width: 40%;
}
.access_page .num1 .link{
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 14px 20px;
    justify-content: flex-start;
    margin: 20px 0px 0px 0px;
    width: 100%;
}
.access_page .num1 .link a{
    display: flex;
    align-items: center;
    background: #999999;
    border-radius: 8px;
    flex-direction: row;
    gap: 5px;
    height: auto;
    justify-content: center;
    padding: 10px 0px;
    width: calc(50% - 20px * 0.5);
    color: white;
    font-size: 16px;
    font-weight: 400;
}
.access_page .num2{
    display: flex;
    align-items: flex-start;
    gap: 20px;
    justify-content: center;
    width: 60%;
    max-width: 60%;
}
.access_page .num2 h3{
    background: #ebf4fb;
    color: #555555;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    margin: 0px 0px 8px 0px;
    padding: 2px 16px;
    display: inline-block;
}
.access_page .num2 p{
    color: #555;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    margin: 0;
}
.access_page .num2 .add a{
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 8px;
    flex-direction: row;
    gap: 5px;
    justify-content: center;
    margin: 10px 0px 0px 0px;
    padding: 10px 0px;
    width: 50%;
    color: #444444;
    font-size: 16px;
    font-weight: 400;
}
.access_page a:hover{
    background: #99bfdc!important;
    color: white!important;
}
.access .payment{
    display: flex;
    align-items: flex-start;
    background: #ebf4fb;
    flex-direction: row;
    gap: 30px;
    justify-content: center;
    margin: 30px 0px 0px 0px;
    padding: 30px 0px;
}
.access .payment .inner{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    width: 680px;
}
.access .payment .inner .num1{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: #FFFFFF;
    border-radius: 8px;
    flex-direction: row;
    justify-content: center;
    padding: 20px 20px 20px 20px;
    width: 100%;
}
.access .payment .inner .num1 .num1-1 h4{
    display: flex;
    border-left: 5px solid #9dbfd9;
    color: #9dbfd9;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    padding: 0px 0px 5px;
    margin: 0;
    text-align: center;
    justify-content: center;
}
.access .payment p{
    color: #555555;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}
.access .payment ul.card{
    display: flex;
    background: #FFFFFF;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2px;
    padding: 2px 2px 2px 2px;
    list-style: none;
    margin: 0;
}
.access .payment ul.card li{
    width: 52px;
}
.access .payment ul.card li img{
    height: 30px;
    width: 52px;
    object-fit: contain;
}
.access .payment .inner .num1 .num1-1{
    margin-right: 30px;
}
.access .payment .inner > p,.access .payment .inner .num1 .num1-1 ul,.access .payment .inner .num1 .num1-1 p{
    color: #555555!important;
    font-size: 14px!important;
    font-weight: 400!important;
    line-height: 1.6!important;
    margin: 10px 0 0;
}
.access .payment .inner .num1 .num1-1 ul{
    list-style: none;
    padding: 0;
}
.access .payment .inner .num1 .num1-1 ul li{
    line-height: 1.6;
}
.access .payment .inner .num1 .num1-2{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
}
.access .payment .inner .num1 .num1-2 p{
    display: flex;
    align-items: center;
    background: #f4eba3;
    flex-direction: column;
    height: 30px;
    justify-content: center;
    width: 294px;
}

@media(max-width:840px){
    .access_page{
        width: 80%;
        margin: auto;
		flex-wrap: wrap;
    }
    .access_page .num1, .access_page .num2 {
        width: 100%;
        max-width: 100%;
    }
    .access .payment {
        padding: 30px 30px;
    }
}
@media(max-width:640px){
    .access .payment .inner .num1 .num1-2{
        margin-top: 20px;
    }
    .access .payment p{
        font-weight: 700;
    }
    .access .payment ul.card {
        gap: 10px;
        padding: 10px;
        justify-content: center;
    }
}

/*--------------------------------------------------------------
archive
--------------------------------------------------------------*/
.archive_page{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    width: 75%;
    max-width: 75%;
    margin: auto;
}
.archive_page a{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: #FFFFFF;
    border-bottom: solid 1px #EEEEEE;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0px 0px 30px;
    padding: 30px;
    width: 100%;
}
.archive_page a:hover{
    background: #ebf4fb;
}
.archive_page .archive_thumbnail{
	height:auto;
	width:100%;
/*     height: 200px;
    width: 233px; */
    overflow: hidden;
}
.archive_page .archive_thumbnail img{
/*     height: 100%; */
    width: 100%;
    object-fit: cover;
}
.archive_page .archive_title{
    display: flex;
    align-items: flex-start;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    margin: 0px 0px 0px 40px;
    width: auto;
    max-width: calc(100% - 40px);
}
.archive_page .archive_title span{
    color: #333;
    font-size: 13px;
    font-weight: 400;
    margin: 20px 0px 10px 0px;
}
.archive_page h2.entry-title{
    color: #555;
    font-size: 28px;
    font-weight: 500;
    margin: 0;
	line-height:1.2;
}

@media(max-width:840px){
    .archive_page .archive_thumbnail {
        width: 100%;
    }
    .archive_page .archive_title{
        margin: 0;
        max-width: 100%;
    }
}
@media(max-width:640px){
    .archive_page{
        width: 80%;
        max-width: 80%;
    }
    .archive_page h2.entry-title{
        font-size: 20px;
    }
    .archive_page .archive_title p{
        margin: 10px 0 0;
        font-size: 14px;
    }
}

/*--------------------------------------------------------------
single
--------------------------------------------------------------*/
#secondary.single article{
    display: flex;
    align-items: center;
    background: #FFFFFF;
    flex-direction: column;
    justify-content: flex-start;
    padding: 50px 100px 50px;
    margin: auto;
    width: 75%;
    max-width: 75%;
}
#secondary.single .entry-header{
    width: 100%;
}
#secondary.single .entry-header span{
    color: #333;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    margin: 9px 0px 0px;
}
#secondary.single .entry-header h2.entry-title{
    color: #555555;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    text-align: left;
    display: flex;
    justify-content: flex-start;
}
#secondary.single .entry-content{
    color: #333;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    margin: 30px 0px 0px;
    width: 100%;
}
#secondary.single .entry-content h2,
#secondary.single .entry-content h3,
#secondary.single .entry-content h4,
#secondary.single .entry-content h5,
#secondary.single .entry-content h6{
    color: #7fa9c8;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 60px 0px 30px 0px;
    padding: 0px 0px 5px 10px;
}
#secondary.single .entry-content h2{
    border-bottom: 2px solid #8ab2d0;
}
#secondary.single .entry-content h3{
    background: #ebf4fb;
	color:#333;
    font-size: 18px;
    margin: 10px 0px 10px 0px;
    padding: 5px 0px 5px 10px;
}
#secondary.single .entry-content h4{
    font-size: 18px;
    font-weight: 600;
}
#secondary.single .entry-content h5{
    font-size: 16px;
    font-weight: 600;
}
#secondary.single .entry-content h6{
    font-size: 14px;
    font-weight: 600;
}
.post-navigation{
    text-align: center;
    padding: 50px 0;
}
.post-navigation .nav-links{
    display: flex;
    justify-content: center;
}
.post-navigation .nav-links a{
    padding: 0 15px;
    color: #333;
}
.screen-reader-text{
    display: none;
}

@media(max-width:640px){
    #secondary.single .entry-content{
        font-size: 14px;
    }
    #secondary.single article{
        width: 90%;
        max-width: 90%;
        padding: 30px 20px;
    }
    #secondary.single .entry-header h2.entry-title{
        font-size: 24px;
    }
    #secondary.single .entry-content h2,
    #secondary.single .entry-content h3,
    #secondary.single .entry-content h4,
    #secondary.single .entry-content h5,
    #secondary.single .entry-content h6{
        font-size: 18px;
        margin: 50px 0px 20px 0px;
    }
}

/*--------------------------------------------------------------
wp-pagenavi
--------------------------------------------------------------*/
.wp-pagenavi{
    text-align: center;
    padding: 70px 0 100px;
}
.wp-pagenavi span,.wp-pagenavi a{
    border: none!important;
}
.wp-pagenavi{}
/*--------------------------------------------------------------
error-404
--------------------------------------------------------------*/
.error-404 h2,.no-results h2{
    font-size: 18px;
}
.error-404 p a,.no-results p a{
    color: #333;
}
/*--------------------------------------------------------------
list
--------------------------------------------------------------*/
.list a{

    display: flex;
    align-items: center;
    background: #000000;
    border-radius: 12px;
    flex-direction: row;
    height: 40px;
    justify-content: center;
    margin: 30px auto;
    padding: 0px;
    width: 230px;
    color: white;
}
.list a:after{
    font-family: "Font Awesome 6 Free";
    content: '\f054';
    font-size: 13px;
    font-weight: 900;
    position: relative;
    top:0;
    left: 12px;
}
.list a:hover{
    background: #7da5c3;
}
/*--------------------------------------------------------------
fixation_reservation
--------------------------------------------------------------*/
.fixation_reservation{
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    bottom: 0px;
    left: 0px;
    margin: 0;
    padding: 12px 0px;
    position: fixed;
    right: 0px;
    top: auto;
    width: 100%;
    max-width: 100%;
	z-index: 998;
}
.fixation_reservation a{
    background: rgb(255, 203, 92);
    border-radius: 64px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    padding: 14px 100px;
    display: table;
    margin: auto;
    text-align: center;
}
.fixation_reservation a p{
    color: #46340d;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
}
.fixation_reservation a p:nth-child(1){
    font-size: 14px;
}
/*--------------------------------------------------------------
service 診療案内
--------------------------------------------------------------*/
.treatments>.container{
    padding: 0 0 100px;
}
.w75{
    color: #555555;
    width: 75%;
    max-width: 75%;
    margin: auto;
}
h3.midashi{
    text-align: center;
    color: #555555;
    font-size: 24px;
    font-weight: 700;
}
h4.midashi{
    font-size: 18px;
    font-weight: 500;
}
@media(max-width:576px){
	.midashi{
		padding:0 15px;
	}
}
.img_t.blue{
    background: linear-gradient(180deg, white 47%, #ebf4fb 45%);
}
.blue.deg0{
    background: linear-gradient(0deg, white 47%, #ebf4fb 45%);
}
.img_t.gray{
    background: linear-gradient(180deg, white 47%, #EEEEEE 45%);
}
.gray.deg0{
    background: linear-gradient(0deg, white 47%, #EEEEEE 45%);
}
.img_t .inner{
    background: #EEEEEE;
    border-radius: 8px;
    height: 350px;
    width: 900px;
    max-width: 100%;
    margin: auto;
    overflow: hidden;
}
.img_t.blue + .bg_blue{
    margin: 0;
}
.img_t img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.nums_list{
    display: flex;
/*    align-items: center;*/
background: rgba(0, 0, 0, 0.0);
flex-direction: row;
flex-wrap: wrap;
gap: 60px 40px;
justify-content: center;
padding: 10px;
margin: 0;
list-style: none;
}
.nums_list li{
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    flex-direction: column;
    justify-content: flex-start;
    gap: 30px;
    padding: 40px 30px;
    width: 45%;
    max-width: 100%;
    position: relative;
}
.nums_list li h3{
    border-bottom: 1px solid #9dbfd9;
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    padding: 0px 0px 5px;
    text-align: center;
}
.nums_list li:before{
    content: '';
    display: flex;
    align-items: center;
    background: #9dbfd9;
    border-radius: 50%;
    box-shadow: 26px 19px 0px rgba(203, 222, 236, 0.5);
    flex-direction: column;
    height: 70px;
    justify-content: center;
    transform: translate(-91px, -36px);
    width: 70px;
    max-width: 100%;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    top:0;
    left: 75px;
}
.nums_list li .txt p{
    margin: 0;
}
.nums_list.bold li{
    justify-content: center;
}
.nums_list.bold li .txt p{
    font-size: 20px!important;
    font-weight: bold!important;
}
.nums_list li:nth-child(1):before{content: '01.';}
.nums_list li:nth-child(2):before{content: '02.';}
.nums_list li:nth-child(3):before{content: '03.';}
.nums_list li:nth-child(4):before{content: '04.';}
.nums_list li:nth-child(5):before{content: '05.';}
.nums_list li:nth-child(6):before{content: '06.';}
.nums_list li .txt{
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.0);
    flex-direction: column;
/*    height: 210px;*/
justify-content: flex-start;
margin: 0;
color: #333;
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}
.nums_list li .img{
    height: 152px;
    width: 100%;
    margin-top: auto;
    overflow: hidden;
}
.nums_list li .img img{
    height: 152px;
    width: 100%;
    object-fit: cover;
}
.nums_list li .txt.num1,
.nums_list li .txt.num2,
.nums_list li .txt.num3,
.nums_list li .txt.num4,
.nums_list li .txt.num5{
    display: block;
    height: 120px;
    position: relative;
    width: 100%;
}
.nums_list li .txt.num1 p,
.nums_list li .txt.num2 p,
.nums_list li .txt.num3 p,
.nums_list li .txt.num4 p,
.nums_list li .txt.num5 p{
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    position: absolute;
    top:55%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width:100%;
}
.nums_list li .txt.num1:before,
.nums_list li .txt.num2:before,
.nums_list li .txt.num3:before,
.nums_list li .txt.num4:before,
.nums_list li .txt.num5:before{
    position: relative;
    transform:translate(-51px, -46px);
}
/*.nums_list li .txt.num1:before{content: '01.';}
.nums_list li .txt.num2:before{content: '02.';}
.nums_list li .txt.num3:before{content: '03.';}
.nums_list li .txt.num4:before{content: '04.';}
.nums_list li .txt.num5:before{content: '05.';}*/
.nums_list_tlt_txt{
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.0);
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
    padding: 10px;
    margin: 0;
}
.nums_list_tlt_txt{
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.0);
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
    padding: 10px;
    margin: 0;
}
.nums_list_tlt_txt li{
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    padding: 20px 30px 40px 30px;
    margin-bottom: 30px;
    height: 216px;
    width: calc(50% - 40px * 0.5);
    max-width: calc(50% - 40px * 0.5);
    position: relative;
}
.nums_list_tlt_txt li:last-child{
    margin-bottom: 0;
}
.nums_list_tlt_txt li h3{
    border-bottom: 1px solid #9dbfd9;
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    padding: 0px 0px 5px;
    text-align: center;
    width: 300px;
    margin: auto;
}
.nums_list_tlt_txt li:nth-child(1):before,
.nums_list_tlt_txt li:nth-child(2):before,
.nums_list_tlt_txt li:nth-child(3):before,
.nums_list_tlt_txt li:nth-child(4):before,
.nums_list_tlt_txt li:nth-child(5):before,
.nums_list_tlt_txt li:nth-child(6):before{
    content: '';
    display: flex;
    align-items: center;
    background: #9dbfd9;
    border-radius: 50%;
    box-shadow: 26px 19px 0px rgba(203, 222, 236, 0.5);
    flex-direction: column;
    height: 70px;
    justify-content: center;
    transform: translate(-91px, -36px);
    width: 70px;
    max-width: 100%;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    position:absolute;
    top:0;
    left: 75px;
}
.nums_list_tlt_txt li:nth-child(1):before{content: '01.';}
.nums_list_tlt_txt li:nth-child(2):before{content: '02.';}
.nums_list_tlt_txt li:nth-child(3):before{content: '03.';}
.nums_list_tlt_txt li:nth-child(4):before{content: '04.';}
.nums_list_tlt_txt li:nth-child(5):before{content: '05.';}
.nums_list_tlt_txt li:nth-child(6):before{content: '06.';}
.nums_list_tlt_txt li .txt p{
    margin: 0;
}
.nums_list_tlt_img{
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.0);
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
    padding: 10px;
    margin: 0;
}
.nums_list_tlt_img li{
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    padding: 20px 30px 40px 30px;
    margin-bottom: 30px;
    width: 360px;
    height: 300px;
    max-width: 100%;
    position: relative;
}
.nums_list_tlt_img li h3{
    border-bottom: 1px solid #9dbfd9;
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    padding: 0px 0px 5px;
    text-align: center;
    width: 230px;
    margin: auto;
}
.nums_list_tlt_img li:nth-child(1) h3:before,
.nums_list_tlt_img li:nth-child(2) h3:before,
.nums_list_tlt_img li:nth-child(3) h3:before,
.nums_list_tlt_img li:nth-child(4) h3:before,
.nums_list_tlt_img li:nth-child(5) h3:before,
.nums_list_tlt_img li:nth-child(6) h3:before{
    content: '';
    display: flex;
    align-items: center;
    background: #9dbfd9;
    border-radius: 50%;
    box-shadow: 26px 19px 0px rgba(203, 222, 236, 0.5);
    flex-direction: column;
    height: 70px;
    justify-content: center;
    transform: translate(-91px, -36px);
    width: 70px;
    max-width: 100%;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    position:absolute;
    top:0;
    left: 75px;
}
.nums_list_tlt_img li:nth-child(1) h3:before{content: '01.';}
.nums_list_tlt_img li:nth-child(2) h3:before{content: '02.';}
.nums_list_tlt_img li:nth-child(3) h3:before{content: '03.';}
.nums_list_tlt_img li:nth-child(4) h3:before{content: '04.';}
.nums_list_tlt_img li:nth-child(5) h3:before{content: '05.';}
.nums_list_tlt_img li:nth-child(6) h3:before{content: '06.';}
.nums_list_tlt_img li .img{
    height: 152px;
    width: 100%;
    overflow: hidden;
}
.nums_list_tlt_img li .img img{
    height: 152px;
    width: 100%;
    object-fit: cover;
}
.type_inner{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    margin: auto;
    width: 75%;
    max-width: 75%;
}
.type_inner .type_tlt{
    display: flex;
    align-items: center;
    background: #9dbfd9;
    border-radius: 12px;
    flex-direction: column;
    justify-content: center;
    margin: 0px 30px 0px 0px;
    padding: 20px 0;
    width: calc(50% - 30px);
    max-width: calc(50% - 30px);
}
.type_inner .type_tlt.num2{
    background: #cbdeec;
}
.type_inner .type_tlt.num3{
    background: #EEEEEE;
}
.type_inner .type_tlt.num4{
    background: #f4eba3;
}
.type_inner .type_tlt.num5{
    background: #999999;
}
.type_inner .type_tlt h3{
    color: #333;
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    margin: 0;
}
.type_inner .type_tlt.txt h3{
    font-size: 20px;
}
.type_inner .type_tlt.num1 h3,.type_inner .type_tlt.num5 h3{
    color: white;
}
.type_inner .type_tlt.rows{
    padding: 20px 0 20px 0;
    width: calc(50% - 30px);
    max-width: calc(50% - 30px);
}
.type_inner .type_tlt.rows h3{
    font-size: 20px;
    line-height: 1.6;
}
.type_inner>p{
    margin: 0;
    width: 50%;
}
.type_inner .type_tlt.rows+p{
    width: 50%;
    max-width: 50%;
}
.type_inner + .fa-arrow-down{
    color: #999999;
    font-size: 36px;
    margin: 20px auto 20px;
    display: flex;
    justify-content: center;
}
.flow_01{
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px 20px;
    justify-content: center;
    padding: 0px;
    width: 75%;
    max-width: 75%;
    margin: auto;
}
.flow_01 .inner{
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.0);
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 240px;
    max-width: 100%;
}
.flow_01 .inner>div{
    display: flex;
    align-items: center;
    background: #9dbfd9;
    border-radius: 50%;
    flex-direction: column;
    height: 150px;
    justify-content: center;
    margin: 0px 0px 10px 0px;
    padding: 0 7px;
    width: 150px;
    max-width: 100%;
}
.flow_01 .inner .num2{background: #cbdeec;}
.flow_01 .inner .num3{background: #dddddd;}
.flow_01 .inner .num4{background: #999999;}
.flow_01 .inner .num5{background: #FFFFFF;}
.flow_01 .inner .num6{background: #f4eba3;}
.flow_01 .inner>div p{
    background: rgba(0, 0, 0, 0.0);
    color: #FFFFFF!important;
    font-size: 18px!important;
    font-weight: 500!important;
    line-height: 1.4!important;
    margin: 0;
}
.flow_01 .inner>div h3{
    color: #FFFFFF;
    font-size: 19px;
    font-weight: 700;
    height: 60px;
    line-height: 1.4;
    text-align: center;
    margin: 0;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.flow_01 .inner .num2 p,.flow_01 .inner .num2 h3,
.flow_01 .inner .num3 p,.flow_01 .inner .num3 h3,
.flow_01 .inner .num5 p,.flow_01 .inner .num5 h3,
.flow_01 .inner .num6 p,.flow_01 .inner .num6 h3{
    color: #555555!important;
}
.flow_01 .inner>p{
    height: 80px;
}
.fee_list{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    padding: 0px;
    width: 75%;
    max-width: 75%;
    margin: auto;
}
.fee_list .inner{
    display: flex;
    align-items: flex-start;
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    justify-content: flex-start;
    flex-direction: column;
    padding: 30px 50px;
    width: 100%;
}
.fee_list.cols{
    flex-direction: row;
    flex-wrap: wrap;
}
.fee_list.cols .inner{
    width: 328px;
}
.fee_list .inner h3{
    color: #555555;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 15px;
}
.fee_list .inner .fee{
    display: flex;
    align-items: end;
}
.fee_list .inner .fee p{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 71%, #f4eba3 67%);
    color: #555555;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    margin: 0 5px 0 0;
    text-align: center;
}
.fee_list .inner .fee span{
    font-size: 18px;
}
.fee_list .inner>p{
    margin-bottom: 0;
}
.list_col2{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    width: 100%;
}
.list_col2 .inner{
    background: #EEEEEE;
    width: calc(50% - 30px * 0.5);
    max-width: calc(50% - 30px * 0.5);
}
.list_col2 .inner h3{
    background: #9dbfd9;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    margin: 0;
    padding: 10px 0px;
    width: 100%;
    text-align: center;
}
.list_col2 .inner p{
    margin: 0;
    padding: 20px;
}
.check_list {
    display: flex;
    align-items: flex-start;
    background: rgba(0, 0, 0, 0.0);
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}
.check_list li{
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
    flex-direction: row;
    justify-content: center;
    padding: 20px 0px 20px 0px;
    width: calc(50% - 20px * 0.5);
    max-width: calc(50% - 20px * 0.5);
}
.check_list li p{
    font-size: 18px!important;
    font-weight: 500!important;
    margin: 0;
}
.check_list li .fa-check{
    color: #6ec851;
    font-size: 24px;
    margin: 0px 10px 0px 5px;
    max-width: calc(100% - 5px);
}
.list_col_prt ul{
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    margin: 0;
    padding: 0;
}
.list_col_prt ul li{
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border: 3px solid #9dbfd9;
    border-radius: 40px;
    height: 80px;
    justify-content: center;
    text-align: center;
    width: 227px;
    color: #555555;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
}
.talk ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
    margin: 0;
    padding: 0;
}
.talk ul li{
    display: flex;
    lign-content: center;
    align-items: center;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    flex-direction: column;
    justify-content: center;
    width: 75%;
    margin: auto;
}
.talk_a .txt p:first-child,.talk_b .txt p:first-child{
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 5px;
}
.talk_a .txt p:last-child{
    font-size: 18px;
    font-weight: 500;
}
.talk_a{
    display: flex;
    align-items: center;
    background: #f4eba3;
    border-radius: 8px 8px 0px 0px;
    flex-direction: row;
    justify-content: flex-start;
    padding: 10px 30px;
    width: 100%;
}
.talk_a .img,.talk_b .img{
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 50%;
    flex-direction: column;
    height: 80px;
    justify-content: center;
    margin: 0px 20px 0px 0px;
    width: 80px;
    overflow: hidden;
}
.talk_a .txt,.talk_b .txt{
    width: 80%;
}
.talk_b{
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 0px 0px 8px 8px;
    flex-direction: row;
    justify-content: flex-start;
    padding: 20px 30px;
    width: 100%;
    max-width: 100%;
}
.talk_a .img,.talk_b .img{
    position: relative;
}
.talk_a .img .bg:before,.talk_b .img .bg:before{
    content: '';
    background-position: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
}
.talk_a .img .bg:before{
    background: center / cover no-repeat url("../img/cosmetic-dentistry1.webp");
}
.talk_b .img .bg:before{
    background: center / cover no-repeat url("../img/cosmetic-dentistry2.webp");
}
.talk p{
    margin: 0;
}
.example_wp{
    width: 960px;
    margin: auto;
}
.example figure img{
    border-radius: 8px 8px 0 0;
}
.example.rc figure img{
    border-radius: 8px;
}
.example .txt{
    background: #EEEEEE;
    padding: 30px 30px;
    border-radius: 0 0 8px 8px;
}
.example .txt h3{
    border-bottom: 1px solid #555555;
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0px 0px 20px;
    padding: 0px 20px 20px 20px;
    text-align: center;
}
.txt_box{
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    padding: 30px 50px;
    width: 75%;
    margin: 0 auto 20px;
}
.txt_box h3{
    color: #555555;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
}
.txt_box p{
    color: #555555;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0;
}
.tlt_box{
    width: 75%;
    margin: auto;
}
.tlt_box dl{
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
    border-radius: 8px;
    background: white;
    overflow: hidden;
}
.tlt_box dl dt{
    background: #9dbfd9;
    color: white;
    font-size: 18px;
    padding: 20px 30px;
}
.tlt_box dl dd{
    padding: 20px 30px;
    margin: 0;
}
.tlt_box+h3{
    margin-top: 60px;
    font-size: 24px;
}
.link_list{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: auto;
    width: 75%;
}
.link_list li{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: calc(50% - 20px * 0.5);
}
.link_list li a{
    color: #333;
    font-size: 18px;
    font-weight: 500;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    padding: 20px 30px;
    background: #FFFFFF;
    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
    display: block;
}
.link_list li a:hover{
    background: #ebf4fb;
}
.link_list li a span{
    color: #7da5c3;
    margin-right: 20px;
}
.faq{
    display: flex;
    gap: 30px;
    flex-direction: column;
    position: relative;
}
.faq dl{
    display: flex;
    align-items: center;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    flex-direction: column;
    justify-content: center;
    margin: auto;
    width: 75%;
}
.faq dl dt{
    display: flex;
    align-items: center;
    background: #f4eba3;
    border-radius: 8px 8px 0px 0px;
    flex-direction: row;
    justify-content: flex-start;
    padding: 20px 30px;
    width: 100%;
    max-width: 100%;
    margin: 0;
}
.faq dl dd{
    display: flex;
    align-items: flex-start;
    background: #FFFFFF;
    border-radius: 0px 0px 8px 8px;
    flex-direction: row;
    justify-content: flex-start;
    padding: 20px 30px;
    width: 100%;
    max-width: 100%;
    margin: 0;
}
.faq dl dt span,.faq dl dd span{
    display: flex;
    align-items: center;
    border-radius: 50%;
    height: 40px!important;
    justify-content: center;
    margin: 0px 20px 0px 0px;
    width: 40px!important;
    font-size: 20px;
    font-weight: 900;
    padding: 20px;
}
.faq dl dt span{
    background: #FFFFFF;
    color: #999999;
}
.faq dl dd span{
    background: #ebf4fb;
    color: #9dbfd9;
}
/*リンク有り*/
.faq dd.btn{
	position:relative;
	padding-bottom:100px;
}
.faq dd.btn .list{
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

/*--------------------------------------------------------------
service 診療案内 sp
--------------------------------------------------------------*/
@media(max-width:1000px){
    .youtube{
        width: 75%;
        max-width: 75%;
        margin: auto;
    }
}
@media(max-width:840px){
    .img_t .inner,
    .type_inner .type_tlt,
    .type_inner>p,
    .nums_list_tlt_txt li,
    .nums_list li,
    .example_wp,
    .link_list li{
        width: 75%;
        max-width: 75%;
    }
    .type_inner .type_tlt,
    .type_inner>p,.check_list li,
    .type_inner .type_tlt.rows,
    .type_inner .type_tlt.rows+p{
        width: 100%;
        max-width: 100%;
    }
    .check_list{
        padding: 0 60px;
    }
    .type_inner .type_tlt{
        margin: 0 0 20px;
        padding: 20px 0;
    }
    .nums_list li{
        padding: 20px 30px;
    }
    .img_t.cont .inner {
        height: auto;
        background: none;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        line-height: 0;
    }
    .img_t.cont img{
        object-fit: contain;
    }
    .link_list {
        justify-content: center;
    }
    .tlt_box+h3{
        font-size: 20px;
    }
	.fixation_reservation{
		display:none;
	}
}
@media(max-width:768px){
    .list_col2 .inner{
        width: 100%;
        max-width: 100%;
    }
    .nums_list li .txt p{
        font-size: 16px!important;
    }
    .nums_list li:before{
        font-size: 20px;
        width: 60px;
        height: 60px;
    }
}
@media(max-width:640px){
    .flow_01 .inner>div{
        width: 140px;
        height: 140px;
    }
    .flow_01 .inner>div h3{
        height: auto;
        margin: 10px 0 0;
        font-size: 18px;
    }
    .fee_list .inner {
        padding: 20px 30px;
    }
    .fee_list .inner h3,.nums_list li h3{
        font-size: 18px;
    }
    .fee_list .inner .fee p{
        font-size: 20px;
    }
    .fee_list .inner .fee span{
        font-size: 12px;
    }
    .fee_list .inner>p{
        font-size: 14px;
    }
    .nums_list li{
        gap: 20px;
    }
    .nums_list li .txt p{
        font-size: 14px!important;
    }
    .youtube{
        width: 80%;
        max-width: 80%;
        height: 190px;
    }
    .youtube iframe{
        width: 100%;
        height: 100%;
    }
    .talk_a,.talk_b {
        align-items: flex-start;
    }
    .talk_a .img, .talk_b .img{
        width: 50px;
        height: 50px;
        padding: 1rem;
        margin: 0px 10px 0px 0px;
    }
    .tlt_box dl dt{
        font-size: 16px;
    }
    .tlt_box dl dd{
        font-size: 14px;
    }
}
.wp-block-image{text-align:center;}


.day_title {
  position: relative;
  z-index: 0;
  padding: 100px 60px;
  background: url("../img/1day.webp") no-repeat center center;
  background-size: cover;
  text-align: center;
}
.day_title::after {
  content: "";
  display: block;
  position: absolute;
	top: 0;
	left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.55);
}
.day_title h2 {
  color: #FFFFFF;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.day_title h2 span {
  display: inline-block;
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
}
.day_title p {
  color: #FFFFFF;
}

.blue2 {
  margin-bottom: 0 !important;
  background: #9dbfd9 !important;
}
.blue2 .heading:before {
  display: none;
}
.blue2 .heading h2 {
  color: #FFFFFF !important;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid #fff !important;
}
.scan {
  -webkit-box-align: center;
  align-items: center;
}
.scan_l {
  width: 50%;
  padding: 60px;
}
.scan_l h2 {
  color: #555555;
  padding-bottom: 10px;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4;
  border-bottom: 1px solid #6e6e6e;
  text-align: center;
}
.scan_l p {
  color: #555555;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  margin: 20px 0px 0px 0px;
}
.scan_r {
  width: 50%;
}
.scan_r img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media(max-width:840px){
  .scan_l {
    width: 100%;
  }
  .scan_r {
    width: 100%;
  }
  .scan_r img {
    width: 100%;
    height: auto;
  }
}

@media(max-width:640px){
  .day_title h2 {
    font-size: 28px;
  }
  .scan_l h2 {
    font-size: 28px;
  }
  .scan_l p {
    font-size: 14px;
  }
}
.riji {
  padding-bottom: 300px;
}
.riji .inner{
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  height: 424px;
  justify-content: center;
  margin: 0px 0px 201px 0px;
  padding: 0px;
}
.riji .inner .img{
  height: 330px;
  transform: translate(30px, 0px);
  width: 310px;
  z-index: 0;
  max-width: 100%;
}
.riji .inner .img:before{
  content: '';
  background: center / cover no-repeat url(../img/riji.webp);
  background-position: 50%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.riji .inner .txt{
  display: flex;
  align-items: flex-start;
  background: #FFFFFF;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  flex-direction: column;
  justify-content: center;
  padding: 59px;
  transform: translate(0px, 50px);
  width: 770px;
  max-width: 100%;
}
.riji .inner .txt h3{
  color: #333;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 30px 0;
}
.riji .inner .txt p{
  color: #333;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  margin: 0;
}
.riji .inner .txt p.name{
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  margin: 30px 0px 0px 0px;
}
.riji_photo {
  padding: 100px 30px;
  background: #f9f9f9;
  text-align: center;
}
.riji_photo img {
  margin-bottom: 30px;
}
.riji_bottom {
  padding: 60px 30px !important;
}
.riji_bottom .container {
  width: 640px;
  margin: 0 auto;
}
.riji_bottom .container p {
  margin-top: 0;
  text-align: center;
  line-height: 2.2;
}
.riji_bottom .container h3 {
  margin-bottom: 0;
  background: #9dbfd9;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  padding: 10px 0px 10px 0px;
  text-align: center;
}
.riji_bottom .container p:last-of-type {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  padding: 20px 30px 20px 30px;
  background: #EEEEEE;
  text-align: left;
}
@media(max-width:840px){
  .riji {
    padding-bottom: 80px;
  }
  .riji .inner{
    flex-direction: column;
    height: auto;
    width: 90%;
    margin: auto;
    gap: 50px;
  }
  .riji .inner .img {
    transform: translate(0, 0);
    margin: auto;
  }
  .riji .inner .txt {
    transform: translate(0, 0);
    width: 100%;
  }
}
@media(max-width:640px){
  .riji .container {
    padding: 50px 0;
  }
  .riji .inner .txt{
    padding: 30px;
  }
  .riji .inner .txt h3{
    font-size: 20px;
  }
  .riji .inner .txt p.name{
  font-size: 14px;
  }
  .riji_bottom .container {
  width:100%;
}
  .riji_bottom .container p {
    font-size: 14px;
    text-align: left;
  }
}


.information {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: url(../img/home/Rectangle-5.webp) no-repeat center right;
  background-size: cover;
}
.info_inner {
  position: relative;
  width: 790px;
  padding: 90px 0 90px 75px;
  background: url(../img/home/Rectangle-4.webp) no-repeat left center;
  background-size: cover;
  font-family: "Noto Serif JP", serif;
}
.info_inner_h3 {
  margin-top: 0 !important;
  margin-bottom: 35px;
  font-size: 62px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  line-height: 1;
}
.info_inner p {
  margin-bottom: 35px;
  font-size: 26px;
  font-weight: 500;
  color: #6E6E6E;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
.info_inner ul {
  padding-left: 0;
}
.info_inner ul li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 60px;
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 1.6;
  list-style-type: none;
}
.info_inner ul li span {
  color: #6E6E6E;
}
.info_inner ul li::before {
  content: "";
  display: block;
  position: absolute;
	top: 10px;
	left: 0;
  width: 36px;
  height: 35px;
  background-image: url(../img/home/icon_01.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.info_inner ul li:nth-of-type(2)::before {
  background-image: url(../img/home/icon_03.webp);
}
.info_inner ul li:nth-of-type(3)::before {
  background-image: url(../img/home/icon_04.webp);
}
.info_inner ul li:nth-of-type(4)::before {
  background-image: url(../img/home/icon_07.webp);
}
.info_inner ul li:nth-of-type(5)::before {
  background-image: url(../img/home/icon_05.webp);
}
.info_inner ul li:nth-of-type(6)::before {
  background-image: url(../img/home/icon_06.webp);
}
@media screen and (max-width: 1540px) {
  .information {
    width: 100%;
  }
}
@media screen and (max-width: 840px) {
  .info_inner {
    width: 100%;
    background: #9ECBFF;
  }
}
@media screen and (max-width: 768px) {
  .information {
    width: 100%;
    margin: 0 auto;
    background: none;
  }
  .info_inner {
    width: 100%;
    padding: 24px 18px;
  }
  .info_inner_h3 {
    margin-bottom: 10px;
    font-size: 32px;
  }
  .info_inner p {
    margin-bottom: 18px;
    font-size: 20px;
  }
  .info_inner ul li {
    padding-left: 35px;
    font-size: 22px;
  }
  .info_inner ul li::before {
    width: 23px;
    height: 22px;
  }
}

.info_bottom {
  overflow: hidden;
  padding: 70px 0 50px;
  background: url(../img/home/Group-17-1-1.webp) no-repeat center center;
  background-size: cover;
  font-family: "Noto Serif JP", serif;
}
.info_bottom_inner {
  position: relative;
  width: 1346px;
  margin: 0 auto;
}
.info_bottom_inner .flex {
  align-items: center;
  padding: 10px 0;
  background: #fff;
}
.info_bottom_inner::after {
  content: "";
  display: block;
  position: absolute;
	bottom: -50px;
	right: -190px;
  width: 295px;
  height: 405px;
  background: url("../img/home/fukidasi.png") no-repeat center center;
  background-size: cover;
}
.info_inner_h4 {
  margin-top: 0 !important;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: center;
  text-shadow: 0px 0px 8px rgba(2,118,213,0.7);
}
.info_bottom_inner p {
  margin-top: 10px !important;
  margin-bottom: 30px !important;
  font-size: 26px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: center;
  text-shadow: 0px 0px 8px rgba(2,118,213,0.7);
}
.info_bottom_l {
  width: 31.5%;
  border-right: 1px solid #0276D5;
  text-align: center;
}
.info_bottom_l .info_inner_h5 {
  margin: 0;
  font-family: "Noto Serif JP", serif;
  font-size: 26px;
  font-weight: 600;
  color: #0276D5;
  line-height: 1.6;
}
.info_bottom_l .info_inner_h5 span {
  display: block;
  font-size: 40px;
}
.info_bottom_r {
  width: 68.5%;
}
.info_bottom_r ul {
  position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.info_bottom_r ul li {
  position: relative;
  width: 49%;
  margin-bottom: 10px;
  padding-left: 48px;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.6;
  color: #6E6E6E;
  list-style-type: none;
}
.info_bottom_r ul li::before {
  display: block;
  content: "";
  position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
  width: 37px;
  height: 37px;
  background: url(../img/home/info_bottom_list_icon.webp);
  background-size: cover;
}
@media screen and (max-width: 1540px) {
  .info_bottom_inner {
    width: calc(100% - 40px);
  }
  .info_bottom_inner::after {
    bottom: -50px;
    right: -15px;
    width: 10vw;
    height: 13.733vw;
  }
  .info_bottom_l .info_inner_h5 {
    font-size: 1.733vw;
  }
  .info_bottom_l .info_inner_h5 span {
    font-size: 2.667vw;
  }
  .info_bottom_r ul li {
    margin-bottom: 0.667vw;
    padding-left: 3.2vw;
    font-size: 2vw;
  }
  .info_bottom_r ul li::before {
    width: 2.467vw;
    height: 2.467vw;
  }
}
@media screen and (max-width: 840px) {
  .info_bottom {
    padding: 30px 0 0;
    background: url(../img/home/Frame7.png) no-repeat center center;
    background-size: cover;
  }
  .info_bottom_l {
    width: 100%;
    border-right: none;
  }
  .info_bottom_l .info_inner_h5 {
    margin: 0;
    font-family: "Noto Serif JP", serif;
    font-size: 26px;
    font-weight: 600;
    color: #0276D5;
    line-height: 1.6;
  }
  .info_bottom_l .info_inner_h5 span {
    display: block;
    font-size: 40px;
  }
  .info_bottom_r {
    width: 100%;
  }
  .info_bottom_inner {
    width: 100%;
  }
  .info_bottom_inner::after {
    top: -20px;
    bottom: auto;
    right: 0;
    width: 150px;
    height: 202px;
    background: url("../img/home/sp_fukidasi.png") no-repeat center center;
    background-size: cover;
  }
  .info_bottom_inner .flex {
    padding: 40px 15px;
    background: #fff;
  }
  .info_bottom_inner .info_inner_h4 {
    margin-bottom: 10px;
    padding-left: 15px;
    font-size: 45px;
    text-align: left;
  }
  .info_bottom_inner p {
    margin-bottom: 10px;
    padding-left: 15px;
    font-size: 26px;
    text-align: left;
  }
  .info_bottom_inner ul {
    width: 100%;
    margin-left: 0;
    padding: 18px;
    background: #fff;
  }
  .info_bottom_inner ul li {
    position: relative;
    width: 100%;
    padding-left: 30px;
    font-size: 20px;
  }
  .info_bottom_inner ul li::before {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 640px) {
  .info_bottom_inner::after {
    top: 10px;
    width: 200px;
    height: 269px;
  }
}
@media screen and (max-width: 530px) {
  .info_bottom_inner::after {
    top: 89px;
    width: 140px;
    height: 189px;
  }
}
.info_link {
  padding: 42px 0;
  background: #0276D5;
}
.info_link_btn {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
  -webkit-box-pack: center;
  justify-content: center;
}
.info_link_btn a {
  position: relative;
  display: block;
  width: 356px;
  padding: 20px;
  background: #F8943D;
  border-radius: 10px;
  font-family: "Noto Serif JP", serif;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  transition: .3s;
}
.info_link_btn a::before {
  content: "";
  display: block;
  position: absolute;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
  width: 47px;
  height: 47px;
  background: url(../img/home/tel_icon.webp) no-repeat center center;
  background-size: cover;
}
.info_link_btn a span {
  font-size: 20px;
}
	.info_link_btn a span.wpel-icon-6 {
    display:none;
  }
.info_link_btn a:nth-of-type(2) {
  margin: 0 30px;
}
.info_link_btn a:nth-of-type(3) {
  background: #00B900;
}
.info_link_btn a:nth-of-type(2)::before {
  width: 51px;
  height: 48px;
  background: url(../img/home/hour_icon.webp) no-repeat center center;
  background-size: cover;
}
.info_link_btn a:nth-of-type(3)::before {
  width: 46px;
  height: 46px;
  background: url(../img/home/line_icon.webp) no-repeat center center;
  background-size: cover;
}
.info_link_btn a:hover {
  opacity: .65;
  transition: .3s;
}
@media screen and (max-width: 1170px) {
  .info_link {
    padding: 42px 18px;
  }
  .info_link_btn {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .info_link_btn a {
    width: 32%;
    font-size: 22px;
  }
  .info_link_btn a::before {
    left: 15px;
    width: 30px;
    height: 30px;
  }
  .info_link_btn a span {
    font-size: 16px;
  }
  .info_link_btn a:nth-of-type(2) {
    margin: 0;
  }
  .info_link_btn a:nth-of-type(2)::before {
    width: 30px;
    height: 28px;
  }
  .info_link_btn a:nth-of-type(3)::before {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 768px) {
  .info_link {
    padding: 30px 15px;
  }
    .info_link_btn {
    width: 332px;
      margin: 0 auto;
  }

  .info_link_btn a {
    display: block;
    width: 332px;
    margin: 0 auto 20px;
    padding: 15px;
    font-size: 1.8rem;
  }
  .info_link_btn a:nth-of-type(2) {
    margin-bottom: 20px;
  }
  .info_link_btn a::before {
    left: 15px;
    width: 30px;
    height: 30px;
  }
  .info_link_btn a span {
    font-size: 1.3rem;
  }

  .info_link_btn a:nth-of-type(2)::before {
    width: 30px;
    height: 28px;
  }
  .info_link_btn a:nth-of-type(3)::before {
    width: 30px;
    height: 30px;
  }
}