@charset "utf-8";
/*
Theme Name: 庄野歯科
Theme URI: https://www.shono-dental.jp/
Description: Versions 1.0.x
Version: 1.0
Author: Dental Promotion
Tags: mantle color, variable width, two columns, widgets

This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,time, mark, audio, video {	margin:0;	padding:0;	border:0;	outline:0;	font-size:100%;	vertical-align:baseline;	background:transparent;}body {	line-height:1;}article, aside, dialog, figure, footer, header,hgroup, nav, section {	display:block;}nav ul {	list-style:none;}blockquote, q {	quotes:none;}blockquote:before, blockquote:after,q:before, q:after {	content:'';	content:none;}a {	margin:0;	padding:0;	border:0;	font-size:100%;	vertical-align:baseline;	background:transparent;}ins {	background-color:#ff9;	color:#000;	text-decoration:none;}mark {	background-color:#ff9;	color:#000;	font-style:italic;	font-weight:bold;}del {	text-decoration: line-through;}abbr[title], dfn[title] {	border-bottom:1px dotted #000;	cursor:help;}table {	border-collapse:collapse;	border-spacing:0;}hr {    display:block;    height:1px;    border:0;    border-top:1px solid #cccccc;    margin:1em 0;    padding:0;}input, select {	vertical-align:middle;}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

html{
	overflow: auto;
}
@media screen and (max-width: 768px) {
html{
	font-size:62.5%;
	-webkit-text-size-adjust: 100%;
}
}

body {
	width: 100%;
    max-width: 1600px;
	margin:0 auto;
	padding:0;
	text-align:center;
	background:#fff;
	color: #000;
	font-family: "Yu Gothic", YuGothic, "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Godthic Pro W3", HiraKakuPro-W3, Osaka,  "ＭＳ Ｐゴシック", sans-serif;
	font-size: 16px;
	line-height: 1.8em;
	letter-spacing: 1.6pt;
	overflow: hidden;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@media screen and (max-width: 768px) {
body {
	min-width: 100%;
	font-size: 1.6rem;
	position: relative;
}
}

h1,h2,h3,h4,h5,h6{
	margin: 0;
	font-weight: 100;
}

*, *:before, *:after{
	box-sizing: border-box;
}

::selection {
	background: rgba(53,138,170,1);
	color: rgba(255,255,255,1);
	text-shadow: 1px 1px 2px rgba(240, 240, 200, 1);
}
::-moz-selection {
	background: rgba(53,138,170,1);
	color: rgba(255,255,255,1);
	text-shadow: 1px 1px 2px rgba(240, 240, 200, 1);
}

a{
	text-decoration:none;
	outline:none;

	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;

	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear;
}
a:link, a:visited{
	color: #245d72;
}
a:active, a:hover{
	color: rgb(84,147,207);
	text-decoration: none;
}

a:link img, a:visited img{
	-webkit-transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-ms-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
}

a:hover img{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	display: inline-block;
	backface-visibility: hidden;
}

p{margin:0;}
table{border-collapse:separate;}
i,em{font-style:normal;}
img{
    max-width: 100%;
    height: auto;
    border:none;
    vertical-align:middle;
}

ul, ol, li{
	margin:0;
	padding:0;
	list-style:none;
}

.cf{zoom:100%;}
.cf:after{
    content:"";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
}

.udl{
	text-decoration:underline;
}
.oz{
	overflow: hidden;
	_zoom: 1;
}
.tc3070 .grid:nth-child(odd){
    width: 30%;
}
.tc3070 .grid:nth-child(even){
    width: 70%;
    padding-left: 24px;
}
.tc4060 .grid:nth-child(odd){
    width: 40%;
}
.tc4060 .grid:nth-child(even){
    width: 60%;
    padding-left: 24px;
}
.tc6040 .grid:nth-child(odd){
    width: 60%;
    padding-right: 24px;
}
.tc6040 .grid:nth-child(even){
    width: 40%;
}
.tc7030 .grid:nth-child(odd){
    width: 70%;
    padding-right: 24px;
}
.tc7030 .grid:nth-child(even){
    width: 30%;
}
.fx_r.tc4060 .grid:nth-child(1){
    width: 40%;
    padding-left: 24px;
}
.fx_r.tc4060 .grid:nth-child(2){
    width: 60%;
    padding-left: 0;
}
.fx_r.tc7030 .grid:nth-child(1){
    width: 30%;
    padding-left: 24px;
}
.fx_r.tc7030 .grid:nth-child(2){
    width: 70%;
    padding-left: 0;
}
@media screen and (max-width: 540px) {
.tc3070 .grid:nth-child(odd),
.tc4060 .grid:nth-child(odd),
.tc6040 .grid:nth-child(odd),
.tc7030 .grid:nth-child(odd){
    width: 100%;
    padding-right: 0;
}
.tc3070 .grid:nth-child(even),
.tc4060 .grid:nth-child(even),
.tc6040 .grid:nth-child(even),
.tc7030 .grid:nth-child(even){
    width: 100%;
    padding-left: 0;
}
.fx_r.tc7030 .grid:nth-child(1),
.fx_r.tc4060 .grid:nth-child(1){
    width: 100%;
    padding-left: 0;
    margin-bottom: 24px;
}
.fx_r.tc7030 .grid:nth-child(2),
.fx_r.tc4060 .grid:nth-child(2){
    width: 100%;
}
}




.al{text-align:left;}
.ac{text-align:center;}
.ar{text-align:right;}

.imgL, .txtL{float:left;}
.imgR, .txtR{float:right;}
.co{clear:both;}


.w20{width: 20%;margin-left: auto;margin-right: auto;}
.w30{width: 30%;margin-left: auto;margin-right: auto;}
.w40{width: 40%;margin-left: auto;margin-right: auto;}
.w50{width: 50%;margin-left: auto;margin-right: auto;}
.w60{width: 60%;margin-left: auto;margin-right: auto;}
.w70{width: 70%;margin-left: auto;margin-right: auto;}
.w80{width: 80%;margin-left: auto;margin-right: auto;}
.w90{width: 90%;margin-left: auto;margin-right: auto;}

@media screen and (max-width: 768px) {
.w20,.w30,.w40,.w50,.w60,.w70,.w80,.w90{width: 100%;}
}


.fwb{font-weight:700;}



.fs17{font-size: 17px}
.fs18{font-size: 18px}



.mt8{margin-top:8px;}
.mt16{margin-top:16px;}
.mt24{margin-top:24px;}
.mt32{margin-top:32px;}
.mt40{margin-top:40px;}
.mt128{margin-top:128px;}


.mb0{margin-bottom:0!important;}
.mb4{margin-bottom:4px;}
.mb8{margin-bottom:8px;}
.mb16{margin-bottom:16px;}
.mb24{margin-bottom:24px;}
.mb32{margin-bottom:32px;}
.mb40{margin-bottom:40px;}
.mb48{margin-bottom:48px;}
.mb56{margin-bottom:56px;}
.mb64{margin-bottom:64px;}
.mb72{margin-bottom:72px;}
.mb80{margin-bottom:80px;}
.mb88{margin-bottom:88px;}
.mb96{margin-bottom:96px;}
@media screen and (max-width: 767px) {
.mb40{margin-bottom:24px;}
}


.pt24{padding-top:24px;}

.fwb{font-weight: 700;}


.mh120{min-height: 120px;}
.mh160{min-height: 160px;}
.mh240{min-height: 240px;}

.fb-like-box,.fb-like-box span, .fb-like-box iframe {
 width: 100% !important;
}

.fc_orange{
    color: #d75643;
}
.ic_blue{
    color: rgb(105,136,192);
}
.ic_gold{
    color: #bba700;
}
.ic_pink{
    color: #de877b;
}

.more a{
	display: block;
    padding: 16px 8px;
    background: rgba(24,48,79,1) url("../../../img/common/svg/arrow.svg") no-repeat 97% center;
    background-size: 8% auto;
    color: #fff;
    border: 1px solid #fff;
    font-size: 17px;
    text-align: center;
    letter-spacing: 0;
    border-radius: 8px;
    line-height: 1.2;
}
.more a:hover{
    background: rgba(48,96,158,1) url("../../../img/common/svg/arrow.svg") no-repeat 99% center;
    background-size: 8% auto;
    color: #fff;
}


a.icon_pdf{
    padding-right: 24px;
	background: url(../../../img/common/svg/pdf.svg) no-repeat right;
    background-size: 16px auto;
}

.spc{
	display: none;
}
@media screen and (max-width: 768px) {
.dn{
	display: none;
}
.spc{
	display: inherit;
}
}
.clickable{
	position: relative;
	-webkit-transition:all .5s linear;
	-moz-transition:all .5s linear;
	transition:all .5s linear;
}
.clickable:hover{
	color:rgba(0,169,158,.7);
}
.clickable img{
	-webkit-transition:all .5s linear;
	-moz-transition:all .5s linear;
	transition:all .5s linear;
}
.clickable:hover img{
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}




header{
	width: 100%;
	margin: 0 auto;
	text-align: left;
    background: #fff;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear;
}
header .cf{
	position: relative;
}
header .dn{
    width: 92%;
    margin: auto;
}
header h1,
header p{
	margin:0 0 8px;
	padding: 8px 5%;
    background: rgba(164,151,144,1);
    color: #fff;
	text-align: left;
}
#logo{
    padding: 24px 0 0;
	text-align: center;
}

/* コロナ */
#coronaBox{
	width: 100%;
	text-align: center;
	padding-top: 16px;
}
@media screen and (max-width: 768px) {
#coronaBox{
	padding-top: 72px;
}
}







