@charset "utf-8";

/* ************************************************ 
*	各ページ共通タイトルなど
* ************************************************ */
.pagetitle-box {
height: 150px;
margin: 110px 0 0 0;
background-color: #f9f9f1;
position: relative;
z-index:0;
}
.pagetitle {
font-size: min(3.6vw,36px);
font-weight:500;
letter-spacing: 0.05em;
padding: 0;
margin: 0;
color: #333;
text-align:center;
border-bottom:none;
width:100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index:999;
}

.title-box {
margin: 0 auto 70px auto;
text-align: center;
}
.title {
font-size: min(3.6vw,36px);
font-weight: 500;
margin: 0 auto;
padding: 0;
color: #333;
text-align: center;
position: relative;
display: inline-block;
}
.title::after {
content: '';
display: inline-block;
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 4px;
background-color: #0068b6;
}

.midashi-title {
font-size: min(2.1vw,21px);
margin: 0 0 15px 0;
padding: 0 0 15px 0;
letter-spacing: 0.05em;
font-weight: 500;
position: relative;
display: block;
}
.midashi-title:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #999, #999 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #999, #999 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lead-text {
margin: 0 0 40px 0;
padding: 0;
text-align: left;
font-size: min(2.0w,18px);
line-height: 200%;
}

ul.list1 {
font-size: min(1.8vw,18px);
counter-reset:list;
list-style-type:none;
padding:0;
margin: 0;
}
ul.list1 li{
position:relative;
padding: 0 0 0 20px;
margin: 0;
font-weight: normal;
line-height: 30px;
}

ul.list1 li:before{
background: #ffb4b4;
counter-increment: list;
content: "";
display: block;
position: absolute;
left: 0px;
height: 10px;
width: 10px;
border-radius: 50%;
top: 16px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

ol.list {
padding:0;
margin: 0;
}
ol.list li{
font-size: min(2.1vw,21px);
list-style: none;
padding-left: 0;
text-indent: 0;
font-weight: 500;
border-bottom: 1px dotted #666;
margin: 0 0 30px 0;
padding: 0 0 10px 0;
}
ol.list li span{
font-size: min(1.6vw,16px);
font-weight: 400;
}

.red-text,
.red-text a{
color: #ff3300;
text-decoration: none;
}
.bold-text{
font-weight: 500;
}
.small-text{
font-size: min(1.8vw,16px)!important;
}

/* ************************************************ 
*	診療内容・紹介実績
* ************************************************ */
.medical-box {
width: 100%;
margin: 0;
padding: 50px 0 50px 0;
}
.medical-box p{
font-size: min(2.0vw,18px);
line-height: 2;
}
.medical-box-inner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 0 20px 0;
}
.medical-box-inner__imgbox {
width: 40%;
}
.medical-box-inner__imgbox img{
border-radius: 50vh; /* CSS3 */
vertical-align: bottom;
}
.medical-box-inner__textbox {
width: 55%;
}
ul.medical{
box-sizing: border-box;
margin: 0;
padding: 0;
}
ul.medical li{
position:relative;
padding: 0 0 0 17px;
margin: 5px 0;
font-size: min(2.0vw,18px);
line-height: 1.8;
list-style: none;
text-align: left;
text-indent: 0;
}
ul.medical li:before{
counter-increment: list;
content: "";
display: block;
position: absolute;
left: 0px;
height: 10px;
width: 10px;
background: #00aeeb;
border-radius: 50%;
top: 15px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.medical-box-inner2 {
width: calc(85% - 140px);
margin: 0 auto;
padding: 0 70px 20px 70px;
position: relative;
}
.medical-box-inner2::before {
position: absolute;
top: 0;
left: 0;
transform: rotate(55deg);
height: 35px;
width: 35px;
background: #00aeeb;
content: '';
border-radius: 50vh; /* CSS3 */
}
.medical-box-inner2::after {
position: absolute;
transform: rotate(15deg);
top: 37px;
left: 30px;
height: 15px;
width: 15px;
background: #00aeeb;
content: '';
border-radius: 50vh; /* CSS3 */
}

ul.medical2{
box-sizing: border-box;
margin: 0;
padding: 0;
}
ul.medical2 li{
padding: 10px 0;
margin: 0;
font-size: min(2.0vw,18px);
line-height: 1.8;
list-style: none;
text-align: left;
text-indent: 0;
border-bottom: 1px solid #999;
}

.medical-box-inner3 {
width: calc(85% - 140px);
margin: 0 auto;
padding: 0 70px 50px 70px;
}


/* ************************************************ 
*	受診にあたって
* ************************************************ */
.consultation-box {
width: 100%;
margin: 0;
padding: 50px 0 50px 0;
}
.consultation-box2 {
width: 100%;
margin: 0;
padding: 50px 0 100px 0;
}
.consultation-box p{
font-size: min(2.0vw,18px);
line-height: 2;
}
ul.consultation{
box-sizing: border-box;
margin: 0;
padding: 0;
}
ul.consultation li{
position:relative;
padding: 0 0 0 17px;
margin: 5px 0;
font-size: min(2.0vw,18px);
line-height: 1.8;
list-style: none;
text-align: left;
text-indent: 0;
}
ul.consultation li:before{
counter-increment: list;
content: "";
display: block;
position: absolute;
left: 0px;
height: 10px;
width: 10px;
background: #00aeeb;
border-radius: 50%;
top: 15px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.consultation-box-inner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 0 20px 0;
}
.consultation-box-inner__imgbox {
width: 40%;
}
.consultation-box-inner__imgbox img{
vertical-align: bottom;
}
.consultation-box-inner__textbox {
width: 55%;
}

.consultation-attbox{
width: calc(100% - 75px);
margin: 0 auto 20px auto;
background-color: #f9f9f1;
padding: 20px;
}
.consultation-attbox p{
font-size: min(1.8vw,16px);
line-height: 2;
}


/* ************************************************ 
*	コンタクトレンズについて
* ************************************************ */
.cl-box {
width: 100%;
margin: 0;
padding: 50px 0 50px 0;
}
.cl-box-inner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 0 20px 0;
}
.cl-box-inner__imgbox {
width: 35%;
}
.cl-box-inner__imgbox img{
vertical-align: bottom;
}
.cl-box-inner__textbox {
width: 60%;
}

