@charset "utf-8";

/* common
****************************************************/

	*{ margin:0; padding:0; word-break:break-all; box-sizing:border-box; }
	body{ font-size:19px;
		line-height:180%;
		color:#4d4d4d;
/*		font-family:"ヒラギノ丸ゴ";*/
/*		font-family:  "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;*/
		font-family:"A P-OTF 秀英丸ゴシック Std B", "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; 
	}
	img{ border:none; font-size:0; vertical-align:top; }
	ul{ list-style-type:none; }
	a{ text-decoration:none; color:#4d4d4d; }
	a:hover{ text-decoration:underline; }
	a:hover img{ opacity: 0.8; }
	h1{ font-size:14px; font-weight:normal; }
	address{ font-style:normal; }

	a[id^="link_"]{ display: block; padding-top: 100px; margin-top:-100px; }
	a[href^="tel:"] { pointer-events:none; }
	@media only screen and (max-width:599px){
	/*spの時*/
		body{
			line-height: 180%;
		}
	a[href^="tel:"] { pointer-events:auto; }
	}

	iframe[src$=".PDF"] { width: 100%; height: 80vh; }

.youtube {
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}

.youtube .youtube-inner {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden;
}

.youtube .youtube-inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* margin
****************************************************/
	.mt0{margin-top: 0px; }
	.mt5, .mt5ul li{ margin-top:5px; }
	.mt10, .mt10ul li{ margin-top:10px; }
	.mt20, .mt20ul li{ margin-top:20px; }
	.mt30, .mt30ul li{ margin-top:30px; }
	.mt15{ margin-top:15px; }
	.mt20{ margin-top:20px; }
	.mt40{ margin-top:40px; }
	.mt50{ margin-top:50px; }
	.mbtm5{ margin-bottom: 5px;}
	.mbtm15{ margin-bottom: 15px;}
	.mbtm50{ margin-bottom:50px; }
	.mt60{ margin-top:60px; }
	.mt75{ margin-top:75px; }
	.mt100{ margin-top:100px; }
	.mt-50{ margin-top:-50px; }
	.ml100{ margin-left:100px; }
	.ml1{ margin-left:1em;}

.ml50 {margin-left:50px;}
	
/* text-align
****************************************************/

	.tar{ text-align:right; }
	.tac{ text-align:center; }
	.tal{ text-align: left; }
	.ti1{ text-indent:1em; }
	.ti2{ text-indent:-1em; padding-left:1em; }
	.ti3, .ti3ul li{ text-indent:-1.4em; padding-left:1.4em; }
	
/* color
****************************************************/
	
	.col_red{ color:red; }
	.col_white{ color:white; }
	.col_1, .col1ul li:before, .col1icon:before{ color:#6c3412; }
	.col_2, .col2ul li:before, .col2icon:before{ color:#001e62; }
	.col_3, .col3ul li:before, .col3icon:before{ color:#c63527; }
	.col_4, .col4ul li:before, .col4icon:before{ color:#faf9f5; }
	.col_5, .col5ul li:before, .col5icon:before{ color:#b2b2b2; }
	.col_6, .col6ul li:before, .col6icon:before{ color:#4d4d4d; }
	.col_7, .col7ul li:before, .col7icon:before{ color:#e8380e; }


/*リンクに下線アンダーライン*/
a.udl_link{
text-decoration:underline;
font-weight:bold;
}
a.udl_link:hover{ text-decoration:none; }
a.udl_link:hover img{ opacity: 0.8; }


/* background
****************************************************/
	
	/* color */
	.bg1col{ background-color:#6c3412; }
	.bg2col{ background-color:#001e62; }
	.bg3col{ background-color:#c63527; }
	.bg4col{ background-color:#faf9f5; }
	.bg5col{ background-color:#b2b2b2; }
	.bg6col{ background-color:#4d4d4d; }
	.bg7col{ background-color:#e0ffff; }
	/* image */
	.bg1img{ background:url(images/bg2.jpg); }
	
/* icon
****************************************************/

	.icon_1:before, .icon1ul li:before, .icon1dl dt:before{ content:"▶ "; }
	.icon_2:before, .icon2ul li:before, .icon2dl dt:before{ content:"● "; }
	.icon_3:before, .icon3ul li:before, .icon3dl dt:before{ content:"◆ "; }
	.icon_4:before, .icon4ul li:before, .icon4dl dt:before{ content:"■ "; }
	.icon_5:before, .icon5ul li:before, .icon5dl dt:before{ content:"▲ "; }
	.icon_6:before, .icon6ul li:before, .icon6dl dt:before{ content:"●"; }
	.icon_7:before, .icon7ul li:before, .icon7dl dt:before{ content:"・"; }
    
/* font-size
****************************************************/
	
	.fs_s{ font-size:small; }
	.fs10{ font-size:10px; }
	.fs14{ font-size:14px; }
	.fs15{ font-size:15px; }
	.fs16{ font-size:16px; }
	.fs20{ font-size:20px; }
	.fs24{ font-size:24px; }
	.fs12em { font-size: 1.2em }
	.fs09em { font-size: 0.9em }
	.fs08em { font-size: 0.8em }


/*引用に関する文章
****************************************************/
.quote {
	line-height: 1.2em;
	font-size: 0.6em;
	color: #999;
		}
	@media only screen and (max-width:599px){
	/*spの時*/
	.quote{
			line-height: 1.2em;
			font-size: 0.8em;
		}
}
.quote a {
	color: #999;
	text-decoration: underline;
}

/*olタグ（ナンバリング）の色付き　※うまくいかない…
****************************************************/
.colored3-numbers {
  counter-reset: list-counter;
  list-style: none;
}

.colored3-numbers li::before {
  counter-increment: list-counter;
  content: counter(list-counter) ".";
  color: #c63527; /* ここで数字の色を指定します */
}

.colored2-numbers {
  counter-reset: list-counter;
  list-style: none;
}

.colored2-numbers li::before {
  counter-increment: list-counter;
  content: counter(list-counter) ".";
  color: #001e62; /* ここで数字の色を指定します */
  margin-right: 5px;
		margin-left: 0;
		padding: 0;

}

.colored8-numbers {
  counter-reset: list-counter;
  list-style: none;
}
.colored8-numbers li::before {
  counter-increment: list-counter;
  content: counter(list-counter) ".";
  color: #0096BF; /* フッターメニューと同じ色 */
  margin-right: 5px;
	padding: 0;
}


/*

@media only screen and (max-width:599px){
	
	 .colored2-numbers,.colored3-numbers,.colored8-numbers
		li::before {
	  margin-left: -1.5em;
			margin-right: 0;
	}
}
*/


	/* font-weight
****************************************************/
.fwb { font-weight: bold; }
.txu {text-decoration: underline; }

/* btn
****************************************************/
	
	/* template */
	.btn1tmp{ display:block; font-size:20px; text-align:center; }
	.btn1{ background-color:#c63527; color:#fff; padding:10px 30px; font-size:23px; font-weight:bold; }
	.btn2{ background-color:#ededed; color:#001e62; border:1px solid #001e62; padding:10px 30px; font-size:23px; font-weight:bold; }
	.btn2:hover{ background-color:#001e62; color:#fff; text-decoration:none; }
	.btn2:hover:before{ color:#fff; }
	.btn3{ background-color:#001e62; color:#fff; padding:10px 30px; font-size:23px; font-weight:bold; }
	.btn4{ background-color:#001e62; border:1px solid #001e62; color:#fff; padding:10px 30px; font-size:23px; font-weight:bold; }
	.btn4:hover{ background-color:#fff; color:#001e62; text-decoration:none; }
	/*.btn5はSP版トップやフッタの赤い「土日祝診療」。下記のSP版　btn　に記述あり*/
	.btn6{ display: inline-block; background-color:#ededed; color:#001e62; border:1px solid #001e62; padding:5px; font-weight:bold; }
	.btn6:hover{ background-color:#001e62; color:#fff; text-decoration:none; }
	.btn6:hover:before{ color:#fff; }
	.btn7{ background-color:#c63527; border:1px solid #c63527; color:#fff; padding:10px 35px; font-size:23px; font-weight:bold; }
	.btn7:hover{ background-color:#fff; color:#c63527; text-decoration:none; }

	.btn_reserve{ display: inline-block; color:#fff; padding:10px 30px; font-weight:bold; }
	
	.form_corp{ display: block; margin: 75px auto 0; max-width: 1000px;  text-align: center; box-sizing: border-box;}

	.btntxt1{ line-height: 56px; }/*web予約ページ、予約ボタン横テキストを上下中央にレイアウトする為*/

/*予約*/
#reserve ul li{
	margin-bottom: 20px;
}


/*アクセスページへのリンクボタン*/

.flxbx{
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.btn8_pc,
a.btn8--access_pc {
	width: 100px;
	height: 35px;
	color: #fff;
	background-color: #c63527;
	padding:3px 8px 4px 8px;
	margin-left: 10px;
	font-size: 12px;
	text-align: center;
}
.btn8--access_pc:hover,
a.btn8--access:hover {
  color: #fff;
  background: #c63527;
	opacity: 0.8;
	text-decoration: none;
		transition: 0.3s;
	
}

.btn8_sp,
a.btn8--access_sp {
	width: 90px;
	height: 25px;
	color: #fff;
	background-color: #c63527;
	margin-left: 10px; 
	padding: auto 0px auto 0px;
	font-size: 12px;
	text-align: center;
}
.btn8--access_sp:hover,
a.btn8--access:hover {
  color: #fff;
  background: #c63527;
	text-decoration: none;	
}

a.btn8--radius {
   border-radius: 100vh;
}
/*---------*/

/*-----土日祝診療----*/

.btn9 {
	color: #c63527;
	font-weight: bold;
	/*
	width: 100px;
	height: 35px;
	color: #fff;
	background-color: #c63527;
	padding:3px 8px 4px 8px;
	margin-left: 10px;
	font-size: 12px;
	text-align: center; */
}

/*---------*/

/*蛍光ペン*/

/*水色*/
.udl {
	border-bottom: solid 3px #66ccff;
	font-weight: bold;
	color: #111;
/*
  background: linear-gradient(transparent 80%, #66ccff 80%);
	font-weight: bold;
	color: #111;
*/
}
/*
ピンク
.pnkudl {
  background: linear-gradient(transparent 70%, #EFCCCC 50%);
	font-weight: bold;
	color: #222;
}
*/
.pudl {
border-bottom:solid;
border-color:#EFB4C5;
border-width:3px;
}/*5ピクセルの太さにする*/


/* list-style
****************************************************/

	.ls_disc{ list-style:disc; margin-left:1em; }
	
/* border
****************************************************/
	
	.bor1{ background:url(images/bor1bg.gif) repeat-x bottom; padding-bottom:10px; }
	.bor2{ background:url(images/bor1bg.gif) repeat-x top; padding-top:10px; }
	.bor_3{ border:2px solid #6c3412; }
	.bor4{ border:1px dotted #6c3412; }
	.bor5{padding-bottom: 10px; padding-top: 10px; border-bottom: dotted #999;}

/* border-radius
****************************************************/

	.br05{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
	.br10, .br10ul li{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
	.br15{ border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; }
	.br25, .br25ul li, .br25a a{ border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; }
	.br50{ border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }
	
/* headline
****************************************************/



	.hl1{ font-size:30px; color:#001e62; text-align:center; }
@media only screen and (max-width:599px){
	/*spの時*/
	.hl1 {
		font-size:1.5em;
		line-height: 120%}
	}
	.hl2{ background:url(images/icon1.gif) no-repeat left top; border-bottom:2px solid #001e62; color:#001e62; padding-left:20px; }
	h2.hl2{ font-size:1.2em; }/*これはhl2タグがついているh2タグのみフォントサイズを1.2にするというやつ*/

	.hl3{ background:url(images/icon1.gif) repeat-y left top; color:#001e62; padding-left:20px; }
	h2.hl3{font-size: 1.1em;}/*これはhl3タグがついているh3タグのみフォントサイズを1.2にするというやつ*/
	.hl4 { padding: 12px 21px; color: #fff; background-2olor: #556da0; }
	.hl5{ font-size:1.1em; color:#001e62; padding-left: 10px; }

/* page title
****************************************************/

	.pp1ttl{ background:url(images/pc1300sv.jpg) repeat-x center center; font-weight:bold; color:#fff; }
	/*.pp2ttl{ background:url(images/pc1300sv.jpg) repeat-x center center; font-weight:bold; color:#fff; }*/

/* Flexbox
	****************************************************/
	.f-container01 { display: flex; flex-wrap: wrap; justify-content: center; }
	.f-container02 { display: flex; flex-wrap: wrap; justify-content: space-between; }
	@media screen and (max-width: 599px) {
		.f-container01 { flex-direction: column; }
		.f-item01:nth-of-type(1) { order: 2; }
		.f-item01:nth-of-type(2) { order: 1; }
		.f-container02 { flex-direction: column; }
	}

/*
タイトル＋ボックス
****************************************************/
.box_riyuu {
    position: relative;
    margin: 2em 0;
    padding: 1em 1.7em 1em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box_riyuu .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}

/* content
****************************************************/
	
	/* section */
	.section{ padding:120px 0 80px; }
	#index, #greeting{ margin-bottom:90px; }
	/* notice */
	#notice h2{ color:#fff; }
	#notice ul{ height:460px; overflow:auto; margin-top:30px; padding:30px; background-color:#fff; }
	#notice li{ margin-top:10px; }
	#notice ul::-webkit-scrollbar {
		all:unset;
		width:6px;
		background:transparent;
	}
	
	#notice ul::-webkit-scrollbar-track {
		all:unset;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
		background: transparent;
	}
	
	#notice ul::-webkit-scrollbar-thumb {
		all:unset;
		background:#c63527;
		-webkit-box-shadow: inset 0 0 6px rgba(210,185,123,1);
		border-radius: 8px;
	}
	
	#notice ul::-webkit-scrollbar-thumb:hover {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
		background: transparent;
	}
	#calendar iframe { width: 100%; height: 450px; }
	@media screen and (min-width: 600px) {
		#calendar iframe { width: 100%; height: 1000px; }	
	}
	/* bnr */
	#bnr a{ color:#fff; }
	#bnr li.hos_list{ display: block; width: 200px; margin: 10px auto 0;  border: 1px solid #fff;}
/* guide */
	#guide .sec1 .box, #guide .sec2 .box{ border:1px solid #001e62; }
	/* medical */
	#medical .movie{ background-color: #faf9f5; padding:10px 20px; }
	#medical .movie2{ background-color: #ffffff; font-size:14px; line-height:1.5; padding:10px; }
	#medical .movie3{ background-color: #ffffff; font-size:14px; line-height:1.5; padding:10px; }





	/* supplement */
	#supplement h2 { line-height: 1.2; padding-top: 100px; margin-top: -100px; }
	#supplement ul { text-indent: -1.3em; }
	#supplement ul li { margin-left: 1.3em; }
	#supplement .box { margin-top: 20px; padding: 20px; border: 1px solid #001e62; }
	#supplement .lutein-pro h3 { font-size: 24px; }
	#supplement .lutein-pro .box .card-blue { display: inline-block; padding: 3px 10px; margin: 0 10px 10px 0; font-size: 16px; color: #fff; background-color: #001e62; }
	#supplement .lutein-pro .table01 th, #supplement .lutein-pro .table01 td { padding: 8px; border: 1px solid #b2b2b2; text-align: center; }
	#supplement .lutein-pro .table01 th { font-weight: bold; }
	@media screen and (max-width: 599px) {
		#supplement h2 { padding-top: 50px; margin-top: -50px; }
		#supplement .lutein-pro .table01 { border-collapse: collapse; width: 100%; margin-left: auto; margin-right: auto; overflow: hidden; }
		#supplement .lutein-pro .table01 tr { float: left; }
		#supplement .lutein-pro .table01 th, #supplement .lutein-pro .table01 td { display: block; width: 100%; padding: 8px 20px; }
		#supplement .lutein-pro .table01 th + th, #supplement .lutein-pro .table01 td + td { border-top: none; }
		#supplement .lutein-pro .table01 td { border-left: none; }
	}



/* symptom
****************************************************/
	
	/* common */
	#symptom2 dt{ background:url(images/headline2.png) bottom center no-repeat; text-align:center; padding-bottom:10px; font-weight:bold; }
	#symptom dd a, #symptom2 li a{ text-decoration:none; color:#000000 }
	#symptom dd a:before{ content:"▶"; font-size:14px; margin-right:5px; color:#c63527; }
	#symptom2 li a:before, #symptom3 .back:before{ content:"▶"; font-size:14px; margin-right:5px; color:#4d4d4d; }
	#symptom dd a:hover:before, #symptom2 li a:hover:before, #symptom3 .back:hover:before{ color:#c63527; text-decoration:none; }
	#symptom2 .wrap, #symptom3 .wrap{ background-color:#fff; }
	#symptom2 dt, #symptom3 h3{ border-bottom:5px solid #001e62; text-align:center; padding-bottom:10px; }
	/* symptom */
	#symptom{ font-size:16px; }
	#symptom dl{ border:1px solid #001e62; padding:15px 0; }
	#symptom dt{ border-bottom:5px solid #001e62; text-align:center; font-weight:bold; }
	#symptom dd{ padding:15px; line-height:150%; }
	#symptom dd a{ display:block; margin-top:1em; text-align:right; }
	/* symptom2 */
	#symptom2 dd{ margin-top:30px; }
	#symptom2 ul{ border:1px solid #001e62; }
	/* symptom3 */
	#symptom3 h4{ color:#001e62; }
	#symptom3 dt{ font-weight:bold; margin-top:1em; }
	#symptom3 dt:before{ content:"【"; margin-right:5px; }
	#symptom3 dt:after{ content:"】"; margin-left:5px; }
	#symptom3 .back{ padding-top:1em; }
	#symptom3 .outline{ margin-top:50px; border:1px solid #001e62; }

/* disease
****************************************************/

	#disease h3{ border-bottom:1px solid #001e62; text-align:center; padding-bottom:10px; }
	#disease dl{}
	#disease dt{ border-left:10px solid #001e62; color:#001e62; padding:10px 20px; margin-top:40px; }
	#disease dd{ padding:20px; }
	#disease li a{
		border:1px solid #001e62;
		color:#001e62;
		display:block;
		font-size:20px;
		text-align:center;
	}
	#disease a:hover{ background-color:#001e62; color:#fff; text-decoration:none; }

/* about
****************************************************/

	#about dt:before{ content:"■ "; color:#001e62; }
	#about dt{ border-bottom:5px solid #001e62; padding:0 20px 10px; font-weight:bold; }
	#about dd{ margin:15px; }
	
/* sitemap
****************************************************/

	#sitemap li{ margin-top:15px; }
	#sitemap .parent li:before{ content:"■"; color:#c63527; margin-right:.5em; }
	#sitemap .child li:before{ content:"";  margin-right:0; }
	#sitemap .child a{ text-decoration:underline; }
	#sitemap .child a:hover{ text-decoration:none; }

/* ortho
****************************************************/
#ortho .head{ background-color:#e1e1e1; border-top:1px solid #b2b2b2; border-left:1px solid #b2b2b2; border-right:1px solid #b2b2b2; padding:5px 15px; }
#ortho .middle{ background-color:#e1e1e1; border-top:1px dotted #b2b2b2; border-left:1px solid #b2b2b2; border-right:1px solid #b2b2b2; padding:5px 15px; font-size:14px; line-height:160%; }
#ortho .read{ border:solid #b2b2b2; border-width:1px; padding:5px 15px; }
#ortho .read .fs14{ font-size:14px; line-height:160%; }
#ortho .lisukima li { margin-bottom: 10px; }


#ortho .tbl th, .tbl td{ padding:10px; vertical-align:middle; border:1px solid #b2b2b2; }
#ortho .tbl .cell1{ background-color:#556da0; color:#fff; text-align:center; font-weight:bold; }
#ortho .tbl .cell2{ text-align:left; width: 50%; }
#ortho .tbl .cell3{ text-align:right; width: 50%; }
#ortho .tbl .cell4{ text-align:center; width: 50%; }
#ortho .tbl .cell-sum{ background-color:#556da0; color:#fff; text-align:center; font-weight:bold; width: 50%;}
#ortho .tbl .cell-top{background-color:#556da0; color:#fff; text-align:center; font-weight:bold;}

#ortho .tbl .cell-left-top{ background-color:#556da0; color:#fff; text-align:center; font-weight:bold; width: 50%;}
#ortho .tbl .cell-right-top{ background-color:#556da0; color:#fff; text-align:center; font-weight:bold; width: 25%;}
#ortho .tbl .cell-left-middle{ text-align:left; width: 50%; background-color: #C3D8FF;}
#ortho .tbl .cell-right-middle{ text-align:center; width: 25%; font-size: 0.8em;}

#ortho .tbl .cell6{ background-color:#556da0; color:#fff; text-align:center; font-weight:bold; width: 33%; }

#ortho .tbl .cell7{ text-align:center; width: 33%; }
#ortho .tbl .cell-bold{border-top:double 3px #b2b2b2;}
#ortho .tbl .cell8{ text-align:left; font-size: 0.9em ; }



/* 開いて実行されるアニメーションを設定*/
details[open] .ortho-table {
  animation: fadeIn 1s ease-in-out;
}
@keyframes fadeIn {
  0% {
    opacity: 0; /* Transparent */
/*    transform: translateX(+100px); */
    /* translateX(+100px)：右から表示 */
    /* translateX(-100px)：左から表示 */
    /* translateY(+100px)：下から表示 */
    /* translateY(-100px)：上から表示 */

  }
  100% {
    opacity: 1;
    transform: none;
  }
}


/* myopine
****************************************************/
#myopine .menu { display: flex; justify-content: space-around; align-items: center; }
#myopine .menu li { max-width: 300px; width: 100%; }
#myopine .menu li a { display: block; padding: 5px 15px; color: #fff; background-color: #001e62; text-align: center; }
#myopine .menu li a:hover { text-decoration: none; }
#myopine .h4{ font-size: 1.1em;}
#myopine .fl{float: left; width: 65%;}
#myopine .list {border: 1px solid #001e62;padding: 20px;border-radius: 30px;}
#myopine .step {background-color: #e0ffff63;padding:0 20px 16px;}
#myopine .step li{color: #001e62;margin-bottom: 6px;}
#myopine .price .fl{float: left; width: 60%;}
#myopine .price table {width: 100%;border-collapse: collapse;}
#myopine .price th {border: 1px solid #001e62;padding: 10px;width: 50%;background: #e0ffff;text-align: center;}
#myopine .price td {border: 1px solid #001e62;	text-align: right; padding: 8px 17px;}

@media screen and (max-width: 599px) {
	#myopine .menu { flex-direction: column; }
	#myopine .menu li + li { margin-top: 10px; }
	#myopine .fl,#myopine .price .fl{float: none;width: 100%;}
}

/* pediatric
****************************************************/
#pediatric .menu { display: flex; justify-content: space-around; align-items: center; }
#pediatric .menu li { max-width: 300px; width: 100%; }
#pediatric .menu li a { display: block; padding: 5px 15px; color: #fff; background-color: #001e62; text-align: center; }
#pediatric .menu li a:hover { text-decoration: none; 
opacity: 0.8;
}

#pediatric .drbox{
	margin: auto;
	margin-top: 30px;
}
	#pediatric a.pmore_link{ 
 display: inline-block;
font-size: 0.8em;
  width: 300px;
  text-align: center;
  border: 2px solid #001e62;
  color: #001e62;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
	margin-left:5px;
	margin-top:5px;
		margin-right: 5px;
}

#pediatric a.pmore_link:hover {
  background-color: #001e62;
  border-color: #001e62;
  color: #FFF;
}

#pediatric .dname1{ font-size:20px; color:#001e62; line-height: 39px; font-weight: bold; padding:2px 0 5px 20px; background:url(images/icon1.gif) no-repeat left top; }

#pediatric a.glass_link {
	text-decoration:underline; 
}

#pediatric a.glass_link:hover {
	text-decoration: none;
}

#pediatric .text_center {
	text-align: center;
}


/* header（健診表示あり用）
****************************************************/
header .kenshin{ font-size:14px; line-height: 1.2; color:#fff; font-weight:bold; background-color:#f15694; text-align:center; margin-top:15px; padding: 5px 20px;}
header .fl{ margin-top:10px; }


/* footer
****************************************************/

	address{ font-size:12px; text-align:center; padding:5px 0; color:#fff; background-color:#001e62; }


/*モバイル版の下部固定*/

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

.fixed-footer-menu {
  display: flex; /* 追加: フレックスボックスを使用してアイコンを横に並べる */
font-size: 1em;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent; /* 背景色は透明に設定 */
/*  padding: 10px;*/
  text-align: center;
  z-index: 1000; /* 他の要素の上に表示するために高いz-indexを設定 */
  justify-content: center; /* 追加: アイコンを中央に揃える */
	  color: #fff;
}

.footer-menu-item:last-child {
  border-right: none;  追加: 最後のリンクの右側の線を削除 
}


.footer-menu-item {
  color: #fff;
  text-decoration: none;
  padding: 10px 5px 5px 5px;
	margin-top: 10px;
  flex-grow: 1; /* 追加: それぞれのアイコンが均等にスペースを埋めるように設定 */
  text-align: center; /* 追加: テキストとアイコンを中央揃えにする */
	width: 25%;
	background: #0096BF; /* すべてのリンクの背景色を同じ色に設定 */
  border-right: 1px solid #ffffff; /* 追加: 右側に白い線を追加 */
}

.footer-menu-item:hover {
  color: #ccc;
}


	.footer-menu-item-chatbot {
		
	color: #fff;
	  text-decoration: none;
	  padding: 5px 5px 5px 5px;
		margin-top: 10px;
	  flex-grow: 1; /* 追加: それぞれのアイコンが均等にスペースを埋めるように設定 */
	  text-align: center; /* 追加: テキストとアイコンを中央揃えにする */
		width: 25%;
		background:#6B350E;
		border:none;
		font-size:0.8em;
	}
}

.footer-menu-item-chatbot img {
	margin-bottom: 3px;
}

/* pc固定
****************************************************/
@media only screen and (min-width: 600px) {
.footer-menu-item-chatbot {
    position: fixed;
    bottom: 30px; /* 「ページトップに戻る」ボタンより上に配置 */
    right: 10px; /* 右端に寄せる */
    line-height: 0;
    z-index: 1000; /* 他の要素より前面に表示 */
    background: none;
    border: none;
    padding: 0;
	margin: 0;
}

}

/* 404
****************************************************/

	.error404{ text-align:center; color:red; padding:100px 0; }

/* table
****************************************************/

	/* Default */
	table{ width:100%; border-collapse:collapse; }
	th{ font-weight:normal; text-align:left; }
	table .vam{ vertical-align:middle!important; }
	/* table_1 */
	.tbl1 th, .tbl1 td{ padding:10px 20px; vertical-align:top; border:1px solid #d1d7c6; }
	.tbl1 th{ background-color:#f0fddb; }

/* pagetop
****************************************************/

	.pagetop {
		display:none;
		position:fixed;
		bottom:120px;
		right:10px;
	}
@media only screen and (min-width: 600px) {
		.pagetop {
	line-height:0;
	}
}


	.pagetop a{
		display:block;
		padding:5px;
		background-color:#001e62;
		text-align:center;
		color:#ffffff;
		text-decoration:none;
		margin-bottom:5px;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		opacity:.5;
	}
	.pagetop a:hover, .pagetop a:hover img{ opacity:1.0; }

/* page anchor
****************************************************/
	
	#pa1, #pa2, #pa3, #pa4, #pa5, #pa6, #pa7, #pa8, #pa9, #pa10, #pa11, #glashvista
	{ padding-top:50px; margin-top: -50px; }


.parent1 {
    display: flex;
    justify-content: center;
    position: relative;
}
.center1 {
vertical-align:middle;
height: 80px;
line-height: 80px;
}
.right1 {
    position: absolute;
    right: 0;
}

.social .bnr_cataract{
	text-align: center;
	margin: 0 auto;
	padding-top: 30px;
}


.social__inner { display: flex; justify-content: space-between; padding: 30px 0; /* background-color: aqua;*/}
.social__inner2 { padding-bottom: 50px;}
/*.social__button { display: flex; width: 70%; padding: 0 5px; border: solid 1px #00b900; border-radius: 5px; }*/
.social__button { border: solid 1px #00b900; border-radius: 5px; }
.social__button--item { display: flex; align-items: center;}
.social__button--item img { height: 55px; width: auto;}
.social__button--text { padding-left: 10px; line-height: 1.4; display: flex; align-items: center;}
.social .box { display: flex; justify-content: space-between; align-items: center; flex-basis: 390px; height: 80px; padding: 5px 8px; }
.social .box a:hover { text-decoration: none; opacity: 0.8; }
.social .box .text { padding-left: 8px; font-size: 13px; line-height: 1.3; }
.social__yoyaku {  border: solid 1px #c63527; border-radius: 5px; }
.social__yoyaku--item a { display: block; width: 150px; font-weight: bold; color: #fff; background-color: #c63527; border-radius: 5px; text-align: center; line-height: 50px; }
@media screen and (max-width: 599px) {
	.button-area { margin: 5px; }
	.social__yoyaku { border: none; }
	.social__yoyaku a { display: flex; justify-content: center; align-items: center; width: 98%; margin: 0 auto; height: 40px; font-size: 21px; font-weight: bold; color: #fff; background-color: #c63527; border-radius: 5px; text-align: center; }
	.kyujin{ font-size: 1.2rem; background-color: #001e62; border-radius: 5px; text-align: center; }
}


.cal_wrapper {
max-width: 800px; /* 最大幅 */
min-width: 300px; /* 最小幅 */
margin: 2.0833% auto;
}
.googlecal {
position: relative;
padding-bottom: 150%; /* 画面幅が600px未満の場合の縦横比の指定 */
height: 0;
/*overflow: hidden;*/
}
.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
width: 100% !important;

}
/* 画面幅が600px以上の場合の縦横比の指定 */
@media only screen and (min-width: 600px) {
.googlecal { padding-bottom: 75%; font-size:120%; }
}



/**************************************************

	600px over

**************************************************/
@media only screen and (min-width:600px), print{
	
	/* common
	****************************************************/
	
		.wrap, .wrap2{ margin-left:auto; margin-right:auto; width:1000px; }
		.sp{ display:none!important; }
	
/*	@media only screen and (max-width:599px){
	spの時
		.wrap {
			line-height: 5em!important;
		}
	}
	なぜかきかない、なぜ！*/
	
	/* width
	****************************************************/
		
		.w50p, .w50p_ul li{ width:50%; }
		.w250{ width:250px; }
		.w300{ width:300px; }
		.w400{ width:400px; }
		.w450{ width:450px; }
		.w480{ width:480px; }
		.w500{ width:500px; }
		.w550{ width:550px; }
		.w600{ width:600px; }
		.w650{ width:650px; }
		.w800{ width:800px; }
	

	/* btn
	****************************************************/
		
		.btn1, .btn2, .btn3, .btn4, .btn7{ display:inline-block; }
		.btn_db{ display:block; }
		.form_corp{display: block;}
	
		.btn_w1{ width: 350px; }

		/* staff募集 */
		.staff{ padding: 20px 400px; border-radius: 5px; font-size: 24px; }

	/* margin
	****************************************************/
	
		.ml30{ margin-left:30px; }
		.mr10{ margin-right:10px; }
		.mr20{ margin-right:20px; }
		.mr50{ margin-right:50px; }
		.mlr50{ margin-left:50px; margin-right:50px; }
		
	/* padding
	****************************************************/
	
		.pb50{ padding-bottom:50px; }
		.p20no40{ padding:20px 40px; }
	
	/* overflow:hidden;
	****************************************************/
	
		.oh, .oh_ul{ overflow:hidden; }
		.oh .fl, .oh_ul li{ float:left; }
		.oh .fr{ float:right; }
		.oh .cb{ clear:both; }

	

	/* column
	****************************************************/
	
		.clm{ letter-spacing:-0.4em; }
		.clm li{ display:inline-block; letter-spacing:normal; vertical-align:top; }
	
	/* header
	****************************************************/

		header{ background:url(images/header_bg.png) no-repeat center bottom; margin-bottom:15px; }		
		/*header .fl{ margin-top:20px; }*/
		header .fr{ text-align:right; }



	/* slider
	****************************************************/
	
		.slide{
			background:url(images/pc1600mv.jpg) no-repeat center top;
			-moz-background-size:100% auto;
			background-size:100% auto;
			padding-top:36.5%;
		}

		#slideshow{
			position:relative;
		   	width:100%;
			padding-bottom:33%;
			margin:0 auto;
		}
		#slideshow li{
			position:absolute;
			margin:0;
			padding-top:33%;
			background-position:center top;
			background-repeat:no-repeat;
			-moz-background-size:100% auto;
			background-size:100% auto;
			z-index:1;
		}
		#slideshow p{
			position:absolute;
			z-index:2;
			left:15%;
			bottom:20px;
		}
	
	
		
/*	 nav
	****************************************************/
		
		nav{ font-weight:bold; width:100%; font-size:18px; background-color:#001e62; }
		nav ul{ overflow:hidden; }
		nav li{ float:left; width:150px; margin-left:20px; }
		nav li:nth-child(1){ width:130px; margin-left:20px; }
        nav li:nth-child(2){ width:190px; margin-left:20px; }
		nav li:nth-child(3){ width:130px; margin-left:20px; }
        nav li:first-child{ margin-left:0; }
		nav a{ display:block; text-align:center; color:#fff; line-height:20px; padding:15px 0; }
		nav a:hover, nav .on{ background:url(images/nav_on.png) no-repeat bottom center; text-decoration:none; }
		.fixed{ position:fixed; top:0px; left:0px; z-index:9999; }
		.space{ margin-top:45px; }
	
	/* ヘッダーのスタイル */



	/* page title
	****************************************************/
	
		.pp1ttl{ font-size:20px; line-height:40px; height: 250px; display: flex; align-items: center; padding-left: 50px; }
		/*.pp2ttl{ font-size:20px; line-height:40px; padding:80px 0 85px 50px; }*/

	/* content
	****************************************************/
		
		/* common */
		.section{ padding:90px 0; }
		.section2{ padding:20px 0 30px; }
		.sec1com{}
		.section_notice{ padding:50px 0; }
		/* index */
		#index .sec1 li{ margin-right:50px; }
		#index .sec1 li:nth-child(3n){ margin-right:0; }
		#index .sec1n li{ margin-right:20px; }
		#index .sec1n li:nth-child(3n){ margin-right:0; }
		#index .sec2{ margin-top:30px; }
		#index .sec4 ul{ float:left; width:250px; }
		#index .sec4  ul.w500{ float:left; width:500px; }
		/* notice */
	#notice {  margin-left:auto; margin-right:auto; width:1000px; }
		/* bnr */
		#bnr li{ margin-left:25px; margin-right:25px; }
		/* greeting */
		#greeting .sec1{ padding-left:30px; padding-right:30px; }
		#greeting .sec1 div{ width:420px; }
#greeting .dbox1{ width:600px; }
#greeting .doctor1{ border:1px solid #b2b2b2; padding:0 30px 30px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; margin-top:30px; }
#greeting .dname1{ font-size:24px; color:#001e62; line-height: 39px; font-weight: bold; padding:2px 0 5px 20px; background:url(images/icon1.gif) no-repeat left top; }
#greeting .dname2{ font-size:20px; color:#001e62; font-weight: bold; border-bottom: 1px dotted #b2b2b2; }
	
	





	

		/* medical */
		#medical .w480{  }
		#medical .fl[class*="w480"]:nth-child(odd){ clear: both; margin-right: 40px; }
		#medical .movie .w430{ width:430px; }
		#medical .movie .w460{ width:460px; }
		#medical .movie2 video { width:480px; }
		#medical .movie3 video { width:440px; }	

	
	/* guide */
		#guide .sec1 .box{ height:350px; padding:20px; }
		#guide .sec2 .box{ height:260px; padding:20px; line-height:150%; }
		#guide .sec2 h3{ display:table-cell; height:60px; vertical-align:middle; }
	
	
	/* link_hospitals */	
	#link_hospitals ul{ width: 800px; margin: 0 auto; overflow: hidden; }
	#link_hospitals ul li{ width: 50%; float: left; white-space: nowrap; }

	/* symptom
	****************************************************/
	
		#symptom2 .wrap, #symptom3 .wrap{ padding:40px; }
		/* symptom */
		#symptom .wrap{ width:1050px; }
		#symptom li{ width:300px; margin:40px 25px 0px; }
		#symptom dt{ font-size:20px; }
		#symptom dd{ height:130px; }
		/* symptom2 */
		#symptom2 dt, #symptom3 h3{ font-size:26px; }
		#symptom2 dd{ padding:10px; }
		#symptom2 ul{ margin-top:40px; padding:20px 0 40px 100px; overflow:hidden; }
		#symptom2 li{ float:left; width:31%; margin-left:1%; margin-top:20px; }
		/* symptom3 */
		#symptom3 h3{}
		#symptom3 h4{ font-size:20px; margin-top:40px; }
		#symptom3 .des{ margin-top:1em; }
		#symptom3 .back{ margin:0 1em; }
		#symptom3 .outline{ padding:0 30px 30px; }
		#symptom2 .adj, #symptom3 .adj{ margin-left:50px; margin-right:50px; }
		
	/* disease
	****************************************************/

		/* disease */
		#disease h3{ font-size:28px; }
		#disease dl{ padding:40px; }
	#disease ul{ text-align:center; }
		#disease li{ display:inline-block; margin-top:40px; }
		#disease li{ margin-right:50px; }
		#disease li:nth-child(3n){ margin-right:0; }
		#disease li a{ width:300px; padding-top:65px; height:150px; line-height:20px; }

	/* sitemap
	****************************************************/
	
		#sitemap .child{ margin-left:1.5em; overflow:hidden; }
		#sitemap .child li{ float:left; width:33%; }
	
	/* bnr_list
	****************************************************/
	
		.bnr1list{ padding:20px 0; }
		.bnr1list li{ margin:0 15px; }
		
	/* footer
	****************************************************/
	
		#footer{}
		#footer .sec1{ padding:75px 0; }
		#footer .sec2{ font-size:14px; padding:15px; text-align:center; }
		#footer .sec2 li{ margin:0 10px; }

	/* gmap
	****************************************************/
	
		.gmap{
			width:100%;
			position: relative;
			padding-bottom:450px;
			height: 0;
			overflow: hidden;
		}
		.gmap iframe, .gmap object, .gmap embed{
			position: absolute;
			top:0;
			left:0;
			width:100%;
			height:450px;
		}

	/* anc_adj
	****************************************************/
	
		.anc_adj{ margin-top:-75px; padding-top:75px; }

	/* table
	****************************************************/
	
		.tbl1 th{ width:35%; }

/* table_recruit */
.tblr th, .tblr td{ padding:10px; vertical-align:middle; border:1px solid #001e62; }
.tblr .cell1{ background-color:#556da0; color:#fff; text-align:center; font-weight:bold; }
.tblr .cell2{ background-color:#95a5c7; color:#fff; text-align:center; width: 40%; font-weight:bold; }
.tblr .cell3{ background-color:#95a5c7; color:#fff; text-align:center; width: 20%; font-weight:bold; }
.tblr .cell4{ text-align:left; width: 35%; font-size:16px; }
.tblr .cell5{ text-align:left; width: 70%; font-size:16px; }
.tblr .cell6{ background-color:#e1e1e1; text-align:center; width: 60%; font-weight:bold; }

div.relink ul {
margin: 0 0 20px;
padding: 0;
}
div.relink li {
padding-left: 15px;
background: url(../images/icon_b.png) no-repeat;
background-position:0 8px;
}
	



/* ortho
****************************************************/
#ortho .section_1 li{ margin-right:15px; }
#ortho .section_1 li:last-child{ margin-right:0; }
#ortho .section_3 li{ width:270px; margin-right:75px; position:relative; height:480px; }
#ortho .section_3 li:last-child{ margin-right:0; }
#ortho .section_3 .box{ position:absolute; bottom:0; width:100%; }

#ortho .w230{ width:230px; }
#ortho .w250{ width:250px; }
#ortho .w770{ width:770px; }
#ortho .w520{ width:500px; margin-right:20px; }
#ortho .w500{ width:480px; margin-right:20px; }
#ortho .w270{ width:270px; }

}





/**************************************************

	600px under

**************************************************/
@media only screen and (max-width:599px){
	
	/* common
	****************************************************/
	
		body{ font-size:16px; }
		.wrap, .wrap800, .section{ padding:15px; line-height:1.5em; }
		img{ max-width:100%; height:auto; }
		.pc{ display:none!important; }
		.sp_tac{ text-align:center; }
	
	/* margin
	****************************************************/
	
		.mt75, .mt100{ margin-top:50px; }
	
	/* padding
	****************************************************/
		
		.p20no40{ padding:10px 20px; }
	
	/* padding
	****************************************************/
		
		ol{ margin-left:30px; }
		
	/* btn
	****************************************************/
		
		.btn1, .btn2, .btn3, .btn4, .btn7{ display:block; }
	.btn4{ font-size:20px; text-align: center;}
div .btn5{ display:inline-block; width:100%; background-color:#c63527; color:#fff; padding:10px; font-size:23px; font-weight:bold; text-align:center;}
	.btn7{ font-size:20px; text-align: center;}
	.form_corp{ margin: 30px 15px 0; font-size:20px;}
	.btntxt1{ line-height: 180%; }

	/* staff募集 */
	.staff{ padding: 10px 30px; border-radius: 5px;}

	/* header
	****************************************************/
		
		header{ text-align:center; }
		header .fr p{ margin-top:10px; }
        header .kenshin{ margin-top:0; }
		header .flxbx{
			display: flex;
	}
	
	
				
	/* slideshow
	****************************************************/

		.slide{
			background:url(images/sp800mv.jpg) no-repeat center top;
			-moz-background-size:100% auto;
			background-size:100% auto;
			padding-top:80%;
			border-top:2px solid #001e62;
			margin-top:20px;
		}
		#slideshow{
			position:relative;
			width:100%;
			padding-top:80%;
			margin-top:5px;
		}
		#slideshow li{
			position:absolute;
			width:100%;
			-moz-background-size:100% auto;
			background-size:100% auto;
			height:0;
			margin-top:-80%;
			padding-top:80%;
			background-position:center top;
			background-repeat:no-repeat;
		}
		#slideshow p{
			position:absolute;
			z-index:2;
			bottom:10px;
		}

	/* nav
	****************************************************/
	
		nav{ text-align:center; letter-spacing: -0.4em; }
		nav .wrap{ padding:0 0 0 0; }
		nav li{
			display:inline-table;
			width:31%;
			margin:5px 1% 0 1%;
			vertical-align:top;
			letter-spacing:normal;
			line-height:20px;
			font-size:12px;
		}
		nav li a{
			height:50px;
			display:table-cell;
			vertical-align:middle;
			color:#000;
			text-align:center;
			border:1px solid #001e62;
			border-radius:10px;
			-webkit-border-radius:10px; /* Safari,Google Chrome */
			-moz-border-radius:10px;	/* Firefox */
		}
		nav li a:hover{ background-color:#001e62; color:#fff; text-decoration:none; }
	
	/* page title
	****************************************************/
	
		.pp1ttl{ margin-top:20px; background-size:cover; padding:10px 0; display: flex; align-items: center; justify-content: center; }
		.pp1ttl h2{ color:#001e62; text-align:center; }
		/*.pp2ttl{ margin-top:20px; padding:10px 0; background-size:cover; }
		.pp2ttl h2{ color:#001e62; text-align:center; }*/
		/**
		.pp1ttl h2{ color:#6c3412; }
		.pp1ttl h2{ color:#001e62; -webkit-text-stroke-color:#fff; -webkit-text-stroke-width:0.5px; }
		**/

	/* content
	****************************************************/
		/* hl */
		.hl { font-size:14px; }
		/* common */
		.section{ padding-top:30px; padding-bottom:30px; }
		.section2{ padding:20px; }
		.sec1com{ background-color:#fff9da; }
		.section_notice{ padding-top:30px; padding-bottom:30px; }
		/* notice */
	#notice ul{ height:360px; overflow:auto; margin-top:30px; padding:20px; background-color:#fff; }
		#notice{}
		/* index */
		#index .sec1n li img{ width:300px; }
		#index .sec2{
			-moz-background-size:auto 100%;
			background-size:auto 100%;
			margin-top:20px;
			padding:10px 0 10px;
		}
		#index .sec2 .txt{ background:rgba(255,255,255,0.8); padding:15px 20px; }
		#index .sec2 .ads1{ text-align:center; margin-top:30px; }
		/* bnr */
		#bnr li{ margin:10px 0; }
		/* greeting */
#greeting .doctor1{ border:1px solid #b2b2b2; padding:0 20px 30px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; margin-top:30px; }
#greeting .dname1{ font-size:22px; color:#001e62; line-height: 39px; font-weight: bold; padding:2px 0 5px 20px; background:url(images/icon1.gif) no-repeat left top; }
#greeting .dname2{ font-size:18px; color:#001e62; font-weight: bold; border-bottom: 1px dotted #b2b2b2; }
		/* guide */
		#guide .sec1 .box{ padding:10px; }
		#guide .sec2 .box{ padding:10px; }
		/* medical */
		#medical .movie2 video { width:100%; }
		#medical .movie3 video { width:100%; }
		/* glaucoma */
		#glaucoma h2 { line-height: 1.3; }

	/* symptom
	****************************************************/

		#symptom2 .wrap, #symptom3 .wrap{ padding:20px; }
		/* symptom */
		#symptom ul{ margin-bottom:20px; }
		#symptom li{ margin-top:30px; }
		#symptom dd{}
		/* symptom2 */
		#symptom2 dd{ margin-top:1em; }
		#symptom2 ul{ margin-top:30px; padding:10px 0 20px 15px; }
		#symptom2 li{ margin-top:10px; }
		/* symptom3 */
		#symptom3 h3{}
		#symptom3 h4{ font-size:20px; margin-top:15px; }
		#symptom3 .des, #symptom3 dl, #symptom3 .back{ margin-top:10px; }
		#symptom3 .outline{ padding:0 15px 15px; }

	/* disease
	****************************************************/
	
		/* disease */
		#disease dl{ padding:0; }
		#disease dd{ padding:20px 0 0; }
		#disease ul{ margin-top:30px; padding:0 0 20px; }
		#disease li{ margin-top:20px; }
		#disease li a{ padding:15px; }

	/* footer
	****************************************************/
	
		#footer{ padding-top:30px; }
		#footer .sec1 .fr{ margin-top:30px; }
		#footer .sec2{ padding:15px; }

	/* pagetop
	****************************************************/
	
		.pagetop { bottom:0; }

	/* gmap
	****************************************************/
	
		.gmap{
			position: relative;
			padding-bottom: 56.25%;
			margin-top:10px;
			padding-top:30px;
			height: 0;
			overflow: hidden;
		}
		.gmap iframe, .gmap object, .gmap embed{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	
	/* table
	****************************************************/
	
		/* table_1 */
		.tbl1{ width:100%; }
		.tbl1{ border-top:1px solid #d1d7c6; }
		.tbl1 th, .tbl1 td{ display:block; border-bottom:none; width:100%; border-top:0!important; }
		.tbl1 th, .tbl1 td{ border-bottom:1px solid #d1d7c6; }

/* table_recruit */
.tblr2 th, .tblr2 td{ padding:10px; vertical-align:middle; border:1px solid #001e62; }
.tblr2 .cell1{ background-color:#556da0; color:#fff; text-align:center; font-weight:bold; }
.tblr2 .cell2{ background-color:#95a5c7; color:#fff; text-align:center; font-weight:bold; }
.tblr2 .cell3{ text-align:center; width: 40%; font-weight:bold; }
.tblr2 .cell4{ text-align:left; }
.tblr2 .cell5{ text-align:left; width: 60%; }
.tblr2 .cell6{ background-color:#e1e1e1; text-align:center; font-weight:bold; }
.tblr2 .cell7{ text-align:center; width: 15%; font-weight:bold; }
	
div.relink ul {
margin: 20px 0;
padding: 0;
}

div.relink li {
padding-left: 15px;
background: url(../images/icon_b.png) no-repeat;
background-position:0 3px;
margin-bottom:10px;
}

/* ortho
****************************************************/
#ortho .w230{ text-align:center; }


}

/*トップぺーじ先生挨拶画像とレイアウト変更*/
.greeting__text-resize{
	width: 80%;
}

@media only screen and (max-width:599px){
	.cal__sec-add{
		padding-bottom: 60px;
	}
	.greeting__img-resize{
		width: 100%;
		margin: 0 auto;
	}

	.greeting__img-resize img {
		width: 156px;
		height: auto;
	}
	.greeting__text-resize{
		width: 100%;
	}
}

#greeting .hdl_incho{
	margin-bottom: 30px;
}

	#medical.btn--orange,a.btn--orange {
		color: #fff;
	background-color: #eb6100;
	}
	#medical.btn--orange:hover,a.btn--orange:hover {
	color: #fff;
	background: #f56500;
	}



/* color_deficiency
****************************************************/
#color_deficiency .section_1 li{ margin-right:15px; }
#color_deficiency .section_1 li:last-child{ margin-right:0; }
#color_deficiency .section_3 li{ width:270px; margin-right:75px; position:relative; height:480px; }
#color_deficiency .section_3 li:last-child{ margin-right:0; }
#color_deficiency .section_3 .box{ position:absolute; bottom:0; width:100%; }
#color_deficiency .headline,
h3{
	font-size: 20px;
	border-bottom: 2px dotted #000;
	padding-bottom: 10px;
}
#color_deficiency .headline02,
h5{
	font-size: 1.0em;
	color: #c63527;
	padding-bottom: 15px;
	padding-top: 15px;
}
#color_deficiency .color_blind-list{
	font-size: 1.0em;
	padding: 0.5em;
	background: #f4f4f4;
	
}


	/* cataract 白内障について
****************************************************/
	#cataract a.more_link{ 
 display: block;
  max-width: 350px;
  text-align: center;
  border: 2px solid #001e62;
  color: #001e62;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
	margin:auto;
	margin-top: 30px;
	margin-bottom: 15px;
}

#cataract a.more_link:hover {
  background-color: #001e62;
  border-color: #001e62;
  color: #FFF;
}

/*

#cataract h1 {
	font-size:1.2em
}
*/
#cataract h2{
	font-size: 1.5em;
	margin-top: 100px;
	margin-bottom: 30px;
}
#cataract h3{
	font-size: 1.1em;
	margin-top: 50px;
}
#cataract h4{
	padding-top: 30px;
	font-size: 1em;
 	 color: #6594e0;
  border-bottom: dashed 2px #6594e0;
}

#cataract .cataract_hl3 {
	color: #6594e0;
	border-bottom: dashed 2px #6594e0;
	
}

#cataract p{
	margin-top: 20px;
}

#cataract .cataract_box {
    padding: 0.8em 1em;
    margin: 2em 0;
    border: solid 2px #001e62;/*点線*/
border-radius: 10px;
}

#cataract .cataract_shurui{
	padding: 1em 0.5em;
}


/*白内障手術目安の時期*/
#cataract .cataractul ul {
  line-height: 1.8;
  list-style-type: none;
	background-color: #C8F2FF;
	text-align: 2.2em;
}

#cataract .cataractul li+li {
  margin-top: 5px;
}

#cataract .cataractul li {
  position: relative;
  padding-left: 25px;
}

#cataract .cataractul li:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 7px;
  top: .35em;
  left: 6px;
  -webkit-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  border-right: 2px solid #9c9c9c;
  border-bottom: 2px solid #9c9c9c;
}

#cataract .cataractul li:after {
  content: "";
  position: absolute;
  top: .2em;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #9c9c9c;
  border-radius: 2px;
}



/*白内障手術について*/


#cont-cataract .ope {
	text-align: center;
}

#cont-cataract .cat_op_text01 {
	width: 700px;
	margin-top: 20px;
	}

#cont-cataract .cat_ope_text02 {
	width: 320px;
}

#cont-cataract .flx {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#cont-cataract .box {
	border: dashed 2px #5b8bd0;/*点線*/
	margin: 50px auto;
	padding: 20px;
}


/*白内障手術目安の時期*/
#cont-cataract .cataractul ul {
  line-height: 1.8;
  list-style-type: none;
	background-color: #C8F2FF;
	text-align: 2.2em;
}

@media only screen and (max-width: 699px) {
  #questionnaire_form .box_con03 {
    width: 95%;
  }
}

#cont-cataract .cataractul li+li {
  margin-top: 5px;
}

#cont-cataract .cataractul li {
  position: relative;
  padding-left: 25px;
}

#cont-cataract .cataractul li:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 7px;
  top: .35em;
  left: 6px;
  -webkit-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  border-right: 2px solid #9c9c9c;
  border-bottom: 2px solid #9c9c9c;
}

#cont-cataract .cataractul li:after {
  content: "";
  position: absolute;
  top: .2em;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #9c9c9c;
  border-radius: 2px;
}
#cont-cataract .flxbx{
	display: flex;
	justify-content: space-between;
}
	
	#cont-cataract.btn-multifocal,a.btn-multifocal {
		color: #fff;
	background-color: #eb6100;
	}
	#cont-cataract.btn-multifocal:hover,a.btn-multifocal:hover {
	color: #fff;
	background: #f56500;
	}
	

/* access 

**********************************************/
#access .center {
	text-align: center;
	color: crimson;
	font-weight: bold;
}
#access .access_car{

}

#access .flex{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}

#access .box01{
	width: 620px;
}

#access .box02{
	width: 380px;
	margin-top: 20px;
	
}
#access li{
	list-style:circle;
}

/*　アンケートフォーム　*/


#questionnaire_form .box_con03 {
  max-width: 900px;
  margin: 0  auto;
}
@media only screen and (max-width: 768px) {
  #questionnaire_form .box_con03 {
    width: 95%;
  }
}
#questionnaire_form .box_con03 form {
  width: 100%;
}
#questionnaire_form .box_con03 form table {
  width: 100%;
}
#questionnaire_form .box_con03 form table tr {
  position: relative;
}
#questionnaire_form .box_con03 form table tr th {
  width: 30%;
  font-weight: normal;
  padding: 1em .5em;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
  #questionnaire_form .box_con03 form table tr th:before {
    content: "";
    width: 2px;
    border-right: 1px dashed #000;
    height: 70%;
    position: absolute;
    top: 50%;
    right: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media print {
  #questionnaire_form .box_con03 form table tr th:before {
    content: "";
    width: 2px;
    border-right: 1px dashed #000;
    height: 70%;
    position: absolute;
    top: 50%;
    right: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
#questionnaire_form .ie8 .box_con03 form table tr th:before {
  content: "";
  width: 2px;
  border-right: 1px dashed #000;
  height: 70%;
  position: absolute;
  top: 50%;
  right: 0;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  #questionnaire_form .box_con03 form table tr th {
    border: 1px dashed #000;
    border-right: none;
    border-left: none;
    text-align: center;
    width: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.2);
    padding: .8em .2em;
  }
}
#questionnaire_form .box_con03 form table tr th span {
  background: #cd6f55;
  padding: 0 .3em;
  color: #fff;
  margin-left: .5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#questionnaire_form .box_con03 form table tr td {
  position: relative;
  padding: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  #questionnaire_form .box_con03 form table tr td {
    padding: 1.5em .5em;
    display: block;
    width: 100%;
  }
}
#questionnaire_form .box_con03 form table tr .box_br {
  display: block;
}
#questionnaire_form .box_con03 form table tr select, .box_con03 form table tr textarea, .box_con03 form table tr .wide {
  width: 100%;
  height: 3em;
  padding: .5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#questionnaire_form .box_con03 form table tr textarea {
  height: 10em;
}

