@charset "UTF-8";

.labels .category {
display: block;font-weight: bold;
font-size: 14px;
line-height: 14px;
text-align: center;
letter-spacing: 0.04em;
color: #2B366C;
background: #EBEFF5;
border-radius: 12px;
display: inline-block;
margin: 0 10px 0 0px;
vertical-align: middle;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-height: 23px;
max-width: 155px;
width: 100%;
padding: 4px 12px 5px 12px; box-sizing: border-box;
}
.labels .date {
margin:0 0 20px 0;
display: block;
}
@media screen and (max-width: 767px) {
.labels.medical .category_list {
display: flex;
}
.labels .category {
max-width: unset;
width: auto;
}
.labels.medical .category {
margin: 0 10px 10px 0px;
}
.labels .date {
margin: 0 0 10px 0px;
display: block;
}
}
.h_type2 .borderline {
position: static; margin: 24px 0 0 0;
}
div.wysiwyg{
margin-top: 30px;
margin-bottom: 40px;
clear: both;
line-height: 200%;
} div.wysiwyg:after{
display: block;
content: "";
clear: both;
}
div.wysiwyg table{
border: 1px solid #333;
margin-bottom: 20px;
}
div.wysiwyg table th,
div.wysiwyg table td{
padding: 15px 20px;
border: 1px solid #333;
}
div.wysiwyg p{
line-height: 200%;
padding-bottom: 0;
margin-bottom: 20px;
font-size: 16px;
letter-spacing: 1px;
}
div.wysiwyg img{
max-width: 100%;
height: auto;
}
.wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6{
font-weight: bold;
color: #000624;
margin-bottom: 20px;
}
.wysiwyg h2{
font-weight: bold;
font-size: 24px;
line-height: 150%;
letter-spacing: 0.04em;
color: #101010;
}
.wysiwyg h3{
font-weight: bold;
font-size: 21px;
line-height: 150%;
letter-spacing: 0.04em;
color: #1F75CC;
}
.wysiwyg ul{
margin: 0;
padding: 0;
list-style: none;
font-size: 14px;
margin-bottom: 20px;
}
.wysiwyg a{
color: #1F75CC;
text-decoration: underline;
}
.wysiwyg a:hover{
opacity: 0.6;
}
.wysiwyg a[target="_blank"]{
position: relative;
}
.wysiwyg a[target="_blank"]:after {
position: absolute;
display: block;
right: -23px;
top: 0;
bottom: 0;
margin: auto;
content: "";
width: 20px;
height: 20px; background: url(//ehealthclinic.jp/wp-content/themes/ehealth/img/other/icon.png) no-repeat 50% 0;
}
.wysiwyg ul li{
margin-bottom: 5px;
}
.wysiwyg ul li:before{
content: "● ";
font-size: 14px;
color: #1F75CC;
}
.wysiwyg ol{
list-style: none; 
counter-reset: li;
font-size: 14px;
padding: 0;
margin: 0;
margin-bottom: 20px;
}
.wysiwyg ol li{
counter-increment: li;
margin-bottom: 5px;
}
.wysiwyg ol li::before {
content: counter(li);
color: #1F75CC;
display: inline-block;
margin-right: 10px;
}
.wysiwyg blockquote {
position: relative;
padding: 70px 80px;
background: #F2F7FF;
margin: 0 0 30px;
font-size: 1.4rem;
line-height: 180%;
}
.wysiwyg iframe{
width: 100%;
height: 550px;
}
.wysiwyg blockquote:after {
content: "”";
position: absolute;
right: 70px;
bottom: 5px;
color: #B0C6EB;
font-size: 6rem;
line-height: 100%;
}
.wysiwyg blockquote:before {
content: "“";
position: absolute;
left: 40px;
top: 25px;
color: #B0C6EB;
font-size: 6rem;
line-height: 100%;
}
.wysiwyg blockquote:after,
.wysiwyg blockquote:before {
content: "";
position: absolute;
display: block;
}
.wysiwyg .frame-gray {
background: #eee;
padding: 18px;
font-size: 13px;
}
@media screen and (max-width: 767px) {
div.wysiwyg{
margin-top: 30px;
}
div.wysiwyg p{
font-size: 14px;
}
.wysiwyg blockquote {
margin: 0 0 15px 0;
padding-left: 40px;
line-height: 160%;
}
div.wysiwyg table th,
div.wysiwyg table td{
padding: 5px 20px;
}
.wysiwyg iframe{
height: 240px;
}
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 7px 0 20px 40px;
}
.size-full {
margin-bottom: 30px;
}
.alignleft {
float: left;
margin: 8px 40px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {  max-width: 96%; padding: 5px 3px 10px;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text {
font-size: 13px;
line-height: 160%;
margin: 0;
padding: 10px 4px 5px;
}
@media screen and (max-width:767px){
.h_type2 .borderline {
top: 72px;
}
.wysiwyg h2{
font-size: 18px;
}
div.wysiwyg img {
display: block; height: auto;
margin: 0 auto;
margin-bottom: 20px;
float: none;
}
div.wysiwyg{
margin-bottom: 30px;
}
.alignright {
float:none;
margin: 7px 0 20px 40px;
}
.alignleft {
float:none;
margin: 5px auto 20px !important;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
}
.graph_block{
pointer-events: none;
}
@media screen and (max-width:767px){
.graph_block{
pointer-events: all;
width: 100%;
box-sizing: border-box;
position: relative;
padding: 18px 10px 10px;
margin-bottom: 0;
border: 1px solid #ddd;
border-radius: 3px;
}
.graph_block a{
text-decoration: none;
}
.graph_block dt{
font-size: 13px;
}
.graph_block dd{
font-size: 12px;
}
.zoom{
display: block!important;
text-align: left;
font-size: 14px;
padding-left: 20px;
padding-top: 6px;
margin-top: 6px;
margin-bottom: 0px;
background: url(//ehealthclinic.jp/wp-content/themes/ehealth/img/other/icon_mag.png) no-repeat 0 90%;
background-size: 14px;
}
.graph_block:after{
content: "";
position: absolute;
right: 5px;
top: 5px;
width: 17px;
height: 17px;
background: url(//ehealthclinic.jp/wp-content/themes/ehealth/img/other/icon_mag.png) no-repeat 0 0;
background-size: 100%;
}
.graph_block img{
width: 100%;
}
} div.post-pagination.simple{
clear: both;
text-align: center;
margin: 40px 0;
padding-top: 0px;
margin-bottom: 100px;
}
div.post-pagination.simple .btn_list{
width: 100%;
justify-content: center;
margin: 0 10px;
} .common-table.type01.recruit th {
vertical-align: top;
padding: 14px 16px;
color: #88909D;
font-weight: 700;
}
@media screen and (max-width: 768px){
.common-table.type01.recruit td {
height: 49px;
padding: 15px 16px 14px 16px;
line-height: 150%;
}
}
.banner_list.medical{}
.banner_list.medical ul{ }
.banner_list.medical ul .prev-arrow{
position: absolute;
top: 33%;
left: -10px;
z-index: 10;
cursor: pointer;
}
.banner_list.medical ul .next-arrow{
top: 33%;
position: absolute;
right: -10px;
z-index: 10;
cursor: pointer;
}
.banner_list.medical ul li{
padding: 0;
margin: 0 10px;
box-shadow: 4px 10px 10px rgb(37 88 170 / 3%);
}
.banner_list.medical  ul li:hover{
transform: translateY(0px);
}