@charset "utf-8";
/* Generic Child-davinci : front-page ONLY
    フロントページのみに適用されるスタイル
　　　-body
　　　-コンテナ div id="container" #container
　　　-共通要素 （ .btn.more-link ） 
    　-メインビジュアルスライダーdiv id="main-vis" #main-vis （bxslider）
    　-各コンテンツ section
　　　-メディアクエリ（ブレイクポイントごと）
*/
/*
    font-family: "IBM Plex Sans", sans-serif;
    font-family: "Noto Sans JP", sans-serif;
    font-family: "Noto Serif JP", serif;
*/
/* Color 
Blue : #3778ac rgba(55,120,172,1.00)
Red : #d5413d rgba(213,65,61,1.00)
*/

/* ローディングアニメーション
---------------------------------------------------- */
/* ローディング画面 */
#loading {
  align-items: center;
  background-color: rgba(15, 35, 80, 1);
  display: flex;
  height: 100vh;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  transition: all 1s;
  z-index: 10000;
  width: 100vw;
}
.loader {
  width: 45px;
  aspect-ratio: 1;
  --c: no-repeat linear-gradient(rgba(238, 238, 238, 1) 0 0);
  background:
    var(--c) 0 0,
    var(--c) 0 100%,
    var(--c) 50% 0,
    var(--c) 50% 100%,
    var(--c) 100% 0,
    var(--c) 100% 100%;
  animation: l12 1s infinite;
}
@keyframes l12 {
  0%,
  100% {
    background-size: 20% 50%;
  }
  16.67% {
    background-size:
      20% 30%,
      20% 30%,
      20% 50%,
      20% 50%,
      20% 50%,
      20% 50%;
  }
  33.33% {
    background-size:
      20% 30%,
      20% 30%,
      20% 30%,
      20% 30%,
      20% 50%,
      20% 50%;
  }
  50% {
    background-size:
      20% 30%,
      20% 30%,
      20% 30%,
      20% 30%,
      20% 30%,
      20% 30%;
  }
  66.67% {
    background-size:
      20% 50%,
      20% 50%,
      20% 30%,
      20% 30%,
      20% 30%,
      20% 30%;
  }
  83.33% {
    background-size:
      20% 50%,
      20% 50%,
      20% 50%,
      20% 50%,
      20% 30%,
      20% 30%;
  }
}
.loaded {
  opacity: 0;
  visibility: hidden;
}

body {
  overflow-x: hidden;
}

/* コンテナ div id="container" #container
---------------------------------------------------- */
#container {
  background-color: transparent;
  margin: 0 auto;
  width: 100%;
}
/*メインコンテンツ - メインカラム*/
main.content {
  float: none;
  margin: 0;
  padding: 00;
  width: 100%;
}
/* 共通要素
---------------------------------------------------- */
/* .btn.more-link */
p.btn.more-link {
  margin: 1.5em 0;
}
p.btn.more-link a {
  align-items: center;
  background-color: rgba(255, 255, 255, 1);
  border: rgba(238, 238, 238, 1) solid 1px;
  border-radius: 50px;
  color: rgba(51, 51, 51, 1);
  display: inline-flex;
  justify-content: center;
  margin: 0 auto;
  line-height: normal;
  padding: 0.5em 0.5em 0.5em 1.5em;
  text-decoration: none;
}

p.btn.more-link a::after {
  background: url(../images/common/ico_arrow_color.svg) no-repeat center;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 2.5rem;
  margin: 0 0 0 1rem;
  width: 2.5rem;
}

p.btn.more-link a:hover {
  border: rgba(91, 123, 186, 1) solid 1px;
}
/* section / .section-wrap --- */
#container .content section {
  background-color: rgba(255, 255, 255, 0);
  padding: 100px 0 0;
}
section .section-wrap {
  background-color: rgba(255, 255, 255, 0);
  margin: 0 auto;
  width: 1240px;
}
/* header / h2 --- */
section .section-wrap header {
  align-items: center;
  display: block;
  justify-content: left;
  line-height: 1;
  margin: 0 0 2rem;
}
section .section-wrap header h2 {
  color: rgba(15, 35, 80, 1);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.25rem;
  font-weight: normal;
  margin: 0;
}
section .section-wrap header h2 span {
  color: rgba(91, 123, 186, 1);
  display: block;
  font-size: 1rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-style: normal;
  padding: 1em 0 2em;
}

