@charset "UTF-8";

.news{
background-image: url(//ehealthclinic.jp/wp-content/themes/ehealth/img/news/side_decoration.png),url(//ehealthclinic.jp/wp-content/themes/ehealth/img/news/side_decoration.png);
background-repeat: repeat-y;
background-position: right -40px,left -40px;
top: -30px; }
.edit_area.category.news{
background-image: none;
padding: 110px 0 100px 0px;
}
.news_list{
margin: 145px 0 0px 0;
}
@media screen and (max-width:767px){
.news{
background-size: 18px calc(100% - 100px);
}
.edit_area.category.news {
background-image: none;
padding: 50px 0 0px 0px;
}
.news_list{
margin: 0;
}
}
.top_text{}
.top_text p{
font-size: 20px;
font-weight: 500;
}
@media screen and (max-width:767px){
.top_text{}
.top_text p{
font-size: 16px;
font-weight: 500;
}
} .pagination{
padding: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.pagination a,
.pagination span{
margin: 0 8px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 44px;
background: transparent;
font-size: 18px;
color: #323436;
width: 44px;
height: 44px;
font-weight: 700;
font-family: Montserrat;
}
.pagination span.current{
background: #2B366C;
color: #FFF;
transition: 0.3s;
}
.pagination span.current:hover{
background: #1F75CC;
}
.pagination a{
transition: 0.3s;
border: 1px solid #DADEE3;
}
.pagination a:hover{
border: 1px solid #1F75CC;
color: #1F75CC;
}
.pagination a.next,
.pagination a.prev{
position: relative;
background: transparent;
color: #323436;
}
.pagination a.next:after,
.pagination a.prev:after{
position: absolute;
content: "";
width: 7px;
height: 7px;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
border-right: 2px solid #231815;
border-bottom: 2px solid #231815;
transform: rotate(-45deg);
transition: .3s;
}
.pagination a.next:after{
left: -2px;
}
.pagination a.prev:after{
right: -2px;
}
.pagination a.next:hover:after,
.pagination a.prev:hover:after{
border-right: 2px solid #1F75CC;
border-bottom: 2px solid #1F75CC;
}
.pagination a.prev:after{
transform: rotate(-225deg);
}
.category.offer ul{
justify-content: center;
}
.category ul li{
padding: 0 30px;
}
.category.news ul li{
padding: 0 0px;
}
.category ul li a{
position: relative;
}
.category ul li a:after{
content: "";
position: absolute;
display: block;
width: 14px;
height: 14px;
border-radius: 7px;
background-color: #DC631F;
left: 0;
right: 0;
margin: auto;
top: 0;
}
h3.tag_name{
position: relative;
font-weight: bold;
font-size: 35px;
letter-spacing: 15px;
padding: 0 0 50px 60px;
color: #000000;
line-height: 45px;
border-bottom: 3px solid #CCC;
margin: 115px 0 0 0;
}
h3.tag_name:after{
position: absolute;
content: "";
display: block;
width: 30px;
height: 80px;
left: 0;
border-radius: 15px;
background-color: #DC631F;
top: -15px;
}
@media screen and (max-width:767px){
.category.offer ul{
justify-content: center;
}
.category ul li{
padding: 0 0px;
margin: 0 0 30px 0;
}
.category ul li a{
position: relative;
}
.category ul li a:after{
content: "";
position: absolute;
display: block;
width: 14px;
height: 14px;
border-radius: 7px;
background-color: #DC631F;
left: 0;
right: 0;
margin: auto;
top: -16px;
}
h3.tag_name{
position: relative;
font-weight: bold;
font-size: 24px;
letter-spacing: 4px;
padding: 0 0 10px 40px;
color: #000000;
line-height: 45px;
border-bottom: 2px solid #CCC;
margin: 30px 0 0px 0;
}
h3.tag_name:after{
position: absolute;
content: "";
display: block;
width: 15px;
height: 30px;
left: 0;
border-radius: 15px;
background-color: #DC631F;
top: 10px;
}
}
.edit_area.category.offer{
padding: 100px 0 60px 0;
}
.offer{
background-color: #F2F2F2;
padding: 0;
}
.offer .inner1080{}
.offer .offer_list{
padding: 0 0 50px 0;
}
.offer .offer_list ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.offer .offer_list ul:after{
display: block;
content:"";
width: 32%;
}
.offer .offer_list ul li{
}
.offer .offer_list ul li{
width: 32%;
display: block;
background-color: #FFF;
border-radius: 10px;
margin: 0 0 28px 0;
}
.offer .offer_list ul li a{
display: block;
transition: .2s;
}
.offer .offer_list ul li a:hover{
opacity: .7;
}
.offer .offer_list ul li .photo{}
.offer .offer_list ul li .photo img{
width: 100%;
border-radius: 10px 10px 0 0;
}
.offer .offer_list ul li .text{
padding: 30px 30px 40px;
box-sizing: border-box;
}
.offer .offer_list ul li .text .tag{
display: flex;
justify-content: flex-start;
padding: 0 0 10px 0;
flex-wrap: wrap;
align-items: center;
}
.offer .offer_list ul li .text .tag .job{
background-color: #000;
border-radius: 20px;
margin: 0 10px 10px 0;
}
.offer .offer_list ul li .text .tag .job a{
padding: 3px 5px 2px 15px;
box-sizing: border-box;
display: block;
box-sizing: border-box;
}
.offer .offer_list ul li .text .tag .job span{
padding: 6px 12px 7px 13px;
font-family: "Noto Sans JP";
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 19px;
text-align: left;
color: #fff;
margin: 0;
display: block;
}
.offer .offer_list ul li .text .tag .graduate{
margin: 0 10px 10px 0px;
display: block;
padding: 0;
} .offer .offer_list ul li .text .tag .graduate span{
border-radius: 20px;
border: 2px solid #000;
background-color: #FFF;
padding: 5px 20px 6px 20px;
font-family: "Noto Sans JP";
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 14px;
text-align: center;
color: #000; box-sizing: border-box;
display: block;
}
.offer .offer_list ul li .text .detail{
font-family: "Noto Sans JP";
font-weight: normal;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 22px;
text-align: left;
color: #000;
}
@media screen and (max-width:767px){
.edit_area.category.offer{
padding: 50px 0 0px 0;
}
.offer{}
.offer .inner1080{}
.offer .offer_list{}
.offer .offer_list ul{}
.offer .offer_list ul li{}
.offer .offer_list ul li{
width: 48%;
}
.offer .offer_list ul li .photo{}
.offer .offer_list ul li .photo img{}
.offer .offer_list ul li .text{
padding: 15px 10px;
}
.offer .offer_list ul li .text .tag{
display: block;
padding: 0 0 5px 0;
}
.offer .offer_list ul li .text .tag .job{}
.offer .offer_list ul li .text .tag .job a{}
.offer .offer_list ul li .text .tag .job span{
padding: 6px 9px 7px 15px;
font-size: 12px;
line-height: 16px;
margin: 0;
}
.offer .offer_list ul li .text .tag .graduate{}
.offer .offer_list ul li .text .tag .graduate a{}
.offer .offer_list ul li .text .tag .graduate span{
display: table;
font-size: 12px;
}
.offer .offer_list ul li .text .detail{
font-size: 13px;
}
}
.medical{
background-color: #ECEFFB;
padding: 80px 0 100px;
}
.medical .inner1080{}
.medical .medical_box{
border-radius: 16px;
background: #fff;
margin: 0 0 40px 0;
padding: 50px;
box-sizing: border-box;
}
.medical .medical_box:last-child{
margin:0;
}
.medical .medical_box .text{
position: relative;
padding: 0 0 30px 0;
border-bottom: 1px solid #DADEE3;
}
.medical .medical_box .text .btn{
position: absolute;
top: 0;
right: 0;
}
.medical .medical_box .text .btn a{
border-radius: 10px;
width: 220px;
height: 50px;
padding: 16px 0 0 20px;
}
.medical .medical_box .text .btn a:after{
top: 18px;
left: 40px;
}
.medical .medical_box .text h2{
position: relative;
font-weight: bold;
font-size: 24px;
line-height: 30px;
text-align: left;
color: #000;
padding: 10px 0 50px 100px;
}
.medical .medical_box .text h2 span{
position: absolute;
top: -12px;
left: 0;
width: 80px;
}
.medical .medical_box .text h2 span img{
width: 100%;
}
.medical .medical_box .detail{
font-weight: normal;
font-size: 14px;
line-height: 26px;
text-align: left;
color: #000;
}
.medical .medical_box .text_btn{}
.medical .medical_box .text_btn a{
position: relative;
font-weight: normal;
text-decoration: underline;
font-size: 14px;
line-height: 28px;
text-align: left;
color: #1f75cc;
}
.medical .medical_box .text_btn a:after{
content: "";
display: block;
position: absolute;
top: 63%;
right: -14px;
margin-top: -5px;
width: 8px;
height: 8px;
border-top: 2px solid #1f75cc;
border-right: 2px solid #1f75cc;
box-sizing: border-box;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.medical .medical_box .text_btn a:hover{
opacity: 0.7;
}
.medical .medical_box .text_btn a:hover:after{
opacity: 0.7;
}
.medical .medical_box .list_box{
padding: 40px 0 0;
}
.medical .medical_box .list_box h3{
padding: 0 0 20px 0;
}
.medical .medical_box .list_box h3.outpatient{}
.medical .medical_box .list_box h3.disease{}
.medical .medical_box .list_box .medical_list {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin: 0 0 30px 0;
}
.medical .medical_box .list_box .medical_list.disease {
margin: 0;
}
.medical .medical_box .list_box span{
margin: 0 10px 10px 0px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.medical .medical_box .list_box span a{
font-family: "Noto Sans JP";
font-weight: normal;
font-size: 14px;
line-height: 26px;
text-align: left;
color: #fff;
background-color: #1F75CC;
padding: 8px 25px;
border-radius: 20px;
transition: 0.2s;
}
.medical .medical_box .list_box span a:hover{
background-color: #2558aa;
}
.medical .medical_box .list_box span.dis{}
.medical .medical_box .list_box span.dis a{
border:1px solid #1F75CC;
background-color: #FFF;
color: #1F75CC;
transition: 0.2s;
}
.medical .medical_box .list_box span.dis a:hover{
background-color: #1F75CC;
color: #FFF;
}
@media screen and (max-width:767px){
.medical{
padding: 30px 0 50px;
}
.medical .inner1080{}
.medical .medical_box{
padding: 30px 20px 30px 20px;
margin: 0 0 30px 0;
}
.medical .medical_box:last-child{
}
.medical .medical_box .text{
padding: 0 0 100px 0;
}
.medical .medical_box .text .btn{
bottom: 30px;
top: auto;
right: 0;
left: 0;
margin: 0 auto;
display: flex;
justify-content: center;
}
.medical .medical_box .text .btn a{}
.medical .medical_box .text .btn a:after{}
.medical .medical_box .text h2{
padding: 0px 0 20px 60px;
font-size: 20px;
}
.medical .medical_box .text h2 span{
width: 50px;
top: -8px;
}
.medical .medical_box .text h2 span img{}
.medical .medical_box .detail{}
.medical .medical_box .text_btn{}
.medical .medical_box .text_btn a{}
.medical .medical_box .text_btn a:after{}
.medical .medical_box .list_box{
padding: 30px 0 0;
}
.medical .medical_box .list_box h3{
font-size: 18px;
}
.medical .medical_box .list_box h3.outpatient{
}
.medical .medical_box .list_box h3.disease{}
.medical .medical_box .list_box .medical_list {}
.medical .medical_box .list_box .medical_list.disease {}
.medical .medical_box .list_box span{
display: block;
width: 100%;
}
.medical .medical_box .list_box span a{
display: block;
border-radius: 60px;
}
.medical .medical_box .list_box span.dis{}
.medical .medical_box .list_box span.dis a{
line-height: 24px;
border-radius: 60px;
display: block;
}
}
.edit_area.flow{
padding: 80px 0 0 0;
}
.edit_area.option{
padding: 100px 0 0 0;
}