@charset "UTF-8";

/*------------------------------------------------------------------------------
 医師の紹介(個別)　スタイルシート
 -------------------------------------------------------------------------------*/

@media screen and (min-width: 768px) {
	.drprofile_nopcpage{display: none !important;}	
	.drprofile p{font-size:0.9rem;
		line-height:1.8 !important;}
}

@media screen and (max-width: 767px) {
    .drprofile_smtnone{display: none !important;}
	.drprofile p{font-size:0.9rem;
		line-height:1.8 !important;}
}

/*------ul,li調整----------------------------------*/
.drprofile ul li {
	margin-top:15px;
    margin-bottom: 4px;
    line-height: 1.2rem;
}

@media screen and (min-width: 768px) {

.drprofile ul li {
	font-size:0.9rem !important;
}
}

@media screen and (max-width: 767px) {

.drprofile ul li {
	font-size:0.9rem !important;
}
}


/*------h3調整----------------------------------*/
#contents_center .drprofile h3 {
	font-size: 1.5rem !important;
    font-family: serif;
    font-weight:400;
    color: #b2a269;
    position: unset;
    margin-top: 30px !important;
	   padding:0px !important;
    border-bottom: solid 1px #b2a269 !important;
	   border-top: solid 1px #b2a269 !important;
	   line-height:1.8;
	   box-sizing:border-box;

}

#contents_center .drprofile h4 {
	font-family: serif !important;
	font-weight:400 !important;
	color: #b2a269;
	border_bottom:dotted 1px #b2a269 !important;
	line-height:1.8 !important;
}

@media screen and (min-width: 768px) {
	#contents_center .drprofile h4{
    font-size: 1.4rem !important;
}
#contents_center .drprofile h4 {
font-size: 1.1rem !important;
}	
}

@media screen and (max-width: 767px) {
	#contents_center .drprofile h3{
    font-size: 1.1rem !important;
}
#contents_center .drprofile h4 {
font-family: serif !important;
font-size: 1.1rem !important;
}	
}

#contents_center .drprofile h3:before,
#contents_center .drprofile h3:after,
#contents_center .drprofile h4:before,
#contents_center .drprofile h4:after,
#contents_center .video-h3:before,
#contents_center .video-h3:after
{
content:none;
}

/*------Q＆A----------------------------------*/

@media print, screen and (min-width: 768px) {
dl.drprofile_qa {margin-top: 20px;}
dl.drprofile_qa dt {color: #9b894e;
     font-weight:600;
     display: flex;
	    margin-bottom: 8px;
	    font-family: serif;
	    font-size: 1.1rem;
}
dl.drprofile_qa dt .span_q {margin-right: 0.5em; 
font-family: serif;
}
dl.drprofile_qa dd {
	    margin-bottom: 15px;
	    font-size: 0.9rem;
}
.drprofile_message {
    margin: 2% 0 3%;
    display: flex;
    width: auto;
    font-size: 0.9rem;
    align-items: center;
    color: #008b8b;
    font-family: serif;
    font-style: italic;
    font-weight: bold;
}
.drprofile_message::before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    width: 30px;
    height: 1px;
    background-color: #008b8b;
}

.drprofile_comment {margin-top: 25px;}
.comment {padding:1% 5% 5% 5%;background: #dde6eb;color: #222;
    line-height: 1.7rem;font-size: 1.1rem;}
}

@media screen and (max-width: 767px) {
dl.drprofile_qa {margin-top: 20px;}
dl.drprofile_qa dt {color: #9b894e;
     font-weight:600;
     display: flex;
	    margin-bottom: 8px;
	    font-family: serif;
	    font-size: 1.1rem;
}
dl.drprofile_qa dt .span_q {margin-right: 0.5em; 
font-family: serif;
}
dl.drprofile_qa dd {
	    margin-bottom: 15px;
	    font-size: 0.9rem;
}
.drprofile_message {
    margin: 2% 0 3%;
    display: flex;
    width: auto;
    font-size: 1.2em;
    align-items: center;
    color: #008b8b;
    font-family: serif;
    font-style: italic;
    font-weight: bold;
}
.drprofile_message::before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    width: 30px;
    height: 1px;
    background-color: #008b8b;
}

