@charset "UTF-8";


/* ----------------------------------------
#　共通
---------------------------------------- */
#hed03 #logo{
max-width: 450px;
width: 100%;
margin: 30px auto;
}

#content_hed{
margin-bottom: 100px;
}

.content_tit{
width: 100%;
height: 270px;
background-color: #016BAD;
background-image: url("../img/bg.png"), url("../img/bg.png");
background-position: top right, top right 90px;
background-repeat: repeat-y;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.content_tit h1{
color: #fff;
text-align: center;
font-size: 35px;
}
.content_tit h1 span{
color: #A5E2F9;
display: block;
}
.content_tit img{
width: 70px;
margin-bottom: 10px;
}
p.pan{
width: 1000px;
margin: 10px auto;
font-size: 14px;
}
#med01,#med02,#med02_01,#med02_02,#med02_03,#med02_04,
#abo02,#abo03,#abo04,
#cat02,#cat03,#cat05,
#cat_sch{
margin-top:-100px;
padding-top:100px;
} 

/* ----------------------------------------
#診察のご案内
---------------------------------------- */
#med01 .box01 .timetable{
width: 90%;
margin: 0 auto;
}

#med01 .box01 .timetable_p{
width: 90%;
margin-left: auto;
margin-right: auto;
}

#med01 table.timetable th {
background-color: #EDF5F9;
border-top: 1px solid #016BAD;
}

.con_menu{
width: 90%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}

#med02 .med02_box{
margin: 100px 0;
}

h3{
width: 100%;
height: 60px;
padding: 15px 15px 5px 80px;
position: relative;
font-size: 23px;
color: #016BAD;
border-bottom: 2px dashed #016BAD;
display: flex;
align-items: center;
}

h3 span{
width: 60px;
height: 60px;
padding: 5px;
bottom: -2px;
left: 0;
position: absolute;
background-color: #016BAD;
border-radius: 3px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}

#med02 .med02_inner01{
width: 90%;
margin: 30px auto;
}

#med02 .med02_inner01 ul{
margin-top: 30px;
}

#med02 .med02_inner01 ul div{
display: flex;
justify-content: flex-start;
}

#med02 .med02_inner01 ul li{
width: 24.4%;
height: 77px;
padding-top: 3px;
margin-right: 7px;
margin-bottom: 7px;
font-size: 18px;
background-color: #edf5f9;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
line-height: 130%;
}

#med02 .med02_inner01 ul li.w50{
width: 50%;
font-size: 16px;
}

#med02 .med02_inner01 ul li.w50:last-of-type{
margin-right: 0;
}

#med02 .med02_inner01 ul li a{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
line-height: 130%;
position: relative;
}

#med02 .med02_inner01 ul li a:after {
content: '';
display: inline-block;
position: absolute;
width: 0;
height: 0;
border-right: 15px solid #016BAD;
border-top: 15px solid transparent;
border-bottom: 0px solid transparent;
right: 5px;
bottom: 5px;
}


@media screen and (min-width: 768px){
#med02 .med02_inner01 ul div:nth-child(2n-1) li:nth-child(2n){
background-color: #f9f6e8;
}

#med02 .med02_inner01 ul div:nth-child(2n) li:nth-child(2n-1){
background-color: #f9f6e8;
}
}


#med02 .med02_inner01 ul li:nth-of-type(4n){
margin-right: 0;
}

#med02 .med02_inner01 ul li span{
display: inline-block;
}

#med02 .med02_box .item{
width: 100%;
max-width: 350px;
margin: 50px auto;
}

#med02 .med02_box .item a{
padding-top: 20px;
padding-bottom: 20px;
}

h4{
color: #016BAD;
font-size: 20px;
position: relative;
padding-left: 25px;
}

h4:before{
content: '';
display: inline-block;
position: absolute;
width: 20px;
height: 20px;
top: 3px;
left: 0;
background-color: #016BAD;
}

#cat_sch .med02_inner02{
width: 90%;
margin: 50px auto;
}

#cat_sch .med02_inner02 > span{
width: 50%;
text-align: center;
display: block;
color: #E20508;
font-size: 30px;
transform: scale(2, 1);
transform-origin: top left;
}

#cat_sch .med02_inner02_box{
margin: 5px 0; 
background-color: #edf5f9;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#cat_sch .med02_inner02_l{
width: 100px;
margin: 20px 0 0 20px;
}

#cat_sch .med02_inner02_r{
width: 740px;
margin: 20px;
}

#cat_sch .med02_inner02_l span{
width: 100px;
padding: 5px;
border-radius: 3px;
display: block;
background-color: #016BAD;
color: #fff;
text-align: center;
}

#cat_sch .med02_inner02_r .txt{
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dashed #016BAD;
}

#cat_sch .med02_inner02_r .txt:last-child{
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}

#cat_sch .med02_inner02_r .tit{
color: #016BAD;
font-weight: bold;
}

#cat_sch .med02_inner02_c{
width: 100%;
background-color: #F9F6E8;
text-align: center;
padding: 20px;
}

#cat_sch .med02_inner02_r ul.txt{
list-style: decimal;
padding-left: 25px;
}


