@charset "euc-jp";





.popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: .6s;
    overflow-y: auto;
}
.popup.is-show {
    opacity: 1;
    visibility: visible;
}
.popup-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 92%;
    max-width: 1280px;
    height: 80%;
    padding: 2em 1em;
/*    background: #fff;*/
    background: #fff url("../img/coronabg_01.jpg") no-repeat center 0;
    background-size: 100% auto;
    color: #000;
    z-index: 2;
    overflow: auto;
}
.popup .inner {
    position: relative;
    padding: 1em;
/*    height: 80%;*/
    overflow: auto;
}
.popup .inner img{
    max-width: 100%;
    height: auto;
}
.popup .inner b{
    font-weight: 100;
    text-decoration: underline;
}

.ac{
    text-align: center;
}
.popup-inner span{
    color: red;
}
.btn {
    margin-bottom: 2em;
    text-align: center;
}
.close-btn {
    width: 180px;
/*    height: 40px;*/
    margin: auto;
/*    line-height: 40px;*/
    text-align: center;
    cursor: pointer;
}
/*
.btn {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 70px;
    margin: auto;
    width: 100%;
    height: 90px;
    text-align: center;
    cursor: pointer;
}
.close-btn {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 20px;
    margin: auto;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}
*/

.close-btn i {
  font-size: 20px;
  color: #333;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}






#content{
	float:left;
	width:700px;
	margin:28px 0 24px;
	display:inline;
}

#common-area{
	margin:0 0 24px;
}

#common-head{
	margin:0 0 4px;
}

#bread{
	margin:0 0 24px;
	font-size:74%;
}

#bread a{
	color:#f60;
}









/* GUIDE */

#guide{
	margin:0 0 24px;
}

#guide p{
	margin:0 0 16px;
}




/* IMPLANT */

#implant-01{
	width:621px;
	margin:0 auto 24px;
	_zoom:1;
	overflow:hidden;
	font-size:87%;
}

#implant-01 p.implant-02{
	float:left;
	margin:0 24px 128px 0;
	display:inline;
}

#implant-01 p.implant-03{
	float:left;
	margin:0 24px 32px 0;
	display:inline;
}

#implant-01 em{
	color:#0364d9;
	font-weight:bold;
}

#implant-01 p.implant-04{
	width:80px;
	margin:0 0 8px;
	padding:4px 0;
	text-align:center;
	color:#f60;
	border:1px solid #f60;
	font-weight:bold;
}

#implant-05{
	margin:0 36px 64px;
}

#implant-06{
	margin:0 0 32px;
	padding:32px 48px;
	background:#FFE1F5;
	border:1px solid #ccc;
}

#implant-05 .implant-07{
	margin:0 0 32px;
	padding:0;
}

#implant-05 .implant-07 p.imgR{
	margin:0 0 16px 16px;
}


#implant-01 .CCA{
	clear:both;
	margin:0 0 40px;
}

#implant-01 .CCA table{
	clear:both;
	width:100%;
	margin:0 0 40px;
	border-collapse:separate;
	border-spacing:0;
	background:#fff;
}

#implant-01 .CCA table td{
	width:33%;
	padding:4px 0;
	text-align:left;
}

#implant-01 .CCA p.imgL{
	float:left;
	margin:0 16px 32px 0;
	display:inline;
}

#implant-01 .CCA p.imgR{
	float:right;
	margin:0 0 32px 16px;
	display:inline;
}

#implant-01 .co{
	clear:both;
}

#nbc01{
	clear:both;
	margin:0 0 24px;
	padding:4px 8px 4px 136px;
	background:#fff url(../img/guide/implant/16.png) no-repeat 0 6px;
	border:1px solid #ccc;
}

#jch01{
	clear:both;
	margin:0 0 24px;
	padding:0;
	border:1px solid #00A3D9;
}

#jch01 h2{
	margin:0 0 8px;
	padding:8px 0;
	font-size:116%;
	font-weight:700;
	background:#00A3D9;
	color:#fff;
	text-align:center;
}

#jch02{
	margin:0;
	padding:0 8px;
}

#probitional{
	margin:32px 256px 32px 0;
	padding:8px 0;
	border:1px solid #333;
	text-align:center;
	font-size:116%;
	font-weight:700;
}

#shs01{
	clear:both;
	margin:0 0 24px;
	padding:16px 8px 8px;
	background:#ECECFB;
}

#shs01 h2{
	margin:0 0 16px;
	padding:0 0 8px;
	font-weight:100;
	border-bottom:1px dotted #333;
	text-align:center;
}

#shs02{
	margin:0;
	padding:0 8px;
}