.cl-box p{
font-size: min(2.0vw,18px);
line-height: 2;
}
.cl-box p.midashi{
font-size: min(2.1vw,21px);
line-height: 2;
}
.cl-box-midashi-text{
color: #ff3300;
font-weight: 500;
font-size: min(2.4vw,24px);
}
ul.cl{
box-sizing: border-box;
margin: 0;
padding: 0;
}
ul.cl li{
position:relative;
padding: 0 0 0 17px;
margin: 5px 0;
font-size: min(2.0vw,18px);
line-height: 1.8;
list-style: none;
text-align: left;
text-indent: 0;
}
ul.cl li:before{
counter-increment: list;
content: "";
display: block;
position: absolute;
left: 0px;
height: 10px;
width: 10px;
background: #00aeeb;
border-radius: 50%;
top: 15px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

ul.cll{
box-sizing: border-box;
margin: 15px 0;
padding: 0;
}
ul.cll li{
display: flex;
align-items: baseline;
column-gap: 8px;
padding: 0 0 0 0;
margin: 5px 0;
font-size: min(2.1vw,21px);
line-height: 1.8;
font-weight: 500;
}
ul.cll li:before{
width: 0.8em;
height: 0.4em;
border-bottom: 4px solid #00aeeb;
border-left: 4px solid #00aeeb;
transform: rotate(-45deg) translate(2px, -2px);
content: '';
}

.cl-attbox{
width: calc(100% - 75px);
margin: 0 auto 30px auto;
background-color: #f9f9f1;
padding: 20px;
}
.cl-attbox p{
font-size: min(1.8vw,16px);
line-height: 2;
}
.cl-subbox {
margin: 15px 0 50px 0;
padding: 15px 20px;
background-color: #fff;
border: 1px solid #0068b6;
}
.cl-subbox p{
font-size: min(1.8vw,16px);
line-height: 2;
}
ol.cl2{
list-style-type: none;
padding: 0;
margin: 15px 0;
counter-reset: li;
}

ol.cl2 li{
display: flex;
align-items: baseline;
font-size: min(2.0vw,18px);
line-height: 2;
padding: 0 0 0 0;
margin: 5px 0;
font-weight: 500;
}
ol.cl2 li::before{
display: inline-block;
min-width: 1.5em;
margin-right: 5px;
border-radius: 50%;
background-color: #00aeeb;
color: #fff;
line-height: 1.5em;
text-align: center;
content: counter(li);
counter-increment: li;
}
.cl-boxend {
margin: 0 auto;
padding: 0 0 50px 0;
text-align: center;
}
.cl-boxend p{
font-size: min(2.1vw,21px);
line-height: 2;
}

.cl-box-inner__listbox {
width: calc(23% - 30px);
padding: 30px 15px;
margin: 0 0 50px 0;
background-color: #fff;
box-shadow: 0 0 5px #ccc;
text-align: center;
border-radius: 10px;
}
.cl-box-inner__listbox p{
text-align: left;
}
.cl-box-inner__listbox h4{
text-align: center;
margin: 0 auto 15px auto;
font-weight: 500;
font-size: min(2.4vw,24px);
color: #00aeeb;
}


/* ************************************************ 
*	近視抑制治療
* ************************************************ */
.freemed-box {
width: 100%;
margin: 0;
padding: 50px 0 50px 0;
}
.freemed-box-inner {
width: 100%;
max-width: 800px;
margin: 0 auto;
padding: 0;
text-align: center;
}
.freemed-box-inner img{
width: 75%;
margin: 0 auto;
border-radius: 10px; /* CSS3 */
}
.freemed-smalltextbox {
width: 75%;
margin: 0 auto 30px auto;
}
.freemed-smalltextbox p{
font-size: min(1.5vw,15px)!important;
line-height: 1;
text-align: right!important;
}
.freemed-box p{
font-size: min(2.0vw,18px);
line-height: 2;
text-align: left;
}
.freemed-box p span{
font-weight: 500;
}
.freemed-p-box,
.freemed-p-boxend {
margin: 0 0 50px 0;
}
ul.freemed,
ul.freemed2{
box-sizing: border-box;
margin: 0;
padding: 0;
}
ul.freemed li{
position:relative;
padding: 0 0 0 17px;
margin: 5px 0;
font-size: min(2.0vw,18px);
line-height: 1.8;
list-style: none;
text-align: left;
text-indent: 0;
}
ul.freemed li:before{
counter-increment: list;
content: "";
display: block;
position: absolute;
left: 0px;
height: 10px;
width: 10px;
background: #00aeeb;
border-radius: 50%;
top: 15px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
ul.freemed2 li{
position:relative;
padding: 0 0 0 15px;
margin: 5px 0;
font-size: min(1.8vw,16px);
line-height: 1.8;
list-style: none;
text-align: left;
text-indent: 0;
}
ul.freemed2 li:before{
counter-increment: list;
content: "";
display: block;
position: absolute;
left: 0px;
height: 7px;
width: 7px;
background: #00aeeb;
border-radius: 50%;
top: 13px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

ol.freemed1{
list-style-type: none;
padding: 0;
margin: 15px 0 70px 0;
counter-reset: li;
}

ol.freemed1 li{
display: flex;
align-items: baseline;
font-size: min(1.8vw,16px);
line-height: 2;
padding: 0 0 0 0;
margin: 5px 0;
text-align: left;
}
ol.freemed1 li::before{
display: inline-block;
min-width: 1.5em;
margin-right: 5px;
border-radius: 50%;
background-color: #00aeeb;
color: #fff;
line-height: 1.5em;
text-align: center;
content: counter(li);
counter-increment: li;
}

table.freemed {
width: 100%;
border: 1px solid #333;
margin: 10px 0 20px 0;
}
table.freemed th{
padding: 15px 10px;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
background-color: #efefef;
vertical-align: middle;
text-align: center;
}
table.freemed td{
padding: 15px 10px;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
vertical-align: middle;
}

/* ************************************************ 
*	緑内障とその治療
* ************************************************ */
.glaucoma-box {
width: 100%;
margin: 0;
padding: 50px 0 50px 0;
}
.glaucoma-box2 {
width: 100%;
margin: 0;
padding: 50px 0 70px 0;
}
.glaucoma-box-inner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 0 20px 0;
}
.glaucoma-box-inner__imgbox {
width: 30%;
}
.glaucoma-box-inner__imgbox img{
vertical-align: bottom;
}
.glaucoma-box-inner__textbox {
width: 65%;
}

.glaucoma-box-inner2 {
position: relative;
width: calc(100% - 100px);
margin: 0;
padding: 0 50px;
}
.glaucoma-box-inner2::before {
position: absolute;
top: 0;
left: 10px;
transform: rotate(55deg);
height: 25px;
width: 25px;
background: #00aeeb;
content: '';
}
.glaucoma-box-inner2::after {
position: absolute;
transform: rotate(15deg);
top: 35px;
left: 0;
height: 14px;
width: 14px;
background: #00aeeb;
content: '';
}

.glaucoma-box p,
.glaucoma-box2 p{
font-size: min(2.0vw,18px);
line-height: 2;
}

.glaucoma-box-inner__listbox {
width: calc(47.5% - 80px);
padding: 40px;
margin: 50px 0 0 0;
background-color: #fff;
box-shadow: 0 0 5px #ccc;
text-align: center;
border-radius: 10px;
}
.glaucoma-box-inner__listbox p{
text-align: left;
}
.glaucoma-box-inner__listbox img{
height: 100px;
margin: 0 auto 10px auto;
}
.glaucoma-box-inner__listbox h4{
text-align: center;
margin: 0 auto 20px auto;
font-weight: 500;
font-size: min(2.4vw,24px);
}
.glaucoma-box-inner__listbox h4 span{
display: inline-block;
min-width: 1.5em;
margin-right: 8px;
border-radius: 50%;
background-color: #00aeeb;
color: #fff;
line-height: 1.5em;
text-align: center;
position: relative;
top: -1px;
}
.glaucoma-box-inner__listbox h4::before{
display: inline-block;
min-width: 1.5em;
margin-right: 5px;
border-radius: 50%;
background-color: #00aeeb;
color: #fff;
line-height: 1.5em;
text-align: center;
}

ol.glaucoma{
list-style-type: none;
padding: 0;
margin: 15px 0;
counter-reset: li;
}

ol.glaucoma li{
display: flex;
align-items: center;
font-size: min(2.0vw,18px);
line-height: 2;
padding: 0 0 0 0;
margin: 30px 0 5px 0;
font-weight: 500;
}
ol.glaucoma li::before{
display: inline-block;
min-width: 1.5em;
margin-right: 5px;
border-radius: 50%;
background-color: #00aeeb;
color: #fff;
line-height: 1.5em;
text-align: center;
content: counter(li);
counter-increment: li;
}


/* ************************************************ 
*	生活習慣病と目の病気
* ************************************************ */
.lifestyle-box {
width: 100%;
margin: 0;
padding: 50px 0 50px 0;
}
.lifestyle-box-inner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 0 20px 0;
}
.lifestyle-box-inner__imgbox {
width: 35%;
}
.lifestyle-box p{
font-size: min(2.0vw,18px);
line-height: 2;
}
.lifestyle-box p.midashi{
font-size: min(2.1vw,21px);
line-height: 2;
margin: 0 0 50px 0;
}

.lifestyle-box-inner__listbox {
width: calc(31.5% - 50px);
padding: 30px 25px;
margin: 0;
background-color: #fff;
box-shadow: 0 0 5px #ccc;
text-align: center;
border-radius: 10px;
}
.lifestyle-box-inner__listbox h4{
text-align: center;
margin: 0 auto 15px auto;
font-weight: 500;
font-size: min(2.4vw,24px);
color: #00aeeb;
}
.lifestyle-box-inner__listbox p{
text-align: left;
}

.lifestyle-box-inner2 {
position: relative;
width: calc(100% - 100px);
margin: 0;
padding: 0 50px;
}
.lifestyle-box-inner2::before {
position: absolute;
top: 0;
left: 0;
transform: rotate(55deg);
height: 35px;
width: 35px;
background: #00aeeb;
content: '';
border-radius: 50vh; /* CSS3 */
}
.lifestyle-box-inner2::after {
position: absolute;
transform: rotate(15deg);
top: 38px;
left: 22px;
height: 15px;
width: 15px;
background: #00aeeb;
content: '';
border-radius: 50vh; /* CSS3 */
}


/* ************************************************ 
*	近視とその進行抑制
* ************************************************ */
.myopia-box {
width: 100%;
margin: 0;
padding: 50px 0 50px 0;
}
.myopia-box p{
font-size: min(2.0vw,18px);
line-height: 2;
}
.myopia-box-inner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: calc(100% - 80px);
padding: 40px;
margin: 50px 0 0 0;
background-color: #fff;
box-shadow: 0 0 5px #ccc;
text-align: center;
border-radius: 10px;
}
.myopia-box-inner__imgbox {
width: 25%;
}
.myopia-box-inner__imgbox img{
height: 100px;
margin: 0 auto 10px auto;
}
.myopia-box-inner__imgbox h4{
text-align: center;
margin: 0 auto 20px auto;
font-weight: 500;
font-size: min(2.4vw,24px);
}
.myopia-box-inner__imgbox h4 span{
display: inline-block;
min-width: 1.5em;
margin-right: 8px;
border-radius: 50%;
background-color: #00aeeb;
color: #fff;
line-height: 1.5em;
text-align: center;
position: relative;
top: -1px;
}
.myopia-box-inner__imgbox h4::before{
display: inline-block;
min-width: 1.5em;
margin-right: 5px;
border-radius: 50%;
background-color: #00aeeb;
color: #fff;
line-height: 1.5em;
text-align: center;
}
.myopia-box-inner__textbox {
width: 70%;
}
.myopia-box-inner__textbox p{
text-align: left;
}
ol.myopia{
list-style-type: none;
padding: 0;
margin: 15px 0;
counter-reset: li;
}
ol.myopia li{
display: flex;
align-items: baseline;
font-size: min(2.0vw,18px);
line-height: 2;
padding: 0 0 0 0;
margin: 5px 0;
font-weight: 500;
}
ol.myopia li::before{
display: inline-block;
min-width: 1.5em;
margin-right: 5px;
border-radius: 50%;
background-color: #00aeeb;
color: #fff;
line-height: 1.5em;
text-align: center;
content: counter(li);
counter-increment: li;
}

