@charset "utf-8";
@import url("page.css");
/* CSS Document */

#anchor {
	display: block;
	margin: 40px auto;
	width: 90%;
}
#anchor li a {
	text-align: center;
	background-color: #E1EAFF;
	display: block;
	margin: 0 0 5px;
	padding: 20px;
	width: 100%;
	border-radius: 4px;
	box-sizing: border-box;
}

#occupational-health-physician h1 img {
	height: auto;
	width: 100%;
}

#health h1 img {
	height: auto;
	width: 100%;
}

#mental h1 img {
	height: auto;
	width: 100%;
}

dl.accordion { width:100%; margin:0 auto 30px;  font-size:14px; box-sizing: border-box;}
dl.accordion dt {
	line-height: 1.5em; color:#333; font-weight:bold; cursor:pointer;
	 padding: 25px 20px 30px 75px; 
	 box-sizing: border-box;
	 }

/* dl.accordion dt.open {
    background:url(../images/common/qa_on.png) 97% center no-repeat;} */
dl.accordion dd {
	color: #333;
	background-color: rgba(223,223,208,0.38);
	background-image: url(../images/qa/a.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
	padding: 30px 10px 30px 50px;
	line-height: 1.6em;
	display: none;
	box-sizing: border-box;
}

dl.accordion dd p { 
	margin-bottom: 0.5em;
}
dl.accordion dd aside p {
	padding-left: 1em;
}
dl.accordion dd li { 
	padding-left: 1em;
	box-sizing: border-box;
}

dl.accordion dd a {
	font-weight: 600;
	float: right;
}
dl.accordion dd a:hover {
	opacity: 0.7;
	text-decoration: none;
}

.faq01 {
	background-image: url(../images/qa/q01.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
}

.faq02 {
	background-image: url(../images/qa/q02.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
}

.faq03 {
	background-image: url(../images/qa/q03.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
}

.faq04 {
	background-image: url(../images/qa/q04.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
}

.faq05 {
	background-image: url(../images/qa/q05.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
}

.faq06 {
	background-image: url(../images/qa/q06.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
}

.faq07 {
	background-image: url(../images/qa/q07.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
}
.faq08 {
	background-image: url(../images/qa/q08.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
}
.faq09 {
	background-image: url(../images/qa/q09.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
}
.faq10 {
	background-image: url(../images/qa/q10.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
}
.faq11 {
	background-image: url(../images/qa/q11.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
}

.faq12 {
	background-image: url(../images/qa/q12.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
}

.faq13 {
	background-image: url(../images/qa/q13.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
}

.faq14 {
	background-image: url(../images/qa/q14.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
}

.faq15 {
	background-image: url(../images/qa/q15.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
}

.faq16 {
	background-image: url(../images/qa/q16.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
}

.faq17 {
	background-image: url(../images/qa/q17.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
}
.faq18 {
	background-image: url(../images/qa/q18.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
}
.faq19 {
	background-image: url(../images/qa/q19.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
}
.faq20 {
	background-image: url(../images/qa/q20.png);
	background-repeat: no-repeat;
	background-position: 5px 25px;
}

.notice {
	color: #FF4C4C;
}

@media only screen and (min-width: 769px) {
#title h2 {
	background-image: url(../images/qa/title.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	height: 488px;
	width: 1100px;
}

#anchor {
	font-size: 18px;
	text-align: center;
	display: block;
	margin: 80px auto;
}
#anchor li {
	text-align: center;
	line-height: 1em;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
  /zoom: 1;	padding: 0 10px;
	width: auto;
	border-left: solid 1px #06322C;
	box-sizing: border-box;
}
#anchor li:last-child {
	border-right: solid 1px #06322C;
}
#anchor li a {
	color: #06322C;
	background-color: #FFF;
	padding: 0;
}

#occupational-health-physician {
	margin: 20px 0 80px;
}

#occupational-health-physician h1 {
	margin: 0 auto 30px;
	width: 796px;
}

#health {
	margin: 20px 0 80px;
}
#health h1 {
	margin: 0 auto 30px;
	width: 796px;
}

#mental {
	margin: 20px 0 80px;
}
#mental h1 {
	margin: 0 auto 30px;
	width: 796px;
}

}