#implant-01 #shs02 p.imgR{
	margin:0 0 0 16px;
}

#implant-01 .rei01 div.imgL{
	float:left;
	margin:0 16px 24px 0;
}

#implant-01 .rei01{
	clear:both;
	margin:0 0 24px;
}

#implant-01 .rei01 h3{
	margin:0 0 8px;
	font-size:116%;
	font-weight:700;
}

#implant-01 .rei01 .more{
	margin:0 304px 0 248px;
	padding:8px 0;
	background:#322C23;
	text-align:center;
}

#implant-01 .rei01 .more a{
	color:#fff;
}

#implant-01 .implant-08{
	margin:0 64px 40px;
}



#implant-01 .CCA div.imgL{
	float:left;
	margin:0 16px 24px 0;
}

#implant-01 .implant-09{
	clear:both;
	margin:0 0 24px;
	padding:16px;
	background:#E8EFFF;
}

#implant-01 .implant-10{
	margin:0 320px 4px 0;
	padding:8px;
	border:1px solid #000;
}

#implant-01 .implant-11{
	margin:0 220px 8px 0;
	padding:8px;
	background:#FFE3D0;
}

#implant-01 .implant-12{
	margin:0 0 16px;
	padding:8px;
	background:#ECECFB;
	border:1px solid #E93826;
}

#implant-01 .implant-13{
	margin:0 0 8px 32px;
	letter-spacing:-1px;
}

#implant-01 .implant-14{
	margin:0 0 16px;
	padding:8px;
	background:#ECECFB;
	border:1px solid #0364D9;
}

#implant-01 .implant-15{
	clear:both;
	margin:0 0 16px;
	padding:16px 24px 8px;
	background:#E0F5A2;
}

#implant-01 .implant-15 p{
	margin:0 0 8px;
}

#implant-01 .implant-15 strong{
	font-size:116%;
}

#implant-01 .implant-16{
	clear:both;
	margin:0 0 24px;
	padding:16px;
	background:#F9EAEF;
	color:#C94670;
	font-weight:700;
}

#implant-01 .implant-17{
	margin:0 248px 4px 0;
	padding:8px;
	border:1px solid #958951;
	background:#EAE7D7;
	color:#958951;
	font-weight:700;
}

#implant-01 .implant-18{
	margin:8px 0 32px;
	padding:16px 24px;
	background:#EAE7D7;
	color:#958951;
	font-weight:700;
}

#implant-01 .implant-19{
	clear:both;
	margin:0 0 16px;
	padding:0;
	border:1px solid #ACC83E;
	font-weight:700;
	color:#958951;
}

#implant-01 .implant-19 p{
	margin:0 16px 16px;
}

#implant-01 .implant-20{
	margin:0 0 8px;
	padding:16px 0;
	text-align:center;
	background:#ACC83E;
}





#implant-01 .CCA .backnav{
	clear:both;
	padding:16px 0 0;
	text-align:right;
	font-size:116%;
	font-weight:700;
}

#implant-01 .CCA .backnav a{
	color:#f60;
}






/* ESTHE */

#implant-01 p.esthe-01{
	float:right;
	margin:8px 0 64px 0;
	display:inline;
}

#implant-01 .esthe-02{
	float:left;
	width:280px;
	margin:0 16px 8px 0;
	border-bottom:1px dotted #707070;
	font-weight:bold;
	color:#f60;
	display:inline;
}

#implant-01 .esthe-03{
	float:left;
	width:280px;
	margin:0 16px 16px 0;
	display:inline;
}

#implant-01 .esthe-04{
	clear:both;
	float:left;
	width:280px;
	margin:0 16px 48px 0;
	display:inline;
}

#implant-01 .esthe-05{
	float:right;
	width:280px;
	margin:0 0 48px 0;
	display:inline;
}

#implant-01 .esthe-04 strong, #implant-01 .esthe-05 strong{
	font-weight:bold;
	color:#f60;
}

#esthe-sp-01{
clear:both;
}

#implant-01 .esthe-06{
clear:both;
	margin:0 0 8px;
	padding:0 0 4px;
	border-bottom:1px dotted #707070;
	font-weight:bold;
	color:#f60;
}

#implant-01 p.esthe-07{
clear:both;
	float:right;
	margin:8px 0 64px 32px;
	display:inline;
}

#esthe-08{
clear:both;
	margin:0 0 40px;
	font-weight:bold;
	color:#f60;
}

#esthe-09{
	float:left;
	width:296px;
	margin:0;
	display:inline;
	border:1px solid #333;
}

#esthe-10{
	float:right;
	width:296px;
	margin:0;
	display:inline;
	border:1px solid #333;
}

