@charset "UTF-8";
/* CSS Document */

@page { size: A4 } /* A4縦 */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-align: left;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
	-webkit-text-size-adjust: 100%;  /*mobile safari 文字固定*/
	font: Meiryo,MS PGothic,Osaka,arial,helvetica,sans-serif;
}
ol, ul {
    list-style: none;
    text-align: left;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*///////////////////////////////////////////////////
全体
///////////////////////////////////////////////////*/

/* --- 全体の背景・テキスト --- */
html { height: 100%; }
body {
	height: 100%;
	margin: 0;
	padding: 0;
	color: #555555; /* 全体の文字色 */
	font-size: 90%; /* 全体の文字サイズ */
	font-family: "じゅん 201";
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height: 200%;
	text-align: left;
}

/* --- 全体のリンクテキスト --- */

a:link { color: #236ab1; }
a:visited { color: #236ab1; }
a:hover { color: #dceaf8; }
a:active { color:  #236ab1; }
a { text-decoration: none ; }

/* --- 回りこみ --- */
.fBox {
	width: 100%;
	overflow: auto;
}

.clear {
	clear: both;
}

/* --- 左右中央寄せ --- */
.Left {
	text-align: left !important;
}
.Right {
	text-align: right !important;
}
.Center {
	text-align: center !important;
}
.BoxCenter {
	margin: 0 auto;
}

/* --- 画像 --- */

.ImgRight { 
	float: right;
	margin: 10px 20px;
}
.ImgLeft { 
	float: left;
	margin: 10px 20px;
}
.borderIMG {
	border: 1px #cccccc solid;
}

/* --- ライン --- */
.dotLine {
	border: 2px #a9d06b dotted;
}


/* --- マージン --- */
.b10 { margin-bottom: 10px; }
.b20 { margin-bottom: 20px; }
.b30 { margin-bottom: 30px; }
.b40 { margin-bottom: 40px; }
.b50 { margin-bottom: 50px; }
.b80 { margin-bottom: 80px; }
.b100 { margin-bottom: 100px; }

.t10 { margin-top: 10px; }
.t20 { margin-top: 20px; }
.t30 { margin-top: 30px; }
.t40 { margin-top: 40px; }
.t50 { margin-top: 50px; }
.t60 { margin-top: 60px; }
.t70 { margin-top: 70px; }
.t80 { margin-top: 80px; }
.t90 { margin-top: 90px; }
.t100 { margin-top: 100px; }

.l10 { margin-left: 10px; }
.l20 { margin-left: 20px; }
.l30 { margin-left: 30px; }
.l40 { margin-left: 40px; }
.l50 { margin-left: 50px; }

.r10 { margin-right: 10px; }
.r20 { margin-right: 20px; }
.r30 { margin-right: 30px; }
.r40 { margin-right: 40px; }
.r50 { margin-right: 50px; }
.r60 { margin-right: 60px; }


/* --- パディング --- */

.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }

.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }

.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }

.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }


/* --- 段落 --- */
.txt {
	line-height: 160%;
}


/* --- 強調 --- */
.Strong { font-weight: bold; }

/* --- フォントカラー --- */
.Red { color: #cc0000; }
.Green { color: #228b22; }
.White { color: #ffffff; }
.Black { color: #000000; }
.Blue { color: #036eb8; }
.Pink { color: #e4007f; }
.Purple { color: #8080ff; }
.Gray { color: #727171; }
.Orange { color: #ff8000; }

/* --- 文字サイズ --- */

.fs120  { font-size: 120%; } 
.fs90 { font-size: 90%; } 
.fs80 { font-size: 80%; } 

/* --- リンク --- */
a:link { color: #236ab1; }
a:visited { color: #236ab1; }
a:hover { color: #dceaf8; }
a:active { color:  #236ab1; }
a { text-decoration: none ; }

/*///////////////////////////////////////////////////
change
///////////////////////////////////////////////////*/

.no-pc { display: none; }


/*///////////////////////////////////////////////////
header
///////////////////////////////////////////////////*/
html,body{
    min-width: 1190px;
	overflow-x: hideen;
}


/*header*/

header { width: 100%; }
.headCover {
	background-color: rgba(255,255,255,0.8);
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.titleCover {
	width: 100%;
	margin: 0 auto;
}
.titleBox {
	float: left;
	width: 400px;
	padding: 10px 0 10px 20px;
}
.subT {
	font-size: 9px;
	color: #055802;
}
.guideBox {
	float: right;
	width: 750px;
	margin-left: 40px;
}
.guideBox ul.guide {
	display: table;
	table-layout: fixed;
    /*justify-content: center; 
    align-items: center; */
	list-style-type: none;
	margin-top: 25px;
}
ul.guide li.first {
	display: table-cell;
	width: 110px;
	vertical-align: middle;
	text-align: center;
	padding-right: 10px;
}
ul.guide li {
	display: table-cell;
	width: 110px;
	vertical-align: middle;
	text-align: center;
}
ul.guide li.last {
	display: table-cell;
	width: 300px;
	vertical-align: middle;
	text-align: center;
	padding-left: 30px;
	padding-right: 10px;
}

ul.guide li a {
display: block;
}


/*///////////////////////////////////////////////////
main
///////////////////////////////////////////////////*/

.mainCover {
	position: relative;
	width: 100%;
	height: 680px;
	text-align: center;
	background: url(../images/top/img_main02.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
	display: none;
}

.mainCover .tree {
	position: absolute;
	width: 1500px;
	margin: 0 auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: right;
	display: none;
}


/*///////////////////////////////////////////////////
contents
///////////////////////////////////////////////////*/
/*contents*/
#contents {
	width: 1140px;
	margin: 0 auto;
}


/*lead*/

.leadBox {
	position: relative;
	background: url(../images/top/img_lead03.png) no-repeat 120px 0;
	height: 270px;
	top: 100px;
	margin-bottom: 190px;
}
.lead {
	width: 600px;
	position: absolute;
	top: 0;
	right: 140px;
	font-size: 120%;
	line-height: 200%;

}

/*news*/

.newstime {
	display: flex;
	width: 100%;
	margin: 0 auto 80px auto;
}
.newsBox {
	width: 580px;
}
.news {
	width: 580px;
	border: 2px #c69c6d solid;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	height: 300px;
	overflow: auto;
	padding: 30px 0;
	margin-top: -20px;
}
.news dl {
	width: 90%;
	margin: 0 auto;
	text-align: left;
}
.news dl dt {
	width: 100%;
	border-bottom: 1px #854D05 dotted;
	margin-bottom: 5px;
	font-weight: bold;
	color: #5C3104;
	background-color: #f1eae2;
	padding: 5px 3px;
	font-size: 110%;
}
.news dl dd {
	width: 100%;
	border-bottom: 1px #854D05 dotted;
	margin-bottom: 5px;
	padding: 5px 3px;
}

div.news::-webkit-scrollbar{
	width: 12px;
}
div.news::-webkit-scrollbar-track{
	background: #fff;
	border: none;
	border-radius: 10px;
	box-shadow: inset 0 0 2px #777; 
}
div.news::-webkit-scrollbar-thumb{
	background: #c7b299;
	border-radius: 10px;
	box-shadow: none;
}

.stBox {
	border: 1px #cc0000 solid;
	margin: 4px 0;
	padding: 4px 8px;
}

.timeBox {
	width: 500px;
	margin-left: 60px;
	overflow: auto;
}

.timeBox dl {
	width: 100%;
	text-align: left;
	overflow: auto;
}
.timeBox dl dt {
	float: left;
	clear: left;
	width: 110px;
	font-size: 110%;
	font-weight: bold;
	color: #400405;
}
.timeBox dl dd {
	float: left;
	width: 430px;
}
.tbl_time {
	clear: both;
	margin-top: 35px;
}

/* characteristics */

.characteristics {
		width: 100%;
		margin: 0 auto;
}
.topicBox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	overflow: auto;
	/*background-color: #D90307;*/
}
.topic {
	width: 380px;
	margin-top: 30px;
}

.topic p.tphg {
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}
.topic .txt {
	width: 360px;
	text-align: left;
	padding: 10px;
	margin-bottom: 30px;
	height: 80px;
}


/*///////////////////////////////////////////////////
underpage
///////////////////////////////////////////////////*/

.mainCover_under {
	position: relative;
	width: 100%;
	height: 400px;
	text-align: center;
	background: url(../images/intro/img_main_intro.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
	display: none;
}

.mainCover_under .tree {
	position: absolute;
	width: 1000px;
	margin: 0 auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: right;
}
.mainCover_under h2.title {
	position: absolute;
	width: 1000px;
	margin: 0 auto;
	top: 110px;
	bottom: 0;
	left: 0;
	right: 150px;
	text-align: right;
}

h3.unederT {
	margin: 60px auto 0 auto;
	text-align: center;
}


/*///////////////////////////////////////////////////
intro
///////////////////////////////////////////////////*/

.mainCover_under_intro {
	position: relative;
	width: 100%;
	height: 400px;
	text-align: center;
	background: url(../images/intro/img_main_intro.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
}

.mainCover_under_intro .tree {
	position: absolute;
	width: 1000px;
	margin: 0 auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: right;
}
.mainCover_under_intro h2.title {
	position: absolute;
	width: 1000px;
	margin: 0 auto;
	top: 110px;
	bottom: 0;
	left: 0;
	right: 150px;
	text-align: right;
}


.agree {
	width: 600px;
	margin: 40px auto;
}

.historyBox {
	display: flex;
	width: 940px;
	margin: 0 auto;
}
.historyBox .inchoPhoto {
	widh: 240px;
	text-align: center;
}
.historyBox .history {
	width: 700px;

}
.historyBox .history  .inchoname {
	margin: 0 0 0 50px;
}
.historyBox .history .his {
	width: 600px;
	padding: 20px;
	margin: 0 auto;
	border: 2px #c69c6d solid;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}


/*///////////////////////////////////////////////////
treatment
///////////////////////////////////////////////////*/

.mainCover_under_treat {
	position: relative;
	width: 100%;
	height: 400px;
	text-align: center;
	background: url(../images/treatment/img_main_treat.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
}

.mainCover_under_treat .tree {
	position: absolute;
	width: 1000px;
	margin: 0 auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: right;
}
.mainCover_under_treat h2.title {
	position: absolute;
	width: 1000px;
	margin: 0 auto;
	top: 110px;
	bottom: 0;
	left: 0;
	right: 150px;
	text-align: right;
}


.treatBox {
	display: flex;
	width: 1200px;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	margin: 60px auto 0 auto;
	overflow: auto;
}
.treatBox .treatLeft {
	width: 560px;
	padding: 20px;
	margin-bottom: 60px;
	border: 2px #c69c6d solid;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.treatBox .treatRight {
	width: 560px;
	margin-left: 80px;
	padding: 20px;
	margin-bottom: 60px;
	border: 2px #c69c6d solid;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.cadcamCover {
	width: 1200px;
	margin: 40px auto 0 auto;
}
.cadcamBox {
	display: flex;
	width: 100%;
	margin: 20px auto;
}
.cadcamBox .ccL {
	width: 360px;
	height: 240px;
	text-align: center;
}
.cadcamBox .ccL img {
	width: 360px;
	height: 240px;
	border: 2px #c69c6d solid;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.cadcamBox .ccR {
	width: 760px;
	margin: 0 20px 0 40px;
}

.cadcamCover .metal_tbl {
	table-layout: auto;
	width: 960px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	border: 2px #efe5db solid;
}
.cadcamCover .metal_tbl th {
	background-color: #C7B299;
	width: 40%;
	padding: 10px 20px;
	border-top: 2px #C7B299 solid;
	border-left: 2px #C7B299 solid;
	border-right: 2px #C7B299 solid;
	border-bottom: 2px #efe5db solid;
	color: #400405;
	text-align: center;
	line-height: 140%;
}
.cadcamCover .metal_tbl td{
	width: 30%;
	padding: 10px 20px;
	border: 1px #efe5db solid;
}
.cadcamCover .metal_tbl td.st {
	background-color: #efe5db;
}
.cadcamCover .gishi_ph_flex {
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 80%;
	margin: 40px auto;
}
.cadcamCover .gishi_ph_flex > div {
	width: 50%;
	text-align: center;
}
.cadcamCover .gishi_ph_flex img {
	border-radius: 10px;
	border: 2px #c69c6d solid;
}

/*///////////////////////////////////////////////////
clinic
///////////////////////////////////////////////////*/

.mainCover_under_clinic {
	position: relative;
	width: 100%;
	height: 400px;
	text-align: center;
	background: url(../images/clinic/img_main_clinic.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
}

.mainCover_under_clinic .tree {
	position: absolute;
	width: 1000px;
	margin: 0 auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: right;
}
.mainCover_under_clinic h2.title {
	position: absolute;
	width: 1000px;
	margin: 0 auto;
	top: 110px;
	bottom: 0;
	left: 0;
	right: 150px;
	text-align: right;
}


.photoCover {
	overflow: auto;
}
ul.photoList {
	width: 100%;
}

ul.photoList li {
	float: left;
	width: 280px;
	margin-right: 5px;
}
ul.photoList li.end {
	float: left;
	width: 280px;
}
.list_txt {
	width: 100%;
	margin: 0 auto 50px auto;
}


/*///////////////////////////////////////////////////
access
///////////////////////////////////////////////////*/

.mainCover_under_access {
	position: relative;
	width: 100%;
	height: 400px;
	text-align: center;
	background: url(../images/access/img_main_access.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
}

.mainCover_under_access .tree {
	position: absolute;
	width: 1000px;
	margin: 0 auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: right;
}
.mainCover_under_access h2.title {
	position: absolute;
	width: 1000px;
	margin: 0 auto;
	top: 110px;
	bottom: 0;
	left: 0;
	right: 150px;
	text-align: right;
}


.accBox {
	display: flex;
	width: 940px;
	margin: 60px auto;
}
.accBox .clinicPhoto {
	width: 400px;
}
.accBox .add {
	width: 500px;
	margin-left: 40px;
	padding: 20px 30px;
	border: 2px #c69c6d solid;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.accBox .add img {
	vertical-align: middle;
}
.accList {
	margin-top: 20px;
}
.accList li.ad {
	background: url(../images/access/img_access02.png) no-repeat 0 5px;
	padding-left: 25px;
}
.accList li.tel {
	background: url(../images/access/img_access03.png) no-repeat 0 5px;
	padding-left: 25px;
	margin: 10px 0;
}
.accList li.time {
	background: url(../images/access/img_access04.png) no-repeat 0 5px;
	padding-left: 25px;
}
.accmapBox {
	display: flex;
	width: 940px;
	margin: 0 auto;
}
.accmapBox h5 {
	font-weight: bold;
	color: #036eb8;
}
.accmapBox .acctxt {
	width: 660px;
}
.accmapBox .accPhoto {
	width: 240px;
	margin-left: 40px;
}
.acc_macBox {
	width: 944px;
	height: 604px;
	margin: 40px auto 0 auto;
	border: 2px #c69c6d solid;
}

/*///////////////////////////////////////////////////
footer
///////////////////////////////////////////////////*/

footer {
	width: 100%;
	margin: 150px 0 0 0;
	display: none;
}
.footerCover {
	display: flex;
}
.foottimeBox {
	width: 50%;
	background-color: #c7b299;
	height: 600px;
	color: #42210b;
}
.foottime {
	width: 620px;
	margin: 60px auto;
}
.foottime dl {
	width: 100%;
	text-align: left;
	overflow: auto;
}
.foottime dl dt {
	float: left;
	clear: left;
	width: 90px;
}
.foottime dl dd {
	float: left;
	width: 530px;
}


.mapBox {
	width: 50%;
	height: 600px;
}

.footPhoto {
	background: url(../images/share/img_footslide.jpg) repeat-x;
	width: 100%;
	height: 267px;
	background: url( 
}



.clearfix:after {
  content: "";
  clear: both;
  display: block;
}