/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
	/*font-family: 'Noto Sans JP', sans-serif;*/
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	color: #454545;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Noto Serif JP', serif;
}
a {
	color: #00305B;
	text-decoration: underline;
}
a:hover {
	color: #004F95;
	text-decoration: none;
	transition: all 300ms 0s ease;
}
.alignnone {
	margin: 0 !important;
}
.ind1 {
	text-indent: -1em;
	margin-left: 1em;
}
.nobr {
	white-space: nowrap;
}
.br {
	display: inline-block;
}
.sp-br {
	display: inline-block;
}
.red {
	color: #D90000;
}
@media (min-width: 768px) {
	.sp-br {
		display: inline;
	}
	.pc-br {
		display: inline-block;
	}
}


/*--------------------------------------------------------------
# layout
--------------------------------------------------------------*/
.page-template-fullwidth-without-container #content > .container {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
}
.page-template-fullwidth-without-container #content > .container > .row {
	margin-left: 0;
	margin-right: 0;
}
.page-template-fullwidth-without-container #content > .container > .row > #primary {
	padding: 0;
}

@media (min-width: 768px) {
	.container {
		width: 1010px;
		max-width: 1010px;
	}
}
@media (min-width: 992px) {
	.container {
		width: 1010px;
		max-width: 1010px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 1010px;
		max-width: 1010px;
	}
}


/*--------------------------------------------------------------
# nav
--------------------------------------------------------------*/
header#masthead {
	height: 70px;
	border: none;
	box-shadow: none;
	padding-top: 1rem;
	padding-bottom: 0;
	background-color: rgba(255,255,255,0.8) !important;
	border-bottom: 1px solid #CCC;
}
header#masthead .container {
	padding-left: 0;
	padding-right: 0;
}
.navbar {
	font-family: 'Noto Serif JP', serif;
	font-weight: normal;
}
.navbar-brand {
	margin-right: 0;
	padding-top: 0;
	padding-right: 80px;
}
.navbar-brand img {
	width: 250px;
}
.navbar-toggler {
	display: none;
}

.responsive-menu-inner {
	margin-top: -3px !important;
}

@media (min-width: 768px) {
	header#masthead {
		padding-left: 0;
		padding-right: 0;
		padding-top: 20px;
		height: auto;
		border-bottom: none;
	}
	header#masthead .container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.navbar {
		display: block;
	}
	.navbar-brand {
		padding-right: 0;
		padding-bottom: 20px;
		display: block;
		text-align: center;
	}
	.navbar-brand img {
		width: 300px;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding: 1rem 1.25rem 0.8rem;
		font-size: 1rem;
		text-decoration: none;
		border-bottom: 3px solid transparent;
	}
	.navbar-expand-md .navbar-nav .nav-link:hover,
	.navbar-expand-md .navbar-nav .current-menu-item .nav-link,
	.navbar-expand-md .navbar-nav .current-menu-parent .nav-link,
	.navbar-expand-md .navbar-nav .current-page-ancestor .nav-link {
		border-bottom: 3px solid #00305B;
	}
	#main-nav {
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}

	.navbar-expand-md .navbar-nav .dropdown-menu {
		margin: 0;
		padding: 0;
		width: auto;
		border: none;
		border-top: 1px solid #CCC;
		border-radius: 0;
	}
	.navbar-expand-md .navbar-nav .dropdown-menu a {
		text-decoration: none;
		font-size: 0.875rem;
		padding: 0.5rem 1.5rem 0.5rem 1.5rem;
		color: #FFF;
		background-color: #00305B;
		white-space: nowrap;
	}
	.navbar-expand-md .navbar-nav .dropdown-menu a:hover,
	.navbar-expand-md .navbar-nav .dropdown-menu a:focus {
		background-color: #004F95 !important;
	}
	.dropdown-toggle::after {
		display: none;
	}

}
@media only screen and (min-width : 768px) {
		.dropdown:hover .dropdown-menu {
				display: block;
		}
}


/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/
#footer-widget {
	padding: 0 0 20px;
	background-color: #00305B;
	color: #FFF;
	text-align: center;
}
#footer-widget a {
	color: #FFF;
}
#footer-widget #menu-footer-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 20px;
}
#footer-widget #menu-footer-menu li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	list-style: none;
	border-bottom: 1px solid #FFF;
}
#footer-widget #menu-footer-menu li:nth-child(odd) {
	border-right: 1px solid #FFF;
}
#footer-widget #menu-footer-menu li a {
	display: block;
	text-decoration: none;
	padding: 10px;
	font-size: 0.875rem;
}
#footer-widget .footer-logo-area .footer-name {
	font-size: 1.250rem;
	margin-bottom: 10px;
}
#footer-widget .footer-logo-area .footer-name img {
	width: 80%;
}
footer#colophon {
	text-align: center;
	color: #FFF;
	background-color: #004F95 !important;
	border: none;
}
footer#colophon a {
	text-decoration: none;
}
@media only screen and (min-width : 768px) {
	#footer-widget {
		padding: 40px 0;
	}
	#footer-widget #menu-footer-menu {
		justify-content: center;
		margin-top: 20px;
		margin-bottom: 0;
	}
	#footer-widget #menu-footer-menu li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
		border: none !important;
	}
	#footer-widget #menu-footer-menu li a {
		padding: 0 15px;
	}
	#footer-widget #menu-footer-menu li a:hover {
		text-decoration: underline;
	}
	#footer-widget .footer-logo-area {
		margin-bottom: 20px;
	}
	.home #footer-widget .footer-logo-area {
		margin-bottom: 0;
	}
	#footer-widget .footer-logo-area .footer-name {
		font-size: 1.500rem;
		margin-bottom: 15px;
	}
	#footer-widget .footer-logo-area .footer-name img {
		width: 320px;
	}
}


/*--------------------------------------------------------------
# page top
--------------------------------------------------------------*/
#p-top {
	position: fixed;
	bottom: 0;
	right: 0;
	background-color: rgb(236, 236, 236 ,0.5);
	padding: 6px;
}
.fa-chevron-up {
	font-size: 18px;
}
.pageTop-chevron{
	color:black;
	padding:8px;
}
#p-top a {
	color: black;
}
@media (min-width: 768px) {
	#p-top {
		right: 30px;
		padding: 8px;
	}
	#p-top:hover {
		background-color: rgb(236, 236, 236 ,1);
	}
}


/*--------------------------------------------------------------
# content
--------------------------------------------------------------*/
.entry-header {
	text-align: center;
}
.entry-header h1 {
	font-family: 'Noto Serif JP', serif;
	display: inline-block;
	margin: 0 auto 10px;
	padding-bottom: 15px;
	font-size: 1.500rem;
	border-bottom: none;
	border-bottom: 3px solid #00305B;
}

body:before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
}

#content.site-content {
	padding-top: 2rem;
}
@media (min-width: 768px) {
	#content.site-content {
		padding-top: 3rem;
	}
	.entry-header h1 {
		margin-bottom: 30px;
		padding-bottom: 20px;
		font-size: 1.750rem;
	}
}


/*--------------------------------------------------------------
# HOME
--------------------------------------------------------------*/
.home #content.site-content {
	padding-top: 0;
	padding-bottom: 0;
}
.home #content .container {
	width: 100% !important;
	max-width: 100% !important;
}
.home #content .container > .row {
}
.home .entry-content {
	margin-top: 0;
}
.home .home-link {
	padding: 2em 0 1em;
}
.home .home-link a {
	display: block;
	padding: 1em 0;
	font-size: 0.938rem;
	text-align: center;
	text-decoration: none;
	color: #333;
	background-color: #E6DECA;
}
.home .home-link a:hover {
	background-color: #F1EDE0;
}
.home .home-main {
	height: 400px;
	color: #FFF;
	background-color: #00305B;
}
.home .home-main .home-text {
	text-align: center;
}
.home .home-main .home-text-inner {
	display: inline-block;
	margin: 0 auto;
	padding-top: 220px;
	font-size: 1.500rem;
}
.home .home-main .home-text-inner .logo img {
	margin-bottom: 20px !important;
	border: 1px solid #FFF;
}
.home .home-main .home-text-inner .text-en {
	font-size: 0.650em;
}

