@charset "UTF-8";
/* 見出し */
.content h2.title span {
    display: block;
    font-size: 1.6rem;
    line-height: 160%;
}

.content.container a {
    text-decoration: underline;
}
.index-page .content.container a {
    text-decoration: none;
}
/* ボタン */
.content.container .btn_wrap a {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    display: block;
    margin: 15px 10px;
    padding: 1.0rem;
    border: solid 1px;
    font-size: 1.4rem;
	line-height: 100%;
	text-decoration: none;
}
	.btn_wrap a:hover {
		color: #fff;
		background-color: #233d87;
		text-decoration: none;
	}
.flex {
    display: flex;
}
p.small {line-height:140%;}
.box-lightcyan {
    background-color: #ecf7f7;
    padding: 1.0rem;
    margin: 1.0rem auto;
}
/* 投稿一覧（サイドバー）
---------------------------------------------------------------------------------- */
#sidebar ul.menu {
    margin: 0 10px;
    background-color: #fff;
}
	#sidebar ul.menu li {
		font-size: 1.4rem;
	}
	#sidebar ul.menu li a {
		border-top: solid 1px rgb(165, 177, 212);
		display: block;
		padding: 0.8rem 1.0rem 0.8rem 2.5rem;
		position: relative;		
		letter-spacing: 0.05em;
	}
		#sidebar ul.menu li a:before {
		/*	content: "\f054"; */
			content: "\f068";
			font-family: "FontAwesome";
			position: absolute;
			left: 10px;
			top: 50%;
		/*	margin-top: -6px; */
			margin-top: -4px;
			font-size: 1.0rem;
		}
		#sidebar ul.menu li ul.sub-menu li a {
			background-color: #fff;
			border-top: solid 1px rgb(165, 177, 212);
		}
		#sidebar ul.menu li:first-child a,
		#sidebar ul.sub-menu li:first-child a {
			border-top: none;	
		}
	#sidebar ul.sub-menu li a {
		padding-left: 3.8rem;
	}
		#sidebar ul.sub-menu li a:before {
			left: 2.5rem;
		}

#sidebar ul li.toggle .sub-menu {
	display: none;
}
	#sidebar ul li.toggle a,
	#sidebar ul.sub-menu li.toggle a {
		color: #233d87;				
	}
	#sidebar ul li.toggle a:hover,
	#sidebar ul.sub-menu li.toggle a:hover {
		cursor: pointer;
		text-decoration: underline;
	}
	#sidebar ul.menu li.toggle a:before {
	    top: 30%;
	}
	#sidebar ul.menu li.toggle ul.sub-menu li a:before,
	#sidebar ul.sub-menu li.toggle a:before {
	    top: 50%;
	}
	#sidebar ul li.toggle a:after,
	#sidebar ul.sub-menu li.toggle a:after {
		content: "\f196";
		font-family: "FontAwesome";
		position: absolute;
		right: 15px;
		top: 9px;
		font-size: 1.8rem;
	}
	#sidebar ul li.toggle a.open:after,
	#sidebar ul.sub-menu li.toggle a.open:after {
		content: "\f147";
		font-family: "FontAwesome";
		position: absolute;
		right: 15px;
		top: 9px;
		font-size: 1.8rem;
	}

		#sidebar ul li.toggle ul.sub-menu a:after,
		#sidebar ul.sub-menu li.toggle ul.sub-menu a:after {
			display: none;
		}
	#sidebar ul.sub-menu ul.sub-menu {
		display: none;
	}
		#sidebar ul.sub-menu ul.sub-menu li a {
			padding-left: 5.0rem;
		}
		#sidebar ul.sub-menu ul.sub-menu li a:before {
			left: 3.5rem;
		    top: 50%;
		}
.content.container #sidebar a {text-decoration: none;}

.single #sidebar .current-post-ancestor a,
.single #sidebar ul.menu li ul.sub-menu li.menu-item-object-post.current-menu-item a,
#sidebar ul.menu li ul.sub-menu li .current-menu-item a,
#sidebar ul.menu li ul.sub-menu li.current-post-ancestor a,
#sidebar .current-menu-item a,
#sidebar a ul li.current-menu-item a,
#sidebar a ul li ul li.current-menu-item a{
    background-color: #eaecf5;
}
.single #sidebar ul.menu li.menu-item-has-children a,
#sidebar .current-category-parent .sub-menu a,
#sidebar .current-menu-item ul.sub-menu li a{
    background-color: #fff;
}
#sidebar ul.menu li .sub-menu li.current-menu-item a{
    background-color: #eaecf5;
}