ul.myopia li{
position:relative;
padding: 0 0 0 17px;
margin: 5px 0;
font-size: min(2.0vw,18px);
line-height: 1.8;
list-style: none;
text-align: left;
text-indent: 0;
}
ul.myopia li:before{
counter-increment: list;
content: "";
display: block;
position: absolute;
left: 0px;
height: 10px;
width: 10px;
background: #00aeeb;
border-radius: 50%;
top: 15px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}



/* ************************************************ 
*	診療機器
* ************************************************ */
.equipment-box {
width: 100%;
margin: 0;
padding: 0 0 50px 0;
}
.equipment-box-inner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 0 20px 0;
}
.equipment-box p{
font-size: min(2.0vw,18px);
line-height: 2;
}
.equipment-box-inner__listbox {
width: calc(47.5% - 80px);
padding: 40px;
margin: 50px 0 0 0;
background-color: #fff;
box-shadow: 0 0 5px #ccc;
border-radius: 10px;
}
.equipment-box-inner__listbox p{
text-align: left;
}
.equipment-box-inner__listbox p span{
font-size: min(2.1vw,21px);
color: #00aeeb;
font-weight: 500;
}
.equipment-box-inner__listbox img{
vertical-align: bottom;
margin: 0 0 20px 0;
}
.equipment-box-inner__listbox h4{
text-align: center;
margin: 0 auto 20px auto;
font-weight: 500;
font-size: min(2.4vw,24px);
color: #00aeeb;
}
.equipment-box-inner__listbox h4 span{
font-weight: 400;
font-size: min(2.0vw,18px);
color: #333;
}