/* .entry-list（お知らせ新着表示） --- */
.entry-list .section-wrap .article-list {
  margin: 0 auto;
}
.entry-list .section-wrap .article-list article {
  align-items: center;
  background-color: #fff;
  border-bottom: #ddd dotted 1px;
  display: flex;
  font-family: "Noto Sans JP", sans-serif;
  justify-content: flex-start;
  margin: 0;
  padding: 1rem 0;
  position: relative;
  transition: 0.3s;
}
.entry-list .section-wrap .article-list article:first-child {
  border-top: #ddd dotted 1px;
}
.entry-list .section-wrap .article-list article::after {
  color: rgba(25, 68, 142, 1);
  content: "\e5df";
  display: inline-block;
  font-family: "Material Icons";
  padding: 0;
}
.entry-list .section-wrap .article-list article:hover {
  background-color: #f7f7f7;
}
.entry-list .section-wrap .article-list article .entry-meta {
  color: #666;
  margin: 0;
}
/* --- 投稿日付 */
.entry-list .section-wrap .article-list article .entry-meta .entry-time {
  display: inline-block;
  padding: 0 0 0 0.5em;
}
/* --- 投稿カテゴリ */
.entry-list .section-wrap .article-list article .entry-meta .entry-category {
  background-color: rgba(255, 255, 255, 1);
  border: rgba(55, 120, 172, 1) solid 1px;
  border-radius: 5px;
  color: #666;
  display: inline-block;
  line-height: 100%;
  margin: 0 0 0 0.5em;
  padding: 0.15em 1em;
  text-align: center;
}
/* --- 投稿タイトル */
.entry-list .section-wrap .article-list article .entry-title {
  flex: 1;
  font-size: 1rem;
  font-weight: bold;
  padding: 0 0 0 1em;
}
.entry-list .section-wrap .article-list article .entry-title a {
  color: rgba(55, 120, 172, 1);
  text-decoration: none;
}
.entry-list .section-wrap .article-list article .entry-title a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.entry-list .section-wrap p.btn.more-link {
  margin: 2rem auto;
  text-align: center;
}

/* メインビジュアル section id="main-vis" #main-vis 
---------------------------------------------------- */
#container .content section#main-vis {
  margin: 0;
  padding: 0;
  position: relative;
}
/* メインビジュアル - スライダー（bxslider）*/
/*  - スライダー（bxslider）：スタイルリセット*/
#main-vis .bx-wrapper {
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
#main-vis .bx-wrapper .bx-viewport {
  margin: 0 auto;
}
/*  - スライダー（bxslider）：スライド設定*/
#main-vis .bx-wrapper .bx-viewport .slider > div {
  height: fit-content;
  top: 0;
  position: relative;
}
/* メインビジュアル - コピー*/
#main-vis .catch {
  color: #fff;
  padding: 0 0 1rem;
  position: absolute;
  bottom: 0;
  left: 10vw;
  width: fit-content;
}
#main-vis .catch p {
  margin: 0;
}
#main-vis .catch p.lead {
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);
}
#main-vis .catch p.sign {
  text-align: right;
}

/* フロントトップ - 重要なお知らせ div#attention */
#attention {
  margin: 0.5em 0 0;
  background-color: rgba(0, 0, 0, 0.75);
}

#attention .section-wrap {
  align-items: center;
  display: flex;
  padding: 1em 0.5rem;
  margin: 0 auto;
  max-width: 1200px;
}

#attention .section-wrap h3 {
  color: #fff;
  font-size: 1rem;
}

#attention .section-wrap h3::before {
  content: "\f06a";
  font-family: FontAwesome;
  padding: 0 5px;
}

#attention .section-wrap article {
  align-items: center;
  color: #fff;
  display: flex;
  flex: 1;
  opacity: 1;
  padding: 0 1rem;
  position: relative;
  transition: 0.3s;
}

#attention .section-wrap article:hover {
  opacity: 0.8;
}

#attention .section-wrap article .entry-meta {
  color: #fff;
  margin: 0;
}

#attention .section-wrap article .entry-meta time {
  padding: 0 1rem;
}

#attention .section-wrap article .entry-title {
  flex: 1;
  font-size: 1rem;
  font-weight: normal;
}

#attention .section-wrap article .entry-title a {
  color: #fff;
  text-decoration: none;
}

#attention .section-wrap article .entry-title a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

