@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}
 
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-style:normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
 
html{
    overflow-y: scroll;
}

body {
    color: #000000;
    background: url(../img/bg/bg01.jpg);
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight: normal;
	letter-spacing:-0.02em;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
    min-width: 1016px;
    width: 100%;
	-webkit-text-size-adjust: 100%;
}
 
blockquote, q {
    quotes: none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
input, textarea {
    margin: 0;
    padding: 0;
}
 
ul{
    list-style:none;
	font-size:15px;
}
 
table{
    border-collapse: collapse; 
    border-spacing:0;
}
 
caption, th{
    text-align: left;
}
 
a:focus {
    outline:none;
}
 
.clearfix:after {
    content: ""; 
    display: block;
    clear: both;
    height: 0;
	overflow:hidden;
}
 
.clearfix {
    min-height: 1px;
}
 
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}
 
.both{
    clear:both;
}
 
.inline_block {  
    display: inline-block;  
    *display: inline;  
    *zoom: 1;  
}
.block{
	display:block;
}

a, span{
	display:inline;
	text-decoration:none;
}
sup {
	font-size:12px;
	vertical-align:super;
	line-height:0;
}

#content{
	background:url(../img/bg/img_bg_01.jpg) repeat-y;
	width:1016px;
	margin:0 auto;
	padding: 0 8px 0 8px;
	box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
    background-size: contain;
}
img[src*="/icon/img_icon_08.png"] {
    margin-left: 3px;
}

/*** list style ***/
ol {
	padding-left:20px;
	font-size: 15px;
}
ol li{
	padding-bottom: 10px;
}
/*** link style ***/

a{
	color: #0B3FD9;
	text-decoration:underline;
}
body a:hover{
	color: #21B59B;
	text-decoration: none;
}
a:focus{
	outline: none;
}
a.blue_link{
	text-decoration:underline;
	color:#0b3fd9;
}

/**** h1 h2 h3 h4 font-style ****/
h1{
	font-size:200%;
	font-weight:bold;
	color:#333333;
	line-height:1.3;
}

h2{
	border-bottom:solid 1px #3c3c3c;
	margin-bottom:20px;
}
h2.ul_g{
	font-weight:bold;
	font-size:120%;
}
h3{
	font-size:16px;
	color:#21B59A;
	font-weight:bold;
	background:#E6F7F4;
	padding:5px;
	margin-bottom:15px;
}
h4{
	font-size:16px;
	color:#21B59A;
	font-weight:bold;
	margin-bottom:10px;
}
h4 span{
	background:#fff;
	padding:10px 10px 10px 0;
}
h4.text_c span{
	background:#fff;
	padding:10px 10px 10px 10px;
}
h5{
	font-size:20px;
	margin-bottom:20px;
	font-weight:600;
}
h5.icon{
    font-size: 15px;
    padding: 5px 5px 0 0;
    list-style: url(../img/icon/img_icon_04.png);
    list-style-position: outside;
    line-height: 1.3;
    display: list-item;
    font-weight: 600;
    margin-bottom: 0;
    margin-left: 22px;
	margin-bottom:15px;
}
.text_r{
	text-align:right;
}
.text_c{
	text-align:center;
}
.bold{
	font-weight:bold;
}

.ul_g{
	border-bottom:solid 2px #21B59A;
	margin-bottom:10px;
}

.text01{
	text-indent:1em;
}
.text02{
	text-indent:1em;
	margin-bottom:20px;
}
.text03{
	text-indent:1em;
	font-size: 13px;
	margin-top:10px;
}
.text05{
	font-size:13px;
}
.text06{
	margin-top:15px;
	font-size:95%;
}
.text07{
	text-indent:2.5em;
}
.text10{
	text-indent:1em;
	margin-top: 10px;
}
.note01{
	font-size:12px;
}
#main p.note03 {
	font-size:80%;
	line-height: 20px;
}
#main .point {
	font-size:15px;
}
#main .point:before {
	content:"■";
	color:#5AC8B4;
	margin-right:5px;
}
#main .point02 {
	font-size:15px;
}
#main .point02:before {
	content:"●";
	color:#5AC8B4;
	margin-right:5px;
}

.green01{
	color:#61B722;
}
.gray01{
	color:#999999;
}
.red {
	color:#DF1B34 !important;
}

.font20{
	font-size:20px !important;
}
.font15{
	font-size:15px;
}
.font70{
	font-size:70%;
}
.font80{
	font-size:80%;
}
.font85{
	font-size:85%;
}
.font120{
	font-size:120%;
}
.font140{
	font-size:140%;
}

h2.sub_title {
    position: relative;
    text-align: center;
	border-bottom:none;
	color:#999999;
	font-weight:bold;
	font-size:140%;
}