.single #sidebar .menu-item-has-children.current-post-ancestor a,
#sidebar .current-menu-item ul.sub-menu li a{
    background-color: #fff;
}
.single #sidebar .menu-item-has-children.current-post-ancestor .current-post-ancestor a{
    background-color: #eaecf5;
}

#sidebar .widget-area {
    background-color: #f4f5f9;
    margin-bottom: 2.0em;
	padding-bottom: 0.5em;
}
#sidebar h3 {
    margin-bottom: 0.5em;
    padding: 7px 10px;
    background-color: #233d87;
    color: #fff;
    font-size: 1.8rem;
	letter-spacing: 0.1rem;
	line-height: 120%;
}
#sidebar h3 span{
	font-size: 1.2rem;
	display: block;
}
#sidebar ul.wp-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    margin-left: 11px;
    margin-top: 1px;
    margin-right: 10px;
		background-color: #fff;
}
	#sidebar ul.wp-tag-cloud li {
		display: table-cell;
		margin-bottom: 0;
		margin-left: -1px;
		margin-top: -1px;
		border-radius: 0;
	}
	#sidebar ul.wp-tag-cloud li a {
		display: block;
		padding: 5px 7px;
		font-size: 13px;
		letter-spacing: 0.05em;
	}
	#sidebar ul.wp-tag-cloud li a:before {
		content: "\f02b";
		font-family: "FontAwesome";
		margin-right: 0.2rem;
	}

.archives_years h3 {
    position: relative;
    cursor: pointer;
}
	.archives_years h3:after {
		content: "\f0fe";
		font-family: "FontAwesome";
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -10px;
	}
	.archives_years h3.open:after {
		content: "\f146";
		font-family: "FontAwesome";
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -10px;
	}
#sidebar .widget-area.archives_years {
    padding: 0;
}
	.archives_years .menuWrap {
		padding-bottom: 10px;
		display: none;
	}
/* 投稿一覧
---------------------------------------------------------------------------------- */
.nav_news {
    display: flex;
    width: 100%;
    border: solid 1px #233d87;
    justify-content: space-around;
    margin-bottom: 3.0rem;
    line-height: 160%;
}
	.menu_head {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding: 5px 15px;
		background-color: #233d87;
		color: #fff;
	    justify-content: center;
		line-height: 130%;
	}
		.menu_head span {
			font-size: 1.0rem;
		}
	.nav_news ul {
		padding: 5px 10px;
		line-height: 130%;
	}
	.nav_news ul li {
		padding: 0 5px;
		display: inline-block;
		letter-spacing: 0.08rem;
	}
	.nav_news ul.wp-tag-cloud li a:before {
		content: "\f02b";
		font-family: "FontAwesome";
		margin-right: 0.2rem;
	}
@media screen and (max-width: 769px) {
	.nav_news {
    	flex-wrap: wrap;
	}
	.nav_news ul,
	.menu_head {
		width: 100%;
	}
	
	.menu_head span {margin-left: 1.0rem;}
}
/*
	.nav_news li {
		position: relative;
	    flex-grow: 1;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	    width: auto;
	    border-right: solid 1px #233d87;
	    font-size: 1.4rem;
	    letter-spacing: 0;
	    cursor: pointer;
		color: #233d87;
	}
	.nav_news li.menu-item-has-children {
		padding-right: 15px;
	}
	.nav_news li.menu_head {
	    flex-grow: 0;
		width: 120px;
		justify-content: center;
		background-color: #233d87;
		color: #fff;
	}
	.nav_news li:last-child {border-right: none;}
	.nav_news li.current-menu-item,
	.nav_news li.current-menu-parent{
		background-color: #eaecf5;
	}
	.nav_news li ul.sub-menu {
	    display: none;
	    z-index: 999;
	    position: absolute;
	    left: 0;
	    top: 100%;	
		background-color: rgba(244, 245, 249,0.9);
		border: solid 1px #CAD0E2;
		width: 100%;
	}
	.nav_news li ul.sub-menu li {
	    border-right: none;
	}
		.nav_news li.menu-item-has-children:after {
		    content: "▼";
		    position: absolute;
		    right: 10px;
		    top: 8px;
		    font-size: 1.2rem;
		    color: #233d87;
		}
.nav_news li a {
    display: block;
    width: 100%;
	padding: 10px 10px;
}
@media screen and (max-width: 769px) {
	.nav_news {
		flex-wrap: wrap;
	}
	.nav_news li a {
		padding: 10px 5px;
	    line-height: 140%;
	}
	li.menu_head {
		width: 100%;
	}
	.nav_news li { font-size: 1.0rem;letter-spacing:0;}
	.nav_news li:nth-child(2),
	.nav_news li:nth-child(4){ width:25%;}
	.nav_news li:nth-child(3){ width:50%;}
	.nav_news li:nth-child(4),
	.nav_news li:nth-child(6){border-right: none;}
	.nav_news li:nth-child(5),
	.nav_news li:nth-child(6) { width:50%;border-top: solid 1px #233d87;}
	.nav_news li ul.sub-menu li {
		border-right: none;
		width: 100%;
	}
		.nav_news li.menu-item-has-children:after {
		    right: 10px;
		    top: 5%;
		    font-size: 1.0rem;
		}
}
*/