.drprofile_comment {margin-top: 25px;}
.comment {padding:1% 5% 5% 5%;background: #dde6eb;color: #222;
    line-height: 1.7rem;font-size: 1.1rem;}
}


/*------インスタアイコン----------------------------------*/
.drprofile_instagram {  /*アイコン背景*/
  text-decoration: none;
  border-radius: 20%;
  width: 40px;
  height: 40px; 
  display: flex; 
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 8px 3px  rgba(176, 169, 169, 0.3) ;
  
  position:relative;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  overflow: hidden;
}
.drprofile_instagram::before { /*アイコン */
 font-family: "Font Awesome 5 Brands";
 font-weight: 400;
 content: '\f16d';
 color: white;
 font-size: 25px;
 position: relative;
 z-index: 1;
}

.drprofile_instagram-light {  /*アイコン背景ライト*/
  position: absolute;
  top: 16px;
  left: -6px;
  width: 30px;
  height: 30px;
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}



/* flex で位置調整 */
@media screen and (max-width: 767px) {
.drprofile_sns p {
 display: flex;
 justify-content: center;
}

.drprofile_sns span {
 display: flex;
 justify-content: center;
}
}

@media screen and (min-width: 768px) {
.drprofile_sns p {
 display: flex;
}

.drprofile_sns span {
 display: flex;
}
}


/*------------------------------------------------------------------------------
 医師の紹介コンテンツ1
 -------------------------------------------------------------------------------*/

/*------フレックス共通----------------------------------*/
.drprofile-parent {
  width:100%;
  display:flex;
  flex-wrap:wrap; /*折り返し*/
  justify-content:space-between;/*両端揃え*/
}
.drprofile-child {
  width:100%;
  height:auto;
  display:flex;
  flex-direction:column;
  border:none;
  box-sizing:border-box;
  border-radius:0px;
}

.drprofile-childb {
  width:100%;
  height:auto;
  display:flex;
  flex-direction:column;
  border:none;
  box-sizing:border-box;
  border-radius:0px;
}

.drprofile-grandchild-img {
  width:100%;
  height:auto;
  position:relative;
}
.drprofile-grandchild-img::after {
  display:block;
  content:'';
  width:100%;
  height:0;
  padding-top:64%;
}
.drprofile-grandchild-img img {
  display:block;
  width:100%;
  height:auto;
  position:absolute;
  top:0;left:0;
  border-radius:0;
  object-fit: cover;
}
.drprofile-grandchild-inner {
  display:flex;
  flex-direction:column;
  width:100%;
  margin:20px 0;
  flex-grow:1;
}

 .drprofile-grandchild-innerb {
  display:flex;
  flex-direction:column;
  width:100%;
  margin:0px 0px;
  flex-grow:1;
}

.drprofile-grandchild-inner h3 img {
  display:block;
  width:12.5%;
  height:auto;
  margin-right:8px;
}
.drprofile-grandchild-innerText {
  padding:0;
  margin:0;
  box-sizing:border-box;
}
.drprofile-grandchild-innerLink {
  width:100%;
  height:auto;
}
.drprofile-grandchild-innerLink a {
  width:90%;
  height:48px;
  margin:10px auto 20px auto;
  display:flex;
  justify-content:center;
  align-items:center;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  background:#A7E2CE;
  border-radius:8px;
}