ol.equipment{
list-style-type: none;
padding: 0;
margin: 15px 0;
counter-reset: li;
}
ol.equipment li{
display: flex;
align-items: baseline;
font-size: min(2.0vw,18px);
line-height: 2;
padding: 0 0 0 0;
margin: 5px 0;
font-weight: 500;
}
ol.equipment li::before{
display: inline-block;
min-width: 1.5em;
margin-right: 5px;
border-radius: 50%;
background-color: #00aeeb;
color: #fff;
line-height: 1.5em;
text-align: center;
content: counter(li);
counter-increment: li;
}


/* ************************************************ 
*	お知らせ
* ************************************************ */
.news-listbox {
width: 100%;
margin: 0;
padding: 30px 0 30px 0;
display: flex;
flex-wrap: wrap;
justify-content: start;
}
.news-list {
width: 31%;
margin: 0 3.5% 50px 0;
list-style: none;
}
.news-list:nth-child(3n) {
width: 31%;
margin: 0 0 0 0;
}
.newsimg-box {
height: 220px;
margin: 0 0 10px 0;
position: relative;
overflow: hidden;
}
.newsimg-box img{ 
height: 100%;
width: 100%;
vertical-align: bottom;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
font-family: 'object-fit: cover;'; /*IE用*/
}
.newstext-box {
}
.news-date {
font-size: min(1.6vw,16px);
background-color: #efefef;
color: #333;
padding: 2px 15px;
display: inline-block;
}
.news-title {
font-size: min(1.8vw,18px);
line-height: 150%;
margin: 10px 0;
font-weight: 500;
}
.news-title a{
color: #333;
text-decoration: underline;
}
.news-title a:hover{
color: #000;
text-decoration: none;
}
.newstext-box p{
font-size: min(1.6vw,16px);
line-height: 150%;
}