#header{
	display: none;
}
@media screen and (max-width: 1024px) {
header .dn{
    width: 98%;
    margin: auto;
}
#upper{
    width: 36%;
}
}


#gnav{
	width: 96%;
	margin: 24px auto 0;
    padding: 0;
	background: rgba(255,255,255,1);
}
#gnav nav{
	width: 100%;
	margin: 0;
}
#gnav nav ul{
	position: relative;
	padding: 0;
	font-size: 17px;
    font-weight: 700;
}
#gnav nav ul::after {
	display: block;
	clear: both;
	content: '';
}
#gnav nav ul li{
	position: relative;
	float: left;
	width: 14.285%;
	letter-spacing: 0;
    text-align: center;
}
#gnav nav ul li:not(:first-child) {
	border-left: none;
}
#gnav nav ul li a{
	padding: 8px 0;
	color: #333;
	text-align: center;
	display: block;
}
#gnav nav ul li a:hover,
#gnav nav ul li a.ov{
	padding: 8px 0;
    background: rgba(242,242,242,1);
	text-decoration: none;
	color: #000;
}
#gnav nav ul ul{
	position: absolute;
	top: 100%;
	left: -1px;
    border-left: 0;
}
#gnav nav ul ul li{
	float: none;
	width: 240px;
    border: 0;
}
#gnav nav ul ul li:not(:first-child) {
	border-top: none;
}
#gnav nav ul ul ul{
	position: absolute;
	top: -2px;
	left: 100%;
}
#gnav nav ul ul{
	visibility: hidden;
	opacity: 0;
	transition: .2s ease-in-out;
	transform: translateY(-20px);
	z-index: 50;
    letter-spacing: 0;
}
#gnav nav ul li:hover > ul {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}
#gnav nav ul li li a{
	padding: 8px;
    background: rgba(164,151,144,1);
    color: #fff;
	text-decoration: none;
    text-align: left;
}
#gnav nav ul li li a:hover{
	padding: 8px;
    background: rgba(242,242,242,1);
	color: #333;
}
@media screen and (max-width: 768px) {
header{
	height: auto;
}
#header{
	margin: 0;
	padding: 0 0 2px;
	text-align: left;
	display: inherit;
    background: rgba(255,255,255,1);
}
header h1,
header p{
	width: 100%;
	margin:0 auto;
	padding: 8px;
	text-align: left;
	font-size: 14px;
}
header .inner {
    margin: 0;
}
header .inner:after {
    content: "";
    clear: both;
    display: block;
}
#top-head{
	width: 100%;
    margin: 0;
	padding: 0;
    line-height: 1;
	top: 0;
	position: absolute;
    z-index: 999;
	transition: .5s;
}
#top-head a{
    color: #fff;
    text-decoration: none;
}
#top-head .inner {
	width: 100%;
	padding: 0;
    position: relative;
}
#top-head .logo {
	position: absolute;
	left: 10px;
	top: 10px;
}
#top-head .logo img{
	max-width: 290px;
	height: auto;
}
#global-nav{
	width: 100%;
	padding: 0;
    background: rgba(164,151,144,1);
	text-align: center;
	top: -500px;
	position: absolute;
	-webkit-transition: .7s ease-in-out;
	-moz-transition: .7s ease-in-out;
	transition: .7s ease-in-out;
}
nav{
	padding-bottom: 0;
	border-bottom: 0;
}
nav ul{
	width: 100%;
	margin: auto;
	padding: 0;
	border-left: 0;
	border-top: 1px solid #fff;
}
#global-nav ul{
	width: 100%;
	list-style: none;
	position: static;
	right: 0;
	bottom: 0;
}
#global-nav ul li {
	float: left;
	width: 50%;
	position: static;
}
#global-nav ul li:nth-of-type(odd){
	clear:both;
}
nav ul#global-nav li:nth-of-type(2),
nav ul#global-nav li:nth-of-type(5)
{
	width: 50%;
}
#global-nav ul li a{
	width: 100%;
	display: block;
	color: #fff;
	padding: 10px 0;
}
#mobile-head{
	width: 100%;
	/*height: 48px; コロナ前 */
	height: 112px;
	z-index: 999;
	position: relative;
}
#top-head.fixed{
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 0;
    height: 64px;
/*    overflow: auto;*/
    -webkit-overflow-scrolling: touch;
    background: rgba(255,255,255,1);
    transition: top .65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
    -webkit-overflow-scrolling: touch;
    z-index: 9999;
}
#top-head.fixed .logo img,
#top-head.fixed #coronaBox img{
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
}
#top-head.fixed img{
    width: 60%;
    height: auto;
}

#nav-toggle{
	padding: 4px 0 0;
	text-align: center;
	display: block;
	position: absolute;
	right: 10px;
	top: 8px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 999;
}
#nav-toggle div{
    position: relative;
}
#nav-toggle span{
    display: block;
    position: absolute;
    height: 2px;
    width: 90%;
    background: rgba(164,151,144,1);
    left: 2px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 10px;
}
#nav-toggle span:nth-child(3) {
    top: 20px;
}
.open #nav-toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
.open #global-nav {
	-moz-transform: translateY(556px);
	-webkit-transform: translateY(556px);
	transform: translateY(556px);
    z-index: 9999;
}
.fixed.open #global-nav{
	-moz-transform: translateY(540px);
	-webkit-transform: translateY(540px);
	transform: translateY(540px);
    z-index: 9999;
}

#upper_phone{
	float: none;
	width: 100%;
	padding: 8px 0;
	color: #fff;
    text-align: left;
}
#upper_phone div:first-of-type{
	text-align: center;
	font-size: 35px;
	color: #fff;
	line-height: 1.4;
}
#upper_phone div:last-of-type{
    padding: 0 2%;
    line-height: 1.6;
}
#upper_phone div:first-of-type span{
	font-size: 16px;
	display: block;
}
#upper_phone div:last-of-type span{
    font-weight: 700;
}
}




#ec{
    border-bottom: 1px dashed;
}
#ec img{
    width: 100%;
    height: auto;
}
@media screen and (max-width: 768px) {
#ec{
	margin: 88px 0 0;
    padding-bottom: 8px;
}
}