/* 医師紹介・診療内容 section class="about-wrap" .about-wrap 
---------------------------------------------------- */
.about-wrap {
  padding: 100px 0;
  position: relative;
}

#container .content section#about {
  position: relative;
  overflow: hidden;
}

#container .content section#about::before {
  content: "";
  background: url(../images/front/bg/bg-blue.png) no-repeat;
  background-size: contain;
  padding: 50px 0 0;
  display: block;
  height: 150%;
  width: 100%;
  position: absolute;
  top: 0;
  left: -5%;
  z-index: -1;
}

#container .content section#about::after {
  content: "";
  background: url(../images/front/bg/bg-green.png) no-repeat;
  background-size: contain;
  padding: 50px 0 0;
  display: block;
  height: 250%;
  width: 100%;
  position: absolute;
  top: 0;
  right: -60%;
  z-index: -1;
}

#about .section-wrap .contents {
  display: flex;
  justify-content: space-between;
}
#about .section-wrap .contents .photo {
  margin: 0;
  width: 30%;
  order: 1;
}
#about .section-wrap .contents .photo img {
  height: auto;
  width: 100%;
}
#about .section-wrap .contents .abouts {
  padding: 1rem;
  width: 55%;
}
#about .section-wrap .contents .abouts h4 {
  color: rgba(55, 120, 172, 1);
  font-family: "Noto Serif JP", serif;
  font-size: 1.5rem;
  margin: 0 0 1rem;
}
#about .section-wrap .contents .abouts h4 span {
  font-size: 1rem;
  padding: 0 1rem 0 0;
}
#about .section-wrap .contents .abouts dl dt {
  color: rgba(55, 120, 172, 1);
  padding: 0.5rem 0;
}

/* 説明動画 section id="movie" #movie 
---------------------------------------------------- */
#movie {
  position: relative;
}

#movie .contents {
  /* padding-bottom: 5em; */
}

#movie .contents .mov-wrap {
  margin: 0 auto;
  width: 80%;
  display: flex;
  justify-content: center;
}
#movie .contents .mov-wrap .movie {
  box-shadow: 0 0 10px 0 rgba(51, 51, 51, 0.1);
  height: 360px;
  width: 640px;
}
/* vido.js CSS Overwrite */
.mov-wrap .movie .video-js {
  background-color: #fff;
  height: 100%;
  margin: 0 auto;
  padding-top: 56.25%; /*比率調整※16:9の画面幅*/
  width: 100%;
}
.mov-wrap .movie .vjs-poster {
  background-color: #fff;
}
.mov-wrap .movie .video-js .vjs-big-play-button {
  border: 1px solid #fff;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 1em;
  cursor: pointer;
  display: block;
  font-size: 3em;
  height: 2em;
  line-height: 1;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  top: calc(50% - 1em);
  left: calc(50% - 1em);
  transition: all 0.3s;
  width: 2em;
}
.mov-wrap .movie .vjs-has-started .vjs-big-play-button {
  display: none;
}
.mov-wrap .movie .video-js .vjs-big-play-button .vjs-icon-placeholder {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.mov-wrap .movie .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  display: inline;
  height: auto;
  position: relative;
  left: unset;
  top: unset;
  width: auto;
}

/* 診療内容 section id="team" #team 
---------------------------------------------------- */
#container .content section#team {
  padding: 100px 0;
  width: 100%;
  position: relative;
}

#container .content section#team .section-wrap {
  position: relative;
  width: 80%;
  max-width: 960px;
  margin: 0 auto;
  background-color: rgba(91, 123, 186, 0.1);
  padding: 3em;
  z-index: 100;
}

#team .section-wrap .contents h3 {
  color: rgba(55, 120, 172, 1);
  font-family: "Noto Serif JP", serif;
  text-align: center;
}
#team .section-wrap .contents h4 {
  margin: 2rem auto;
  padding: 1rem;
  position: relative;
  text-align: center;
  width: fit-content;
}
#team .section-wrap .contents h4::before,
#team .section-wrap .contents h4::after {
  content: "";
  display: block;
  height: 2rem;
  width: 4rem;
}
#team .section-wrap .contents h4::before {
  border-top: rgba(55, 120, 172, 1) double 3px;
  border-left: rgba(55, 120, 172, 1) double 3px;
  position: absolute;
  top: 0;
  left: -1rem;
}
#team .section-wrap .contents h4::after {
  border-bottom: rgba(55, 120, 172, 1) double 3px;
  border-right: rgba(55, 120, 172, 1) double 3px;
  position: absolute;
  bottom: 0;
  right: -1rem;
}

