@charset "UTF-8";



/* point */

.top-section-tit {
  width: 450px;
  height: 70px;
  text-align: center;
  vertical-align: middle;
  background-image: url(../image/deco1.svg);
  background-color: #fff;
  font-size: 24px;
  margin: 100px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.top-point-sections-seciton {
  margin-top: 19px;
}
.top-point-index {
display: flex;
justify-content: space-between;
}

.top-point-index>div {
  height: 500px;
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.top-point-pic {
  background-image: url(../image/top/top_point_pic1.jpg);
}
.top-point-pic-one {
  background-image: url(../image/top/top_point_pic1-2.jpg);
  display: flex;
  align-items: center;
  position: relative;
}

.top-point-section-box-inside {
  width: 500px;
  height: 372px;
  margin: auto 70px;
  color: #fff;
}

.top-point-section-tit {
  font-size: 24px;
  font-weight: medium;
  letter-spacing: 0.1em;
}

.top-point-section-icon img {
  width: 12px;
  height: 20px;
  margin-right: 10px;
}

.top-point-section-point {
font-size: 42px;
}

.top-point-section-box h4 {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.333;
  margin: 10px 0 17px;
}

.top-point-section-box-txt {
  font-size: 18px;
  letter-spacing: 0.075em;
  line-height: 1.888;
}

#deco5{
  position: absolute;
  left: 570px;
  }

.top-point-section-box-btn {
  width: 280px;
  height: 70px;
  background: #fff;
  color: #009F64;
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 70px;
  overflow: hidden;
  position: relative;
  text-align: center;
  border: 2px solid #009F64;
  border-radius: 10px;
  margin-top: 30px;
}

.top-point-section-box-btn:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .5s cubic-bezier(.19, 1, .22, 1);
  background: #FFE600;
}

.top-point-section-box-btn:hover:before {
  transform: scaleX(1);
  transform-origin: left;
}

.top-point-section-box-btn .top-point-section-box-btn-icon {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
}

/* .top-point-section-box-btn {
  width: 280px;
  height: 70px;
  background-color: #fff;
  border: 2px solid #009F64;
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  color: #009F64;
  transition: opacity 0.5s;
} */

.top-point-section-box-btn img {
  width: 12.27px;
  height: 18.78px;
  /* padding-left: 20px; */
  position: absolute;
  top :25.5px;
  right: 20px;
}

/* ここからpoint2 pic */
.top-point-pic-second {
  background-image: url(../image/top/top_point_pic2-2.jpg);
  /* position: relative; */
}

.top-point-pic-two {
  background-image: url(../image/top/top_point_pic2.jpg);
  display: flex;
  align-items: center;
}


.top-point-section-box-inside-second {
  width: 500px;
  height: 372px;
  margin: 85px 70px 85px auto;
  color: #fff;
}

#deco5second{
  position: relative;
  right: 640px;
 }

.top-point-section-box-inside-second h3 {
  text-align: right;
}

.top-point-section-box-inside-second h4 {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.333;
  margin: 10px 0 17px;
  text-align: right;
}

.top-point-pic-two img {
  transform: scale(-1, 1);
}

.top-point-section-box-inside-second p {
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 1.888;
  text-align: right;
}

/* .top-point-section-box-btn-second {
  width: 280px;
  height: 70px;
  background-color: #fff;
  border: 2px solid #009F64;
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0px 0px 212px;
  color: #009F64;
  transition: opacity 0.5s;
} */

.top-point-section-box-btn-second {
  width: 280px;
  height: 70px;
  background: #fff;
  color: #009F64;
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 70px;
  overflow: hidden;
  position: relative;
  text-align: center;
  border: 2px solid #009F64;
  border-radius: 10px;
  margin: 30px 0px 0px 212px;
}

.top-point-section-box-btn-second:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .5s cubic-bezier(.19, 1, .22, 1);
  background: #FFE600;
}

.top-point-section-box-btn-second:hover:before {
  transform: scaleX(1);
  transform-origin: left;
}

.top-point-section-box-btn-second .top-point-section-box-btn-icon {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
}

.top-point-section-box-btn-second img {
  width: 12.27px;
  height: 18.78px;
  /* padding-left: 20px; */
  position: absolute;
  top :25.5px;
  right: 20px;
}

/* ここからpoint3 */

.top-point-pic-third {
  background-image: url(../image/top/top_point_pic3.jpg);
}
.top-point-pic-three {
  background-image: url(../image/top/top_point_pic3-2.jpg);
  display: flex;
  align-items: center;
  position: relative;
}

.top-point-section-box-inside {
  width: 500px;
  height: 372px;
  margin: auto 70px;
  color: #fff;
}

/* -------------------------------
 診療案内ここから
------------------------------- */
.top-medical-tit {
  width: 300px;
  height: 70px;
  text-align: center;
  vertical-align: middle;
  background-image: url(../image/deco4.svg);
  background-color: #fff;
  font-size: 32px;
  margin: 100px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.1em;
}


.top-medical {
  width: 1280px;
  margin: 100px auto 0;
}