#slider{
	margin: 0;
	padding: 64px 0 40px;
}
#slider .hd{
    margin: 0 0 24px;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}
#slider .slide{
	width: 92%;
    margin: 0 auto;
}
#slider .swiper-container {
	width: 100%;
    margin: 0;
}
#slider .swiper-pagination{
	margin:0;
}
#slider .swiper-slide{
	text-align: center;
	background:#DDF1C9;	
	color:#333;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
#slider .slides_item{
	height: 280px;
	margin: 0 10px 16px;
	text-align: left;
	color: #333;
}
#slider img{
    width: 100%;
    height: auto;
}
#slider .more a{
    position: relative;
    display: block;
    width: 30%;
    margin: 0 auto;
    padding: 8px;
    background: #e8f0f3;
    color: #245d72;
    border: 1px solid;
    font-size: 18px;
    text-align: center;
}
#slider .more a:hover{
    background: rgba(36,93,114,1);
    color: #e8f0f3;
    border: 1px solid #245d72;
}
@media screen and (max-width: 767px) {
#slider .hd{
    width: 100%;
}
#slider .slide_selector{
	width: 80%;
}
#slider .slide{
	width: 85%;
    margin: 0 auto;
}
#slider .slides_item{
    height: auto;
	margin:0 4px 16px;
	text-align:left;
}
#slider .more a{
    width: 92%;
}
}








#top{
	text-align: left;
}
#top p{
    margin-bottom: 24px;
}
/*
#top strong{
	background: linear-gradient(transparent 70%, #F7F753 70%);
}
*/
#top .sub_eng{
    width: 30%;
    margin: 0 auto 16px;
    padding: 8px;
    line-height: 1;
    border: 1px solid;
    text-align: center;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
}
@media screen and (max-width: 768px) {
#top{
	margin: 0;
}
}

#top img{
	max-width: 100%;
	height: auto;
}






#greeting{
    padding: 40px 0;
    background: rgba(235,229,226,1);
}
#greeting h2{
    height: 160px;
    margin: 0 0 8px;
    padding: 110px 0 0;
    text-align: center;
    font-size: 36px;
    background: url("../../../img/common/svg/greeting.svg") no-repeat center 0;
    background-size: 240px auto;
    font-family: "M PLUS Rounded 1c";
}
#greeting div{
    width: 80%;
    margin: auto;
    background: url("../../../img/common/svg/shono.svg") no-repeat center 5%;
}
@media screen and (max-width: 767px){
#greeting h2{
    font-size: 30px;
}
#greeting div{
    width: 92%;
    margin: auto;
    background: url("../../../img/common/svg/shono.svg") no-repeat center 40%;
    background-size: contain;
}
}


#concept{
    padding: 40px 0 0;
    background: rgba(255,255,255,1);
    text-align: center;
}
#concept h2{
    height: 160px;
    margin: 0 0 8px;
    padding: 100px 0 0;
    text-align: center;
    font-size: 36px;
    background: url("../../../img/common/svg/concept.svg") no-repeat center 0;
    background-size: 360px auto;
    font-family: "M PLUS Rounded 1c";
}
#concept h2 span{
    color: #E38486;
}
#concept div{
    width: 80%;
    margin: auto;
    background: url("../../../img/common/svg/shono.svg") no-repeat center 5%;
}
#concept dt{
    float: left;
    width: 49%;
    margin-bottom: 16px;
}
#concept dd{
    float: right;
    width: 49%;
    margin-bottom: 16px;
}
@media screen and (max-width: 767px){
#concept{
    text-align: left;
}
#concept h2{
    font-size: 30px;
}
#concept div{
    width: 92%;
    margin: auto;
    background: url("../../../img/common/svg/shono.svg") no-repeat center 40%;
    background-size: contain;
}
#concept dt{
    float: none;
    width: 100%;
}
#concept dd{
    float: none;
    width: 100%;
}
@media screen and (max-width: 359px){
#concept h2{
    height: 130px;
    padding: 80px 0 0;
    background-size: 90% auto;
}
}
}



#clinic_info{
    padding: 40px 0 0;
    background: rgba(255,255,255,1);
    text-align: center;
}
#clinic_info h2{
    height: 162px;
    margin: 0 0 16px;
    padding: 110px 0 0;
    text-align: center;
    font-size: 36px;
    background: url("../../../img/common/svg/clinic_info.svg") no-repeat center 0;
    background-size: 360px auto;
    font-family: "M PLUS Rounded 1c";
}
#clinic_info h2 span{
    color: #E38486;
}
#clinic_info h3{
    width: 30%;
    margin: 0 auto 24px;
    font-size: 24px;
    text-align: center;
}
#clinic_info .inner{
    padding: 24px 0;
    background:linear-gradient(90deg,#c8dfe2 0%,#c8dfe2 17%,white 17%,white 100%);
}
#clinic_info .oz{
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
#clinic_info .oz .imgL{
    margin: 0 24px 0 0;
}
@media screen and (max-width: 1024px){
#clinic_info h3{
    width: 100%;
}
#clinic_info .inner{
    background:linear-gradient(90deg,#c8dfe2 0%,#c8dfe2 22%,white 22%,white 100%);
}
#clinic_info .oz .imgL{
    width: 40%;
    margin: 0 24px 0 0;
}
@media screen and (max-width: 767px){
#clinic_info{
    text-align: left;
}
#clinic_info .ac{
    text-align: left!important;
    padding: 0 3%;
}
#clinic_info h2{
    font-size: 30px;
    background-size: contain;
}
#clinic_info h3{
    width: 100%;
    margin: 0 0 16px;
}
#clinic_info .inner{
    padding: 32px 0;
    background:linear-gradient(90deg,#c8dfe2 0%,#c8dfe2 50%,white 50%,white 100%);
}
#clinic_info .oz .imgL{
    float: none;
    width: 100%;
    margin: 0 0 16px;
}
@media screen and (max-width: 359px){
#clinic_info h2{
    height: 130px;
    padding: 88px 0 0;
    background-size: 90% auto;
}
}
}
}


#implant_kodawari{
    padding: 40px 0 0;
    background: rgba(255,255,255,1);
    text-align: center;
}
#implant_kodawari h2{
    height: 162px;
    margin: 0 0 16px;
    padding: 110px 0 0;
    text-align: center;
    font-size: 36px;
    background: url("../../../img/common/svg/implant_kodawari.svg") no-repeat center 0;
    background-size: 480px auto;
    font-family: "M PLUS Rounded 1c";
}
#implant_kodawari h2 span{
    color: #E38486;
}
#top_implant_nav{
    padding: 40px 0;
    background: rgba(235,229,226,1);
}
#implant_kodawari .inner{
    width: 70%;
    margin: 0 auto 16px;
}
#implant_kodawari .box{
    width: 49%;
    min-height: 420px;
    margin: 0 0 24px;
    padding: 24px 24px 0;
    background: #fff;
    text-align: left;
}
#implant_kodawari .box:nth-of-type(odd){
    clear: both;
    float: left;
}
#implant_kodawari .box:nth-of-type(even){
    float: right;
}
#implant_kodawari .box figure{
    text-align: center;
}
#implant_kodawari .box figcaption{
    padding: 8px 0 0;
    border-top: 1px dashed;
    text-align: left;
}
#implant_kodawari .box figcaption .more{
    margin: 16px 0 0;
}
#implant_kodawari .box figcaption .more a{
    width: 80%;
}
#implant_kodawari .box figure img{
    padding-bottom: 8px;
}
@media screen and (max-width: 1024px){
#top_implant_nav{
    padding: 40px 0;
    background: rgba(235,229,226,1);
}
#implant_kodawari .inner{
    width: 92%;
    margin: 0 auto 16px;
}
#implant_kodawari .box{
    width: 49%;
    min-height: 400px;
    padding: 16px;
}
#implant_kodawari .box figure img{
    width: 90%;
    height: auto;
    padding-bottom: 8px;
}
#implant_kodawari .box figcaption .more a{
    width: 100%;
}
@media screen and (max-width: 767px){
#implant_kodawari h2{
    height: 120px;
    padding: 80px 0 0;
    font-size: 27px;
    background-size: contain;
}
#implant_kodawari .box{
    width: 100%;
    min-height: inherit;
    margin: 0 0 16px;
    padding: 16px;
}
#implant_kodawari .ism{
    width: 92%;
    margin: auto;
}
#implant_kodawari .box:nth-of-type(odd){
    clear: both;
    float: none;
}
#implant_kodawari .box:nth-of-type(even){
    float: none;
}
@media screen and (max-width: 359px){
#implant_kodawari h2{
    height: 100px;
    padding: 64px 0 0;
    background-size: 98% auto;
    font-size: 25px;
    letter-spacing: 0;
}
}
}
}


