@charset "UTF-8";

/* ++++++++++++++　　　事務所概要（office.php）　　　++++++++++++++++++*/


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

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


/*　事務所概要メニュー　*/

.office_menu{
	max-width: 980px;
	margin:0 0 0 0;
	
}

.office_menu ul li{
	list-style: none;
}

.office_menu li{
	float: left;
	padding:0 20px;
	border-left:1px solid #355897;
	font-size:16px;
	text-align: center;
	display: inline-block;
	transition: all .3s ease 0s;
	text-decoration: none;
	margin:0 0 10px 0;
}

.office_menu li:last-child{
	border-right:1px solid #355897;
}

.arrow-bottom {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 10px;
  border-bottom: 1px solid #355897;
  border-right: 1px solid #355897;
  transform: rotate(45deg);
  text-align: center;
}

.office_menu li a{
	color:#355897;
	text-decoration: none;
	display: block;
    height: 100%;
    width: 100%
}

/*透過*/
.office_menu li a:hover{
	opacity: 0.7;
}

.office_menu li:hover{
	cursor: pointer;
	transform: scale(1.05);
}

/*　max-width: 1000pxの内枠　*/
section.office-main-waku{
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding:0 10px;
	margin-top:50px;
}

/*理念外枠*/

section.office-philosophy{
	width:100%;
	background: url("../images_2022/p_06_02_img_back.png") repeat;
	margin:45px 0 0 0;
}

.office-philosophy-cont{
	max-width: 980px;
	margin:0 auto;
	padding:20px 10px;
	clear: both;
}

/*サブタイトル*/

.sub_title_block{
	text-align: center;
	color: #234c88;
}

.sub_title_en{
	font-size:15px;
	margin:0 0 8px 0;
}

h3.sub_title_jp{
	font-size:22px;
	font-weight: bold;
	border-top:3px solid #234c88;
	border-bottom:3px solid #234c88;
	padding:10px 0;
	color: #234c88;
	text-align: center;
	margin:0 auto 20px auto;
}

h3.sub_title_w_01{
	width:140px;
}

h3.sub_title_w_02{
	width:210px;	
}



/*理念*/

.philosophy_waku{
	background-color: #FFF;
	padding:20px;
	margin:20px 0 20px 0;

}

.philosophy_waku-L{
	width:100%;
	float: left;
	margin:0 30px 0 0;
	color: #262626;
	line-height:180%;
	font-size:18px;
    text-align: center;
}

.philosophy_waku-R{
	float: left;
	text-align: center;
	width: 100%;
	margin:20px 0 0 0;
}

.philosophy_waku-R img{
	max-width: 424px;
	text-align: center;
}

/*弁理士・専門家　外枠*/

section.office-staff{
	width:100%;
	background-color: #f2f2f2;
	margin:0 0 0 0;
}

.office-staff-cont{
	max-width: 980px;
	margin:0 auto;
	padding:20px 10px;
	clear: both;
}

/*事務所概要　外枠*/

section.overview{
	width:100%;
	margin:0 0 0 0;
}

.overview-cont{
	max-width: 980px;
	margin:0 auto;
	padding:20px 10px;
	clear: both;
}

/*事務所概要 テーブル*/

table.overview-hyo{
	width:98%;
	border-collapse: collapse;
  	border-spacing: 0;
	margin:0 auto 20px auto;
	clear:both;
}

table.overview-hyo th,
table.overview-hyo td {
    border: solid 1px #d6d7d8; 
	padding:10px;
	font-size:15px;
	display: block; 
	width:94%;
	
}

table.overview-hyo th{
	background-color:#f5f6f7;
	text-align: left;
}

.overview-image-1,
.overview-image-2{
	margin:0 auto;
	text-align: center;
	width:98%;
}

.overview-image-1 img{
	max-width:600px;
}

.overview-image-2 img{
	max-width:450px;
	margin:30px 0 0 0;
}

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

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

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


/*　max-width: 1000pxの内枠　*/
section.office-main-waku{
	margin-top:80px;
}

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

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

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

/*　max-width: 1000pxの内枠　*/
section.office-main-waku{
	margin-top:100px;
}

/*事務所概要 テーブル*/

table.overview-hyo{
	width:98%;
	border-collapse: collapse;
  	border-spacing: 0;
}

table.overview-hyo th,
table.overview-hyo td {
    border: solid 1px #d6d7d8; 
	padding:10px 20px;
	font-size:15px;
	display:table-cell;
	
}

table.overview-hyo th{
	background-color:#f5f6f7;
	text-align: right;
	width:28%;
}



	
}


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

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

@media only screen and (min-width: 1000px) {
	
/*　max-width: 1000pxの内枠　*/
section.office-main-waku{
	margin-top:140px;
}
	
/*　事務所概要メニュー　*/


.office_menu li{
	float: left;
	padding:0 40px;
	border-left:1px solid #355897;
	font-size:17px;
	text-align: center;
	display: inline-block;
	transition: all .3s ease 0s;
	text-decoration: none;
	margin:0;
}

/*理念　外枠*/
	
.office-philosophy-cont{
	max-width: 980px;
	margin:0 auto;
	padding:30px 10px 20px 10px;
	clear: both;
}
	
/*弁理士・専門家　外枠*/


.office-staff-cont{
	max-width: 1000px;
	margin:0 auto;
	padding:40px 10px;
	clear: both;
}
	
/*サブタイトル*/


h3.sub_title_jp{
	font-size:20px;
	font-weight: bold;
	border-top:3px solid #234c88;
	border-bottom:3px solid #234c88;
	padding:18px 0;
	color: #234c88;
	text-align: center;
	margin:0 auto 40px auto;
}



/*理念*/

.philosophy_waku{
	background-color: #FFF;
	padding:55px 40px;
	margin:0 auto 50px auto;
	width:890px;

}

.philosophy_waku-L{
	width:480px;
	float: left;
	margin:0 30px 0 0;
	color: #262626;
	line-height:220%;
	font-size:18px;
    text-align:left;
}

    
    
    
.philosophy_waku-R{
	float: left;
	text-align: center;
	width: 380px;
	margin:0;
}

.philosophy_waku-R img{
	max-width: 370px;
	text-align: center;
}

}