#questionnaire_form .btn {
  text-align: center;
	padding-bottom: 50px;
}
#questionnaire_form .btn input {
  display: inline-block;
  background: #eee;
  padding: .5em 4em;
  color: #000;
  text-decoration: none;
  cursor: pointer;
  border: none;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
font-size: 18px;
	letter-spacing: 0.07em;


}
#questionnaire_form .btn input:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

	#questionnaire_form a.more_link { 
 display: block;
  max-width: 350px;
  text-align: center;
  border: 2px solid #001e62;
  color: #001e62;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
	margin:auto;
	margin-top: 30px;
	margin-bottom: 15px;
}

#questionnaire_form a.more_link:hover {
  background-color: #001e62;
  border-color: #001e62;
  color: #FFF;
}

#questionnaire_form .tel {
	text-align: right;
}

@media(min-width: 599px){
  a[href^="tel:"]{
    pointer-events: none;
  }
		#questionnaire_form .tel {
		text-decoration: underline;
}
}

/*recruit*/

#recruit .link_u a {
	text-decoration: underline;	
}

#recruit ul.now {
	margin-left: 20px;
}
#recruit ul.now li ul li {
	margin-left: 30px;
}

/*へっだ〜〜〜〜！！！！*/

header .flxbx_btwn{
	display: flex;
  justify-content: space-between;
	  align-items: center;
/*	background-color: aqua;*/
}
header .flxbx_bx{
	display: flex;
}

