@charset "shift_jis";

h3	{
	background-color: #4c443e;
	color: #FFFFFF;
	line-height: 2em;
	padding-left: 10px;
	font-size: 120%;
	margin-top: 10px;
}
/* QA */
div.qa01	{
	border: 1px solid #4C443E;
	padding: 10px;
	margin-bottom: 2em;
	margin-top: 10px;
}
div.qa01 h3	{
	background-color: #FFFFFF;
	color: #FF3333;
	line-height: 1.5em;
	font-size: 120%;
	margin-top: 0px;
	padding: 0px;
	margin-bottom: 5px;
}
div.qa01 h4	{
	background: url(../../css/img/title_back03.gif) left top;
	color: #FFFFFF;
	line-height: 2em;
	font-size: 100%;
	padding-left: 10px;
	padding-top: 1em;
}
div.qa01 div.qa_left	{
	float: left;
	width: 300px;
}
div.qa01 div.qa_right	{
	float: right;
	width: 300px;
}
div.qa01 ul	{
	margin-top: 5px;
	line-height: 1.3em;
}
div.qa01 li	{
	line-height: 1.5em;
	padding-left: 2em;
	background: url(img/qa01.gif) no-repeat left 0px;
	margin-bottom: 10px;
}
div.qa01 p.p01	{
	margin-top: 1em;
	margin-bottom: 3em;
}
div.qa02	{
}
div.qa02 dl	{
	line-height: 2em;
	margin-top: 5px;
}
div.qa02 dt	{
	background: url(img/qa01.gif) left center no-repeat;
	padding-left: 20px;
}
div.qa02 dd	{
	background: url(img/qa02.gif) left 3px no-repeat;
	padding-left: 20px;
	margin-top: 0.5em;
	margin-bottom: 1em;
	border-bottom: 1px dotted #999999;
}
div.qa02 dl.dl02	{
	padding: 0px;
	line-height: 1.3em;
}
div.qa02 dl.dl02 dt	{
	background-image: none;
	padding: 0px;
}
div.qa02 dl.dl02 dd	{
	background: none;
	border: none;
	margin: 0px;
	padding-top: 0px 0 1em 0;
}

/* QA01 */
div.qasd01	{
	border: 1px solid #4C443E;
	padding: 10px;
	width: 621px;
	margin-bottom: 2em;
	margin-top: 10px;
}
div.qasd01 h3	{
	background-color: #FFFFFF;
	color: #FF3333;
	line-height: 1.5em;
	font-size: 120%;
	margin-top: 0px;
	padding: 0px;
	margin-bottom: 5px;
}
div.qasd01 h4	{
	background: url(../../css/img/title_back03.gif) left top;
	color: #FFFFFF;
	line-height: 2em;
	font-size: 100%;
	padding-left: 10px;
	padding-top: 1em;
}
div.qasd01 div.qa_left	{

}
div.qasd01 div.qa_right	{

}
div.qasd01 ul	{
	margin-top: 5px;
	line-height: 1.3em;
	margin-bottom: 10px;
}
div.qasd01 li	{
	line-height: 1.5em;
	padding-left: 2em;
	background: url(img/qa01.gif) no-repeat left 0px;
	margin-bottom: 5px;
}
div.qasd01 p.p01	{
	margin-top: 1em;
	margin-bottom: 3em;
}
div.qasd01 strong	{
	background: url(../../css/img/kasou_title.gif) left top;
	display: block;
	color: #FFFFFF;
	padding-top: 1em;
	padding-left: 10px;
	line-height: 1.5em;
	margin-top: 2em;
	margin-bottom: 1em;
}
div.qasd02	{
}
div.qasd02 dl	{
	line-height: 2em;
	margin-top: 5px;
}
div.qasd02 dt	{
	background: url(img/qa01.gif) left 3px no-repeat;
	padding-left: 20px;
	color: #CC3333;
}
div.qasd02 dd	{
	background: url(img/qa02.gif) left 3px no-repeat;
	padding-left: 20px;
	margin-top: 0.5em;
	margin-bottom: 1em;
	border-bottom: 1px dotted #999999;
	color: #009966;
}
div.qasd02 dl.dl02	{
	padding: 0px;
	line-height: 1.3em;
}
div.qasd02 dl.dl02 dt	{
	background-image: none;
	padding: 0px;
}
div.qasd02 dl.dl02 dd	{
	background: none;
	border: none;
	margin: 0px;
	padding-top: 0px 0 1em 0;
}
div.qasd02 dd a	{
	font-weight: bold;
	color: #003399;
}




<!--
.accToggler{
	/*margin: 3px auto;
	padding: 3px;
	color: #f4f4f4;
	border: 1px solid #fff;
	cursor: pointer;
	background-color: #36F;
	font-size:16px;*/
}
.accContent{
	margin: 0px auto;
	display:none;
}
PRE{
  font-size : 11px;
  line-height : 140%;
}
P{
  font-size : 14px;
}
.accToggler{
	font-size:1.6rem;
	font-weight:700;
	background:#C7E3E6;
	padding:25px 100px;
	margin:10px 0;
	position:relative;
}
.accToggler span{
	font-family: 'Josefin Sans', sans-serif;
	font-weight:700;
	line-height:1;
	font-size:2.4rem;
	position:absolute;
	left:45px;
	top:30px;
}
.accContent{
	font-size:1.4rem;
	padding:25px 100px;
	position:relative;
	display:none;
}
.accContent a{
	color:#405b95;
	text-decoration:underline;
}
.qas dt:after{
}
.accToggler em {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    position: absolute;
    right: 30px;
}
.accToggler em::before,
.accToggler em::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 8%;
  margin: -8% 0 0 -42%;
  background: #000;
}
.accToggler em::after {
  transform: rotate(90deg);
}
.accToggler.active em::before{
  transform: rotate(45deg);
  opacity:0;
}
.accToggler.active em::after{
  transform: rotate(-180deg);
}