#top_cases{
    padding: 40px 0;
    background: rgba(255,255,255,1);
    text-align: center;
}
#top_cases h2{
    height: 160px;
    margin: 0 0 16px;
    padding: 110px 0 0;
    text-align: center;
    font-size: 36px;
    background: url("../../../img/common/svg/cases.svg") no-repeat center 0;
    background-size: 360px auto;
    font-family: "M PLUS Rounded 1c";
}
#top_cases h2 span{
    color: #E38486;
}
#top_cases ol{
    width: 60%;
    margin: auto;
}
#top_cases li{
    float: left;
    width: 25%;
}
@media screen and (max-width: 1024px) {
#top_cases ol{
    width: 92%;
}
@media screen and (max-width: 767px) {
#top_cases li{
    width: 50%;
}
#top_cases li:nth-of-type(odd){
    clear: both;
}
}
}











#ud_area{
    padding: 64px 0;

-webkit-background-size: 5px 5px;
-moz-background-size: 5px 5px;
background-size: 5px 5px;
background-color: #ffffff;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #eeeeee), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #eeeeee),
            color-stop(.75, #eeeeee), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #eeeeee 25%, transparent 25%,
          transparent 50%, #eeeeee 50%, #eeeeee 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #eeeeee 25%, transparent 25%,
          transparent 50%, #eeeeee 50%, #eeeeee 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #eeeeee 25%, transparent 25%,
          transparent 50%, #eeeeee 50%, #eeeeee 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #eeeeee 25%, transparent 25%,
          transparent 50%, #eeeeee 50%, #eeeeee 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #eeeeee 25%, transparent 25%,
          transparent 50%, #eeeeee 50%, #eeeeee 75%,
          transparent 75%, transparent);
}
#ud_area .cf{
    width: 80%;
    margin: auto;
}
#ud_area .hd{
    margin: 0 0 8px;
    text-align: left;
}
#ud_area .hd img{
    width: 60%;
    height: auto;
}
#ud_area .more{
    border-bottom: 0!important;
}
#ud_area .more a{
    width: 72%;
}


#news{
    float: left;
    width: 45%;
    padding: 32px 0;
    background: #fff;
    border: 1px solid #ddd;
}
#news .inner{
    padding: 16px 32px 0;
}
#news .inner div{
    margin: 0 0 16px;
    padding: 0 0 8px;
    border-bottom: 1px solid #ddd;
}
#news .inner time{
    color: rgba(72,107,140,1);
    font-weight: 700;
}
#column{
    float: right;
    width: 45%;
    padding: 32px 0;
    background: #fff;
    border: 1px solid #ddd;
}
#column .inner{
    padding: 16px 32px 0;
}
#column .hd{
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
}
#column .imgL{
    margin: 0 8px 0 0;
}
@media screen and (max-width: 767px) {
#ud_area{
    padding: 32px 0;
}
#ud_area .cf{
    width: 92%;
}
#ud_area .hd img{
    width: 70%;
    height: auto;
}
#ud_area .more a{
    width: 100%;
}
#news{
    float: none;
    width: 100%;
    margin: 0 0 24px;
    padding: 24px 0 0;
}
#news .inner{
    padding: 16px 16px 0;
}
#column{
    float: none;
    width: 100%;
}
#column .inner{
    padding: 16px 16px 0;
}
#column .hd{
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
}
#column .imgL{
    max-width: 30%;
    margin: 0 8px 0 0;
}
}








footer{
    padding: 24px 0;
}
footer .gaikan{
    margin: 0 0 32px;
    text-align: center;
}
footer .gaikan img{
    width: 30%;
    height: auto;
}
footer .hd{
    margin: 0 0 16px;
    padding: 0 4%;
    text-align: center;
}
footer .inner{
    width: 92%;
    margin: 0 auto 40px;
    text-align: center;
}
footer p{
    margin: 0 0 24px;
}
footer .inner ul{
    width: 70%;
    margin: 0 auto 24px;
}
footer .inner ul li{
    float: left;
    width: 25%;
    margin: 0 0 16px;
    padding: 0 5px;
    text-align: center;
}
footer .inner ol{
    width: 80%;
    margin: 32px auto 40px;
}
footer .inner ol li{
    float: left;
    width: 33.333%;
    margin: 0 0 16px;
    padding: 0 10px;
    text-align: center;
}
footer .inner .more a{
    width: 100% !important;
}
#gmap{
	margin: 0;
	text-align: center;
}
#gmap iframe{
    vertical-align: bottom;
}
@media screen and (max-width: 767px) {
footer .gaikan img{
    width: 100%;
    height: auto;
}
footer p{
    margin: 0 0 2vh;
}
footer .inner ul{
    width: 100%;
    margin: 0 0 24px;
}
footer .inner ul li{
    float: left;
    width: 50%;
    margin: 0 0 8px;
    padding: 0 3px;
    text-align: center;
}
footer .inner ol{
    width: 100%;
    margin: 24px auto;
}
footer .inner ol li{
    float: none;
    width: 100%;
    margin: 0 0 8px;
    padding: 0;
}
footer .inner .more a{
    width: 100% !important;
}
#gmap{
    width: 92%;
	margin: 0 auto 24px;
	text-align: center;
}
#gmap iframe{
    vertical-align: bottom;
}
}



#copyright{
	padding: 24px 0;
    background: #fff;
    text-align: center;
    letter-spacing: 0;
}
#copyright div:nth-of-type(odd){
    float: left;
    width: 60%;
}
#copyright div:nth-of-type(even){
    float: right;
    width: 40%;
}
@media screen and (max-width: 767px) {
#copyright{
	padding: 0 5% 64px;
    text-align: left;
}
#copyright div:nth-of-type(odd){
    float: none;
    width: 100%;
    margin: 0;
}
#copyright div:nth-of-type(even){
    float: none;
    width: 100%;
    margin: 0;
}
}




#bottom {
    position: fixed;
    bottom: 0;
    right: 0;
	line-height: 0.8;
}
#bottom .box{
	display: none;
}
#bottom a{
    width: 88px;
    padding: 28px 0 16px;
    text-align:center;
    background: rgba(164,151,144,1);
	color: white;
    display:block;
	font-size: 60px;
	font-weight:700;
    text-decoration:none;
	border-radius: 50%;
}
#bottom a:hover {
    background: rgba(46,59,105,.5);
	color: white;
}
@media screen and (max-width: 480px) {
#bottom{
    position: fixed;
	width: 100%;
    padding: 8px 0;
    background: rgba(209,203,199,1);
    bottom: 0;
    right: 0;
	line-height: 1.5;
    letter-spacing: -1px;
}
#bottom a{
    width: 100%;
    margin: 0;
    padding: 8px 0;
    background: rgba(164,151,144,1);
	font-size: 16px;
    color: #fff;
    border-radius: 16px;
    border: 5px solid #d1cbc7;
}
#bottom .box:nth-of-type(even) a{
    background: rgba(101,90,86,1);
}
#bottom .box{
	float: left;
    width: 33.333%;
	display: inherit;
}
#bottom .box:nth-of-type(3){
	float: right;
}
}





