@charset "UTF-8";

.content .table--block {
  margin-top: var(--v60-px);
}

.table--block h3 {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  width: 65vw;
  font-size: var(--f30-px);
  font-weight: 500;
  position: relative;
  padding: 0 var(--v24-px) var(--v5-px);
}

.table-scroll {
  overflow-x: scroll;
}

@media (max-width: 967px) {
.table--block h3 {
  width: 95vw;
  font-size: 140%;
  padding: 0 var(--v10-px) var(--v5-px);
  }
}

.table--block h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--text-color);
}

.table--block small{font-size: 80%; color: darkred;}

.list--check strong {
  font-weight: bold;
  text-decoration-line: underline;
  font-size: 110%;
}

.txt--block strong {
  font-weight: bold;
  font-size: 110%;
}

.block--narrow strong {
  font-weight: bold;
  text-decoration-line: underline;
  font-size: 110%;
}

.txt--wrap img {width: 100%;}

.p-padding p {margin: 50px 100px;}

/*テーブルブロック*/
.table--block p{
  margin-left: auto;
  margin-right: auto;
  width: 65vw;
}

.txt--wrap table {
	width: 100%;
}
.txt--wrap tr {
	border-bottom: 1px solid var(--text-color);
}
.txt--wrap th {
	font-weight: 600;
}
.txt--wrap th,td {
            font-size: var(--f20-px);
            line-height: 1.5;
            text-align: center;
            padding: 0.5em 0;
}


/*hr*/

hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.hr1 {
  border-top: 2px dotted #d1d9e7;
  width: 100%;
  margin: 90px auto 70px;
}


.bluebox {
    padding: 1em;
    margin: 1em 0;
    font-weight: bold;
    color: #2955a6;/*文字色*/
    background: #FFF;
    border: solid 3px #eaeff8;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.bluebox img {
    width: 50%;
}

.box img {
    width: 90%;
}

/*Q&AオープンCSS*/
.cp_qa03 {
  width: 80.0vw;
  margin: 2em auto;
}