#esthe-09 p, #esthe-10 p{
	margin:20px 8px;
}




/* ORTHODONTICS */

#orth-01{
	width:621px;
	margin:0 auto 24px;
	_zoom:1;
	overflow:hidden;
	font-size:87%;
}

#orth-01 p.orth-02{
	float:right;
	margin:8px 0 64px 32px;
	display:inline;
}

#orth-03{
	margin:0 0 32px;
}

#orth-03 table{
	width:620px;
	margin:0 auto;
}

#orth-03 table em{
	color:#993;
	font-weight:bold;
}

#orth-03 table p{
	margin:0 0 8px;
}

#orth-03 table td.c-01{
	width:50%;
	padding:32px 40px 40px 24px;
	background:#fff url(../guide/orth-03.png) no-repeat left top;
	vertical-align:top;
}

#orth-03 table td.c-02{
	width:50%;
	padding:32px 24px 40px 40px;
	background:#fff url(../guide/orth-03.png) no-repeat right top;
	vertical-align:top;
}

#orth-04 .cl{
clear:both;
	margin:0 0 32px;
}

#orth-04 .orth-05{
	float:left;
	width:175px;
	margin:0;
	display:inline;
	text-align:center;
}

#orth-04 .orth-06{
	float:right;
	width:400px;
	margin:0;
	display:inline;
}

#orth-05{
	margin:0 0 32px;
}

#orth-05 dl{
	margin:0 0 16px;
	padding:0 0 4px;
	border-bottom:1px solid #333;
}

#orth-05 dt{
	margin:0 0 8px;
	padding:4px 0 8px 40px;
	background:#fff url(../guide/orth-16.png) no-repeat left top;
	font-weight:bold;
	font-size:124%;
}

#orth-05 dd{
	margin:0;
	padding:4px 0 8px 40px;
	background:#fff url(../guide/orth-17.png) no-repeat left top;
}

#orth-06{
	margin:64px 0 32px;
}

#orth-06 p{
	margin:0 0 16px;
}




/* DENTAL */

#implant-01 .dental-01{
	margin:8px 0;
	background:#249fe8;
	color:#fff;
	padding:2px 8px;
}

#implant-01 .dental-02{
	margin:32px 0 0;
}

#implant-01 .dental-02 ol{
	margin:0 0 8px;
}

#dental-03{
	margin:32px 0;
	text-align:center;
}

#dental-03 ul{
	width:485px;
	margin:0 auto;
	padding:8px 0;
	background:#FFE9D2;
	text-align:left;
}

#dental-03 li{
	margin:0 8px 4px 32px;
}

#dental-04{
	width:485px;
	margin:0 auto 8px;
	text-align:left;
}

#dental-05{
	margin:0 0 32px;
}

#dental-05 strong{
	color:#2C5F92;
	font-size:108%;
}

#dental-06{
	margin:8px 0 0 14px;
}

#dental-06 em{
	color:#903;
	font-weight:bold;
}




/* PEDODONTICS */

#implant-01 .ped-01{
	margin:0 0 8px;
}

#implant-01 .ped-02{
	margin:0 0 8px 40px;
}

#implant-01 .ped-03{
	margin:0 0 32px 40px;
}

#implant-01 .ped-04{
	margin:0 0 32px 40px;
	padding:8px 128px 48px 0;
	background:#fff url(../guide/ped-10.png) no-repeat right bottom;
}







#implant-01 .oral-01{
	float:right;
	width:264px;
	margin:0;
	display:inline;
}

#oral-02{
	float:left;
	width:332px;
	margin:0 0 64px;
	display:inline;
}







#implant-01 .tjd-01{
	float:left;
	width:264px;
	margin:0 0 16px;
	display:inline;
}

#implant-01 .tjd-02{
	float:right;
	width:264px;
	margin:0 32px 16px 0;
	display:inline;
}










/* ACCESS */

#access{
	width:618px;
	margin:0 auto 24px;
	padding:0 24px 24px
}

#access p{
	margin:0 0 8px;
}

#access table{
	width:618px;
	margin:0 0 40px;
}

#access td{
	padding:8px 0 4px;
	border-bottom:1px dotted #333;
	vertical-align:top;
}

#access td p{
	margin:0 16px;
}

#access td.c-01{
	width:100%;
}

#access td.c-02{
	width:15%;
	color:#f60;
	font-weight:bold;
}

#access td.c-03{
	width:85%;
}

#access-01{
	margin:32px 0 0;
}









/* DOCTOR */

#doctor{
	margin:0 0 24px;
	padding:0 24px 24px
}

