/*
主にITデバイスレンタルサービスページ内
[https://pcnetshop--prins.ssl.owlet.work/service/rental/]
のパーツのカスケードスタイルになります。

・セレクタ名"pcn_lead(87~165行目)"はラジオ日経トップページ
[https://pcnetshop--prins.ssl.owlet.work/radio-nikkei/]
のリードパーツにも応用しております。

・お問い合わせフォームのパーツはセレクタ名"pcn_adrs(564行目以降)"
、レスポンシヴ対応してます。

・flexキットは293-363行目(メディアクエリ処理含む)にあります。

・3列のボックスのwidthは272.5pxにしてます（値を指定してないと
崩れる？）。

・403行目から会社情報のcssです。

*/
button:hover {opacity: 0.7;}

@media screen and (max-width: 768px){
.pcn_nestbox2{
  text-align:center;  
  padding-top:30px;
  background-color:#f7f7f7;
  width:272.5px;
  display:table-row;
  border: 3.75px solid #ffffff;
}


.pcn_adrs button {
	letter-spacing:0.025em;
	/*=F::S=*/
	font-size:1.5em;
	display: inline;
	padding: 5px 10px;
	text-decoration: none;
	color: #ffffff;
	border: double 3px #ffffff;
	border-radius: 5px;
	transition: .4s;
	background: #ff9900;
	}

}
    /*　画面サイズが768pxから1100pxまではここを読み込む　*/
@media screen and (min-width:768px) and ( max-width:1100px) {
    .pcn_nestbox2:nth-child(-n+2){
  text-align:center;  
  padding-top:30px;
  background-color:#f7f7f7;
  width:272.5px;
  border: 3.75px solid #ffffff;
  display:table-cell;
}

.pcn_nestbox2:nth-child(n+2){
  text-align:center;
  padding-top:30px;
  background-color:#f7f7f7;
  width:272.5px;
  display:table-row;
  border: 3.75px solid #ffffff;
}
}

@media screen and (min-width: 1100px){
.pcn_nestbox2{
  text-align:center;  
  padding-top:30px;
  background-color:#f7f7f7;
  width:260px;
  border: 3.75px solid #ffffff;
  /* display:table-cell;
  display:inline-block; */
}
}



/* h3のタイトルバーで他で流用できるもの */

.pcn_rntl2 h3,.pcn_rntl h3,.pcn_kit:first-child h3,.pcn_srvc h3,.prsn_right h3,.pcn_section18 h3,.pcn_access18 h3{
  padding:6px 0px 6px 10px;
  color: #003466;
  margin-top:5px;
  font-weight : bold;
  /*=F::S=*/
  font-size:1.15em;
  border-left-width : 7px;
  border-left-style : solid;
  border-left-color : #003267;
}

/* h1のリード部分 */

.pcn_lead{
	text-align:left;
}

.pcn_lead h1{
    margin:15px 10px 0px 10px;
}

.pcn_lead p{
	font-size:1.05em;
	margin:30px 10px 30px 10px;
	/* position:relative;
	top:30px; */
}

/* lead部分のラジオNIKKEIパーツ */

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

	.pcn_lead{
	display:flex;
	justify-content:center;
	flex-direction: column-reverse;
	}

}

.pcn_lead figure{
	float:right;
}


.pcn_lead div figure{
	position:relative;
	bottom:20px;
}

.pcn_lead figure img{
	position:relative;
	left:-10px;
    
}

.pcn_lead figcaption{
    text-align: right;
    background-image: url("/image/nikkei/rdoNkkIcon.png");
    background-position : 20px 0px;
    letter-spacing:-0.05em;
    background-repeat: no-repeat;
	font-size:1.25em;
	font-weight:bold;
	position:relative;
	bottom:-20px;
	right:20px;

}

.pcn_lead blockquote{
	font-size:1.05em;
	position:relative;
	bottom:20px;

}

.pcn_lead ul{
    position:relative;
    bottom:10px;
    line-height:1.25em;
}


.pcn_lead ul li{
    margin-left:10px;
}

.pcn_lead p description{
	margin-left:-5px;
	line-height:1.25em;
}


