@charset "utf-8";

/* ### 文字 ### */
h1 {
	font-family: "Noto Sans JP", sans-serif;
}


/* ### 共通 ### */
.otherimage {
	background-image: url("../images/other_head.png");
	background-size: cover;
	background-position: center center;
	text-align: center;
	width: 100%;
	height: 300px;
	position: relative;
}
.otherimage h1 {
	letter-spacing: 0.2em;
	color: #f06414;
	font-size: 35px;
	font-weight: 700;
	text-shadow: 2px 2px 2px rgba(80,80,80,0.5);
	position: absolute;
	top: 65%;
	left: 50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	width: 80%;
	text-align: center;
}
.item {
	padding: 1em 3%;
	font-size: 90%;
}
.otherh4 {
	margin-top: 4.5em;
	margin-bottom: 2em;
}
.subt_h4 {
	position: relative;
	padding-left: 2em;
}
.subt_h4:before {
	font-family: 'Font Awesome 5 Free';
	line-height: 1;
	position: absolute;
	top: calc(50% - .5em);
	color: #eb6100;
	left: 0;
	content: '\f101';
}
/* 一覧へ戻るボタン */
.back_btn {
	display: block;
	width: 300px;
	font-weight: 500;
	margin: 0 auto;
	margin-top: 8em;
	margin-bottom: 6em;
	color: #f06414;
	text-align: center;
	padding: 1.3em 1em;
	border: 1px solid #f06414;
	border-radius: 50px;
}
.back_btn:hover {
	background: #f06414;
	color: #fff !important;
}