#team .section-wrap .contents > p {
  text-align: left;
}
#team .section-wrap .contents .team-list {
  align-items: center;
  display: flex;
  justify-content: center;
}
#team .section-wrap .contents .team-list li {
  align-items: center;
  display: flex;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.25rem;
  font-weight: bold;
  padding: 1rem;
}
#team .section-wrap .contents .team-list li::before {
  content: "";
  background: url("../images/front/team/ico_team.png") no-repeat center;
  background-size: contain;
  display: block;
  height: 2rem;
  margin: 0 1rem 0 0;
  width: 2rem;
}

#team .section-wrap .contents > p.btn.more-link {
  text-align: left;
}

/* 対象の手術 section id="surgery" #surgery 
---------------------------------------------------- */
#container .content div.bg-sur-int {
  background-color: rgba(15, 35, 80, 0.5);
  padding-top: 30px;
  /* margin-top: -3em; */
  position: relative;
  overflow: hidden;
}

#container .content div.bg-sur-int::before {
  content: "";
  background: url(../images/front/bg/bg-blue.png) no-repeat;
  background-size: contain;
  padding: 50px 0 0;
  display: block;
  height: 150%;
  width: 100%;
  position: absolute;
  top: -12%;
  left: -5%;
  z-index: -1;
}

/* 対象の手術 section id="surgery" #surgery 
---------------------------------------------------- */
#container .content section#surgery {
  background-color: rgba(15, 35, 80, 0.6);
  padding: 100px 0;
  position: relative;
  margin-top: 100px;
}

#surgery .section-wrap {
  width: 100%;
}

#surgery .section-wrap header {
  justify-content: center;
}

#surgery .section-wrap header h2,
#surgery .section-wrap header h2 span {
  color: rgba(245, 245, 245, 1);
  text-align: center;
}
#surgery .section-wrap .contents {
  max-width: 720px;
  margin: 0 auto;
}
#surgery .section-wrap .contents .surgery_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 1em;
}
#surgery .section-wrap .contents .surgery_list li {
  margin: 1%;
  width: 25%;
  border: 1px solid rgba(245, 245, 245, 1);
  align-items: center;
  box-sizing: border-box;
  display: grid;
  justify-content: center;
  padding: 2rem 1rem;
  position: relative;
}
#surgery .section-wrap .contents .surgery_list li img {
  margin: 0 auto;
}
#surgery .section-wrap .contents .surgery_list li p {
  color: rgba(245, 245, 245, 1);
  margin: 1em auto 0 auto;
}

#surgery .section-wrap .contents .surgery_list li a::before,
#surgery .section-wrap .contents .surgery_list li a::after,
#surgery .section-wrap .contents .surgery_list li a span::before,
#surgery .section-wrap .contents .surgery_list li a span::after {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(55, 120, 172, 1);
}
#surgery .section-wrap .contents .surgery_list li a::before {
  right: 0;
  top: 0;
  height: 2px;
  transition: width 200ms;
  width: 0%;
}
#surgery .section-wrap .contents .surgery_list li a::after {
  right: 0;
  top: 0;
  height: 0%;
  transition: height 200ms;
  width: 2px;
}
#surgery .section-wrap .contents .surgery_list li a span::before {
  left: 0;
  bottom: 0;
  height: 2px;
  transition: width 200ms;
  width: 0%;
}
#surgery .section-wrap .contents .surgery_list li a span::after {
  left: 0;
  bottom: 0;
  height: 0%;
  transition: height 200ms;
  width: 2px;
}
#surgery .section-wrap .contents .surgery_list li a:hover::before,
#surgery .section-wrap .contents .surgery_list li a:hover span::before {
  width: 100%;
}
#surgery .section-wrap .contents .surgery_list li a:hover::after,
#surgery .section-wrap .contents .surgery_list li a:hover span::after {
  height: 100%;
}

#surgery .section-wrap .contents > p.btn.more-link {
  text-align: center;
}

