@charset "UTF-8";

.post-17096 .div-top-slide-wrap-bg {
display: none;
}
body{
color:#000;
}
body.page .site-content {
margin-top: 169px;
}
p, dl, dt, dd {
margin:0;
padding:0;
}
video {
width: 100%    !important;
height: auto   !important;
}
.bg-sky {
background: #f2fdff;
}
.bg-pale-yellow {
background: #fbfbea;
}
.bg-pink {
background: #fdecf6;
}
.bg-white {
background: #fff;
} .section-zero {
position: relative;
height:300px;
background:#f7edf5 url(//mn.idhospital.com/wp-content/themes/zeein/assets/img/navigation/bg_section_zero.jpg) left bottom no-repeat;
}
.section-zero .txt-area {
position: relative;
top:50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-left:45%;
text-align: center;
}
.section-zero .txt-area h2 {
margin:10px 0;
font-size:140%;
font-weight:bold;
}
.section-zero .txt-area span {
color:#f078ad;
} .section_1 {
padding-bottom:6%;
background:#fff url(//mn.idhospital.com/wp-content/themes/zeein/assets/img/navigation/bg_section_1.jpg) center top no-repeat;
}
.section_1 .tit {
padding-top:28%;
font-size:220%;
font-weight:bold;
text-align:center;
}
.section_1 .tit span {
color:#fd71b2;
}
.section_1 .reason {
margin-top:20px;
overflow: hidden;
text-align: center;
}
.section_1 .reason:after {
content:'';
display: block;
clear:both;
}
.section_1 .reason .box {
display: inline-block;
margin:0 14px;
padding:20px;
background: #f4f4f4;
border-radius:10px;
text-align: center;
}
.section_1 .reason .box .subbox {
display: table;
margin:15px auto 0;
}
.section_1 .reason .box .subbox i,
.section_1 .reason .box .subbox > span {
display: table-cell;
vertical-align: middle;
}
.section_1 .reason .box .subbox .clo {
color:#888;
padding-left:10px;
text-align: left;
}
.section_1 .reason .box .subbox .clo > span {
display: block;
color:#000;
}
.section_1 .compare {
margin-top:6%;
text-align: center;
}
.section_1 .compare h3 span {
color:#f078ad;
}
.section_1 .compare table {
margin:3% auto 0;
width:95%;
border-top:1px solid #484848;
border-bottom:1px solid #484848;
}
.section_1 .compare table th, 
.section_1 .compare table td {
padding:12px 0;
text-align: center;
}
.section_1 .compare table td {
border-top:1px solid #676767;
}
.section_1 .compare table td:nth-child(1) {
background: #f4f4f4;
}
.section_1 .compare table th:nth-child(2),
.section_1 .compare table td:nth-child(2) {
background: #141a36;
color:#fff;
}
.section_1 .compare table td:nth-child(3) {
background: #f2fdff;
}
.section_2 {
padding:3%;
}
.section_2 h3 span {
color:#f078ad;
}
.section_2 ul {
margin-bottom:3%;
}
.section_2 ul li {
display: table;
}
.section_2 ul li div {
display: table-cell;
padding-right: 10px;
vertical-align: middle;
}
.section_2 ul li div.q-tx {
color:#999;
}
.section_2 ul li .q {
display: inline-block;
padding: 3px 10px;
background: #aaa;
color:#fff;
border-radius: 30px;
}
.section_2 ul li .a {
display: inline-block;
padding: 3px 10px;
background: #fd71b2;
color:#fff;
border-radius: 30px;
}
.section_2 .video-txt {
padding-bottom: 2%;
background: #fff;
text-align: center;
color:#a1a1a1;
}
.section_2 .video-txt p {
padding:4% 0 1%;
color:#222;
}
.section_2 .video-txt span {
color:#f078ad;
}
.section_3 {
padding:3% 0;
}
.section_3 .result_tit {
text-align: center;
}
.section_3 .result_tit:after {
content: "";
display: block;
margin:2% auto;
width: 1px;
height: 45px;
background: #313131;
}
.section_3 .result_tit dt {
margin-bottom:1%;
font-size:180%;
}
.section_3 .result_tit dt span {
color:#f078ad;
}
.section_3 .result_tit dd {
position: relative;
display: inline-block;
}
.section_3 .result_tit dd:after {
content:'';
display: block;
position: absolute;
top:18%;
left:-40px;
width:27px;
height:22px;
background:url(//mn.idhospital.com/wp-content/themes/zeein/assets/img/navigation/icon_talk.png) 0 0 no-repeat;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.section_3 .result_tit dd:before {
content:'';
display: block;
position: absolute;
top:88%;
right:-40px;
width:27px;
height:22px;
background:url(//mn.idhospital.com/wp-content/themes/zeein/assets/img/navigation/icon_talk.png) 0 0 no-repeat;
-webkit-transform: translate(0, -50%) rotate(-180deg);
-moz-transform: translate(0, -50%) rotate(-180deg);
-o-transform: translate(0, -50%) rotate(-180deg);
transform: translate(0, -50%) rotate(-180deg);
}
.section_3 .result_tit_sub {
font-size:180%;
text-align: center;
}
.section_3 .result_tit_sub span {
color:#f078ad;
}
.section_3 .im-area {
position: relative;
margin-top:4%;
overflow: hidden;
}
.section_3 .im-area:after {
content:'';
display: block;
clear:both;
}
.section_3 .im-area .imbx {
float:left;
width:50%;
}
.section_3 .im-area .imbx .mob {
display: none;
}
.section_3 .im-area .im-txt {
position: absolute;
top:50%;
left:50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding:5% 2%;
background: rgba(253,236,246,0.9);
text-align: center;
color:#999;
font-size:90%;
}
.section_3 .im-area .im-txt p {
margin-bottom:10px;
font-size:110%;
color:#000;
}
.section_3 .im-area .im-txt span {
color:#f078ad;
}
.section_4 {
padding:2% 0 5%;
}
.section_4 .tit-area {
display: table;
margin: 0 auto;
}
.section_4 .tit-area i,
.section_4 .tit-area div {
display: table-cell;
font-size:130%;
vertical-align: middle;
}
.section_4 .tit-area div {
padding-left:10px;
}
.section_4 .tit-area div strong {
display: block;
font-size:170%;
}
.section_4 .cert_area {
margin-top:2%;
text-align: center;
}
.section_4 .cert_area .certbx {
display: inline-block;
position: relative;
margin:0 0.5%;
}
.section_4 .cert_area .certbx > a {
display: block;
}
.section_4 .cert_area .certbx div {
position: absolute;
top:50%;
right:5%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
color:#555;
text-align: right;
}
.section_4 .cert_area .certbx div strong {
display: block;
color:#141a36;
font-size:110%;
}
.section_4 .cert_area .certbx div button {
display: inline-block;
padding:5%;
margin-top:5px;
vertical-align: top;
border-radius: 30px;
font-size: 90%;
color: #2d3a49;
text-align: center;
border: 1px solid #2d3a49;
text-transform: uppercase;
} .section_5 {
background: url(//mn.idhospital.com/wp-content/themes/zeein/assets/img/twojaw/doctor_profile_bg.jpg) no-repeat  center center / cover;
background-color: #fff !important
}
.doctor_area .id_logo {display: none;}
.doctor_area {
position: relative;
padding: 5%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
gap: 40px;
}
.doctor_area p {
margin: 0;
}
.doctor_list .tit_box {
line-height: 1.8;
}
.doctor_area .doctor_title {
text-align: center;
}
.doctor_title .doctor_title_desc {
margin-bottom: 8px;
font-size: 1.7vw;
font-size: clamp(20px, 2.8vw, 28px);
font-weight: 600;
}
.doctor_title .doctor_title_tit {
font-size: clamp(30px, 2.8vw, 50px);
font-weight: 700;
line-height: 1.1;
background-image: linear-gradient(45deg, #c1a4f4 3%, #4190d5);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; 
-moz-background-clip: text;
-moz-text-fill-color: transparent;
}
.doctor_con {
position: absolute;
bottom: 40px;
display: flex;
flex-direction: column;
justify-content: end;
align-items: center;
width: 100%;
}
.doctor_list {
display: flex;
justify-content: center;
gap: 4vw;
max-width: 95%;
margin-bottom: 20px;
text-align: center;
font-size: 0.6vw;
font-weight: bold;
}
.doctor_list li .pro_name strong {
font-size: 0.8vw;
font-weight: 700;
}
.doctor_area .pro_desc {
padding: 10px;
margin-top: 10px;
background-color: #000;
color: #fff;
font-size: 0.8vw;
font-weight: normal;
}
@media screen and (max-width: 640px) {
.section_5 {
background: none;
}
.doctor_area .pro_desc {display: none;}
.doctor_area .id_logo {
display: inline-block;
width: 75%;
margin: 0 auto;
}
.doctor_area {
flex-direction: column-reverse;
justify-content: center;
gap: 20px;
}
.doctor_title .doctor_title_desc {
font-size: 6vw;
line-height: 1.3;
}
.doctor_title .doctor_title_tit {
font-size: 6vw;
}
.doctor_con {
position: static;
height: auto;
}
.doctor_list {
width: 100%;
padding: 0 5%;
}
.doctor_list, .doctor_list li .pro_name strong {
font-size: clamp(10px, 3vw, 14px);
font-weight: normal;
}
.doctor_list li .pro_name,
.doctor_list li .pro_name strong {
font-weight: bold;
}
.doctor_list li {
display: flex;
width: 33.3333%;
flex-direction: column-reverse;
justify-content: start;
gap: 10px;
}
}
.section_6 {
height:488px;
background:url(//mn.idhospital.com/wp-content/themes/zeein/assets/img/navigation/bg_stn_6.jpg) center 0 no-repeat;
text-align: center;
}
.section_6 h3 {
padding-top:25%;
color:#fff;
}
.section_6 h3 span {
color:#ff93c5;
}
.section_6 > p {
color:#fff;
}
.section_6 .txt {
margin: 4% 4% 0 4%;
padding:1% 0;
background: rgba(255,255,255,0.8);
}
.section_6 .txt img {
display: inline-block;
margin-right:1%;
}
.section_6 .txt p {
display: inline-block;
text-align: left;
font-size:120%;
vertical-align: middle;
}
.section_7 {
padding:5% 2%;
background: #e0eaec;
}
.section_7 h3 {
text-align:center;
font-size:160%;
}
.section_7 h3 span {
color:#fd71b2;
}
.section_7 ul {
overflow: hidden;
margin: 3% auto 0;
width: 90.5%;
}
.section_7 ul li {
float:left;
margin-right:22px;
margin-bottom:22px;
width:223px;
}
.section_7 ul li:nth-of-type(3n) {
margin-right:0;
}
.section_7 ul li .txt {
padding:2%;
height:130px;
background: #fff;
box-sizing:border-box;
}
.section_7 ul li .txt h4 {
color:#222;
font-size:100%;
}
.section_7 ul li .txt h4 span {
display: inline-block;
padding:2%;
color: #fff;
text-align: center;
background: #222;
}
.section_7 ul li .txt p {
font-size:80%;
color:#555;
line-height:1;
}
.section_8 {
padding:5% 2%;
background: #2d3a4a;
}
.section_8 h3 {
margin:0 3%;
padding-bottom:3%;
font-size:200%;
border-bottom:2px solid #fff;
text-align: center;
color:#fff;
}
.section_8 h3 span {
color:#ae938b;
}
.section_8 .plan-area {
overflow: hidden;
margin:3% auto 0;
width: 95%;
}
.section_8 .plan-area li {
float:left;
position: relative;
margin: 0 30px;
padding-top:5%;
width:210px;
height:210px;
background: #fff;
font-size:90%;
text-align: center;
border-radius:50%;
}
.section_8 .plan-area li:first-child {
margin-left:0;
}
.section_8 .plan-area li:last-child {
margin-right:0;
}
.section_8 .plan-area li:after {
content:'';
position: absolute;
top:50%;
left:-50px;
width:43px;
height:14px;
background:url(//mn.idhospital.com/wp-content/themes/zeein/assets/img/navigation/ico_arrow.jpg) 0 0 no-repeat;
}
.section_8 .plan-area li p {
margin-bottom:5px;
color:#a86e62;
}
.section_8 .mob {
display: none;
}
.section_8 .sam-area {
overflow: hidden;
margin:3% auto 0;
width:91%;
}
.section_8 .sam-area > div {
float:left;
}
.section_8 .sam-area > div p {
padding-top:10px;
height:70px;
line-height:1;
font-size:86%;
text-align: center;
vertical-align: middle;
box-sizing:border-box;
background: #fff;
color:#555;
}
.section_9 {
padding-top:5%;
padding-bottom:3%;
background: #fff4f2;
text-align: center;
}
.section_9 h3 {
font-size:200%;
}
.section_9 ul {
margin:3% 0;
}
.section_9 ul li {
display: inline-block;
padding:0 2%;
min-height:215px;
font-size:90%;
color:#555;
vertical-align: top;
border-left:1px solid #423f3f;
}
.section_9 ul li:first-child {
border-left:0;
}
.section_9 ul li p {
margin-bottom:5px;
color:#000;
}
.section_9 ul li p span {
color:#f28cb7;
}
@media screen and (max-width: 1223px) {
}
@media screen and (max-width: 1199px) {
.section_7 ul {
width: 71%;
}
.section_7 ul li:nth-of-type(odd) {
margin-right: 22px;
}
.section_7 ul li:nth-of-type(even) {
margin-right: 0;
}
.section_8 .plan-area {
width: 77%;
}
.section_8 .plan-area li:last-child {
margin-left: 26%;
}
.section_8 .sam-area {
width: 54%;
}
.section_9 ul li {
padding:1.5% 0;
min-height:auto;
width:68%;
border-top:1px solid #423f3f;
border-left:0;
}
.section_9 ul li:first-child {
border-top:0;
}
}
@media screen and (max-width: 991px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 767px) {
.section_3 .im-area .imbx {
float: none;
position: relative;
width: 100%;
}
.section_3 .im-area .imbx .mob {
display: block;
position: absolute;
top: 50%;
background: rgba(253,236,246,0.9);
font-size:110%;
box-sizing: border-box;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.section_3 .im-area .imbx.im01 .mob {
right:0;
padding:4%;
text-align: center;
}
.section_3 .im-area .imbx.im02 .mob {
left:0;
padding:4%;
}
.section_3 .im-area .imbx.im02 .mob span {
color:#f078ad;
}
.section_3 .im-area .im-txt {
display: none;
}
.section_7 ul {
width: 96%;
}
.section_8 {
background: #fff4f2;
}
.section_8 h3 {
color:#000;
border-bottom: 2px solid #000;
}
.section_8 .plan-area,
.section_8 .sam-area {
display: none;
}
.section_8 .mob {
display: block;
}
}
@media screen and (max-width: 617px) {
}
@media screen and (max-width: 460px) {
.section_7 ul {
width: 54%;
}
}
@media screen and (max-width: 451px) {
.section-zero .txt-area {
margin-left: 3%;
margin-right:45%;
top:63%;
text-align:left;
}
.section_7 ul {
width: 56%;
}
.section_1 .reason .box {
margin:5px 14px;
}
.section_3 .result_tit dd:before,
.section_3 .result_tit dd:after {
display: none;
}
}
@media screen and (max-width: 414px) {
.section_7 ul {
width: 61%;
}
}
@media screen and (max-width: 375px) {
.section_7 ul {
width: 68%;
}
}
@media screen and (max-width: 320px) {
.section_7 ul {
width: 80%;
}
}