/* 2nd peast parts */

#pcn_hTwo{
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
	line-height:1.3em;
}


.pcn_hTwo{
	text-align:center;
	margin:30px auto ;
}


/* h2 menu kit */

h2.pcn_underLine{
	margin-top:15px;
	margin-bottom:10px;
	padding:5px 25px 5px 25px;
	color:#003267;
	/*=F::S=*/
	font-size:1.8em;
	font-weight:bold;
	display:inline-block;
	border-bottom:1px solid #003267;
	line-height:1.3em;
}

h2.pcn_underLine2{
	margin-top:15px;
	margin-bottom:10px;
	padding:5px 25px 5px 25px;
	color:#003267;
	/*=F::S=*/
	font-size:1.8em;
	font-weight:bold;
	display:inline-block;
	border-bottom:2px solid #003267;
	line-height:1.3em;
}

p.pcn_overLine{
	/*=F::S=*/
	font-size:0.8em;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:10px;
	display:inline-block;
	border-top:1px solid #003267;
	line-height:1.3em;
}

h2.pcn_noLine{
	margin-top:15px;
	margin-bottom:10px;
	color:#003267;
	/*=F::S=*/
	font-size:1.8em;
	font-weight:bold;
	line-height:1.3em;
}

/* h2 Item kit */

h2.pcn_ech2{
/*=F::S=*/
font-size:2.9em;
}

sub.pcn_sub{
position:relative;
top:20px;
/*=F::S=*/
font-size:0.45em;
font-weight:bold;
}

.pcn_sub span{font-size:1em;}

/* detail contents kit */

.pcn_rntl{
  width:272.5px;
  margin:0px;
}

.pcn_rntl img{
  margin-bottom:5px;
}

.pcn_rntl p,.pcn_rntl2 p{
  /*=F::S=*/
  font-size:1.15em;
  margin:15px 10px 10px 15px;
}

/* contens 2 column versionA */

.pcn_rntl2{
  width:408px;
}

.pcn_rntl2 img{
  width:400px;
}

.pcn_rntl2 p{
  /*=FS=*/
  font-size:1.15em;
  /* margin:10px 5px 15px 15px;*/
}

.pcn_rntl2 blockquote {
  font-size:1.025em;
  margin:10px 5px 10px 15px;
}

.pcn_rntl2 ul li{
 font-size:1.05em;
  font-weight:bolder;
  margin:20px 0px 5px 15px;
}

/* contens 2 column versionB(２列＋最初の列だけｈ３タイトルつくやつ) */

.pcn_kit h4{ font-size:1.05em;}
.pcn_kit p{ font-size:1.025em;}

.pcn_kit{
    width:380px;
    margin-right:15px;
    margin-left:15px;
}

.pcn_kit:first-child img{
    margin-top:5px;
    
}
.pcn_kit img{margin-top:35px;}

/* flex kit(横並びからガタガタと上や下に落ちるもの) */

@media screen and (min-width: 1080px) {

    .pcn_fleCenWrp{
    	 display:flex;
    	/*justify-content:center;
    	frex-direction: row;*/
    	flex-wrap: wrap;
    	max-width:825px;
    }
}

@media screen and (min-width: 1100px) {
    div.pcn_3Clm_listBtn {
        width:100%;
        margin:0;
        padding:0;
        display:flex;
        justify-content:center;
        flex-wrap:wrap;
        padding-bottom: 65px;
    }
}


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

    .fleCenL{
    clear:both;    
    margin:25px 25px;
    display:flex;
	flex-wrap:wrap;
	}

    div.sosyal{
        position:absolute;
        bottom:-20px;
    }

}

@media screen and (min-width:320px) and ( max-width:520px) {
    
        div.sosyal{
        position:absolute;
        bottom:-40px;
    }

    
}

.fleCenL{
 margin:25px 130px;
 display:flex;
 justify-content:center;
}


.pcn_fleCenWrp{
	 display:flex;
	flex-wrap:wrap;
}