/* 会社概要
---------------------------------------------------------------------------------- */
#general .info_table .row {
    border-bottom: dashed 1px #ccc;
    padding: 0 0 1.0em 0;
    margin-bottom: 1.0em;
}

@media screen and (max-width: 769px) {
	#general .info_table .row {
		border-bottom: none;
	}
	#general .info_table dt {
		background-color: #f0f8ff;
		margin-bottom: 1.0rem;
		padding: 5px 15px;
		font-size: 1.6rem;
	}
}
/* パートナー
---------------------------------------------------------------------------------- */
.taxonomy-partner article h3 {
    color: #233d87;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
	.taxonomy-partner article h3 .small {
		font-weight: normal;
		display: block;
	}
.taxonomy-partner article .imgArea {
    overflow: hidden;
}
.taxonomy-partner .category_select {
    margin-bottom: 1.0em;
    text-align: right;
}
	.taxonomy-partner .category_select select {
		border: solid 1px #233d87;
		color: #233d87;
		min-width: 150px;
		padding: 4px 5px 7px 5px;
	}
.taxonomy-partner .pageHeader h2 .small {
    font-size: 50%;
    display: block;
    margin-bottom: 0.5em;
}
.taxonomy-partner article p {
    line-height: 160%;
}
.back_btn a {
    display: block;
    margin-bottom: 2.0rem;
    padding: 5px 15px;
    border: solid 1px;
}

/* 業務案内
---------------------------------------------------------------------------------- */

.business_top h3 a {
	text-decoration: none;
	paddingn-right: 0.5rem;
	padding-bottom: 0.5rem;
	border-bottom: solid 1px #233d87;
}
	.business_top h3 a:hover {
		text-decoration: none;
		padding-bottom: 0.5rem;
		border-bottom: solid 1px rgba(35, 61, 135, 0.6);
	}
	.business_top h3 a:after {
		content: "\f08e";
		font-family: "FontAwesome";
		font-size: 1.2rem;
		text-decoration: none;
	}
.business_menu {
    border-top: solid 1px #233d87;
    border-bottom: solid 1px #233d87;
}
.business_menu.service_sub-menu {
    border-top: none;
}
	.business_menu .row {
		border-left: solid 1px #233b87;
	    justify-content: space-between;
	}
	.business_menu .row div.border-b {
		border-bottom: solid 1px #233b87;
	}
	.business_menu .row div.text-center {
		border-right: solid 1px #233b87;
		display: flex;
		align-items: center;
	    flex-grow: 1;
	}
	.business_menu .row div {
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	.business_menu .row div:hover {
		background-color: #233b87;
	}
	.business_menu .row div:hover a{
		color: #fff;	
	}
.business_menu .row div.active {
	 background-color: #233D87
}
.business_menu .row div.active a {
	color: #fff;	
}
@media screen and (max-width: 769px) {
	.business_menu span.sp {
		display: inline-block;
	}
	.business_menu .row div:first-child.active {
		 border-top: solid 1px #fff;
	}
}
	.business_menu .row div a {
		display: block;
		padding: 13px 0;
		width: 100%;
		line-height:100%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1.4rem;
		letter-spacing:0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	.business_menu.service_sub-menu .row div a {
		padding: 7px 0;
		font-size: 1.2rem;
	}
	.business_menu .row div a:hover,
	.business_menu.service_sub-menu .row div a:hover {
		text-decoration: none;
	}
.business_top h2 {
    margin-bottom: 2.0em;
}
.business_top h3 {
    font-size: 1.8rem;
    font-weight: bold;
}
.business_basic span.imgWrap {
    display: block;
    width: 80%;
    margin: 0 auto;
}
@media screen and (max-width: 769px) {
	.business_basic span.imgWrap {
		width: 75%;
	}
}
.content .business_basic .imgArea h4 {
    margin-bottom: 0;
}
	.business_basic #content02_sec04 ul li {
		margin-bottom: 1.8rem;
		margin-left: 3.0rem;
		color: #233d87;
		font-size: 2.0rem;
	}
@media screen and (max-width: 769px) {
	.business_basic #content02_sec04 ul li {
		margin-left: 0;
		margin-bottom: 0.5rem;
		font-size: 1.6rem;
	}
	span.sp_none {
		display: none;
	}
}
.business_basic ul.arrow_list {
    display: flex;
    flex-wrap: nowrap;
}
	.business_basic ul.arrow_list li {
	    background-color: #f4f5f9;
	    width: 18%;
	    margin-right: 2%;
	    border-radius: 8px;
	    padding: 15px;
	    
	    line-height: 160%;
	    letter-spacing: 0.05rem;
	    position: relative;
	}
		.business_basic ul.arrow_list li:after {
		    display: block;
		    content: "\f061";
		    font-family: "FontAwesome";
		    color: #233d87;
		    position: absolute;
		    left: 100%;
		    top: 45%;
		    font-size: 20px;
		}
		.business_basic ul.arrow_list li:last-child:after {
		    content: "";
		}
		.business_basic ul.arrow_list li:last-child {
		    margin: 0;
		    width: 20%;
		}

.page_visualization ul.step li {
    position: relative;
    margin-bottom: 40px;
    padding: 15px;
    border: dashed 2px #233d87;
    border-radius: 8px;
}
	.page_visualization ul.step li.last {
	    border: solid 2px #233d87;
	    background-color: #233d87;
	    color: #fff;
	    text-aliign: center;
	}
	.page_visualization ul.step li.last h4 {
	    color: #fff;
	    text-align: center;
	    letter-spacing: 1.0rem;
	    font-size: 1.6rem;
	    margin: 0 auto;
	    font-weight: 700;
	}
	.page_visualization ul.step li p {
	    margin-bottom: 0;
	}

	.page_visualization ul.step li:after {
	    content: "\f063";
	    font-family: "FontAwesome";
	    color: #233d87;
	    font-size: 26px;
	    position: absolute;
	    left: 50%;
	    top: calc(100% + 10px);
	    margin-left: -14px;
	}
		.page_visualization ul.step li.last:after {
		    content: "";
		}

@media screen and (max-width: 769px) {
	.business_menu {
	    border-top: solid 1px #233d87;
	    border-bottom: none;
	}
		.business_menu .row {
		    border-left: none;
		}
		.business_menu .row div {
		    border-right: none;
		    border-bottom: solid 1px #233b87;
		}
		.business_menu .row div div{
		    border-bottom: none;
		}
		.business_menu .row div a {
		    padding: 7px 0;
		    display: block;
			font-size: 1.2rem;
		    
		}
	.business_basic ul.arrow_list {
	    display: block;
	}
		.business_basic ul.arrow_list li {
		    width: 100%;
		    margin-right: 0;
		    margin-bottom: 20px;
		}
		.business_basic ul.arrow_list li:after {
		    content: "\f063";
		    position: absolute;
		    left: 45%;
		    top: 100%;
		}
		.business_basic ul.arrow_list li:last-child {
		    margin: 0;
		    width: 100%;
		}
}
.page_businesschance #content02 h4 {
    font-weight: bold;
    margin-bottom: 1.0em;
    margin-top: 1.0em;
    font-size: 20px;
}
.arrow_box02 {	
	border: 3px solid #f67f26;
    padding: 15px;
}
.arrow_box01 {
	position: relative;
	background: #ffffff;
	border: 3px solid #0A98D0;
    padding: 15px;
}
	.arrow_box01:after, .arrow_box01:before {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	.arrow_box01:after {
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #ffffff;
		border-width: 25px;
		margin-left: -25px;
	}
	.arrow_box01:before {
		border-color: rgba(10, 152, 208, 0);
		border-top-color: #0A98D0;
		border-width: 29px;
		margin-left: -29px;
	}
.arrow_box01 .inner_box {
    background-color: #f4f5f9;
    padding: 15px;
}
	.arrow_box01 .inner_box h5 {
		font-weight: bold;
		margin-bottom: 0.5em;
		color: #233d87;
		font-size: 1.8rem;
	}
.arrow_box02 h5 {
    background-color: #f67f26;
    color: #fff;
    display: inline-block;
    padding: 5px;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 1.0em;
}
.arrow_box02 h6 {
    color: #f67f26;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0.5em;
}
.page-basic #content02 .wrap {
    padding: 15px;
    font-size: 1.4rem;
    line-height: 160%;
}
	.page-basic #content02 .wrap p {
		margin-bottom: 0;
	}
