@charset "UTF-8";

/* ++++++++++++++　　　トップページ（index.php）　　　++++++++++++++++++*/



/*******************************************************
　　●●●
*******************************************************/

/*=============== ●●● ===============*/

/*********************************
●●● 
*********************************/

/*******************************************************
   共通指定
*******************************************************/







/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　全てのスクリーンサイズで適用される設定・モバイルファースト
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */



.cachlogo{
	
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	margin-bottom: 100px;
	
}


.cachlogo img{
	width: 100%;
	max-width: 700px;

}

/* 　キャッチイメージ*/

.catch-img-back{
	background-image:url("../images_2022/p_00_01_img_01_back.png");
	width: 100%;
}

h2.catch-img-pc,
h2.catch-img-smp{
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	
}
h2.catch-img-pc img,
h2.catch-img-smp img{
	width: 100%;
}

/* 　キャッチイメージ*/

/* catch-img-pc*/
.catch-img-pc{
	display: none;
}
/* catch-img-smp*/
.catch-img-smp{
	display: block;
	
}


/* 　キャッチコピー*/
.catch-copy-back{
	width:100%;
	background-color: #0a1c43;
}


/*　max-width: 1000pxの内枠　*/

.catch-copy-text{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
	padding:10px 10px;
}

.catch-copy-text em{
    font-size: 18px;
    color: #fbe967;
}





/* 　キャッチコピー*/

/* h3.catch-copy-pc*/
h3.catch-copy-pc{
	display: none;
}








/*　max-width: 1000pxの内枠　*/
.interview-waku{
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom:60px;
	padding:0 10px;

}

/*　インタビュー案内　*/

.interview-title{
	border-radius: 30px;
	border:1px #234c88 solid;
	text-align: center;
	color:#0a1c43;
	font-size:20px;
	font-weight:bold;
	padding:10px 20px;
	max-width:300px;
	margin:0 auto;
}

p.interview-lead{
	color:#1B1A1A;
	font-size:14px;
	text-align: center;
	max-width:800px;
	margin:20px auto;
}


/*　インタビューボタン　*/


.interview-btn a{
	background-color: #234c88;
	max-width: 400px;
	margin:0 auto;
	text-align: center;
	color:#FFF;
	font-size:18px;
	font-weight: bold;
	padding:10px;
	text-decoration: none;
	display: block;
}





/*透過*/
.interview-btn a:hover,
.flow-btn a:hover,
.bussiness-waku-1 li a:hover,
.bussiness-waku-2 li a:hover{
	opacity: 0.7 ;	
}




/*=============== 大見出し共通指定 ===============*/

/*contentsbase000.cssに記述*/





/*=============== 下向き三角  ===============*/

/*contentsbase000.cssに記述*/









/*=============== 見出し下、リードテキスト共通指定 ===============*/
.lead-text1{
    font-size: 17px;
    font-weight: bold;
    line-height: 140%;
    color: #0a1d42;
    text-align: center;
    padding: 0 5px;
}





/*******************************************************
　　リードキャッチ1（kato）／リードキャッチ2（uchiyama）
*******************************************************/

/*********************
　　リードキャッチ1（kato）
**********************/



.lead-c1-waku{
   padding-bottom: 20px;
}

/*　max-width: 1000pxの内枠　*/
.lead-c1{
    padding-top: 20px;
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    clear:both;
}




/*　人と肩書きタグ　*/
.lead-c1__man{
    padding-left: 5px;
    padding-right: 5px;
}


.lead-c1-img{
    float: left;
    width: 75px;
    height: 100px;
    background: url("../images_2022/000_01_02.png") no-repeat;
    background-size: 70px;
    
}

/*　タグc1,c2共通指定　*/
.lead-c1-tag,
.lead-c2-tag{
    float: left;
    width: 225px;
    
}

.lead-c1-tag img,
.lead-c2-tag img{
    width: 225px;
}



/*　テキスト部分　*/
.lead-c1__text{
    clear: both;
    
}

.lead-c1-title{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    border-top: dotted 1px #999;
    border-bottom: dotted 1px #999;
    
}

.lead-c1-title img{
    width: 100%;
    max-width: 577px;
    
}

.lead-c1-text{
    font-size: 14px;
    line-height: 160%;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;   
}

.lead-c1-text em{
    color: #234c88;
}






/*ボタン位置指定*/
.btn01-waku1,
.btn02-waku1{
    width: 95%;
    max-width: 310px; 
    margin-left: auto;
    margin-right: auto;
}