.home .home-main .home-img {
	background: url(images/top_main_img01.jpg) bottom center no-repeat;
	background-size: cover;
}
.home .home-movie {
	padding-top: 20px;
	padding-bottom: 20px;
	/*background-color: #1379D5;
	background-color: #FFF;*/
}
/*.home .home-movie .movie-wrap {
	position: relative;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
	font-size: 2.500rem;
	background-color: #eee;
}
.home .home-movie .movie-wrap::before {
	content: "";
	display: block;
	padding-top: 56.25%;
}*/
.home .home-movie .movie-wrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.home .home-movie .movie-wrap video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
}
@media (min-width: 768px) {
	.home .home-link a {
		padding: 1rem 2.5rem;
		font-size: 1.125rem;
	}
	.home .home-main {
		height: 650px;
	}
	.home .home-movie {
		padding-top: 0;
		padding-bottom: 20px;
	}
	.home .home-movie {
	}
	.home .home-movie .movie-wrap {
		/*width: 600px;
		height: 338px;*
		padding-top: 0;
		margin: 0 auto;*/
	}
}


/*--------------------------------------------------------------
# メッセージ
--------------------------------------------------------------*/
body.message:before {
	background: url(images/message_bg.jpg) center center no-repeat;
	background-size: cover;
}

.message .site-main {
	background-color: rgba(255,255,255,0.8);
	padding: 20px;
	font-size: 1.125rem;
	line-height: 2;
}
.message .name-text {
	font-size: 1.500rem;
	font-weight: bold;
	line-height: 1.4;
}
.message .name-text .sm-text {
	font-size: 0.650em;
	font-weight: normal;
}
@media (min-width: 768px) {
	.message .site-main {
		padding: 60px;
	}
	.message .name-text {
		font-size: 1.750rem;
	}
}


/*--------------------------------------------------------------
# TLO概要
--------------------------------------------------------------*/
body.overview:before {
	background: url(images/overview_bg.jpg) center center no-repeat;
	background-size: cover;
}
.overview .overview-wrap {
	margin-bottom: 20px;
	padding: 20px;
	background-color: rgba(255,255,255,0.8);
}
.overview .overview-icon {
	width: 40px;
	margin-right: 20px;
}
.overview .overview-title {
	font-size: 1.250rem;
	font-weight: bold;
	line-height: 2;
}
.overview .overview-text {
	font-size: 1.125rem;
}

.overview .lawyer-wrap {
	padding-bottom: 20px;
}
.overview .lawyer-img img {
	width: 90px;
	border-radius: 50px;
}
.overview .lawyer-name {
	font-size: 1.500rem;
}
.overview .overview-tbl th,
.overview .overview-tbl td {
	padding: 10px;
}
.overview .overview-tbl th {
	padding-left: 0;
}
.overview .overview-tbl th.text-top {
	vertical-align: top;
}
@media (min-width: 768px) {
	.overview .overview-wrap {
		margin-bottom: 30px;
		padding: 40px;
	}
	.overview .lawyer-wrap {
		padding-bottom: 40px;
	}
	.overview .lawyer-text {
		margin-bottom: 10px;
	}
}


/*--------------------------------------------------------------
# TLO概要-弁護士プロフィール
--------------------------------------------------------------*/
body.overview-child:before {
	background: url(images/overview_bg.jpg) center center no-repeat;
	background-size: cover;
}
.overview-child .profile-wrap {
	margin-bottom: 20px;
	padding: 20px;
	background-color: rgba(255,255,255,0.8);
}
.overview-child .profile-img {
	text-align: center;
	margin-bottom: 20px;
}
.overview-child .profile-img img {
	width: 200px;
	margin: 0 auto;
	border-radius: 120px;
}
.overview-child .profile-text h2 {
	margin-bottom: 15px;
	padding-bottom: 15px;
	font-size: 2.250rem;
	text-align: center;
	border-bottom: 1px solid #333;
}
.overview-child .profile-text .s-text {
	margin-bottom: 15px;
	font-size: 1.000rem;
	font-weight: normal;
	text-align: left;
}
.overview-child .profile-tbl {
	margin-bottom: 0;
}
.overview-child .profile-tbl th,
.overview-child .profile-tbl td {
	padding: 7px;
	vertical-align: top;
	display: block;
}
.overview-child .profile-tbl th {
	padding-bottom: 0;
}
.overview-child .profile-tbl td {
	padding-top: 0;
}
.overview-child .profile-tbl td .s-text {
	font-size: 0.875em;
}
@media (min-width: 768px) {
	.overview-child .profile-wrap {
		margin-bottom: 30px;
		padding: 40px;
	}
	.overview-child .profile-text h2 {
		margin-bottom: 25px;
		padding-bottom: 25px;
	}
	.overview-child .profile-tbl th,
	.overview-child .profile-tbl td {
		display: table-cell;
		padding: 7px;
	}
	.overview-child .profile-tbl th {
		width: 22%;
	}
}


/*--------------------------------------------------------------
# 事業案内
--------------------------------------------------------------*/
.work .work-wrap-fluid {
	background-color: #CCC3AD;
}
.work .work-inner {
	background-color: #CCC3AD;
}
.work .work-inner .work-main-img {
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	background: url(images/work_bg.jpg) center center no-repeat;
	background-size: cover;
}
.work .work-inner .work-main-img::before {
	content: "";
	display: block;
	padding-top: 50%;
}
.work .work-inner .work-main-img .work-lead01 {
	display: none;
	margin-bottom: 15px;
	font-size: 1.250rem;
	font-weight: bold;
	color: #40231F;
	text-shadow:0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF;
	-webkit-text-shadow:0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF;
}
.work .work-inner .work-main-img .work-lead02 {
	display: none;
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1.8;
	color: #40231F;
	text-shadow:0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF;
	-webkit-text-shadow:0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF;
}
.work .work-menu {
	padding-top: 20px;
	padding-bottom: 10px;
}
.work .work-menu .work-menu-link a {
	display: block;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 0.875rem;
	text-align: center;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	background-color: #E6DECA;
}
.work .work-menu .work-menu-link a:hover {
	background-color: #F1EDE0;
}

.work .work-box {
	padding-top:20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCC;
}
.work .work-box .work-sub-title {
	text-align: center;
}
.work .work-box .work-sub-title h2 {
	display: inline-block;
	font-size: 1.250rem;
	margin-bottom: 1.5em;
	border-bottom: 2px solid #AB9F82;
}
.work .work-box .work-img {
	position: relative;
}
.work .work-box .work-img::before {
	display: block;
	content: "";
	padding-top: 75%;
}
.work .work-box .work-img .content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: 0 15px 15px 15px;
}
.work .work-box#work01 .work-img .content {
	background: url(images/work_img01.jpg) center center no-repeat;
	background-size: cover;
}
.work .work-box#work02 .work-img .content {
	background: url(images/work_img02.jpg) center center no-repeat;
	background-size: cover;
}
.work .work-box#work03 .work-img .content {
	background: url(images/work_img04.jpg) top center no-repeat;
	background-size: cover;
}
.work .work-box#work04 .work-img .content {
	background: url(images/work_img03.jpg) center center no-repeat;
	background-size: cover;
}
.work .work-box#work05 .work-img .content {
	background: url(images/work_img05.jpg) center center no-repeat;
	background-size: cover;
}
.work .work-box#work06 .work-img .content {
	background: url(images/work_img06.jpg) center center no-repeat;
	background-size: cover;
}
.work .work-box .work-img .content img {
	display: none;
}
.work .work-box .work-icon a:hover {
	opacity: 0.8;
}
.work .work-box .work-text {
	line-height: 1.7;
}
.work .work-box .work-text .work-link-btn {
	margin-top: 20px;
}
.work .work-box .work-text .work-link-btn a {
	display: block;
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	color: #333;
	background-color: #E6DECA;
}
.work .work-box .work-text .work-link-btn a:hover {
	background-color: #F1EDE0;
}