/*手術内容*/
.modal_content{
background: #fff;
width: 100%;
max-width: 650px;
height: 100%;
}

.box_around{
width: 100%;
margin-top: 20px;
}

.box_around p{
margin-top: 10px;
}

.lightbox .tit {
font-size: 25px;
background-color: #016BAD;
color: #fff;
padding: 7px 15px 3px;
display: inline-block;
}

.lightbox h4{
display: flex;
align-items: center;
font-size: 16px;
color: #333;
padding-left: 20px;
font-weight: bold;
}

.lightbox h4:before{
width: 15px;
height: 15px;
top: 3px;
left: 0;
}

.lightbox h4:after{
border-top: 1px solid #016BAD;
content: "";
display: inline;
flex-grow: 1;
margin-left: 15px;
}

.lightbox {
display: none;
}

.med02_acc{
margin-top: 50px;
text-align: center;
}

.acc_box {
display: none;
width: 850px;
margin: 30px auto 0;
}

.acc_more{
padding: 10px;
border: 1px solid #000;
font-size: 20px;
position: relative;
}

.acc_more:after {
content: '\f105';
font-family: "Font Awesome 5 Free";
position: absolute;
font-size: 16px;
font-weight: bold;
margin-left: 10px;
}

.acc_more.open:after {
transform: rotate(90deg);
}

.acc_box .per{
padding: 10px;
background-color: #EDF5F9;
border-bottom: 1px solid #016BAD;
border-top: 1px solid #016BAD;
font-size: 20px;
font-weight: bold;
}

.acc_box table th,
.acc_box table td{
padding: 10px;
border-bottom: 1px solid #016BAD;
text-align: center;
vertical-align: middle;
line-height: 120%;
}

.surgery01{
margin-bottom: 30px;
}

.acc_box .surgery01 th{
padding: 10px;
background-color: #F3F3F3;
}

.acc_box table td.year{
width: 100px;
}

.acc_box table th:nth-child(2),
.acc_box table td:nth-child(2){
border-left: 1px solid #016BAD;
}

.acc_box .surgery01 td:nth-child(2){
font-size: 20px;
font-weight: bold;
}

.acc_box table .lens{
width: 140px;
border-left: 1px dashed #016BAD;
}

.acc_box table .lens span{
display: inline-block;
}

.acc_box .surgery02 th{
padding: 10px 5px;
background-color: #F3F3F3;
}

.acc_box .surgery02 th span{
display: inline-block;
font-size: 12px;
}

.acc_box .surgery02 .num{
width: 150px;
}

.acc_box table.surgery02 th:nth-child(n+3),
.acc_box table.surgery02 td:nth-child(n+3){
border-left: 1px solid #016BAD;
}

.acc_box table.surgery02 th:last-child,
.acc_box table.surgery02 td:last-child{
border-left: 2px solid #016BAD;
}

#med02_03 ul{
margin-bottom: 50px;
}

.med02_btn{
width: 90%;
margin: 0 auto;
display: flex;
flex-direction: column;
}

.med02_btn div{
margin-top: 10px;
}

.med02_btn a{
color: #016BAD;
}

.med02_btn.menu_link a:after{
content: '';
}

.med02_btn.menu_link a:before{
content: '\f105';
font-family: "Font Awesome 5 Free";
position: absolute;
font-size: 16px;
font-weight: bold;
margin-left: -15px;
}

.med02_btn a span{
display: inline-block;
}


/* ----------------------------------------
#白内障手術
---------------------------------------- */
.cat01_txt{
font-size: 25px;
text-align: center;
}

#cat01 .cat01_box{
margin-bottom: 50px;
padding: 0 50px 50px;
border-bottom: 1px dashed #016BAD;
}

#cat01 ul.cat01_inner{
display: flex;
justify-content: space-between;
margin: 50px auto 10px auto;
}

#cat01 ul.cat01_inner li{
width: 23%;
border: 2px solid #016BAD;
border-radius: 5px;
position: relative;
text-align: center;
}

#cat01 ul.cat01_inner li img{
width: 50px;
top: -2px;
left: 15px;
position: absolute;
}

#cat01 ul.cat01_inner li .cat01_inner_t{
height: 75px;
padding-left: 70px;
background-color: #016BAD;
font-size: 18px;
color: #fff;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}

#cat01 .cat01_inner_t span{
display: inline-block;
}

#cat01 ul.cat01_inner li .cat01_inner_b{
padding: 20px;
}

#cat01 ul.cat01_inner li:last-child p{
line-height: 100%;
}

#cat01 p.txt{
text-align: right;
}

#cat01 .con_menu{
flex-wrap: wrap;
justify-content: center;
}

#cat01 .item{
width: 270px;
margin: 0 15px 30px;
}

#cat02 .cat02_box{
width: 900px;
margin: 50px auto;
display: flex;
justify-content: space-between;
}

#cat02 .cat02_box .cat02_inner{
width: 48%;
}

#cat02 .cat02_inner .cat02_inner_a{
padding: 10px;
border: 1px solid #016BAD;
border-radius: 5px;
color: #016BAD;
text-align: center;
}

#cat02 .cat02_inner .cat02_inner_b{
margin: 15px;
}

