/*=======================================================*/
/* お問い合わせ窓口 調整 20200213 tn 仮置き*/
/*=======================================================*/

@import url("https://jpn.pioneer/ja/support/purpose/template/css/notice.css");

#container_pec .f-sourcesans, #container_pec .txtStyle03 {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif !important
}
#container_pec .s-supportBlock01 h4{
	font-size: 18px;
	color: #333;
	text-align: left;
	margin-bottom: 15px;
	margin-left: 6px;
	line-height: 1.2;
}
#container_pec .s-supportBlock01 .icon img{
	display: none !important;
}
#container_pec .s-supportFlex .txt{
	color: #B91440;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}
#container_pec .s-supportFlex .txt.lh1_5{
	font-weight: normal;
	font-size:0.9em !important;
	line-height: 1.5;
	margin-bottom: 20px;
}
#container_pec .s-supportFlex .txt a{
	color: #333;
	font-size: 30px;
	display: inline-block;
	min-width: 8.4em;
}
#container_pec .s-supportFlex .txt span.tell_size{
display: inline-block;
	width: 108px;
	text-align: center;
	color: #333;
	font-size: 17px;
}
#container_pec .s-supportFlex .cellBlock .txt span.tell_size{
	position: absolute;
}
#container_pec .s-supportFlex .tellBlock .txt .fzP30{
	color: #333 !important;
}
#container_pec .s-supportFlex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}
#container_pec .cellBlock.ptP32{
	padding-top: 10px !important;
}
#container_pec dl.numBlock dt:first-child{
	color: #B91440;
	font-size: 14px;
	font-weight: bold;
}
#container_pec dl.numBlock dd.f-sourcesans{
	font-size: 18px;
	font-weight: bold;
}
#container_pec dl.numBlock dd.f-sourcesans span.small{
	font-size: 12px;
	font-weight: bold;
}
#container_pec dl.numBlock dd.f-sourcesans.flexSP a{
	font-size: 20px;
	margin-bottom: 5px;	
}
#container_pec dl.numBlock dd.f-sourcesans.flexSP span.small{
	font-size: 14px;	
}
#container_pec dl.numBlock .flex dt{
	color: #333 !important;
	font-weight: bold;
	margin-right: 10px;
	padding-top:3px;
}
#container_pec p.s-supportBlock02_attention{
	color: #B91440;
	padding-top: 0 !important;
	font-size: 0.9em;
}
@media only screen and (max-width: 768px) {
	
	#container_pec .s-supportFlex .txt span.tell_size{
		display: block;
		width: 100%;
		text-align: left;
	}
	
	#container_pec .s-supportFlex {
		display: block;
	}
	#container_pec .s-supportBlock01 h4{
		margin-left: 0;
	}
#container_pec .s-supportFlex .txt a{
	display: block;
	}
}

#container_pec .s-supportFlex_item, #container_pec .s-supportBlock02Flex_item {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	width: 361px;
	padding: 0 6px;
}

#container_pec .s-supportFlex_item h3.txtStyle03{ 
	padding-top: 0 !important;
}

@media only screen and (max-width: 768px) {
	#container_pec .s-supportFlex_item {
		width: 100%;
		padding: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
#container_pec .s-supportFlex_item:first-child {
	border-right: 1px solid #ffffff;
}
@media only screen and (max-width: 768px) {
	#container_pec .s-supportFlex_item:first-child {
		border-right: none;
	}
}
#container_pec .phoneList_item {
	border-bottom: 1px solid #ccc;
	border-left:  1px solid #ccc;
	border-right:  1px solid #ccc;
	border-collapse: collapse;
	/*padding: 10px 0;*/
	display: -webkit-box;  
	display: -ms-flexbox;
	display: flex;
}
#container_pec .phoneList_item:first-child {
	padding-top: 0;
	border-top: none;
	border-left: none;
	border-right: none;
}
@media only screen and (max-width: 768px) {
	#container_pec .phoneList_item:first-child .phoneList_title {
		width: 100%;
	}
}
#container_pec .phoneList_item:last-child {
	padding-bottom: 0;
}
#container_pec .phoneList_title {
	width: 170px;
    margin-right: 10px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	background: #E6E6E6;
	padding: 5px;
	text-align: center;
	border-right: 1px solid #ccc;
}
#container_pec .phoneList_title.taCSP{
		border-right:none;
}
#container_pec .phoneList_item:first-child .phoneList_title{
	font-size: 18px;
	background: #fff;
	text-align: left !important;
	padding: 0 0 2px 0;
}

@media only screen and (max-width: 768px) {
	#container_pec .phoneList_title {
		width: 50%;
		font-size: 14px;
	}
	
#container_pec .phoneList_item:first-child .phoneList_title{
	margin-top: 10px;
}
}

#container_pec .phoneList_data {
	line-height: 1.18;
	color: #B91440;
	padding: 8px 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 178px;
	vertical-align: middle;
}


@media only screen and (max-width: 768px) {
	#container_pec .phoneList_data {
		font-size: 14px !important;
	}
}
#container_pec .phoneList_data.small {
	font-size: 14px;
}

#container_pec .s-supportBlock02{
	margin-bottom: 40px;
}

#container_pec .s-supportBlock02Flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 20px 0;
}

@media only screen and (max-width: 768px) {
	#container_pec .s-supportBlock02Flex {
		display: block;
		padding: 25px 0;
	}
}

/*.s-supportBlock02Flex_item {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 50%;
	padding: 0 30px 0 0;
	min-height: 139px;
}*/

@media only screen and (max-width: 768px) {
	#container_pec .s-supportBlock02Flex_item {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

#container_pec .txtStyle03{ 
	padding-top: 0 !important;
	color: #B91440;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	line-height: 1.4;
	padding-bottom: 3px !important;
}
/*link 調整*/
#container_pec .linkStyle01, #container_pec .linkStyle01_white {
	-webkit-transition: all .2s;
	transition: all .2s;
	background: #666;
	color: #fff !important;
	font-size: 14px;
	font-weight: normal;
	border: none;
	width: 100% !important;
	border-radius: 10px;
	padding:8px 0 ;
}
#container_pec .linkStyle01:hover, #container_pec .linkStyle01_white:hover{
	background: #000 !important;
}
 #container_pec .linkStyle01.window:before, #container_pec .linkStyle01_white.window:before, #container_pec .linkStyle01.window:hover:before, #container_pec .linkStyle01_white.window:hover:before {
	content: "";
	width: 10px;
	height: 10px;
	background: url("https://jpn.pioneer/assets/img/icon_blank_w.png") left no-repeat;
	background-size: 10px;
	display: inline-block;
	margin-right: 7px;
}
#container_pec .linkStyle01.window:after, #container_pec .linkStyle01_white.window:after, #container_pec .linkStyle01.window:hover:after, #container_pec .linkStyle01_white.window:hover:after{
	background: none;
}
/*.ptS20{
 padding-top: 0 !important;
}*/
#container_pec .bdBSP_gray{
	border: none;
}
#container_pec .s-supportBlock02Flex_item .spOnly{
	display: none !important;
}
#container_pec .grid3_pec .taC{
	text-align: left !important;
}
@media only screen and (min-width: 768px) and (max-width: 896px) {
 #container_pec .ptS30 {
  padding-top: 0 !important;
}
#container_pec .fszSP04 {
  font-size: 14px !important;
}
}

.border_top_none_pec{
	border-top: none;
}