#doctor p{
	margin:0 0 16px;
}

#doctor .doctor-01{
	float:right;
	width:416px;
}

#doctor .doctor-01 table{
	width:416px;
	margin:0 0 32px;
}

#doctor .doctor-01 table tr{
	border-bottom:1px dotted #333;
}

#doctor .doctor-01 table td{
	padding:8px 4px;
	text-align:left;
	vertical-align:top;
}

#doctor .doctor-01 table td.c-01{
	width:18%;
}

#doctor .doctor-01 table td.c-02{
	width:82%;
}

#doctor .doctor-01 dl{
	margin:0 0 16px;
}

#doctor .doctor-01 dt{
	clear:both;
	float:left;
	width:80px;
	margin:0 0 8px;
	padding:0 0 4px;
	display:inline;
	border-bottom:1px dotted #333;
}

#doctor .doctor-01 dd{
	float:left;
	width:336px;
	margin:0 0 8px;
	padding:0 0 4px;
	display:inline;
	border-bottom:1px dotted #333;
}

#doctor .doctor-01 a{
	color:#f60;
}


#doctor .doctor-02{
	float:left;
	width:210px;
}

#doctor .doctor-03{
	clear:both;
	padding:16px 0 64px;
}










/* INFO */

#info{
	margin:0 0 24px;
}

#info li.info-01{
	float:left;
	width:163px;
	margin:0 14px 4px 0;
	display:inline;
}

#info li.info-02{
	float:left;
	width:163px;
	margin:0 4px 4px 0;
	display:inline;
}

#info li.info-03{
	float:left;
	width:163px;
	margin:0 14px 16px 0;
	display:inline;
}

#info li.info-04{
	float:left;
	width:163px;
	margin:0 4px 16px 0;
	display:inline;
}

#info-05{
	margin:0 0 16px 0;
}

#info-05 table{
	width:624px;
	margin:16px auto 16px;
	border-spacing:0;
	border-collapse:separate;
}

#info-05 table td{
	width:50%;
	padding:16px 28px;
	vertical-align:top;
	font-size:73%;
}

#info-05 table td strong{
	font-size:108%;
}

#info-05 table td p{
	margin:0 0 4px;
}

#info-05 table td img{
	vertical-align:middle;
}

#info-05 table td.c-01{
	border-right:1px dotted #333;
	border-bottom:1px dotted #333;
}

#info-05 table td.c-02{
	border-bottom:1px dotted #333;
}











#system{
	margin:0;
}

#system .cl{
clear:both;
	margin:16px 24px 32px;
	font-size:85%;
}

#system .sys-01{
	float:left;
	width:360px;
	margin:16px 0;
	display:inline;
}

#system .sys-01 p{
	margin:0 0 8px;
}

#system .sys-02{
	float:right;
	width:258px;
	margin:16px 0;
	display:inline;
	text-align: left;
}

#system .sys-03{
	margin:0 0 8px;
	padding:8px 0;
	color:#f60;
	font-weight:700;
	text-align:center;
	border-top:1px dotted #707070;
	border-bottom:1px dotted #707070;
}

#sys-04{
clear:both;
	margin:0 80px;
	padding:16px 0 0;
}

#sys-04 p{
	margin:0 0 16px;
}











/* IMPLANT */

#ct{
	margin:0;
}

#ct .cl{
clear:both;
	margin:16px 0 32px 24px;
	font-size:85%;
}

#ct-01{
	float:left;
	width:350px;
	margin:16px 0;
	display:inline;
}

#ct-01 p{
	margin:0 0 8px;
}

#ct-02{
	float:right;
	width:296px;
	margin:16px 0;
	display:inline;
	text-align: left;
}

#ct-03{
	margin:0 0 8px;
	padding:0 0 4px;
	font-size:108%;
	font-weight:700;
	border-bottom:1px dotted #707070;
}

#ct-04{
	margin:0 0 8px;
	padding:0 0 4px;
	color:#71BDCD;
	font-size:108%;
	font-weight:700;
}

#ct .ct-05{
clear:both;
	margin:0 0 16px;
	padding:0 0 8px;
	_zoom:1;
	overflow:hidden;
	font-size:84%;
	border-bottom:1px dotted #707070;
}

#ct .ct-05 p.ct-06{
	float:right;
	margin:0 0 0 16px;
	display:inline;
}

#ct .ct-05 .ct-07{
	width:270px;
	margin:8px 0 0 24px;
}

#ct .ct-05 em{
	color:#71BDCD;
	font-weight:700;
	font-size:108%;
}











/* VOICE */

#content .voice{
	width:621px;
	margin:0 0 64px 24px;
}