header .tell_pc{
	
/*	background-color: chartreuse;*/
}

header .logo_bx{
	display: flex;
	align-items: center;
/*	background-color: yellow;*/
}

header .logo_bx_01{
	
/*	background-color: pink;*/
}
header .logo_bx_02{
	margin-left: 10px;
/*	background-color: bisque;*/
}

header .credit_img{
	vertical-align: text-bottom;
}

/*
header .flxbx_adress{
	display: inline-flex;
	background-color: grey;
}
*/

header .sunday_img{
	margin-bottom: 5px;
}

header .sunday_img_sp{
	margin-right: 1px;
	margin-left: 1px;
	margin-top: 3px;
}

header .parking{
	line-height :100%;
/*	vertical-align: bottom;*/
	font-size: 16px;
	margin-top: 5px;
}


header .parking_img{
	vertical-align: text-bottom;
	padding-top: 1px;
}

header .credit_sp{
	vertical-align: middle;
	text-align: center;
	font-size: 0.8em;

}


header .logo_sp{
/*	background-color: pink;*/
}
header .address_sp{
/*	background-color: yellow;*/
	margin-bottom:2px; 
}
header .oh_sp{
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-size: 0.6em;

}
header .sun_sp{
	display: inline-block;
	color: #c63527;
	font-weight: bold;
	font-size: 12px;
	padding-left: 5px;
	margin-left: 5px;
}