#subec{
    margin: 0 0 40px;
    font-size: 32px;
}
@media screen and (max-width: 768px) {
#subec{
    margin: 90px 0 40px;
    font-size: 32px;
}
}

.ec_clinic{
    padding: 150px 0;
    background: url(../../../img/common/ec/clinic.jpg) no-repeat;
    background-size: cover;
}
.ec_guide{
    padding: 150px 0;
    background: url(../../../img/common/ec/guide.jpg) no-repeat;
    background-size: cover;
}
.ec_price{
    padding: 150px 0;
    background: url(../../../img/common/ec/price.jpg) no-repeat center center;
    background-size: cover;
}
.ec_team{
    padding: 150px 0;
    background: url(../../../img/common/ec/team.jpg) no-repeat center center;
    background-size: cover;
}
.ec_access{
    padding: 150px 0;
    background: url(../../../img/common/ec/access.jpg) no-repeat center center;
    background-size: cover;
}
.ec_form{
    padding: 150px 0;
    background: url(../../../img/common/ec/form.jpg) no-repeat center center;
    background-size: cover;
}
.ec_pp{
    padding: 150px 0;
    background: url(../../../img/common/ec/pp.jpg) no-repeat center center;
    background-size: cover;
}
.ec_news{
    padding: 150px 0;
    background: url(../../../img/common/ec/news.jpg) no-repeat center center;
    background-size: cover;
}
.ec_column{
    padding: 150px 0;
    background: url(../../../img/common/ec/column.jpg) no-repeat center center;
    background-size: cover;
}
.ec_sitemap{
    padding: 150px 0;
    background: url(../../../img/common/ec/sitemap.jpg) no-repeat center center;
    background-size: 100% auto;
}
@media screen and (max-width: 768px) {
.ec_clinic{
    padding: 80px 0;
    background: url(../../../img/common/ec/clinic.jpg) no-repeat center center;
    background-size: auto 100%;
}
.ec_guide{
    padding: 80px 0;
    background: url(../../../img/common/ec/guide.jpg) no-repeat center center;
    background-size: cover;
}
.ec_price{
    padding: 80px 0;
    background: url(../../../img/common/ec/price.jpg) no-repeat center center;
    background-size: cover;
}
.ec_team{
    padding: 80px 0;
    background: url(../../../img/common/ec/team.jpg) no-repeat center center;
    background-size: cover;
}
.ec_access{
    padding: 80px 0;
    background: url(../../../img/common/ec/access.jpg) no-repeat center center;
    background-size: cover;
}
.ec_form{
    padding: 80px 0;
    background: url(../../../img/common/ec/form.jpg) no-repeat right bottom;
    background-size: 150% auto;
}
.ec_pp{
    padding: 80px 0;
    background: url(../../../img/common/ec/pp.jpg) no-repeat -100px center;
    background-size: 150% auto;
}
.ec_news{
    padding: 80px 0;
    background: url(../../../img/common/ec/news.jpg) no-repeat -100px center;
    background-size: 150% auto;
}
.ec_column{
    padding: 80px 0;
    background: url(../../../img/common/ec/column.jpg) no-repeat -100px center;
    background-size: 150% auto;
}
.ec_sitemap{
    padding: 80px 0;
    background: url(../../../img/common/ec/sitemap.jpg) no-repeat -100px center;
    background-size: 150% auto;
}
}





/* ▼▼▼▼▼▼▼▼▼▼▼▼ 共通項目 ▼▼▼▼▼▼▼▼▼▼▼▼ */

#breadcrumbs{
    margin-bottom: 24px;
	text-align: right;
}
#wrap{
    width: 88%;
    margin: 0 auto 80px;
    text-align: left;
}
#wrap p{
	margin: 0 0 16px;
}
#wrap strong{
	background: linear-gradient(transparent 70%, #fff45c 70%);
    font-size: 18px;
    font-weight: 700;
}
#wrap b{
    color: #192859;
    font-size: 17px;
    font-weight: 700;
}
#wrap article{
    margin: 0 0 80px;
}
#wrap h1{
	margin-bottom: 32px;
    color: rgba(60,152,163,1);
	font-size: 27px;
	text-align: center;
    line-height: 1.3;
}
#wrap h2{
	margin-bottom: 32px;
    padding: 16px;
    background: rgba(101,90,86,1);
    color: #fff;
	font-size: 24px;
    font-weight: 700;
	text-align: left;
}
#wrap h3{
	margin-bottom: 16px;
    padding: 0 0 8px;
    border-bottom: 1px dashed #000;
	font-size: 21px;
    font-weight: 700;
	text-align: left;
}
#wrap h4{
	font-size: 18px;
}
#wrap .boxL{
    float: left;
    width: 49%;
}
#wrap .boxR{
    float: right;
    width: 49%;
}
#wrap .two_columns .box{
    width: 49%;
}
#wrap .two_columns .box:nth-of-type(odd){
    clear: both;
    float: left;
}
#wrap .two_columns .box:nth-of-type(even){
    float: right;
}
#wrap .three_columns .box{
    float: left;
    width: 32%;
}
#wrap .three_columns .box:nth-of-type(3n-1){
    margin: 0 0 0 2%;
}
#wrap .three_columns .box:nth-of-type(3n){
    float: right;
}
#wrap .three_columns .box:nth-of-type(3n+1){
    clear: both;
}
#wrap figcaption{
    padding-top: 8px;
}
#wrap .oz .imgL{
    max-width: 40%;
    margin: 0 16px 0 0;
    text-align: center;
}
#wrap .oz .imgR{
    max-width: 40%;
    margin: 0 0 0 16px;
}
#wrap .notes{
    padding: 4%;
    background: rgba(235,229,226,1);
    text-align: left;
}
#wrap .notes_bl{
    padding: 4%;
    background: #c8dfe2;
    text-align: left;
}
#wrap .notes_pink{
    padding: 4%;
    background: #fce9e6;
    text-align: left;
}
#wrap .notes span{
    font-size: 18px;
    font-weight: 700;
    color: rgba(219,124,110,1);
}
#wrap .notes p:last-of-type{
    margin: 0;
}
#wrap .checkbox li{
    margin-bottom: 4px;
    margin-left: 0;
    padding-left: 24px;
    background: url("../../../img/common/svg/checkbox.svg") no-repeat 0 7px;
    background-size: 16px auto;
}
#wrap .dots_list li::before{
    content: "・ ";
}
#wrap .faq_q{
    padding: 24px 24px 24px 72px;
    background: url("../../../img/common/svg/faq_q.svg") no-repeat 1em 1em;
    background-size: 40px auto;
}
#wrap .faq_a{
    padding: 24px 24px 24px 72px;
    background: #f2e0d9 url("../../../img/common/svg/faq_a.svg") no-repeat 1em 1em;
    background-size: 40px auto;
}
#wrap .lead{
    margin-bottom: .5em;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}
#wrap .pterigoid__hd{
    margin-bottom: 16px;
    padding: 4px 0 4px 40px;
    background: url("../../../img/common/svg/attension.svg") no-repeat 0 8px;
    background-size: 24px auto;
    color: #50787f;
    font-size: 18px;
}


#wrap dl{
    width: 64%;
    margin: 0 auto 24px;
    text-align: left;
    border: 1px solid #655a56;
}
#wrap dt{
    padding: 16px;
    background: rgba(101,90,86,1);
    color: white;
    font-size: 18px;
}
#wrap dd{
    padding: 16px;
}
#wrap .datas table{
    width: 72%;
    margin: 0 auto 24px;
    text-align: left;
    border: 1px solid #655a56;
    border-collapse: collapse;
    border-spacing: 0;
}
#wrap .datas td{
    width: 30%;
    padding: 16px;
    background: rgb(0,77,111);
    color: white;
}
#wrap .datas td:nth-of-type(even){
    width: 70%;
    background: #fff;
    color: rgb(0,77,111);
}
@media screen and (max-width: 1280px) {
@media screen and (max-width: 1023px) {
#breadcrumbs{
	text-align: left;
}
#wrap{
    width: 92%;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}