/* ************************************************ 
*	お知らせ詳細
* ************************************************ */
.news-contents {
margin: 15px 0;
}
.news-title-single {
font-size: min(2.1vw,21px);
margin: 0 0 30px 0;
padding: 0 0 20px 0;
letter-spacing: 0.05em;
font-weight: 500;
position: relative;
display: block;
}
.news-title-single:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #999, #999 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #999, #999 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.sidebar-title {
font-size: 16px;
font-weight: 500;
}
#sidebox-new li a {
color: #333;
}
#sidebox-new li a:hover {
color: #333;
}



/* ************************************************ 
*	プライバシーポリシー
* ************************************************ */
.privacypolicy-box{
margin: 0 0 70px 0;
padding: 0;
}
.privacypolicy-box h3{
font-family: 'Noto Sans JP';
margin: 35px 0 15px 0;
padding: 10px 15px;
font-size: 16px;
font-weight: 600;
background-color: #efefef;
}
.privacypolicy-endbox{
margin: 0 0 50px 0;
padding: 0;
text-align: right;
}

.privacypolicy-endbox .company-name{ margin: 0 0 5px 0; }
.privacypolicy-endbox p{ font-size: 16px; }
.privacypolicy-endbox p span{ font-size: 21px; }
.privacypolicy-endbox .company-name img{ width: 250px; }


