/*!
Theme Name: keiji-lp
Theme URI: http://underscores.me/
Author: F/H
Author URI: http://underscores.me/
Description: 刑事事件＆罪名LP / MultipleThemesでLPのページに設定します / 変更時はatom110にある親テーマを変更すれば、数分以内に自動更新されます（管理画面から手動更新も可）。  
Version: 2.3.5
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: keiji-lp
*/


/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
@media screen and (max-width: 782px) {
	html #wpadminbar {
		margin-top: -46px;
	}
}

/* vietnamese */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/SKK6Nusyv8QPNMtI4j9J2wsYbbCjybiHxArTLjt7FRU.woff2) format('woff2');
	unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/gFXtEMCp1m_YzxsBpKl68gsYbbCjybiHxArTLjt7FRU.woff2) format('woff2');
	unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/zhcz-_WihjSQC0oHJ9TCYAzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@import url('https://fonts.googleapis.com/css2?family=Tauri&display=swap');

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
menu,
nav,
section {
	display: block
}

a,
hr {
	padding: 0
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0;
	box-sizing: border-box
}

ins,
mark {
	background-color: #ff9;
	color: #000
}

body {
	line-height: 1
}

nav ul,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: '';
	content: none
}

a {
	margin: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0
}

ins {
	text-decoration: none
}

mark {
	font-style: italic;
	font-weight: 700
}

