@charset "utf-8";

/* ===================================================================
	renewal in 2016/01/26

	01.reset
	02.clearfix
	03.adjustment parts
	04.body
	05.menu button
	06.header
	07.main visual
	08.function buttom
	09.medical time table
	10.information
	11.Calendar
	12.footer
	13.swiper slide
	14.accordion menu
	15.faq
	16.inquiry
	17.blog
	99.other
=================================================================== */



/* ===================================================================
	01.reset
=================================================================== */

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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul, ol { list-style:none;}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
	text-decoration:underline;
	color:#0000ff;
}
a:hover {
	text-decoration:none;
	color:#ff8000;
}

img { text-align:center;}

table { border-collapse:collapse; border-spacing:0;}


/* ===================================================================
	02.clearfix
=================================================================== */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	overflow:hidden;
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
*+html .clearfix{min-height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ===================================================================
	03.adjustment parts
=================================================================== */

.t_center { text-align:center !important;margin-left:auto !important;margin-right:auto !important;}
.t_left { text-align:left !important;}
.t_right { text-align:right !important;}
.t_bold { font-weight:bold !important;}
em { font-style:normal;font-weight:bold !important;}
.of_hidn { overflow:hidden !important;}
.hide{ display:none; margin-top:10px;}
.show{ display:block; margin-top:10px;}
.expand{cursor:pointer;}

p.note{margin-left:1.3em !important;}
p.note span{margin:0 0.3em 0.5em -1.3em;}


/* -- _width -- */
.w10 { width:10px !important;}
.w20 { width:20px !important;}
.w30 { width:30px !important;}
.w40 { width:40px !important;}
.w50 { width:50px !important;}
.w60 { width:60px !important;}
.w70 { width:70px !important;}
.w80 { width:80px !important;}
.w90 { width:90px !important;}
.w100 { width:100px !important;}
.w110 { width:110px !important;}
.w120 { width:120px !important;}
.w130 { width:130px !important;}
.w140 { width:140px !important;}
.w150 { width:150px !important;}
.w160 { width:160px !important;}
.w170 { width:170px !important;}
.w180 { width:180px !important;}
.w190 { width:190px !important;}
.w200 { width:200px !important;}
.w210 { width:210px !important;}
.w220 { width:220px !important;}
.w230 { width:230px !important;}
.w240 { width:240px !important;}
.w250 { width:250px !important;}
.w260 { width:260px !important;}
.w270 { width:270px !important;}
.w280 { width:280px !important;}
.w290 { width:290px !important;}
.w300 { width:300px !important;}
.w310 { width:310px !important;}
.w320 { width:320px !important;}

/* -- _width % -- */
.wp5 { width:5% !important;}
.wp10 { width:10% !important;}
.wp15 { width:15% !important;}
.wp20 { width:20% !important;}
.wp25 { width:25% !important;}
.wp30 { width:30% !important;}
.wp35 { width:35% !important;}
.wp40 { width:40% !important;}
.wp45 { width:45% !important;}
.wp50 { width:50% !important;}
.wp55 { width:55% !important;}
.wp60 { width:60% !important;}
.wp65 { width:65% !important;}
.wp70 { width:70% !important;}
.wp75 { width:75% !important;}
.wp80 { width:80% !important;}
.wp85 { width:85% !important;}
.wp90 { width:90% !important;}
.wp95 { width:95% !important;}
.wp100 { width:100% !important;}

/* -- img_width -- */
.img5 { width:5% !important; height:auto !important;}
.img10 { width:10% !important; height:auto !important;}
.img15 { width:15% !important; height:auto !important;}
.img20 { width:20% !important; height:auto !important;}
.img25 { width:25% !important; height:auto !important;}
.img30 { width:30% !important; height:auto !important;}
.img35 { width:35% !important; height:auto !important;}
.img40 { width:40% !important; height:auto !important;}
.img45 { width:45% !important; height:auto !important;}
.img50 { width:50% !important; height:auto !important;}
.img55 { width:55% !important; height:auto !important;}
.img60 { width:60% !important; height:auto !important;}
.img65 { width:65% !important; height:auto !important;}
.img70 { width:70% !important; height:auto !important;}
.img75 { width:75% !important; height:auto !important;}
.img80 { width:80% !important; height:auto !important;}
.img85 { width:85% !important; height:auto !important;}
.img90 { width:90% !important; height:auto !important;}
.img95 { width:95% !important; height:auto !important;}
.img100 { width:100% !important; height:auto !important;}

/* -- _height -- */
.h50 { height:50px !important;}
.h100 { height:100px !important;}
.h150 { height:150px !important;}
.h200 { height:200px !important;}
.h250 { height:250px !important;}
.h300 { height:300px !important;}

/* -- _margin -- */
.ma { margin-left:auto !important; margin-right:auto !important;}

.mlr0 { margin-left:0 !important; margin-right:0 !important;}
.mlr5 { margin-left:5px !important; margin-right:5px !important;}
.mlr10 { margin-left:10px !important; margin-right:10px !important;}
.mlr15 { margin-left:15px !important; margin-right:15px !important;}
.mlr20 { margin-left:20px !important; margin-right:20px !important;}

.mt0 { margin-top:0 !important;}
.mt5 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}
.mt80 { margin-top:80px !important;}
.mt90 { margin-top:90px !important;}
.mt100 { margin-top:100px !important;}

.mr0 { margin-right:0 !important;}
.mr5 { margin-right:5px !important;}
.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mr60 { margin-right:60px !important;}
.mr70 { margin-right:70px !important;}
.mr80 { margin-right:80px !important;}
.mr90 { margin-right:90px !important;}
.mr100 { margin-right:100px !important;}

.mb0 { margin-bottom:0 !important;}
.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}
.mb90 { margin-bottom:90px !important;}
.mb100 { margin-bottom:100px !important;}

.ml0 { margin-left:0 !important;}
.ml5 { margin-left:5px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}
.ml60 { margin-left:60px !important;}
.ml70 { margin-left:70px !important;}
.ml80 { margin-left:80px !important;}
.ml90 { margin-left:90px !important;}
.ml100 { margin-left:100px !important;}