/* ************************************************ 
*	記事
* ************************************************ */
/* ブログ記事部分 */	
p {
font-size: 15px; 
color: #333;
line-height: 190%;
padding: 0px 0px 0px 0px;
}

p a {
color:#0068b6;
text-decoration:underline;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

p a:hover {
color:#000;
}

p a:active, a:focus {
outline: 0;
}

#youtube-box{
margin: 20px auto 10px auto;
padding: 0 0 0 0;
height: 350px;
width: 100%;
text-align: center;
}


/* ************************************************ 
*	BLOG　NEWS ページャー 
* ************************************************ */
.next-pagenavi{
text-align:center;
margin:0 0 60px 0;
}

.wp-pagenavi a,
.wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #333 !important;
    padding: 3px 8px !important;
    margin: 2px;
}

#next-navi {
font-size:100%;
font-weight:lighter;
text-align: center;
margin: 0 0 100px 0;
padding: 20px 10px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}
#next-navi .left{ width:47%; margin: 0 3% 0 0; text-align:left; float:left;}
#next-navi .right{ width:47%; margin: 0 0 0 3%; text-align:right; float:right;}
#next-navi .left a{ padding: 0 0 0 0; display: block; line-height: 180%; color: #333; text-decoration: none;}
#next-navi .right a{ padding: 0 0 0 0; display: block; line-height: 180%; color: #333; text-decoration: none;}
#next-navi .left a:hover{ color: #000; text-decoration: underline;}
#next-navi .right a:hover{ color: #000; text-decoration: underline;}



/* ************************************************ 
*	レスポンシブ
* ************************************************ */
/* PC 画面の横幅が1160px以上 */
@media only screen and (min-width: 1160px) {
#anq1,
#anq2 {
margin: -125px 0 0 0;
padding-top:125px;
}
}


/* Tablet (Portrait) 画面の横幅が768px〜1159pxまで */
@media only screen and (min-width: 768px) and (max-width: 1159px) {
p { font-size: 14px; }

.medical-box { padding: 0 0 50px 0; }
.medical-box-inner2 {
width: calc(100% - 60px);
padding: 0 0 20px 60px;
}
.medical-box-inner3 {
width: 100%;
padding: 0;
}



#next-navi {
margin: 0 0 50px 0;
padding: 15px 10px;
}