#cat02 .cat02_inner .cat02_inner_c{
display: table;
margin: 15px;
}

#cat02 .cat02_inner .cat02_inner_c p{
width: 50%;
background-color: #edf5f9;
display: table-cell;
vertical-align: middle;
text-align: center;
}

#cat03 .cat03_inner{
margin: 50px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#cat03 .cat03_inner .cat03_inner_l{
width: 49%;
}

#cat03 .cat03_inner_txt{
margin: 30px 50px 0;
}

#cat03 .cat03_inner_l .cat03_inner_txt{
margin-right: 0;
}

#cat03 .cat03_inner .cat03_inner_r{
width: 49%;
margin-top: 30px;
}

ul.cat05_inner {
margin-top: 10px;
}

ul.cat05_inner div {
display: flex;
justify-content: flex-start;
}

ul.cat05_inner li {
width: 24.4%;
height: 77px;
padding-top: 3px;
margin-right: 7px;
margin-bottom: 7px;
font-size: 18px;
background-color: #edf5f9;
line-height: 130%;
}

ul.cat05_inner li:nth-child(2n) {
background-color: #f9f6e8;
}

ul.cat05_inner div:nth-child(2) li:nth-child(2n) {
background-color: #edf5f9;
}

ul.cat05_inner div:nth-child(2) li:nth-child(2n+1) {
background-color: #f9f6e8;
}

ul.cat05_inner li a {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
line-height: 130%;
position: relative;
}

ul.cat05_inner li a:after {
content: '';
display: inline-block;
position: absolute;
width: 0;
height: 0;
border-right: 15px solid #016BAD;
border-top: 15px solid transparent;
border-bottom: 0px solid transparent;
right: 5px;
bottom: 5px;
}

.cat05_box{
width: 900px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}

.cat05_box .cat05_box_l{
width: 55%;
}

.cat05_box .cat05_box_r{
width: 40%;
}


#cat04{
width: 100%;
padding-top: 50px;
margin-bottom: 100px;
display: inline-block;
background-color: #EDF5F9;
}

.cat04_tit{
width: 100%;
font-size: 30px;
font-weight: bold;
border-bottom: 2px dashed #016BAD;
text-align: center;
}

.cat04_tit span{
display: inline-block;
}

.cat04_inner{
width: 900px;
margin: 30px auto;
}

.cat04_box{
margin: 30px 0 50px;
display: flex;
}

.cat04_box .cat04_box_inner{
width: 370px;
display: flex;
flex-direction: column;
background-color: #fff;
}

.cat04_box .cat04_box_inner.midashi{
width: 160px;
}

.cat04_box_inner div{
height: 60px;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
border-left: 1px solid #016BAD;
border-bottom: 1px solid #016BAD;
}

.cat04_box_inner div:last-child{
height: 70px;
}

.cat04_box_inner.midashi div,
.cat04_box_inner.midashi div.name{
border-left: none;
}

.cat04_box_inner div.name{
height: 50px;
color: #fff;
background-color: #016BAD;
border-left: 1px solid #fff;
align-items: center;
justify-content: center;
}

.cat04_inner ul{
margin: 30px 0 20px;
display: flex;
justify-content: space-between;
}

.cat04_inner ul li{
width: 30%;
}

.cat04_inner ul li span{
padding: 10px;
display: block;
background-color: #fff;
color: #016BAD;
border: 1px solid #016BAD;
border-radius: 3px;
text-align: center;
}

.cat04_inner ul li img{
margin: 10px 0;
}

.cat04_inner .cat04_box02{
margin-bottom: 50px;
}

.cat04_box02 .inner{
display: flex;
justify-content: space-between;
align-items: center;
background-color: #A5E2F9;
position: relative;
margin: 0 25px 20px;
height: 50px;
}

.cat04_box02 .inner:after{
content: "";
position: absolute;
width: 0;
height: 0;
bottom: 0;
left: -50px;
border-style: solid;
border-color: transparent #A5E2F9 transparent transparent;
border-width: 25px 25px 25px 25px;
z-index: 1;
}

.cat04_box02 .inner:before{
content: "";
position: absolute;
width: 0;
height: 0;
bottom: 0;
right: -50px;
border-style: solid;
border-color: transparent transparent transparent #A5E2F9;
border-width: 25px 25px 25px 25px;
z-index: 1;
}

.cat04_box02 .inner span{
font-size: 14px;
margin: 0 15px;
line-height: 120%;
}

#cat_sch .med02_inner02{
width: 100%;
}

#cat06 .box01{
width: 900px;
margin: 100px auto;
}

#cat06 .cat06_tit span{
display: inline-block;
}

#cat06{
width: 100%;
display: inline-block;
background-color: #F9F6E8;
font-size: 16px;
}

#cat06 .cat06_tit{
width: 100%;
padding: 10px;
background-color: #A87952;
color: #fff;
text-align: center;
font-size: 25px;
}

#cat06 .cat06_txt{
margin: 30px 0;
}

#cat06 .cat06_inner{
margin: 30px 0;
padding-bottom: 30px;
border-bottom: 1px dashed #A87952;
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}