h2.sub_title:before {
    border-top: 1px solid #999999;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}

h2.sub_title span {
    background: #fff;
    display: inline-block;
    padding: 0 0.5em;
	position:relative;
}

.sub_title{
	color:#999999;
	font-weight:bold;
	font-size:140%;
}
.sub_title01 {
	background:url(../img/bg/title_bg01.jpg) no-repeat -3px bottom;
	padding-bottom:10px;
	font-weight:bold;
    border-bottom: 0;
	padding-left:1px;
	margin-bottom:20px;
}

.sub_title02{
	color:#999999;
	font-weight:bold;
	font-size:110%;
}
.b_n{
	border:none;
}
.b_b{
	border-bottom:1px #000 solid;
}

/**** pdf etc icon style ****/

span.pdf {
	padding:2px 3px;
	color:#FF0000;
	border:1px solid #FF0000;
	font-size:10px;
}
span.word {
	padding:2px 3px;
	color:#6C6C6C;
	border:1px solid #6C6C6C;
	font-size:10px;
}
.iconRight{
	list-style-image:url(../img/icon/img_icon_05.png);
	display:list-item;
	margin-left:30px;
}
.iconRight a {
	margin-left:-5px;
}
.iconCircle li {
	display:list-item;
	list-style-image:url(../img/icon/img_icon_07.png);
	list-style-position:outside;
	margin-left:21px;
	margin-right:10px;
}
#content .memo_style01 ul.iconCircle {
	background:none;
	list-style-image:none;
	padding:0 30px 0px 0px;
	margin:0;
}
.memo_style01 ul.iconCircle li{
	display:list-item;
	list-style-image:url(../img/icon/img_icon_07.png);
	list-style-position:outside;
	margin-left:22px;
	margin-right:0;
	background:none;
	float:none;
	width:100%;
    line-height: 1.4;
    padding: 3px 0;
}

/**** margin padding style ****/
.mt0{
	margin-top:0px !important;
}
.mt-10{
	margin-top:-10px;
}
.mt-25{
	margin-top:-25px;
}
.mt-30{
	margin-top:-30px;
}
.mt-55{
	margin-top:-55px;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}

.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mt40{
	margin-top:40px;
}
.mt60{
	margin-top:60px;
}
.mt70{
	margin-top:70px;
}
.ml0{
	margin-left:0;
}
.ml5{
	margin-left:5px;
}
.ml20{
	margin-left:20px;
}
.ml-5{
	margin-left:-5px;
}
.ml-15{
	margin-left:-15px;
}
.ml-20{
	margin-left:-20px;
}
.mb05{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb50{
	margin-bottom:50px !important;
}
.mb60{
	margin-bottom:60px;
}
.mb70{
	margin-bottom:70px;
}
.mb80{
	margin-bottom:80px;
}
.mr10{
	margin-right:10px;
}
.pt10{
	padding-top:10px;
}
.mb0 {
	margin-bottom:0 !important;
}

/**** width style ****/
.w18{
	width:18%;
}
.w25{
	width:25%;
}
.w30{
	width:30%;
}
.w38{
	width:38%;
}
.w47{
	width:47%;
}

.w45{
	width:45%;
}
.w50{
	width:50%;
}
.w60{
	width:60%;
}
.w66{
	width:66%;
}
.w65{
	width:65%;
}

.w70{
	width:70%;
}
.w68{
	width:68%;
}
.w100{
	width:100%;
}

/*** breadcrumb style ****/

.breadcrumb{
	padding-left:20px;
}


/*** box style ****/
.box_l_01{
	float:left;
}
.box_r_01{
	float:right;
}
.box_r_02{
	float:right;
}
.wrapper{
	overflow: hidden;
	box-sizing: border-box;
}
.float-left01{
	float: left;
	width: 66%;
	padding-right: 3%;
}
.float-right01{
	float: right;
	width: 31%;
	border: 2px solid #a4abd5;
	box-sizing: border-box;
}
/*** img_box style ****/
.img_box {
	text-align: center;
}

/*** memo style ****/


.memo_style00{
	background:url(../img/bg/img_bg_02_1.jpg) no-repeat top left;
	margin-top:10px;
	font-size:90%;
	padding-top: 10px;	
}

.memo_style01{
	background:#FCFCF2;
	border:1px #E7E797 solid;
	height:auto;
	margin-top:10px;
	padding: 20px;
	font-size:15px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.memo_style02{
	background:url(../img/bg/img_bg_02_1.jpg) no-repeat top left;
	height:110px;
	padding-top: 10px;
	margin-top:10px;
	font-size:90%;
}

.memo_style01 ul, .memo_style02 ul, .memo_style00 ul{
	padding:0 10px 20px 30px;
	background:url(../img/bg/img_bg_02_2.jpg) no-repeat bottom left;
}

.memo_style01 ul li, .memo_style02 ul li{
	float:left;
	width:46%;
	padding:5px 5px 0 10px ;
	list-style:url(../img/icon/img_icon_05.jpg);
	list-style-position:inside;
	font-size:100%;
	line-height:1.6;
}
.memo_style00 ul li{
	padding:5px 5px 0 10px ;
	list-style:url(../img/icon/img_icon_05.jpg);
	list-style-position:inside;
	font-size:98%;
	width:100%;
	line-height:1.3;
}
.memo_style00 ul li.li_n, .memo_style05 ul li.li_n{
	list-style:none;
	font-weight:bold;
	width:auto;
	display:inline-block;
	display:-webkit-inline-box;
	padding-top:10px;
}

.memo_style01 ul li.li_n{
	list-style:none;
	font-weight:bold;
	float:none;
	width:auto;
	clear:both;
	display:block;
	display:-webkit-box;
	padding-top:10px;
}
.memo_style00 ul li.f_n, .memo_style01 ul li.f_n, .memo_style02 ul li.f_n{
	float:none;
	width:100%;
	list-style:none;
	font-size:100%;
}


.memo_style03{
	background:#f1f1f1;
	padding:5px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;   
   -webkit-border-radius: 5px; 
}

.memo_style04{
	background:#f1f1f1;
	padding:20px 10px 25px 10px;
	width:auto;
}
.memo_style04 li{
	list-style:url(../img/icon/img_icon_06.jpg);
	list-style-position:inside;
	float:left;
	font-size:90%;
	margin-left:7px;
	line-height:1.3;
	margin-top:5px;
}

.memo_style04 li a{
	color:#656565;
	text-decoration:underline;
	font-size: 98%;
}

.memo_style05{
	background:url(../img/bg/img_bg_03.jpg) no-repeat top left;
	margin-top:10px;
	font-size:90%;
	padding: 5px;	
	height: 209px;
	padding-top:10px;
}
.memo_style05 ul{
	padding-top:5px;
}
.memo_style05 ul li{
	padding:5px 5px 0 10px ;
	list-style:url(../img/icon/img_icon_05.jpg);
	list-style-position:inside;
	font-size:98%;
	line-height:1.3;
	margin-left: 10px;
}
.memo_style05 ul li.l_n{
	list-style:none;
}

.memo_style06 li{
    padding: 5px 5px 0 5px;
    list-style: url(../img/icon/img_icon_05.jpg);
    list-style-position: outside;
    font-size: 98%;
    line-height: 1.3;
	margin-left:18px;
}

/*** header style ***/

#header{
	width:100%;
	background: #fff;
	height:80px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;

}
#header .headerBox {
    width: 1016px;
    margin: 0 auto;
    background: url(../img/bg/img_header_01.jpg) right bottom no-repeat;
    height: 80px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 0 8px;
}
#header .box_l_01 img{
	padding:0;
	width:auto;
    line-height: 0;
    display: block;
}
#header .box_r_01{
	padding-top:0;
	width: 572px;
}
ul.header_link{
	font-size:90%;
	font-weight:bold;
	padding-top: 5px;
}
ul.header_link li:not(:last-child) {
	/* padding: 0 10px 0 0; */
}
ul.header_link li{
	float:left;
    background: url(../img/icon/img_icon_03.jpg) no-repeat left center;
    padding: 0 0 0 10px;
    margin-right: 20px;
}
ul.header_link li a{
	color:#333;
    text-decoration: none;
}
ul.header_link li a:hover {
	color:#21B59A;
}
/*** grobal navi style ***/