.privacypolicy-box h3{ font-size: 15px; }
.privacypolicy-endbox p{ font-size: 14px; }
.privacypolicy-endbox p span{ font-size: 18px; }
.privacypolicy-endbox .company-name img{ width: 200px; }


#next-navi .left a{ font-size: 14px;}
#next-navi .right a{ font-size: 14px;}

#anq1,
#anq2 {
margin: -125px 0 0 0;
padding-top:125px;
}

}

/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
p { font-size: 4vw; }

.pagetitle-box {
height: 100px;
margin: 0 0 0 0;
padding: 97px 0 0 0;
}
.pagetitle {
font-size: 6.5vw;
top: calc(50% + 45px);
}

.title-box { margin: 0 auto 50px auto; }
.title { font-size: 6vw; }

.midashi-title {
font-size: 5vw;
}

.medical-box { padding: 0 0 50px 0; }
.medical-box p{ font-size: 4.5vw; }
.medical-box-inner { padding: 0 0 20px 0; }
.medical-box-inner__imgbox {
margin: 0 auto 20px auto;
width: 70%;
}
.medical-box-inner__textbox { width: 100%; }
ul.medical li{
padding: 0 0 0 17px;
margin: 5px 0;
font-size: 4.5vw;
}

.medical-box-inner2 {
width: 100%;
margin: 0;
padding: 20px 0 20px 0;
}
.medical-box-inner2::before {
top: -30px;
height: 30px;
width: 30px;
}
.medical-box-inner2::after {
top: 0;
left: 25px;
}
ul.medical2 li {
padding: 10px 0;
font-size: 4vw;
}
.medical-box-inner3 {
width: 100%;
padding: 0;
}

.consultation-box { padding: 0 0 50px 0; }
.consultation-box2 { padding: 0 0 50px 0; }
.consultation-box-inner { padding: 0; }
ul.consultation li {
padding: 0 0 10px 17px;
font-size: 4.5vw;
}
.consultation-box-inner__imgbox {
width: 100%;
margin: 0 0 20px 0;
}
.consultation-box-inner__textbox {
width: 100%;
}
.consultation-box p {
font-size: 4.5vw;
margin: 0 0 20px 0;
}
.consultation-attbox {
width: calc(100% - 40px);
margin: 0 auto 20px auto;
padding: 20px;
}
.consultation-attbox p { font-size: 4vw; }

.cl-box { padding: 0 0 50px 0; }
.cl-box p { font-size: 4.5vw; }
.cl-box p.midashi { font-size: 5vw; }
ul.cl li {
padding: 0 0 0 17px;
margin: 10px 0;
font-size: 4.5vw;
}

.cl-box-inner { padding: 0; }
.cl-box-inner__imgbox {
width: 100%;
margin: 0 0 20px 0;
}
.cl-box-inner__textbox { width: 100%; }
ol.cl2 li {
font-size: 4.5vw;
margin: 10px 0;
padding: 0 0 0 0;
}

.cl-box-midashi-text {
font-size: 5vw;
}
ul.cll li {
margin: 10px 0;
font-size: 4.5vw;
}
.cl-boxend {
padding: 0;
margin: 0;
text-align: left;
}
.cl-boxend p { font-size: 4.75vw; }

.cl-box-inner__listbox {
width: calc(100% - 30px);
padding: 30px 15px;
margin: 0 0 30px 0;
}
.cl-box-inner__listbox h4{
margin: 0 auto 15px auto;
font-size: 5vw;
}


.freemed-box { padding: 0 0 50px 0; }
.freemed-box-inner img { width: 100%; }
.freemed-smalltextbox {
width: 100%;
margin: 0 auto 20px auto;
}
.freemed-smalltextbox p{ font-size: 3.75vw!important; }
.freemed-box p { font-size: 4.5vw; }
.freemed-p-boxend { margin: 0; }
ul.freemed li {
padding: 0 0 0 17px;
margin: 10px 0;
font-size: 4.5vw;
}
ul.freemed2 li {
padding: 0 0 0 12px;
margin: 0;
font-size: 4vw;
}
ol.freemed1{
margin: 15px 0 50px 0;
}
ol.freemed1 li{
padding: 0;
font-size: 4vw;
}