/*------pc----------------------------------*/
@media screen and (min-width: 768px) {
  .drprofile-child {
    width:100%;
    display:flex;
    flex-direction:row;
    border:none;
    box-sizing:border-box;
    border-radius:0px;
  }
  .drprofile-childb {
    width:100%;
    display:flex;
    flex-direction:row;
    border:none;
    box-sizing:border-box;
    border-radius:0px;
  }
  .drprofile-child:nth-of-type(n+2) {
    margin-top:40px;
  }
  .drprofile-grandchild-img {
    max-width:400px;
    height:auto;
    position:relative;
}

  .drprofile-grandchild-img img {
    display:block;
    max-width:400px;
    max-height:auto;
    position:absolute;
    top:0;left:0;
    border-radius:0px;/*角丸変更*/
  }

  .drprofile-grandchild-inner h3 {
    padding:0;
  }
 .drprofile-grandchild-inner {
  display:flex;
  flex-direction:column;
  width:100%;
  min-height:500px;
  margin:0px 20px;
}
 .drprofile-grandchild-innerb {
  display:flex;
  flex-direction:column;
  width:100%;
  margin:0px 8px ;
		flex-grow:1;
}
}

/*------768px以下----------------------------------*/
@media screen and (max-width: 767px) {
  .drprofile-parent {
    width:100%;/*全体の幅を90%に*/
    margin:0 auto;
  }
	
  .drprofile-child {
	width:100%;
    flex-direction:column;
    height: auto; /* 高さを自動調整に */
	box-sizing:border-box;
	align-items: flex-start;
	row-gap:160px;
  }
	
  .drprofile-childb {
	width:100%;
    flex-direction:column;
    height: auto; /* 高さを自動調整に */
	box-sizing:border-box;
  }
	
  .drprofile-grandchild-img {
    width:300px;
    height:100%;
    position:relative;
	margin-left:auto;
	margin-right:auto;
}
  .drprofile-grandchild-img img {
    display:block;
    width:300px;
	height:350px;
    position:absolute;
    top:0;left:0;
    border-radius:0px;/*角丸変更*/
	}
}

/*------画像横スクロール(認定証）----------------------------------*/

.drprofile_scroll_content { /* リスト全体のスタイル */
  display: flex;
  max-width: 1000px;
  margin: auto;
  overflow-x: auto;
}
 
.drprofile_scroll_content li { /* 各リストのスタイル */
  width: 30%;
  padding: 8px;
  margin: 8px;
  list-style: none;
  text-align: center;
}

.drprofile_scroll_content p { /* 各リストのスタイル */
  font-size: 0.8rem;
  font-weight:600;
  text-align: center;
  
}
 
.drprofile_scroll_content img { /* 画像のスタイル */
  width: 250px;
  max-height: auto;
  object-fit: cover;
  border:1px solid #ccc;
  margin-bottom:10px;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.28);
}
 
@media screen and (max-width: 521px) {
 
.drprofile_scroll_content li {
    width: 55%;
	flex-shrink: 0;
}
}

.drprofile_scroll_content::-webkit-scrollbar {
  height: 12px; /* スクロールバーの高さ */
}
 
.drprofile_scroll_content::-webkit-scrollbar-thumb {
  background: #aaa; /* ツマミの色 */
  border-radius: 6px; /* ツマミ両端の丸み */
}
 
.drprofile_scroll_content::-webkit-scrollbar-track {
  background: #ddd; /* トラックの色 */
  border-radius: 6px; /* トラック両端の丸み */
}

/*------画像横スクロールb（学術書）----------------------------------*/

.drprofile_scroll_contentb { /* リスト全体のスタイル */
  display: flex;
	 flex-wrap: wrap;
  max-width: 1000px;
  margin: auto;
  overflow: hidden;
	 justify-content: center;
}
 
.drprofile_scroll_contentb li { /* 各リストのスタイル */
  width: 30%;
  padding: 8px;
  margin: 8px;
  list-style: none;
  text-align: center;
}

.drprofile_scroll_contentb p { /* 各リストのスタイル */
  font-size: 0.8rem;
  font-weight:600;
  text-align: center;
  
}
 