/* #voice --- */
section#voice {
  margin: 0 auto;
  padding: 50px 0;
  position: relative;
}
#voice .section-wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
#voice .section-wrap .header-wrap {
  width: 30%;
}
#voice .section-wrap .header-wrap header {
  align-items: flex-start;
}
#voice .section-wrap header h2,
#voice .section-wrap header h2 span {
  color: rgba(245, 245, 245, 1);
  /* text-align: center; */
}
#voice .section-wrap .header-wrap header .btn.more-link {
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  margin: 1rem 0 !important;
  text-align: left;
}

/* #voice - slick*/
#voice .section-wrap .contents {
  width: 70%;
}
#voice .section-wrap .contents .voice.slick {
  margin: 0 auto;
  padding: 2rem 0;
  position: relative;
  width: calc(100% - 4rem);
}
#voice .section-wrap .contents .voice.slick li {
  display: block;
  margin: 2rem;
  position: relative;
  transition: 0.3s;
}
#voice .section-wrap .contents .voice.slick li:hover {
  opacity: 0.8;
}
/* #voice - slick - .thum */
#voice .section-wrap .contents .voice.slick li .thum {
  margin: 0;
}
#voice .section-wrap .contents .voice.slick li .thum img {
  height: auto;
  width: 100%;
}
#voice .section-wrap .contents .voice.slick li .thum a::after {
  background-color: rgba(0, 0, 0, 0);
  content: "";
  pointer-events: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

/* #voice - slick - .entry-head */
#voice .section-wrap .contents .voice.slick li .entry-head {
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  height: fit-content;
  padding: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
/* #voice - slick - .entry-head - .title*/
#voice .section-wrap .contents .voice.slick li .entry-head .title {
  color: #fff;
  display: block;
  /* font-family: 'Zen Old Mincho', serif; */
  font-size: 1.24rem;
  font-weight: normal;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
}
/* #voice - slick - .entry-head - p （抜粋）*/
#voice .section-wrap .contents .voice.slick li .entry-head > p {
  font-size: 0.875rem;
  margin: 0;
}
/* 「.voice.slick」の直下ではなく、Slickが生成する正しいボタン名（.slick-arrow）に修正 */
#voice .section-wrap .contents .slick-arrow {
  display: none;
}

/* 左ボタンの位置 */
#voice .section-wrap .contents .slick-prev {
  display: none;
}

/* 右ボタンの位置 */
#voice .section-wrap .contents .slick-next {
  display: none;
}

#voice .section-wrap .contents .voice.slick .slide-arrow:hover {
  cursor: pointer;
}
#voice .section-wrap .contents .voice.slick .slide-arrow::before {
  display: none;
}
#voice
  .section-wrap
  .contents
  .voice.slick
  .slide-arrow.slick-disabled::before {
  color: #f5f5f5;
}
#voice .section-wrap .contents .voice.slick .slide-arrow.next-arrow {
  position: absolute;
  top: calc(50% - 1rem);
  right: -2rem;
}
#voice .section-wrap .contents .voice.slick .slide-arrow.next-arrow::before {
  content: "\e5e1";
  font-family: "Material Icons";
}
#voice .section-wrap .contents .voice.slick .slide-arrow.prev-arrow {
  position: absolute;
  top: calc(50% - 1rem);
  left: -2rem;
}
#voice .section-wrap .contents .voice.slick .slide-arrow.prev-arrow::before {
  content: "\e2ea";
  font-family: "Material Icons";
}

.slick-prev:before,
.slick-next:before {
  display: none;
}

/* #faq --- */
#container .content section#faq {
  padding: 100px 0;
  position: relative;
  z-index: -2;
}

#faq .section-wrap header {
  justify-content: center;
}

#faq .section-wrap header h2,
#faq .section-wrap header h2 span {
  text-align: center;
}
#faq .section-wrap header h2 span {
  padding: 1em 0;
}

#faq .section-wrap .contents {
  max-width: 1000px;
  margin: 0 auto;
}
#faq .section-wrap .contents dl {
  border-bottom: rgba(153, 153, 153, 1) dotted 1px;
  padding: 24px 0px;
  font-size: 18px;
}
#faq .section-wrap .contents dl dt {
  color: rgba(15, 35, 80, 1);
  font-weight: 500;
  margin-bottom: 15px;
}
#faq .section-wrap .contents dl dt::before {
  content: "Q.";
  margin-right: 15px;
  font-weight: normal;
  color: rgba(15, 35, 80, 1);
  font-weight: bold;
}
#faq .section-wrap .contents dl dd::before {
  content: "A.";
  margin-right: 15px;
}