#navi{
	height:51px;
	width:100%;
	background: url(../img/bg/navi_bg.jpg) repeat;
}
#navi ul{
	width:1016px;
	margin:0 auto;
	height:52px;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    padding: 0 8px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
#navi ul li{
	list-style:none;
	text-align:left;
	margin:0;
	padding: 0;
	border:none;
	padding-top: 0;
}
#navi ul:after {
	clear:both;
	content:"";
	display:block;
}

#navi ul li:hover img {
	opacity:0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#navi ul li {
	background-size: contain;
}
#navi ul li:first-child {
    background: url(../img/navi/navi01_on.png) no-repeat;
	background-size: contain;

}
#navi ul li:nth-child(2) {
    background: url(../img/navi/navi02_on.png) no-repeat;
	background-size: contain;
}
#navi ul li:nth-child(3) {
    background: url(../img/navi/navi03_on.png) no-repeat;
	background-size: contain;
}
#navi ul li:nth-child(4) {
    background: url(../img/navi/navi04_on.png) no-repeat;
	background-size: contain;
}
#navi ul li:nth-child(5) {
    background: url(../img/navi/navi05_on.png) no-repeat;
	background-size: contain;
}
#navi ul li:nth-child(7) {
    background: url(../img/navi/navi06_on.png) no-repeat;
	background-size: contain;
}
#navi ul li:nth-child(6) {
    background: url(../img/navi/navi07_on.png) no-repeat;
	background-size: contain;
}
.home #navi ul li:first-child a img {
	opacity:0;
}

.aboutIndex #navi ul li:nth-child(2) a img {
	opacity:0;
}
.illnessIndex #navi ul li:nth-child(3) a img {
	opacity:0;
}
.approachIndex #navi ul li:nth-child(7) a img {
	opacity:0;
}
.approachTreat #navi ul li:nth-child(7) a img {
	opacity:0;
}
.child #navi ul li:nth-child(4) a img {
	opacity:0;
}
.senior #navi ul li:nth-child(7) a img {
	opacity:0;
}
.infantile_spasmsIndex #navi ul li:nth-child(5) a img {
	opacity:0;
}
.status #navi ul li:nth-child(6) a img {
	opacity:0;
}


#navi ul li a {
    display: inline-block;
	border:none;
}

#navi ul li a img {
	border:none;
}

/*#navi ul li a:hover {
	background-color: transparent;
}

#navi ul li a:hover img {
    visibility: hidden;
}*/

.current{
	background:url(../img/bg/img_navi_01.jpg) center no-repeat;
	font-size:110%;
	color:#fff;
	background-size:231px;	
}
.current a{
	color:#fff;
	font-weight:bold;
}
#navi ul li.current:hover a{
	color:#FAFFE7;
}

/**** sub link ****/

#sub_link{
	padding: 0;
	margin-top:10px;
	margin-bottom:30px;
}

#sub_link ul li{
	display:inline-block;
	margin-right: -1px;
    margin-left: 0px;
    width: auto;
}
#sub_link ul li.ml a, #sub_link ul li.green01.ml a{
   padding-left: 15px;
}
#sub_link ul li.ml a:hover{
   padding-left: 15px;
}

