@charset "UTF-8";


/* ***
 *	page guide
 *	index
 * ***/


/* ***
 *	page guide
 * ***/
div.pageGuide{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width:710px;
	margin-bottom:50px;
}

div.pageGuide ul{
	list-style-type:none;
}

div.pageGuide ul li{
	background:#e0f0d1;
	vertical-align:top;
}

div.pageGuide ul li a{
	color:#45942b;
}

div.pageGuide div.guideL{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width:570px;
	height:270px;
}

div.pageGuide div.guideL > ul{
	width:280px;
}

div.pageGuide div.guideL > ul li a{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	width:100%;
	height:100%;
	padding:0 15px;
	font-size: 20px;
	font-size: 2.0rem;
}

div.pageGuide div.guideL > ul.odd{
	margin-right:10px;
}

div.pageGuide div.guideL > ul.odd li{
	height:calc((100% - 40px) / 5);
}

div.pageGuide div.guideL > ul.odd li:not(:last-child){
	margin-bottom:10px;
}

div.pageGuide div.guideL > ul.even li{
	height:calc((100% - 40px) / 5);
}

div.pageGuide div.guideL > ul.even li:not(:last-child){
	margin-bottom:10px;
}

div.pageGuide div.guideL > ul.even li a{
	font-size: 17px;
	font-size: 1.7rem;
}

div.pageGuide div.guideR{
	width:130px;
}

div.pageGuide div.guideR ul li{
	position:relative;
	width:130px;
	height:130px;
	text-align:center;
}

div.pageGuide div.guideR ul li:not(:last-child){
	margin-bottom:10px;
}

div.pageGuide div.guideR ul li a{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	width:100%;
	height:100%;
	font-size: 18px;
	font-size: 1.8rem;
	line-height:1.5;
}

/* onpage
-------------------------------------------------------*/
div.pageGuide ul > li.onpage{
	background:#45942b;
	color:#fff;
}

div.pageGuide ul > li.onpage a{
	background:#45942b;
	color:#fff;
}

div.pageGuide ul > li.onpage a.row span{
	color:#fff;
}

/* ***
 *	outline common
 * ***/
div#main{
	margin-bottom:50px;
	line-height:1.5;
}

div#main h2{
	margin-bottom:35px;
	color: #909090;
	font-size:23px;
	font-size:2.3rem;
}

div#main h3{
	margin-bottom:25px;
	font-size:22px;
	font-size:2.2rem;
	line-height:1.35;
}

div#main h4{
	margin-bottom:5px;
	color:#45942b;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
}

div#main h4 span{
	font-size:13px;
	font-size:1.3rem;
}

div#main p{
	margin-bottom:20px;

}

.notice-content{
	counter-reset: list-number 0; 
}

.notice-content p{
	line-height:1.65;
}

.notice-content ul.overview-document-list{
	margin-bottom:20px;
}

.notice-content ul.overview-document-list li{
	font-size: 1.7rem;
}

.notice-content ul.overview-document-list li a[href$=".pdf"] {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.notice-content ul.overview-document-list li a[href$=".pdf"]::after{
	content: "";
	position: relative;
	display: inline-block;
	width: 15px;
	height: 20px;
	margin-left:10px;
	background: url(/~himi/outline/images/icon_pdf.svg) center center/contain no-repeat;
}

.notice-content span.ft-bold{
	font-weight:700;
}

.notice-content p a,
.notice-content ul a{
	color:#5e76ff;
	text-decoration:underline;
}

.notice-content:not(:last-child){
	margin-bottom:40px;
}

.notice-content span.desc__link{
	position: relative;
	display:block;
}

.link-group:not(:last-child){
	margin-bottom:40px;
}

.notice-content span.desc__link:not(:last-child){
	margin-bottom:5px;
}

.notice-content span.desc__link a{
	position: relative;
	display:block;
	width:fit-content;
	padding-left:30px;
	color: #222;
	text-decoration:underline;
}

.notice-content span.desc__link a::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 8px;
	display: block;
	width:13px;
	height:13px;
	background:url(/~himi/common/images/link_arrow.png) left top no-repeat;
	margin-top:-7px;
	z-index: 1;  
}

.list-group{
	display:block;
	margin-top:10px;
	color:#333;
}

.slide-trigger{
	position:relative;
	margin-top:10px;
	background:#edf7e4;
	padding:15px 15px;
	font-weight:700;
	cursor:pointer;
}