#content .voice p{
	margin:0 0 16px;
}

#content .voice .common{
	margin:0 0 8px;
	padding:2px 8px;
	background:#E8E8E8;
}

#content .voice em{
	color:#f60;
}












/* PRICE */

#content .price{
	margin:8px 0 24px;
	padding:0 24px;
}

#content .price p{
	margin:0 0 16px;
}

#content .price em{
	color:#FF9900;
	font-weight:700;
}

#content .price table{
	width:640px;
	margin:0 auto 32px;
	background:#ccc;
	border-collapse:separate;
	border-spacing:1px;
	border:1px solid #ccc;
}

#content .price table td{
	padding:8px 16px;
	background:#fff;
	vertical-align:middle;
}

#content .price table td.cell-01{
	width:75%;
	background:#fff;
}

#content .price table td.cell-01-a{
	width:25%;
	background:#fff;
}

#content .price table td.cell-01-b{
	width:50%;
	background:#fff;
}

#content .price table td.cell-02{
	width:25%;
	background:#FFE4D2;
	text-align:right;
	font-weight:700;
}












/* JOB */

#job-area{
	width:618px;
	margin:0 auto 24px;
}

#job-area p{
	margin:0 0 16px;
}

#job-01{
	margin:0 0 24px;
	padding:8px 0 0;
	background:#fff url(../clinic/job-01.png) no-repeat left top;
}

#job-area .cl{
	clear:both;
	margin:0 0 8px;
	padding:0 0 8px;
	background:#fff url(../clinic/job-01.png) no-repeat left bottom;
}

#job-01 .job-02{
	float:left;
	width:90px;
	margin:0 0 0 16px;
	display:inline;
	font-weight:bold;
}

#job-01 .job-03{
	float:right;
	width:480px;
	margin:0 16px 0 0;
	display:inline;
}

#job-04{
	margin:0 0 32px;
}

#job-05{
	margin:0 0 32px;
	padding:16px 8px 0;
	border:2px solid #f60;
}

#job-06{
	width:360px;
	margin:16px 0;
	padding:8px;
	background:#ddd;
}

#job-area .job-07{
clear:both;
	margin:32px 0 64px;
}










/* SITEMAP */

#sm-area{
	width:248px;
	margin:0 auto 24px;
	text-align:center;
}

#sm-area a{
	color:#f60;
}

#sm-area ul{
	text-align:left;
	font-size:85%;
}

#sm-area ul li{
	margin:0 0 8px;
	padding:0 0 0 16px;
	background:url(../clinic/sm-02.png) no-repeat left 7px;
}

#sm-area ul li ol li{
	margin:2px 0 2px 8px;
	padding:0 0 0 16px;
	background:url(../clinic/sm-03.png) no-repeat left 5px;
}

#sm-01{
	width:160px;
	margin:2px 0 2px 16px;
	text-align:center;
	border:1px solid #848484;
}

#sm-area ul li#sm-02{
	margin:0 0 8px;
	padding:0 0 0 16px;
	background: none;
}









/* CONTACT */

#contact-01{
	margin:0 auto;
	overflow:hidden;
	text-align:left;
}


#contact-01 p{
	margin:0 0 16px;
}

#contact-01 em{
	color:#f00;
}

#contact-01 table{
	width:700px;
	margin:8px auto 16px;
	background:#f60;
	border-collapse:separate;
	border-spacing:1px;
	text-align:left;
}

#contact-01 table td.data{
	width:25%;
	padding:16px 0 16px 24px;
	background:#ffa266;
	vertical-align:top;
}

#contact-01 table td.request{
	width:75%;
	padding:16px;
	background:#fff;
	vertical-align:top;
}

#contact-01 table td.request p{
	margin:0 0 16px;
}

#contact-02{
	width:280px;
	margin:0 auto;
	overflow:hidden;
	text-align:left;
}

#contact-02 p.contact-03{
	float:left;
	margin:0 32px 0 0;
	display:inline;
}

#contact-04{
	width:280px;
	margin:0 auto;
	text-align:left;
}


.job__faq .hd{
	margin: 0 0 24px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.job__faq dl{
	padding-top: 24px;
	border-top: 1px solid #ddd;
}
.job__faq dt{
	margin: 0 0 16px;
	padding-bottom: 24px;
	border-bottom: 1px solid #ddd;
}
.job__faq dd{
	margin: 0 0 32px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ddd;
}
.job__faq dt::before{
	content: "Q. ";
	padding-right: 8px;
	color: #f60;
}
.job__faq dd::before{
	content: "A. ";
	padding-right: 8px;
	color: #f60;
}