header.btn8_sp,
a.btn8--access_sp {
	/*width: 90px;*/
	/*height:30px;*/
	color: #fff;
	background-color: #c63527;
	/*font-size: 12px;*/
	text-align: center;
	padding: 2px 5px;
		font-size: 8px;
}

header.btn8--access_sp:hover,
a.btn8--access:hover {
  color: #fff;
  background: #c63527;
	text-decoration: none;	
}

header a.btn8--radius {
   border-radius: 100vh;
	
}

header .sun_pc{
	color: #c63527;
	font-weight: bold;

}

header .sunday{
	color: white;
	background-color: #BC2626;
	    border-radius: 3px;
  box-sizing: border-box;
    text-decoration: none;
	font-size: 0.4em;
/*	padding: 3px 5px;*/
	margin: 0;
	height: 12px;
}

header .kukenshin{
		color: white;
	background-color: #2CA956;
	    border-radius: 3px;
  box-sizing: border-box;
    text-decoration: none;
	font-size: 0.4em;
/*	padding: 3px 5px;*/
	margin: 0;
	height: 12px;

}

/*SNSアイコンsns*/
.header_icons {
  display: flex;
	justify-content: center;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}

.header_icons_sp {
  display: flex;
	justify-content: space-evenly;
	margin-top: 10px;
	margin-bottom: 5px;
}