#faq .section-wrap .contents > p.btn.more-link {
  text-align: center;
}

/* お問い合わせ #inquiry
---------------------------------------------------- */
#container .content section#inquiry {
  padding: 0;
  margin: 0;
  position: relative;
}

section#inquiry::before {
  content: "";
  background: url(../images/front/bg/bg-blue.png) no-repeat;
  background-size: cover;
  padding: 50px 0 0;
  display: block;
  height: 400%;
  width: 100%;
  position: absolute;
  bottom: 0px;
  right: 0%;
  z-index: -1;
}

section#inquiry::after {
  content: "";
  background: url(../images/front/bg/bg-green.png) no-repeat;
  background-size: cover;
  padding: 50px 0 0;
  display: block;
  height: 660%;
  width: 100%;
  position: absolute;
  bottom: 0px;
  right: 0%;
  z-index: -1;
}

#container .content section#inquiry .section-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: rgba(15, 35, 80, 0.7);
}

#inquiry .section-wrap > div {
  align-items: flex-end;
  display: flex;
  margin: 0 0;
  padding: 60px 0;
  position: relative;
  width: 50%;
}

#inquiry .section-wrap > div > div {
  align-items: end;
  display: block;
  justify-content: center;
  width: 100%;
}

#inquiry .section-wrap header {
  padding: 1rem;
  text-align: center;
  width: 100%;
}

#inquiry .section-wrap header h2 {
  font-weight: normal;
  padding: 0 0 1rem;
  color: rgba(245, 245, 245, 1);
}

#inquiry .section-wrap header p {
  font-weight: normal;
  color: rgba(245, 245, 245, 1);
}

#inquiry .section-wrap header p span {
  display: block;
}
#inquiry.pc .section-wrap > div#patient div .btn.more-link a::after {
  background: url(../images/common/ico_arrow_inquiry.svg) no-repeat center;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 2.5rem;
  margin: 0 0 0 1rem;
  width: 2.5rem;
}

#inquiry .section-wrap > div > div .btn.more-link {
  margin: 0;
  display: flex;
}

#inquiry .section-wrap > div > div .btn.more-link a {
}

/* メディアクエリ（ブレイクポイントごと）
---------------------------------------------------- */
@media (max-width: 1260px) {
  /* 共通要素
---------------------------------------------------- */
  /* section / .section-wrap --- */
  section .section-wrap {
    width: 90%;
    padding: 0;
  }

  /* メインビジュアル section id="main-vis" #main-vis 
---------------------------------------------------- */
  /* メインビジュアル - コピー*/
  #main-vis .catch {
    left: 10vw;
    width: 80vw;
  }
  #main-vis .catch p br {
    display: none;
  }

  /* お知らせ section id="news" #news 
---------------------------------------------------- */
  #news .section-wrap {
    width: 90%;
  }

  /* 多職種によるダビンチ・チーム section id="team" #team 
---------------------------------------------------- */
  #container .content section#team .section-wrap {
  }
}
@media (max-width: 1024px) {
  /* 共通要素
---------------------------------------------------- */
  #container .content section {
    padding: 70px 0 0;
  }

  /* header / h2 --- */
  section .section-wrap header h2 {
    font-size: 1.5rem;
  }
  section .section-wrap header::before,
  section .section-wrap header::after {
    height: 28px;
  }
  /* .entry-list（お知らせ新着表示） --- */
  .entry-list .section-wrap .article-list article {
    border-bottom: #ccc dotted 1px;
    flex-wrap: wrap;
    padding: 0.5rem 0;
  }
  .entry-list .section-wrap .article-list article::after {
    display: none;
  }
  .entry-list .section-wrap .article-list article .entry-meta,
  .entry-list .section-wrap .article-list article .entry-title {
    width: 100%;
  }
  .entry-list .section-wrap .article-list article .entry-meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }
  .entry-list .section-wrap .article-list article .entry-meta .entry-time {
    padding: 0;
    width: auto;
  }
  .entry-list .section-wrap .article-list article .entry-title {
    padding: 0.5em 0 0;
  }

  /* 医師紹介 section id="about" #about 
---------------------------------------------------- */
  #about .section-wrap .contents {
    align-items: center;
    flex-direction: column;
  }
  #about .section-wrap .contents .photo {
    order: 0;
    width: 50%;
  }
  #about .section-wrap .contents .abouts {
    width: 100%;
  }

  /* 診療内容 section id="team" #team 
---------------------------------------------------- */
  #container .content section#team {
    padding: 70px 0;
  }

  #container .content section#team .section-wrap {
    /* left: 20%;
    width: 60%; */
  }
  #team .section-wrap .contents .team-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  #team .section-wrap .contents .team-list li {
    padding: 0.5rem;
  }
  #team .section-wrap .contents .team-list li br {
    display: none;
  }

  #container .content section#faq {
    padding: 100px 0;
    position: relative;
  }

  /* お知らせ section id="news" #news 
---------------------------------------------------- */
  #news .section-wrap {
    padding: 2rem;
  }
  #news .section-wrap .article-list {
    width: 100%;
  }
}
/* 対象の手術 section id="surgery" #surgery 
---------------------------------------------------- */
#container .content section#surgery {
  padding: 70px 0;
  margin-top: 70px;
}