<!--
.accToggler{
	/*margin: 3px auto;
	padding: 3px;
	color: #f4f4f4;
	border: 1px solid #fff;
	cursor: pointer;
	background-color: #36F;
	font-size:16px;*/
}
.accContent{
	margin: 0px auto;
	display:none;
}
PRE{
  font-size : 11px;
  line-height : 140%;
}
P{
  font-size : 14px;
}
.accToggler{
	font-size:1.6rem;
	font-weight:700;
	background:#C7E3E6;
	padding:25px 100px;
	margin:10px 0;
	position:relative;
}
.accToggler span{
	font-family: 'Josefin Sans', sans-serif;
	font-weight:700;
	line-height:1;
	font-size:2.4rem;
	position:absolute;
	left:45px;
	top:30px;
}
.accContent{
	font-size:1.4rem;
	padding:25px 100px;
	position:relative;
	display:none;
}
.accContent a{
	color:#405b95;
	text-decoration:underline;
}
.qas dt:after{
}
.accToggler em {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    position: absolute;
    right: 30px;
}
.accToggler em::before,
.accToggler em::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 8%;
  margin: -8% 0 0 -42%;
  background: #000;
}
.accToggler em::after {
  transform: rotate(90deg);
}
.accToggler.active em::before{
  transform: rotate(45deg);
  opacity:0;
}
.accToggler.active em::after{
  transform: rotate(-180deg);
}

-->
@media (max-width: 801px) {
.accToggler{
	/*margin: 3px auto;
	padding: 3px;
	color: #f4f4f4;
	border: 1px solid #fff;
	cursor: pointer;
	background-color: #36F;
	font-size:16px;*/
}
.accContent{
	margin: 0px auto;
	display:none;
}
PRE{
  font-size : 11px;
  line-height : 140%;
}
P{
  font-size : 14px;
}
.accToggler{
	font-size:1.4rem;
	padding:25px 50px;
	margin:10px 0;
}
.accToggler span{
	font-size:1.8rem;
	left:15px;
	top:30px;
}
.accContent{
	padding:5%;
}
.accContent a{
}
.qas dt:after{
}
.accToggler em {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    position: absolute;
    right: 20px;
}
.accToggler em::before,
.accToggler em::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 8%;
  margin: -8% 0 0 -42%;
  background: #000;
}
.accToggler em::after {
}
.accToggler.active em::before{
}
.accToggler.active em::after{
}

}
<!--
.accToggler{
	/*margin: 3px auto;
	padding: 3px;
	color: #f4f4f4;
	border: 1px solid #fff;
	cursor: pointer;
	background-color: #36F;
	font-size:16px;*/
}
.accContent{
	margin: 0px auto;
	display:none;
}
PRE{
  font-size : 11px;
  line-height : 140%;
}
P{
  font-size : 14px;
}
.accToggler{
	font-size:1.6rem;
	font-weight:700;
	background:#C7E3E6;
	padding:25px 100px;
	margin:10px 0;
	position:relative;
}
.accToggler span{
	font-family: 'Josefin Sans', sans-serif;
	font-weight:700;
	line-height:1;
	font-size:2.4rem;
	position:absolute;
	left:45px;
	top:30px;
}
.accContent{
	font-size:1.4rem;
	padding:25px 100px;
	position:relative;
	display:none;
}
.accContent a{
	color:#405b95;
	text-decoration:underline;
}
.qas dt:after{
}
.accToggler em {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    position: absolute;
    right: 30px;
}
.accToggler em::before,
.accToggler em::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 8%;
  margin: -8% 0 0 -42%;
  background: #000;
}
.accToggler em::after {
  transform: rotate(90deg);
}
.accToggler.active em::before{
  transform: rotate(45deg);
  opacity:0;
}
.accToggler.active em::after{
  transform: rotate(-180deg);
}

-->
@media (max-width: 801px) {
.accToggler{
	/*margin: 3px auto;
	padding: 3px;
	color: #f4f4f4;
	border: 1px solid #fff;
	cursor: pointer;
	background-color: #36F;
	font-size:16px;*/
}
.accContent{
	margin: 0px auto;
	display:none;
}
PRE{
  font-size : 11px;
  line-height : 140%;
}
P{
  font-size : 14px;
}
.accToggler{
	font-size:1.4rem;
	padding:15px 50px;
	margin:10px 0;
}
.accToggler span{
	font-size:1.8rem;
	left:15px;
	top:20px;
}
.accContent{
	padding:5%;
}
.accContent a{
}
.qas dt:after{
}
.accToggler em {
    width: 20px;
    height: 20px;
    right: 0;
	top:50%;
	transform:translate(-50%,-50%);
}
.accToggler em::before,
.accToggler em::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 8%;
  margin: -4% 0 0 -32%;
  background: #000;
}
.accToggler em::after {
}
.accToggler.active em::before{
}
.accToggler.active em::after{
}

}