@charset "utf-8";

/* common
****************************************************/
*{ margin:0; padding:0; word-break:break-all; word-wrap:break-word; box-sizing:border-box; }
body{ font-size:19px; line-height:180%; color:#000; 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:#000; }
a:hover{ text-decoration:underline; }
.img1ah a:hover img{ opacity: 0.5; transition:all 0.3s ease; }
h1{ font-size:12px; font-weight:normal; }
address{ font-style:normal; }

/* margin
****************************************************/
.mt10, .mt10ul li, .mt10dl dt{ margin-top:10px; }
.mt20, .mt20ul li{ margin-top:20px; }
.mt30, .mt30ul li{ margin-top:30px !important; }
.mt40{ margin-top:40px; }
.mt50{ margin-top:50px; }
.mt60{ margin-top:60px; }
.mt75{ margin-top:75px; }
.mt100{ margin-top:100px; }
.mt150{ margin-top:150px; }
.mt-50{ margin-top:-50px; }
.mb50{ margin-bottom: 50px; }
.mt1em{ margin-top: 1em; }
.mt2em{ margin-top: 2em; }
.ml05{ margin-left: 5px; }
.ml30{ margin-left: 30px; }
.mr05{ margin-right: 5px; }

@media screen and (min-width: 600px) {
	.pc_mt60 { margin-top: 60px; }
}

/* padding
****************************************************/
.pd30 { padding: 30px; }

/* link
****************************************************/
.u-text-underline { text-decoration: underline; }

/* 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.5em; padding-left:1.5em; }
.ti4dl dd{ padding-left:1.5em; }


/* color
****************************************************/
.col_red{ color:red; }
.col_white{ color:white; }
.col_bleck{ color:black; }
.col_1, .col1ul li:before, .col1icon:before{ color:#fbecee; }
.col_2, .col2ul li:before, .col2dl dt:before, .col2icon:before{ color:#bebebe; }
.col_3, .col3ul li:before, .col3dl dt:before, .col3icon:before{ color:#2db395; }
.col_4, .col4ul li:before, .col4icon:before{ color:#ea6d8d; }
.col_5, .col5ul li:before, .col5icon:before{ color:#c63527; }
.col_6, .col6ul li:before, .col6icon:before{ color:#001e62; }
.col_7, .col7ul li:before, .col7icon:before{ color:#6c3411; }

/* background
****************************************************/
/* color */
.bg1col{ background-color: #fbecee; }
:root {
	--color-primary-red: #C63528;
	--color-secondary-red: #fae0dd;
	--color-primary-green: #2DB395;
	--border-gray: #bebebe;
}

/* icon
****************************************************/
.icon_1:before, .icon1ul li:before, .icon1dl dt:before{ content:"▶"; margin-right: .5em; }
.icon_2:before, .icon2ul li:before, .icon2dl dt:before{ content:"●"; margin-right: .5em; }
.icon_3:before, .icon3ul li:before, .icon3dl dt:before{ content:"■"; margin-right: .5em; }
.icon_4:before, .icon4ul li:before, .icon4dl dt:before{ content:"◆"; margin-right: .5em; }
.icon_5:before, .icon5ul li:before, .icon5dl dt:before{ content:"▲"; margin-right: .5em; }
.icon_6:before, .icon6ul li:before, .icon6dl dt:before{ content:"＞"; margin-right: .5em; }
.icon_7:before, .icon7ul li:before, .icon7dl dt:before{ content:"\025c7"; margin-right: .5em; }

/* font-size
****************************************************/
.fs_s{ font-size:small; }
.fs12{ font-size:12px; }
.fs14{ font-size:14px; }
.fs15{ font-size:15px; }
.fs16{ font-size:16px; }
.fs20{ font-size:20px; }
.fs24{ font-size:24px; }

.fwb{ font-weight: bold; }
.fwbdl dt{ font-weight: bold; }

/* border
****************************************************/
.br-red { border: 2px solid #c63527; }


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

.ytvideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* border-radius
****************************************************/
.br05, .br05ul li{ 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, .br15ul li{ border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; }
.br25, .br25ul li{ border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; }

/* list-style
****************************************************/
.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; }

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

/* overflow:hidden;
****************************************************/
.oh_com{ overflow:hidden; }
.oh_com .fl{ float:left; }
.oh_com .fr{ float:right; }

/* btn
****************************************************/
.band1{ background-color: #2db395; color: #fff; padding: 2.5px .3em; margin-right: .3em; }
.btn a {padding: 15px 25px; border: 2px solid #ea6d8d; font-weight: 700; display: inline-block; position: relative;}
.btn a:before {content: ""; position:absolute; right: 3px; bottom:3px; width:0; height: 0; border-style:solid; border-width:0 0 20px 20px; border-color:transparent transparent #ea6d8d transparent;}
.btn a:hover {text-decoration: none; border: 2px solid #fff;}
.btn a:after {content: ""; background-color: #ea6d8d; width: 65px; height: 1px; left:50%; position: absolute; transform: translateX(-50%); bottom:-1px; }

/* バナー
****************************************************/
.bn1{ display: block; width: 260px; background-color: #2db395; color: #fff; text-align: center; line-height: 55px; border: 8px double #fff; }
@media only screen and (max-width: 599px) {
.bn1 {
	width: 100%;}
}
.bn-brown { display: block; width: 260px; color: #fff; background-color: #6C3411; text-align: center; border: 8px double #fff; line-height: 55px; }
@media screen and (max-width: 599px) {
	.bn-brown { width: 100%; }
}
.line {background-color: #00B900;}
.line:before {content: "";
	background: url(images/line-icon.svg) no-repeat;
	display: inline-block;
	width: 42px;
	height: 35px;
	background-size: contain;
	vertical-align: middle;
}
.bn-pink {background-color: #ea6d8d;}

/* header
****************************************************/
header .sec1{ font-size: 12px; padding-top: 5px; }

/* headline
****************************************************/
.hl1{ text-align: center; }
.hl1 span{ color: #2db395; display: inline-block; font-size: 16px; border-top: 3px solid #c0e8df; margin-top: 5px; padding: 0 5px; }
.hl2{ text-align:center; width:100%; position:relative; display:inline-block; line-height:1.2; color:#ea6d8d; margin-bottom: 10px; }
.hl2:before{
	content:'';
	position:absolute;
	left:50%;
	bottom:-10px;
	display:inline-block;
	width: 80px;
	height:3px;
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	background-color:#c0e8df;
}
.headline03 { padding-bottom: 15px; color: #ea6d8d; border-bottom: 2px solid #7e7677; }
.headline04 { padding: 0.5em 1em; color: #fff; font-weight: bold; background-color: var(--color-primary-green); border-radius: 5px; line-height: 1.5; }
.headline05 { font-size: 19px; color: var(--color-primary-green);  }

/* page title
****************************************************/
.pp1ttl{ background:url("images/pp1ttl.jpg?20210127") repeat-x center top; text-align:center; position: relative;}
.pp1ttl h2{ text-align:center; color:#fff; border: 1px solid #fff; display: inline-block; padding: 0 .5em; }
.pp1ttl::before {
	background-color: rgba(0,0,0,0.4);
	/* 自由に位置指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';

}
/* content
****************************************************/
/* notice */
#notice{ height:225px; overflow:auto; background-color: #fff; padding:0 30px 25px; }
#notice::-webkit-scrollbar {
	all:unset;
	width:6px;
	background:transparent;
}
#notice::-webkit-scrollbar-track {
	all:unset;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
	background: transparent;
}
#notice::-webkit-scrollbar-thumb {
	all:unset;
	background:#001e62;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
	border-radius: 8px;
}

#notice::-webkit-scrollbar-thumb:hover {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	background: transparent;
}
#notice li{ padding: 15px 0 10px; border-bottom: 1px dotted #000; }
/* 追記分 */
#notice li [class^="icon"]{ width: 110px; display: inline-block; text-align: center; padding: 0!important; margin-right: 1em; }
.notice_list dt{ background-color: #d5f0ea; padding: .2em 1em; margin-bottom: 1em; }
.notice_list dd{ margin-bottom: 50px; }
/* index */
#index .sec1 .tab{ border-bottom: 2px solid #6c3411; text-align: right; }
#index .sec1 .icon1, #index .sec1 .icon2, #index .sec1 .icon3{ padding: 7.5px 1em; color: #fff; }
#index .sec1 .icon1{ background-color: #000; }
#index .sec1 .icon2{ background-color: #c63527; }
#index .sec1 .icon3{ background-color: #001e62; }
#index .sec1 .notice{ background-color: #fff; padding: 20px 20px 20px 0; }
#index .sec2 .inner h3{ color: #ea6d8d; border-bottom: 2px solid #7e7677; text-align: center; }
#index .sec3, #index .sec6{ background: url("images/index3bg.png") repeat-y center center; }
#index .sec4.medical-menu a { transition: opacity .5s cubic-bezier(0.07, 0.45, 0.65, 0.92); }
#index .sec4.medical-menu a:hover { opacity: 0.8; }
#index .sec5 .box1 a,
#disease li a
{ display: block; text-align: center; line-height:125%; border: 2px solid #bebebe; background: url("images/index5no1.png") no-repeat right bottom; }
#index .sec5 .box1 a:hover,
#disease li a:hover{ border: 2px solid #2db395; }
#index .sec7{ background-color: #57c2aa; color: #fff; }
#index .sec7 a{ color: #fff; }
#index .sec7 p{ background-color: #fff; color: #000; display: inline-block; padding: 5px 1em; }
#index .sec7 .clm .hos_list { display: block; width: 250px; margin: 10px auto 0; border: 1px solid #fff; }
#index .calendar iframe { width: 100%; min-height: 100vh; }
@media screen and (min-width: 600px) {
	#index .calendar iframe { width: 100%; height: 1000px; }
}
/* greeting */
#greeting .sec1 h3{ color: #ea6d8d; margin-bottom: 1em; }
#greeting .sec2 h3{ color: #2db395; }
#greeting .sec2 .box1, #greeting .sec2 .box0{ background-color: #d5f0ea; padding: 1em; margin-top: .5em; }
#greeting .sec3 .oh{ border: 2px solid #2db395; }
#greeting .sec3 h3, #greeting .sec4 h3{ background: url("images/incho_logo.svg") no-repeat left center; padding-left: 10%; }
#greeting .sec3 h4{ border-bottom: 1px solid #2db395; color: #2db395; margin: 1em 0 .5em; }
#greeting .sec3 .disc { list-style-type: disc; margin-left: 1em; }
/* medical */
#medical .sec2 h3{ background-color: #d5f0ea; padding: .2em 1em; margin-bottom: 1em; }
#medical .sec2 .linkbox { display: flex; justify-content: space-evenly; }

#medical .sec2 .linkbox1 { display: flex; justify-content: space-between; margin-top: 15px; }
#medical .sec2 .linkbox-btn{ margin-top: 15px; text-align: center; }
#medical .sec2 .linkbox-btn a { width: 210px; font-size: 0.9em; padding: 15px 5px; }

@media only screen and (max-width:599px){
	#medical .sec2 .btn a{ width: 140px; font-size: .9em; padding: 15px; }

	#medical .sec2 .linkbox1 { flex-direction: column; }
	#medical .sec2 .linkbox-btn a{ width: 100%; font-size: 1.1em; }

}

#medical .sec3 .fl, #medical .sec3 .fr{ border: 2px solid #bebebe; padding: 25px; margin-top: 50px; }
#medical .sec3 h3{ border-bottom: 2px solid #bebebe; padding-bottom: .5em; margin-bottom: 1em; }
#medical .sec3 .btn1 a {display: block; border: 1px solid #333;padding: 5px;width: 250px;margin: 10px auto 0px;}

/* guide */
#guide .sec1 .oh{ border: 2px solid #2db395; padding: 1em; }
#guide .sec1 h3{ background: url("images/incho_logo.svg") no-repeat left center; padding-left: 10%; margin-bottom: 1em; }
#guide .sec2 h3{ text-align: center; }
/* staff */
#staff h3{ background-color: #d5f0ea; padding: .2em 1em; margin-bottom: 1em; }
#staff .sec1 h4{ border-bottom: 1px solid #101010; padding-bottom: .5em; }

#staff .recruit__summary caption{ background-color: #2db395; color: #fff; border: solid #000; border-width: 1px 1px 0; padding:10px; font-weight: bold; }
#staff .recruit__summary th, #staff .recruit__summary td{ border:1px solid #000; padding:10px; }
#staff .recruit__summary th{ background-color:#d5f0ea; }

#staff .recruit__list{ margin-top: 30px; padding-bottom: 0.5em; border-bottom: 1px solid #101010; }
#staff .recruit__list .recruit__list-item{ font-weight: bold; }
#staff .recruit__list .recruit__list-item li::before{ content: "■"; margin-right: 0.5em; color: #c63527; }

#staff .recruit__summary .recruit__summary-job{ background: #efefef; text-align: center; font-weight: bold; }
#staff .recruit__summary span{ font-weight: bold; }

@media only screen and (min-width:600px), print{
	#staff .recruit__summary th{ width: 20%; }
}
@media only screen and (max-width:599px){
	#staff .recruit__summary .recruit__summary-job{ background: none; color: #c63527; }
	#staff .recruit__summary .recruit__summary-status{ background: #efefef; }
}


/* access */
#access h3{ border-bottom: 2px solid #808080; color: #ea6d8d; display: inline-block; padding-bottom: .5em; margin-bottom: .5em; }
#access .access_flow{ counter-reset: num; }
#access .access_flow div{ background-color:#fbecee; border-radius: 10px; padding: 20px; margin-bottom: 30px; }
#access .access_flow dd{ counter-increment: num; color:#001e62; font-weight: bold; margin-top: 10px; text-align: left; padding-left: 2em; text-indent: -2em; }
#access .access_flow dd::before{ content: counter(num) ""; display: inline-block; width: 1.5em; height: 1.5em; line-height: 1.5em; margin-right: 5px; text-indent: 0; text-align: center; background-color: #fff; border-radius: 50%; border: solid 2px #001e62; }

#access .clinic-title { margin-top: 50px; }
#access .bicycle-title { margin-top: 50px; color: #437fb7; }
#access .bicycle__area .access_flow div { background-color: #f0f8ff; }

#access .clinic__area , .bicycle__area { margin-top: -30px; padding-top: 50px; }

#access .access-nav { margin: 20px 0; }
#access .access-nav__list { display: flex; justify-content: space-evenly; flex-wrap: wrap; margin: 30px 0; }
#access .access-nav__list--item { flex: 0 1 300px; margin-top: 30px; }
#access .access-nav__list--link { display: block; padding: 1em; text-align: center; }
#access .access-nav__list--item:nth-child(1) .access-nav__list--link { border: 2px solid #ea6d8d; color: #ea6d8d; }
#access .access-nav__list--item:nth-child(2) .access-nav__list--link { border: 2px solid #437fb7; color: #437fb7; }

@media only screen and (min-width:600px), print{
	#access .bicycle_01 dd { padding-left: 35px; font-size: 18.5px; }
	#access .bicycle_01 dd::before { margin-right: 2px }
}

@media only screen and (max-width:599px){
	#access .bicycle-title { margin-top: 20px; }
}

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



/* symptom
****************************************************/
#symptom2 li:before, #symptom3 .back:before{ content:"＞"; font-size:14px; margin-right:5px; color:#000; }
#symptom2 li:hover:before, #symptom3 .back:hover:before{ color:#f56d80; text-decoration:none; }
/* symptom */
#symptom h3{ background-color: #d5f0ea; padding: .2em 1em; }
#symptom li a:hover{ color: #ea6d8d; }
/* symptom2 */
#symptom2 dt, #symptom3 h3{ background-color: #d5f0ea; padding: .2em 1em; }
#symptom2 li a{ color:#000 }
#symptom2 li a:hover{ color:#f56d80 }
#symptom2 dt{ font-weight: bold; }
#symptom2 dd{ margin-top:30px; }
#symptom2 ul{ border-top: 1px solid #bebebe; }
/* symptom3 */
#symptom3 h4{ border-bottom: 1px solid #ea6d8d; padding-bottom: 10px; color: #ea6d8d; }
#symptom3 dt{ font-weight:bold; margin-top:1em; }
#symptom3 dt:before{ content:"【"; margin-right:5px; }
#symptom3 dt:after{ content:"】"; margin-left:5px; }

/* disease
****************************************************/
#myopine .price .fl{float: left; width: 60%;}
#myopine .price table {width: 100%;border-collapse: collapse;}
#myopine .price th {border: 1px solid #C63528;padding: 10px;width: 50%;background: #fae0dd;text-align: center; font-weight: normal;}
#myopine .price td {border: 1px solid #C63528;	text-align: right; padding: 8px 17px;}

/* disease
****************************************************/
#disease li a{}
#disease li a:hover{ text-decoration: none; }
#disease dt{ margin-top:30px; padding:5px 1em 5px 0; font-weight: bold; border-bottom: 1px solid #2db395; }
#disease dt:before{ content:"＞"; margin-right: .5em; color: #2db395; }
#disease dd{ padding-top:20px; }
#disease h3{ background-color: #d5f0ea; padding: .2em 1em; }

/* laser (2021/8/26追加）
****************************************************/
#laser .sec1 .content {border:2px solid #2db395; padding: 1.5em; margin-top: 50px;}
#laser .sec1 .content h3 {background-color: #d5f0ea; padding: .2em 1em; margin-bottom: 1em; text-align: center;}
#laser .sec1 .content .pad20 {padding:20px;}
#laser .sec1 .content .video video{ max-width: 100%;}
#laser .sec1 .content .video-text{text-align: center;color: #6C3411;}

/* 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; }

/* about
****************************************************/
#about dt:before{ content:"▶ "; color:#f56d80; }
#about dd{ margin:15px 15px 50px; }

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

/* footer
****************************************************/
footer{ border-top: 2px solid #808080; }
footer .sec2{ font-size:14px; }
footer .sec2 a{ color: #000; }
footer .formBtn a{ border: 1px solid #000; text-align: center; padding: 10px 0; display: block; }
footer .formBtn a:hover{ background-color: #f0f0f0; }
address{ font-size:12px; text-align:center; background-color: #ea6d8d; color: #fff; }

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

/* breadcrumbs
****************************************************/
.breadcrumbs{ list-style: none; overflow: hidden; font-size: 12px; }
.breadcrumbs li{ float: left; }
.breadcrumbs li::after{ content: '>'; display: inline-block; padding: 0 10px; }
.breadcrumbs li:last-child::after{ display: none; }

/* pagetop
****************************************************/
.pagetop {
	display:none;
	position:fixed;
	bottom:35px;
	right:5px;
	line-height:0;
	z-index: 9999;
}
.pagetop a{
	display:block;
	padding:5px;
	background-color:#ea6d8d;
	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; }

/* table
****************************************************/
.tbl1{ width:100%; border-collapse:collapse; }


/* Swiper
****************************************************/
.swiper-button-next:after, .swiper-button-prev:after {
	color: #c63527;
}
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
	background: #c63527;
}

/* header&footer access案内
****************************************************/
.accessBtn { background:linear-gradient(180deg, #cc6633 0%, #cc3333 50%, #cc3333 100%); line-height: 20px; padding: 10px 25px 8px; border-radius: 14px; margin-top: 7px; max-width: 375px;}
.accessBtn a {color:#fff;}
.accessBtn a:hover {text-decoration: none;}
.accessBtn .access {}
footer .accessBtn{ margin: 0 auto 20px;	width: 80%;}


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

	600px over

**************************************************/
@media only screen and (min-width:600px), print{
	.w500px { width: 500px; }

	/* common
	****************************************************/
	.wrap{ margin-left:auto; margin-right:auto; width:1000px; }
	.sp{ display:none!important; }

	/* 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{ margin-bottom: 20px; }
	header .sec2{ margin-top: 20px; }
	header .logo{ margin-right: 60px; }

	/* credit-card 2022-03-08 */
	.logo-pc__area { display: flex; }
	.logo-pc__area .shinryou { background: #c63527; font-size: 0.8em; font-weight: bold; margin-top: 10px; padding: 5px 10px; border-radius: 10px; color: #fff; }
	.credit-pc__area { display: flex; align-items: center; }
	.credit-pc__area .text-pc { font-size: 0.8em; }
	.access-pc__area { background: #fbecee; border-radius: 10px; font-size: 0.9em; }
	.access-pc__area a { color: #c63527; font-weight: bold; }

	/* .logo-pc__area .shinryou-pc__list { display: flex; flex-direction: column; justify-content: flex-end; } */
	.logo-pc__area .shinryou-pc-item {display: flex; align-items: center; background: #c63527; font-size: 0.6em; font-weight: bold; margin-top: 3px; padding: 0 10px; border-radius: 5px; height: 25px; color: #fff; }
	.logo-pc__area .shinryou-pc-item:nth-child(2) { background: #2ca956; }

	/* nav
	****************************************************/
	nav{ font-size:15px; line-height: 20px; background-color: #fff; width:100%; }
	nav ul{ overflow:hidden; text-align: center; border-left: 2px solid #b69a88; }
	nav li{ float:left; width: 175px; border-right: 2px solid #b69a88;  }
	nav li:first-child{ width: 123px; }
	nav ul a{ display:inline-block; text-align: center; padding: 10px 0; color: #000; width: 100%; }
	nav ul a:hover, nav ul .on{ text-decoration:none; background-color: #fbecee; }
	.fixed{ position:fixed; top:0px; left:0px; z-index:9999; }
	.space{ margin-top:40px; }
	.none{ display:none; }

	/* page title
	****************************************************/
	.pp1ttl{ padding:75px 0; margin-top: 20px; }
	.pp1ttl h2{ line-height:50px; min-width: 230px; }

	/* content
	****************************************************/
	/* common */
	.sec1sp{ padding:80px 0; }
	.sec2sp{ padding-top:80px; }
	.pp1sp{ padding: 60px 0 300px; }
	.mrres{ margin-top: 5px; }
	/* index */
	.mv{ background: url("images/main_pc.png") no-repeat center center; height: 500px; margin-top: 20px; }
	.mainimg{ margin-top: 20px; }
	#notice{ height: 240px; }
	/* index */
	#index .sec1{ margin-top: 40px; }
	#index .sec1 h2{ margin-left:30px; }
	#index .sec1 .oh{ margin-top:40px; }
	#index .sec1 .fl{ width: 650px; }
	#index .sec1 .fr{ width: 300px; }
	#index .sec1 .fr li + li { margin-top: 10px; }
	#index .sec2 .bg1col{ margin-top: 60px; }
	#index .sec2 .box1{ background: url("images/index2no1.png") no-repeat center center; height: 370px; }
	#index .sec2 .box2{ background: url("images/index2no2.png") no-repeat center center; height: 370px; }
	#index .sec2 .box3{ background: url("images/index2no5.png") no-repeat center center; height: 370px; }
	#index .sec2 .box3 img{ max-width: 95%; height: auto; }
	#index .sec2 .inner{ width: 400px; }
	#index .sec2 .inner h3{ padding: 55px 0 20px; font-size: 24px; margin-bottom: 1em; }
	#index .sec2 .inner .box3 h3{ padding: 40px 0 20px; }
	#index .sec3 .wrap{ margin-top: 60px; }
	#index .sec4 .box1{ width: 454px; margin-top: 60px; }
	#index .sec4 .box1:not(:nth-of-type(3)):not(:nth-of-type(4)) { margin-top: 30px; }
	#index .sec4 .box1 .read{ margin-top: 1em; height: 6em; }
	#index .sec5 .box1 li{ width: 300px; margin-right: 50px; margin-bottom: 30px; }
	#index .sec5 .box1 li:nth-child(3n){ margin-right: 0; }
	#index .sec5 .box1 a{ width: 300px; display:table-cell; vertical-align:middle; height:100px; }
	#index .sec5 .box2 li{ width: 25%; margin-top: .5em; }
	#index .sec6 .wrap{ margin-top: 60px; }
	#index .sec6 h3{ margin-bottom: 1.5em; }
	#index .sec6 .fl{ width: 580px; }
	#index .sec7{ padding: 20px 0 30px; margin-top: 100px;  text-align: center; }
	#index .sec7 li{ margin: 0 5px; }
	#index .sec7 .clm .hos_list { margin: 10px auto 0; }
	/* greeting */
	#greeting .sec1 .fl{ width: 580px; }
	#greeting .sec2, #greeting .sec3{ margin-top: 100px; }
	#greeting .sec2 .fl, #greeting .sec2 .fr{ width: 450px; }
		/*#greeting .sec2 .box1{ height: 200px; }
	#greeting .sec2 .box0{ height: 470px; }*/
	#greeting .sec2 .box1 {height: auto;}
	#greeting .sec2 .box0{height: auto;}
	/*追加*/
	#greeting .sec2 .box2{ height: 300px; }
	#greeting .sec2 .box3{ height: 100px; }
	#greeting .sec3 .oh{ padding: 40px; margin-top: 50px; }
	#greeting .sec3 .fl{ width: 450px; }
	#greeting .sec4 .oh{  }
	#greeting .sec4 .fl{ width: 620px; }
	#greeting .sec4 .title{ font-size:28px; background: url(images/incho_logo.svg) no-repeat left center; padding-left: 7%; }

	/* medical */
	#medical .sec1 .os_fr{ margin-top: 30px; }
	#medical .sec2 .oh{ margin: 40px 0 100px; }
	#medical .sec2 .read{ width: 650px; }
	#medical .sec3 .fl, #medical .sec3 .fr{ width: 475px; height: 410px; }
	/* guide */
	#guide .sec1 .oh{ padding: 40px; }
	#guide .sec1 .fl{ width: 450px; }
	#guide .sec2 .fl{ width:33%; margin-top:50px; vertical-align:top; }
	#guide .sec2 .fl:nth-child(3n){ margin-right:0; }
	#guide .sec2 .fl .exp { padding: 0 20px;}
	#guide .sec2 h3{ font-size:20px; line-height:125%; width:100%; margin: 30px auto 20px; height: 45px; display: flex; align-items: center; justify-content: center; }
	/* access */
	#access h3{ width: 50%; }
	#access .access_flow{ display:flex; justify-content:center; flex-wrap: wrap; }
	#access .access_flow div{ margin-right: 30px; }
	#access .access_flow div:nth-child(even){ margin-right: 0; }

	/* link_hospitals */
	#link_hospitals ul li {
    width: 50%;
    float: left;
    white-space: nowrap;
}
	/* symptom
	****************************************************/
	/* symptom */
	#symptom li{ width: 25%; margin-top: 1em; }
	/* symptom2 */
	#symptom2 dt, #symptom3 h3{ font-size:26px; }
	#symptom2 dt{}
	#symptom2 dd{ padding:10px 0; }
	#symptom2 ul{ margin-top:40px; padding:20px 0 40px 100px; letter-spacing:-0.4em; }
	#symptom2 li{ display:inline-block; letter-spacing:normal; vertical-align:top; min-width:31%; margin-left:1%; margin-top:20px; }
	/* symptom3 */
	#symptom3 h4{ font-size:20px; margin-top:20px; }
	#symptom3 dl{ padding: 0 1em; }
	#symptom3 .dis{ margin-top:50px; }
	#symptom3 .des{ padding: 1em; }
	#symptom3 .outline{ margin-top: 50px; }

	/* disease
	****************************************************/
	#disease ul{ margin-bottom: 35px; }
	#disease li{ margin:15px 100px 15px 0; }
	#disease li:nth-child(2n){ margin-right:0; }
	#disease li a{ width:450px; padding:40px 0; line-height:20px; }
	#disease dl{ padding-top: 30px; }

	#disease .btn a{ padding: 15px 100px; }

	/* sitemap
	****************************************************/
	/*#sitemap .wrap{ padding-left:100px; padding-right:100px; }  */
	#sitemap .wrap{ padding-left:100px; padding-right:0px; }
	#sitemap .child{ margin-left:1.5em; overflow:hidden; }
	#sitemap .child li{ float:left; width:33%; }

	/* footer
	****************************************************/
	footer .sec1{ padding: 50px 0; }
	footer .sec1 .lef{ width: 406px; text-align: center; }
	footer .sec1 .rig{ width: 534px; }
	footer .sec1 .adr{ font-size: 16px; }
	footer .sec2 .fl, footer .sec2 .fr{ width: 250px; padding: 50px 0; }
	footer .formBtn{ margin-bottom: 50px; }

	/* breadcrumbs
	****************************************************/
	.breadcrumbs{ padding-top: 5px; }

	/* 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;
	}

	/* side menu
	****************************************************/
	.side_menu{
		position:fixed;
		top:200px;
		right:0px;
		z-index: 9999;
	}
	.side_menu li{ margin-top: 20px; }
	.side_menu li:first-child{ margin-top: 0; }


	/* guide
	****************************************************/
	.pccb {clear: both;}

}





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

	600px under

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

	/* common
	****************************************************/
	body{ font-size:16px; }
	.wrap{ padding: 15px; line-height:1.5em; }
	img{ max-width:100%; height:auto; }
	/* #index .sec2 .box3 img{ max-width: 95%; } */

	.pc{ display:none!important; }
	.sp_tac{ text-align:center; }

	/* overflow:hidden;
	****************************************************/
	.oh_sp{ overflow:hidden; }
	.oh_sp .os_fl{ float:left; }
	.oh_sp .os_fr{ float:right; }
	.oh_clm2sp{ overflow:hidden; }
	.oh_clm2sp li{ width: 48%; }
	.oh_clm2sp li:nth-child(odd){ float: left; }
	.oh_clm2sp li:nth-child(even){ float: right; }

	/* header
	****************************************************/
	header .wrap{ padding:0; }

	/* headline
	****************************************************/
	.hl1{ font-size: 18px; padding: 1em 0; }
	.hl1 span{ font-size: 10px; }

	/* nav
	****************************************************/
	html{ overflow-x: hidden; }
	.header-sp{ position:fixed; top:0px; left:0px; z-index:2; width:100%; }
	#headerSp{ width:100%; border-collapse:collapse; border-bottom: 0px solid #fff; background-color: #fff; }
	#headerSp tr td:nth-of-type(1){ padding: 2% 2% 2% 2%; }
	#headerSp tr td:nth-of-type(2){ padding: 2% 2% 2% 2%; }
	#headerSp tr td:last-child{ width: 17%; border-left: 1px solid #fff; background-color: #ea6d8d; padding: 15px 10px; }
	#js-menuBk{
	  display: none;
	  position: fixed;
	  z-index: 1;
	  top: 0;
	  left: 0;
	  background: rgba(0,0,0,0.6);
	}
	#js-openBtn{ text-align:center; }
	.menuClose img{ width: 15%; padding:15px 10px; background-color: #ea6d8d; display: inline-block; }
	#js-spNav{
		position: absolute;
		position:fixed;
		z-index: 999;
		top: 0;
		right: 0;
		width: 80%;
		background: #fff;
		transform: translateX(100%);
		transition: all .3s;
	}
	#js-spNav.isOpen{ transform: translateX(0); }
	/* nav */
	nav .wrap{ padding: 0; }
	nav .wrap li a{ display:block; border-bottom:1px solid #e9e9e9; padding:15px; color: #262626; }
	nav .wrap li a:hover{ background-color: #fbf7e1; text-decoration: none; }
	nav .wrap li a:before{ content: "＞"; color: #f56d80; margin-right: .5em; }
	nav .oh_clm2sp{ padding: 10% 5% 0; }
	nav .oh_clm2sp li{ margin-top: 5%; }

	/* credit-card 2022-03-08 */
	.header-sp__area .logo-sp__area { display: flex; justify-content: space-between; align-items: center; }
	.header-sp__area .logo-sp { width: 60%; padding-left: 1%; }
	.header-sp__area .shinryou-sp { display: inline-block; border: 1px solid #c63527; border-radius: 5px; padding: 5px; color: #c63527; font-size: 0.6em; font-weight: bold; text-align: center; line-height: 1.5; }
	.header-sp__area .js-openBtn { background-color: #ea6d8d; width: 17%; padding: 15px 10px; border-left: 1px solid #fff; }
	.header-sp__area .credit-sp { display: flex; justify-content: center; align-items: center; }
	.header-sp__area .credit-sp .text-sp { font-size: 0.6em; padding-left: 2%; }
	.header-sp__area .access-sp { display: flex; justify-content: center; background: #fae0dd; font-size: 0.6em; }

	.header-sp__area .shinryou-sp__list { display: flex; flex-direction: column; justify-content: space-between; height: 45px; }
	.header-sp__area .shinryou-sp-item { display: inline-block; border: 1px solid #c63527; border-radius: 5px; padding: 2px; color: #c63527; font-size: 0.6em; font-weight: bold; text-align: center; line-height: 1.5; }
	.header-sp__area .shinryou-sp-item:nth-child(2) { border: 1px solid #2ca956; color: #2ca956; }

	/* page title
	****************************************************/
	.pp1ttl{ padding:15px 0; background-size:cover; }

	/* content
	****************************************************/
	/* common
	.pp1sp{ margin: 50px 0; }*/
	.mrres{ margin-top: 20px; }
	/* index */
	.mv{ background: url("images/main_sp.png") no-repeat center center; padding-top:61.5%; background-size:contain; }
	.mainimg{ margin-top: 0%; }
	#notice{ padding: 0 15px; }
	#index .sec1{ margin-top: 20px; padding-bottom: 50px; }
	#index .sec1 h2{ text-align: center; }
	#index .sec1 .tab{ text-align: center; margin: 20px 0 10px; border-bottom: none; }
	#index .sec1 .tab li{ width: 50%; }
	#index .sec1 .tab li a{ display: block; }
	#index .sec1 .fr li{ margin-top: 15px; }
	#index .sec2 h3{ margin-bottom: 1em; padding-bottom: .5em; }
	#index .sec2 .box1, #index .sec2 .box2, #index .sec2 .box3{ background-size:100% auto; font-size:14px; }
	#index .sec2 .box1{ background: url("images/index2no3.png") no-repeat center center; padding:10% 0 10% 45%; }
	#index .sec2 .box2{ background: url("images/index2no4.png") no-repeat center center; padding:10% 45% 10% 0; }
	#index .sec2 .box3{ background: url("images/index2no6.png") no-repeat center center; padding:5% 0% 5% 30%; }
	#index .sec3{ padding-bottom: 50px; }
	#index .sec3 .os_fl{ width: 65%; font-size: 12px; }
	#index .sec3 .os_fr{ width: 30%; }
	#index .sec4 .read{ margin-top: 1em; }
	#index .sec4 .link{ margin: 1em 10% 50px; }
	#index .sec4.medical-menu .box1 + .box1 { margin-top: 50px; }
	#index .sec5{ padding-bottom: 50px; }
	#index .sec5 .box1 li{ width: 48%; margin-top: 15px; }
	#index .sec5 .box1 a{ width: 10%; display:table-cell; vertical-align:middle; height:80px; }
	#index .sec5 .box2{ padding: 0 5%; margin-top: 20px; }
	#index .sec5 .box2 li{ margin-top: .5em; }
	#index .sec5 .tac, #index .sec6 .tac{ padding: 0 10%; }
	#index .sec6{ padding-bottom: 50px; }
	#index .sec6 .fl{ margin-top: 1em; }
	#index .sec7{ padding: 30px; }
	#index .sec7 .clm .hos_list { float: none; clear: both; text-align: center; }
	/* greeting */
	#greeting .sec1 .fl{ margin-top: 2em; }
	#greeting .sec1 h3{ margin-top: 1em; }
	#greeting .sec2 .fl, #greeting .sec2 .fr{ margin-top: 40px; }
	#greeting .sec3{ margin-top: 50px; }
	#greeting .sec3 .oh{ padding: 1em; margin-top: 50px; }
	#greeting .sec3 .fr, 	#greeting .sec4 .fr{ text-align: center; }
	#greeting .sec3 h3{ margin-top: 1em; }
	/* medical */
	#medical .sec1 .os_fl{ width: 65%; font-size: 12px; }
	#medical .sec1 .os_fr{ width: 30%; margin-top: 10px; }
	#medical .sec2 .oh{ margin-top: 50px; }
	#medical .sec2 h3{ margin-top: 1em; }
	#med-contents .link{ margin: 1em 10% 50px; }
	/* guide */
	#guide .sec1 .fl, #guide .sec1 .fr{ margin: 25px 0 25px; }
	#guide .sec1 h3{ margin: 15px 0; }
	#guide .sec2 h3{ padding:20px 0 10px;}
	#guide .sec2 .oh{ overflow: hidden; }
	#guide .sec2 .fl{ padding: 25px 0 25px; text-align: center;}
	#guide .sec2 .fl:nth-child(2n){ margin-right: 0; }
	#guide .sec2 .fl:nth-child(2n+1){ clear: both; }
	/* link_hospitals */

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

		/* myopine
	****************************************************/
	#myopine .fl,#myopine .price .fl{float: none;width: 100%;}

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

	#disease .btn a{ padding: 15px 20px; }

	/* footer
	****************************************************/
	footer .sec1 .fr{ margin-top: 15px; }
	footer .sec1 .oh_com .fl{ width: 60%; font-size: 15px; }
	footer .sec1 .oh_com .fr{ width: 40%; margin-top: -0; }
	footer .sec1 .lef{ text-align: center; }
	footer .sec1 .lef img[src*="footer_tel"]{ width: 80%; max-width: 100%; }
	footer .sec2{ padding: 15px; font-size: 11px; line-height: 125%; }
	footer .sec2 .clm{ letter-spacing:-0.4em; }
	footer .sec2 .clm li{ display:inline-block; letter-spacing:normal; vertical-align:top; margin-right: .5em; }
	address{ font-size: 10px; }
	footer .formBtn{ margin-bottom: 20px; }

	/* breadcrumbs
	****************************************************/
	.breadcrumbs{ font-size: 10px; }

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

	/* table
	****************************************************/
    .tbl1{ border-bottom:1px solid #000; }
    .tbl1 th, .tbl1 td{ display:block; border-bottom:0!important; }
    .tbl1 .blank{ display:none; }

	/* footerSp
	****************************************************/
	#footerSp{ width:100%; border-collapse:collapse; position:fixed; z-index:998; bottom:0px; left:0px; }
	#footerSp tr td:nth-of-type(1){ width: 33%; background-color:#2db395; }
	#footerSp tr td:nth-of-type(2){ width: 34%; background-color:#2db395; border-left: 1px solid #fff;  border-right: 1px solid #fff; }
	#footerSp tr td:nth-of-type(3){ width: 33%; background-color:#2db395; }
	#footerSp a{ display: block; text-align:center; padding: 15px 10px; }

	/* header アクセスボタン
	****************************************************/
	.accessBt_sp {border-radius:6px; min-width: 140px; margin: 0 1.5em 0 -4px; line-height: 1.3; font-weight: normal; padding: 4px; }
}

/*medical-time文言追加*/


.mt1em span {
	font-size: 16px;
	display: block;
	margin-left: 1em;
}

.lends__caution {
	margin-left: 0 !important;
}


.pc__inline {
display: inline-block !important;
}

.pc__space {
	padding-left: 2px;
}

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

	.monshin__sp {
		display: block;
		width: 90%;
		margin: 0 auto;
	}

	.oh_clm2sp li {
		width: 100%;
		margin: 0 auto;
	}

	.bn1-sp {
		width: 100%;
	}

	.mt1em span{
		font-size: 14px;
	}
	.pc__inline {
		display: block;
	}
	.pc__space {
		padding-left: 0;
	}
}

/*トップ画像文字を明るく*/

.pp1ttl h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

/*先生画像明るく*/
.imai_dr img {
	filter: brightness(1.1);
}

@media only screen and (max-width:599px){
.pp1ttl{
position: relative;
height: 70px;
}

.pp1ttl h2 {
	white-space: nowrap;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
}

/*トップページご挨拶先生写真*/
.top__small-img{
	width: 20%;
}

.top__small-img img {
	width: 156px;
	border-radius: 50%;
	margin: 0 auto;
}
.greeting__text-resize{
	width: 80% !important;
}


@media only screen and (max-width:599px){
	.top__small-img{
		width: 156px;
		height: auto;
		margin: 0 auto;
	}

	.greeting__text-resize{
		width: 100% !important;
	}

	/* パソコンでの画像サイズ */
@media (min-width: 700px) {
     .banner_top {
        width: calc(33.33% - 13.33px); /* 画面幅の33.33%からgapの2/3を引く */
    }
     .banner img {
        max-width: 250px;
    }
}

/* スマホでの画像サイズ */
@media (max-width: 699px) {
     .banner_top {
        width: calc(50% - 10px); /* 画面幅の50%からgapの半分を引く */
    }

}

	
	
}

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

	youtube

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

.ytvideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

	600px under

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