.drprofile_scroll_contentb img { /* 画像のスタイル */
  width: 200px;
  max-height: auto;
  object-fit: cover;
  border:1px solid #ccc;
  margin-bottom:10px;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.28);
}
 
@media screen and (max-width: 521px) {
	
.drprofile_scroll_contentb li {
 width: 60%;
	flex-shrink: 0;
	padding:2%;
  margin: 2%;
	text-align:center;
	}
	
.drprofile_scroll_content img { /* 画像のスタイル */
  width: 200px;
}
}

.drprofile_scroll_contentb::-webkit-scrollbar {
  height: 12px; /* スクロールバーの高さ */
}
 
.drprofile_scroll_contentb::-webkit-scrollbar-thumb {
  background: #aaa; /* ツマミの色 */
  border-radius: 6px; /* ツマミ両端の丸み */
}
 
.drprofile_scroll_contentb::-webkit-scrollbar-track {
  background: #ddd; /* トラックの色 */
  border-radius: 6px; /* トラック両端の丸み */
}

/*------画像横スクロールc(学術論文）----------------------------------*/

.drprofile_scroll_contentc { /* リスト全体のスタイル */
  display: flex;
	 flex-wrap: wrap;
  max-width: 1000px;
  margin: auto;
  overflow: hidden;
	 justify-content: center;
}
 
.drprofile_scroll_contentc li { /* 各リストのスタイル */
  width: 30%;
  padding: 8px;
  margin: 0px;
  list-style: none;
  text-align: center;
}

.drprofile_scroll_contentc p { /* 各リストのスタイル */
  font-size: 0.7rem;
  font-weight:400;
  text-align: center;
  
}
 
.drprofile_scroll_contentc img { /* 画像のスタイル */
  width: 150px;
  max-height: auto;
  object-fit: cover;
  border:1px solid #ccc;
  margin-bottom:10px;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.28);
}
 
@media screen and (max-width: 521px) {
	
.drprofile_scroll_contentc li {
 width: 40%;
	flex-shrink: 0;
	padding:2%;
  margin: 2%;
	text-align:center;
	}
	
.drprofile_scroll_contentc img { /* 画像のスタイル */
  width: 150px;
}
}

.drprofile_scroll_contentc::-webkit-scrollbar {
  height: 12px; /* スクロールバーの高さ */
}
 
.drprofile_scroll_contentc::-webkit-scrollbar-thumb {
  background: #aaa; /* ツマミの色 */
  border-radius: 6px; /* ツマミ両端の丸み */
}
 
.drprofile_scroll_contentc::-webkit-scrollbar-track {
  background: #ddd; /* トラックの色 */
  border-radius: 6px; /* トラック両端の丸み */
}

/*------施術院----------------------------------*/

.drprofile_button {
  display: flex;
  justify-content: start; /* コンテナ内のアイテムを中央揃えに */
  gap: 10px; /* ボタン間のスペース */
}

.button_drprofile {
  padding: 5px 20px;
  margin-top:20px;
  background-color: #91c9c8;
  color:#fff;
  border:none;
  border-radius: 100vh;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight:400;
  font-family: serif;
  flex-shrink: 0; /* ボタンのサイズを維持 */
}

.button_drprofile a{
  color:#fff;
}

/*------テキスト----------------------------------*/

.drprofile_box_bk {
	width:100%;
 margin:auto;
 padding:20px;
	background:#f1eeee;
	box-sizing:border-box;
}

.drprofile_box {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 40px;
	 box-sizing:border-box;
}

.drprofile_box_text {
padding-left:15px;
padding-rignt:15px;
}

.drprofile_box_pict {
  position: relative;
  width:320px;
  heght:220px;
  margin-left: 3%;
  margin-right:3%;
}

.drprofile_box_pictb {
  position: relative;
  width:320px;
  heght:220px;
  margin-left: 3%;
  margin-right:3%;
}

.drprofile_box_pict02 {
  position: relative;
  width:320px;
  heght:220px;
  margin-left: 3%;
  margin-right:3%;
}

