@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 */
.section-zero {
	position: relative;
	height:300px;
	background:#f7edf5 url(/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 */
.section_1 {
	padding-bottom:6%;
	background:#fff url(/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: right;
}
.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(/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(/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;
}

/* doctors list */
.section_5 {
  background: url(/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(/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:140px;
	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(/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:165px;
	font-size:90%;
	color:#555;
	vertical-align: top;
	border-right:1px solid #423f3f;
}
.section_9 ul li:first-child {
	border-right: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%;
	}
}