#sub_link ul li a{
	color: #000;
    margin: 0;
    font-size: 90%;
    padding: 0px 10px 0px 15px;
    background: url(../img/icon/img_icon_09.jpg) no-repeat 3px 0.4em;
    zoom: 1;
    letter-spacing: 0.01em;
    text-decoration: none;
}
#sub_link ul li a:hover,
#sub_link ul li a.current{
	color:#21b59b;
	margin: 0;
	font-size:90%;
    padding: 0px 10px 0px 15px;
    background: url(../img/icon/img_icon_09_o.jpg) no-repeat 3px 0.4em;
}

#sub_link ul li.ml-5 a{
	margin-left:-5px;
}

#sub_link ul li.green01.ml a:hover{
   padding-left: 15px;
}

#sub_link ul li.green01 a{
	color:#61B722;
    padding: 0px 10px 0px 20px;
    background: url(../img/icon/img_icon_04_o.jpg) no-repeat 10px 0.25em;
}


/**** column_2 ****/
#column_2{
	width:auto;
	padding:0 20px;
	padding-top:40px;
}
#column_2:after{
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden; 
}
/*** table style ****/
.table01{
	border-bottom:#a1a1a1 solid 1px;
	border-top:#a1a1a1 solid 1px;
	width:100%;
}
.table01 tbody tr{
	border-bottom:solid 1px #a1a1a1;
}
.table01 tbody tr th{
	background:#fbfdf2;
	width:145px;
	padding: 5px 20px;
}
.table01 tbody tr td{
	padding-left:10px;
}
.table01 tbody tr a{
	color:#0b3fd9;
	text-decoration:underline;
}
table#check_list tr.score td{
	text-align:center;
	font-weight:bold;
	padding:5px;
	padding-top: 85px;
	line-height:22px;
}
.score{
	height: 185px;
}

table#check_list tr.list td{
	height: 68px;
    vertical-align: middle;
    padding-left: 50px;
}
table#check_list tr.list td.w38{
	height: 68px;
    vertical-align: middle;
    padding-left: 35px;
	font-weight:bold;
}

table#check_list tr.last td.w38{
	height: 68px;
    vertical-align: middle;
    padding-left: 35px;
	padding-bottom:110px;
	font-weight:bold;
}
table#check_list tr.last td{
	height: 75px;
    vertical-align: middle;
    padding-left: 50px;
	padding-bottom:110px;
	font-weight:bold;
}
/**** tab01 layout ****/
#tab01{
}
#tab01 ul.box_r_01 li{
	float:left;
	width:134px;
	margin-top: -4px;
}
#tab01 ul.box_r_01 li.last{
	width:167px;
}
	
#tab01 ul.box_r_01 li img{
	display:block;
	margin:0;
}
#tab01 p{
	width:295px;
	border-bottom:1px solid #9E9E9E;
}
#tab01 ul li:after{
	content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden; 
}
	

/**** main side layout ****/

#main{
	float:left;
	width:730px;
}
#main .index{
	background:url(../img/index/img_main_01.jpg) no-repeat 360px 90px;
	height: 570px;
}
#main.about{
	background:url(../../about/img/img_01.jpg) no-repeat right 180px;
}
.clinic{
	background:url(../../child/img/img_index_01.jpg) no-repeat right top;
	padding:20px 0 35px 0;
	background-position: 406px 0px;
}
#main article{
	width: 64%;
	text-align: justify;
	margin-bottom:40px;
}
#main article.w100{
	width:100%;
}
#main p{
	line-height:24px;
	font-size:15px;
}
#main p.note01 {
	font-size:11px;
	line-height:1.2;
}
#side{
	float:right;
	width:202px;
}
#side a{
	display: inline-block;
}

#side a img{
	margin-bottom:10px;
}

#side .subNavi p {
	font-weight:bold;
	color:#fff;
	font-size:17px;
	padding:10px;
	background:#ADD34A;
	text-align:center;
}
#side .subNavi{
	margin-bottom:25px;
}
#side .subNavi ul {
	border: 1px #E4E4E4 solid ;
	border-top:0;
	border-bottom:0;
}
#side .subNavi ul li {
	list-style:none;
	font-size:13px;
	padding:8px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ececec), color-stop(0.87, #eee), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #eee 87%, #ececec 100%);
	background: -moz-linear-gradient(top, #fff 0%, #eee 87%, #ececec 100%);
	background: -o-linear-gradient(top, #fff 0%, #eee 87%, #ececec 100%);
	background: -ms-linear-gradient(top, #fff 0%, #eee 87%, #ececec 100%);
	background: linear-gradient(to bottom, #fff 0%, #eee 87%, #ececec 100%);
	border-bottom:1px #E4E4E4 solid;
}
#side .subNavi ul li a {
	display:block;
	background:url(../img/icon/img_icon_06.png) no-repeat left center;
	padding-left:10px;
	text-decoration:none;
	color:#666;
}
#side .subNavi ul li.current {
	background:#D9F2EE;
}
#side .subNavi ul li.current a {
	color:#333;
	font-weight:normal;
}
/**** btn style ****/

.btn01 {
	width:auto;
	margin: 0 auto;
}
.btn01 img{
	width: 382px;
	margin: 0 auto;
	display: block;
}

/**** footer layout ****/

#bread_crumb{
	float:left;
	font-size:90%;
	margin-left:20px;
	padding-top: 25px;
}
#bread_crumb a {
	color:#333;
	text-decoration:none;
    font-size: 13px;
}
#bread_crumb a:hover {
	color:#21b59b;
}
#bread_crumb p {
	font-size:13px;
}
#under_area{
	border-bottom:5px solid #21B59B;
	margin-top:30px;
}
.totop{
	float:right;
	background:url(../img/bg/img_footer_01.jpg) no-repeat bottom left;
	width:192px;
	padding:30px 0 0 25px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
	margin-right: 1px;
}
.totop a{
	color:#fff;
	font-size:80%;
	text-decoration:none;
    padding-left: 8px;
}
.totop a:hover {
	color:#fff;
}
.totop a span{
	color:#fff;
}

