/* スティッキー分アンカーリンクをずらす
:target:before {
   content:"";
   position: relative;
   display:block;

   margin:-70px 0 0;
   padding-top:70px;
}
 */

@media screen and (min-width: 950px) {
	.navi2 li:nth-child(n+1):nth-child(-n+6){
		background-position: 15% 0px;
	}
}
/*
@media screen and (min-width: 950px) and (max-width: 950px) {
	.navi2 li a p{
	    left:12.5%;
	}
}
*/
@media screen and (min-width: 750px) and (max-width: 950px) {
	.navi2 li a p{
	    left:10%;
	}
}

@media screen and (min-width: 750px) and (max-width: 950px) {
	.navi2 li:nth-child(n+1):nth-child(-n+6){
	    background-position: 11.25% 0px;
        background-size: 23%;

	}
}

.info p {
 font-size:18px;
 font-weight:normal;
 float:left;
 display:flex;
 align-items:center;
 margin-left:-15px;
 margin-top:22px;
}

@media screen and (max-width: 1100px) {
    .top {
 height:30px;
 width: 100%;
 margin:0 auto;	
}
.top p {
    width:37%;
 padding-top:6px;
 margin-left:15px;
 font-size:9px;
}

    .info {
 width: 100%;
 height:74px;
 margin:0px auto;
 position:relative;
 left:10px;
}

.info p {
 width:45%;
 font-size:14px;
 font-weight:normal;
 float:left;
 display:flex;
 align-items:center;
 /*0823 13:19*/
 margin-left:0px;
 margin-top:22px;
}

.top ul li{
 margin-top:-6px;
    
}   
.top ul{
 margin-top:-14px;
 margin-right:13px;
}

.navi2{
    position:relative;
    left:10px;
}

    .navi2 li {
     width:16.67%;
     text-align:center;
    }

    
}

/* 一番上の企業メニュー */


PCN18_header{
}

.gray {
 background-color:#f4f4f4;
 width:100%;
}

.choco {
 background-color:#2e2c2d;
 width:100%;
}

.top p.creap{
     color:#ffffff;
}

/*
.pcn_mobile_h
*/
.pcn_mobile_h{
height:60px;
width:100%;
background-color: rgba(255,255,255,0.7);
}

/* mobile sticky  */
.sticky {
height:60px;
position: fixed;
width:100%;
/* background-color:#ffffff;  */
background-color: rgba(255,255,255,0.7);
z-index:14;
top: 0;
}

@media screen and (min-width: 1100px) {
    .top {
     height:30px;
     max-width:1300px;
     margin:0 auto;	
}
    .info {
     max-width:1300px;
     height:74px;
     margin:0px auto;
}

    .top p {
     padding-top:6px;
     margin-left:-15px;
     font-size:9px;
}

    .navi2 li {
     width:182px;
     text-align:center;
    }

.top ul{
 margin-top:-14px;
 margin-right:13px;
}

}


.info .shop{
 margin-right:15px;
}

/*  ulではマイナスの位置指定をしないと崩れる　*/
/*  float：rightをul側に指定すると崩れる　*/
.top li {
 margin-top:3px;
 margin-right:10px;
 float:right;
 font-size:14px;
 line-height:16px;
 padding:0px 12px 0px 20px;
 border-left:1px solid #333;
}

.top ul.cream li{
     border-left:1px solid #fff;
}
.top ul.cream li a {
 text-decoration:none;
 color:#fff;
}

.top li:first-child,.top ul.cream li:first-child{
 padding-right:0;
}
 
.top li:last-child,.top ul.cream li:last-child {
 padding-left:0;
 border-left:none;
}

.top li a {
 text-decoration:none;
 color:#333;
}
/* 真ん中のインフォ欄 */

.info img{
 margin-left:5px;
}