.work .work-lead {
	margin-top: 20px;
	padding: 20px;
	background-color: #E6DECA;
}
.work .work-lead .work-lead01 {
	margin-bottom: 15px;
	font-size: 1.250rem;
	font-weight: bold;
	color: #40231F;
}
.work .work-lead .work-lead02 {
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1.8;
	color: #40231F;
}
@media (min-width: 768px) {
	.work .work-inner .work-main-img {
		background: url(images/work_bg.jpg) right center no-repeat;
		background-size: cover;
		width: 836px !important;
		max-width: 836px !important;
		flex: 0 0 85%;
		left:-150px;
		height: 558px;
	}.work .work-inner .work-main-img::before {
		display: none;
	}
	.work .work-inner .work-main-img .work-lead01 {
		display: block;
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 1.250rem;
	}
	.work .work-inner .work-main-img .work-lead02 {
		display: block;
		position: absolute;
		bottom: 10px;
		right: 10px;
		width: 430px;
		font-size: 1.125rem;
	}
	.work .work-inner {
		position: relative;
	}
	.work .work-menu {
		position: absolute;
		right: 0;
		top: 20px;
		padding-top: 0;
		padding-bottom: 0;
	}
	.work .work-menu .work-menu-link a {
		margin: 20px auto;
		padding: 20px;
		width: 250px;
		font-size: 1.125rem;
	}

	.work .work-box {
		padding-top:60px;
		padding-bottom: 60px;
	}
	.work .work-box .work-sub-title {
		text-align: left;
	}
	.work .work-box .work-sub-title h2 {
		font-size: 1.500rem;
	}
	.work .work-box .work-img::before {
		display: none;
	}
	.work .work-box .work-img .content {
		position: relative;
		overflow: visible;
		margin: 0;
	}
	.work .work-box .work-img .content img {
		display: block;
	}
	.work .work-box .work-text {
		line-height: 2;
	}
	.work .work-box .work-text .work-link-btn a {
		margin-bottom: 0;
		padding: 10px 30px;
	}
	.work .work-lead {
		display: none;
	}
}


/*--------------------------------------------------------------
# 事業案内-パーソナルサポートの流れ
--------------------------------------------------------------*/
.flow .flow-box .flow-lead {
	margin-bottom: 20px;
	padding: 10px;
	font-size: 1.000rem;
	background-color: #F1EDE0;
	border: 5px solid #AB9F82;
}
@media (min-width: 768px) {
	.flow .flow-box .flow-lead {
		margin-bottom: 40px;
		padding: 30px;
	}
}