/*.pcn_fleCenWrp2{
	display:flex;
 	justify-content:center;
	flex-wrap:wrap;
	max-width:100%;
}

.pcn_fleCenWrp2　img{
	max-width:100%;
}*/

.pcn_fleSpcWrp{
	 display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}




.pcn_fleSpArWrp{
	 display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
}

.pcn_fleCenWrpR{
	display:flex;
	justify-content:center;
	flex-wrap:wrap-reverse;

}

.pcn_fleCent{
    /* flexテスト用に書き換え可能セレクタ */
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}

.pcn_fleCenWrp .prsn_right{
text-align:left;

}


/* ここから[会社情報]系列のカスケードスタイル。
2列の、floatで画像が回り込むボックス */

.pcn_floatLR{
    display:flex;
    margin-top:20px;
    margin-left:20px;
    margin-right:20px;
}

.pcn_floatLR div{

}

.pcn_floatLR div p{
    margin-bottom:20px;
    line-height:1.65em;
}

.pcn_floatLR div img{
    float:;
    padding-left:15px;
    padding-right:15px;
}
.pcn_floatLR div:first-child{
    margin-top:15px;
    
}

.pcn_section18{
    
}

.pcn_corpTab td p{
    margin-top:15px;
    margin-left:15px;
    margin-bottom:15px;
}

.pcn_corpTab tr{
    border-bottom:dotted 1px #cccccc;
}

.pcn_corpTab td{
	border-right:2px dotted #cccccc;
}

.pcn_corpTab td:last-child {
	border-right:none;
}


.tblnone tr{
    border-bottom:none;
}

.tblnone td{
    border-right:none;
}

.pcn_corpInfo{
    font-size:1.15em;
}

.pcn_corpInfo p{
    margin-top:15px;
    margin-bottom:15px;
    line-height:1.65em;
}

.pcn_corpInfo dt{
    margin-top:10px;
    margin-bottom:10px;

}

.pcn_corpInfo dd{
    padding-left:25px;
    line-height:1.65em;    
}

.pcn_corpInfo p.pcn_smplcntr{
    text-align:center;    
}

.pcn_access18{
    
}


/*  3 column plus list and button(３列＋リスト＋ボタン) begin */

div.pcn_3Clm_listBtn {
    /*width:100%;*/
    margin:0;
    padding:0;
    display:flex;
    /*justify-content:center;*/
    flex-wrap:wrap;
    padding-bottom: 65px;
}

div.pcn_3Clm_listBtn div {
    width: 255px;
    list-style: none;
    padding-bottom: 65px;
    margin-bottom: 0;
    position: relative;
    padding-right:10px;
    padding-left:10px;
}
div.pcn_3Clm_listBtn div img {
    width:100%;
    margin:0;
    padding:0;
}
div.pcn_3Clm_listBtn div h3 {
  padding:6px 0px 6px 10px;
  color: #003466;
  margin-top:5px;
  font-weight : bold;
  /*=F::S=*/
  font-size:1.15em;
  border-left-width : 7px;
  border-left-style : solid;
  border-left-color : #003267;
}
div.pcn_3Clm_listBtn div p {
    margin:15px 20px 25px  20px;
    font-size:1.15em;
}


div.pcn_3Clm_listBtn div dl dt{
     font-size:1.1em;
     line-height:1.15em;
     font-weight:bold;
     border: 1px solid #999999;
     border-bottom:0;
     padding:10px 0px 10px 10px;
}

div.pcn_3Clm_listBtn div dl dd{
     margin-left:0;
     padding-left:10px;
     padding-right:10px;
     border: 1px solid #999999;
     border-top:0;
     border-bottom:0;
     font-size:1.05em;
     line-height:1.35em;

}

div.pcn_3Clm_listBtn div dl dd:last-child{
     padding-bottom:10px;
     padding-left:10px;
     padding-right:10px;
     border: 1px solid #999999;
     border-top:0;
}

div.pcn_3Clm_listBtn div dl dd.lastDd{
     padding-bottom:10px;
     padding-left:15px;
     border: 1px solid #999999;
     border-top:0;
     margin-bottom:1px;

}