#cat06 .cat06_inner .cat06_inner_box{
width: 350px;
padding: 20px 15px;
margin: 0 25px;
display: flex;
align-items: center;
background-color: #fff;
border: 1px solid #A87952;
border-radius: 10px;
text-align: center;
}

#cat06 .cat06_inner_box .cat06_inner_a{
background-color: #A87952;
color: #fff;
padding: 3px 10px 2px;
}

#cat06 .cat06_inner_box .cat06_inner_b{
width: 200px;
margin: 0 auto;
font-size: 25px;
line-height: inherit;
}

#cat06 .cat06_inner p{
width: 100%;
text-align: center;
margin-bottom: 20px;
}

#cat06 .cat06_inner .tel{
border-bottom: none;
margin: 0;
margin-left: -40px;
padding: 0;
font-size: 30px;
width: 100%;
}

#cat06 .cat06_inner .tel:before {
width: 35px;
height: 35px;
margin-right: 10px;
}


/* ----------------------------------------
	#当院のご案内
---------------------------------------- */
#abo01 .abo01_box{
margin: 100px 0;
}

#abo01 .abo01_inner{
width: 100%;
height: 100%;
display: flex;
}

#abo01 .abo01_inner_box{
width: 50%;
height: 450px;
box-sizing: border-box;
background-color: #f9f6e8;
background-image: url("../img/bg_80.png");
background-position: top right;
background-repeat: repeat-y;
background-size: inherit;
}

#abo01 .abo01_inner_box.img{
position: relative;
overflow: hidden;
height: 450px;
}

#abo01 .abo01_inner_box.img img{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
}

#abo01 .abo01_inner_box.txt{
display: flex;
align-items: center;
justify-content: center;
}

#abo01 .abo01_inner_box.block_l{
background-position: top left;
}

#abo01 .abo01_inner_box .abo01_txt{
max-width: 450px;
width: 80%;
text-align: justify;
}

#abo01 .abo01_inner_box .abo01_txt p{
text-align: center;
margin-bottom: 20px;
}

#abo01 .abo01_inner:nth-child(2) .abo01_inner_box:last-child{
background-color: #edf5f9;
}

#abo02 img{
border-radius: 5px;
}
#abo02 .abo02_inner01{
width: 900px;
margin: 0 auto 100px;
display: flex;
justify-content: space-between;
align-items: baseline;
}

#abo02 .abo02_inner01 .abo02_inner01_l{
width: 440px;
}

#abo02 .abo02_inner01 .abo02_inner01_r{
width: 440px;
position: relative;
}

#abo02 .abo02_box{
margin: 100px 0;
}

#abo02 .abo02_inner02{
width: 90%;
margin: 30px auto;
}

#abo02 .abo02_inner02 ul {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#abo02 .abo02_inner02 ul li{
width: 280px;
position: relative;
margin-bottom: 25px;
}

#abo02 .abo02_inner02 ul li:nth-last-child(-n+3){
margin-bottom: 0;
}

#abo02 .thum span{
width: 100%;
padding: 10px 10px 8px 10px;
position: absolute;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
color: #fff;
text-align: center;
}


#abo03{
margin-bottom: 100px;
}

.abo03_box01{
width: 100%;
margin-top: 15px;
background-color: #edf5f9;
display: inline-block;
}

.abo03_box02{
width: 100%;
margin-top: 15px;
background-color: #f9f6e8;
display: inline-block;
}

.abo03_inner{
width: 1000px;
margin: 50px auto;
display: flex;
justify-content: space-between;
align-items: center;
}

.abo03_inner .abo03_img{
width: 380px;
padding: 10px;
}

.abo03_inner .abo03_txt{
width: 580px;
padding: 10px;
}

.abo03_txt h3{
height: 45px;
font-size: 20px;
color: #333;
padding-left: 90px;
}

.abo03_txt h3 span{
width: 70px;
height: 45px;
padding: 5px 5px 2px;
font-size: 16px;
}

.abo03_txt p{
width: 90%;
margin: 20px auto 0;
}

.abo03_txt .abo03_table{
padding-left: 2.5%;
}

.abo03_table .tit{
display: flex;
align-items: center;
margin-top: 15px;
}

.abo03_table .tit span{
margin-bottom: 5px;
margin-right: 3px;
line-height: 100%;
}

.abo03_table .tit:after{
border-top: 1px solid #016BAD;
content: "";
display: inline;
flex-grow: 1;
margin-left: 15px;
}

.abo03_table table{
width: 100%;
margin: 0 auto;
}

.abo03_table table td{
padding: 1px 25px;
}

.abo03_table table td:first-child{
width: 160px;
border-right: 1px dashed #016BAD;
}

#abo04 .box01{
margin-bottom: 30px;
}
#abo04 table{
width: 90%;
margin: 0 auto;
}
#abo04 table th{
width: 200px;
padding: 15px;
background-color: #EDF5F9;
text-align: center;
border-top: 1px solid #c4c4c4;
border-right: 1px solid #c4c4c4;
}
#abo04 table td{
padding: 15px 25px;
border-top: 1px solid #c4c4c4;
}
#abo04 table tr:last-child th,
#abo04 table tr:last-child td{
border-bottom: 1px solid #c4c4c4;
}
.keireki{
padding: 0 25px;
}