#footer{
	padding:0 20px;
	background:#01408f;
	padding-bottom:20px;
	    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
#footer p.logo{
	background:url(../img/logo/img_logo_02.jpg) no-repeat left bottom;
	height:55px;
}

#footer p span{
	color:#fff;
	width:100%;
	display: inline-block;
	padding-top:15px;
	font-size: 80%;
}

/**** top style ****/

ul.main_link{
	margin-top:30px;
}

ul.main_link li{
	background:url(../img/icon/img_icon_01.jpg) no-repeat left;
	padding-left:30px;
	margin-bottom:20px;
}

ul.main_link li span{
	font-size:15px;
	display:block;
	font-weight:bold;
	letter-spacing: 0.04em;
}

ul.main_link li a{
	font-size: 19px;
	line-height: 1.2;
	color:#000;
	text-decoration:none;
}

ul.main_link li a:hover {
	color:#21b59b;
}
/** topics **/
#topics{
	margin-top:30px;
	position:relative;
}
#topics h2{
	font-size:120%;
}
#topics h2 span.list{
	display:inline-block;
	margin-left:30px;
	font-size:88%;
    color: #000;
}
#topics ul li{
	width:100%;
	font-size:90%;
	padding:10px 0 5px 0;
	border-bottom:1px dotted #ddd;
}
#topics a:hover span.list{
	color: #21B59B;
}
#topics ul li span.date{
	width:20%;
}
#topics ul li span.title{
	width:60%;
    font-size: 14px;
}
span.new{
	padding: 0 10px;
	color: #fff;
	background: #FF0004;
	font-size: 65%;
	display: inline-block;
	line-height: 2;
}
#topics span.title a{
	text-decoration:underline;
    margin-right: 8px;
	color:#444;
}
.news_list dl dd a {
	color:#444;
}
#topics span.title a:hover,
.news_list dl dd a:hover {
	color:#21B59B;
}

.news_textarea form{
	width: 100%;
  text-align: center;
  padding-top: 20px;
}

.news_textarea form input.button {
  border: none;
  width: 250px;
  height: 50px;
  padding: 15px;
  background: #21b59b;
  color: #fff;
  font-weight: 600;
}

/** self_check **/
.total{
	border: solid 2px #999;
    position: relative;
    top: -45px;
    left: 299px;
    display: block;
    height: 50px;
    width: 160px;
	font-size: 29px;
    line-height: 53px;
}
.total01{
	position: relative;
    top: 0px;
    left: 190px;
    display: block;
    width: 100px;
}
.total02{
	position: relative;
    top: -88px;
    left: 460px;
    display: block;
    width: 50px;
}
p.font140.bold.ml-20{
    height: 50px;
}

#btn_self{
	position: relative;
    top: -80px;
    left: 326px;
	width:104px;
}
input[type=radio] {
    width: 20px;
    height: 20px;
	-moz-transform-origin: right bottom;
  -moz-transform: scale( 1.2 , 1.2 );
}
/*

input[type="radio"] {

}
label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 20px;
	cursor: pointer;
}
label::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 100%;
}
input[type="radio"]:checked + label::after {
	position: absolute;
	content: '';
	top: 50%;
	left: 4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #3498db;
	border-radius: 100%;
}*/

/** TableStyle **/

table.TableStyle01,table.TableStyle02{
	width:100%;
	margin:10px 0 40px 0;
	border-bottom: 2px solid #21B59A;
    border-top: 2px solid #21B59A;
	font-size:13px;
}
table.TableStyle01 tr {
    border-bottom: 1px solid #21B59A;
}
table.TableStyle01 tr.firstTr {
	border-bottom: 2px solid #21B59A;
}
table.TableStyle01 th,table.TableStyle02 th{
	background:#E9F8F5;
	padding:5px;
	vertical-align: middle;
	text-align: center;
}
table.TableStyle01 th.bgWhite{
	background:#fff;
}

table.TableStyle01 td{
	padding:5px;
	vertical-align:middle;
}

table.TableStyle02{
	margin-bottom:15px;
}

table.TableStyle02 tr {
	border-bottom:1px solid #21B59A;
}

table.TableStyle02 tr:last-child {
	border-bottom:none;
}

table.TableStyle02 th:first-child{
	border-left:2px solid #21B59A;
}

table.TableStyle02 td{
	border-right:1px solid #21B59A;
	padding:5px;
}

table.TableStyle02 td{
	border-left:1px solid #21B59A;
}

table.TableStyle02 td:last-child{
	border-right:2px solid #21B59A;
}

/**** pageTop style ****/
.page_top{
    text-align: right;
    margin-top: 10px;
    margin-bottom: 0px;
    background: url(../img/icon/img_icon_10.png) 610px center no-repeat;
}

/**** terms style ****/
.normal_list{
	padding-left: 25px;
}
.normal_list li{
	list-style-type: disc;
}

