@charset "UTF-8";

.h_type2.type_reverse{
padding: 0 0 32px 0;
}
.h_type2.type_reverse .en{
font-size:48px;
}
.h_type2.type_reverse .jp{
font-size: 16px;
}
.h_type3{
font-size: 32px;
line-height: 150%;
}
@media screen and (max-width: 767px){
.h_type2.type_reverse{
padding: 0 0 26px 0;
}
.h_type2.type_reverse .jp{
font-size: 14px;
}
.h_type2.type_reverse .en{
font-size: 32px;
}
.h_type3{
font-size: 20px;
}
.h_type3 .jp{}
.h_type3 .en{}
}
.mission{
padding: 0 0 120px 0;
}
.mission .inner1080{}
.mission .h_type2{}
.mission .h_type3{
padding: 0 0px 0 0px;
}
@media screen and (max-width: 767px){
.mission{
padding: 0 0 80px 0;
}
.mission .inner1080{}
}
.concept{
padding: 96px 0 100px 0;
background-color: #EBEFF5;
}
.concept .inner1080{
padding: 0 0 60px 0;
}
.concept .h_type2{}
.concept .h_type3{}
.concept .concept_list{
display: flex;
justify-content: space-between;
padding: 64px 0 0 0;
}
.concept .left{
}
.concept .right{}
.concept .text_box{
width: 31.85%;
}
.concept .text_box ul{}
.concept .text_box ul li{
background-color: #FFF;
padding: 24px;
box-sizing: border-box;
border-radius: 16px;
margin: 0 0 24px 0;
}
.concept .text_box ul li .title{
font-family: Montserrat;
font-weight: bold;
font-size: 18px;
line-height: 150%;
letter-spacing: 0.02em;
color: #1F75CC;
padding: 0 0 16px 0;
}
.concept .text_box ul li .detail{
font-family: Noto Sans JP;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 150%;
letter-spacing: 0.04em;
color: #555A60;
}
.concept .photo{
width: 27.7%;
padding: 46px 0 0 0;
}
.concept .photo img{
width: 100%;
}
@media screen and (max-width: 767px){
.concept{
padding: 64px 0;
}
.concept .inner1080{
padding: 0 0 40px 0;
}
.concept .h_type2{}
.concept .h_type3{}
.concept .concept_list{
flex-wrap: wrap;
padding: 0;
}
.concept .left{}
.concept .right{}
.concept .text_box{
width: 100%;
order: 1;
}
.concept .text_box ul{}
.concept .text_box ul li{
padding: 24px;
margin: 0 0 16px 0;
}
.concept .text_box ul li .title{}
.concept .text_box ul li .detail{}
.concept .photo{
width: 80%;
margin: 0 auto;
padding: 48px 0;
}
.concept .photo img{}
}
.value{
padding: 96px 0;
}
.value .inner1080{}
.value .h_type2{}
.value ul{display: block;}
.value ul li{
display: flex;
justify-content: space-between;
padding: 48px 0 48px 0;
border-bottom: 1px solid #DADEE3;
}
.value ul li:first-child{
padding: 15px 0 48px 0;
}
.value ul li .number{
font-family: Montserrat;
font-weight: bold;
font-size: 100px;
line-height: 100%;
color: #F3F5F8;
width: 14.8%;
display: block;
}
.value ul li .text{
width: 57.4%;
padding: 0;
box-sizing: border-box;
}
.value ul li .title{
padding: 0;
width: 40.37%;
}
.value ul li .title .jp{
display: block;
font-weight: bold;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.04em;
color: #88909D;
}
.value ul li .title .en{
font-family: Montserrat;
font-weight: bold;
font-size: 24px;
line-height: 150%;
letter-spacing: 0.02em;
color: #101010;
}
.value ul li .detail{
font-size: 14px;
line-height: 200%;
color: #555A60;
}
@media screen and (max-width: 767px){
.value{
padding: 64px 0;
}
.value .inner1080{}
.value .h_type2{}
.value ul{}
.value ul li{
padding: 24px 0 32px;
position: relative;
display: block;
}
.value ul li:first-child{
padding: 0px 0 24px;
}
.value ul li .number{
font-size: 56px;
margin: 0 20px 0 -31px;
}
.value ul li .text{
width: 100%;
}
.value ul li .title{
padding: 0 0 16px 0;
width: 100%;
}
.value ul li .title .jp{
font-size: 14px;
}
.value ul li .title .en{
font-size: 20px;
}
.value ul li .detail{
font-size: 14px;
}
}
@media screen and (max-width:1024px){
.photo_wide img.sp_mode{
display: none !important;
}
.photo_wide img.pc_mode{
display: block !important;
}
@media screen and (min-width:768px){
}
}
.message{
padding: 0 0 96px 0;
}
.message .inner1080{
display: flex;
justify-content: space-between;
}
.message .text{
width: 48.88%;
}
.message .text .h_type2{}
.message .text .h_type2 .jp{}
.message .text .h_type2 .en{}
.message .text .h_type3{
font-weight: bold;
font-size: 24px;
line-height: 150%;
letter-spacing: 0.04em;
color: #101010;
padding: 0 0 56px 0;
}
.message .text .detail{
font-size: 16px;
line-height: 200%;
letter-spacing: 0.04em;
color: #323436;
padding: 0 0 40px 0;
}
.message .text p .sub{ font-weight: bold;
font-size: 14px;
line-height: 150%;
letter-spacing: 0.02em;
color: #323436;
display: block;
}
.message .text p .name{
font-weight: bold;
font-size: 32px;
line-height: 150%;
letter-spacing: 0.04em;
color: #323436;
}
.message .photo{
position: relative;
padding: 120px 0 40px 0;
}
.message .photo:after{
content: "";
position: absolute;
display: block;
width: 100px;
height: 100px;
background-repeat: no-repeat;
margin-top: 0;
background-image: url(//ehealthclinic.jp/wp-content/themes/ehealth/common/img/other/pattern_type01.svg);
top: 110px;
right: -40px;
z-index: -1;
}
.message .photo img{}
@media screen and (max-width: 767px){
.message{
padding: 0 0 64px 0;
}
.message .inner1080{
display: flex;
flex-wrap: wrap;
}
.message .text{
width: 100%;
}
.message .text .h_type2{
padding: 0 0 30px 0;
}
.message .text .h_type2 .jp{}
.message .text .h_type2 .en{}
.message .text .h_type3{
font-size: 20px;
padding: 0 0 40px 0;
}
.message .text .detail{
font-size: 14px;
}
.message .text p .sub{}
.message .text p .name{
font-size: 24px;
}
.message .photo{
padding: 0 0 40px 0;
margin: 0 auto;
display: flex;
justify-content: center;
}
.message .photo:after{
content: "";
position: absolute;
display: block;
width: 100px;
height: 100px;
background-repeat: no-repeat;
margin-top: 0;
background-image: url(//ehealthclinic.jp/wp-content/themes/ehealth/common/img/other/pattern_type01.svg);
top: -28px;
right: -25px;
z-index: -1;
}
.message .photo img{}
}
@media screen and (max-width:1023px){
@media screen and (min-width:767px){
.message .text {
width: 100%;
}
.message .photo {
position: relative;
padding: 0px 0 40px 0;
text-align: center;
}
.message .photo:after {
top: -30px;
right: 170px;
}
}
}