@charset "UTF-8";

#top .practice-custom .additional{
	margin-bottom: 15px !important;
	border-bottom: none !important;
	padding: 0 11px 0 !important;
}

#top .practice-custom .table{
	width: 210px !important;
	height: 77px;
	background:url(../../images/ibaraki/bg_ibaraki-practice.png) 0 50% no-repeat;
	border-radius: 5px;
	margin-right: 15px;
	box-shadow: 0px 0px 5px #CCCCCC;
}

#top .practice-custom .table.last{
	margin-right: 0;
}

#top .practice-custom .table a{
	width: 210px;
	height: 77px;
	display: table;
	text-decoration: none;
}

#top .practice-custom .table a p{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	color: #FFFFFF;
	padding:0 10px 0 25px;
	line-height: 1.4;
	font-size: 15px;
}

#top .practice-custom .table a .photo{
	width: 70px;
	height: auto;
	padding: 0;
}



#office #main section .block .photoBox{
	width: 270px !important;
}


#office #main section .block .textBox{
	width: 420px !important;
}



/* 以下202208追記 */


/*メニュー*/

.practice2 #gNav .gNavInner ul li.gn3 a {
	background: url(../../images/g-01s/gnav.png) -400px -59px no-repeat;
}

.tempColor1nav {
	background:  #005b2b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #073c20), color-stop(0.00, #1f6b42));
	background: -webkit-linear-gradient(#1f6b42, #073c20);
	background: -moz-linear-gradient(#1f6b42, #073c20);
	background: -o-linear-gradient(#1f6b42, #073c20);
	background: -ms-linear-gradient(#1f6b42, #073c20);
	background: linear-gradient(#1f6b42, #073c20);
	text-align: center;
}

.tempColor1nav .gNavInner{
	margin: 0 auto;
	position: relative;
	width: 1000px;
}

#gNav2 .gNavInner::after {
	content: "▲";
	color: #1f6b42;
	position: absolute;
		top: -15px;
		left: 50%;
	transform: translateX(-50%)  scale(1.5,0.9);
}

#gNav2 .gNavInner ul {
	display: flex;
		padding: 5px 0;
}

#gNav2 .gNavInner ul li{
	border-left:1px solid #729b86;
	text-align: center;
	width: calc(100% / 3);
}

#gNav2 .gNavInner ul li:last-child{
	border-right:1px solid #729b86;
}


#gNav2 .gNavInner ul li a{
	color: #fff;
	display: block;
	font-size: 1.2em;
	padding: 10px 0;
	position: relative;
	text-decoration: none;
}

#gNav2 .gNavInner ul li a::before{
	content: "▲";
	color: #F0DB00;
	position: absolute;
		top: 50%;
		left: 30px;
	transform: translateY(-50%) rotateZ(90deg) scale(0.5,0.4);
}


/*トップページメニュー*/
#top .practice-custom .first .table {
    width: 210px !important;
    height: auto;
	background:  #005b2b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #073c20), color-stop(0.00, #1f6b42));
	background: -webkit-linear-gradient(#1f6b42, #073c20);
	background: -moz-linear-gradient(#1f6b42, #073c20);
	background: -o-linear-gradient(#1f6b42, #073c20);
	background: -ms-linear-gradient(#1f6b42, #073c20);
	background: linear-gradient(#1f6b42, #073c20);
    box-shadow: 0px 0px 5px #cccccc;
    padding-top: 10px;
}

#top .practice-custom .first .table a {
    width: 210px;
    height: auto;
    display: flex;
    	flex-direction: column-reverse;
    text-decoration: none;
}

#top .practice-custom .first .table a p {
    display: block;
    vertical-align: middle;
    text-align: left;
    color: #FFFFFF;
    padding: 0 10px 0 25px;
    line-height: 1.4;
    font-size: 15px;
}

#top .practice-custom .first .table a .photo {
    width: 100%;
    height: auto;
    padding: 0;
}

#top .practice-custom .first .table a p.font-title {
    padding: 20px;
    position: relative;
}

#top .practice-custom .first .table a p.font-title::before {
	content: "▲";
	color: #F0DB00;
	position: absolute;
		top: 50%;
		left: 0;
	transform: translateY(-50%) rotateZ(90deg) scale(0.5,0.4);
}