/* ----------------------------------------
#お知らせ
---------------------------------------- */
#newsWrap #newsList li {
background-color: #F9F6E8;
padding: 50px 25px;
}

#newsWrap #newsList li:nth-child(2n) {
background-color: #fff;
}

#newsWrap .news_tit {
margin: 10px 0 15px;
border-bottom: 1px dashed #9c9c9c;
padding-bottom: 10px;
font-size: 20px;
font-weight: bold;
}

#newsWrap .news_tit a{
font-size: 20px;
font-weight: bold;
}


/* ----------------------------------------
	#　サイトマップ
---------------------------------------- */
#sitemap{}

.sitemap_box a:before {
content: '\f105';
font-family: "Font Awesome 5 Free";
position: absolute;
font-size: 16px;
font-weight: bold;
margin-left: -15px;
}

.sitemap_box a{
color: #016BAD;
font-weight: bold;
}

.sitemap_box{
padding: 30px 50px;
border-bottom: 1px solid #016BAD;
}

.sitemap_box ul{
width: 90%;
margin: 10px auto 0;
display: flex;
flex-wrap: wrap;
}

.sitemap_box ul li{
width: 33%;
}

.sitemap_box ul li a{
font-weight: normal;
}






/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●　タブレット　〜1024　●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media screen and ( max-width: 1024px ){
/* ----------------------------------------
#　共通
---------------------------------------- */
#hed03 #logo{
height: 70px;
margin: 0 auto;
padding: 0 70px;
display: flex;
align-items: center;
}
.content_tit{
width: 100%;
height: 250px;
}
p.pan{
width: 92%;
margin: 10px auto;
font-size: 14px;
}


/* ----------------------------------------
#診察のご案内
---------------------------------------- */
#med01{
margin-top:-100px;
padding-top:100px;
} 

#med01 .box01 .timetable{
width: 100%;
}

#med01 .box01 .timetable_p{
width: 100%;
}

.con_menu{
width: 100%;
}

.con_menu .item{
margin: 0 10px;
}

#med02 .med02_box{
margin: 80px 0;
}

#med02 .med02_inner01{
width: 100%;
}
	
#med02 .med02_inner01 ul li{
font-size: 16px;
}

#med02 .med02_inner02{
width: 100%;
}

.acc_box {
width: 100%;
}

.acc_box .surgery01 th{
padding: 10px 0;
}

.acc_box table .lens{
width: 15%;
}

.acc_box table td.year{
width: 13%;
font-size: 15px;
}

.acc_box .surgery02 .num{
width: 17.4%;
}

.med02_btn{
width: 100%;
padding-left: 30px;
}


/* ----------------------------------------
#白内障手術
---------------------------------------- */
#cat01 .cat01_box {
padding: 0 0 50px;
}

#cat01 ul.cat01_inner li img{
left: 0;
}

#cat01 ul.cat01_inner li .cat01_inner_t{
padding-left: 50px;
}

#cat01 .con_menu{
justify-content: center;
}

#cat01 .item {
width: 30%;
max-width: 100%;
min-width: 270px;
}

#cat02 .cat02_box{
width: 100%;
}

#cat03 .cat03_inner .cat03_inner_l{
width: 100%;
}

#cat03 .cat03_inner_txt{
margin: 30px 0 0;
}

#cat03 .cat03_inner_l .cat03_inner_txt{
margin-right: 0;
}

#cat03 .cat03_inner .cat03_inner_r{
width: 100%;
max-width: 500px;
margin-right: auto;
margin-left: auto;
}

.cat04_inner{
width: 100%;
}

.cat04_box .cat04_box_inner {
width: 42.5%;
}

.cat04_box .cat04_box_inner.midashi{
width: 15%;
min-width: 110px;
}

.cat04_box .cat04_box_inner p.m {
font-size: 15px;
}

	
.cat05_txt{
width: 100%;
}

ul.cat05_inner{
width: 100%;
}

ul.cat05_inner li{
font-size: 16px;
}

.cat05_box{
width: 100%;
}

#cat06{
margin-bottom: 0;
}

#cat06 .box01{
width: 100%;
margin-top: 0;
}

#cat06 .cat06_tit{
width: 100%;
}

#cat06 .cat06_txt{
width: 92%;
margin: 30px auto;
}

#cat06 .cat06_inner .cat06_inner_box{
max-width: 350px;
width: 100%;
margin: 10px auto;
}

#cat06 .cat06_inner .tel{
font-size: 35px;
margin-left: 0;
}


/* ----------------------------------------
#当院のご案内
---------------------------------------- */
#abo01 br.pc{
display: none;
}

#abo01 .abo01_inner .abo01_inner_box {
width: 50%;
height: 400px;
}

#abo01 .abo01_inner_box.img img{
object-fit: cover;
width: 100%;
height: 400px;
}

#abo01 .abo01_inner_box .abo01_txt{
max-width: 100%;
width: 100%;
padding: 25px;
}

#abo01 .abo01_inner_box .abo01_txt p{
text-align: left;
}

