@charset "utf-8";
.sub_info .table-area img{
	display : block;
	margin : auto;
	float : none;
	width : auto;
}
/* Q&A */
.read_more{
	display : block;
	position : relative;
	width : 100px;
	padding : 5px 0;
	float : right;
	margin-top : 10px;
	color : #fff;
	background : #f69;
	border : 1px solid #f69;
	border-radius : 4px;
	text-align : center;
}
.read_more:hover{
	color : #f69;
	background : #fff;
}
/* 詳細ページ */
.detail h3{
	font-size : 22px;
	font-weight : normal;
	line-height : 1.4em;
	margin-bottom : 35px;
	text-align : justify;
	color : #ff6699;
}
.detail h3 img{
	position : relative;
	float : left;
	width : 52px;
	top : 2px;
	margin-right : 15px;
	margin-bottom : 30px;
}
.detail .p-textarea{
	border-top : 1px solid #fcc5d9;
	padding : 30px 0 0;
	margin-top : 15px;
	width : 100%;
	overflow : hidden;
}
.text-body{
	float : right;
	width : 93%;
}


img.icon-a{
	float : left;
	width : 52px;
	margin-bottom : 5px;
}
.detail p{
	font-size : 16px;
	line-height : 1.5em;
	letter-spacing : 3px;
	text-align : justify;
	margin-bottom : 1em;
}
.table-area .pdf-dl img{
	width : 30px;
	position : relative;
	top : 8px;
	margin-right : 10px;
	float : none;
}
.detail ol{
	margin-top : 5px;
}
.detail ol li{
	margin-bottom : 40px;
}
.detail ol li h4{
	font-size : 18px;
	margin-bottom : 10px;
}
.detail ol li p{
	float : none;
}
.table-area .pdf-dl img{
	width : 30px;
	position : relative;
	top : 8px;
	margin-right : 10px;
	float : none;
	display : inline;
}
/* Q10img */
.illustrate img{
	display : block;
	margin-top : 10px;
}


/*************************************************************************************
pdfリンクボタン
*************************************************************************************/

.sub_info .botan-area img{
	display : block;
	margin : auto;
	float : none;
	width : auto;
	margin-bottom : 20px;
	max-width: 100%;

}

  
.sub_info .botan-area img:hover{
	opacity: .8;
position:relative;
top:1px;
left:1px;

}

/*************************************************************************************
テキストリンク
*************************************************************************************/
.text-body a:link {
color:#1111cc;
text-decoration:none;
}

.text-body a:visited {
color:#80008b;
text-decoration:none;
}

.text-body a:hover {
color:#0F0AD1;
text-decoration:underline;
}

.text-body a:active {
color:#CC0000;
text-decoration:none;
}


/*___________________________________________________________________________________________________________________
インデント（1文字下げる）
___________________________________________________________________________________________________________________*/
.text-body p{
  text-indent: 1em;
}

/*___________________________________________________________________________________________________________________
レスポンシブ
___________________________________________________________________________________________________________________*/
@media screen and (min-width: 1024px){
/*************************************************************************************
Q&A
*************************************************************************************/
.sub_info .qa-text dl{
	color : #666565;
	overflow : hidden;
}
.sub_info .qa-text dt{
	color : #ff6699;
	font-size : 14px;
	margin-bottom : 20px;
	overflow : hidden;
}
.sub_info .qa-text dd{
	font-size : 14px;
	line-height : 1.5em;
	padding-bottom : 25px;
	margin-bottom : 35px;
	border-bottom : 1px dotted #ff6699;
	overflow : hidden;
}
.sub_info .qa-text dd:last-child{
	border : none;
}
.sub_info .qa-text dl img,
.sub_info .qa-text dd img{
	float : left;
	margin-right : 10px;
	margin-top : 10px;
}
.sub_info .qa-text dl span,
.sub_info .qa-text dd span{
	float : left;
	width : 90%;
	text-align : justify;
	margin-top : 5px;
	line-height : 3em;
	font-size : 20px;
}
.sub_info .qa-text dd span{
	text-overflow : ellipsis;
	overflow : hidden;
	white-space : nowrap;
	position : relative
}
.sub_info .qa-text dl span.twoline{
	line-height : 1.5em;
	margin-top :10px;
}
/* Q10img */
.sub_info  .illustrate img{
	display : block;
	margin-top : 10px;
	width : auto;
}
}/* @media min-1024px_end 
___________________________________________________________________________________________________________________*/