.navBar {
    display: inline-block;
    position: relative;
	margin-bottom: 2.0em;
}
	.navBar .navLink {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex-wrap: nowrap;
	}
	.navBar span, .navBar a {
		display: block;
		height: 100%;
		width: 20%;
	}
	.navBar a:hover {
/*		background-color: rgba(255,255,255,0.2); */
	}
	.navBar .navLink .col1 {
		width: 20%;
	}
	.navBar .navLink .col2 {
		width: 40%;
	}
/* 特許翻訳
--------------------------------------------------------------- */
.page_translation .box-white-double {
    background-color: #F4F5F9;
    padding: 15px;
    border-radius: 8px;
}
.page_translation .no-arrow {
	background: #ffffff;
	border: 1px solid #ccc;
	padding: 15px;
    border-radius: 8px;
}
.page_translation .arrow_box {
	position: relative;
	background: #ffffff;
	border: 1px solid #ccc;
	margin-bottom: 30px;
	padding: 15px;
    border-radius: 8px;
}
	.page_translation .arrow_box:after, .arrow_box:before {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	.page_translation .arrow_box:after {
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #ffffff;
		border-width: 30px;
		margin-left: -30px;
	}
	.page_translation .arrow_box:before {
		border-color: rgba(204, 204, 204, 0);
		border-top-color: #ccc;
		border-width: 31px;
		margin-left: -31px;
	}
/* 商標出願
---------------------------------------------------------- */
.page_service .list {
    display: flex;
    height: 200px;
    justify-content: space-between;
}
	.page_service .list li {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin: 0 2%;
	    padding: 15px;
	    width: 200px;
	    height: 200px;
	    background-color: #233d87;
	    border-radius: 100%;
	}
	.page_service .list li a {
	    color: #fff;
	    display: block;
	    text-align: center;
	}
		.page_service .list li a:link,
		.page_service .list li a:hover,
		.page_service .list li a:visited{
		    color: #fff;
		}
@media screen and (max-width: 769px) {
	.page_service .list {
	    display: flex;
	    height: unset;
	    justify-content: space-between;
	    flex-wrap: wrap;
	}
	.page_service .list li {
	    margin: 10px;
	    padding: 0;
	    width: 150px;
	    height: 150px;
	}
}
/* よく受ける質問 ～商標Q&A～
---------------------------------------------------------- */
.faq li {margin-bottom: 1.0rem;}
.content .faq h3 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}
dl.faq {
	margin-bottom: 4.0rem;
}
	dl.faq dt {
	    color: #233d87;
	    font-size: 1.6rem;
		font-weight: 500;
	    margin-bottom: 0.5em;
	    padding: 15px 15px 15px 40px;
		position: relative;
	}
		dl.faq dt:before {
		    display: inline-block;
		    margin-right: 15px;
		    width: 25px;
		    height: 25px;
		    line-height: 25px;
		    content: "Q";
		    color: #fff;
		    background-color: #233d87;
		    text-align: center;
			position: absolute;
				left: 0px;
				top: 15px;
		}
	dl.faq dd {
	    background-color: #f4f5f9;
		margin-left: 2.0rem;
	    padding: 15px 15px 15px 50px;	    
		position:relative;
	}
		dl.faq dd:before {
			display: inline-block;
			position: absolute;
				left: 15px;
				top: 15px;
		    width: 25px;
		    height: 25px;
		    line-height: 25px;
		    content: "A";
		    color: #233d87;
		    background-color: #fff;
			border: solid 2px #233d87;
		    text-align: center;
			font-weight: bold;
			font-size: 1.8rem;
		}
 .page_faq .pagetop {
    text-align: right;
}
.content .page_faq dd h4 {
    font-size: 1.6rem;
}
.content .page_faq dd h3 {
    font-size: 1.6rem;
    font-weight: 700;
}
.page_trademark_madoritt .wrap,
.page_trademark_foreign .wrap {
    padding: 2.0rem;
	background-color: #F4F5F9;
}
.page_award h2 {
    border-bottom: solid 1px;
    margin-bottom: 1.0em;
    padding-bottom: 8px;
}
.page_award .wrap {
    border-bottom: dashed 1px #ddd;
    margin-bottom: 2.0em;
}
.page_award span.trademark {
    color: #fff;
    background-color: #233d87;
    
    padding: 5px;
    margin-right: 0.5rem;
    vertical-align: middle;
}
/* 登録できない商標
---------------------------------------------------------- */
.page_unacceptable .wrap {
    padding: 2.0rem;
    background-color: #F4F5F9;
}