.header_icons_icon {
  align-items: center;
  margin-left: 25px;
  text-decoration: none;
	vertical-align: middle;
}

.header_icons_icon_pc{
	  font-size: 50px;
}


.header_icons_icon_sp {
	align-items: center;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	margin:auto;
	font-size: 60px;
}




a.header_icons_icon.instagram {
  color: #C13584; /* Instagramのロゴカラー */
}


a.header_icons_icon_sp.instagram {
  color: #C13584; /* Instagramのロゴカラー */
}


a.header_icons_icon.youtube {
  color: #FF0000; /* youtubeのロゴカラー */
	margin-right:0;
}

a.header_icons_icon_sp.youtube {
  color: #FF0000; /* youtubeのロゴカラー */
	margin-right:0;
}

a.header_icons_icon.line {
  color: #00C300; /* LINEのロゴカラー */
	margin-right:0;
}

a.header_icons_icon_sp.line {
  color: #00C300; /* LINEのロゴカラー */
}

.icon_news_pc {
	text-align: center;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px
}

.icon_news_sp {
	text-align: center;
	font-size: 0.8em;
	line-height: 1em;
	margin-top: 5px;
	margin-bottom: 10px
}



/*白内障とアレルギーのバナー*/
.icon_bnr{
	margin-right: 15px;
	margin-left: 15px;
}
.icon_bnr_last{
	margin-right: 15px;
}