@media screen and (max-width: 1023px){
/*************************************************************************************
Q&A
*************************************************************************************/
.sub_images{
	width : 100%;
	max-width : 1200px;
	margin : 0 auto 40px;
}
.sub_images img{
	width : 100%;
}
.sub_info .qa-text dl{
	color : #666565;
	overflow : hidden;
}
.sub_info .qa-text dt{
	color : #ff6699;
	font-size : 14px;
	margin-bottom : 20px;
	overflow : hidden;
}
.sub_info .qa-text dd{
	font-size : 14px;
	line-height : 1.5em;
	padding-bottom : 25px;
	margin-bottom : 35px;
	border-bottom : 1px dotted #ff6699;
	overflow : hidden;
}
.sub_info .qa-text dd:last-child{
	border : none;
}
.sub_info .qa-text dl img,
.sub_info .qa-text dd img{
	float : left;
	margin-right : 10px;
	width : 35px;
}
.sub_info .qa-text dl span,
.sub_info .qa-text dd span{
	float : left;
	width : 90%;
	text-align : justify;
	margin-top : 10px;
}
.sub_info .qa-text dl span.twoline{
	margin : 0;
	line-height : 1.5em;
}
.sub_info .qa-text dd span{
	text-overflow : ellipsis;
	overflow : hidden;
	white-space : nowrap;
	position : relative
}
.detail img.icon-a{
	width : 52px;
	margin-bottom : 5px;
}
/* Q10img */
.sub_info  .illustrate img{
	display : block;
	margin-top : 10px;
	width : auto;
	float : none;
}
}/*@media max-1023px_end 
___________________________________________________________________________________________________________________*/

@media screen and (max-width: 768px){
.sub_info .table-area img{
	width : 100%;
}
.table-area .pdf-dl img{
	width : 30px;
}
.text-body{
	width : 90%;
}
}/* @media max-768px_end
___________________________________________________________________________________________________________________*/

@media screen and (max-width: 767px){
/*************************************************************************************
Q&A
*************************************************************************************/
.qa-text{
	padding : 0 10px;
}
.sub_info .qa-text dt,
.sub_info .qa-text dd{
	font-size : 14px;
	line-height : 1.5em;
}
.sub_info .qa-text dt{
	color : #ff6699;
	margin-bottom : 20px;
}
.sub_info .qa-text dd{
	color : #666565;
	margin-bottom : 30px;
	padding-bottom : 20px;
	border-bottom : 1px dotted #ff6699;
}
.sub_info .qa-text dd:last-child{
	border : none;
}
.sub_info .qa-text dl img,
.sub_info .qa-text dd img{
	width : 20px;
}
.sub_info .qa-text dl span,
.sub_info .qa-text dd span{
	margin-top : -2px;
	width : 89%;
}
.sub_info .qa-text dl span.twoline{
	margin-top : -2px;
}
.detail p{
	float : none;
}
.text-body{
	float : none;
	width : auto;
	padding : 0 20px 0 10px;
}
.detail h3{
	font-size : 16px;
}
}/* @media max-767px_end
_____________________________________*/
@media screen and (max-width: 580px){
/* Q10img */
.sub_info  .illustrate img{
	display : block;
	margin-top : 10px;
	width : 100%;
	float : none;
}
}

@media screen and (max-width: 480px){
.detail h3{
	font-size : 16px;
	padding : 0 10px;
}
.detail h3 img{
	margin : 1px 15px 20px 0 ;
}
.detail p{
	font-size : 15px;
}
.detail .p-textarea{
	padding : 20px 10px 10px;
}
}

@media screen and (max-width: 320px){

}