/* ### 顧問契約について ### */
.about_flex {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.about_text {
	width: 60%;
}
.about_img {
	width: 36%;
	height: 200px;
	background: #c8c8c8;
	border-radius: 10px;
	box-shadow: 0 3px 3px #ddd;
}
.ai01 {
	background-image: url("../images/about_img01.png");
	background-size: cover;
	background-position: center center;
}
.ai02 {
	background-image: url("../images/about_img02.png");
	background-size: cover;
	background-position: center bottom;
}
.ai03 {
	background-image: url("../images/about_img03.png");
	background-size: cover;
	background-position: center center;
}
.slash-line {
	border: none;
	height: 8px;
	background-image: linear-gradient(-45deg,
	#fff,
	#fff 25%,
	#f06414 25%,
	#f06414 50%,
	#fff 50%,
	#fff 75%,
	#f06414 75%);
	background-size: 5px 5px;
	border-radius: 4px;
	width: 18%;
	margin-top: 4em;
}


/* ### 業務内容・相談事例 ### */
.job_flex {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}
.job_box {
	width: 30%;
	margin-bottom: 5em;
	overflow: hidden;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 3px 3px #ddd;
}
.job_box_p {
	padding: 1em;
}
.job_box_p h4 {
	color: #f02d14;
	text-align: center;
	margin-bottom: 0.5em;
}
/* 各ページ */
.job01 {
	background-image: url("../images/job_icon01-2.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 50%;
}
.job02 {
	background-image: url("../images/job_icon02-2.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 50%;
}
.job03 {
	background-image: url("../images/job_icon03-2.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 50%;
}
.job04 {
	background-image: url("../images/job_icon04-2.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 50%;
}
.job05 {
	background-image: url("../images/job_icon05-2.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 50%;
}
.job06 {
	background-image: url("../images/job_icon06-2.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 50%;
}

.jireibox {
	padding: 1.5em;
	border-radius: 10px;
	background: rgba(255,255,255,0.7);
	margin-bottom: 2.5em;
}
.jb_j1 {
	border: 2px dotted #f2994b;
}
.jb_j2 {
	border: 2px dotted #b6305a;
}
.jb_j3 {
	border: 2px dotted #00a5ba;
}
.jb_j4 {
	border: 2px dotted #e84d5c;
}
.jb_j5 {
	border: 2px dotted #895aca;
}
.jb_j6 {
	border: 2px dotted #00a682;
}

.jb_j1 p::first-letter {
	color: #eb6423;
}
.jb_j2 p::first-letter {
	color: #6e1420;
}
.jb_j3 p::first-letter {
	color: #005a66;
}
.jb_j4 p::first-letter {
	color: #b71c23;
}
.jb_j5 p::first-letter {
	color: #7828b4;
}
.jb_j6 p::first-letter {
	color: #00836d;
}


/* ### 弁護士紹介 ### */
.lawyers_flex {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
.lawyers_box {
	position: relative;
	width: 50%;
	overflow: hidden;
}
.lawyers_name {
	position: relative;
	z-index: -1;
	top: -50%;
	right: -9%;
	border-left: 5px solid #e66e00;
	padding-left: 0.7em;
}

/* 各ページ */
.lawyerframe {
	width: 960px;
	margin: 0 auto;
	background: #fff8f5;
	position: relative;
}
.lawyer_each img {
	width: 100%;
	height: auto;
	display: block;
	text-align: right;
}
.lawyer_f_name {
	position: absolute;
	top: 50%;  /* 縦中央 */
	left: 30%; /* 横中央 */
	transform: translate(-50%, -50%); /* 中央寄せ補正 */
	font-size: 20px;
	font-weight: bold;
	padding: 8px 12px;
	border-radius: 4px;
}
.f_nline {
	border: none;
	width: 12%;
	border-bottom: 3px solid #f06414;
	margin-bottom: 1.5em;
}
.f_n03 {
	margin-top: 1em;
	color: #dcd2aa;
	font-size: 90%;
}
.lawyer_greeting {
	margin: 3em 0;
	font-size: 105%;
	line-height: 1.8;
}
.lawyer_tbox01 {
	background: #ffda9a;
	border-radius: 20px;
	padding: 5%;

	display: flex;
	justify-content: space-between;
}
.lawyer_tbox02 {
	background: #c8e0fa;
	border-radius: 20px;
	padding: 5%;
	margin-top: 5em;
}
.lawyer_tbox01 h4, .lawyer_tbox02 h4 {
	border-bottom: 2px solid #fff;
	margin-bottom: 1em;
}
.lawyer_tbox_in {
	width: 49%;
}
.keireki_t tr {
	vertical-align: top;
	line-height: 1.7;
}
.keireki_t th {
	padding-right: 1em;
}
.p_book {
	padding-top: 0.5em;
}
.p_author{
	border-bottom: 1px dotted #fff;
	text-align: right;
	padding-bottom: 0.5em;
}

.interview_title {
	background: #f06414;
	color: #fff;
	text-align: center;
	padding: 2em;
	margin: 5em 0 3em 0;
	position: relative;
}
.interview_title::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 15px solid transparent;
	border-top-color: #f06414;
}
.sticky_area {
	display: flex;
}
.interview_box {
	padding-top: 11%;
	border-left: 3px solid #f06414;
	margin-top: -12%;
	width: 88%;
}
.side_photo {
	display: flex;
	postion: -webkit-sticky;
        position: sticky;
        top: 100px;
	height: 220px;
}
.side_photo img {
	height: 220px;
	object-fit: cover;
}

.interview_q {
	font-size: 20px;
	text-indent : -5.2em;
	padding-left : 5.2em;
	padding-right: 1em;
}
.iq01::first-letter {
	font-family: 'Kiwi Maru', serif;
	font-size: 2em;
	display: inline-block;
	margin: 1rem 0 1rem -10px;
	padding: 0.6rem 1.5rem 1rem 1.5rem;
	color: #fff;
	border-radius: 0 100vh 100vh 0;
	background: #f06414;
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}
.iq02::first-letter {
	font-family: 'Kiwi Maru', serif;
	font-size: 2em;
	display: inline-block;
	margin: 1rem 0 1rem -10px;
	padding: 0.6rem 1.5rem 1rem 1.5rem;
	color: #fff;
	border-radius: 0 100vh 100vh 0;
	background: #fcb43c;
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}
.interview_a {
	padding: 3em 2em 5em 2em;
	font-size: 106%;
	line-height: 2;
}



/* ### コラム ### */
/* ページ数リスト */
.pagebox {
	width: 100%;
	display: flex;
	justify-content: center;
}
.pagination {
	list-style: none;
	display: flex;
	gap: 8px;
	padding: 0;
}
.pagination li {
	width: 40px;
	height: 40px;
	background: #fcb446;
	border-radius: 10px;
	text-align: center;
	font-weight: 600;
}
.pagination li a {
	display: block;
	text-decoration: none;
	color: #fff;
	line-height: 40px;
}
/* ホバー時のスタイル */
.pagination li a:hover {
	border-radius: 10px;
	background: #f06414;
}


.column_flex {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}
.column_box {
	width: 30%;
	margin-top: 5em;
	position: relative;
}
.column_title {
	margin-top: 0.3em;
}
.column_title p {
	color: #808080;
	text-align: right;
}



/* ### お問い合わせ ### */
.map_t {
	width: 100%;
	border-spacing: 0 10px;
	font-size: 110%;
	background: #fcebb4;
	border-radius: 20px;
	padding: 5%;
	margin-bottom: 2em;
}
.map_t th {
	color: #f06414;
	border-bottom: 2px solid #fff;
	text-align: center;
	padding: 1em;
}
.map_t td {
	padding: 1em;
	border-bottom: 2px solid #fff;
}
.map_t td p {
	font-size: 85%;
	margin-top: 0.5em;
}
.map_t td span {
	color: #f06414;
}
/* 地図 */
.iframe-wrp {
	position: relative;
	width: 100%;
	height: 450px;
	margin-bottom: 4em;
}
.iframe-wrp iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 450px;
	border: 0;
}












/* ▼表示領域が1200px未満の場合 */
@media screen and (max-width: 1199px) {
   .basicframe { width:88%; margin-left:6%; margin-right:6%; }

   .column_flex { justify-content:space-around; }
}
/* ▼表示領域が960px未満の場合 */
@media screen and (max-width: 960px) {
   .lawyerframe { width:100%; }
   .lawyer_tbox01 { flex-wrap:wrap; justify-content:center; }
   .lawyer_tbox_in { width:100%; margin-bottom:1em; }
}
/* ▼表示領域が900px未満の場合 */
@media screen and (max-width: 899px) {
   .job_box { width:46%; margin-bottom:3em; }

   .column_box { width:42%; margin-top:3em; }
}
/* ▼表示領域が750px未満の場合 */
@media screen and (max-width: 749px) {
   .about_flex { flex-direction:column-reverse; }
   .about_text { width:100%; line-height:1.8; }
   .about_img { width:100%; height:140px; margin-bottom:2em; }

   .interview_box { width:100%; }
   .side_photo { display:none; }
   .interview_a { padding:3em 0em 5em 2em; }

}
/* ▼表示領域が600px未満の場合 */
@media screen and (max-width: 599px) {
   .otherimage { height:190px; }
   .otherimage h1 { font-size:25px; line-height:1.3; top:72%; }
   .back_btn { width:55%; }

   .job01, .job02, .job03, .job04, .job05, .job06 { background-size:70%; }

   .lawyers_box { width:100%; }
   .lawyer_f_name { font-size:14px; }
   .lawyer_f_name h2 { font-size:25px; }
   .interview_q { font-size:17px; line-height:1.3; }

   .column_box { width:88%; }

   .map_t tr, .map_t th, .map_t td { display:block; }
   .map_t th { border:none; text-align:left; }
   .map_t td { padding-top:0; }
   .iframe-wrp { height:350px; }
   .iframe-wrp iframe { height:350px; }

}
/* ▼表示領域が400px未満の場合 */
@media screen and (max-width: 399px) {
   .job_box { width:100%; }
}