/*--------------------------------------------------------------
# 事業案内-報酬ご案内
--------------------------------------------------------------*/
.fee .fee-box {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCC;
}
.fee .fee-box .fee-sub-title {
	text-align: center;
}
.fee .fee-box .fee-sub-title h2 {
	display: inline-block;
	margin-bottom: 1.5em;
	font-size: 1.375rem;
	text-align: center;
	border-bottom: 2px solid #AB9F82;
}
.fee .fee-box .fee-lead {
	margin-bottom: 20px;
	padding: 10px;
	font-size: 1.000rem;
	background-color: #F1EDE0;
	border: 5px solid #AB9F82;
}
.fee .fee-box .fee-lead h3 {
	font-size: 1.250rem;
	text-align: center;
}
.fee .fee-box .fee-text {
	margin-bottom: 20px;
	padding: 20px;
	font-size: 1.250rem;
	text-align: center;
	color: #FFF;
	background-color: #004F95;
}
.fee .fee-box .fee-text h3 {
	margin-bottom: 1.000rem;
	font-size: 1.500rem;
}
.fee .fee-box .fee-text .l-text {
	font-size: 1.350rem;
	font-weight: bold;
}
.fee .fee-box .fee-text .fee-notes {
	margin-top: 20px;
	padding: 10px;
	font-size: 0.875rem;
	text-align: left;
	color: #454545;
	background-color: #FFF;
}
.fee .fee-box .fee-em {
	padding: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #EE7744;
}
.fee .fee-box .fee02-sub-title {
	margin-bottom: 20px;
	font-size: 1.500rem;
	text-align: center;
}
.fee .fee-box .fee-tbl-wrap table th,
.fee .fee-box .fee-tbl-wrap table td {
	padding: 10px;
	text-align: center;
	border: 1px solid #ccc;
}
.fee .fee-box .fee-tbl-wrap table th {
	color: #FFF;
	background-color: #004F95;
}
.fee .fee-box .fee-tbl-wrap table.fee-tbl-01 td:nth-child(1) {
	text-align: left;
}
.fee .fee-box .fee-tbl-wrap table.fee-tbl-02 tbody th {
	color: #454545;
	background-color: #BBDFFF;
}
.fee .fee-box .fee-tbl-wrap table tr:nth-child(even) {
	/*background-color: #F0F8FF;*/
}
.fee .fee-box .fee-ex,
.fee .fee-box .fee-notes {
	margin-bottom: 20px;
	padding: 15px;
	background-color: #EEE;
}
.fee .fee-box .fee-notes {
	font-size: 0.875rem;
}
@media (min-width: 768px) {
	.fee .fee-box {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.fee .fee-box .fee-sub-title h2 {
		font-size: 1.625rem;
	}
	.fee .fee-box .fee-lead {
		margin-bottom: 40px;
		padding: 25px;
	}
	.fee .fee-box .fee-lead h3 {
		font-size: 1.500rem;
	}
	.fee .fee-box .fee-text {
		margin-bottom: 0;
		padding: 20px;
		height: 100% !important;
	}
	.fee .fee-box .fee-text.check-fee {
		width: 80%;
		margin: 0 auto;
	}
	.fee .fee-box .fee-text.h-auto {
		height: auto !important;
	}
	.fee .fee-box .fee-text .fee-notes {
		padding: 10px;
	}
	.fee .fee-box .fee-em {
		display: inline-block;
		margin: 40px auto 0;
		padding: 30px;
		text-align: left;
	}
	.fee .fee-box .fee-tbl-wrap table {
		margin-bottom: 0;
	}
	.fee .fee-box .fee-tbl-wrap table th,
	.fee .fee-box .fee-tbl-wrap table td {
		font-size: 1.000em;
		padding: 15px;
	}
	.fee .fee-box .fee-ex {
		margin-top: 20px;
	}
	.fee .fee-box .fee-ex,
	.fee .fee-box .fee-notes {
		padding: 20px;
		margin-bottom: 0;
	}
}

/*--------------------------------------------------------------
# 研修・セミナー
--------------------------------------------------------------*/
/*.seminar #content {
	padding-top: 0;
}
.seminar .entry-header {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 100;
}
.seminar .entry-header h1 {
	margin-top: 10px;
	color: #FFF;
	border-bottom-color: #FFF;
	filter: drop-shadow(0 0 5px #000
}
.seminar .entry-content {
	margin-top: 0;
}
.seminar .seminar-header-img {
	width: 100%;
	background: url(images/seminar_bg.jpg) center center no-repeat;
	background-size: cover;
}
.seminar .seminar-header-img::before {
	content: "";
	display: block;
	padding-top: 27%;
}*/
body.seminar:before {
	background: url(images/seminar_bg.jpg) center center no-repeat;
	background-size: cover;
}
.seminar-lead {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #FFF;
}
.seminar .seminar-box {
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
}
.seminar .seminar-box h2 {
	font-size: 1.250rem;
	text-align: center;
}
.seminar .seminar-box.box01 {
	background-color: #00305B;
}
.seminar .seminar-box.box02 {
	background-color: #CCC3AD;
}
.seminar .seminar-box.box03 {
	background-color: #EDEDED;
}
.seminar .seminar-box.box01 h2 {
	color: #E6AF00;
}
.seminar .seminar-box.box02 h2 {
	color: #00305B;
}
.seminar .seminar-box.box03 h2 {
	color: #111;
}
.seminar .seminar-box.box01 .seminar-text {
	color: #FFF;
}
.seminar .seminar-box.box02 .seminar-text {
	color: #00305B;
}
.seminar .seminar-box.box03 .seminar-text {
	color: #333;
}
.seminar .seminar-icon {
	text-align: center;
	margin-bottom: 20px;
}
.seminar .seminar-icon img {
	width: 30%;
}
.seminar .seminar-btn a {
	display: block;
	width: 200px;
	margin: 20px auto 0;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #333;
	background-color: #E6DECA;
}
.seminar .seminar-btn a:hover {
	background-color: #F1EDE0;
}

@media (min-width: 768px) {
	/*.seminar .entry-header h1 {
		margin-top: 3rem;
	}
	.seminar .seminar-header-img {
		height: 520px;
	}
	.seminar .seminar-header-img::before {
		display: none;
	}*/
	.seminar-lead {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.seminar .seminar-box.box02 h2 {
		margin-left: -10px;
		margin-right: -10px;
	}
	.seminar .seminar-icon {
		text-align: center;
		margin-bottom: 20px;
	}
	.seminar .seminar-icon img {
		width: 100px;
	}
	.seminar .seminar-box {
		padding: 30px 40px 110px;
		margin-bottom: 0;
	}
	.seminar .seminar-btn {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 40px;
		margin: 0 auto;
	}
}


/*--------------------------------------------------------------
# 研修・セミナー一覧
--------------------------------------------------------------*/
.seminar-list-wrap table th,
.seminar-list-wrap table td {
	padding: 10px 15px;
	border: 1px solid #CCC;
}
.seminar-list-wrap table th {
	background-color: #eee;
}
.seminar-list-wrap table.seminar-list01 th:nth-child(1) { width: 10%;}
.seminar-list-wrap table.seminar-list01 th:nth-child(2) {	width: 17%;}
.seminar-list-wrap table.seminar-list01 th:nth-child(3) {	width: 35%;}
.seminar-list-wrap table.seminar-list01 th:nth-child(4) { width: 16%;}
.seminar-list-wrap table.seminar-list01 th:nth-child(5) { width: 22%;}
.seminar-list-wrap table.seminar-list02 th:nth-child(1) { width: 10%;}
.seminar-list-wrap table.seminar-list02 th:nth-child(2) {	width: 20%;}
.seminar-list-wrap table.seminar-list02 th:nth-child(3) {	width: 48%;}
.seminar-list-wrap table.seminar-list02 th:nth-child(4) { width: 22%;}
.seminar-list-wrap table.seminar-list03 th:nth-child(1) { width: 10%;}
.seminar-list-wrap table.seminar-list03 th:nth-child(2) {	width: 26%;}
.seminar-list-wrap table.seminar-list03 th:nth-child(3) {	width: 48%;}
.seminar-list-wrap table.seminar-list03 th:nth-child(4) { width: 16%;}

.seminar-child .page-numbers {
	padding: 0 0.1em;
	font-size: 1.250rem;
}

@media screen and (max-width: 767px) {
	.seminar-list-wrap table {
	}
	.seminar-list-wrap table .thead {
		display: none;
	}
	.seminar-list-wrap table tr {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	.seminar-list-wrap table td {
		display: block;
		width: 100%;
		padding: 5px 10px;
		border-top: none;
	}
	.seminar-list-wrap table td:first-child {
		padding: 10px;
		background: #EEE;
		font-weight: bold;
		text-align: center;
		border-top: 1px solid #CCC;
	}
	.seminar-list-wrap table tbody {
		display: block;
		margin-bottom: 10px;
	}
	.seminar-list-wrap table.seminar-list03 tr {
		margin-bottom: 0;
		padding-bottom: 10px;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
	.seminar-list-wrap table.seminar-list03 td {
		border: none;
	}
	.seminar-list-wrap table.seminar-list03 td {
		padding: 7px 10px 0 !important;
		background: #FFF;
		font-weight: normal;
		text-align: left;
		border-top: none;
	}
	.seminar-list-wrap table.seminar-list03 td.list-year {
		padding: 10px !important;
		background: #EEE;
		font-weight: bold;
		text-align: center;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
	.seminar-list-wrap table td:before {
		content: attr(data-label);
		display: block;
		font-weight: bold;
		margin-right: 10px;
	}
}

/*--------------------------------------------------------------
# 会員専用
--------------------------------------------------------------*/
body.member:before {
	background: url(images/member_bg.jpg) center center no-repeat;
	background-size: cover;
}
.member .member-box {
	margin-bottom: 20px;
	background-color: #FFF;
	border: 1px solid #CCC;
}
.member .member-box h2 {
	margin-bottom: 0;
	padding: 10px;
	font-size: 1.250rem;
	line-height: 1.4;
	text-align: center;
	background-color: #f1f1f1;
	border-bottom: 1px solid #CCC;
}
.member .member-box .member-text {
	padding: 10px;
}
.member .member-box .member-btn {
	padding: 0 10px 10px;
}
.member .member-box .member-btn a {
	display: block;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background-color: #00305B;
}
.member .member-box .member-btn.btn02 a {
	color: #00305B;
	background-color: #CCC3AD;
}
.member .member-box .member-btn a:hover {
	background-color: #004F95;
}
.member .member-box .member-btn.btn02 a:hover {
	background-color: #DED8C9;
}

@media (min-width: 768px) {
	.member .member-box {
		margin-bottom: 0;
	}
	.member .member-box h2 {
		padding: 15px;
	}
	.member .member-box .member-text {
		padding: 15px 10px;
	}
	.member .member-box .member-btn {
		padding: 0 15px 15px;
	}
	.member .member-box .member-btn a {
		padding: 20px;
	}
}


/*--------------------------------------------------------------
# 会員専用-下層ページ
--------------------------------------------------------------*/
.member-child .member-lower-wrap {
	margin-bottom: 30px;
}
.member-child .title-wrap {
	text-align: center;
}
.member-child .title-wrap h2 {
	margin: 0 auto;
	padding: 15px;
	font-size: 1.500rem;
	/*background-color: #EEE;
	border-top: 2px solid #004F95;*/
	border-bottom: 3px solid #004F95;
}
.member-child h3.member-lower-title {
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 5px;
	font-size: 1.125rem;
	border-bottom: 1px solid #CCC;
}
.member-child .member-lower-box {
	padding: 0 0 20px;
	border-bottom: 2px solid #888;
}
.member-child .member-lower-text {
}
.member-child .member-lower-text table th,
.member-child .member-lower-text table td {
	padding: 10px;
	border: 1px solid #CCC;
}
.member-child .member-lower-text table th {
	background-color: #EEE;
}
.member-child .member-lower-text table.member-lower-tbl01 th:nth-child(1),
.member-child .member-lower-text table.member-lower-tbl02 th:nth-child(1) {
	width: 30%;
}
.member-child .member-lower-text h4 {
	font-size: 1.125em;
}
.member-child .member-lower-text ul {
	list-style: circle outside none;
	margin: 0 0 0 1.3em;
	padding: 0
}
.member-child .member-lower-text ol {
	list-style: decimal outside none;
	margin: 0 0 0 1.5em;
	padding: 0
}

.member-child .member-lower-btn {
	margin-top: 15px;
	text-align: center;
}
.member-child .member-lower-btn.info-btn {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 15px;
	text-align: left;
}
.member-child .member-lower-btn a {
	display: block;
	padding: 15px;
	text-decoration: none;
	color: #FFF;
	background-color: #00305B;
}
.member-child .member-lower-btn a:hover {
	background-color: #004F95
}

@media (min-width: 768px) {
	.member-child .member-lower-wrap {
		margin-bottom: 50px;
	}
	.member-child .title-wrap h2 {
		font-size: 1.750rem;
	}
	.member-child .member-lower-box {
		padding: 0 0 40px;
	}
	.member-child h3.member-lower-title {
		margin-bottom: 15px;
		padding-top: 40px;
		padding-bottom: 10px;
	}
	.member-child .member-lower-text {
}
	.member-child .member-lower-text table th,
	.member-child .member-lower-text table td {
		padding: 15px;
	}
	.member-child .member-lower-text table th {
		width: 15%;
	}
	.member-child .member-lower-text table.member-lower-tbl01 th {
		width: 25% !important;
	}
	.member-child .member-lower-text table.member-lower-tbl02 th:nth-child(1) {
		width: 25% !important;
	}
	.member-child .member-lower-text table.member-lower-tbl02 th:nth-child(2) {
		width: 75% !important;
	}
	.member-child .member-lower-btn a {
		display: inline-block;
		padding: 15px 40px;
	}
}


/*--------------------------------------------------------------
# お知らせ
--------------------------------------------------------------*/
body.news:before {
	/* background: url(images/news_bg.jpg) center center no-repeat; */
	/* background-size: cover; */
	background: #f0f0f0;
}
.news .news-content-border {
	border: 2px solid rgb(0, 48, 91);
}
.news .news-wrap {
	background-color: #FFF;
}
.news .news-list {
	padding: 20px;
}
.news .news-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.news .news-list ul li {
	padding: 10px 0;
	border-bottom: 1px solid #CCC;
}
.news .news-list ul li a {
	text-decoration: none;
}
.news .news-list ul li a:hover {
	text-decoration: underline;
}
.news .news-list .news-date {
	font-weight: bold;
}
.menu-news-menu-container {
	margin: 1.5rem 0 0;
}
.menu-news-menu-container ul.flex-column {
	flex-direction: row !important;
}
.menu-news-menu-container ul li {
	margin-bottom: 10px;
	width: 100%;
	list-style: none;
}
.menu-news-menu-container ul li.col-02 {
	width: 50%;
}
.menu-news-menu-container ul li a {
	padding: 1rem;
	background-color: #A9D2F8;
	text-decoration: none;
	text-align: center;
}
.menu-news-menu-container ul li.col-02 a {
	padding: 0.7rem;
	font-size: 0.750rem;
}
.menu-news-menu-container ul li.col-l a {
	margin-right: 5px;
}
.menu-news-menu-container ul li.col-r a {
	margin-left: 5px;
}
.menu-news-menu-container ul li a:hover {
	background-color: #DCEDFC;
}
@media (min-width: 768px) {
	.news .news-list {
		padding: 40px;
	}
	.news .news-list ul li {
		padding: 15px 0;
	}
	.menu-news-menu-container ul li {
		margin-bottom: 20px;
	}
	.menu-news-menu-container ul li a {
		padding: 1rem 1.5rem;
		font-size: 1rem;
	}
	.menu-news-menu-container ul li.col-02 a {
		font-size: 0.875rem;
	}
}


/*--------------------------------------------------------------
# 法曹をめざす方へ
--------------------------------------------------------------*/
.news .news-wrap {
	padding: 15px;
	margin-bottom: 15px;
}
.news h2 {
	margin-bottom: 1em;
	font-size: 1.500rem;
	text-align: center;
	color: #004F95;
}
.news .news-lower-img {
	margin-bottom: 20px;
}
.news .news-lower-text h3 {
	margin-bottom: 1rem;
	font-size: 1.125rem;
	line-height: 1.4;
	text-align: center;
}
.news .news-lower-btn {
	text-align: center;margin-top: 20px;
}
.news .news-lower-btn a {
	display: inline-block;
	padding: 15px;
	text-decoration: none;
	color: #FFF;
	background-color: #00305B;
}
.news .news-lower-btn a:hover {
	background-color: #004F95;
}

.news .in-ex-box {
	margin-bottom: 20px;
	padding: 15px;
	background-color: #F1F6FA;
	border: 1px solid #CCC;
}
.news .news-tbl th,
.news .news-tbl td {
	padding: 0px 10px;
}
.news .news-tbl th {
	white-space: nowrap;
	padding-left: 0;
}
.news .news-tbl th.text-top {
	vertical-align: top;
}
.news .text-indent {
	text-indent: -1rem;
	padding-left: 1rem;
}
.news .readmore-wrap {
	position: relative;
}
.news .readmore-wrap label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 140px; /* グラデーションの高さ */
	margin-bottom: 0;
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.news .readmore-wrap input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.news .readmore-wrap label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 16rem;
	content: ' 続きをよむ';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
	background-color: #00305B;
}
.news .readmore-wrap input {
	display: none;
}
.news .readmore-wrap .readmore {
	overflow: hidden;
	height: 680px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}
.news .readmore-wrap input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.news .readmore-wrap input:checked + label:after {
	content: '閉じる';
}
.news .readmore-wrap input:checked ~ .readmore {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}

@media (min-width: 768px) {
	.news .news-wrap {
		padding: 40px;
		margin-bottom: 40px;
	}
	.news h2 {
		font-size: 1.625rem;
	}
	.news .news-lower-img {
		margin-bottom: 40px;
	}
	.news .news-lower-text h3 {
		font-size: 1.350rem;
	}
	.news .news-lower-btn a {
		padding: 15px 30px;
	}

	.news .in-ex-box {
		margin-bottom: 40px;
		padding: 40px;
	}
}

/*--------------------------------------------------------------
# 事務局職員の採用情報
--------------------------------------------------------------*/
body.news-child.content01:before {
	background: url(images/bg_content01.jpg) no-repeat left top;
	background-size: cover;
}
@media (min-width: 768px) {
	body.news-child.content01:before {
		/* background: #f0f0f0; */
	}
}
body.news-child.content01 .box-triangle {
	background: #fff;
	position: relative;
}
body.news-child.content01 .box-triangle::before {
	content: "";
	bottom: 0;
	left: 0;
	border-top: 3em solid transparent;
	border-left: 3em solid #273878;
	position: absolute;
	z-index: 100;
}
body.news-child.content01 .box-triangle::after {
	content: "";
	top: 0;
	right: 0;
	border-bottom: 3em solid transparent;
	border-right: 3em solid #273878;
	position: absolute;
	z-index: 100;
}

body.news-child.content01 header.entry-header img {
	display: none;
}
@media (min-width: 768px) {
	body.news-child.content01 header.entry-header img {
		display: block;
	}
}

body.news-child.content02:before {
	background: url(images/bg_content02.jpg) no-repeat left center;
	background-size: cover;
}
@media (min-width: 768px) {
	body.news-child.content02:before {
		/* background: #f0f0f0; */
	}
}
body.news-child.content02 .content-title {
	text-align: left;
	margin-bottom: 10rem;
}
body.news-child.content02 .content-title .content-title-area {
	background-color: rgba(255,255,255,0.6);
	padding: 0.5rem 8rem 0.5rem 1rem;
}
@media (min-width: 768px) {
	body.news-child.content02 .content-title {
		text-align: center;
		margin-bottom: 3rem;
	}
	body.news-child.content02 .content-title .content-title-area {
		background: none;
		padding: 0.5rem 3rem;
	}
}
body.news-child.content02 ul.content02-list {
	list-style: none;
	padding-left: 1rem;
	height: auto;
}
body.news-child.content02 ul.content02-list li {
	position: relative;
	padding-left: 1.5rem;
}
body.news-child.content02 ul.content02-list li::before {
	content: '\f04b';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 4px;
	left: 0;
	font-size: 0.7rem;
	color: #888;
}
@media (min-width: 768px) {
	body.news-child.content02 ul.content02-list {
		height: 4.5rem;
	}
}

body.news-child.content03:before {
	background: url(images/bg_content03.jpg) no-repeat left center;
	background-size: cover;
}
@media (min-width: 768px) {
	body.news-child.content03:before {
		/* background: #f0f0f0; */
	}
}
body.news-child.content03 .content-title {
	margin-bottom: 3rem;
}
@media (min-width: 768px) {
	body.news-child.content03 .content-title {
		margin-bottom: 1rem;
	}
}
body.news-child.content03 header.entry-header {
	display: none;
}
@media (min-width: 768px) {
	body.news-child.content03 header.entry-header {
		display: block;
	}
}
body.news-child.content03 .content03-box {
	background: url(images/content03_box.png) no-repeat center top;
	background-size: 300px;
}
body.news-child.content03 .content03-box .box:nth-child(1) {
	margin-top: 15rem;
}
body.news-child.content03 .content03-box .box:nth-child(2) {
	margin-top: 10rem;
}
body.news-child.content03 .content03-box .box:nth-child(3) {
	margin-top: 5rem;
}
@media (min-width: 768px) {
	body.news-child.content03 .content03-box {
		background: url(images/content03_box_pc.png) no-repeat center top;
		background-size: 500px;
	}
	body.news-child.content03 .content03-box .box:nth-child(1) {
		margin-top: 13rem;
	}
	body.news-child.content03 .content03-box .box:nth-child(2) {
		margin-top: 8rem;
	}
	body.news-child.content03 .content03-box .box:nth-child(3) {
		margin-top: 3rem;
	}
}
body.news-child.content03 .content03-box .box .box-title {
	background-color: rgba(255,255,255,0.6);
	border-radius: 10px;
	padding: 1rem 0;
	text-align: center;
	margin-bottom: 0.5rem;
}
body.news-child.content03 .content03-box .box .box-subtitle {
	background-color: #556053;
	color: #fff;
	padding: 0 1rem;
	text-align: center;
	margin-bottom: 0.5rem;
}
body.news-child.content03 .content03-box .box .box-message {
}

body.news-child.content04 .content04-box .message {
	background: #f0f0f0;
	padding: 1.5rem 1rem;
	border-radius: 10px;
}
body.news-child.content04 .content04-box .message .name {
	display: block;
	margin-left: 1.5rem;
	margin-bottom: 0.5rem;
}
body.news-child.content04 .content04-box .pict-title-box {
	background: url(images/bg_content04.jpg) no-repeat center center;
	background-size: cover;
	min-height: auto;
}
body.news-child.content04 .content04-box .pict-title {
	color: #fff;
    text-align: center;
    width: 20rem;
    line-height: 3rem;
    padding: 100px 0;
    font-weight: 100;
    font-size: 1.75rem;
}
body.news-child.content04 .content-title {
	display: none;
}
body.news-child.content04 .content04-box .comment-a {
	order: 1;
}
body.news-child.content04 .content04-box .comment-b {
	order: 2;
	margin: 0;
}
body.news-child.content04 .content04-box .comment-c {
	order: 3;
}
body.news-child.content04 .content04-box .comment-d {
	order: 4;
}
body.news-child.content04 .content04-box .comment-e {
	order: 5;
}
@media (min-width: 768px) {
	body.news-child.content04 .content04-box .pict-title-box {
		min-height: 460px;
		/* display: none; */
	}
	body.news-child.content04 .content04-box .pict-title {
		width: 35rem;
		line-height: 5rem;
		font-size: 3.5rem;
	}
	body.news-child.content04 .content-title {
		display: block;
		text-align: center;
	}
	body.news-child.content04 .content04-box .message {
		border-radius: 100px;
		padding-left: 3rem;
		padding-right: 3rem;
	}
	body.news-child.content04 .content04-box .comment-a {
		order: 1;
	}
	body.news-child.content04 .content04-box .comment-b {
		order: 3;
		margin: 0 25%;
	}
	body.news-child.content04 .content04-box .comment-c {
		order: 2;
	}
	body.news-child.content04 .content04-box .comment-d {
		order: 4;
	}
	body.news-child.content04 .content04-box .comment-e {
		order: 5;
	}
}

body.news-child.content02work:before,
body.news-child.content02skill:before,
body.news-child.content02office:before {
	background: url(images/bg_content02.jpg) no-repeat left center;
	background-size: cover;
}
@media (min-width: 768px) {
	body.news-child.content02work:before,
	body.news-child.content02skill:before,
	body.news-child.content02office:before {
		/* background: #f0f0f0; */
	}
}
body.news-child.content02work .content-title,
body.news-child.content02skill .content-title,
body.news-child.content02office .content-title {
	text-align: left;
	margin-bottom: 10rem;
}
body.news-child.content02work .content-title .content-title-area,
body.news-child.content02skill .content-title .content-title-area,
body.news-child.content02office .content-title .content-title-area {
	background-color: rgba(255,255,255,0.6);
	padding: 0.5rem 1rem 0.5rem 1rem;
	font-size: 1.25rem;
}
@media (min-width: 768px) {
	body.news-child.content02work .content-title,
	body.news-child.content02skill .content-title,
	body.news-child.content02office .content-title {
		text-align: center;
		margin-bottom: 3rem;
	}
	body.news-child.content02work .content-title .content-title-area,
	body.news-child.content02skill .content-title .content-title-area,
	body.news-child.content02office .content-title .content-title-area {
		background: none;
		padding: 0.5rem 3rem;
		font-size: 1.75rem;
	}
}

/*--------------------------------------------------------------
# 弁護士の採用情報
--------------------------------------------------------------*/
body.recruit:before {
	background: #C0C0C0;
}
.recruit .box-triangle {
	background: #fff;
	position: relative;
}
.recruit .box-triangle::before {
	content: "";
	bottom: 0;
	left: 0;
	border-top: 3em solid transparent;
	border-left: 3em solid #273878;
	position: absolute;
	z-index: 100;
}
.recruit .box-triangle::after {
	content: "";
	top: 0;
	right: 0;
	border-bottom: 3em solid transparent;
	border-right: 3em solid #273878;
	position: absolute;
	z-index: 100;
}
.recruit .box-triangle .box-header {
	border-bottom: 1px solid #dee2e6;
}
.recruit .box-triangle ul.list-recruit {
	padding-left: 0;
	list-style: none;
	text-indent: -1em;
	line-height: 1.8;
}
@media (min-width: 768px) {
	.recruit .box-triangle .box-header {
		border-bottom: 0;
	}
}

/*--------------------------------------------------------------
# 事務局職員　要項
--------------------------------------------------------------*/
body.recruit_staff:before {
	background: #e4e4e4;
}
.recruit_staff .card {
	height: 100%;
	border: 2px solid rgb(0, 48, 91);
}

/*--------------------------------------------------------------
# インタビュー詳細
--------------------------------------------------------------*/
.interview-detail .interview-box {
	padding: 15px 15px 5px;
	line-height: 1.7;
	background-color: #F1F1F1;
	border-radius: 10px;
}
.interview-detail .interview-box p {
	margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
	.interview-detail .interview-box {
		padding: 40px 40px 10px;
	}
}

.interview-area .main-visual {
	position: relative;
	display: flex;
	justify-content: center;
}
.interview-area .main-visual img {
	width: 100%;
}
@media (min-width: 768px) {
	.interview-area .main-visual img {
		width: 65%;
	}
}
.interview-area .main-visual .visual-text {
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin: 1rem;
	padding: 1rem;
	background: rgba(230,230,230,0.7);
}
.interview-area .main-visual .visual-text p.head {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.1;
}
.interview-area .main-visual .visual-text p.text {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.1;
}
.interview-area .main-visual .visual-text p.text.name {
	width: 50%;
	text-align-last: justify;
	text-justify: inter-ideograph;
}
.interview-area  section {
	margin: 1rem 0;
	padding: 1rem 0;
}
.interview-area  section .interview-line {
	display: flex;
	border-bottom: 1px solid #00305B;
	padding: 0.75rem 0;
	margin-bottom: 1.25rem;
}
.interview-area  section .interview-line i {
	margin: 0 0.75rem;
	color: #aaa;
}
.interview-area  section .interview-line span {
	font-size: 1.25rem;
	color: #5179C4;
}
@media (min-width: 768px) {
	.interview-area .main-visual .visual-text p.head {
		font-size: 1.5rem;
	}
	.interview-area .main-visual .visual-text p.text {
		font-size: 1.25rem;
	}
	.interview-area  section .interview-line span {
		font-size: 1.5rem;
	}
}

/*--------------------------------------------------------------
# 受講生の体験談一覧・詳細
--------------------------------------------------------------*/
.experience .exp-box {
	margin-bottom: 15px;
	padding: 15px;
	background-color: #F1F1F1;
	border-radius: 10px;
}
.experience .exp-name {
	margin-bottom: 10px;
}
.experience .exp-name .l-text {
	font-size: 1.125em;
}
.experience .exp-text .int-test {
	margin-bottom: 10px;
	font-weight: bold;
}
.experience .exp-text {
	padding: 10px;
	background-color: #FFF;
	border-radius: 10px;
}
.exp-detail .exp-int {
	text-align: center;
	font-size: 1.125rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.exp-detail .exp-box {
	padding: 15px 15px 5px;
	line-height: 1.7;
	background-color: #F1F1F1;
	border-radius: 10px;
}
.exp-detail .exp-box p {
	margin-bottom: 1.5rem;
}
.exp-detail .exp-detail-btn {
	padding-top: 20px;
	text-align: center;
}
.exp-detail .exp-detail-btn a {
	display: inline-block;
	padding: 15px;
	text-decoration: none;
	color: #FFF;
	background-color: #00305B;
}
.exp-detail .exp-detail-btn a:hover {
	background-color: #004F95;
}
@media (min-width: 768px) {
	.experience .exp-box {
		margin-bottom: 30px;
		padding: 25px;
	}
	.experience .exp-icon {
		text-align: center;
	}
	.experience .exp-icon img {
		width: 60px;
		margin: 0 auto;
	}
	.experience .exp-name {
		text-align: center;
	}
	.experience .exp-name .l-text {
		font-size: 1.250rem;
	}
	.experience .exp-text {
		padding: 20px;
	}
	.exp-detail .exp-int {
	font-size: 1.250rem;
	margin-bottom: 20px;
}
	.exp-detail .exp-box {
		padding: 40px 40px 10px;
	}
	.exp-detail .exp-detail-btn {
		padding-top: 30px;
	}
	.exp-detail .exp-detail-btn a {
		padding: 15px 30px;
	}
}

/*--------------------------------------------------------------
# TLOだより
--------------------------------------------------------------*/
.blog .blog-head-rec {
	margin-bottom: 1em;
}
.blog .blog-head-rec > .row {
	margin-left: 0;
	margin-right: 0;
}
.blog .blog-head-rec .head-link {
	padding-left: 0;
	padding-right: 0;
	border: 1px solid #FFF;
}
.blog .blog-head-rec .blog-head-rec-title {
	padding: 0.7em;
	text-align: center;
	font-size: 1.250em;
	font-weight: bold;
	background-color: #eeeef1;
	border-bottom: 1px solid #FFF;
}
.blog .blog-head-rec a {
	display: block;
	text-decoration: none;
	/*padding-top:1em;
	padding-bottom: 1em;
	background-color: #eeeef1;
	border: 1px solid #FFF;*/
}
.blog .blog-head-rec .head-link:nth-child(odd) {
	border-left: none;
}
.blog .blog-head-rec .head-link:nth-child(even) {
	border-right: none;
}
.blog .blog-head-rec .head_img {
	position: relative;
	width: 100%;
	padding-top: 36%;
	overflow: hidden;
	margin: 0 auto;
}
.blog .blog-head-rec .head_img img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/* 画像の最大サイズは枠の2.5倍まで */
	max-width: 250% !important;
	max-height: 250% !important;
}
.blog .blog-head-rec .head_title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 5% 2%;
	font-size: 0.813em;
	font-weight: bold;
	color: #fff;
	background: rgba(0,0,0, .1);
	text-align: center;
	text-shadow: 0 0 2px #000,0 0 2px #000,0 0 3px #000;
	filter: glow(color=#000,strength=2px,color=#000,strength=2px);
	box-sizing: border-box;
	transition: all 300ms 0s ease;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.blog .blog-head-rec .head_title:hover {
	background: rgba(0,107,217, .3);
}

.multipletab {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.blog .blog-category {
	margin-bottom: 0.5em;
}
.blog .blog-category .row {
	margin-left: -5px;
	margin-right: -5px;
}
.blog .blog-category .row > div {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
}
.blog .blog-category .row > div > span {
	display: block;
	padding: 0.5em;
	background-color: #eeeef1;
	text-align: center;
	text-decoration: none;
	color: #454545;
	cursor: pointer;
}
.blog .blog-category .row > div > span:hover,
.blog .blog-category .row > div.tactive > span {
	color: #FFF;
	background-color: #004F95 !important;
	transition: all 300ms 0s ease;
}

.tab-content {
	position:relative;
}
.tab-content>div{
	position:absolute;
	padding: 0 10px !important;
}


.blog .blog-box {
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #CCC;
}
.blog .blog-box .blog-cate-name {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 10px;
	font-size: 0.750rem;
	color: #FFF;
	background-color: #004F95;
	z-index: 10;
}
.blog .blog-box a {
	display: block;
	text-decoration: none;
	color: #454545;
	background-color: #FFF;
}
.blog .blog-box a:hover {
	background-color: #eeeef1;
}
.blog .blog-box .blog-text-inner {
	padding: 15px;
}
.blog .blog-text-wrap .blog-author {
	margin-bottom: 10px;
	/*padding-left: 45px;
	background: url(images/blog_icon01.png) left center no-repeat;
	background-size: 35px;*/
}
.blog .blog-text-wrap .blog-author .date {
	font-weight: bold;
}
.blog .blog-text-wrap h2.blog-title {
	font-size: 1.250rem;
	line-height: 1.4;
	padding-bottom: 0;
}

#secondary.blog-sidebar {
	margin-top: 1.5em;
}
#secondary.blog-sidebar .widget {
	margin-bottom: 2.5em;
}
#secondary.blog-sidebar h3.widget-title {
	margin-bottom: 1em;
	padding-bottom: 0.8em;
	color: #004F95;
	border-bottom: 3px solid #004F95;
}
#secondary.blog-sidebar .nav > li > a:focus,
#secondary.blog-sidebar .nav > li > a:hover {
	background-color: #EDF9FE;
}
#secondary.blog-sidebar .children.nav {
	margin-left: 1.2em;
	padding-bottom: 0.4rem;
}
#secondary.blog-sidebar .children.nav a {
	padding: 0.3rem 1rem;
}