/* allergy
****************************************************/
#allergy .allergy-tb{ width: 100%; border-collapse: collapse; }
#allergy .allergy-tb th{ border: 1px solid #C63528; padding: 10px; width: 30%; background: #fae0dd; text-align: center; font-weight: normal; }
#allergy .allergy-tb td{ border: 1px solid #C63528; padding: 8px 17px; }
#allergy .allergy-eat th{ border: 1px solid #2db395; background: #d5f0ea; }
#allergy .allergy-eat td{ border: 1px solid #2db395; }

#allergy .text_center {
	text-align: center;
}
#allergy .flxbx{
	display: flex;
	justify-content: space-around;
}
#allergy a.allergy_calendar{
	color:#BC2626 ;
	text-decoration: underline;
}


/* amd
****************************************************/
#amd a.more_link{ 
 display: block;
  max-width: 350px;
  text-align: center;
  border: 2px solid #001e62;
  color: #001e62;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
	margin:auto;
	margin-top: 30px;
	margin-bottom: 15px;
}

#amd a.more_link:hover {
  background-color: #001e62;
  border-color: #001e62;
  color: #FFF;
}
/*
#amd ol  {
  margin: 0;
  padding: 0
}
#amd ol li  {
  list-style: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
*/


#viral_conjunctivitis a.more_link{ 
 display: block;
  max-width: 350px;
  text-align: center;
  border: 2px solid #001e62;
  color: #001e62;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
	margin:auto;
	margin-top: 30px;
	margin-bottom: 15px;
}

#viral_conjunctivitis a.more_link:hover {
  background-color: #001e62;
  border-color: #001e62;
  color: #FFF;
}


/*目次*/
#box ol {
	list-style-type: none;
	counter-reset: counter;
	margin-left: 3px;
	margin-bottom: 7px;

}

#box ol li::before {
	counter-increment: counter;
	content: counters(counter, '.') ' ';
/*	color: #2DB395;*/
}


#box li {
  margin-top: 2px;
  margin-left: 8px;
	margin-right: 0;
}

/*
#box li ol li::marker {
	color: #2DB395;
  margin: 0px;

}
*/

#box{
  padding: 20px;
  box-sizing: border-box;
	border: dashed 1px gray;
	margin-top: 50px;
	margin-left: 0;
	padding-left: 30px;
	padding-bottom: 15px
}


/*目次_色付き*/
.mokuji{
  padding: 25px;
  box-sizing: border-box;
	border: dashed 1px gray;
	margin-top: 50px;
	margin-left: 0;
	padding-left: 30px;
	padding-bottom: 15px
}

.mokuji ol{
	list-style-type: none;
	margin-left: 3px;
	margin-bottom: 7px;
}

.mokuji li{
	margin-top: 2px;
	margin-left: 8px;
	margin-right: 0;
}

.mokuji li::before{
	counter-reset: counter;
	counter-increment: counter;
	content: counters(counter, '.') ' ';
	color: #3D9FFF;
}
.ls_child li{
	 color: #0CA358;
}

/*
.ls_disc{ list-style:disc; margin-left:1em; }
.ls_ml{ margin-left: 1.5em; }
.lsp_inside { list-style-position: inside; }
.ls_current .ls_child { counter-reset: counter; }
.ls_current .ls_current-item::marker { color: #EA84B5; }
.ls_child .ls_child-item::marker { color: #2DB395; }

*/


#cont-cataract a.more_link{ 
 display: block;
  max-width: 350px;
  text-align: center;
  border: 2px solid #001e62;
  color: #001e62;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
	margin:auto;
	margin-top: 30px;
	margin-bottom: 15px;
}

#cont-cataract a.more_link:hover {
  background-color: #001e62;
  border-color: #001e62;
  color: #FFF;
}

#cont-cataract .cost__list { margin-top: 30px; } 
#cont-cataract .cost__item::before { content: "\025cf"; margin-right: 5px; color: #c63527; } 
#cont-cataract .doctor {border: 2px solid #2db395; padding:1.5em;}
#cont-cataract .doctor h3 {background: url(images/incho_logo.svg) no-repeat left center;padding-left: 10%;}
#cont-cataract .doctor h4 {border-bottom: 1px solid #2db395;color: #2db395;margin: 1em 0 .5em;}
#cont-cataract .doctor .pad20 {padding: 20px;}
@media only screen and (min-width: 600px), print{#cataract .doctor .fl {width: 450px; float: left;}}



#cont-cataract .ib_list div{ display: inline-block; vertical-align: top; }
#cont-cataract .numdl { counter-reset: number; display: flex; }
/*
#cont-cataract .numdl dt{ text-indent: -2em; padding-left: 2em; text-align: left; }
#cont-cataract .numdl dt::before { counter-increment: number; content: counter(number); padding: 3px 5px; border-radius: 5px; margin-right: 13px; background-color: #001e62; color: #fff; font-weight: bold;}
*/



#cont-cataract .sec3 .bg1col
{
	background-color: #fff;
	border: 1px dashed #000;
	padding: 10px;
	border-radius: 10px;
	min-height: 15em; 
}
#cont-cataract .sec3 .bg1col .fs16{ padding-left: 1.5em; }
#cont-cataract .sec3 .cost{ background-color: #001e62; padding: 3px 10px; border-radius: 5px; color: #fff; font-weight: bold; font-size: 19px; }
cont-
#cont-cataract .sec4 h5{ padding: 3px 10px; border-radius: 5px; background-color: #001e62; color: #fff; font-weight: bold; font-size: 19px; }
cont-
#cont-cataract .apply.sec5 div[class^="apply__"] { margin-top: 1.5em; padding: 1em; }
#cont-cataract .apply.sec5 ul[class*="__list"] { margin-top: 10px; }
#cont-cataract .apply.sec5 li[class*="__list--item"]::before { content: "●"; margin-right: 5px; }
#cont-cataract .apply.sec5 .apply__ok { border: 1px solid var(--color-primary-green); }
#cont-cataract .apply.sec5 .apply__ok .headline { color: var(--color-primary-green); }
#cont-cataract .apply.sec5 .apply__ok__list--item::before { color: var(--color-primary-green); }
#cont-cataract .apply.sec5 .apply__ng { border: 1px solid var(--color-primary-red); }
#cont-cataract .apply.sec5 .apply__ng .headline { color: var(--color-primary-red); }
#cont-cataract .apply.sec5 .apply__ng__list--item::before { color: var(--color-primary-red); }
cont-
#cont-cataract .flow.sec6 .flow__list--item { margin-top: 2em; } 
#cont-cataract .flow.sec6 .flow__list--item .headline { font-weight: bold; } 
#cont-cataract .flow.sec6 .flow__list--item .number { display: inline-block; margin-right: 5px; padding: 0 0.5em; color: #fff; background-color: var(--color-primary-red); border-radius: 5px; } 
#cont-cataract .flow.sec6 .flow__list--item .red-text { color: var(--color-primary-red); }
#cont-cataract .flow.sec6 .flow__list--item__box { margin-top: 0.5em; }
#cont-cataract .flow.sec6 .flow__list--item__box .headline { color: var(--color-primary-green); }
cont-
#cont-cataract .sec7 dl dd{ padding-left: 1.5em; }



/*白内障レンズ*/
#cont-cataract .cataract__lendz-img {

	margin-top: 110px;
}
#cont-cataract .cataract__lendz {
	height: 20em;
	margin-bottom: 5px; 
}