/* 採用情報
---------------------------------------------------------- */
#career .messagebox dt {
    position: relative;
    margin-bottom: 1.0rem;
    padding: 0.5rem 0.5rem 0.5rem 2.7rem;
    background-color: #F4F5F9;
    color: #233d87;
    font-size: 1.8rem;
	font-weight: normal;
}
	#career .messagebox dt:before {
		position: absolute;
			left:0.5rem;
			top: 1.0rem;		
	    content: "\f067";
		font-family: "FontAwesome";
	    display: inline-block;
	    margin-right: 0.5rem;
	    width: 18px;
	    height: 18px;
	    line-height: 18px;
	    text-align: center;
	}
		#career .messagebox dt.open:before {
			content: "\f068";
			font-family: "FontAwesome";
		}
	#career .messagebox dt:hover {
	    cursor: pointer;
	    opacity: 0.8;
	}
#career .messagebox dd {
    padding: 0.5rem;
    display: none;
}
#career .wrap {
    margin-bottom: 2.0rem;
    padding: 1.0rem;
    border: solid 1px #ccc;
}
/* 応募フォーム */
.table.apform th{width:340px;}
.table.apform td{
	width:calc(100% - 340px);
    vertical-align: middle;
}

@media screen and (max-width: 769px) {
	.table.apform th{width:100%;}
	.table.apform td{width:100%}
}	
/*
.career_menu .inner {
	margin-bottom: 1.0em;
    display: flex;
    justify-content: center;
    align-items: center;	
}
.career_menu .inner a {
	border: solid 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
	.career_menu .inner a:hover {
		border: solid 1px rgb(35,61,135);
		color: #fff;
		text-decoration: none;
	}
	.career_menu .inner span{
		padding-left: 60px;
	}
	.career_menu .inner.career_menu01 a {
		background: url(../img/pages/career/btn_career01.png) 10px no-repeat;
		background-size: 50px 50px;
	}
		.career_menu .inner.career_menu01 a:hover {
			background: rgb(35,61,135) url(../img/pages/career/btn_career01_on.png) 10px no-repeat;
			background-size: 50px 50px;
		}
	.career_menu .inner.career_menu02 a {
		background: url(../img/pages/career/btn_career02.png) 10px no-repeat;
		background-size: 50px 50px;
	}
		.career_menu .inner.career_menu02 a:hover {
			background: rgb(35,61,135) url(../img/pages/career/btn_career02_on.png) 10px no-repeat;
			background-size: 50px 50px;
		}
	.career_menu .inner.career_menu03 a {
		background: url(../img/pages/career/btn_career03.png) 10px no-repeat;
		background-size: 50px 50px;
	}
		.career_menu .inner.career_menu03 a:hover {
			background: rgb(35,61,135) url(../img/pages/career/btn_career03_on.png) 10px no-repeat;
			background-size: 50px 50px;
		}
	.career_menu .inner.career_menu04 a {
		background: url(../img/pages/career/btn_career04.png) 10px no-repeat;
		background-size: 50px 50px;
	}
		.career_menu .inner.career_menu04 a:hover {
			background: rgb(35,61,135) url(../img/pages/career/btn_career04_on.png) 10px no-repeat;
			background-size: 50px 50px;
		}
	.career_menu .inner.career_menu05 a {
		background: url(../img/pages/career/btn_career05.png) 10px no-repeat;
		background-size: 50px 50px;
	}
		.career_menu .inner.career_menu05 a:hover {
			background: rgb(35,61,135) url(../img/pages/career/btn_career05_on.png) 10px no-repeat;
			background-size: 50px 50px;
		}
	.career_menu .inner.career_menu06 a {
		background: url(../img/pages/career/btn_career06.png) 10px no-repeat;
		background-size: 50px 50px;
	}
		.career_menu .inner.career_menu06 a:hover {
			background: rgb(35,61,135) url(../img/pages/career/btn_career06_on.png) 10px no-repeat;
			background-size: 50px 50px;
		}
	.career_menu .inner.career_menu07 a {
		background: url(../img/pages/career/btn_career07.png) 10px no-repeat;
		background-size: 50px 50px;
	}
		.career_menu .inner.career_menu07 a:hover {
			background: rgb(35,61,135) url(../img/pages/career/btn_career07_on.png) 10px no-repeat;
			background-size: 50px 50px;
		}
@media screen and (max-width: 769px) {
	.career_menu .inner a {
		height: 60px;
	}
	.career_menu .inner.career_menu01 a,
	.career_menu .inner.career_menu01 a:hover,
	.career_menu .inner.career_menu02 a,
	.career_menu .inner.career_menu02 a:hover,
	.career_menu .inner.career_menu03 a,
	.career_menu .inner.career_menu03 a:hover,
	.career_menu .inner.career_menu04 a,
	.career_menu .inner.career_menu04 a:hover,
	.career_menu .inner.career_menu05 a,
	.career_menu .inner.career_menu05 a:hover,
	.career_menu .inner.career_menu06 a,
	.career_menu .inner.career_menu06 a:hover,
	.career_menu .inner.career_menu07 a,
	.career_menu .inner.career_menu07 a:hover {
			background-size: 40px 40px;
	}
	.career_menu .inner span {
	    padding-left: 80px;
	    text-align: left;
	    width: 100%;
	}
}
.careers dt, .careers dd {
    border-bottom: solid 1px #ccc;
    padding: 15px;
}
.videoArea .imgArea {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.videoArea .imgArea.video_old {
    padding-top: 360px;
}
.videoArea .imgArea iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.page-ryukavoice #eviry-video-list_13 {
    display: none;
}
.page-ryukavoice .eviry-baseplayer {
  position: absolute!important;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.page-ryukavoice .eviry-baseplayer div {
    max-width: 100%;
}

.page-employee .articleWrap {
    border: solid 1px #eee;
    padding: 15px;
}
.interview .flex {
    display: flex;
}
	.interview .flex dt {
		width: 80px;
	}
	.interview .flex dd {
		width: calc(100% - 80px);
	}
	.interview_a {
	}
.careers-messagebox {
    margin-bottom:3.0rem;
    padding-bottom:3.0rem;
	border-bottom: dashed 1px #ccc;
}
.interview {
    background-color: #F4F5F9;
    padding: 15px;
}
#swipebox-overlay {
    background: rgba(13, 13, 13, 0.8)!Important;
}
.page-career #content01 p.blue {
	line-height:200%;
    font-size: 1.8rem;
}
@media screen and (max-width: 769px) {
	.content.container.videoArea {
		padding: 0;
	}
.page-career #content01 p.blue {
    font-size: 1.6rem;
}
	
}

.page-career #content03 table{
    table-layout: fixed;
}
.page-career #content03 th.col01 {
    width: 120px;
}

.page-id-20095 #content03 figcaption,
.page_careers #content04 figcaption {
    line-height: 160%;
    margin-bottom: 1.5rem;
}
.page-id-20095 #content03 figcaption span,
	.page_careers #content04 figcaption span {
		color: #233d87;
		font-size: 1.3rem;
	}
.page-career #content05 ul li {
    font-size: 1.8rem;
    font-weight: 700;
}
.page-career .btn_wrap a,
.page-career-child .btn_wrap a{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
	.page-career .btn_wrap a:hover,
	.page-career-child .btn_wrap a:hover {
		color: #fff;
		background-color: #233d87;
		text-decoration: none;
	}
*/
/* トップページ　ニュースタブ切り替え
---------------------------------------------------------- */
.tab-group{
}
.tab{
	margin-bottom: 0.5em;
	width: 100%;
    padding:10px 15px;
    list-style:none;
    border:solid 1px rgb(165, 177, 212);
    text-align:center;
    cursor:pointer;
	margin-right: 10px;
    color:#233D87;
    
    line-height: 100%;
}
.panel-group{
	min-height:150px;
    border-top:none;
	background:#fff;
	padding: 0 15px 15px 15px;
}
.panel{
    display:none;
}
.tab.is-active{
	background:#F4F5F9;
    color:#233D87;
    transition: all 0.2s ease-out;
}
.panel.is-show{
    display:block;
}
/*　Loading
 * https://icons8.com/cssload/en/spinners
 * https://newstella.co.jp/2017/03/02/228
------------------------------------------------*/
#floatingCirclesG{
	position:relative;
	width:106px;
	height:106px;
	margin:auto;
	transform:scale(0.6);
		-o-transform:scale(0.6);
		-ms-transform:scale(0.6);
		-webkit-transform:scale(0.6);
		-moz-transform:scale(0.6);
}
.f_circleG{
	position:absolute;
	background-color:rgb(255,255,255);
	height:19px;
	width:19px;
	border-radius:10px;
		-o-border-radius:10px;
		-ms-border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
	animation-name:f_fadeG;
		-o-animation-name:f_fadeG;
		-ms-animation-name:f_fadeG;
		-webkit-animation-name:f_fadeG;
		-moz-animation-name:f_fadeG;
	animation-duration:1.2s;
		-o-animation-duration:1.2s;
		-ms-animation-duration:1.2s;
		-webkit-animation-duration:1.2s;
		-moz-animation-duration:1.2s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}