table.freemed th {
padding: 10px 5px;
}
table.freemed td {
padding: 5px;
text-align: left;
}

.glaucoma-box { padding: 0 0 50px 0; }
.glaucoma-box2 { padding: 0; }
.glaucoma-box-inner2 {
width: calc(100% - 30px);
margin: -25px 0 0 0;
padding: 35px 15px 0 15px;
}
.glaucoma-box-inner__imgbox {
margin: 0 auto 20px auto;
width: 60%;
}
.glaucoma-box-inner__textbox { width: 100%; }
.glaucoma-box p,
.glaucoma-box2 p { font-size: 4.5vw; }

.glaucoma-box-inner__listbox {
width: calc(100% - 40px);
padding: 30px 20px;
margin: 30px 0 0 0;
}
.glaucoma-box-inner__listbox h4 {
font-size: 5vw;
}

.lifestyle-box { padding: 0; }
.lifestyle-box p{ font-size: 4.5vw; }
.lifestyle-box p.midashi{
font-size: 4.5vw;
margin: 0 0 30px 0;
}
.lifestyle-box-inner__listbox {
width: calc(100% - 40px);
padding: 30px 20px;
margin: 0 0 30px 0;
}
.lifestyle-box-inner__listbox h4{
font-size: 5vw;
}
.lifestyle-box-inner2 {
width: calc(100% - 30px);
margin: -35px 0 30px 0;
padding: 35px 15px 0 15px;
}
.lifestyle-box-inner2::before {
top: -20px;
left: 0;
}
.lifestyle-box-inner2::after {
top: 17px;
left: 22px;
}


.myopia-box { padding: 0 0 50px 0; }
.myopia-box p{ font-size: 4.5vw; }
.myopia-box-inner {
width: calc(100% - 40px);
padding: 30px 20px;
margin: 30px 0 0 0;
}
.myopia-box-inner__imgbox { width: 100%; }
.myopia-box-inner__imgbox h4{ font-size: 5vw; }
.myopia-box-inner__textbox { width: 100%; }
ol.myopia li{ font-size: 4.5vw; }
ul.myopia li{ font-size: 4.5vw; }

.equipment-box { padding: 0; }
.equipment-box p{ font-size: 4.5vw; }
.equipment-box-inner { padding: 0; }
.equipment-box-inner__listbox {
width: calc(100% - 40px);
padding: 20px;
margin: 0 0 30px 0;
}
.equipment-box-inner__listbox p span{ font-size: 4.75vw; }
.equipment-box-inner__listbox h4{ font-size: 5.25vw; }
.equipment-box-inner__listbox h4 span{ font-size: 4vw; }
ol.equipment li{ font-size: 4.5vw; }


.news-listbox {
padding: 0;
}
.news-list {
width: 100%;
margin: 0 0 50px 0;
}
.news-list:nth-child(3n) {
width: 100%;
margin: 0 0 50px 0;
}
.newsimg-box {
height: auto;
}
.newsimg-box img{ 
position: relative;
}
.news-date {
font-size: 3.75vw;
padding: 2px 15px;
}
.news-title {
font-size: 5vw;
}
.newstext-box p{
font-size: 4.25vw;
}
.news-title-single {
font-size: 5vw;
margin: 0 0 30px 0;
padding: 0 0 20px 0;
}

.next-pagenavi { margin: 0 0 20px 0; }
#next-navi { padding: 30px 0 50px 0; }
#next-navi .left a{ font-size: 4vw;}
#next-navi .right a{ font-size: 4vw;}

.sidebar-title { font-size: 4.5vw; }


.privacypolicy-box {  margin: 0 0 50px 0; }
.privacypolicy-box h3{ font-size: 4.5vw; }
.privacypolicy-endbox { margin: 0 0 30px 0; }
.privacypolicy-endbox p{ font-size: 4vw; }
.privacypolicy-endbox p span{ font-size: 5vw; }
.privacypolicy-endbox .company-name img{ width: 200px; }


#next-navi .left a{ font-size: 4vw;}
#next-navi .right a{ font-size: 4vw;}

#anq1,
#anq2 {
margin: 0 0 0 0;
padding-top:0;
}

}