.top-medical-list {
 display: flex;
 justify-content: space-between;
}


.top-medical-list-item {
  width: 382px;
  display: flex;
  flex-direction:column;
  align-items: center;
}

/* .top-medical-list-item-btn-icon {
 display: flex;
 justify-content: center;
} */

.top-medical-list-item-btn {
  width: 228px;
  height: 70px;
  border: 2px solid #E67E07;
  border-radius: 35px;
  background-color: #fff;
  margin: 23px 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #E67E07;
  font-size: 24px;
}

.triangle {
  background-color: #E67E07;
  width: 16px;
  height: 20px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  left: 30px;
  position: relative;
}

.top-medical-list-item p{
  font-size: 18px;
  line-height: 1.888;
  letter-spacing: 0.016;
}

/* 訪問サポート */
.top-support {
  background-image: url(../image/support/support_pic1.jpg);
  background-size: cover;
  height: 880px;
  margin-top: 50px;
}

.support-wp {
  padding: 80px;
}

.support-wp-box {
  width: 860px;
  height: 450px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
 box-shadow: 0 0 0 2px #009F64, 0 0 0 20px #fff;
 box-sizing: border-box;
}

.support-wp-tit {
  width: 360px;
  height: 60px;
  background-color: #009F64;
  border-radius: 40px;
  display: flex;
  align-items: center;
  margin: 50px 0 30px;
}

.support-wp-tit h2 {
  text-align: center;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  letter-spacing:0.21em;
  margin: 0 auto;
}

.support-wp-txt {
  width: 762px;
  font-size: 20px;
  font-weight: medium;
  letter-spacing:0.05em;
  margin: 0 auto;
  text-align: center;
  line-height: 2.5;
  color: #009F64;
}

.support-wp-txt span {
  color: #E67E07;
  font-size: medium;
  display: block;
  font-size: 24px;
  letter-spacing:0.05em;
}

.support-wp-txt p {
  font-family: "游明朝体", "Yu Mincho", serif,;
}

/* 院長挨拶 */
.top-greeting-tit {
  width: 300px;
  height: 70px;
  text-align: center;
  vertical-align: middle;
  background-image: url(../image/deco4.svg);
  background-color: #fff;
  font-size: 32px;
  margin: 100px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.1em;
}

.top-greeting {
  height: 800px;
  background-color: rgba(0, 159, 100, 0.1);
}

.top-greeting-box {
  display: flex;
  justify-content: space-between;
}



.top-greeting-box-left {
  width: 640px;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
}

.top-greeting-box-left  h2 {
  margin: 0 auto 0 0;
} 

.top-greeting-txt {
  font-size: 18px;
  letter-spacing: 0.03em;
  line-height: 1.77;
  margin-top: 50px;
}

.top-greeting-box-left > .top-point-section-box-btn {
  width: 280px;
  height: 70px;
  background-color: #009F64;
  border: 2px solid #fff;
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  color: #fff;
  transition: opacity 0.5s;
}

.top-greeting-box-right {
  width: 640px;
  padding: 50.9px;
  box-sizing: border-box;
}

.top-greeting-box-right img {
  width:100%;
  height: 749.11px;
  object-fit: contain;
}

/* アクセス */
.top-access {
  height: 600px;
  background-color: rgba(243, 254, 8, 0.1);
  display: flex;
 justify-content: center;
}

.top-access-wp {
  width: 1280px;
}

.top-access-logo {
  width: 536px;
  height: 74px;
  margin: 100px auto 50px;
}
.top-access-box {
  display: flex;
  justify-content: space-between;
}

.top-access-box-right {
  width: 640px;
  display: flex;
  flex-direction: column;
}

.top-access-box-right p {
  margin-bottom: 10px;
  line-height: 1.25;
  font-size: 20px;
}

#top-access-box-txt {
  letter-spacing: 0.05em;
  line-height: 1.25;
  font-size: 30px;
}

.top-access-box-right > .top-point-section-box-btn {
  width: 280px;
  height: 70px;
  background-color: #009F64;
  border: 2px solid #fff;
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 0 0 auto;
  color: #fff;
  transition: opacity 0.5s;
}

table {
  width: 597px;
  height: 288px;
  border: 2px solid #009F64;
  text-align: center;
  background-color: #fff;
  font-size: 18px;
  font-weight: medium;
  margin: 0;
}

tr > th {
  border: 1px solid #2222;
}
tr > td {
  border: 1px solid #2222;
}

table td {
 padding: 10px;
}

.biz-hour {
  border-collapse: collapse;
}

.biz-hour thead {
  background-color: #009F64;
  color: #fff;
}

tr:nth-child(n+1) {
  letter-spacing: 0.15em;
}

.hour {
  padding: 10px;
  width: 175px;
}

/* .top-access-map {
  width: 1920px;
  height: 500px;
} */

iframe {
  border:0;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  max-width: none;
  width: 100vw
}

footer {
  background-color: #009F64;
}
.copylight {
  color: #fff;
  text-align: center;
  padding: 50px;
}