/* #voice --- */
#voice .section-wrap .header-wrap {
  width: 30%;
}
/* #voice - slick*/
#voice .section-wrap .contents {
  width: 70%;
}
#voice .section-wrap .contents .voice.slick li {
  margin: 1rem;
}
/* #voice - slick - .entry-head - .title*/
#voice .section-wrap .contents .voice.slick li .entry-head .title {
  font-size: 1rem;
}
/* #voice - slick - .entry-head - p （抜粋）*/
#voice .section-wrap .contents .voice.slick li .entry-head > p {
  font-size: 0.75rem;
}

/* よくあるご質問 section id="faq" #faq 
---------------------------------------------------- */
#container .content section#faq {
  padding: 70px 0;
  z-index: 0;
}

@media (min-width: 769px) {
}
@media (max-width: 768px) {
  /* 説明動画 section id="movie" #movie 
---------------------------------------------------- */
  #movie .contents .mov-wrap video {
    width: 90%;
  }
  #movie .contents .mov-wrap .movie {
    height: auto;
    width: 100%;
  }
  /* 対象の手術 section id="team" #team 
---------------------------------------------------- */

  /* 多職種によるダビンチ・チーム section id="surgery" #surgery 
---------------------------------------------------- */
  #container .content section#surgery::before {
    width: 40vw; /* 三角形の「脚」の長さ（横方向） */
  }
  #container .content section#surgery::after {
    bottom: 0.5rem;
    right: 0.5rem;
  }
  #surgery .section-wrap .contents .surgery_list li {
    width: 48%;
  }

  /* #voice --- */
  #voice .section-wrap .header-wrap {
    width: 100%;
  }
  #voice .section-wrap .header-wrap header {
    align-items: center;
    flex-direction: row;
  }
  #voice .section-wrap .header-wrap header p:not(.btn) {
    flex: 1;
    text-align: left;
    padding: 0 1rem;
  }
  /* #voice - slick*/
  #voice .section-wrap .contents {
    width: 100%;
  }
  #voice .section-wrap .contents .voice.slick li {
    margin: 1rem;
  }
  /* #inquiry --- */
  #container .content section#inquiry::before {
    height: 640%;
  }
  #container .content section#inquiry::after {
    height: 760%;
  }

  #inquiry .section-wrap > div {
    padding: 1rem 0 3rem;
  }
  #inquiry .section-wrap header {
    padding: 3rem 0 0;
    text-align: center;
    width: 100%;
    margin: 0 auto;
  }
  #inquiry .section-wrap header p {
    display: none;
  }
}
@media (max-width: 767px) {
}
@media (max-width: 576px) {
  /* 共通要素
---------------------------------------------------- */
  /* .btn.more-link */
  p.btn.more-link {
  }
  /* .entry-list（お知らせ新着表示） --- */
  .entry-list .section-wrap .article-list article .entry-title {
    line-height: 120%;
  }

  /* フロントトップ - 重要なお知らせ div#attention */
  #attention {
    background-color: rgba(0, 0, 0, 0.1);
  }

  #container .content #attention .section-wrap {
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
  }

  #attention .section-wrap h3 {
    background-color: rgba(0, 0, 0, 0.75);
    padding: 1rem;
    text-align: center;
    width: 100%;
  }

  #attention .section-wrap article {
    color: rgba(51, 51, 51, 1);
    display: block;
    padding: 0.5rem;
    position: relative;
  }

  #attention .section-wrap article::after {
    color: rgba(233, 84, 107, 1);
    position: absolute;
    top: calc(50% - 0.5rem);
    right: 0.5rem;
  }

  #attention .section-wrap article .entry-meta {
    color: rgba(51, 51, 51, 1);
  }

  #attention .section-wrap article .entry-meta time {
    padding: 0;
  }

  #attention .section-wrap article .entry-title {
    padding: 0 1rem 0 0;
  }

  #attention .section-wrap article .entry-title a {
    color: rgba(51, 51, 51, 1);
  }

  /* 医師紹介・診療内容 section class="about-wrap" .about-wrap 
---------------------------------------------------- */
  .about-wrap {
    padding: 100px 0 50px;
  }
  .about-wrap::before {
    width: 60vw; /* 三角形の「脚」の長さ（横方向） */
  }

  /* 医師紹介 section id="about" #about 
---------------------------------------------------- */
  #about .section-wrap .contents .photo {
    width: 70%;
  }

  /* 診療内容 section id="team" #team 
---------------------------------------------------- */
  #container .content section#team .section-wrap {
  }

  #container .content section#team .section-wrap {
    padding: 2em;
  }
  #team .section-wrap .contents h3 {
    text-align: left;
  }
  #team .section-wrap .contents > p {
    text-align: left;
  }
  #team .section-wrap .contents > p br {
    display: none;
  }
  #team .section-wrap .contents .team-list {
    align-items: flex-start;
  }
  #team .section-wrap .contents .team-list li {
    font-size: 1rem;
  }
  #team .section-wrap .contents .team-list li::before {
    height: 1.5rem;
    margin: 0 0.5rem 0 0;
    width: 1.5rem;
  }

  /* お知らせ section id="news" #news 
---------------------------------------------------- */
  #container .content section#news {
    padding: 50px 0;
  }

  /* 対象の手術 section id="surgery" #surgery 
---------------------------------------------------- */
  #container .content section#surgery {
    padding: 50px 0;
  }
  #container .content section#surgery::before {
    width: 60vw; /* 三角形の「脚」の長さ（横方向） */
  }
  #surgery .section-wrap .contents > p {
    text-align: left;
  }
  #surgery .section-wrap .contents .surgery_list li {
  }
  #surgery .section-wrap .contents .surgery_list li a {
    padding: 0.5rem;
  }

  /* #voice --- */
  #voice .section-wrap .header-wrap header {
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
  }
  #voice .section-wrap .header-wrap header p:not(.btn) {
    flex: unset;
  }
  #voice .section-wrap .header-wrap header .btn.more-link {
    width: 100%;
  }
  /* #voice - slick - .entry-head */
  #voice .section-wrap .contents .voice.slick li .entry-head {
    padding: 0.5rem;
    position: relative;
  }

  /* お問い合わせ section id="inquiry" #inquiry 
---------------------------------------------------- */
  #container .content section#inquiry::before {
    height: 700%;
  }
  #container .content section#inquiry::after {
    height: 880%;
  }
  #container .content section#inquiry .section-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
    border-top: #ddd dotted 1px;
  }
  #inquiry .section-wrap > div {
    padding: 1rem 0 0;
  }

  #inquiry .section-wrap header h2 {
    color: rgba(15, 35, 80, 1);
    padding: 0 0 2rem;
  }
  #inquiry .section-wrap > div#patient p.btn.more-link a {
    background: linear-gradient(
      90deg,
      rgba(0, 166, 186, 1),
      rgba(91, 123, 186, 1)
    );
  }
  #inquiry .section-wrap > div#workers p.btn.more-link a {
    background: linear-gradient(
      90deg,
      rgba(0, 88, 225, 1),
      rgba(15, 35, 80, 1)
    );
  }

  #inquiry p.btn.more-link a {
    width: 100%;
    color: rgba(255, 255, 255, 1);
    border: rgba(238, 238, 238, 1) solid 0;
    border-radius: 0;
    padding: 1em;
  }

  #inquiry .section-wrap > div > div .btn.more-link a::after {
    background: url(../images/common/ico_arrow_inquiry.svg) no-repeat center;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 2.5rem;
    margin: 0 0 0 1rem;
    width: 2.5rem;
    display: none;
  }
}
@media (max-width: 400px) {
  #inquiry .section-wrap > div {
    display: block;
    margin: 0 0;
    padding: 0;
    width: 100%;
  }
}