/**** sitemap style ****/

.sitemap a {
	color:#444;
}
.sitemap a:hover {
	color:#21B59A;
}

dl.main_link{
	margin-top:30px;
}

dl.main_link dt{
	background:url(../img/icon/img_icon_01.jpg) no-repeat left;
	padding-left: 25px;
    margin-bottom: 5px;
}

dl.main_link dd{
	margin-left:10px;
    margin-top: 10px;
}
dl.main_link dd.dd_link{
	margin-bottom:20px;
    margin-top: 5px;
}
dl.main_link dd.dd_link a{
	background:none;
    padding-left: 23px;
}
dl.main_link dd.dd_link a:hover{
	background:none;
	padding-left: 23px;
}
dl.main_link dd.dd_link02{
	float:left;
	margin-bottom:20px;
    margin-top: 5px;
}	
dl.main_link dd.dd_link02 a{
	background:none;
    padding-left: 23px;
}
dl.main_link dd.dd_link02 a:hover{
	background:none;
	padding-left: 23px;
}
	
dl.main_link dd a{
	margin-left:20px;
	color:#000;
	margin: 0;
	font-size:85%;
	display: block;
    padding: 0px 10px 0px 20px;
    background: url(../img/icon/img_icon_04.jpg) no-repeat 10px 0.25em;
	zoom: 1;
}
dl.main_link dd a:hover{
	color:#21B59A;
	margin: 0;
	font-size:85%;
    padding: 0px 10px 0px 20px;
    background: url(../img/icon/img_icon_04_o.jpg) no-repeat 10px 0.25em;
}
dl.main_link dt a{
	font-size: 110%;
	line-height: 1.2;
	font-size:14px;
}

/**** news style ****/
.news_list{
	margin-top:30px;
}
.news_list dl{
	border-bottom:1px dotted #ddd;
	padding:11px 5px 5px 5px;
}
.news_list dl dt{
	float:left;
	width:130px;
	color:#21b59b;
	background: url(../img/icon/img_icon_01.jpg) no-repeat left;
    padding-left: 25px;
    margin-bottom: 5px;
}
.news_list dl dd{
	float:left;
	width:550px;
	margin-left:10px;
	font-size: 15px;
}
.news_list dl dd a{
	text-decoration:underline;
}
.news_textarea{
	padding:20px 10px 20px 10px;
	background: #FBFDF2;
	margin-top:40px;
}
.news_textarea h2{
	border:0;
	border:none;
	color: #21b59b;
	font-size:120%;
	font-weight:bold;
	padding-left:10px;
	margin-bottom:20px;
	border-bottom: 1px solid #ddd;
    padding-bottom: 5px;

}
.news_textarea .textarea{
	padding:0px 10px 10px;
}
.news_textarea p.date{
	padding-left:10px;
	font-size:95%;
	margin-bottom:5px;
}
.news_textarea p.note02{
	text-align:right;
	margin-top:10px;
	font-size:95%;
    color: #676767;
    font-style: italic;
}

.news_icon {
	font-size: 15px;
  padding: 5px 5px 0 0;
  list-style: url(../img/icon/img_icon_04.png);
  list-style-position: outside;
  line-height: 1.3;
  display: list-item;
  font-weight: 600;
  margin-bottom: 0;
  margin-left: 22px;
  margin-top: 10px;
}

/**** sleepdiary style ****/
.sleepdiary h4{
	background:none;
	margin-bottom:10px;
	font-weight:bold;
    border-bottom: 1px solid #ddd;
}
.sleepdiary h4 a{
	font-size:13px;
	color:#444;
	text-align:right;
	position: relative;
    top: 0;
    right: -500px;
}
.sleepdiary p img{
	width:700px;
}
.sleepdiary ul{
	width:220px;
	margin:0 auto 30px auto;
}
.sleepdiary ul li{
	float:left;
	width:100px;
	text-align:center;
    font-size: 14px;
}
.sleepdiary ul li a{
	display:block;
	padding:10px 20px;
}
.sleepdiary ul li.pdf {
	margin-right:20px;
}
.sleepdiary ul li.pdf a{
	background:#FF0004;
	color:#fff;
	font-weight:bold;
	border:1px solid #FF0004;
}
.sleepdiary ul li.excel a{
	background:#006B06;
	color:#fff;
	border:1px solid #006B06;
	font-weight:bold;
}

.sleepdiary ul li a::before,
.sleepdiary ul li a::after{
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.sleepdiary ul li a,
.sleepdiary ul li a::before,
.sleepdiary ul li a::after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.sleepdiary ul li.pdf a:hover {
	background-color: #fff;
	border-color: #FF5053;
	color: #FF5053;
}
.sleepdiary ul li.excel a:hover {
	background-color: #fff;
	border-color: #437B46;
	color: #437B46;
}
/**** illness style ****/
.illness .gazoukensa {
	background:url(../../illness/img/img03.jpg) no-repeat right 100px;
}
/**** approach style ****/
.approach{
	background:url(../../approach/img/img01.jpg) no-repeat right top;
}
.approach .sec01 {
	height:220px;
	margin-top:40px;
}

.illnessIndex h4 {
	color:#000;
}
	

/**** child style ****/
.lifeStyle {
	background:#FCFCF2 url(../../child/img/img_index_02.jpg) no-repeat center center;
	border: 1px solid #E7E797;
	border-radius: 5px;
	width:auto;
	height:700px;
	position:relative;
    padding: 20px 15px 20px;
}
#main .lifeStyle p {
	font-size:14px;
	margin-bottom:5px;
}