#cont-cataract .rendz_headline {
	padding: 0.5em 1em; 
	color: #001e62; 
	font-weight: bold; 
	background-color: #d4eaff;
	border-radius: 5px; line-height: 1.5;
}

#cont-cataract .rendz_b {
	font-weight: bold;
	color: #c63527;
}

@media only screen and (max-width:599px){
	#cont-cataract .cataract__lendz-img {
		margin-top:10px ;
	}

	#cont-cataract .cataract__lendz {
		height: auto;
	}
	#cont-cataract .sec3 .bg1col{
		min-height:auto;
	}
}

/*白内障手術*/
#cont-cataract .op__box {
	display: flex;
}

@media only screen and (max-width:599px){
	#cont-cataract.op__box{
		flex-direction: column;
	}

	#cont-cataract .op__box img {
		margin: 0 auto;
	}

	#cont-cataract .numdl {
		flex-direction: column;
	}
}


#cont-cataract .cataract-tb {
	border: 1px solid #001e62;
	width: 100%;
}

#cont-cataract .cataract-tb th {
	border: 1px solid #001e62;
	background: #d4eaff;
	text-align: center;
	padding: 8px 0;
}
#cont-cataract .cataract-tb tr {
	border: 1px dashed #001e62;
	padding: 8px 0px;
	text-align: center;
}

#cont-cataract .cataract-tb td {
	border: 1px solid #001e62;
	padding-top: 8px;
	padding-bottom: 8px;
}

#kukenshin a {
	text-decoration: underline;	
}

#kukenshin .allergy-tb{ width: 100%; border-collapse: collapse; }
#kukenshin .allergy-tb th{ border: 1px solid #C63528; padding: 10px; width: 30%; background: #fae0dd; text-align: center; font-weight: normal; }
#kukenshin .allergy-tb td{ border: 1px solid #C63528; padding: 8px 17px; }
#kukenshin .allergy-eat th{ border: 1px solid #2db395; background: #d5f0ea; }
#kukenshin .allergy-eat td{ border: 1px solid #2db395; }

#kukenshin .text_center {
	text-align: center;
}
#kukenshin .flxbx{
	display: flex;
	justify-content: space-around;
}

#ac_glaucoma a.more_link{ 
 display: block;
  max-width: 350px;
  text-align: center;
  border: 2px solid #001e62;
  color: #001e62;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
	margin:auto;
	margin-top: 30px;
	margin-bottom: 15px;
}

#ac_glaucoma a.more_link:hover {
  background-color: #001e62;
  border-color: #001e62;
  color: #FFF;
}
/*
001e62
99ccff
d4eaff

*/

/*続きはこちら*/
.more_link{ 
 display: block;
  max-width: 350px;
  text-align: center;
  border: 2px solid #001e62;
  color: #001e62;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
	margin:auto;
	margin-top: 30px;
	margin-bottom: 15px;
}

.more_link:hover {
  background-color: #001e62;
  border-color: #001e62;
  color: #FFF;
}




/*レーザー治療　laserを直す気はない*/
#laser .l_movie video {
	width: 100%;
}

@media screen and (max-width: 599px) {
#laser .l_movie video {
	width: 100%;}
}

#laser .l_movie {
	width: 450px;
	font-size: 14px;
	line-height: 1.5;
}

#laser .lazer-tb {
	border: 1px solid #001e62;
	width: 100%;
}

#laser .lazer-tb th {
	border: 1px solid #001e62;
	background: #d4eaff;
	text-align: center;
	padding: 8px 0;
}
#laser .lazer-tb tr {
	border: 1px dashed #001e62;
	padding: 8px 0px;
	text-align: center;
}

#laser .lazer-tb td {
	border: 1px solid #001e62;
	padding-top: 8px;
	padding-bottom: 8px;
}

/*硝子体注射テーブル*/
#injection
table {
	border: 1px solid #000;
}

#injection
.tb{
	width: 100%;
	border-collapse: collapse;
}

#injection
.injection-tb th{
	border: 1px solid #001e62;
	width: 50%;
	background: #d4eaff;
	text-align: center;
	font-weight: normal;
}
#injection
.injection-tb td{
	border: 1px solid #001e62;
	padding: 8px 0px;
	text-align: center;
	width: 50%;
}

#injection
.injection-tb tr:nth-child(1) {
	border: 1px solid #001e62;
	background: #99ccff;
}
#injection
.injection-tb tr:nth-child(1) td{
	text-align: center;
}

#ac_glaucoma
table {
	border: 1px dotted #ccc;}

#ac_glaucoma
.tb{
	width: 100%;
	border-collapse: collapse;
	padding : 10px;
/*	border: 1px dotted #ccc;*/
}

#ac_glaucoma
.acgla-tb th{
	border: 0px;
/*	border: 0px solid #001e62;*/
	width: 15%;
/*	background: #d4eaff;*/
	font-weight: bold;
	vertical-align: top;
	padding: 8px 3px 8px 15px;
}
/*
#ac_glaucoma tr:nth-of-type(odd) th{
	background: #ccc;
}
*/

#ac_glaucoma
.acgla-tb td{
	border: 0px;
/*	border: 1px solid #001e62;*/
	padding: 8px 15px 8px 15px;
	width: 85%;
}

@media only screen and (max-width:599px){
	#ac_glaucoma table {
		padding : 0px;
}
	.acgla-tb th{
		font-size: 0.8em;
		width: 30%;
	padding: 5px 0px 8px 5px;
	}
	.acgla-tb td{
		font-size: 0.8em;
	padding: 5px 0px 8px 5px;
	}
}


.flxbx_btwn{
	display: flex;
  justify-content: space-between;
	  align-items: center;
/*	background-color: aqua;*/
}

/*セリフと吹き出し*/
/* アイコン付き吹き出し（左側） */
.talk10 {
	margin: 0 auto 20px;
	width: 700px;
}

@media only screen and (max-width:599px){
		.talk10 { width: 100%;}	
	}

.talk10 figure img {
width: 100%;
height: 100%;
border: 2px solid #9ce191; /* 円の線の太さと色の設定 */
border-radius: 50%;
margin: 0;
}

p.talk10-text {
margin: 0 0 15px;
}

p.talk10-text:last-child {
margin-bottom: 0px;
}

.talk10:after,.talk:before {
clear: both;
content: "";
display: block;
}

.talk10-img {
margin-left: 4px;
margin-top: -1px;
float: left;
width: 70px;
height: 70px;
}

.talk10-txt {
color: #444; /* 吹き出し内テキストの色 */
position: relative;
margin-left: 100px;
padding: 0.6em 0.8em 0.6em 0.8em;
border: 3px solid #9ce191; /* 吹き出し線の太さと色の設定 */
background-color: #fff; /* 吹き出しの背景色 */
border-radius: 5px; /* 吹き出しの角の丸み */
}

.talk10-txt:before {
position: absolute;
content: '';
border: 10px solid transparent;
border-right: 10px solid #9ce191; /* 吹き出しの三角形の設定（色以外の変更は非推奨） */
top: 24px;
left: -20px;
}

.talk10-txt:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-right: 10px solid #fff;
top: 24px;
left: -16px;
}

/* アイコン付き吹き出し（右側） */
.talk11 {
	width: 700px;
	margin: 0 auto 20px;
}

@media only screen and (max-width:599px){
		.talk11 { width: 100%;}	
	}


.talk11 figure img {
width: 100%;
height: 100%;
border: 2px solid #88bece; /* 円の線の太さと色の設定 */
border-radius: 50%;
margin: 0;
}

p.talk11-text {
margin: 0 0 15px;
}

p.talk11-text:last-child {
margin-bottom: 0px;
}

.talk11:after,.talk:before {
clear: both;
content: "";
display: block;
}

.talk11-img {
margin-right: 4px;
margin-top: -1px;
float: right;
width: 70px;
height: 70px;
}

.talk11-txt {
position: relative;
margin-right: 100px;
padding: 0.6em 0.8em 0.6em 0.8em;
border: 3px solid #88bece; /* 吹き出し線の太さと色の設定 */
background-color: #fff; /* 吹き出しの背景色 */
border-radius: 5px; /* 吹き出しの角の丸み */
}

.talk11-txt:before {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 10px solid #88bece; /* 吹き出しの三角形の設定（色以外の変更は非推奨） */
top: 24px;
right: -23px;
}

.talk11-txt:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 10px solid #fff;
top: 24px;
right: -19px;
}

/*タイトル付きボックス*/
#kinshi .box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
	width: 450px;
}
#kinshi .box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
/*
.box26 p {
    margin: 0px; 
    padding: 0;
}
*/

#kinshi .flx26{
	display: flex;
	  flex-wrap: wrap;
  justify-content: space-around;

}

#kinshi .box16{
    padding: 1em 1em;
    margin: 2em 0;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

#kinshi .font_f{
	font-family:"A P-OTF 秀英丸ゴシック Std B", "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; 
}




/*多焦点眼内レンズの特徴表*/
#allergy .table_med02{
  width: 100%;
  border-collapse: collapse;
	margin-top: 30px;
}

#allergy .table_med02 tr{
  border-bottom: solid 2px white;
}

#allergy .table_med02 tr:last-child{
  border-bottom: none;
}

#allergy .table_med02 th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #1d22b3;
  color: white;
  text-align: center;
  padding: 10px 0;
}

#allergy .table_med02 th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #1d22b3;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

#allergy .table_med02 td{
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 10px 0;
}

/*レンズの一覧表*/

/*ここからテーブルのcss*/

#allergy .table-wrap_med {
  overflow-x: scroll;
}
#allergy .table_med {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
font-size: 0.8em;
	margin-top: 30px;
}

#allergy .table_imed th{
	font-weight: bold;
	background-color: #d4f0fd; 
}

#allergy .table_med th,
.table_med td {
  border: 2px solid #eee;
  padding: 4px 8px;
  text-align: center;
  width: 50px;
}


#allergy .table_med tr{
  border-bottom: solid 1px #eee;
  cursor: pointer;
}

#allergy .table_med tr:hover{
  background-color: #d4f0fd;
}


#allergy .table_med th, td{
  text-align: center;
  width: 50px;
  padding: 15px 0;
}

#allergy .table_med-sub {
	color: #888;
}





.box_riyuu {
    position: relative;
    margin: 2em 0;
    padding: 1em 1.7em 1em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box_riyuu .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}

/*眼瞼下垂の症状*/
#ptosis .ptosis_shoujou ul {
  line-height: 1.8;
  list-style-type: none;
	background-color: #C8F2FF;
	text-align: 2.2em;
}

@media only screen and (max-width: 699px) {
  #questionnaire_form .box_con03 {
    width: 95%;
  }
}

#ptosis .ptosis_shoujou li+li {
  margin-top: 7px;
}