#abo02 .abo02_inner01{
width: 100%;
margin: 0 auto 100px;
display: flex;
justify-content: space-between;
}

#abo02 .abo02_inner01_box{
width: 48.5%;
display: flex;
flex-direction: column;
}

#abo02 .abo02_inner01 .abo02_txt01{
width: 48.5%;
position: inherit;
padding: 0;
}

#abo02 .abo02_inner01 .abo02_inner01_l,
#abo02 .abo02_inner01 .abo02_inner01_r{
width: 48.5%;
}

#abo02 .abo02_inner02{
width: 100%;
}

#abo02 .abo02_inner02 ul li{
width: 48.5%;
margin-bottom: 15px;
}

#abo02 .abo02_inner02 ul li:nth-last-child(-n+3){
margin-bottom: 15px;
}

#abo02 .thum span{
font-size: 14px;
padding-top: 5px;
padding-bottom: 5px;
}

.abo03_box01,
.abo03_box02{
padding: 50px 0;
}

.abo03_inner{
width: 92%;
margin: 0 auto;
flex-direction: column;
}

.abo03_box02 .abo03_inner{
flex-direction: column-reverse;
}

.abo03_inner .abo03_img{
max-width: 380px;
width: 100%;
margin: 0 auto 30px;
padding: 0;
}

.abo03_inner .abo03_txt{
width: 100%;
padding: 0;
}

.abo03_txt p{
width: 100%;
}

.abo03_txt .abo03_table{
padding-left: 0;
}

.abo03_table table{
width: 100%;
margin: 0 auto 10px;
}

.abo03_table table td:first-child{
width: 25%;
padding-left: 0;
}

#abo04 table{
width: 100%;
}


/* ----------------------------------------
	#　サイトマップ
---------------------------------------- */
#sitemap{}

.sitemap_box{
padding: 30px 0 30px 20px;
}

.sitemap_box ul{
width: 95%;
}

.sitemap_box ul li{
width: 30%;
margin-right: 5%;
}

.sitemap_box ul li:nth-child(3n){
margin-right: 0;
}


}








/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●　スマホ　●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media (max-width: 767px){
/* ----------------------------------------
#　共通
---------------------------------------- */
#hed03 #logo{
height: 70px;
margin: 0 auto;
padding: 0 70px;
display: flex;
align-items: center;
}

#content_hed{
margin-bottom: 50px;
}

.content_tit{
width: 100%;
height: 200px;
}

.content_tit h1{
font-size: 30px;
}

p.pan{
width: 92%;
margin: 10px auto;
font-size: 14px;
}


/* ----------------------------------------
#診察のご案内
---------------------------------------- */
#med01,#med02,#med02_01,#med02_02,#med02_03,#med02_04,
#abo02,#abo03,#abo04,
#cat02,#cat03,#cat05,
#cat_sch{
margin-top:-80px;
padding-top:80px;
}

h3{
font-size: 20px;
height: 55px;
padding-left: 70px;
}

h3 span{
width: 55px;
height: 55px;
}

#med01{
margin-top:-100px;
padding-top:100px;
} 

#med01 .box01 .timetable{
width: 100%;
}

#med01 .box01 .timetable_p{
width: 100%;
}

.con_menu{
width: 100%;
flex-wrap: wrap;
}

.con_menu .item{
width: 48%;
max-width: 100%;
margin: 0;
}

.con_menu .item a{
margin: 7px auto;
}

#med02 .med02_inner01{
width: 100%;
}

#med02 .med02_inner01 ul li{
width: 48.5%;
margin-right: 3%;
padding: 10px;
}

#med02 .med02_inner01 ul li a::after {
right: -5px;
bottom: -5px;
}

#med02 .med02_inner01 ul li.w50{
width: 100%;
margin-right: 0;
}

#med02 .med02_inner01 ul li.w50 span{
display: contents;
}

#med02 .med02_inner01 ul div{
flex-wrap: wrap;
}

#med02 .med02_inner01 ul div li{
background-color: #edf5f9;
}

#med02 .med02_inner01 ul div li:nth-child(2),
#med02 .med02_inner01 ul div li:nth-child(3){
background-color: #f9f6e8;
}

#med02 .med02_inner01 ul div:nth-child(2) li:nth-child(2),
#med02 .med02_inner01 ul div:nth-child(2) li:nth-child(3){
background-color: #f9f6e8;
}

#med02 .med02_inner01 ul li:nth-of-type(2n){
margin-right: 0;
}

#med02 .med02_inner02 h4{
color: #fff;
background-color: #016BAD;
padding: 15px;
}

#med02 .med02_inner02{
width: 100%;
}

#med02 .med02_inner02 .med02_inner02_box{
padding: 20px;
}

#med02 .med02_inner02 .med02_inner02_l{
width: 100%;
margin: 0 auto 20px;
}

#med02 .med02_inner02 .med02_inner02_r{
width: 100%;
margin: 0 auto;
}

#med02 .med02_inner02_c{
margin-top: 20px;
}

.acc_box .per{
font-size: 16px;
}

.acc_box .surgery01 tr:first-child{
display: none;
}

.acc_box table, .acc_box table tbody,
.acc_box table th,.acc_box table td{
display: block;
width: 100%;
}