#frotateG_01{
	left:0;
	top:43px;
	animation-delay:0.45s;
		-o-animation-delay:0.45s;
		-ms-animation-delay:0.45s;
		-webkit-animation-delay:0.45s;
		-moz-animation-delay:0.45s;
}
#frotateG_02{
	left:12px;
	top:12px;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}
#frotateG_03{
	left:43px;
	top:0;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}
#frotateG_04{
	right:12px;
	top:12px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}
#frotateG_05{
	right:0;
	top:43px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}
#frotateG_06{
	right:12px;
	bottom:12px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}
#frotateG_07{
	left:43px;
	bottom:0;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}
#frotateG_08{
	left:12px;
	bottom:12px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}
#is-loading {
 display: block;
 position: fixed;
 width: 100%;
 height: 100%;
 top: 0px;
 left: 0px;
    background: #ffffff;
    z-index: 9999;
}
#loading {
 display: none;
 position: fixed;
 top: 50%;
 left: 50%;
 width: 106px;
 height: 106px!important;
 margin-top: -53px;
 margin-left: -53px;
 text-align: center;
 color: #fff;
 z-index: 9;
    z-index: 99999;
}

/* 弁理士・弁護士紹介　詳細
--------------------------------------------- */
.partners h2 {
    position: relative;
    margin-bottom: 7.0rem;
    padding-bottom: 5px;
    color: #233d87;
    border-bottom: solid 1px;
    font-size: 2.8rem;
	font-weight: 700;
    text-align: center;
}
	.partners h2 small {
		font-size: 1.6rem;
	}
	.partners h2 span {
		position: absolute;
		width: 100%;
		left: 0;
		bottom: -30px;
		font-size: 1.8rem;
	}