/* -- _padding -- */
.pt0 { padding-top:0 !important;}
.pt5 { padding-top:5px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pt60 { padding-top:60px !important;}
.pt70 { padding-top:70px !important;}
.pt80 { padding-top:80px !important;}
.pt90 { padding-top:90px !important;}
.pt100 { padding-top:100px !important;}

.pr0 { padding-right:0 !important;}
.pr5 { padding-right:5px !important;}
.pr10 { padding-right:10px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pr60 { padding-right:60px !important;}
.pr70 { padding-right:70px !important;}
.pr80 { padding-right:80px !important;}
.pr90 { padding-right:90px !important;}
.pr100 { padding-right:100px !important;}

.pb0 { padding-bottom:0px !important;}
.pb5 { padding-bottom:5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pb60 { padding-bottom:60px !important;}
.pb70 { padding-bottom:70px !important;}
.pb80 { padding-bottom:80px !important;}
.pb90 { padding-bottom:90px !important;}
.pb100 { padding-bottom:100px !important;}

.pl0 { padding-left:0 !important;}
.pl5 { padding-left:5px !important;}
.pl10 { padding-left:10px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}
.pl60 { padding-left:60px !important;}
.pl70 { padding-left:70px !important;}
.pl80 { padding-left:80px !important;}
.pl90 { padding-left:90px !important;}
.pl100 { padding-left:100px !important;}

/* -- _rotate -- */
.deg90{
	-moz-transform: rotate(90deg);   
	-webkit-transform: rotate(90deg);   
	transform: rotate(90deg);  
}
.deg180{
	-moz-transform: rotate(180deg);   
	-webkit-transform: rotate(180deg);   
	transform: rotate(180deg);  
}
.deg270, .deg-90{
	-moz-transform: rotate(-90deg);   
	-webkit-transform: rotate(-90deg);   
	transform: rotate(-90deg);  
}

/* -- _float -- */
.rf { float:right !important;}
.rf5 { float:right !important; margin-left:5px !important;}
.rf10 { float:right !important; margin-left:10px !important;}
.rf15 { float:right !important; margin-left:15px !important;}
.rf20 { float:right !important; margin-left:20px !important;}
.rf25 { float:right !important; margin-left:25px !important;}
.rf30 { float:right !important; margin-left:30px !important;}

.lf { float:left !important;}
.lf5 { float:left !important; margin-right:5px !important;}
.lf10 { float:left !important; margin-right:10px !important;}
.lf15 { float:left !important; margin-right:15px !important;}
.lf20 { float:left !important; margin-right:20px !important;}
.lf25 { float:left !important; margin-right:25px !important;}
.lf30 { float:left !important; margin-right:30px !important;}

/* -- txt -- */
.txt10{ font-size:10px !important;}
.txt11{ font-size:11px !important;}
.txt12{ font-size:12px !important;}
.txt13{ font-size:13px !important;}
.txt14{ font-size:14px !important;}
.txt15{ font-size:15px !important;}
.txt16{ font-size:16px !important;}
.txt17{ font-size:17px !important;}
.txt18{ font-size:18px !important;}
.txt19{ font-size:19px !important;}
.txt20{ font-size:20px !important;}
.txt21{ font-size:21px !important;}
.txt22{ font-size:22px !important;}
.txt23{ font-size:23px !important;}
.txt24{ font-size:24px !important;}
.txt25{ font-size:25px !important;}


/* -- color -- */
.t_red { color:#FF0000 !important;}
.t_blu { color:#285E9D !important;}
.t_grn { color:#357704 !important;}
.t_ylw { color:#ff9900 !important;}
.t_org { color:#FA804B !important;}
.t_ppl { color:#933366 !important;}
.t_pnk { color:#f84d70 !important;}
.t_brw { color:#522c04 !important;}
.t_wht { color:#fff !important;}
.t_blk { color:#000 !important;}


.bg_red { background:#FF0000 !important;}
.bg_blu { background:#3366ff !important;}
.bg_grn { background:#eaf9f7 !important;}
.bg_ylw { background:#ff9900 !important;}
.bg_org { background:#FF9E22 !important;}
.bg_ppl { background:#933366 !important;}
.bg_pnk { background:#ff99cc !important;}
.bg_brw { background:#522c04 !important;}
.bg_wht { background:#fff !important;}
.bg_blk { background:#000 !important;}



/* -- _font -- */
.font-gothic{ font-family: Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;}
.font-mincho{ font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;}


/* ===================================================================
	04.body
=================================================================== */

body{
	font-family: Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
	-webkit-text-size-adjust: none;
	font-size:14px;
	line-height:1.4;
	display:none;
}


/* -------------------------------------------------------------
ROOK編集時の影響回避
------------------------------------------------------------- */
@media screen and (min-width: 960px) {
	body{display:block;}
	.header_a{display:none;}
}

.BFence div h2.BCssInvalidateH2{
	position:static;
	text-align:left;
	color:#333;
}
.BFence div h2.BCssInvalidateH2 a{
	display:inline;
}
.BFence div h2.BCssInvalidateH2::before{   
	content:normal;   
}   
.BFence div h2.BCssInvalidateH2::after{   
	content:normal;   
}  




#container{	color:#333;}

.box { margin-bottom:20px;}

.text:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.text {
	overflow:hidden;
	display: inline-block;
	padding:0 10px;
	margin-left:0 !important;
	margin-right:0 !important;
}
/* Hides from IE-mac \*/
* html .text{height: 1%;}
*+html .text{min-height: 1%;}
.text {display: block;}
/* End hide from IE-mac */


.wrapper{  
 	border:solid 1px #ccc;  
 	background:#EBEBEB;  
 	padding:10px 10px 0 10px;  
 	margin-bottom:15px;  
}  


p { margin-bottom:1em;}


/* -- _hgroup -- */
h1{
	text-align:center;
	padding:10px 20px;
	margin:0 auto;
	line-height:0;
	width:280px;
}

h2{
	color:#013865;
	font-size:20px;
	padding:24px 10px;
	margin:10px 0 15px 0;
	background:url(https://www.oda-clinic.jp/images/material/s_h2.jpg) top no-repeat;
	background-size:100% auto;
	position:relative;
	text-align:center;
	font-weight:normal;

}
h2::after{
	content:'';
	position:absolute;
	width:100%;

	display:block;
	bottom:2px;
	left:0;
}

h3{
	color:#4f4f4f;
	font-size:18px;
	margin:0 0 15px 0;
	padding:8px 10px 8px 30px;
    background: -moz-linear-gradient(top, #fff, #dedede);
    background: -webkit-linear-gradient(#fff, #dedede);
	background: linear-gradient(top, #fff, #dedede);
	width:auto;
	position:relative;
	font-weight:normal;
	text-align:left;
	line-height:1.4;
	border:solid #dedede 1px;
}
h3::before {
    content: '';
	position:absolute;
	width:20px;
	height:20px;
    background:url(https://www.oda-clinic.jp/images/material/s_h3.png) no-repeat;
	background-size:20px 20px;
	left:5px;
	top:0;
	bottom:0;
	right:0;
	margin:auto auto auto 0;
}

h4{
	border-bottom:#5c5c5c solid 2px;
	background:url(https://www.oda-clinic.jp/images/material/s_h4.png) left no-repeat;
	background-size:18px 18px;
	padding:3px 10px 5px 25px;
	line-height:1.2;
	color:#333;
	font-size:16px;
	margin:0 -10px 10px;
	font-weight:normal;
}

h5{
	font-size:14px;
	padding:5px;
	margin:0 0 15px 0;
	border-left:3px solid #02477c;
	background:#eee;
	color:#02477c;
}



/* -- _list -- */
ol, ul, li { padding:0;	list-style:none; list-style-position:outside; margin:0;}
ol, ul{	margin:0 0 15px 0;}
ol li, ul li{	margin:0 0 15px 0;}

li.list_num {
	list-style-type:decimal;
	margin:0 0 5px 20px;
	line-height:1.5;
}
li.list_squ {
	position:relative;
	margin:0 0 10px 0;
	padding:0 0 0 20px;
}
li.list_squ::before {
    content: "";
	position:absolute;
	top:5px;
	left:5px;
    background:#333;
    height: 8px;
    width: 8px;
}
li.list_disc {
	position:relative;
	margin:0 0 5px 0;
	padding:0 0 0 17px;
}
li.list_disc::before {
    content: "";
	position:absolute;
	top:6px;
	left:5px;
    background:#333;
    width: 6px;
    height: 6px;
	border-radius:6px;
}

ul.note { margin:0 0 15px 5px !important; padding:0 !important;}
ul.note li{ margin:0 0 5px 1.5em !important; padding:0 0 0 0 !important; list-style:none !important;}
ul.note li span{ margin:0 0.5em 0 -1.5em !important;}

.list_num li{
	list-style-type:decimal;
	margin:0 0 5px 20px;
	line-height:1.5;
}

.list_num02{
	counter-reset:number;
	list-style:none;
}
.list_num02 li{
	position:relative;
	padding-left:25px;

}
.list_num02 li::before{
	position:absolute;
	counter-increment: number;
	content: counter(number);
	left:0;
	background:#333;
	color:#fff;
	display:block;
	width:20px;
	height:19px;
	text-align:center;
	border-radius:3px;
	padding-top:1px;
}

.list_squ li{
	position:relative;
	margin:0 0 10px 0;
	padding:0 0 0 20px;
}
.list_squ li::before {
    content: "";
	position:absolute;
	top:5px;
	left:5px;
    background:#333;
    height: 8px;
    width: 8px;
}
.list_disc li{
	position:relative;
	margin:0 0 5px 0;
	padding:0 0 0 17px;
}
.list_disc li::before {
    content: "";
	position:absolute;
	top:6px;
	left:5px;
    background:#333;
    width: 6px;
    height: 6px;
	border-radius:6px;
}

.in_box_j{
	display:table;
    border-collapse: separate;
    border-spacing: 0 0;
	margin:0 auto 15px auto;
}
.in_box_j li{
	position:relative;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.in_box_j li:nth-child(odd){  
	padding-right:10px;  
} 
.in_box_j li:nth-child(even){  
	padding-left:10px;  
}  
.in_box_j li span{  
	display:block;  
	background:#ccc;  
	padding:5px;  
}

.in_box_j02{   
	display:table;   
 border-collapse: separate;   
 border-spacing: 10px 0;   
	margin:0 auto 15px auto;   
}   
.in_box_j02 li{   
	position:relative;   
	display:table-cell;   
	vertical-align:middle;   
	text-align:center;   
}  


.link_anc{  
	margin-bottom:30px;  
}
.link_anc li{
 	position:relative;
 	margin-bottom:8px;
 	padding-left:25px;
}
.link_anc li::before{  
 	position:absolute;  
 	content:'';  
 	border-bottom:solid 2px #333;  
 	border-right:solid 2px #333;  
 	width:5px;  
 	height:5px;  
 	left:10px;  
 	top:0;  
 	bottom:0;  
 	right:0;  
 	margin:auto auto auto 0;  
 	-moz-transform: rotate(45deg);  
 	-webkit-transform: rotate(45deg);  
 	transform: rotate(45deg);  
}

ul.flow li{
	position:relative;
	margin-bottom:36px;
	margin-left:0;
	margin-right:0;
	padding:5px;
	border:solid 1px #666;
	background:#ccc;
}
ul.flow li::before{
	content:'';
	position:absolute;
    border: 15px solid transparent;
    border-top-color: #666;
	height:0;
	width:0;
	bottom:-40px;
	top:0;
	left:0;
	right:0;
	margin:auto auto 0 auto;
}
ul.flow li:last-child::before{
	background:none;
	border:none;
}

.scroll_list{   
	white-space: nowrap;   
	width:600px;   
}


dl{margin:0; padding:0;}
dl dt{margin:0 0 5px 0; padding:0;}
dl dd{margin:0 5px 15px 5px; padding:0;}

dl.sub_ttl,
dl.doc_info,
dl.doc_info02,
dl.price_info,
dl.career { margin:0 0 15px 0;}

dl.sub_ttl dt,
dl.doc_info dt,
dl.doc_info02 dt,
dl.price_info dt,
dl.career dt {
	margin:0 0 5px 0;
	padding:5px 0 5px 0;
}

dl.sub_ttl dd,
dl.doc_info dd,
dl.doc_info02 dd,
dl.price_info dd,
dl.career dd {
	padding:5px 0 5px 0;
	display:block;
}

dl.sub_ttl{
	margin:0 0 10px 0;
}
dl.sub_ttl dt{
	font-weight:bold;
	border:none;
	position:relative;
	padding:5px;
	border-bottom:dotted 1px #333;
}
dl.sub_ttl dd{
	margin:0 0 10px 0;
	padding:0 5px;
}

dl.doc_info {
    margin:0 0 20px 0;
}
dl.doc_info dt {
    clear: both;
    display: block;
    float: left;
    margin: 0 5px;
    padding: 6px 0;
    width: 70px;
}
dl.doc_info dd {
    border-bottom:solid 1px #333;
    display: block;
    padding: 6px 0 6px 80px;
	margin:0;
}

dl.career {
    margin:0 0 20px 0;
}
dl.career dt {
    clear: both;
    display: block;
    float: left;
    margin: 0 5px;
    padding: 6px 0;
    width: 130px;
}
dl.career dd {
    border-bottom:solid 1px #333;
    display: block;
    padding: 6px 0 6px 110px;
	margin:0;
}

dl.bi-color {
    margin:0 0 20px 0;
}
dl.bi-color dt {
    clear: both;
    display: block;
    float: left;
    margin: 0 5px;
    padding: 6px 0;
    width: 120px;
}
dl.bi-color dd {
    display: block;
    padding: 6px 0 6px 130px;
	margin:0;
}
dl.bi-color>dt:nth-of-type(2n), dl.bi-color>dd:nth-of-type(2n){
	background:#ccc;
}

dl.list_num{
	counter-reset:number;
	list-style:none;
}
dl.list_num dt{
	position:relative;
	padding-left:25px;

}
dl.list_num dt::before{
	position:absolute;
	counter-increment: number;
	content: counter(number);
	left:0;
	background:#333;
	color:#fff;
	display:block;
	width:20px;
	height:19px;
	text-align:center;
	border-radius:3px;
	padding-top:1px;
}
dl.list_num dd{
	margin:0;
	padding:0 0 0 2px;
}


dl.flow{   
	margin-bottom:15px;   
}   
dl.flow dt{   
	background:#666;   
	color:#fff;   
	font-weight:normal;   
	border-left:solid 1px #333;   
	border-right:solid 1px #333;   
	border-top:solid 1px #333;   
	margin:0;   
	padding:5px;   
} 
dl.flow dt::before{   
	background:none;   
	border:none;   
}  
dl.flow dd{   
	position:relative;   
	margin-bottom:36px;   
	margin-left:0;   
	margin-right:0;   
	padding:5px;   
	border:solid 1px #333;   
} 
dl.flow dd.none{   
	border-left:none;   
	border-right:none;   
	border-bottom:none;   
	padding:0;   
	margin-bottom:15px;   
}  
dl.flow dd::before{   
	content:'';   
	position:absolute;   
	border: 15px solid transparent;   
	border-top-color: #333;   
	height:0;   
	width:0;   
	bottom:-40px;   
	top:0;   
	left:0;   
	right:0;   
	margin:auto auto 0 auto;   
}   
dl.flow dd:last-child::before{   
	background:none;   
	border:none;   
}  



/* -- _table -- */
table.tbl01{
	border-left:solid 1px #333;
	border-top:solid 1px #333;
	text-align:center;
	margin-bottom:5px;
	position:relative;
}
table.tbl01 thead th,
table.tbl01 tbody th,
table.tbl01 tbody td{padding:8px;border-bottom:1px solid #333;border-right:1px solid #333;line-height:1;text-align:center;}

table.tbl01 thead th{background:#333;color:#fff;}
table.tbl01 tbody th{background:#fff;color:#333;}
table.tbl01 tbody td{background:#fff;color:#333;}
table.tbl01 tbody td.price{text-align:right;}


table.price{
	border-left:solid 1px #333;
	border-top:solid 1px #333;
	text-align:center;
	margin-bottom:5px;
	position:relative;
}
table.price thead th,
table.price tbody th,
table.price tbody td{padding:8px;border-bottom:1px solid #333;border-right:1px solid #333;line-height:1;text-align:center;}

table.price thead th{background:#333;color:#fff;}
table.price tbody th{background:#333;color:#fff;}
table.price tbody td{background:#fff;color:#333;}
table.price tbody td.price{text-align:right; white-space: nowrap;}


/* -- _pc_table -- */
table.pc_tbl{
	text-align:center;
	position:relative;
	width:100%;
	margin-bottom:15px;
}
table.pc_tbl tbody tr{display:block;}

table.pc_tbl tbody tr th,
table.pc_tbl tbody tr td{padding:5px;line-height:1;text-align:center;}

table.pc_tbl tbody tr th{
	text-align:left;
	font-weight:bold;
	display:block;
	border-bottom:double 3px #666;
	width:100%;
	line-height:1.3;
	vertical-align:top;
	margin-top:15px;
	margin-bottom:3px;
	padding:0 5px 3px 5px;
	position:relative;
}
table.pc_tbl tbody tr td{
	text-align:left;
	display:table-cell;
	width:100%;
	border:none;
	line-height:1.3;
	vertical-align:bottom;
	border-bottom:dotted 1px #ccc;
}
table.pc_tbl tbody tr td.price{
	text-align:right;
	white-space: nowrap;
	width:100px;
}
table.pc_tbl tbody tr td.none{
	border:none;
}




/* -- _scroll_table -- */
table.scroll_tbl{
	border-left:solid 1px #333;
	border-top:solid 1px #333;
	text-align:center;
	margin-bottom:5px;
	position:relative;
	white-space: nowrap;
}
table.scroll_tbl thead th,
table.scroll_tbl tbody th,
table.scroll_tbl tbody td{padding:8px;border-bottom:1px solid #333;border-right:1px solid #333;line-height:1;text-align:center;}

table.scroll_tbl thead th{background:#333;color:#fff;}
table.scroll_tbl tbody th{background:#333;color:#fff;}
table.scroll_tbl tbody td{background:#fff;color:#333;}
table.scroll_tbl tbody td.price{text-align:right;}


.scroll_inner{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding-bottom:10px;
}
.scroll_box{
	position:relative;
	padding:15px 25px 0 25px;
}
.scroll_box:before{
	content:' ';
	display:block;
	position:absolute;
	width:10px;
	height:10px;
	left:10px;
	bottom:0;
	top:-10px;
	right:0;
	margin:auto auto auto 0;
	border-top:solid 2px #999;
	border-left:solid 2px #999;
	-moz-transform: rotate(-45deg);   
	-webkit-transform: rotate(-45deg);   
	transform: rotate(-45deg); 
}
.scroll_box::after{
	position:absolute;
	display:block;
	content:'';
	width:10px;
	height:10px;
	right:10px;
	bottom:0;
	top:-10px;
	left:0;
	margin:auto 0 auto auto;
	border-top:solid 2px #999;
	border-right:solid 2px #999;
	-moz-transform: rotate(45deg);   
	-webkit-transform: rotate(45deg);   
	transform: rotate(45deg);  	
}





/* -- _link -- */
a.link01{
    background: -moz-linear-gradient(top, #777, #666);
    background: -webkit-linear-gradient(#777, #666);
	background: linear-gradient(top, #777, #666);
	color:#fff !important;
	border-radius: 8px;
	padding:10px;
	margin:5px 0;
	display:block;
	text-decoration:none;
}

/*
a.link02{
	border:solid 1px #ccc;
    background: -moz-linear-gradient(top, #eee, #ddd);
    background: -webkit-linear-gradient(#eee, #ddd);
	background: linear-gradient(top, #eee, #ddd);
	color:#333 !important;
	border-radius: 5px;
	box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 1px 1px rgba(255,255,255,0.5);
	padding:10px 20px 10px 10px;
	margin:0 0 5px 0;
	display:block;
	position:relative;
	text-decoration:none;
}
a.link02::after{
	content:'';
	position:absolute;
	width:6px;
	height:7px;
	right:10px;
	top:16px;
	background:url(https://www.oda-clinic.jp/images/material/s_icon_01.png) no-repeat;
	background-size:6px 7px;
}
*/


/* ===================================================================
	05.menu button
=================================================================== */

/* -- ボタン部分 -- */
/* -- A -- */
/*
.spHoverMenu{
	position:fixed;
	left:0;
	top:0;
	margin:0;
	padding:0;
	z-index:101;
	width:20%;
	text-align:center;
}
.spHoverMenuBtn{
	border:none;
	background:none;
	display:block;
	text-align:center;
	width:49px;
	height:35px;
	margin:0 auto;
	font-size:1em;
}
*/


/* -- B 今回はこちらを使用 -- */

.spHoverMenu{
	position:absolute;
	left:0;
	top:50px;
	margin:0;
	padding:0;
	z-index:101;
	width:25%;
	text-align:center;
}
.spHoverMenuBtn{
	border:none;
	background:none;
	display:block;
	text-align:center;
	width:49px;
	height:35px;
	margin:0 auto;
	font-size:1em;
	padding:8px 0 0 0;
}


/* -- C -- */
/*
.spHoverMenu{
	position:fixed;
	left:0;
	bottom:0;
	margin:0;
	padding:0;
	z-index:101;
	width:25%;
	text-align:center;
}
.spHoverMenuBtn{
	border:none;
	background:none;
	display:block;
	text-align:center;
	width:49px;
	height:35px;
	margin:0 auto;
	font-size:1em;
	padding-bottom:8px;
}
*/


/* -- ボタンタップ後-- */
.spMenuTapDisp{
	background:rgba(255, 255, 255, 0.8);
	border-radius:5px;
	top:10px;
}
.spHoverMenuTitle{
	margin:5px;
	border:none;
	border-radius:5px;
	background:#fff;
	padding:10px 0 8px 0;
	color:#05558c;
}
.spMenuTapDisp ul{
	border-top:none;
}
.spMenuTapDisp ul li{
	border-bottom:dotted 1px #05558c;
	font-size:14px;
	text-indent:15px;
	padding:0 ;
	position:relative;
	background:none;
}
.spMenuTapDisp ul li::before {
    content: "";
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:5px;
	margin:auto auto auto 0;
    background:#05558c;
    border-radius: 10px;
    width: 10px;
    height: 10px;
}
.spMenuTapDisp ul li::after {
	content:'';
	position:absolute;
	width:8px;
	height:8px;
	top:0;
	bottom:0;
	left:0;
	right:5px;
	margin:auto 0 auto auto;
	border-top:solid 2px #05558c;
	border-right:solid 2px #05558c;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.spMenuTapDisp ul li a{
	color:#05558c;
	display:block;
	padding:10px 15px 8px 10px;
}
.spHoverMenuCloseBtn{
	background:#fff;
	border:none;
	border-radius:5px;
	padding:10px 15px;
	text-align:center;
	margin:0 auto;
}
.spHoverMenuCloseBtn span{
	color:#05558c;
}
.spHoverMenuCloseBtnArea{
	display:none;
}



/* ===================================================================
	06.header
=================================================================== */

.header{
	background:url(https://www.oda-clinic.jp/images/material/s_header_bg.png) repeat-x center top;
	background-size:100% auto;
	padding-top:0px;
	margin:0;
}

.header_a{
	position:fixed;
	top:0;
	left:0;
	margin:0;
	width:100%;
	z-index:100;
}
.header_a_inner{
	margin:0;
}

.header_c{
	position:fixed;
	bottom:0;
	left:0;
	margin:00;
	width:100%;
	z-index:100;
}
.header_c div{
	background:rgba(128,128,128,0.7);
	height:50px;
	margin:0 10px;
}


ul.gnavi{
	display:table;
	width:100%;
    border-collapse: separate;  /* セルの間隔を空ける */
    border-spacing: 0 5px;  /* 左右 上下で記述 */
	background: -moz-linear-gradient(top, #002f59 0%, #0a75b6 80%); 
background: -webkit-linear-gradient(top, #002f59 0%,#0a75b6 80%); 
background: linear-gradient(to bottom, #002f59 0%,#0a75b6 80%); 
	height:50px;
	margin:0;
}
ul.gnavi li{
	position:relative;
	width:25%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	color: #FFF;
	border-right:solid 1px #002f59;
	border-left:solid 1px #fff;
	line-height:1.2;
}
ul.gnavi li:first-child{
	border-left:none;
}
ul.gnavi li:last-child{
	border-right:none;
}
	
ul.gnavi li a{
	color:#fff;
	display:block;
	padding:0;
	margin:0 auto;
	text-align:center;
	line-height:0;
}

/* B,Cのときは画像の横幅を指定（半分） */
.header_b ul.gnavi li a,
.header_c ul.gnavi li a{
	width:70px;
}

ul.gnavi li.h_info01{
	width:60%;
}




/* Cでgnaviにpagetopを置く場合 */
#page_block1 li.pgtop span{
	color:#fff;
	display:block;
	padding:0;
	width:70px;
	margin:0 auto;
	text-align:center;
	line-height:0;
}



/* ===================================================================
	07.main visual
=================================================================== */

.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding:0 0 0 0;margin:0 0 0 0;}
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; margin:0;}
.rslides li:first-child {position: relative; display: block; float: left;}
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0;}



/* ===================================================================
	08.function buttom
=================================================================== */

ul.navi_contact{
	display:table;
	width:100%;
    border-collapse: separate;
    border-spacing: 10px 0;
	margin-bottom:10px;
}
ul.navi_contact li{
	position:relative;
	width:50%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	background: -moz-linear-gradient(top,#777, #666);
	background: -webkit-linear-gradient(#777, #666);
	background: linear-gradient(top,#777, #666);
	color: #FFF;
	border-radius: 8px;
	line-height:1.2;
}
ul.navi_contact li a{
	color:#fff;
	display:block;
	padding:10px 0 10px 20px;
	text-decoration:none;
}
ul.navi_contact li a img{
	position:absolute;
	top:0;
	bottom:0;
	left:50%;
	margin:auto auto auto -65px;
}
ul.navi_contact li.long{
	width:100%;
}
ul.navi_contact li.long a{
	padding:4px 0 4px 45px;
}
ul.navi_contact li.long a img{
	margin:auto auto auto -125px;
}



/* ===================================================================
	09.medical time table
=================================================================== */

table.time{
	border-left:solid 1px #333;
	border-top:solid 1px #333;
	text-align:center;
	margin-bottom:5px;
	font-size:11px;
}
table.time thead th,
table.time tbody th,
table.time tbody td{padding:8px 5px;border-bottom:1px solid #333;border-right:1px solid #333;line-height:1;text-align:center;}

table.time thead th{background:#ececec;color:#333;}
table.time tbody th{background:#fff;color:#333; font-weight:normal;}
table.time tbody td{background:#fff;color:#333; width:12%;}
table.time tbody td.none{}



/* ===================================================================
	10.information
=================================================================== */

.spInfo{
	margin-bottom:0;
}

/*h3と同じだったらコピー可 (spanでも色指定,border-bottomが勝手に入る) */
.spInfo h1{
	color:#4f4f4f;
	font-size:18px;
	margin:0 0 15px 0;
	padding:8px 10px 8px 30px;
    background: -moz-linear-gradient(top, #fff, #dedede);
    background: -webkit-linear-gradient(#fff, #dedede);
	background: linear-gradient(top, #fff, #dedede);
	width:auto;
	position:relative;
	font-weight:normal;
	text-align:left;
	line-height:1.4;
	border:solid #dedede 1px;
}
.spInfo h1::before {
    content: '';
	position:absolute;
	width:20px;
	height:20px;
    background:url(https://www.oda-clinic.jp/images/material/s_h3.png) no-repeat;
	background-size:20px 20px;
	left:5px;
	top:0;
	bottom:0;
	right:0;
	margin:auto auto auto 0;
}
.spInfo h1 span{
	color:#4f4f4f;
}

.spInfo .infoBox ul{
	margin:0 10px 15px 10px;
	padding:10px;
	border:none;
	background:#fff;
}
.spInfo .infoBox ul li{
	border-bottom:dotted 1px #452200;
	margin:10px 0;
	padding-bottom:10px;
}
.info_more{	
	background: -moz-linear-gradient(top, #002f59, #0a75b6);
	background: -webkit-linear-gradient(#002f59, #0a75b6);
	background: linear-gradient(top, #002f59, #0a75b6);
	border:#0a75b6 solid 1px; 
	color: #FFF;
	border-radius: 8px;
	margin:0 10px 15px 10px;
	line-height:40px;
	height:38px;
	font-weight:normal;
	cursor: pointer;
	font-size:15px;
	text-align:center;
	padding:0;   
	position:relative;  
}
/*
.info_open::after{   
	content:'';   
	position:absolute;   
	background:url(https://www.oda-clinic.jp/images/material/s_toggle_01.png) no-repeat;
	background-size:18px 18px;
    width: 18px;
	height: 18px;
	right:10px;   
	bottom:0;   
	top:0;   
	left:0;   
	margin:auto 0 auto auto;   
} 
*/ 
.info_close{
	background: -moz-linear-gradient(top, #002f59, #0a75b6);
	background: -webkit-linear-gradient(#002f59, #0a75b6);
	background: linear-gradient(top, #002f59, #0a75b6);
}
/*
.info_close::after{   
	content:'';   
	position:absolute;   
	background:url(https://www.oda-clinic.jp/images/material/s_toggle_02.png) no-repeat;
	background-size:18px 18px;
    width: 18px;
	height: 18px;
	right:10px;   
	bottom:0;   
	top:0;   
	left:0;   
	margin:auto 0 auto auto;   
}  
*/



/*
   デフォルト表示件数
   表示したい数 + 1（1件表示なら2）
   全件表示の場合は以下を削除かコメントアウト
*/
.infoBox ul li:nth-child(n + 4) {
	display:none;
}


/* ===================================================================
	11.Calendar
=================================================================== */

/*default Calendar style*/
table.spCalendarTable th {
	border:solid 1px #BCBEBD;
}
table.spCalendarTable td {
	background:#ffffff;
	border:solid 1px #BCBEBD;
}

.sp_cal_1{
    background:#fff;
	padding:5px 0 0 0;
}
.spCalendarException{
	background:#fff;
	padding:5px;
	border:solid 1px #BCBEBD;
	border-radius:5px;
}
.spCalendarException p{
	margin:0;
}

.sp_calendar{
	margin:0 auto;
	text-align:center;
	width:280px;
}

.cal_left{
	float:left;
	width:140px;
	vertical-align:top;
	text-align:left;
}
	
.calname{
	color:#333;
}

.spSubButton2{
	-webkit-appearance: none;
	border:solid 1px #BCBEBD;
	text-shadow:none;
	border-radius:3px;
    background: #fff;
	padding:0 0;
}

.spCalendarHeadline th{
	background:#fff !important;
	color:#444;
}




/* ===================================================================
	12.footer
=================================================================== */

#page_block5 .pgtop{
	margin:0;
	display:none;
	position:fixed;
	right:10px;
	bottom:10px;
	width:65px;
	height:65px;
	z-index:200;
	cursor:pointer; 
}

dl.nav_menu {
	background:#fff;
	margin:0;
	padding:20px 0 0 0;
}

/*h3と同じだったらコピー可 (margin;0;) */
dl.nav_menu dt{
	color:#fff;
	font-size:18px;
	margin:0;
	padding:8px 0px;
	background:#02477c;
	width:auto;
	position:relative;
	font-weight:normal;
	text-align:center;
	line-height:1.4;
	border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	-webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px; 
	-moz-border-radius-topleft: 5px;  
    -moz-border-radius-topright: 5px; 
}
dl.nav_menu dt::before {

}
dl.nav_menu dd{
	width:50%;
	float:left;

	border-bottom: dotted 1px #ccc;

	background:#FFFFFF;
	margin:0;
	text-align:left;
	font-size:16px;
	font-weight:normal;
	position:relative;
	cursor:pointer; 
}
dl.nav_menu dd span{
	display:block;
	padding:0 20px 0 10px;
	position:relative;
}
dl.nav_menu dd span::after{
	content:'';
	display:block;
	width:6px;
	height:7px;
	position:absolute;
	background:url(https://www.oda-clinic.jp/images/material/s_icon_01.png) no-repeat; 
	background-size:6px 7px;
	top:0;
	bottom:0;
	left:0;
	right:10px;
	margin:auto 0 auto auto;
}
dl.nav_menu dd span a{
	display:table-cell;
	vertical-align:middle;
	height:50px;
	color:#333;
	text-decoration:none;
}
dl.nav_menu dd:nth-child(even) span {
	border-right: dotted 1px #ccc;
}
dl.nav_menu dd:nth-child(odd) span {
	border-left:none;
}


dl.nav_menu2 {
	background:#fff;
	margin:0;
	padding:20px 0 0 0;
}
dl.nav_menu2 dt{
	color:#fff;
	font-size:18px;
	margin:0;
	padding:8px 10px 8px 30px;
    background: -moz-linear-gradient(top, #555, #444);
    background: -webkit-linear-gradient(#555, #444);
	background: linear-gradient(top, #555, #444);
	width:auto;
	position:relative;
	font-weight:normal;
	text-align:left;
	line-height:1.4;
}
dl.nav_menu2 dt::before {
    content: '';
	position:absolute;
	width:20px;
	height:20px;
    background:url(https://www.oda-clinic.jp/images/material/s_h3.png) no-repeat;
	background-size:20px 20px;
	left:5px;
	top:0;
	bottom:0;
	right:0;
	margin:auto auto auto 0;
}
dl.nav_menu2 dd{
	width:50%;
	float:left;
	border-top:solid 1px #aaa;
	border-bottom:solid 1px #aaa;
    background: -moz-linear-gradient(top, #ddd, #ccc);
    background: -webkit-linear-gradient(#ddd, #ccc);
	background: linear-gradient(top, #ddd, #ccc);
	margin:0;
	text-align:left;
	font-size:16px;
	font-weight:normal;
	position:relative;
	cursor:pointer; 
}
dl.nav_menu2 dd::before{
	content:'';
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	background:url(https://www.oda-clinic.jp/images/material/s_icon_03.png) no-repeat; 
	background-size:20px 20px;
	top:0;
	bottom:0;
	right:0;
	left:5px;
	margin:auto auto auto 0;
}
dl.nav_menu2 dd span{
	display:block;
	padding:0 20px 0 28px;
	position:relative;
}
dl.nav_menu2 dd span::after{
	content:'';
	display:block;
	width:6px;
	height:7px;
	position:absolute;
	background:url(https://www.oda-clinic.jp/images/material/s_icon_01.png) no-repeat; 
	background-size:6px 7px;
	top:0;
	bottom:0;
	left:0;
	right:10px;
	margin:auto 0 auto auto;
}
dl.nav_menu2 dd span a{
	display:table-cell;
	vertical-align:middle;
	height:50px;
	color:#333;
	text-decoration:none;
}
dl.nav_menu2 dd:nth-child(even) span {
	border-right:solid 1px #aaa;
}
dl.nav_menu2 dd:nth-child(odd) span {
	border-left:solid 1px #aaa;
}


.footer_bg{
	background-size:100% auto;
	padding:10px 10px;
	border-top:solid #02477c 2px;
}

.f_info{
	border-radius:5px;
	font-size:13px;
	margin:5px auto 0 auto;
	width:300px;
	padding:10px 0;
	background:rgba(255,255,255,0.6);
}
.f_info p{
	margin:0;
}
.f_info a{
	color:#333;
	text-decoration:none;
}

.f_logo{   
	width:220px;   
	float:left;   
	margin-bottom:15px;   
}   
.f_map{   
	width:60px;   
	float:right;   
	background:#333;   
	border:solid 1px #666;   
	border-radius:6px;   
	line-height:1;   
	padding:5px;   
	margin-bottom:15px;
	text-align:center;
}
.f_map a{ 
	color:#fff;
}

.f_info ul li{
	margin:0 0 5px 0;
}

ul.f_list{
	display:table;
	width:100%;
    border-collapse: separate;
    border-spacing: 10px 0;
	height:40px;
	margin:5px 0 5px 0;
	font-size:15px;
}
ul.f_list li{
	position:relative;
	width:50%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;


	background: -moz-linear-gradient(#002f59, #0a75b6);
	background: -webkit-linear-gradient(#002f59, #002f59);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#002f59), to(#0a75b6));
	background: -o-linear-gradient(#002f59, #0a75b6);
	background: linear-gradient(#002f59, #0a75b6);
	color: #FFF;
	border-radius: 8px;
	line-height:1.2;
}

ul.f_list li a{
	color:#fff;
	display:block;
	padding:4px 0 4px 15px;
}
ul.f_list li a img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 54px;
	margin: auto auto auto -50px;
}

ul.f_list li a::after{
	content:'';
	position:absolute;
	width:6px;
	height:7px;
	right:10px;
	top:16px;

	background-size:6px 7px;
}


.copyright{
	background:#02477c;
}
.copyright p{
	text-align:center;
	color:#fff;
	padding:5px 0;
	font-size:11px;
	margin:0;
}




/* ===================================================================
	13.swiper slide
=================================================================== */

.swiper-container,
.swiper-container2,
.swiper-container3{
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-pagination,
.swiper-pagination2,
.swiper-pagination3{
  position: absolute;
  text-align: center;
  z-index: 10;
}
.swiper-container-horizontal > .swiper-pagination,
.swiper-container-horizontal > .swiper-pagination2,
.swiper-container-horizontal > .swiper-pagination3{
  bottom: 0;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #ccc;
  margin: 0 5px;
}
.swiper-pagination-bullet-active {
  background: #333;
}


.swiper-slide{
	background:#fff !important;
}
.swiper-slide p{   
	text-align:left !important;   
}  
.swiper-slide span{
		text-align:center !important;
		color:#02477c !important;   
}


.swiper-button-prev {
	position: absolute;
	top:-30px;
	left:15px;
	right:0;
	bottom:0;
	width: 20px;
	height: 20px;
	z-index: 10;
	margin:auto auto auto 0;
	cursor: pointer;
	border-top:solid 2px #333;
	border-left:solid 2px #333;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.swiper-button-next {
	position: absolute;
	top:-30px;
	left:0;
	right:15px;
	bottom:0;
	width: 20px;
	height: 20px;
	z-index: 10;
	margin:auto 0 auto auto;
	cursor: pointer;
	border-top:solid 2px #333;
	border-right:solid 2px #333;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.5;
}





/* ===================================================================
	14.accordion menu
=================================================================== */

h3.toggle{
	padding-right:40px;
	position:relative;
}
h3.toggle::after{
	content: "";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:10px;
	margin:auto 0 auto auto;
	background:url(https://www.oda-clinic.jp/images/material/s_toggle_01.png) no-repeat;
	background-size:18px 18px;
    width: 18px;
	height: 18px;
}
h3.toggle.open{
    background: -moz-linear-gradient(top, #fff, #dedede);
    background: -webkit-linear-gradient(#fff, #dedede);
	background: linear-gradient(top, #fff, #dedede);
}
h3.toggle.open::after{
	content: "";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:10px;
	margin:auto 0 auto auto;
	background:url(https://www.oda-clinic.jp/images/material/s_toggle_02.png) no-repeat;
	background-size:18px 18px;
	width: 18px;
    height: 18px;
}

h4.toggle{
	padding-right:30px;
	position:relative;
}
h4.toggle::after{
	content: "";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:4px;
	margin:auto 0 auto auto;
	background:url(https://www.oda-clinic.jp/images/material/s_toggle_03.png) no-repeat;
	background-size:18px 18px;
	width: 18px;
	height: 18px;
}
h4.toggle.open{
	background:#fff;
}
h4.toggle.open::after{
	content: "";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:4px;
	margin:auto 0 auto auto;
	background:url(https://www.oda-clinic.jp/images/material/s_toggle_04.png) no-repeat;
	background-size:18px 18px;
	width: 18px;
	height: 18px;
}


.top_toggle{
	margin:10px;
	padding:10px 10px 0 10px;
	border:solid 1px #999;
}
/*
   デフォルト表示件数
   表示したい数 + 1（1件表示なら2）
   全件表示の場合は以下を削除かコメントアウト
*/
.top_toggle p:nth-child(n + 2) {
	display:none;
}
.top_more{
	border:solid 1px #ccc;
	background: #eee;
	color:#333 !important;
	border-radius: 5px;
	padding:10px 20px 10px 10px;
	margin:0 10px 5px 10px;
	display:block;
	position:relative;
	text-decoration:none;
	text-align:center;
}

.dl_toggle dd{
	display:none;
}


/* ===================================================================
	15.faq
=================================================================== */

/*dl.faq{
	margin:0 0 15px 0;
}
dl.faq dt{
	background: url(https://www.oda-clinic.jp/images/material/img_q.gif) no-repeat;
	background-size:20px 20px;
    line-height: 1.4;
    margin:0;
    min-height: 25px;
    padding:2px 0 5px 30px;
}
dl.faq dd{
	background: url(https://www.oda-clinic.jp/images/material/img_a.gif) no-repeat;
	background-size:20px 20px;
    border-bottom: 1px dotted #4b402e;
    margin:0 0 10px 0;
    min-height: 25px;
    padding: 0 0 10px 30px;
}*/


dl.faq {margin:0 0 10px;}

dl.faq dt{
	padding-left:18px;
	position:relative;
	margin:0 0 5px;
}

dl.faq dt:before{
	content:"Q";
	position:absolute;
	color:#3366ff;
	font-size:16px;
	display:block;
	font-weight:bold;
	left:0;
	top:0;
}
dl.faq dd{
	padding-left:18px;
	position:relative;
	margin:0 0 10px;
}

dl.faq dd:before{
	content:"A";
	position:absolute;
	color:#ff8c8c;
	font-size:16px;
	display:block;
	font-weight:bold;
	left:0;
	top:0;
}



/* ===================================================================
	16.inquiry
=================================================================== */

/*h3またはh4をコピー */
h2.spContentsHeading2G{
	border-left:solid 5px #333;
	background:#eee;
	padding:3px 10px;
	line-height:1.2;
	color:#333;
	font-size:18px;
	margin:0 0 10px 0;
}
h2.spContentsHeading2G::before{
	border:none;
	background:none;
}
h2.spContentsHeading2G span{
	border:none;
	background:none;
}
h2.spContentsHeading2G .spHeadlineName{
	padding:0;
}

.spDynamicInputPage .text{
	margin-top:15px;
}

.spDynamicInputName dt,.spDynamicInputName dd{  
 	height:40px;  
 }  

.spMainButtonArea{
	margin:0 auto;
}



.spMainButton1{
	border:solid 1px #FDB8C6;
    background: -moz-linear-gradient(top, #fff, #FFE4E0);
    background: -webkit-linear-gradient(#fff, #FFE4E0);
	background: linear-gradient(top, #fff, #FFE4E0);
	color:#333 !important;
	border-radius: 5px;
	box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 1px 1px rgba(255,255,255,0.5);
	padding:12px;
	display:block;
	position:relative;
	line-height:1;
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
	text-shadow:none;
}
.spMainButton1::after{
	content:'';
	position:absolute;
	width:6px;
	height:7px;
	right:10px;
	top:16px;
	background:url(https://www.oda-clinic.jp/images/material/s_icon_01.png) no-repeat;
	background-size:6px 7px;
}



/* ===================================================================
	17.blog
=================================================================== */

.sp_blogList_1 .spTopTitle{
	display:none;
}

#article1 li{
	margin-bottom:0;
}


/* ===================================================================
	99.other
=================================================================== */

ul.list_anc{}
ul.list_anc li{
	position:relative;
	margin:0 0 5px 0;
	padding:0 0 0 18px;	
	display:block;
}
ul.list_anc li::before{
    content:'';
	display:block;
	width:11px;
	position:absolute;
	background:url(https://www.oda-clinic.jp/images/material/s_icon_04.png) no-repeat left; 
	background-size:11px 8px;
	top:0;
	bottom:0;
	left:0;
	margin:auto 0 auto auto;
}
ul.list_anc li a{text-decoration:underline;color:#444;}

/*--------求人情報----------*/
.recruit_table {
    border-bottom:1px #FFCC00 solid;
    border-left:1px #FFCC00 solid;
	margin-bottom:10px;
}

.recruit_table th {
    background:#FBF5D2;
    border-top:1px #FFCC00 solid;
    border-right:1px #FFCC00 solid;
	padding:7px;
	font-weight:bold;
}


.recruit_table td {
    border-top:1px #FFCC00 solid;
    border-right:1px #FFCC00 solid;
	padding:7px;
}


.jisseki_table {margin:0 auto; background-color:#78a2bf;}
.jisseki_table th {padding:8px 12px; font-weight:bold; text-align:left; background-color:#edf7ff;}
.jisseki_table td {padding:8px 12px; text-align:center; background-color:#FFF;}
.jisseki_title_01 {background-color:#1c7cbc!important; color:#fff; font-size:1.2em; text-align:center!important;}
.jisseki_title_02 {background-color:#54a2d3!important; color:#fff; font-size:1.2em;}