@charset "UTF-8";

/* 共通設定 */
.bold {
	font-weight: bold;
}

.sticky-title {
	color: #ff4444;
	
}

.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright{
	float: right;
	margin-left: 1.5em;
}
.alignleft{
	float: left;
	margin-right: 1.5em;
}

figure {
	max-width: -webkit-fill-available;
}

/* PC向け */
/* @media screen and (min-width: 769px) { */
 @media screen and (min-width: 641px) {
	body {
		position: relative;
		display: flex;
		flex-direction: column;
		
		margin: unset;
		
		font-size: 1em;
		font-family: "メイリオ" ;
	}
	
	/* ヘッダ */
	header {
		position: fixed;
		width: -webkit-fill-available;
		
		display: flex;
		flex-direction: column;
		
		height: 80px;
		
		background-color: white;
		
		z-index: 10;
	}
	
	#wp-custom-header {
		position: absolute;
		top: 0;
		left: 0;
		
	}
	
	#header-main {
		display: flex;
		flex-direction: row;
		
		justify-content: right;
		
		padding-right: 1em;
	}
	
	#header-menu {
		height: 80px;
	}
	
	#header-menu a {
		text-decoration: none;
		color: #333355;
	}
	
	#header-menu > ul {
		display: flex;
		flex-direction: row;
		
		padding: unset;
		margin: unset;
		
		height: -webkit-fill-available;
		
	}
	
	#header-menu > ul > li {
		position: relative;
		
		display: flex;
		flex-direction: column;
		justify-content: center;
		
		margin-left: 1em;
		
	}
	
	#header-menu > ul > li > div {
		display: flex;
		flex-direction: row;
		
	}
	
	#header-menu > ul > li > div > i {
		display: none;
		
	}
	
	#header-menu > ul > li.menu-item-has-children > div > i {
		display: block;
		width: 1em;
		text-align: center;
		margin-top: 0.2em;
		
	}
	
	#header-menu > ul > li.menu-item-has-children ul {
		display: none;
		
	}
	
	#header-menu > ul > li.menu-item-has-children.is-open ul {
		display: block;
	}
	
	#header-menu > ul > li > ul {
		position: absolute;
		top: 3.5em;
		right: 0;
		
		width: max-content;
		
		padding: 0.5em 1em 0.5em 1em;
		
		background-color: white;
		border: solid thin #dddddd;
		
	}
	
	#header-menu > ul > li > ul > li {
		position: relative;
		
		display: flex;
		flex-direction: column;
		justify-content: center;
		
		text-align: end;
	}
	
	#header-menu > ul > li > ul > li > div > i {
		display: none;
		
	}
	
	#header-contact {
		display: flex;
		flex-direction: column;
		justify-content: center;
		
		margin-left: 1em;
		
	}
	
	#header-contact > a > p {
		background-color: #333355;
		color: white;
		
		padding: 0.5em 1em 0.5em 1em;
		
		border-radius: 1em;
		
	}
	
	#btn-navi {
		display: none;
		
	}
	
	#bread-crumb {
		height: 20px;
		padding: 0.5em 1em 0.5em 1em;
		
		background-color: #fafaff;
		
		border-bottom: solid thin #aaaaaa;
		
	}
	
	/* フッタ */
	footer {
		display: flex;
		flex-direction: column;
		
		padding-top: 2em;
		padding-bottom: 2em;
		
		background-color: #777777;
		
		color: white;
		
	}
	
	#footer-main {
		display: flex;
		flex-direction: row;
		justify-content: center;
		
	}
	
	#footer-menu {
	}
	
	#footer-menu a {
		font-size: 1.5em;
		text-decoration: none;
		color: white;
		
	}
	
	#footer-menu > ul {
		display: flex;
		flex-direction: row;
		
		padding: unset;
		margin: unset;
		
		height: -webkit-fill-available;
		
	}
	
	#footer-menu > ul > li {
		position: relative;
		
		display: flex;
		flex-direction: column;
		justify-content: center;
		
		margin-left: 1em;
		margin-right: 1em;
		
	}
	
	#footer-copyright {
		text-align: center;
		margin-top: 1em;
	}
	
	/* サイドメニュー */
	#side-menu {
		padding: 1em 1em 2em 1em;
		
		width: 13vw;
		background-color: white;
	}
	
	#side-menu > section {
		margin-bottom: 1em;
		
		
	}
	
	#side-menu > section > h2 {
		margin: unset;
		
		font-size: 1.5em;
		
	}
	
	#side-menu ul.category-list {
		margin: unset;
		
		padding: unset;
		padding-left: 1em;
		
	}
	
	#side-menu ul.category-list > li {
		display: block;
		
	}
	
	#side-menu ul.wp-tag-cloud {
		display: flex;
		flex-direction: row;
		
		flex-wrap: wrap;
		
		margin: unset;
		
		padding: unset;
		padding-left: 1em;
		
	}
	
	#side-menu ul.wp-tag-cloud > li {
		display: block;
		
		margin-bottom: 0.5em;
	}
	
	#side-menu ul.wp-tag-cloud > li > a {
		margin-right: 0.5em;
		padding: 0.2em 1em 0.2em 1em;
		
		border: solid thin #cccccc;
		border-radius: 1em;
		
		background-color: #eeeeee;
		color: #333366;
		
		text-decoration: none;
		
	}
	
	#side-menu ul.archive-list {
		margin: unset;
		
		padding: unset;
		padding-left: 1em;
		
	}
	
	#side-menu ul.archive-list > li {
		display: block;
		
	}
	
	/* メイン */
	main {
		display: flex;
		flex-direction: row;
		justify-content: center;
		
		background-color: #f5f5ff;
		
	}
	
	main > div {
		margin-top : 130px;
		
	}
	
	/* 全幅利用ページ */
	div.wide-content {
		padding: unset;
		
		display: flex;
		flex-direction: column;
		
		width: -webkit-fill-available;
		
	}
	
	div.wide-content h1 {
		margin: unset;
		text-align: center;
		
		font-size: 2.5em;
		
	}
	
	div.wide-content > article {
		padding-top: 1em;
		padding-bottom: 1em;
		word-wrap: break-word;
		
		background-color: white;
		
	}
	
	div.wide-content > article:nth-child(2n) {
		background-color: #f5f5ff;
	}
	
	div.wide-content > article > h2 {
		margin: unset;
		text-align: center;
		
		font-size: 2em;
		
	}
	
	/* アーカイブ系ページ */
	div.archive-content {
		display: flex;
		flex-direction: row;
		
		justify-content: space-between;
		
		padding: unset;
		
		width: 80vw;
		
	}
	
	div.archive-content > div.archive-block {
		background-color: white;
		
		margin-bottom: 1em;
		margin-right: 1em;
		padding: 1em 1em 2em 1em;
		
		width: -webkit-fill-available;
		
		
	}
	
	div.archive-content > div.archive-block h1 {
		margin: unset;
		
		font-size: 2em;
		
	}
	
	div.archive-content > div.archive-block nav.pagination {
		display: flex;
		flex-direction: row;
		
		justify-content: center;
		
	}
	
	div.archive-content > div.archive-block nav.pagination > div.nav-links {
		display: flex;
		flex-direction: row;
		
	}
	
	div.archive-content > div.archive-block nav.pagination > div.nav-links > .page-numbers {
		width: 2.5em;
		font-size: 1.6em;
		text-align: center;
		
		margin-left: 0.2em;
		margin-right: 0.2em;
		
		border: solid thin #eeeeee;
		
		background-color: #eeeeff;
		text-decoration: none;
	}
	
	div.archive-content > div.archive-block nav.pagination > div.nav-links > .page-numbers.current {
		background-color: white;
	}
	
	div.archive-content > div.archive-block nav.pagination > div.nav-links > .page-numbers.prev {
		border: none;
	}
	
	div.archive-content > div.archive-block nav.pagination > div.nav-links > .page-numbers.next {
		border: none;
	}
	
	div.archive-content > div.archive-block nav.pagination > div.nav-links > .page-numbers.dots {
		border: none;
		background-color: white;
	}
	
	ul.article-list {
		padding: 0 1em 0 1em;
		
	}
	
	ul.article-list > li {
		display: block;
		
	}
	
	ul.article-list > li > article {
		display: flex;
		flex-direction: row;
		
		justify-content: space-between;
		
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		padding: 0.5em;
		
		border-top: solid thin #cccccc;
		
	}
	
	ul.article-list > li:first-child > article {
		border-top: none;
		
	}
	
	ul.article-list > li > article > div.article-main {
		display: flex;
		flex-direction: column;
		
		width: -webkit-fill-available;
		
	}
	
	ul.article-list > li > article > div.article-main > h2.article-title {
		margin: unset;
		
		font-size: 1.5em;
		
	}
	
	ul.article-list > li > article > div.article-main > div.meta {
		display: flex;
		flex-direction: column;
		
	}
	
	ul.article-list > li > article > div.article-main > div.meta > div.post-time {
		
	}
	
	ul.article-list > li > article > div.article-main > div.meta > ul.post-categories {
		display: flex;
		flex-direction: row;
		
		padding: unset;
		
		flex-wrap: wrap;
		
	}
	
	ul.article-list > li > article > div.article-main > div.meta > ul.post-categories > li {
		display: block;
		
		margin-right: 0.5em;
		
		font-size: 1em;
		
	}
	
	ul.article-list > li > article > div.article-main > div.meta-tags {
		display: flex;
		flex-direction: column;
		
	}
	
	ul.article-list > li > article > div.article-main > div.meta-tags > ul.post-tags {
		display: flex;
		flex-direction: row;
		
		padding: unset;
		
		flex-wrap: wrap;
		
	}
	
	ul.article-list > li > article > div.article-main > div.meta-tags > ul.post-tags > li {
		display: block;
		
		margin-top: 0.3em;
		margin-bottom: 0.3em;
		margin-right: 0.5em;
		
	}
	
	ul.article-list > li > article > div.article-main > div.meta-tags > ul.post-tags > li > a {
		padding: 0.2em 1em 0.2em 1em;
		
		border: solid thin #cccccc;
		border-radius: 1em;
		
		background-color: #eeeeee;
		color: #333366;
		
		font-size: 0.8em;
		text-decoration: none;
		
	}
	
	ul.article-list > li > article > div.article-img {
		width: fit-content;
	}
	
	ul.article-list > li > article > div.article-img > img {
		
	}
	
	/* 記事 */
	div.article-content {
		display: flex;
		flex-direction: row;
		
		justify-content: space-between;
		
		padding: unset;
		
		width: 80vw;
		
	}
	
	div.article-content > div.article-block {
		background-color: white;
		
		margin-bottom: 1em;
		margin-right: 1em;
		padding: 1em 3em 2em 3em;
		
		width: -webkit-fill-available;
		
		
	}
	
	div.article-content > div.article-block > article {
		display: flex;
		flex-direction: row;
		
		justify-content: space-between;
		
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		padding: 0.5em;
		
		width: 54vw;
	}
	
	div.article-content > div.article-block > article > div.article-main {
		display: flex;
		flex-direction: column;
		
		width: -webkit-fill-available;
		
	}
	
	div.article-content > div.article-block > article > div.article-main > h2.article-title {
		margin: unset;
		
		font-size: 1.5em;
		
	}
	
	div.article-content > div.article-block > article > div.article-main > div.meta {
		display: flex;
		flex-direction: column;
		
	}
	
	div.article-content > div.article-block > article > div.article-main > div.meta > div.post-time {
		
	}
	
	div.article-content > div.article-block > article > div.article-main > div.meta > ul.post-categories {
		display: flex;
		flex-direction: row;
		
		margin: unset;
		padding: unset;
		
		flex-wrap: wrap;
		
	}
	
	div.article-content > div.article-block > article > div.article-main > div.meta > ul.post-categories > li {
		display: block;
		
		margin-right: 0.5em;
		
		font-size: 1em;
		
	}
	
	div.article-content > div.article-block > article > div.article-main > div.meta-tags {
		display: flex;
		flex-direction: column;
		
		margin-bottom: 1em;
		
	}
	
	div.article-content > div.article-block > article > div.article-main > div.meta-tags > ul.post-tags {
		display: flex;
		flex-direction: row;
		
		margin: unset;
		padding: unset;
		
		flex-wrap: wrap;
		
	}
	
	div.article-content > div.article-block > article > div.article-main > div.meta-tags > ul.post-tags > li {
		display: block;
		
		margin-top: 0.3em;
		margin-bottom: 0.3em;
		margin-right: 0.5em;
		
	}
	
	div.article-content > div.article-block > article > div.article-main > div.meta-tags > ul.post-tags > li > a {
		padding: 0.2em 1em 0.2em 1em;
		
		border: solid thin #cccccc;
		border-radius: 1em;
		
		background-color: #eeeeee;
		color: #333366;
		
		font-size: 0.8em;
		text-decoration: none;
		
	}
	
	div.article-content > div.article-block > article > div.article-img {
		width: fit-content;
	}
	
	div.article-content > div.article-block > article > div.article-img > img {
		
	}
	
	/* 固有ページ */
	div.page-content {
		display: flex;
		flex-direction: row;
		
		justify-content: space-between;
		
		padding: unset;
		
		width: 60vw;
		
	}
	
	div.page-content > div.article-block {
		background-color: white;
		
		margin-bottom: 1em;
		margin-right: 1em;
		padding: 1em 3em 2em 3em;
		
		width: -webkit-fill-available;
		
		
	}
	
	div.page-content > div.article-block > article {
		display: flex;
		flex-direction: row;
		
		justify-content: space-between;
		
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		padding: 0.5em;
		
		width: -webkit-fill-available;
	}
	
	div.page-content > div.article-block > article > div.article-main {
		display: flex;
		flex-direction: column;
		
		width: -webkit-fill-available;
		
	}
	
	div.page-content > div.article-block > article > div.article-main > h2.article-title {
		margin: unset;
		
		font-size: 1.5em;
		
	}
	
	div.page-content > div.article-block > article > div.article-main > div.meta {
		display: flex;
		flex-direction: column;
		
	}
	
	div.page-content > div.article-block > article > div.article-main > div.meta > div.post-time {
		
	}
	
	div.page-content > div.article-block > article > div.article-main > div.meta > ul.post-categories {
		display: flex;
		flex-direction: row;
		
		margin: unset;
		padding: unset;
		
		flex-wrap: wrap;
		
	}
	
	div.page-content > div.article-block > article > div.article-main > div.meta > ul.post-categories > li {
		display: block;
		
		margin-right: 0.5em;
		
		font-size: 1em;
		
	}
	
	div.page-content > div.article-block > article > div.article-main > div.meta-tags {
		display: flex;
		flex-direction: column;
		
		margin-bottom: 1em;
		
	}
	
	div.page-content > div.article-block > article > div.article-main > div.meta-tags > ul.post-tags {
		display: flex;
		flex-direction: row;
		
		margin: unset;
		padding: unset;
		
		flex-wrap: wrap;
		
	}
	
	div.page-content > div.article-block > article > div.article-main > div.meta-tags > ul.post-tags > li {
		display: block;
		
		margin-top: 0.3em;
		margin-bottom: 0.3em;
		margin-right: 0.5em;
		
	}
	
	div.page-content > div.article-block > article > div.article-main > div.meta-tags > ul.post-tags > li > a {
		padding: 0.2em 1em 0.2em 1em;
		
		border: solid thin #cccccc;
		border-radius: 1em;
		
		background-color: #eeeeee;
		color: #333366;
		
		font-size: 0.8em;
		text-decoration: none;
		
	}
	
	div.page-content > div.article-block > article > div.article-img {
		width: fit-content;
	}
	
	div.page-content > div.article-block > article > div.article-img > img {
		
	}
	
	/* TOPページ */
	#top-page #top-image {
		object-fit: cover;
		width: 100%;
		height: 350px;
	}
	
	#top-features {
		display: flex;
		flex-direction: column;
		
	}
	
	#top-features .cont-img{
		display: flex;
		flex-direction: row;
		justify-content: center;
		
	}
	
	#top-features > ul {
		display: flex;
		flex-direction: row;
		justify-content: center;
		
	}
	
	#top-features > ul > li {
		display: block;
		width: 25%;
		
		background-color: white;
		
		margin-left: 1em;
		margin-right: 1em;
		
		padding: 1em;
		
	}
	
	#top-features > ul > li div.feature-title {
		text-align: center;
		
		font-size: 1.2em;
		
		font-weight: bold;
		margin-bottom: 0.5em;
	}
	
	#top-features > ul > li div.feature-text {
		
	}
	
	#top-ben3 {
		width: 40%;
		
	}
	
	/* お問い合わせ*/
	form.wpcf7-form {
		
	}
	
	form.wpcf7-form input[name='your-name'] {
		width: 10em;
		
	}
	
	form.wpcf7-form input[name='your-email'] {
		width: 20em;
		
	}
	
	form.wpcf7-form input[name='your-subject'] {
		width: 20em;
		
	}
	
	form.wpcf7-form textarea[name='your-message'] {
		width: 30em;
		
	}
	
	/* 弁護士紹介 */
	#intro-img-block {
		display: flex;
		flex-direction: column;
		
		width: fit-content;
	}
	
	#intro-img-block p {
		text-align: center;
		
		font-weight: bold;
		
	}
	
	#intro-img {
		width: 10em;
		
	}
	
	#article-intro {
		
	}
	
	#article-intro h3 {
		margin-bottom: 0.2em;
	}
	
	#article-intro table {
		border-collapse: collapse;
	}
	
	#article-intro table > tbody {
		
	}
	
	#article-intro table > tbody > tr {
		
	}
	
	#article-intro table > tbody > tr > td {
		border: solid thin black;
		
		padding: 0.2em 1em 0.2em 1em;
		min-width: 8em;
		
	}
	
	#article-intro ul {
		margin-top: unset;
	}
	
	#article-intro ul > li {
		margin-bottom: 0.5em;
	}
	
	#article-intro p {
		margin: unset;
	}
	
	/* 業務内容 */
	#article-business {
		
	}
	
	#article-business > section {
		
	}
	
	#article-business > section > p {
		
	}
	
	#article-business > section > p.business-text-main {
		
	}
	
	#article-business > section > p.business-text-sub {
		
	}
	
	#article-business > section > p.list-title {
		margin-bottom: 0.2em;
		
	}
	
	#article-business > section > ul {
		margin-top: unset;
	}
	
	#article-business > section > ul > li {
		
	}
	
	
}