/* CSS Document */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
common
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wrapContainer {
  text-align: justify;
}
.wrapContainer a:not(.linkArrow) {
	text-decoration: underline;
	color: #6f5136;
}
/*obstetrics*/
ul.checkBnr li {
  padding: 15px 15px 15px 30px;
  border-radius: 5px;
  margin: min(0.4vw, 5px) 0;
  width: 49.5%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  border: 1px solid var(--c-brown);
}
ul.checkBnr li::before {
  margin-right: 20px;
  color: var(--c-brown);
}
.whiteBox {
  background-color: #fff;
}
.obsBox {
  border: 1px solid #f5dbdb;
}
.treat_heading {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 2.4rem;
}
.treat_heading span {
  background-color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  padding: 10px;
  display: inline-block;
  margin-right: 20px;
}
.roomImg .flexColCont h3 {
  text-align: center;
  margin-top: 1rem;
}
/*greet*/
.staffContent {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 100px 0;
  background: rgb(250, 250, 248);
}
.staffPageInner {
  margin: 0 auto;
  width: 90%;
  max-width: 1200px;
}
.staffContent .flexBox {
  position: relative;
  z-index: 1;
}
.staffBox {
  position: relative;
  margin-top: 200px;
  padding: min(3.2vw, 50px);
}
.staffBox_bg {
  position: relative;
  padding-top: 10px;
}
.staff_bgPoint {
  content: '';
  background-image: url("../img/page/staff/img-staff-02.jpg");
  display: block;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  height: 300px;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  z-index: 0;
}
.staffBox::after {
  content: 'Shota Morimoto';
  color: #f0f0f0;
  position: absolute;
  left: 51px;
  top: 30px;
  z-index: 0;
  font-size: 100px;
  font-family: var(--ff-en);
}
.staffFlexTxt p {
  font-family: "Shippori Mincho", sans-serif;
  padding-left: 10px;
  border-left: 4px solid #7ec0b9;
}
ul.listKeireki li {
  border-bottom: 1px dashed #ccc;
  padding: 15px 0 10px 20px;
}
.staffBox .listDot li {
  padding: 10px 0 10px 20px;
}
/*facility*/
.facility dl dt {
  font-weight: bold;
  text-align: center;
  color: #F1ABAB;
}
.listKiKi li {
  font-size: clamp(1.5rem, 1.6vw, 1.8rem);
  display: inline-block;
  float: left;
  background: #EBF4F1;
  border-radius: min(0.66vw, 8px);
  padding: min(1vw, 15px) min(2vw, 25px);
  margin: 0 10px 10px 0;
  min-width: 190px;
}
/* 診療時間表 */
table.timeSchedule th {
  /* background-color: var(--c-green); */
  /* color: #fff; */
  text-align: center;
  font-weight: normal;
}
table.timeSchedule td {
  text-align: center;
}
.timeSchedulePink {
  color: var(--c-pink-strong);
}
/*proctology*/
.proctology_Bnr {
  height: 300px;
  background-image: url("../img/page/proctology/proctology_img07.jpg");
  background-repeat: no-repeat;
  background-position: center;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-bottom: 30px;
}
.bgGy {
  background-color: #fafaf8;
  margin: 0 calc(50% - 50vw);
  padding: 30px calc(50vw - 50%) 100px;
}
.colProctology li p {
  text-align: center;
  color: #6f5136;
  font-weight: 600;
}
.opeBox {
  background-color: #fafaf8;
}
.opeBox h4 {
  background-color: #777;
  margin: 0;
  padding: 13px;
  color: #fff;
}
/* gynecology/checkup */
.gynecology_Bnr {
  height: 300px;
  background-image: url("../img/page/gynecology/gynecology_img02.jpg");
  background-repeat: no-repeat;
  background-position: center;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-bottom: 30px;
}
.gyneBox h3 {
  color: #3cb8ab;
  font-weight: 600;
  align-items: center;
  margin-top: 50px;
}
.checkUpFlowStp .flexCol3 .flexColCont {
  background-color: #fff;
  border-radius: min(1.25vw, 15px);
  padding: min(2.5vw, 30px);
}
.checkUpFlowStp .flexCol3 .flexColCont .listData dt {
  font-size: 1.2em;
  text-align: center;
}
.flow_yobou {
  display: flex;
  width: 100%;
}
.flow_yobou_item {
  flex: 1 1 auto;
  line-height: 1;
  min-width: 25%;
  padding: 15px 10px 15px 20px;
  position: relative;
}
.flow_yobou_item_inner p {
  margin-bottom: 0;
}
.flow_yobou_item:after {
  border-bottom: 40px solid transparent;
  border-left: 30px solid #f5dbdb;
  border-top: 40px solid transparent;
  content: "";
  height: 0;
  inset: 30px -20px auto auto;
  position: absolute;
  width: 0;
  z-index: 1;
}
.flow_yobou_item:last-child:after {
  display: none;
}
.flow_yobou_item:first-child {
  background: #f5dbdb;
}
.flow_yobou_item:first-child:after {
  background: linear-gradient(to right top, hsla(0, 0%, 100%, 0) 50%, #f5dbdb 50.5%) 0 0/50% 100% no-repeat, linear-gradient(to left top, hsla(0, 0%, 100%, 0) 50%, #f5dbdb 50.5%) 100% 0/50% 100% no-repeat;
}
.flow_yobou_item:nth-child(2) {
  background: #f0c6c8;
}
.flow_yobou_item:nth-child(2):after {
  background: linear-gradient(to right top, hsla(0, 0%, 100%, 0) 50%, #f0c6c8 50.5%) 0 0/50% 100% no-repeat, linear-gradient(to left top, hsla(0, 0%, 100%, 0) 50%, #f0c6c8 50.5%) 100% 0/50% 100% no-repeat;
  border-left-color: #f0c6c8;
}
.flow_yobou_item:nth-child(3) {
  background: #ecb1b6;
}
.flow_yobou_item:nth-child(3):after {
  background: linear-gradient(to right top, hsla(0, 0%, 100%, 0) 50%, #ecb1b6 50.5%) 0 0/50% 100% no-repeat, linear-gradient(to left top, hsla(0, 0%, 100%, 0) 50%, #ecb1b6 50.5%) 100% 0/50% 100% no-repeat;
  border-left-color: #ecb1b6;
}
.flow_yobou_item:nth-child(4) {
  background: #e79ca3;
}
.flow_yobou_item_inner {
  align-items: center;
  text-align: center;
  position: relative;
  word-break: keep-all;
  z-index: 2;
}
.flow_yobou_ttl {
  font-weight: 700;
  line-height: 3;
  color: #e79ca3;
}
.flow_yobou_ttl span {
  background-color: #fff;
  padding: 5px 15px;
  border-radius: 10px;
}
.flow_yobou_txt {
  color: #333;
  line-height: 1.5;
}
.ttlVaccineList {
  font-size: min(2vw, 2.4rem);
  color: #3cb8ab;
  line-height: 1.2;
  position: relative;
  padding: 0 0 1em 3.5em;
  margin: 30px 0 0px;
  z-index: 9;
}
.ttlVaccineList:after {
  content: attr(data-number);
  display: inline-block;
  font-family: var(--ff-en);
  font-size: 8rem;
  color: #fff;
  position: absolute;
  top: -40px;
  left: -10px;
  z-index: -1;
}
.decBox04 .hD {
  color: var(--c-pink-strong);
}
.decBox04 ul.listDot li::before {
  background: var(--c-pink-strong);
}
/* gynecology/laser */
.listLaser li {
  background-color: var(--c-lightGray);
  padding: min(1.5vw, 18px);
  text-align: center;
}
/* gynecology/index */
.gyneFlexImg p {
  text-align: center;
  color: #6f5136;
  font-weight: 600;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
pcSetting
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (min-width:768px) {
  /*proctology*/
  .colProctology {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .colProctology li {
    width: 23.5%;
    margin: 20px 0 0;
  }
  .colProctology li img {
    width: 70%;
  }
  .colProctology li:first-child, .colProctology li:nth-child(2), .colProctology li:nth-child(3), .colProctology li:nth-child(4) {
    margin-top: 0;
  }
  .colProctology::before, .col4::after {
    content: "";
    display: block;
    width: 23.5%;
    height: 0;
  }
  .colProctology::before {
    order: 1;
  }
  .opeFlex {
    display: flex;
    justify-content: space-between;
  }
  .opeBox {
    margin-bottom: 60px;
    width: 48%;
  }
  /*	gynecology*/
  .gyneFlexImg img {
    margin-bottom: 20px;
    width: 100%;
  }
  .gyneFlexTxt {
    width: 74%;
  }
  .gyneBox h3 {
    padding: 15px 0 30px 40px;
    font-size: 2.4rem;
    text-align: center;
	  margin-bottom: 60px;
	  border-bottom: 1px solid #3cb8ab;
  }
  /* gynecology/checkup */
  .flow_yobou_item:first-child {
    border-radius: min(1.25vw, 15px) 0 0 min(1.25vw, 15px);
  }
  .flow_yobou_item:nth-child(4) {
    border-radius: 0 min(1.25vw, 15px) min(1.25vw, 15px) 0;
  }
  /* gynecology/index */
  .gyneFlex {
    display: flex;
    align-items: center;
    margin-top: 50px;
  }
  .gyneFlexImg {
    width: 20%;
    margin-right: 5vw;
    padding-right: 4vw;
    border-right: 5px dotted #bca38e;
  }
  .gyneFlexImg p {
    font-size: 19px;
  }
  .regionFles {
    text-align: center;
    margin: 30px 0;
  }
  .regionFles img {
    width: 53%;
  }
  /*	staff*/
  .staffFlex {
    display: flex;
    margin: 0 auto 35px;
  }
  .staffFlexImg {
    width: 25%;
  }
  .staffFlexTxt {
    width: 75%;
    margin-top: 93px;
  }
  .staffFlexTxt p {
    font-size: min(2.67vw, 3.2rem);
  }
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
tabletSetting
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (max-width: 1200px) and (min-width: 768px) {}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
spSetting
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (max-width: 767px) {
  /*obstetrics*/
  ul.checkBnr li {
    padding: 4vw;
    border-radius: 1vw;
    margin: 1vw 0;
    width: 100%;
  }
  ul.checkBnr li::before {
    margin-right: 3vw;
  }
  ul.checkBnr li {
    text-indent: 0;
  }
  /*staff*/
  .staffContent {
    padding: 10vw 0;
  }
  .staffBox::after {
    font-size: 15vw;
    top: -15vw;
  }
  .staffBox {
    margin-top: 20vw;
  }
  ul.listKeireki li {
    padding: 10px 0 10px 5px;
  }
  .staffBox .listDot li {
    padding: 10px 0 5px 10px;
  }
  .staffFlexImg {
    margin-top: 10px;
  }
  .staffFlexTxt p {
    font-size: min(5.4vw, 3.2rem);
  }
  /* about */
  .listKiKi li {
    width: 100%;
    padding: min(2vw, 25px) min(3vw, 30px);
  }
  /* 診療時間表 */
  table.timeSchedule th, table.timeSchedule td {
    padding: 1.6vw;
    font-size: 4vw;
  }
  /*	proctology*/
  .colProctology {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .colProctology li {
    width: 49%;
    margin: 20px 0 0;
  }
  .colProctology img {
    width: 80%;
  }
  .colProctology li:first-child, .colProctology li:nth-child(2) {
    margin-top: 0;
  }
  .flexText {
    margin-bottom: 1vw;
  }
  .opeBox {
    margin-bottom: 40px;
    width: 100%;
  }
  .proctology_Bnr {
    height: 125px;
    background-size: cover;
  }
  /* gynecology/checkup */
  .flow_yobou {
    display: block;
    margin: 0 auto;
    max-width: 540px;
    padding-right: 0;
  }
  .flow_yobou_item {
    padding: 42px 10px 10px;
  }
  .flow_yobou_item:after {
    border: 0 !important;
    inset: inherit;
    bottom: -20%;
    height: 20%;
    left: 0;
    width: 100%;
  }
  .flow_yobou_item:first-child {
    padding-top: 10px;
  }
  .flow_yobou_item_inner {
    justify-content: center;
  }
  .flow_yobou_item:first-child {
    border-radius: min(3vw, 15px) min(3vw, 15px) 0 0;
  }
  .flow_yobou_item:nth-child(4) {
    border-radius: 0 0 min(3vw, 15px) min(3vw, 15px);
    padding-bottom: 20px;
  }
  .ttlVaccineList {
    font-size: min(5vw, 2.4rem);
    padding-left: 4em;
  }
  /* gynecology/laser */
  .listLaser li {
    padding: min(1.5vw, 18px) min(2.5vw, 30px);
    text-align: left;
  }
  /* gynecology/index */
  .gyneFlexImg {
    width: 100%;
    margin: 0 auto;
  }
  .gyneFlexImg img {
    width: 35%;
  }
  .gyneFlexImg p {
    text-align: center;
    font-size: 17px;
    margin-bottom: 20px;
  }
  .gyneFlex {
    margin-bottom: 30px;
  }
  .regionFles {
    margin: 30px 0;
  }
  .gynecology_Bnr {
    height: 110px;
    background-size: cover;
  }
  .gyneBox h3 {
    font-size: 2.0rem;
	padding: 20px 30px;  
	margin-bottom: 50px;  
	background-color:#3cb8ab;  
	  color: #fff;
  }
}