#wrap dl{
    width: 100%;
}
@media screen and (max-width: 767px) {
#wrap .oz .imgL{
    float: none;
    max-width: 100%;
    margin: 0 0 16px;
    text-align: center;
}
#wrap .oz .imgR{
    float: none;
    max-width: 100%;
    margin: 0 0 16px;
}
#wrap .oz .imgL p,
#wrap .oz .imgR p{
    margin-bottom: 40px;
}
#wrap .boxL{
    float: none;
    width: 100%;
    margin-bottom: 16px;
}
#wrap .boxR{
    float: none;
    width: 100%;
    margin-bottom: 16px;
}
#wrap .two_columns .box{
    width: 100%;
    margin-bottom: 24px;
}
#wrap .two_columns .box:nth-of-type(odd){
    clear: both;
    float: none;
}
#wrap .two_columns .box:nth-of-type(even){
    float: none;
}
#wrap .three_columns .box{
    float: none;
    width: 100%;
    margin-bottom: 16px;
}
#wrap .three_columns .box:nth-of-type(3n-1){
    margin: 0;
}
#wrap .three_columns .box:nth-of-type(3n){
    float: none;
}
#wrap figcaption{
    width: 100%;
}
#wrap .notes{
    padding: 16px;
}

}
}
}
/* ▲▲▲▲▲▲▲▲▲▲ 共通項目 ▲▲▲▲▲▲▲▲▲▲ */





#wrap h1{
    padding: 64px 0 0;
    background: url("../../../img/common/svg/common_h_bg.svg") no-repeat top center;
}
#wrap h1.guidehd{
    padding: 64px 0 0;
    background: url("../../../img/common/svg/guide_h1bg.svg") no-repeat top center;
}

#wrap .implant_nav li{
    float: left;
    width: 25%;
}
#wrap .implant_nav li a{
    display: block;
    width: 96%;
    margin: 0 auto;
    padding: 16px 0;
    background: rgba(255,255,255,1) url(../../../img/common/svg/arrow_blk.svg) no-repeat 96% center;
    background-size: 25px auto;
    text-align: center;
}
#wrap .implant_hikaku{
    overflow: hidden;
    _zoom: 1;
}


#wrap .faq_box{
    margin: 0 0 80px;
}
#wrap .faq_box .box:nth-of-type(odd){
    clear: both;
    float: left;
    width: 49%;
}
#wrap .faq_box .box:nth-of-type(even){
    float: right;
    width: 49%;
}
#wrap .faq_box dl{
    margin: 0 0 24px;
    padding: 16px;
    background: rgba(240,242,250,1);
}
#wrap .faq_box dt{
    margin: 0 0 16px;
    color: rgba(47,60,104,1);
    font-size: 20px;
    font-weight: 700;
}
#wrap .faq_box dd{
    min-height: 120px;
    padding: 0 0 0 120px;
    background: url(../../../img/guide/implant/faq/illust.png) no-repeat left top;
}
#wrap .faq_box dd div:first-of-type{
    color: rgba(217,73,77,1);
}
@media screen and (max-width: 767px) {
#wrap .implant_nav li{
    float: none;
    width: 100%;
    margin-bottom: 8px;
}
#wrap .implant_nav li a{
    width: 100%;
    margin: 0;
}
#wrap .implant_hikaku .imgL{
    float: left !important;
    max-width: 45% !important;
    margin: 0 16px 0 0 !important;
}
#wrap .implant_hikaku .imgR{
    float: left !important;
    max-width: 45% !important;
    margin: 0 0 0 16px !important;
}
#wrap .faq_box .box:nth-of-type(odd){
    clear: both;
    float: none;
    width: 100%;
    margin: 0 0 32px;
}
#wrap .faq_box .box:nth-of-type(even){
    float: none;
    width: 100%;
    margin: 0 0 32px;
}
#wrap .faq_box dd{
    min-height: inherit;
    padding: 0 0 0 80px;
    background: url(../../../img/guide/implant/faq/illust.png) no-repeat left top;
    background-size: 64px auto;
}
}




#wrap .ortho_nav li{
    float: left;
    width: 20%;
}
#wrap .ortho_nav li a{
    display: block;
    width: 96%;
    margin: 0 auto;
    padding: 16px 0;
    background: rgba(255,255,255,1) url(../../../img/common/svg/arrow_blk.svg) no-repeat 96% center;
    background-size: 25px auto;
    text-align: center;
}
#wrap .ortho_nav li:nth-of-type(5) a{
    padding: 2px 0;
    letter-spacing: 0;
}
@media screen and (max-width: 767px) {
#wrap .ortho_nav li{
    float: none;
    width: 100%;
    margin-bottom: 8px;
}
#wrap .ortho_nav li a{
    width: 100%;
    margin: 0;
}
}













#wrap .gmap_canvas{
    width: 70%;
    margin: 0 auto 80px;
}
@media screen and (max-width: 767px) {
#wrap .gmap_canvas{
    width: 100%;
    margin: 0 auto 40px;
}
}







#wrap .price{
    margin: 0 0 80px;
}
#wrap .pricelist{
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
#wrap .pricelist table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #c9c9c9;
    border-bottom: 0;
}
#wrap .pricelist td{
    vertical-align: middle;
}
#wrap .pricelist table td:nth-of-type(odd){
    width: 70%;
    padding: 16px;
    border-bottom: 1px solid #c9c9c9;
}
#wrap .pricelist table td:nth-of-type(even){
    width: 30%;
    padding: 16px;
    background: #ebe5e2;
    color: #de877b;
    font-weight: 700;
    text-align: right;
    border-bottom: 1px solid #c9c9c9;
}
/*
#wrap .pricelist table tr:nth-of-type(odd){
    background: rgba(240,242,250,1);
}
#wrap .pricelist table tr:nth-of-type(even){
    background: rgba(255,255,255,1);
}
*/
@media screen and (max-width: 767px) {
#wrap .pricelist table td:nth-of-type(odd){
    display: block;
    width: 100%;
    padding: 8px;
    border-bottom: 1px solid #c9c9c9;
}
#wrap .pricelist table td{
    letter-spacing: 0;
}
#wrap .pricelist table td:nth-of-type(even){
    display: block;
    width: 100%;
    padding: 8px;
}
}



#wrap .profiles{
    margin: 0 0 80px;
}
#wrap .seimei{
    margin: 0 0 16px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
}
#wrap .seimei span{
    display: block;
    font-size: 18px;
}
#wrap .profiles table{
    width: 60%;
    margin: 0 auto 64px;
    border-collapse: collapse;
    border-spacing: 0;
}
#wrap .profiles table td:nth-of-type(odd){
    width: 30%;
    padding: 16px;
    background: rgba(47,60,104,1);
    color: #fff;
    border: 1px solid #333;
}
#wrap .profiles table td:nth-of-type(even){
    width: 70%;
    padding: 16px;
    border: 1px solid #333;
}
@media screen and (max-width: 767px) {
#wrap .profiles table{
    width: 100%;
    margin: 0 0 24px;
}
#wrap .profiles table td:nth-of-type(odd){
    display: block;
    width: 100%;
    padding: 8px;
}
#wrap .profiles table td:nth-of-type(even){
    display: block;
    width: 100%;
    padding: 8px;
}
}








a.external_link::after{
    content: " \f35d";
    font-family: FontAwesome;
}
#sitemap_list p{
    margin: 0;
}
#sitemap_list li{
    font-size: 1.1em !important;
}
#sitemap_list li li{
    font-size: .95em !important;
}
#sitemap_list li li li{
    font-size: .9em !important;
}