div.pcn_3Clm_listBtn div button.realBtn{
    width:262px;
	border-width: 8px;
	border-color:#fff;
	background-color:#efefef;
	/* padding-left:0px; */
	border-style: none;
	font-size:1.35em;
	/*height:45px;*/
	border-right-style: double;
	border-left-style: double;
	color: #000;
	text-align:center;
	padding-top:12px;
	padding-bottom:12px;
    display:;
    position: absolute;
    bottom: 5px;
    left:10px;

}


div.pcn_3Clm_listBtn div button.realBtn a{
	text-decoration:none;
}

div.pcn_3Clm_listBtn div a:hover button.realBtn{
       transition:background 1s,color 1s;
	background-color:#808080;
	color: #fff;
}

/* 3 column plus list and button end  */


/* 詳細ボタン */

.pcn_detailBtn{
	/*width:272.5px;*/
	border-width: 8px;
	border-color:#fff;
	background-color:#efefef;
	padding:5px 16px;
	border-style: none;
	/*=F::S=*/
	font-size:1.3em;
	/*height:45px;*/
	border-right-style: double;
	border-left-style: double;
	color: #000;
  transition:background 1s,color 1s;
}

.active{
	background-color:#195287!important;
	padding-right: 5px;
	color: #fff!important;
}

.pcn_mobile_h .active{
    background : none;
}


a:hover button.pcn_detailBtn {
	background-color:#808080;
	color: #fff;
	cursor: pointer;
	cursor: hand;
}

/* Item Box Kit(販売機器のボックス) */

.pcn_nestbox2 img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.pcn_nestbox2 h3,.pcn_kit h4{
	/*=F::S=*/
	font-size:0.95em;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:15px;
	text-align:left;
	/*position:relative;
	top:10px;*/

}

.pcn_nestbox2 button{
	height:45px;
	color:#ffffff;
	border-style: none;
	background-color: #fd6801;
	width:185px;
	margin-bottom:20px;
}

.pcn_nestbox2 p{
	letter-spacing:-0.05em;
	margin-left:15px;
	margin-right:30px;
	margin-top:-10px;
	margin-bottom:15px;
	font-size:0.9em;
}

.pcn_nestbox2 p span{
padding-left:35px;
}

.pcn_nestbox2 p strong{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	transform: rotate(0deg);
	margin-top:10px;
	margin-bottom:10px;
	font-weight:700;
	/*=F::S=*/
	line-height:1.05em;
	font-size:2.4em;
	margin-left:5px;
}

/* 連絡フォーム */


.pcn_adrs{
	text-align:center;
	/*=L::H=*/
	line-height:3em;
	color:#003267;
}

.pcn_adrs b{
	/*=F::S=*/
	font-size:1.35em;
	font-weight:bolder;
	letter-spacing:0.02em;
}

.pcn_adrs a{
	color:#003267;
	font-weight:bolder;
	text-decoration:none;
	font-size:2.5em;
	letter-spacing:0.05em;
}

.pcn_adrs small{
	font-weight:light;
	letter-spacing:0.05em;
	/*=F::S=*/
	font-size:1.15em;
	position:relative;
	top:-10px;
}