#secondary.blog-sidebar .widget_archive .nav-link {
	display: inline-block;
}
#secondary.blog-sidebar .search-form label {
	display: block;
	padding-bottom: 1em;
}
#secondary.blog-sidebar .form-control {
	background-color: #f1f1f1;
}
#secondary.blog-sidebar .form-control:focus {
	border-color: #67AFF1;
	box-shadow: 0 0 0 0.2rem rgba(103, 175, 241, 0.5);
}
#secondary.blog-sidebar .popular-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
#secondary.blog-sidebar .popular-list li {
	margin-bottom: 10px;
}
#secondary.blog-sidebar .popular-list a:hover li {
	background-color: #EDF9FE;
	transition: all 300ms 0s ease;
}
#secondary.blog-sidebar .popular-list li .popular-title {
	padding-left: 0;
}
@media (min-width: 768px) {
	.blog .blog-head-rec {
		margin-bottom: 1.5em;
		padding-bottom: 0;
	}
	/*.blog .blog-head-rec a {
		border: 1px solid #FFF !important;
	}
	.blog .blog-head-rec .head-link a:hover {
		background-color: #FFF;
	}*/
	.blog .blog-head-rec .head-link:first-child {
		border-left: none !important;
	}
	.blog .blog-head-rec .head-link:last-child {
		border-right: none !important;
	}
	.blog .blog-head-rec .head-link:nth-child(2) {
		border-right: 1px solid #FFF;
	}
	.blog .blog-head-rec .head-link:nth-child(3) {
		border-left: 1px solid #FFF;
	}
	/*.blog .blog-head-rec .head_title {
		padding-left: 0;
	}*/
	.blog .blog-category {
		margin-bottom: 1em;
	}
	.blog .blog-category .row > div.tactive > span::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -10px;
		border: 10px solid transparent;
		border-top: 10px solid #004F95;
		transition: all 300ms 0s ease;
	}
	.blog .blog-box {
		margin-bottom: 20px;
	}
	.blog .blog-box .blog-text-wrap {
		padding-left: 0;
	}
	.blog .blog-box .blog-text-inner {
		padding: 15px 15px 15px 0;
	}
	.blog .blog-text-wrap .blog-author {
		/*padding-left: 30px;*/
		font-size: 0.813rem;
		/*background-size: 20px;*/
	}
	.blog .blog-text-wrap .blog-author > div {
		display: inline-block;
		padding: 3px 0;
	}
	.blog .blog-text-wrap .blog-author .name {
		padding-left: 10px;
	}
	.blog .blog-text-wrap h2.blog-title {
		font-size: 1.000rem;
	}
	.blog .blog-text-wrap .blog-text {
		font-size: 0.875rem;
	}
}