/*取扱業務リンクボタン*/
a.more-link {
	background: linear-gradient(#f6f6f6, #d9d9d9);
	border: solid 1px #b7b7b7;
	border-radius: 3px;
	color: #201512;
	display: block;
	margin: auto;
	padding: 15px 25px;
	position: relative;
	text-decoration: none;
	width: 35%;
}

a.more-link::after{
	content: "▲";
	color: #201512;
	position: absolute;
		top: 50%;
		right: 15px;
	transform: translateY(-50%) rotateZ(90deg) scale(0.5,0.4);
}

/*取扱業務第2階層*/

.practice-title {
	color: #476F6D;
	font-size: 28px;
	padding: 40px 0 0;
	text-align: center;
}

h4.practice-title {
	border-bottom: none;
}

.practice-title2 {
	font-size: 20px;
    line-height: 1;
    color: #333333;
}

h5.practice-title2 i {
    font-size: 28px;
    padding-right: 2px;
    position: relative;
    top: 6px;
    left: -2px;
}

.lawer-words {
	display: flex;
		align-items: center;
	margin: 40px 0;
}

.lawer-words figure {
	width: 300px;
}

.lawer-words figure img {
	width: 100%;
}

.lawer-words p {
	background: #476F6D;
	border-radius: 10px;
	box-sizing: border-box;
	color: #fff;
	font-size: 24px;
	line-height: 1.4;
	margin: 20px 0;
	padding: 30px 100px;
	position: relative;
	width: 700px;
}

.lawer-words p::before {
	content: "▲";
	color: #476F6D;
	position: absolute;
		top: 50%;
		left: -17px;
	transform: translateY(-50%) rotateZ(-90deg) scale(1,1);
}

.paractice-menu {
	background: #edede2;
	display: flex;
		align-items: center;
	margin-bottom: 40px;
	padding: 20px;
}

.paractice-menu h5 {
	box-sizing: border-box;
	color: #476f6d;
	font-size: 20px;
	line-height: 1.4;
	padding-right: 20px;
	text-align: center;
	width: 300px;
}

.paractice-menu img {
	display: block;
	width:60px;
	margin:auto auto 20px auto;
	height: auto;
}

.paractice-menu div {
	background: #fff;
	box-sizing: border-box;
	padding: 25px 45px;
	width: 700px;
}

.paractice-menu div h6 {
	color: #476f6d;
	font-size: 20px;
	line-height: 1.4;
}

.paractice-menu div h6 span {
	font-size: 14px;
	font-weight: normal;
}

.paractice-menu div ul {
	margin: 15px;
}

.paractice-menu div ul li {
	list-style: disc;
	margin: 5px 0;
}

.practice2 .box p {
    margin: 30px 0;
}

.practice2 .table2 {
    width: 100%;
}

.practice2 .table2 tr th, .practice2 .table2 tr td {
    border: 1px solid #999999;
    text-align: center;
    padding: 10px;
    width: calc(100% / 3);
}

.practice2 .table2 tr th {
    background: #bfd6ca;
}



.contact-box {
	background:  #005b2b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #073c20), color-stop(0.00, #1f6b42));
	background: -webkit-linear-gradient(#1f6b42, #073c20);
	background: -moz-linear-gradient(#1f6b42, #073c20);
	background: -o-linear-gradient(#1f6b42, #073c20);
	background: -ms-linear-gradient(#1f6b42, #073c20);
	background: linear-gradient(#1f6b42, #073c20);
	color: #fff;
	display: flex;
		align-items: center;
	margin: 80px 0;
	padding: 40px 0;
	position: relative;
}

.contact-box__item {
	box-sizing: border-box;
	padding: 0 60px;
	width: 50%;
}

.contact-box__item:last-child {
	border-left: solid 1px #fff;
}

.contact-box .telnum {
	font-size: 54px;
	font-weight: bold;
	line-height: 1.2;
}

.contact-box .text4 {
	color: #f1dc00;
}


.contact-ttl {
	background: #f1dc00;
	color: #005b2b;
	display: inline-block;
	font-size: 16px;
	padding: 5px 60px;
	position: absolute;
	top: -20px;
	left: 0;
}

.contact-mail {
	background:url(../../images/practice/icon-mail.png) 20px 50% / 32px 32px no-repeat;
	color: #fff;
	display: block;
	font-size: 24px;
	line-height: 1.4;
	text-decoration: none;
	padding: 30px 0 30px 80px;
	position: relative;
}

.contact-mail span {
	display: block;
	font-size: 18px;
}


.map-box {
	display: flex;
		align-items: center;
		gap: 20px;
	margin: 80px 0;
}

.map-box {
	display: flex;
		align-items: center;
		flex-direction: row-reverse;
	margin: 80px 0;
}

.map-box__item {
	box-sizing: border-box;
	width: 50%;
}

.map-box__item dl {
	display: flex;
		align-items: center;
		flex-wrap: wrap;
}

.map-box__item dl dt {
	width: 4em;
}

.map-box__item dl dd {
	width: calc(100% - 4em);
}

.map-box__item iframe {
	min-height: 250px;
}

.map-box__item .officename {
	color: #005b2b;
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0;
}




.practice2 p#pageTop {
    display: none;
    position: fixed;
    bottom: 242px;
    left: 50%;
    margin-left: 465px;
}