#wrap .form{
    width: 80%;
	margin: 0 auto 10vw;
	text-align: left;
}
#wrap .form table{
    width: 100%;
    margin: 0 0 40px;
}
#wrap .form td{
    padding: 8px 16px;
    vertical-align: top;
}
#wrap .form td:nth-of-type(odd){
    width: 30%;
}
#captcha div{margin: auto !important;}

@media screen and (max-width: 767px) {
#wrap .form{
    width: 100%;
	margin: 0 0 5vh;
	text-align: left;
}
#wrap .form td{
    vertical-align: middle;
    display: block;
}
#wrap .form td:nth-of-type(odd){
    width: 100%;
}
span.wpcf7-list-item{
	display: block !important;
}
}

#wrap .form i{
	color:#900;
}
#wrap #zip{
    width: 25%;
}

.wpcf7-validates-as-date{
	background: #fff;
	color: #333;
	border: 1px solid #ddd;
	font-size: 17px;
	padding: 0.5em;
	border-radius:8px;
	box-shadow:2px 2px 4px rgba(0,0,0,.1) inset;
}
.wpcf7 input{
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	transition:all .3s linear;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 88%;
	border: 1px solid #ddd;
	font-size: 17px;
	padding: 0.5em;
	border-radius:8px;
	box-shadow:2px 2px 4px rgba(0,0,0,.1) inset;
}
.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"]
{
	-webkit-transform: scale(1);
	-webkit-transform-origin:0 0;
	-moz-transform: scale(1);
	-moz-transform-origin:0 0;
	-ms-transform: scale(1);
	-ms-transform-origin:0 0;
	width:24px;
	width:24px;
	vertical-align:middle;
}

.wpcf7 select{
	background: #fff;
	color:#333;
	border: 1px solid #ddd;
	font-size: 18px;
	padding: 0.5em;
	border-radius:8px;
	box-shadow:2px 2px 4px rgba(0,0,0,.1) inset;
	line-height: 2;
}

.wpcf7 input[type="submit"] {
	margin: 40px 0 0;
	padding: 8px 0 8px 24px;
    background: rgba(48,96,158,1);
	color: #fff;
	font-size: 22px;
	font-weight: 700;
    letter-spacing: 32px;

	box-shadow: 0 0 1px rgba(0,0,0,.2);
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}
.wpcf7 input[type="submit"]:hover {
	box-shadow: 0 0 1px rgba(0,0,0,.2) inset;
	background: rgba(255,255,255,.8);
    color: rgba(48,96,158,1);
}
.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 80%;
}
@media screen and (max-width: 767px) {
#wrap #zip{
    width: 80%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	width: 85%;
}
}











#wrap .entry .hd{
	margin-bottom: 32px;
    padding: 64px 0 0;
    background: url("../../../img/common/svg/common_h_bg.svg") no-repeat top center;
    color: rgba(60,152,163,1);
	font-size: 27px;
	text-align: center;
    line-height: 1.3;
}
#wrap .entry h1{
	margin-bottom: 24px;
    padding: 16px;
    background: rgba(101,90,86,1);
    color: #fff;
	font-size: 24px;
    font-weight: 700;
	text-align: left;
}
#wrap .entry h2 a{
    color: #fff;
    display: block;
}
#wrap .entry .time{
    text-align: right;
}






#wrap .hikaku_list table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ddd;
}
#wrap .hikaku_list .dn td{
    width: 28%;
    padding: 1em;
    border: 1px solid #ddd;
    vertical-align: middle;
}
#wrap .hikaku_list .dn td:first-of-type{
    width: 16%;
    background: #f1f1f1;
    text-align: center;
    vertical-align: middle;
}
#wrap .hikaku_list .dn tr:first-of-type td:nth-of-type(2){
    background: #ccbe66;
    color: #fff;
    text-align: center;
    font-size: 20px;
}
#wrap .hikaku_list .dn tr:first-of-type td:nth-of-type(3){
    background: #6d94cd;
    color: #fff;
    text-align: center;
    font-size: 20px;
}
#wrap .hikaku_list .dn tr:first-of-type td:nth-of-type(4){
    background: #6d94cd;
    color: #fff;
    text-align: center;
    font-size: 20px;
}
#wrap .hikaku_list .merit li{
    min-height: 19px;
    padding: .5em 0 0 2em;
    background: #fff url("../../../img/sd/common/svg/o.svg") no-repeat .2em .7em;
    background-size: 19px auto;
}
#wrap .hikaku_list .demerit li{
    min-height: 19px;
    padding: .5em 0 0 2em;
    background: #fff url("../../../img/sd/common/svg/x.svg") no-repeat .2em .7em;
    background-size: 19px auto;
}



#wrap .hikaku_list .spc table{
    margin-bottom: 24px;
}

#wrap .hikaku_list .spc td{
    padding: 8px;
    border: 1px solid #ddd;
}
#wrap .hikaku_list .spc td:first-of-type{
    width: 34%;
    background: #f1f1f1;
    text-align: center;
    vertical-align: middle;
}
#wrap .hikaku_list .spc table:first-of-type tr:first-of-type td:nth-of-type(2){
    padding: 16px 8px;
    background: #ccbe66;
    color: #fff;
    text-align: center;
    font-size: 20px;
}
#wrap .hikaku_list .spc table:nth-of-type(2) tr:first-of-type td:nth-of-type(2){
    padding: 16px 8px;
    background: #6d94cd;
    color: #fff;
    text-align: center;
    font-size: 20px;
}










/*============= 審美的歯科治療 .shinbi =============*/
#wrap .shinbi .center {
	text-align: center;
}



/*============= 小児歯科 .shouni =============*/
#wrap .shouni .img_100 img {
	width: 100%;
}



/*============= 歯周病治療 .shishubyou =============*/
#wrap .shishubyou .img_100 img {
	width: 100%;
}

#wrap .shishubyou figure {
	text-align: center;
}

#wrap .shishubyou .cf .boxR ul {
    padding: 25px;
    background: #ebe5e2;
}

#wrap .shishubyou .cf .boxR ul li {
    padding: 0 0 0 25px;
    background: url("../../../img/guide/implant/icon_01.png") left 5px / auto 16px no-repeat;
}


/*============= インプラント .implant =============*/
#wrap .implant figcaption {
	text-align: center;
}

#wrap .implant .notes ul li {
    padding: 0 0 0 25px;
    background: url("../../../img/guide/implant/icon_01.png") left 5px / auto 16px no-repeat;
}

#wrap .implant .imgC {
	text-align: center;
}

#wrap .implant .mb20 {
	margin-bottom: 20px;
}

#wrap .implant_menu {
	margin: 80px 0 0;
	padding: 30px;
	background-color: #c8dfe2;
}

#wrap .implant_menu div{
	margin: 0 0 20px;
	text-align: center;
	font-size: 32px;
}
#wrap .implant_menu li{
    float: left;
    width: 33.333%;
    margin-bottom: 1em;
    padding: 0 1em;
}
#wrap .implant_menu li:nth-of-type(n+7){
    margin-bottom: 0;
}
#wrap .implant_menu ul li a{
	padding: 15px 60px 15px 20px;
	background: #fff url("../../../img/guide/implant/icon_arrow.png") right 20px center / auto no-repeat;
	border-radius: 6px;
	display: block;
	color: #000;
}
@media screen and (max-width: 767px) {
#wrap .implant_menu {
    margin: 60px 0 0;
    padding: 2em 1em;
}
#wrap .implant_menu div {
    margin: 0 0 15px;
    font-size: 5.5vw;
}
#wrap .implant_menu li{
    float: none;
    width: 100%;
    margin-bottom: 1em;
    padding: 0 1em;
}
#wrap .implant_menu li:nth-of-type(n+7){
    margin-bottom: 1em;
}
#wrap .implant_menu li:last-of-type{
    margin-bottom: 0;
}
}