.blog-child .content-area {
	margin-bottom: 3em;
}
.blog-child .entry-meta {
	margin-bottom: 2em;
	font-size: 0.813em;
	color: #777;
}
.blog-child .entry-meta a {
	color: #777;
}
.blog-child .entry-meta .blog-cate-name {
	display: inline-block;
	padding: 2px 7px;
	color: #FFF;
	background-color: #004F95;
}
@media (min-width: 768px) {
	.blog-child .content-area {
		margin-bottom: 0;
	}
}

/*--------------------------------------------------------------
# 会員専用-コポサポ、ファミサポ
--------------------------------------------------------------*/
body.post-type-archive-corposupo {
	/*background-color:#CCDCEA;*/
	background-color:#D8E4EF;
}
.blog.post-type-archive-corposupo .blog-head-rec .blog-head-rec-title {
	background-color: #FFF;
	/*border-bottom-color: #CCDCEA;*/
	border-bottom-color: #D8E4EF;
}
.blog.post-type-archive-corposupo .blog-head-rec .head-link {
	/*border-color: #CCDCEA;*/
	border-color: #D8E4EF;
}
.blog.post-type-archive-corposupo .blog-category .row > div > span {
	background: #FFF;
}

body.post-type-archive-famisupo {
	background-color:#F0EDE6;
}
.blog.post-type-archive-famisupo .blog-head-rec .blog-head-rec-title {
	background-color: #FFF;
	border-bottom-color: #F0EDE6;
}
.blog.post-type-archive-famisupo .blog-head-rec .head-link {
	border-color: #F0EDE6;
}
.blog.post-type-archive-famisupo .blog-category .row > div > span {
	background: #FFF;
}
.blog.post-type-archive-corposupo #secondary.blog-sidebar .form-control,
.blog.post-type-archive-famisupo #secondary.blog-sidebar .form-control {
	background-color: #FFF;
}
body.post-type-archive-famisupo.blog .blog-head-rec .blog-head-rec-title {
	font-size: 1.500rem;
}
body.post-type-archive-famisupo.blog .tab-buttons {
	font-size: 1.125rem;
}
body.post-type-archive-famisupo.blog .blog-box .blog-cate-name {
	font-size: 1.000rem;
}
body.post-type-archive-famisupo.blog .blog-head-rec .head_title {
	font-size: 1.250rem;
}
body.post-type-archive-famisupo.blog .blog-text-wrap .blog-author {
	font-size: 1.250rem;
}
body.post-type-archive-famisupo.blog .blog-text-wrap h2.blog-title {
	font-size: 1.500rem;
}
body.post-type-archive-famisupo.blog .blog-text-wrap .blog-text {
	font-size: 1.250rem;
}
body.post-type-archive-famisupo.blog #secondary.blog-sidebar h3.widget-title {
	font-size: 1.350rem;
}
body.post-type-archive-famisupo.blog #secondary.blog-sidebar .widget {
	font-size: 1.000rem;
}
@media (min-width: 768px) {
	body.post-type-archive-famisupo.blog .blog-box .blog-cate-name {
		font-size: 0.875rem;
	}
	body.post-type-archive-famisupo.blog .blog-head-rec .head_title {
		font-size: 1.000rem;
	}
	body.post-type-archive-famisupo.blog .blog-text-wrap .blog-author {
		font-size: 1.000rem;
	}
	body.post-type-archive-famisupo.blog .blog-text-wrap h2.blog-title {
		font-size: 1.250rem;
	}
	body.post-type-archive-famisupo.blog .blog-text-wrap .blog-text {
		font-size: 1.000rem;
	}
}