.lifeStyle .box01 {
	position:absolute;
	top:20px;
	left:20px;
	width:28%;
}
.lifeStyle .box02 {
	position: absolute;
	top: 20px;
	left: 253px;
	width: 28%;
}
.lifeStyle .box03 {
	position:absolute;
	top:20px;
	left:484px;
	width:28%;
}
.lifeStyle .box04 {
	position:absolute;
	top:350px;
	left:20px;
	width:62%;
}
.lifeStyle .box05 {
	position:absolute;
	top: 540px;
	left:20px;
	width:62%;
}

/**** faq style ****/
#side .subNavi.faq p {
	font-weight:bold;
	color:#fff;
	font-size:17px;
	padding:0;
	background:none;
	text-align:center;
}
#side .subNavi.faq p img {
	vertical-align:bottom;
	z-index:10;
}
#side .subNavi.faq ul {
	margin-top:-3px;
}
#main.faq{
	background:url(../../faq/img/img01.jpg) no-repeat right top;
}
.faq  h2{
	font-size:20px;
	color:#21B59A;
	font-weight:bold;
	margin-bottom:0px;
	border-bottom:none;
}
.faq h3.ul_o:before {
    content: url(../../faq/img/img02.jpg);
    position: relative;
    top: 0px;
    left: -10px;
}

.faq h3.ul_o {
	background:url(../img/bg/img_border_01.jpg) repeat-x left bottom;
	font-weight:normal;
	color:#000;
	font-size:18px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
}
#main.faq dl dt {
    float: left;
    margin-right: 10px;
    margin-left: -5px;
}
.text08 {
    text-indent: 1em;
    margin: 0;
	font-size:18px;
}
.text09 {
    padding-top: 15px;
    display: inline-block;
    text-indent: 0
}

#main.faq p.note01 {
    font-size: 11px;
    line-height: 1.2;
	margin:10px 0;
}
#main.faq p.note02 {
	margin-top:10px;
}
.faq .leftBox {
	float:left;
	width:68%;
}
.faq .leftBox dl dd.w120 {
	width:120%;
}
.faq .rightBox01{
	float:right;
	width:32%;
	height:168px;
}
.faq .rightBox01 img {
	position:relative;
	top:-90px;
}
.faq .rightBox02{
	float:right;
	width:32%;
	height:200px;
}
.faq .rightBox02 img {
	position:relative;
	top:-65px;
}
.home-care p.iconCircle {
	font-size:13px;
}
.home-care h3 {
	margin-top:20px;
}


/**** infantile_spasmsIndex ****/
.infantile_spasmsIndex #content .box_r_01,
.infantile_spasmsIndex #content .box_l_01 {
	width: 48%;
}
.infantile_spasmsIndex .box_l_01 img,
.infantile_spasmsIndex .box_r_01 img {
	max-width:100%;
	width: auto;
}

.infantile_spasmsIndex .box_r_01 p.iconCircle {
	margin-bottom:24px;
}
.infantile_spasmsIndex .box_r_01 a:hover {
	opacity:0.7;
}
.infantile_spasmsIndex .box_l_01 a:hover {
	opacity:0.7;
}
video {
    width: 90%;
    margin: 0 auto;
    display: -webkit-box;
    border: 1px solid #ddd;
    margin-top: 15px;
}

/**** record table style ****/
.record_table .leftBox {
	width:48%;
	float:left;
}
.record_table .rightBox {
	width:48%;
	float:right;
}
.record_table .leftBox img{
	width:100%;
}
.record_table .rightBox img{
	width:100%;
}
.record_table p a {
	color:#000;
	text-decoration:none;
}
.record_table p a:hover {
	color:#21B59A;
}
.record_table .flexR {
 	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-end;
}
.record_table h2 {
	border:none;
	margin-bottom:20px;
	font-weight:bold;
	color:#21B59A;
}
.record_table #main ul.flexR li{
	float:left;
	width:200px;
	text-align:center;
    font-size: 14px;
}
.record_table #main ul.flexR li a{
	display:block;
	padding:10px 20px;
}
.record_table #main ul.flexR li.pdf {
	margin-right:20px;
}
.record_table #main ul.flexR li.pdf a{
	background:#FF0004;
	color:#fff;
	font-weight:bold;
	border:1px solid #FF0004;
}
.record_table #main ul.flexR li.pdf a:hover {
    background-color: #fff;
    border-color: #FF5053;
    color: #FF5053;
}
.record_table #main ul.flexR li.excel a{
	background:#006B06;
	color:#fff;
	border:1px solid #006B06;
	font-weight:bold;
}
.record_table #main ul.flexR li.excel a:hover {
    background-color: #fff;
    border-color: #437B46;
    color: #437B46;
}
.record_table #main ul.flexR li a, .record_table #main ul.flexR li a::before, .record_table #main ul.flexR li a::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
	text-decoration:none;
}

#main .z-in1 {
	position:relative;
	z-index:1;
}
#main  .z-in2 {
	position:relative;
	z-index:2;
}