del {
	text-decoration: line-through
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

hr {
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0
}

input,
select {
	vertical-align: middle
}




@media screen and (max-width: 599px) {

	/* --------------------------------
	 * base
	 * -------------------------------- */
	html {
		font-size: 62.5%;
		background: #fff;
	}

	body {
		color: #3a1c0b;
		font-size: 1.6rem;
		line-height: 1;
		font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		background: #e4eff8;
		letter-spacing: 0;
		width: 100vw;
		overflow-x: hidden;
		margin: auto;
		padding-bottom: 55px;
	}

	p,
	span,
	a {
		line-height: 1.9;
	}

	*,
	*::before,
	*::after {
		box-sizing: border-box;
		position: relative;
	}

	div,
	article {
		margin: auto;
	}

	a {
		color: #3a1c0b;
		text-decoration: none;
	}

	img {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
	}

	h1,
	h2,
	h3 {
		text-align: center;
	}

	.pc {
		display: none !important;
	}

	.katari_txt {
		width: 98%;
		margin: auto;
		padding-top: 40px;
		text-align: center;
		font-size: 1.5rem;
		line-height: 1.9;
		font-weight: bold;
	}

	.katari_txt+.katari_txt {
		padding-top: 10px;
		padding-bottom: 15px;
	}

	.katari_txt span {
		font-size: 2rem;
		color: #ff6c00;
		text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
	}

	.plain_txt {
		font-size: 1.4rem;
		line-height: 1.8;
		letter-spacing: 0.01em;
	}


	.plain_txt span,
	.ye_al {
		font-weight: bold;
		z-index: 1;
		background: linear-gradient(transparent 30%, #ffff5f 0%);
	}


	.btn {
		width: 92%;
		margin: auto;
		color: #fff;
		background: #ff6c00;
		font-size: 1.5rem;
		font-weight: bold;
		text-align: center;
		line-height: 60px;
		display: block;
		border-radius: 4px;
		letter-spacing: 0.02em;
		box-shadow: 0 5px 0 #e86200;
	}




	/* --------------------------------
	 * header
	 * -------------------------------- */
	.gnav {
		height: 46px;
		background: #fff;
		width: 100%;
		display: block;
		padding: 0;
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
		z-index: 5;
		border-bottom: 2px solid #1eab45;
		position: fixed;
		text-align: center;
	}

	.gnav a:first-child,
	.gnav a:last-child {
		position: absolute;
		top: 5px;
		width: 34px;
		height: 34px;
		z-index: 1;
	}

	.gnav a:first-child {
		left: 6px;
	}

	.gnav a:last-child {
		right: 6px;
	}

	.gnav .home {
		font-size: 1.9rem;
		font-weight: bold;
		line-height: 44px;
		display: block;
		text-shadow: -4px 3px 1px rgba(0, 0, 0, 0.05);
	}

	.gnav .home span {
		font-size: 2.0rem;
		color: #ff6c00;
		line-height: 44px;
		letter-spacing: 0.4px;
	}

	.gnav .home b {
		font-size: 90%;
		padding: 0 2px;
	}





	/* --------------------------------
	 * labelmenu
	 * -------------------------------- */
	.labelmenu {
		position: fixed;
		width: 100%;
		height: 55px;
		bottom: 0;
		left: 0;
		z-index: 10;
	}

	.labelmenu ul {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		border-top: 1px solid #000;
		-webkit-box-shadow: -5px 0px 5px 0 rgba(0, 0, 0, .1);
		box-shadow: -5px 0px 5px 0 rgba(0, 0, 0, .1);
	}

	.labelmenu li {
		width: 20%;
		-webkit-flex: 1;
		flex: 1;
	}

	.labelmenu li a {
		height: 55px;
		display: block;
		text-align: center;
		width: 100%;
		background: #333;
		border-right: 1px solid #000;
		letter-spacing: 0.5px;
		font-size: 1.1rem;
		font-weight: bold;
		color: #eee;
		position: relative;
		padding: 8px 0 0;
		line-height: 1;
		background-image: linear-gradient(0deg, #333, #555);
	}

	.labelmenu li a:before {
		content: "";
		background: url(img/nav_icon1.png) no-repeat center;
		width: 22px;
		height: 22px;
		display: block;
		background-size: cover;
		margin: auto;
		margin-bottom: 6px;
	}

	.labelmenu li:nth-child(2) a:before {
		background-image: url(img/nav_icon2.png);
	}

	.labelmenu li:nth-child(3) a:before {
		background-image: url(img/nav_icon3.png);
	}

	.labelmenu li:nth-child(4) a:before {
		background-image: url(img/nav_icon4.png);
	}

	.labelmenu li:nth-child(5) a:before {
		background-image: url(img/nav_icon5.png);
	}


	/* --------------------------------
	 * mv
	 * -------------------------------- */
	.mv {
		padding-top: 46px;
	}

	.mv img {
		display: block;
	}

	.mv_txt {
		background: #fff;
		padding-bottom: 18px;
	}

	.mv_txt dt {
		background: #ff9d04;
		text-align: center;
		font-size: 1.6rem;
		font-weight: bold;
		color: #fff;
		line-height: 40px;
		margin-bottom: 15px;
		letter-spacing: 0.03em;
	}

	.mv_txt dt:before {
		display: block;
		position: absolute;
		left: 50%;
		top: 100%;
		border: solid 8px transparent;
		border-top-color: #ff9d04;
		margin-left: -8px;
		width: 0;
		height: 0;
		content: "";
		margin-top: -1px;
	}

	.mv_txt dd {
		font-size: 1.7rem;
		width: 90%;
		margin: auto;
		font-weight: bold;
		margin-top: 3px;
	}

	.mv_txt dd:before {
		content: "";
		width: 13px;
		height: 13px;
		display: inline-block;
		background: url(img/check.png) no-repeat center;
		background-size: contain;
		margin-right: 6px;
	}

	.mv_txt dd span {
		font-size: 2.0rem;
		color: #ff6c00;
		padding: 0 1px 3px;
		border-bottom: 2px dotted #ff6c00;
	}

	.mojiooi .mv_txt dd {
		width: 92%;
		font-size: 1.5rem;
		letter-spacing: -0.5px;
	}

	/* --------------------------------
	 * onayami
	 * -------------------------------- */
	section h2.ttl {
		font-size: 1.8rem;
		color: #3a1c0b;
		line-height: 1.5;
		white-space: nowrap;
		background: none;
		width: 90%;
		margin: 10px auto 20px;
		text-align: center;
	}

	section h2.ttl span {
		display: inline-block;
		font-size: 2.8rem;
		padding: 0 2px;
		text-shadow: 3px 3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, -3px -3px 0 #fff, -6px 4px 3px rgba(0, 0, 0, 0.07);
		color: #ff6c00;
	}

	section h2.ttl b {
		font-size: 125%;
		padding: 0 2px;
		line-height: 1.2;
		display: inline-block;
	}

	section h2.ttl div {
		display: inline-block;
		background: #32516f;
		border-radius: 40px;
		line-height: 46px;
		color: #fff;
		text-align: center;
		width: auto;
		padding: 0 30px;
		margin-bottom: 25px;
		font-size: 1.5rem;
		letter-spacing: 0.7px;
		position: relative;
	}

	section h2.ttl div:before {
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -8px;
		top: 100%;
		border: solid 8px transparent;
		border-top-color: #32516f;
		width: 0;
		height: 0;
		content: "";
		margin-top: -1px;
	}

	.onayami .ttl {
		margin-bottom: 10px;
	}

	.onayami .main {
		background: url(img/onayami_img1.png) no-repeat center;
		background-size: contain;
		width: 100%;
		height: 430px;
		letter-spacing: 0.5px;
		position: relative;
		max-width: 340px;
		margin-top: 0;
	}

	.onayami .onayami2 {
		background-image: url(img/onayami_img2.png);
	}

	.onayami .onayami3 {
		background-image: url(img/onayami_img3.png);
	}

	.onayami.img_saiban .onayami3 {
		background-image: url(img/onayami_img3_2.png);
	}

	.onayami.img_kaisya .onayami3 {
		background-image: url(img/onayami_img3_3.png);
	}

	.onayami .main+.main {
		margin-top: 20px;
	}


	.onayami .main p {
		white-space: nowrap;
		font-weight: bold;
		width: 100%;
		padding: 0 38px;
		position: absolute;
		left: 0;
	}

	.onayami .onayami_txt1 {
		color: #fff;
		font-size: 1.6rem;
		top: 44px;
		text-align: center;
	}

	.onayami .onayami_txt1 span {
		font-size: 2.5rem;
		color: #fde646;
		border-bottom: 2px dotted #fde646;
		padding: 0 1px 4px;
		margin: 0 1px;
		line-height: 1.1;
	}

	.onayami .onayami_txt2 {
		top: 312px;
		font-size: 1.6rem;
		line-height: 1.3;
	}

	.onayami .onayami_txt2 span {
		color: #ff6c00;
		border-bottom: 2px dotted #ff6c00;
		padding: 0 1px 3px;
		line-height: 1.3;
	}

	.onayami .onayami_txt2 b {
		font-size: 2.5rem;
	}

	.onayami1 .onayami_txt2 {
		top: 307px;
	}

	.onayami1 .onayami_txt2,
	.onayami1 .onayami_txt2 span {
		line-height: 1.6;
	}

	.onayami .onayami_txt3 {
		top: 376px;
		color: #ff6c00;
		font-size: 1.1rem;
		line-height: 1.4;
	}

	.onayami .main img {
		height: 430px;
		margin-top: 20px;
	}


	/* --------------------------------
	 * zenka
	 * -------------------------------- */

	.zenka {
		padding: 0 18px;
	}

	.zenka_tb {
		width: 100%;
		margin: auto;
		border-collapse: separate;
		letter-spacing: 0.05em;
		margin-top: 70px;
	}

	.zenka_tb th,
	.zenka_tb td {
		text-align: center;
		width: 50%;
		font-weight: bold;
	}

	.zenka_tb tr:first-child th:first-child {
		border-radius: 10px 0 0 0;
	}

	.zenka_tb tr:first-child th:last-child {
		border-radius: 0 10px 0 0;
	}

	.zenka_tb tr:last-child td:first-child {
		border-radius: 0 0 0 10px;
	}

	.zenka_tb tr:last-child td:last-child {
		border-radius: 0 0 10px 0;
	}

	.zenka_tb tr {
		background: #eee;
	}

	.zenka_tb tr:nth-child(even) {
		background: #fff;
	}


	.zenka_tb .tsuita {
		background: #1b3751;
	}

	.zenka_tb .tsukanakatta {
		background: #ff6c00;
	}

	.zenka_tb th {
		font-size: 1.5rem;
		color: #fff;
		line-height: 1.4;
		padding: 14px 0 12px;
	}

	.zenka_tb th span {
		color: #fff06d;
		line-height: inherit;
	}

	.zenka_tb th p {
		position: absolute;
		z-index: 2;
		width: 100%;
		bottom: 100%;
		left: 0;
		font-size: 1.7rem;
		padding-bottom: 15px;
		padding-left: 11px;
		text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff, -4px 3px 2px rgba(0, 0, 0, 0.1);
	}

	.zenka_tb .tsuita p {
		color: #1b3751;
	}

	.zenka_tb .tsukanakatta p {
		color: #ff6c00;
	}

	.zenka_tb th p:before {
		position: absolute;
		bottom: -10px;
		left: 0;
		background: url(img/zenka_tsuita_ttl.png) no-repeat center;
		display: block;
		content: "";
		width: 100%;
		height: 7.5vw;
		background-size: contain;
	}

	.zenka_tb .tsukanakatta p:before {
		background-image: url(img/zenka_tsukanakatta_ttl.png);
	}

	.zenka_tb td:first-child {
		border-right: 1px solid #aaa;
		padding-left: 10px;
	}

	.zenka_tb td:last-child {
		padding-right: 10px;
	}


	.zenka_tb td .ttl {
		display: block;
		background: #ababab;
		width: 28px;
		text-align: center;
		line-height: 1.3;
		margin-left: -14px;
		border-radius: 50px;
		color: #fff !important;
		font-weight: bold;
		font-size: 1.4rem;
		position: absolute;
		top: 7px;
		left: 100%;
		padding: 10px 5px;
	}

	.zenka_tb td {
		font-size: 1.4rem;
		line-height: 1.4;
		padding: 18px 0;
	}

	.zenka_tb td:first-child span {
		color: #2987df;
		line-height: inherit;
	}

	.zenka_tb td:last-child span {
		color: #ff6c00;
		line-height: inherit;
	}

	.zenka_tb td p {
		position: absolute;
		z-index: 2;
		width: 60px;
		bottom: 0;
	}

	.zenka_tb td:first-child p {
		left: -11px;
	}

	.zenka_tb td:last-child p {
		right: -11px;
	}

	.zenka_tb td p img {
		display: block;
	}



	/* --------------------------------
	 * contact
	 * -------------------------------- */

	.contact_bg {
		background: url(img/contact_bg.png) repeat-y top center;
		background-size: contain;
		width: 90%;
		margin-top: 110px;
		margin-bottom: 80px;
		position: relative;
	}

	.contact_bg:before {
		content: "";
		position: absolute;
		top: -43px;
		left: 0;
		width: 100%;
		height: 44px;
		display: block;
		background: url(img/contact_bg_head.png) no-repeat center;
		background-size: 100% 100%;
	}

	.contact_bg:after {
		content: "";
		position: absolute;
		bottom: -43px;
		left: 0;
		width: 100%;
		height: 44px;
		display: block;
		background: url(img/contact_bg_head.png) no-repeat center;
		background-size: 100% 100%;
		transform: scale(-1, -1);
	}

	.contact .ttl {
		color: #fde82f;
		height: 100px;
		margin: 0;
		display: inline-block;
		width: 100%;
		text-align: center;
		position: absolute;
		bottom: 100%;
		left: 0;
		margin-bottom: -20px;
		background: url(img/contact_ttl.png) no-repeat center;
		background-size: contain;
		padding-top: 6px;
		letter-spacing: 0.5px;
		padding-left: 3px;
		font-weight: bold;
		font-size: 1.7rem;
	}

	.contact .ttl span:nth-last-child(-n+6) {
		color: #fff;
	}

	.mojiooi .contact .ttl {
		font-size: 1.5rem;
		letter-spacing: 0px;
		padding-top: 8px;
	}


	.contact .txt {
		height: 55px;
		width: 100%;
		display: inline-block;
		text-align: center;
		margin: 30px auto 14px;
		font-size: 1.45rem;
		line-height: 2.1;
		font-weight: bold;
		white-space: nowrap;
		letter-spacing: 0.3px;
	}

	.contact .txt span {
		color: #fff;
		background: #391c0d;
		border-radius: 3px;
		padding: 5px 6px;
		margin-right: 3px;
	}

	.contact .txt strong {
		color: #ff6c00;
		border-bottom: 2px dotted #ff6c00;
		padding: 0 1px 3px;
	}


	.contact .icon {
		width: 75px;
		position: absolute;
		top: 62px;
		left: -5px;
	}

	.contact .tel,
	.contact .line {
		text-align: center;
	}

	.contact .tel img,
	.contact .line img {
		height: 120px;
	}

	.contact .linktxt a {
		font-size: 1.3rem;
		line-height: 1.5;
		padding-bottom: 10px;
		text-decoration: underline;
		color: #2987df;
	}

	.contact a {
		overflow: hidden;
		display: block;
	}

	.contact a:before {
		content: "";
		display: block;
		height: 100%;
		width: 30px;
		position: absolute;
		top: -180px;
		left: 0;
		background-color: #fff;
		opacity: 0;
		transform: rotate(45deg);
		animation: reflection 10s ease-in-out infinite;
		z-index: 2;
	}

	@keyframes reflection {
		0% {
			transform: scale(0) rotate(45deg);
			opacity: 0;
		}

		87% {
			transform: scale(0) rotate(45deg);
			opacity: 0;
		}

		80% {
			transform: scale(0) rotate(45deg);
			opacity: 0.3;
		}

		80.5% {
			transform: scale(4) rotate(45deg);
			opacity: 0.8;
		}

		83% {
			transform: scale(50) rotate(45deg);
			opacity: 0.3;
		}

		85% {
			transform: scale(50) rotate(45deg);
			opacity: 0.1;
		}

		87% {
			transform: scale(0) rotate(45deg);
			opacity: 0;
		}
	}

	.contact .caption {
		width: 82%;
		font-size: 1.2rem;
		line-height: 1.6;
		margin: auto;
		margin-top: 5px;
		padding-top: 15px;
		border-top: 1px dotted #eee;
	}

	.contact .captiontxt {
		line-height: 1.6;
		display: block;
	}

	.contact .caption .yoko {
		height: auto;
		display: inline-block;
		padding-left: 85px;
		position: relative;
		min-height: 80px;
	}

	.contact .caption .yoko:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 75px;
		height: 75px;
		display: block;
		background: url(img/contact_caption.png) no-repeat center;
		background-size: contain;
	}


	.contact .caption .icon {
		position: absolute;
		top: 14px;
		left: 0;
		width: 75px;
		height: 75px;
		z-index: 1;
		padding-top: 8px;

	}

	.contact .caption .icon span {
		display: block;
		text-align: center;
		color: #fff;
		white-space: nowrap;
		letter-spacing: -0.4px;
	}

	.contact .caption .icon .sub {
		transform: scale(0.7, 0.7);
		font-size: 10px;
		line-height: 1.4;
		width: 120%;
		margin: auto -10%;

	}

	.contact .caption .icon .main {
		font-size: 13.5px;
		font-weight: bold;
		line-height: 1.2;
		letter-spacing: 0.3px;
		margin-top: -2px;
	}

	.contact .caption .icon b {
		color: #fde82f;
	}


	/* --------------------------------
	 * kaiketsu
	 * -------------------------------- */


	.kaiketsu .iconall {
		text-align: center;
		width: 90%;
		margin: auto;
	}

	.kaiketsu .katari {
		width: 90%;
		margin: auto;
		padding-top: 30px;
		text-align: left;
		font-size: 1.4rem;
		line-height: 2;
	}

	.katari+.katari {
		padding-top: 10px;
	}

	.kaiketsu .katari.big {
		font-size: 1.6rem;
		text-align: center;
		font-weight: bold;
	}



	.kaisetsu_item {
		width: 92%;
		border-radius: 6px;
		background: #faf7ec;
		padding: 12px 12px 14px;
		margin-top: 50px;
	}

	.kaisetsu_item .subttl span {
		font-size: 1.6rem;
		margin-top: 7px;
		line-height: 1.3;
		display: inline-block;
		border-bottom: 2px solid #ff6c00;
		text-align: center;
		white-space: nowrap;
		padding: 1px;
		text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
	}

	.kaisetsu_item .subttl br+span {
		margin-top: 5px;
		margin-bottom: 15px;
		font-size: 1.95rem;
	}

	.kaisetsu_item .img .icon {
		position: absolute;
		z-index: 2;
		left: -20px;
		top: -40px;
		width: 200px;
	}

	.kaisetsu_item .txt {
		width: 96%;
		margin: auto;
	}

	/* --------------------------------
	 * koe
	 * -------------------------------- */

	.koe {
		background: #fff;
		padding-top: 30px;
	}

	.koe_item {
		width: 92%;
		border-radius: 6px;
		background: #faf7ec;
		padding-top: 20px;
		margin-top: 50px;
	}

	.koe_item+.koe_item {
		margin-top: 60px;
	}

	.koe_item .subttl {
		text-align: left;
		margin: 0 6%;
		font-size: 1.7rem;
		line-height: 1.5;
		position: static;
		white-space: nowrap;
	}

	.koe_item .subttl ul {
		position: absolute;
		width: 160px;
		left: 6px;
		top: -47px;
		z-index: 1;
	}

	.koe_item .subttl li {
		text-align: center;
		line-height: 1.1;
		letter-spacing: 1px;
		font-size: 1.8rem;
		padding-top: 16px;
		padding-left: 2px;
		color: #fff;
		width: 70px;
		height: 70px;
		background: url(img/koe_subttlbg.png) no-repeat center;
		background-size: contain;
		display: inline-block;
		margin-right: -5px;
		-webkit-transform: rotate(-14deg);
		-moz-transform: rotate(-14deg);
		transform: rotate(-14deg);
	}

	.koe_item .img img {
		margin: 0 auto;
		width: 90%;
		display: block;
	}

	.koe_item .hito {
		margin: 0 6%;
		font-weight: bold;
		font-size: 1.0rem;
		padding: 5px 0 10px;
		display: block;
		position: relative;
	}

	.koe_item .hito span {
		position: relative;
		display: block;
	}

	.koe_item .hito span:before {
		content: "";
		position: absolute;
		bottom: -30px;
		right: 0;
		width: 60px;
		height: 70px;
		display: block;
		background: url(img/koe_icon1.png) no-repeat center bottom;
		background-size: contain;
	}

	.koe_item .hito .man1:before {
		background-image: url(img/koe_hito1.png);
	}

	.koe_item .hito .man2:before {
		background-image: url(img/koe_hito2.png);
	}

	.koe_item .hito .man3:before {
		background-image: url(img/koe_hito3.png);
	}

	.koe_item .txt {
		width: 88%;
		margin: 12px auto 17px;
	}

	.koe_item .txt br {
		display: none;
	}

	.koe_item .gaiyou {
		background: #643213;
		padding: 15px 6% 17px;
		font-size: 1.2rem;
		color: #fff;
		line-height: 1.7;
		border-radius: 0 0 10px 10px;
	}

	.koe_link {
		position: absolute;
		color: #54afef;
		text-decoration: underline;
		font-size: 1.2rem;
		letter-spacing: 0;
		top: 100%;
		padding-top: 8px;
		text-align: right;
		display: block;
		width: 100%;
		font-weight: bold;
	}


	/* --------------------------------
	 * tamano_bengoshi
	 * -------------------------------- */

	.tamano_bengoshi {
		width: 90%;
		padding-top: 20px;
	}

	.tamano_bengoshi p {
		text-align: center;
		font-weight: bold;
		font-size: 1.4rem;
		line-height: 1.8;
		padding-bottom: 25px;
		letter-spacing: 0;
	}

	.tamano_bengoshi p span {
		color: #ff6c00;
	}



	/* --------------------------------
	 * member
	 * -------------------------------- */


	.member {
		padding-top: 30px;
	}

	.member_item {
		width: 92%;
		border-radius: 6px;
		background: #fff;
		overflow: hidden;
	}

	.member_item+.member_item {
		margin-top: 20px;
	}

	.member_item .main_inner {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		/* Safari */
		justify-content: space-between;
		padding: 18px 5% 6px;
	}

	.member_item .img {
		overflow: hidden;
		border-radius: 4px;
		width: 100px;
	}

	.member_item .img img {
		display: block;
	}

	.member_item .txt {
		flex: 1;
		-webkit-flex: 1;
		padding-left: 14px;
		margin: 0;
	}

	.member_item .txt .name {
		font-size: 1.6rem;
		font-weight: bold;
		letter-spacing: 0.14em;
		padding-top: 10px;
		text-align: left;
	}

	.member_item .txt .name span {
		font-size: 1rem;
		padding-left: 8px;
		letter-spacing: 0.05em;
		display: inline-block;
		vertical-align: middle;
	}

	.member_item .txt .message {
		font-size: 1.3rem;
		font-weight: bold;
		line-height: 1.7;
		padding-top: 10px;
	}

	.member_item .txt .message br {
		display: none;
	}

	/* テーブル */
	.member_item .profile {
		font-size: 1.2rem;
		display: block;
		text-align: left;
		width: 90%;
		margin: auto;
	}

	.member_item .profile tr {
		width: 50%;
		display: inline-block;
		border-bottom: #e4eff8 1px solid;
	}

	.member_item .profile tr:nth-child(3),
	.member_item .profile tr:nth-child(6) {
		display: none !important;
	}

	.member_item .profile td,
	.member_item .profile th {
		width: 100%;
		display: block;
		line-height: 1.4;
		font-weight: normal;
	}

	.member_item .profile th {
		font-size: 1rem;
		opacity: 0.8;
		font-weight: bold;
		padding: 10px 0 0;
		letter-spacing: 0.05em;
	}

	.member_item .profile td {
		padding: 2px 5px 10px 0;
	}

	/* 刑事への思い */
	.member_item .omoi {
		width: 90%;
		margin: 13px auto 18px;
		background: #e4eff8;
		padding: 8px 20px 8px 23px;
		border-radius: 4px;
	}

	.member_item .omoi_txt {
		font-size: 1.3rem;
		letter-spacing: 0.03em;
		display: none;
		padding: 5px 0 8px;
	}

	.member_item .omoi_btn.open {
		display: none;
	}

	.member_item .omoi_btn {
		color: #54afef;
		text-decoration: underline;
		font-size: 1.3rem;
		letter-spacing: 0;
		cursor: pointer;
		text-align: center;
		font-weight: bold;
	}


	/* 右カラム */
	.member_item .sub {
		width: 100%;
		text-align: center;
		background: #faf7ec;
	}

	.member_item .sub .imgttl {
		color: #fff;
		font-size: 1.5rem;
		font-weight: bold;
		text-align: center;
		width: 100%;
		position: absolute;
		right: 0;
		padding-left: 40px;
		top: 8vw;
		z-index: 1;
		letter-spacing: 1px;
	}



	/* その他の弁護士 */

	.member_hoka {
		width: 92%;
		border-radius: 6px;
		background: #fff;
		padding: 18px 18px 16px;
		text-align: center;
	}

	.member_hoka .list {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		/* Safari */
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		/* Safari */
		flex-wrap: wrap;
		margin: auto;
	}

	.member_hoka .list li {
		width: 19%;
	}

	.member_hoka .list a {
		padding: 0 3px;
		display: block;
	}

	.member_hoka>a {
		font-size: 1.3rem;
		line-height: 1.5;
		padding-bottom: 10px;
		text-decoration: underline;
		color: #2987df;
	}

	/* --------------------------------
	 * history
	 * -------------------------------- */
	.history {
		background: #fff;
		padding: 35px 0 40px;
	}

	.history .timeline {
		margin: auto;
		width: 92%;
		padding: 10px 0 25px;
	}


	.timeline li {
		overflow: hidden;
		margin: 0;
		position: relative;
	}

	.timeline-date {
		width: 12%;
		float: left;
		margin-top: 7px;
		font-size: 1rem;
		letter-spacing: 1px;
		font-family: 'Montserrat', sans-serif;
	}

	.timeline-content {
		width: 85%;
		float: left;
		border-left: 3px #eee solid;
		padding-left: 18px;
		padding-bottom: 15px;
	}

	.timeline-content:before {
		content: '';
		width: 12px;
		height: 12px;
		background: #ff6c00;
		position: absolute;
		left: -7px;
		top: 10px;
		border-radius: 100%;
	}

	.timeline-content p {
		line-height: 1.6;
		font-size: 1.2rem;
		padding-top: 3px;
		letter-spacing: 0.03em;
	}

	.timeline-content h3 {
		text-align: left;
		line-height: 1.6;
		font-size: 1.4rem;
		padding-top: 5px;
		letter-spacing: 0.01em;
	}

	.timeline_photo {
		padding: 10px 0;
	}

	/* --------------------------------
	 * koudou
	 * -------------------------------- */
	.koudou {
		width: 92%;
		margin: auto;
		padding-top: 30px;
	}

	.koudou .nagare {
		line-height: 35px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		background: #ffb14d;
		border-radius: 6px;
		margin-top: 35px;
		font-size: 1.5rem;
		letter-spacing: 0.02em;
	}

	.koudou .nagare:before {
		display: block;
		position: absolute;
		left: 5%;
		top: 100%;
		border: solid 6px transparent;
		border-top-color: #ffb14d;
		width: 0;
		height: 0;
		content: "";
		margin-top: -1px;
	}

	.koudou .nagare .step0 {
		width: 45px;
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
	}



	.koudou_item {
		padding: 20px 5% 23px;
		background: #fff;
		border-radius: 6px;
		margin-top: 25px;
	}

	.koudou_item .stepicon {
		display: block;
		position: absolute;
		top: -10px;
		left: 53%;
		background: #ff6c00;
		border-radius: 50%;
		width: 25px;
		height: 25px;
		text-align: center;
		color: #fff;
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 25px;
	}

	.koudou_item .stepicon:before {
		position: absolute;
		content: "STEP";
		color: #ff6c00;
		right: 100%;
		display: block;
		padding-right: 4px;
		letter-spacing: 1.52px;
	}

	.koudou_item .subttl {
		font-size: 2.3rem;
		margin-bottom: 16px;
	}

	.koudou_item .subttl span {
		background: url(img/koudou_ttlbg.png) repeat-x bottom left;
		background-size: 8px 4px;
		padding-bottom: 10px;
	}

	.koudou_item .img {
		width: 100%;
		border-radius: 4px;
		background: #f1f9ff;
		text-align: center;
		height: 165px;
	}

	.koudou_item .plain_txt {
		margin-top: 12px;
	}

	.koudou_item .plain_txt br {
		display: none;
	}



	/* --------------------------------
	 * qa
	 * -------------------------------- */

	.qa {
		background: #fff;
		padding-top: 35px;
	}

	.qa_item {
		margin-top: 30px;
		border-radius: 6px;
		background: #faf7ec;
		width: 92%;
		padding-bottom: 20px;
	}

	.qa_item:before {
		background: url(img/qa_icon.png) no-repeat center;
		background-size: contain;
		width: 40px;
		height: 50px;
		display: block;
		content: "";
		position: absolute;
		left: 0;
		top: -10px;
		z-index: 2;
	}

	.qa_item .subttl {
		color: #fff;
		font-size: 1.6rem;
		text-align: left;
		padding: 14px 25px 14px 40px;
		background: #ff6c00;
		border-radius: 10px 10px 0 0;
		letter-spacing: 0.02em;
		line-height: 1.5;
		margin-bottom: 15px;
	}

	.qa_item .plain_txt {
		padding: 0 5%;
	}

	.qa_item .subttl span {
		line-height: inherit;
	}


	/* --------------------------------
	 * map
	 * -------------------------------- */
	.map {

		width: 92%;
		margin: auto;
		margin-top: 35px;
	}

	.map_list {
		width: 100%;
		background: #fff;
		border-radius: 6px;
		padding: 15px 5%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		/* Safari */
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		/* Safari */
		flex-wrap: wrap;
	}

	.map_list li {
		width: 50%;
	}

	.map_list li a {
		display: block;
		color: #54afef;
		font-weight: bold;
		text-decoration: underline;
		font-size: 1.4rem;
		line-height: 30px;
		letter-spacing: 0.03em;
	}

	.map_list li a:before {
		background: url(img/map_icon.png) no-repeat center;
		background-size: contain;
		width: 10px;
		height: 15px;
		display: inline-block;
		content: "";
		margin-right: 3px;
		margin-bottom: -2px;
	}



	.map_item {
		background: #fff;
		border-radius: 6px;
		width: 100%;
		padding: 15px 5% 25px;
		margin-top: 15px;
	}

	.map_item .subttl {
		padding-left: 22px;
		background: url(img/map_icon.png) no-repeat left 1px;
		background-size: 15px 20px;
		font-size: 1.7rem;
		font-weight: bold;
		text-align: left;
		line-height: 20px;
	}

	.map_item .subttl span {
		font-size: 1.5rem;
	}

	.map_item p {
		font-size: 1.2rem;
		line-height: 1.2;
	}

	.map_item .img {
		margin: 5px auto;
	}


	.map_item .btn {
		margin-top: 12px;
		font-size: 1.5rem;
		line-height: 45px;
	}




	/* --------------------------------
	 * footer
	 * -------------------------------- */

	.footer .logo {
		height: 66px;
		text-align: center;
	}

	.footer .copyright {
		font-size: 1.2rem;
		color: #fff;
		line-height: 50px;
		width: 100%;
		text-align: center;
		background: #643213;
		display: block;
		margin-top: 40px;
		letter-spacing: 0.03em;
	}


	/* --------------------------------
	 * patapatatxt
	 * -------------------------------- */
	.patapatatxt {
		overflow: hidden;
		height: 12em;
		-webkit-transition: all .1s ease-out;
		-moz-transition: all .1s ease-out;
		-ms-transition: all .1s ease-out;
		transition: all .1s ease-out;
	}

	.patapatatxt:before {
		content: "続きをよむ";
		display: block;
		background: #faf7ec;
		height: 41px;
		padding-top: 7px;
		text-align: center;
		width: 100%;
		position: absolute;
		left: 0;
		bottom: -1px;
		font-size: 1.2rem;
		font-weight: bold;
		color: #399ae0;
		letter-spacing: 0.03em;
		opacity: 1;
		-webkit-transition: all .1s ease-out;
		-moz-transition: all .1s ease-out;
		-ms-transition: all .1s ease-out;
		transition: all .1s ease-out;
		z-index: 3;
	}

	.patapatatxt:after {
		display: block;
		position: absolute;
		left: 50%;
		bottom: -1px;
		border: solid 6px transparent;
		border-top: solid 6px #399ae0;
		margin-left: -6px;
		width: 0;
		height: 0;
		content: "";
		z-index: 4;
	}


	.patapatatxt.open {
		height: auto;
		overflow: visible;
	}

	.patapatatxt.open:before,
	.patapatatxt.open:after {
		opacity: 0;
	}
}

@media screen and (max-width: 360px) {
	html {
		font-size: 56%;
	}

	.mojiooi .gnav .home {
		font-size: 1.7rem;
	}

	.mojiooi .gnav .home span {
		font-size: 1.8rem;
	}

	section h2.ttl b {
		font-size: 110%;
	}

	.contact .tel {
		width: 84%;
	}

	.contact .tel img {
		height: auto;
	}

	.koe_item .subttl span {
		line-height: 1.3;
	}

	.koe_item .subttl ul {
		width: 140px;
	}

	.koe_item .subttl li {
		width: 64px;
		height: 64px;
	}
}

@media screen and (max-width: 350px) {
	.onayami .main {
		height: 388px;
	}

	.onayami .onayami_txt1 {
		top: 40px;
	}

	.onayami .onayami_txt2 {
		top: 280px;
	}

	.onayami1 .onayami_txt2 {
		top: 272px;
	}

	.onayami .onayami_txt3 {
		top: 337px;
	}
}



@media screen and (min-width: 600px) {

	/* --------------------------------
	 * base
	 * -------------------------------- */
	html {
		font-size: 62.5%;
	}

	body {
		color: #3a1c0b;
		font-size: 1.6rem;
		line-height: 1;
		font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		background: #e4eff8;
		letter-spacing: 0;
		width: 100vw;
		overflow-x: hidden;
	}

	p,
	span,
	a {
		line-height: 1.9;
	}

	*,
	*::before,
	*::after {
		box-sizing: border-box;
		position: relative;
	}

	div,
	article {
		margin: auto;
	}

	a {
		color: #3a1c0b;
		text-decoration: none;
	}

	img {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
	}

	h1,
	h2,
	h3 {
		text-align: center;
	}

	.mob {
		display: none !important;
	}

	.inner {
		width: 1000px;
		height: 100%;
	}



	.katari_img {
		width: 1000px;
		margin: auto;
		padding-top: 70px;
	}

	.katari {
		padding-top: 70px;
		text-align: center;
		font-weight: bold;
		font-size: 2.2rem;
		line-height: 2.2;
		letter-spacing: 0.03em;
	}

	.katari+.katari {
		padding-top: 20px;
	}


	.orange {
		color: #fff;
	}

	.katari .orange {
		font-size: 3.1rem;
		background: #5eafea;
		padding: 7px 10px;
		border-radius: 2px;
		margin: 0 6px;
	}


	.plain_txt {
		font-size: 1.6rem;
		line-height: 1.8;
		letter-spacing: 0.02em;
	}


	.plain_txt span,
	.ye_al {
		font-weight: bold;
		z-index: 1;
		background: linear-gradient(transparent 30%, #ffff5f 0%);
	}




	.btn {
		width: 480px;
		margin: auto;
		color: #fff;
		background: #ff6c00;
		font-size: 2rem;
		font-weight: bold;
		text-align: center;
		line-height: 88px;
		display: block;
		border-radius: 4px;
		letter-spacing: 0.03em;
		box-shadow: 0 5px 0 #e86200;

		-webkit-transition: all .1s ease-out;
		-moz-transition: all .1s ease-out;
		-ms-transition: all .1s ease-out;
		transition: all .1s ease-out;
	}

	.btn:hover {
		background: #ff9600;

	}


	/* --------------------------------
	 * gnav
	 * -------------------------------- */
	.gnav {
		background: #1b3751;
		height: 70px;
		box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
		position: fixed;
		z-index: 10;
		width: 100%;
		top: 0;
		left: 0;
	}

	.customize-support .gnav {
		top: 32px;
	}

	.gnav ul {
		margin: auto;
		width: 1000px;
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}

	.gnav li {
		width: 140px;
		background: #102c46;
		border-right: 1px solid #3d5165;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}

	.gnav li a {
		line-height: 70px;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		display: block;
		width: 100%;
		text-align: center;
		letter-spacing: 1.5px;
	}

	.gnav .home:first-child {
		-webkit-flex: 1;
		flex: 1;
		background: none;
	}

	.gnav .home:first-child a {
		text-align: left;
		font-size: 22px;
	}

	.gnav .home:first-child img {
		height: 35px;
		display: inline-block;
		vertical-align: middle;
		padding-right: 10px;
		margin-bottom: 3px;
	}




	.gnav li:hover {
		opacity: .7;
	}

	/* gnav*/

	.gnav li {
		width: 165px;
	}

	@media screen and (min-width: 1100px) {
		.gnav li {
			width: 175px;
		}
	}

	.gnav li:hover {
		opacity: 1;
	}

	.gnav *,
	.gnav *:hover {
		transition: all .2s ease-out;
	}

	.gnav ul li a {
		display: table;
		text-decoration: none;
		vertical-align: middle;
		overflow: hidden;
	}

	.gnav ul li ul {
		display: block;
	}

	.gnav ul li li a {
		display: block;
		margin-top: 0;
		padding: 0 10px;
		height: 0;
		line-height: 50px;
		font-weight: normal;
		letter-spacing: 0.5px;
		font-size: 12px;
	}

	.gnav ul li li a:hover {
		background: #1d5990;
	}

	.gnav ul>li:hover li a {
		display: table;
		width: 100%;
		height: 1em;
	}


	/* --------------------------------
	 * mv
	 * -------------------------------- */

	.mv {
		margin-top: 70px;
		background: url(img/mv_bg.jpg) repeat-x top center;
		background-size: auto 100%;
		height: 650px;
	}

	.mv:before {
		display: block;
		width: 50%;
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		background: url(img/mv_bg2.png) repeat-x top center;
		background-size: auto 100%;
		height: 100%;
	}

	.mv_bengoshi {
		position: absolute;
		right: -140px;
		top: 0;
	}

	.mv_copy {
		width: auto;
		height: 650px;
	}



	.mv_txt {
		position: absolute;
		left: 55px;
		top: 397px;
		padding-bottom: 18px;
		width: 455px;
		background: #fff;
		border-radius: 4px;
		overflow: hidden;
		box-shadow: -4px 3px 3px 4px rgba(0, 0, 0, 0.1);
	}

	.mv_txt dt {
		background: #643213;
		text-align: center;
		font-size: 1.7rem;
		font-weight: bold;
		color: #fff;
		line-height: 45px;
		margin-bottom: 15px;
		letter-spacing: 1px;
	}

	.mv_txt dt span {
		color: #fef22f;
	}

	.mv_txt dt:before {
		display: block;
		position: absolute;
		left: 50%;
		top: 100%;
		border: solid 8px transparent;
		border-top-color: #643213;
		margin-left: -8px;
		width: 0;
		height: 0;
		content: "";
		margin-top: -1px;
	}

	.mv_txt dd {
		font-size: 20px;
		width: 90%;
		margin: auto;
		font-weight: bold;
		margin-top: 3px;
		white-space: nowrap;
	}

	.mv_txt dd:before {
		content: "";
		width: 13px;
		height: 13px;
		display: inline-block;
		background: url(img/check.png) no-repeat center;
		background-size: contain;
		margin-right: 6px;
	}

	.mv_txt dd span {
		font-size: 146%;
		padding: 0 2px;
		line-height: 1.45;
		background: linear-gradient(transparent 50%, #ffff5f 0%);
	}

	.mojiooi .mv_txt dd {
		font-size: 17.5px;
		white-space: nowrap;
	}




	/* --------------------------------
	 * ttl
	 * -------------------------------- */
	section h2.ttl {
		margin: 70px auto 60px;
		font-size: 34px;
		color: #1b3751;
		line-height: 1.5;
		white-space: nowrap;
		background: none;
		width: 90%;
		text-align: center;
		letter-spacing: 1px;
		display: block;
		width: 100%;
		text-shadow: 3px 3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, -3px -3px 0 #fff, -8px 6px 2px rgba(0, 0, 0, 0.1);
	}

	section h2.ttl p {
		border-bottom: 5px dotted #fff;
		display: inline-block;
		padding: 0 10px;
		width: auto;
	}

	section h2.ttl span {
		display: inline-block;
		font-size: 56px;
		padding: 0 5px;
		color: #ff6c00;
	}

	section h2.ttl b {
		font-size: 125%;
		padding: 0 2px;
		line-height: 1.2;
		display: inline-block;
	}

	section h2.ttl div {
		display: inline-block;
		background: #32516f;
		border-radius: 40px;
		line-height: 50px;
		color: #fff;
		text-align: center;
		width: auto;
		padding: 0 40px;
		margin-bottom: 25px;
		font-size: 18px;
		letter-spacing: 1px;
		position: relative;
		text-shadow: none;
	}

	section h2.ttl div:before {
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -8px;
		top: 100%;
		border: solid 8px transparent;
		border-top-color: #32516f;
		width: 0;
		height: 0;
		content: "";
		margin-top: -1px;
	}

	.katari_txt+.katari_txt {
		padding-top: 20px;
		padding-bottom: 15px;
	}

	.katari_txt {
		width: 98%;
		margin: auto;
		padding-top: 70px;
		text-align: center;
		font-size: 2.3rem;
		line-height: 1.9;
		font-weight: bold;
	}

	.katari_txt span {
		padding: 0 5px;
		font-size: 4rem;
		color: #ff6c00;
		text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff, -8px 6px 2px rgba(0, 0, 0, 0.1);
	}


	/* --------------------------------
	 * onayami
	 * -------------------------------- */

	.onayami .onayami_inner {
		background: url(img/onayami_img.png) no-repeat center;
		background-size: contain;
		width: 1030px;
		height: 650px;
		letter-spacing: 0.5px;
		position: relative;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		/* Safari */
		justify-content: space-between;
		-webkit-align-items: center;
		/* Safari */
		align-items: center;
	}

	.onayami.img_saiban .onayami_inner {
		background-image: url(img/onayami_img_2.png);
	}

	.onayami.img_kaisya .onayami_inner {
		background-image: url(img/onayami_img_3.png);
	}

	.onayami .main {
		width: 300px;
		height: 650px;
		letter-spacing: 0.5px;
		position: relative;
	}

	.onayami .main p {
		white-space: nowrap;
		font-weight: bold;
		width: 100%;
		padding: 0 30px;
		position: absolute;
		left: 0;
	}

	.onayami .onayami_txt1 {
		color: #fff;
		font-size: 18px;
		top: 64px;
		text-align: center;
	}

	.onayami .onayami_txt1 span {
		font-size: 28px;
		color: #fde646;
		border-bottom: 2px dotted #fde646;
		padding: 0 1px 4px;
		margin: 0 1px;
		line-height: 1.1;
	}

	.onayami .onayami_txt2 {
		top: 468px;
		font-size: 20px;
		line-height: 1.5;
	}

	.onayami .onayami_txt2 span {
		color: #ff6c00;
		border-bottom: 2px dotted #ff6c00;
		padding: 0 1px 3px;
		line-height: 1.3;
	}

	.onayami .onayami_txt2 b {
		font-size: 29px;
	}

	.onayami1 .onayami_txt2 {
		top: 464px;
	}

	.onayami1 .onayami_txt2,
	.onayami1 .onayami_txt2 span {
		line-height: 1.6;
	}

	.onayami .onayami_txt3 {
		top: 585px;
		color: #ff6c00;
		font-size: 11px;
		line-height: 1.5;
	}

	.onayami .main img {
		height: 430px;
		margin-top: 20px;
	}




	/* --------------------------------
	 * zenka
	 * -------------------------------- */

	.zenka_tb {
		width: 1000px;
		margin: auto;
		border-collapse: separate;
		letter-spacing: 0.05em;
		margin-top: 160px;
	}

	.zenka_tb br {
		display: none;
	}

	.zenka_tb th,
	.zenka_tb td {
		text-align: center;
		width: 50%;
		font-weight: bold;
	}

	.zenka_tb tr:first-child th:first-child {
		border-radius: 10px 0 0 0;
	}

	.zenka_tb tr:first-child th:last-child {
		border-radius: 0 10px 0 0;
	}

	.zenka_tb tr:last-child td:first-child {
		border-radius: 0 0 0 10px;
	}

	.zenka_tb tr:last-child td:last-child {
		border-radius: 0 0 10px 0;
	}

	.zenka_tb tr {
		background: #eee;
	}

	.zenka_tb tr:nth-child(even) {
		background: #fff;
	}


	.zenka_tb .tsuita {
		background: #1b3751;
	}

	.zenka_tb .tsukanakatta {
		background: #ff6c00;
	}

	.zenka_tb th {
		font-size: 25px;
		color: #fff;
		line-height: 70px;
	}

	.zenka_tb th span {
		color: #fff06d;
	}


	.zenka_tb th p {
		position: absolute;
		z-index: 2;
		width: 100%;
		bottom: 100%;
		left: 0;
		font-size: 31px;
		padding-bottom: 27px;
		padding-left: 11px;
		text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff, -8px 6px 2px rgba(0, 0, 0, 0.1);
	}

	.zenka_tb .tsuita p {
		color: #1b3751;
	}

	.zenka_tb .tsukanakatta p {
		color: #ff6c00;
	}

	.zenka_tb th p:before {
		position: absolute;
		bottom: -13px;
		left: 0;
		background: url(img/zenka_tsuita_ttl.png) no-repeat center;
		display: block;
		content: "";
		width: 100%;
		height: 50px;
		background-size: contain;
	}

	.zenka_tb .tsukanakatta p:before {
		background-image: url(img/zenka_tsukanakatta_ttl.png);
	}

	.zenka_tb td:first-child {
		border-right: 1px solid #aaa;
		padding-left: 10px;
	}

	.zenka_tb td:last-child {
		padding-right: 10px;
	}


	.zenka_tb td .ttl {
		display: block;
		background: #ababab;
		width: 100px;
		line-height: 50px;
		margin-left: -50px;
		border-radius: 50px;
		color: #fff !important;
		font-weight: bold;
		font-size: 20px;
		position: absolute;
		top: 18px;
		left: 100%;
	}

	.zenka_tb td {
		font-size: 20px;
		line-height: 88px;
	}

	.zenka_tb td:first-child span {
		color: #2987df;
	}

	.zenka_tb td:last-child span {
		color: #ff6c00;
	}

	.zenka_tb td p {
		position: absolute;
		z-index: 2;
		width: 100px;
		bottom: -11px;
	}

	.zenka_tb td:first-child p {
		left: 23px;
	}

	.zenka_tb td:last-child p {
		right: 23px;
	}




	/* --------------------------------
	 * contact
	 * -------------------------------- */
	.contact_bg {
		background: url(img/contact_bg_pc.png) repeat-y top center;
		background-size: contain;
		width: 1000px;
		margin-top: 170px;
		margin-bottom: 140px;
		position: relative;
		padding-top: 78px;
	}

	.contact_bg:before {
		content: "";
		position: absolute;
		top: -48px;
		left: 0;
		width: 1000px;
		height: 60px;
		display: block;
		background: url(img/contact_bg_head_pc.png) no-repeat center;
		background-size: 100% 100%;
	}

	.contact_bg:after {
		content: "";
		position: absolute;
		bottom: -48px;
		left: 0;
		width: 1000px;
		height: 60px;
		display: block;
		background: url(img/contact_bg_head_pc.png) no-repeat center;
		background-size: 100% 100%;
		transform: scale(-1, -1);
	}


	.contact .ttl {
		color: #fde82f;
		height: 185px;
		margin: 0;
		display: inline-block;
		width: 100%;
		text-align: center;
		position: absolute;
		top: -100px;
		left: 0;
		background: url(img/contact_ttl.png) no-repeat center;
		background-size: contain;
		padding-top: 8px;
		letter-spacing: 2px;
		padding-left: 3px;
		font-weight: bold;
		font-size: 32px;
	}

	.contact .ttl span:nth-last-child(-n+6) {
		color: #fff;
	}

	/*.mojiooi .contact .ttl{
	  font-size: 25px;
	  letter-spacing: 0px;
	  padding-top: 13px;
	}*/

	.contact .txt {
		height: 55px;
		width: 90%;
		text-align: center;
		margin: 12px auto 10px;
		font-size: 22px;
		line-height: 2.1;
		font-weight: bold;
		white-space: nowrap;
		letter-spacing: 0.3px;
	}

	.contact .txt span {
		color: #fff;
		background: #391c0d;
		padding: 8px 9px;
		margin-right: 4px;
		font-size: 21px;
		border-radius: 3px
	}

	.contact .txt strong {
		color: #ff6c00;
		border-bottom: 2px dotted #ff6c00;
		padding: 0 1px 3px;
	}

	.contact .tel {
		width: 425px;
		margin: 0 auto 15px;
		height: 245px;
		width: 100%;
		text-align: center;
	}

	.contact .tel {
		overflow: hidden;
		display: block;
	}

	.contact .tel:before {
		content: "";
		display: block;
		height: 100%;
		width: 30px;
		position: absolute;
		top: -180px;
		left: 0;
		background-color: #fff;
		opacity: 0;
		transform: rotate(45deg);
		animation: reflection 10s ease-in-out infinite;
		z-index: 2;
	}

	.pc_telbox{
		background-color: #f9f7ec;
		width: 623px;
		border-radius: 6px;
	}

	.pc_telbox_hd{
		background-color: #ff6b00;
		color: #FFF;
		display: flex;
		justify-content: center;
		align-items: center;
		letter-spacing: 1px;
		padding: 5px;
		font-weight: 700;
		border-radius: 6px 6px 0 0;
	}

	.pc_telbox_hd b{
		font-size: 120%;
	}

	.pc_telbox_hd:before{
		content: "";
		display: inline-block;
		background: url(img/law_ico.png) no-repeat center;
		background-size: contain;
		width: 26px;
		height: 28px;
		margin-right: 7px;
	}

	.pc_telbox_cont {
		padding: 22px;
		font-weight: 700;
	}

	.pc_telbox_cont small.txt_ore{
		font-size: 15px;
		color:#ff6b00;
	}

	.pc_telbox_cont small{
		font-size: 15px;
		line-height: 1.6;
	}

	.pc_telbox_telnum{
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: 'Tauri', sans-serif;
		font-size: 51px;
		text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
		-2px 2px 0 #FFF, 2px -2px 0 #FFF,
		0px 2px 0 #FFF,  0-2px 0 #FFF,
		-2px 0 0 #FFF, 2px 0 0 #FFF;
		color:#ff6b00;
		line-height: 1.6;
	}

	.pc_telbox_telnum:before{
		content: "";
		display: inline-block;
		background: url(img/freedial_ico.png) no-repeat center;
		background-size: contain;
		width: 50px;
		height: 50px;
		margin-right: 8px;
	}

	@keyframes reflection {
		0% {
			transform: scale(0) rotate(45deg);
			opacity: 0;
		}

		87% {
			transform: scale(0) rotate(45deg);
			opacity: 0;
		}

		80% {
			transform: scale(0) rotate(45deg);
			opacity: 0.3;
		}

		80.5% {
			transform: scale(4) rotate(45deg);
			opacity: 0.8;
		}

		83% {
			transform: scale(50) rotate(45deg);
			opacity: 0.3;
		}

		85% {
			transform: scale(50) rotate(45deg);
			opacity: 0.1;
		}

		87% {
			transform: scale(0) rotate(45deg);
			opacity: 0;
		}
	}

	.contact .linktxt a {
		font-size: 13px;
		line-height: 1.5;
		padding-bottom: 10px;
		text-decoration: underline;
		color: #2987df;
	}

	.contact .caption {
		width: 86%;
		margin: auto;
		margin-top: 30px;
		padding-top: 18px;
		border-top: 2px dotted #eee;
		min-height: 100px;
		position: relative;
		z-index: 1;
	}

	.contact .caption:before {
		content: "";
		position: absolute;
		top: 20px;
		left: 0;
		width: 245px;
		height: 82px;
		display: block;
		background: url(img/contact_caption_pc.png) no-repeat center;
		background-size: contain;
	}

	.contact .caption .captiontxt {
		height: auto;
		display: inline-block;
		padding-left: 265px;
		position: relative;
		line-height: 1.6;
		display: block;
		font-size: 15px;
		line-height: 1.8;
	}

	.mojiooi .contact .caption .captiontxt {
		font-size: 14.5px;
	}

	.contact .caption .icon {
		position: absolute;
		top: 20px;
		left: 0;
		width: 245px;
		height: 82px;
		padding-top: 15px;
	}

	.contact .caption .icon span {
		line-height: 1.4;
		display: block;
		text-align: center;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
	}

	.contact .caption .icon .main {
		font-size: 25px;
	}

	.contact .caption .icon b {
		color: #fde82f;
	}

	.contact .caption .icon br {
		display: none;
	}



	/* --------------------------------
	 * kaiketsu
	 * -------------------------------- */


	.kaiketsu .iconall {
		text-align: center;
		height: 200px;
	}

	.kaiketsu .katari {
		font-size: 2rem;
	}

	.kaiketsu .katari.big {
		font-size: 2.5rem;
	}

	.katari+.kaisetsu_item {
		margin-top: 100px;
	}

	.kaisetsu_item {
		width: 1000px;
		border-radius: 10px;
		background: #faf7ec;
		padding: 0 45px 25px;
		margin-top: 65px;
		text-align: center;
	}

	.kaisetsu_item .subttl {
		margin-top: -28px;
		padding-bottom: 13px;
		display: inline-block;
	}

	.kaisetsu_item .subttl span {
		font-size: 30px;
		margin-top: 7px;
		line-height: 1.3;
		display: inline-block;
		border-bottom: 2px solid #ff6c00;
		text-align: center;
		white-space: nowrap;
		padding: 1px;
		text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
	}

	.kaisetsu_item .subttl br+span {
		margin-top: 5px;
		margin-bottom: 15px;
		font-size: 36px;
	}


	.kaisetsu_item .img {
		width: 296px;
		position: absolute;
		left: 45px;
		top: 115px;
		line-height: 0;
	}

	.kaisetsu_item .txt {
		padding-left: 320px;
		line-height: 2;
		padding-bottom: 10px;
		text-align: left;
		min-height: 220px;
	}

	.kaisetsu_item .img .icon {
		position: absolute;
		z-index: 2;
		left: -20px;
		top: -45px;
		height: 130px;
	}



	/* --------------------------------
	 * koe
	 * -------------------------------- */

	.koe {
		background: #fff;
		padding-top: 100px;
	}

	.koe .ttl {
		margin-top: 0;
	}


	.koe_item {
		width: 1000px;
		border-radius: 10px;
		background: #faf7ec;
		margin-top: 100px;
	}

	.koe_item+.koe_item {
		margin-top: 140px;
	}

	.koe_item .subttl {
		position: absolute;
		left: -20px;
		top: -56px;
		text-align: left;
	}

	.koe_item .subttl span {
		line-height: 1.6;
		font-size: 22px;
		display: block;
		padding-left: 280px;
	}

	.koe_item .subttl ul {
		position: absolute;
		width: 280px;
		left: 0;
		top: -24px;
	}

	.koe_item .subttl li {
		text-align: center;
		line-height: 1.1;
		letter-spacing: 1px;
		font-size: 30px;
		padding-top: 25px;
		padding-left: 2px;
		color: #fff;
		width: 114px;
		height: 114px;
		background: url(img/koe_subttlbg.png) no-repeat center;
		background-size: cover;
		display: inline-block;
		margin-right: 2px;
		-webkit-transform: rotate(-14deg);
		-moz-transform: rotate(-14deg);
		transform: rotate(-14deg);
	}

	.koe_item .subttl ul:before,
	.koe_item .subttl ul:after {
		content: "";
		width: 30px;
		height: 2px;
		border-radius: 2px;
		background: #ff6c00;
		position: absolute;
		right: -10px;
	}

	.koe_item .subttl ul:before {
		top: 7px;
		-webkit-transform: rotate(-30deg);
		-moz-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}

	.koe_item .subttl ul:after {
		bottom: 7px;
		-webkit-transform: rotate(30deg);
		-moz-transform: rotate(30deg);
		transform: rotate(30deg);
	}

	.koe_item_inner {
		padding: 47px 60px 25px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		/* Safari */
		justify-content: space-between;
		-webkit-align-items: center;
		/* Safari */
		align-items: center;
	}

	.koe_item_inner .img {
		width: 260px;
	}

	.koe_item_inner .txt {
		flex: 1;
		-webkit-flex: 1;
		padding-left: 26px;
	}

	.koe_item_inner .hito {
		font-weight: bold;
		font-size: 1.4rem;
	}

	.koe_item_inner .hito span {
		background: no-repeat center;
		background-size: cover;
		width: 60px;
		height: 70px;
		display: inline-block;
		vertical-align: middle;
		margin: -10px 15px 0 5px;
	}

	.koe_item_inner .hito .man1 {
		background-image: url(img/koe_hito1.png);
	}

	.koe_item_inner .hito .man2 {
		background-image: url(img/koe_hito2.png);
	}

	.koe_item_inner .hito .man3 {
		background-image: url(img/koe_hito3.png);
	}

	.koe_item .gaiyou {
		background: #643213;
		padding: 25px 60px;
		font-size: 1.4rem;
		color: #fff;
		line-height: 1.8;
		border-radius: 0 0 10px 10px;
	}


	/* --------------------------------
	 * tamano_bengoshi
	 * -------------------------------- */

	.tamano_bengoshi {
		width: 1000px;
		padding-left: 180px;
		margin-top: 90px;
		background: url(img/tamani_bengoshi.png) no-repeat 30px bottom;
		background-size: 130px;
		min-height: 130px;
	}

	.tamano_bengoshi p {
		font-weight: bold;
		font-size: 1.7rem;
		line-height: 2;
		padding-bottom: 60px;
		letter-spacing: 0.03em;
	}

	.tamano_bengoshi p span {
		color: #ff6c00;
	}



	/* --------------------------------
	 * member
	 * -------------------------------- */


	.member {
		padding-top: 90px;
	}

	.member .ttl {
		margin-top: 0;
	}

	.member_item {
		width: 1000px;
		border-radius: 10px;
		background: #fff;
		overflow: hidden;
		margin-top: 30px;
		position: relative;
		padding: 25px 27px;
		padding-right: 436px;
	}

	.member_item div {
		margin: 0;
	}


	.member_item .main_inner {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		/* Safari */
		justify-content: space-between;
	}

	/* 顔写真 名前 */
	.member_item .main_inner .txt {
		flex: 1;
		-webkit-flex: 1;
	}

	.member_item .img {
		overflow: hidden;
		border-radius: 6px;
		display: block;
		width: 100px;
		margin-right: 20px;
		line-height: 0;
	}

	.member_item .name {
		font-size: 1.6rem;
		font-weight: bold;
		letter-spacing: 0.14em;
		text-align: left;
		padding-top: 15px;
	}

	.member_item span {
		font-size: 1rem;
		display: inline-block;
		letter-spacing: 0.05em;
		vertical-align: middle;
		padding-left: 5px;
	}


	/* コピー テーブル */
	.member_item .message {
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.6;
		padding-top: 10px;
	}

	.member_item .profile {
		font-size: 1.2rem;
		display: block;
		letter-spacing: 0.05em;
		margin-top: 7px;
		text-align: left;
		width: 100%;
	}

	.member_item .profile tbody,
	.member_item .profile tr {
		width: 100%;
	}

	.member_item .profile td,
	.member_item .profile th {
		border-bottom: #e4eff8 1px solid;
		line-height: 1.4;
		padding: 6px 0;
		font-weight: normal;
	}

	.member_item .profile th {
		width: 100px;
	}

	.member_item .profile td {
		width: 430px;
	}

	/* 刑事への思い */
	.member_item .omoi {
		margin-top: 22px;
		background: #e4eff8;
		padding: 8px 20px 8px 23px;
		border-radius: 6px;
	}

	.member_item .omoi_btn,
	.omoi_txt {
		font-size: 1.4rem;
		letter-spacing: 0.03em;
	}

	.member_item .omoi_btn.open {
		display: none;
	}

	.member_item .omoi_txt {
		display: none;
	}

	.member_item .omoi_btn {
		color: #54afef;
		text-decoration: underline;
		margin-left: 10px;
		font-size: 1.3rem;
		letter-spacing: 0;
		cursor: pointer;
	}


	/* 右カラム */
	.member_item .sub {
		width: 409px;
		background: #faf7ec;
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
	}

	.member_item .sub .imgttl {
		color: #fff;
		font-size: 17px;
		font-weight: bold;
		text-align: center;
		width: 100%;
		position: absolute;
		right: 0;
		padding-left: 40px;
		top: 36px;
		z-index: 1;
		letter-spacing: 1px;
	}


	/* その他の弁護士 */

	.member .tamano_bengoshi {
		margin-top: 60px;
	}

	.member_hoka {
		width: 1000px;
		border-radius: 10px;
		background: #fff;
		padding: 20px 22px;
		text-align: center;
	}

	.member_hoka .list {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		/* Safari */
		justify-content: space-between;
		margin: auto;
	}

	.member_hoka .list li {
		width: 12%;
	}

	.member_hoka .list a {
		padding: 5px;
		display: block;
		-webkit-transition: all .1s ease-out;
		-moz-transition: all .1s ease-out;
		-ms-transition: all .1s ease-out;
		transition: all .1s ease-out;
	}

	.member_hoka .list a:hover {
		opacity: 0.7;
	}

	.member_hoka>a {
		color: #ff6c00;
		text-decoration: underline;
		font-weight: bold;
		font-size: 1.7rem;
		-webkit-transition: all .1s ease-out;
		-moz-transition: all .1s ease-out;
		-ms-transition: all .1s ease-out;
		transition: all .1s ease-out;
	}

	.member_hoka>a:hover {
		color: #ff9600;
	}


	/* --------------------------------
	 * history
	 * -------------------------------- */
	.history {
		background: #fff;
		padding: 100px 0 120px;
	}

	.history .ttl {
		margin-top: 0;
	}

	.history .timeline {
		margin: auto;
		width: 730px;
		padding: 0 0 50px;
	}


	.timeline li {
		overflow: hidden;
		margin: 0;
		position: relative;
	}

	.timeline-date {
		width: 65px;
		float: left;
		margin-top: 8px;
		font-size: 1.3rem;
		letter-spacing: 1px;
		font-family: 'Montserrat', sans-serif;
	}

	.timeline-content {
		width: 90%;
		float: left;
		border-left: 3px #eee solid;
		padding-left: 30px;
		padding-bottom: 25px;
	}

	.timeline-content:before {
		content: '';
		width: 12px;
		height: 12px;
		background: #ff6c00;
		position: absolute;
		left: -7px;
		top: 13px;
		border-radius: 100%;
	}

	.timeline-content p {
		line-height: 1.7;
		font-size: 1.6rem;
		padding-top: 5px;
		letter-spacing: 0.03em;
	}

	.timeline-content h3 {
		text-align: left;
		line-height: 1.6;
		font-size: 1.8rem;
		padding-top: 5px;
		letter-spacing: 0.03em;
	}


	.timeline_photo {
		padding: 20px 0;
	}

	.timeline_photo p {
		width: 200px;
		display: inline-block;
		margin-right: 3px;
		border-radius: 3px;
		overflow: hidden;
		padding: 0;
	}

	.timeline_photo img {
		display: block;
	}



	/* --------------------------------
	 * koudou
	 * -------------------------------- */
	.koudou {
		width: 1000px;
		margin: auto;
	}

	.koudou .nagare {
		margin: 50px auto 40px;
	}


	.koudou_item {
		padding: 13px 22px;
		background: #fff;
		border-radius: 10px;
		margin-top: 20px;
		height: 218px;
	}


	.koudou_item .stepicon {
		display: block;
		position: absolute;
		top: 38px;
		left: 318px;
		background: #ff6c00;
		border-radius: 50%;
		width: 25px;
		height: 25px;
		text-align: center;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		line-height: 25px;
	}

	.koudou_item .stepicon:before {
		position: absolute;
		content: "STEP";
		color: #ff6c00;
		right: 100%;
		display: block;
		padding-right: 4px;
		letter-spacing: 1.52px;
	}

	.koudou_item .subttl {
		margin-left: 252px;
		text-align: left;
		padding-left: 80px;
		font-size: 2.3rem;
		margin-bottom: 16px;
		padding-top: 16px;
	}

	.koudou_item .subttl span {
		background: url(img/koudou_ttlbg.png) repeat-x bottom left;
		background-size: 8px 4px;
		padding-bottom: 10px;
	}




	.koudou_item .img {
		width: 230px;
		height: 190px;
		overflow: hidden;
		border-radius: 5px;
		position: absolute;
		left: 22px;
		top: 13px;
	}

	.koudou_item .img img {
		height: 190px;
		width: auto;
		max-width: 1000px;
		margin-left: -60px;
	}

	.koudou_item .plain_txt {
		margin-left: 252px;
		margin-top: 10px;
	}





	/* --------------------------------
	 * qa
	 * -------------------------------- */

	.qa {
		background: #fff;
		padding-top: 100px;
	}

	.qa .ttl {
		margin-top: 0;
	}

	.qa_item {
		margin-top: 36px;
		border-radius: 10px;
		background: #faf7ec;
		width: 1000px;
	}

	.qa_item:before {
		background: url(img/qa_icon.png) no-repeat center;
		background-size: contain;
		width: 63px;
		height: 84px;
		display: block;
		content: "";
		position: absolute;
		left: 0;
		top: -20px;
		z-index: 2;
	}

	.qa_item .subttl {
		color: #fff;
		font-size: 2.3rem;
		text-align: left;
		padding: 20px 75px;
		background: #ff6c00;
		border-radius: 10px 10px 0 0;
		letter-spacing: 0.03em;
	}

	.qa_item .subttl span {
		border-bottom: 2px solid #fff;
		padding-bottom: 6px;
	}

	.qa_item .plain_txt {
		padding: 25px 75px 30px;
	}



	/* --------------------------------
	 * map
	 * -------------------------------- */


	.map_item_area {
		width: 1000px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		/* Safari */
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		/* Safari */
		flex-wrap: wrap;
	}

	.map_item {
		background: #fff;
		border-radius: 10px;
		width: 485px;
		padding: 20px 34px 25px;
		margin: 0;
		margin-bottom: 28px;
	}

	.map_item .txt {
		padding-left: 38px;
		background: url(img/map_icon.png) no-repeat left center;
		background-size: 27px 40px;
	}

	.map_item .txt .subttl {
		font-size: 2.3rem;
		font-weight: bold;
		text-align: left;
		line-height: 1;
	}

	.map_item .txt .subttl span {
		font-size: 1.9rem;
	}

	.map_item .txt p {
		font-size: 1.5rem;
		line-height: 1.2;
	}

	.map_item .img {
		margin-top: 15px;
	}


	.map_item .btn {
		width: 280px;
		margin-top: 17px;
		font-size: 1.5rem;
		line-height: 50px;
	}




	/* --------------------------------
	 * footer
	 * -------------------------------- */
	.footer .logo {
		height: 66px;
		text-align: center;
	}

	.footer .copyright {
		font-size: 1.2rem;
		color: #fff;
		line-height: 50px;
		width: 100%;
		text-align: center;
		background: #643213;
		display: block;
		margin-top: 40px;
		letter-spacing: 0.03em;
	}

	.mv+.contact {
		display: none;
	}

}


/**/






/* side*/

.sidenav {
	width: 25%;
}

.sidenav .nav_ttl {
	width: 100%;
	background: #ff6c00;
	color: #fff;
	font-weight: bold;
	line-height: 40px;
	padding: 0 20px;
	border-radius: 3px 3px 0 0;
}

.sidenav ul+.nav_ttl {
	margin-top: 15px;
}

.sidenav ul {
	width: 100%;
}

.sidenav li a {
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	padding: 0 20px;
	line-height: 40px;
	border-bottom: 1px solid #ddd;
	background: #fff;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.sidenav li:last-child a {
	border-bottom: none;
	border-radius: 0 0 3px 3px;
}

.sidenav li a:hover {
	background: #fdf5b3;
}

@media screen and (max-width: 599px) {
	.sidenav {
		width: 100%;
		margin-bottom: 40px;
	}

	.sidenav ul+.nav_ttl {
		margin-top: 0;
	}

	.sidenav .nav_ttl,
	.sidenav li:last-child a {
		border-radius: 0;
	}

	.sidenav .nav_ttl {
		font-size: 13px;
		padding: 0 4%;
		line-height: 32px;
	}

	.sidenav li a {
		font-size: 14px;
		padding: 0 4%;
	}


}

@media screen and (min-width: 600px) {
	.contact+.sidenav {
		display: none;
	}

}

@media screen and (min-width: 600px) {

	/* contact_sidebtn */

	.contact_sidebtn {
		text-align: center;
		display: block;
		padding: 0 0 12px;
		font-weight: bold;
		margin-top: 16px;
		width: 96%;
		border-radius: 3px;
		background: #fff6da;
		overflow: hidden;
		margin-top: 15px;
	}

	.contact_sidebtn .ttl {
		display: block;
		font-size: 14px;
		background: #ff6c00;
		letter-spacing: 1px;
		color: #fff;
		line-height: 40px !important;
		margin-bottom: 10px;
	}

	.contact_sidebtn .telban {
		font-size: 27px;
		letter-spacing: -0.5px;
		color: #ff6c00;
		text-shadow: 3px 3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, -3px -3px 0 #fff;
		line-height: 35px !important;
		display: block;
	}

	.contact_sidebtn span {
		color: #ff6c00;
		font-size: 11px;
		display: block;
		font-weight: bold;
	}
}

/* --------------------------------
	 * lpリニューアル 2018-6
	 * -------------------------------- */

/*mv調整*/
@media screen and (min-width: 600px) {
	.mv_txt {
		top: 426px;
	}

	.mv_txt dt {
		font-size: 1.4rem;
		line-height: 31px;
	}

	.mv_txt dd {
		font-size: 18px;
	}

	.mv_txt {
		padding-bottom: 11px;
	}
}

/*gnaviにtel追加*/
li.telnum {
	line-height: 25px;
	color: #ffffff;
	text-align: center;
	background-color: #ff6c00;
	font-weight: bold;
	font-size: 12px;
	padding: 10px 0;
	letter-spacing: 1px;
}

li.telnum b {
	font-size: 16.5px;
	letter-spacing: 0px;
}

.telnum img {
	width: 14px;
	top: 2px;
	margin-right: 3px;
}


/*悩みを解決できる理由*/
@media screen and (min-width: 600px) {
	.kaisetsu_item .subttl span.short {
		font-size: 36px;
		margin-bottom: 15px;
	}

	.kaisetsu_item .img.short {
		top: 65px;
	}
}

@media screen and (max-width: 599px) {
	.kaisetsu_item .txt {
		padding-top: 21px;
	}
}

/*fb gglレビュー*/
.revue_section {
	background: #fff;
	margin: 20px auto 20px;
	max-width: 1000px;
	display: -webkit-flex;
	/* Safari */
	display: flex;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
	-webkit-align-items: stretch;
	/* Safari */
	align-items: stretch;
}

.muryousoudan_revue {
	width: 50%;
	padding: 5%;
	margin: 0;
}

.facebook.muryousoudan_revue {
	border-left: 1px solid #ddd;
}

@media screen and (max-width: 1250px) {
	.revue_section {
		margin: 50px auto;
		max-width: 1000px;
	}
}

@media screen and (max-width: 640px) {
	.revue_section {
		margin: 35px auto 0;
		display: block;
	}

	.muryousoudan_revue {
		width: 100%;
	}

	.facebook.muryousoudan_revue {
		padding-top: 30px;
		margin-top: 35px;
		border-top: 3px solid #eee;
		border-left: none;
	}
}

.muryousoudan_revue .ttl {
	font-size: 15px;
	font-weight: bold;
	color: #e7711c;
	padding-bottom: 12px;
	line-height: 1;
}

.facebook.muryousoudan_revue .ttl {
	color: #5994fc;
}

.muryousoudan_revue .img {
	display: block;
	width: 100%;
	text-align: center;
	padding-bottom: 24px;
}

.facebook.muryousoudan_revue .img {
	padding-bottom: 27px;
}

.muryousoudan_revue .img img {
	height: 100px;
	width: auto;
}

.muryousoudan_revue .item {
	margin-left: 50px;
	position: relative;
	padding-bottom: 18px;
}

.muryousoudan_revue .item+.item {
	border-top: 1px solid #ddd;
	padding-top: 20px;
}

.muryousoudan_revue .item .name {
	font-size: 14px;
	line-height: 1;
	padding-bottom: 5px;
	text-align: left;
}

.muryousoudan_revue .item .txt {
	font-size: 15px;
	line-height: 1.6;
}

.muryousoudan_revue .link {
	color: #307fb8;
	font-size: 12px;
	text-decoration: underline;
	text-align: right;
	font-weight: normal;
	display: block;
}

.muryousoudan_revue .item .icon {
	width: 36px;
	height: 36px;
	position: absolute;
	left: -50px;
	line-height: 36px;
}

.google.muryousoudan_revue .item .icon {
	border-radius: 50%;
	color: #fff;
	font-weight: bold;
	font-size: 17px;
	text-align: center;
	background: #2ba9d4;
}

.google.muryousoudan_revue .item2 .icon {
	background: #c2185b;
}

.google.muryousoudan_revue .item3 .icon {
	background: #5c6bc0;
}

.google.muryousoudan_revue .item4 .icon {
	background: #e8701c;
}

.google.muryousoudan_revue .item5 .icon {
	background: #f1b235;
}

.google.muryousoudan_revue .item6 .icon {
	background: #209806;
}

.facebook.muryousoudan_revue .item .icon img {
	width: 100%;
	height: auto;
}

.google.muryousoudan_revue .item .name span {
	color: #f8b704;
	margin-left: 10px;
	font-size: 13px;
	letter-spacing: 1px;
}

.facebook.muryousoudan_revue .item .name span {
	color: #fff;
	margin-left: 2px;
	background: #5890ff;
	vertical-align: middle;
	border-radius: 18px;
	line-height: 17px;
	font-size: 10px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 0 8px;
	-webkit-transform: scale(0.82);
	-moz-transform: scale(0.82);
	-ms-transform: scale(0.82);
	-o-transform: scale(0.82);
	transform: scale(0.82);
}

@media screen and (max-width: 640px) {
	.muryousoudan_revue .item.pcnomi {
		display: none !important;
	}

	.muryousoudan_revue .ttl {
		line-height: 2;
	}

	.muryousoudan_revue .item .txt {
		font-size: 14px;
	}
}

@media screen and (min-width: 600px) {
	.kaisetsu_item .muryousoudan_revue .txt {
		font-size: 15px;
		line-height: 1.6;
		padding-left: 0;
		padding-bottom: 0;
		padding-top: 0;
		min-height: auto;
	}
}

@media screen and (max-width: 599px) {
	.kaisetsu_item .muryousoudan_revue .txt {
		padding-top: 0;
		width: 100%;
	}
}

@media screen and (min-width: 600px) {
	.kaisetsu_item .revue_section .img {
		width: 100%;
		text-align: center;
		padding-bottom: 34px;
		position: relative;
		left: 0;
		top: 0;
	}
}


/*微調整*/
@media screen and (max-width: 599px) {
	section h2.ttl {
		white-space: normal;
	}

	section h2.ttl span {
		font-size: 2.4rem;
	}
}

@media screen and (min-width: 600px) {
	.gnav .home:first-child {
		-webkit-flex: none;
		flex: none;
		background: none;
		display: block;
		width: auto;
		padding-right: 20px;
		min-width: 370px;
	}

	.gnav ul {
		width: auto;
		justify-content: center;
		-webkit-justify-content: center;
	}
}

/*TELbtn 2022*/
.mobfoot_contact.wide {
	display: none;
}

@media screen and (max-width: 899px) {
	.mobfoot_contact.wide {
		bottom: 10px;
		box-shadow: none;
		background: none;
		height: auto;
		justify-content: space-between;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		align-items: center;
		padding: 0 5px;
		position: fixed;
		bottom: 0;
		z-index: 2000;
	}

	.mobfoot_contact.wide a.Tel img {
		background-color: #128ea2;
		background-image: linear-gradient(to right, #369fb0 0%, #2c8ea2 100%);
		display: block;
		padding: 10px 12px 10px 18px;
		color: #fff;
		border-radius: 10px;
		border: solid #a1dde7 4px;
		box-shadow: 0px 2px 7px -2px rgba(0, 0, 0, .15);
	}

	.mobfoot_contact_fukidashi {
		margin-right: 5px;
	}

	.kirakira {
		overflow: hidden;
	}

	.kirakira::before {
		content: "";
		display: block;
		height: 100%;
		width: 30px;
		position: absolute;
		top: -180px;
		left: 0;
		background-color: #fff;
		opacity: 0;
		transform: rotate(45deg);
		/*３秒後スタート10秒おき*/
		animation: reflection 10s 3s ease-in-out infinite;
		z-index: 2;
	}


	@keyframes reflection {
		0% {
			transform: scale(0) rotate(45deg);
			opacity: 0;
		}

		7% {
			transform: scale(0) rotate(45deg);
			opacity: 0.3;
		}

		7.5% {
			transform: scale(4) rotate(45deg);
			opacity: 0.8;
		}

		10% {
			transform: scale(50) rotate(45deg);
			opacity: 0.3;
		}

		12% {
			transform: scale(50) rotate(45deg);
			opacity: 0.1;
		}

		14% {
			transform: scale(0) rotate(45deg);
			opacity: 0;
		}
	}
}

@media screen and (max-width: 899px) {
	.footer {
		padding-bottom: 23vw;
	}
}

@media screen and (max-width: 599px) {
	.footer {
		padding-bottom: 13vw;
	}
}


/* Add 2022 */
@media screen and (max-width: 599px) {
	.gnav.mob p {
		text-align: left;
		flex: 1;
		line-height: 1.4;
		font-size: 12px;
		font-weight: bold;
	}

	.gnav.mob p b {
		color: #ff6c00;
	}

	.gnav.mob p span {
		font-size: 18px;
		line-height: 1.4;
	}

	.gnav.mob {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 60px;
		gap: 0 20px;
	}

	.gnav a:first-child,
	.gnav a:last-child {
		position: relative;
		top: 0;
	}

	.gnav a:first-child {
		left: 10px;
	}

	.gnav a:last-child {
		right: 10px;
		width: auto;
	}

	.mv {
		padding-top: 60px;
	}

	.plain_txt span,
	.ye_al {
		font-size: 13.4px;
	}

	.onayami .onayami_txt1 {
		font-size: 1.5rem;
	}

	.onayami .onayami_txt1 span {
		font-size: 2rem;
		line-height: 1.6;
	}

	.onayami .onayami_txt2 b {
		font-size: 2rem;
	}
}


@media screen and (max-width: 375px) {
	.gnav.mob p {
		font-size: 10px;
	}
}

@media screen and (min-width: 600px) {
	.onayami .onayami_txt1 span {
		font-size: 26px;
	}

	.onayami .onayami_txt2 {
		font-size: 18px;
	}

	.onayami .onayami_txt2 span {
		font-size: 20px;
		line-height: 1.6;
	}
}
@media screen and (min-width: 600px) {
	.style__lp_b .mv_bengoshi{
		width: 455px;
    	height: auto;
    	bottom: 0px;
    	top: auto;
    	right: -22px;
	}
}

/*ヘッダーロゴ変更*/
@media screen and (max-width: 599px) {
	.gnav.mob{
		gap: initial;
	}
	.gnav a.atomlogo{
		width: 90px;
		flex: 0 0 90px;
		margin-right: 20px;
	}
	.gnav a.atomlogo img{
		max-width: none;
		max-height: none;
		width: 90px;
		height: 37px;
	}
	.gnav.mob p {
		font-size: 14px;
		margin-top: auto;
		margin-bottom: 5px;
	}
	.gnav.mob p b{
		font-size: 16px;
		font-weight: bold;
		color: #d00008;
	}
	.mojiooi .gnav a:first-child{
		left: 5px;
	}
	.mojiooi .gnav.mob p b{
		font-size: 14px;
	}
	
	.mojiooi .gnav a:last-child{
		right: 5px;
		margin-left: 5px;
	}
	.mojiooi .gnav a.atomlogo{
		margin-right: 10px;
	}
}
@media screen and (max-width: 375px) {
	.mojiooi .gnav.mob p br{
		display: none;
	}
}
	@media screen and (max-width: 360px) {
		.gnav.mob p,
		.gnav.mob p b{
		font-size: 95%;
	}
}
@media screen and (min-width: 600px) {
	.gnav.pc{
		display: flex;
		justify-content: center;
	}
	.gnav .atomlogo_area{
		background: #fff;
		height: 70px;
		margin: 0 0 0 auto;
		padding: 0 40px 0 30px;
		display: flex;
		align-items: center;
		position: relative;
	}
	.gnav .atomlogo_area::before{
		content: "";
		display:block;
		background: #fff;
		width: 100%;
		height: 70px;
		position: absolute;
		right: 100%;
		top: 0;
	}
	.gnav .atomlogo_area div{
		display: inline-block;
		font-size: 22px;
		font-weight: bold;
		color: #000;
		margin: 0 0 0 20px;
	}
	.gnav .atomlogo_area a{
		width: 140px;
		height: 58px;
		flex: 0 0 140px;
	}
	.gnav .atomlogo_area a img{
		max-width: none;
		max-height: none;
	}
	.gnav ul{
		margin: 0 auto 0 0;
	}
}
@media screen and (min-width:1280px) {
	.gnav .atomlogo_area{
		padding: 0 80px 0 30px;
	}
}