.acc_box table tr{
display: flex;
flex-wrap: wrap;
width: 100%;
}

.acc_box .surgery01 td.lens:before {
content: attr(data-label);
display: inline-block;
font-size: 13px;
vertical-align: bottom;
width: 130px;
padding: 10px 15px;
border-right: 1px dashed #016BAD;
margin-right: 20px;
}

.acc_box td.num:before {
content: attr(data-label);
display: inline-block;
font-size: 16px;
vertical-align: bottom;
width: 130px;
padding: 10px 15px;
border-right: 1px dashed #016BAD;
margin-right: 20px;
}

.acc_box table .lens,
.acc_box table .num{
width: 100%;
padding: 0;
text-align: left;
display: flex;
align-items: center;
justify-content: flex-start;
border-left: none;
}

.acc_box table .lens:nth-child(3){
border-left: none;
}

.acc_box table td.year{
width: 100%;
background-color: #F3F3F3;
font-size: 16px;
}

.acc_box .surgery02 .num{
width: 100%;;
}

.acc_box table th:nth-child(2),
.acc_box table td:nth-child(2){
width: 100%;
border-left: none;
}
	
.acc_box table.surgery02 th,
.acc_box table.surgery02 td{
width: 100%;
}

.acc_box table.surgery02 th:nth-child(n+3),
.acc_box table.surgery02 td:nth-child(n+3){
border-left: none;
}

.acc_box table.surgery02 th:last-child,
.acc_box table.surgery02 td:last-child{
border-top: 1px solid #016BAD;
}

.surgery02 tr:first-child{
display: none;
}


/* ----------------------------------------
#白内障手術
---------------------------------------- */
#cat01 .cat01_box{
padding: 0 0 50px;
}

#cat01 ul.cat01_inner{
flex-wrap: wrap;
}

#cat01 ul.cat01_inner li{
width: 48.5%;
margin-bottom: 15px;
}

#cat01 ul.cat01_inner li img{
left: 7px;
}
	
#cat01 ul.cat01_inner li .cat01_inner_t{
padding-left: 55px;
}
	
#cat01 .con_menu{
flex-direction: column;
}

#cat01 .item{
max-width: 350px;
width: 100%;
margin: 0 auto;
}

#cat02 .cat02_box{
width: 90%;
max-width: 700px;
flex-direction: column;
}

#cat02 .cat02_box .cat02_inner{
width: 100%;
margin-bottom: 50px;
}

#cat02 .cat02_box .cat02_inner:last-child{
margin-bottom: 0;
}

#cat03 .cat03_inner{
margin: 50px 0;
display: block;
}

#cat03 .cat03_inner .cat03_inner_l{
width: 100%;
}

#cat03 .cat03_inner .cat03_inner_txt{
margin: 30px 0 0;
}

#cat03 .cat03_inner_l .cat03_inner_txt{
margin-right: 0;
}

#cat03 .cat03_inner .cat03_inner_r{
width: 100%;
}

#cat04{
margin-bottom: 80px;
padding-top: 30px;
}

.cat04_tit{
font-size: 25px;
}

.cat04_inner{
width: 100%;
}

.cat04_box{
flex-direction: column;
}

.cat04_box .cat04_box_inner.midashi{
display: none;
}

.cat04_box .cat04_box_inner{
width: 100%;
display: flex;
flex-direction: column;
background-color: #fff;
}

.cat04_box_inner div{
height: auto;
align-items: inherit;
justify-content: flex-start;
border-left: none;
}

.cat04_box_inner div:before {
content: attr(data-label);
font-weight: bold;
border-right: 1px dashed #016BAD;
width: 20%;
min-width: 80px;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
}
	
.cat04_box_inner div.name:before {
display: none;
}

.cat04_box_inner div:last-child{
height: auto;
}

.cat04_box_inner div,
.cat04_box_inner div:last-child{
padding: 0;
}

.cat04_box_inner div p{
width: 80%;
padding: 10px;
}

.cat04_inner ul{
margin: 30px 0 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}

.cat04_inner ul li{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 10px;
}

.cat04_inner ul li span{
width: 100%;
}

.cat04_inner ul li img{
width: 47%;
}
	
.cat04_inner ul li p{
width: 50%;
margin: 10px 0;
}

.cat04_inner .cat04_box02{
margin-bottom: 50px;
}

.cat04_box02 .inner{
display: none;
}

.cat04_box02 .inner span{
font-size: 14px;
margin: 0 15px;
line-height: 120%;
}


#cat05{}

ul.cat05_inner {
width: 100%;
}

ul.cat05_inner div {
flex-wrap: wrap;
}

ul.cat05_inner li {
width: 48.5%;
margin-right: 3%;
padding: 10px;
}

ul.cat05_inner div li,
ul.cat05_inner li:nth-child(2n),
ul.cat05_inner li:nth-child(2n+1){
background-color: #edf5f9;
}

ul.cat05_inner div li:nth-child(n+2):nth-child(-n+3),
ul.cat05_inner div:nth-child(2) li:nth-child(n+2):nth-child(-n+3){
background-color: #f9f6e8;
}