@media (max-width: 768px) {
	.partners h2 {
		margin-top: 2.0rem;
		margin-bottom: 6.0rem;
		font-size: 2.4rem;
	}
		.partners h2 small {
			font-size: 1.4rem;
		}
		.partners h2 span {
			position: absolute;
			width: 100%;
			left: 0;
			bottom: -30px;
			font-size: 1.4rem;
		}	
}

.partners .private {
    margin: 3.0em auto 0 auto;
    padding: 30px 0;
    background-color: #f1f4ff;	
    color: #233d87;
    font-size: 1.3rem;
    line-height: 180%;
}
.partners h3 {
    color: #233d87;
    font-size: 1.6rem;
    font-weight: 700;
    margin: 2.0rem auto 0.5rem auto;
}
.partners .private h3 {
    color: #233d87;
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 auto 1.5rem auto;
}
.partners p {
    
}
/* search */
.tagsearch {
    background-color: #f4f5f9;
    padding: 1.0rem;
    margin-bottom: 2.0rem;
}
.tagsearch form {
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
	.tagsearch select {
	    width: 42%;
	    border: solid 1px #233d87;
	    color: #233d87;
	}
	.tagsearch input[type="submit"] {
	    width: 15%;
	    border: solid 1px #233d87;
	    background-color: #233d87;
	    color: #fff;
	}
@media (max-width: 768px) {
	.tagsearch select,
	.tagsearch input[type="submit"] {
	    width: 100%;
	}
	.tagsearch select{margin-bottom: 0.5rem;}
}
.result {
    margin-bottom: 3.0rem;
    color: #233d87;
    border-bottom: solid 1px #233d87;
    padding: 1.0rem;
    font-size: 1.6rem;
    line-height: 100%;
}
article .small.tags {
    margin-top: 1.0rem;
}
	article .small.tags a {
	    font-weight: normal;
	    margin-right: 0.5rem;
	}
	article .small.tags a:before {
	    content: "\f02b";
	    font-family: "FontAwesome";
	    margin-right: 0.2rem;
	    font-weight: 300;
	}

/* Japanese Patent Process
--------------------------------------------- */
#jpatentprocess ul{margin-bottom: 1.0rem;}
.content #jpatentprocess h3 {
    font-size: 1.8rem;
    margin-bottom: 1.0rem;
}
.border_b {
    border-bottom: solid 1px #233d87;
}
/* Sitemap
--------------------------------------------- */

#sitemap h3, #sitemap h4 {
    font-size: 1.6rem;
    font-weight: 700;
}
	#sitemap h4 {
		margin-left: 1.0rem;
	}
.wsp-pages-list li {
    margin-bottom: 1.0em;
    font-weight: bold;
    font-size: 1.6rem;
}
	.wsp-pages-list .children {
		margin-left: 3.0em;
		margin-bottom: 1.0rem;
	}
		.wsp-pages-list .children li {
			margin-bottom: 0;
			font-weight: normal;
			
			list-style-type: disc;
		}