.drprofile_box_pict02b {
  position: relative;
  width:320px;
  heght:220px;
  margin-left: 3%;
  margin-right:3%;
}

.drprofile_box_pict img {
  width:320px;
  heght:220px;  
}

.drprofile_box_pictb img {
  width:320px;
  heght:220px;  
}

.drprofile_box_pict02 img {
  width:320px;
  heght:220px;  
}

.drprofile_box_pict02b img {
  width:320px;
  heght:220px;  
}

.drprofile_box_pict:before {
    position: absolute;
    inset: -10px 10px 10px -10px;
    border: 1px solid #333;
    content: '';
}

.drprofile_box_pictb:before {
    position: absolute;
    inset: 10px -10px -10px 10px;
    border: 1px solid #333;
    content: '';
}

.drprofile_box_pict02:before {
    position: absolute;
    inset: -10px 10px 10px -10px;
    border: 1px solid #fff;
    content: '';
}

.drprofile_box_pict02b:before {
    position: absolute;
    inset: 10px -10px -10px 10px;
    border: 1px solid #fff;
    content: '';
}

.drprofile_box:nth-child(even) {
  flex-direction: row-reverse;
}
.drprofile_box:nth-child(even) .drprofile_box_text {
  text-align: left;
}
.drprofile_box:nth-child(even) .drprofile_box_pict{
  margin-left: 3%;
  margin-right:3%;
}
.drprofile_box:nth-child(even) .drprofile_box_pict02{
  margin-left: 3%;
  margin-right:3%;
}

.drprofile_box:nth-child(even) .drprofile_box_pictb{
  margin-left: 3%;
  margin-right:3%;
}

.drprofile_box:nth-child(even) .drprofile_box_pict02b{
  margin-left: 3%;
  margin-right:3%;
}

@media (max-width:767px) {
  .drprofile_box {
    flex-direction: column;
  }
  .drprofile_box:nth-child(even) {
    flex-direction: column;
  }
  .drprofile_box_text {
    text-align: left;
  }
  .drprofile_box:nth-child(even) .drprofile_box_text {
    text-align: left;
  }
  .drprofile_box_pict {
	max-width:100%;
	height:auto;
    margin-top:20px;
  }
	
  .drprofile_box_pictb {
	max-width:100%;
	height:auto;
    margin-top:20px;
  }
	
  .drprofile_box_pict02 {
   max-width:100%;
   heght:auto;
   margin-top:20px;
}
	
  .drprofile_box_pict02b {
   max-width:100%;
   heght:auto;
   margin-top:20px;
}
	
  .drprofile_box:nth-child(even) .drprofile_box_pict {
    margin-left: auto;
    margin-right: auto;
  }
	
  .drprofile_box:nth-child(even) .drprofile_box_pictb {
 margin-left: auto;
    margin-right: auto;
  }
  .drprofile_box:nth-child(even) .drprofile_box_pict02 {
 margin-left: auto;
    margin-right: auto;
  }
	
  .drprofile_box:nth-child(even) .drprofile_box_pict02b {
 margin-left: auto;
    margin-right: auto;
  }
	
 .drprofile_box_pict img {
    max-width:100%;
    height:auto;
  }
 .drprofile_box_pictb img {
    max-width:100%;
    height:auto;
  }
  .drprofile_box_pict02 img {
    max-width:100%;
    height:auto;
  }
  .drprofile_box_pict02b img {
    max-width:100%;
    height:auto;
  }
}

/*youtubeの枠 */

@media screen and (min-width: 768px) {
.y-video02{
width: 100%;
aspect-ratio: 16 / 9;
}
.y-video02 iframe {
width: 60%;
height: 60%;
margin-left:5%;
margin-right:5%;
}
}

@media screen and (max-width: 767px) {
.y-video02{
width: 100%;
aspect-ratio: 16 / 9;
}
.y-video02 iframe {
width: 100%;
height: 100%;
}
}