@media screen and (max-width: 767px) {
/*============= 光機能化インプラント .hikari =============*/
#wrap .hikari b {
	color: #de877b;
}
}



/*============= インプラントセーフティマーク .safety =============*/
#wrap .safety .txtC {
	text-align: center;
}

@media screen and (max-width: 767px) {
	#wrap .safety .txtC {
		text-align: left;
	}
}



/*============= インプラントをご検討の方へ .kentou =============*/
#wrap .kentou figure {
	text-align: center;
}



/*============= 口腔外科 .koukugeka =============*/
#wrap .koukugeka figure {
	text-align: center;
}



/*============= 訪問歯科 .houmon =============*/
#wrap .houmon b {
	color: #de877b;
}



/*============= 医院紹介 .introduction =============*/
#wrap .introduction figure {
	margin-bottom: 20px;
}

#wrap .introduction .notes ul li {
    padding: 0 0 0 25px;
    background: url("../../../img/introduction/icon_01.png") left 5px / auto 16px no-repeat;
}

#wrap .introduction .imgC {
	text-align: center;
}

#wrap .introduction .mb20 {
	margin-bottom: 20px;
}

#wrap .introduction .implant_menu h4 {
	margin: 0 0 20px;
	text-align: center;
	font-size: 32px;
}


@media screen and (max-width: 767px) {
	
}



/*============= 設備・機器 .setsubi =============*/
#wrap .setsubi b {
	color: #de877b;
}

#wrap .setsubi .three_columns .box.left {
	float: left;
}


@media screen and (max-width: 767px) {
	#wrap .setsubi .three_columns .box.left {
		float: none;
	}
}



/*============= こだわりの滅菌対策 .mekkin =============*/
#wrap .mekkin div aside {
	margin: 20px;
	padding: 20px;
	border: dashed 1px #000;
}

#wrap .mekkin div aside h4 {
	margin-bottom: 10px;
	font-weight: bold;
}

#wrap .mekkin div aside p {
	margin-bottom: 0;
}

#wrap .mekkin b {
	color: #de877b;
}


@media screen and (max-width: 767px) {
	#wrap .mekkin div aside {
		margin: 10px;
		padding: 10px;
	}
}



/*============= コンセプト .concept =============*/
#wrap .concept .center {
	text-align: center;
}

#wrap .concept .flow .fc {
	margin-bottom: 40px;
	clear: both;
	overflow: hidden;
}

#wrap .concept .flow .fc:last-of-type {
	margin-bottom: 0;
}

#wrap .concept .flow .fc .imgL {
	margin-right: 20px;
}

#wrap .concept b {
	color: #de877b;
}

#wrap .concept figure {
	text-align: center;
}

@media screen and (max-width: 767px) {
	#wrap .concept .flow .fc {
		margin-bottom: 20px;
	}
	
	#wrap .concept .flow .fc .imgL {
		width: 25%;
		margin: 0 10px 10px 0;
		float: left;
	}
}



/*============= スタッフ .staff =============*/
#wrap .staff figure {
	margin-bottom: 20px;
}

#wrap .staff .notes ul li {
    padding: 0 0 0 25px;
    background: url("../../../img/staff/icon_01.png") left 5px / auto 16px no-repeat;
}

#wrap .staff .imgC {
	text-align: center;
}

#wrap .staff .mb20 {
	margin-bottom: 20px;
}

#wrap .staff .implant_menu h4 {
	margin: 0 0 20px;
	text-align: center;
	font-size: 32px;
}

#wrap .staff .clear {
	clear: both;
}

#wrap .staff .txtC {
	text-align: center;
}

#wrap .staff em {
	color: #de877b;	
	font-weight: bold;
}

#wrap .staff a.tel {
	text-decoration: none;
	color: #000;
	cursor: default;
}


/*============= 理事長紹介 .director =============*/
#wrap .director .book .fc {
	margin-bottom: 40px;
	clear: both;
	overflow: hidden;
}

#wrap .director .book .fc:last-of-type {
	margin-bottom: 0;
}

#wrap .director .book .fc .imgL {
	margin-right: 20px;
}


@media screen and (max-width: 767px) {
	#wrap .director .book .fc {
		margin-bottom: 20px;
	}
	
	#wrap .director .book .fc .imgL {
		width: 25%;
		margin: 0 10px 10px 0;
		float: left;
	}
}



/*============= 理事長の書籍紹介 .directorsbook =============*/
#wrap .directorsbook .more.cart a {
	background: rgba(24,48,79,1) url("../../../img/staff/director/icon_cart.png") no-repeat 30% center;
    background-size: auto 60%;
}

#wrap .directorsbook .mb20 {
	margin-bottom: 20px;
}

#wrap .directorsbook .pdf {
	margin-bottom: 40px;
	text-align: center;
}

#wrap .directorsbook .explanation {
	padding: 25px;
	border: solid 1px #de877b;
	color: #de877b;	
}

#wrap .directorsbook .explanation h4 {	
	margin-bottom: 10px;
	font-weight: bold;
}

#wrap .directorsbook .explanation p {	
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	#wrap .directorsbook .more.cart a {
		background: rgba(24,48,79,1) url("../../../img/staff/director/icon_cart.png") no-repeat 20% center;
		background-size: auto 60%;
	}
	
	#wrap .directorsbook .pdf {
		margin: 0 10px 20px;
	}
	
	#wrap .directorsbook .explanation {
		padding: 15px;
	}
}



/*============= スタッフ紹介 .s_introduction =============*/
#wrap .s_introduction .boxL {
	width: 42%;
}

#wrap .s_introduction .boxR {
	width: 56%;
}

#wrap .s_introduction .boxR p.name {
	font-size: 24px;
}

#wrap .s_introduction .boxR p.name span {
	display: block;
	font-size: 14px;
	font-weight: bold;
}

#wrap .s_introduction .boxR h3 {
	font-size: 18px;
}

@media screen and (max-width: 767px) {
	#wrap .s_introduction .boxL,
	#wrap .s_introduction .boxR {
		width: 100%;
	}
	
	#wrap .s_introduction .boxR p.name {
		text-align: center;
	}
}



/*============= スタッフ募集 .recruitment =============*/
#wrap .recruitment table {
	width: 100%;
	border-left: solid 1px #3c98a3;
	border-top: solid 1px #3c98a3;
}

#wrap .recruitment table th {
	width: 25%;
	padding: 10px 15px;
	background-color: #3c98a3;
	border-right: solid 1px #3c98a3;
	border-bottom: solid 1px #fff;
	box-sizing: border-box;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

#wrap .recruitment table tr:last-of-type th {
	border-bottom: solid 1px #3c98a3;	
}

#wrap .recruitment table td {
	width: 75%;
	padding: 10px 15px;
	border-right: solid 1px #3c98a3;
	border-bottom: solid 1px #3c98a3;
	box-sizing: border-box;
}


@media screen and (max-width: 767px) {
#wrap .recruitment table th {
		width: auto;
		padding: 10px;
		display: block;
}
#wrap .recruitment table td {
		width: auto;
		padding: 10px;
		display: block;
}
}



/*============= アクセス .access =============*/
#wrap .access iframe {
	width: 100%;
	height: 500px;
}
@media screen and (max-width: 767px) {
#wrap .access iframe {
    height: 300px;
}
}





.simulation table{
    width: 100%;
    margin: auto;
    border-collapse: collapse;
    border: 1px solid #e0dede;
}
.simulation td{
    width: 33%;
    padding: 16px;
    border: 1px solid #e0dede;
    text-align: center;
}
.simulation tr:first-of-type{
    background: #db7c6e;
    color: #fff;
    font-weight: bold;
}
@media screen and (max-width: 767px) {
.simulation table{
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e0dede;
}
}




.fx{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.fx_c{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.two_columns_fx{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.two_columns_fx .box{
    width: calc(50% - 20px);
}

@media screen and (max-width: 767px) {
.two_columns_fx .box{
    width: 100%;
}
}