ul.cat05_inner div:nth-child(2) li:nth-child(2n+1) {
background-color: #edf5f9;
}

ul.cat05_inner li:nth-of-type(2n) {
margin-right: 0;
}

ul.cat05_inner li a:after {
right: -5px;
bottom: -5px;
}

.cat05_box{
width: 100%;
margin-top: 30px;
flex-direction: column;
}

.cat05_box .cat05_box_l{
width: 100%;
}

.cat05_box .cat05_box_r{
width: 100%;
max-width: 500px;
}

.cat05_txt{
width: 100%;
}

#cat06{
margin-bottom: 0;
}

#cat06 .box01{
margin-bottom: 30px;
}

#cat06 .cat06_inner{
display: block;
}


/* ----------------------------------------
#当院のご案内
---------------------------------------- */
#abo01 .abo01_box{
margin: 50px 0 100px;
}

#abo01 .abo01_inner{
flex-direction: column;
}

#abo01 .abo01_inner_box{
background-position: bottom left;
background-repeat: repeat-x;
}

#abo01 .abo01_inner:nth-child(2) .abo01_inner_box:first-child{
background-color: #edf5f9;
}

#abo01 .abo01_inner:nth-child(2) .abo01_inner_box:last-child {
background-color: #f9f6e8;
}

#abo01 .abo01_inner_box.block_l {
background-position: bottom left;
}

#abo01 .abo01_inner .abo01_inner_box{
width: 100%;
padding: 40px 5%;
height: auto;
}

#abo01 .abo01_inner:nth-child(2) .abo01_inner_box:last-child{
border: none;
}

#abo01 .abo01_inner_box.img{
height: 300px;
}

#abo01 .abo01_inner_box.img img{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
}

#abo01 .abo01_inner_box .abo01_txt{
max-width: 100%;
width: 100%;
}

#abo01 .abo01_inner_box .abo01_txt p{
text-align: left;
margin: 0 0 20px;
}

#abo02 .abo02_inner01{
width: 100%;
margin: 0 auto 100px;
display: flex;
flex-direction: column;
}

#abo02 .abo02_inner01 .abo02_txt01{
width: 100%;
position: inherit;
padding: 0;
}

#abo02 .abo02_inner01 .abo02_inner01_l,
#abo02 .abo02_inner01 .abo02_inner01_r{
max-width: 550px;
width: 100%;
margin: 0 auto 15px;
}

#abo02 .abo02_inner01_box {
flex-direction: column;
}
#abo02 .abo02_inner02{
width: 100%;
}
#abo02 .abo02_inner02 ul li{
    width: 48.5%;
margin-bottom: 15px;
}
#abo02 .abo02_inner02 ul li:nth-last-child(-n+3){
margin-bottom: 15px;
}
#abo02 .thum span{
font-size: 14px;
padding-top: 5px;
padding-bottom: 5px;
}

.abo03_box01,
.abo03_box02{
padding: 50px 0;
}

.abo03_inner{
width: 92%;
margin: 0 auto;
flex-direction: column;
}

.abo03_box02 .abo03_inner{
flex-direction: column-reverse;
}

.abo03_inner .abo03_img{
max-width: 300px;
width: 100%;
margin: 0 auto 30px;
padding: 0;
}

.abo03_inner .abo03_txt{
width: 100%;
padding: 0;
}

.abo03_txt p{
width: 100%;
}

.abo03_txt .abo03_table{
padding-left: 0;
}

.abo03_table table{
width: 100%;
margin: 0 auto 10px;
}

.abo03_table tr,
.abo03_table td{
display: block;
}

.abo03_table td:last-child{
border-bottom: 1px dashed #016BAD;
padding-bottom: 5px;
padding: 0 15px 5px;
margin: 0;
}

.abo03_table table td:first-child{
width: 100%;
border-right: none;
padding: 5px 15px 0;
margin: 0;
}

.abo03_table table.hijoukin tr{
display: flex;
border-bottom: 1px dashed #016BAD;
}

.abo03_table table.hijoukin td:first-child{
width: 140px;
border-right: none;
padding-bottom: 5px;
margin: 0;
}

.abo03_table table.hijoukin td:last-child{
border-bottom: none;
width: 140px;
padding-top: 5px;
}

#abo04 table,
#abo04 table tbody,
#abo04 table tr{
width: 100%;
display: block;
}
#abo04 table th{
width: 100%;
display: block;
padding: 15px;
background-color: #EDF5F9;
text-align: center;
border-top: 1px solid #c4c4c4;
border-right: none;
}
#abo04 table td{
width: 100%;
display: block;
padding: 15px 25px;
border-top: 1px solid #c4c4c4;
}

#abo04 table tr:last-child td{
border-bottom: 1px solid #c4c4c4;
}

#abo04 table tr:last-child th{
border-bottom: none;
}


/* ----------------------------------------
	#　サイトマップ
---------------------------------------- */
#sitemap{}

.sitemap_box ul{
width: 90%;
flex-direction: column;
}

.sitemap_box ul li{
width: 100%;
margin-right: 0;
}


}
/*●●●●●●●●●●●●●●●●●●●●●●　スマホここまで　●●●●●●●●●●●●●●●●●●●●●●*/