@charset "utf-8";
 @import url(/wp/wp-content/themes/mediwel_2021/_css/normalize.css);
@import url(/wp/wp-content/themes/mediwel_2021/_plugin/fontawesome/css/all.min.css);
@import url(/wp/wp-content/themes/mediwel_2021/_plugin/aos/aos.css);  @import url(/wp/wp-content/themes/mediwel_2021/_css/common_parts.css);
@import url(/wp/wp-content/themes/mediwel_2021/_css/common.css);  #mvh { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; }
#mvh:before { position: absolute; z-index: 1; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
#mvh .inner { position: relative; z-index: 2; }
#mvh p { color: #FFF; }
.box-border { background-color: #FFF; } #sub_page_header {}
#sub_page_header h2 { margin-bottom: 4rem; color: #16348A; text-align: center; font-size: 3.4rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", 'Noto Serif JP', "Times New Roman", Meiryo, serif; }
#sub_page_header h2 span { display: inline-block; padding-bottom: 1rem; border-bottom: solid 1px #16348A; }
#sub_page_header p { text-align: center; } #running_improvement {}
#running_improvement #mvh { background-image: url(/wp/wp-content/themes/mediwel_2021/_img/index/img_2.jpg); }
#running_improvement .framework {}
#running_improvement .framework .frame { position: relative; } #running_improvement .framework .frame:last-child { margin-right: 0; }
#running_improvement .framework .frame.last:after { display: none; }
#running_improvement .framework .frame .h {}
#running_improvement .framework .frame .h h4 { position: relative; margin-bottom: 2rem; padding: 1rem; color: #FFF; background-color: #16348A; text-align: center; }
#running_improvement .framework .frame .h h4 img { width: 100%; margin-top: 1rem;}
#running_improvement .framework .frame .h h4:before { position: absolute; bottom: -3rem; left: 0; right: 0; content: ""; width: 0; height: 0; margin: auto; border: 1.5rem solid transparent; border-top: 1.5rem solid #16348A; }
#running_improvement .framework .frame .tw { padding: 2rem; border: solid 1px #DDD; background-color: #FFF; }
#running_improvement .framework .frame .tw .ts { margin-top: 2rem; padding-top: 2rem; border-top: solid 1px #DDD; }
#running_improvement .framework .frame .tw .ts:first-child { margin-top: 0; padding-top: 0; border-top: none; }
#running_improvement .framework .frame .tw .ts h5 { font-size: 1.6rem; color: #16348A; border: solid 1px rgba(22, 52, 138, 0.6); text-align: center; padding: 0.5rem; }
#running_improvement .framework .frame .tw .ts ul { margin-top: 0.5rem; }
#running_improvement .framework .frame .tw .ts li, #running_improvement .framework .frame .tw .ts p { font-size: 1.5rem; font-weight: bold; }
#running_improvement .framework .frame .tw .ts.arrow { position: relative; }
#running_improvement .framework .frame .tw .ts.arrow:before { position: absolute; top: -1.5rem; left: 0; right: 0; width: 3rem; height: 3rem; margin: auto; color: #16348A; text-align: center; line-height: 3rem; font-size: 3rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
#running_improvement .framework .frame .tw .ts li strong { background-color: #16348A; padding: 0 0.5rem; border-radius: 0.5rem; color: #FFF;}
#running_improvement .basic_list { display: flex; align-items: center; }
#running_improvement .basic_list li { flex-grow: 1; margin-right: 2rem; text-align: center; }
#running_improvement .basic_list li:last-child { margin-right: 0; }
#running_improvement .basic_list li i {}
#running_improvement .basic_list .c { padding: 3rem 1rem; border-radius: 1rem; border: solid 1px rgba(22, 52, 138, 0.6); color: #FFF; background-color: #16348A; line-height: 1; font-weight: bold; }
#running_improvement .basic_list .c2 { color: #16348A; background-color: #FFF; }
#running_improvement .box-border h4 { display: inline-block; margin-bottom: 0.5rem; padding: 0.7rem 2rem; border-radius: 5rem; color: #FFF; background-color: #16348A; line-height: 1; }
#running_improvement .box-border strong { display: block; text-align: center; }
#running_improvement .box-border strong.h { margin-bottom: 1rem; color: #16348A; font-size: 2.4rem; }
#running_improvement .box-light_blue {}
#running_improvement .box-light_blue ul { columns: 3; }
#running_improvement .box-light_blue li { font-weight: bold; }
#running_improvement .data_flow {}
#running_improvement .data_flow li { position: relative; display: flex; margin-bottom: 3rem; }
#running_improvement .data_flow li.last:after  { display: none; }
#running_improvement .data_flow li:last-child { margin-bottom: 0; }
#running_improvement .data_flow li span { display: block; }
#running_improvement .data_flow li .sw { margin-right: 3rem; }
#running_improvement .data_flow li .sw span { width: 12rem; height: 12rem; border-radius: 12rem; color: #FFF; background-color: #16348A; text-align: center; line-height: 12rem; font-weight: bold; font-size: 2rem; }
#running_improvement .data_flow li .tw { position: relative; width: calc(100% - 12rem - 3rem); padding: 2rem; border: solid 1px #DDD; border-radius: 1rem; }
#running_improvement .data_flow li .tw:before, #running_improvement .data_flow li .tw:after { top: 4rem; position: absolute; content: ""; width: 0; height: 0; border: 2rem solid transparent; }
#running_improvement .data_flow li .tw:before { left: -4rem; border-right: 2rem solid #DDD; }
#running_improvement .data_flow li .tw:after { left: -3.8rem;  border-right: 2rem solid #FFF; }
#running_improvement .data_flow li .tw .w { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#running_improvement .data_flow li .tw h4 { color: #16348A; font-size: 2rem; }
#running_improvement .data_flow li .tw p { font-weight: bold; font-size: 1.6rem; }
#running_improvement .support_list {}
#running_improvement .support_list > div > li { border: solid 2px #16348A; padding: 2rem; background-color: #FFF; font-weight: bold;}
@media screen and (max-width:896px) {  #running_improvement .basic_list { flex-flow: wrap; }
#running_improvement .basic_list li { width: 100%; margin-right: 0 !important; }
#running_improvement .basic_list .eq i { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
#running_improvement .box-light_blue ul { columns: 1; }
} #m_and_a {}
#m_and_a #mvh { background-image: url(/wp/wp-content/themes/mediwel_2021/_img/index/img_3.jpg); }
#m_and_a .cause_list {}
#m_and_a .cause_list li { display: flex; margin-bottom: 1rem; background-color: #FFF; align-items: center; }
#m_and_a .cause_list li span { display: block; }
#m_and_a .cause_list li .p { width: 30%; min-height: 30rem; background-repeat: no-repeat; background-position: center; background-size: cover; }
#m_and_a .cause_list li .h { width: 70%; padding: 3rem; color: #16348A; font-weight: bold; font-size: 2.4rem; }
#m_and_a .cause_list li .h i { display: inline-block; width: 4rem; height: 4rem; margin-right: 1rem; border-radius: 5rem; color: #FFF; background-color: #16348A; text-align: center; line-height: 1; line-height: 4rem; font-style: normal; }
#m_and_a .feature_list li { margin-bottom: 1rem; }
#m_and_a .feature_list strong { display: flex; color: #16348A; font-size: 2.4rem; align-items: center; }
#m_and_a .feature_list strong i + span { display: block; width: calc(100% - 8rem); }
#m_and_a .feature_list strong i { position: relative; display: inline-block; width: 6rem; height: 6rem; margin-right: 2rem; border-radius: 5rem; color: #FFF; text-align: center; line-height: 1; line-height: 6rem; font-style: normal; }
#m_and_a .feature_list strong i span { position: relative; z-index: 2; }
#m_and_a .feature_list strong i:before { position: absolute; z-index: 1; border-radius: 0 0.5rem 0 0; top: 0; right: 0; content: ""; width: 50%; height: 50%; } #m_and_a .feature_list li:nth-child(1) strong i, #m_and_a .feature_list li:nth-child(1) strong i:before { background-color: #0353FC; }
#m_and_a .feature_list li:nth-child(2) strong i, #m_and_a .feature_list li:nth-child(2) strong i:before { background-color: #FE1538; }
#m_and_a .feature_list li:nth-child(3) strong i, #m_and_a .feature_list li:nth-child(3) strong i:before { background-color: #FD9803; }
#m_and_a .feature_list li:nth-child(4) strong i, #m_and_a .feature_list li:nth-child(4) strong i:before { background-color: #00B383; }
#m_and_a .feature_list li:nth-child(5) strong i, #m_and_a .feature_list li:nth-child(5) strong i:before { background-color: #883ADD; }
#m_and_a .list-feature {}
#m_and_a .list-feature li { margin-left: 0; margin-bottom: 1rem; padding: 2rem; border-radius: 1rem; color: #FFF; background-color: #16348A; list-style: none; }
#m_and_a .btw { display: flex; justify-content: center; }
#m_and_a .btw .bt { margin: 1rem; width: 100%; text-align: center; padding: 6rem 1rem; }
@media screen and (max-width:896px) { #m_and_a .cause_list li { flex-flow: wrap; }
#m_and_a .cause_list li .p, #m_and_a .cause_list li .h { width: 100%; }
#m_and_a .cause_list li .p { min-height: 40vw; }
#m_and_a .btw { flex-flow: wrap; }
#m_and_a .btw .bt { width: 100%; padding-left: 2rem; padding-right: 4rem; }
} #m_and_a_hospital {}
#m_and_a_hospital .h5 { margin-bottom: 4rem; }
#m_and_a_hospital .flow {}
#m_and_a_hospital .flow li { position: relative; display: flex; margin-bottom: 3rem; }
#m_and_a_hospital .flow li:after { position: absolute; bottom: -3rem; left: 50%; content: "\f078"; color: #16348A; font-size: 2rem; font-family: 'Font Awesome 5 Pro'; font-weight: 400; }
#m_and_a_hospital .flow li.last:after  { display: none; }
#m_and_a_hospital .flow li:last-child { margin-bottom: 0; }
#m_and_a_hospital .flow li span { display: block; }
#m_and_a_hospital .flow li .sw { margin-right: 3rem; }
#m_and_a_hospital .flow li .sw span { width: 12rem; height: 12rem; padding-top: 3.5rem; border-radius: 12rem; color: #FFF; background-color: #16348A; text-align: center; font-weight: bold; font-size: 2rem; list-style: 1.2; }
#m_and_a_hospital .flow li .sw span small { display: block; margin-top: -1rem; list-style: 1.2; }
#m_and_a_hospital .flow li .tw { position: relative; width: calc(100% - 12rem - 3rem); padding: 2rem; border: solid 1px #DDD; border-radius: 1rem; }
#m_and_a_hospital .flow li .tw:before, #m_and_a_hospital .flow li .tw:after { position: absolute; top: 4rem; content: ""; width: 0; height: 0; border: 2rem solid transparent; }
#m_and_a_hospital .flow li .tw:before { left: -4rem; border-right: 2rem solid #DDD; }
#m_and_a_hospital .flow li .tw:after { left: -3.8rem; border-right: 2rem solid #FFF; }
#m_and_a_hospital .flow li .tw h4 { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: solid 1px #DDD; color: #16348A; font-size: 2rem; }
#m_and_a_hospital .flow li .tw p { font-weight: bold; font-size: 1.6rem; }
#m_and_a_hospital .qa {}
#m_and_a_hospital .qa li { margin-bottom: 2rem; padding: 3rem; background-color: #FFF; }
#m_and_a_hospital .qa li:last-child { margin-bottom: 0; }
#m_and_a_hospital .qa li span { display: block; }
#m_and_a_hospital .qa li .q { padding-bottom: 2rem; color: #16348A; font-weight: bold; font-size: 2.2rem; }
#m_and_a_hospital .qa li .a {}
#m_and_a_hospital .qa li .q, #m_and_a_hospital .qa li .a { position: relative; padding-left: 4rem; }
#m_and_a_hospital .qa li .q:before, #m_and_a_hospital .qa li .a:before { text-align: center; line-height: 3rem; font-weight: bold; position: absolute; left: 0; width: 3rem; height: 3rem; border-radius: 50%; color: #FFF; font-size: 1.8rem; }
#m_and_a_hospital .qa li .q:before { content: "Q"; background-color: #16348A; margin-top: 0.5rem; }
#m_and_a_hospital .qa li .a:before { content: "A"; background-color: #B91F1F; }
#m_and_a_hospital .qa li .a span {}
#m_and_a_hospital .qa li .a span p {} #m_and_a_clinic {}
#m_and_a_clinic .clinic_list {}
#m_and_a_clinic .clinic_list li { position: relative; padding: 2rem; background-color: #FFF; border-radius: 1rem;  }
#m_and_a_clinic .clinic_list.white li { background-color: #F6F6F6;}
#m_and_a_clinic .clinic_list > div { counter-increment: number 1; }
#m_and_a_clinic .clinic_list li:before { position: absolute; top: -1.5rem; left: 0; right: 0; content: counter(number) ""; width: 3rem; height: 3rem; margin: auto; border-radius: 50%; color: #FFF; background-color: #16348A; text-align: center; line-height: 3rem; font-weight: bold; font-size: 1.8rem; }
#m_and_a_clinic .clinic_list li span { display: block; }
#m_and_a_clinic .clinic_list li .t { line-height: 1.6; font-weight: bold; }
#m_and_a_clinic .clinic_list li .p { margin-bottom: 2rem; padding: 0.5rem 2rem; border-radius: 0.5rem; background-color: #ECF2F9; text-align: center; }
#m_and_a_clinic .clinic_list.white li .p { background-color: #FFF; }
@media screen and (max-width:896px) { #m_and_a_clinic .clinic_list li { padding: 2rem 1.5rem 1.5rem; }
} #doctor {}
#doctor #mvh { background-image: url(/wp/wp-content/themes/mediwel_2021/_img/index/img_4.jpg); }
#doctor .list-feature {}
#doctor .list-feature li { margin-left: 0; margin-bottom: 2rem; padding: 2rem; border-radius: 1rem; background-color: #FFF; list-style: none; }
#doctor .doc_list {}
#doctor .doc_list li {}
#doctor .sec-lg .doc_list li { background-color: #FFF; padding: 2rem; }
#doctor .doc_list li span { display: block; }
#doctor .doc_list li .p { text-align: center; margin-bottom: 3rem; }
#doctor .doc_list li .p img {}
#doctor .doc_list li .pi img { width: 100%; max-width: 16rem; }
#doctor .doc_list li .t {}
#doctor .doc_list li .t h3 { text-align: center; color: #16348A; font-size: 1.8rem; margin-bottom: 1rem; }
#doctor .doc_list li .t p { font-size: 1.6rem; }
#doctor .container_area {
display: grid;
place-content: center;
margin-bottom: 4rem !important;
}
#doctor .container {
display: grid;
grid: 1fr 1fr / 25rem 25rem 25rem;
.img1 { grid-area: 1 / 1 / 3 / 2; }
.img2 { grid-area: 1 / 2 / 2 / 3; }
.img3 { grid-area: 1 / 3 / 2 / 4; }
.img4 { grid-area: 2 / 2 / 3 / 3; }
.img5 { grid-area: 2 / 3 / 3 / 4; }
gap: 10px 10px; }
@media screen and (max-width:896px) {
#doctor .container {
grid: 1fr 1fr / 15rem 13rem 13rem;
gap: 3px 5px;
}
}
#doctor .img1 {
grid-area: img1;
}
#doctor .img2 {
grid-area: img2;
align-self: end;
}
#doctor .img3 {
grid-area: img3;
align-self: end;
}
#doctor .img4 {
grid-area: img4;
align-self: start;
}
#doctor .img5 {
grid-area: img5;
align-self: start;
} #pharmacist {}
#pharmacist #mvh { background-image: url(/wp/wp-content/themes/mediwel_2021/_img/index/img_5.jpg); }
#pharmacist .box-border h4 { display: inline-block; margin-bottom: 0.5rem; padding: 0.7rem 2rem; border-radius: 5rem; color: #FFF; background-color: #16348A; line-height: 1; }
#pharmacist .box-border strong { display: block; text-align: center; }
#pharmacist .box-border strong.h { margin-bottom: 1rem; color: #16348A; font-size: 2.4rem; } #office_work {}
#office_work #mvh { background-image: url(/wp/wp-content/themes/mediwel_2021/_img/index/img_6.jpg); }
#office_work .data_flow {}
#office_work .data_flow li { position: relative; display: flex; margin-bottom: 3rem; }
#office_work .data_flow li.last:after  { display: none; }
#office_work .data_flow li:last-child { margin-bottom: 0; }
#office_work .data_flow li span { display: block; }
#office_work .data_flow li .sw { margin-right: 3rem; }
#office_work .data_flow li .sw span { width: 12rem; height: 12rem; border-radius: 12rem; color: #FFF; background-color: #16348A; text-align: center; line-height: 12rem; font-weight: bold; font-size: 2rem; }
#office_work .data_flow li .tw { position: relative; width: calc(100% - 12rem - 3rem); padding: 2rem; border: solid 1px #DDD; border-radius: 1rem; }
#office_work .data_flow li .tw .w { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#office_work .data_flow li .tw:before, #office_work .data_flow li .tw:after { top: 4rem; position: absolute; content: ""; width: 0; height: 0; border: 2rem solid transparent; }
#office_work .data_flow li .tw:before { left: -4rem; border-right: 2rem solid #DDD; }
#office_work .data_flow li .tw:after { left: -3.8rem;  border-right: 2rem solid #FFF; }
#office_work .data_flow li .tw h4 { color: #16348A; font-size: 2rem; }
#office_work .data_flow li .tw p { font-weight: bold; font-size: 1.6rem; }
.data_flow_chevron {
position: absolute;
bottom: -2.5rem;
left: 50%;
color: #16348A;
font-size: 2rem;
font-family: 'Font Awesome 5 Free';
}
.framework-icon{
position: absolute;
top: 0;
right: -2.5rem;
color: #16348A;
font-size: 3rem;
font-family: 'Font Awesome 5 Free';
}
@media screen and (max-width:896px) {
.framework-icon {
position: absolute;
top: 100%;
right: 47%;
color: #16348A;
font-size: 3rem;
font-family: 'Font Awesome 5 Free';
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
} .serviceSlider {
margin-top: 7rem;
}
.serviceSlider .slick-list {
padding-left: 7.5rem;
}
.serviceSlider .slick-track {
display: flex;
align-items: stretch;
}
.serviceSlider .slick-slide {
border-radius: 5px;
overflow: hidden;
background-color: #FFF;
margin: 0 1.2rem;
display: flex;
flex-direction: column;
height: auto;
width: calc(32vw - 6.4rem);
max-width: 36rem;
}
.serviceSlider .heading {
background-color: #D1F2FC;
padding: 3.4rem 1.4rem;
min-height: 19rem;
position: relative;
}
.serviceSlider .slick-slide.odd .heading {
background-color: #D0FBE2;
}
.serviceSlider .heading .label {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.6rem;
position: absolute;
left: 6%;
z-index: 2;
}
.serviceSlider .slick-slide.odd .heading .label {
left: initial;
right: 6%;
}
.serviceSlider .heading .label span {
background-color: #77BDD1;
padding: 0.5rem 1rem;
font-size: 1.5rem;
color: #fff;
line-height: 1;
}
.serviceSlider .slick-slide.odd .heading .label span {
background-color: #89CDA4;
}
.serviceSlider .heading .img {
position: absolute;
top: 10%;
right: 6%;
width: 35%;
max-width: 15rem;
z-index: 1;
}
.serviceSlider .slick-slide.odd .heading .img {
left: 6%;
right: initial;
}
.serviceSlider .content {
padding: 2.2rem 2.4rem 2.2rem;
display: flex;
flex-direction: column;
align-items: stretch;
height: 100%;
position: relative;
}
.serviceSlider .content h4 {
color: #16348A;
font-size: 2.2rem;
position: absolute;
bottom: 100%;
left: 0;
background-color: #FFF;
padding: 1.2rem 2.4rem 0;
border-top-right-radius: 0.5rem;
}
.serviceSlider .content p {
margin: 0 0 2rem;
font-size: 1.6rem;
line-height: 1.6;
}
.serviceSlider .content .bt,
.serviceSlider .contact .bt {
margin: auto auto 0;
width: 100%;
font-size: 2.1rem;
padding: 1.7rem 0;
border-radius: 0.6rem;
}
.serviceSlider .content .bt .icon {
display: inline-block;
width: 2.4rem;
height: 2.4rem;
margin-left: 1.6rem;
background-image: url(/wp/wp-content/themes/mediwel_2021/_img/service/download-arrow.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: relative;
top: 0.1rem;
}
.serviceSlider .contact .contact-box {
display: flex;
flex-direction: column;
align-items: center;
padding: 3.6rem 2.4rem 4rem;
}
.serviceSlider .contact .contact-box .bt {
margin-top: 2rem;
}
.serviceSlider .contact .contact-box p {
font-size: 1.6rem;
font-weight: bold;
margin: 0;
color: #656565;
}
.serviceSlider .contact .contact-img {
background-color: #D1F2FC;
position: relative;
padding-top: 2rem;
display: flex;
flex-direction: column;
height: 100%;
}
.serviceSlider .contact .contact-img .img {
width: 76%;
max-width: 30rem;
margin: auto auto 0;
} .slick-prev, .slick-next {
width: 7rem;
height: 7rem;
background-color: #3350a6c7;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.slick-prev {
left: 2.2rem;
}
.slick-next {
right: 2.2rem;
}
.slick-prev::before, .slick-next::before {
display: none;
}
.slick-prev .icon, .slick-next .icon {
display: block;
width: 65%;
height: 65%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.slick-prev .icon {
background-image: url(/wp/wp-content/themes/mediwel_2021/_img/service/slider-arrow.png);
}
.slick-next .icon {
background-image: url(/wp/wp-content/themes/mediwel_2021/_img/service/slider-arrow.png);
transform: rotate(180deg);
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
background-color: #001c6ec7;
} .slick-dots {
bottom: -7rem;
}
.slick-dots li {
margin: 0 1.2rem;
}
.slick-dots li button::before {
font-size: 2rem;
color: white; opacity: 1;
}
.slick-dots li.slick-active button:before {
color: #16348A;
opacity: 1;
}
.contact-info {
margin-top: 12rem;
background-color: #FFF;
padding: 3.6rem 2rem 4rem;
}
.contact-info p {
font-size: 2.2rem;
line-height: 1.5;
font-weight: bold;
color: #16348A;
}
.contact-info .bt {
display: block;
margin: 2.2rem auto 0;
width: 90%;
max-width: 40rem;
font-size: 2.4rem;
padding: 1.7rem 0;
border-radius: 0.6rem;
}
@media screen and (max-width:1100px) {
.serviceSlider {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.serviceSlider .slick-slide {
width: initial;
max-width: initial;
}
.slick-next, .slick-prev {
width: 5.8rem;
height: 5.8rem;
}
.slick-prev {
left: 1.4rem;
}
.slick-next {
right: 1.4rem;
}
}
@media screen and (max-width:650px) {
.serviceSlider {
margin-top: 4rem;
}
.slick-next, .slick-prev {
width: 5.6rem;
height: 5.6rem;
}
.slick-dots li button::before {
font-size: 2.4rem;
}
.contact-info .bt {
font-size: 2.1rem;
}
}