/*--------------------------------------------------------------
# アイコンの説明
--------------------------------------------------------------*/
.icon .icon-icon {
	text-align: center;
	margin-bottom: 10px;
}
.icon .icon-icon img {
	width: 30%;
}
.icon .icon-title {
	font-size: 2.000rem;
	margin-bottom: 10px;
	text-align: center;
}
.icon .icon-text {
	margin-top: 10px;
	margin-bottom: 50px;
}
@media (min-width: 768px) {
	.icon .icon-icon img {
		width: 80px;
	}
	.icon .icon-title {
		font-size: 1.500rem;
	}
}


/*--------------------------------------------------------------
# プライバシーポリシー
--------------------------------------------------------------*/
.privacy .privacy-title {
	font-size: 1.125rem;
}
.privacy .privacy-text {
	margin-bottom: 2rem;
}


/*--------------------------------------------------------------
# 404 error
--------------------------------------------------------------*/
.error404 .error-404 {
	text-align: center;
}
@media (min-width: 768px) {
	.error404 .error-404 {
		padding: 100px 0;
	}
}

/*--------------------------------------------------------------
# animation
--------------------------------------------------------------*/
#content,
body:before {
	animation: fadeIn 1.5s ease 0s 1 normal;
	-webkit-animation: fadeIn 1.5s ease 0s 1 normal;
	transition: all;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
	animation: fadeIn 0.5s ease 0s 1 normal;
	-webkit-animation: fadeIn 0.5s ease 0s 1 normal;
	transition: all;
}

@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}


/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------
@media only screen and (max-width: 1280px) {
	html {
		font-size: 95%;
	}
}

@media screen and (max-width: 1199px) {
	.navbar-dark .dropdown-item {
		color: #fff;
	}
	.navbar-nav .dropdown-menu {
		background: transparent;
		box-shadow: none;
		border: none;
	}
}*/
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------
@media only screen and (max-width: 1024px) {
	html {
		font-size: 80%;
	}
}*/
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------
@media only screen and (max-width: 960px) {
	html {
		font-size: 80%;
	}
}*/
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------
@media only screen and (max-width: 768px) {
	html {
		font-size: 80%;
	}
}*/
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
	html {
		font-size: 90%;
	}
}


@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

/*
#00305B
#606060
#EDEDED
#4BD1A0

#E6AF00
#007C4D

#A9D2F8
#1379D5
#004F95
#003F77
#00203C
#000912
*/