#ptosis .ptosis_shoujou li {
  position: relative;
  padding-left: 30px;
}

#ptosis .ptosis_shoujou li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 9px;
  top: .4em;
  left: 7px;
  -webkit-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  border-right: 2px solid #9c9c9c;
  border-bottom: 2px solid #9c9c9c;
}

#ptosis .ptosis_shoujou li:after {
  content: "";
  position: absolute;
  top: .2em;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #9c9c9c;
  border-radius: 2px;
}


/*セルフチェック*/
#ptosis .numdl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#ptosis .ib_list div{
	display: inline-block;
	vertical-align: top; 
	text-align: center;
	width: 300px;
}

@media only screen and (max-width:599px){
	#ptosis .numdl {
		flex-direction: column;
	}
}

/*眼瞼挙筋前転法*/
#ptosis .ptosis_op{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
#ptosis .ptosis_op-item{
	width: 450px;
	font-size: 0.9em;
	padding-top: 30px;
	margin-top: 30px;
}


#nagare .Inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
#nagare .Inner li{
  list-style: none;
}

#nagare .List-Item {
  border-top: 1px solid #ddd;
  width: 100%;
}
@media screen and (max-width: 599px) {
  #nagare .List-Item {
    border-top: 0;
  }
}
#nagare .List-Item:nth-of-type(1) {
  border-top: 0;
}
#nagare .List-Item-Content {
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  max-width: 1100px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 599px) {
  #nagare .List-Item-Content {
    padding-top: 15px;
    padding-bottom: 15px;
    flex-wrap: wrap;
  }
}
#nagare .List-Item-Content.one {
  padding-top: 0;
}
#nagare .List-Item-Content-Number {
  position: relative;
  margin-right: 40px;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background: #95ccff;
  color: #fff;
  font-size: 36px;
}
@media screen and (max-width: 599px) {
  #nagare .List-Item-Content-Number {
    margin-right: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
  }
}
#nagare .List-Item-Content-Number-Line,.List-Item-Content-Number-Line3 {
  position: absolute;
  top: -36%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 4px;
  height: 66px;
  background: #95ccff;
}
@media screen and (max-width: 599px) {
  #nagare .List-Item-Content-Number-Line {
    top: -80%;
    width: 2px;
    height: 72px;
  }
  #nagare .List-Item-Content-Number-Line3 {
    top: -80%;
    width: 2px;
	height: 110px;
  }}
#nagare .List-Item-Content-Title {
  margin-right: 48px;
  flex-basis: 298px;
  color: #95ccff;
  font-size: 24px;
}
@media screen and (max-width: 599px) {
  #nagare .List-Item-Content-Title {
    margin-right: 0;
    max-width: 230px;
    font-size: 18px;
  }
}
#nagare .List-Item-Content-Description {
  line-height: 1.5;
  font-size: 16px;
}
@media screen and (max-width: 599px) {
  #nagare .List-Item-Content-Description {
    margin-left: 60px;
    max-width: 260px;
    font-weight: normal;
    font-size: 13px;
  }
}

/*緑内障*/

/*緑内障テーブル*/

#glaucoma table {
	border: 1px solid #000;
}

#glaucoma
.glaucoma-tb{
	width: 100%;
	border-collapse: collapse;
}

#glaucoma
.glaucoma-tb th{
	border: 1px solid #001e62;
	width: 30%;
	background: #d4eaff;
	text-align: center;
	font-weight: normal;
}
#glaucoma
.glaucoma-tb td{
	border: 1px solid #001e62;
	padding: 8px 0px;
	text-align: center;
}

#glaucoma
.glaucoma-tb tr:nth-child(1) {
	border: 1px solid #001e62;
	background: #99ccff;
}
#glaucoma
.glaucoma-tb tr:nth-child(1) td{
	text-align: center;
}

#glaucoma .glaucomatb3 tr:nth-child(3) {
border-top: 1px hidden #001e62;
}
#glaucoma .glaucomatb3 tr:nth-child(4) {
border-top: 1px hidden #001e62;
}
#glaucoma .glaucomatb3 tr:nth-child(5) {
border-top: 1px hidden #001e62;
}
#glaucoma .glaucomatb3 tr:nth-child(7) {
border-top: 1px hidden #001e62;
}

#glaucoma
.glaucoma-medicine td{
	text-align: left;
	padding-left: 5px;
}
		
#glaucoma
.glaucoma-medicine th{
	width: 50%;
}


#glaucoma
.glaucoma-tb2 td{
	text-align: center;
	width: 50%;
}

#glaucoma .glaucoma-tb2 tr:nth-child(2) {
	background-color: #d4eaff;
	
}

#glaucoma .glaucoma-tb2 tr{
	border: 1px solid #001e62;
}



@media screen and (max-width: 599px) 
	{
		#glaucoma
		.glaucoma-tb{
			font-size: 0.75em;
		}
	}

/*クマ取り*/

#kumatori p{
	margin-top: 20px;
}

#kumatori .box_riyuu {
    position: relative;
    margin: 2em 0;
    padding: 1em 1.7em 1em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
#kumatori .box_riyuu .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}

/*眼瞼下垂の症状*/
#kumatori .kumatori_shoujou ul {
  line-height: 1.8;
  list-style-type: none;
	background-color: #C8F2FF;
	text-align: 2.2em;
}

@media only screen and (max-width: 699px) {
  #questionnaire_form .box_con03 {
    width: 95%;
  }
}

#kumatori .kumatori_shoujou li+li {
  margin-top: 7px;
}

#kumatori .kumatori_shoujou li {
  position: relative;
  padding-left: 30px;
}

#kumatori .kumatori_shoujou li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 9px;
  top: .4em;
  left: 7px;
  -webkit-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  border-right: 2px solid #9c9c9c;
  border-bottom: 2px solid #9c9c9c;
}

#kumatori .kumatori_shoujou li:after {
  content: "";
  position: absolute;
  top: .2em;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #9c9c9c;
  border-radius: 2px;
}

/*
#kumatori ul.gappeishou{
  border: solid 2px #adcce8;
  border-radius: 5px;
  list-style: none;
}
*/
#kumatori ul.gappeishou li{
  padding: 10px 10px 10px 5px;
}

/*記事の監修*/

.kanshuu {
    position: relative;
    margin: auto;
    padding: 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
	margin: auto;
}

/*近視性脈絡膜新生血管*/
#mcnv p{
	padding-bottom: 20px;
}

#mcnv li{
	margin-left: 20px;
}

	@media only screen and (max-width:599px){
		#mcnv li{
			margin-left: 0px;
		}
}





/*花粉症の薬*/
#allergy .table_iol02{
  width: 100%;
  border-collapse: collapse;
	margin-top: 30px;
}

.multifocal .table_iol02 tr{
  border-bottom: solid 2px white;
}

.multifocal .table_iol02 tr:last-child{
  border-bottom: none;
}

.multifocal .table_iol02 th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #1d22b3;
  color: white;
  text-align: center;
  padding: 10px 0;
}

.multifocal .table_iol02 th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #1d22b3;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.multifocal .table_iol02 td{
  text-align: left;
  width: 70%;
  background-color: #eee;
  padding: 10px 0;
}

/*レンズの一覧表*/

/*ここからテーブルのcss*/

.multifocal .table-wrap_iol {
  overflow-x: scroll;
}
.multifocal .table_iol {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
font-size: 0.8em;
	margin-top: 30px;
}

.multifocal .table_iol th{
	font-weight: bold;
	background-color: #001e62;
	color: #fff; 
}

.multifocal .table_iol th,
.table_iol td {
  border: 2px solid #eee;
  padding: 4px 8px;
  text-align: center;
  width: 50px;
}

.multifocal .table_iol-name,
.table_iol-name td {
  width: 30%;
}


.multifocal .table_iol tr{
  border-bottom: solid 1px #eee;
  cursor: pointer;
}

.multifocal .table_iol tr:hover{
  background-color: #d4f0fd;
}


.multifocal .table_iol th, td{
  text-align: center;
  width: 50px;
  padding: 15px 0;
}

#multifocal .table_iol-sub {
	color: #888;
}


.multifocal a{
text-decoration:underline;
font-weight:bold;
}

.multifocal .box {
	border: dashed 2px #5b8bd0;/*点線*/
	margin: 50px auto;
	padding: 20px;
}

@media only screen and (max-width:599px){
	.multifocal .mult-cost_tb {
	font-size: 0.79em;
	}
}


/*スマホ版トップのバナー配置*/
.banner_sp-container {
  display: flex;
  justify-content: space-around;
}

.banner_sp {
  width: 48%;
}

.banner_sp img {
  width: 100%;
  height: auto;
}

.banner_pc-container {
  display: flex;
  justify-content: center;
}

.banner_pc {
  width: 45%;
	margin-right: 10px;
}

.banner_pc:last-child{
  width: 45%;
	margin-right: 0px;
}

.banner_pc img {
  width: 100%;
  height: auto;
}


#index .banner_yoyaku{
	display: flex;
	justify-content: center;
}


/*予約ボタン横並び*/
.reserve_btn-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.reserve_btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  width: 45%;
  box-sizing: border-box;
	padding-top: 10px;
	margin-top: 10px;
	border-radius : 15px ;
}

.reserve_btn-text {
  font-size: 14px;
}

.reserve_pc_btn {
  display: flex;
  align-items: center;
  text-decoration: none;
  width: 45%;
  box-sizing: border-box;
  padding-top: 10px;
  margin-top: 10px;
  border-radius: 15px;
}


/* ボタンごとに異なる背景色とアイコン色を設定 */
.reserve_pc_btn-reservation {
  color: #fff;
  background-color: #c63527;
}

.reserve_pc_btn-calendar {
  color: #fff;
  background-color: #001e62;
}

.reserve_pc_btn-traffic-status {
  color: #fff;
  background-color: #001e62;
}





/* ボタンごとに異なる背景色とアイコン色を設定 */
.reserve_btn-reservation {
  color: #fff;
  background-color:#c63527;
}

.reserve_btn-calendar {
  color: #fff;
  background-color: #001e62;
}

.reserve_btn-traffic-status {
  color: #fff;
  background-color: #339966;
}

.reserve_btn i {
  font-size: 30px; /* FontAwesomeのアイコンサイズを大きくする */
}

/*学校検診のページのliの下に20px*/
#school-eyecheck li{
	padding-bottom: 20px;
}


	/*medicalの診療内容*/
		#medical .sec1 li{ margin-right:50px; }
		#medical .sec1 li:nth-child(3n){ margin-right:0; }
		#medical .sec1n li{ margin-right:20px; }
		#medical .sec1n li:nth-child(3n){ margin-right:0; }
		#medical .sec2{ margin-top:30px; }
		#medical .sec4 ul{ float:left; width:250px; }
		#medical .sec4  ul.w500{ float:left; width:500px; }
		#medical .sec1n li img{ width:300px; }
		#medical .sec2{
			-moz-background-size:auto 100%;
			background-size:auto 100%;
			margin-top:20px;
			padding:10px 0 10px;
		}
		#medical .sec2 .txt{ background:rgba(255,255,255,0.8); padding:15px 20px; }
		#medical .sec2 .ads1{ text-align:center; margin-top:30px; }

/*多焦点眼内レンズ*/

.multifocal p{
	padding-bottom: 10px;
}

.multifocal .mt0 p {
	padding-bottom: 0px;
}


.yt-video {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9のアスペクト比 */
    height: 0;
}

.yt-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}