.slide-trigger::after{
	content: "";
	position: absolute;
	top: 50%;
	right:10px;
	translate:0 -50%;
	transform: scale(1, -1);
	display: block;
	width:24px;
	height:24px;
	border-radius:50%;
	background:#009600 url(../outline/images/arrow.svg) center center/9px 7px no-repeat;
}

.slide-trigger.active::after{
	transform: scale(1, 1);
}

.slide-panel{
	display:none;
}

p.slider-panel__title{
	margin-bottom:10px !important;
	color:#45942b;;
	font-weight:700;
}

.notice-content-table{
	margin-bottom:15px;
}

.mg-btm-50{
	margin-bottom:50px;
}

.notice-content-table caption{
	padding-bottom:5px;
	font-weight:700;
	text-align:left;
}

.notice-content-table th{
	background: #e0f0d1;
	font-weight:700;
	text-align:center;
}

.notice-content-table th,
.notice-content-table td{
	padding:12px;
	border:1px #ccc solid;
}

.notice-content-table td.td-head{
	background:#f4f4f4;
	font-weight:700;
	text-align:center;
}

.notice-content-table td.posi-c{
	text-align:center;
}

.notice-content-table td.posi-r{
	text-align:right;
}

.notice-content ul{
	margin:0 0 50px !important;
	list-style-type:none !important;
	padding:0 10px;
}

.notice-content ul li{
	position: relative;
	padding-left:25px;
	list-style-type:none;
}

.notice-content ul li:not(:last-child){
	margin-bottom:15px !important;
}

.notice-content ul li::before{
	counter-increment: list-number 1;
	content: counter(list-number) "．";
	position:absolute;
	top:0; 
	left:0;
}

.notice-content ul li span.desc__link{
	margin-top:10px;
}

div#main p.signature{
	padding-right:20px;
	text-align:right;
}


div#main ul{
	margin:0 0 50px 25px;
	list-style-type:disc;
}

div#main ul li{
	margin-bottom:5px;
}


div#main div.blueround{
	margin-bottom:40px;
	padding:30px 35px;
	border:3px #0064ff solid;

	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	-khtml-border-radius:25px;
}

div#main div.blueround > h4{
	margin-bottom:25px;
	color:#0064ff;
	font-size:30px;
	font-size:3.0rem;
	font-weight:bold;
	text-align:center;
}

div#main div.blueround > div.remote{
	width:634px;
}

	div#main div.blueround > div.remote:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		}

	/* IE6 */
	* html div#main div.blueround > div.remote{
		zoom: 1;
	}
	/* IE7 */
	*:first-child+html div#main div.blueround > div.remote{
		zoom: 1;
	}

div#main div.blueround > div.remote span{
	display:block;
	float:left;
	width:310px;
}

div#main div.blueround > div.remote p{
	padding-left:334px;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7;
}

/* ***
 *	index
 * ***/

div#main dl#greeting{
	display:table;
}

div#main dl#greeting dt{
	display:table-cell;
	width:160px;
	padding-right:35px;
	font-size:16px;
	font-size:1.6rem;
}

div#main dl#greeting dt img{
	margin-bottom:10px;
}

div#main dl#greeting dd{
	display:table-cell;
	width:525px;
	vertical-align:top;
}

div#main dl#greeting dd p{
	margin-bottom:20px;
	text-indent:1rem;
}



/* ***
 *	outline
 * ***/


div#main table.outline{
	margin:0 auto 40px;
}

div#main table.outline th,
div#main table.outline td{
	padding: 4px 8px 3px;
	border: 1px #cecece solid;
	text-align: left;
	line-height: 1.5;
}

div#main table.outline th{
	width:20%;
	font-weight:bold;
	background: url(/~himi/services/images/bg_th.gif) left bottom repeat-x;
}

div#main table.outline td a{
	color:#0d662c;
}

div#main table.outline td ul{
	margin:0 0 0 20px;
	list-style-type:disc;
}
div#main table.outline td ul li{
	margin:0;
}
div#main dl.outline{
	margin-bottom:25px;
}

div#main dl.outline dt{
	display:inline-block;
	width:70px;
	margin-right:20px;
	vertical-align:top;
}
div#main dl.outline dd{
	display:inline-block;
	width:610px;
	margin-bottom:5px;
}