/****Seizure Frist Aid graph-style****/
.ol-text{
	margin: 10px 0 20px -20px;
}
.graph-title{
	text-align: center;
	color: #FFFFFF;
	background-color: #a4abd5;
	border-bottom: 2px solid #a4abd5;
}
.graph-text{
	padding: 0 15px;
	text-align: left;
}
#main.faq .graph-text p,
#main.faq .graph-text h4,
#main.faq .graph-text ul{
	font-size: 12px;
}
.strong{
	font-weight: bold;
    font-size: 16px;
}
.graph-text ul{
	list-style: inherit;
	list-style-position: inside;
}
.graph-text li{
	padding-left:1.4em;
	text-indent:-1.4em;
}
.graph-text li:not(:last-child){
	padding-bottom: 5px;
}
.graph-subtitle{
	text-align: center;
	color: #FFFFFF;
	background-color: #a4abd5;
	border-radius: 10px;
	padding: 5px 0;
}
#main.faq .source p{
	line-height: 18px;
}
.source{
	margin: 15px 0 10px;
}
/****purple border-style****/
h3.purple{
	color: #FFFFFF;
	background-color: #a4abd5;
	padding: 5px 15px;
	display: inline-block;
	position: absolute;
	top: -15px;
	left: 25px;
	font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-weight: 500;
}
.position-r{
	position: relative;
}
.purple-border{
	border: 2px solid #a4abd5;
	padding: 25px;
	border-radius: 20px;
}
/*トピックスのリスト要素*/
.txt_gr {
	color:#21b59b;
	font-weight: bold;
}

.topics_list {
	line-height: 2;
}

.faq table.text05 td:first-child {
	padding-right: 25px;
}
.sp h2.ul_g {
	font-size: 135%;
}
.sp .faq h2 {
	font-size: 25px;
}
.sp h3 {
	font-size: 140%;
}
.sp h3.ul_o {
	font-size: 150%;
}
.sp h4 {
	font-size: 155%;
}
.sp .sub_title01 {
	font-size: 27px;
}

.sp #main p.text01{
	font-size:150%;
	line-height: 40px;
}
.sp #main p.text02{
	font-size:150%;
	line-height: 40px;
}
.sp #main p.text03{
	font-size:150%;
	line-height: 40px;
}
.sp #main p.text04{
	font-size:150%;
	line-height: 40px;
}
.sp #main p.text05{
	font-size:150%;
	line-height: 40px;
}
.sp .text05{
	font-size:150%;
	line-height: 40px;
}
.sp.top #main p.text05{
	line-height: 24px;
	font-size: 15px;
}
.sp #main p.text06{
	font-size:150%;
	line-height: 40px;
}
.sp .text08{
	font-size:150%;
	line-height: 40px;
}
.sp #main p.text10{
	font-size:150%;
	line-height: 40px;
}
.sp #main p.iconCircle {
	font-size:150%;
	line-height: 40px;
}

.sp #main p.iconRight {
	font-size: 25px;
}
.sp #main p.note01,
.sp #main p.note02 {
	font-size: 19px;
}

.sp #main .point02 {
	font-size: 22px;
}

.sp .sp_font95 {
	font-size:95%;
}
.sp .sp_font155 {
	font-size:155%;
}
.sp .memo_style00 {
	font-size: 125%;
}

.sp ul.iconCircle {
	font-size: 100%;
}

.sp .memo_style01 ul li.f_n,
.sp .memo_style02 ul li.f_n {
	font-size: 150%;
}
.sp .memo_style01 ul li,
.sp .memo_style01 ol li,
.sp .memo_style02 ul li,
.sp .memo_style02 ol li,
.sp .memo_style05 ul li,
.sp .memo_style05 ol li {
	font-size: 150%;
}

.sp .faq ul,
.sp .faq ol {
	font-size: 150%;
}

.sp .faq #sub_link ul {
	font-size: 15px;
}

.sp #main p.ol-text {
	font-size: 100%;
}

.sp .memo_style01 td {
	font-size: 150%;
}

.sp #main .memo_style01 p.iconCircle {
	font-size: 150%;
	line-height: 35px;
}
.sp #main{
	font-size: 102%;
}

.sp .illness .gazoukensa {
	background: none;
}
.sp .illness .gazoukensa .sp_img01,
.sp .illness .gazoukensa .sp_img02 {
	position: relative;
}
.sp .illness .gazoukensa .sp_img01::before,
.sp .illness .gazoukensa .sp_img02::before {
	content: '';
	height: 200px;
	position: absolute;
	right: -260px;
	width: 250px;
}
.sp .illness .gazoukensa .sp_img01::before {
	background:url(../../illness/img/img03_sp01.jpg) no-repeat;
	background-size: contain;

}

.sp .illness .gazoukensa .sp_img02::before {
	background:url(../../illness/img/img03_sp02.jpg) no-repeat;
	background-size: contain;
}

.sp .illness .memo_style01 td:first-child {
	padding-right: 25px;
}

.sp .illness table.TableStyle02 {
	border-collapse: collapse;
	border: 2px solid #21B59A;
}

.sp .illness table.TableStyle02 td {
	border-top: 2px solid #21B59A;;
}

.sp table.TableStyle01 .bgWhite {
	font-size: 150%;
}
.sp table.TableStyle01 td {
	font-size: 150%;
}

.sp h5.icon {
	font-size: 22px;
}

.sp .sp_z-in1 {
	top: -30px;
}

.sp .purple-border {
	padding-top: 30px;
}

.sp .faq .text09 {
	display: inline;
}

.sp_only {
	display: none;
}
.sp .sp_only {
	display: block;
}

.sp .pc_only {
	display: none;
}