.cp_qa03 .cp_actab {
  position: relative;
  width: 100%;
  margin: 0 0 1em 0;
  color: #202848;
}
.cp_qa03 .cp_actab input {
  display: none;
}
/* 質問 */
.cp_qa03 .cp_actab label {
  font-weight: bold;
  line-height: 1.6em;
  position: relative;
  display: block;
  margin: 0 0 0 0;
  padding: 1em 3em 1em 2.5em;
  cursor: pointer;
  text-indent: 1em;
  border-radius: 0.5em;
  background-color: #9196ab;
  color: #FFF;
  font-size: 120%;
}
.cp_qa03 .cp_actab label::before {
  padding-right: 0.5em;
}
.cp_qa03 .cp_actab label:hover {
  color: #202848;
  transition: all 0.3s;
}
/* --質問の＋アイコン */
.cp_qa03 .cp_actab label::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '+';
  font-size: 1.7em;
  font-weight: bold;
  line-height: 2em;
  display: inline-block;
  width: 2em;
  height: 2em;
  transition: transform 0.3s;
}
/* 答え */
.cp_qa03 .cp_actab .cp_actab-content {
  position: relative;
  overflow: hidden;
  max-height: 0;
  padding: 0 0 0 2.5em;
  border-radius: 0 0 0.5em 0.5em;
  transition: max-height 0.2s;
}
.cp_qa03 .cp_actab .cp_actab-content::before {
  position: absolute;
  padding: 0;
}
.cp_qa03 .cp_actab .cp_actab-content dt {
  border-bottom: 2px solid var(--text-color);
  font-weight: 500;
  line-height: 1.5;
  padding: var(--v20-px) var(--v5-px) var(--v3-px);
}
.cp_qa03 .cp_actab .cp_actab-content dd {
  padding: 0rem 1rem;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa03 .cp_actab input:checked ~ .cp_actab-content {
  max-height: 100em;
  border: 20px solid rgba(27,37,56,0.1);
  padding: 1.5rem 3rem;
}
@media (max-width: 967px) {
.cp_qa03 .cp_actab input:checked ~ .cp_actab-content {
  max-height: 200em;
  border: 10px solid rgba(27,37,56,0.1);
  padding: 1rem;
}
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa03 .cp_actab input:checked ~ label {
  color: #202848;
  border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa03 .cp_actab input[type=checkbox]:checked + label::after {
  transform: rotateZ(45deg);
  transform-origin: 50% 50%;
}

/*メディアページ*/

.publish--block h4 {
  color: #fff;
  background-color: #202848;
  font-size: 1.3rem;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.2rem 1rem;
  letter-spacing: 0.3em;
  margin-top: 1.5rem;
  border-radius: 0.5vh;
}

.publish--block p {
font-size: 1.3rem;
  line-height: 1.5;
  padding: 0rem 1rem;
  margin-top: 0.7rem !important;
}

.content .publish--block {
  margin-left: auto;
  margin-right: auto;
  width: 85vw;
}
@media (max-width: 967px) {
  .content .publish--block {
    width: 100%;
    padding: 0 var(--v10-px);
  }
}
.content .publish--block h3  {
    padding: 0.6rem 0.9rem;
    margin-bottom: 0.2rem;
	margin-top: 7rem;
    background-image: linear-gradient(
      100deg, 
      #AA0022 0 20%, 
      #202848 20%
    );
    background-repeat: no-repeat;
    background-size: 100% 7%;
    background-position: bottom;
    font-weight: bold;
    font-size: var(--f36-px);
	line-height: var(--f40-px);
}
.content .publish--block h3 span  {
	font-weight: normal;
	font-size: 70%;
}
@media (max-width: 967px) {
  .content .publish--block h3 {
    font-size: var(--f21-px);
    padding-bottom: var(--v8-px);
  }
}

.content .publish--block p,
.content .publish--block ul {
  margin-top: var(--v32-px);
}
@media (max-width: 967px) {
  .content .publish--block p,
  .content .publish--block ul {
    margin-top: var(--v16-px);
  }
}

.content .publishwide--block {
  display: flex;
  align-items: center;
  gap: var(--v64-px);
  margin-top: var(--v64-px);
  margin-left: auto;
  margin-right: auto;
  width: 85vw;
}
.content .publishwide--block span  {
	color: #9196ab;
}
@media (max-width: 967px) {
  .content .publishwide--block {
    flex-direction: column;
    gap: var(--v16-px);
    width: 100vw;
    align-items: flex-start;
    margin-top: var(--v32-px);
  }
}
.content .publishwide--block .img--block {
  overflow: hidden;
  margin-left: 2vw;
  width: 32.9vw;
  border-radius: var(--v48-px);
}
@media (max-width: 967px) {
  .content .publishwide--block .img--block {
    border-radius: 0 var(--v16-px) var(--v16-px) 0;
    width: 95%;
    height: 66.6666vw;
  }
}
.content .publishwide--block .img--block img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.content .publishwide--block.right--image {
  margin-left: auto;
  justify-content: flex-end;
}
@media (max-width: 967px) {
  .content .publishwide--block.right--image {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
}
.content .publishwide--block.right--image .img--block {
  border-radius: var(--v48-px) 0 0 var(--v48-px);
}
@media (max-width: 967px) {
  .content .publishwide--block.right--image .img--block {
    border-radius: var(--v16-px) 0 0 var(--v16-px);
  }
}
.content .publishwide--block .txt--block {
  width: 43.7222vw;
}
@media (max-width: 967px) {
  .content .publishwide--block .txt--block {
    width: 100%;
    padding: 0 var(--v32-px);
  }
}
.content .publishwide--block .txt--block h3 {
  font-size: var(--f36-px);
  font-weight: 500;
  position: relative;
}
@media (max-width: 967px) {
  .content .publishwide--block .txt--block h3 {
    font-size: var(--f21-px);
    padding-bottom: var(--v8-px);
  }
}
.content .publishwide--block .txt--block h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: var(--v56-px);
  height: 2px;
  background: var(--text-color);
}
@media (max-width: 967px) {
  .content .publishwide--block .txt--block h3::after {
    width: var(--f32-px);
  }
}
.content .publishwide--block .txt--block p,
.content .publishwide--block .txt--block ul {
  margin-top: var(--v32-px);
}
@media (max-width: 967px) {
  .content .publishwide--block .txt--block p,
  .content .publishwide--block .txt--block ul {
    margin-top: var(--v16-px);
  }
}

@media (min-width: 967px) {
.publishtxt--block{
	width: 62vw;
	margin-left: 2vw;
}
}
@media (max-width: 967px) {
.publishtxt--block{
	width: 95vw;
	margin-left: 2vw;
}
}


.publishtxt--block h4 {
  color: #fff;
  background-color: #9196ab;
  font-size: 1.3rem;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.2rem 1rem;
  letter-spacing: 0.3em;
  margin-top: 1.5rem;
  border-radius: 0.5vh;
}

.publishtxt--block h5 {
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: bold;
  margin: 0.7em;
}

.publishtxt--block p {
font-size: 1.3rem;
  line-height: 1.5;
  padding: 0rem 1rem;
  margin-top: 0.7rem !important;
}

.content .wide--block .publishtxt--block {
  width: 43.7222vw;
}
@media (max-width: 967px) {
  .content .wide--block .publishtxt--block {
    width: 100%;
    padding: 0 var(--v32-px);
  }
}
.content .wide--block .publishtxt--block h3  {
    padding: 0.1rem 0.9rem;
    margin-bottom: 0.2rem;
    background-image: linear-gradient(
      100deg, 
      #AA0022 0 20%, 
      #202848 20%
    );
    background-repeat: no-repeat;
    background-size: 100% 3%;
    background-position: bottom;
    font-weight: bold;
    font-size: var(--f32-px);
}
.content .wide--block .publishtxt--block h3 span  {
	font-weight: normal;
	font-size: 70%;
	padding-left: 0.7rem;
}
@media (max-width: 967px) {
  .content .wide--block .publishtxt--block h3 {
    font-size: var(--f21-px);
    padding-bottom: var(--v8-px);
  }
}

.content .wide--block .publishtxt--block p,
.content .wide--block .publishtxt--block ul {
  margin-top: var(--v32-px);
}
@media (max-width: 967px) {
  .content .wide--block .publishtxt--block p,
  .content .wide--block .publishtxt--block ul {
    margin-top: var(--v16-px);
  }
}



/*ドクターページ*/

.doctor--block h4 {
  color: #fff;
  background-color: #9196ab;
  font-size: 1.3rem;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.2rem 1rem;
  letter-spacing: 0.3em;
  margin-top: 1.5rem;
  border-radius: 0.5vh;
}

.doctor--block h5 {
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: bold;
  margin: 0.7em;
}

.doctor--block p {
font-size: 1.3rem;
  line-height: 1.5;
  padding: 0rem 1rem;
  margin-top: 0.7rem !important;
}

.content .wide--block .doctor--block {
  width: 43.7222vw;
}
@media (max-width: 967px) {
  .content .wide--block .doctor--block {
    width: 100%;
    padding: 0 var(--v32-px);
  }
}
.content .wide--block .doctor--block h3  {
    padding: 0.1rem 0.9rem;
    margin-bottom: 0.2rem;
    background-image: linear-gradient(
      100deg, 
      #AA0022 0 20%, 
      #202848 20%
    );
    background-repeat: no-repeat;
    background-size: 100% 3%;
    background-position: bottom;
    font-weight: bold;
    font-size: var(--f32-px);
}
.content .wide--block .doctor--block h3 span  {
	font-weight: normal;
	font-size: 70%;
	padding-left: 0.7rem;
}
@media (max-width: 967px) {
  .content .wide--block .doctor--block h3 {
    font-size: var(--f21-px);
    padding-bottom: var(--v8-px);
  }
}

.content .wide--block .doctor--block p,
.content .wide--block .doctor--block ul {
  margin-top: var(--v32-px);
}
@media (max-width: 967px) {
  .content .wide--block .doctor--block p,
  .content .wide--block .doctor--block ul {
    margin-top: var(--v16-px);
  }
}

@media (max-width: 967px) {
.p-padding p {
    margin: 50px 10px;
  }
}

.knitted--block strong {
  font-weight: bold;
	font-size: 110%;
}

.mt70{padding-top: 70px;}
.mt30{padding-top: 30px;}
.mt10{padding-top: 10px;}
.mt5{padding-top: 5px;}

.txt--wrap h3 {
  font-size: var(--f28-px);
  font-weight: 500;
  position: relative;
  margin: 20px 0 10px;}

.txt--wrap strong {
	font-weight: bold;
	text-decoration: underline;
}


/*h1画像 子ども*/
.h1--block1 {
  display: flex;
  align-items: center;
  width: 100vw;
  margin-top: 12.5vw;
}
@media (max-width: 967px) {
  .h1--block1 {
    margin-top: 33.5vw;
  }
}
.page--first .h1--block1 {
  background: url("../img/disease/children.webp") no-repeat;
  background-size: cover;
  height: 18.055vw;
  background-position: center;
}
@media (max-width: 967px) {
  .page--first 1 {
    height: 36.6666vw;
  }
}
.h1--block1 h1 {
  background: var(--white-color);
  border-radius: 0 var(--v20-px) var(--v20-px) 0;
  box-shadow: 0px var(--v4-px) var(--v4-px) 0px rgba(0, 0, 0, 0.25);
  font-size: var(--f40-px);
  font-weight: 500;
  padding: 0 var(--v72-px);
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 967px) {
  .h1--block1 h1 {
    border-radius: 0 var(--v12-px) var(--v12-px) 0;
    font-size: var(--f27-px);
    padding: 0 var(--v24-px);
  }
}

/*h1画像 白内障*/

.h1--block2 {
  display: flex;
  align-items: center;
  width: 100vw;
  margin-top: 12.5vw;
}
@media (max-width: 967px) {
  .h1--block2 {
    margin-top: 33.5vw;
  }
}
.page--first .h1--block2 {
  background: url("../img/disease/hakunai.webp") no-repeat;
  background-size: cover;
  height: 18.055vw;
  background-position: center;
}
@media (max-width: 967px) {
  .page--first .h1--block2 {
    height: 36.6666vw;
  }
}
.h1--block2 h1 {
  background: var(--white-color);
  border-radius: 0 var(--v20-px) var(--v20-px) 0;
  box-shadow: 0px var(--v4-px) var(--v4-px) 0px rgba(0, 0, 0, 0.25);
  font-size: var(--f40-px);
  font-weight: 500;
  padding: 0 var(--v72-px);
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 967px) {
  .h1--block2 h1 {
    border-radius: 0 var(--v12-px) var(--v12-px) 0;
    font-size: var(--f27-px);
    padding: 0 var(--v24-px);
  }
}

/*h1画像 ドライアイ*/

.h1--block3 {
  display: flex;
  align-items: center;
  width: 100vw;
  margin-top: 12.5vw;
}
@media (max-width: 967px) {
  .h1--block3 {
    margin-top: 33.5vw;
  }
}
.page--first .h1--block3 {
  background: url("../img/disease/dryeye.webp") no-repeat;
  background-size: cover;
  height: 18.055vw;
  background-position: center;
}
@media (max-width: 967px) {
  .page--first .h1--block3 {
    height: 36.6666vw;
  }
}
.h1--block3 h1 {
  background: var(--white-color);
  border-radius: 0 var(--v20-px) var(--v20-px) 0;
  box-shadow: 0px var(--v4-px) var(--v4-px) 0px rgba(0, 0, 0, 0.25);
  font-size: var(--f40-px);
  font-weight: 500;
  padding: 0 var(--v72-px);
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 967px) {
  .h1--block3 h1 {
    border-radius: 0 var(--v12-px) var(--v12-px) 0;
    font-size: var(--f27-px);
    padding: 0 var(--v24-px);
  }
}


/*h1画像 アレルギー*/

.h1--block4 {
  display: flex;
  align-items: center;
  width: 100vw;
  margin-top: 12.5vw;
}
@media (max-width: 967px) {
  .h1--block4 {
    margin-top: 33.5vw;
  }
}
.page--first .h1--block4 {
  background: url("../img/disease/alergey.webp") no-repeat;
  background-size: cover;
  height: 18.055vw;
  background-position: center;
}
@media (max-width: 967px) {
  .page--first .h1--block4 {
    height: 36.6666vw;
  }
}
.h1--block4 h1 {
  background: var(--white-color);
  border-radius: 0 var(--v20-px) var(--v20-px) 0;
  box-shadow: 0px var(--v4-px) var(--v4-px) 0px rgba(0, 0, 0, 0.25);
  font-size: var(--f40-px);
  font-weight: 500;
  padding: 0 var(--v72-px);
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 967px) {
  .h1--block4 h1 {
    border-radius: 0 var(--v12-px) var(--v12-px) 0;
    font-size: var(--f27-px);
    padding: 0 var(--v24-px);
  }
}


/*h1画像 化学傷*/

.h1--block5 {
  display: flex;
  align-items: center;
  width: 100vw;
  margin-top: 12.5vw;
}
@media (max-width: 967px) {
  .h1--block2 {
    margin-top: 33.5vw;
  }
}
.page--first .h1--block5 {
  background: url("../img/disease/kagaku.webp") no-repeat;
  background-size: cover;
  height: 18.055vw;
  background-position: center;
}
@media (max-width: 967px) {
  .page--first .h1--block5 {
    height: 36.6666vw;
  }
}
.h1--block5 h1 {
  background: var(--white-color);
  border-radius: 0 var(--v20-px) var(--v20-px) 0;
  box-shadow: 0px var(--v4-px) var(--v4-px) 0px rgba(0, 0, 0, 0.25);
  font-size: var(--f40-px);
  font-weight: 500;
  padding: 0 var(--v72-px);
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 967px) {
  .h1--block5 h1 {
    border-radius: 0 var(--v12-px) var(--v12-px) 0;
    font-size: var(--f27-px);
    padding: 0 var(--v24-px);
  }
}

/*h1画像 はじめての方へ*/

.h1--first {
  display: flex;
  align-items: center;
  width: 100vw;
  margin-top: 12.5vw;
}
@media (max-width: 967px) {
  .h1--first {
    margin-top: 33.5vw;
  }
}
.page--first .h1--first {
  background: url("../img/first/mv.webp") no-repeat;
  background-size: cover;
  height: 18.055vw;
  background-position: center;
}
@media (max-width: 967px) {
  .page--first .h1--first {
    height: 36.6666vw;
  }
}
.h1--first h1 {
  background: var(--white-color);
  border-radius: 0 var(--v20-px) var(--v20-px) 0;
  box-shadow: 0px var(--v4-px) var(--v4-px) 0px rgba(0, 0, 0, 0.25);
  font-size: var(--f40-px);
  font-weight: 500;
  padding: 0 var(--v72-px);
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 967px) {
  .h1--first h1 {
    border-radius: 0 var(--v12-px) var(--v12-px) 0;
    font-size: var(--f27-px);
    padding: 0 var(--v24-px);
  }
}


/*h1画像 当院について*/

.h1--aboutus {
  display: flex;
  align-items: center;
  width: 100vw;
  margin-top: 12.5vw;
}
@media (max-width: 967px) {
  .h1--aboutus {
    margin-top: 33.5vw;
  }
}
.page--first .h1--aboutus {
  background: url("../img/aboutus/mv.webp") no-repeat;
  background-size: cover;
  height: 18.055vw;
  background-position: center;
}
@media (max-width: 967px) {
  .page--first .h1--aboutus {
    height: 36.6666vw;
  }
}
.h1--aboutus h1 {
  background: var(--white-color);
  border-radius: 0 var(--v20-px) var(--v20-px) 0;
  box-shadow: 0px var(--v4-px) var(--v4-px) 0px rgba(0, 0, 0, 0.25);
  font-size: var(--f40-px);
  font-weight: 500;
  padding: 0 var(--v72-px);
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 967px) {
  .h1--aboutus h1 {
    border-radius: 0 var(--v12-px) var(--v12-px) 0;
    font-size: var(--f27-px);
    padding: 0 var(--v24-px);
  }
}


/*h1画像 医師紹介*/

.h1--doctor {
  display: flex;
  align-items: center;
  width: 100vw;
  margin-top: 12.5vw;
}
@media (max-width: 967px) {
  .h1--doctor {
    margin-top: 33.5vw;
  }
}
.page--first .h1--doctor {
  background: url("../img/doctor/mv.webp") no-repeat;
  background-size: cover;
  height: 18.055vw;
  background-position: center;
}
@media (max-width: 967px) {
  .page--first .h1--doctor {
    height: 36.6666vw;
  }
}
.h1--doctor h1 {
  background: var(--white-color);
  border-radius: 0 var(--v20-px) var(--v20-px) 0;
  box-shadow: 0px var(--v4-px) var(--v4-px) 0px rgba(0, 0, 0, 0.25);
  font-size: var(--f40-px);
  font-weight: 500;
  padding: 0 var(--v72-px);
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 967px) {
  .h1--doctor h1 {
    border-radius: 0 var(--v12-px) var(--v12-px) 0;
    font-size: var(--f27-px);
    padding: 0 var(--v24-px);
  }
}



/*h1画像 行き方*/

.h1--map {
  display: flex;
  align-items: center;
  width: 100vw;
  margin-top: 12.5vw;
}
@media (max-width: 967px) {
  .h1--map {
    margin-top: 33.5vw;
  }
}
.page--first .h1--map {
  background: url("../img/map/mv.webp") no-repeat;
  background-size: cover;
  height: 18.055vw;
  background-position: center;
}
@media (max-width: 967px) {
  .page--first .h1--map {
    height: 36.6666vw;
  }
}
.h1--map h1 {
  background: var(--white-color);
  border-radius: 0 var(--v20-px) var(--v20-px) 0;
  box-shadow: 0px var(--v4-px) var(--v4-px) 0px rgba(0, 0, 0, 0.25);
  font-size: var(--f40-px);
  font-weight: 500;
  padding: 0 var(--v72-px);
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 967px) {
  .h1--map h1 {
    border-radius: 0 var(--v12-px) var(--v12-px) 0;
    font-size: var(--f27-px);
    padding: 0 var(--v24-px);
  }
}

/*h1画像 オンライン診療*/

.h1--online {
  display: flex;
  align-items: center;
  width: 100vw;
  margin-top: 12.5vw;
}
@media (max-width: 967px) {
  .h1--online {
    margin-top: 33.5vw;
  }
}
.page--first .h1--online {
  background: url("../img/online/mv.webp") no-repeat;
  background-size: cover;
  height: 18.055vw;
  background-position: center;
}
@media (max-width: 967px) {
  .page--first .h1--online {
    height: 36.6666vw;
  }
}
.h1--online h1 {
  background: var(--white-color);
  border-radius: 0 var(--v20-px) var(--v20-px) 0;
  box-shadow: 0px var(--v4-px) var(--v4-px) 0px rgba(0, 0, 0, 0.25);
  font-size: var(--f40-px);
  font-weight: 500;
  padding: 0 var(--v72-px);
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 967px) {
  .h1--online h1 {
    border-radius: 0 var(--v12-px) var(--v12-px) 0;
    font-size: var(--f27-px);
    padding: 0 var(--v24-px);
  }
}


/*h1画像 メディア活動*/

.h1--online {
  display: flex;
  align-items: center;
  width: 100vw;
  margin-top: 12.5vw;
}
@media (max-width: 967px) {
  .h1--online {
    margin-top: 33.5vw;
  }
}
.page--first .h1--online {
  background: url("../img/online/mv.webp") no-repeat;
  background-size: cover;
  height: 18.055vw;
  background-position: center;
}
@media (max-width: 967px) {
  .page--first .h1--online {
    height: 36.6666vw;
  }
}
.h1--online h1 {
  background: var(--white-color);
  border-radius: 0 var(--v20-px) var(--v20-px) 0;
  box-shadow: 0px var(--v4-px) var(--v4-px) 0px rgba(0, 0, 0, 0.25);
  font-size: var(--f40-px);
  font-weight: 500;
  padding: 0 var(--v72-px);
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 967px) {
  .h1--online h1 {
    border-radius: 0 var(--v12-px) var(--v12-px) 0;
    font-size: var(--f27-px);
    padding: 0 var(--v24-px);
  }
}

/*h1画像 メディア活動*/

.h1--publish {
  display: flex;
  align-items: center;
  width: 100vw;
  margin-top: 12.5vw;
}
@media (max-width: 967px) {
  .h1--publish {
    margin-top: 33.5vw;
  }
}
.page--first .h1--publish {
  background: url("../img/publish/mv.webp") no-repeat;
  background-size: cover;
  height: 18.055vw;
  background-position: center;
}
@media (max-width: 967px) {
  .page--first .h1--publish {
    height: 36.6666vw;
  }
}
.h1--publish h1 {
  background: var(--white-color);
  border-radius: 0 var(--v20-px) var(--v20-px) 0;
  box-shadow: 0px var(--v4-px) var(--v4-px) 0px rgba(0, 0, 0, 0.25);
  font-size: var(--f40-px);
  font-weight: 500;
  padding: 0 var(--v72-px);
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 967px) {
  .h1--publish h1 {
    border-radius: 0 var(--v12-px) var(--v12-px) 0;
    font-size: var(--f27-px);
    padding: 0 var(--v24-px);
  }
}


/*h1画像 専門分野*/

.h1--speciality {
  display: flex;
  align-items: center;
  width: 100vw;
  margin-top: 12.5vw;
}
@media (max-width: 967px) {
  .h1--speciality {
    margin-top: 33.5vw;
  }
}
.page--first .h1--speciality {
  background: url("../img/speciality/mv.webp") no-repeat;
  background-size: cover;
  height: 18.055vw;
  background-position: center;
}
@media (max-width: 967px) {
  .page--first .h1--speciality {
    height: 36.6666vw;
  }
}
.h1--speciality h1 {
  background: var(--white-color);
  border-radius: 0 var(--v20-px) var(--v20-px) 0;
  box-shadow: 0px var(--v4-px) var(--v4-px) 0px rgba(0, 0, 0, 0.25);
  font-size: var(--f40-px);
  font-weight: 500;
  padding: 0 var(--v72-px);
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 967px) {
  .h1--speciality h1 {
    border-radius: 0 var(--v12-px) var(--v12-px) 0;
    font-size: var(--f27-px);
    padding: 0 var(--v24-px);
  }
}


/*h1画像 診療内容*/

.h1--disease {
  display: flex;
  align-items: center;
  width: 100vw;
  margin-top: 12.5vw;
}
@media (max-width: 967px) {
  .h1--disease {
    margin-top: 33.5vw;
  }
}
.page--first .h1--disease {
  background: url("../img/disease/mv.webp") no-repeat;
  background-size: cover;
  height: 18.055vw;
  background-position: center;
}
@media (max-width: 967px) {
  .page--first .h1--disease {
    height: 36.6666vw;
  }
}
.h1--disease h1 {
  background: var(--white-color);
  border-radius: 0 var(--v20-px) var(--v20-px) 0;
  box-shadow: 0px var(--v4-px) var(--v4-px) 0px rgba(0, 0, 0, 0.25);
  font-size: var(--f40-px);
  font-weight: 500;
  padding: 0 var(--v72-px);
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 967px) {
  .h1--disease h1 {
    border-radius: 0 var(--v12-px) var(--v12-px) 0;
    font-size: var(--f27-px);
    padding: 0 var(--v24-px);
  }
}

/*h1画像 協力医療機関*/

.h1--group {
  display: flex;
  align-items: center;
  width: 100vw;
  margin-top: 12.5vw;
}
@media (max-width: 967px) {
  .h1--group {
    margin-top: 33.5vw;
  }
}
.page--first .h1--group {
  background: url("../img/group/mv.webp") no-repeat;
  background-size: cover;
  height: 18.055vw;
  background-position: center;
}
@media (max-width: 967px) {
  .page--first .h1--group {
    height: 36.6666vw;
  }
}
.h1--group h1 {
  background: var(--white-color);
  border-radius: 0 var(--v20-px) var(--v20-px) 0;
  box-shadow: 0px var(--v4-px) var(--v4-px) 0px rgba(0, 0, 0, 0.25);
  font-size: var(--f40-px);
  font-weight: 500;
  padding: 0 var(--v72-px);
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 967px) {
  .h1--group h1 {
    border-radius: 0 var(--v12-px) var(--v12-px) 0;
    font-size: var(--f27-px);
    padding: 0 var(--v24-px);
  }
}

/*h1画像 ニュース*/

.h1--news {
  display: flex;
  align-items: center;
  width: 100vw;
  margin-top: 12.5vw;
}
@media (max-width: 967px) {
  .h1--news {
    margin-top: 33.5vw;
  }
}
.page--first .h1--news {
  background: url("../img/news/mv.webp") no-repeat;
  background-size: cover;
  height: 18.055vw;
  background-position: center;
	
}
@media (max-width: 967px) {
  .page--first .h1--news {
    height: 36.6666vw;
  }
}
.h1--news h1 {
  background: var(--white-color);
  border-radius: 0 var(--v20-px) var(--v20-px) 0;
  box-shadow: 0px var(--v4-px) var(--v4-px) 0px rgba(0, 0, 0, 0.25);
  font-size: var(--f40-px);
  font-weight: 500;
  padding: 0 var(--v72-px);
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 967px) {
  .h1--news h1 {
    border-radius: 0 var(--v12-px) var(--v12-px) 0;
    font-size: var(--f27-px);
    padding: 0 var(--v24-px);
  }
}

/*説明ボックス*/
.multi--block2 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.block--left2 {
  width: 100%;
}

  .block--text2 {
    margin: 5vw 8vw;
  }
  .block--img2 {
    width: 10%;
	height: 100%;
  }
  .block--img2 img {
    position: absolute;
    top: -65%;
    width: 15%;
    right: 3%;
  }

@media (min-width: 967px) {
  .block--text3 {
    margin: 4vw 8vw;
  }
  .block--img3 {
    width: 10%;
	height: 100%;
  }
  .block--img3 img {
position: absolute;
    top: 82%;
    width: 29%;
    right: 64%;
  }
}
@media (max-width: 967px) {
  .block--img3 {
    width: 100%;
	height: 100%;
  }
  .block--img3 img {
    position: absolute;
    top: 91%;
    width: 50%;
    left: 0%;
  }
}




/*論文ボックス*/
.content .column3--knitted--block {
  display: flex;
  gap: var(--v40-px);
  justify-content: center;
  margin-top: var(--v20-px);
}
.content .column3--knitted--block .block--inner {
  background: var(--lightbase-color);
  border-radius: 0 var(--v12-px) 0 var(--v12-px);
  overflow: hidden;
  width: 100%;
}
.content .column3--knitted--block .block--inner .txt--block {
  padding: var(--v48-px);
}
.content .column3--knitted--block .block--inner .txt--block small {
	margin-top: 0;
	font-size: 80%;
}
.content .column3--knitted--block .block--inner .txt--block h6 {
	margin-bottom: var(--v10-px);
	font-size: 110%;
	text-decoration:underline;
}

.txt--block small {
	margin-top: 0;
	font-size: 80%;
}