/*********************
　　リードキャッチ2-2（uchiyama）
**********************/
.lead-c2-waku{
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #57a8c8;
}



.lead-c2-cach{
    width: 95%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}


.lead-c2-cach img{
    width: 95%;
    max-width: 850px;
    width: 100%;
}


/*　max-width: 1000pxの内枠　*/
.lead-c2{
    padding-top: 20px;
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    clear:both;
}



/*　人　*/
.lead-c2__man{
    padding-left: 5px;
    padding-right: 5px;
}


.lead-c2-img{
    float: left;
    width: 75px;
    height: 100px;
    background: url("../images_2022/000_02_02.png") no-repeat;
    background-size: 70px;
    
}


/*　テキスト部分　*/
.lead-c2__text{
    clear: both;
    
}


.fukidashi01{
    width: 95%;
    max-width: 640px;
    background-color: #fff;
    border-radius: 14px;
    margin-left: 10px;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}


.fukidashi-txt{
    font-size: 18px;
    line-height: 160%;
    font-weight: bold;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
}


.f24{
    font-size: 24px;
}


.fukidashi-arw{
    display: none;
}




/*******************************************************
　　知財戦略チームの活用方法
*******************************************************/
.p-team-use-waku{
    width: 100%;
    margin-bottom: 40px;
}


.p-team-use{
    width: 100%;
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
}

.p-team-use-text1 img{
    display: block;
    width: 95%;
    max-width: 336px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}


/*flexbox指定*/
.p-team-use-ul{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    flex: 1 0 20%;
}

.p-team-use-ul li{
    margin: 0 10px 20px 10px;
    
}


.use-link{
    display: block;
    max-width:322px;
    width:100%;
    height:auto;
}




/*バックグラウンド背景指定*/
.p-team-use-ul li{
	max-width:320px;/* 　適宜　max-width指定 */
	border:solid 2px #ccc;/* 　適宜　枠の指定 */
	border-radius: 10px;
	position:relative;/*　中に入れ子にするinner要素の指定のためpositionを指定　*/
	width:100%;/*　横幅の可変を可能にするため、％指定する　*/
	height:auto;/*　auto指定　実際の高さは、:beforeのpadding-topで指定する　*/
}


.p-team-use-ul li.p-team-use_li01{
    background:url(../images_2022/000_03_1_01.png) no-repeat;/*　バックグラウンドに指定する画像を配置　*/
	background-size:contain;/*　バックグラウンドに指定する画像を、縦横比を変えないで、伸縮させる　*/	 
}

.p-team-use-ul li.p-team-use_li02{
    background:url(../images_2022/000_03_1_02.png) no-repeat;/*　バックグラウンドに指定する画像を配置　*/
	background-size:contain;/*　バックグラウンドに指定する画像を、縦横比を変えないで、伸縮させる　*/	 
}

.p-team-use-ul li.p-team-use_li03{
    background:url(../images_2022/000_03_1_03.png) no-repeat;/*　バックグラウンドに指定する画像を配置　*/
	background-size:contain;/*　バックグラウンドに指定する画像を、縦横比を変えないで、伸縮させる　*/	 
}

.p-team-use-ul li.p-team-use_li04{
    background:url(../images_2022/000_03_1_04.png) no-repeat;/*　バックグラウンドに指定する画像を配置　*/
	background-size:contain;/*　バックグラウンドに指定する画像を、縦横比を変えないで、伸縮させる　*/	 
}

.p-team-use-ul li.p-team-use_li05{
    background:url(../images_2022/000_03_1_05.png) no-repeat;/*　バックグラウンドに指定する画像を配置　*/
	background-size:contain;/*　バックグラウンドに指定する画像を、縦横比を変えないで、伸縮させる　*/	 
}

.p-team-use-ul li.p-team-use_li06{
    background:url(../images_2022/000_03_1_06.png) no-repeat;/*　バックグラウンドに指定する画像を配置　*/
	background-size:contain;/*　バックグラウンドに指定する画像を、縦横比を変えないで、伸縮させる　*/	 
}



.p-team-use-ul li:hover{
    opacity: 75%;
}










/* before指定 */
/* 横：高さの比率を paddingで指定し、高さを指定する */
/*　　例　幅1000px　高さ665pxの画像を入れる場合　　*/
.p-team-use-ul li:before{
	content:"";
	display:block;
	padding-top:94.4%;/*H302px/W320px　*/
	
}



.p-team-use-text2{
    font-size: 18px;
    font-weight: bold;
    line-height: 140%;
    color: #234c88;
    text-align: center;
    padding:10px 10px 20px 10px;
}