/*{.info shop}ではなく{.info .shop}と指定する事で
htmlのcss依存性が強まる模様。 */
.info .shop {
 position: relative;
 top:2px;
 float:right;
 /* 会員様ログイン等に今後注釈を入れたい場合は以下をコメントアウト
 font-size:10px;
 text-align:right;*/
}
/* 一番下のメインメニュー */
.navi2{
  background: -moz-linear-gradient(left, #10447d 25%, #4599b1 60%, #4599b1);
  background: -webkit-linear-gradient(left, #10447d 25%, #4599b1 60%, #4599b1);
  background: linear-gradient(to right, #10447d 25%, #4599b1 60%, #4599b1);
  width:100%;
  height:45px;
  border-bottom-color: #ffffff;
  border-bottom-style:solid;
border-bottom-width:1px;
  margin:0 auto;
}
/* margin-left:-2%指定でヘッダ左端が何故か全て揃う */
.navi2 ul {
 display:flex;
 justify-content:center;
 margin-left:-2%;
 height:45px;

}

.naviC{
  background: -moz-linear-gradient(left, #10447d 25%, #4599b1 60%, #4599b1);
  background: -webkit-linear-gradient(left, #10447d 25%, #4599b1 60%, #4599b1);
  background: linear-gradient(to right, #10447d 25%, #4599b1 60%, #4599b1);
  width:100%;
  height:45px;
  margin:0 auto;
  border-bottom:1px solid #d2e4e8;
  border-top:1px solid #d2e4e8;
}
/* margin-left:-2%指定でヘッダ左端が何故か全て揃う */
.naviC ul {
 display:flex;
 justify-content:center;
 margin-left:-2%;
 height:45px;

}

.naviC li {
 width:182px;
 text-align:center;
}

.navi2 li:first-child,.naviC li:first-child{background-color:#10447d;}
.navi2 li:nth-child(2),.naviC li:nth-child(2){background-color:#175691;}
.navi2 li:nth-child(3),.naviC li:nth-child(3){background-color:#1c6a98;}
.navi2 li:nth-child(4),.naviC li:nth-child(4){background-color:#2f7b9f;}
.navi2 li:nth-child(5),.naviC li:nth-child(5){background-color:#388dac;}
.navi2 li:last-child,.naviC li:last-child{
    background-color:#4599b1;
    border-left:1px solid #d2e4e8;
    border-right:1px solid #d2e4e8;
}

.navi2 li:first-child{
    background-image: url(/image/kiki2.png);
    background-repeat:no-repeat;
}
.navi2 li:nth-child(2){
    background-image: url(/image/settei2.png);
    background-repeat:no-repeat;
}
.navi2 li:nth-child(3){
    background-image: url(/image/unyou2.png);
    background-repeat:no-repeat;
}
.navi2 li:nth-child(4){
    background-image: url(/image/shokyo2.png);
    background-repeat:no-repeat;
}
.navi2 li:nth-child(5){
    background-image: url(/image/solution2.png);
    background-repeat:no-repeat;
}
.navi2 li:last-child{
    background-image: url(/image/casestudy2.png);
    background-repeat:no-repeat;
}

.navi2 li:nth-child(n+1):nth-child(-n+5),.naviC li:nth-child(n+1):nth-child(-n+5){
  border-left:1px solid #d2e4e8;
}

/*  一番下のメインメニュー直下のスライドや表題には
{position:relative;top:-16px;}
を指定。ぴったりくっついて表示されなくなる。 */
.navi2 li p{
 position: relative;
 font-size:1.25em;
 top:15px;
 left:6px;
}

.naviC li p{
 position: relative;
 font-size:1.25em;
 top:15px;
 left:0px;
}

.navi2 li a,.naviC li a { text-decoration: none;}
.navi2 li a:hover,.naviC li a:hover { text-decoration: none;}
.navi2 li a:link,.naviC li a:link{ color: #ffffff; }
.navi2 li a:visited,.naviC li a:visited { color: #ffffff; } 



/*  新ヘッダー */


#pcn_header2 {
    max-width: 1400px;
    margin-top:0;

}


.header2_bloc {
    max-width: 1400px;
    margin: 0 auto;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    padding:10px 20px;
}

    .top2 {
        width:50%;
     text-align:left;
}
    .top2_navi {
        width:50%;
     text-align:right;
}

    .info2_logo {
         width:30%;
     text-align:left;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
}

    .info2_contact {
    width:70%;
    text-align:right;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    align-items:center;
     
    }
    
    .info2_contact a:hover .header_contact,
    .info2_contact a:hover .header_column {
        opacity: 0.8;
    }
    
    .info2_contact .header_contact {
        color: #fff;
        padding: 12px 10px;
        border-radius: 30px;
        background-color: #ff9900;
        font-size: 18px;
        width: 260px;
        text-align: center;
        margin: 0 5px;
        letter-spacing: 0.03em;
        text-shadow: 0 2px 3px #808080;
    }
    
    .info2_contact .header_column {
        color: #fff;
        padding: 12px 10px;
        border-radius: 30px;
        background-color: #195287;
        font-size: 18px;
        width: 260px;
        text-align: center;
        margin: 0 5px;
        letter-spacing: 0.03em;
        text-shadow: 0 2px 3px #808080;
    }

    .top2 p {
     padding-top:6px;
     margin-left:-15px;
     font-size:9px;
}