/* ***
 *	idea
 * ***/

div#main img#idea{
	margin-bottom:30px;
}

div#main ol#policy{
	margin-bottom:40px;
	counter-reset: li;
	list-style:none;
}

div#main ol#policy li:before {
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	color:#45942b;
	counter-increment: li;
	content: counter(li) ". ";
}

div#main ol#policy li > h4{
	display:inline-block;
	padding-left:5px;
}

/* ***
 *	patient
 * ***/
div#main div.patient p{
	color:#45942b;
}

div#main div.patient > ul{
	list-style-type:square;
}

div#main div.patient ol{
}

div#main div.patient ol li ul{
	margin:0;
	margin-left:25px;
}

div#main div.patient dl{
}
div#main div.patient dl dd{
	margin-bottom:30px;
}

/*---privacy---*/

div#main div#privacy > ol{
	counter-reset: li;
	list-style:none;
}
div#main div#privacy > ol>li:before{
	display:inline-block;
	padding-right:10px;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	vertical-align:top;
	counter-increment: li;
	content: counter(li) ". ";
}

div#main div#privacy > ol > li > dl{
	display:inline-block;
	width:650px;
}

div#main div#privacy > ol > li > dl dt{
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
}

div#main div#privacy > ol > li > dl dd{
	margin-left:-28px;
}

p.golink{
	padding:15px 30px 10px;
	border:none;
}

p.golink a{
	margin-left:0;
}

/*---privacy---*/


/*---purpose 1st (upper-roman)---*/

div#main div#purpose > ol{
	counter-reset: li;
	list-style:none;
}

div#main div#purpose > ol > li:before{
	display:inline-block;
	padding-right:5px;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	vertical-align:top;
	counter-increment: li;
	content: counter(li,upper-roman) " ";
}

div#main div#purpose > ol > li > dl{
	display:inline-block;
}

div#main div#purpose > ol > li > dl > dt{
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
}


/*---purpose 2nd (number green)---*/

div#main div#purpose > ol > li > dl > dd > ol{
	counter-reset: li;
	list-style:none;
}

div#main div#purpose > ol > li > dl > dd > ol > li{
	margin-left:-15px;
	line-height:1.6;
	font-weight:bold;
	color:#45942b;
}

div#main div#purpose > ol > li > dl > dd > ol.marBtm > li{
	margin-bottom: 15px;
}

div#main div#purpose > ol > li > dl > dd > ol > li:before{
	display:inline-block;
	padding-right:10px;
	font-weight:bold;
	color:#45942b;
	counter-increment: li;
	content: counter(li) ". ";
}



/*---purpose 3rd (number parenthesis)---*/

div#main div#purpose > ol > li > dl > dd > ol > li > ol{
	counter-reset: li;
	list-style:none;
	color:#222;
}

div#main div#purpose > ol > li > dl > dd > ol > li > ol > li:before{
	display:inline-block;
	padding-right:10px;
	counter-increment: li;
	content: counter(li) ") ";
}

/*---purpose 3rd (number parenthesis)---*/
/*---purpose 4th (circled-decimal)---*/

div#main div#purpose > ol > li > dl > dd > ol > li > ol > li > ol{
	margin-left:35px;
	counter-reset: li;
	list-style:none;
}
div#main div#purpose > ol > li > dl > dd > ol > li > ol > li > ol > li{
	position:relative;
	padding-left:12px;
}

div#main div#purpose > ol > li > dl > dd > ol > li > ol > li > ol > li:before{
	position:absolute;
	top:1px;
	left:-6px;
	font-size:12px;
	font-size:1.2rem;
	z-index:2;
	counter-increment: li;
	content: counter(li);
}
div#main div#purpose > ol > li > dl > dd > ol > li > ol > li > ol > li:after{
	position:absolute;
	content: "";
	top:2px;
	left:-10px;
	width:14px;
	height:14px;
	border:1px #222 solid;
	border-radius:50%;
	z-index:-1;
}
/*---purpose 4th (circled-decimal)---*/


/*---purpose note---*/

div#main div#purpose dl.note{
	width:600px;
	margin-left:110px;
	font-size:11px;
	font-size:1.1rem;
}

div#main div#purpose dl.note dt,
div#main div#purpose dl.note dd{
	display:inline-block;
	vertical-align:top;
}

div#main div#purpose dl.note dd{
	width:550px;
	margin:0;
}