/*ボタン位置指定　センター*/
.btn01-waku2,
.btn02-waku2{
    width: 95%;
    max-width: 310px; 
    margin-left: auto;
    margin-right: auto;
}

.btn01-waku2{
    margin-bottom: 10px;
}









/*******************************************************
　　対談
*******************************************************/

.taidan-waku{
    position: relative;
}



.taidan-back{
    position: relative;
}

/*　基本は　contentsbase000.css　に記載*/


.img-arw{
    position: absolute;
    z-index: 100;
    width: 100%;
    text-align: center;
}

.img-arw img{
    
    width: 55px;
    
}








/*******************************************************
　　チーム紹介
*******************************************************/
.staff-waku1{
    width: 100%;
}


.staff-header{
    width: 100%;
    background: repeating-linear-gradient(-50deg, #fff 0, #fff 2px, #f2f2f2 2px, #f2f2f2 6px);
}



.staff-lead{
    font-size: 14px;
    font-weight: bold;
    line-height: 140%;
    color: #234c88;
    text-align: center;
    padding: 10px 5px 30px 5px;
}






.staff-back{
    
}




/*******************************************************
　　当事務所のネットワーク
*******************************************************/
.network-waku{
    width: 100%;
}

.network{
    margin-bottom: 50px;
}

.network-lead2-waku{
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    border-top:dashed 1px #ccc;
    border-bottom: dashed 1px #ccc;
    
}

.network-lead2{
    font-size: 16px;
    line-height: 140%;
    font-weight: bold;
    text-align: center;
    color: #333;
    padding: 10px;
}


.network-lead2 span{
    font-size: 20px;
}


.network-map{
    display: block;
    width: 95%;
    max-width: 976px;
    margin-left: auto;
    margin-right: auto;
}



/*******************************************************
　　実行可能な実務　リンク
*******************************************************/
.bussiness-waku{
    width: 100%; 
    padding-bottom: 50px;
}


.bussiness{
    width: 100%;
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
}


/*ｆlex指定*/
.bussiness-ul{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}




/*ｆlex指定*/
.bussiness-ul li{
    margin: 0 10px 10px 10px;
    
}



.bussiness-ul li{
    width: 316px;
    height: 100px;
    border: solid 1px #234c88;
    background: url("../images_2022/000_arw_mini1.png") no-repeat right 10px top 75px;
    background-size: 6px;
}

.bus-a{
   
}

.bussiness-ul li:hover{
   filter: brightness(105%);
}




.bus-no-waku{
    float: left;
    display: table;
    width: 64px;
    height: 100px;
}


.bus-no{
    display: table-cell;
    font-size: 48px;
    font-weight: bold;
    line-height: 100%;
    color: #234c88;
    text-align: center;
    vertical-align: middle;
    
}



.back-stripe-green{
    background: repeating-linear-gradient(-45deg, #f3fbfa 0, #f3fbfa 2px, #caede7 2px, #caede7 6px);
}

.back-stripe-sky{
    background: repeating-linear-gradient(-45deg, #f7fcff 0, #f7fcff 2px, #d9efff 2px, #d9efff 6px);
}


.bus-text-waku{
    float: left;
    display: table;
    width: 250px;
    height: 100px;
    
}

.bus-text{  
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    line-height: 140%;
    font-weight: bold;
    color: #0a1d42;
    padding: 0 10px;
}









/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　スクリーンサイズ 幅 480px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

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




/* 　キャッチイメージ*/

/* catch-img-pc*/
.catch-img-pc{
	display: block;
}
/* catch-img-smp*/
.catch-img-smp{
	display: none;
	
}
	
/* 　キャッチコピー*/

.catch-copy-text{
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
	padding:20px 10px;
}

.catch-copy-text em{
    font-size: 30px;
    color: #fbe967;
}

    
    

    
 
    
/*=============== 見出し下、リードテキスト共通指定 ===============*/
.lead-text1{
    font-size: 22px;/*サイズ変更*/
}
  
    
    

/*******************************************************
　　対談
*******************************************************/



/*******************************************************
　　チーム紹介
*******************************************************/

.staff-lead{
    font-size: 20px;/*サイズ変更*/
}

/*******************************************************
　　当事務所のネットワーク
*******************************************************/



/*******************************************************
　　実行可能な実務
*******************************************************/





    
    
    
    
    
    
	
}
/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　スクリーンサイズ 幅 760px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

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

/* 　キャッチイメージ*/

/* catch-img-pc*/
.catch-img-pc{
	display: block;
}
/* catch-img-smp*/
.catch-img-smp{
	display: none;
	
}
	

	
/* 　キャッチイメージ*/

/* catch-img-pc*/
.staff-title-img{
	display: block;
}
/* catch-img-smp*/
.staff-title-img-smp{
	display: none;
	
}




    
/*******************************************************
　　リードキャッチ1（kato）／リードキャッチ2（uchiyama）
*******************************************************/

/*********************
　　リードキャッチ1（kato）
**********************/



.lead-c1-waku{
   padding-top: 20px;
   padding-bottom: 0px;
}

/*　max-width: 1000pxの内枠　*/
.lead-c1{
    padding-top: 20px;
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}




/*　人と肩書きタグ　*/
.lead-c1__man{
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    width: 32%;
}


.lead-c1-img{
    float: none;
    width: 100%;
    height: 390px;
    background: url("../images_2022/000_01_02.png") no-repeat right 10px top 10px;
    background-size: 270px;
    
}

/*　タグc1,c2共通指定　*/
.lead-c1-tag,
.lead-c2-tag{
    float: none;
    width: 225px;
    
}

.lead-c1-tag img,
.lead-c2-tag img{
    width: 225px;
}

.lead-c1-tag{
    position: absolute;
    bottom: 15px;
    right:10px;
        
 }    
    
    


/*　テキスト部分　*/
.lead-c1__text{
    clear:none;/*大事*/
    float:right;
    width: 67%;

    
}

.lead-c1-title{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 10px;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    
}

.lead-c1-title img{
    width: 100%;
    max-width: 577px;
    
}

.lead-c1-text{
    font-size: 17px;/*文字サイズ変更*/
    line-height: 180%;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;   
}

.lead-c1-text em{
    color: #234c88;
}





/*ボタン位置指定*/
.btn01-waku1{
    width: 95%;
    max-width: 382px; 
    margin-left: 0px;/*マージン削除*/
    margin-right: 0px;/*マージン削除*/
}
    
    
    


    
    
  /*********************
　　リードキャッチ2（uchiyama）
**********************/
.lead-c2-waku{
    padding-bottom: 0px;
    background-color: #57a8c8;
}

/*　max-width: 1000pxの内枠　*/
.lead-c2{
    padding-top: 20px;
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    clear:both;
}


/*　人　*/
.lead-c2__man{
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    float:right;
    width: 32%;
}


.lead-c2-img{
    float: left;
    width: 100%;
    height: 480px;
    background: url("../images_2022/000_02_02.png") no-repeat right 10px top 0px;
    background-size: 260px;
    
}


.lead-c2-tag{
    position: absolute;
    bottom: 15px;
    left:20px;
 }        
    
    


/*　テキスト部分　*/
.lead-c2__text{
    clear:none;/*大事*/
    float:left;
    width: 67%; 
}




/*********************
　　リードキャッチ2-2（uchiyama）
**********************/
    
    
  /*　テキスト部分　*/


.fukidashi01{
    position: relative;
    width: 95%;
    max-width: 640px;
    background-color: #fff;
    border-radius: 14px;
    margin-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 20px;
}


.fukidashi-txt{
    font-size: 18px;
    line-height: 180%;
    font-weight: bold;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
}  
    
    
 .fukidashi-arw{
    display: block;
    position: absolute;
     top:100px;
     right:-16px;
}


 .fukidashi-arw img{
     width: 16px;
}    
    
    
    
    
    
    
 /*******************************************************
　　知財戦略チームの活用方法
*******************************************************/   
    
  .p-team-use-text2{
    font-size: 20px;/*サイズ変更*/
}      
     

    .p-team-use-m2{
        font-size: 25px;
    }
    

 
/*******************************************************
　　対談
*******************************************************/



/*******************************************************
　　チーム紹介
*******************************************************/



/*******************************************************
　　当事務所のネットワーク
*******************************************************/

.network-lead2{
    font-size: 20px;/*サイズ変更*/
}

.network-lead2 span{
    font-size: 26px;/*サイズ変更*/
}


/*******************************************************
　　実行可能な実務
*******************************************************/




   
    
    
    
    
 
    
    
    


}


/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　スクリーンサイズ 幅 1000px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

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

    
/*******************************************************
　　リードキャッチ1（kato）／リードキャッチ2（uchiyama）
*******************************************************/
    
    
    
    

/*******************************************************
　　対談
*******************************************************/



/*******************************************************
　　チーム紹介
*******************************************************/



/*******************************************************
　　当事務所のネットワーク
*******************************************************/



/*******************************************************
　　実行可能な実務
*******************************************************/





    
    

	

}