@media screen and (min-width: 768px){
.pcn_adrs button {
	letter-spacing:0.025em;
	/*=F::S=*/
	font-size:2em;
	display: inline;
	/*width:490px;
	height:45px;*/
	padding: 8px 160px;
	margin-bottom:20px;
	text-decoration: none;
	color: #ffffff;
	border: double 3px #ffffff;
	border-radius: 7px;
	transition: .4s;
	background: linear-gradient(90deg, #ff9900 0%, #f17307 50%, #ff9900 100%);
  background-size: 200% 100%;
    }
.pcn_adrs button:hover {
  background-position: 100% 0;
}
}

.pcn_adrs2 button {
	letter-spacing:0.025em;
	/*=F::S=*/
	font-size:2em;
	display: inline;
	/*width:490px;
	height:45px;*/
	padding: 8px 160px;
	margin-bottom:20px;
	text-decoration: none;
	color: #ffffff;
	border: double 3px #ffffff;
	border-radius: 7px;
	transition: .4s;
	background: #119ccf;
    }


.pcn_adrs button p{
    position:relative;
    bottom:0px;
}


/*--- お問い合わせ ---------------------------------------*/

.contact-container {
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.contact-bt {
    background-color:#a3d33c;
	min-width:250px;
	height:80px;
	margin:10px;
	border-radius: 5px;
    position:relative;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, .4) inset,
                
                2px 2px 2px rgba(0, 0, 0, .4);

}

.contact-bt a{
    position:absolute;
	min-width:100%;
	min-height:100%;
	top:0;
	left:0;
	text-align:center;
	line-height: 80px;
	color:#ffffff;
}

.contact-container a:hover{
    opacity: 0.6;
}




/*--- お問い合わせend ---------------------------------------*/
/*--- 展示会ブースご来場御礼  20190204　守田追加-------------*/
.thankyou-container {
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.thankyou-bt-box{
	text-align:center;
	margin-top:10px!important;
	margin-bottom:10px!important;
}

.thankyou-green-bt {
    background-color:#a3d33c;
	min-width:250px;
	height:50px;
	margin:10px;
	border-radius: 5px;
    position:relative;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, .4) inset,
                
                2px 2px 2px rgba(0, 0, 0, .4);

}

.thankyou-orange-bt {
    background-color:#FF6700;
	min-width:250px;
	height:50px;
	margin:10px;
	border-radius: 5px;
    position:relative;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, .4) inset,
                
                2px 2px 2px rgba(0, 0, 0, .4);

}

.thankyou-green-bt a,.thankyou-orange-bt a{
    position:absolute;
	min-width:100%;
	min-height:100%;
	top:0;
	left:0;
	text-align:center;
	line-height: 50px;
	color:#ffffff;
}

.thankyou-container a:hover{
    opacity: 0.6;
}


/*--- 展示会ブースご来場御礼 end 20190204　守田追加-----*/
/*--- コラム記事　start 20210331　守田追加-----*/
.pcn_indent-1{
    padding-left:1em;
    text-indent:-1em;
}
.pcn_column-ol li{
    list-style-type: decimal;
    margin-left: 2em;
}

/*--- コラム記事　end 20210331　守田追加-----*/
/*--- パスザバトン　start 20220613　守田追加-----*/
.flex-pass3retu{
   display: flex; 
   justify-content:center;	
}

@media(max-width: 768px){
 .flex-pass3retu {
   flex-direction:column;
  }
}
/*--- パスザバトン　end 20220613　守田追加-----*/

/*---キッティングページ　start 20220830 横山追加-----------------*/
.devdev_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: space-around;
}
.devdev_container>.title_card {
    background-color: #005cad;
    color: #fff;
}
.dev-container{
display:flex; 
flex-wrap:wrap; 
flex-direction: row;
justify-content:space-around;
background-color:#ffffff;
}
.card {
    width: calc(25% - 2px);
}
@media screen and (max-width:480px){
    .card{
        width:50%;
    }
    .title_card{
        width:100%;
    }
    .title_card {
        display: block;
        width: 100%;
        margin: 1px 5px;
    }
}
@media screen and (max-width: 320px) {
    .title_card {
        display: block;
        width: 100%;
        margin: 1px 5px;
    }
}
/*---キッティングページ　20220830 end 横山追加-----------------*/

/*--- パシフィックネットITADのフロー図　start 20230324　守田追加-----*/

.flow-step{
  list-style-type: none;
  padding:0;
  margin:0;
}

.flow-step li{
  position: relative;
  width:197px;
  background: #dbeff8;
  padding: 1em;
  margin-bottom: 1em;
  text-align:center;
  color: #fff;
}

.flow-step li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 50px;
  right: -11px;
  border-style: solid;
  border-color: transparent transparent transparent #dbeff8;
  border-width: 10px 0px 10px 10px;
  z-index: 1;
}

.flow-step li:last-child:after{
  display:none;
}

@media(max-width: 768px){
 .flow-step li:after{
   display:none;
 }
}

/*--- パシフィックネットITADのフロー図　end 20230324　守田追加-----*/