@charset "UTF-8";
/* CSS Document */
#nav .header_menu > li > a, #page_title, h1, h2, h3, h4, h5, h6, .box_faq .question::before, .box_faq .answer::before, .sec_tab .tab_btn, .sec_tab .tab_item a, .sec04 .col_3:before {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.shadow01 img {
  filter: drop-shadow(0 4px 6px rgba(62, 62, 62, .25));
}
.shadow02 {
  box-shadow: 0 0 8px rgba(62, 62, 62, .5);
}
@media (max-width : 767px) {
  .shadow01 img {
    filter: drop-shadow(0 2px 4px rgba(62, 62, 62, .25));
  }
}
@media (min-width : 768px) {
  .mainimage {
    position: relative;
  }
  .main_time {
    position: absolute;
    bottom: 4%;
    right: 4%;
    width: 513px;
    max-width: 40%;
  }
}
@media (max-width : 767px) {
  .main_time {
    max-width: 97%;
    margin: 1rem auto 0;
  }
}
/* 余白 */
.sec01 {
  padding: 100px 0;
}
.sec01 .con02 {
  padding-top: 70px;
}
.sec01 .con02 .columns {
  margin-top: 3rem;
}
.sec01 .sec_tab {
  margin-top: 70px;
}
.sec02 {
  padding: 100px 0;

  background: url(../img/sec02_bg.jpg)no-repeat center / cover;
}
.sec03 {
  padding: 100px 0;
}
.sec04 {
  padding: 100px 0;
  background: url(../img/sec04_bg.jpg)no-repeat center /cover;
}
/* 見出し */
.section_top h2 {
  font-size: 6.5rem;
  margin-top: 0;
  padding: 0;
  background: none;
  font-weight: 200;
}
.section_top h3 {
  margin-top: 0;
  padding: 0;
  background: none;
  border-bottom: none;
}
.section_top h2 .subtext {
  font-size: 1.8rem;
  display: block;
  line-height: 1.8rem;
  color: #3e3e3e;
  font-weight: 400;
}
/* その他 */
.section_top .btnstyle a {
  width: 240px;
}
.news_box h2 {
  font-size: 2.4rem;
  text-align: left;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #79bede;
}
.news_box .col_2 {
  position: relative;
}
.news_box .btnstyle {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
}
.news_box .btnstyle a {
  width: auto;
  padding: 0.6rem 2rem 0.6rem 1rem;
  font-size: 1.2rem;
}
.sec01 .title_box h2 {
  line-height: 6.5rem;
}
.sec02 h3 {
  font-size: 3rem;
  text-align: center;
}
.sec02 .text_box {
  background: #fff;
  border-radius: 3rem;
  padding: 6.6rem;
  box-sizing: border-box;
  border: 2px solid #79bede;
  margin-top: 5.4rem;
}
.sec03 h2 {
  font-size: 3rem;
  text-align: left;
}
.sec03 .right_box {
  position: relative;
  background: #f6f4f1 url(../img/sec03_bg.png)no-repeat;
  padding: 100px 0 100px 6rem;
  box-sizing: border-box;
  background-position: right -5% bottom 20%;
}
.sec03 .right_box:before {
  content: "";
  display: block;
  position: absolute;
  top: -55px;
  left: 6rem;
  margin: 0 auto;
  width: 386px;
  height: 57px;
  background: url(../img/message.png)no-repeat center bottom/ cover;
}
.sec04 h2, .sec04 h2 .subtext {
  color: #fff;
}
.sec04 .col_3 {
  position: relative;
  background: #fff;
  padding: 4.6rem 2rem 3rem;
  box-sizing: border-box;
  border-radius: 2rem;
}
.sec04 .col_3:before {
  display: block;
  position: absolute;
  top: 2rem;
  left: 3.4rem;
  font-size: 5.5rem;
  line-height: 5.5rem;
  color: #79bede;
  font-weight: 200;
  mix-blend-mode: multiply;
  z-index: 1;
}
.sec04 .col_3:nth-child(1):before {
  content: "01";
}
.sec04 .col_3:nth-child(2):before {
  content: "02";
}
.sec04 .col_3:nth-child(3):before {
  content: "03";
}
.sec04 .col_3:nth-child(4):before {
  content: "04";
}
.sec04 .col_3:nth-child(5):before {
  content: "05";
}
.sec04 .col_3:nth-child(6):before {
  content: "06";
}
.sec04 .col_3:nth-child(7):before {
  content: "07";
}
.sec04 .col_3:nth-child(8):before {
  content: "08";
}
.sec04 .col_3:nth-child(9):before {
  content: "09";
}
.sec04 figure {
  position: relative;
}
.sec04 h3 {
  font-size: 2rem;
  color: #44a4d0;
  text-align: center;
  margin-top: 2.4rem;
}
@media (min-width : 768px) {
  .sec01 .title_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .sec01 .title_box h2 {
    width: 280px;
    max-width: 28%;
    border-right: 1px solid #3e3e3e;
  }
  .sec01 .title_box .text_box {
    width: 720px;
    max-width: 72%;
    padding-left: 3rem;
  }
  .sec01 .title_box .text_box > *:first-child {
    margin-top: 0;
  }
  .sec03 .container {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .sec03 .columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .sec03 .left_box, .sec03 .right_box {
    max-width: calc(100% / 2 - 15px);
  }
  .sec03 .text_box {
    width: 490px;
    max-width: 100%;
  }
  .sec03 figure {
    text-align: right;
  }
  .sec04 .col_3 {
    padding-bottom: 10rem;
  }
  .sec04 .btnstyle {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3rem;
  }
}
@media only screen and (max-width: 1039px) and (min-width: 768px) {
  /* 	余白 */
  .section_top {
    padding: 50px 0;
  }
  .sec01 .con02 {
    padding-top: 40px;
  }
  /* 	見出し */
  .sec01 .con02 h2 {
    font-size: 4.6rem;
  }
  /* その他 */
  .sec03 .right_box {
    padding: 50px 20px 50px 3rem;
    background-size: 80%;
  }
  .sec03 .right_box:before {
    width: 300px;
    background-size: 100%;
    left: 3rem;
  }
  .sec04 h3 {
    font-size: 1.8rem;
  }
  .sec04 .pc_br {
    display: inline;
  }
  .sec04 .btnstyle a {
    max-width: 84%;
  }
}
@media (max-width : 767px) {
  .section_top {
    padding: 4rem 0;
  }
  /* その他 */
  .sec01 .title_box h2 {
    padding-bottom: 2rem;
    border-bottom: 1px solid #3e3e3e;
  }
  .sec01 .con02 .sp_columns .col_4 {
    margin-right: 10px;
    width: calc(50% - 5px);
    max-width: calc(50% - 5px);
  }
  .sec02 .text_box {
    padding: 4rem 2rem;
  }
  .sec03 .col_2:first-child {
    margin-top: 0;
  }
  .sec03 .right_box {
    padding: 4rem 2rem;
    margin-top: 50px;
    background-size: 80%;
  }
  .sec03 .right_box:before {
    left: 0;
    right: 0;
    width: 260px;
    background-size: 100%;
  }
  .sec04 h3 {
    font-size: 2.4rem;
  }
}
/* --------------------------------------------

タブ

-------------------------------------------- */
.sec_tab .item_wrap ul {
  margin-top: 0;
}
.sec_tab .item_wrap ul {
  border: 2px solid #79bede;
  background: #f6f4f1;
  padding: 3rem 4rem 5rem;
  box-sizing: border-box;
  border-radius: 3rem;
}
.sec_tab .btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 3rem;
}
.sec_tab .tab_btn {
  font-size: 2.4rem;
  width: 280px;
  max-width: 47%;
  margin: 0;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  color: #79bede;
  background: #fff;
  border: 2px solid #79bede;
  border-bottom: none;
  border-radius: 2rem 2rem 0 0;
}
.sec_tab .tab_btn.is-active-btn {
  background: #79bede;
  color: #fff;
}
.sec_tab .tab_item:not(.is-active-item) {
  display: none;
}
.sec_tab li a {
  margin-top: 2rem;
  height: 100%;
  width: 100%;
  padding: .8em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.sec_tab .tab_item li a {
  position: relative;
  background: #79bede url(../img/btn_bg.png)no-repeat center;
  color: #fff;
  height: 60px;
  box-sizing: border-box;
  padding: 5px 2rem;
  line-height: 1em;
  text-decoration: none;
  border-radius: 1rem;
}
.sec_tab .tab_item li a:after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  height: 4px;
  margin-top: -3px;
  position: absolute;
  right: 1.6rem;
  top: 50%;
  width: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sec_tab .tab_item li {
  margin-top: 0;
}
.sec_tab a {
  transition: .3s;
}
.sec_tab a:hover {
  opacity: .7;
  cursor: pointer;
}
@media (min-width : 768px) {
  .sec_tab .tab_item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .sec_tab .tab_btn:not(:first-child) {
    margin-left: 4%;
  }
  .sec_tab .tab_item.col4 .column:not(:nth-child(4n)), .sec_tab .tab_item.col3 .column:not(:nth-child(3n)) {
    margin-right: 2%;
  }
}
@media (min-width : 768px) and (max-width:1200px) {
  .sec_tab .tab_btn {
    font-size: 2.2rem;
  }
  .sec_tab .item_wrap ul {
    padding: 30px 5% 60px;
  }
  .sec_tab .tab_item a {
    font-size: 1.4prem;
  }
}
@media (max-width : 767px) {
  .sec_tab .tab_btn {
    font-size: 1.8rem;
    margin: 0;
    padding: 5px;
    border-bottom: none;
    max-width: 40%;
  }
  .sec_tab .tab_btn:first-child {
    margin-right: 2%;
  }
  .sec_tab .tab_item .col_3 {
    margin-right: 10px;
    width: calc(50% - 5px);
    max-width: calc(50% - 5px);
  }
  .sec_tab .item_wrap ul {
    padding: 1.5rem 4% 3rem;
  }
}
/* --------------------------------------------下層個別ページ */
.page-name-clinic .em02.color01 {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.h3_tac {
  text-align: center;
}
.page-name-clinic .col_3.box_bg {
  padding: 3rem;
}
.page-name-clinic .col_3.box_bg h4 {
  display: block;
  text-align: center;
}
.page-name-clinic h4.kakko {
  position: relative;
  border: none;
  color: #4c4948;
  margin: 3.4rem auto 0;
}
.page-name-clinic h4.kakko::before, .page-name-clinic h4.kakko::after {
  content: "";
  display: block;
  position: absolute;
  margin: 0 auto;
  width: 10px;
  height: 20px;
}
.page-name-clinic h4.kakko::before {
  top: 0;
  left: 0;
  border-top: 1px solid #4c4948;
  border-left: 1px solid #4c4948;
}
.page-name-clinic h4.kakko::after {
  right: 0;
  bottom: 0;
  border-bottom: 1px solid #4c4948;
  border-right: 1px solid #4c4948;
}
.page-name-clinic .slide_wrap {
  margin-top: 2.4rem;
}

.page-name-clinic .slide_wrap{
	display: flex;
	flex-wrap: wrap;
	gap:16px 0;
	justify-content: space-between;
	
}
.page-name-clinic .slide_wrap .item{
	width: 32%;
}
.page-name-doctor .col_2 .box_bg {
  padding: 4.6rem 3rem;
}
.page-name-doctor table.table_address th {
  width: 8em;
}
.page-name-doctor table.table_address td {
  vertical-align: middle;
}
@media print, screen and (min-width: 768px) and (max-width: 1039px) {
  .page-name-doctor table.table_address {
    font-size: 90%;
  }

}
@media print, screen and (max-width: 768px){
		.page-name-clinic .slide_wrap .item{
	width: 48%;
}
}
.page-name-doctor .ttl {
  padding: 20px 30px 20px 40px;
  background-color: #f6f4f1;
  border-radius: 10px;
  display: block;
  position: relative;
}
.page-name-doctor .ttl::before {
  width: 3px;
  height: 50%;
  content: '';
  background: #94c7de;
  border-radius: 2px;
  top: 25%;
  left: 20px;
  position: absolute;
}
.page-name-doctor dt {
  margin-bottom: 16px;
}
.page-name-doctor dd {
  margin-left: 0;
  margin-inline-start: 0;
  padding: 0 10px 16px;
}
.page-name-doctor .author, .publish {
  padding-left: 3rem;
  font-size: 14px;
  display: block;
  position: relative;
}
.page-name-doctor .author:before, .page-name-doctor .publish:before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 5px;
  margin: 0 auto;
  height: 17px;
  width: 12px;
  line-height: 1em;
}
.page-name-doctor .author:before {
  background: url(../img/author.png)no-repeat center;
}
.page-name-doctor .publish:before {
  background: url(../img/publish.png)no-repeat center;
}
.page-name-reflux .t01 .col1 {
  width: 5%;
}
.page-name-reflux .t01 .col2 {
  width: 55%;
}
.page-name-reflux .t01 .col3, .page-name-reflux .t01 .col4, .page-name-reflux .t01 .col5, .page-name-reflux .t01 .col6, .page-name-reflux .t01 .col7 {
  width: 8%;
}
.page-name-reflux .t01 tbody th:first-child {
  text-align: center;
}
.page-name-reflux .t01 tbody td {
  text-align: center;
}
.page-name-reflux .scroll-hint-icon {
  height: 90px;
}
.page-name-ulcerative .t01 .col1, .page-name-ulcerative .t01 .col2, .page-name-ulcerative .t01 .col3, .page-name-ulcerative .t01 .col4 {
  width: 20%;
}
.page-name-ulcerative .t01 th, .page-name-ulcerative .t01 td {
  text-align: center;
}
.page-name-polyp .t01 .col1, .page-name-polyp .t01 .col2, .page-name-polyp .t01 .col3 {
  width: 33.3333%;
}
.page-name-polyp .t01 td {
  text-align: right;
}