div#main div#purpose dl.note dd ol{
	margin-left:30px;
}
/*---purpose note---*/

/* ***
 *	report
 * ***/

div#main div#currentNumber{
	display:inline-block;
	width:450px;
	margin-right:20px;
	vertical-align:top;
}

div#main div#currentNumber h4.report{
	margin-bottom:10px;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	color:#5e76ff;
}
div#main div#currentNumber h4.report span{
	font-size:16px;
	font-size:1.6rem;
	font-weight:normal;
	color:#222;
}


div#main div#currentNumber dl{
	display:table;
	margin:20px 0;
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:0.5rem;
}

div#main div#currentNumber dl dt{
	display:table-cell;
	padding:10px 40px 10px 10px;
	font-weight:bold;
}
div#main div#currentNumber dl dd{
	display:table-cell;
	padding:10px 10px 10px 20px;
	border-left:1px #222 solid;
	font-weight:bold;
}
div#main div#backNumber{
	display:inline-block;
	width:230px;
	margin-bottom:50px;
	vertical-align:top;
}


div#main div#backNumber div.bottomBalloon {
	position: relative;
	width:235px;
	margin:20px auto 30px;
	padding: 7px 21px 7px 13px;
	border:1px #45942b solid;
	color:#999;
	line-height:22px;
	z-index: 1;
}
div#main div#backNumber div.bottomBalloon:before{
	content: "";
	position: absolute;
	bottom: -25px;
	left: 50%;
	margin-left: -14px;
	width: 0px;
	height: 0px;
	border:13px transparent solid;
	border-top:13px #fff solid;
	z-index: 2;
}
div#main div#backNumber div.bottomBalloon:after{
	content: "";
	position: absolute;
	bottom: -26px;
	left: 50%;
	margin-left: -14px;
	width: 0px;
	height: 0px;
	border:13px transparent solid;
	border-top:13px #45942b solid;
	z-index: -1;
}

div#main div#backNumber ol.backList{
	list-style-type:none;
}

div#main div#backNumber ol.backList li{
	margin-bottom:10px;
}

div#main div#backNumber ol.backList li a{
	position: relative;
	display:block;
	font-size:16px;
	font-weight:1.6rem;
	font-weight:bold;
	color:#45942b;
}

div#main div#backNumber ol li a:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 8px;
	display: block;
	width:13px;
	height:13px;
	background:url(/~himi/common/images/link_arrow.png) left top no-repeat;
	margin-top:-7px;
	z-index: 1;  
}

div#main div#backNumber ol li a span{
	font-size:14px;
	font-weight:1.4rem;
	font-weight:normal;
	color:#222;
}

/* ***
 *	characteristics
 * ***/

div#main div#prevention,
div#main div#treatment,
div#main div#rehabilitation{
	margin-bottom:50px;
}

div#main div#prevention ol,
div#main div#treatment ol,
div#main div#rehabilitation ol{
	float:right;
}

div#main div#prevention h4,
div#main div#treatment h4,
div#main div#rehabilitation h4{
	margin-bottom:20px;
	padding-left:20px;
	font-size:24px;
	font-size:2.4rem;
	line-height:2.0;
}

div#main div#prevention h5,
div#main div#treatment h5,
div#main div#rehabilitation h5{
	margin:20px auto 5px;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
}

div#main div#prevention div{
}

div#main div#prevention div ul{
	margin: 0px 0px 0 1em;
	padding:10px 0 0;
	list-style-type:none;
}

div#main div#prevention div ul li{
	text-indent:-1.35em;
	margin-left:1.35em;
}


div#main div#prevention div img{
	float:right;
	margin-bottom:15px;
	margin-left:23px;
}

div#main div#treatment p,
div#main div#rehabilitation p{
	margin-right:30px;
	vertical-align:top;
}

div#main div#prevention h4{
	background-color:#ffcccc;
	color:#f00;
}

div#main div#prevention h5{
	color:#f00;
}

div#main div#treatment h4{
	background-color:#cceacc;
	color:#009600;
}

div#main div#treatment h5{
	color:#009600;
}

div#main div#rehabilitation h4{
	background-color:#ffedcc;
	color:#ffa500;
}

div#main div#rehabilitation h5{
	color:#ffa500;
}

/* ***
 *	ql
 * ***/
div.ql > p{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7;
}