@charset "UTF-8";
/*global.pioneer 調整 差分*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700");
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
/*
global
------------------------------------------------*/
body {
	font-family: "Noto Sans JP", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
  }

  body > div {
	font-family: "Noto Sans JP", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
  }

  body input, body button, body textarea, body select {
	font-family: "Noto Sans JP", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
  }

  @media screen and (min-width: 897px){
  body {
	font-family: "Noto Sans JP", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;

  }

   body > div {
	font-family: "Noto Sans JP", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;

  }

  body input, body button, body textarea, body select {
	font-family: "Noto Sans JP", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
  }
  }
  .f-sourcesans, .f-copyright {
	font-family: "Source Sans Pro", "Noto Sans JP", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif
  }


@media screen and (min-width: 897px){
	/*.h-glnavlist {
	  margin-left: 150px;
	} 20201027_tn*/
	.h-glnavlist{/*20210402_tn*/
		margin-left: /*150 20220325*//*250 20220708*/190px;
	}
	.f-listStyle03{/*20211118 add tn*/
		margin-top: 4px;
	}
	.f-listStyle03 li.window a {
	  padding-right: 22px;
	}
	 .f-tabContentsWrapper {
	  min-height: 300px;
	}
	.layoutStyle02 .ls02-box .date{
		width: 160px;
	}
	.n-dlStyle01 dt.threeLine{
	  height:76px;
	}
	.f-lnavList li a{
		font-size: 13px;
	}
	 .h-itemName {
	  width: auto;
	  height: 28px;/*20211118 add tn*/
	}

	.ancStyle01 li a, .ancStyle02 li a{
		font-size: 16px;
	}
	.h-itemName__mrP14{/*20211118 add tn*/
		height: 16px;
	}
	.h-searchTrigger input{/*20211118 add tn*/
		padding-bottom: 1px;
	}

	.h-navContentBox li.style_sub.autonomousdriving{/*20220301*/
		top: 111px;
	}

	.h-navContentBox li.style_sub{/*20230612 tn*/
		/*width: 160px; 20230922 tn*/
	}
	.mlP197{
		margin-left: 197px;
	}

	.ptP15{
		padding-top: 15px;
	}
	.wPC100{
		width: 100%;
	}
	.wPC60{
		width: 60%;
	}
	.wPC20{
		width: 20%;
	}
	.f-copyright{
		float: none;
	}
}

@media only screen and (max-width: 896px) {
	.layoutStyle02 .ls02-box .date {
	  width: 10em;
	}
	.style_sub.autonomousdriving{
		border-left: none;
		border-right: #ccc solid 1px;
	}
	.style_sub.home{
		border-right: none;
		border-left: #ccc solid 1px;
	}
	.style_sub.home a{
		border-bottom: #ccc solid 1px;
	}
	.style_sub .n-navlistBox .nav-img{
		background-position:center;
	}
	.h-navContentBox .style_sub .n-navlistBox .arrow {
		font-size: 12px;
		padding-right: 10px;
		padding-left: 0;
	}

}

.i_cvSite:after {
  background-image: url("/en/assets/img/fix_btn_03.svg");
}

.i_cvSite_red:after {
  background-image: url("/en/assets/img/fix_btn_03_r.svg");
}

.i_cvContact:after {
  background-image: url("/en/assets/img/fix_btn_04.svg");
}

.i_cvShop:after {
	background-image: url("/en/assets/img/fix_btn_01.svg");
  }

  .i_cvSupport:after {
	background-image: url("/en/assets/img/fix_btn_02.svg");
  }

body {
  counter-reset: number_en;/*20200624 tn*/
}

.notes03, .notes05 {
  padding-left: 1em;
}


.n-navlistBox .nav-img01 {background-image: url("/en/assets/img/header/nav_img_01.png");}
.n-navlistBox .nav-img16 {background-image: url(/en/assets/img/header/nav_img_16.png);}
.n-navlistBox .nav-img24 {background-image: url(/en/assets/img/header/nav_img_24.png);}
.n-navlistBox .nav-img25 {background-image: url(/en/assets/img/header/nav_img_25.png);}
.n-navlistBox .nav-img27 {background-image: url(/en/assets/img/header/nav_img_27.png);}
.n-navlistBox .nav-img28 {background-image: url(/en/assets/img/header/nav_img_28.png);}
.n-navlistBox .nav-img29 {background-image: url(/en/assets/img/header/nav_img_29.png);}

/*tab global navi adjust 20210811 tn*/

.tab #container{
	min-height: inherit;
}
.icon_tech{
	padding-left: 70px;
	background: url(/en/assets/img/header/icon_tech.svg) no-repeat 32px center;
	background-size: 27px 35px;
}

@media only screen and (max-width: 896px) {/*20220307 tn*/
	/*.h-navContentBox .n-navlistBox.h-nav_piomatix_en{
		height: 200px;
	}
	.n-navlistBox.h-nav_piomatix_en .nav-img {
		width: 150px;
		height: 48px;
		background-size: 150px auto;
		background-repeat: no-repeat;
		margin: 0 auto;
		text-indent: 180%;
		white-space: nowrap;
		overflow: hidden;
	  }
	  .h-navContentBox .n-navlistBox.h-nav_piomatix2{
		height: 220px;
	  }
	  .n-navlistBox .nav-img.nav-imgPiomatix{
		height: 170px;
	  }
*/
.bgWhiteSP{
	background: #fff !important;
	border-bottom: none !important;
	margin-bottom: 2px;
}
#header .h-nav_tech{
background: none;
display: inline;
border: none;
}
.icon_tech{
	padding: 10px 40px;
	background: url(/en/assets/img/header/icon_tech.svg) no-repeat 2px 0;
	background-size: 27px 35px;
}

}

@media only screen and (min-width: 897px) {/*20220307 tn*/

	#header .linkHoverStyle01.wx3{
		width: 585px;
	}

	#header .h-nav_tech{
		width: 390px;
	}

	.h-navContentBox .topics_tech li:not(:last-child) {
		border-right: solid 2px #cfcbef;
	}
	/*.n-navlistBox .nav-img.nav-imgPiomatix{
		height: 76px;
		background-size: 240px;
	}
*/
	.mtP12{
		margin-top: 12px;
	}
	.mtP13{
		margin-top: 13px;
	}
	.mlP18{
		margin-left: 18px;
	}

}
.topics_tech{
	background: rgb(199,210,245);
	background: linear-gradient(-125deg, rgba(199,210,245,1) 0%, rgba(247,209,255,1) 100%);
}
.capLink{
	text-transform:uppercase;
}


.f-listStyle03 li.cookiesettings a {
	padding-right: 30px;
	background: url("/en/assets/img/cookiesetting.svg") no-repeat right 3px;
	background-size: 24px;
	cursor: pointer;
  }