@charset "utf-8";
sup{
	font-weight : bold;
}
h5{
	margin : 30px 0 20px;
}
.sub_info .table-area img{
	display : block;
	margin : auto;
	float : none;
	width : auto;
}
.sub_info img.kijyun{
	float : none;
	width : 50%;
	margin : 0 auto 25px;;
	display : block;
}
/* 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;
	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%;
}

.text-body p{
  text-indent: 1em;
}

img.icon-a{
	float : left;
	width : 52px;
	margin-bottom : 5px;
}
.detail p{
	font-size : 16px;
	line-height : 1.5em;
	letter-spacing : 3px;
	margin-bottom : 1em;
}
.table-area .pdf-dl img{
	width : 30px;
	position : relative;
	top : 8px;
	margin-right : 10px;
	float : none;
	display : inline;
}
.detail ol{
	margin-top : 5px;
}
.detail ol li{
	margin-bottom : 20px;
}
.detail ol li h4{
	font-size : 15px;
	margin-bottom : 10px;
	line-height : 1.5em;
}
.detail ol li p{
	float : none;
}
.p-textarea ol.ishi li ul{
	margin-bottom : 60px;
	line-height : 1.5em;
}


/*************************************************************************************
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;

}


/*************************************************************************************
推奨文
*************************************************************************************/
.suisyo
 {
font-size : 17px;
margin-bottom:10px;
padding-top:10px;

}
.suisyo_title {
color: #0033CC;/*文字色*/
font-size : 16px;
padding: 0.5em 0;/*上下の余白*/
}

.suisyo_honbun {
color: #0033CC;/*文字色*/
padding: 0.5em 0;/*上下の余白*/
margin-left:20px;
}

.suisyo ul{
	margin-top : 5px;
	line-height : 1.5em;
	
}
.suisyo ul li{
	margin-bottom : 10px;
	margin-left:30px;
	list-style-type: square;
	line-height : 1.5em;
	font-size : 16px;
	}
	
.suisyo_red {
color: #FF3300;/*文字色*/
}

/*___________________________________________________________________________________________________________________
レスポンシブ
___________________________________________________________________________________________________________________*/
@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;
	line-height : 1.5em;
	padding-bottom : 25px;
	border-bottom : 1px dotted #ff6699;
}

a:hover {

color:#0F0AD1;
text-decoration:underline;

}



.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 a{
	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;
}
}/* @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;
	line-height : 1.5em;
	margin-bottom : 35px;
	padding-bottom : 25px;
	overflow : hidden;
	border-bottom : 1px dotted #ff6699;
}
.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;
}
}/*@media max-1023px_end 
___________________________________________________________________________________________________________________*/

@media screen and (max-width: 768px){
.sub_info .table-area img,
.sub_info img.kijyun{
	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: 480px){
.detail h3{
	font-size : 16px;
	padding : 0 10px;
}
.detail h3 img{
	margin : 1px 15px 30px 0 ;
}
.detail p{
	font-size : 15px;
}
.detail .p-textarea{
	padding : 20px 10px 10px;
}
}

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

}
